@nons-dev/uikit 0.1.9 → 0.1.10

package/dist/index.js

@@ -1,8 +1,8 @@
 var Xe = Object.defineProperty;
 var Ze = (e, s, t) => s in e ? Xe(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
 var ze = (e, s, t) => Ze(e, typeof s != "symbol" ? s + "" : s, t);
-import { defineComponent as A, computed as g, openBlock as a, createElementBlock as n, normalizeClass as S, createBlock as T, resolveDynamicComponent as re, reactive as Ee, withCtx as U, renderSlot as K, createTextVNode as Y, toDisplayString as C, useSlots as Je, createCommentVNode as f, createVNode as x, createElementVNode as m, ref as P, watch as ee, onMounted as te, onUnmounted as oe, withModifiers as X, Transition as ae, Fragment as j, renderList as W, withDirectives as ue, vModelText as Me, normalizeStyle as Q, unref as R, mergeProps as Pe, h as De, onBeforeUnmount as Qe, nextTick as et, vShow as Ae, useCssVars as tt } from "vue";
-import { Tag as at, Folder as st, Globe as lt, Minimize2 as ke, Maximize2 as we, Clock as nt, Bell as ot, Info as it, HelpCircle as ct, AlertCircle as Le, X as $e, ChartPie as rt, Moon as dt, Sun as ut, Check as mt, MoreHorizontal as ft, ArrowRight as vt, ArrowLeft as pt, Edit2 as bt, Trash2 as ht, Filter as gt, ChevronDown as Oe, Search as _t, Plus as yt, Menu as kt, Bolt as wt, Terminal as $t, Settings as Ct, Fingerprint as xt, BarChart3 as St, Flag as It, MessageSquare as Bt, Archive as Vt, Package as zt, ShoppingBag as Dt, Users as At, LayoutDashboard as Te, ChevronUp as Lt, ChevronsUpDown as Tt } from "@lucide/vue";
+import { defineComponent as A, computed as g, openBlock as a, createElementBlock as l, normalizeClass as S, createBlock as T, resolveDynamicComponent as re, reactive as Ee, withCtx as U, renderSlot as K, createTextVNode as Y, toDisplayString as C, useSlots as Je, createCommentVNode as f, createVNode as x, createElementVNode as m, ref as P, watch as ee, onMounted as te, onUnmounted as oe, withModifiers as X, Transition as ae, Fragment as j, renderList as W, withDirectives as ue, vModelText as Me, normalizeStyle as Q, unref as R, mergeProps as Pe, h as De, onBeforeUnmount as Qe, nextTick as et, vShow as Ae, useCssVars as tt } from "vue";
+import { Tag as at, Folder as st, Globe as nt, Minimize2 as ke, Maximize2 as we, Clock as lt, Bell as ot, Info as it, HelpCircle as ct, AlertCircle as Le, X as $e, ChartPie as rt, Moon as dt, Sun as ut, Check as mt, MoreHorizontal as ft, ArrowRight as vt, ArrowLeft as pt, Edit2 as bt, Trash2 as ht, Filter as gt, ChevronDown as Oe, Search as _t, Plus as yt, Menu as kt, Bolt as wt, Terminal as $t, Settings as Ct, Fingerprint as xt, BarChart3 as St, Flag as It, MessageSquare as Bt, Archive as Vt, Package as zt, ShoppingBag as Dt, Users as At, LayoutDashboard as Te, ChevronUp as Lt, ChevronsUpDown as Tt } from "@lucide/vue";
 class Et {
   constructor() {
     ze(this, "registry", /* @__PURE__ */ new Map());
@@ -59,33 +59,33 @@ const E = new Et(), Mt = /* @__PURE__ */ A({
       help: ct,
       info: it,
       bell: ot,
-      clock: nt,
+      clock: lt,
       "maximize-2": we,
       "minimize-2": ke,
-      globe: lt,
+      globe: nt,
       folder: st,
       tag: at
-    }, t = e, l = g(() => t.name.startsWith("ti-") || t.name.startsWith("ti ") || t.name.includes(" ")), i = g(() => s[t.name.toLowerCase()]), o = g(() => [
+    }, t = e, n = g(() => t.name.startsWith("ti-") || t.name.startsWith("ti ") || t.name.includes(" ")), i = g(() => s[t.name.toLowerCase()]), o = g(() => [
       "ds-icon",
       `ds-icon--size-${t.size}`,
       `ds-icon--variant-${t.variant}`
     ]);
-    return (r, c) => l.value ? (a(), n("i", {
+    return (r, c) => n.value ? (a(), l("i", {
       key: 0,
       class: S([e.name, o.value])
     }, null, 2)) : i.value ? (a(), T(re(i.value), {
       key: 1,
       class: S(o.value),
       "aria-hidden": "true"
-    }, null, 8, ["class"])) : (a(), n("span", {
+    }, null, 8, ["class"])) : (a(), l("span", {
       key: 2,
       class: S(o.value)
     }, "?", 2));
   }
 }), L = (e, s) => {
   const t = e.__vccOpts || e;
-  for (const [l, i] of s)
-    t[l] = i;
+  for (const [n, i] of s)
+    t[n] = i;
   return t;
 }, N = /* @__PURE__ */ L(Mt, [["__scopeId", "data-v-06b2598d"]]), Pt = { name: "نونز", footer: "پنل مدیریت" }, Ot = { dashboard: "دکمه‌ها (Buttons)", users: "آیکون‌ها (Icons)", stores: "تایپوگرافی (Text)", products: "فیلدهای فرم (Forms)", orders: "چیدمان (Layouts)", chat: "نشان و آواتار (Badges)", reports: "جداکننده (Divider)", stats: "رندر اسکیما (Schema)", components: "کامپوننت‌ها" }, Rt = { name: "بهروز", email: "admin@Nons.ir" }, Nt = { search: "جستجو کنید...", child_panel: "پنل فروشنده", child_finance: "امور مالی", child_content: "مدیریت محتوا", panel_finance: "مالی", panel_seller: "فروشنده", panel_support: "پشتیبانی", theme_toggle: "تغییر پوسته", settings: "تنظیمات", reports: "گزارش", add: "افزودن", lang_fa: "فارسی", lang_en: "English" }, Ft = { title: "فهرست نقش‌ها", subtitle: "فهرست کاربران خود را در اینجا مدیریت کنید", add_new: "افزودن جدید", search: "جستجو...", filter: "فیلتر", filter_all: "همه نقش‌ها", filter_admin: "ادمین", filter_seller: "فروشنده", filter_viewer: "بازدیدکننده", next: "بعدی", prev: "قبلی", delete: "حذف", edit: "ویرایش", cancel: "انصراف", save: "ذخیره", add_role: "افزودن نقش جدید", edit_role: "ویرایش نقش", no_data: "هیچ داده‌ای یافت نشد." }, Ut = { name: "نقش", key: "شناسه", capabilities: "توانایی‌ها", count: "تعداد", actions: "اقدام", name_placeholder: "مثال: فروشنده", key_placeholder: "مثال: SELLER", name_label: "نام نقش", key_label: "شناسه نقش", access_type: "نوع دسترسی", access_placeholder: "انتخاب کنید...", access_full: "دسترسی کامل", access_limited: "دسترسی محدود", access_readonly: "فقط مشاهده", cap_full_access: "دسترسی کامل", cap_shop: "فروشگاه", cap_support: "پشتیبانی", cap_products: "محصولات", cap_report: "گزارش", cap_buy: "خرید", cap_sell: "فروش", cap_view: "مشاهده", cap_limited: "محدود", error_name_required: "نام نقش الزامی است", error_key_required: "شناسه نقش الزامی است", error_key_exists: "نقشی با این شناسه قبلاً ثبت شده است" }, jt = { title: "کاوشگر کامپوننت‌ها", subtitle: "مرور و پیش‌نمایش تمام کامپوننت‌های سیستم طراحی", categories: { actions: "عملیات (Actions)", forms: "فرم‌ها (Forms)", feedback: "بازخورد (Feedback)", base: "پایه (Base)", layouts: "چیدمان (Layouts)", components: "کامپوننت‌ها (Components)", navigation: "ناوبری (Navigation)", "data-display": "نمایش داده (Data Display)", disclosure: "نمایش انتخابی (Disclosure)" }, tabs: { preview: "پیش‌نمایش", props: "مشخصات (Props)", schema: "اسکیما (Schema)", usage: "نحوه استفاده" }, components: { button: { name: "دکمه (Button)", desc: "دکمه‌های تعاملی با انواع، اندازه‌ها و حالت‌های مختلف" }, "icon-button": { name: "دکمه آیکونی (IconButton)", desc: "دکمه مربعی فقط با آیکون برای عملیات فشرده" }, icon: { name: "آیکون (Icon)", desc: "سیستم آیکون یکپارچه با اندازه‌های توکن و رنگ‌های معنایی" }, text: { name: "متن (Text)", desc: "کامپوننت تایپوگرافی با مقیاس‌ها و وزن‌های از پیش تعریف شده" }, input: { name: "ورودی (Input)", desc: "فیلد ورودی متن با پشتیبانی از آیکون و حالت خطا" }, spacer: { name: "فاصله‌انداز (Spacer)", desc: "ایجاد فضا و فواصل یکنواخت و استاندارد در چیدمان لایه‌ها" }, textarea: { name: "ورودی چندخطی (Textarea)", desc: "فیلد ورودی متن چند خطی با پشتیبانی از شمارشگر کاراکتر و کلمه" }, select: { name: "انتخاب (Select)", desc: "منوی کشویی انتخاب با گزینه‌های سفارشی" }, "multi-select": { name: "انتخاب چندگانه (MultiSelect)", desc: "منوی کشویی انتخاب چندگانه با قابلیت جستجو، چک‌لیست و نمایش تگ‌ها" }, "search-box": { name: "جعبه جستجو (SearchBox)", desc: "ترکیب فیلد ورودی و آیکون جستجو همراه با دکمه پاک‌سازی" }, dropdown: { name: "منوی کشویی (Dropdown)", desc: "منوی انتخابی با پشتیبانی از گزینه‌های ثابت و فراخوانی API" }, autocomplete: { name: "تکمیل خودکار (AsyncAutocomplete)", desc: "ورودی متن با قابلیت بارگذاری پویا و غیرهمزمان اطلاعات از سرور" }, menu: { name: "منو (Menu)", desc: "منوی عمومی حاوی گزینه‌ها برای سایدبار یا منوهای بازشو" }, "menu-item": { name: "آیتم منو (MenuItem)", desc: "گزینه تکی داخل منو با پشتیبانی از آیکون و وضعیت فعال" }, tooltip: { name: "تولتیپ (Tooltip)", desc: "نمایش اطلاعات کمکی بر روی عناصر با نگه‌داشتن موس" }, popover: { name: "پاپ‌اور (Popover)", desc: "نمایش محتوای شناور و تعاملی در جریان صفحه" }, tabs: { name: "تب‌ها (Tabs)", desc: "ابزار ناوبری و جابجایی بین بخش‌های مختلف محتوا" }, checkbox: { name: "کادر انتخاب (Checkbox)", desc: "کادر انتخاب با طراحی سفارشی و پشتیبانی از حالت غیرفعال" }, switch: { name: "سوئیچ (Switch)", desc: "سوئیچ دوحالته با انیمیشن و پشتیبانی از حالت غیرفعال" }, badge: { name: "نشان (Badge)", desc: "نشان‌های رنگی با انواع معنایی و آیکون" }, avatar: { name: "آواتار (Avatar)", desc: "تصویر پروفایل کاربر با تصویر یا حروف اول نام" }, divider: { name: "جداکننده (Divider)", desc: "خط جداکننده افقی با ضخامت توکن" }, card: { name: "کارت (Card)", desc: "کارت محتوا شامل بخش‌های سربرگ، بدنه و پاورقی" }, table: { name: "جدول (SchemaTable)", desc: "جدول Schema-Driven با قابلیت sort، انتخاب سطر و یکپارچه‌سازی TableCell" }, "table-cell": { name: "سلول جدول (TableCell)", desc: "سلول جدول مبتنی بر اسکیما با ۶ نوع مختلف (text, date, profile, tag, checkbox, actions)" }, "filter-bar": { name: "نوار فیلتر (FilterBar)", desc: "ترکیبی از فیلدها برای فیلتر و جستجوی داده‌ها" }, pagination: { name: "صفحه‌بندی (Pagination)", desc: "کنترل صفحه‌بندی داده‌ها با اطلاعات صفحه فعلی" }, "empty-state": { name: "وضعیت خالی (EmptyState)", desc: "نمایش پیام استاندارد در صورت عدم وجود داده‌ها" }, "loading-state": { name: "وضعیت بارگذاری (LoadingState)", desc: "نمایش انیمیشن بارگذاری، اسپینر یا اسکلتون" }, sidepanel: { name: "پنل جانبی (SidePanel)", desc: "پنل کشویی جانبی با سربرگ و پاورقی" }, stack: { name: "پشته (Stack)", desc: "چیدمان عمودی یا افقی با فاصله و جداکننده" }, row: { name: "ردیف (Row)", desc: "چیدمان افقی انعطاف‌پذیر با گزینه‌های تراز" }, grid: { name: "شبکه (Grid)", desc: "سیستم شبکه پاسخگوی ۱۲ ستونی" }, section: { name: "بخش (Section)", desc: "بخش صفحه همراه با عنوان و زیرعنوان" }, accordion: { name: "آکاردئون (Accordion)", desc: "نمایش محتوای گروه‌بندی شده با قابلیت باز و بسته شدن" }, alert: { name: "اعلان (Alert)", desc: "نمایش پیام‌های سیستمی و هشدارهای درون صفحه‌ای" }, progress: { name: "پیشرفت (Progress)", desc: "نمایش درصد پیشرفت عملیات جاری" }, breadcrumb: { name: "مسیر راهنما (Breadcrumb)", desc: "نمایش مسیر جاری کاربر در صفحات برنامه" }, chip: { name: "چیپ (Chip)", desc: "برچسب‌های کوچک تعاملی با قابلیت حذف" }, "command-menu": { name: "منوی دستورات (CommandMenu)", desc: "منوی جستجوی سریع و اجرای عملیات با کلیدهای میانبر" }, "swipe-item": { name: "آیتم کشویی (SwipeItem)", desc: "آیتم لیست با قابلیت کشیدن برای نمایش دکمه‌های عملیات" }, sidebar: { name: "سایدبار (SidebarNav)", desc: "سایدبار ناوبری مبتنی بر اسکیما با حالت باز/بسته" }, "user-card": { name: "کاربر (UserCard)", desc: "کارت پروفایل کاربر برای فوتر سایدبار با آواتار، نام، نقش و آیکون عملیات" }, "page-title": { name: "عنوان صفحه (PageTitle)", desc: "هدر صفحه با عنوان، زیرعنوان و دکمه عملیات اختیاری" }, "notification-bell": { name: "زنگ اعلان (NotificationBell)", desc: "دکمه زنگ با نشانگر اعلان خوانده نشده" }, "notification-panel": { name: "پنل اعلان (NotificationPanel)", desc: "پنل کشویی لیست اعلان‌ها با ردیف‌های SwipeItem" }, "toggle-button": { name: "دکمه تغییر حالت (ToggleButton)", desc: "دکمه دو حالته با آیکون و برچسب مجزا برای هر حالت" }, "action-toggle": { name: "تغییردهنده عملیات (ActionToggle)", desc: "تغییردهنده قطعه‌بندی‌شده با ۲ یا ۳ گزینه و لغزنده" } } }, qt = { previous: "قبلی", next: "بعدی", page_of: "صفحه {page} از {total}" }, Kt = { text: "در حال بارگذاری..." }, Ht = { empty: "هیچ داده‌ای یافت نشد." }, Wt = { no_results: "نتیجه‌ای یافت نشد", remove: "حذف", go: "برو", run: "اجرا", transfer: "انتقال" }, Gt = { words: "کلمه" }, Yt = { demo_title: "تست رندر پویا از روی اسکیما (Schema UI Engine)", demo_subtitle: "این کادر به طور کامل از یک مشخصات JSON رندر شده است و عملکرد واقعی دارد.", input_placeholder: "ورودی اسکیما...", submit: "ثبت از اسکیما" }, Xt = { close: "بستن", cancel: "انصراف", save: "ذخیره", minimize: "کوچک‌نمایی", maximize: "بزرگ‌نمایی" }, Zt = {
   app: Pt,
@@ -102,15 +102,15 @@ const E = new Et(), Mt = /* @__PURE__ */ A({
   textarea: Gt,
   schema: Yt,
   sidepanel: Xt
-}, Jt = { name: "Nons", footer: "Admin Panel" }, Qt = { dashboard: "Buttons", users: "Icons", stores: "Typography", products: "Form Fields", orders: "Layouts", chat: "Badges & Avatars", reports: "Dividers", stats: "Schema Renderer", components: "Components" }, ea = { name: "Behrouz", email: "admin@Nons.ir" }, ta = { search: "Search...", child_panel: "Seller Panel", child_finance: "Finance", child_content: "Content Management", panel_finance: "Finance", panel_seller: "Seller", panel_support: "Support", theme_toggle: "Toggle Theme", settings: "Settings", reports: "Reports", add: "Add", lang_fa: "Persian", lang_en: "English" }, aa = { title: "Roles List", subtitle: "Manage your users here", add_new: "Add New", search: "Search...", filter: "Filter", filter_all: "All Roles", filter_admin: "Admin", filter_seller: "Seller", filter_viewer: "Viewer", next: "Next", prev: "Previous", delete: "Delete", edit: "Edit", cancel: "Cancel", save: "Save", add_role: "Add New Role", edit_role: "Edit Role", no_data: "No data found." }, sa = { name: "Role", key: "Key", capabilities: "Capabilities", count: "Count", actions: "Actions", name_placeholder: "e.g. Seller", key_placeholder: "e.g. SELLER", name_label: "Role Name", key_label: "Role Key", access_type: "Access Type", access_placeholder: "Select...", access_full: "Full Access", access_limited: "Limited Access", access_readonly: "Read Only", cap_full_access: "Full Access", cap_shop: "Shop", cap_support: "Support", cap_products: "Products", cap_report: "Report", cap_buy: "Buy", cap_sell: "Sell", cap_view: "View", cap_limited: "Limited", error_name_required: "Role name is required", error_key_required: "Role key is required", error_key_exists: "A role with this key already exists" }, la = { title: "Component Explorer", subtitle: "Browse and preview all design system components", categories: { actions: "Actions", forms: "Forms", feedback: "Feedback", base: "Base", layouts: "Layouts", components: "Components", navigation: "Navigation", "data-display": "Data Display", disclosure: "Disclosure" }, tabs: { preview: "Preview", props: "Props", schema: "Schema", usage: "Usage" }, components: { button: { name: "Button", desc: "Interactive buttons with variants, sizes and states" }, "icon-button": { name: "IconButton", desc: "Icon-only square button for compact actions" }, icon: { name: "Icon", desc: "Unified icon system with token sizes and semantic colors" }, text: { name: "Text", desc: "Typography component with predefined scales and weights" }, input: { name: "Input", desc: "Text input field with icon and error state support" }, spacer: { name: "Spacer", desc: "Fixed token-based layout spacer for spacing sections" }, textarea: { name: "Textarea", desc: "Multiline text input with character and word limits support" }, select: { name: "Select", desc: "Dropdown select menu with custom options" }, "multi-select": { name: "MultiSelect", desc: "Dropdown select menu with multiple checkable options and display tags" }, "search-box": { name: "SearchBox", desc: "Text input combined with search icon and clear actions" }, dropdown: { name: "Dropdown", desc: "General selection dropdown with static items and API source loading" }, autocomplete: { name: "AsyncAutocomplete", desc: "Text input with dynamic and asynchronous suggestion loading from server" }, menu: { name: "Menu", desc: "Structured menu layout with dynamic options" }, "menu-item": { name: "MenuItem", desc: "Individual choice element in a Menu block" }, tooltip: { name: "Tooltip", desc: "Helpful overlay text displaying on mouse-over" }, popover: { name: "Popover", desc: "Floating interactive content panel mapping to logical flow" }, tabs: { name: "Tabs", desc: "Navigation controls for switching between content sections" }, checkbox: { name: "Checkbox", desc: "Custom styled checkbox with disabled state" }, switch: { name: "Switch", desc: "Toggle switch with animation and disabled state" }, badge: { name: "Badge", desc: "Colored badges with semantic variants and icon" }, avatar: { name: "Avatar", desc: "User avatar with image or fallback initials" }, divider: { name: "Divider", desc: "Horizontal divider line with token thickness" }, card: { name: "Card", desc: "Content card with header, body and footer sections" }, table: { name: "SchemaTable", desc: "Schema-driven table with sort, row selection, and TableCell integration" }, "table-cell": { name: "TableCell", desc: "Schema-driven table cell with 6 type variants (text, date, profile, tag, checkbox, actions)" }, "filter-bar": { name: "FilterBar", desc: "Composed search and filter controls for datasets" }, pagination: { name: "Pagination", desc: "Navigation controls for datasets pages" }, "empty-state": { name: "EmptyState", desc: "Informational banner when zero records are returned" }, "loading-state": { name: "LoadingState", desc: "Spinner, shimmering skeletons or placeholders for pending processes" }, sidepanel: { name: "SidePanel", desc: "Slide-in side panel with header and footer" }, stack: { name: "Stack", desc: "Vertical or horizontal layout with gap and separator" }, row: { name: "Row", desc: "Flexible horizontal layout with alignment options" }, grid: { name: "Grid", desc: "12-column responsive grid system" }, section: { name: "Section", desc: "Page section with title and subtitle" }, accordion: { name: "Accordion", desc: "Collapsible content panels for grouping related information" }, alert: { name: "Alert", desc: "Inline message panels for notifications and confirmation actions" }, progress: { name: "Progress", desc: "Visual progress indicators for ongoing operations" }, breadcrumb: { name: "Breadcrumb", desc: "Navigation trail for displaying current page hierarchy" }, chip: { name: "Chip", desc: "Compact, interactive tags with delete action buttons" }, "command-menu": { name: "CommandMenu", desc: "Keyboard-navigable search and action command palette" }, "swipe-item": { name: "SwipeItem", desc: "Swipeable list item that reveals action buttons on swipe" }, sidebar: { name: "SidebarNav", desc: "Schema-driven navigation sidebar with collapsed/expanded modes" }, "user-card": { name: "UserCard", desc: "Compact user profile card for sidebar footers with avatar, name, role and action icon" }, "page-title": { name: "PageTitle", desc: "Page header with title, subtitle and optional action button" }, "notification-bell": { name: "NotificationBell", desc: "Bell button with unread notification dot indicator" }, "notification-panel": { name: "NotificationPanel", desc: "Dropdown panel listing notification items with SwipeItem rows" }, "toggle-button": { name: "ToggleButton", desc: "Two-state button with separate icon and label for each state" }, "action-toggle": { name: "ActionToggle", desc: "Segmented toggle with 2 or 3 options and sliding thumb" } } }, na = { previous: "Previous", next: "Next", page_of: "Page {page} of {total}" }, oa = { text: "Loading..." }, ia = { empty: "No data found." }, ca = { no_results: "No results found", remove: "Remove", go: "Go", run: "Run", transfer: "Transfer" }, ra = { words: "words" }, da = { demo_title: "Dynamic Schema Rendering Test (Schema UI Engine)", demo_subtitle: "This card is fully rendered from a JSON specification and has real functionality.", input_placeholder: "Schema input...", submit: "Submit from Schema" }, ua = { close: "Close", cancel: "Cancel", save: "Save", minimize: "Minimize", maximize: "Maximize" }, ma = {
+}, Jt = { name: "Nons", footer: "Admin Panel" }, Qt = { dashboard: "Buttons", users: "Icons", stores: "Typography", products: "Form Fields", orders: "Layouts", chat: "Badges & Avatars", reports: "Dividers", stats: "Schema Renderer", components: "Components" }, ea = { name: "Behrouz", email: "admin@Nons.ir" }, ta = { search: "Search...", child_panel: "Seller Panel", child_finance: "Finance", child_content: "Content Management", panel_finance: "Finance", panel_seller: "Seller", panel_support: "Support", theme_toggle: "Toggle Theme", settings: "Settings", reports: "Reports", add: "Add", lang_fa: "Persian", lang_en: "English" }, aa = { title: "Roles List", subtitle: "Manage your users here", add_new: "Add New", search: "Search...", filter: "Filter", filter_all: "All Roles", filter_admin: "Admin", filter_seller: "Seller", filter_viewer: "Viewer", next: "Next", prev: "Previous", delete: "Delete", edit: "Edit", cancel: "Cancel", save: "Save", add_role: "Add New Role", edit_role: "Edit Role", no_data: "No data found." }, sa = { name: "Role", key: "Key", capabilities: "Capabilities", count: "Count", actions: "Actions", name_placeholder: "e.g. Seller", key_placeholder: "e.g. SELLER", name_label: "Role Name", key_label: "Role Key", access_type: "Access Type", access_placeholder: "Select...", access_full: "Full Access", access_limited: "Limited Access", access_readonly: "Read Only", cap_full_access: "Full Access", cap_shop: "Shop", cap_support: "Support", cap_products: "Products", cap_report: "Report", cap_buy: "Buy", cap_sell: "Sell", cap_view: "View", cap_limited: "Limited", error_name_required: "Role name is required", error_key_required: "Role key is required", error_key_exists: "A role with this key already exists" }, na = { title: "Component Explorer", subtitle: "Browse and preview all design system components", categories: { actions: "Actions", forms: "Forms", feedback: "Feedback", base: "Base", layouts: "Layouts", components: "Components", navigation: "Navigation", "data-display": "Data Display", disclosure: "Disclosure" }, tabs: { preview: "Preview", props: "Props", schema: "Schema", usage: "Usage" }, components: { button: { name: "Button", desc: "Interactive buttons with variants, sizes and states" }, "icon-button": { name: "IconButton", desc: "Icon-only square button for compact actions" }, icon: { name: "Icon", desc: "Unified icon system with token sizes and semantic colors" }, text: { name: "Text", desc: "Typography component with predefined scales and weights" }, input: { name: "Input", desc: "Text input field with icon and error state support" }, spacer: { name: "Spacer", desc: "Fixed token-based layout spacer for spacing sections" }, textarea: { name: "Textarea", desc: "Multiline text input with character and word limits support" }, select: { name: "Select", desc: "Dropdown select menu with custom options" }, "multi-select": { name: "MultiSelect", desc: "Dropdown select menu with multiple checkable options and display tags" }, "search-box": { name: "SearchBox", desc: "Text input combined with search icon and clear actions" }, dropdown: { name: "Dropdown", desc: "General selection dropdown with static items and API source loading" }, autocomplete: { name: "AsyncAutocomplete", desc: "Text input with dynamic and asynchronous suggestion loading from server" }, menu: { name: "Menu", desc: "Structured menu layout with dynamic options" }, "menu-item": { name: "MenuItem", desc: "Individual choice element in a Menu block" }, tooltip: { name: "Tooltip", desc: "Helpful overlay text displaying on mouse-over" }, popover: { name: "Popover", desc: "Floating interactive content panel mapping to logical flow" }, tabs: { name: "Tabs", desc: "Navigation controls for switching between content sections" }, checkbox: { name: "Checkbox", desc: "Custom styled checkbox with disabled state" }, switch: { name: "Switch", desc: "Toggle switch with animation and disabled state" }, badge: { name: "Badge", desc: "Colored badges with semantic variants and icon" }, avatar: { name: "Avatar", desc: "User avatar with image or fallback initials" }, divider: { name: "Divider", desc: "Horizontal divider line with token thickness" }, card: { name: "Card", desc: "Content card with header, body and footer sections" }, table: { name: "SchemaTable", desc: "Schema-driven table with sort, row selection, and TableCell integration" }, "table-cell": { name: "TableCell", desc: "Schema-driven table cell with 6 type variants (text, date, profile, tag, checkbox, actions)" }, "filter-bar": { name: "FilterBar", desc: "Composed search and filter controls for datasets" }, pagination: { name: "Pagination", desc: "Navigation controls for datasets pages" }, "empty-state": { name: "EmptyState", desc: "Informational banner when zero records are returned" }, "loading-state": { name: "LoadingState", desc: "Spinner, shimmering skeletons or placeholders for pending processes" }, sidepanel: { name: "SidePanel", desc: "Slide-in side panel with header and footer" }, stack: { name: "Stack", desc: "Vertical or horizontal layout with gap and separator" }, row: { name: "Row", desc: "Flexible horizontal layout with alignment options" }, grid: { name: "Grid", desc: "12-column responsive grid system" }, section: { name: "Section", desc: "Page section with title and subtitle" }, accordion: { name: "Accordion", desc: "Collapsible content panels for grouping related information" }, alert: { name: "Alert", desc: "Inline message panels for notifications and confirmation actions" }, progress: { name: "Progress", desc: "Visual progress indicators for ongoing operations" }, breadcrumb: { name: "Breadcrumb", desc: "Navigation trail for displaying current page hierarchy" }, chip: { name: "Chip", desc: "Compact, interactive tags with delete action buttons" }, "command-menu": { name: "CommandMenu", desc: "Keyboard-navigable search and action command palette" }, "swipe-item": { name: "SwipeItem", desc: "Swipeable list item that reveals action buttons on swipe" }, sidebar: { name: "SidebarNav", desc: "Schema-driven navigation sidebar with collapsed/expanded modes" }, "user-card": { name: "UserCard", desc: "Compact user profile card for sidebar footers with avatar, name, role and action icon" }, "page-title": { name: "PageTitle", desc: "Page header with title, subtitle and optional action button" }, "notification-bell": { name: "NotificationBell", desc: "Bell button with unread notification dot indicator" }, "notification-panel": { name: "NotificationPanel", desc: "Dropdown panel listing notification items with SwipeItem rows" }, "toggle-button": { name: "ToggleButton", desc: "Two-state button with separate icon and label for each state" }, "action-toggle": { name: "ActionToggle", desc: "Segmented toggle with 2 or 3 options and sliding thumb" } } }, la = { previous: "Previous", next: "Next", page_of: "Page {page} of {total}" }, oa = { text: "Loading..." }, ia = { empty: "No data found." }, ca = { no_results: "No results found", remove: "Remove", go: "Go", run: "Run", transfer: "Transfer" }, ra = { words: "words" }, da = { demo_title: "Dynamic Schema Rendering Test (Schema UI Engine)", demo_subtitle: "This card is fully rendered from a JSON specification and has real functionality.", input_placeholder: "Schema input...", submit: "Submit from Schema" }, ua = { close: "Close", cancel: "Cancel", save: "Save", minimize: "Minimize", maximize: "Maximize" }, ma = {
   app: Jt,
   nav: Qt,
   profile: ea,
   header: ta,
   home: aa,
   role: sa,
-  explorer: la,
-  pagination: na,
+  explorer: na,
+  pagination: la,
   loading: oa,
   table: ia,
   common: ca,
@@ -122,13 +122,13 @@ const E = new Et(), Mt = /* @__PURE__ */ A({
 });
 function va(e, s) {
   const t = s.split(".");
-  let l = e;
+  let n = e;
   for (const i of t)
-    if (l && typeof l == "object" && i in l)
-      l = l[i];
+    if (n && typeof n == "object" && i in n)
+      n = n[i];
     else
       return s;
-  return typeof l == "string" ? l : s;
+  return typeof n == "string" ? n : s;
 }
 function Re(e) {
   Ie.locale = e, document.documentElement.lang = e;
@@ -136,11 +136,11 @@ function Re(e) {
 function F(e, s) {
   const t = fa[Ie.locale];
   if (!t) return e;
-  let l = va(t, e);
+  let n = va(t, e);
   if (s)
     for (const [i, o] of Object.entries(s))
-      l = l.replace(`{${i}}`, o);
-  return l;
+      n = n.replace(`{${i}}`, o);
+  return n;
 }
 function Ne() {
   return {
@@ -158,7 +158,7 @@ const pa = /* @__PURE__ */ A({
     tag: {}
   },
   setup(e) {
-    const s = e, t = g(() => s.value ? F(s.value) : ""), l = g(() => [
+    const s = e, t = g(() => s.value ? F(s.value) : ""), n = g(() => [
       "ds-text",
       `ds-text--${s.variant}`,
       {
@@ -188,7 +188,7 @@ const pa = /* @__PURE__ */ A({
       }
     });
     return (o, r) => (a(), T(re(i.value), {
-      class: S(l.value)
+      class: S(n.value)
     }, {
       default: U(() => [
         K(o.$slots, "default", {}, () => [
@@ -218,7 +218,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = Je(), o = g(() => [
+    const t = e, n = s, i = Je(), o = g(() => [
       "ds-button",
       `ds-button--${t.variant}`,
       `ds-button--${t.size}`,
@@ -229,22 +229,22 @@ const pa = /* @__PURE__ */ A({
       }
     ]);
     function r(c) {
-      !t.disabled && !t.loading && l("click", c);
+      !t.disabled && !t.loading && n("click", c);
     }
-    return (c, d) => (a(), n("button", {
+    return (c, d) => (a(), l("button", {
       type: e.type,
       class: S(o.value),
       disabled: e.disabled || e.loading,
       onClick: r
     }, [
-      e.loading ? (a(), n("span", ha)) : f("", !0),
+      e.loading ? (a(), l("span", ha)) : f("", !0),
       e.icon && e.iconPosition === "start" && !e.loading ? (a(), T(N, {
         key: 1,
         name: e.icon,
         size: "sm",
         variant: "default"
       }, null, 8, ["name"])) : f("", !0),
-      c.$slots.default || e.label ? (a(), n("span", ga, [
+      c.$slots.default || e.label ? (a(), l("span", ga, [
         K(c.$slots, "default", {}, () => [
           x(G, {
             variant: "body-md",
@@ -276,7 +276,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "focus", "blur", "input", "keydown"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => [
+    const t = e, n = s, i = g(() => [
       "ds-input",
       {
         "ds-input--disabled": t.disabled,
@@ -287,9 +287,9 @@ const pa = /* @__PURE__ */ A({
     ]);
     function o(r) {
       const c = r.target;
-      l("update:modelValue", c.value), l("input", r);
+      n("update:modelValue", c.value), n("input", r);
     }
-    return (r, c) => (a(), n("div", {
+    return (r, c) => (a(), l("div", {
       class: S(i.value)
     }, [
       m("div", ya, [
@@ -308,9 +308,9 @@ const pa = /* @__PURE__ */ A({
           readonly: e.readonly,
           class: "ds-input__field",
           onInput: o,
-          onFocus: c[0] || (c[0] = (d) => l("focus", d)),
-          onBlur: c[1] || (c[1] = (d) => l("blur", d)),
-          onKeydown: c[2] || (c[2] = (d) => l("keydown", d))
+          onFocus: c[0] || (c[0] = (d) => n("focus", d)),
+          onBlur: c[1] || (c[1] = (d) => n("blur", d)),
+          onKeydown: c[2] || (c[2] = (d) => n("keydown", d))
         }, null, 40, ka)
       ])
     ], 2));
@@ -321,7 +321,7 @@ const pa = /* @__PURE__ */ A({
 }, Ca = /* @__PURE__ */ A({
   __name: "Divider",
   setup(e) {
-    return (s, t) => (a(), n("hr", $a));
+    return (s, t) => (a(), l("hr", $a));
   }
 }), Fe = /* @__PURE__ */ L(Ca, [["__scopeId", "data-v-aa037cc0"]]), xa = /* @__PURE__ */ A({
   __name: "Badge",
@@ -335,7 +335,7 @@ const pa = /* @__PURE__ */ A({
       "ds-badge",
       `ds-badge--${s.variant}`
     ]);
-    return (l, i) => (a(), n("span", {
+    return (n, i) => (a(), l("span", {
       class: S(t.value)
     }, [
       e.icon ? (a(), T(N, {
@@ -345,7 +345,7 @@ const pa = /* @__PURE__ */ A({
         variant: "default",
         class: "ds-badge__icon"
       }, null, 8, ["name"])) : f("", !0),
-      K(l.$slots, "default", {}, () => [
+      K(n.$slots, "default", {}, () => [
         x(G, {
           variant: "caption",
           value: e.text,
@@ -371,7 +371,7 @@ const pa = /* @__PURE__ */ A({
     ee(() => s.src, () => {
       t.value = !1;
     });
-    const l = g(() => {
+    const n = g(() => {
       var d, v;
       if (s.fallback) return s.fallback;
       if (!s.name) return "?";
@@ -388,16 +388,16 @@ const pa = /* @__PURE__ */ A({
       `ds-avatar--${s.size}`,
       { "ds-avatar--square": s.square }
     ]);
-    return (o, r) => (a(), n("div", {
+    return (o, r) => (a(), l("div", {
       class: S(i.value)
     }, [
-      e.src && !t.value ? (a(), n("img", {
+      e.src && !t.value ? (a(), l("img", {
         key: 0,
         src: e.src,
         alt: e.name,
         class: "ds-avatar__image",
         onError: r[0] || (r[0] = (c) => t.value = !0)
-      }, null, 40, Ia)) : (a(), n("div", Ba, C(l.value), 1))
+      }, null, 40, Ia)) : (a(), l("div", Ba, C(n.value), 1))
     ], 2));
   }
 }), de = /* @__PURE__ */ L(Va, [["__scopeId", "data-v-e32afb9f"]]), za = { class: "ds-select__wrapper" }, Da = ["id", "aria-expanded", "aria-controls"], Aa = {
@@ -418,7 +418,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: s }) {
-    const t = e, l = s;
+    const t = e, n = s;
     function i(p) {
       return typeof p == "object" && p !== null ? p : { label: String(p), value: p };
     }
@@ -454,7 +454,7 @@ const pa = /* @__PURE__ */ A({
         B();
         return;
       }
-      l("update:modelValue", z), l("change", z), B();
+      n("update:modelValue", z), n("change", z), B();
     }
     function H(p) {
       if (!t.disabled) {
@@ -495,7 +495,7 @@ const pa = /* @__PURE__ */ A({
         "ds-select--open": d.value
       }
     ]), O = g(() => t.id ? `${t.id}-listbox` : void 0);
-    return (p, z) => (a(), n("div", {
+    return (p, z) => (a(), l("div", {
       class: S(I.value)
     }, [
       m("div", za, [
@@ -512,7 +512,7 @@ const pa = /* @__PURE__ */ A({
           onClick: X(_, ["stop"]),
           onKeydown: H
         }, [
-          c.value ? (a(), n("span", Aa, C(c.value), 1)) : (a(), n("span", La, C(e.placeholder), 1)),
+          c.value ? (a(), l("span", Aa, C(c.value), 1)) : (a(), l("span", La, C(e.placeholder), 1)),
           x(N, {
             name: "chevron-down",
             class: "ds-select__chevron",
@@ -521,7 +521,7 @@ const pa = /* @__PURE__ */ A({
         ], 42, Da),
         x(ae, { name: "ds-select-drop" }, {
           default: U(() => [
-            d.value ? (a(), n("div", {
+            d.value ? (a(), l("div", {
               key: 0,
               id: O.value,
               ref_key: "dropdownRef",
@@ -531,7 +531,7 @@ const pa = /* @__PURE__ */ A({
               onClick: z[0] || (z[0] = X(() => {
               }, ["stop"]))
             }, [
-              (a(!0), n(j, null, W(t.options, (y, $) => (a(), n("div", {
+              (a(!0), l(j, null, W(t.options, (y, $) => (a(), l("div", {
                 key: String(o(y)),
                 role: "option",
                 "aria-selected": o(y) === e.modelValue,
@@ -567,7 +567,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = P(""), o = P(!1), r = P(null), c = P(null), d = P(-1);
+    const t = e, n = s, i = P(""), o = P(!1), r = P(null), c = P(null), d = P(-1);
     function v(p) {
       return typeof p == "object" && p !== null ? p : { label: String(p), value: p };
     }
@@ -590,12 +590,12 @@ const pa = /* @__PURE__ */ A({
     }
     function V(p) {
       const z = [...t.modelValue], y = z.indexOf(p.value);
-      y > -1 ? z.splice(y, 1) : z.push(p.value), l("update:modelValue", z), l("change", z), i.value = "";
+      y > -1 ? z.splice(y, 1) : z.push(p.value), n("update:modelValue", z), n("change", z), i.value = "";
     }
     function H(p) {
       if (t.disabled) return;
       const z = t.modelValue.filter((y) => y !== p);
-      l("update:modelValue", z), l("change", z);
+      n("update:modelValue", z), n("change", z);
     }
     function w(p) {
       if (!t.disabled) {
@@ -641,7 +641,7 @@ const pa = /* @__PURE__ */ A({
         "ds-multi-select--open": o.value
       }
     ]);
-    return (p, z) => (a(), n("div", {
+    return (p, z) => (a(), l("div", {
       class: S(O.value)
     }, [
       m("div", Pa, [
@@ -671,7 +671,7 @@ const pa = /* @__PURE__ */ A({
         ], 2),
         x(ae, { name: "ds-multi-select-drop" }, {
           default: U(() => [
-            o.value ? (a(), n("div", {
+            o.value ? (a(), l("div", {
               key: 0,
               ref_key: "dropdownRef",
               ref: c,
@@ -680,8 +680,8 @@ const pa = /* @__PURE__ */ A({
               onClick: z[1] || (z[1] = X(() => {
               }, ["stop"]))
             }, [
-              h.value.length === 0 ? (a(), n("div", Ra, C(i.value ? "نتیجه‌ای یافت نشد" : "گزینه‌ای وجود ندارد"), 1)) : f("", !0),
-              (a(!0), n(j, null, W(h.value, (y, $) => (a(), n("div", {
+              h.value.length === 0 ? (a(), l("div", Ra, C(i.value ? "نتیجه‌ای یافت نشد" : "گزینه‌ای وجود ندارد"), 1)) : f("", !0),
+              (a(!0), l(j, null, W(h.value, (y, $) => (a(), l("div", {
                 key: String(y.value),
                 role: "option",
                 "aria-selected": k(y.value),
@@ -705,8 +705,8 @@ const pa = /* @__PURE__ */ A({
           _: 1
         })
       ]),
-      _.value.length > 0 ? (a(), n("div", Ua, [
-        (a(!0), n(j, null, W(_.value, (y) => (a(), n("div", {
+      _.value.length > 0 ? (a(), l("div", Ua, [
+        (a(!0), l(j, null, W(_.value, (y) => (a(), l("div", {
           key: String(y.value),
           class: "ds-multi-select__tag"
         }, [
@@ -740,7 +740,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => !!t.modelValue), o = g(() => [
+    const t = e, n = s, i = g(() => !!t.modelValue), o = g(() => [
       "ds-checkbox",
       {
         "ds-checkbox--checked": i.value,
@@ -751,9 +751,9 @@ const pa = /* @__PURE__ */ A({
     function r() {
       if (t.disabled) return;
       const c = !i.value;
-      l("update:modelValue", c), l("change", c);
+      n("update:modelValue", c), n("change", c);
     }
-    return (c, d) => (a(), n("div", {
+    return (c, d) => (a(), l("div", {
       class: S(o.value),
       onClick: r
     }, [
@@ -776,7 +776,7 @@ const pa = /* @__PURE__ */ A({
           class: "ds-checkbox__check-icon"
         })) : f("", !0)
       ]),
-      e.label || c.$slots.default ? (a(), n("span", Ya, [
+      e.label || c.$slots.default ? (a(), l("span", Ya, [
         K(c.$slots, "default", {}, () => [
           x(G, {
             variant: "body-sm",
@@ -799,7 +799,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => !!t.modelValue), o = g(() => [
+    const t = e, n = s, i = g(() => !!t.modelValue), o = g(() => [
       "ds-switch",
       {
         "ds-switch--checked": i.value,
@@ -809,9 +809,9 @@ const pa = /* @__PURE__ */ A({
     function r() {
       if (t.disabled) return;
       const c = !i.value;
-      l("update:modelValue", c), l("change", c);
+      n("update:modelValue", c), n("change", c);
     }
-    return (c, d) => (a(), n("div", {
+    return (c, d) => (a(), l("div", {
       class: S(o.value),
       onClick: r
     }, [
@@ -830,7 +830,7 @@ const pa = /* @__PURE__ */ A({
       d[1] || (d[1] = m("div", { class: "ds-switch__track" }, [
         m("div", { class: "ds-switch__thumb" })
       ], -1)),
-      e.label || c.$slots.default ? (a(), n("span", Ja, [
+      e.label || c.$slots.default ? (a(), l("span", Ja, [
         K(c.$slots, "default", {}, () => [
           x(G, {
             variant: "body-sm",
@@ -843,10 +843,10 @@ const pa = /* @__PURE__ */ A({
 }), es = /* @__PURE__ */ L(Qa, [["__scopeId", "data-v-907da2d8"]]), ts = ["for"], as = {
   key: 0,
   class: "ds-form-field__required"
-}, ss = { class: "ds-form-field__control" }, ls = {
+}, ss = { class: "ds-form-field__control" }, ns = {
   key: 1,
   class: "ds-form-field__hint"
-}, ns = {
+}, ls = {
   key: 2,
   class: "ds-form-field__error"
 }, os = /* @__PURE__ */ A({
@@ -861,10 +861,10 @@ const pa = /* @__PURE__ */ A({
   },
   setup(e) {
     const s = e, t = g(() => (typeof s.error == "string", !!s.error));
-    return (l, i) => (a(), n("div", {
+    return (n, i) => (a(), l("div", {
       class: S(["ds-form-field", { "ds-form-field--error": t.value, "ds-form-field--disabled": e.disabled }])
     }, [
-      e.label ? (a(), n("label", {
+      e.label ? (a(), l("label", {
         key: 0,
         for: e.id,
         class: "ds-form-field__label"
@@ -873,18 +873,18 @@ const pa = /* @__PURE__ */ A({
           variant: "body-sm",
           value: e.label
         }, null, 8, ["value"]),
-        e.required ? (a(), n("span", as, "*")) : f("", !0)
+        e.required ? (a(), l("span", as, "*")) : f("", !0)
       ], 8, ts)) : f("", !0),
       m("div", ss, [
-        K(l.$slots, "default", {}, void 0, !0)
+        K(n.$slots, "default", {}, void 0, !0)
       ]),
-      e.hint && !t.value ? (a(), n("span", ls, [
+      e.hint && !t.value ? (a(), l("span", ns, [
         x(G, {
           variant: "caption",
           value: e.hint
         }, null, 8, ["value"])
       ])) : f("", !0),
-      typeof e.error == "string" && e.error ? (a(), n("span", ns, [
+      typeof e.error == "string" && e.error ? (a(), l("span", ls, [
         x(G, {
           variant: "caption",
           value: e.error
@@ -911,16 +911,16 @@ const pa = /* @__PURE__ */ A({
         xl: "8"
       }[o];
       return c ? `var(--space-${c})` : /^\d+(-\d+)?$/.test(o) ? `var(--space-${o})` : o;
-    }, l = g(() => {
+    }, n = g(() => {
       const o = {}, r = t(s.size), c = s.mobile ? t(s.mobile) : void 0, d = s.desktop ? t(s.desktop) : void 0;
       return s.orientation === "vertical" ? (o["--spacer-height"] = r, c && (o["--spacer-mobile-height"] = c), d && (o["--spacer-desktop-height"] = d)) : (o["--spacer-width"] = r, c && (o["--spacer-mobile-width"] = c), d && (o["--spacer-desktop-width"] = d)), o;
     }), i = g(() => [
       "ds-spacer",
       `ds-spacer--${s.orientation}`
     ]);
-    return (o, r) => (a(), n("div", {
+    return (o, r) => (a(), l("div", {
       class: S(i.value),
-      style: Q(l.value),
+      style: Q(n.value),
       role: "presentation"
     }, null, 6));
   }
@@ -952,7 +952,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "focus", "blur", "input"],
   setup(e, { emit: s }) {
-    const t = e, l = s, { t: i } = Ne(), o = g(() => {
+    const t = e, n = s, { t: i } = Ne(), o = g(() => {
       const d = (t.modelValue || "").trim();
       return d ? d.split(/\s+/).filter(Boolean).length : 0;
     }), r = g(() => [
@@ -966,9 +966,9 @@ const pa = /* @__PURE__ */ A({
     ]);
     function c(d) {
       const v = d.target;
-      l("update:modelValue", v.value), l("input", d);
+      n("update:modelValue", v.value), n("input", d);
     }
-    return (d, v) => (a(), n("div", {
+    return (d, v) => (a(), l("div", {
       class: S(r.value)
     }, [
       m("textarea", {
@@ -982,12 +982,12 @@ const pa = /* @__PURE__ */ A({
         minlength: e.minlength,
         class: "ds-textarea__field",
         onInput: c,
-        onFocus: v[0] || (v[0] = (u) => l("focus", u)),
-        onBlur: v[1] || (v[1] = (u) => l("blur", u))
+        onFocus: v[0] || (v[0] = (u) => n("focus", u)),
+        onBlur: v[1] || (v[1] = (u) => n("blur", u))
       }, null, 40, ds),
-      e.showCounter && e.maxlength || e.showWordCount && e.maxWords ? (a(), n("div", us, [
-        e.showCounter && e.maxlength ? (a(), n("span", ms, C((e.modelValue || "").length) + " / " + C(e.maxlength), 1)) : f("", !0),
-        e.showWordCount && e.maxWords ? (a(), n("span", fs, C(o.value) + " / " + C(e.maxWords) + " " + C(R(i)("textarea.words")), 1)) : f("", !0)
+      e.showCounter && e.maxlength || e.showWordCount && e.maxWords ? (a(), l("div", us, [
+        e.showCounter && e.maxlength ? (a(), l("span", ms, C((e.modelValue || "").length) + " / " + C(e.maxlength), 1)) : f("", !0),
+        e.showWordCount && e.maxWords ? (a(), l("span", fs, C(o.value) + " / " + C(e.maxWords) + " " + C(R(i)("textarea.words")), 1)) : f("", !0)
       ])) : f("", !0)
     ], 2));
   }
@@ -1011,10 +1011,10 @@ const pa = /* @__PURE__ */ A({
         "ds-stack--separator": s.separator
       }
     ]);
-    return (l, i) => (a(), n("div", {
+    return (n, i) => (a(), l("div", {
       class: S(t.value)
     }, [
-      K(l.$slots, "default", {}, void 0, !0)
+      K(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }), hs = /* @__PURE__ */ L(bs, [["__scopeId", "data-v-cf20cd02"]]), gs = /* @__PURE__ */ A({
@@ -1035,10 +1035,10 @@ const pa = /* @__PURE__ */ A({
         "ds-row--wrap": s.wrap
       }
     ]);
-    return (l, i) => (a(), n("div", {
+    return (n, i) => (a(), l("div", {
       class: S(t.value)
     }, [
-      K(l.$slots, "default", {}, void 0, !0)
+      K(n.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }), _s = /* @__PURE__ */ L(gs, [["__scopeId", "data-v-b1229c0b"]]), ys = /* @__PURE__ */ A({
@@ -1056,12 +1056,12 @@ const pa = /* @__PURE__ */ A({
       "--grid-cols-sm": s.sm || s.cols,
       "--grid-cols-md": s.md || s.sm || s.cols,
       "--grid-cols-lg": s.lg || s.md || s.sm || s.cols
-    })), l = g(() => [
+    })), n = g(() => [
       "ds-grid",
       `ds-grid--gap-${s.gap}`
     ]);
-    return (i, o) => (a(), n("div", {
-      class: S(l.value),
+    return (i, o) => (a(), l("div", {
+      class: S(n.value),
       style: Q(t.value)
     }, [
       K(i.$slots, "default", {}, void 0, !0)
@@ -1087,10 +1087,10 @@ const pa = /* @__PURE__ */ A({
         "ds-section--bordered": s.bordered
       }
     ]);
-    return (l, i) => (a(), n("section", {
+    return (n, i) => (a(), l("section", {
       class: S(t.value)
     }, [
-      e.title || e.subtitle || l.$slots.actions ? (a(), n("div", ws, [
+      e.title || e.subtitle || n.$slots.actions ? (a(), l("div", ws, [
         m("div", $s, [
           e.title ? (a(), T(G, {
             key: 0,
@@ -1105,12 +1105,12 @@ const pa = /* @__PURE__ */ A({
             class: "ds-section__subtitle"
           }, null, 8, ["value"])) : f("", !0)
         ]),
-        l.$slots.actions ? (a(), n("div", Cs, [
-          K(l.$slots, "actions", {}, void 0, !0)
+        n.$slots.actions ? (a(), l("div", Cs, [
+          K(n.$slots, "actions", {}, void 0, !0)
         ])) : f("", !0)
       ])) : f("", !0),
       m("div", xs, [
-        K(l.$slots, "default", {}, void 0, !0)
+        K(n.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
@@ -1140,13 +1140,13 @@ const pa = /* @__PURE__ */ A({
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (s, t) => (a(), n("div", Bs, [
-      e.title || s.$slots.header ? (a(), n("div", Vs, [
-        e.title || e.subtitle ? (a(), n("div", zs, [
-          e.title ? (a(), n("h3", Ds, C(e.title), 1)) : f("", !0),
-          e.subtitle ? (a(), n("p", As, C(e.subtitle), 1)) : f("", !0)
+    return (s, t) => (a(), l("div", Bs, [
+      e.title || s.$slots.header ? (a(), l("div", Vs, [
+        e.title || e.subtitle ? (a(), l("div", zs, [
+          e.title ? (a(), l("h3", Ds, C(e.title), 1)) : f("", !0),
+          e.subtitle ? (a(), l("p", As, C(e.subtitle), 1)) : f("", !0)
         ])) : f("", !0),
-        s.$slots.header ? (a(), n("div", Ls, [
+        s.$slots.header ? (a(), l("div", Ls, [
           K(s.$slots, "header", {}, void 0, !0)
         ])) : f("", !0)
       ])) : f("", !0),
@@ -1155,7 +1155,7 @@ const pa = /* @__PURE__ */ A({
       }, [
         K(s.$slots, "default", {}, void 0, !0)
       ], 2),
-      s.$slots.footer ? (a(), n("div", Ts, [
+      s.$slots.footer ? (a(), l("div", Ts, [
         K(s.$slots, "footer", {}, void 0, !0)
       ])) : f("", !0)
     ]));
@@ -1169,10 +1169,10 @@ const pa = /* @__PURE__ */ A({
 }, Gs = { class: "sp-head" }, Ys = { class: "sp-title" }, Xs = { key: 0 }, Zs = {
   key: 1,
   class: "sp-meta"
-}, Js = { key: 0 }, Qs = { key: 0 }, el = { class: "sp-actions" }, tl = ["aria-label"], al = ["aria-label"], sl = { class: "sp-content" }, ll = {
+}, Js = { key: 0 }, Qs = { key: 0 }, en = { class: "sp-actions" }, tn = ["aria-label"], an = ["aria-label"], sn = { class: "sp-content" }, nn = {
   key: 0,
   class: "sp-footer"
-}, nl = /* @__PURE__ */ A({
+}, ln = /* @__PURE__ */ A({
   __name: "SidePanel",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1191,15 +1191,15 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "update:maximized", "close", "cancel", "confirm"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = P(!1);
+    const t = e, n = s, i = P(!1);
     ee(() => t.maximized, (u) => {
       i.value = u;
     }, { immediate: !0 });
     function o() {
-      i.value = !i.value, l("update:maximized", i.value);
+      i.value = !i.value, n("update:maximized", i.value);
     }
     function r() {
-      l("update:modelValue", !1), l("close");
+      n("update:modelValue", !1), n("close");
     }
     function c(u) {
       t.closeOnOverlayClick && u.target === u.currentTarget && r();
@@ -1208,14 +1208,14 @@ const pa = /* @__PURE__ */ A({
       t.docked || (u ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
     });
     function d() {
-      l("cancel"), r();
+      n("cancel"), r();
     }
     function v() {
-      l("confirm");
+      n("confirm");
     }
     return (u, h) => {
       var _;
-      return e.docked ? (a(), n("div", {
+      return e.docked ? (a(), l("div", {
         key: 1,
         class: S(["sp-docked", {
           "sp-docked--open": e.modelValue,
@@ -1230,21 +1230,21 @@ const pa = /* @__PURE__ */ A({
         }, [
           m("div", Gs, [
             m("div", Ys, [
-              e.title ? (a(), n("h2", Xs, C(e.title), 1)) : f("", !0),
-              e.subtitle || u.$slots.subtitle || (_ = e.metaItems) != null && _.length ? (a(), n("div", Zs, [
+              e.title ? (a(), l("h2", Xs, C(e.title), 1)) : f("", !0),
+              e.subtitle || u.$slots.subtitle || (_ = e.metaItems) != null && _.length ? (a(), l("div", Zs, [
                 K(u.$slots, "subtitle", {}, () => {
                   var k;
                   return [
-                    e.subtitle ? (a(), n("span", Js, C(e.subtitle), 1)) : (k = e.metaItems) != null && k.length ? (a(!0), n(j, { key: 1 }, W(e.metaItems, (M, B) => (a(), n(j, { key: B }, [
+                    e.subtitle ? (a(), l("span", Js, C(e.subtitle), 1)) : (k = e.metaItems) != null && k.length ? (a(!0), l(j, { key: 1 }, W(e.metaItems, (M, B) => (a(), l(j, { key: B }, [
                       m("span", null, C(M), 1),
-                      B < e.metaItems.length - 1 ? (a(), n("span", Qs, "·")) : f("", !0)
+                      B < e.metaItems.length - 1 ? (a(), l("span", Qs, "·")) : f("", !0)
                     ], 64))), 128)) : f("", !0)
                   ];
                 }, !0)
               ])) : f("", !0)
             ]),
-            m("div", el, [
-              e.maximizable ? (a(), n("button", {
+            m("div", en, [
+              e.maximizable ? (a(), l("button", {
                 key: 0,
                 class: "sp-icon-btn",
                 onClick: o,
@@ -1257,20 +1257,20 @@ const pa = /* @__PURE__ */ A({
                   key: 1,
                   size: 18
                 }))
-              ], 8, tl)) : f("", !0),
+              ], 8, tn)) : f("", !0),
               m("button", {
                 class: "sp-icon-btn",
                 onClick: r,
                 "aria-label": R(F)("sidepanel.close")
               }, [
                 x(R($e), { size: 18 })
-              ], 8, al)
+              ], 8, an)
             ])
           ]),
-          m("div", sl, [
+          m("div", sn, [
             K(u.$slots, "default", {}, void 0, !0)
           ]),
-          u.$slots.footer || e.cancelLabel || e.confirmLabel ? (a(), n("div", ll, [
+          u.$slots.footer || e.cancelLabel || e.confirmLabel ? (a(), l("div", nn, [
             K(u.$slots, "footer", {}, () => [
               x(Z, {
                 variant: "secondary",
@@ -1301,7 +1301,7 @@ const pa = /* @__PURE__ */ A({
         default: U(() => {
           var k;
           return [
-            e.modelValue ? (a(), n("div", {
+            e.modelValue ? (a(), l("div", {
               key: 0,
               class: S(["ds-panel-overlay", { "sp-overlay--inline": e.inline }]),
               onClick: c
@@ -1314,21 +1314,21 @@ const pa = /* @__PURE__ */ A({
               }, [
                 m("div", Ps, [
                   m("div", Os, [
-                    e.title ? (a(), n("h2", Rs, C(e.title), 1)) : f("", !0),
-                    e.subtitle || u.$slots.subtitle || (k = e.metaItems) != null && k.length ? (a(), n("div", Ns, [
+                    e.title ? (a(), l("h2", Rs, C(e.title), 1)) : f("", !0),
+                    e.subtitle || u.$slots.subtitle || (k = e.metaItems) != null && k.length ? (a(), l("div", Ns, [
                       K(u.$slots, "subtitle", {}, () => {
                         var M;
                         return [
-                          e.subtitle ? (a(), n("span", Fs, C(e.subtitle), 1)) : (M = e.metaItems) != null && M.length ? (a(!0), n(j, { key: 1 }, W(e.metaItems, (B, V) => (a(), n(j, { key: V }, [
+                          e.subtitle ? (a(), l("span", Fs, C(e.subtitle), 1)) : (M = e.metaItems) != null && M.length ? (a(!0), l(j, { key: 1 }, W(e.metaItems, (B, V) => (a(), l(j, { key: V }, [
                             m("span", null, C(B), 1),
-                            V < e.metaItems.length - 1 ? (a(), n("span", Us, "·")) : f("", !0)
+                            V < e.metaItems.length - 1 ? (a(), l("span", Us, "·")) : f("", !0)
                           ], 64))), 128)) : f("", !0)
                         ];
                       }, !0)
                     ])) : f("", !0)
                   ]),
                   m("div", js, [
-                    e.maximizable ? (a(), n("button", {
+                    e.maximizable ? (a(), l("button", {
                       key: 0,
                       class: "sp-icon-btn",
                       onClick: o,
@@ -1354,7 +1354,7 @@ const pa = /* @__PURE__ */ A({
                 m("div", Hs, [
                   K(u.$slots, "default", {}, void 0, !0)
                 ]),
-                u.$slots.footer || e.cancelLabel || e.confirmLabel ? (a(), n("div", Ws, [
+                u.$slots.footer || e.cancelLabel || e.confirmLabel ? (a(), l("div", Ws, [
                   K(u.$slots, "footer", {}, () => [
                     x(Z, {
                       variant: "secondary",
@@ -1385,7 +1385,7 @@ const pa = /* @__PURE__ */ A({
       }));
     };
   }
-}), ol = /* @__PURE__ */ L(nl, [["__scopeId", "data-v-aecb3469"]]), il = { class: "ds-bulk-edit-bar" }, cl = { class: "ds-bulk-edit-bar__count" }, rl = { class: "ds-bulk-edit-bar__controls" }, dl = { class: "ds-bulk-edit-bar__actions" }, ul = /* @__PURE__ */ A({
+}), on = /* @__PURE__ */ L(ln, [["__scopeId", "data-v-aecb3469"]]), cn = { class: "ds-bulk-edit-bar" }, rn = { class: "ds-bulk-edit-bar__count" }, dn = { class: "ds-bulk-edit-bar__controls" }, un = { class: "ds-bulk-edit-bar__actions" }, mn = /* @__PURE__ */ A({
   __name: "BulkEditBar",
   props: {
     columns: { default: () => [] },
@@ -1393,19 +1393,19 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["apply", "cancel"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => t.columns.filter((v) => v.editable)), o = P(""), r = P("");
+    const t = e, n = s, i = g(() => t.columns.filter((v) => v.editable)), o = P(""), r = P("");
     ee(o, () => {
       r.value = "";
     });
     const c = g(() => i.value.find((v) => v.id === o.value));
     function d() {
-      o.value && (l("apply", { field: o.value, value: r.value }), o.value = "", r.value = "");
+      o.value && (n("apply", { field: o.value, value: r.value }), o.value = "", r.value = "");
     }
     return (v, u) => {
       var h, _;
-      return a(), n("div", il, [
-        m("span", cl, C(e.selectedCount) + " selected", 1),
-        m("div", rl, [
+      return a(), l("div", cn, [
+        m("span", rn, C(e.selectedCount) + " selected", 1),
+        m("div", dn, [
           x(Ce, {
             modelValue: o.value,
             "onUpdate:modelValue": u[0] || (u[0] = (k) => o.value = k),
@@ -1413,7 +1413,7 @@ const pa = /* @__PURE__ */ A({
             placeholder: "Select field...",
             class: "ds-bulk-edit-bar__field-select"
           }, null, 8, ["modelValue", "options"]),
-          c.value ? (a(), n(j, { key: 0 }, [
+          c.value ? (a(), l(j, { key: 0 }, [
             ((h = c.value.editorOptions) == null ? void 0 : h.type) === "input" ? (a(), T(ve, {
               key: 0,
               modelValue: r.value,
@@ -1432,11 +1432,11 @@ const pa = /* @__PURE__ */ A({
             }, null, 8, ["modelValue", "options"])) : f("", !0)
           ], 64)) : f("", !0)
         ]),
-        m("div", dl, [
+        m("div", un, [
           x(Z, {
             variant: "ghost",
             size: "sm",
-            onClick: u[3] || (u[3] = (k) => l("cancel"))
+            onClick: u[3] || (u[3] = (k) => n("cancel"))
           }, {
             default: U(() => [...u[4] || (u[4] = [
               Y("Cancel", -1)
@@ -1458,16 +1458,16 @@ const pa = /* @__PURE__ */ A({
       ]);
     };
   }
-}), Ue = /* @__PURE__ */ L(ul, [["__scopeId", "data-v-ea3e8318"]]), ml = { class: "ds-search-box__wrapper" }, fl = {
+}), Ue = /* @__PURE__ */ L(mn, [["__scopeId", "data-v-ea3e8318"]]), fn = { class: "ds-search-box__wrapper" }, vn = {
   key: 0,
   class: "ds-search-box__action-container"
-}, vl = {
+}, pn = {
   key: 0,
   class: "ds-search-box__spinner"
-}, pl = {
+}, bn = {
   key: 0,
   class: "ds-search-box__dropdown"
-}, bl = ["onClick", "onMouseenter"], hl = /* @__PURE__ */ A({
+}, hn = ["onClick", "onMouseenter"], gn = /* @__PURE__ */ A({
   __name: "SearchBox",
   props: {
     modelValue: { default: "" },
@@ -1479,7 +1479,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "clear", "select"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => t.modelValue), o = P(!1), r = P(null), c = P(-1), d = g(() => t.options.map((V) => typeof V == "object" && V !== null ? V : { label: String(V), value: String(V) })), v = g(() => {
+    const t = e, n = s, i = g(() => t.modelValue), o = P(!1), r = P(null), c = P(-1), d = g(() => t.options.map((V) => typeof V == "object" && V !== null ? V : { label: String(V), value: String(V) })), v = g(() => {
       const V = i.value.toLowerCase().trim();
       return V ? d.value.filter(
         (H) => H.label.toLowerCase().includes(V)
@@ -1489,13 +1489,13 @@ const pa = /* @__PURE__ */ A({
       c.value = -1;
     });
     function h(V) {
-      l("update:modelValue", V);
+      n("update:modelValue", V);
     }
     function _() {
-      t.disabled || (l("update:modelValue", ""), l("clear"));
+      t.disabled || (n("update:modelValue", ""), n("clear"));
     }
     function k(V) {
-      l("update:modelValue", V.value), l("select", V.value), o.value = !1, c.value = -1;
+      n("update:modelValue", V.value), n("select", V.value), o.value = !1, c.value = -1;
     }
     function M(V) {
       if (!t.disabled) {
@@ -1531,12 +1531,12 @@ const pa = /* @__PURE__ */ A({
       document.addEventListener("click", B);
     }), oe(() => {
       document.removeEventListener("click", B);
-    }), (V, H) => (a(), n("div", {
+    }), (V, H) => (a(), l("div", {
       ref_key: "containerRef",
       ref: r,
       class: "ds-search-box"
     }, [
-      m("div", ml, [
+      m("div", fn, [
         x(ve, {
           "model-value": i.value,
           placeholder: e.placeholder,
@@ -1547,8 +1547,8 @@ const pa = /* @__PURE__ */ A({
           onFocus: H[0] || (H[0] = (w) => o.value = !0),
           onKeydown: M
         }, null, 8, ["model-value", "placeholder", "disabled"]),
-        e.loading || e.clearable && i.value ? (a(), n("div", fl, [
-          e.loading ? (a(), n("span", vl)) : e.clearable && i.value ? (a(), n("button", {
+        e.loading || e.clearable && i.value ? (a(), l("div", vn, [
+          e.loading ? (a(), l("span", pn)) : e.clearable && i.value ? (a(), l("button", {
             key: 1,
             type: "button",
             class: "ds-search-box__clear",
@@ -1562,15 +1562,15 @@ const pa = /* @__PURE__ */ A({
         ])) : f("", !0),
         x(ae, { name: "ds-search-box-drop" }, {
           default: U(() => [
-            u.value ? (a(), n("div", pl, [
-              (a(!0), n(j, null, W(v.value, (w, I) => (a(), n("div", {
+            u.value ? (a(), l("div", bn, [
+              (a(!0), l(j, null, W(v.value, (w, I) => (a(), l("div", {
                 key: w.value,
                 class: S(["ds-search-box__option", {
                   "ds-search-box__option--focused": I === c.value
                 }]),
                 onClick: X((O) => k(w), ["stop"]),
                 onMouseenter: (O) => c.value = I
-              }, C(w.label), 43, bl))), 128))
+              }, C(w.label), 43, hn))), 128))
             ])) : f("", !0)
           ]),
           _: 1
@@ -1578,10 +1578,10 @@ const pa = /* @__PURE__ */ A({
       ])
     ], 512));
   }
-}), gl = /* @__PURE__ */ L(hl, [["__scopeId", "data-v-59094448"]]), _l = {
+}), _n = /* @__PURE__ */ L(gn, [["__scopeId", "data-v-59094448"]]), yn = {
   key: 0,
   class: "ds-dropdown__empty"
-}, yl = ["onClick", "onMouseenter"], kl = { class: "ds-dropdown__item-content" }, wl = { class: "ds-dropdown__item-label" }, $l = /* @__PURE__ */ A({
+}, kn = ["onClick", "onMouseenter"], wn = { class: "ds-dropdown__item-content" }, $n = { class: "ds-dropdown__item-label" }, Cn = /* @__PURE__ */ A({
   __name: "Dropdown",
   props: {
     modelValue: { default: "" },
@@ -1596,7 +1596,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "change", "select"],
   setup(e, { expose: s, emit: t }) {
-    const l = e, i = t, o = {
+    const n = e, i = t, o = {
       users: [
         { id: "1", label: "کاربر ۱ (مدیر)", value: "user1", icon: "users" },
         { id: "2", label: "کاربر ۲ (نویسنده)", value: "user2", icon: "users" },
@@ -1606,9 +1606,9 @@ const pa = /* @__PURE__ */ A({
         { id: "edit", label: "ویرایش", value: "edit", icon: "edit" },
         { id: "delete", label: "حذف", value: "delete", icon: "trash" }
       ]
-    }, r = g(() => l.source && o[l.source] ? o[l.source] : l.items), c = g(() => l.modelValue || ""), d = g(() => r.value.find((I) => I.value === c.value)), v = g(() => l.label ? l.label : d.value ? d.value.label : l.placeholder), u = P(!1), h = P(null), _ = P(null), k = P(-1);
+    }, r = g(() => n.source && o[n.source] ? o[n.source] : n.items), c = g(() => n.modelValue || ""), d = g(() => r.value.find((I) => I.value === c.value)), v = g(() => n.label ? n.label : d.value ? d.value.label : n.placeholder), u = P(!1), h = P(null), _ = P(null), k = P(-1);
     function M() {
-      l.disabled || (u.value = !u.value);
+      n.disabled || (u.value = !u.value);
     }
     function B() {
       u.value = !1, k.value = -1;
@@ -1617,7 +1617,7 @@ const pa = /* @__PURE__ */ A({
       I.disabled || (i("update:modelValue", I.value), i("change", I.value), i("select", I), B());
     }
     function H(I) {
-      if (!l.disabled) {
+      if (!n.disabled) {
         if (!u.value) {
           (I.key === "Enter" || I.key === "ArrowDown" || I.key === " ") && (I.preventDefault(), u.value = !0);
           return;
@@ -1654,7 +1654,7 @@ const pa = /* @__PURE__ */ A({
       open: () => u.value = !0,
       close: () => u.value = !1,
       toggle: () => u.value = !u.value
-    }), (I, O) => (a(), n("div", {
+    }), (I, O) => (a(), l("div", {
       class: S(["ds-dropdown", { "ds-dropdown--open": u.value, "ds-dropdown--disabled": e.disabled }])
     }, [
       m("div", {
@@ -1683,15 +1683,15 @@ const pa = /* @__PURE__ */ A({
       ], 544),
       x(ae, { name: "ds-dropdown-drop" }, {
         default: U(() => [
-          u.value ? (a(), n("div", {
+          u.value ? (a(), l("div", {
             key: 0,
             ref_key: "dropdownRef",
             ref: _,
             class: "ds-dropdown__menu"
           }, [
             K(I.$slots, "default", {}, () => [
-              r.value.length === 0 ? (a(), n("div", _l, C(e.emptyState ? e.emptyState.includes(".") ? R(F)(e.emptyState) : e.emptyState : "گزینه‌ای وجود ندارد"), 1)) : f("", !0),
-              (a(!0), n(j, null, W(r.value, (p, z) => (a(), n("div", {
+              r.value.length === 0 ? (a(), l("div", yn, C(e.emptyState ? e.emptyState.includes(".") ? R(F)(e.emptyState) : e.emptyState : "گزینه‌ای وجود ندارد"), 1)) : f("", !0),
+              (a(!0), l(j, null, W(r.value, (p, z) => (a(), l("div", {
                 key: p.id,
                 class: S(["ds-dropdown__item", {
                   "ds-dropdown__item--selected": p.value === c.value,
@@ -1701,16 +1701,16 @@ const pa = /* @__PURE__ */ A({
                 onClick: X((y) => V(p), ["stop"]),
                 onMouseenter: (y) => k.value = z
               }, [
-                m("div", kl, [
+                m("div", wn, [
                   p.icon ? (a(), T(N, {
                     key: 0,
                     name: p.icon,
                     size: "sm",
                     class: "ds-dropdown__item-icon"
                   }, null, 8, ["name"])) : f("", !0),
-                  m("span", wl, C(p.label), 1)
+                  m("span", $n, C(p.label), 1)
                 ])
-              ], 42, yl))), 128))
+              ], 42, kn))), 128))
             ], !0)
           ], 512)) : f("", !0)
         ]),
@@ -1718,19 +1718,19 @@ const pa = /* @__PURE__ */ A({
       })
     ], 2));
   }
-}), Be = /* @__PURE__ */ L($l, [["__scopeId", "data-v-21c067bb"]]), Cl = /* @__PURE__ */ A({
+}), Be = /* @__PURE__ */ L(Cn, [["__scopeId", "data-v-21c067bb"]]), xn = /* @__PURE__ */ A({
   __name: "Menu",
   props: {
     variant: { default: "vertical" }
   },
   setup(e) {
-    return (s, t) => (a(), n("div", {
+    return (s, t) => (a(), l("div", {
       class: S(["ds-menu", `ds-menu--${e.variant}`])
     }, [
       K(s.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), je = /* @__PURE__ */ L(Cl, [["__scopeId", "data-v-9e21cb4a"]]), xl = ["aria-disabled"], Sl = { class: "ds-menu-item__content" }, Il = { class: "ds-menu-item__label" }, Bl = /* @__PURE__ */ A({
+}), je = /* @__PURE__ */ L(xn, [["__scopeId", "data-v-9e21cb4a"]]), Sn = ["aria-disabled"], In = { class: "ds-menu-item__content" }, Bn = { class: "ds-menu-item__label" }, Vn = /* @__PURE__ */ A({
   __name: "MenuItem",
   props: {
     label: {},
@@ -1740,15 +1740,15 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const t = e, l = s;
+    const t = e, n = s;
     function i(o) {
       if (t.disabled) {
         o.preventDefault(), o.stopPropagation();
         return;
       }
-      l("click", o);
+      n("click", o);
     }
-    return (o, r) => (a(), n("div", {
+    return (o, r) => (a(), l("div", {
       class: S(["ds-menu-item", {
         "ds-menu-item--active": e.active,
         "ds-menu-item--disabled": e.disabled
@@ -1757,14 +1757,14 @@ const pa = /* @__PURE__ */ A({
       "aria-disabled": e.disabled,
       onClick: i
     }, [
-      m("div", Sl, [
+      m("div", In, [
         e.icon ? (a(), T(N, {
           key: 0,
           name: e.icon,
           size: "sm",
           class: "ds-menu-item__icon"
         }, null, 8, ["name"])) : f("", !0),
-        m("span", Il, [
+        m("span", Bn, [
           K(o.$slots, "default", {}, () => [
             x(G, {
               variant: "body-md",
@@ -1773,9 +1773,9 @@ const pa = /* @__PURE__ */ A({
           ], !0)
         ])
       ])
-    ], 10, xl));
+    ], 10, Sn));
   }
-}), fe = /* @__PURE__ */ L(Bl, [["__scopeId", "data-v-37b12109"]]), Vl = /* @__PURE__ */ A({
+}), fe = /* @__PURE__ */ L(Vn, [["__scopeId", "data-v-37b12109"]]), zn = /* @__PURE__ */ A({
   __name: "Tooltip",
   props: {
     text: {},
@@ -1786,16 +1786,16 @@ const pa = /* @__PURE__ */ A({
   },
   setup(e) {
     const s = e, t = P(!1);
-    let l = null;
+    let n = null;
     function i() {
-      s.disabled || (l && clearTimeout(l), l = window.setTimeout(() => {
+      s.disabled || (n && clearTimeout(n), n = window.setTimeout(() => {
         t.value = !0;
       }, s.delay));
     }
     function o() {
-      l && clearTimeout(l), t.value = !1;
+      n && clearTimeout(n), t.value = !1;
     }
-    return (r, c) => (a(), n("div", {
+    return (r, c) => (a(), l("div", {
       class: "ds-tooltip-container",
       onMouseenter: i,
       onMouseleave: o,
@@ -1811,7 +1811,7 @@ const pa = /* @__PURE__ */ A({
       ], !0),
       x(ae, { name: "ds-tooltip-fade" }, {
         default: U(() => [
-          t.value ? (a(), n("div", {
+          t.value ? (a(), l("div", {
             key: 0,
             class: S(["ds-tooltip", `ds-tooltip--${e.position}`]),
             role: "tooltip"
@@ -1827,14 +1827,14 @@ const pa = /* @__PURE__ */ A({
       })
     ], 32));
   }
-}), xe = /* @__PURE__ */ L(Vl, [["__scopeId", "data-v-c0feb722"]]), zl = /* @__PURE__ */ A({
+}), xe = /* @__PURE__ */ L(zn, [["__scopeId", "data-v-c0feb722"]]), Dn = /* @__PURE__ */ A({
   __name: "Popover",
   props: {
     disabled: { type: Boolean, default: !1 },
     position: { default: "bottom-start" }
   },
   setup(e) {
-    const s = e, t = P(!1), l = P(null), i = P(null);
+    const s = e, t = P(!1), n = P(null), i = P(null);
     function o() {
       s.disabled || (t.value = !t.value);
     }
@@ -1842,19 +1842,19 @@ const pa = /* @__PURE__ */ A({
       t.value = !1;
     }
     function c(d) {
-      const v = d.target, u = l.value, h = i.value;
+      const v = d.target, u = n.value, h = i.value;
       !u && !h || u && u.contains(v) || h && h.contains(v) || t.value && r();
     }
     return te(() => {
       document.addEventListener("click", c);
     }), oe(() => {
       document.removeEventListener("click", c);
-    }), (d, v) => (a(), n("div", {
+    }), (d, v) => (a(), l("div", {
       class: S(["ds-popover-container", { "ds-popover-container--disabled": e.disabled }])
     }, [
       m("div", {
         ref_key: "triggerRef",
-        ref: l,
+        ref: n,
         class: "ds-popover-trigger",
         onClick: X(o, ["stop"])
       }, [
@@ -1862,7 +1862,7 @@ const pa = /* @__PURE__ */ A({
       ], 512),
       x(ae, { name: "ds-popover-fade" }, {
         default: U(() => [
-          t.value ? (a(), n("div", {
+          t.value ? (a(), l("div", {
             key: 0,
             ref_key: "popoverRef",
             ref: i,
@@ -1875,10 +1875,10 @@ const pa = /* @__PURE__ */ A({
       })
     ], 2));
   }
-}), Dl = /* @__PURE__ */ L(zl, [["__scopeId", "data-v-a8781e33"]]), Al = {
+}), An = /* @__PURE__ */ L(Dn, [["__scopeId", "data-v-a8781e33"]]), Ln = {
   class: "ds-tabs__header",
   role: "tablist"
-}, Ll = ["aria-selected", "disabled", "onClick"], Tl = { class: "ds-tabs__content" }, El = /* @__PURE__ */ A({
+}, Tn = ["aria-selected", "disabled", "onClick"], En = { class: "ds-tabs__content" }, Mn = /* @__PURE__ */ A({
   __name: "Tabs",
   props: {
     modelValue: { default: "" },
@@ -1887,15 +1887,15 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: s }) {
-    const t = e, l = s;
+    const t = e, n = s;
     function i(o, r) {
-      t.disabled || r || (l("update:modelValue", o), l("change", o));
+      t.disabled || r || (n("update:modelValue", o), n("change", o));
     }
-    return (o, r) => (a(), n("div", {
+    return (o, r) => (a(), l("div", {
       class: S(["ds-tabs", { "ds-tabs--disabled": e.disabled }])
     }, [
-      m("div", Al, [
-        (a(!0), n(j, null, W(e.items, (c) => (a(), n("button", {
+      m("div", Ln, [
+        (a(!0), l(j, null, W(e.items, (c) => (a(), l("button", {
           key: c.value,
           type: "button",
           role: "tab",
@@ -1918,17 +1918,17 @@ const pa = /* @__PURE__ */ A({
             value: c.label,
             class: "ds-tabs__tab-label"
           }, null, 8, ["value"])
-        ], 10, Ll))), 128))
+        ], 10, Tn))), 128))
       ]),
-      m("div", Tl, [
+      m("div", En, [
         K(o.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), Ml = /* @__PURE__ */ L(El, [["__scopeId", "data-v-e77b7886"]]), Pl = ["disabled", "aria-label"], Ol = {
+}), Pn = /* @__PURE__ */ L(Mn, [["__scopeId", "data-v-e77b7886"]]), On = ["disabled", "aria-label"], Rn = {
   key: 0,
   class: "ds-icon-button__spinner"
-}, Rl = /* @__PURE__ */ A({
+}, Nn = /* @__PURE__ */ A({
   __name: "IconButton",
   props: {
     icon: {},
@@ -1940,7 +1940,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => [
+    const t = e, n = s, i = g(() => [
       "ds-icon-button",
       `ds-icon-button--${t.variant}`,
       `ds-icon-button--${t.size}`,
@@ -1961,43 +1961,43 @@ const pa = /* @__PURE__ */ A({
       }
     });
     function r(c) {
-      !t.disabled && !t.loading && l("click", c);
+      !t.disabled && !t.loading && n("click", c);
     }
-    return (c, d) => (a(), n("button", {
+    return (c, d) => (a(), l("button", {
       class: S(i.value),
       disabled: e.disabled || e.loading,
       "aria-label": e.ariaLabel,
       onClick: r
     }, [
-      e.loading ? (a(), n("span", Ol)) : (a(), T(N, {
+      e.loading ? (a(), l("span", Rn)) : (a(), T(N, {
         key: 1,
         name: e.icon,
         size: o.value
       }, null, 8, ["name", "size"]))
-    ], 10, Pl));
+    ], 10, On));
   }
-}), qe = /* @__PURE__ */ L(Rl, [["__scopeId", "data-v-545f6e22"]]), Nl = {
+}), qe = /* @__PURE__ */ L(Nn, [["__scopeId", "data-v-545f6e22"]]), Fn = {
   key: 0,
   class: "ds-table-cell ds-table-cell--text"
-}, Fl = {
+}, Un = {
   key: 1,
   class: "ds-table-cell ds-table-cell--date"
-}, Ul = {
+}, jn = {
   key: 2,
   class: "ds-table-cell ds-table-cell--profile"
-}, jl = ["href"], ql = { class: "ds-table-cell__profile-text" }, Kl = { class: "ds-table-cell__profile-name" }, Hl = {
+}, qn = ["href"], Kn = { class: "ds-table-cell__profile-text" }, Hn = { class: "ds-table-cell__profile-name" }, Wn = {
   key: 0,
   class: "ds-table-cell__profile-email"
-}, Wl = {
+}, Gn = {
   key: 3,
   class: "ds-table-cell ds-table-cell--tag"
-}, Gl = {
+}, Yn = {
   key: 4,
   class: "ds-table-cell ds-table-cell--checkbox"
-}, Yl = {
+}, Xn = {
   key: 5,
   class: "ds-table-cell ds-table-cell--actions"
-}, Xl = /* @__PURE__ */ A({
+}, Zn = /* @__PURE__ */ A({
   __name: "TableCell",
   props: {
     type: {},
@@ -2015,7 +2015,7 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:modelValue", "action-click"],
   setup(e, { emit: s }) {
-    const t = e, l = s;
+    const t = e, n = s;
     function i(v, u) {
       if (v == null) return "";
       const h = typeof v == "string" || typeof v == "number" ? new Date(v) : v instanceof Date ? v : null;
@@ -2041,18 +2041,18 @@ const pa = /* @__PURE__ */ A({
       return v == null ? "" : String(v);
     }
     function r(v) {
-      l("update:modelValue", v);
+      n("update:modelValue", v);
     }
     function c(v) {
-      l("action-click", v), v.onClick();
+      n("action-click", v), v.onClick();
     }
     const d = g(() => {
       if (t.tags && t.tags.length > 0) return t.tags;
       const v = t.value;
       return Array.isArray(v) ? v.map((u) => ({ value: o(u), variant: t.variant })) : v != null ? [{ value: o(v), variant: t.variant }] : [];
     });
-    return (v, u) => e.type === "text" ? (a(), n("span", Nl, C(o(e.value)), 1)) : e.type === "date" ? (a(), n("span", Fl, C(i(e.value, e.format)), 1)) : e.type === "profile" ? (a(), n("span", Ul, [
-      e.profileLink ? (a(), n("a", {
+    return (v, u) => e.type === "text" ? (a(), l("span", Fn, C(o(e.value)), 1)) : e.type === "date" ? (a(), l("span", Un, C(i(e.value, e.format)), 1)) : e.type === "profile" ? (a(), l("span", jn, [
+      e.profileLink ? (a(), l("a", {
         key: 0,
         href: e.profileLink,
         class: "ds-table-cell__profile-avatar-link"
@@ -2062,29 +2062,29 @@ const pa = /* @__PURE__ */ A({
           name: e.name,
           size: "sm"
         }, null, 8, ["src", "name"])
-      ], 8, jl)) : (a(), T(de, {
+      ], 8, qn)) : (a(), T(de, {
         key: 1,
         src: e.avatarUrl,
         name: e.name,
         size: "sm"
       }, null, 8, ["src", "name"])),
-      m("span", ql, [
-        m("span", Kl, C(e.name), 1),
-        e.email ? (a(), n("span", Hl, C(e.email), 1)) : f("", !0)
+      m("span", Kn, [
+        m("span", Hn, C(e.name), 1),
+        e.email ? (a(), l("span", Wn, C(e.email), 1)) : f("", !0)
       ])
-    ])) : e.type === "tag" ? (a(), n("span", Wl, [
-      (a(!0), n(j, null, W(d.value, (h, _) => (a(), n("span", {
+    ])) : e.type === "tag" ? (a(), l("span", Gn, [
+      (a(!0), l(j, null, W(d.value, (h, _) => (a(), l("span", {
         key: _,
         class: S(["ds-table-cell__tag", h.variant ? `ds-table-cell__tag--${h.variant}` : ""])
       }, C(h.value), 3))), 128))
-    ])) : e.type === "checkbox" ? (a(), n("span", Gl, [
+    ])) : e.type === "checkbox" ? (a(), l("span", Yn, [
       x(me, {
         "model-value": e.modelValue,
         disabled: e.disabled,
         "onUpdate:modelValue": r
       }, null, 8, ["model-value", "disabled"])
-    ])) : e.type === "actions" ? (a(), n("span", Yl, [
-      (a(!0), n(j, null, W(e.actions, (h, _) => (a(), T(qe, {
+    ])) : e.type === "actions" ? (a(), l("span", Xn, [
+      (a(!0), l(j, null, W(e.actions, (h, _) => (a(), T(qe, {
         key: _,
         icon: h.icon ?? "more",
         variant: h.variant ?? "ghost",
@@ -2094,13 +2094,13 @@ const pa = /* @__PURE__ */ A({
       }, null, 8, ["icon", "variant", "aria-label", "onClick"]))), 128))
     ])) : f("", !0);
   }
-}), Ke = /* @__PURE__ */ L(Xl, [["__scopeId", "data-v-939d302b"]]), Zl = { class: "ds-table-container" }, Jl = { class: "ds-table" }, Ql = { class: "ds-table__thead" }, en = { class: "ds-table__row" }, tn = ["onClick"], an = {
+}), Ke = /* @__PURE__ */ L(Zn, [["__scopeId", "data-v-939d302b"]]), Jn = { class: "ds-table-container" }, Qn = { class: "ds-table" }, el = { class: "ds-table__thead" }, tl = { class: "ds-table__row" }, al = ["onClick"], sl = {
   key: 1,
   class: "ds-table__header-content"
-}, sn = { class: "ds-table__header-label" }, ln = { class: "ds-table__tbody" }, nn = ["onClick"], on = {
+}, nl = { class: "ds-table__header-label" }, ll = { class: "ds-table__tbody" }, ol = ["onClick"], il = {
   key: 0,
   class: "ds-table__row ds-table__row--empty"
-}, cn = ["colspan"], rn = /* @__PURE__ */ A({
+}, cl = ["colspan"], rl = /* @__PURE__ */ A({
   __name: "SchemaTable",
   props: {
     columns: { default: () => [] },
@@ -2112,18 +2112,18 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["row-click", "update:modelValue", "update:modelValue-cell", "action-click", "update:sort", "bulk-update"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = P({}), o = g(() => t.items.length > 0), r = g(() => t.selectable ? [{ id: "__selection", label: "", cell: "checkbox", align: "center" }, ...t.columns] : t.columns), c = g(() => {
+    const t = e, n = s, i = P({}), o = g(() => t.items.length > 0), r = g(() => t.selectable ? [{ id: "__selection", label: "", cell: "checkbox", align: "center" }, ...t.columns] : t.columns), c = g(() => {
       var b;
       let y = [...t.items];
       const $ = Object.entries(i.value).filter(([, D]) => D !== null);
       if ($.length === 0) return y;
       for (const [D, q] of $) {
         if (!q) continue;
-        const J = t.columns.find((ne) => ne.id === D);
+        const J = t.columns.find((le) => le.id === D);
         if (!J) continue;
         const se = ((b = J.fields) == null ? void 0 : b.value) || D;
-        y.sort((ne, Ye) => {
-          const ie = ne[se], ce = Ye[se];
+        y.sort((le, Ye) => {
+          const ie = le[se], ce = Ye[se];
           if (ie == null) return 1;
           if (ce == null) return -1;
           if (typeof ie == "number" && typeof ce == "number")
@@ -2145,17 +2145,17 @@ const pa = /* @__PURE__ */ A({
       return b;
     }
     function v(y, $) {
-      l("row-click", y, $);
+      n("row-click", y, $);
     }
     function u(y, $, b) {
-      l("action-click", { action: y, item: $, index: b });
+      n("action-click", { action: y, item: $, index: b });
     }
     function h(y) {
       const $ = [...t.modelValue], b = $.indexOf(y);
-      b > -1 ? $.splice(b, 1) : $.push(y), l("update:modelValue", $);
+      b > -1 ? $.splice(b, 1) : $.push(y), n("update:modelValue", $);
     }
     function _() {
-      k.value ? l("update:modelValue", []) : l("update:modelValue", c.value.map((y, $) => String($)));
+      k.value ? n("update:modelValue", []) : n("update:modelValue", c.value.map((y, $) => String($)));
     }
     const k = g(() => o.value && t.modelValue.length === c.value.length), M = g(() => t.modelValue.length > 0 && !k.value);
     function B(y, $) {
@@ -2165,7 +2165,7 @@ const pa = /* @__PURE__ */ A({
       if (!t.sortable) return;
       const $ = i.value[y];
       let b;
-      $ == null ? b = "asc" : $ === "asc" ? b = "desc" : b = null, i.value = { ...i.value, [y]: b }, l("update:sort", y, b);
+      $ == null ? b = "asc" : $ === "asc" ? b = "desc" : b = null, i.value = { ...i.value, [y]: b }, n("update:sort", y, b);
     }
     function H(y) {
       const $ = i.value[y];
@@ -2180,10 +2180,10 @@ const pa = /* @__PURE__ */ A({
     }
     const O = g(() => t.modelValue.length > 0), p = g(() => t.bulkEdit && O.value);
     function z(y) {
-      l("bulk-update", { ...y, rows: [...t.modelValue] }), l("update:modelValue", []);
+      n("bulk-update", { ...y, rows: [...t.modelValue] }), n("update:modelValue", []);
     }
-    return (y, $) => (a(), n("div", Zl, [
-      e.bulkEdit ? (a(), n("div", {
+    return (y, $) => (a(), l("div", Jn, [
+      e.bulkEdit ? (a(), l("div", {
         key: 0,
         class: S([{ "ds-table__bulk-edit-wrapper--hidden": !p.value }, "ds-table__bulk-edit-wrapper"])
       }, [
@@ -2191,13 +2191,13 @@ const pa = /* @__PURE__ */ A({
           columns: e.columns,
           "selected-count": e.modelValue.length,
           onApply: z,
-          onCancel: $[0] || ($[0] = (b) => l("update:modelValue", []))
+          onCancel: $[0] || ($[0] = (b) => n("update:modelValue", []))
         }, null, 8, ["columns", "selected-count"])
       ], 2)) : f("", !0),
-      m("table", Jl, [
-        m("thead", Ql, [
-          m("tr", en, [
-            (a(!0), n(j, null, W(r.value, (b) => (a(), n("th", {
+      m("table", Qn, [
+        m("thead", el, [
+          m("tr", tl, [
+            (a(!0), l(j, null, W(r.value, (b) => (a(), l("th", {
               key: b.id,
               class: S([
                 "ds-table__header-cell",
@@ -2212,25 +2212,25 @@ const pa = /* @__PURE__ */ A({
                 "model-value": k.value,
                 indeterminate: M.value,
                 "onUpdate:modelValue": _
-              }, null, 8, ["model-value", "indeterminate"])) : (a(), n("span", an, [
-                m("span", sn, C(b.label), 1),
-                e.sortable ? (a(), n("span", {
+              }, null, 8, ["model-value", "indeterminate"])) : (a(), l("span", sl, [
+                m("span", nl, C(b.label), 1),
+                e.sortable ? (a(), l("span", {
                   key: 0,
                   class: S(["ds-table__sort-icon", { "ds-table__sort-icon--active": w(b.id) }])
                 }, [
                   (a(), T(re(H(b.id)), { class: "ds-table__sort-icon-svg" }))
                 ], 2)) : f("", !0)
               ]))
-            ], 10, tn))), 128))
+            ], 10, al))), 128))
           ])
         ]),
-        m("tbody", ln, [
-          (a(!0), n(j, null, W(c.value, (b, D) => (a(), n("tr", {
+        m("tbody", ll, [
+          (a(!0), l(j, null, W(c.value, (b, D) => (a(), l("tr", {
             key: D,
             class: S(["ds-table__row ds-table__row--body", { "ds-table__row--selected": t.selectable && t.modelValue.includes(B(b, D)) }]),
             onClick: (q) => v(b, D)
           }, [
-            (a(!0), n(j, null, W(r.value, (q) => (a(), n("td", {
+            (a(!0), l(j, null, W(r.value, (q) => (a(), l("td", {
               key: q.id,
               class: S(["ds-table__data-cell", q.align ? `ds-table__data-cell--align-${q.align}` : "", { "ds-table__data-cell--selection": q.id === "__selection" }]),
               onClick: $[1] || ($[1] = X(() => {
@@ -2247,21 +2247,21 @@ const pa = /* @__PURE__ */ A({
                 onActionClick: (J) => u(J, b, D)
               }), null, 16, ["type", "onActionClick"]))
             ], 2))), 128))
-          ], 10, nn))), 128)),
-          o.value ? f("", !0) : (a(), n("tr", on, [
+          ], 10, ol))), 128)),
+          o.value ? f("", !0) : (a(), l("tr", il, [
             m("td", {
               colspan: I(),
               class: "ds-table__empty-cell"
-            }, " هیچ داده‌ای یافت نشد. ", 8, cn)
+            }, " هیچ داده‌ای یافت نشد. ", 8, cl)
           ]))
         ])
       ])
     ]));
   }
-}), dn = /* @__PURE__ */ L(rn, [["__scopeId", "data-v-ec5f4274"]]), un = { class: "ds-filter-bar" }, mn = { class: "ds-filter-bar__filters" }, fn = {
+}), dl = /* @__PURE__ */ L(rl, [["__scopeId", "data-v-ec5f4274"]]), ul = { class: "ds-filter-bar" }, ml = { class: "ds-filter-bar__filters" }, fl = {
   key: 0,
   class: "ds-filter-bar__actions"
-}, vn = /* @__PURE__ */ A({
+}, vl = /* @__PURE__ */ A({
   __name: "FilterBar",
   props: {
     showClear: { type: Boolean, default: !1 }
@@ -2269,11 +2269,11 @@ const pa = /* @__PURE__ */ A({
   emits: ["clear"],
   setup(e, { emit: s }) {
     const t = s;
-    return (l, i) => (a(), n("div", un, [
-      m("div", mn, [
-        K(l.$slots, "default", {}, void 0, !0)
+    return (n, i) => (a(), l("div", ul, [
+      m("div", ml, [
+        K(n.$slots, "default", {}, void 0, !0)
       ]),
-      e.showClear ? (a(), n("div", fn, [
+      e.showClear ? (a(), l("div", fl, [
         x(Z, {
           variant: "ghost",
           size: "sm",
@@ -2287,11 +2287,11 @@ const pa = /* @__PURE__ */ A({
       ])) : f("", !0)
     ]));
   }
-}), pn = /* @__PURE__ */ L(vn, [["__scopeId", "data-v-76a12d68"]]), bn = {
+}), pl = /* @__PURE__ */ L(vl, [["__scopeId", "data-v-76a12d68"]]), bl = {
   class: "ds-pagination",
   role: "navigation",
   "aria-label": "Pagination"
-}, hn = { class: "ds-pagination__info" }, gn = /* @__PURE__ */ A({
+}, hl = { class: "ds-pagination__info" }, gl = /* @__PURE__ */ A({
   __name: "Pagination",
   props: {
     page: { default: 1 },
@@ -2300,11 +2300,11 @@ const pa = /* @__PURE__ */ A({
   },
   emits: ["update:page", "update:value", "change"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => Math.max(1, Math.ceil(t.total / t.pageSize))), o = g(() => t.page <= 1), r = g(() => t.page >= i.value), c = g(() => "arrow-right"), d = g(() => "arrow-left");
+    const t = e, n = s, i = g(() => Math.max(1, Math.ceil(t.total / t.pageSize))), o = g(() => t.page <= 1), r = g(() => t.page >= i.value), c = g(() => "arrow-right"), d = g(() => "arrow-left");
     function v(u) {
-      u < 1 || u > i.value || (l("update:page", u), l("update:value", u), l("change", u));
+      u < 1 || u > i.value || (n("update:page", u), n("update:value", u), n("change", u));
     }
-    return (u, h) => (a(), n("div", bn, [
+    return (u, h) => (a(), l("div", bl, [
       x(Z, {
         variant: "secondary",
         size: "sm",
@@ -2317,7 +2317,7 @@ const pa = /* @__PURE__ */ A({
         ]),
         _: 1
       }, 8, ["icon", "disabled"]),
-      m("div", hn, [
+      m("div", hl, [
         x(G, { variant: "body-sm" }, {
           default: U(() => [
             Y(C(R(F)("pagination.page_of", { page: String(e.page), total: String(i.value) })), 1)
@@ -2340,10 +2340,10 @@ const pa = /* @__PURE__ */ A({
       }, 8, ["icon", "disabled"])
     ]));
   }
-}), _n = /* @__PURE__ */ L(gn, [["__scopeId", "data-v-2732ec5f"]]), yn = { class: "ds-empty-state" }, kn = { class: "ds-empty-state__icon-wrapper" }, wn = {
+}), _l = /* @__PURE__ */ L(gl, [["__scopeId", "data-v-2732ec5f"]]), yl = { class: "ds-empty-state" }, kl = { class: "ds-empty-state__icon-wrapper" }, wl = {
   key: 1,
   class: "ds-empty-state__action"
-}, $n = /* @__PURE__ */ A({
+}, $l = /* @__PURE__ */ A({
   __name: "EmptyState",
   props: {
     title: { default: F("table.empty") },
@@ -2354,8 +2354,8 @@ const pa = /* @__PURE__ */ A({
   emits: ["action"],
   setup(e, { emit: s }) {
     const t = s;
-    return (l, i) => (a(), n("div", yn, [
-      m("div", kn, [
+    return (n, i) => (a(), l("div", yl, [
+      m("div", kl, [
         x(N, {
           name: e.icon,
           size: "lg",
@@ -2373,7 +2373,7 @@ const pa = /* @__PURE__ */ A({
         value: e.description,
         class: "ds-empty-state__desc"
       }, null, 8, ["value"])) : f("", !0),
-      e.actionLabel ? (a(), n("div", wn, [
+      e.actionLabel ? (a(), l("div", wl, [
         x(Z, {
           variant: "primary",
           size: "md",
@@ -2387,23 +2387,23 @@ const pa = /* @__PURE__ */ A({
       ])) : f("", !0)
     ]));
   }
-}), Cn = /* @__PURE__ */ L($n, [["__scopeId", "data-v-62f76e13"]]), xn = {
+}), Cl = /* @__PURE__ */ L($l, [["__scopeId", "data-v-62f76e13"]]), xl = {
   key: 1,
   class: "ds-loading-state__skeleton-wrapper"
-}, Sn = {
+}, Sl = {
   key: 2,
   class: "ds-loading-state__placeholder-wrapper"
-}, In = /* @__PURE__ */ A({
+}, Il = /* @__PURE__ */ A({
   __name: "LoadingState",
   props: {
     variant: { default: "spinner" },
     text: { default: F("loading.text") }
   },
   setup(e) {
-    return (s, t) => (a(), n("div", {
+    return (s, t) => (a(), l("div", {
       class: S(["ds-loading-state", [`ds-loading-state--${e.variant}`]])
     }, [
-      e.variant === "spinner" ? (a(), n(j, { key: 0 }, [
+      e.variant === "spinner" ? (a(), l(j, { key: 0 }, [
         t[0] || (t[0] = m("div", { class: "ds-loading-state__spinner" }, null, -1)),
         e.text ? (a(), T(G, {
           key: 0,
@@ -2411,17 +2411,17 @@ const pa = /* @__PURE__ */ A({
           value: e.text,
           class: "ds-loading-state__text"
         }, null, 8, ["value"])) : f("", !0)
-      ], 64)) : e.variant === "skeleton" ? (a(), n("div", xn, [...t[1] || (t[1] = [
+      ], 64)) : e.variant === "skeleton" ? (a(), l("div", xl, [...t[1] || (t[1] = [
         m("div", { class: "ds-loading-state__skeleton-line ds-loading-state__skeleton-line--title" }, null, -1),
         m("div", { class: "ds-loading-state__skeleton-line" }, null, -1),
         m("div", { class: "ds-loading-state__skeleton-line ds-loading-state__skeleton-line--short" }, null, -1)
-      ])])) : e.variant === "placeholder" ? (a(), n("div", Sn, [...t[2] || (t[2] = [
+      ])])) : e.variant === "placeholder" ? (a(), l("div", Sl, [...t[2] || (t[2] = [
         m("div", { class: "ds-loading-state__placeholder-circle" }, null, -1),
         m("div", { class: "ds-loading-state__skeleton-line ds-loading-state__skeleton-line--title" }, null, -1)
       ])])) : f("", !0)
     ], 2));
   }
-}), He = /* @__PURE__ */ L(In, [["__scopeId", "data-v-23811991"]]), Bn = {
+}), He = /* @__PURE__ */ L(Il, [["__scopeId", "data-v-23811991"]]), Bl = {
   users: [
     { id: "1", name: "علیرضا علوی", email: "alireza@example.com", role: "مدیر کل" },
     { id: "2", name: "سارا رضایی", email: "sara@example.com", role: "نویسنده" },
@@ -2435,28 +2435,28 @@ const pa = /* @__PURE__ */ A({
     { id: "p3", name: "تبلت لنوو", price: "12,000,000" }
   ]
 };
-function Vn(e, s = "") {
+function Vl(e, s = "") {
   return new Promise((t) => {
     setTimeout(() => {
-      const l = Bn[e] || [];
+      const n = Bl[e] || [];
       if (!s.trim()) {
-        t(l);
+        t(n);
         return;
       }
-      const i = s.toLowerCase().trim(), o = l.filter((r) => Object.values(r).some(
+      const i = s.toLowerCase().trim(), o = n.filter((r) => Object.values(r).some(
         (c) => String(c).toLowerCase().includes(i)
       ));
       t(o);
     }, 200);
   });
 }
-const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger-wrapper" }, An = {
+const zl = { class: "ds-autocomplete" }, Dl = { class: "ds-autocomplete__trigger-wrapper" }, Al = {
   key: 0,
   class: "ds-autocomplete__loading"
-}, Ln = {
+}, Ll = {
   key: 1,
   class: "ds-autocomplete__empty"
-}, Tn = /* @__PURE__ */ A({
+}, Tl = /* @__PURE__ */ A({
   __name: "AsyncAutocomplete",
   props: {
     modelValue: { default: void 0 },
@@ -2473,7 +2473,7 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => t.modelValue), o = P(null), r = P(""), c = P(!1), d = P(!1), v = P([]), u = P(-1), h = g(() => t.loading || d.value);
+    const t = e, n = s, i = g(() => t.modelValue), o = P(null), r = P(""), c = P(!1), d = P(!1), v = P([]), u = P(-1), h = g(() => t.loading || d.value);
     function _(b) {
       if (typeof b == "string" || typeof b == "number") return String(b);
       if (!b || typeof b != "object") return "";
@@ -2513,7 +2513,7 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
       if (t.source) {
         d.value = !0;
         try {
-          const D = await Vn(t.source, b);
+          const D = await Vl(t.source, b);
           v.value = D;
         } catch (D) {
           console.error(D), v.value = [];
@@ -2533,10 +2533,10 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
     }
     function z(b) {
       const D = k(b);
-      l("update:modelValue", D), l("change", D), c.value = !1, r.value = _(b), u.value = -1, o.value && o.value.close();
+      n("update:modelValue", D), n("change", D), c.value = !1, r.value = _(b), u.value = -1, o.value && o.value.close();
     }
     function y() {
-      t.disabled || (l("update:modelValue", null), l("change", null), l("clear"), r.value = "", c.value = !1, u.value = -1);
+      t.disabled || (n("update:modelValue", null), n("change", null), n("clear"), r.value = "", c.value = !1, u.value = -1);
     }
     function $(b) {
       var q, J, se;
@@ -2558,8 +2558,8 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
         case "Enter":
           if (u.value >= 0 && u.value < B.value.length) {
             b.preventDefault();
-            const ne = B.value[u.value];
-            ne && z(ne);
+            const le = B.value[u.value];
+            le && z(le);
           }
           break;
       }
@@ -2571,14 +2571,14 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
       b || setTimeout(() => {
         c.value = !1;
       }, 100);
-    }), (b, D) => (a(), n("div", zn, [
+    }), (b, D) => (a(), l("div", zl, [
       x(Be, {
         ref_key: "dropdownRef",
         ref: o,
         class: "ds-autocomplete__dropdown"
       }, {
         trigger: U(() => [
-          m("div", Dn, [
+          m("div", Dl, [
             x(ve, {
               "model-value": H.value,
               placeholder: e.placeholder,
@@ -2590,7 +2590,7 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
               onFocus: p,
               onKeydown: $
             }, null, 8, ["model-value", "placeholder", "disabled", "error"]),
-            e.clearable && i.value ? (a(), n("button", {
+            e.clearable && i.value ? (a(), l("button", {
               key: 0,
               type: "button",
               class: "ds-autocomplete__clear",
@@ -2609,12 +2609,12 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
             class: "ds-autocomplete__menu-container"
           }, {
             default: U(() => [
-              h.value ? (a(), n("div", An, [
+              h.value ? (a(), l("div", Al, [
                 x(He, {
                   variant: "spinner",
                   text: "در حال بارگذاری..."
                 })
-              ])) : B.value.length === 0 ? (a(), n("div", Ln, " نتیجه‌ای یافت نشد ")) : (a(!0), n(j, { key: 2 }, W(B.value, (q, J) => (a(), T(fe, {
+              ])) : B.value.length === 0 ? (a(), l("div", Ll, " نتیجه‌ای یافت نشد ")) : (a(!0), l(j, { key: 2 }, W(B.value, (q, J) => (a(), T(fe, {
                 key: String(k(q)),
                 label: _(q),
                 active: k(q) === i.value || J === u.value,
@@ -2629,14 +2629,14 @@ const zn = { class: "ds-autocomplete" }, Dn = { class: "ds-autocomplete__trigger
       }, 512)
     ]));
   }
-}), En = /* @__PURE__ */ L(Tn, [["__scopeId", "data-v-9faf0edb"]]), Ve = Ee({
+}), El = /* @__PURE__ */ L(Tl, [["__scopeId", "data-v-9faf0edb"]]), Ve = Ee({
   theme: "dark",
   locale: "fa",
   direction: "rtl",
   permissions: ["finance.view", "roles.manage"],
   data: {}
 });
-function Mn(e) {
+function Ml(e) {
   return e ? Ve.permissions.includes(e) : !0;
 }
 function Ri(e) {
@@ -2655,28 +2655,28 @@ const We = A({
   },
   emits: ["event"],
   setup(e, { emit: s }) {
-    const t = (l) => {
+    const t = (n) => {
       var u;
-      if (l.permission && !Mn(l.permission))
+      if (n.permission && !Ml(n.permission))
         return null;
-      if (l.type === "text" && !(l.props && Object.keys(l.props).some((_) => _ !== "value"))) {
-        const _ = ((u = l.props) == null ? void 0 : u.value) || "";
+      if (n.type === "text" && !(n.props && Object.keys(n.props).some((_) => _ !== "value"))) {
+        const _ = ((u = n.props) == null ? void 0 : u.value) || "";
         return _.includes(".") ? F(_) : _;
       }
-      const o = E.get(l.type) || l.type, r = l.type === "accordion", c = l.children && !r ? l.children.map((h) => t(h)).filter(Boolean) : void 0, d = { ...l.props };
-      return r && l.children && (d.items = l.children), l.events && Object.entries(l.events).forEach(([h, _]) => {
+      const o = E.get(n.type) || n.type, r = n.type === "accordion", c = n.children && !r ? n.children.map((h) => t(h)).filter(Boolean) : void 0, d = { ...n.props };
+      return r && n.children && (d.items = n.children), n.events && Object.entries(n.events).forEach(([h, _]) => {
         const k = `on${h.charAt(0).toUpperCase()}${h.slice(1)}`;
         d[k] = (M) => {
-          s("event", { name: _, event: M, node: l });
+          s("event", { name: _, event: M, node: n });
         };
       }), De(o, d, c ? { default: () => c } : void 0);
     };
-    return () => Array.isArray(e.schema) ? De("div", { class: "schema-tree" }, e.schema.map((l) => t(l)).filter(Boolean)) : t(e.schema);
+    return () => Array.isArray(e.schema) ? De("div", { class: "schema-tree" }, e.schema.map((n) => t(n)).filter(Boolean)) : t(e.schema);
   }
-}), Pn = {
+}), Pl = {
   class: "ds-accordion",
   role: "presentation"
-}, On = ["aria-expanded", "disabled", "onClick"], Rn = { class: "ds-accordion__title" }, Nn = { class: "ds-accordion__content" }, Fn = { class: "ds-accordion__content-inner" }, Un = /* @__PURE__ */ A({
+}, Ol = ["aria-expanded", "disabled", "onClick"], Rl = { class: "ds-accordion__title" }, Nl = { class: "ds-accordion__content" }, Fl = { class: "ds-accordion__content-inner" }, Ul = /* @__PURE__ */ A({
   __name: "Accordion",
   props: {
     items: { default: () => [] },
@@ -2685,14 +2685,14 @@ const We = A({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const s = e, t = P([]), l = (o) => {
+    const s = e, t = P([]), n = (o) => {
       if (s.disabled) return;
       t.value.indexOf(o) > -1 ? t.value = t.value.filter((c) => c !== o) : s.multiple ? t.value.push(o) : t.value = [o];
     }, i = (o) => t.value.includes(o);
     return te(() => {
       s.defaultOpen && s.items.length > 0 && (s.multiple ? t.value = s.items.map((o, r) => r) : t.value = [0]);
-    }), (o, r) => (a(), n("div", Pn, [
-      (a(!0), n(j, null, W(e.items, (c, d) => (a(), n("div", {
+    }), (o, r) => (a(), l("div", Pl, [
+      (a(!0), l(j, null, W(e.items, (c, d) => (a(), l("div", {
         key: d,
         class: S([
           "ds-accordion__item",
@@ -2705,23 +2705,23 @@ const We = A({
           class: "ds-accordion__header",
           "aria-expanded": i(d),
           disabled: e.disabled,
-          onClick: (v) => l(d)
+          onClick: (v) => n(d)
         }, [
-          m("span", Rn, C(c.title.includes(".") ? R(F)(c.title) : c.title), 1),
+          m("span", Rl, C(c.title.includes(".") ? R(F)(c.title) : c.title), 1),
           x(N, {
             name: "chevron-down",
             size: "sm",
             class: "ds-accordion__chevron"
           })
-        ], 8, On),
+        ], 8, Ol),
         m("div", {
           class: S([
             "ds-accordion__content-wrapper",
             { "ds-accordion__content-wrapper--open": i(d) }
           ])
         }, [
-          m("div", Nn, [
-            m("div", Fn, [
+          m("div", Nl, [
+            m("div", Fl, [
               x(We, {
                 schema: c.content
               }, null, 8, ["schema"])
@@ -2731,16 +2731,16 @@ const We = A({
       ], 2))), 128))
     ]));
   }
-}), jn = /* @__PURE__ */ L(Un, [["__scopeId", "data-v-24e0f847"]]), qn = { class: "ds-alert__main" }, Kn = { class: "ds-alert__icon-container" }, Hn = { class: "ds-alert__content" }, Wn = { class: "ds-alert__text-group" }, Gn = {
+}), jl = /* @__PURE__ */ L(Ul, [["__scopeId", "data-v-24e0f847"]]), ql = { class: "ds-alert__main" }, Kl = { class: "ds-alert__icon-container" }, Hl = { class: "ds-alert__content" }, Wl = { class: "ds-alert__text-group" }, Gl = {
   key: 0,
   class: "ds-alert__title"
-}, Yn = {
+}, Yl = {
   key: 1,
   class: "ds-alert__description"
-}, Xn = {
+}, Xl = {
   key: 0,
   class: "ds-alert__actions"
-}, Zn = ["aria-label"], Jn = /* @__PURE__ */ A({
+}, Zl = ["aria-label"], Jl = /* @__PURE__ */ A({
   __name: "Alert",
   props: {
     variant: { default: "info" },
@@ -2750,11 +2750,12 @@ const We = A({
     actions: { default: () => [] },
     layout: { default: "column" }
   },
-  setup(e) {
-    const s = e, t = P(!1), l = () => {
-      t.value = !0;
-    }, i = g(() => {
-      switch (s.variant) {
+  emits: ["event"],
+  setup(e, { emit: s }) {
+    const t = e, n = s, i = P(!1), o = () => {
+      i.value = !0;
+    }, r = g(() => {
+      switch (t.variant) {
         case "success":
           return "check";
         case "warning":
@@ -2766,51 +2767,52 @@ const We = A({
         default:
           return "info";
       }
-    }), o = g(() => [
+    }), c = g(() => [
       "ds-alert",
-      `ds-alert--${s.variant}`,
-      `ds-alert--layout-${s.layout}`
+      `ds-alert--${t.variant}`,
+      `ds-alert--layout-${t.layout}`
     ]);
-    return (r, c) => t.value ? f("", !0) : (a(), n("div", {
+    return (d, v) => i.value ? f("", !0) : (a(), l("div", {
       key: 0,
-      class: S(o.value),
+      class: S(c.value),
       role: "alert"
     }, [
-      m("div", qn, [
-        m("div", Kn, [
+      m("div", ql, [
+        m("div", Kl, [
           x(N, {
-            name: i.value,
+            name: r.value,
             size: "lg"
           }, null, 8, ["name"])
         ]),
-        m("div", Hn, [
-          m("div", Wn, [
-            e.title ? (a(), n("h4", Gn, C(e.title.includes(".") ? R(F)(e.title) : e.title), 1)) : f("", !0),
-            e.description ? (a(), n("p", Yn, C(e.description.includes(".") ? R(F)(e.description) : e.description), 1)) : f("", !0)
+        m("div", Hl, [
+          m("div", Wl, [
+            e.title ? (a(), l("h4", Gl, C(e.title.includes(".") ? R(F)(e.title) : e.title), 1)) : f("", !0),
+            e.description ? (a(), l("p", Yl, C(e.description.includes(".") ? R(F)(e.description) : e.description), 1)) : f("", !0)
           ]),
-          e.actions && e.actions.length > 0 ? (a(), n("div", Xn, [
-            (a(!0), n(j, null, W(e.actions, (d, v) => (a(), T(We, {
-              key: v,
-              schema: d
+          e.actions && e.actions.length > 0 ? (a(), l("div", Xl, [
+            (a(!0), l(j, null, W(e.actions, (u, h) => (a(), T(We, {
+              key: h,
+              schema: u,
+              onEvent: v[0] || (v[0] = (_) => n("event", _))
             }, null, 8, ["schema"]))), 128))
           ])) : f("", !0)
         ]),
-        e.dismissible ? (a(), n("button", {
+        e.dismissible ? (a(), l("button", {
           key: 0,
           type: "button",
           class: "ds-alert__dismiss-btn",
-          onClick: l,
+          onClick: o,
           "aria-label": R(F)("common.close") || "Close"
         }, [
           x(N, {
             name: "x",
             size: "lg"
           })
-        ], 8, Zn)) : f("", !0)
+        ], 8, Zl)) : f("", !0)
       ])
     ], 2));
   }
-}), Qn = /* @__PURE__ */ L(Jn, [["__scopeId", "data-v-ce80e33d"]]), eo = ["aria-valuenow", "aria-valuemax"], to = {
+}), Ql = /* @__PURE__ */ L(Jl, [["__scopeId", "data-v-7893c0df"]]), eo = ["aria-valuenow", "aria-valuemax"], to = {
   key: 0,
   class: "ds-progress__header"
 }, ao = {
@@ -2819,7 +2821,7 @@ const We = A({
 }, so = {
   key: 1,
   class: "ds-progress__value"
-}, lo = { class: "ds-progress__track" }, no = /* @__PURE__ */ A({
+}, no = { class: "ds-progress__track" }, lo = /* @__PURE__ */ A({
   __name: "Progress",
   props: {
     value: { default: 0 },
@@ -2829,21 +2831,21 @@ const We = A({
   },
   setup(e) {
     const s = e, t = g(() => {
-      const l = Math.max(0, Math.min(s.value, s.max));
-      return Math.round(l / s.max * 100);
+      const n = Math.max(0, Math.min(s.value, s.max));
+      return Math.round(n / s.max * 100);
     });
-    return (l, i) => (a(), n("div", {
+    return (n, i) => (a(), l("div", {
       class: "ds-progress",
       role: "progressbar",
       "aria-valuenow": e.value,
       "aria-valuemin": 0,
       "aria-valuemax": e.max
     }, [
-      e.label || e.showValue ? (a(), n("div", to, [
-        e.label ? (a(), n("span", ao, C(e.label.includes(".") ? R(F)(e.label) : e.label), 1)) : f("", !0),
-        e.showValue ? (a(), n("span", so, C(t.value) + "% ", 1)) : f("", !0)
+      e.label || e.showValue ? (a(), l("div", to, [
+        e.label ? (a(), l("span", ao, C(e.label.includes(".") ? R(F)(e.label) : e.label), 1)) : f("", !0),
+        e.showValue ? (a(), l("span", so, C(t.value) + "% ", 1)) : f("", !0)
       ])) : f("", !0),
-      m("div", lo, [
+      m("div", no, [
         m("div", {
           class: "ds-progress__bar",
           style: Q({ width: `${t.value}%` })
@@ -2851,7 +2853,7 @@ const We = A({
       ])
     ], 8, eo));
   }
-}), oo = /* @__PURE__ */ L(no, [["__scopeId", "data-v-d9bb4686"]]), io = {
+}), oo = /* @__PURE__ */ L(lo, [["__scopeId", "data-v-d9bb4686"]]), io = {
   class: "ds-breadcrumb",
   "aria-label": "Breadcrumb"
 }, co = { class: "ds-breadcrumb__list" }, ro = {
@@ -2870,21 +2872,21 @@ const We = A({
   },
   emits: ["navigate"],
   setup(e, { emit: s }) {
-    const t = s, l = (i) => {
+    const t = s, n = (i) => {
       i && t("navigate", i);
     };
-    return (i, o) => (a(), n("nav", io, [
+    return (i, o) => (a(), l("nav", io, [
       m("ol", co, [
-        (a(!0), n(j, null, W(e.items, (r, c) => (a(), n("li", {
+        (a(!0), l(j, null, W(e.items, (r, c) => (a(), l("li", {
           key: c,
           class: "ds-breadcrumb__item"
         }, [
-          c > 0 ? (a(), n("span", ro, C(e.separator), 1)) : f("", !0),
-          c === e.items.length - 1 ? (a(), n("span", uo, C(r.label.includes(".") ? R(F)(r.label) : r.label), 1)) : (a(), n("a", {
+          c > 0 ? (a(), l("span", ro, C(e.separator), 1)) : f("", !0),
+          c === e.items.length - 1 ? (a(), l("span", uo, C(r.label.includes(".") ? R(F)(r.label) : r.label), 1)) : (a(), l("a", {
             key: 2,
             href: r.path || "#",
             class: "ds-breadcrumb__link",
-            onClick: X((d) => l(r.path), ["prevent"])
+            onClick: X((d) => n(r.path), ["prevent"])
           }, C(r.label.includes(".") ? R(F)(r.label) : r.label), 9, mo))
         ]))), 128))
       ])
@@ -2900,16 +2902,16 @@ const We = A({
   },
   emits: ["close", "click"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = (c) => {
-      c.stopPropagation(), !t.disabled && l("close");
+    const t = e, n = s, i = (c) => {
+      c.stopPropagation(), !t.disabled && n("close");
     }, o = () => {
-      t.disabled || l("click");
+      t.disabled || n("click");
     }, r = g(() => [
       "ds-chip",
       { "ds-chip--disabled": t.disabled },
       { "ds-chip--interactive": !t.disabled }
     ]);
-    return (c, d) => (a(), n("div", {
+    return (c, d) => (a(), l("div", {
       class: S(r.value),
       onClick: o,
       role: "button",
@@ -2922,7 +2924,7 @@ const We = A({
         class: "ds-chip__icon"
       }, null, 8, ["name"])) : f("", !0),
       m("span", bo, C(e.label.includes(".") ? R(F)(e.label) : e.label), 1),
-      e.closable ? (a(), n("button", {
+      e.closable ? (a(), l("button", {
         key: 1,
         type: "button",
         class: "ds-chip__close-btn",
@@ -2960,7 +2962,7 @@ const We = A({
   },
   emits: ["select", "navigate"],
   setup(e, { emit: s }) {
-    const t = e, l = s, { locale: i } = Ne(), o = g(() => t.shortcut ? t.shortcut.split("+") : []), r = P(!1), c = P(""), d = P(0), v = P(null), u = (w) => {
+    const t = e, n = s, { locale: i } = Ne(), o = g(() => t.shortcut ? t.shortcut.split("+") : []), r = P(!1), c = P(""), d = P(0), v = P(null), u = (w) => {
       const I = t.shortcut.toLowerCase().split("+"), O = I[I.length - 1], p = I.includes("ctrl") || I.includes("control"), z = I.includes("meta") || I.includes("cmd") || I.includes("⌘"), y = I.includes("alt"), $ = I.includes("shift");
       return O && w.key.toLowerCase() === O ? !(p && !w.ctrlKey || z && !w.metaKey || y && !w.altKey || $ && !w.shiftKey) : !1;
     }, h = (w) => {
@@ -2981,9 +2983,9 @@ const We = A({
     }, M = () => {
       r.value = !1, document.body.style.overflow = "";
     }, B = (w) => {
-      if (l("select", w), w.action.startsWith("navigate:")) {
+      if (n("select", w), w.action.startsWith("navigate:")) {
         const I = w.action.replace("navigate:", "");
-        l("navigate", I);
+        n("navigate", I);
       }
       M();
     }, V = g(() => {
@@ -2999,7 +3001,7 @@ const We = A({
     const H = (w) => {
       w.target === w.currentTarget && M();
     };
-    return (w, I) => (a(), n("div", null, [
+    return (w, I) => (a(), l("div", null, [
       m("button", {
         type: "button",
         class: "ds-command-trigger",
@@ -3013,15 +3015,15 @@ const We = A({
           m("span", null, C(e.placeholder.includes(".") ? R(F)(e.placeholder) : e.placeholder), 1)
         ]),
         m("span", ko, [
-          (a(!0), n(j, null, W(o.value, (O, p) => (a(), n(j, { key: p }, [
+          (a(!0), l(j, null, W(o.value, (O, p) => (a(), l(j, { key: p }, [
             m("kbd", wo, C(O), 1),
-            p < o.value.length - 1 ? (a(), n("span", $o, "+")) : f("", !0)
+            p < o.value.length - 1 ? (a(), l("span", $o, "+")) : f("", !0)
           ], 64))), 128))
         ])
       ]),
       x(ae, { name: "ds-command-fade" }, {
         default: U(() => [
-          r.value ? (a(), n("div", {
+          r.value ? (a(), l("div", {
             key: 0,
             class: "ds-command-overlay",
             onClick: H
@@ -3047,8 +3049,8 @@ const We = A({
                 I[1] || (I[1] = m("kbd", { class: "ds-command-dialog__escape-kbd" }, "ESC", -1))
               ]),
               m("div", Io, [
-                V.value.length > 0 ? (a(), n("ul", Bo, [
-                  (a(!0), n(j, null, W(V.value, (O, p) => (a(), n("li", {
+                V.value.length > 0 ? (a(), l("ul", Bo, [
+                  (a(!0), l(j, null, W(V.value, (O, p) => (a(), l("li", {
                     key: O.id,
                     class: S([
                       "ds-command-item",
@@ -3075,7 +3077,7 @@ const We = A({
                       }, null, 8, ["name"])
                     ])
                   ], 42, Vo))), 128))
-                ])) : (a(), n("div", To, C(R(F)("common.no_results") || "نتیجه‌ای یافت نشد (No results found)"), 1))
+                ])) : (a(), l("div", To, C(R(F)("common.no_results") || "نتیجه‌ای یافت نشد (No results found)"), 1))
               ])
             ])
           ])) : f("", !0)
@@ -3095,7 +3097,7 @@ const We = A({
     squareAvatar: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (s, t) => (a(), n("div", {
+    return (s, t) => (a(), l("div", {
       class: S(["ds-user-card", { "ds-user-card--collapsed": e.collapsed }])
     }, [
       e.avatar ? (a(), T(de, {
@@ -3146,7 +3148,7 @@ const We = A({
     size: { default: 24 }
   },
   setup(e) {
-    return (s, t) => (a(), n("svg", {
+    return (s, t) => (a(), l("svg", {
       width: e.size,
       height: e.size,
       viewBox: "0 0 350 350",
@@ -3191,7 +3193,7 @@ const We = A({
   },
   emits: ["navigate"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = P(""), o = P(!1);
+    const t = e, n = s, i = P(""), o = P(!1);
     ee(() => t.activeId, (_) => {
       var k, M;
       if (_) {
@@ -3224,7 +3226,7 @@ const We = A({
         const M = [...t.navigation, ...t.footer].find((B) => B.id === _);
         o.value = !!(M != null && M.children && M.children.length > 0);
       }
-      l("navigate", _);
+      n("navigate", _);
     }
     function d(_) {
       c(_.value);
@@ -3243,7 +3245,7 @@ const We = A({
     })));
     return (_, k) => {
       var M, B, V, H;
-      return a(), n("div", {
+      return a(), l("div", {
         class: S(["ds-sidebar-container", { "ds-sidebar-container--child-closed": !o.value }])
       }, [
         m("aside", {
@@ -3267,7 +3269,7 @@ const We = A({
             })) : f("", !0)
           ]),
           m("nav", jo, [
-            (a(!0), n(j, null, W(e.navigation, (w) => (a(), T(xe, {
+            (a(!0), l(j, null, W(e.navigation, (w) => (a(), T(xe, {
               key: w.id,
               text: w.label,
               position: "end"
@@ -3284,7 +3286,7 @@ const We = A({
             }, 1032, ["text"]))), 128))
           ]),
           m("div", qo, [
-            (a(!0), n(j, null, W(e.footer, (w) => (a(), T(xe, {
+            (a(!0), l(j, null, W(e.footer, (w) => (a(), T(xe, {
               key: w.id,
               text: w.label,
               position: "end"
@@ -3319,8 +3321,8 @@ const We = A({
             }, null, 8, ["icon"])
           ])
         ], 2),
-        o.value ? (a(), n("div", Ko)) : f("", !0),
-        o.value ? (a(), n("div", Ho, [
+        o.value ? (a(), l("div", Ko)) : f("", !0),
+        o.value ? (a(), l("div", Ho, [
           m("div", Wo, [
             x(Be, {
               items: h.value,
@@ -3330,7 +3332,7 @@ const We = A({
             }, null, 8, ["items", "label"])
           ]),
           m("div", Go, [
-            (a(!0), n(j, null, W((H = r.value) == null ? void 0 : H.children, (w) => (a(), n("div", {
+            (a(!0), l(j, null, W((H = r.value) == null ? void 0 : H.children, (w) => (a(), l("div", {
               key: w.id,
               class: S(["ds-sidebar__child-item", { "ds-sidebar__child-item--active": e.activeId === w.id }]),
               onClick: (I) => c(w.id)
@@ -3355,7 +3357,7 @@ const We = A({
       ], 2);
     };
   }
-}), Zo = /* @__PURE__ */ L(Xo, [["__scopeId", "data-v-4cbc3e88"]]), Jo = ["aria-checked", "onClick"], Qo = { key: 1 }, ei = /* @__PURE__ */ A({
+}), Zo = /* @__PURE__ */ L(Xo, [["__scopeId", "data-v-48184815"]]), Jo = ["aria-checked", "onClick"], Qo = { key: 1 }, ei = /* @__PURE__ */ A({
   __name: "ActionToggle",
   props: {
     options: {},
@@ -3367,21 +3369,21 @@ const We = A({
       v142bb2c5: r.options.length,
       bdc18452: r.modelValue
     }));
-    const t = e, l = s;
+    const t = e, n = s;
     function i(r) {
-      l("update:modelValue", r);
+      n("update:modelValue", r);
     }
     function o(r) {
       r.key === "ArrowRight" || r.key === "ArrowDown" ? (r.preventDefault(), i((t.modelValue + 1) % t.options.length)) : (r.key === "ArrowLeft" || r.key === "ArrowUp") && (r.preventDefault(), i((t.modelValue - 1 + t.options.length) % t.options.length));
     }
-    return (r, c) => (a(), n("div", {
+    return (r, c) => (a(), l("div", {
       class: "ds-action-toggle",
       tabindex: "0",
       role: "radiogroup",
       onKeydown: o
     }, [
       c[0] || (c[0] = m("div", { class: "ds-action-toggle__thumb" }, null, -1)),
-      (a(!0), n(j, null, W(e.options, (d, v) => (a(), n("div", {
+      (a(!0), l(j, null, W(e.options, (d, v) => (a(), l("div", {
         key: v,
         class: S(["ds-action-toggle__option", { "ds-action-toggle__option--active": e.modelValue === v }]),
         role: "radio",
@@ -3393,11 +3395,11 @@ const We = A({
           name: d.icon,
           size: "md"
         }, null, 8, ["name"])) : f("", !0),
-        d.label ? (a(), n("span", Qo, C(d.label), 1)) : f("", !0)
+        d.label ? (a(), l("span", Qo, C(d.label), 1)) : f("", !0)
       ], 10, Jo))), 128))
     ], 32));
   }
-}), ti = /* @__PURE__ */ L(ei, [["__scopeId", "data-v-30aa8411"]]), ai = ["disabled"], si = { key: 1 }, li = /* @__PURE__ */ A({
+}), ti = /* @__PURE__ */ L(ei, [["__scopeId", "data-v-30aa8411"]]), ai = ["disabled"], si = { key: 1 }, ni = /* @__PURE__ */ A({
   __name: "ToggleButton",
   props: {
     offLabel: {},
@@ -3410,7 +3412,7 @@ const We = A({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = g(() => t.modelValue ? t.onLabel : t.offLabel), o = g(() => t.modelValue ? t.onIcon : t.offIcon), r = g(() => {
+    const t = e, n = s, i = g(() => t.modelValue ? t.onLabel : t.offLabel), o = g(() => t.modelValue ? t.onIcon : t.offIcon), r = g(() => {
       switch (t.size) {
         case "sm":
           return "sm";
@@ -3431,9 +3433,9 @@ const We = A({
       }
     ]);
     function d() {
-      t.disabled || l("update:modelValue", !t.modelValue);
+      t.disabled || n("update:modelValue", !t.modelValue);
     }
-    return (v, u) => (a(), n("button", {
+    return (v, u) => (a(), l("button", {
       class: S(c.value),
       disabled: e.disabled,
       onClick: d
@@ -3443,10 +3445,10 @@ const We = A({
         name: o.value,
         size: r.value
       }, null, 8, ["name", "size"])) : f("", !0),
-      i.value ? (a(), n("span", si, C(i.value), 1)) : f("", !0)
+      i.value ? (a(), l("span", si, C(i.value), 1)) : f("", !0)
     ], 10, ai));
   }
-}), ni = /* @__PURE__ */ L(li, [["__scopeId", "data-v-41d7a903"]]), oi = ["aria-label", "onClick"], ii = { key: 1 }, ci = ["aria-label", "aria-pressed"], ri = ["src", "alt"], di = { class: "ds-swipe-item__body" }, ui = {
+}), li = /* @__PURE__ */ L(ni, [["__scopeId", "data-v-41d7a903"]]), oi = ["aria-label", "onClick"], ii = { key: 1 }, ci = ["aria-label", "aria-pressed"], ri = ["src", "alt"], di = { class: "ds-swipe-item__body" }, ui = {
   key: 0,
   class: "ds-swipe-item__title"
 }, mi = {
@@ -3472,7 +3474,7 @@ const We = A({
   },
   emits: ["action"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = P(0), o = P(0), r = P(!1), c = P(!1), d = P(0), v = g(
+    const t = e, n = s, i = P(0), o = P(0), r = P(!1), c = P(!1), d = P(0), v = g(
       () => c.value ? 0 : Math.min(0, i.value + o.value)
     ), u = g(() => c.value ? { transform: "translateX(-100%)" } : {
       transform: `translateX(${v.value}px)`,
@@ -3500,7 +3502,7 @@ const We = A({
       const b = Math.abs(v.value), D = ((q = $.currentTarget.parentElement) == null ? void 0 : q.offsetWidth) || 300;
       if (b > D * vi) {
         i.value = -D, setTimeout(() => {
-          c.value = !0, setTimeout(() => l("action", t.id, "__delete"), 300);
+          c.value = !0, setTimeout(() => n("action", t.id, "__delete"), 300);
         }, 150);
         return;
       }
@@ -3513,16 +3515,16 @@ const We = A({
       t.disabled || (($.key === "Delete" || $.key === "Backspace") && z(), $.key === "Escape" && (i.value = 0, o.value = 0));
     }
     function z() {
-      c.value = !0, setTimeout(() => l("action", t.id, "__delete"), 300);
+      c.value = !0, setTimeout(() => n("action", t.id, "__delete"), 300);
     }
     function y($) {
       if ($ === "__delete" || $ === "delete") {
         z();
         return;
       }
-      i.value = 0, l("action", t.id, $);
+      i.value = 0, n("action", t.id, $);
     }
-    return ($, b) => (a(), n("div", {
+    return ($, b) => (a(), l("div", {
       class: S([
         "ds-swipe-item",
         `ds-swipe-item--${e.variant}`,
@@ -3532,18 +3534,18 @@ const We = A({
       ]),
       style: Q(h.value)
     }, [
-      e.unread ? (a(), n("span", {
+      e.unread ? (a(), l("span", {
         key: 0,
         class: "ds-swipe-item__unread-bar",
         style: Q({ backgroundColor: V.value, opacity: e.read ? 0.3 : 1 }),
         "aria-hidden": "true"
       }, null, 4)) : f("", !0),
-      e.actions.length > 0 ? (a(), n("div", {
+      e.actions.length > 0 ? (a(), l("div", {
         key: 1,
         class: "ds-swipe-item__actions",
         style: Q({ width: _.value })
       }, [
-        (a(!0), n(j, null, W(e.actions, (D) => (a(), n("button", {
+        (a(!0), l(j, null, W(e.actions, (D) => (a(), l("button", {
           key: D.id,
           class: S(["ds-swipe-item__action-btn", `ds-swipe-item__action-btn--${D.variant || "secondary"}`]),
           "aria-label": D.label,
@@ -3553,7 +3555,7 @@ const We = A({
             key: 0,
             name: D.icon,
             size: "sm"
-          }, null, 8, ["name"])) : (a(), n("span", ii, C(D.label), 1))
+          }, null, 8, ["name"])) : (a(), l("span", ii, C(D.label), 1))
         ], 10, oi))), 128))
       ], 4)) : f("", !0),
       m("div", {
@@ -3573,7 +3575,7 @@ const We = A({
           class: "ds-swipe-item__icon-bg",
           style: Q({ backgroundColor: M.value, color: B.value })
         }, [
-          e.image ? (a(), n("img", {
+          e.image ? (a(), l("img", {
             key: 0,
             src: e.image,
             alt: e.title || "",
@@ -3587,9 +3589,9 @@ const We = A({
           }, null, 8, ["name"])) : f("", !0)
         ], 4),
         m("span", di, [
-          e.title ? (a(), n("span", ui, C(e.title), 1)) : f("", !0),
-          e.description ? (a(), n("span", mi, C(e.description), 1)) : f("", !0),
-          e.timestamp ? (a(), n("span", fi, [
+          e.title ? (a(), l("span", ui, C(e.title), 1)) : f("", !0),
+          e.description ? (a(), l("span", mi, C(e.description), 1)) : f("", !0),
+          e.timestamp ? (a(), l("span", fi, [
             x(N, {
               name: "clock",
               size: "xs"
@@ -3608,18 +3610,18 @@ const We = A({
   },
   emits: ["action", "view-more"],
   setup(e) {
-    return (s, t) => (a(), n("div", hi, [
+    return (s, t) => (a(), l("div", hi, [
       m("div", gi, [
-        (a(!0), n(j, null, W(e.items, (l) => (a(), T(bi, Pe({
-          key: l.id
-        }, { ref_for: !0 }, l, {
+        (a(!0), l(j, null, W(e.items, (n) => (a(), T(bi, Pe({
+          key: n.id
+        }, { ref_for: !0 }, n, {
           onAction: t[0] || (t[0] = (i, o) => s.$emit("action", i, o))
         }), null, 16))), 128))
       ]),
-      e.viewMoreLabel ? (a(), n("button", {
+      e.viewMoreLabel ? (a(), l("button", {
         key: 0,
         class: "ds-notification-panel__view-more",
-        onClick: t[1] || (t[1] = (l) => s.$emit("view-more"))
+        onClick: t[1] || (t[1] = (n) => s.$emit("view-more"))
       }, [
         m("span", null, C(e.viewMoreLabel), 1)
       ])) : f("", !0)
@@ -3641,7 +3643,7 @@ const We = A({
   },
   emits: ["read", "action", "view-more"],
   setup(e, { emit: s }) {
-    const t = e, l = s, i = P(!1), o = P(null), r = g(() => {
+    const t = e, n = s, i = P(!1), o = P(null), r = g(() => {
       switch (t.size) {
         case "sm":
           return "sm";
@@ -3654,10 +3656,10 @@ const We = A({
       }
     });
     function c() {
-      i.value = !i.value, i.value && l("read");
+      i.value = !i.value, i.value && n("read");
     }
     function d(u, h) {
-      l("action", u, h);
+      n("action", u, h);
     }
     function v(u) {
       const h = o.value;
@@ -3669,7 +3671,7 @@ const We = A({
       document.addEventListener("click", v);
     }), oe(() => {
       document.removeEventListener("click", v);
-    }), (u, h) => (a(), n("div", {
+    }), (u, h) => (a(), l("div", {
       ref_key: "panelRef",
       ref: o,
       class: "ds-notification-bell"
@@ -3683,10 +3685,10 @@ const We = A({
             name: "bell",
             size: r.value
           }, null, 8, ["size"]),
-          e.unread ? (a(), n("span", wi)) : f("", !0)
+          e.unread ? (a(), l("span", wi)) : f("", !0)
         ])
       ], 2),
-      i.value && e.items.length ? (a(), n("div", $i, [
+      i.value && e.items.length ? (a(), l("div", $i, [
         x(yi, {
           items: e.items,
           "view-more-label": e.viewMoreLabel,
@@ -3709,10 +3711,10 @@ const We = A({
   },
   emits: ["action"],
   setup(e) {
-    return (s, t) => (a(), n("div", Si, [
+    return (s, t) => (a(), l("div", Si, [
       m("div", Ii, [
         m("h1", Bi, C(e.title), 1),
-        e.subtitle ? (a(), n("p", Vi, C(e.subtitle), 1)) : f("", !0)
+        e.subtitle ? (a(), l("p", Vi, C(e.subtitle), 1)) : f("", !0)
       ]),
       e.btnLabel ? (a(), T(Z, {
         key: 0,
@@ -3720,26 +3722,26 @@ const We = A({
         icon: e.btnIcon,
         "icon-position": "start",
         label: e.btnLabel,
-        onClick: t[0] || (t[0] = (l) => s.$emit("action"))
+        onClick: t[0] || (t[0] = (n) => s.$emit("action"))
       }, null, 8, ["icon", "label"])) : f("", !0)
     ]));
   }
 }), Di = /* @__PURE__ */ L(zi, [["__scopeId", "data-v-0bc89876"]]);
 function Fi() {
-  E.register("button", Z), E.register("input", ve), E.register("icon", N), E.register("text", G), E.register("divider", Fe), E.register("badge", Sa), E.register("avatar", de), E.register("select", Ce), E.register("multi-select", Ha), E.register("checkbox", me), E.register("switch", es), E.register("form-field", is), E.register("spacer", rs), E.register("textarea", ps), E.register("stack", hs), E.register("row", _s), E.register("grid", ks), E.register("section", Is), E.register("card", Ms), E.register("table", dn), E.register("table-cell", Ke), E.register("side-panel", ol), E.register("bulk-edit", Ue), E.register("search-box", gl), E.register("dropdown", Be), E.register("menu", je), E.register("menu-item", fe), E.register("tooltip", xe), E.register("popover", Dl), E.register("tabs", Ml), E.register("filter-bar", pn), E.register("pagination", _n), E.register("empty-state", Cn), E.register("loading-state", He), E.register("autocomplete", En), E.register("accordion", jn), E.register("alert", Qn), E.register("progress", oo), E.register("breadcrumb", vo), E.register("chip", _o), E.register("command-menu", Mo), E.register("sidebar", Zo), E.register("user-card", Ge), E.register("action-toggle", ti), E.register("toggle-button", ni), E.register("notification-bell", xi), E.register("page-title", Di);
+  E.register("button", Z), E.register("input", ve), E.register("icon", N), E.register("text", G), E.register("divider", Fe), E.register("badge", Sa), E.register("avatar", de), E.register("select", Ce), E.register("multi-select", Ha), E.register("checkbox", me), E.register("switch", es), E.register("form-field", is), E.register("spacer", rs), E.register("textarea", ps), E.register("stack", hs), E.register("row", _s), E.register("grid", ks), E.register("section", Is), E.register("card", Ms), E.register("table", dl), E.register("table-cell", Ke), E.register("side-panel", on), E.register("bulk-edit", Ue), E.register("search-box", _n), E.register("dropdown", Be), E.register("menu", je), E.register("menu-item", fe), E.register("tooltip", xe), E.register("popover", An), E.register("tabs", Pn), E.register("filter-bar", pl), E.register("pagination", _l), E.register("empty-state", Cl), E.register("loading-state", He), E.register("autocomplete", El), E.register("accordion", jl), E.register("alert", Ql), E.register("progress", oo), E.register("breadcrumb", vo), E.register("chip", _o), E.register("command-menu", Mo), E.register("sidebar", Zo), E.register("user-card", Ge), E.register("action-toggle", ti), E.register("toggle-button", li), E.register("notification-bell", xi), E.register("page-title", Di);
 }
-function le(e, s) {
-  return Object.entries(e || {}).map(([t, l]) => `${s}${t}: ${l};`).join(`
+function ne(e, s) {
+  return Object.entries(e || {}).map(([t, n]) => `${s}${t}: ${n};`).join(`
 `);
 }
 function Ai(e) {
   var t;
   const s = (t = e.font) == null ? void 0 : t.faces;
   return !s || !s.length ? "" : s.map(
-    (l) => `@font-face {
-  font-family: '${l.family}';
-  src: url('./font/${l.src.split("/").pop()}') format('${l.format}');
-  font-weight: ${l.weight};
+    (n) => `@font-face {
+  font-family: '${n.family}';
+  src: url('./font/${n.src.split("/").pop()}') format('${n.format}');
+  font-weight: ${n.weight};
   font-style: normal;
   font-display: swap;
 }`
@@ -3753,8 +3755,8 @@ function Li(e) {
   var v, u, h, _;
   const s = [], t = Ai(e);
   t && s.push(t);
-  const l = e.tokens, i = ((v = l.colors) == null ? void 0 : v.light) && Object.keys(l.colors.light).length, o = ((u = l.colors) == null ? void 0 : u.dark) && Object.keys(l.colors.dark).length;
-  i && (s.push(":root {"), s.push("  color-scheme: light;"), s.push(le(l.colors.light, "  ")), s.push("}"), s.push("")), o && (s.push('[data-theme="dark"] {'), s.push("  color-scheme: dark;"), s.push(le(l.colors.dark, "  ")), s.push("}"), s.push(""));
+  const n = e.tokens, i = ((v = n.colors) == null ? void 0 : v.light) && Object.keys(n.colors.light).length, o = ((u = n.colors) == null ? void 0 : u.dark) && Object.keys(n.colors.dark).length;
+  i && (s.push(":root {"), s.push("  color-scheme: light;"), s.push(ne(n.colors.light, "  ")), s.push("}"), s.push("")), o && (s.push('[data-theme="dark"] {'), s.push("  color-scheme: dark;"), s.push(ne(n.colors.dark, "  ")), s.push("}"), s.push(""));
   const r = [
     ["spacing", "Spacing"],
     ["typography", "Typography"],
@@ -3765,25 +3767,25 @@ function Li(e) {
     ["alert", "Alert"]
   ];
   for (const [k, M] of r) {
-    const B = l[k];
-    !B || !Object.keys(B).length || (s.push(`/* ${M} */`), s.push(":root {"), s.push(le(B, "  ")), s.push("}"), s.push(""));
+    const B = n[k];
+    !B || !Object.keys(B).length || (s.push(`/* ${M} */`), s.push(":root {"), s.push(ne(B, "  ")), s.push("}"), s.push(""));
   }
-  const c = ((h = l.shadows) == null ? void 0 : h.light) && Object.keys(l.shadows.light).length, d = ((_ = l.shadows) == null ? void 0 : _.dark) && Object.keys(l.shadows.dark).length;
-  return c && (s.push(":root {"), s.push("  color-scheme: light;"), s.push(le(l.shadows.light, "  ")), s.push("}"), s.push("")), d && (s.push('[data-theme="dark"] {'), s.push("  color-scheme: dark;"), s.push(le(l.shadows.dark, "  ")), s.push("}"), s.push("")), s.join(`
+  const c = ((h = n.shadows) == null ? void 0 : h.light) && Object.keys(n.shadows.light).length, d = ((_ = n.shadows) == null ? void 0 : _.dark) && Object.keys(n.shadows.dark).length;
+  return c && (s.push(":root {"), s.push("  color-scheme: light;"), s.push(ne(n.shadows.light, "  ")), s.push("}"), s.push("")), d && (s.push('[data-theme="dark"] {'), s.push("  color-scheme: dark;"), s.push(ne(n.shadows.dark, "  ")), s.push("}"), s.push("")), s.join(`
 `);
 }
 function Ti(e) {
   const s = e["theme-mappings"];
   if (!s) return "";
   const t = [];
-  return t.push(":root {"), t.push("  color-scheme: light;"), s.light && t.push(le(s.light, "  ")), t.push("}"), t.push(""), t.push('[data-theme="dark"] {'), t.push("  color-scheme: dark;"), s.dark && t.push(le(s.dark, "  ")), t.push("}"), t.join(`
+  return t.push(":root {"), t.push("  color-scheme: light;"), s.light && t.push(ne(s.light, "  ")), t.push("}"), t.push(""), t.push('[data-theme="dark"] {'), t.push("  color-scheme: dark;"), s.dark && t.push(ne(s.dark, "  ")), t.push("}"), t.join(`
 `);
 }
 function Ui(e) {
   const s = [], t = Li(e);
   t && s.push(t);
-  const l = Ti(e);
-  return l && s.push(l), s.join(`
+  const n = Ti(e);
+  return n && s.push(n), s.join(`
 `);
 }
 let Se = null;
@@ -3805,9 +3807,9 @@ function Hi() {
   return pe().locale.supported;
 }
 function Wi(e) {
-  var t, l;
+  var t, n;
   const s = pe().font;
-  return e === "fa" && ((t = s.fa) != null && t.family) ? s.fa.family : (l = s.en) != null && l.family ? s.en.family : "IRANSansX";
+  return e === "fa" && ((t = s.fa) != null && t.family) ? s.fa.family : (n = s.en) != null && n.family ? s.en.family : "IRANSansX";
 }
 function Gi(e) {
   return !e || typeof e != "object" ? !1 : typeof e.type == "string";
@@ -3828,7 +3830,7 @@ export {
   qi as getDirection,
   Wi as getFontFamily,
   Hi as getSupportedLocales,
-  Mn as hasPermission,
+  Ml as hasPermission,
   ji as loadConfig,
   Ei as normalizeSchema,
   E as registry,