@uxuissk/design-system 0.8.7 → 0.8.8

package/dist/sellsuki-ds.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a, Fragment as ve } from "react/jsx-runtime";
-import ge, { forwardRef as Xe, useState as j, useCallback as Q, useRef as V, useContext as ct, createContext as ut, useEffect as ne, useMemo as se, useId as mr } from "react";
-import { Loader2 as Ze, X as ie, EyeOff as an, Eye as ln, AlertCircle as Pe, CheckCircle2 as $e, XCircle as hr, AlertTriangle as br, Info as pr, Minus as ft, Check as me, Calendar as gr, ChevronsLeft as Lt, ChevronLeft as Me, ChevronRight as fe, ChevronsRight as Ct, Clock as jt, MoreHorizontal as vr, Search as qe, ChevronUp as Je, ChevronDown as Ie, ChevronsUpDown as $t, Slash as sn, Dot as dn, Copy as Pt, Inbox as cn, Plus as Dt, Upload as nt, Image as un, Film as fn, FileText as mn, File as xr, ZoomOut as hn, ZoomIn as yr, RotateCw as bn, ExternalLink as pn, Bell as wr, BellOff as gn, Heart as vn, ThumbsUp as xn, Star as yn, PanelLeftOpen as wn, PanelLeftClose as Nn, ArrowUpRight as Nr, ArrowDownRight as $r, Circle as Yt, Menu as Gt, FolderOpen as $n, Folder as Sn, SlidersHorizontal as kn, Columns3 as zn, GripVertical as Fn, Trash2 as St, Link as Wn, Unlink as Mn, Heading2 as Ln, Quote as Cn, Code as jn, AlignLeft as Dn, AlignCenter as An, AlignRight as En, List as Sr, ListOrdered as In, Bold as Tn, Italic as Bn, Underline as _n, Strikethrough as Hn, Undo as Rn, Redo as On, Minimize2 as Pn, Maximize2 as Yn, Grid as Gn } from "lucide-react";
-import Un, { createPortal as Qe } from "react-dom";
+import ge, { forwardRef as Ze, useState as j, useCallback as Q, useRef as V, useContext as ct, createContext as ut, useEffect as ne, useMemo as se, useId as mr } from "react";
+import { Loader2 as Ke, X as ie, EyeOff as an, Eye as ln, AlertCircle as Pe, CheckCircle2 as $e, XCircle as hr, AlertTriangle as br, Info as pr, Minus as ft, Check as me, Calendar as gr, ChevronsLeft as Lt, ChevronLeft as Me, ChevronRight as fe, ChevronsRight as Ct, Clock as jt, MoreHorizontal as vr, Search as Xe, ChevronUp as qe, ChevronDown as Ie, ChevronsUpDown as $t, Slash as sn, Dot as dn, Copy as Pt, Inbox as cn, Plus as Dt, Upload as nt, Image as un, Film as fn, FileText as mn, File as xr, ZoomOut as hn, ZoomIn as yr, RotateCw as bn, ExternalLink as pn, Bell as wr, BellOff as gn, Heart as vn, ThumbsUp as xn, Star as yn, PanelLeftOpen as wn, PanelLeftClose as Nn, ArrowUpRight as Nr, ArrowDownRight as $r, Circle as Yt, Menu as Gt, FolderOpen as $n, Folder as Sn, SlidersHorizontal as kn, Columns3 as zn, GripVertical as Fn, Trash2 as St, Link as Wn, Unlink as Mn, Heading2 as Ln, Quote as Cn, Code as jn, AlignLeft as Dn, AlignCenter as An, AlignRight as En, List as Sr, ListOrdered as In, Bold as Tn, Italic as Bn, Underline as _n, Strikethrough as Hn, Undo as Rn, Redo as On, Minimize2 as Pn, Maximize2 as Yn, Grid as Gn } from "lucide-react";
+import Un, { createPortal as Je } from "react-dom";
 const Kn = {
   sm: "h-8 px-3 gap-1.5",
   // 32px
@@ -28,7 +28,7 @@ const Kn = {
   ghost: "bg-transparent text-foreground border border-transparent hover:bg-muted active:bg-muted/80",
   destructive: "bg-destructive text-destructive-foreground border border-destructive hover:bg-destructive/90 active:bg-destructive/80 shadow-elevation-sm",
   link: "bg-transparent text-primary border border-transparent underline-offset-4 hover:underline px-0 h-auto"
-}, Xn = Xe(
+}, Xn = Ze(
   ({
     variant: t = "primary",
     size: r = "md",
@@ -61,7 +61,7 @@ const Kn = {
         style: Zn[r],
         ...v,
         children: n ? /* @__PURE__ */ a(ve, { children: [
-          /* @__PURE__ */ e(Ze, { size: kr[r], className: "animate-spin flex-shrink-0" }),
+          /* @__PURE__ */ e(Ke, { size: kr[r], className: "animate-spin flex-shrink-0" }),
           o && /* @__PURE__ */ e("span", { children: o })
         ] }) : /* @__PURE__ */ a(ve, { children: [
           l && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: l }),
@@ -73,7 +73,7 @@ const Kn = {
   }
 );
 Xn.displayName = "DSButton";
-const qn = Xe(
+const qn = Ze(
   ({
     variant: t = "ghost",
     size: r = "md",
@@ -106,13 +106,13 @@ const qn = Xe(
           ${i}
         `,
         ...d,
-        children: n ? /* @__PURE__ */ e(Ze, { size: kr[r], className: "animate-spin" }) : o
+        children: n ? /* @__PURE__ */ e(Ke, { size: kr[r], className: "animate-spin" }) : o
       }
     );
   }
 );
 qn.displayName = "IconButton";
-function bi({
+function pi({
   children: t,
   className: r = ""
 }) {
@@ -170,7 +170,7 @@ const Fr = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, Jn = Xe(
+}, Jn = Ze(
   ({
     label: t,
     helperText: r,
@@ -285,7 +285,7 @@ const Fr = {
   }
 );
 Jn.displayName = "DSInput";
-const Qn = Xe(
+const Qn = Ze(
   ({
     label: t,
     helperText: r,
@@ -395,14 +395,14 @@ function Lr({ variant: t = "info", title: r, children: n, dismissible: o = !1, o
     o && /* @__PURE__ */ e("button", { onClick: v, className: "flex-shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer", "aria-label": "Dismiss", children: /* @__PURE__ */ e(ie, { size: 16 }) })
   ] });
 }
-let Cr = [], Ue = [];
+let Cr = [], Ge = [];
 function Ut() {
-  Cr.forEach((t) => t([...Ue]));
+  Cr.forEach((t) => t([...Ge]));
 }
 const He = {
   show: (t) => {
     const r = { ...t, id: `toast-${Date.now()}-${Math.random().toString(36).slice(2)}` };
-    Ue = [...Ue, r], Ut(), setTimeout(() => {
+    Ge = [...Ge, r], Ut(), setTimeout(() => {
       He.dismiss(r.id);
     }, t.duration ?? 4e3);
   },
@@ -411,7 +411,7 @@ const He = {
   warning: (t, r) => He.show({ variant: "warning", message: t, title: r }),
   error: (t, r) => He.show({ variant: "error", message: t, title: r }),
   dismiss: (t) => {
-    Ue = Ue.filter((r) => r.id !== t), Ut();
+    Ge = Ge.filter((r) => r.id !== t), Ut();
   }
 };
 function eo() {
@@ -461,7 +461,7 @@ const to = {
   success: "bg-chart-2",
   warning: "bg-chart-5"
 };
-function pi({
+function gi({
   children: t,
   variant: r = "default",
   size: n = "md",
@@ -569,7 +569,7 @@ function st({
     ] })
   ] });
 }
-function gi({ label: t, children: r, direction: n = "vertical", className: o = "" }) {
+function vi({ label: t, children: r, direction: n = "vertical", className: o = "" }) {
   return /* @__PURE__ */ a("fieldset", { className: `${o}`, children: [
     t && /* @__PURE__ */ e("legend", { className: "text-foreground mb-2 block", style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-button)" }, children: t }),
     /* @__PURE__ */ e("div", { className: `flex ${n === "vertical" ? "flex-col gap-3" : "flex-wrap gap-4"}`, children: r })
@@ -595,7 +595,7 @@ const jr = ut(null), ao = {
     descStyle: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }
   }
 };
-function vi({ value: t, label: r, description: n, disabled: o, size: l, className: i = "" }) {
+function xi({ value: t, label: r, description: n, disabled: o, size: l, className: i = "" }) {
   const d = ct(jr), c = d ? d.value === t : !1, s = o ?? (d == null ? void 0 : d.disabled) ?? !1, f = l ?? (d == null ? void 0 : d.size) ?? "md", h = ao[f], v = () => {
     s || d == null || d.onChange(t);
   };
@@ -628,7 +628,7 @@ function vi({ value: t, label: r, description: n, disabled: o, size: l, classNam
     ] })
   ] });
 }
-function xi({
+function yi({
   name: t,
   value: r,
   defaultValue: n = "",
@@ -664,7 +664,7 @@ const lo = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], bt = [
   "November",
   "December"
 ];
-function Ke(t, r) {
+function Ue(t, r) {
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
 function Kt(t, r, n) {
@@ -673,7 +673,7 @@ function Kt(t, r, n) {
   return o > r.getTime() && o < n.getTime();
 }
 function Zt(t, r, n, o) {
-  return !!(r && t < new Date(r.getFullYear(), r.getMonth(), r.getDate()) || n && t > new Date(n.getFullYear(), n.getMonth(), n.getDate()) || o != null && o.some((l) => Ke(l, t)));
+  return !!(r && t < new Date(r.getFullYear(), r.getMonth(), r.getDate()) || n && t > new Date(n.getFullYear(), n.getMonth(), n.getDate()) || o != null && o.some((l) => Ue(l, t)));
 }
 function io(t, r) {
   return new Date(t, r + 1, 0).getDate();
@@ -684,7 +684,7 @@ function Xt(t, r) {
   for (let i = 1; i <= o; i++) l.push(new Date(t, r, i));
   return l;
 }
-function et(t, r) {
+function Ve(t, r) {
   if (!t) return "";
   const n = String(t.getDate()).padStart(2, "0"), o = String(t.getMonth() + 1).padStart(2, "0"), l = t.getFullYear();
   let i = `${n}/${o}/${l}`;
@@ -735,7 +735,7 @@ const so = {
   error: "ring-2 ring-destructive/30 border-destructive",
   success: "ring-2 ring-chart-2/30 border-chart-2"
 };
-function yi({
+function wi({
   value: t = null,
   rangeValue: r,
   onChange: n,
@@ -807,7 +807,7 @@ function yi({
       O.setHours(A, _), n == null || n(O);
     }
     M(!1), C("days");
-  }, Fe = se(() => l === "single" ? et(t, x) : r != null && r.start && (r != null && r.end) ? `${et(r.start)} – ${et(r.end)}` : r != null && r.start ? `${et(r.start)} – ...` : "", [l, t, r, x]), Le = l === "single" ? !!t : !!(r != null && r.start || r != null && r.end), xe = y === "error" ? /* @__PURE__ */ e(Pe, { size: G.icon, className: "text-destructive flex-shrink-0" }) : y === "success" ? /* @__PURE__ */ e($e, { size: G.icon, className: "text-chart-2 flex-shrink-0" }) : null, Te = y === "error" ? s : y === "success" ? f : c, Ve = y === "error" ? "text-destructive" : y === "success" ? "text-chart-2" : "text-muted-foreground", mt = {
+  }, Fe = se(() => l === "single" ? Ve(t, x) : r != null && r.start && (r != null && r.end) ? `${Ve(r.start)} – ${Ve(r.end)}` : r != null && r.start ? `${Ve(r.start)} – ...` : "", [l, t, r, x]), Le = l === "single" ? !!t : !!(r != null && r.start || r != null && r.end), xe = y === "error" ? /* @__PURE__ */ e(Pe, { size: G.icon, className: "text-destructive flex-shrink-0" }) : y === "success" ? /* @__PURE__ */ e($e, { size: G.icon, className: "text-chart-2 flex-shrink-0" }) : null, Te = y === "error" ? s : y === "success" ? f : c, Qe = y === "error" ? "text-destructive" : y === "success" ? "text-chart-2" : "text-muted-foreground", mt = {
     fontFamily: "var(--font-label)",
     fontSize: "var(--text-label)",
     fontWeight: "var(--weight-label)"
@@ -855,8 +855,8 @@ function yi({
         ]
       }
     ),
-    Te && /* @__PURE__ */ e("p", { className: `mt-1.5 ${Ve}`, style: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-label)" }, children: Te }),
-    W && K && Qe(
+    Te && /* @__PURE__ */ e("p", { className: `mt-1.5 ${Qe}`, style: { fontFamily: "var(--font-button)", fontSize: "var(--text-button)", fontWeight: "var(--weight-label)" }, children: Te }),
+    W && K && Je(
       /* @__PURE__ */ a(
         "div",
         {
@@ -919,7 +919,7 @@ function yi({
                 )) }),
                 /* @__PURE__ */ e("div", { className: "grid grid-cols-7", children: ye.map((oe, je) => {
                   if (!oe) return /* @__PURE__ */ e("div", {}, `empty-${O}-${je}`);
-                  const be = Zt(oe, $, S, m), De = Ke(oe, re), Ae = l === "single" ? t && Ke(oe, t) : (r == null ? void 0 : r.start) && Ke(oe, r.start) || (r == null ? void 0 : r.end) && Ke(oe, r.end), Be = l === "range" && (Kt(oe, (r == null ? void 0 : r.start) ?? null, (r == null ? void 0 : r.end) ?? null) || (r == null ? void 0 : r.start) && !(r != null && r.end) && N && Kt(
+                  const be = Zt(oe, $, S, m), De = Ue(oe, re), Ae = l === "single" ? t && Ue(oe, t) : (r == null ? void 0 : r.start) && Ue(oe, r.start) || (r == null ? void 0 : r.end) && Ue(oe, r.end), Be = l === "range" && (Kt(oe, (r == null ? void 0 : r.start) ?? null, (r == null ? void 0 : r.end) ?? null) || (r == null ? void 0 : r.start) && !(r != null && r.end) && N && Kt(
                     oe,
                     r.start,
                     N > r.start ? N : null
@@ -1139,7 +1139,7 @@ function mo({
     )
   ] }) : null;
 }
-function wi({
+function Ni({
   open: t,
   onClose: r,
   onConfirm: n,
@@ -1248,7 +1248,7 @@ function po(t, r, n) {
     ), "dots-right", r];
   }, [t, r, n]);
 }
-function Ni({
+function $i({
   currentPage: t,
   totalPages: r,
   onPageChange: n,
@@ -1403,7 +1403,7 @@ const go = {
   outlined: "bg-transparent border-2 border-border focus-within:border-primary",
   filled: "bg-muted/50 border border-transparent focus-within:border-ring focus-within:bg-card"
 };
-function $i({
+function Si({
   value: t,
   onChange: r,
   onSearch: n,
@@ -1435,7 +1435,7 @@ function $i({
   const E = { fontFamily: "var(--font-label)", fontSize: "var(--text-label)", fontWeight: "var(--weight-label)" }, C = { fontFamily: "var(--font-label)", fontSize: "var(--text-button)", fontWeight: "var(--weight-button)" };
   return /* @__PURE__ */ a("div", { ref: z, className: `relative ${u}`, children: [
     /* @__PURE__ */ a("div", { className: `relative rounded-[var(--radius-md)] transition-all ${vo[i]} ${h ? "opacity-50 pointer-events-none" : ""}`, children: [
-      /* @__PURE__ */ e("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(qe, { size: M.icon }) }),
+      /* @__PURE__ */ e("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground pointer-events-none", children: /* @__PURE__ */ e(Xe, { size: M.icon }) }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -1453,7 +1453,7 @@ function $i({
         }
       ),
       /* @__PURE__ */ a("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1", children: [
-        d && /* @__PURE__ */ e(Ze, { size: M.icon, className: "animate-spin text-muted-foreground" }),
+        d && /* @__PURE__ */ e(Ke, { size: M.icon, className: "animate-spin text-muted-foreground" }),
         f && g && !d && /* @__PURE__ */ e(
           "button",
           {
@@ -1492,7 +1492,7 @@ const Ee = {
   md: "px-4 py-3",
   lg: "px-5 py-4"
 };
-function Si({
+function ki({
   columns: t,
   data: r,
   size: n = "md",
@@ -1544,7 +1544,7 @@ function Si({
           onClick: () => A.sortable && M(A.key),
           children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1", children: [
             A.header,
-            A.sortable && /* @__PURE__ */ e("span", { className: "text-muted-foreground/50", children: b === A.key ? $ === "asc" ? /* @__PURE__ */ e(Je, { size: 14 }) : /* @__PURE__ */ e(Ie, { size: 14 }) : /* @__PURE__ */ e($t, { size: 12 }) })
+            A.sortable && /* @__PURE__ */ e("span", { className: "text-muted-foreground/50", children: b === A.key ? $ === "asc" ? /* @__PURE__ */ e(qe, { size: 14 }) : /* @__PURE__ */ e(Ie, { size: 14 }) : /* @__PURE__ */ e($t, { size: 12 }) })
           ] })
         },
         A.key
@@ -1589,7 +1589,7 @@ const xo = {
   md: { fontFamily: "var(--font-label)", fontSize: "var(--text-p)", fontWeight: "var(--weight-p)", padding: "8px 16px" },
   lg: { fontFamily: "var(--font-label)", fontSize: "var(--text-h4)", fontWeight: "var(--weight-p)", padding: "10px 20px" }
 };
-function ki({ tabs: t = [], variant: r = "default", size: n = "md", defaultTab: o, activeTab: l, onChange: i, fullWidth: d = !1, className: c = "" }) {
+function zi({ tabs: t = [], variant: r = "default", size: n = "md", defaultTab: o, activeTab: l, onChange: i, fullWidth: d = !1, className: c = "" }) {
   var S, m;
   const [s, f] = j(o ?? ((S = t[0]) == null ? void 0 : S.id) ?? ""), h = l ?? s, v = V(null), [y, u] = j({ left: 0, width: 0 }), p = (g) => {
     l || f(g), i == null || i(g);
@@ -1824,7 +1824,7 @@ const Mo = {
     fontWeight: "var(--weight-label)"
   }
 };
-function zi({
+function Fi({
   items: t,
   separator: r = "chevron",
   size: n = "md",
@@ -1947,7 +1947,7 @@ const _o = {
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
 };
-function Fi({
+function Wi({
   value: t,
   onChange: r,
   label: n,
@@ -2173,7 +2173,7 @@ const Go = {
   error: "!border-destructive ring-destructive/20",
   success: "!border-chart-2 ring-chart-2/20",
   warning: "!border-chart-5 ring-chart-5/20"
-}, Zo = Xe(
+}, Zo = Ze(
   ({
     options: t,
     value: r,
@@ -2245,7 +2245,7 @@ const Go = {
         const U = P.group || "Other";
         D[U] || (D[U] = []), D[U].push(P);
       }), D;
-    }, [xe, S]), Ve = se(() => {
+    }, [xe, S]), Qe = se(() => {
       var D;
       return x && Array.isArray(Y) ? Y.map((P) => {
         var U;
@@ -2339,7 +2339,7 @@ const Go = {
       }, 50), H && ae(-1);
     }, [H, p]);
     const Ae = x ? Array.isArray(Y) && Y.length > 0 : !!Y, Be = c ? "error" : v, rn = () => {
-      const D = Ve, P = W && W > 0 ? W : D.length, U = D.slice(0, P), _e = D.length - U.length;
+      const D = Qe, P = W && W > 0 ? W : D.length, U = D.slice(0, P), _e = D.length - U.length;
       return /* @__PURE__ */ a("span", { className: "flex flex-wrap gap-1", children: [
         U.map((ht) => /* @__PURE__ */ a(
           "span",
@@ -2483,8 +2483,8 @@ const Go = {
           `,
           style: Z.textStyle,
           children: [
-            u ? /* @__PURE__ */ e(Ze, { size: Z.icon, className: "animate-spin text-muted-foreground" }) : null,
-            /* @__PURE__ */ e("span", { className: `flex-1 text-left min-w-0 ${x ? "" : "truncate"} ${Ae ? "text-foreground" : "text-muted-foreground"}`, children: Ae ? x ? rn() : Ve[0] : l }),
+            u ? /* @__PURE__ */ e(Ke, { size: Z.icon, className: "animate-spin text-muted-foreground" }) : null,
+            /* @__PURE__ */ e("span", { className: `flex-1 text-left min-w-0 ${x ? "" : "truncate"} ${Ae ? "text-foreground" : "text-muted-foreground"}`, children: Ae ? x ? rn() : Qe[0] : l }),
             b && Ae && !y && /* @__PURE__ */ e(
               ie,
               {
@@ -2503,7 +2503,7 @@ const Go = {
           ]
         }
       ),
-      H && Qe(
+      H && Je(
         /* @__PURE__ */ a(
           "div",
           {
@@ -2513,7 +2513,7 @@ const Go = {
             style: { top: ze.top, left: ze.left, width: ze.width || "auto" },
             children: [
               p && /* @__PURE__ */ e("div", { className: "p-2 border-b border-border", children: /* @__PURE__ */ a("div", { className: "relative", children: [
-                /* @__PURE__ */ e(qe, { size: 14, className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground" }),
+                /* @__PURE__ */ e(Xe, { size: 14, className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground" }),
                 /* @__PURE__ */ e(
                   "input",
                   {
@@ -2566,7 +2566,7 @@ const Go = {
               ),
               /* @__PURE__ */ a("div", { className: "max-h-60 overflow-y-auto p-1", children: [
                 A ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center py-6 gap-2 text-muted-foreground", children: [
-                  /* @__PURE__ */ e(Ze, { size: 16, className: "animate-spin" }),
+                  /* @__PURE__ */ e(Ke, { size: 16, className: "animate-spin" }),
                   /* @__PURE__ */ e("span", { style: { fontFamily: "var(--font-label)", fontSize: "var(--text-label)" }, children: "Searching\\u2026" })
                 ] }) : xe.length === 0 && !oe ? E ? /* @__PURE__ */ e("div", { className: "py-4 px-3", children: E }) : /* @__PURE__ */ a("div", { className: "text-center py-6 text-muted-foreground flex flex-col items-center gap-2", children: [
                   /* @__PURE__ */ e(cn, { size: 24, className: "opacity-40" }),
@@ -2644,7 +2644,7 @@ const Xo = {
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
 };
-function Wi({
+function Mi({
   icon: t,
   title: r,
   description: n,
@@ -2698,7 +2698,7 @@ const qo = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, tt = {
+}, et = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
@@ -2754,7 +2754,7 @@ function Vt({
     n.id
   )) });
 }
-function Mi({
+function Li({
   accept: t,
   maxSize: r,
   multiple: n,
@@ -2798,7 +2798,7 @@ function Mi({
     h && h(m), c === void 0 && y((g) => g.filter((w) => w.id !== m));
   };
   return l === "button" ? /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: tt, children: i }),
+    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: et, children: i }),
     /* @__PURE__ */ a(
       "button",
       {
@@ -2829,7 +2829,7 @@ function Mi({
     ),
     x.length > 0 && /* @__PURE__ */ e(Vt, { files: x, onRemove: S })
   ] }) : l === "avatar" ? /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: tt, children: i }),
+    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: et, children: i }),
     /* @__PURE__ */ e(
       "div",
       {
@@ -2853,7 +2853,7 @@ function Mi({
       }
     )
   ] }) : /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: tt, children: i }),
+    i && /* @__PURE__ */ e("label", { className: "block text-foreground", style: et, children: i }),
     /* @__PURE__ */ a(
       "div",
       {
@@ -2874,7 +2874,7 @@ function Mi({
         children: [
           /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ e(nt, { size: 20, className: "text-primary" }) }),
           /* @__PURE__ */ a("div", { className: "text-center", children: [
-            /* @__PURE__ */ a("p", { className: "text-foreground", style: tt, children: [
+            /* @__PURE__ */ a("p", { className: "text-foreground", style: et, children: [
               /* @__PURE__ */ e("span", { className: "text-primary", children: "Click to upload" }),
               " or drag and drop"
             ] }),
@@ -2909,7 +2909,7 @@ const Vo = {
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
 };
-function Li({ images: t, initialIndex: r = 0 }) {
+function Ci({ images: t, initialIndex: r = 0 }) {
   const [n, o] = j(!1), [l, i] = j(r), [d, c] = j(1), [s, f] = j(0), h = t[l], v = () => {
     i((x) => (x - 1 + t.length) % t.length), c(1), f(0);
   }, y = () => {
@@ -3083,7 +3083,7 @@ function oa({ items: t, parentRect: r }) {
     const d = n.current.getBoundingClientRect();
     let c = r.top, s = r.right + 4;
     s + d.width > window.innerWidth - 8 && (s = r.left - d.width - 4), c + d.height > window.innerHeight - 8 && (c = window.innerHeight - d.height - 8), l({ top: c, left: s });
-  }, [r]), Qe(
+  }, [r]), Je(
     /* @__PURE__ */ e(
       "div",
       {
@@ -3146,7 +3146,7 @@ function aa({ items: t, open: r, onClose: n, triggerRef: o, className: l = "" })
       (h = o.current) != null && h.contains(f.target) || (v = i.current) != null && v.contains(f.target) || n();
     };
     return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
-  }, [r, n, o]), r ? Qe(
+  }, [r, n, o]), r ? Je(
     /* @__PURE__ */ a(
       "div",
       {
@@ -3250,7 +3250,7 @@ function ia({
     }
   );
 }
-function Ci({
+function ji({
   items: t,
   onMarkRead: r,
   onMarkAllRead: n,
@@ -3332,7 +3332,7 @@ const sa = {
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
 };
-function ji({
+function Di({
   trigger: t,
   children: r,
   placement: n = "bottom",
@@ -3434,7 +3434,7 @@ const fa = {
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
 };
-function Di({
+function Ai({
   value: t = 0,
   onChange: r,
   max: n = 5,
@@ -3664,7 +3664,7 @@ function _r({
             p && /* @__PURE__ */ e("span", { style: { ...ba, color: "var(--Base_Color--Sky--500, #32a9ff)", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", display: "block" }, children: p })
           ] }),
           /* @__PURE__ */ e(
-            Je,
+            qe,
             {
               size: 16,
               color: "rgba(50,169,255,1)",
@@ -3816,7 +3816,7 @@ function zt({
                 children: [
                   /* @__PURE__ */ e("span", { children: S.label }),
                   /* @__PURE__ */ e(
-                    Je,
+                    qe,
                     {
                       size: 12,
                       style: {
@@ -3911,7 +3911,7 @@ function de({
     }
   );
 }
-function Ai() {
+function Ei() {
   return /* @__PURE__ */ a("div", { className: "rounded-[var(--radius-md)] border border-border bg-card p-4 space-y-4 w-full max-w-sm", children: [
     /* @__PURE__ */ e(de, { variant: "rounded", height: 160 }),
     /* @__PURE__ */ a("div", { className: "space-y-2", children: [
@@ -3928,7 +3928,7 @@ function Ai() {
     ] })
   ] });
 }
-function Ei() {
+function Ii() {
   return /* @__PURE__ */ a("div", { className: "rounded-[var(--radius-md)] border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-border bg-muted/30 flex gap-4", children: [120, 160, 100, 80].map((t, r) => /* @__PURE__ */ e(de, { variant: "text", width: t, height: 14 }, r)) }),
     [0, 1, 2, 3].map((t) => /* @__PURE__ */ a(
@@ -4037,7 +4037,7 @@ const Ft = {
     fontWeight: "var(--weight-h1)"
   }
 };
-function Ii({
+function Ti({
   title: t,
   value: r,
   prefix: n,
@@ -4073,7 +4073,7 @@ function Ii({
     ] })
   ] });
 }
-function Ti({
+function Bi({
   title: t,
   value: r,
   prefix: n,
@@ -4249,7 +4249,7 @@ const Fa = {
   md: { w: 18, h: 18, on: 18 },
   lg: { w: 26, h: 26, on: 24 }
 };
-function Bi({
+function _i({
   checked: t,
   onChange: r,
   label: n,
@@ -4431,7 +4431,7 @@ const Ha = {
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
 };
-function _i({
+function Hi({
   items: t,
   variant: r = "default",
   size: n = "md"
@@ -4516,10 +4516,14 @@ function _i({
     );
   }) });
 }
-const Ge = {
+const tt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
+}, Ra = {
+  fontFamily: "var(--font-h4)",
+  fontSize: "var(--text-h4)",
+  fontWeight: "var(--weight-h4)"
 };
 function Pr({
   brand: t,
@@ -4575,13 +4579,13 @@ function Pr({
           "div",
           {
             className: "w-8 h-8 rounded-[var(--radius-sm)] bg-primary flex items-center justify-center text-primary-foreground flex-shrink-0",
-            style: Ge,
+            style: tt,
             children: t.name.charAt(0).toUpperCase()
           }
         ) }),
         b && /* @__PURE__ */ e("div", { className: "flex items-center ml-1", children: b }),
-        n && /* @__PURE__ */ e("span", { className: "text-foreground hidden sm:block truncate", style: Ge, children: n }),
-        r && r.length > 0 && /* @__PURE__ */ e("nav", { className: "hidden sm:flex items-center gap-1.5 text-muted-foreground", style: Ge, children: r.map((S, m) => /* @__PURE__ */ a(ge.Fragment, { children: [
+        n && /* @__PURE__ */ e("span", { className: "text-foreground hidden sm:block truncate", style: Ra, children: n }),
+        r && r.length > 0 && /* @__PURE__ */ e("nav", { className: "hidden sm:flex items-center gap-1.5 text-muted-foreground", style: tt, children: r.map((S, m) => /* @__PURE__ */ a(ge.Fragment, { children: [
           m > 0 && /* @__PURE__ */ e(fe, { size: 12 }),
           S.href || p ? /* @__PURE__ */ e(
             "span",
@@ -4605,8 +4609,8 @@ function Pr({
             className: "hidden md:flex items-center gap-2 px-3 h-8 rounded-[var(--radius)] border border-border bg-muted/20 text-muted-foreground w-56 cursor-pointer hover:border-primary/40 transition-colors",
             onClick: s,
             children: [
-              /* @__PURE__ */ e(qe, { size: 14 }),
-              /* @__PURE__ */ e("span", { style: Ge, children: c })
+              /* @__PURE__ */ e(Xe, { size: 14 }),
+              /* @__PURE__ */ e("span", { style: tt, children: c })
             ]
           }
         ),
@@ -4638,7 +4642,7 @@ function Pr({
               "div",
               {
                 className: "w-8 h-8 rounded-full bg-primary text-primary-foreground flex items-center justify-center",
-                style: Ge,
+                style: tt,
                 children: $
               }
             )
@@ -4649,7 +4653,7 @@ function Pr({
   );
 }
 Pr.displayName = "TopNavbar";
-const Ra = {
+const Oa = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
@@ -4680,7 +4684,7 @@ function lr({
       ] })
     ] }),
     d && /* @__PURE__ */ a("div", { className: "px-3 py-2 border-b border-border flex items-center gap-2", children: [
-      /* @__PURE__ */ e(qe, { size: 12, className: "text-muted-foreground" }),
+      /* @__PURE__ */ e(Xe, { size: 12, className: "text-muted-foreground" }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -4708,7 +4712,7 @@ function lr({
           className: `w-full flex items-center gap-2 px-3 py-1.5 transition-colors cursor-pointer
               ${n.has(c.id) ? "bg-primary/10" : "hover:bg-accent"}
               ${c.disabled ? "opacity-40 pointer-events-none" : ""}`,
-          style: Ra,
+          style: Oa,
           children: [
             /* @__PURE__ */ e(
               "span",
@@ -4726,7 +4730,7 @@ function lr({
     ] })
   ] });
 }
-function Hi({
+function Ri({
   sourceTitle: t = "Available",
   targetTitle: r = "Selected",
   items: n,
@@ -4888,7 +4892,7 @@ function Gr({
     )) })
   ] });
 }
-function Ri({
+function Oi({
   data: t,
   selectable: r,
   showLines: n,
@@ -4925,7 +4929,7 @@ function Ri({
     m.id
   )) });
 }
-const Oa = {
+const Pa = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
@@ -4934,7 +4938,7 @@ const Oa = {
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
 }, Ur = ut({ name: "" });
-function Oi() {
+function Pi() {
   return ct(Ur);
 }
 function ir({
@@ -4948,7 +4952,7 @@ function ir({
     {
       htmlFor: t,
       className: `block text-foreground mb-1.5 ${o}`,
-      style: Oa,
+      style: Pa,
       children: [
         n,
         r && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", children: "*" })
@@ -4956,7 +4960,7 @@ function ir({
     }
   );
 }
-function Pa({ message: t, className: r = "" }) {
+function Ya({ message: t, className: r = "" }) {
   return t ? /* @__PURE__ */ a(
     "div",
     {
@@ -4970,7 +4974,7 @@ function Pa({ message: t, className: r = "" }) {
     }
   ) : null;
 }
-function Ya({ message: t, className: r = "" }) {
+function Ga({ message: t, className: r = "" }) {
   return t ? /* @__PURE__ */ a(
     "div",
     {
@@ -4984,7 +4988,7 @@ function Ya({ message: t, className: r = "" }) {
     }
   ) : null;
 }
-function Ga({ children: t, className: r = "" }) {
+function Ua({ children: t, className: r = "" }) {
   return /* @__PURE__ */ e(
     "p",
     {
@@ -4994,7 +4998,7 @@ function Ga({ children: t, className: r = "" }) {
     }
   );
 }
-function Pi({
+function Yi({
   name: t,
   label: r,
   required: n,
@@ -5006,7 +5010,7 @@ function Pi({
   children: s,
   className: f = ""
 }) {
-  const h = d === "horizontal", v = o ? /* @__PURE__ */ e(Pa, { message: o }) : l ? /* @__PURE__ */ e(Ya, { message: l }) : i ? /* @__PURE__ */ e(Ga, { children: i }) : null;
+  const h = d === "horizontal", v = o ? /* @__PURE__ */ e(Ya, { message: o }) : l ? /* @__PURE__ */ e(Ga, { message: l }) : i ? /* @__PURE__ */ e(Ua, { children: i }) : null;
   return /* @__PURE__ */ e(Ur.Provider, { value: { name: t, error: o }, children: h ? /* @__PURE__ */ a("div", { className: `flex items-start gap-4 ${f}`, children: [
     r && /* @__PURE__ */ e("div", { style: { width: c, flexShrink: 0, paddingTop: "6px" }, children: /* @__PURE__ */ e(ir, { htmlFor: t, required: n, children: r }) }),
     /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: [
@@ -5019,19 +5023,19 @@ function Pi({
     v
   ] }) });
 }
-const Ua = {
+const Ka = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, Ka = {
+}, Za = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-label)"
-}, Za = {
+}, Xa = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
-}, Xa = {
+}, qa = {
   sm: "h-8",
   md: "h-10",
   lg: "h-12"
@@ -5040,7 +5044,7 @@ const Ua = {
   md: 16,
   lg: 18
 };
-function Yi({
+function Gi({
   value: t,
   defaultValue: r = 0,
   onChange: n,
@@ -5059,7 +5063,7 @@ function Yi({
     n && n(m), t === void 0 && u(m);
   }, x = o === void 0 || p - i >= o, $ = l === void 0 || p + i <= l;
   return /* @__PURE__ */ a("div", { className: v, children: [
-    s && /* @__PURE__ */ e("label", { className: "block text-foreground mb-1.5", style: Ua, children: s }),
+    s && /* @__PURE__ */ e("label", { className: "block text-foreground mb-1.5", style: Ka, children: s }),
     /* @__PURE__ */ a(
       "div",
       {
@@ -5087,8 +5091,8 @@ function Yi({
                 isNaN(m) || b(m);
               },
               disabled: d,
-              className: `w-20 text-center bg-transparent outline-none text-foreground ${Xa[c]} [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none`,
-              style: Ka
+              className: `w-20 text-center bg-transparent outline-none text-foreground ${qa[c]} [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none`,
+              style: Za
             }
           ),
           /* @__PURE__ */ e(
@@ -5105,23 +5109,23 @@ function Yi({
         ]
       }
     ),
-    h && /* @__PURE__ */ e("p", { className: "mt-1.5 text-destructive", style: Za, children: h })
+    h && /* @__PURE__ */ e("p", { className: "mt-1.5 text-destructive", style: Xa, children: h })
   ] });
 }
-const qa = {
+const Ja = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, Ja = {
+}, Qa = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-label)"
-}, Qa = {
+}, Va = {
   sm: "w-9 h-9",
   md: "w-11 h-11",
   lg: "w-14 h-14"
 };
-function Gi({
+function Ui({
   length: t = 6,
   value: r,
   onChange: n,
@@ -5154,7 +5158,7 @@ function Gi({
     } else g.key === "ArrowLeft" && m > 0 ? (z = y.current[m - 1]) == null || z.focus() : g.key === "ArrowRight" && m < t - 1 && ((W = y.current[m + 1]) == null || W.focus());
   };
   return /* @__PURE__ */ a("div", { className: f, children: [
-    c && /* @__PURE__ */ e("label", { className: "block text-foreground mb-2", style: qa, children: c }),
+    c && /* @__PURE__ */ e("label", { className: "block text-foreground mb-2", style: Ja, children: c }),
     /* @__PURE__ */ e("div", { className: "flex gap-2", onPaste: (m) => {
       var w;
       m.preventDefault();
@@ -5181,7 +5185,7 @@ function Gi({
         },
         onKeyDown: (w) => $(g, w),
         onFocus: (w) => w.target.select(),
-        className: `${Qa[d]} text-center rounded-[var(--radius-md)] border outline-none transition-all
+        className: `${Va[d]} text-center rounded-[var(--radius-md)] border outline-none transition-all
               ${i ? "border-destructive focus:ring-2 focus:ring-destructive/30" : "border-border focus:border-primary focus:ring-2 focus:ring-primary/20"}
               ${l ? "opacity-50 pointer-events-none bg-muted" : "bg-background"}
               text-foreground`,
@@ -5189,26 +5193,26 @@ function Gi({
       },
       g
     )) }),
-    i && /* @__PURE__ */ e("p", { className: "mt-2 text-destructive", style: Ja, children: i })
+    i && /* @__PURE__ */ e("p", { className: "mt-2 text-destructive", style: Qa, children: i })
   ] });
 }
-const Va = {
+const el = {
   fontFamily: "var(--font-h3, 'DB HeaventRounded', sans-serif)",
   fontSize: "var(--text-h3, 28px)",
   fontWeight: "var(--weight-h3, 700)",
   color: "var(--foreground)",
   lineHeight: 1.3
-}, el = {
+}, tl = {
   fontFamily: "var(--font-p, 'DB HeaventRounded', sans-serif)",
   fontSize: "var(--text-p, 20px)",
   fontWeight: "var(--weight-p, 400)",
   color: "var(--muted-foreground)",
   lineHeight: 1.4
-}, tl = {
+}, rl = {
   fontFamily: "var(--font-label, 'DB HeaventRounded', sans-serif)",
   fontSize: "var(--text-label)"
 };
-function Ui({
+function Ki({
   title: t,
   subtitle: r,
   breadcrumb: n,
@@ -5223,11 +5227,11 @@ function Ui({
       className: `bg-card border-b border-border ${i ? "sticky top-0 z-10" : ""} ${d}`,
       children: [
         /* @__PURE__ */ a("div", { className: "px-6 pt-5 pb-4", children: [
-          n && /* @__PURE__ */ e("div", { className: "mb-2", style: tl, children: n }),
+          n && /* @__PURE__ */ e("div", { className: "mb-2", style: rl, children: n }),
           /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4", children: [
             /* @__PURE__ */ a("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ e("h3", { style: Va, className: "truncate", children: t }),
-              r && /* @__PURE__ */ e("p", { className: "mt-0.5", style: el, children: r })
+              /* @__PURE__ */ e("h3", { style: el, className: "truncate", children: t }),
+              r && /* @__PURE__ */ e("p", { className: "mt-0.5", style: tl, children: r })
             ] }),
             o && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-shrink-0 pt-0.5", children: o })
           ] })
@@ -5237,7 +5241,7 @@ function Ui({
     }
   );
 }
-const rl = {
+const nl = {
   fontFamily: "var(--font-button)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
@@ -5246,7 +5250,7 @@ const rl = {
   fontSize: "var(--text-button)",
   fontWeight: 400
 };
-function nl({ config: t, value: r, onChange: n }) {
+function ol({ config: t, value: r, onChange: n }) {
   var f;
   const [o, l] = j(!1), i = Array.isArray(r) ? r : r ? [r] : [], d = i.length > 0, c = Q(
     (h) => {
@@ -5267,7 +5271,7 @@ function nl({ config: t, value: r, onChange: n }) {
         type: "button",
         onClick: () => l((h) => !h),
         className: `inline-flex items-center gap-1.5 h-9 px-3 rounded-lg border transition-colors cursor-pointer select-none ${d ? "bg-[var(--primary)]/10 border-[var(--primary)] text-[var(--primary)]" : "bg-[var(--background)] border-[var(--border)] text-[var(--foreground)] hover:bg-[var(--muted)]"}`,
-        style: rl,
+        style: nl,
         children: [
           s,
           d && /* @__PURE__ */ e(
@@ -5331,7 +5335,7 @@ function nl({ config: t, value: r, onChange: n }) {
     ] })
   ] });
 }
-function Ki({
+function Zi({
   filters: t = [],
   searchPlaceholder: r = "Search...",
   showSearch: n = !0,
@@ -5372,7 +5376,7 @@ function Ki({
       children: [
         n && /* @__PURE__ */ a("div", { className: "relative flex items-center", children: [
           /* @__PURE__ */ e(
-            qe,
+            Xe,
             {
               size: 14,
               className: "absolute left-2.5 text-[var(--muted-foreground)] pointer-events-none"
@@ -5399,7 +5403,7 @@ function Ki({
           }
         ),
         t.map((b) => /* @__PURE__ */ e(
-          nl,
+          ol,
           {
             config: b,
             value: s.filters[b.key] ?? null,
@@ -5452,7 +5456,7 @@ const Kr = {
   md: "px-4 py-3",
   lg: "px-5 py-4"
 };
-function ol({ width: t }) {
+function al({ width: t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -5461,7 +5465,7 @@ function ol({ width: t }) {
     }
   );
 }
-function al({ columns: t, hidden: r, onToggle: n }) {
+function ll({ columns: t, hidden: r, onToggle: n }) {
   const [o, l] = j(!1), i = V(null);
   ne(() => {
     function c(s) {
@@ -5503,7 +5507,7 @@ function al({ columns: t, hidden: r, onToggle: n }) {
     }) })
   ] });
 }
-function ll({ count: t, actions: r, selectedKeys: n, onClear: o }) {
+function il({ count: t, actions: r, selectedKeys: n, onClear: o }) {
   return /* @__PURE__ */ a("div", { className: "flex items-center gap-3 px-4 py-2.5 bg-[var(--primary)]/8 border-b border-[var(--primary)]/20", children: [
     /* @__PURE__ */ a(
       "span",
@@ -5542,8 +5546,8 @@ function ll({ count: t, actions: r, selectedKeys: n, onClear: o }) {
     )
   ] });
 }
-const il = [10, 20, 50, 100];
-function sl({ meta: t, onPageChange: r }) {
+const sl = [10, 20, 50, 100];
+function dl({ meta: t, onPageChange: r }) {
   const { page: n, pageSize: o, totalCount: l } = t, i = Math.max(1, Math.ceil(l / o)), d = l === 0 ? 0 : (n - 1) * o + 1, c = Math.min(n * o, l), s = se(() => {
     const f = [];
     if (i <= 7)
@@ -5571,7 +5575,7 @@ function sl({ meta: t, onPageChange: r }) {
           onChange: (f) => r(1, Number(f.target.value)),
           className: "h-7 px-2 rounded-md border border-[var(--border)] bg-[var(--background)] text-[var(--foreground)] focus:outline-none focus:border-[var(--primary)] cursor-pointer",
           style: We,
-          children: il.map((f) => /* @__PURE__ */ a("option", { value: f, children: [
+          children: sl.map((f) => /* @__PURE__ */ a("option", { value: f, children: [
             f,
             " / page"
           ] }, f))
@@ -5627,7 +5631,7 @@ function yt({
     }
   );
 }
-function Zi({
+function Xi({
   columns: t,
   data: r,
   rowKey: n = "id",
@@ -5700,9 +5704,9 @@ function Zi({
     return T;
   }, [L, s, u]), re = L.length + (s ? 1 : 0) + (u ? 1 : 0), Y = "sticky z-[2] bg-inherit";
   return /* @__PURE__ */ a("div", { className: `rounded-[var(--radius-md)] border border-[var(--border)] overflow-hidden ${z}`, children: [
-    m && /* @__PURE__ */ e("div", { className: "flex items-center justify-end gap-2 px-4 py-2.5 border-b border-[var(--border)] bg-[var(--background)]", children: /* @__PURE__ */ e(al, { columns: t, hidden: W, onToggle: F }) }),
+    m && /* @__PURE__ */ e("div", { className: "flex items-center justify-end gap-2 px-4 py-2.5 border-b border-[var(--border)] bg-[var(--background)]", children: /* @__PURE__ */ e(ll, { columns: t, hidden: W, onToggle: F }) }),
     s && N.size > 0 && v.length > 0 && /* @__PURE__ */ e(
-      ll,
+      il,
       {
         count: N.size,
         actions: v,
@@ -5737,7 +5741,7 @@ function Zi({
               onClick: () => T.sortable && ae(T.key),
               children: /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1", children: [
                 T.header,
-                T.sortable && c && /* @__PURE__ */ e("span", { className: X ? "text-[var(--primary)]" : "text-[var(--muted-foreground)]/60", children: X ? i === "asc" ? /* @__PURE__ */ e(Je, { size: 13 }) : /* @__PURE__ */ e(Ie, { size: 13 }) : /* @__PURE__ */ e($t, { size: 12 }) })
+                T.sortable && c && /* @__PURE__ */ e("span", { className: X ? "text-[var(--primary)]" : "text-[var(--muted-foreground)]/60", children: X ? i === "asc" ? /* @__PURE__ */ e(qe, { size: 13 }) : /* @__PURE__ */ e(Ie, { size: 13 }) : /* @__PURE__ */ e($t, { size: 12 }) })
               ] })
             },
             T.key
@@ -5752,7 +5756,7 @@ function Zi({
         !x && p && Array.from({ length: b }).map((T, J) => /* @__PURE__ */ a("tr", { className: "border-b border-[var(--border)] last:border-b-0", children: [
           u && /* @__PURE__ */ e("td", { className: `${we[g]} w-10` }),
           s && /* @__PURE__ */ e("td", { className: `${we[g]} w-12`, children: /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded bg-muted animate-pulse" }) }),
-          L.map((X) => /* @__PURE__ */ e("td", { className: `${we[g]}`, children: /* @__PURE__ */ e(ol, { width: X.align === "right" ? "60%" : X.align === "center" ? "50%" : "75%" }) }, X.key))
+          L.map((X) => /* @__PURE__ */ e("td", { className: `${we[g]}`, children: /* @__PURE__ */ e(al, { width: X.align === "right" ? "60%" : X.align === "center" ? "50%" : "75%" }) }, X.key))
         ] }, `skel-${J}`)),
         !x && !p && r.length === 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: re, className: `${we[g]} text-center`, children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2 py-12", children: [
           /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-[var(--muted)] flex items-center justify-center text-[var(--muted-foreground)]", children: /* @__PURE__ */ e($t, { size: 20 }) }),
@@ -5824,7 +5828,7 @@ function Zi({
         })
       ] })
     ] }) }),
-    o && d && !p && !x && /* @__PURE__ */ e(sl, { meta: o, onPageChange: d })
+    o && d && !p && !x && /* @__PURE__ */ e(dl, { meta: o, onPageChange: d })
   ] });
 }
 const Re = [
@@ -5888,7 +5892,7 @@ function Tt({
     }
   ) });
 }
-function dl({
+function cl({
   series: t,
   height: r = 240,
   width: n,
@@ -6039,8 +6043,8 @@ function dl({
     ] }, C)) })
   ] });
 }
-dl.displayName = "LineChart";
-function cl({
+cl.displayName = "LineChart";
+function ul({
   series: t,
   height: r = 240,
   width: n,
@@ -6174,8 +6178,8 @@ function cl({
     ] }, k)) })
   ] });
 }
-cl.displayName = "AreaChart";
-function ul({
+ul.displayName = "AreaChart";
+function fl({
   series: t,
   height: r = 240,
   width: n,
@@ -6317,8 +6321,8 @@ function ul({
     ] }, N)) })
   ] });
 }
-ul.displayName = "BarChart";
-function fl({
+fl.displayName = "BarChart";
+function ml({
   data: t,
   size: r = 200,
   innerRatio: n = 0.6,
@@ -6409,8 +6413,8 @@ function fl({
     )) })
   ] });
 }
-fl.displayName = "DonutChart";
-function ml({
+ml.displayName = "DonutChart";
+function hl({
   values: t,
   type: r = "line",
   width: n = 80,
@@ -6460,7 +6464,7 @@ function ml({
     i && /* @__PURE__ */ e("span", { style: { ...ce, color: p }, children: t[t.length - 1].toLocaleString() })
   ] });
 }
-ml.displayName = "MiniSparkline";
+hl.displayName = "MiniSparkline";
 function Se(t) {
   const r = new Date(t);
   return r.setHours(0, 0, 0, 0), r;
@@ -6469,7 +6473,7 @@ function ke(t) {
   const r = new Date(t);
   return r.setHours(23, 59, 59, 999), r;
 }
-const hl = [
+const bl = [
   {
     label: "Today",
     value: "today",
@@ -6523,7 +6527,7 @@ const hl = [
     value: "custom",
     range: () => ({ from: null, to: null })
   }
-], bl = [
+], pl = [
   "January",
   "February",
   "March",
@@ -6536,21 +6540,21 @@ const hl = [
   "October",
   "November",
   "December"
-], pl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+], gl = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function wt(t) {
   return t ? t.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }) : "";
 }
 function Nt(t, r) {
   return t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate();
 }
-function gl(t, r) {
+function vl(t, r) {
   const n = [], o = new Date(t, r, 1), l = new Date(o);
   l.setDate(l.getDate() - l.getDay());
   for (let i = 0; i < 42; i++)
     n.push(new Date(l)), l.setDate(l.getDate() + 1);
   return n;
 }
-const vl = {
+const xl = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-p)"
@@ -6562,7 +6566,7 @@ const vl = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
-}, xl = {
+}, yl = {
   sm: "h-8 px-3",
   md: "h-10 px-3.5",
   lg: "h-11 px-4"
@@ -6579,7 +6583,7 @@ function cr({
   minDate: s,
   maxDate: f
 }) {
-  const h = gl(r, t);
+  const h = vl(r, t);
   function v(u) {
     const p = n.from, b = n.to ?? o;
     if (!p || !b) return !1;
@@ -6601,7 +6605,7 @@ function cr({
         }
       ),
       /* @__PURE__ */ a("span", { className: "text-foreground", style: Zr, children: [
-        bl[t],
+        pl[t],
         " ",
         r
       ] }),
@@ -6615,7 +6619,7 @@ function cr({
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: pl.map((u) => /* @__PURE__ */ e("div", { className: "h-8 flex items-center justify-center text-muted-foreground", style: dr, children: u }, u)) }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-7 mb-1", children: gl.map((u) => /* @__PURE__ */ e("div", { className: "h-8 flex items-center justify-center text-muted-foreground", style: dr, children: u }, u)) }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-7", children: h.map((u, p) => {
       const b = u.getMonth() === t, x = n.from ? Nt(u, n.from) : !1, $ = n.to ? Nt(u, n.to) : o && n.from ? Nt(u, o) : !1, S = v(u), m = y(u);
       return /* @__PURE__ */ e(
@@ -6640,7 +6644,7 @@ function cr({
     }) })
   ] });
 }
-function yl({
+function wl({
   value: t,
   onChange: r,
   presets: n = ["today", "last7", "last30", "custom"],
@@ -6689,7 +6693,7 @@ function yl({
     const K = { from: null, to: null };
     p(K), r == null || r(K, void 0), S(void 0);
   }
-  const B = N.from && N.to ? `${wt(N.from)} – ${wt(N.to)}` : N.from ? `${wt(N.from)} – ...` : "", q = hl.filter((R) => n.includes(R.value));
+  const B = N.from && N.to ? `${wt(N.from)} – ${wt(N.to)}` : N.from ? `${wt(N.from)} – ...` : "", q = bl.filter((R) => n.includes(R.value));
   return /* @__PURE__ */ a("div", { ref: E, className: `relative inline-block ${f}`, children: [
     /* @__PURE__ */ a(
       "button",
@@ -6700,11 +6704,11 @@ function yl({
         onClick: () => !s && y(!v),
         className: [
           "flex items-center gap-2 border border-border bg-card text-left rounded-[var(--radius-md)] transition-colors w-full min-w-[260px]",
-          xl[l],
+          yl[l],
           v ? "border-primary ring-2 ring-primary/20" : "hover:border-primary/40",
           s ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
         ].join(" "),
-        style: vl,
+        style: xl,
         children: [
           /* @__PURE__ */ e(gr, { size: 14, className: "text-muted-foreground flex-shrink-0" }),
           /* @__PURE__ */ e("span", { className: B ? "text-foreground flex-1" : "text-muted-foreground flex-1", children: B || o }),
@@ -6722,7 +6726,7 @@ function yl({
         ]
       }
     ),
-    v && Qe(
+    v && Je(
       /* @__PURE__ */ a(
         "div",
         {
@@ -6791,7 +6795,7 @@ function yl({
     )
   ] });
 }
-yl.displayName = "DateRangePicker";
+wl.displayName = "DateRangePicker";
 function Ne(t) {
   return String(t).padStart(2, "0");
 }
@@ -6833,7 +6837,7 @@ function rt({
           n(i);
         },
         className: "text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-        children: /* @__PURE__ */ e(Je, { size: 14 })
+        children: /* @__PURE__ */ e(qe, { size: 14 })
       }
     ),
     /* @__PURE__ */ e("div", { className: "text-foreground w-full text-center px-1 py-1 rounded-[var(--radius-md)] bg-muted/20", style: it, children: Ne(r) }),
@@ -6963,7 +6967,7 @@ function Qr({
   ] });
 }
 Qr.displayName = "TimePicker";
-function wl({
+function Nl({
   value: t,
   onChange: r,
   format: n = "24h",
@@ -7102,29 +7106,29 @@ function wl({
     ] })
   ] });
 }
-wl.displayName = "DateTimePicker";
-const Nl = {
+Nl.displayName = "DateTimePicker";
+const $l = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, $l = {
+}, Sl = {
   fontFamily: "var(--font-p)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-p)"
-}, Sl = {
+}, kl = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-caption)",
   fontWeight: "var(--weight-button)"
-}, kl = {
+}, zl = {
   sm: "p-3 gap-2.5 rounded-[var(--radius-md)]",
   md: "p-4 gap-3 rounded-[var(--radius-md)]",
   lg: "p-5 gap-4 rounded-[var(--radius-md)]"
-}, zl = {
+}, Fl = {
   sm: "w-8 h-8 rounded-[var(--radius-sm)]",
   md: "w-10 h-10 rounded-[var(--radius-md)]",
   lg: "w-12 h-12 rounded-[var(--radius-md)] text-lg"
 };
-function Fl({
+function Wl({
   value: t,
   title: r,
   description: n,
@@ -7148,7 +7152,7 @@ function Fl({
       onClick: () => !d && (v == null ? void 0 : v(t)),
       className: [
         "w-full text-left border transition-all duration-150",
-        kl[f],
+        zl[f],
         u ? "flex flex-col items-center text-center" : "flex items-center",
         i ? "border-primary bg-primary/5 shadow-[0_0_0_1px_var(--primary)]" : "border-border bg-card hover:border-primary/40 hover:bg-muted/20",
         d ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
@@ -7160,7 +7164,7 @@ function Fl({
           "div",
           {
             className: [
-              zl[f],
+              Fl[f],
               "flex items-center justify-center flex-shrink-0",
               i ? "bg-primary/10 text-primary" : "bg-muted/40 text-muted-foreground"
             ].join(" "),
@@ -7173,7 +7177,7 @@ function Fl({
               "span",
               {
                 className: "text-foreground",
-                style: Nl,
+                style: $l,
                 children: r
               }
             ),
@@ -7181,7 +7185,7 @@ function Fl({
               "span",
               {
                 className: "px-1.5 py-0.5 rounded-full bg-primary/10 text-primary",
-                style: Sl,
+                style: kl,
                 children: l
               }
             )
@@ -7190,7 +7194,7 @@ function Fl({
             "p",
             {
               className: `text-muted-foreground mt-0.5 ${u ? "line-clamp-2" : "truncate"}`,
-              style: $l,
+              style: Sl,
               children: n
             }
           )
@@ -7207,8 +7211,8 @@ function Fl({
     }
   );
 }
-Fl.displayName = "ChoiceCard";
-function Wl({
+Wl.displayName = "ChoiceCard";
+function Ml({
   value: t,
   onChange: r,
   layout: n = "horizontal",
@@ -7234,34 +7238,34 @@ function Wl({
     }
   );
 }
-Wl.displayName = "ChoiceCardGroup";
-const Ml = {
+Ml.displayName = "ChoiceCardGroup";
+const Ll = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, Ll = {
+}, Cl = {
   fontFamily: "var(--font-p)",
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-p)"
-}, Cl = {
+}, jl = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
-}, jl = {
+}, Dl = {
   sm: "p-3",
   md: "p-4",
   lg: "p-5"
-}, Dl = {
+}, Al = {
   sm: "w-8 h-8",
   md: "w-10 h-10",
   lg: "w-12 h-12"
-}, Al = {
+}, El = {
   1: "grid-cols-1",
   2: "grid-cols-1 sm:grid-cols-2",
   3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
   4: "grid-cols-2 lg:grid-cols-4"
 };
-function El({
+function Il({
   options: t,
   value: r,
   onChange: n,
@@ -7276,7 +7280,7 @@ function El({
     "div",
     {
       className: [
-        l === "grid" ? `grid gap-3 ${Al[o]}` : "flex flex-col gap-2",
+        l === "grid" ? `grid gap-3 ${El[o]}` : "flex flex-col gap-2",
         c
       ].join(" "),
       role: "radiogroup",
@@ -7287,7 +7291,7 @@ function El({
           {
             className: [
               "relative flex items-start gap-3 border rounded-[var(--radius-md)] cursor-pointer transition-all duration-150",
-              jl[i],
+              Dl[i],
               h ? "border-primary bg-primary/5 shadow-[0_0_0_1px_var(--primary)]" : "border-border bg-card hover:border-primary/40 hover:bg-muted/10",
               v ? "opacity-50 cursor-not-allowed" : ""
             ].filter(Boolean).join(" "),
@@ -7318,7 +7322,7 @@ function El({
                 "div",
                 {
                   className: [
-                    Dl[i],
+                    Al[i],
                     "flex-shrink-0 flex items-center justify-center rounded-[var(--radius-md)]",
                     h ? "bg-primary/10 text-primary" : "bg-muted/40 text-muted-foreground"
                   ].join(" "),
@@ -7331,7 +7335,7 @@ function El({
                     "span",
                     {
                       className: "text-foreground",
-                      style: Ml,
+                      style: Ll,
                       children: f.title
                     }
                   ),
@@ -7339,7 +7343,7 @@ function El({
                     "span",
                     {
                       className: "px-1.5 py-0.5 rounded-full bg-primary/10 text-primary",
-                      style: Cl,
+                      style: jl,
                       children: f.badge
                     }
                   )
@@ -7348,7 +7352,7 @@ function El({
                   "p",
                   {
                     className: "text-muted-foreground mt-0.5",
-                    style: Ll,
+                    style: Cl,
                     children: f.description
                   }
                 )
@@ -7361,14 +7365,14 @@ function El({
     }
   );
 }
-El.displayName = "RadioCard";
-function Il() {
+Il.displayName = "RadioCard";
+function Tl() {
   return Math.random().toString(36).slice(2, 9);
 }
-function Tl(t = {}) {
-  return { id: Il(), values: { ...t } };
+function Bl(t = {}) {
+  return { id: Tl(), values: { ...t } };
 }
-const Bl = {
+const _l = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-button)"
@@ -7377,7 +7381,7 @@ const Bl = {
   fontSize: "var(--text-button)",
   fontWeight: "var(--weight-button)"
 };
-function _l({
+function Hl({
   columns: t,
   value: r,
   onChange: n,
@@ -7394,7 +7398,7 @@ function _l({
   ), y = r ?? h, u = (w) => {
     v(w), n == null || n(w);
   }, p = () => {
-    i !== void 0 && y.length >= i || u([...y, Tl(o)]);
+    i !== void 0 && y.length >= i || u([...y, Bl(o)]);
   }, b = (w) => {
     y.length <= l || u(y.filter((z) => z.id !== w));
   }, x = (w, z, W) => {
@@ -7421,7 +7425,7 @@ function _l({
             {
               style: { width: w.width ?? "1fr", flex: w.width ? "none" : "1" },
               className: "min-w-0",
-              children: /* @__PURE__ */ e("span", { style: Bl, children: w.label })
+              children: /* @__PURE__ */ e("span", { style: _l, children: w.label })
             },
             w.key
           )),
@@ -7503,8 +7507,8 @@ function _l({
     )
   ] });
 }
-_l.displayName = "RepeatableFieldList";
-const Hl = {
+Hl.displayName = "RepeatableFieldList";
+const Rl = {
   history: [
     { cmd: "undo", icon: Rn, title: "Undo" },
     { cmd: "redo", icon: On, title: "Redo" }
@@ -7533,18 +7537,18 @@ const Hl = {
     { cmd: "createLink", icon: Wn, title: "Insert link" },
     { cmd: "unlink", icon: Mn, title: "Remove link" }
   ]
-}, Rl = {
+}, Ol = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-p)"
-}, Ol = {
+}, Pl = {
   fontFamily: "var(--font-p)",
   fontSize: "var(--text-p)",
   fontWeight: "var(--weight-p)",
   lineHeight: "1.6",
   color: "var(--foreground)"
 };
-function Pl({
+function Yl({
   value: t = "",
   onChange: r,
   placeholder: n = "Start typing…",
@@ -7609,7 +7613,7 @@ function Pl({
   return /* @__PURE__ */ a("div", { className: W, children: [
     !s && /* @__PURE__ */ a("div", { className: "flex items-center gap-0.5 flex-wrap px-2 py-1.5 border-b border-border bg-muted/10", children: [
       i.map((M, F) => {
-        const L = Hl[M];
+        const L = Rl[M];
         return /* @__PURE__ */ a(ge.Fragment, { children: [
           F > 0 && /* @__PURE__ */ e("div", { className: "w-px h-5 bg-border mx-1" }),
           L.map((E) => {
@@ -7654,7 +7658,7 @@ function Pl({
         "div",
         {
           className: "absolute top-0 left-0 pointer-events-none p-4 text-muted-foreground",
-          style: Rl,
+          style: Ol,
           children: n
         }
       ),
@@ -7677,7 +7681,7 @@ function Pl({
             y ? "flex-1" : ""
           ].filter(Boolean).join(" "),
           style: {
-            ...Ol,
+            ...Pl,
             minHeight: y ? void 0 : z,
             maxHeight: y ? void 0 : l
           },
@@ -7687,7 +7691,7 @@ function Pl({
     ] })
   ] });
 }
-Pl.displayName = "RichTextEditor";
+Yl.displayName = "RichTextEditor";
 const Mt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
@@ -7696,14 +7700,14 @@ const Mt = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-p)"
-}, Yl = {
+}, Gl = {
   2: "grid-cols-2",
   3: "grid-cols-2 sm:grid-cols-3",
   4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4",
   5: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-5",
   6: "grid-cols-2 sm:grid-cols-4 lg:grid-cols-6"
 };
-function Gl({
+function Ul({
   images: t,
   startIdx: r,
   onClose: n
@@ -7811,7 +7815,7 @@ function Vr({
   );
 }
 Vr.displayName = "ThumbnailCell";
-function Ul({
+function Kl({
   images: t,
   selectable: r = !1,
   selectedIds: n = [],
@@ -7902,7 +7906,7 @@ function Ul({
         )
       ] })
     ] }),
-    u === "grid" && /* @__PURE__ */ e("div", { className: `grid gap-2 ${Yl[h]}`, children: t.map((w, z) => {
+    u === "grid" && /* @__PURE__ */ e("div", { className: `grid gap-2 ${Gl[h]}`, children: t.map((w, z) => {
       const W = n.includes(w.id);
       return /* @__PURE__ */ a(
         "div",
@@ -7976,7 +7980,7 @@ function Ul({
       );
     }) }),
     b !== null && /* @__PURE__ */ e(
-      Gl,
+      Ul,
       {
         images: t,
         startIdx: b,
@@ -7985,7 +7989,7 @@ function Ul({
     )
   ] });
 }
-Ul.displayName = "ImageGallery";
+Kl.displayName = "ImageGallery";
 const Bt = ut(null);
 Bt.displayName = "AppShellContext";
 const _t = ut(null);
@@ -8068,7 +8072,7 @@ function en({
   return /* @__PURE__ */ e(_t.Provider, { value: m, children: /* @__PURE__ */ e(Bt.Provider, { value: m, children: d }) });
 }
 en.displayName = "AppShellProvider";
-function Kl() {
+function Zl() {
   const t = ct(Bt);
   if (!t)
     throw new Error(
@@ -8076,7 +8080,7 @@ function Kl() {
     );
   return t;
 }
-function Zl() {
+function Xl() {
   const t = ct(_t);
   if (!t)
     throw new Error(
@@ -8084,11 +8088,11 @@ function Zl() {
     );
   return t;
 }
-function Xi(t) {
-  const { setBreadcrumbs: r } = Kl(), n = JSON.stringify(t);
+function qi(t) {
+  const { setBreadcrumbs: r } = Zl(), n = JSON.stringify(t);
   ne(() => (r(t), () => r([])), [n]);
 }
-function qi(t, r) {
+function Ji(t, r) {
   const [n, o] = j({
     groups: [],
     loading: !1,
@@ -8117,7 +8121,7 @@ function qi(t, r) {
     i();
   }, [i]), { ...n, refresh: i };
 }
-class Xl extends ge.Component {
+class ql extends ge.Component {
   constructor(r) {
     super(r), this.state = { hasError: !1 };
   }
@@ -8177,7 +8181,7 @@ function fr({ p: t }) {
     /* @__PURE__ */ e(te, { children: t.footer })
   ] });
 }
-function ql({ p: t }) {
+function Jl({ p: t }) {
   const r = t.gap ?? "gap-6", n = t.asideWidth ?? "w-80";
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r}`, children: [
     /* @__PURE__ */ e(te, { children: t.header }),
@@ -8189,7 +8193,7 @@ function ql({ p: t }) {
     ] })
   ] });
 }
-function Jl({ p: t }) {
+function Ql({ p: t }) {
   const r = t.gap ?? "gap-8";
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r} max-w-3xl`, children: [
     /* @__PURE__ */ e(te, { children: t.header }),
@@ -8197,7 +8201,7 @@ function Jl({ p: t }) {
     /* @__PURE__ */ e(te, { className: `flex flex-col ${r}`, children: t.sections ?? t.content })
   ] });
 }
-function Ql({ p: t }) {
+function Vl({ p: t }) {
   const r = t.gap ?? "gap-6";
   return /* @__PURE__ */ a("div", { className: "flex flex-col min-h-screen", children: [
     /* @__PURE__ */ a("div", { className: `flex flex-col ${r} flex-1 pb-24`, children: [
@@ -8209,7 +8213,7 @@ function Ql({ p: t }) {
     /* @__PURE__ */ e(tn, { children: t.actions })
   ] });
 }
-function Vl({ p: t }) {
+function ei({ p: t }) {
   const r = t.gap ?? "gap-6", n = t.primaryChart && t.secondaryCharts;
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r}`, children: [
     /* @__PURE__ */ e(te, { children: t.header }),
@@ -8226,7 +8230,7 @@ function Vl({ p: t }) {
     /* @__PURE__ */ e(te, { children: t.footer })
   ] });
 }
-function ei({ p: t }) {
+function ti({ p: t }) {
   const r = t.gap ?? "gap-6";
   return /* @__PURE__ */ a("div", { className: "flex flex-col min-h-screen", children: [
     /* @__PURE__ */ a("div", { className: `flex flex-col ${r} flex-1 pb-24`, children: [
@@ -8237,7 +8241,7 @@ function ei({ p: t }) {
     /* @__PURE__ */ e(tn, { children: t.actions })
   ] });
 }
-function ti({ p: t }) {
+function ri({ p: t }) {
   const r = t.gap ?? "gap-6";
   return /* @__PURE__ */ a("div", { className: `flex flex-col ${r}`, children: [
     /* @__PURE__ */ e(te, { children: t.header }),
@@ -8253,59 +8257,59 @@ function ti({ p: t }) {
     /* @__PURE__ */ e(te, { children: t.footer })
   ] });
 }
-function ri(t) {
+function ni(t) {
   const { layout: r = "list", maxWidth: n, padding: o, className: l = "" } = t, i = o ?? "p-4 sm:p-6", d = n ? `${n} mx-auto w-full` : "w-full", c = (() => {
     switch (r) {
       case "list":
         return /* @__PURE__ */ e(fr, { p: t });
       case "detail":
-        return /* @__PURE__ */ e(ql, { p: t });
-      case "settings":
         return /* @__PURE__ */ e(Jl, { p: t });
-      case "wizard":
+      case "settings":
         return /* @__PURE__ */ e(Ql, { p: t });
-      case "dashboard":
+      case "wizard":
         return /* @__PURE__ */ e(Vl, { p: t });
-      case "form":
+      case "dashboard":
         return /* @__PURE__ */ e(ei, { p: t });
-      case "report":
+      case "form":
         return /* @__PURE__ */ e(ti, { p: t });
+      case "report":
+        return /* @__PURE__ */ e(ri, { p: t });
       default:
         return /* @__PURE__ */ e(fr, { p: t });
     }
   })();
   return /* @__PURE__ */ e("div", { className: `${i} ${d} ${l}`, children: c });
 }
-ri.displayName = "FeaturePageScaffold";
-const ni = {
+ni.displayName = "FeaturePageScaffold";
+const oi = {
   fontFamily: "var(--font-label)",
   fontSize: "var(--text-h4)",
   fontWeight: "var(--weight-button)",
   color: "var(--foreground)"
-}, oi = {
+}, ai = {
   fontFamily: "var(--font-p)",
   fontSize: "var(--text-label)",
   fontWeight: "var(--weight-p)",
   color: "var(--muted-foreground)"
 };
-function ai({ title: t, description: r, action: n, children: o, className: l = "" }) {
+function li({ title: t, description: r, action: n, children: o, className: l = "" }) {
   return /* @__PURE__ */ a("section", { className: `space-y-4 ${l}`, children: [
     /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-4", children: [
       /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ e("h2", { style: ni, children: t }),
-        r && /* @__PURE__ */ e("p", { className: "mt-1", style: oi, children: r })
+        /* @__PURE__ */ e("h2", { style: oi, children: t }),
+        r && /* @__PURE__ */ e("p", { className: "mt-1", style: ai, children: r })
       ] }),
       n && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: n })
     ] }),
     /* @__PURE__ */ e("div", { className: "border-t border-border pt-4", children: o })
   ] });
 }
-ai.displayName = "ScaffoldSection";
-function li({ children: t, className: r = "" }) {
+li.displayName = "ScaffoldSection";
+function ii({ children: t, className: r = "" }) {
   return /* @__PURE__ */ e("div", { className: `grid grid-cols-2 lg:grid-cols-4 gap-4 ${r}`, children: t });
 }
-li.displayName = "ScaffoldKPIRow";
-function ii(t) {
+ii.displayName = "ScaffoldKPIRow";
+function si(t) {
   return t.map((r) => ({
     label: r.title ?? "",
     items: r.items.filter((n) => !n.disabled).map((n) => ({
@@ -8316,7 +8320,7 @@ function ii(t) {
     }))
   }));
 }
-function si({
+function di({
   activeItemId: t,
   onNavigate: r,
   notificationCount: n,
@@ -8341,7 +8345,7 @@ function si({
     navLoading: S,
     navError: m,
     refreshNav: g
-  } = Zl(), [w, z] = j(
+  } = Xl(), [w, z] = j(
     !(((N = b == null ? void 0 : b.shell) == null ? void 0 : N.sidebarDefaultOpen) ?? !0)
   ), [W, M] = j(!1);
   ne(() => {
@@ -8350,7 +8354,7 @@ function si({
     }
     return window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
   }, []);
-  const F = ii($), L = Q(
+  const F = si($), L = Q(
     (_) => {
       const H = $.flatMap((B) => B.items).find((B) => B.id === _.id);
       H && r && r(H), M(!1);
@@ -8470,7 +8474,7 @@ function si({
               transition: "margin-left var(--shell-sidebar-transition, 250ms cubic-bezier(0.4,0,0.2,1))",
               maxWidth: (I = b == null ? void 0 : b.shell) == null ? void 0 : I.contentMaxWidth
             },
-            children: /* @__PURE__ */ e(Xl, { children: h })
+            children: /* @__PURE__ */ e(ql, { children: h })
           }
         ),
         /* @__PURE__ */ e(eo, {})
@@ -8478,7 +8482,7 @@ function si({
     }
   );
 }
-function di({
+function ci({
   product: t,
   user: r,
   navResolver: n,
@@ -8492,12 +8496,12 @@ function di({
       user: r,
       navResolver: n,
       defaultSidebarOpen: ((l = t == null ? void 0 : t.shell) == null ? void 0 : l.sidebarDefaultOpen) ?? !0,
-      children: /* @__PURE__ */ e(si, { ...o })
+      children: /* @__PURE__ */ e(di, { ...o })
     }
   );
 }
-di.displayName = "AppShell";
-function ci() {
+ci.displayName = "AppShell";
+function ui() {
   return /* @__PURE__ */ a("div", { className: "min-h-screen bg-[var(--background)] flex flex-col", children: [
     /* @__PURE__ */ a("div", { className: "h-14 bg-card border-b border-border flex items-center px-4 gap-3", children: [
       /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-[var(--radius-md)] bg-muted/40 animate-pulse" }),
@@ -8520,8 +8524,8 @@ function ci() {
     ] })
   ] });
 }
-ci.displayName = "AppShellSkeleton";
-const Ji = {
+ui.displayName = "AppShellSkeleton";
+const Qi = {
   product: "sellsuki",
   brand: {
     name: "Sellsuki",
@@ -8531,7 +8535,7 @@ const Ji = {
     sidebarCollapsible: !0,
     sidebarDefaultOpen: !0
   }
-}, Qi = {
+}, Vi = {
   product: "patona",
   brand: {
     name: "Patona",
@@ -8541,7 +8545,7 @@ const Ji = {
     sidebarCollapsible: !0,
     sidebarDefaultOpen: !0
   }
-}, Vi = {
+}, es = {
   product: "sukispace",
   brand: {
     name: "Sukispace",
@@ -8551,13 +8555,13 @@ const Ji = {
     sidebarCollapsible: !0,
     sidebarDefaultOpen: !0
   }
-}, es = {
+}, ts = {
   product: "shipmunk",
   brand: {
     name: "Shipmunk",
     theme: "shipmunk"
   }
-}, ts = {
+}, rs = {
   product: "akita",
   brand: {
     name: "Akita",
@@ -8567,111 +8571,111 @@ const Ji = {
 export {
   No as Accordion,
   Dr as AccordionItem,
-  Zi as AdvancedDataTable,
+  Xi as AdvancedDataTable,
   Lr as Alert,
-  di as AppShell,
-  Xl as AppShellErrorBoundary,
+  ci as AppShell,
+  ql as AppShellErrorBoundary,
   en as AppShellProvider,
-  ci as AppShellSkeleton,
-  cl as AreaChart,
+  ui as AppShellSkeleton,
+  ul as AreaChart,
   Fo as Avatar,
   Wo as AvatarGroup,
-  pi as Badge,
-  ul as BarChart,
-  zi as Breadcrumb,
+  gi as Badge,
+  fl as BarChart,
+  Fi as Breadcrumb,
   Xn as Button,
-  bi as ButtonGroup,
+  pi as ButtonGroup,
   jo as Card,
   Ao as CardBody,
   Eo as CardFooter,
   Do as CardHeader,
   st as Checkbox,
-  gi as CheckboxGroup,
-  Fl as ChoiceCard,
-  Wl as ChoiceCardGroup,
-  Fi as ColorPicker,
-  wi as ConfirmDialog,
+  vi as CheckboxGroup,
+  Wl as ChoiceCard,
+  Ml as ChoiceCardGroup,
+  Wi as ColorPicker,
+  Ni as ConfirmDialog,
   Xn as DSButton,
   st as DSCheckbox,
   Jn as DSInput,
-  vi as DSRadio,
-  Si as DSTable,
+  xi as DSRadio,
+  ki as DSTable,
   Qn as DSTextarea,
-  yi as DatePicker,
-  yl as DateRangePicker,
-  wl as DateTimePicker,
+  wi as DatePicker,
+  wl as DateRangePicker,
+  Nl as DateTimePicker,
   Oo as Divider,
-  fl as DonutChart,
+  ml as DonutChart,
   Yo as Drawer,
   Zo as Dropdown,
-  Wi as EmptyState,
-  ri as FeaturePageScaffold,
-  Mi as FileUpload,
-  Ki as FilterBar,
-  Pa as FormError,
-  Pi as FormField,
-  Ga as FormHelperText,
+  Mi as EmptyState,
+  ni as FeaturePageScaffold,
+  Li as FileUpload,
+  Zi as FilterBar,
+  Ya as FormError,
+  Yi as FormField,
+  Ua as FormHelperText,
   ir as FormLabel,
-  Ya as FormSuccess,
+  Ga as FormSuccess,
   qn as IconButton,
-  Ul as ImageGallery,
-  Li as ImagePreview,
+  Kl as ImageGallery,
+  Ci as ImagePreview,
   Jn as Input,
-  dl as LineChart,
+  cl as LineChart,
   aa as Menu,
-  ml as MiniSparkline,
+  hl as MiniSparkline,
   mo as Modal,
   ia as Notification,
-  Ci as NotificationCenter,
-  Yi as NumberInput,
-  Gi as OTPInput,
-  Ui as PageHeader,
-  Ni as Pagination,
-  ji as Popover,
+  ji as NotificationCenter,
+  Gi as NumberInput,
+  Ui as OTPInput,
+  Ki as PageHeader,
+  $i as Pagination,
+  Di as Popover,
   ua as ProgressBar,
-  vi as Radio,
-  El as RadioCard,
-  xi as RadioGroup,
-  Di as Rating,
-  _l as RepeatableFieldList,
-  Pl as RichTextEditor,
-  li as ScaffoldKPIRow,
-  ai as ScaffoldSection,
-  $i as SearchField,
+  xi as Radio,
+  Il as RadioCard,
+  yi as RadioGroup,
+  Ai as Rating,
+  Hl as RepeatableFieldList,
+  Yl as RichTextEditor,
+  ii as ScaffoldKPIRow,
+  li as ScaffoldSection,
+  Si as SearchField,
   zt as Sidebar,
   _r as SidebarAccountSwitcher,
   de as Skeleton,
-  Ai as SkeletonCard,
+  Ei as SkeletonCard,
   tr as SkeletonList,
-  Ei as SkeletonTable,
+  Ii as SkeletonTable,
   $a as Spinner,
-  Ti as StatCard,
-  Ii as Statistic,
+  Bi as StatCard,
+  Ti as Statistic,
   za as Stepper,
-  Bi as Switch,
-  Si as Table,
-  ki as Tabs,
+  _i as Switch,
+  ki as Table,
+  zi as Tabs,
   Ea as Tag,
   _a as TagInput,
   Qn as Textarea,
   Vr as ThumbnailCell,
   Qr as TimePicker,
-  _i as Timeline,
+  Hi as Timeline,
   eo as ToastContainer,
   Br as Tooltip,
   Pr as TopNavbar,
-  Hi as TransferList,
-  Ri as Tree,
-  ts as akitaBrandConfig,
-  Qi as patonaBrandConfig,
-  Ji as sellsukiBrandConfig,
-  es as shipmunkBrandConfig,
-  Vi as sukispaceBrandConfig,
+  Ri as TransferList,
+  Oi as Tree,
+  rs as akitaBrandConfig,
+  Vi as patonaBrandConfig,
+  Qi as sellsukiBrandConfig,
+  ts as shipmunkBrandConfig,
+  es as sukispaceBrandConfig,
   He as toast,
-  Kl as useAppShell,
-  Zl as useAppShellFull,
-  Xi as useBreadcrumbs,
-  Oi as useFormField,
-  qi as useNavResolver
+  Zl as useAppShell,
+  Xl as useAppShellFull,
+  qi as useBreadcrumbs,
+  Pi as useFormField,
+  Ji as useNavResolver
 };
 //# sourceMappingURL=sellsuki-ds.js.map