TaavUI Lab
TaavUI · Foundation Layer

سیستم طراحی داخلیDastRanj · VahedYek

TaavUI زبان بصری مشترک برای پنل‌های DastRanj و VahedYek است. این commit لایه مرجع و اصول طراحی را به Lab اضافه می‌کند تا componentهای آینده با منطق سیستمی ساخته شوند، نه صفحه‌به‌صفحه و سلیقه‌ای.

وضعیت

Reference + Principles

صفحات DastRanj و VahedYek هنوز مهاجرت داده نشده‌اند.

دسته‌بندی کامپوننت‌ها

نقشه رشد TaavUI در لایه‌های محصول

پایهفعال

Primitives

دکمه، نشان، کارت و اجزای سطح پایین رابط کاربری

فرم‌هافعال

Forms

Text fields، form controls و field composition استاندارد

اورلیفعال

Overlays

Dialog، Drawer، Popover و Dropdown

ناوبریفعال

Navigation

Tabs و Stepper برای صفحات و جریان‌های چندمرحله‌ای

نمایش دادهفعال

Data Display

Chip، status، empty، skeleton، pagination، filter، table shell

چیدمانفعال

Layout

Page shell، header، section، settings، detail، sticky actions، sidebar، stats

کامپوننت‌های کسب‌وکارفعال

Business Components

اجزای تخصصی DastRanj و VahedYek

پیشرفت

Foundationprinciples + refs
Tokensform tokens
Primitives۵ کامپوننت
Forms P2۱۶ کامپوننت
Overlays۴ primitive
NavigationTabs + Stepper
Data Display۹ کامپوننت
Layout۹ الگو
Business۹ کامپوننت — layout + form patterns
UI Labمستندات
Migrationشروع نشده

راهنمای استفاده در DastRanj / VahedYek

  • • از کامپوننت‌های TaavUI به‌جای UI تکراری محلی در اپ‌ها استفاده کنید.
  • • دکمه، badge، کارت، wrapper فرم، جدول یا status chip جدید داخل اپ نسازید اگر معادل TaavUI وجود دارد.
  • • برای تغییر ظاهر رسمی، از className دلخواه Tailwind استفاده نکنید — فقط props رسمی.
  • • از variant، size، tone، width، density و stateهای رسمی استفاده کنید.
  • • variant جدید فقط وقتی اضافه شود که reusable و تاییدشده باشد.
  • • کامپوننت‌های business باید روی primitives ساخته شوند، نه Tailwind خام.
  • • مهاجرت DastRanj و VahedYek باید صفحه‌به‌صفحه و تدریجی انجام شود.
قوانین توسعه

جزئیات کامل در packages/ui/TAAVUI.md و packages/ui/TAAVUI_REFERENCES.md موجود است.