Pukaad UI App 🚀

A comprehensive and reusable UI Kit for Pukaad applications. ชุดเครื่องมือ UI มาตรฐานสำหรับแอปพลิเคชันในเครือ Pukaad

---

🇹🇭 ภาษาไทย (Thai)

pukaad_ui_app เป็นแพ็กเกจที่รวบรวมคอมโพเนนต์ UI พื้นฐานที่ใช้ในระบบนิเวศของ Pukaad เพื่อให้ทุกแอปพลิเคชันมีหน้าตาและการใช้งานที่สอดคล้องกัน (Design System)

ฟีเจอร์หลัก

• Theme & Typography: ระบบสีและฟอนต์มาตรฐานของ Pukaad
• Custom Inputs: ช่องกรอกข้อมูลที่รองรับการตรวจสอบ (Validation) เช่น เบอร์โทรศัพท์, รหัสผ่าน, OTP, reCAPTCHA
• Specialized Cards: การ์ดแสดงผลสำหรับบทความ (Blog) และผลการค้นหา (Search Result)
• Buttons & Navigation: ปุ่มกดหลายรูปแบบและระบบนำทางเบื้องต้น

---

🇺🇸 English

pukaad_ui_app is a centralized UI library for the Pukaad ecosystem, ensuring visual consistency and rapid development across various applications.

Key Features

• Theme & Typography: Standardized color palette and text styles.
• Custom Inputs: Validated input fields for Phone, Password, OTP, reCAPTCHA, etc.
• Specialized Cards: Pre-built cards for Blogs, Search Results, and Places.
• Buttons & Navigation: Versatile button components and pre-defined layouts.

---

🛠 Getting Started (เริ่มต้นใช้งาน)

Add pukaad_ui_app to your pubspec.yaml:

dependencies:
  pukaad_ui_app: ^0.0.4

Then run:

flutter pub get

---

📖 Usage Examples (ตัวอย่างการใช้งาน)

1. Button (ปุ่ม)

import 'package:pukaad_ui_app/pukaad_ui_app.dart';

Button(
  text: 'เข้าสู่ระบบ',
  type: ButtonType.filled,
  onPressed: () =>log('Login pressed'),
)

2. Search Result Card (การ์ดผลการค้นหา)

SearchResultCard(
  title: 'ร้านอาหารตัวอย่าง',
  subtitle: 'รายละเอียดร้านค้า...',
  imageUrl: 'https://example.com/image.jpg',
  type: SearchCardType.place,
  isVerified: true,
  rating: 4.5,
  reviewCount: '120',
  onTap: () {},
)

3. Blog Post Card (การ์ดบทความ)

BlogPostCard(
  title: 'วิธีใช้งานแอป Pukaad',
  content: '[{"insert": "ข้อความบางส่วน..."}]',
  authorName: 'Admin',
  onTap: () {},
)

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.