@nons-dev/uikit 0.1.0

package/dist/index.js

@@ -0,0 +1,3685 @@
+var Ge = Object.defineProperty;
+var Ye = (e, l, t) => l in e ? Ge(e, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[l] = t;
+var Se = (e, l, t) => Ye(e, typeof l != "symbol" ? l + "" : l, t);
+import { defineComponent as A, computed as g, openBlock as a, createElementBlock as n, normalizeClass as I, createBlock as E, resolveDynamicComponent as me, reactive as De, withCtx as F, renderSlot as j, createTextVNode as X, toDisplayString as x, useSlots as Xe, createCommentVNode as v, createVNode as C, createElementVNode as m, ref as M, watch as se, onMounted as ee, onUnmounted as ne, withModifiers as Y, Transition as te, Fragment as U, renderList as H, withDirectives as ce, vModelText as Ae, normalizeStyle as Q, unref as K, mergeProps as Le, h as Ie, onBeforeUnmount as Ze, nextTick as Je, vShow as Ve, useCssVars as Qe } from "vue";
+import { Tag as et, Folder as tt, Globe as at, Minimize2 as Te, Maximize2 as Ee, Clock as st, Bell as lt, Info as nt, HelpCircle as ot, AlertCircle as Be, X as Me, ChartPie as it, Moon as rt, Sun as ct, Check as dt, MoreHorizontal as ut, ArrowRight as mt, ArrowLeft as vt, Edit2 as ft, Trash2 as pt, Filter as bt, ChevronDown as Pe, Search as ht, Plus as gt, Menu as _t, Bolt as yt, Terminal as kt, Settings as wt, Fingerprint as $t, BarChart3 as Ct, Flag as xt, MessageSquare as St, Archive as It, Package as Vt, ShoppingBag as Bt, Users as zt, LayoutDashboard as ze, ChevronUp as Dt, ChevronsUpDown as At } from "@lucide/vue";
+class Lt {
+  constructor() {
+    Se(this, "registry", /* @__PURE__ */ new Map());
+  }
+  register(l, t) {
+    this.registry.set(l, t);
+  }
+  get(l) {
+    return this.registry.get(l);
+  }
+  has(l) {
+    return this.registry.has(l);
+  }
+}
+const T = new Lt(), Tt = /* @__PURE__ */ A({
+  __name: "Icon",
+  props: {
+    name: {},
+    size: { default: "md" },
+    variant: { default: "default" }
+  },
+  setup(e) {
+    const l = {
+      "layout-dashboard": ze,
+      dashboard: ze,
+      users: zt,
+      "shopping-bag": Bt,
+      package: Vt,
+      archive: It,
+      "message-square": St,
+      flag: xt,
+      "bar-chart": Ct,
+      fingerprint: $t,
+      settings: wt,
+      terminal: kt,
+      bolt: yt,
+      menu: _t,
+      plus: gt,
+      search: ht,
+      "chevron-down": Pe,
+      filter: bt,
+      trash: pt,
+      edit: ft,
+      "arrow-left": vt,
+      "arrow-right": mt,
+      more: ut,
+      check: dt,
+      sun: ct,
+      moon: rt,
+      "chart-pie": it,
+      x: Me,
+      "alert-circle": Be,
+      attention: Be,
+      help: ot,
+      info: nt,
+      bell: lt,
+      clock: st,
+      "maximize-2": Ee,
+      "minimize-2": Te,
+      globe: at,
+      folder: tt,
+      tag: et
+    }, t = e, s = g(() => t.name.startsWith("ti-") || t.name.startsWith("ti ") || t.name.includes(" ")), i = g(() => l[t.name.toLowerCase()]), o = g(() => [
+      "ds-icon",
+      `ds-icon--size-${t.size}`,
+      `ds-icon--variant-${t.variant}`
+    ]);
+    return (c, r) => s.value ? (a(), n("i", {
+      key: 0,
+      class: I([e.name, o.value])
+    }, null, 2)) : i.value ? (a(), E(me(i.value), {
+      key: 1,
+      class: I(o.value),
+      "aria-hidden": "true"
+    }, null, 8, ["class"])) : (a(), n("span", {
+      key: 2,
+      class: I(o.value)
+    }, "?", 2));
+  }
+}), L = (e, l) => {
+  const t = e.__vccOpts || e;
+  for (const [s, i] of l)
+    t[s] = i;
+  return t;
+}, R = /* @__PURE__ */ L(Tt, [["__scopeId", "data-v-3b88d7f1"]]), Et = { name: "نونز", footer: "پنل مدیریت" }, Mt = { dashboard: "دکمه‌ها (Buttons)", users: "آیکون‌ها (Icons)", stores: "تایپوگرافی (Text)", products: "فیلدهای فرم (Forms)", orders: "چیدمان (Layouts)", chat: "نشان و آواتار (Badges)", reports: "جداکننده (Divider)", stats: "رندر اسکیما (Schema)", components: "کامپوننت‌ها" }, Pt = { name: "بهروز", email: "admin@Nons.ir" }, Ot = { search: "جستجو کنید...", child_panel: "پنل فروشنده", child_finance: "امور مالی", child_content: "مدیریت محتوا", panel_finance: "مالی", panel_seller: "فروشنده", panel_support: "پشتیبانی", theme_toggle: "تغییر پوسته", settings: "تنظیمات", reports: "گزارش", add: "افزودن", lang_fa: "فارسی", lang_en: "English" }, Rt = { 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: "هیچ داده‌ای یافت نشد." }, Nt = { 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: "نقشی با این شناسه قبلاً ثبت شده است" }, Ft = { 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: "تغییردهنده قطعه‌بندی‌شده با ۲ یا ۳ گزینه و لغزنده" } } }, Ut = { previous: "قبلی", next: "بعدی", page_of: "صفحه {page} از {total}" }, qt = { text: "در حال بارگذاری..." }, jt = { empty: "هیچ داده‌ای یافت نشد." }, Kt = { no_results: "نتیجه‌ای یافت نشد", remove: "حذف", go: "برو", run: "اجرا", transfer: "انتقال" }, Ht = { words: "کلمه" }, Wt = { demo_title: "تست رندر پویا از روی اسکیما (Schema UI Engine)", demo_subtitle: "این کادر به طور کامل از یک مشخصات JSON رندر شده است و عملکرد واقعی دارد.", input_placeholder: "ورودی اسکیما...", submit: "ثبت از اسکیما" }, Gt = {
+  app: Et,
+  nav: Mt,
+  profile: Pt,
+  header: Ot,
+  home: Rt,
+  role: Nt,
+  explorer: Ft,
+  pagination: Ut,
+  loading: qt,
+  table: jt,
+  common: Kt,
+  textarea: Ht,
+  schema: Wt
+}, Yt = { name: "Nons", footer: "Admin Panel" }, Xt = { dashboard: "Buttons", users: "Icons", stores: "Typography", products: "Form Fields", orders: "Layouts", chat: "Badges & Avatars", reports: "Dividers", stats: "Schema Renderer", components: "Components" }, Zt = { name: "Behrouz", email: "admin@Nons.ir" }, Jt = { 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" }, Qt = { 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." }, ea = { 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" }, ta = { 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" } } }, aa = { previous: "Previous", next: "Next", page_of: "Page {page} of {total}" }, sa = { text: "Loading..." }, la = { empty: "No data found." }, na = { no_results: "No results found", remove: "Remove", go: "Go", run: "Run", transfer: "Transfer" }, oa = { words: "words" }, ia = { 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" }, ra = {
+  app: Yt,
+  nav: Xt,
+  profile: Zt,
+  header: Jt,
+  home: Qt,
+  role: ea,
+  explorer: ta,
+  pagination: aa,
+  loading: sa,
+  table: la,
+  common: na,
+  textarea: oa,
+  schema: ia
+}, ca = { fa: Gt, en: ra }, $e = De({
+  locale: "fa"
+});
+function da(e, l) {
+  const t = l.split(".");
+  let s = e;
+  for (const i of t)
+    if (s && typeof s == "object" && i in s)
+      s = s[i];
+    else
+      return l;
+  return typeof s == "string" ? s : l;
+}
+function Oe(e) {
+  $e.locale = e, document.documentElement.lang = e;
+}
+function W(e, l) {
+  const t = ca[$e.locale];
+  if (!t) return e;
+  let s = da(t, e);
+  if (l)
+    for (const [i, o] of Object.entries(l))
+      s = s.replace(`{${i}}`, o);
+  return s;
+}
+function Re() {
+  return {
+    locale: g(() => $e.locale),
+    t: (e, l) => W(e, l),
+    setLocale: Oe
+  };
+}
+const ua = /* @__PURE__ */ A({
+  __name: "Text",
+  props: {
+    variant: { default: "body-md" },
+    value: {},
+    truncate: { type: Boolean, default: !1 },
+    tag: {}
+  },
+  setup(e) {
+    const l = e, t = g(() => l.value ? W(l.value) : ""), s = g(() => [
+      "ds-text",
+      `ds-text--${l.variant}`,
+      {
+        "ds-text--truncate": l.truncate
+      }
+    ]), i = g(() => {
+      if (l.tag) return l.tag;
+      switch (l.variant) {
+        case "heading-2xl":
+          return "h1";
+        case "heading-xl":
+          return "h2";
+        case "heading-lg":
+          return "h3";
+        case "title":
+          return "h3";
+        case "subtitle":
+          return "p";
+        case "body-md":
+          return "p";
+        case "body-sm":
+          return "span";
+        case "caption":
+          return "span";
+        default:
+          return "span";
+      }
+    });
+    return (o, c) => (a(), E(me(i.value), {
+      class: I(s.value)
+    }, {
+      default: F(() => [
+        j(o.$slots, "default", {}, () => [
+          X(x(t.value), 1)
+        ], !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}), G = /* @__PURE__ */ L(ua, [["__scopeId", "data-v-a0656bf0"]]), ma = ["type", "disabled"], va = {
+  key: 0,
+  class: "ds-button__spinner"
+}, fa = {
+  key: 2,
+  class: "ds-button__content"
+}, pa = /* @__PURE__ */ A({
+  __name: "Button",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    type: { default: "button" },
+    icon: {},
+    iconPosition: { default: "start" },
+    label: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = Xe(), o = g(() => [
+      "ds-button",
+      `ds-button--${t.variant}`,
+      `ds-button--${t.size}`,
+      {
+        "ds-button--disabled": t.disabled,
+        "ds-button--loading": t.loading,
+        "ds-button--icon-only": t.icon && !t.label && !i.default
+      }
+    ]);
+    function c(r) {
+      !t.disabled && !t.loading && s("click", r);
+    }
+    return (r, d) => (a(), n("button", {
+      type: e.type,
+      class: I(o.value),
+      disabled: e.disabled || e.loading,
+      onClick: c
+    }, [
+      e.loading ? (a(), n("span", va)) : v("", !0),
+      e.icon && e.iconPosition === "start" && !e.loading ? (a(), E(R, {
+        key: 1,
+        name: e.icon,
+        size: "sm",
+        variant: "default"
+      }, null, 8, ["name"])) : v("", !0),
+      r.$slots.default || e.label ? (a(), n("span", fa, [
+        j(r.$slots, "default", {}, () => [
+          C(G, {
+            variant: "body-md",
+            value: e.label
+          }, null, 8, ["value"])
+        ], !0)
+      ])) : v("", !0),
+      e.icon && e.iconPosition === "end" && !e.loading ? (a(), E(R, {
+        key: 3,
+        name: e.icon,
+        size: "sm",
+        variant: "default"
+      }, null, 8, ["name"])) : v("", !0)
+    ], 10, ma));
+  }
+}), J = /* @__PURE__ */ L(pa, [["__scopeId", "data-v-d35f9b75"]]), ba = { class: "ds-input__container" }, ha = ["id", "type", "value", "placeholder", "disabled", "readonly"], ga = /* @__PURE__ */ A({
+  __name: "Input",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: [Boolean, String], default: !1 },
+    type: { default: "text" },
+    icon: {},
+    id: {},
+    state: { default: "default" },
+    hint: { default: "" }
+  },
+  emits: ["update:modelValue", "focus", "blur", "input", "keydown"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => [
+      "ds-input",
+      {
+        "ds-input--disabled": t.disabled,
+        "ds-input--readonly": t.readonly,
+        "ds-input--error": !!t.error,
+        "ds-input--has-icon": !!t.icon
+      }
+    ]);
+    function o(c) {
+      const r = c.target;
+      s("update:modelValue", r.value), s("input", c);
+    }
+    return (c, r) => (a(), n("div", {
+      class: I(i.value)
+    }, [
+      m("div", ba, [
+        e.icon ? (a(), E(R, {
+          key: 0,
+          name: e.icon,
+          size: "sm",
+          class: "ds-input__icon"
+        }, null, 8, ["name"])) : v("", !0),
+        m("input", {
+          id: e.id,
+          type: e.type,
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          class: "ds-input__field",
+          onInput: o,
+          onFocus: r[0] || (r[0] = (d) => s("focus", d)),
+          onBlur: r[1] || (r[1] = (d) => s("blur", d)),
+          onKeydown: r[2] || (r[2] = (d) => s("keydown", d))
+        }, null, 40, ha)
+      ])
+    ], 2));
+  }
+}), ve = /* @__PURE__ */ L(ga, [["__scopeId", "data-v-87de59e7"]]), _a = {
+  class: "ds-divider",
+  role: "separator"
+}, ya = /* @__PURE__ */ A({
+  __name: "Divider",
+  setup(e) {
+    return (l, t) => (a(), n("hr", _a));
+  }
+}), Ne = /* @__PURE__ */ L(ya, [["__scopeId", "data-v-eed27970"]]), ka = /* @__PURE__ */ A({
+  __name: "Badge",
+  props: {
+    variant: { default: "default" },
+    text: {},
+    icon: {}
+  },
+  setup(e) {
+    const l = e, t = g(() => [
+      "ds-badge",
+      `ds-badge--${l.variant}`
+    ]);
+    return (s, i) => (a(), n("span", {
+      class: I(t.value)
+    }, [
+      e.icon ? (a(), E(R, {
+        key: 0,
+        name: e.icon,
+        size: "xs",
+        variant: "default",
+        class: "ds-badge__icon"
+      }, null, 8, ["name"])) : v("", !0),
+      j(s.$slots, "default", {}, () => [
+        C(G, {
+          variant: "caption",
+          value: e.text,
+          class: "ds-badge__text"
+        }, null, 8, ["value"])
+      ], !0)
+    ], 2));
+  }
+}), wa = /* @__PURE__ */ L(ka, [["__scopeId", "data-v-c82975a6"]]), $a = ["src", "alt"], Ca = {
+  key: 1,
+  class: "ds-avatar__fallback"
+}, xa = /* @__PURE__ */ A({
+  __name: "Avatar",
+  props: {
+    src: {},
+    name: { default: "" },
+    size: { default: "md" },
+    fallback: {},
+    square: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = M(!1);
+    se(() => l.src, () => {
+      t.value = !1;
+    });
+    const s = g(() => {
+      var d, f;
+      if (l.fallback) return l.fallback;
+      if (!l.name) return "?";
+      const o = l.name.trim().split(/\s+/);
+      if (o.length === 0) return "?";
+      if (o.length === 1) {
+        const u = o[0];
+        return u ? u.charAt(0).toUpperCase() : "?";
+      }
+      const c = ((d = o[0]) == null ? void 0 : d.charAt(0)) || "", r = ((f = o[o.length - 1]) == null ? void 0 : f.charAt(0)) || "";
+      return (c + r).toUpperCase();
+    }), i = g(() => [
+      "ds-avatar",
+      `ds-avatar--${l.size}`,
+      { "ds-avatar--square": l.square }
+    ]);
+    return (o, c) => (a(), n("div", {
+      class: I(i.value)
+    }, [
+      e.src && !t.value ? (a(), n("img", {
+        key: 0,
+        src: e.src,
+        alt: e.name,
+        class: "ds-avatar__image",
+        onError: c[0] || (c[0] = (r) => t.value = !0)
+      }, null, 40, $a)) : (a(), n("div", Ca, x(s.value), 1))
+    ], 2));
+  }
+}), re = /* @__PURE__ */ L(xa, [["__scopeId", "data-v-6c2614a9"]]), Sa = { class: "ds-select__wrapper" }, Ia = ["id", "aria-expanded", "aria-controls"], Va = {
+  key: 0,
+  class: "ds-select__value"
+}, Ba = {
+  key: 1,
+  class: "ds-select__placeholder"
+}, za = ["id"], Da = ["aria-selected", "onClick", "onMouseenter"], Aa = /* @__PURE__ */ A({
+  __name: "Select",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: "" },
+    options: { default: () => [] },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [Boolean, String], default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l;
+    function i(p) {
+      return typeof p == "object" && p !== null ? p : { label: String(p), value: p };
+    }
+    function o(p) {
+      return i(p).value;
+    }
+    function c(p) {
+      return i(p).label;
+    }
+    const r = g(() => {
+      const p = t.modelValue;
+      if (p === "" || p === void 0) return "";
+      const V = t.options.find((_) => o(_) === p);
+      return V ? c(V) : "";
+    }), d = M(!1), f = M(null), u = M(null), h = M(-1);
+    function y() {
+      t.disabled || (d.value = !d.value, P());
+    }
+    function $() {
+      t.disabled || d.value || (d.value = !0, P());
+    }
+    function P() {
+      const p = t.modelValue;
+      h.value = t.options.findIndex((V) => o(V) === p);
+    }
+    function D() {
+      var p;
+      d.value = !1, h.value = -1, (p = f.value) == null || p.focus();
+    }
+    function B(p) {
+      const V = o(p);
+      if (V === t.modelValue) {
+        D();
+        return;
+      }
+      s("update:modelValue", V), s("change", V), D();
+    }
+    function q(p) {
+      if (!t.disabled) {
+        if (!d.value) {
+          (p.key === "Enter" || p.key === "ArrowDown" || p.key === " ") && (p.preventDefault(), $());
+          return;
+        }
+        switch (p.key) {
+          case "Escape":
+            p.preventDefault(), D();
+            break;
+          case "ArrowDown":
+            p.preventDefault(), h.value = h.value < t.options.length - 1 ? h.value + 1 : 0;
+            break;
+          case "ArrowUp":
+            p.preventDefault(), h.value = h.value > 0 ? h.value - 1 : t.options.length - 1;
+            break;
+          case "Enter":
+            p.preventDefault(), h.value >= 0 && h.value < t.options.length && B(t.options[h.value]);
+            break;
+        }
+      }
+    }
+    function k(p) {
+      const V = p.target, _ = f.value, w = u.value;
+      !_ && !w || _ && _.contains(V) || w && w.contains(V) || d.value && D();
+    }
+    ee(() => {
+      document.addEventListener("click", k);
+    }), ne(() => {
+      document.removeEventListener("click", k);
+    });
+    const S = g(() => [
+      "ds-select",
+      {
+        "ds-select--disabled": t.disabled,
+        "ds-select--error": !!t.error,
+        "ds-select--open": d.value
+      }
+    ]), O = g(() => t.id ? `${t.id}-listbox` : void 0);
+    return (p, V) => (a(), n("div", {
+      class: I(S.value)
+    }, [
+      m("div", Sa, [
+        m("div", {
+          id: e.id,
+          ref_key: "triggerRef",
+          ref: f,
+          role: "combobox",
+          "aria-expanded": d.value,
+          "aria-controls": O.value,
+          "aria-haspopup": "listbox",
+          tabindex: "0",
+          class: I(["ds-select__trigger", { "ds-select__trigger--open": d.value }]),
+          onClick: Y(y, ["stop"]),
+          onKeydown: q
+        }, [
+          r.value ? (a(), n("span", Va, x(r.value), 1)) : (a(), n("span", Ba, x(e.placeholder), 1)),
+          C(R, {
+            name: "chevron-down",
+            class: "ds-select__chevron",
+            size: "sm"
+          })
+        ], 42, Ia),
+        C(te, { name: "ds-select-drop" }, {
+          default: F(() => [
+            d.value ? (a(), n("div", {
+              key: 0,
+              id: O.value,
+              ref_key: "dropdownRef",
+              ref: u,
+              role: "listbox",
+              class: "ds-select__dropdown",
+              onClick: V[0] || (V[0] = Y(() => {
+              }, ["stop"]))
+            }, [
+              (a(!0), n(U, null, H(t.options, (_, w) => (a(), n("div", {
+                key: String(o(_)),
+                role: "option",
+                "aria-selected": o(_) === e.modelValue,
+                class: I(["ds-select__option", {
+                  "ds-select__option--selected": o(_) === e.modelValue,
+                  "ds-select__option--focused": w === h.value
+                }]),
+                onClick: Y((b) => B(_), ["stop"]),
+                onMouseenter: (b) => h.value = w
+              }, x(c(_)), 43, Da))), 128))
+            ], 8, za)) : v("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 2));
+  }
+}), ye = /* @__PURE__ */ L(Aa, [["__scopeId", "data-v-25bdbd32"]]), La = { class: "ds-multi-select__wrapper" }, Ta = ["id", "placeholder", "disabled"], Ea = {
+  key: 0,
+  class: "ds-multi-select__no-results"
+}, Ma = ["aria-selected", "onClick", "onMouseenter"], Pa = { class: "ds-multi-select__option-label" }, Oa = {
+  key: 0,
+  class: "ds-multi-select__tags"
+}, Ra = { class: "ds-multi-select__tag-label" }, Na = ["disabled", "onClick"], Fa = /* @__PURE__ */ A({
+  __name: "MultiSelect",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [Boolean, String], default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = M(""), o = M(!1), c = M(null), r = M(null), d = M(-1);
+    function f(p) {
+      return typeof p == "object" && p !== null ? p : { label: String(p), value: p };
+    }
+    const u = g(() => t.options.map(f)), h = g(() => {
+      const p = i.value.toLowerCase().trim();
+      return p ? u.value.filter(
+        (V) => V.label.toLowerCase().includes(p)
+      ) : u.value;
+    }), y = g(() => u.value.filter(
+      (p) => t.modelValue.includes(p.value)
+    ));
+    function $(p) {
+      return t.modelValue.includes(p);
+    }
+    function P() {
+      t.disabled || o.value || (o.value = !0, d.value = -1);
+    }
+    function D() {
+      o.value = !1, d.value = -1;
+    }
+    function B(p) {
+      const V = [...t.modelValue], _ = V.indexOf(p.value);
+      _ > -1 ? V.splice(_, 1) : V.push(p.value), s("update:modelValue", V), s("change", V), i.value = "";
+    }
+    function q(p) {
+      if (t.disabled) return;
+      const V = t.modelValue.filter((_) => _ !== p);
+      s("update:modelValue", V), s("change", V);
+    }
+    function k(p) {
+      if (!t.disabled) {
+        if (!o.value) {
+          (p.key === "Enter" || p.key === "ArrowDown" || p.key === " ") && (p.preventDefault(), P());
+          return;
+        }
+        switch (p.key) {
+          case "Escape":
+            p.preventDefault(), D();
+            break;
+          case "ArrowDown":
+            if (p.preventDefault(), h.value.length === 0) return;
+            d.value = d.value < h.value.length - 1 ? d.value + 1 : 0;
+            break;
+          case "ArrowUp":
+            if (p.preventDefault(), h.value.length === 0) return;
+            d.value = d.value > 0 ? d.value - 1 : h.value.length - 1;
+            break;
+          case "Enter":
+            if (p.preventDefault(), d.value >= 0 && d.value < h.value.length) {
+              const V = h.value[d.value];
+              V && B(V);
+            }
+            break;
+        }
+      }
+    }
+    function S(p) {
+      const V = p.target, _ = c.value, w = r.value;
+      !_ && !w || _ && _.contains(V) || w && w.contains(V) || o.value && D();
+    }
+    ee(() => {
+      document.addEventListener("click", S);
+    }), ne(() => {
+      document.removeEventListener("click", S);
+    });
+    const O = g(() => [
+      "ds-multi-select",
+      {
+        "ds-multi-select--disabled": t.disabled,
+        "ds-multi-select--error": !!t.error,
+        "ds-multi-select--open": o.value
+      }
+    ]);
+    return (p, V) => (a(), n("div", {
+      class: I(O.value)
+    }, [
+      m("div", La, [
+        m("div", {
+          ref_key: "triggerRef",
+          ref: c,
+          class: I(["ds-multi-select__trigger", { "ds-multi-select__trigger--open": o.value }]),
+          onClick: P
+        }, [
+          ce(m("input", {
+            id: e.id,
+            "onUpdate:modelValue": V[0] || (V[0] = (_) => i.value = _),
+            type: "text",
+            placeholder: e.placeholder,
+            disabled: e.disabled,
+            class: "ds-multi-select__input",
+            onKeydown: k,
+            onFocus: P
+          }, null, 40, Ta), [
+            [Ae, i.value]
+          ]),
+          C(R, {
+            name: "chevron-down",
+            class: "ds-multi-select__chevron",
+            size: "sm"
+          })
+        ], 2),
+        C(te, { name: "ds-multi-select-drop" }, {
+          default: F(() => [
+            o.value ? (a(), n("div", {
+              key: 0,
+              ref_key: "dropdownRef",
+              ref: r,
+              role: "listbox",
+              class: "ds-multi-select__dropdown",
+              onClick: V[1] || (V[1] = Y(() => {
+              }, ["stop"]))
+            }, [
+              h.value.length === 0 ? (a(), n("div", Ea, x(i.value ? "نتیجه‌ای یافت نشد" : "گزینه‌ای وجود ندارد"), 1)) : v("", !0),
+              (a(!0), n(U, null, H(h.value, (_, w) => (a(), n("div", {
+                key: String(_.value),
+                role: "option",
+                "aria-selected": $(_.value),
+                class: I(["ds-multi-select__option", {
+                  "ds-multi-select__option--selected": $(_.value),
+                  "ds-multi-select__option--focused": w === d.value
+                }]),
+                onClick: Y((b) => B(_), ["stop"]),
+                onMouseenter: (b) => d.value = w
+              }, [
+                m("span", Pa, x(_.label), 1),
+                $(_.value) ? (a(), E(R, {
+                  key: 0,
+                  name: "check",
+                  class: "ds-multi-select__check-icon",
+                  size: "sm"
+                })) : v("", !0)
+              ], 42, Ma))), 128))
+            ], 512)) : v("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      y.value.length > 0 ? (a(), n("div", Oa, [
+        (a(!0), n(U, null, H(y.value, (_) => (a(), n("div", {
+          key: String(_.value),
+          class: "ds-multi-select__tag"
+        }, [
+          m("span", Ra, x(_.label), 1),
+          m("button", {
+            type: "button",
+            disabled: e.disabled,
+            class: "ds-multi-select__tag-remove",
+            onClick: Y((w) => q(_.value), ["stop"])
+          }, [
+            C(R, {
+              name: "x",
+              size: "xs"
+            })
+          ], 8, Na)
+        ]))), 128))
+      ])) : v("", !0)
+    ], 2));
+  }
+}), Ua = /* @__PURE__ */ L(Fa, [["__scopeId", "data-v-0954eb25"]]), qa = ["id", "checked", "disabled"], ja = { class: "ds-checkbox__box" }, Ka = {
+  key: 0,
+  class: "ds-checkbox__label"
+}, Ha = /* @__PURE__ */ A({
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [Boolean, String], default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => !!t.modelValue), o = g(() => [
+      "ds-checkbox",
+      {
+        "ds-checkbox--checked": i.value,
+        "ds-checkbox--disabled": t.disabled,
+        "ds-checkbox--error": !!t.error
+      }
+    ]);
+    function c() {
+      if (t.disabled) return;
+      const r = !i.value;
+      s("update:modelValue", r), s("change", r);
+    }
+    return (r, d) => (a(), n("div", {
+      class: I(o.value),
+      onClick: c
+    }, [
+      m("input", {
+        id: e.id,
+        type: "checkbox",
+        checked: i.value,
+        disabled: e.disabled,
+        class: "ds-checkbox__input",
+        onClick: d[0] || (d[0] = Y(() => {
+        }, ["stop"])),
+        onChange: c
+      }, null, 40, qa),
+      m("div", ja, [
+        i.value ? (a(), E(R, {
+          key: 0,
+          name: "check",
+          size: "xs",
+          variant: "default",
+          class: "ds-checkbox__check-icon"
+        })) : v("", !0)
+      ]),
+      e.label || r.$slots.default ? (a(), n("span", Ka, [
+        j(r.$slots, "default", {}, () => [
+          C(G, {
+            variant: "body-sm",
+            value: e.label
+          }, null, 8, ["value"])
+        ], !0)
+      ])) : v("", !0)
+    ], 2));
+  }
+}), de = /* @__PURE__ */ L(Ha, [["__scopeId", "data-v-e748bf17"]]), Wa = ["id", "aria-checked", "checked", "disabled"], Ga = {
+  key: 0,
+  class: "ds-switch__label"
+}, Ya = /* @__PURE__ */ A({
+  __name: "Switch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => !!t.modelValue), o = g(() => [
+      "ds-switch",
+      {
+        "ds-switch--checked": i.value,
+        "ds-switch--disabled": t.disabled
+      }
+    ]);
+    function c() {
+      if (t.disabled) return;
+      const r = !i.value;
+      s("update:modelValue", r), s("change", r);
+    }
+    return (r, d) => (a(), n("div", {
+      class: I(o.value),
+      onClick: c
+    }, [
+      m("input", {
+        id: e.id,
+        type: "checkbox",
+        role: "switch",
+        "aria-checked": i.value,
+        checked: i.value,
+        disabled: e.disabled,
+        class: "ds-switch__input",
+        onClick: d[0] || (d[0] = Y(() => {
+        }, ["stop"])),
+        onChange: c
+      }, null, 40, Wa),
+      d[1] || (d[1] = m("div", { class: "ds-switch__track" }, [
+        m("div", { class: "ds-switch__thumb" })
+      ], -1)),
+      e.label || r.$slots.default ? (a(), n("span", Ga, [
+        j(r.$slots, "default", {}, () => [
+          C(G, {
+            variant: "body-sm",
+            value: e.label
+          }, null, 8, ["value"])
+        ], !0)
+      ])) : v("", !0)
+    ], 2));
+  }
+}), Xa = /* @__PURE__ */ L(Ya, [["__scopeId", "data-v-9517e4a7"]]), Za = ["for"], Ja = {
+  key: 0,
+  class: "ds-form-field__required"
+}, Qa = { class: "ds-form-field__control" }, es = {
+  key: 1,
+  class: "ds-form-field__hint"
+}, ts = {
+  key: 2,
+  class: "ds-form-field__error"
+}, as = /* @__PURE__ */ A({
+  __name: "FormField",
+  props: {
+    label: {},
+    hint: {},
+    error: { type: [String, Boolean] },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    id: {}
+  },
+  setup(e) {
+    const l = e, t = g(() => (typeof l.error == "string", !!l.error));
+    return (s, i) => (a(), n("div", {
+      class: I(["ds-form-field", { "ds-form-field--error": t.value, "ds-form-field--disabled": e.disabled }])
+    }, [
+      e.label ? (a(), n("label", {
+        key: 0,
+        for: e.id,
+        class: "ds-form-field__label"
+      }, [
+        C(G, {
+          variant: "body-sm",
+          value: e.label
+        }, null, 8, ["value"]),
+        e.required ? (a(), n("span", Ja, "*")) : v("", !0)
+      ], 8, Za)) : v("", !0),
+      m("div", Qa, [
+        j(s.$slots, "default", {}, void 0, !0)
+      ]),
+      e.hint && !t.value ? (a(), n("span", es, [
+        C(G, {
+          variant: "caption",
+          value: e.hint
+        }, null, 8, ["value"])
+      ])) : v("", !0),
+      typeof e.error == "string" && e.error ? (a(), n("span", ts, [
+        C(G, {
+          variant: "caption",
+          value: e.error
+        }, null, 8, ["value"])
+      ])) : v("", !0)
+    ], 2));
+  }
+}), ss = /* @__PURE__ */ L(as, [["__scopeId", "data-v-99227112"]]), ls = /* @__PURE__ */ A({
+  __name: "Spacer",
+  props: {
+    size: { default: "md" },
+    orientation: { default: "vertical" },
+    mobile: {},
+    desktop: {}
+  },
+  setup(e) {
+    const l = e, t = (o) => {
+      if (!o) return "var(--space-4)";
+      const r = {
+        xs: "1",
+        sm: "2",
+        md: "4",
+        lg: "6",
+        xl: "8"
+      }[o];
+      return r ? `var(--space-${r})` : /^\d+(-\d+)?$/.test(o) ? `var(--space-${o})` : o;
+    }, s = g(() => {
+      const o = {}, c = t(l.size), r = l.mobile ? t(l.mobile) : void 0, d = l.desktop ? t(l.desktop) : void 0;
+      return l.orientation === "vertical" ? (o["--spacer-height"] = c, r && (o["--spacer-mobile-height"] = r), d && (o["--spacer-desktop-height"] = d)) : (o["--spacer-width"] = c, r && (o["--spacer-mobile-width"] = r), d && (o["--spacer-desktop-width"] = d)), o;
+    }), i = g(() => [
+      "ds-spacer",
+      `ds-spacer--${l.orientation}`
+    ]);
+    return (o, c) => (a(), n("div", {
+      class: I(i.value),
+      style: Q(s.value),
+      role: "presentation"
+    }, null, 6));
+  }
+}), ns = /* @__PURE__ */ L(ls, [["__scopeId", "data-v-6e8de98d"]]), os = ["id", "value", "placeholder", "disabled", "readonly", "rows", "maxlength", "minlength"], is = {
+  key: 0,
+  class: "ds-textarea__footer"
+}, rs = {
+  key: 0,
+  class: "ds-textarea__counter"
+}, cs = {
+  key: 1,
+  class: "ds-textarea__counter"
+}, ds = /* @__PURE__ */ A({
+  __name: "Textarea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    rows: { default: 4 },
+    maxlength: {},
+    minlength: {},
+    resize: { default: "vertical" },
+    showCounter: { type: Boolean, default: !1 },
+    showWordCount: { type: Boolean, default: !1 },
+    maxWords: {},
+    error: { type: [Boolean, String], default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue", "focus", "blur", "input"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, { t: i } = Re(), o = g(() => {
+      const d = (t.modelValue || "").trim();
+      return d ? d.split(/\s+/).filter(Boolean).length : 0;
+    }), c = g(() => [
+      "ds-textarea",
+      `ds-textarea--resize-${t.resize}`,
+      {
+        "ds-textarea--disabled": t.disabled,
+        "ds-textarea--readonly": t.readonly,
+        "ds-textarea--error": !!t.error
+      }
+    ]);
+    function r(d) {
+      const f = d.target;
+      s("update:modelValue", f.value), s("input", d);
+    }
+    return (d, f) => (a(), n("div", {
+      class: I(c.value)
+    }, [
+      m("textarea", {
+        id: e.id,
+        value: e.modelValue,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        rows: e.rows,
+        maxlength: e.maxlength,
+        minlength: e.minlength,
+        class: "ds-textarea__field",
+        onInput: r,
+        onFocus: f[0] || (f[0] = (u) => s("focus", u)),
+        onBlur: f[1] || (f[1] = (u) => s("blur", u))
+      }, null, 40, os),
+      e.showCounter && e.maxlength || e.showWordCount && e.maxWords ? (a(), n("div", is, [
+        e.showCounter && e.maxlength ? (a(), n("span", rs, x((e.modelValue || "").length) + " / " + x(e.maxlength), 1)) : v("", !0),
+        e.showWordCount && e.maxWords ? (a(), n("span", cs, x(o.value) + " / " + x(e.maxWords) + " " + x(K(i)("textarea.words")), 1)) : v("", !0)
+      ])) : v("", !0)
+    ], 2));
+  }
+}), us = /* @__PURE__ */ L(ds, [["__scopeId", "data-v-f0c356a8"]]), ms = /* @__PURE__ */ A({
+  __name: "Stack",
+  props: {
+    direction: { default: "column" },
+    align: {},
+    justify: {},
+    gap: { default: "md" },
+    separator: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = g(() => [
+      "ds-stack",
+      `ds-stack--dir-${l.direction}`,
+      `ds-stack--align-${l.align || "stretch"}`,
+      `ds-stack--justify-${l.justify || "start"}`,
+      `ds-stack--gap-${l.gap}`,
+      {
+        "ds-stack--separator": l.separator
+      }
+    ]);
+    return (s, i) => (a(), n("div", {
+      class: I(t.value)
+    }, [
+      j(s.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), vs = /* @__PURE__ */ L(ms, [["__scopeId", "data-v-4137efcc"]]), fs = /* @__PURE__ */ A({
+  __name: "Row",
+  props: {
+    align: { default: "center" },
+    justify: { default: "start" },
+    wrap: { type: Boolean, default: !0 },
+    gap: { default: "md" }
+  },
+  setup(e) {
+    const l = e, t = g(() => [
+      "ds-row",
+      `ds-row--align-${l.align}`,
+      `ds-row--justify-${l.justify}`,
+      `ds-row--gap-${l.gap}`,
+      {
+        "ds-row--wrap": l.wrap
+      }
+    ]);
+    return (s, i) => (a(), n("div", {
+      class: I(t.value)
+    }, [
+      j(s.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), ps = /* @__PURE__ */ L(fs, [["__scopeId", "data-v-1f34e039"]]), bs = /* @__PURE__ */ A({
+  __name: "Grid",
+  props: {
+    cols: { default: 12 },
+    sm: {},
+    md: {},
+    lg: {},
+    gap: { default: "md" }
+  },
+  setup(e) {
+    const l = e, t = g(() => ({
+      "--grid-cols": l.cols,
+      "--grid-cols-sm": l.sm || l.cols,
+      "--grid-cols-md": l.md || l.sm || l.cols,
+      "--grid-cols-lg": l.lg || l.md || l.sm || l.cols
+    })), s = g(() => [
+      "ds-grid",
+      `ds-grid--gap-${l.gap}`
+    ]);
+    return (i, o) => (a(), n("div", {
+      class: I(s.value),
+      style: Q(t.value)
+    }, [
+      j(i.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), hs = /* @__PURE__ */ L(bs, [["__scopeId", "data-v-2763535f"]]), gs = {
+  key: 0,
+  class: "ds-section__header"
+}, _s = { class: "ds-section__title-group" }, ys = {
+  key: 0,
+  class: "ds-section__actions"
+}, ks = { class: "ds-section__content" }, ws = /* @__PURE__ */ A({
+  __name: "Section",
+  props: {
+    title: {},
+    subtitle: {},
+    bordered: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const l = e, t = g(() => [
+      "ds-section",
+      {
+        "ds-section--bordered": l.bordered
+      }
+    ]);
+    return (s, i) => (a(), n("section", {
+      class: I(t.value)
+    }, [
+      e.title || e.subtitle || s.$slots.actions ? (a(), n("div", gs, [
+        m("div", _s, [
+          e.title ? (a(), E(G, {
+            key: 0,
+            variant: "title",
+            value: e.title,
+            class: "ds-section__title"
+          }, null, 8, ["value"])) : v("", !0),
+          e.subtitle ? (a(), E(G, {
+            key: 1,
+            variant: "subtitle",
+            value: e.subtitle,
+            class: "ds-section__subtitle"
+          }, null, 8, ["value"])) : v("", !0)
+        ]),
+        s.$slots.actions ? (a(), n("div", ys, [
+          j(s.$slots, "actions", {}, void 0, !0)
+        ])) : v("", !0)
+      ])) : v("", !0),
+      m("div", ks, [
+        j(s.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+}), $s = /* @__PURE__ */ L(ws, [["__scopeId", "data-v-fbb8d011"]]), Cs = { class: "ds-card" }, xs = {
+  key: 0,
+  class: "ds-card__header"
+}, Ss = {
+  key: 0,
+  class: "ds-card__title-group"
+}, Is = {
+  key: 0,
+  class: "ds-card__title"
+}, Vs = {
+  key: 1,
+  class: "ds-card__subtitle"
+}, Bs = {
+  key: 1,
+  class: "ds-card__header-actions"
+}, zs = {
+  key: 1,
+  class: "ds-card__footer"
+}, Ds = /* @__PURE__ */ A({
+  __name: "Card",
+  props: {
+    title: {},
+    subtitle: {},
+    padding: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("div", Cs, [
+      e.title || l.$slots.header ? (a(), n("div", xs, [
+        e.title || e.subtitle ? (a(), n("div", Ss, [
+          e.title ? (a(), n("h3", Is, x(e.title), 1)) : v("", !0),
+          e.subtitle ? (a(), n("p", Vs, x(e.subtitle), 1)) : v("", !0)
+        ])) : v("", !0),
+        l.$slots.header ? (a(), n("div", Bs, [
+          j(l.$slots, "header", {}, void 0, !0)
+        ])) : v("", !0)
+      ])) : v("", !0),
+      m("div", {
+        class: I(["ds-card__body", { "ds-card__body--no-padding": !e.padding }])
+      }, [
+        j(l.$slots, "default", {}, void 0, !0)
+      ], 2),
+      l.$slots.footer ? (a(), n("div", zs, [
+        j(l.$slots, "footer", {}, void 0, !0)
+      ])) : v("", !0)
+    ]));
+  }
+}), As = /* @__PURE__ */ L(Ds, [["__scopeId", "data-v-c684db6b"]]), Ls = { class: "sp-head" }, Ts = { class: "sp-title" }, Es = { key: 0 }, Ms = {
+  key: 1,
+  class: "sp-meta"
+}, Ps = { key: 0 }, Os = { key: 0 }, Rs = { class: "sp-actions" }, Ns = ["aria-label"], Fs = { class: "sp-content" }, Us = {
+  key: 0,
+  class: "sp-footer"
+}, qs = /* @__PURE__ */ A({
+  __name: "SidePanel",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: {},
+    subtitle: {},
+    metaItems: {},
+    cancelLabel: {},
+    confirmLabel: {},
+    confirmIcon: {},
+    width: { default: "410px" },
+    closeOnOverlayClick: { type: Boolean, default: !0 },
+    maximizable: { type: Boolean, default: !1 },
+    inline: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "close", "cancel", "confirm"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = M(!1);
+    function o() {
+      i.value = !i.value;
+    }
+    function c() {
+      s("update:modelValue", !1), s("close");
+    }
+    function r(u) {
+      t.closeOnOverlayClick && u.target === u.currentTarget && c();
+    }
+    se(() => t.modelValue, (u) => {
+      u ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    });
+    function d() {
+      s("cancel"), c();
+    }
+    function f() {
+      s("confirm");
+    }
+    return (u, h) => (a(), E(te, { name: "ds-slide" }, {
+      default: F(() => {
+        var y;
+        return [
+          e.modelValue ? (a(), n("div", {
+            key: 0,
+            class: I(["ds-panel-overlay", { "sp-overlay--inline": e.inline }]),
+            onClick: r
+          }, [
+            m("div", {
+              class: I(["sp", { "sp--maximized": i.value }]),
+              style: Q({ width: i.value ? "100%" : e.width }),
+              role: "dialog",
+              "aria-modal": "true"
+            }, [
+              m("div", Ls, [
+                m("div", Ts, [
+                  e.title ? (a(), n("h2", Es, x(e.title), 1)) : v("", !0),
+                  e.subtitle || u.$slots.subtitle || (y = e.metaItems) != null && y.length ? (a(), n("div", Ms, [
+                    j(u.$slots, "subtitle", {}, () => {
+                      var $;
+                      return [
+                        e.subtitle ? (a(), n("span", Ps, x(e.subtitle), 1)) : ($ = e.metaItems) != null && $.length ? (a(!0), n(U, { key: 1 }, H(e.metaItems, (P, D) => (a(), n(U, { key: D }, [
+                          m("span", null, x(P), 1),
+                          D < e.metaItems.length - 1 ? (a(), n("span", Os, "·")) : v("", !0)
+                        ], 64))), 128)) : v("", !0)
+                      ];
+                    }, !0)
+                  ])) : v("", !0)
+                ]),
+                m("div", Rs, [
+                  e.maximizable ? (a(), n("button", {
+                    key: 0,
+                    class: "sp-icon-btn",
+                    onClick: o,
+                    "aria-label": i.value ? "کوچک‌نمایی" : "بزرگ‌نمایی"
+                  }, [
+                    i.value ? (a(), E(K(Te), {
+                      key: 0,
+                      size: 18
+                    })) : (a(), E(K(Ee), {
+                      key: 1,
+                      size: 18
+                    }))
+                  ], 8, Ns)) : v("", !0),
+                  m("button", {
+                    class: "sp-icon-btn",
+                    onClick: c,
+                    "aria-label": "بستن"
+                  }, [
+                    C(K(Me), { size: 18 })
+                  ])
+                ])
+              ]),
+              m("div", Fs, [
+                j(u.$slots, "default", {}, void 0, !0)
+              ]),
+              u.$slots.footer || e.cancelLabel || e.confirmLabel ? (a(), n("div", Us, [
+                j(u.$slots, "footer", {}, () => [
+                  C(J, {
+                    variant: "secondary",
+                    onClick: d
+                  }, {
+                    default: F(() => [
+                      X(x(e.cancelLabel ?? "انصراف"), 1)
+                    ]),
+                    _: 1
+                  }),
+                  C(J, {
+                    variant: "primary",
+                    onClick: f
+                  }, {
+                    default: F(() => [
+                      X(x(e.confirmLabel ?? "ذخیره") + " ", 1),
+                      e.confirmIcon ? (a(), E(me(e.confirmIcon), { key: 0 })) : v("", !0)
+                    ]),
+                    _: 1
+                  })
+                ], !0)
+              ])) : v("", !0)
+            ], 6)
+          ], 2)) : v("", !0)
+        ];
+      }),
+      _: 3
+    }));
+  }
+}), js = /* @__PURE__ */ L(qs, [["__scopeId", "data-v-1a7ec7c9"]]), Ks = { class: "ds-search-box__wrapper" }, Hs = {
+  key: 0,
+  class: "ds-search-box__action-container"
+}, Ws = {
+  key: 0,
+  class: "ds-search-box__spinner"
+}, Gs = {
+  key: 0,
+  class: "ds-search-box__dropdown"
+}, Ys = ["onClick", "onMouseenter"], Xs = /* @__PURE__ */ A({
+  __name: "SearchBox",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "Search..." },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    options: { default: () => [] }
+  },
+  emits: ["update:modelValue", "clear", "select"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => t.modelValue), o = M(!1), c = M(null), r = M(-1), d = g(() => t.options.map((B) => typeof B == "object" && B !== null ? B : { label: String(B), value: String(B) })), f = g(() => {
+      const B = i.value.toLowerCase().trim();
+      return B ? d.value.filter(
+        (q) => q.label.toLowerCase().includes(B)
+      ) : [];
+    }), u = g(() => o.value && f.value.length > 0 && !t.disabled);
+    se(f, () => {
+      r.value = -1;
+    });
+    function h(B) {
+      s("update:modelValue", B);
+    }
+    function y() {
+      t.disabled || (s("update:modelValue", ""), s("clear"));
+    }
+    function $(B) {
+      s("update:modelValue", B.value), s("select", B.value), o.value = !1, r.value = -1;
+    }
+    function P(B) {
+      if (!t.disabled) {
+        if (!u.value) {
+          B.key === "ArrowDown" && (o.value = !0);
+          return;
+        }
+        switch (B.key) {
+          case "Escape":
+            B.preventDefault(), o.value = !1, r.value = -1;
+            break;
+          case "ArrowDown":
+            B.preventDefault(), r.value = r.value < f.value.length - 1 ? r.value + 1 : 0;
+            break;
+          case "ArrowUp":
+            B.preventDefault(), r.value = r.value > 0 ? r.value - 1 : f.value.length - 1;
+            break;
+          case "Enter":
+            if (r.value >= 0 && r.value < f.value.length) {
+              B.preventDefault();
+              const q = f.value[r.value];
+              q && $(q);
+            }
+            break;
+        }
+      }
+    }
+    function D(B) {
+      const q = B.target;
+      c.value && !c.value.contains(q) && (o.value = !1);
+    }
+    return ee(() => {
+      document.addEventListener("click", D);
+    }), ne(() => {
+      document.removeEventListener("click", D);
+    }), (B, q) => (a(), n("div", {
+      ref_key: "containerRef",
+      ref: c,
+      class: "ds-search-box"
+    }, [
+      m("div", Ks, [
+        C(ve, {
+          "model-value": i.value,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          icon: "search",
+          class: "ds-search-box__input",
+          "onUpdate:modelValue": h,
+          onFocus: q[0] || (q[0] = (k) => o.value = !0),
+          onKeydown: P
+        }, null, 8, ["model-value", "placeholder", "disabled"]),
+        e.loading || e.clearable && i.value ? (a(), n("div", Hs, [
+          e.loading ? (a(), n("span", Ws)) : e.clearable && i.value ? (a(), n("button", {
+            key: 1,
+            type: "button",
+            class: "ds-search-box__clear",
+            onClick: y
+          }, [
+            C(R, {
+              name: "x",
+              size: "xs"
+            })
+          ])) : v("", !0)
+        ])) : v("", !0),
+        C(te, { name: "ds-search-box-drop" }, {
+          default: F(() => [
+            u.value ? (a(), n("div", Gs, [
+              (a(!0), n(U, null, H(f.value, (k, S) => (a(), n("div", {
+                key: k.value,
+                class: I(["ds-search-box__option", {
+                  "ds-search-box__option--focused": S === r.value
+                }]),
+                onClick: Y((O) => $(k), ["stop"]),
+                onMouseenter: (O) => r.value = S
+              }, x(k.label), 43, Ys))), 128))
+            ])) : v("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 512));
+  }
+}), Zs = /* @__PURE__ */ L(Xs, [["__scopeId", "data-v-ea6771d0"]]), Js = {
+  key: 0,
+  class: "ds-dropdown__empty"
+}, Qs = ["onClick", "onMouseenter"], el = { class: "ds-dropdown__item-content" }, tl = { class: "ds-dropdown__item-label" }, al = /* @__PURE__ */ A({
+  __name: "Dropdown",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "Select..." },
+    items: { default: () => [] },
+    source: {},
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    icon: {},
+    loading: { type: Boolean, default: !1 },
+    emptyState: { default: "" }
+  },
+  emits: ["update:modelValue", "change", "select"],
+  setup(e, { expose: l, emit: t }) {
+    const s = e, i = t, o = {
+      users: [
+        { id: "1", label: "کاربر ۱ (مدیر)", value: "user1", icon: "users" },
+        { id: "2", label: "کاربر ۲ (نویسنده)", value: "user2", icon: "users" },
+        { id: "3", label: "کاربر ۳ (پشتیبان)", value: "user3", icon: "users", disabled: !0 }
+      ],
+      actions: [
+        { id: "edit", label: "ویرایش", value: "edit", icon: "edit" },
+        { id: "delete", label: "حذف", value: "delete", icon: "trash" }
+      ]
+    }, c = g(() => s.source && o[s.source] ? o[s.source] : s.items), r = g(() => s.modelValue || ""), d = g(() => c.value.find((S) => S.value === r.value)), f = g(() => s.label ? s.label : d.value ? d.value.label : s.placeholder), u = M(!1), h = M(null), y = M(null), $ = M(-1);
+    function P() {
+      s.disabled || (u.value = !u.value);
+    }
+    function D() {
+      u.value = !1, $.value = -1;
+    }
+    function B(S) {
+      S.disabled || (i("update:modelValue", S.value), i("change", S.value), i("select", S), D());
+    }
+    function q(S) {
+      if (!s.disabled) {
+        if (!u.value) {
+          (S.key === "Enter" || S.key === "ArrowDown" || S.key === " ") && (S.preventDefault(), u.value = !0);
+          return;
+        }
+        switch (S.key) {
+          case "Escape":
+            S.preventDefault(), D();
+            break;
+          case "ArrowDown":
+            S.preventDefault(), $.value = $.value < c.value.length - 1 ? $.value + 1 : 0;
+            break;
+          case "ArrowUp":
+            S.preventDefault(), $.value = $.value > 0 ? $.value - 1 : c.value.length - 1;
+            break;
+          case "Enter":
+            if (S.preventDefault(), $.value >= 0 && $.value < c.value.length) {
+              const O = c.value[$.value];
+              O && B(O);
+            }
+            break;
+        }
+      }
+    }
+    function k(S) {
+      const O = S.target, p = h.value, V = y.value;
+      !p && !V || p && p.contains(O) || V && V.contains(O) || u.value && D();
+    }
+    return ee(() => {
+      document.addEventListener("click", k);
+    }), ne(() => {
+      document.removeEventListener("click", k);
+    }), l({
+      isOpen: u,
+      open: () => u.value = !0,
+      close: () => u.value = !1,
+      toggle: () => u.value = !u.value
+    }), (S, O) => (a(), n("div", {
+      class: I(["ds-dropdown", { "ds-dropdown--open": u.value, "ds-dropdown--disabled": e.disabled }])
+    }, [
+      m("div", {
+        ref_key: "triggerRef",
+        ref: h,
+        class: "ds-dropdown__trigger",
+        onClick: Y(P, ["stop"]),
+        onKeydown: q,
+        tabindex: "0"
+      }, [
+        j(S.$slots, "trigger", {}, () => [
+          C(J, {
+            variant: "secondary",
+            disabled: e.disabled,
+            icon: e.icon || "chevron-down",
+            "icon-position": "end",
+            loading: e.loading,
+            class: "ds-dropdown__btn"
+          }, {
+            default: F(() => [
+              X(x(f.value), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled", "icon", "loading"])
+        ], !0)
+      ], 544),
+      C(te, { name: "ds-dropdown-drop" }, {
+        default: F(() => [
+          u.value ? (a(), n("div", {
+            key: 0,
+            ref_key: "dropdownRef",
+            ref: y,
+            class: "ds-dropdown__menu"
+          }, [
+            j(S.$slots, "default", {}, () => [
+              c.value.length === 0 ? (a(), n("div", Js, x(e.emptyState ? e.emptyState.includes(".") ? K(W)(e.emptyState) : e.emptyState : "گزینه‌ای وجود ندارد"), 1)) : v("", !0),
+              (a(!0), n(U, null, H(c.value, (p, V) => (a(), n("div", {
+                key: p.id,
+                class: I(["ds-dropdown__item", {
+                  "ds-dropdown__item--selected": p.value === r.value,
+                  "ds-dropdown__item--disabled": p.disabled,
+                  "ds-dropdown__item--focused": V === $.value
+                }]),
+                onClick: Y((_) => B(p), ["stop"]),
+                onMouseenter: (_) => $.value = V
+              }, [
+                m("div", el, [
+                  p.icon ? (a(), E(R, {
+                    key: 0,
+                    name: p.icon,
+                    size: "sm",
+                    class: "ds-dropdown__item-icon"
+                  }, null, 8, ["name"])) : v("", !0),
+                  m("span", tl, x(p.label), 1)
+                ])
+              ], 42, Qs))), 128))
+            ], !0)
+          ], 512)) : v("", !0)
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+}), Ce = /* @__PURE__ */ L(al, [["__scopeId", "data-v-78d6d497"]]), sl = /* @__PURE__ */ A({
+  __name: "Menu",
+  props: {
+    variant: { default: "vertical" }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("div", {
+      class: I(["ds-menu", `ds-menu--${e.variant}`])
+    }, [
+      j(l.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Fe = /* @__PURE__ */ L(sl, [["__scopeId", "data-v-80d256c4"]]), ll = ["aria-disabled"], nl = { class: "ds-menu-item__content" }, ol = { class: "ds-menu-item__label" }, il = /* @__PURE__ */ A({
+  __name: "MenuItem",
+  props: {
+    label: {},
+    icon: {},
+    disabled: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const t = e, s = l;
+    function i(o) {
+      if (t.disabled) {
+        o.preventDefault(), o.stopPropagation();
+        return;
+      }
+      s("click", o);
+    }
+    return (o, c) => (a(), n("div", {
+      class: I(["ds-menu-item", {
+        "ds-menu-item--active": e.active,
+        "ds-menu-item--disabled": e.disabled
+      }]),
+      role: "menuitem",
+      "aria-disabled": e.disabled,
+      onClick: i
+    }, [
+      m("div", nl, [
+        e.icon ? (a(), E(R, {
+          key: 0,
+          name: e.icon,
+          size: "sm",
+          class: "ds-menu-item__icon"
+        }, null, 8, ["name"])) : v("", !0),
+        m("span", ol, [
+          j(o.$slots, "default", {}, () => [
+            C(G, {
+              variant: "body-md",
+              value: e.label
+            }, null, 8, ["value"])
+          ], !0)
+        ])
+      ])
+    ], 10, ll));
+  }
+}), ue = /* @__PURE__ */ L(il, [["__scopeId", "data-v-e6776c8a"]]), rl = /* @__PURE__ */ A({
+  __name: "Tooltip",
+  props: {
+    text: {},
+    position: { default: "top" },
+    delay: { default: 200 },
+    icon: { default: "attention" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = M(!1);
+    let s = null;
+    function i() {
+      l.disabled || (s && clearTimeout(s), s = window.setTimeout(() => {
+        t.value = !0;
+      }, l.delay));
+    }
+    function o() {
+      s && clearTimeout(s), t.value = !1;
+    }
+    return (c, r) => (a(), n("div", {
+      class: "ds-tooltip-container",
+      onMouseenter: i,
+      onMouseleave: o,
+      onFocusin: i,
+      onFocusout: o
+    }, [
+      j(c.$slots, "default", {}, () => [
+        e.icon ? (a(), E(R, {
+          key: 0,
+          name: e.icon,
+          class: "ds-tooltip__icon"
+        }, null, 8, ["name"])) : v("", !0)
+      ], !0),
+      C(te, { name: "ds-tooltip-fade" }, {
+        default: F(() => [
+          t.value ? (a(), n("div", {
+            key: 0,
+            class: I(["ds-tooltip", `ds-tooltip--${e.position}`]),
+            role: "tooltip"
+          }, [
+            C(G, {
+              variant: "caption",
+              value: e.text,
+              class: "ds-tooltip__text"
+            }, null, 8, ["value"])
+          ], 2)) : v("", !0)
+        ]),
+        _: 1
+      })
+    ], 32));
+  }
+}), ke = /* @__PURE__ */ L(rl, [["__scopeId", "data-v-f7e5aca3"]]), cl = /* @__PURE__ */ A({
+  __name: "Popover",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    position: { default: "bottom-start" }
+  },
+  setup(e) {
+    const l = e, t = M(!1), s = M(null), i = M(null);
+    function o() {
+      l.disabled || (t.value = !t.value);
+    }
+    function c() {
+      t.value = !1;
+    }
+    function r(d) {
+      const f = d.target, u = s.value, h = i.value;
+      !u && !h || u && u.contains(f) || h && h.contains(f) || t.value && c();
+    }
+    return ee(() => {
+      document.addEventListener("click", r);
+    }), ne(() => {
+      document.removeEventListener("click", r);
+    }), (d, f) => (a(), n("div", {
+      class: I(["ds-popover-container", { "ds-popover-container--disabled": e.disabled }])
+    }, [
+      m("div", {
+        ref_key: "triggerRef",
+        ref: s,
+        class: "ds-popover-trigger",
+        onClick: Y(o, ["stop"])
+      }, [
+        j(d.$slots, "trigger", {}, void 0, !0)
+      ], 512),
+      C(te, { name: "ds-popover-fade" }, {
+        default: F(() => [
+          t.value ? (a(), n("div", {
+            key: 0,
+            ref_key: "popoverRef",
+            ref: i,
+            class: I(["ds-popover", `ds-popover--${e.position}`])
+          }, [
+            j(d.$slots, "default", {}, void 0, !0)
+          ], 2)) : v("", !0)
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+}), dl = /* @__PURE__ */ L(cl, [["__scopeId", "data-v-ad6010ef"]]), ul = {
+  class: "ds-tabs__header",
+  role: "tablist"
+}, ml = ["aria-selected", "disabled", "onClick"], vl = { class: "ds-tabs__content" }, fl = /* @__PURE__ */ A({
+  __name: "Tabs",
+  props: {
+    modelValue: { default: "" },
+    items: { default: () => [] },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l;
+    function i(o, c) {
+      t.disabled || c || (s("update:modelValue", o), s("change", o));
+    }
+    return (o, c) => (a(), n("div", {
+      class: I(["ds-tabs", { "ds-tabs--disabled": e.disabled }])
+    }, [
+      m("div", ul, [
+        (a(!0), n(U, null, H(e.items, (r) => (a(), n("button", {
+          key: r.value,
+          type: "button",
+          role: "tab",
+          "aria-selected": r.value === e.modelValue,
+          disabled: r.disabled,
+          class: I(["ds-tabs__tab-btn", {
+            "ds-tabs__tab-btn--active": r.value === e.modelValue,
+            "ds-tabs__tab-btn--disabled": r.disabled
+          }]),
+          onClick: (d) => i(r.value, r.disabled)
+        }, [
+          r.icon ? (a(), E(R, {
+            key: 0,
+            name: r.icon,
+            size: "sm",
+            class: "ds-tabs__tab-icon"
+          }, null, 8, ["name"])) : v("", !0),
+          C(G, {
+            variant: "body-md",
+            value: r.label,
+            class: "ds-tabs__tab-label"
+          }, null, 8, ["value"])
+        ], 10, ml))), 128))
+      ]),
+      m("div", vl, [
+        j(o.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+}), pl = /* @__PURE__ */ L(fl, [["__scopeId", "data-v-1f6abab4"]]), bl = ["disabled", "aria-label"], hl = {
+  key: 0,
+  class: "ds-icon-button__spinner"
+}, gl = /* @__PURE__ */ A({
+  __name: "IconButton",
+  props: {
+    icon: {},
+    size: { default: "md" },
+    variant: { default: "ghost" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    ariaLabel: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => [
+      "ds-icon-button",
+      `ds-icon-button--${t.variant}`,
+      `ds-icon-button--${t.size}`,
+      {
+        "ds-icon-button--disabled": t.disabled,
+        "ds-icon-button--loading": t.loading
+      }
+    ]), o = g(() => {
+      switch (t.size) {
+        case "sm":
+          return "sm";
+        case "md":
+          return "md";
+        case "lg":
+          return "button-lg";
+        default:
+          return "md";
+      }
+    });
+    function c(r) {
+      !t.disabled && !t.loading && s("click", r);
+    }
+    return (r, d) => (a(), n("button", {
+      class: I(i.value),
+      disabled: e.disabled || e.loading,
+      "aria-label": e.ariaLabel,
+      onClick: c
+    }, [
+      e.loading ? (a(), n("span", hl)) : (a(), E(R, {
+        key: 1,
+        name: e.icon,
+        size: o.value
+      }, null, 8, ["name", "size"]))
+    ], 10, bl));
+  }
+}), Ue = /* @__PURE__ */ L(gl, [["__scopeId", "data-v-c88fb09c"]]), _l = {
+  key: 0,
+  class: "ds-table-cell ds-table-cell--text"
+}, yl = {
+  key: 1,
+  class: "ds-table-cell ds-table-cell--date"
+}, kl = {
+  key: 2,
+  class: "ds-table-cell ds-table-cell--profile"
+}, wl = ["href"], $l = { class: "ds-table-cell__profile-text" }, Cl = { class: "ds-table-cell__profile-name" }, xl = {
+  key: 0,
+  class: "ds-table-cell__profile-email"
+}, Sl = {
+  key: 3,
+  class: "ds-table-cell ds-table-cell--tag"
+}, Il = {
+  key: 4,
+  class: "ds-table-cell ds-table-cell--checkbox"
+}, Vl = {
+  key: 5,
+  class: "ds-table-cell ds-table-cell--actions"
+}, Bl = /* @__PURE__ */ A({
+  __name: "TableCell",
+  props: {
+    type: {},
+    value: {},
+    format: {},
+    name: {},
+    email: {},
+    avatarUrl: {},
+    profileLink: {},
+    variant: {},
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    actions: {},
+    tags: { default: () => [] }
+  },
+  emits: ["update:modelValue", "action-click"],
+  setup(e, { emit: l }) {
+    const t = e, s = l;
+    function i(f, u) {
+      if (f == null) return "";
+      const h = typeof f == "string" || typeof f == "number" ? new Date(f) : f instanceof Date ? f : null;
+      if (!h || isNaN(h.getTime())) return String(f ?? "");
+      if (u) {
+        const y = {
+          YYYY: String(h.getFullYear()),
+          MM: String(h.getMonth() + 1).padStart(2, "0"),
+          DD: String(h.getDate()).padStart(2, "0"),
+          HH: String(h.getHours()).padStart(2, "0"),
+          mm: String(h.getMinutes()).padStart(2, "0"),
+          ss: String(h.getSeconds()).padStart(2, "0")
+        };
+        return u.replace(/YYYY|MM|DD|HH|mm|ss/g, ($) => y[$] ?? $);
+      }
+      return new Intl.DateTimeFormat("fa-IR", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit"
+      }).format(h);
+    }
+    function o(f) {
+      return f == null ? "" : String(f);
+    }
+    function c(f) {
+      s("update:modelValue", f);
+    }
+    function r(f) {
+      s("action-click", f), f.onClick();
+    }
+    const d = g(() => {
+      if (t.tags && t.tags.length > 0) return t.tags;
+      const f = t.value;
+      return Array.isArray(f) ? f.map((u) => ({ value: o(u), variant: t.variant })) : f != null ? [{ value: o(f), variant: t.variant }] : [];
+    });
+    return (f, u) => e.type === "text" ? (a(), n("span", _l, x(o(e.value)), 1)) : e.type === "date" ? (a(), n("span", yl, x(i(e.value, e.format)), 1)) : e.type === "profile" ? (a(), n("span", kl, [
+      e.profileLink ? (a(), n("a", {
+        key: 0,
+        href: e.profileLink,
+        class: "ds-table-cell__profile-avatar-link"
+      }, [
+        C(re, {
+          src: e.avatarUrl,
+          name: e.name,
+          size: "sm"
+        }, null, 8, ["src", "name"])
+      ], 8, wl)) : (a(), E(re, {
+        key: 1,
+        src: e.avatarUrl,
+        name: e.name,
+        size: "sm"
+      }, null, 8, ["src", "name"])),
+      m("span", $l, [
+        m("span", Cl, x(e.name), 1),
+        e.email ? (a(), n("span", xl, x(e.email), 1)) : v("", !0)
+      ])
+    ])) : e.type === "tag" ? (a(), n("span", Sl, [
+      (a(!0), n(U, null, H(d.value, (h, y) => (a(), n("span", {
+        key: y,
+        class: I(["ds-table-cell__tag", h.variant ? `ds-table-cell__tag--${h.variant}` : ""])
+      }, x(h.value), 3))), 128))
+    ])) : e.type === "checkbox" ? (a(), n("span", Il, [
+      C(de, {
+        "model-value": e.modelValue,
+        disabled: e.disabled,
+        "onUpdate:modelValue": c
+      }, null, 8, ["model-value", "disabled"])
+    ])) : e.type === "actions" ? (a(), n("span", Vl, [
+      (a(!0), n(U, null, H(e.actions, (h, y) => (a(), E(Ue, {
+        key: y,
+        icon: h.icon ?? "more",
+        variant: h.variant ?? "ghost",
+        size: "sm",
+        "aria-label": h.label,
+        onClick: ($) => r(h)
+      }, null, 8, ["icon", "variant", "aria-label", "onClick"]))), 128))
+    ])) : v("", !0);
+  }
+}), qe = /* @__PURE__ */ L(Bl, [["__scopeId", "data-v-f1043cef"]]), zl = { class: "ds-bulk-edit-bar" }, Dl = { class: "ds-bulk-edit-bar__count" }, Al = { class: "ds-bulk-edit-bar__controls" }, Ll = { class: "ds-bulk-edit-bar__actions" }, Tl = /* @__PURE__ */ A({
+  __name: "BulkEditBar",
+  props: {
+    columns: { default: () => [] },
+    selectedCount: { default: 0 }
+  },
+  emits: ["apply", "cancel"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => t.columns.filter((f) => f.editable)), o = M(""), c = M("");
+    se(o, () => {
+      c.value = "";
+    });
+    const r = g(() => i.value.find((f) => f.id === o.value));
+    function d() {
+      o.value && (s("apply", { field: o.value, value: c.value }), o.value = "", c.value = "");
+    }
+    return (f, u) => {
+      var h, y;
+      return a(), n("div", zl, [
+        m("span", Dl, x(e.selectedCount) + " selected", 1),
+        m("div", Al, [
+          C(ye, {
+            modelValue: o.value,
+            "onUpdate:modelValue": u[0] || (u[0] = ($) => o.value = $),
+            options: i.value.map(($) => ({ label: $.label, value: $.id })),
+            placeholder: "Select field...",
+            class: "ds-bulk-edit-bar__field-select"
+          }, null, 8, ["modelValue", "options"]),
+          r.value ? (a(), n(U, { key: 0 }, [
+            ((h = r.value.editorOptions) == null ? void 0 : h.type) === "input" ? (a(), E(ve, {
+              key: 0,
+              modelValue: c.value,
+              "onUpdate:modelValue": u[1] || (u[1] = ($) => c.value = $),
+              type: r.value.editorOptions.inputType || "text",
+              placeholder: "New value...",
+              class: "ds-bulk-edit-bar__editor"
+            }, null, 8, ["modelValue", "type"])) : v("", !0),
+            ((y = r.value.editorOptions) == null ? void 0 : y.type) === "select" ? (a(), E(ye, {
+              key: 1,
+              modelValue: c.value,
+              "onUpdate:modelValue": u[2] || (u[2] = ($) => c.value = $),
+              options: r.value.editorOptions.options || [],
+              placeholder: "Select value...",
+              class: "ds-bulk-edit-bar__editor"
+            }, null, 8, ["modelValue", "options"])) : v("", !0)
+          ], 64)) : v("", !0)
+        ]),
+        m("div", Ll, [
+          C(J, {
+            variant: "ghost",
+            size: "sm",
+            onClick: u[3] || (u[3] = ($) => s("cancel"))
+          }, {
+            default: F(() => [...u[4] || (u[4] = [
+              X("Cancel", -1)
+            ])]),
+            _: 1
+          }),
+          C(J, {
+            variant: "primary",
+            size: "sm",
+            disabled: !o.value,
+            onClick: d
+          }, {
+            default: F(() => [...u[5] || (u[5] = [
+              X("Apply", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+}), El = /* @__PURE__ */ L(Tl, [["__scopeId", "data-v-e0d8ac5a"]]), Ml = { class: "ds-table-container" }, Pl = { class: "ds-table" }, Ol = { class: "ds-table__thead" }, Rl = { class: "ds-table__row" }, Nl = ["onClick"], Fl = {
+  key: 1,
+  class: "ds-table__header-content"
+}, Ul = { class: "ds-table__header-label" }, ql = { class: "ds-table__tbody" }, jl = ["onClick"], Kl = {
+  key: 0,
+  class: "ds-table__row ds-table__row--empty"
+}, Hl = ["colspan"], Wl = /* @__PURE__ */ A({
+  __name: "SchemaTable",
+  props: {
+    columns: { default: () => [] },
+    items: { default: () => [] },
+    selectable: { type: Boolean, default: !1 },
+    sortable: { type: Boolean, default: !1 },
+    bulkEdit: { type: Boolean, default: !1 },
+    modelValue: { default: () => [] }
+  },
+  emits: ["row-click", "update:modelValue", "update:modelValue-cell", "action-click", "update:sort", "bulk-update"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = M({}), o = g(() => t.items.length > 0), c = g(() => t.selectable ? [{ id: "__selection", label: "", cell: "checkbox", align: "center" }, ...t.columns] : t.columns), r = g(() => {
+      var b;
+      let _ = [...t.items];
+      const w = Object.entries(i.value).filter(([, z]) => z !== null);
+      if (w.length === 0) return _;
+      for (const [z, N] of w) {
+        if (!N) continue;
+        const Z = t.columns.find((le) => le.id === z);
+        if (!Z) continue;
+        const ae = ((b = Z.fields) == null ? void 0 : b.value) || z;
+        _.sort((le, We) => {
+          const oe = le[ae], ie = We[ae];
+          if (oe == null) return 1;
+          if (ie == null) return -1;
+          if (typeof oe == "number" && typeof ie == "number")
+            return N === "asc" ? oe - ie : ie - oe;
+          const pe = String(oe), be = String(ie), he = Number(pe), ge = Number(be);
+          return !isNaN(he) && !isNaN(ge) ? N === "asc" ? he - ge : ge - he : N === "asc" ? pe.localeCompare(be) : be.localeCompare(pe);
+        });
+      }
+      return _;
+    });
+    function d(_, w) {
+      const b = {};
+      if (_.fields)
+        for (const [z, N] of Object.entries(_.fields))
+          b[z] = w[N];
+      if (_.staticProps)
+        for (const [z, N] of Object.entries(_.staticProps))
+          b[z] = N;
+      return b;
+    }
+    function f(_, w) {
+      s("row-click", _, w);
+    }
+    function u(_, w, b) {
+      s("action-click", { action: _, item: w, index: b });
+    }
+    function h(_) {
+      const w = [...t.modelValue], b = w.indexOf(_);
+      b > -1 ? w.splice(b, 1) : w.push(_), s("update:modelValue", w);
+    }
+    function y() {
+      $.value ? s("update:modelValue", []) : s("update:modelValue", r.value.map((_, w) => String(w)));
+    }
+    const $ = g(() => o.value && t.modelValue.length === r.value.length), P = g(() => t.modelValue.length > 0 && !$.value);
+    function D(_, w) {
+      return String(w);
+    }
+    function B(_) {
+      if (!t.sortable) return;
+      const w = i.value[_];
+      let b;
+      w == null ? b = "asc" : w === "asc" ? b = "desc" : b = null, i.value = { ...i.value, [_]: b }, s("update:sort", _, b);
+    }
+    function q(_) {
+      const w = i.value[_];
+      return w === "asc" ? Dt : w === "desc" ? Pe : At;
+    }
+    function k(_) {
+      return i.value[_] != null;
+    }
+    function S() {
+      const _ = t.columns.length;
+      return t.selectable ? _ + 1 : _;
+    }
+    const O = g(() => t.modelValue.length > 0), p = g(() => t.bulkEdit && O.value);
+    function V(_) {
+      s("bulk-update", { ..._, rows: [...t.modelValue] }), s("update:modelValue", []);
+    }
+    return (_, w) => (a(), n("div", Ml, [
+      e.bulkEdit ? (a(), n("div", {
+        key: 0,
+        class: I([{ "ds-table__bulk-edit-wrapper--hidden": !p.value }, "ds-table__bulk-edit-wrapper"])
+      }, [
+        C(El, {
+          columns: e.columns,
+          "selected-count": e.modelValue.length,
+          onApply: V,
+          onCancel: w[0] || (w[0] = (b) => s("update:modelValue", []))
+        }, null, 8, ["columns", "selected-count"])
+      ], 2)) : v("", !0),
+      m("table", Pl, [
+        m("thead", Ol, [
+          m("tr", Rl, [
+            (a(!0), n(U, null, H(c.value, (b) => (a(), n("th", {
+              key: b.id,
+              class: I([
+                "ds-table__header-cell",
+                b.align ? `ds-table__header-cell--align-${b.align}` : "",
+                { "ds-table__header-cell--sortable": e.sortable && b.id !== "__selection" },
+                { "ds-table__header-cell--selection": b.id === "__selection" }
+              ]),
+              onClick: (z) => b.id !== "__selection" ? B(b.id) : void 0
+            }, [
+              b.id === "__selection" ? (a(), E(de, {
+                key: 0,
+                "model-value": $.value,
+                indeterminate: P.value,
+                "onUpdate:modelValue": y
+              }, null, 8, ["model-value", "indeterminate"])) : (a(), n("span", Fl, [
+                m("span", Ul, x(b.label), 1),
+                e.sortable ? (a(), n("span", {
+                  key: 0,
+                  class: I(["ds-table__sort-icon", { "ds-table__sort-icon--active": k(b.id) }])
+                }, [
+                  (a(), E(me(q(b.id)), { class: "ds-table__sort-icon-svg" }))
+                ], 2)) : v("", !0)
+              ]))
+            ], 10, Nl))), 128))
+          ])
+        ]),
+        m("tbody", ql, [
+          (a(!0), n(U, null, H(r.value, (b, z) => (a(), n("tr", {
+            key: z,
+            class: I(["ds-table__row ds-table__row--body", { "ds-table__row--selected": t.selectable && t.modelValue.includes(D(b, z)) }]),
+            onClick: (N) => f(b, z)
+          }, [
+            (a(!0), n(U, null, H(c.value, (N) => (a(), n("td", {
+              key: N.id,
+              class: I(["ds-table__data-cell", N.align ? `ds-table__data-cell--align-${N.align}` : "", { "ds-table__data-cell--selection": N.id === "__selection" }]),
+              onClick: w[1] || (w[1] = Y(() => {
+              }, ["stop"]))
+            }, [
+              N.id === "__selection" ? (a(), E(de, {
+                key: 0,
+                "model-value": t.selectable ? t.modelValue.includes(D(b, z)) : !1,
+                "onUpdate:modelValue": (Z) => h(D(b, z))
+              }, null, 8, ["model-value", "onUpdate:modelValue"])) : (a(), E(qe, Le({
+                key: 1,
+                type: N.cell
+              }, { ref_for: !0 }, d(N, b), {
+                onActionClick: (Z) => u(Z, b, z)
+              }), null, 16, ["type", "onActionClick"]))
+            ], 2))), 128))
+          ], 10, jl))), 128)),
+          o.value ? v("", !0) : (a(), n("tr", Kl, [
+            m("td", {
+              colspan: S(),
+              class: "ds-table__empty-cell"
+            }, " هیچ داده‌ای یافت نشد. ", 8, Hl)
+          ]))
+        ])
+      ])
+    ]));
+  }
+}), Gl = /* @__PURE__ */ L(Wl, [["__scopeId", "data-v-9121ca66"]]), Yl = { class: "ds-filter-bar" }, Xl = { class: "ds-filter-bar__filters" }, Zl = {
+  key: 0,
+  class: "ds-filter-bar__actions"
+}, Jl = /* @__PURE__ */ A({
+  __name: "FilterBar",
+  props: {
+    showClear: { type: Boolean, default: !1 }
+  },
+  emits: ["clear"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, i) => (a(), n("div", Yl, [
+      m("div", Xl, [
+        j(s.$slots, "default", {}, void 0, !0)
+      ]),
+      e.showClear ? (a(), n("div", Zl, [
+        C(J, {
+          variant: "ghost",
+          size: "sm",
+          onClick: i[0] || (i[0] = (o) => t("clear"))
+        }, {
+          default: F(() => [...i[1] || (i[1] = [
+            X(" پاک کردن فیلترها ", -1)
+          ])]),
+          _: 1
+        })
+      ])) : v("", !0)
+    ]));
+  }
+}), Ql = /* @__PURE__ */ L(Jl, [["__scopeId", "data-v-c9fe14a3"]]), en = {
+  class: "ds-pagination",
+  role: "navigation",
+  "aria-label": "Pagination"
+}, tn = { class: "ds-pagination__info" }, an = /* @__PURE__ */ A({
+  __name: "Pagination",
+  props: {
+    page: { default: 1 },
+    total: { default: 0 },
+    pageSize: { default: 10 }
+  },
+  emits: ["update:page", "update:value", "change"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => Math.max(1, Math.ceil(t.total / t.pageSize))), o = g(() => t.page <= 1), c = g(() => t.page >= i.value), r = g(() => "arrow-right"), d = g(() => "arrow-left");
+    function f(u) {
+      u < 1 || u > i.value || (s("update:page", u), s("update:value", u), s("change", u));
+    }
+    return (u, h) => (a(), n("div", en, [
+      C(J, {
+        variant: "secondary",
+        size: "sm",
+        icon: r.value,
+        disabled: o.value,
+        onClick: h[0] || (h[0] = (y) => f(e.page - 1))
+      }, {
+        default: F(() => [
+          X(x(K(W)("pagination.previous")), 1)
+        ]),
+        _: 1
+      }, 8, ["icon", "disabled"]),
+      m("div", tn, [
+        C(G, { variant: "body-sm" }, {
+          default: F(() => [
+            X(x(K(W)("pagination.page_of", { page: String(e.page), total: String(i.value) })), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      C(J, {
+        variant: "secondary",
+        size: "sm",
+        icon: d.value,
+        "icon-position": "end",
+        disabled: c.value,
+        onClick: h[1] || (h[1] = (y) => f(e.page + 1))
+      }, {
+        default: F(() => [
+          X(x(K(W)("pagination.next")), 1)
+        ]),
+        _: 1
+      }, 8, ["icon", "disabled"])
+    ]));
+  }
+}), sn = /* @__PURE__ */ L(an, [["__scopeId", "data-v-051c701a"]]), ln = { class: "ds-empty-state" }, nn = { class: "ds-empty-state__icon-wrapper" }, on = {
+  key: 1,
+  class: "ds-empty-state__action"
+}, rn = /* @__PURE__ */ A({
+  __name: "EmptyState",
+  props: {
+    title: { default: W("table.empty") },
+    description: {},
+    icon: { default: "archive" },
+    actionLabel: {}
+  },
+  emits: ["action"],
+  setup(e, { emit: l }) {
+    const t = l;
+    return (s, i) => (a(), n("div", ln, [
+      m("div", nn, [
+        C(R, {
+          name: e.icon,
+          size: "lg",
+          class: "ds-empty-state__icon"
+        }, null, 8, ["name"])
+      ]),
+      C(G, {
+        variant: "heading-lg",
+        value: e.title,
+        class: "ds-empty-state__title"
+      }, null, 8, ["value"]),
+      e.description ? (a(), E(G, {
+        key: 0,
+        variant: "body-md",
+        value: e.description,
+        class: "ds-empty-state__desc"
+      }, null, 8, ["value"])) : v("", !0),
+      e.actionLabel ? (a(), n("div", on, [
+        C(J, {
+          variant: "primary",
+          size: "md",
+          onClick: i[0] || (i[0] = (o) => t("action"))
+        }, {
+          default: F(() => [
+            X(x(e.actionLabel), 1)
+          ]),
+          _: 1
+        })
+      ])) : v("", !0)
+    ]));
+  }
+}), cn = /* @__PURE__ */ L(rn, [["__scopeId", "data-v-02a8578f"]]), dn = {
+  key: 1,
+  class: "ds-loading-state__skeleton-wrapper"
+}, un = {
+  key: 2,
+  class: "ds-loading-state__placeholder-wrapper"
+}, mn = /* @__PURE__ */ A({
+  __name: "LoadingState",
+  props: {
+    variant: { default: "spinner" },
+    text: { default: W("loading.text") }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("div", {
+      class: I(["ds-loading-state", [`ds-loading-state--${e.variant}`]])
+    }, [
+      e.variant === "spinner" ? (a(), n(U, { key: 0 }, [
+        t[0] || (t[0] = m("div", { class: "ds-loading-state__spinner" }, null, -1)),
+        e.text ? (a(), E(G, {
+          key: 0,
+          variant: "body-sm",
+          value: e.text,
+          class: "ds-loading-state__text"
+        }, null, 8, ["value"])) : v("", !0)
+      ], 64)) : e.variant === "skeleton" ? (a(), n("div", dn, [...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", un, [...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)
+      ])])) : v("", !0)
+    ], 2));
+  }
+}), je = /* @__PURE__ */ L(mn, [["__scopeId", "data-v-872ace3e"]]), vn = {
+  users: [
+    { id: "1", name: "علیرضا علوی", email: "alireza@example.com", role: "مدیر کل" },
+    { id: "2", name: "سارا رضایی", email: "sara@example.com", role: "نویسنده" },
+    { id: "3", name: "محمد محمدی", email: "mohammad@example.com", role: "پشتیبان" },
+    { id: "4", name: "علی حسینی", email: "ali@example.com", role: "مدیر مالی" },
+    { id: "5", name: "رضا احمدی", email: "reza@example.com", role: "کارشناس فنی" }
+  ],
+  products: [
+    { id: "p1", name: "لپ‌تاپ ایسوس", price: "45,000,000" },
+    { id: "p2", name: "موبایل سامسونگ", price: "25,000,000" },
+    { id: "p3", name: "تبلت لنوو", price: "12,000,000" }
+  ]
+};
+function fn(e, l = "") {
+  return new Promise((t) => {
+    setTimeout(() => {
+      const s = vn[e] || [];
+      if (!l.trim()) {
+        t(s);
+        return;
+      }
+      const i = l.toLowerCase().trim(), o = s.filter((c) => Object.values(c).some(
+        (r) => String(r).toLowerCase().includes(i)
+      ));
+      t(o);
+    }, 200);
+  });
+}
+const pn = { class: "ds-autocomplete" }, bn = { class: "ds-autocomplete__trigger-wrapper" }, hn = {
+  key: 0,
+  class: "ds-autocomplete__loading"
+}, gn = {
+  key: 1,
+  class: "ds-autocomplete__empty"
+}, _n = /* @__PURE__ */ A({
+  __name: "AsyncAutocomplete",
+  props: {
+    modelValue: { default: void 0 },
+    placeholder: { default: "Search..." },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    searchable: { type: Boolean, default: !0 },
+    source: {},
+    items: { default: () => [] },
+    labelKey: { default: "label" },
+    valueKey: { default: "value" },
+    error: { type: [Boolean, String], default: !1 }
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => t.modelValue), o = M(null), c = M(""), r = M(!1), d = M(!1), f = M([]), u = M(-1), h = g(() => t.loading || d.value);
+    function y(b) {
+      if (typeof b == "string" || typeof b == "number") return String(b);
+      if (!b || typeof b != "object") return "";
+      const z = b;
+      return String(z[t.labelKey] ?? z.label ?? "");
+    }
+    function $(b) {
+      if (typeof b == "string" || typeof b == "number") return b;
+      if (!b || typeof b != "object") return null;
+      const z = b;
+      return z[t.valueKey] ?? z.value ?? null;
+    }
+    const P = g(() => {
+      if (!c.value.trim()) return f.value;
+      const b = c.value.toLowerCase().trim();
+      return f.value.filter(
+        (z) => y(z).toLowerCase().includes(b)
+      );
+    }), D = g(() => {
+      if (t.source)
+        return P.value;
+      if (!c.value.trim()) return t.items;
+      const b = c.value.toLowerCase().trim();
+      return t.items.filter(
+        (z) => y(z).toLowerCase().includes(b)
+      );
+    }), B = g(() => {
+      const b = /* @__PURE__ */ new Map();
+      return t.items.forEach((z) => b.set($(z), z)), f.value.forEach((z) => b.set($(z), z)), Array.from(b.values());
+    }), q = g(() => {
+      if (r.value)
+        return c.value;
+      const b = B.value.find((z) => $(z) === i.value);
+      return b ? y(b) : "";
+    });
+    async function k(b) {
+      if (t.source) {
+        d.value = !0;
+        try {
+          const z = await fn(t.source, b);
+          f.value = z;
+        } catch (z) {
+          console.error(z), f.value = [];
+        } finally {
+          d.value = !1;
+        }
+      }
+    }
+    let S = null;
+    function O(b) {
+      t.searchable && (c.value = b, r.value = !0, o.value && !o.value.isOpen && o.value.open(), S && clearTimeout(S), S = window.setTimeout(() => {
+        t.source && k(b);
+      }, 200));
+    }
+    function p() {
+      t.disabled || (r.value = !0, c.value = "", u.value = -1, o.value && !o.value.isOpen && o.value.open(), t.source && f.value.length === 0 && k(""));
+    }
+    function V(b) {
+      const z = $(b);
+      s("update:modelValue", z), s("change", z), r.value = !1, c.value = y(b), u.value = -1, o.value && o.value.close();
+    }
+    function _() {
+      t.disabled || (s("update:modelValue", null), s("change", null), s("clear"), c.value = "", r.value = !1, u.value = -1);
+    }
+    function w(b) {
+      var N, Z, ae;
+      if (t.disabled) return;
+      if (!((N = o.value) == null ? void 0 : N.isOpen)) {
+        b.key === "ArrowDown" && (b.preventDefault(), (Z = o.value) == null || Z.open());
+        return;
+      }
+      switch (b.key) {
+        case "Escape":
+          b.preventDefault(), (ae = o.value) == null || ae.close(), r.value = !1;
+          break;
+        case "ArrowDown":
+          b.preventDefault(), u.value = u.value < D.value.length - 1 ? u.value + 1 : 0;
+          break;
+        case "ArrowUp":
+          b.preventDefault(), u.value = u.value > 0 ? u.value - 1 : D.value.length - 1;
+          break;
+        case "Enter":
+          if (u.value >= 0 && u.value < D.value.length) {
+            b.preventDefault();
+            const le = D.value[u.value];
+            le && V(le);
+          }
+          break;
+      }
+    }
+    return se(() => {
+      var b;
+      return (b = o.value) == null ? void 0 : b.isOpen;
+    }, (b) => {
+      b || setTimeout(() => {
+        r.value = !1;
+      }, 100);
+    }), (b, z) => (a(), n("div", pn, [
+      C(Ce, {
+        ref_key: "dropdownRef",
+        ref: o,
+        class: "ds-autocomplete__dropdown"
+      }, {
+        trigger: F(() => [
+          m("div", bn, [
+            C(ve, {
+              "model-value": q.value,
+              placeholder: e.placeholder,
+              disabled: e.disabled,
+              icon: "search",
+              error: e.error,
+              class: "ds-autocomplete__input",
+              "onUpdate:modelValue": O,
+              onFocus: p,
+              onKeydown: w
+            }, null, 8, ["model-value", "placeholder", "disabled", "error"]),
+            e.clearable && i.value ? (a(), n("button", {
+              key: 0,
+              type: "button",
+              class: "ds-autocomplete__clear",
+              onClick: Y(_, ["stop"])
+            }, [
+              C(R, {
+                name: "x",
+                size: "xs"
+              })
+            ])) : v("", !0)
+          ])
+        ]),
+        default: F(() => [
+          C(Fe, {
+            variant: "vertical",
+            class: "ds-autocomplete__menu-container"
+          }, {
+            default: F(() => [
+              h.value ? (a(), n("div", hn, [
+                C(je, {
+                  variant: "spinner",
+                  text: "در حال بارگذاری..."
+                })
+              ])) : D.value.length === 0 ? (a(), n("div", gn, " نتیجه‌ای یافت نشد ")) : (a(!0), n(U, { key: 2 }, H(D.value, (N, Z) => (a(), E(ue, {
+                key: String($(N)),
+                label: y(N),
+                active: $(N) === i.value || Z === u.value,
+                onClick: (ae) => V(N),
+                onMouseenter: (ae) => u.value = Z
+              }, null, 8, ["label", "active", "onClick", "onMouseenter"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 512)
+    ]));
+  }
+}), yn = /* @__PURE__ */ L(_n, [["__scopeId", "data-v-16547be0"]]), xe = De({
+  theme: "dark",
+  locale: "fa",
+  direction: "rtl",
+  permissions: ["finance.view", "roles.manage"],
+  data: {}
+});
+function kn(e) {
+  return e ? xe.permissions.includes(e) : !0;
+}
+function ki(e) {
+  xe.locale = e, Oe(e);
+}
+function wi(e) {
+  xe.direction = e, document.documentElement.dir = e;
+}
+const Ke = A({
+  name: "SchemaRenderer",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["event"],
+  setup(e, { emit: l }) {
+    const t = (s) => {
+      var u;
+      if (s.permission && !kn(s.permission))
+        return null;
+      if (s.type === "text" && !(s.props && Object.keys(s.props).some((y) => y !== "value"))) {
+        const y = ((u = s.props) == null ? void 0 : u.value) || "";
+        return y.includes(".") ? W(y) : y;
+      }
+      const o = T.get(s.type) || s.type, c = s.type === "accordion", r = s.children && !c ? s.children.map((h) => t(h)).filter(Boolean) : void 0, d = { ...s.props };
+      return c && s.children && (d.items = s.children), s.events && Object.entries(s.events).forEach(([h, y]) => {
+        const $ = `on${h.charAt(0).toUpperCase()}${h.slice(1)}`;
+        d[$] = (P) => {
+          l("event", { name: y, event: P, node: s });
+        };
+      }), Ie(o, d, r ? { default: () => r } : void 0);
+    };
+    return () => Array.isArray(e.schema) ? Ie("div", { class: "schema-tree" }, e.schema.map((s) => t(s)).filter(Boolean)) : t(e.schema);
+  }
+}), wn = {
+  class: "ds-accordion",
+  role: "presentation"
+}, $n = ["aria-expanded", "disabled", "onClick"], Cn = { class: "ds-accordion__title" }, xn = { class: "ds-accordion__content" }, Sn = { class: "ds-accordion__content-inner" }, In = /* @__PURE__ */ A({
+  __name: "Accordion",
+  props: {
+    items: { default: () => [] },
+    multiple: { type: Boolean, default: !1 },
+    defaultOpen: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = M([]), s = (o) => {
+      if (l.disabled) return;
+      t.value.indexOf(o) > -1 ? t.value = t.value.filter((r) => r !== o) : l.multiple ? t.value.push(o) : t.value = [o];
+    }, i = (o) => t.value.includes(o);
+    return ee(() => {
+      l.defaultOpen && l.items.length > 0 && (l.multiple ? t.value = l.items.map((o, c) => c) : t.value = [0]);
+    }), (o, c) => (a(), n("div", wn, [
+      (a(!0), n(U, null, H(e.items, (r, d) => (a(), n("div", {
+        key: d,
+        class: I([
+          "ds-accordion__item",
+          { "ds-accordion__item--open": i(d) },
+          { "ds-accordion__item--disabled": e.disabled }
+        ])
+      }, [
+        m("button", {
+          type: "button",
+          class: "ds-accordion__header",
+          "aria-expanded": i(d),
+          disabled: e.disabled,
+          onClick: (f) => s(d)
+        }, [
+          m("span", Cn, x(r.title.includes(".") ? K(W)(r.title) : r.title), 1),
+          C(R, {
+            name: "chevron-down",
+            size: "sm",
+            class: "ds-accordion__chevron"
+          })
+        ], 8, $n),
+        m("div", {
+          class: I([
+            "ds-accordion__content-wrapper",
+            { "ds-accordion__content-wrapper--open": i(d) }
+          ])
+        }, [
+          m("div", xn, [
+            m("div", Sn, [
+              C(Ke, {
+                schema: r.content
+              }, null, 8, ["schema"])
+            ])
+          ])
+        ], 2)
+      ], 2))), 128))
+    ]));
+  }
+}), Vn = /* @__PURE__ */ L(In, [["__scopeId", "data-v-b19dcd03"]]), Bn = { class: "ds-alert__main" }, zn = { class: "ds-alert__icon-container" }, Dn = { class: "ds-alert__content" }, An = { class: "ds-alert__text-group" }, Ln = {
+  key: 0,
+  class: "ds-alert__title"
+}, Tn = {
+  key: 1,
+  class: "ds-alert__description"
+}, En = {
+  key: 0,
+  class: "ds-alert__actions"
+}, Mn = ["aria-label"], Pn = /* @__PURE__ */ A({
+  __name: "Alert",
+  props: {
+    variant: { default: "info" },
+    title: {},
+    description: {},
+    dismissible: { type: Boolean, default: !1 },
+    actions: { default: () => [] },
+    layout: { default: "column" }
+  },
+  setup(e) {
+    const l = e, t = M(!1), s = () => {
+      t.value = !0;
+    }, i = g(() => {
+      switch (l.variant) {
+        case "success":
+          return "check";
+        case "warning":
+        case "danger":
+          return "alert-circle";
+        case "info":
+        case "primary":
+        case "secondary":
+        default:
+          return "info";
+      }
+    }), o = g(() => [
+      "ds-alert",
+      `ds-alert--${l.variant}`,
+      `ds-alert--layout-${l.layout}`
+    ]);
+    return (c, r) => t.value ? v("", !0) : (a(), n("div", {
+      key: 0,
+      class: I(o.value),
+      role: "alert"
+    }, [
+      m("div", Bn, [
+        m("div", zn, [
+          C(R, {
+            name: i.value,
+            size: "lg"
+          }, null, 8, ["name"])
+        ]),
+        m("div", Dn, [
+          m("div", An, [
+            e.title ? (a(), n("h4", Ln, x(e.title.includes(".") ? K(W)(e.title) : e.title), 1)) : v("", !0),
+            e.description ? (a(), n("p", Tn, x(e.description.includes(".") ? K(W)(e.description) : e.description), 1)) : v("", !0)
+          ]),
+          e.actions && e.actions.length > 0 ? (a(), n("div", En, [
+            (a(!0), n(U, null, H(e.actions, (d, f) => (a(), E(Ke, {
+              key: f,
+              schema: d
+            }, null, 8, ["schema"]))), 128))
+          ])) : v("", !0)
+        ]),
+        e.dismissible ? (a(), n("button", {
+          key: 0,
+          type: "button",
+          class: "ds-alert__dismiss-btn",
+          onClick: s,
+          "aria-label": K(W)("common.close") || "Close"
+        }, [
+          C(R, {
+            name: "x",
+            size: "lg"
+          })
+        ], 8, Mn)) : v("", !0)
+      ])
+    ], 2));
+  }
+}), On = /* @__PURE__ */ L(Pn, [["__scopeId", "data-v-6a1f2796"]]), Rn = ["aria-valuenow", "aria-valuemax"], Nn = {
+  key: 0,
+  class: "ds-progress__header"
+}, Fn = {
+  key: 0,
+  class: "ds-progress__label"
+}, Un = {
+  key: 1,
+  class: "ds-progress__value"
+}, qn = { class: "ds-progress__track" }, jn = /* @__PURE__ */ A({
+  __name: "Progress",
+  props: {
+    value: { default: 0 },
+    max: { default: 100 },
+    label: {},
+    showValue: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const l = e, t = g(() => {
+      const s = Math.max(0, Math.min(l.value, l.max));
+      return Math.round(s / l.max * 100);
+    });
+    return (s, i) => (a(), n("div", {
+      class: "ds-progress",
+      role: "progressbar",
+      "aria-valuenow": e.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max
+    }, [
+      e.label || e.showValue ? (a(), n("div", Nn, [
+        e.label ? (a(), n("span", Fn, x(e.label.includes(".") ? K(W)(e.label) : e.label), 1)) : v("", !0),
+        e.showValue ? (a(), n("span", Un, x(t.value) + "% ", 1)) : v("", !0)
+      ])) : v("", !0),
+      m("div", qn, [
+        m("div", {
+          class: "ds-progress__bar",
+          style: Q({ width: `${t.value}%` })
+        }, null, 4)
+      ])
+    ], 8, Rn));
+  }
+}), Kn = /* @__PURE__ */ L(jn, [["__scopeId", "data-v-24d1420d"]]), Hn = {
+  class: "ds-breadcrumb",
+  "aria-label": "Breadcrumb"
+}, Wn = { class: "ds-breadcrumb__list" }, Gn = {
+  key: 0,
+  class: "ds-breadcrumb__separator",
+  "aria-hidden": "true"
+}, Yn = {
+  key: 1,
+  class: "ds-breadcrumb__current",
+  "aria-current": "page"
+}, Xn = ["href", "onClick"], Zn = /* @__PURE__ */ A({
+  __name: "Breadcrumb",
+  props: {
+    items: { default: () => [] },
+    separator: { default: "/" }
+  },
+  emits: ["navigate"],
+  setup(e, { emit: l }) {
+    const t = l, s = (i) => {
+      i && t("navigate", i);
+    };
+    return (i, o) => (a(), n("nav", Hn, [
+      m("ol", Wn, [
+        (a(!0), n(U, null, H(e.items, (c, r) => (a(), n("li", {
+          key: r,
+          class: "ds-breadcrumb__item"
+        }, [
+          r > 0 ? (a(), n("span", Gn, x(e.separator), 1)) : v("", !0),
+          r === e.items.length - 1 ? (a(), n("span", Yn, x(c.label.includes(".") ? K(W)(c.label) : c.label), 1)) : (a(), n("a", {
+            key: 2,
+            href: c.path || "#",
+            class: "ds-breadcrumb__link",
+            onClick: Y((d) => s(c.path), ["prevent"])
+          }, x(c.label.includes(".") ? K(W)(c.label) : c.label), 9, Xn))
+        ]))), 128))
+      ])
+    ]));
+  }
+}), Jn = /* @__PURE__ */ L(Zn, [["__scopeId", "data-v-3500518b"]]), Qn = ["tabindex"], eo = { class: "ds-chip__label" }, to = ["disabled", "aria-label"], ao = /* @__PURE__ */ A({
+  __name: "Chip",
+  props: {
+    label: {},
+    icon: {},
+    closable: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["close", "click"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = (r) => {
+      r.stopPropagation(), !t.disabled && s("close");
+    }, o = () => {
+      t.disabled || s("click");
+    }, c = g(() => [
+      "ds-chip",
+      { "ds-chip--disabled": t.disabled },
+      { "ds-chip--interactive": !t.disabled }
+    ]);
+    return (r, d) => (a(), n("div", {
+      class: I(c.value),
+      onClick: o,
+      role: "button",
+      tabindex: e.disabled ? -1 : 0
+    }, [
+      e.icon ? (a(), E(R, {
+        key: 0,
+        name: e.icon,
+        size: "xs",
+        class: "ds-chip__icon"
+      }, null, 8, ["name"])) : v("", !0),
+      m("span", eo, x(e.label.includes(".") ? K(W)(e.label) : e.label), 1),
+      e.closable ? (a(), n("button", {
+        key: 1,
+        type: "button",
+        class: "ds-chip__close-btn",
+        disabled: e.disabled,
+        onClick: i,
+        "aria-label": K(W)("common.remove") || "Remove"
+      }, [
+        C(R, {
+          name: "x",
+          size: "xs"
+        })
+      ], 8, to)) : v("", !0)
+    ], 10, Qn));
+  }
+}), so = /* @__PURE__ */ L(ao, [["__scopeId", "data-v-6f58d89d"]]), lo = { class: "ds-command-trigger__left" }, no = { class: "ds-command-trigger__shortcut-group" }, oo = { class: "ds-command-key" }, io = {
+  key: 0,
+  class: "ds-command-key-separator"
+}, ro = {
+  class: "ds-command-dialog",
+  role: "dialog",
+  "aria-modal": "true"
+}, co = { class: "ds-command-dialog__header" }, uo = ["placeholder"], mo = { class: "ds-command-dialog__body" }, vo = {
+  key: 0,
+  class: "ds-command-list"
+}, fo = ["onClick", "onMouseenter"], po = { class: "ds-command-item__left" }, bo = { class: "ds-command-item__label" }, ho = { class: "ds-command-item__action-hint" }, go = { class: "ds-command-item__action-text" }, _o = {
+  key: 1,
+  class: "ds-command-empty"
+}, yo = /* @__PURE__ */ A({
+  __name: "CommandMenu",
+  props: {
+    items: { default: () => [] },
+    searchable: { type: Boolean, default: !0 },
+    shortcut: { default: "Ctrl+K" },
+    placeholder: { default: "Search" }
+  },
+  emits: ["select", "navigate"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, { locale: i } = Re(), o = g(() => t.shortcut ? t.shortcut.split("+") : []), c = M(!1), r = M(""), d = M(0), f = M(null), u = (k) => {
+      const S = t.shortcut.toLowerCase().split("+"), O = S[S.length - 1], p = S.includes("ctrl") || S.includes("control"), V = S.includes("meta") || S.includes("cmd") || S.includes("⌘"), _ = S.includes("alt"), w = S.includes("shift");
+      return O && k.key.toLowerCase() === O ? !(p && !k.ctrlKey || V && !k.metaKey || _ && !k.altKey || w && !k.shiftKey) : !1;
+    }, h = (k) => {
+      u(k) ? (k.preventDefault(), y()) : c.value && (k.key === "Escape" ? (k.preventDefault(), P()) : k.key === "ArrowDown" ? (k.preventDefault(), d.value = (d.value + 1) % B.value.length) : k.key === "ArrowUp" ? (k.preventDefault(), d.value = (d.value - 1 + B.value.length) % B.value.length) : k.key === "Enter" && (k.preventDefault(), B.value[d.value] && D(B.value[d.value])));
+    };
+    ee(() => {
+      window.addEventListener("keydown", h);
+    }), Ze(() => {
+      window.removeEventListener("keydown", h), document.body.style.overflow = "";
+    });
+    const y = () => {
+      c.value ? P() : $();
+    }, $ = () => {
+      c.value = !0, r.value = "", d.value = 0, document.body.style.overflow = "hidden", Je(() => {
+        var k;
+        (k = f.value) == null || k.focus();
+      });
+    }, P = () => {
+      c.value = !1, document.body.style.overflow = "";
+    }, D = (k) => {
+      if (s("select", k), k.action.startsWith("navigate:")) {
+        const S = k.action.replace("navigate:", "");
+        s("navigate", S);
+      }
+      P();
+    }, B = g(() => {
+      const k = r.value.trim().toLowerCase();
+      return k ? t.items.filter((S) => {
+        const O = W(S.label).toLowerCase(), p = S.label.toLowerCase();
+        return O.includes(k) || p.includes(k);
+      }) : t.items;
+    });
+    se(B, () => {
+      d.value = 0;
+    });
+    const q = (k) => {
+      k.target === k.currentTarget && P();
+    };
+    return (k, S) => (a(), n("div", null, [
+      m("button", {
+        type: "button",
+        class: "ds-command-trigger",
+        onClick: $
+      }, [
+        m("span", lo, [
+          C(R, {
+            name: "search",
+            size: "sm"
+          }),
+          m("span", null, x(e.placeholder.includes(".") ? K(W)(e.placeholder) : e.placeholder), 1)
+        ]),
+        m("span", no, [
+          (a(!0), n(U, null, H(o.value, (O, p) => (a(), n(U, { key: p }, [
+            m("kbd", oo, x(O), 1),
+            p < o.value.length - 1 ? (a(), n("span", io, "+")) : v("", !0)
+          ], 64))), 128))
+        ])
+      ]),
+      C(te, { name: "ds-command-fade" }, {
+        default: F(() => [
+          c.value ? (a(), n("div", {
+            key: 0,
+            class: "ds-command-overlay",
+            onClick: q
+          }, [
+            m("div", ro, [
+              m("div", co, [
+                C(R, {
+                  name: "search",
+                  size: "md",
+                  class: "ds-command-dialog__search-icon"
+                }),
+                ce(m("input", {
+                  ref_key: "searchInput",
+                  ref: f,
+                  type: "text",
+                  "onUpdate:modelValue": S[0] || (S[0] = (O) => r.value = O),
+                  class: "ds-command-dialog__input",
+                  placeholder: e.placeholder.includes(".") ? K(W)(e.placeholder) : e.placeholder,
+                  "aria-label": "Search commands"
+                }, null, 8, uo), [
+                  [Ae, r.value]
+                ]),
+                S[1] || (S[1] = m("kbd", { class: "ds-command-dialog__escape-kbd" }, "ESC", -1))
+              ]),
+              m("div", mo, [
+                B.value.length > 0 ? (a(), n("ul", vo, [
+                  (a(!0), n(U, null, H(B.value, (O, p) => (a(), n("li", {
+                    key: O.id,
+                    class: I([
+                      "ds-command-item",
+                      { "ds-command-item--active": p === d.value }
+                    ]),
+                    onClick: (V) => D(O),
+                    onMouseenter: (V) => d.value = p
+                  }, [
+                    m("div", po, [
+                      O.icon ? (a(), E(R, {
+                        key: 0,
+                        name: O.icon,
+                        size: "sm",
+                        class: "ds-command-item__icon"
+                      }, null, 8, ["name"])) : v("", !0),
+                      m("span", bo, x(O.label.includes(".") ? K(W)(O.label) : O.label), 1)
+                    ]),
+                    m("span", ho, [
+                      m("span", go, x(O.action.startsWith("navigate:") ? K(i) === "fa" ? "انتقال" : "Go" : K(i) === "fa" ? "اجرا" : "Run"), 1),
+                      C(R, {
+                        name: K(i) === "fa" ? "arrow-left" : "arrow-right",
+                        size: "xs",
+                        class: "ds-command-item__action-icon"
+                      }, null, 8, ["name"])
+                    ])
+                  ], 42, fo))), 128))
+                ])) : (a(), n("div", _o, x(K(W)("common.no_results") || "نتیجه‌ای یافت نشد (No results found)"), 1))
+              ])
+            ])
+          ])) : v("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), ko = /* @__PURE__ */ L(yo, [["__scopeId", "data-v-f884cb60"]]), wo = { class: "ds-user-card__info" }, $o = /* @__PURE__ */ A({
+  __name: "UserCard",
+  props: {
+    name: { default: "User" },
+    role: { default: "Admin" },
+    avatar: { default: "" },
+    collapsed: { type: Boolean, default: !1 },
+    icon: { default: "more" },
+    squareAvatar: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("div", {
+      class: I(["ds-user-card", { "ds-user-card--collapsed": e.collapsed }])
+    }, [
+      e.avatar ? (a(), E(re, {
+        key: 0,
+        src: e.avatar,
+        size: "sm",
+        square: e.squareAvatar
+      }, null, 8, ["src", "square"])) : (a(), E(re, {
+        key: 1,
+        name: e.name,
+        size: "sm",
+        square: e.squareAvatar
+      }, null, 8, ["name", "square"])),
+      ce(m("div", wo, [
+        C(G, {
+          variant: "body-sm",
+          class: "ds-user-card__name"
+        }, {
+          default: F(() => [
+            X(x(e.name), 1)
+          ]),
+          _: 1
+        }),
+        C(G, {
+          variant: "caption",
+          class: "ds-user-card__role"
+        }, {
+          default: F(() => [
+            X(x(e.role), 1)
+          ]),
+          _: 1
+        })
+      ], 512), [
+        [Ve, !e.collapsed]
+      ]),
+      ce(C(R, {
+        name: e.icon,
+        size: "sm",
+        class: "ds-user-card__action"
+      }, null, 8, ["name"]), [
+        [Ve, !e.collapsed]
+      ])
+    ], 2));
+  }
+}), He = /* @__PURE__ */ L($o, [["__scopeId", "data-v-0c875206"]]), Co = ["width", "height"], xo = /* @__PURE__ */ A({
+  __name: "Logo",
+  props: {
+    size: { default: 24 }
+  },
+  setup(e) {
+    return (l, t) => (a(), n("svg", {
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 350 350",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      class: "ds-logo"
+    }, [...t[0] || (t[0] = [
+      m("path", {
+        d: "M230.086 142.387C230.183 142.388 230.279 142.388 230.376 142.391C247.378 142.805 261.194 156.063 262.493 172.831C262.501 172.828 262.509 172.824 262.517 172.82C262.583 173.678 262.619 174.544 262.619 175.419C262.619 193.666 247.828 208.457 229.581 208.457C211.334 208.457 196.543 193.666 196.543 175.419C196.543 157.177 211.328 142.388 229.568 142.381C229.741 142.381 229.914 142.384 230.086 142.387Z",
+        fill: "currentColor"
+      }, null, -1),
+      m("path", {
+        d: "M83.709 160.57C91.9096 160.57 98.5576 167.218 98.5576 175.419C98.5576 183.62 91.9096 190.268 83.709 190.268C75.5086 190.267 68.8614 183.619 68.8613 175.419C68.8613 167.218 75.5085 160.571 83.709 160.57Z",
+        fill: "currentColor"
+      }, null, -1),
+      m("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M305 0C329.853 4.18769e-06 350 20.1472 350 45V305C350 329.853 329.853 350 305 350H45C20.1472 350 1.36923e-06 329.853 0 305V45C4.18824e-06 20.1472 20.1472 1.36905e-06 45 0H305ZM229.557 102C229.438 102 229.32 102.001 229.201 102.002C228.932 102.003 228.663 102.005 228.395 102.009C228.071 102.014 227.748 102.023 227.425 102.032C227.368 102.034 227.312 102.034 227.256 102.036C226.948 102.046 226.64 102.058 226.333 102.071C226.251 102.075 226.168 102.077 226.086 102.081C225.723 102.098 225.36 102.118 224.998 102.141C224.986 102.141 224.974 102.142 224.962 102.143C202.145 103.552 182.149 115.382 169.675 132.932C169.679 132.925 169.683 132.919 169.687 132.913C146.755 157.756 135.638 168.421 105.954 146.218C105.799 146.1 105.644 145.982 105.487 145.866C105.314 145.735 105.137 145.605 104.962 145.472C104.986 145.493 105.011 145.516 105.035 145.537C99.0239 141.239 91.6619 138.709 83.709 138.709C63.4351 138.709 47 155.145 47 175.419C47 195.693 63.4352 212.128 83.709 212.128C91.6626 212.128 99.0246 209.597 105.036 205.299C105.011 205.321 104.987 205.344 104.962 205.366C105.148 205.224 105.336 205.085 105.521 204.945C105.652 204.848 105.782 204.75 105.912 204.651C135.627 182.407 146.744 193.071 169.687 217.925C169.646 217.855 169.605 217.785 169.564 217.716C182.857 236.542 204.783 248.838 229.581 248.838C270.129 248.838 303 215.967 303 175.419C303 136.241 272.312 104.23 233.663 102.112C233.656 102.112 233.649 102.112 233.643 102.111C232.784 102.065 231.921 102.033 231.055 102.016C230.981 102.014 230.908 102.013 230.834 102.012C230.417 102.005 230 102 229.581 102H229.557Z",
+        fill: "currentColor"
+      }, null, -1)
+    ])], 8, Co));
+  }
+}), So = /* @__PURE__ */ L(xo, [["__scopeId", "data-v-a8066800"]]), Io = { class: "ds-sidebar__header" }, Vo = { class: "ds-sidebar__nav" }, Bo = { class: "ds-sidebar__footer" }, zo = {
+  key: 0,
+  class: "ds-sidebar__divider-line"
+}, Do = {
+  key: 1,
+  class: "ds-sidebar__child"
+}, Ao = { class: "ds-sidebar__child-dropdown" }, Lo = { class: "ds-sidebar__child-items" }, To = ["onClick"], Eo = /* @__PURE__ */ A({
+  __name: "SidebarNav",
+  props: {
+    navigation: { default: () => [] },
+    activeId: { default: "" },
+    brand: { default: () => ({ icon: "logo", title: "" }) },
+    userName: { default: "User" },
+    userRole: { default: "Admin" },
+    userAvatar: { default: "" },
+    footer: { default: () => [] },
+    collapsed: { type: Boolean, default: !0 },
+    profile: { default: () => ({ enabled: !0 }) }
+  },
+  emits: ["navigate"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = M(""), o = M(!1);
+    se(() => t.activeId, (y) => {
+      var $, P;
+      if (y) {
+        for (const D of t.navigation) {
+          if (D.id === y) {
+            i.value = D.id, o.value = !!(D.children && D.children.length > 0);
+            return;
+          }
+          if (($ = D.children) != null && $.some((B) => B.id === y)) {
+            i.value = D.id, o.value = !0;
+            return;
+          }
+        }
+        for (const D of t.footer) {
+          if (D.id === y) {
+            i.value = D.id, o.value = !!(D.children && D.children.length > 0);
+            return;
+          }
+          if ((P = D.children) != null && P.some((B) => B.id === y)) {
+            i.value = D.id, o.value = !0;
+            return;
+          }
+        }
+      }
+    }, { immediate: !0 });
+    const c = g(() => i.value && (t.navigation.find((y) => y.id === i.value) || t.footer.find((y) => y.id === i.value)) || null);
+    function r(y) {
+      if (t.navigation.some((P) => P.id === y) || t.footer.some((P) => P.id === y)) {
+        i.value = y;
+        const P = [...t.navigation, ...t.footer].find((D) => D.id === y);
+        o.value = !!(P != null && P.children && P.children.length > 0);
+      }
+      s("navigate", y);
+    }
+    function d(y) {
+      r(y.value);
+    }
+    function f() {
+      o.value = !o.value;
+    }
+    function u(y) {
+      var $;
+      return !!(y.id === t.activeId || ($ = y.children) != null && $.some((P) => P.id === t.activeId));
+    }
+    const h = g(() => (t.navigation || []).map((y) => ({
+      id: y.id,
+      label: y.label,
+      value: y.id
+    })));
+    return (y, $) => {
+      var P, D, B, q;
+      return a(), n("div", {
+        class: I(["ds-sidebar-container", { "ds-sidebar-container--child-closed": !o.value }])
+      }, [
+        m("aside", {
+          class: I(["ds-sidebar", { "ds-sidebar--collapsed": e.collapsed }])
+        }, [
+          m("div", Io, [
+            e.brand.icon ? (a(), E(So, {
+              key: 0,
+              size: 24,
+              class: "ds-sidebar__logo-icon"
+            })) : v("", !0),
+            e.brand.title ? (a(), E(G, {
+              key: 1,
+              variant: "body-md",
+              class: "ds-sidebar__brand-title"
+            }, {
+              default: F(() => [
+                X(x(e.brand.title), 1)
+              ]),
+              _: 1
+            })) : v("", !0)
+          ]),
+          m("nav", Vo, [
+            (a(!0), n(U, null, H(e.navigation, (k) => (a(), E(ke, {
+              key: k.id,
+              text: k.label,
+              position: "end"
+            }, {
+              default: F(() => [
+                C(ue, {
+                  label: k.label,
+                  icon: k.icon || "menu",
+                  active: u(k),
+                  onClick: (S) => r(k.id)
+                }, null, 8, ["label", "icon", "active", "onClick"])
+              ]),
+              _: 2
+            }, 1032, ["text"]))), 128))
+          ]),
+          m("div", Bo, [
+            (a(!0), n(U, null, H(e.footer, (k) => (a(), E(ke, {
+              key: k.id,
+              text: k.label,
+              position: "end"
+            }, {
+              default: F(() => [
+                C(ue, {
+                  label: k.label,
+                  icon: k.icon || "settings",
+                  active: u(k),
+                  onClick: (S) => r(k.id)
+                }, null, 8, ["label", "icon", "active", "onClick"])
+              ]),
+              _: 2
+            }, 1032, ["text"]))), 128)),
+            (P = e.profile) != null && P.enabled ? (a(), E(Ne, {
+              key: 0,
+              class: "ds-sidebar__divider"
+            })) : v("", !0),
+            (D = e.profile) != null && D.enabled ? (a(), E(He, {
+              key: 1,
+              name: e.userName,
+              role: e.userRole,
+              avatar: e.userAvatar,
+              collapsed: !0,
+              icon: "more"
+            }, null, 8, ["name", "role", "avatar"])) : v("", !0),
+            C(Ue, {
+              icon: o.value ? "minimize-2" : "maximize-2",
+              variant: "ghost",
+              class: "ds-sidebar__child-toggle",
+              onClick: f
+            }, null, 8, ["icon"])
+          ])
+        ], 2),
+        o.value ? (a(), n("div", zo)) : v("", !0),
+        o.value ? (a(), n("div", Do, [
+          m("div", Ao, [
+            C(Ce, {
+              items: h.value,
+              label: ((B = c.value) == null ? void 0 : B.label) || "",
+              icon: "chevron-down",
+              onSelect: d
+            }, null, 8, ["items", "label"])
+          ]),
+          m("div", Lo, [
+            (a(!0), n(U, null, H((q = c.value) == null ? void 0 : q.children, (k) => (a(), n("div", {
+              key: k.id,
+              class: I(["ds-sidebar__child-item", { "ds-sidebar__child-item--active": e.activeId === k.id }]),
+              onClick: (S) => r(k.id)
+            }, [
+              C(R, {
+                name: k.icon || "menu",
+                size: "sm",
+                class: "ds-sidebar__child-item-icon"
+              }, null, 8, ["name"]),
+              C(G, {
+                variant: "body-md",
+                class: "ds-sidebar__child-item-label"
+              }, {
+                default: F(() => [
+                  X(x(k.label), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ], 10, To))), 128))
+          ])
+        ])) : v("", !0)
+      ], 2);
+    };
+  }
+}), Mo = /* @__PURE__ */ L(Eo, [["__scopeId", "data-v-3db29d1e"]]), Po = ["aria-checked", "onClick"], Oo = { key: 1 }, Ro = /* @__PURE__ */ A({
+  __name: "ActionToggle",
+  props: {
+    options: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    Qe((c) => ({
+      e93204aa: c.options.length,
+      v5dcfebbd: c.modelValue
+    }));
+    const t = e, s = l;
+    function i(c) {
+      s("update:modelValue", c);
+    }
+    function o(c) {
+      c.key === "ArrowRight" || c.key === "ArrowDown" ? (c.preventDefault(), i((t.modelValue + 1) % t.options.length)) : (c.key === "ArrowLeft" || c.key === "ArrowUp") && (c.preventDefault(), i((t.modelValue - 1 + t.options.length) % t.options.length));
+    }
+    return (c, r) => (a(), n("div", {
+      class: "ds-action-toggle",
+      tabindex: "0",
+      role: "radiogroup",
+      onKeydown: o
+    }, [
+      r[0] || (r[0] = m("div", { class: "ds-action-toggle__thumb" }, null, -1)),
+      (a(!0), n(U, null, H(e.options, (d, f) => (a(), n("div", {
+        key: f,
+        class: I(["ds-action-toggle__option", { "ds-action-toggle__option--active": e.modelValue === f }]),
+        role: "radio",
+        "aria-checked": e.modelValue === f,
+        onClick: Y((u) => i(f), ["stop"])
+      }, [
+        d.icon ? (a(), E(R, {
+          key: 0,
+          name: d.icon,
+          size: "md"
+        }, null, 8, ["name"])) : v("", !0),
+        d.label ? (a(), n("span", Oo, x(d.label), 1)) : v("", !0)
+      ], 10, Po))), 128))
+    ], 32));
+  }
+}), No = /* @__PURE__ */ L(Ro, [["__scopeId", "data-v-b0cca134"]]), Fo = ["disabled"], Uo = { key: 1 }, qo = /* @__PURE__ */ A({
+  __name: "ToggleButton",
+  props: {
+    offLabel: {},
+    onLabel: {},
+    offIcon: {},
+    onIcon: {},
+    modelValue: { type: Boolean },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = g(() => t.modelValue ? t.onLabel : t.offLabel), o = g(() => t.modelValue ? t.onIcon : t.offIcon), c = g(() => {
+      switch (t.size) {
+        case "sm":
+          return "sm";
+        case "md":
+          return "md";
+        case "lg":
+          return "button-lg";
+        default:
+          return "md";
+      }
+    }), r = g(() => [
+      "ds-toggle-btn",
+      `ds-toggle-btn--${t.size}`,
+      {
+        "ds-toggle-btn--on": t.modelValue,
+        "ds-toggle-btn--disabled": t.disabled,
+        "ds-toggle-btn--icon-only": !i.value && !!o.value
+      }
+    ]);
+    function d() {
+      t.disabled || s("update:modelValue", !t.modelValue);
+    }
+    return (f, u) => (a(), n("button", {
+      class: I(r.value),
+      disabled: e.disabled,
+      onClick: d
+    }, [
+      o.value ? (a(), E(R, {
+        key: 0,
+        name: o.value,
+        size: c.value
+      }, null, 8, ["name", "size"])) : v("", !0),
+      i.value ? (a(), n("span", Uo, x(i.value), 1)) : v("", !0)
+    ], 10, Fo));
+  }
+}), jo = /* @__PURE__ */ L(qo, [["__scopeId", "data-v-e197f8b7"]]), Ko = ["aria-label", "onClick"], Ho = { key: 1 }, Wo = ["aria-label", "aria-pressed"], Go = ["src", "alt"], Yo = { class: "ds-swipe-item__body" }, Xo = {
+  key: 0,
+  class: "ds-swipe-item__title"
+}, Zo = {
+  key: 1,
+  class: "ds-swipe-item__description"
+}, Jo = {
+  key: 2,
+  class: "ds-swipe-item__timestamp"
+}, _e = 92, Qo = 0.3, ei = /* @__PURE__ */ A({
+  __name: "SwipeItem",
+  props: {
+    id: {},
+    variant: { default: "secondary" },
+    icon: { default: "" },
+    image: { default: "" },
+    title: {},
+    description: {},
+    timestamp: {},
+    actions: { default: () => [{ id: "delete", label: "Delete", icon: "trash", variant: "danger" }] },
+    disabled: { type: Boolean, default: !1 },
+    unread: { type: Boolean, default: !1 },
+    read: { type: Boolean, default: !1 }
+  },
+  emits: ["action"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = M(0), o = M(0), c = M(!1), r = M(!1), d = M(0), f = g(
+      () => r.value ? 0 : Math.min(0, i.value + o.value)
+    ), u = g(() => r.value ? { transform: "translateX(-100%)" } : {
+      transform: `translateX(${f.value}px)`,
+      transition: c.value ? "none" : void 0
+    }), h = g(
+      () => r.value ? { maxHeight: "0", marginBottom: "0", overflow: "hidden", pointerEvents: "none", opacity: "0" } : {}
+    ), y = g(() => `${t.actions.length * _e}px`), $ = {
+      default: { bg: "var(--alert-default-bg)", fg: "var(--alert-default-icon)" },
+      primary: { bg: "var(--color-primary-bg)", fg: "var(--color-primary)" },
+      secondary: { bg: "var(--alert-secondary-bg)", fg: "var(--alert-secondary-icon)" },
+      success: { bg: "var(--alert-success-bg)", fg: "var(--alert-success-icon)" },
+      warning: { bg: "var(--alert-warning-bg)", fg: "var(--alert-warning-icon)" },
+      danger: { bg: "var(--alert-danger-bg)", fg: "var(--alert-danger-icon)" }
+    }, P = g(() => $[t.variant].bg), D = g(() => $[t.variant].fg), B = g(() => $[t.variant].fg);
+    function q(w) {
+      t.disabled || r.value || (c.value = !0, d.value = w.clientX, o.value = 0, w.currentTarget.setPointerCapture(w.pointerId));
+    }
+    function k(w) {
+      !c.value || t.disabled || (o.value = w.clientX - d.value);
+    }
+    function S(w) {
+      var N;
+      if (!c.value) return;
+      c.value = !1, w.currentTarget.releasePointerCapture(w.pointerId);
+      const b = Math.abs(f.value), z = ((N = w.currentTarget.parentElement) == null ? void 0 : N.offsetWidth) || 300;
+      if (b > z * Qo) {
+        i.value = -z, setTimeout(() => {
+          r.value = !0, setTimeout(() => s("action", t.id, "__delete"), 300);
+        }, 150);
+        return;
+      }
+      i.value = b > _e / 2 ? -_e * t.actions.length : 0, o.value = 0;
+    }
+    function O() {
+      c.value = !1, i.value = 0, o.value = 0;
+    }
+    function p(w) {
+      t.disabled || ((w.key === "Delete" || w.key === "Backspace") && V(), w.key === "Escape" && (i.value = 0, o.value = 0));
+    }
+    function V() {
+      r.value = !0, setTimeout(() => s("action", t.id, "__delete"), 300);
+    }
+    function _(w) {
+      if (w === "__delete" || w === "delete") {
+        V();
+        return;
+      }
+      i.value = 0, s("action", t.id, w);
+    }
+    return (w, b) => (a(), n("div", {
+      class: I([
+        "ds-swipe-item",
+        `ds-swipe-item--${e.variant}`,
+        e.unread && !e.read && "ds-swipe-item--unread",
+        e.read && "ds-swipe-item--read",
+        r.value && "ds-swipe-item--deleting"
+      ]),
+      style: Q(h.value)
+    }, [
+      e.unread ? (a(), n("span", {
+        key: 0,
+        class: "ds-swipe-item__unread-bar",
+        style: Q({ backgroundColor: B.value, opacity: e.read ? 0.3 : 1 }),
+        "aria-hidden": "true"
+      }, null, 4)) : v("", !0),
+      e.actions.length > 0 ? (a(), n("div", {
+        key: 1,
+        class: "ds-swipe-item__actions",
+        style: Q({ width: y.value })
+      }, [
+        (a(!0), n(U, null, H(e.actions, (z) => (a(), n("button", {
+          key: z.id,
+          class: I(["ds-swipe-item__action-btn", `ds-swipe-item__action-btn--${z.variant || "secondary"}`]),
+          "aria-label": z.label,
+          onClick: (N) => _(z.id)
+        }, [
+          z.icon ? (a(), E(R, {
+            key: 0,
+            name: z.icon,
+            size: "sm"
+          }, null, 8, ["name"])) : (a(), n("span", Ho, x(z.label), 1))
+        ], 10, Ko))), 128))
+      ], 4)) : v("", !0),
+      m("div", {
+        class: I(["ds-swipe-item__content", c.value && "ds-swipe-item__content--dragging"]),
+        style: Q(u.value),
+        tabindex: "0",
+        role: "button",
+        "aria-label": e.title,
+        "aria-pressed": !e.unread || e.read,
+        onPointerdown: q,
+        onPointermove: k,
+        onPointerup: S,
+        onPointercancel: O,
+        onKeydown: p
+      }, [
+        m("span", {
+          class: "ds-swipe-item__icon-bg",
+          style: Q({ backgroundColor: P.value, color: D.value })
+        }, [
+          e.image ? (a(), n("img", {
+            key: 0,
+            src: e.image,
+            alt: e.title || "",
+            class: "ds-swipe-item__image",
+            loading: "lazy"
+          }, null, 8, Go)) : e.icon ? (a(), E(R, {
+            key: 1,
+            name: e.icon,
+            size: "sm",
+            class: "ds-swipe-item__icon"
+          }, null, 8, ["name"])) : v("", !0)
+        ], 4),
+        m("span", Yo, [
+          e.title ? (a(), n("span", Xo, x(e.title), 1)) : v("", !0),
+          e.description ? (a(), n("span", Zo, x(e.description), 1)) : v("", !0),
+          e.timestamp ? (a(), n("span", Jo, [
+            C(R, {
+              name: "clock",
+              size: "xs"
+            }),
+            X(" " + x(e.timestamp), 1)
+          ])) : v("", !0)
+        ])
+      ], 46, Wo)
+    ], 6));
+  }
+}), ti = /* @__PURE__ */ L(ei, [["__scopeId", "data-v-89954b5e"]]), ai = { class: "ds-notification-panel" }, si = { class: "ds-notification-panel__list" }, li = /* @__PURE__ */ A({
+  __name: "NotificationPanel",
+  props: {
+    items: {},
+    viewMoreLabel: { default: "مشاهده بیشتر" }
+  },
+  emits: ["action", "view-more"],
+  setup(e) {
+    return (l, t) => (a(), n("div", ai, [
+      m("div", si, [
+        (a(!0), n(U, null, H(e.items, (s) => (a(), E(ti, Le({
+          key: s.id
+        }, { ref_for: !0 }, s, {
+          onAction: t[0] || (t[0] = (i, o) => l.$emit("action", i, o))
+        }), null, 16))), 128))
+      ]),
+      e.viewMoreLabel ? (a(), n("button", {
+        key: 0,
+        class: "ds-notification-panel__view-more",
+        onClick: t[1] || (t[1] = (s) => l.$emit("view-more"))
+      }, [
+        m("span", null, x(e.viewMoreLabel), 1)
+      ])) : v("", !0)
+    ]));
+  }
+}), ni = /* @__PURE__ */ L(li, [["__scopeId", "data-v-27533156"]]), oi = { class: "ds-notification-bell__inner" }, ii = {
+  key: 0,
+  class: "ds-notification-bell__dot"
+}, ri = {
+  key: 0,
+  class: "ds-notification-bell__panel"
+}, ci = /* @__PURE__ */ A({
+  __name: "NotificationBell",
+  props: {
+    unread: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    items: { default: () => [] },
+    viewMoreLabel: { default: "مشاهده بیشتر" }
+  },
+  emits: ["read", "action", "view-more"],
+  setup(e, { emit: l }) {
+    const t = e, s = l, i = M(!1), o = M(null), c = g(() => {
+      switch (t.size) {
+        case "sm":
+          return "sm";
+        case "md":
+          return "md";
+        case "lg":
+          return "button-lg";
+        default:
+          return "md";
+      }
+    });
+    function r() {
+      i.value = !i.value, i.value && s("read");
+    }
+    function d(u, h) {
+      s("action", u, h);
+    }
+    function f(u) {
+      const h = o.value;
+      if (!h) return;
+      const y = u.target;
+      h.contains(y) || (i.value = !1);
+    }
+    return ee(() => {
+      document.addEventListener("click", f);
+    }), ne(() => {
+      document.removeEventListener("click", f);
+    }), (u, h) => (a(), n("div", {
+      ref_key: "panelRef",
+      ref: o,
+      class: "ds-notification-bell"
+    }, [
+      m("button", {
+        class: I(["ds-notification-bell__btn", `ds-notification-bell__btn--${e.size}`]),
+        onClick: Y(r, ["stop"])
+      }, [
+        m("span", oi, [
+          C(R, {
+            name: "bell",
+            size: c.value
+          }, null, 8, ["size"]),
+          e.unread ? (a(), n("span", ii)) : v("", !0)
+        ])
+      ], 2),
+      i.value && e.items.length ? (a(), n("div", ri, [
+        C(ni, {
+          items: e.items,
+          "view-more-label": e.viewMoreLabel,
+          onAction: d,
+          onViewMore: h[0] || (h[0] = (y) => u.$emit("view-more"))
+        }, null, 8, ["items", "view-more-label"])
+      ])) : v("", !0)
+    ], 512));
+  }
+}), di = /* @__PURE__ */ L(ci, [["__scopeId", "data-v-9020d9f1"]]), ui = { class: "ds-page-title" }, mi = { class: "ds-page-title__info" }, vi = { class: "ds-page-title__title" }, fi = {
+  key: 0,
+  class: "ds-page-title__subtitle"
+}, pi = /* @__PURE__ */ A({
+  __name: "PageTitle",
+  props: {
+    title: {},
+    subtitle: {},
+    btnLabel: {},
+    btnIcon: {}
+  },
+  emits: ["action"],
+  setup(e) {
+    return (l, t) => (a(), n("div", ui, [
+      m("div", mi, [
+        m("h1", vi, x(e.title), 1),
+        e.subtitle ? (a(), n("p", fi, x(e.subtitle), 1)) : v("", !0)
+      ]),
+      e.btnLabel ? (a(), E(J, {
+        key: 0,
+        variant: "primary",
+        icon: e.btnIcon,
+        "icon-position": "start",
+        label: e.btnLabel,
+        onClick: t[0] || (t[0] = (s) => l.$emit("action"))
+      }, null, 8, ["icon", "label"])) : v("", !0)
+    ]));
+  }
+}), bi = /* @__PURE__ */ L(pi, [["__scopeId", "data-v-b62aaf80"]]);
+function $i() {
+  T.register("button", J), T.register("input", ve), T.register("icon", R), T.register("text", G), T.register("divider", Ne), T.register("badge", wa), T.register("avatar", re), T.register("select", ye), T.register("multi-select", Ua), T.register("checkbox", de), T.register("switch", Xa), T.register("form-field", ss), T.register("spacer", ns), T.register("textarea", us), T.register("stack", vs), T.register("row", ps), T.register("grid", hs), T.register("section", $s), T.register("card", As), T.register("table", Gl), T.register("table-cell", qe), T.register("side-panel", js), T.register("search-box", Zs), T.register("dropdown", Ce), T.register("menu", Fe), T.register("menu-item", ue), T.register("tooltip", ke), T.register("popover", dl), T.register("tabs", pl), T.register("filter-bar", Ql), T.register("pagination", sn), T.register("empty-state", cn), T.register("loading-state", je), T.register("autocomplete", yn), T.register("accordion", Vn), T.register("alert", On), T.register("progress", Kn), T.register("breadcrumb", Jn), T.register("chip", so), T.register("command-menu", ko), T.register("sidebar", Mo), T.register("user-card", He), T.register("action-toggle", No), T.register("toggle-button", jo), T.register("notification-bell", di), T.register("page-title", bi);
+}
+let we = null;
+function Ci(e) {
+  we = e;
+}
+function fe() {
+  if (!we)
+    throw new Error("Config not loaded. Call loadConfig() first.");
+  return we;
+}
+function xi() {
+  return fe().direction.default;
+}
+function Si() {
+  return fe().locale.default;
+}
+function Ii() {
+  return fe().locale.supported;
+}
+function Vi(e) {
+  var t, s;
+  const l = fe().font;
+  return e === "fa" && ((t = l.fa) != null && t.family) ? l.fa.family : (s = l.en) != null && s.family ? l.en.family : "IRANSansX";
+}
+function Bi(e) {
+  return !e || typeof e != "object" ? !1 : typeof e.type == "string";
+}
+function hi(e) {
+  return {
+    ...e,
+    props: e.props || {},
+    children: e.children ? e.children.map(hi) : void 0,
+    events: e.events || {}
+  };
+}
+export {
+  $i as bootstrapRegistry,
+  fe as getConfig,
+  Si as getDefaultLocale,
+  xi as getDirection,
+  Vi as getFontFamily,
+  Ii as getSupportedLocales,
+  kn as hasPermission,
+  Ci as loadConfig,
+  hi as normalizeSchema,
+  T as registry,
+  xe as runtimeContext,
+  Oe as setLocale,
+  wi as setUIDirection,
+  ki as setUILocale,
+  W as t,
+  Re as useI18n,
+  Bi as validateSchema
+};