dxd-style-code 0.1.6 → 0.1.7

package/dist/dxd-style-code.js

@@ -1,6 +1,6 @@
-import { createElementBlock as o, openBlock as l, createElementVNode as i, computed as m, createBlock as D, resolveDynamicComponent as q, normalizeClass as h, withCtx as X, renderSlot as I, createCommentVNode as g, createTextVNode as E, toDisplayString as A, normalizeStyle as Q, ref as M, watch as Y, onBeforeUnmount as fe, Teleport as xt, createVNode as L, Transition as te, normalizeProps as we, guardReactiveProps as ke, withKeys as K, withModifiers as R, mergeProps as Ce, useSlots as ne, inject as re, unref as k, onMounted as _, onUnmounted as be, Fragment as j, renderList as P, provide as Se, nextTick as ce, createSlots as Ge, withDirectives as le, vShow as Le, isRef as se, vModelText as he } from "vue";
+import { createElementBlock as s, openBlock as l, createElementVNode as i, computed as m, createBlock as D, resolveDynamicComponent as q, normalizeClass as h, withCtx as X, renderSlot as I, createCommentVNode as g, createTextVNode as O, toDisplayString as A, normalizeStyle as Q, ref as M, watch as Y, onBeforeUnmount as fe, Teleport as xt, createVNode as L, Transition as te, normalizeProps as we, guardReactiveProps as ke, withKeys as K, withModifiers as R, mergeProps as Ce, useSlots as ne, inject as re, unref as k, onMounted as _, onUnmounted as be, Fragment as j, renderList as P, provide as Se, nextTick as ce, createSlots as Ge, withDirectives as le, vShow as Le, isRef as oe, vModelText as he } from "vue";
 function yt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -15,7 +15,7 @@ function yt(e, a) {
   ]);
 }
 function wt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -30,7 +30,7 @@ function wt(e, a) {
   ]);
 }
 function $e(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -45,7 +45,7 @@ function $e(e, a) {
   ]);
 }
 function kt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -60,7 +60,7 @@ function kt(e, a) {
   ]);
 }
 function We(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -75,7 +75,7 @@ function We(e, a) {
   ]);
 }
 function Te(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -90,7 +90,7 @@ function Te(e, a) {
   ]);
 }
 function Ct(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -103,7 +103,7 @@ function Ct(e, a) {
   ]);
 }
 function St(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -114,7 +114,7 @@ function St(e, a) {
   ]);
 }
 function Xe(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -129,7 +129,7 @@ function Xe(e, a) {
   ]);
 }
 function $t(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -144,7 +144,7 @@ function $t(e, a) {
   ]);
 }
 function zt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -159,7 +159,7 @@ function zt(e, a) {
   ]);
 }
 function At(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -174,7 +174,7 @@ function At(e, a) {
   ]);
 }
 function Dt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -185,7 +185,7 @@ function Dt(e, a) {
   ]);
 }
 function Vt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -200,7 +200,7 @@ function Vt(e, a) {
   ]);
 }
 function Bt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -215,7 +215,7 @@ function Bt(e, a) {
   ]);
 }
 function Qe(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -230,7 +230,7 @@ function Qe(e, a) {
   ]);
 }
 function It(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -244,7 +244,7 @@ function It(e, a) {
     })
   ]);
 }
-const F = {
+const E = {
   // Для Alert/Toast и общих компонентов
   default: {
     bg: "bg-slate-50",
@@ -605,32 +605,32 @@ const F = {
   }
 };
 function _r(e) {
-  const a = F[e] || F.info;
+  const a = E[e] || E.info;
   return `${a.bg} ${a.text} ${a.border}`;
 }
 function ei(e) {
-  return (F[e] || F.info).icon;
+  return (E[e] || E.info).icon;
 }
 function Lt(e) {
-  return F[e] || F.info;
+  return E[e] || E.info;
 }
 function Tt(e) {
-  return (F[e] || F.primary).checkbox || F.primary.checkbox;
+  return (E[e] || E.primary).checkbox || E.primary.checkbox;
 }
 function Re(e) {
-  return (F[e] || F.primary).radio || F.primary.radio;
+  return (E[e] || E.primary).radio || E.primary.radio;
 }
 function Me(e) {
-  return e === "default" ? "text-slate-700" : (F[e] || F.default).text || "text-slate-700";
+  return e === "default" ? "text-slate-700" : (E[e] || E.default).text || "text-slate-700";
 }
 function Xt(e) {
-  return (F[e] || F.default).tag || F.default.tag;
+  return (E[e] || E.default).tag || E.default.tag;
 }
 function Mt(e) {
-  return (F[e] || F.default).progress || F.default.progress;
+  return (E[e] || E.default).progress || E.default.progress;
 }
 function jt(e) {
-  return (F[e] || F.default).loader || F.default.loader;
+  return (E[e] || E.default).loader || E.default.loader;
 }
 const qe = {
   horizontal: {
@@ -668,16 +668,16 @@ const qe = {
     }
   }
 };
-function Ot(e, a, t) {
-  var s, r, d, c;
+function Ft(e, a, t) {
+  var o, r, d, c;
   const n = e === "vertical" ? "vertical" : "horizontal";
-  return ((r = (s = qe[n]) == null ? void 0 : s[a]) == null ? void 0 : r[t]) || ((c = (d = qe[n]) == null ? void 0 : d.default) == null ? void 0 : c.default) || "border-t border-slate-200";
+  return ((r = (o = qe[n]) == null ? void 0 : o[a]) == null ? void 0 : r[t]) || ((c = (d = qe[n]) == null ? void 0 : d.default) == null ? void 0 : c.default) || "border-t border-slate-200";
 }
-function Et(e) {
+function Ot(e) {
   var t;
-  return e === "light" ? ((t = F.tooltipLight) == null ? void 0 : t.tooltip) || "bg-white text-slate-900 border border-slate-200 shadow-lg" : (F[e] || F.dark).tooltip || F.dark.tooltip;
+  return e === "light" ? ((t = E.tooltipLight) == null ? void 0 : t.tooltip) || "bg-white text-slate-900 border border-slate-200 shadow-lg" : (E[e] || E.dark).tooltip || E.dark.tooltip;
 }
-function Ft(e = "top") {
+function Et(e = "top") {
   const a = {
     top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
     bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
@@ -725,14 +725,14 @@ function Pt(e, a) {
       warning: "right-full top-1/2 -translate-y-1/2 border-r-amber-600 border-t-transparent border-b-transparent border-l-transparent",
       danger: "right-full top-1/2 -translate-y-1/2 border-r-rose-600 border-t-transparent border-b-transparent border-l-transparent"
     }
-  }, s = a || "dark";
-  return `${t} ${((d = n[e || "top"]) == null ? void 0 : d[s]) || n.top.dark}`;
+  }, o = a || "dark";
+  return `${t} ${((d = n[e || "top"]) == null ? void 0 : d[o]) || n.top.dark}`;
 }
 function Nt(e) {
-  return (F[e] || F.primary).slider || F.primary.slider;
+  return (E[e] || E.primary).slider || E.primary.slider;
 }
 function Rt(e, a = !1) {
-  const n = (F[e] || F.slate).toggle || F.slate.toggle;
+  const n = (E[e] || E.slate).toggle || E.slate.toggle;
   return {
     checked: n.checked,
     unchecked: n.unchecked,
@@ -800,7 +800,7 @@ const ti = {
       "2xl": "text-2xl",
       "3xl": "text-3xl",
       "4xl": "text-4xl"
-    }, s = {
+    }, o = {
       1: "text-4xl",
       2: "text-3xl",
       3: "text-2xl",
@@ -813,7 +813,7 @@ const ti = {
       semibold: "font-semibold",
       bold: "font-bold"
     }, d = m(() => [
-      a.size ? n[a.size] : s[a.level],
+      a.size ? n[a.size] : o[a.level],
       r[a.weight] || r.semibold,
       Me(a.color),
       "tracking-tight",
@@ -862,7 +862,7 @@ const ti = {
       medium: "font-medium",
       semibold: "font-semibold",
       bold: "font-bold"
-    }, s = {
+    }, o = {
       left: "text-left",
       center: "text-center",
       right: "text-right",
@@ -871,7 +871,7 @@ const ti = {
       t[a.size] || t.md,
       n[a.weight] || n.normal,
       Me(a.color),
-      s[a.align] || s.left,
+      o[a.align] || o.left,
       "leading-relaxed",
       a.truncate && "truncate",
       a.lines > 0 && `line-clamp-${a.lines}`
@@ -916,19 +916,19 @@ const ti = {
       normal: "font-normal",
       medium: "font-medium",
       semibold: "font-semibold"
-    }, s = m(() => [
+    }, o = m(() => [
       "block",
       t[a.size] || t.sm,
       n[a.weight] || n.medium,
       Me(a.color)
     ]);
-    return (r, d) => (l(), o("label", {
-      class: h(s.value),
+    return (r, d) => (l(), s("label", {
+      class: h(o.value),
       for: e.htmlFor,
       "data-component": "DXLabel"
     }, [
       I(r.$slots, "default"),
-      e.required ? (l(), o("span", Ut, "*")) : g("", !0)
+      e.required ? (l(), s("span", Ut, "*")) : g("", !0)
     ], 10, Zt));
   }
 }, Kt = { key: 0 }, ni = {
@@ -955,15 +955,15 @@ const ti = {
       t[a.size] || t.sm,
       "font-mono"
     ]);
-    return (s, r) => (l(), D(q(e.block ? "pre" : "code"), {
+    return (o, r) => (l(), D(q(e.block ? "pre" : "code"), {
       class: h(n.value),
       "data-component": "DXCode",
       "data-block": e.block
     }, {
       default: X(() => [
-        e.block ? (l(), o("code", Kt, [
-          I(s.$slots, "default")
-        ])) : I(s.$slots, "default", { key: 1 })
+        e.block ? (l(), s("code", Kt, [
+          I(o.$slots, "default")
+        ])) : I(o.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["class", "data-block"]));
@@ -971,7 +971,7 @@ const ti = {
 }, Gt = ["data-variant"], Wt = {
   key: 0,
   class: "mt-2 text-sm text-slate-500"
-}, si = {
+}, oi = {
   __name: "DXBlockquote",
   props: {
     /** Вариант: default | bordered | highlighted */
@@ -990,28 +990,28 @@ const ti = {
       default: "text-slate-600 italic",
       bordered: "border-l-4 border-slate-300 pl-4 text-slate-600 italic",
       highlighted: "bg-slate-50 border-l-4 border-slate-400 pl-4 pr-4 py-3 rounded-r-lg text-slate-700"
-    }, s = m(() => [
+    }, o = m(() => [
       t[a.size] || t.md,
       n[a.variant] || n.bordered,
       "leading-relaxed"
     ]);
-    return (r, d) => (l(), o("blockquote", {
-      class: h(s.value),
+    return (r, d) => (l(), s("blockquote", {
+      class: h(o.value),
       "data-component": "DXBlockquote",
       "data-variant": e.variant
     }, [
       I(r.$slots, "default"),
-      e.cite || r.$slots.cite ? (l(), o("footer", Wt, [
-        d[0] || (d[0] = E(" — ", -1)),
+      e.cite || r.$slots.cite ? (l(), s("footer", Wt, [
+        d[0] || (d[0] = O(" — ", -1)),
         i("cite", null, [
           I(r.$slots, "cite", {}, () => [
-            E(A(e.cite), 1)
+            O(A(e.cite), 1)
           ])
         ])
       ])) : g("", !0)
     ], 10, Gt));
   }
-}, oi = {
+}, si = {
   __name: "DXList",
   props: {
     /** Нумерованный список */
@@ -1033,7 +1033,7 @@ const ti = {
       sm: "space-y-1",
       md: "space-y-2",
       lg: "space-y-3"
-    }, s = {
+    }, o = {
       disc: "list-disc",
       circle: "list-circle",
       square: "list-square",
@@ -1042,7 +1042,7 @@ const ti = {
     }, r = m(() => [
       t[a.size] || t.md,
       n[a.spacing] || n.sm,
-      a.marker ? s[a.marker] : a.ordered ? "list-decimal" : "list-disc",
+      a.marker ? o[a.marker] : a.ordered ? "list-decimal" : "list-disc",
       "pl-5 text-slate-700"
     ]);
     return (d, c) => (l(), D(q(e.ordered ? "ol" : "ul"), {
@@ -1079,8 +1079,8 @@ function ae(e, a = "padding") {
   };
   if (e === "none")
     return `${n[a]}-0`;
-  const s = t[e];
-  return s ? `${n[a]}-${s}` : "";
+  const o = t[e];
+  return o ? `${n[a]}-${o}` : "";
 }
 const Qt = ["data-size", "data-padding", "data-center"], ri = {
   __name: "DXContainer",
@@ -1106,14 +1106,14 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       ae(a.padding, "paddingX"),
       a.center && "mx-auto"
     ]);
-    return (s, r) => (l(), o("div", {
+    return (o, r) => (l(), s("div", {
       class: h(n.value),
       "data-component": "DXContainer",
       "data-size": e.size,
       "data-padding": e.padding,
       "data-center": e.center
     }, [
-      I(s.$slots, "default")
+      I(o.$slots, "default")
     ], 10, Qt));
   }
 }, ii = {
@@ -1156,7 +1156,7 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       11: "grid-cols-11",
       12: "grid-cols-12",
       auto: "grid-cols-[repeat(auto-fit,minmax(250px,1fr))]"
-    }, s = m(() => [
+    }, o = m(() => [
       "grid",
       n[a.cols] || `grid-cols-${a.cols}`,
       a.colsSm && `sm:grid-cols-${a.colsSm}`,
@@ -1166,8 +1166,8 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       a.gapX && `gap-x-${a.gapX}`,
       a.gapY && `gap-y-${a.gapY}`
     ]), r = m(() => a.cols === "auto" ? {} : {});
-    return (d, c) => (l(), o("div", {
-      class: h(s.value),
+    return (d, c) => (l(), s("div", {
+      class: h(o.value),
       style: Q(r.value),
       "data-component": "DXGrid"
     }, [
@@ -1203,7 +1203,7 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       between: "justify-between",
       around: "justify-around",
       evenly: "justify-evenly"
-    }, s = {
+    }, o = {
       start: "items-start",
       center: "items-center",
       end: "items-end",
@@ -1224,11 +1224,11 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       a.inline ? "inline-flex" : "flex",
       t[a.direction] || t.row,
       n[a.justify] || n.start,
-      s[a.align] || s.center,
+      o[a.align] || o.center,
       r[a.wrap] || r.nowrap,
       d[a.gap] || d.md
     ]);
-    return (b, y) => (l(), o("div", {
+    return (b, y) => (l(), s("div", {
       class: h(c.value),
       "data-component": "DXFlex"
     }, [
@@ -1263,7 +1263,7 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, s = {
+    }, o = {
       start: "justify-start",
       center: "justify-center",
       end: "justify-end",
@@ -1274,10 +1274,10 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       a.direction === "horizontal" ? "flex-row" : "flex-col",
       t[a.gap] || t.md,
       n[a.align] || n.stretch,
-      s[a.justify] || s.start,
+      o[a.justify] || o.start,
       a.dividers && (a.direction === "horizontal" ? "divide-x divide-slate-200" : "divide-y divide-slate-200")
     ]);
-    return (d, c) => (l(), o("div", {
+    return (d, c) => (l(), s("div", {
       class: h(r.value),
       "data-component": "DXStack",
       "data-direction": e.direction,
@@ -1311,7 +1311,7 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
         return ["flex-grow"];
       const r = t[a.size];
       return r ? a.direction === "horizontal" ? [r.h] : a.direction === "both" ? [r.v, r.h] : [r.v] : [];
-    }), s = m(() => {
+    }), o = m(() => {
       if (a.grow) return {};
       if (typeof a.size == "number") {
         const r = `${a.size}px`;
@@ -1319,9 +1319,9 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       }
       return {};
     });
-    return (r, d) => (l(), o("div", {
+    return (r, d) => (l(), s("div", {
       class: h(n.value),
-      style: Q(s.value),
+      style: Q(o.value),
       "data-component": "DXSpacer",
       "aria-hidden": "true"
     }, null, 6));
@@ -1368,7 +1368,7 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       lg: "6",
       xl: "8",
       auto: "auto"
-    }, s = {
+    }, o = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -1393,7 +1393,7 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
       a.m && `m-${n[a.m] || a.m}`,
       a.mx && `mx-${n[a.mx] || a.mx}`,
       a.my && `my-${n[a.my] || a.my}`,
-      a.rounded && (s[a.rounded] || `rounded-${a.rounded}`),
+      a.rounded && (o[a.rounded] || `rounded-${a.rounded}`),
       a.bg && (r[a.bg] || a.bg),
       a.shadow && (d[a.shadow] || `shadow-${a.shadow}`),
       a.border && "border border-slate-200"
@@ -1410,7 +1410,7 @@ const Qt = ["data-size", "data-padding", "data-center"], ri = {
   }
 };
 function N(e, a = "input") {
-  var n, s, r, d;
+  var n, o, r, d;
   const t = {
     button: {
       xs: "h-7 px-2.5 py-1 text-xs",
@@ -1539,7 +1539,7 @@ function N(e, a = "input") {
       md: "px-2.5 py-1.5 text-xs"
     }
   };
-  return a === "toggle" ? ((n = t[a]) == null ? void 0 : n[e]) || ((s = t[a]) == null ? void 0 : s.md) || { track: "", thumb: "" } : ((r = t[a]) == null ? void 0 : r[e]) || ((d = t[a]) == null ? void 0 : d.md) || "";
+  return a === "toggle" ? ((n = t[a]) == null ? void 0 : n[e]) || ((o = t[a]) == null ? void 0 : o.md) || { track: "", thumb: "" } : ((r = t[a]) == null ? void 0 : r[e]) || ((d = t[a]) == null ? void 0 : d.md) || "";
 }
 const Jt = {
   enterActiveClass: "transition-all duration-200 ease-out",
@@ -1591,7 +1591,7 @@ const Jt = {
   leaveFromClass: "opacity-100 translate-y-0",
   leaveToClass: "opacity-0 -translate-y-full"
 };
-function sa(e = "top") {
+function oa(e = "top") {
   const a = {
     top: {
       enterFrom: "opacity-0 translate-y-1",
@@ -1627,7 +1627,7 @@ function sa(e = "top") {
     leaveToClass: t.leaveTo
   };
 }
-const oa = {
+const sa = {
   enterActiveClass: "transition-all duration-150 ease-out",
   enterFromClass: "opacity-0 translate-y-1",
   enterToClass: "opacity-100 translate-y-0",
@@ -1644,7 +1644,7 @@ function Je(e = "fade") {
     "slide-left": aa,
     "slide-up": la,
     "slide-down": na,
-    "tooltip-custom": oa
+    "tooltip-custom": sa
   };
   return a[e] || a.fade;
 }
@@ -1655,7 +1655,7 @@ function je(e = "none", a = "icon", t = !1) {
     wiggle: "dx-icon-wiggle",
     scale: "dx-icon-scale",
     rotate: "dx-icon-rotate"
-  }, s = {
+  }, o = {
     none: "",
     wiggle: "dx-icon-wiggle-group",
     scale: "dx-icon-scale-group",
@@ -1691,13 +1691,13 @@ function je(e = "none", a = "icon", t = !1) {
     smooth: "transition-transform duration-200 ease-in-out"
     // Плавная анимация движения индикатора
   };
-  return a === "icon" ? t ? s[e] || "" : n[e] || "" : a === "button" ? t ? d[e] || "" : r[e] || "" : a === "progress" ? b[e] || "" : a === "tooltip" ? y[e] || "" : a === "toggle" ? f[e] || f.smooth : c[e] || "";
+  return a === "icon" ? t ? o[e] || "" : n[e] || "" : a === "button" ? t ? d[e] || "" : r[e] || "" : a === "progress" ? b[e] || "" : a === "tooltip" ? y[e] || "" : a === "toggle" ? f[e] || f.smooth : c[e] || "";
 }
 const T = {
   __name: "DXIcon",
   props: {
     /** Heroicon компонент */
-    icon: { type: Object, required: !0 },
+    icon: { type: [Object, Function], required: !0 },
     /** Размер: xs | sm | md | lg | xl */
     size: { type: String, default: "md" },
     /** Анимация при hover: none | wiggle | scale | rotate */
@@ -1713,7 +1713,7 @@ const T = {
       je(a.animation, "icon", a.groupHover),
       a.class
     ]);
-    return (n, s) => (l(), D(q(e.icon), {
+    return (n, o) => (l(), D(q(e.icon), {
       class: h(t.value),
       "data-component": "DXIcon",
       "data-size": e.size,
@@ -1734,7 +1734,7 @@ const T = {
     /** Форма: circle | square */
     shape: { type: String, default: "circle" },
     /** Кастомная иконка для fallback (по умолчанию UserIcon) */
-    icon: { type: Object, default: null },
+    icon: { type: [Object, Function], default: null },
     /** Анимация иконки при hover: none | wiggle | scale | rotate */
     iconAnimation: { type: String, default: "wiggle" }
   },
@@ -1746,7 +1746,7 @@ const T = {
     const n = {
       circle: "rounded-full",
       square: "rounded-lg"
-    }, s = {
+    }, o = {
       xs: "text-xs",
       sm: "text-xs",
       md: "text-sm",
@@ -1761,7 +1761,7 @@ const T = {
       ]
     ), d = m(() => ua), c = m(() => [
       ca,
-      s[a.size] || s.md
+      o[a.size] || o.md
     ]), b = m(() => ma), y = m(() => a.icon || Bt), f = {
       xs: "sm",
       sm: "sm",
@@ -1769,19 +1769,19 @@ const T = {
       lg: "lg",
       xl: "xl"
     }, u = m(() => f[a.size] || "md");
-    return (v, x) => (l(), o("div", {
+    return (v, x) => (l(), s("div", {
       class: h(r.value),
       "data-component": "DXAvatar",
       "data-size": e.size,
       "data-shape": e.shape
     }, [
-      e.src && !t.value ? (l(), o("img", {
+      e.src && !t.value ? (l(), s("img", {
         key: 0,
         src: e.src,
         alt: e.alt,
         class: h(d.value),
         onError: x[0] || (x[0] = (z) => t.value = !0)
-      }, null, 42, ia)) : e.initials ? (l(), o("span", {
+      }, null, 42, ia)) : e.initials ? (l(), s("span", {
         key: 1,
         class: h(c.value)
       }, A(e.initials), 3)) : (l(), D(T, {
@@ -1823,7 +1823,7 @@ const T = {
       leaveActiveClass: "transition-opacity duration-200 ease-in",
       leaveFromClass: "opacity-100",
       leaveToClass: "opacity-0"
-    }, n = e, s = a, r = {
+    }, n = e, o = a, r = {
       none: "backdrop-blur-none",
       sm: "backdrop-blur-sm",
       md: "backdrop-blur",
@@ -1844,7 +1844,7 @@ const T = {
       d[n.zIndex] || "z-50",
       n.dismissible && "cursor-pointer"
     ]), b = (y) => {
-      y.target === y.currentTarget && (s("click", y), n.dismissible && s("close"));
+      y.target === y.currentTarget && (o("click", y), n.dismissible && o("close"));
     };
     return Y(() => n.show, (y) => {
       n.lockScroll && document.body.classList.toggle("overflow-hidden", y);
@@ -1853,7 +1853,7 @@ const T = {
     }), (y, f) => (l(), D(xt, { to: "body" }, [
       L(te, we(ke(t)), {
         default: X(() => [
-          e.show ? (l(), o("div", {
+          e.show ? (l(), s("div", {
             key: 0,
             class: h(c.value),
             onClick: b,
@@ -1883,9 +1883,9 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
     /** Размер: sm | md */
     size: { type: String, default: "sm" },
     /** Иконка слева */
-    iconLeft: { type: Object, default: null },
+    iconLeft: { type: [Object, Function], default: null },
     /** Иконка справа */
-    iconRight: { type: Object, default: null }
+    iconRight: { type: [Object, Function], default: null }
   },
   setup(e) {
     const a = e, t = m(
@@ -1895,7 +1895,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
         qt(a.variant)
       )
     );
-    return (n, s) => (l(), o("span", {
+    return (n, o) => (l(), s("span", {
       class: h(t.value),
       "data-component": "DXBadge",
       "data-variant": e.variant,
@@ -1941,7 +1941,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
     rel: { type: String, default: null }
   },
   setup(e) {
-    const a = e, t = m(() => a.to ? "router-link" : a.href ? "a" : "button"), n = m(() => N(a.size, a.iconOnly ? "buttonIcon" : "button")), s = m(
+    const a = e, t = m(() => a.to ? "router-link" : a.href ? "a" : "button"), n = m(() => N(a.size, a.iconOnly ? "buttonIcon" : "button")), o = m(
       () => G(
         ha,
         Ye(a.variant),
@@ -1959,7 +1959,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
       href: e.href,
       target: e.target,
       rel: e.rel,
-      class: h(s.value),
+      class: h(o.value),
       "data-component": "DXButton",
       "data-variant": e.variant,
       "data-size": e.size,
@@ -2000,13 +2000,13 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
       t[a.variant],
       ae(a.padding, "padding")
     ]);
-    return (s, r) => (l(), o("div", {
+    return (o, r) => (l(), s("div", {
       class: h(n.value),
       "data-component": "DXCard",
       "data-variant": e.variant,
       "data-padding": e.padding
     }, [
-      I(s.$slots, "default")
+      I(o.$slots, "default")
     ], 10, xa));
   }
 }, ka = ["data-size", "data-disabled", "data-checked", "data-variant", "data-shape"], Ca = ["checked", "value", "disabled"], Sa = ["aria-checked", "aria-disabled"], $a = "inline-flex items-center gap-2 cursor-pointer mr-4", za = "rounded border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition flex-shrink-0", Aa = "relative flex items-center justify-center border-2 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-1 flex-shrink-0", ve = {
@@ -2029,9 +2029,9 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
       validator: (e) => ["default", "custom"].includes(e)
     },
     /** Иконка для checked состояния (для custom variant) */
-    checkedIcon: { type: Object, default: null },
+    checkedIcon: { type: [Object, Function], default: null },
     /** Иконка для unchecked состояния (для custom variant) */
-    uncheckedIcon: { type: Object, default: null },
+    uncheckedIcon: { type: [Object, Function], default: null },
     /** Форма кастомного checkbox: square | circle */
     shape: {
       type: String,
@@ -2053,7 +2053,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = {
+    const t = e, n = a, o = {
       enterActiveClass: "transition-opacity transition-transform duration-150 ease-out",
       enterFromClass: "opacity-0 scale-50",
       enterToClass: "opacity-100 scale-100",
@@ -2103,7 +2103,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
     }, z = (p) => {
       x(p.target.checked);
     };
-    return (p, w) => (l(), o("label", {
+    return (p, w) => (l(), s("label", {
       class: h(c.value),
       "data-component": "DXCheckbox",
       "data-size": e.size,
@@ -2113,7 +2113,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
       "data-shape": e.shape,
       onClick: w[2] || (w[2] = (C) => e.variant === "custom" && !e.disabled && x(!u.value))
     }, [
-      e.variant === "default" ? (l(), o("input", {
+      e.variant === "default" ? (l(), s("input", {
         key: 0,
         type: "checkbox",
         checked: u.value,
@@ -2121,7 +2121,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
         disabled: e.disabled,
         class: h(y.value),
         onChange: z
-      }, null, 42, Ca)) : (l(), o("div", {
+      }, null, 42, Ca)) : (l(), s("div", {
         key: 1,
         class: h(f.value),
         onClick: w[0] || (w[0] = R((C) => x(!u.value), ["stop"])),
@@ -2131,7 +2131,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
         tabindex: "0",
         onKeydown: w[1] || (w[1] = K(R((C) => x(!u.value), ["prevent"]), ["space"]))
       }, [
-        L(te, Ce(s, { mode: "out-in" }), {
+        L(te, Ce(o, { mode: "out-in" }), {
           default: X(() => [
             u.value && v.value ? (l(), D(T, {
               key: 0,
@@ -2144,7 +2144,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
           _: 1
         }, 16)
       ], 42, Sa)),
-      e.label ? (l(), o("span", {
+      e.label ? (l(), s("span", {
         key: 2,
         class: h(b.value)
       }, A(e.label), 3)) : g("", !0)
@@ -2153,7 +2153,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
 }, Da = ["data-orientation", "data-color", "data-thickness", "data-spacing"], Va = {
   key: 0,
   class: "flex items-center w-full"
-}, Ba = { class: "px-3 text-sm text-slate-500 whitespace-nowrap" }, Oe = {
+}, Ba = { class: "px-3 text-sm text-slate-500 whitespace-nowrap" }, Fe = {
   __name: "DXDivider",
   props: {
     /** Ориентация: horizontal | vertical */
@@ -2166,11 +2166,11 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
     spacing: { type: String, default: "md" }
   },
   setup(e) {
-    const a = e, t = ne(), n = m(() => a.orientation === "horizontal"), s = m(() => !!t.default), r = m(() => [
+    const a = e, t = ne(), n = m(() => a.orientation === "horizontal"), o = m(() => !!t.default), r = m(() => [
       a.orientation === "vertical" ? "inline-flex h-full" : "w-full",
       a.orientation === "horizontal" ? ae(a.spacing, "marginY") : ae(a.spacing, "marginX")
     ]), d = m(() => {
-      const c = Ot(
+      const c = Ft(
         a.orientation,
         a.thickness,
         a.color
@@ -2183,7 +2183,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
         c
       ];
     });
-    return (c, b) => (l(), o("div", {
+    return (c, b) => (l(), s("div", {
       class: h(r.value),
       "data-component": "DXDivider",
       "data-orientation": a.orientation,
@@ -2191,7 +2191,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
       "data-thickness": a.thickness,
       "data-spacing": a.spacing
     }, [
-      s.value && n.value ? (l(), o("div", Va, [
+      o.value && n.value ? (l(), s("div", Va, [
         i("div", {
           class: h(d.value)
         }, null, 2),
@@ -2201,10 +2201,10 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
         i("div", {
           class: h(d.value)
         }, null, 2)
-      ])) : n.value ? (l(), o("div", {
+      ])) : n.value ? (l(), s("div", {
         key: 1,
         class: h(d.value)
-      }, null, 2)) : (l(), o("div", {
+      }, null, 2)) : (l(), s("div", {
         key: 2,
         class: h(d.value)
       }, null, 2))
@@ -2212,7 +2212,7 @@ const ga = ["data-variant", "data-size"], va = "inline-flex items-center gap-1 r
   }
 };
 function Ia(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2229,7 +2229,7 @@ function Ia(e, a) {
   ]);
 }
 function La(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2246,7 +2246,7 @@ function La(e, a) {
   ]);
 }
 function Ta(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2263,7 +2263,7 @@ function Ta(e, a) {
   ]);
 }
 function Xa(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2280,7 +2280,7 @@ function Xa(e, a) {
   ]);
 }
 function ge(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2297,7 +2297,7 @@ function ge(e, a) {
   ]);
 }
 function pe(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2313,8 +2313,8 @@ function pe(e, a) {
     })
   ]);
 }
-function oe(e, a) {
-  return l(), o("svg", {
+function se(e, a) {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2331,7 +2331,7 @@ function oe(e, a) {
   ]);
 }
 function Ma(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2348,7 +2348,7 @@ function Ma(e, a) {
   ]);
 }
 function ja(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2364,8 +2364,8 @@ function ja(e, a) {
     })
   ]);
 }
-function Oa(e, a) {
-  return l(), o("svg", {
+function Fa(e, a) {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2381,8 +2381,8 @@ function Oa(e, a) {
     })
   ]);
 }
-function Ea(e, a) {
-  return l(), o("svg", {
+function Oa(e, a) {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2398,8 +2398,8 @@ function Ea(e, a) {
     })
   ]);
 }
-function Fa(e, a) {
-  return l(), o("svg", {
+function Ea(e, a) {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2416,7 +2416,7 @@ function Fa(e, a) {
   ]);
 }
 function He(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2433,7 +2433,7 @@ function He(e, a) {
   ]);
 }
 function Pa(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2449,8 +2449,8 @@ function Pa(e, a) {
     })
   ]);
 }
-function Ee(e, a) {
-  return l(), o("svg", {
+function Oe(e, a) {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2472,7 +2472,7 @@ function Ee(e, a) {
   ]);
 }
 function et(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2489,7 +2489,7 @@ function et(e, a) {
   ]);
 }
 function Na(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2506,7 +2506,7 @@ function Na(e, a) {
   ]);
 }
 function Ra(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2523,7 +2523,7 @@ function Ra(e, a) {
   ]);
 }
 function xe(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2540,7 +2540,7 @@ function xe(e, a) {
   ]);
 }
 function Ve(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2557,7 +2557,7 @@ function Ve(e, a) {
   ]);
 }
 function qa(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2574,7 +2574,7 @@ function qa(e, a) {
   ]);
 }
 function Ha(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2591,7 +2591,7 @@ function Ha(e, a) {
   ]);
 }
 function Za(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2608,7 +2608,7 @@ function Za(e, a) {
   ]);
 }
 function Ua(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2625,7 +2625,7 @@ function Ua(e, a) {
   ]);
 }
 function Ka(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2642,7 +2642,7 @@ function Ka(e, a) {
   ]);
 }
 function Ga(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2659,7 +2659,7 @@ function Ga(e, a) {
   ]);
 }
 function Wa(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2676,7 +2676,7 @@ function Wa(e, a) {
   ]);
 }
 function Be(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2693,7 +2693,7 @@ function Be(e, a) {
   ]);
 }
 function tt(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2710,7 +2710,7 @@ function tt(e, a) {
   ]);
 }
 function Qa(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2727,7 +2727,7 @@ function Qa(e, a) {
   ]);
 }
 function at(e, a) {
-  return l(), o("svg", {
+  return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2747,7 +2747,7 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
   __name: "DXDropdownItem",
   props: {
     /** Иконка (Heroicon компонент) */
-    icon: { type: Object, default: null },
+    icon: { type: [Object, Function], default: null },
     /** Вариант: default | danger | success */
     variant: {
       type: String,
@@ -2779,7 +2779,7 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
   },
   emits: ["click"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = re("dropdown", null), r = m(
+    const t = e, n = a, o = re("dropdown", null), r = m(
       () => G(
         _a,
         Ht(t.variant),
@@ -2789,9 +2789,9 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
         }
       )
     ), d = m(() => t.size === "sm" ? "xs" : "sm"), c = (b) => {
-      t.disabled || (n("click", b), t.closeOnClick && (s != null && s.close) && s.close());
+      t.disabled || (n("click", b), t.closeOnClick && (o != null && o.close) && o.close());
     };
-    return (b, y) => (l(), o("button", {
+    return (b, y) => (l(), s("button", {
       type: "button",
       class: h([r.value, "group"]),
       disabled: e.disabled,
@@ -2815,7 +2815,7 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
       ]),
       e.submenu ? (l(), D(T, {
         key: 1,
-        icon: k(oe),
+        icon: k(se),
         size: "xs",
         animation: e.iconAnimation,
         "group-hover": !0,
@@ -2828,7 +2828,7 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
         class: "flex-shrink-0"
       }, {
         default: X(() => [
-          E(A(e.badge), 1)
+          O(A(e.badge), 1)
         ]),
         _: 1
       }, 8, ["variant"])) : g("", !0)
@@ -2849,10 +2849,10 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
 }, nl = {
   key: 1,
   class: "text-xs text-slate-500"
-}, sl = {
+}, ol = {
   key: 1,
   class: "mt-1 text-xs text-rose-500 flex items-center gap-1"
-}, ol = {
+}, sl = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
 }, rl = {
@@ -2909,16 +2909,16 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
   },
   setup(e) {
     const a = m(() => We), t = m(() => $e);
-    return (n, s) => (l(), o("div", el, [
-      e.label || e.showCount ? (l(), o("div", tl, [
-        e.label ? (l(), o("label", al, [
-          E(A(e.label) + " ", 1),
-          e.required ? (l(), o("span", ll, "*")) : g("", !0)
+    return (n, o) => (l(), s("div", el, [
+      e.label || e.showCount ? (l(), s("div", tl, [
+        e.label ? (l(), s("label", al, [
+          O(A(e.label) + " ", 1),
+          e.required ? (l(), s("span", ll, "*")) : g("", !0)
         ])) : g("", !0),
-        e.showCount && e.maxLength ? (l(), o("span", nl, A(e.currentLength) + " / " + A(e.maxLength), 1)) : g("", !0)
+        e.showCount && e.maxLength ? (l(), s("span", nl, A(e.currentLength) + " / " + A(e.maxLength), 1)) : g("", !0)
       ])) : g("", !0),
       I(n.$slots, "default"),
-      e.error ? (l(), o("p", sl, [
+      e.error ? (l(), s("p", ol, [
         e.showValidationIcon ? (l(), D(T, {
           key: 0,
           icon: a.value,
@@ -2926,9 +2926,9 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
           animation: "none",
           class: "text-rose-500"
         }, null, 8, ["icon"])) : g("", !0),
-        E(" " + A(e.error), 1)
-      ])) : e.helper ? (l(), o("p", ol, A(e.helper), 1)) : g("", !0),
-      e.success && !e.error ? (l(), o("p", rl, [
+        O(" " + A(e.error), 1)
+      ])) : e.helper ? (l(), s("p", sl, A(e.helper), 1)) : g("", !0),
+      e.success && !e.error ? (l(), s("p", rl, [
         e.showValidationIcon ? (l(), D(T, {
           key: 0,
           icon: t.value,
@@ -2936,7 +2936,7 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
           animation: "none",
           class: "text-emerald-500"
         }, null, 8, ["icon"])) : g("", !0),
-        E(" " + A(e.success), 1)
+        O(" " + A(e.success), 1)
       ])) : g("", !0)
     ]));
   }
@@ -2944,10 +2944,10 @@ const Ya = ["disabled", "data-variant", "data-size", "data-disabled"], Ja = { cl
 function bi(e, a = []) {
   const t = {};
   return a.forEach((n) => {
-    const s = e[n];
-    if (s != null) {
+    const o = e[n];
+    if (o != null) {
       const r = `data-${n.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
-      t[r] = s;
+      t[r] = o;
     }
   }), t;
 }
@@ -2955,8 +2955,8 @@ function il(e = {}) {
   const a = {};
   return Object.entries(e).forEach(([t, n]) => {
     if (n != null && n !== !1) {
-      const s = t.startsWith("data-") ? t : `data-${t}`;
-      a[s] = n;
+      const o = t.startsWith("data-") ? t : `data-${t}`;
+      a[o] = n;
     }
   }), a;
 }
@@ -2964,8 +2964,8 @@ function gi(e, a = []) {
   const t = {};
   return a.forEach((n) => {
     if (e[n] === !0) {
-      const s = `data-${n.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
-      t[s] = !0;
+      const o = `data-${n.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
+      t[o] = !0;
     }
   }), t;
 }
@@ -2980,7 +2980,7 @@ const dl = "absolute pointer-events-none", me = {
     },
     /** Icon component (Heroicon) */
     icon: {
-      type: Object,
+      type: [Object, Function],
       default: null
     },
     /** Icon size: xs | sm | md | lg */
@@ -3022,20 +3022,20 @@ const dl = "absolute pointer-events-none", me = {
         position: a.position
       })
     );
-    return (s, r) => (l(), o("div", Ce({ class: t.value }, n.value), [
+    return (o, r) => (l(), s("div", Ce({ class: t.value }, n.value), [
       e.icon ? (l(), D(T, {
         key: 0,
         icon: e.icon,
         size: e.size,
         animation: e.animation,
         class: h(e.iconClass)
-      }, null, 8, ["icon", "size", "animation", "class"])) : I(s.$slots, "default", { key: 1 })
+      }, null, 8, ["icon", "size", "animation", "class"])) : I(o.$slots, "default", { key: 1 })
     ], 16));
   }
 }, vi = {
   __name: "DXInputAddon",
   props: {
-    icon: { type: Object, default: null }
+    icon: { type: [Object, Function], default: null }
   },
   setup(e) {
     const a = re("inputGroup", {
@@ -3053,14 +3053,14 @@ const dl = "absolute pointer-events-none", me = {
       a.unregisterComponent && a.unregisterComponent(t);
     });
     const n = m(() => {
-      const s = [
+      const o = [
         "border",
         // Базовый класс border
         N(a.size, "inputAddon")
       ];
-      return a.disabled && s.push("opacity-60 cursor-not-allowed"), a.error ? s.push("border-rose-300") : s.push("border-slate-200"), s.filter(Boolean).join(" ");
+      return a.disabled && o.push("opacity-60 cursor-not-allowed"), a.error ? o.push("border-rose-300") : o.push("border-slate-200"), o.filter(Boolean).join(" ");
     });
-    return (s, r) => (l(), o("div", {
+    return (o, r) => (l(), s("div", {
       class: h(["flex items-center px-3 border-r-0 bg-slate-50 text-slate-600 text-sm first:rounded-l-xl last:rounded-r-xl last:border-r transition-colors", n.value]),
       "data-component": "DXInputGroupAddon"
     }, [
@@ -3068,7 +3068,7 @@ const dl = "absolute pointer-events-none", me = {
         key: 0,
         class: "w-4 h-4"
       })) : g("", !0),
-      I(s.$slots, "default")
+      I(o.$slots, "default")
     ], 2));
   }
 }, ul = ["data-size", "data-variant"], cl = "flex items-center justify-center", ml = "border-2 rounded-full animate-spin", fl = {
@@ -3098,18 +3098,18 @@ const dl = "absolute pointer-events-none", me = {
     }
   },
   setup(e) {
-    const a = e, t = ne(), n = m(() => a.showText !== void 0 ? a.showText : t.default ? !0 : !!(a.text && a.text.trim().length > 0)), s = m(() => jt(a.variant)), r = m(() => [
+    const a = e, t = ne(), n = m(() => a.showText !== void 0 ? a.showText : t.default ? !0 : !!(a.text && a.text.trim().length > 0)), o = m(() => jt(a.variant)), r = m(() => [
       cl,
       n.value ? "gap-2" : "",
       n.value ? N(a.size, "text") : "",
-      n.value ? s.value.text : ""
+      n.value ? o.value.text : ""
     ].filter(Boolean)), d = m(() => [
       ml,
       N(a.size, "loader"),
-      s.value.border,
-      s.value.borderTop
+      o.value.border,
+      o.value.borderTop
     ]);
-    return (c, b) => (l(), o("div", {
+    return (c, b) => (l(), s("div", {
       class: h(r.value),
       "data-component": "DXLoader",
       "data-size": e.size,
@@ -3119,8 +3119,8 @@ const dl = "absolute pointer-events-none", me = {
         class: h(d.value)
       }, null, 2),
       n.value ? I(c.$slots, "default", { key: 0 }, () => [
-        e.text ? (l(), o(j, { key: 0 }, [
-          E(A(e.text), 1)
+        e.text ? (l(), s(j, { key: 0 }, [
+          O(A(e.text), 1)
         ], 64)) : g("", !0)
       ]) : g("", !0)
     ], 10, ul));
@@ -3164,7 +3164,7 @@ const dl = "absolute pointer-events-none", me = {
     const a = e, t = m(() => {
       const d = a.max - a.min;
       return Math.min(100, Math.max(0, (a.value - a.min) / d * 100));
-    }), n = m(() => `${Math.round(t.value)}%`), s = m(() => [
+    }), n = m(() => `${Math.round(t.value)}%`), o = m(() => [
       "w-full bg-slate-200 rounded-full overflow-hidden",
       N(a.size, "progress")
     ]), r = m(() => [
@@ -3173,7 +3173,7 @@ const dl = "absolute pointer-events-none", me = {
       a.striped && "dx-bg-stripes",
       a.animated && a.striped && je("stripes", "progress")
     ]);
-    return (d, c) => (l(), o("div", {
+    return (d, c) => (l(), s("div", {
       class: "w-full",
       "data-component": "DXProgress",
       "data-size": e.size,
@@ -3181,16 +3181,16 @@ const dl = "absolute pointer-events-none", me = {
       "data-animated": e.animated,
       "data-striped": e.striped
     }, [
-      e.showLabel || d.$slots.label ? (l(), o("div", gl, [
+      e.showLabel || d.$slots.label ? (l(), s("div", gl, [
         i("span", vl, [
           I(d.$slots, "label", {}, () => [
-            E(A(e.label), 1)
+            O(A(e.label), 1)
           ])
         ]),
-        e.showValue ? (l(), o("span", hl, A(n.value), 1)) : g("", !0)
+        e.showValue ? (l(), s("span", hl, A(n.value), 1)) : g("", !0)
       ])) : g("", !0),
       i("div", {
-        class: h(s.value)
+        class: h(o.value)
       }, [
         i("div", {
           class: h(r.value),
@@ -3200,7 +3200,7 @@ const dl = "absolute pointer-events-none", me = {
           "aria-valuemin": e.min,
           "aria-valuemax": e.max
         }, [
-          e.showInnerValue && t.value > 10 ? (l(), o("span", xl, A(n.value), 1)) : g("", !0)
+          e.showInnerValue && t.value > 10 ? (l(), s("span", xl, A(n.value), 1)) : g("", !0)
         ], 14, pl)
       ], 2)
     ], 8, bl));
@@ -3233,7 +3233,7 @@ const dl = "absolute pointer-events-none", me = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = {
+    const t = e, n = a, o = {
       enterActiveClass: "transition-opacity transition-transform duration-150 ease-out",
       enterFromClass: "opacity-0 scale-0",
       enterToClass: "opacity-100 scale-100",
@@ -3271,7 +3271,7 @@ const dl = "absolute pointer-events-none", me = {
     }), u = m(() => t.modelValue === t.value), v = () => {
       t.disabled || n("update:modelValue", t.value);
     };
-    return (x, z) => (l(), o("label", {
+    return (x, z) => (l(), s("label", {
       class: h(d.value),
       "data-component": "DXRadio",
       "data-size": e.size,
@@ -3280,7 +3280,7 @@ const dl = "absolute pointer-events-none", me = {
       "data-variant": e.variant,
       onClick: z[1] || (z[1] = (p) => e.variant === "custom" && !e.disabled && v())
     }, [
-      e.variant === "default" ? (l(), o("input", {
+      e.variant === "default" ? (l(), s("input", {
         key: 0,
         type: "radio",
         value: e.value,
@@ -3288,7 +3288,7 @@ const dl = "absolute pointer-events-none", me = {
         disabled: e.disabled,
         class: h(b.value),
         onChange: z[0] || (z[0] = (p) => x.$emit("update:modelValue", e.value))
-      }, null, 42, wl)) : (l(), o("div", {
+      }, null, 42, wl)) : (l(), s("div", {
         key: 1,
         class: h(y.value),
         onClick: R(v, ["stop"]),
@@ -3298,9 +3298,9 @@ const dl = "absolute pointer-events-none", me = {
         tabindex: "0",
         onKeydown: K(R(v, ["prevent"]), ["space"])
       }, [
-        L(te, Ce(s, { mode: "out-in" }), {
+        L(te, Ce(o, { mode: "out-in" }), {
           default: X(() => [
-            u.value ? (l(), o("div", {
+            u.value ? (l(), s("div", {
               key: 0,
               class: h(f.value)
             }, null, 2)) : g("", !0)
@@ -3308,7 +3308,7 @@ const dl = "absolute pointer-events-none", me = {
           _: 1
         }, 16)
       ], 42, kl)),
-      e.label ? (l(), o("span", {
+      e.label ? (l(), s("span", {
         key: 2,
         class: h(c.value)
       }, A(e.label), 3)) : g("", !0)
@@ -3325,7 +3325,7 @@ const dl = "absolute pointer-events-none", me = {
     rounded: { type: String, default: "rounded-md" }
   },
   setup(e) {
-    return (a, t) => (l(), o("div", {
+    return (a, t) => (l(), s("div", {
       class: h(["animate-pulse bg-slate-200", e.rounded]),
       style: Q({ width: e.width, height: e.height }),
       "data-component": "DXSkeleton"
@@ -3333,8 +3333,8 @@ const dl = "absolute pointer-events-none", me = {
   }
 }, J = (e, a) => {
   const t = e.__vccOpts || e;
-  for (const [n, s] of a)
-    t[n] = s;
+  for (const [n, o] of a)
+    t[n] = o;
   return t;
 }, Al = ["data-size", "data-variant"], Dl = {
   key: 0,
@@ -3392,7 +3392,7 @@ const dl = "absolute pointer-events-none", me = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = Nt(t.variant);
+    const t = e, n = a, o = Nt(t.variant);
     N(t.size, "sliderTrack"), N(t.size, "sliderThumb");
     const r = N(t.size, "text"), d = ae(t.spacing, "marginY"), c = ae(t.spacing, "paddingY"), b = ae(t.spacing, "marginTop"), y = m(() => ({ xs: 12, sm: 16, md: 20, lg: 24, xl: 28 })[t.size] || 20), f = m(() => ({ xs: 4, sm: 6, md: 8, lg: 10, xl: 12 })[t.size] || 8), u = m(() => `${t.modelValue}${t.unit}`), v = m(() => {
       const S = (V) => ({
@@ -3419,9 +3419,9 @@ const dl = "absolute pointer-events-none", me = {
         "bg-rose-400": "#fb7185"
       })[V] || "#0f172a";
       return {
-        "--slider-track-color": S(s.track),
-        "--slider-thumb-color": S(s.thumb),
-        "--slider-thumb-hover-color": S(s.thumbHover),
+        "--slider-track-color": S(o.track),
+        "--slider-thumb-color": S(o.thumb),
+        "--slider-thumb-hover-color": S(o.thumbHover),
         "--slider-thumb-size": `${y.value}px`,
         "--slider-track-height": `${f.value}px`,
         "--slider-thumb-margin-top": `${(y.value - f.value) / 2}px`
@@ -3429,26 +3429,26 @@ const dl = "absolute pointer-events-none", me = {
     }), x = m(() => {
       if (!t.ticks) return [];
       const S = t.tickCount, V = (t.max - t.min) / (S - 1);
-      return Array.from({ length: S }, (B, O) => Math.round(t.min + V * O));
+      return Array.from({ length: S }, (B, F) => Math.round(t.min + V * F));
     }), z = (S) => {
       n("update:modelValue", Number(S.target.value));
     }, p = m(() => {
       if (!t.ticks || !x.value.length) return -1;
       let S = 0, V = Math.abs(t.modelValue - x.value[0]);
-      return x.value.forEach((B, O) => {
+      return x.value.forEach((B, F) => {
         const U = Math.abs(t.modelValue - B);
-        U < V && (V = U, S = O);
+        U < V && (V = U, S = F);
       }), S;
     }), w = (S) => p.value === S, C = (S) => w(S) ? t.tickIconAnimation : "none", $ = (S) => {
       const V = t.max - t.min;
       if (V === 0) return { left: "0", transform: "translateX(-50%)" };
-      const B = (S - t.min) / V * 100, O = y.value;
+      const B = (S - t.min) / V * 100, F = y.value;
       return {
-        left: `calc(${B}% + ${(0.5 - B / 100) * O}px)`,
+        left: `calc(${B}% + ${(0.5 - B / 100) * F}px)`,
         transform: "translateX(-50%)"
       };
     };
-    return (S, V) => (l(), o("div", {
+    return (S, V) => (l(), s("div", {
       class: "w-full",
       "data-component": "DXSlider",
       "data-size": e.size,
@@ -3457,22 +3457,22 @@ const dl = "absolute pointer-events-none", me = {
       i("div", {
         class: h(["flex items-center justify-between", k(d)])
       }, [
-        e.label ? (l(), o("label", {
+        e.label ? (l(), s("label", {
           key: 0,
-          class: h([k(r), "font-medium", k(s).text])
+          class: h([k(r), "font-medium", k(o).text])
         }, A(e.label), 3)) : g("", !0),
-        e.showValue ? (l(), o("span", {
+        e.showValue ? (l(), s("span", {
           key: 1,
-          class: h([k(r), "font-semibold", k(s).textValue])
+          class: h([k(r), "font-semibold", k(o).textValue])
         }, A(u.value), 3)) : g("", !0)
       ], 2),
       i("div", {
         class: h(["relative", k(c)])
       }, [
-        e.ticks ? (l(), o("div", Dl, [
-          (l(!0), o(j, null, P(x.value, (B, O) => (l(), o("div", {
-            key: `tick-${O}`,
-            class: h(["absolute w-0.5 h-3 rounded-full", k(s).tick]),
+        e.ticks ? (l(), s("div", Dl, [
+          (l(!0), s(j, null, P(x.value, (B, F) => (l(), s("div", {
+            key: `tick-${F}`,
+            class: h(["absolute w-0.5 h-3 rounded-full", k(o).tick]),
             style: Q($(B))
           }, null, 6))), 128))
         ])) : g("", !0),
@@ -3488,36 +3488,36 @@ const dl = "absolute pointer-events-none", me = {
           onInput: z
         }, null, 44, Vl)
       ], 2),
-      e.ticks && (e.showTickLabels || e.tickIcons) ? (l(), o("div", {
+      e.ticks && (e.showTickLabels || e.tickIcons) ? (l(), s("div", {
         key: 0,
         class: h(["relative w-full", k(b)]),
         style: { "min-height": "3rem" }
       }, [
-        (l(!0), o(j, null, P(x.value, (B, O) => (l(), o("span", {
+        (l(!0), s(j, null, P(x.value, (B, F) => (l(), s("span", {
           key: B,
-          class: h(["absolute flex flex-col items-center gap-0.5 transition-transform duration-200", { "scale-110": w(O) }]),
+          class: h(["absolute flex flex-col items-center gap-0.5 transition-transform duration-200", { "scale-110": w(F) }]),
           style: Q($(B))
         }, [
-          e.tickIcons && e.tickIcons[O] ? (l(), D(T, {
+          e.tickIcons && e.tickIcons[F] ? (l(), D(T, {
             key: 0,
-            icon: e.tickIcons[O],
+            icon: e.tickIcons[F],
             size: e.size,
-            animation: C(O),
-            class: h(w(O) ? k(s).textActive : k(s).text)
+            animation: C(F),
+            class: h(w(F) ? k(o).textActive : k(o).text)
           }, null, 8, ["icon", "size", "animation", "class"])) : g("", !0),
-          e.showTickLabels ? (l(), o("span", {
+          e.showTickLabels ? (l(), s("span", {
             key: 1,
             class: h([
               k(r),
               "transition-colors duration-200 whitespace-nowrap",
-              w(O) ? [k(s).textActive, "font-semibold"] : k(s).text
+              w(F) ? [k(o).textActive, "font-semibold"] : k(o).text
             ])
           }, A(B) + A(e.unit), 3)) : g("", !0)
         ], 6))), 128))
       ], 2)) : g("", !0),
-      e.helper ? (l(), o("p", {
+      e.helper ? (l(), s("p", {
         key: 1,
-        class: h([k(r), k(b), k(s).text])
+        class: h([k(r), k(b), k(o).text])
       }, A(e.helper), 3)) : g("", !0)
     ], 8, Al));
   }
@@ -3538,7 +3538,7 @@ const dl = "absolute pointer-events-none", me = {
   },
   emits: ["remove"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = m(() => t.tags.map((b) => typeof b == "string" ? {
+    const t = e, n = a, o = m(() => t.tags.map((b) => typeof b == "string" ? {
       label: b,
       icon: null,
       closable: t.closable,
@@ -3560,8 +3560,8 @@ const dl = "absolute pointer-events-none", me = {
     }, c = (b, y) => {
       n("remove", { tag: b, index: y });
     };
-    return (b, y) => (l(), o("div", Il, [
-      (l(!0), o(j, null, P(s.value, (f, u) => (l(), o("span", {
+    return (b, y) => (l(), s("div", Il, [
+      (l(!0), s(j, null, P(o.value, (f, u) => (l(), s("span", {
         key: r(f, u),
         class: h([d(f), "group inline-flex items-center gap-1.5 transition-all duration-200"])
       }, [
@@ -3573,7 +3573,7 @@ const dl = "absolute pointer-events-none", me = {
           "group-hover": !0
         }, null, 8, ["icon", "size", "animation"])) : g("", !0),
         i("span", null, A(f.label), 1),
-        f.closable ? (l(), o("button", {
+        f.closable ? (l(), s("button", {
           key: 1,
           type: "button",
           onClick: (v) => c(f, u),
@@ -3598,15 +3598,15 @@ const dl = "absolute pointer-events-none", me = {
     showIcon: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const a = e, t = m(() => Lt(a.variant)), n = m(() => `${t.value.bg} ${t.value.border} ${t.value.text}`), s = m(() => a.showIcon ? t.value.icon : null), r = m(() => t.value.iconColor);
-    return (d, c) => (l(), o("div", {
+    const a = e, t = m(() => Lt(a.variant)), n = m(() => `${t.value.bg} ${t.value.border} ${t.value.text}`), o = m(() => a.showIcon ? t.value.icon : null), r = m(() => t.value.iconColor);
+    return (d, c) => (l(), s("div", {
       class: h(["flex items-start gap-3 rounded-2xl border px-4 py-3 text-sm", n.value]),
       "data-component": "DXToast",
       "data-variant": e.variant
     }, [
-      s.value ? (l(), D(T, {
+      o.value ? (l(), D(T, {
         key: 0,
-        icon: s.value,
+        icon: o.value,
         size: "md",
         animation: "none",
         class: h([r.value, "shrink-0 mt-0.5"])
@@ -3616,7 +3616,7 @@ const dl = "absolute pointer-events-none", me = {
       ])
     ], 10, Xl));
   }
-}, jl = ["data-disabled", "data-checked", "data-size", "data-color"], Ol = ["aria-checked", "disabled"], wi = {
+}, jl = ["data-disabled", "data-checked", "data-size", "data-color"], Fl = ["aria-checked", "disabled"], wi = {
   __name: "DXToggle",
   props: {
     /** Значение (v-model) */
@@ -3634,7 +3634,7 @@ const dl = "absolute pointer-events-none", me = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = () => {
+    const t = e, n = a, o = () => {
       t.disabled || n("update:modelValue", !t.modelValue);
     }, r = m(() => N(t.size, "toggle")), d = m(() => Rt(t.color, t.modelValue)), c = m(
       () => G(
@@ -3678,7 +3678,7 @@ const dl = "absolute pointer-events-none", me = {
       return x[v] || x.md;
     }
     const u = m(() => `${N(t.size, "text")} text-slate-700 select-none`);
-    return (v, x) => (l(), o("label", {
+    return (v, x) => (l(), s("label", {
       class: h(c.value),
       "data-component": "DXToggle",
       "data-disabled": e.disabled,
@@ -3692,27 +3692,27 @@ const dl = "absolute pointer-events-none", me = {
         "aria-checked": e.modelValue,
         disabled: e.disabled,
         class: h(b.value),
-        onClick: s
+        onClick: o
       }, [
         i("span", {
           class: h(y.value)
         }, null, 2)
-      ], 10, Ol),
-      e.label ? (l(), o("span", {
+      ], 10, Fl),
+      e.label ? (l(), s("span", {
         key: 0,
         class: h(u.value)
       }, A(e.label), 3)) : g("", !0)
     ], 10, jl));
   }
-}, El = ["disabled", "aria-pressed", "aria-label"], Fl = { key: 1 }, Pl = {
+}, Ol = ["disabled", "aria-pressed", "aria-label"], El = { key: 1 }, Pl = {
   __name: "DXToggleButton",
   props: {
     /** Текущее состояние (v-model) */
     modelValue: { type: Boolean, default: !1 },
     /** Иконка для активного состояния */
-    activeIcon: { type: Object, required: !0 },
+    activeIcon: { type: [Object, Function], required: !0 },
     /** Иконка для неактивного состояния */
-    inactiveIcon: { type: Object, required: !0 },
+    inactiveIcon: { type: [Object, Function], required: !0 },
     /** Текст для активного состояния (опционально) */
     activeLabel: { type: String, default: null },
     /** Текст для неактивного состояния (опционально) */
@@ -3734,7 +3734,7 @@ const dl = "absolute pointer-events-none", me = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = () => {
+    const t = e, n = a, o = () => {
       const u = !t.modelValue;
       n("update:modelValue", u), n("change", u);
     }, r = m(() => t.modelValue ? t.activeIcon : t.inactiveIcon), d = m(() => t.modelValue ? t.activeLabel : t.inactiveLabel), c = m(() => t.size === "sm" ? "xs" : t.size === "lg" ? "md" : "sm"), b = m(() => {
@@ -3753,11 +3753,11 @@ const dl = "absolute pointer-events-none", me = {
         }
       )
     );
-    return (u, v) => (l(), o("button", {
+    return (u, v) => (l(), s("button", {
       type: "button",
       class: h(f.value),
       disabled: e.disabled,
-      onClick: s,
+      onClick: o,
       "aria-pressed": e.modelValue,
       "aria-label": e.ariaLabel,
       "data-component": "DXToggleButton"
@@ -3768,10 +3768,10 @@ const dl = "absolute pointer-events-none", me = {
         size: c.value,
         animation: e.iconAnimation
       }, null, 8, ["icon", "size", "animation"])) : g("", !0),
-      d.value ? (l(), o("span", Fl, A(d.value), 1)) : g("", !0)
-    ], 10, El));
+      d.value ? (l(), s("span", El, A(d.value), 1)) : g("", !0)
+    ], 10, Ol));
   }
-}, ki = /* @__PURE__ */ J(Pl, [["__scopeId", "data-v-923a64cd"]]), Ci = {
+}, ki = /* @__PURE__ */ J(Pl, [["__scopeId", "data-v-bbef83af"]]), Ci = {
   __name: "DXTooltip",
   props: {
     /** Текст подсказки */
@@ -3790,27 +3790,27 @@ const dl = "absolute pointer-events-none", me = {
     delay: { type: Number, default: 100 }
   },
   setup(e) {
-    const a = e, t = ne(), n = M(!1), s = M(null), r = M(null), d = m(() => !!(a.content || t.content)), c = () => {
-      r.value && (clearTimeout(r.value), r.value = null), s.value = setTimeout(() => {
+    const a = e, t = ne(), n = M(!1), o = M(null), r = M(null), d = m(() => !!(a.content || t.content)), c = () => {
+      r.value && (clearTimeout(r.value), r.value = null), o.value = setTimeout(() => {
         n.value = !0;
       }, a.delay);
     }, b = () => {
-      s.value && (clearTimeout(s.value), s.value = null), n.value = !1;
+      o.value && (clearTimeout(o.value), o.value = null), n.value = !1;
     }, y = () => {
       c();
     }, f = () => {
       b();
-    }, u = m(() => a.animation === "tooltip-custom" ? sa(a.position) : Je(a.animation)), v = m(() => [
+    }, u = m(() => a.animation === "tooltip-custom" ? oa(a.position) : Je(a.animation)), v = m(() => [
       "absolute z-50 rounded-lg whitespace-normal",
       N(a.size, "tooltip"),
-      Ft(a.position),
-      Et(a.color)
+      Et(a.position),
+      Ot(a.color)
     ]), x = m(() => ({
       maxWidth: a.maxWidth
     })), z = m(() => Pt(a.position, a.color));
     return be(() => {
-      s.value && clearTimeout(s.value), r.value && clearTimeout(r.value);
-    }), (p, w) => (l(), o("div", {
+      o.value && clearTimeout(o.value), r.value && clearTimeout(r.value);
+    }), (p, w) => (l(), s("div", {
       class: "relative inline-block",
       onMouseenter: c,
       onMouseleave: b,
@@ -3821,14 +3821,14 @@ const dl = "absolute pointer-events-none", me = {
       I(p.$slots, "default"),
       L(te, we(ke(u.value)), {
         default: X(() => [
-          n.value && d.value ? (l(), o("div", {
+          n.value && d.value ? (l(), s("div", {
             key: 0,
             class: h(v.value),
             style: Q(x.value),
             role: "tooltip"
           }, [
             I(p.$slots, "content", {}, () => [
-              E(A(e.content), 1)
+              O(A(e.content), 1)
             ]),
             i("div", {
               class: h(z.value)
@@ -3855,11 +3855,11 @@ const dl = "absolute pointer-events-none", me = {
     /** Текст кнопки удаления */
     deleteLabel: { type: String, default: "Удалить" },
     /** Иконка для кнопки просмотра */
-    viewIcon: { type: Object, default: () => Ee },
+    viewIcon: { type: [Object, Function], default: () => Oe },
     /** Иконка для кнопки редактирования */
-    editIcon: { type: Object, default: () => Ve },
+    editIcon: { type: [Object, Function], default: () => Ve },
     /** Иконка для кнопки удаления */
-    deleteIcon: { type: Object, default: () => Be },
+    deleteIcon: { type: [Object, Function], default: () => Be },
     /** Размер кнопок: xs | sm | md */
     size: { type: String, default: "sm" },
     /** Только иконки без текста */
@@ -3872,56 +3872,56 @@ const dl = "absolute pointer-events-none", me = {
   emits: ["view", "edit", "delete"],
   setup(e) {
     const a = e, t = m(() => a.size === "xs" ? "xs" : a.size === "md" ? "sm" : "xs"), n = m(() => {
-      const s = "font-semibold rounded-xl";
-      return a.iconOnly ? a.size === "xs" ? `${s} p-1.5` : a.size === "md" ? `${s} p-2.5` : `${s} p-2` : a.size === "xs" ? `${s} px-2 py-1 text-xs` : a.size === "md" ? `${s} px-4 py-2.5 text-sm` : `${s} px-3 py-2 text-xs`;
+      const o = "font-semibold rounded-xl";
+      return a.iconOnly ? a.size === "xs" ? `${o} p-1.5` : a.size === "md" ? `${o} p-2.5` : `${o} p-2` : a.size === "xs" ? `${o} px-2 py-1 text-xs` : a.size === "md" ? `${o} px-4 py-2.5 text-sm` : `${o} px-3 py-2 text-xs`;
     });
-    return (s, r) => (l(), o("div", {
+    return (o, r) => (l(), s("div", {
       class: h(["flex gap-2", { "justify-end": e.align === "right", "justify-center": e.align === "center" }]),
       "data-component": "DXActionButtons"
     }, [
-      e.showView ? (l(), o("button", {
+      e.showView ? (l(), s("button", {
         key: 0,
         type: "button",
         class: h(["inline-flex items-center gap-1.5 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", n.value]),
         disabled: e.disabled,
-        onClick: r[0] || (r[0] = (d) => s.$emit("view"))
+        onClick: r[0] || (r[0] = (d) => o.$emit("view"))
       }, [
         L(T, {
           icon: e.viewIcon,
           size: t.value,
           animation: "scale"
         }, null, 8, ["icon", "size"]),
-        e.iconOnly ? g("", !0) : (l(), o("span", Rl, A(e.viewLabel), 1))
+        e.iconOnly ? g("", !0) : (l(), s("span", Rl, A(e.viewLabel), 1))
       ], 10, Nl)) : g("", !0),
-      e.showEdit ? (l(), o("button", {
+      e.showEdit ? (l(), s("button", {
         key: 1,
         type: "button",
         class: h(["inline-flex items-center gap-1.5 border border-slate-200 text-slate-700 hover:border-slate-300 hover:bg-slate-50 bg-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", n.value]),
         disabled: e.disabled,
-        onClick: r[1] || (r[1] = (d) => s.$emit("edit"))
+        onClick: r[1] || (r[1] = (d) => o.$emit("edit"))
       }, [
         L(T, {
           icon: e.editIcon,
           size: t.value,
           animation: "wiggle"
         }, null, 8, ["icon", "size"]),
-        e.iconOnly ? g("", !0) : (l(), o("span", Hl, A(e.editLabel), 1))
+        e.iconOnly ? g("", !0) : (l(), s("span", Hl, A(e.editLabel), 1))
       ], 10, ql)) : g("", !0),
-      e.showDelete ? (l(), o("button", {
+      e.showDelete ? (l(), s("button", {
         key: 2,
         type: "button",
         class: h(["inline-flex items-center gap-1.5 bg-rose-600 text-white hover:bg-rose-500 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", n.value]),
         disabled: e.disabled,
-        onClick: r[2] || (r[2] = (d) => s.$emit("delete"))
+        onClick: r[2] || (r[2] = (d) => o.$emit("delete"))
       }, [
         L(T, {
           icon: e.deleteIcon,
           size: t.value,
           animation: "scale"
         }, null, 8, ["icon", "size"]),
-        e.iconOnly ? g("", !0) : (l(), o("span", Ul, A(e.deleteLabel), 1))
+        e.iconOnly ? g("", !0) : (l(), s("span", Ul, A(e.deleteLabel), 1))
       ], 10, Zl)) : g("", !0),
-      I(s.$slots, "default")
+      I(o.$slots, "default")
     ], 2));
   }
 }, lt = {
@@ -3940,7 +3940,7 @@ const dl = "absolute pointer-events-none", me = {
       default: "ghost",
       light: "ghost",
       danger: "danger"
-    })[a.variant] || "ghost"), n = m(() => a.variant === "light" ? "!text-white/70 hover:!text-white hover:!bg-transparent" : a.variant === "default" ? "text-slate-400 hover:text-slate-600" : ""), s = m(() => ({ sm: "xs", md: "sm", lg: "md" })[a.size] || "sm");
+    })[a.variant] || "ghost"), n = m(() => a.variant === "light" ? "!text-white/70 hover:!text-white hover:!bg-transparent" : a.variant === "default" ? "text-slate-400 hover:text-slate-600" : ""), o = m(() => ({ sm: "xs", md: "sm", lg: "md" })[a.size] || "sm");
     return (r, d) => (l(), D(pa, {
       variant: t.value,
       size: e.size,
@@ -3955,7 +3955,7 @@ const dl = "absolute pointer-events-none", me = {
       default: X(() => [
         L(T, {
           icon: k(at),
-          size: s.value,
+          size: o.value,
           animation: "scale"
         }, null, 8, ["icon", "size"])
       ]),
@@ -3973,7 +3973,7 @@ const dl = "absolute pointer-events-none", me = {
     /** Заголовок */
     title: { type: String, default: "" },
     /** Иконка (компонент), если null - используется иконка по умолчанию для variant */
-    icon: { type: Object, default: void 0 },
+    icon: { type: [Object, Function], default: void 0 },
     /** Показывать иконку */
     showIcon: { type: Boolean, default: !0 },
     /** Можно закрыть */
@@ -3981,8 +3981,8 @@ const dl = "absolute pointer-events-none", me = {
   },
   emits: ["dismiss"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(!1), r = () => {
-      s.value = !0, n("dismiss");
+    const t = e, n = a, o = M(!1), r = () => {
+      o.value = !0, n("dismiss");
     }, d = {
       info: {
         bg: "bg-blue-50 border-blue-200",
@@ -4020,7 +4020,7 @@ const dl = "absolute pointer-events-none", me = {
       Yl,
       c.value.bg
     ]), f = m(() => ["w-5 h-5 flex-shrink-0 mt-0.5", c.value.icon]), u = m(() => c.value.title), v = m(() => ["text-sm", c.value.content, t.title && "mt-1"]);
-    return m(() => c.value.close), (x, z) => s.value ? g("", !0) : (l(), o("div", {
+    return m(() => c.value.close), (x, z) => o.value ? g("", !0) : (l(), s("div", {
       key: 0,
       class: h(y.value),
       role: "alert",
@@ -4036,7 +4036,7 @@ const dl = "absolute pointer-events-none", me = {
           class: h(f.value)
         }, null, 8, ["icon", "class"])) : g("", !0),
         i("div", Wl, [
-          e.title ? (l(), o("p", {
+          e.title ? (l(), s("p", {
             key: 0,
             class: h(["font-semibold", u.value])
           }, A(e.title), 3)) : g("", !0),
@@ -4053,7 +4053,7 @@ const dl = "absolute pointer-events-none", me = {
           onClick: r
         })) : g("", !0)
       ]),
-      x.$slots.actions ? (l(), o("div", Ql, [
+      x.$slots.actions ? (l(), s("div", Ql, [
         I(x.$slots, "actions")
       ])) : g("", !0)
     ], 10, Kl));
@@ -4075,7 +4075,7 @@ const dl = "absolute pointer-events-none", me = {
     }
   },
   setup(e) {
-    return (a, t) => (l(), D(Oe, {
+    return (a, t) => (l(), D(Fe, {
       color: e.color,
       thickness: e.thickness,
       spacing: "none",
@@ -4086,7 +4086,7 @@ const dl = "absolute pointer-events-none", me = {
   }
 };
 function nt(e, a) {
-  const t = M(""), n = M(e.compact), s = m(() => n.value);
+  const t = M(""), n = M(e.compact), o = m(() => n.value);
   let r = !1;
   _(() => {
     try {
@@ -4115,7 +4115,7 @@ function nt(e, a) {
   return {
     searchQuery: t,
     internalCompact: n,
-    compact: s,
+    compact: o,
     filteredSections: d,
     isItemActive: (f) => e.activeItem ? f.to === e.activeItem || f.id === e.activeItem ? !0 : f.children ? f.children.some(
       (u) => u.to === e.activeItem || u.id === e.activeItem
@@ -4167,12 +4167,12 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }
   },
   setup(e) {
-    const a = e, t = M(!1), n = M(null), s = M(-1), r = () => {
+    const a = e, t = M(!1), n = M(null), o = M(-1), r = () => {
       a.disabled || (t.value = !t.value, t.value && ce(() => {
         f();
       }));
     }, d = () => {
-      t.value = !1, s.value = -1;
+      t.value = !1, o.value = -1;
     }, c = (V) => {
       n.value && !n.value.contains(V.target) && d();
     }, b = {
@@ -4186,13 +4186,13 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       return V ? Array.from(V.querySelectorAll('button[data-component="DXDropdownItem"]:not([disabled])')) : [];
     }, f = () => {
       const V = y();
-      V.length > 0 && (V[0].focus(), s.value = 0);
+      V.length > 0 && (V[0].focus(), o.value = 0);
     }, u = () => {
       const V = y();
-      V.length !== 0 && (s.value = (s.value + 1) % V.length, V[s.value].focus());
+      V.length !== 0 && (o.value = (o.value + 1) % V.length, V[o.value].focus());
     }, v = () => {
       const V = y();
-      V.length !== 0 && (s.value = s.value <= 0 ? V.length - 1 : s.value - 1, V[s.value].focus());
+      V.length !== 0 && (o.value = o.value <= 0 ? V.length - 1 : o.value - 1, V[o.value].focus());
     }, x = () => {
       t.value ? u() : r();
     }, z = () => {
@@ -4224,7 +4224,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       document.addEventListener("click", c);
     }), fe(() => {
       document.removeEventListener("click", c);
-    }), (V, B) => (l(), o("div", {
+    }), (V, B) => (l(), s("div", {
       class: "relative inline-block align-top",
       ref_key: "root",
       ref: n,
@@ -4248,7 +4248,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         "aria-expanded": t.value
       }, [
         I(V.$slots, "trigger", {}, () => [
-          B[0] || (B[0] = E("Меню", -1))
+          B[0] || (B[0] = O("Меню", -1))
         ], !0),
         e.showChevron ? (l(), D(T, {
           key: 0,
@@ -4260,7 +4260,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       ], 42, _l),
       L(te, { name: "dropdown-fade" }, {
         default: X(() => [
-          t.value ? (l(), o("div", {
+          t.value ? (l(), s("div", {
             key: 0,
             class: h($.value),
             style: Q(S.value),
@@ -4277,7 +4277,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       })
     ], 8, Jl));
   }
-}, ue = /* @__PURE__ */ J(tn, [["__scopeId", "data-v-9fb1752f"]]), an = { "data-component": "DXSidebarMenuItem" }, ln = { class: "text-sm font-medium" }, nn = { key: 2 }, sn = { class: "flex items-center gap-3 flex-1" }, on = {
+}, ue = /* @__PURE__ */ J(tn, [["__scopeId", "data-v-9fb1752f"]]), an = { "data-component": "DXSidebarMenuItem" }, ln = { class: "text-sm font-medium" }, nn = { key: 2 }, on = { class: "flex items-center gap-3 flex-1" }, sn = {
   key: 1,
   class: "flex-1 text-sm font-medium text-left"
 }, rn = { class: "overflow-hidden" }, dn = { class: "pl-11 py-1 space-y-1" }, un = {
@@ -4302,7 +4302,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["click", "child-click"],
   setup(e, { emit: a }) {
-    const t = _e("collapse"), n = e, s = a, r = M(!1), d = re("hasRouter", !1), c = () => {
+    const t = _e("collapse"), n = e, o = a, r = M(!1), d = re("hasRouter", !1), c = () => {
       r.value = !r.value;
     }, b = m(() => n.item.to && d ? "router-link" : n.item.href ? "a" : "button"), y = (p) => p.to && d ? "router-link" : p.href ? "a" : "button", f = m(() => {
       const p = "flex items-center transition-all duration-200 text-left";
@@ -4329,11 +4329,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         p.preventDefault();
         return;
       }
-      s("click", n.item, p);
+      o("click", n.item, p);
     }, z = (p) => {
-      p.disabled || s("child-click", p);
+      p.disabled || o("child-click", p);
     };
-    return (p, w) => (l(), o("div", an, [
+    return (p, w) => (l(), s("div", an, [
       e.horizontal && e.item.children ? (l(), D(ue, {
         key: 0,
         position: "bottom",
@@ -4355,19 +4355,19 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             class: "ml-2"
           }, {
             default: X(() => [
-              E(A(e.item.badge), 1)
+              O(A(e.item.badge), 1)
             ]),
             _: 1
           }, 8, ["variant"])) : g("", !0)
         ]),
         default: X(() => [
-          (l(!0), o(j, null, P(e.item.children, (C, $) => (l(), D(de, {
+          (l(!0), s(j, null, P(e.item.children, (C, $) => (l(), D(de, {
             key: $,
             icon: C.icon,
             onClick: (S) => z(C)
           }, Ge({
             default: X(() => [
-              E(A(C.label) + " ", 1)
+              O(A(C.label) + " ", 1)
             ]),
             _: 2
           }, [
@@ -4379,7 +4379,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   size: "sm"
                 }, {
                   default: X(() => [
-                    E(A(C.badge), 1)
+                    O(A(C.badge), 1)
                   ]),
                   _: 2
                 }, 1032, ["variant"])
@@ -4389,13 +4389,13 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           ]), 1032, ["icon", "onClick"]))), 128))
         ]),
         _: 1
-      })) : e.item.children ? (l(), o("div", nn, [
+      })) : e.item.children ? (l(), s("div", nn, [
         i("button", {
           type: "button",
           class: h(f.value),
           onClick: c
         }, [
-          i("div", sn, [
+          i("div", on, [
             e.item.icon ? (l(), D(T, {
               key: 0,
               icon: e.item.icon,
@@ -4403,7 +4403,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               animation: "scale",
               class: h(u.value)
             }, null, 8, ["icon", "class"])) : g("", !0),
-            e.compact ? g("", !0) : (l(), o("span", on, A(e.item.label), 1))
+            e.compact ? g("", !0) : (l(), s("span", sn, A(e.item.label), 1))
           ]),
           e.compact ? g("", !0) : (l(), D(T, {
             key: 0,
@@ -4417,7 +4417,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           default: X(() => [
             le(i("div", rn, [
               i("div", dn, [
-                (l(!0), o(j, null, P(e.item.children, (C, $) => (l(), D(q(y(C)), {
+                (l(!0), s(j, null, P(e.item.children, (C, $) => (l(), D(q(y(C)), {
                   key: $,
                   to: C.to,
                   href: C.href,
@@ -4425,7 +4425,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   onClick: (S) => z(C)
                 }, {
                   default: X(() => [
-                    E(A(C.label) + " ", 1),
+                    O(A(C.label) + " ", 1),
                     C.badge ? (l(), D(ie, {
                       key: 0,
                       variant: C.badgeVariant || "info",
@@ -4433,7 +4433,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                       class: "ml-auto"
                     }, {
                       default: X(() => [
-                        E(A(C.badge), 1)
+                        O(A(C.badge), 1)
                       ]),
                       _: 2
                     }, 1032, ["variant"])) : g("", !0)
@@ -4465,7 +4465,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               animation: "scale",
               class: h(u.value)
             }, null, 8, ["icon", "class"])) : g("", !0),
-            e.compact ? g("", !0) : (l(), o("span", {
+            e.compact ? g("", !0) : (l(), s("span", {
               key: 1,
               class: h(["flex-1 font-medium text-left", (e.horizontal, "text-sm")])
             }, A(e.item.label), 3))
@@ -4476,7 +4476,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             size: "sm"
           }, {
             default: X(() => [
-              E(A(e.item.badge), 1)
+              O(A(e.item.badge), 1)
             ]),
             _: 1
           }, 8, ["variant"])) : g("", !0)
@@ -4509,9 +4509,9 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     /** Дополнительные классы */
     inputClass: { type: [String, Array, Object], default: "" },
     /** Иконка слева (Heroicon компонент) */
-    prefixIcon: { type: Object, default: null },
+    prefixIcon: { type: [Object, Function], default: null },
     /** Иконка справа (Heroicon компонент) */
-    suffixIcon: { type: Object, default: null }
+    suffixIcon: { type: [Object, Function], default: null }
   },
   emits: ["update:modelValue"],
   setup(e) {
@@ -4521,7 +4521,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }), be(() => {
       t != null && t.unregisterComponent && t.unregisterComponent(n);
     });
-    const s = m(() => t != null && t.getComponentPosition ? t.getComponentPosition(n) : { hasLeftAddon: !1, hasRightAddon: !1 }), r = e, d = () => ({
+    const o = m(() => t != null && t.getComponentPosition ? t.getComponentPosition(n) : { hasLeftAddon: !1, hasRightAddon: !1 }), r = e, d = () => ({
       sm: "sm",
       md: "md",
       lg: "lg"
@@ -4533,7 +4533,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         lg: u === "left" ? "pl-12" : "pr-12"
       };
       return v[r.size] || v.md;
-    }, b = () => s.value.hasLeftAddon && s.value.hasRightAddon ? "rounded-none" : s.value.hasLeftAddon ? "rounded-l-none rounded-r-xl" : s.value.hasRightAddon ? "rounded-l-xl rounded-r-none" : "rounded-xl", y = m(
+    }, b = () => o.value.hasLeftAddon && o.value.hasRightAddon ? "rounded-none" : o.value.hasLeftAddon ? "rounded-l-none rounded-r-xl" : o.value.hasRightAddon ? "rounded-l-xl rounded-r-none" : "rounded-xl", y = m(
       () => G(
         `${fn} ${b()}`,
         {
@@ -4665,14 +4665,14 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["item-click", "update:compact"],
   setup(e, { emit: a }) {
-    const t = ne(), n = e, s = a, {
+    const t = ne(), n = e, o = a, {
       searchQuery: r,
       compact: d,
       filteredSections: c,
       isItemActive: b,
       toggleCompact: y,
       handleItemClick: f
-    } = nt(n, s), u = {
+    } = nt(n, o), u = {
       sm: {
         container: "px-3 py-2",
         title: "text-base"
@@ -4716,13 +4716,13 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         i("div", {
           class: h(x.value)
         }, [
-          v.value ? (l(), o("div", {
+          v.value ? (l(), s("div", {
             key: 0,
             class: h(p.value)
           }, [
-            e.direction === "horizontal" ? (l(), o(j, { key: 0 }, [
+            e.direction === "horizontal" ? (l(), s(j, { key: 0 }, [
               k(d) ? g("", !0) : I(S.$slots, "header", { key: 0 }, () => [
-                e.title ? (l(), o("h2", {
+                e.title ? (l(), s("h2", {
                   key: 0,
                   class: h(w.value)
                 }, A(e.title), 3)) : g("", !0)
@@ -4730,7 +4730,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               e.searchable && !k(d) ? (l(), D(ye, {
                 key: 1,
                 modelValue: k(r),
-                "onUpdate:modelValue": V[0] || (V[0] = (B) => se(r) ? r.value = B : null),
+                "onUpdate:modelValue": V[0] || (V[0] = (B) => oe(r) ? r.value = B : null),
                 placeholder: "Поиск...",
                 size: "sm",
                 class: "max-w-xs"
@@ -4744,7 +4744,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 ]),
                 _: 1
               }, 8, ["modelValue"])) : g("", !0),
-              e.collapsible ? (l(), o("button", {
+              e.collapsible ? (l(), s("button", {
                 key: 2,
                 type: "button",
                 class: "p-2 rounded-lg hover:bg-slate-100 transition-colors ml-auto",
@@ -4752,20 +4752,20 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 title: k(d) ? "Развернуть" : "Свернуть"
               }, [
                 L(T, {
-                  icon: k(d) ? k(oe) : k(pe),
+                  icon: k(d) ? k(se) : k(pe),
                   size: "md",
                   animation: "scale",
                   class: "text-slate-600"
                 }, null, 8, ["icon"])
               ], 8, bn)) : g("", !0)
-            ], 64)) : (l(), o(j, { key: 1 }, [
+            ], 64)) : (l(), s(j, { key: 1 }, [
               k(d) ? g("", !0) : I(S.$slots, "header", { key: 0 }, () => [
-                e.title ? (l(), o("h2", {
+                e.title ? (l(), s("h2", {
                   key: 0,
                   class: h(w.value)
                 }, A(e.title), 3)) : g("", !0)
               ], !0),
-              e.collapsible ? (l(), o("button", {
+              e.collapsible ? (l(), s("button", {
                 key: 1,
                 type: "button",
                 class: h(["p-2 rounded-lg hover:bg-slate-100 transition-colors", { "ml-auto": !k(d) }]),
@@ -4773,7 +4773,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 title: k(d) ? "Развернуть" : "Свернуть"
               }, [
                 L(T, {
-                  icon: k(d) ? k(oe) : k(pe),
+                  icon: k(d) ? k(se) : k(pe),
                   size: "md",
                   animation: "scale",
                   class: "text-slate-600"
@@ -4781,10 +4781,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               ], 10, gn)) : g("", !0)
             ], 64))
           ], 2)) : g("", !0),
-          e.searchable && !k(d) && e.direction === "vertical" ? (l(), o("div", vn, [
+          e.searchable && !k(d) && e.direction === "vertical" ? (l(), s("div", vn, [
             L(ye, {
               modelValue: k(r),
-              "onUpdate:modelValue": V[3] || (V[3] = (B) => se(r) ? r.value = B : null),
+              "onUpdate:modelValue": V[3] || (V[3] = (B) => oe(r) ? r.value = B : null),
               placeholder: "Поиск...",
               size: "sm"
             }, {
@@ -4801,8 +4801,8 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           i("nav", {
             class: h(C.value)
           }, [
-            e.direction === "horizontal" ? (l(!0), o(j, { key: 0 }, P(k(c), (B, O) => (l(), o(j, { key: O }, [
-              (l(!0), o(j, null, P(B.items, (U, ee) => (l(), D(Ie, {
+            e.direction === "horizontal" ? (l(!0), s(j, { key: 0 }, P(k(c), (B, F) => (l(), s(j, { key: F }, [
+              (l(!0), s(j, null, P(B.items, (U, ee) => (l(), D(Ie, {
                 key: ee,
                 item: U,
                 active: k(b)(U),
@@ -4811,16 +4811,16 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 onClick: k(f),
                 onChildClick: k(f)
               }, null, 8, ["item", "active", "onClick", "onChildClick"]))), 128))
-            ], 64))), 128)) : (l(!0), o(j, { key: 1 }, P(k(c), (B, O) => (l(), o("div", {
-              key: O,
+            ], 64))), 128)) : (l(!0), s(j, { key: 1 }, P(k(c), (B, F) => (l(), s("div", {
+              key: F,
               class: "space-y-1"
             }, [
-              B.title && !k(d) ? (l(), o("div", hn, A(B.title), 1)) : g("", !0),
-              B.title && k(d) ? (l(), D(Oe, {
+              B.title && !k(d) ? (l(), s("div", hn, A(B.title), 1)) : g("", !0),
+              B.title && k(d) ? (l(), D(Fe, {
                 key: 1,
                 spacing: "sm"
               })) : g("", !0),
-              (l(!0), o(j, null, P(B.items, (U, ee) => (l(), D(Ie, {
+              (l(!0), s(j, null, P(B.items, (U, ee) => (l(), D(Ie, {
                 key: ee,
                 item: U,
                 active: k(b)(U),
@@ -4830,7 +4830,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               }, null, 8, ["item", "active", "compact", "onClick", "onChildClick"]))), 128))
             ]))), 128))
           ], 2),
-          k(t).footer && !k(d) && e.direction === "vertical" ? (l(), o("div", {
+          k(t).footer && !k(d) && e.direction === "vertical" ? (l(), s("div", {
             key: 2,
             class: h($.value)
           }, [
@@ -4879,7 +4879,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue", "create"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(!1), r = M(""), d = M(null), c = M(null), b = m(() => t.multiple ? null : t.options.find(($) => String($.value) === String(t.modelValue))), y = m(() => {
+    const t = e, n = a, o = M(!1), r = M(""), d = M(null), c = M(null), b = m(() => t.multiple ? null : t.options.find(($) => String($.value) === String(t.modelValue))), y = m(() => {
       if (!t.multiple) return [];
       const $ = Array.isArray(t.modelValue) ? t.modelValue : [];
       return t.options.filter((S) => $.includes(S.value));
@@ -4893,7 +4893,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       const $ = r.value.toLowerCase().trim();
       return $ ? t.options.filter((S) => S.label.toLowerCase().includes($)) : t.options;
     }), v = ($) => t.multiple ? (Array.isArray(t.modelValue) ? t.modelValue : []).includes($) : t.modelValue === $, x = () => {
-      s.value = !s.value, s.value && ce(() => {
+      o.value = !o.value, o.value && ce(() => {
         var $;
         return ($ = c.value) == null ? void 0 : $.focus();
       });
@@ -4906,7 +4906,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         } else
           n("update:modelValue", [...S, $]);
       } else
-        n("update:modelValue", $), s.value = !1;
+        n("update:modelValue", $), o.value = !1;
       r.value = "";
     }, p = ($) => {
       if (t.multiple) {
@@ -4916,21 +4916,21 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }, w = () => {
       t.creatable && r.value && (n("create", r.value), r.value = "");
     }, C = ($) => {
-      d.value && !d.value.contains($.target) && (s.value = !1, r.value = "");
+      d.value && !d.value.contains($.target) && (o.value = !1, r.value = "");
     };
-    return Y(s, ($) => {
+    return Y(o, ($) => {
       $ || (r.value = "");
     }), _(() => document.addEventListener("click", C)), fe(() => document.removeEventListener("click", C)), ($, S) => {
       var V;
-      return l(), o("div", {
+      return l(), s("div", {
         class: "relative",
         ref_key: "root",
         ref: d,
         "data-component": "DXSearchSelect"
       }, [
-        e.label ? (l(), o("label", xn, A(e.label), 1)) : g("", !0),
-        e.multiple && y.value.length > 0 ? (l(), o("div", yn, [
-          (l(!0), o(j, null, P(y.value, (B) => (l(), o("span", {
+        e.label ? (l(), s("label", xn, A(e.label), 1)) : g("", !0),
+        e.multiple && y.value.length > 0 ? (l(), s("div", yn, [
+          (l(!0), s(j, null, P(y.value, (B) => (l(), s("span", {
             key: B.value,
             class: "inline-flex items-center gap-1 px-2 py-1 text-xs font-medium bg-slate-100 text-slate-700 rounded-lg"
           }, [
@@ -4938,11 +4938,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               key: 0,
               class: "w-3 h-3"
             })) : g("", !0),
-            E(" " + A(B.label) + " ", 1),
+            O(" " + A(B.label) + " ", 1),
             i("button", {
               type: "button",
               class: "hover:text-slate-900",
-              onClick: R((O) => p(B.value), ["stop"])
+              onClick: R((F) => p(B.value), ["stop"])
             }, [...S[3] || (S[3] = [
               i("svg", {
                 class: "w-3 h-3",
@@ -4963,8 +4963,8 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         i("button", {
           type: "button",
           class: h(["w-full flex items-center justify-between h-10 px-4 py-2.5 text-sm rounded-xl border border-slate-200 bg-white transition-colors", [
-            !s.value && "hover:border-slate-300",
-            s.value && "ring-2 ring-slate-900/10 border-slate-300"
+            !o.value && "hover:border-slate-300",
+            o.value && "ring-2 ring-slate-900/10 border-slate-300"
           ]]),
           onClick: x
         }, [
@@ -4973,10 +4973,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               key: 0,
               class: "w-4 h-4 text-slate-500"
             })) : g("", !0),
-            E(" " + A(f.value), 1)
+            O(" " + A(f.value), 1)
           ]),
-          (l(), o("svg", {
-            class: h(["w-4 h-4 text-slate-400 transition-transform", { "rotate-180": s.value }]),
+          (l(), s("svg", {
+            class: h(["w-4 h-4 text-slate-400 transition-transform", { "rotate-180": o.value }]),
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24"
@@ -4989,7 +4989,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             }, null, -1)
           ])], 2))
         ], 2),
-        s.value ? (l(), o("div", Cn, [
+        o.value ? (l(), s("div", Cn, [
           i("div", Sn, [
             le(i("input", {
               ref_key: "searchInput",
@@ -5000,7 +5000,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               onKeydown: [
                 S[1] || (S[1] = R(() => {
                 }, ["stop"])),
-                S[2] || (S[2] = K((B) => s.value = !1, ["escape"]))
+                S[2] || (S[2] = K((B) => o.value = !1, ["escape"]))
               ]
             }, null, 40, $n), [
               [he, r.value]
@@ -5020,20 +5020,20 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             ], -1))
           ]),
           i("div", zn, [
-            (l(!0), o(j, null, P(u.value, (B) => (l(), o("button", {
+            (l(!0), s(j, null, P(u.value, (B) => (l(), s("button", {
               key: B.value,
               type: "button",
               class: h(["w-full text-left px-3 py-2 rounded-lg hover:bg-slate-50 text-sm flex items-center justify-between gap-2", { "bg-slate-100": v(B.value) }]),
-              onClick: (O) => z(B.value)
+              onClick: (F) => z(B.value)
             }, [
               i("span", Dn, [
                 B.icon ? (l(), D(q(B.icon), {
                   key: 0,
                   class: "w-4 h-4 text-slate-500"
                 })) : g("", !0),
-                E(" " + A(B.label), 1)
+                O(" " + A(B.label), 1)
               ]),
-              v(B.value) ? (l(), o("svg", Vn, [...S[6] || (S[6] = [
+              v(B.value) ? (l(), s("svg", Vn, [...S[6] || (S[6] = [
                 i("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
@@ -5042,7 +5042,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 }, null, -1)
               ])])) : g("", !0)
             ], 10, An))), 128)),
-            e.creatable && r.value && !u.value.length ? (l(), o("button", {
+            e.creatable && r.value && !u.value.length ? (l(), s("button", {
               key: 0,
               type: "button",
               class: "w-full text-left px-3 py-2 rounded-lg hover:bg-slate-50 text-sm flex items-center gap-2 text-slate-600",
@@ -5061,8 +5061,8 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   d: "M12 4v16m8-8H4"
                 })
               ], -1)),
-              E(' Создать "' + A(r.value) + '" ', 1)
-            ])) : u.value.length ? g("", !0) : (l(), o("p", Bn, "Не найдено"))
+              O(' Создать "' + A(r.value) + '" ', 1)
+            ])) : u.value.length ? g("", !0) : (l(), s("p", Bn, "Не найдено"))
           ])
         ])) : g("", !0)
       ], 512);
@@ -5071,10 +5071,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
 }, Ln = { class: "min-w-full divide-y divide-slate-200" }, Tn = {
   key: 0,
   class: "px-4 py-3 w-12"
-}, Xn = ["onClick"], Mn = { class: "flex items-center gap-2" }, jn = { class: "p-2 min-w-[200px]" }, On = {
+}, Xn = ["onClick"], Mn = { class: "flex items-center gap-2" }, jn = { class: "p-2 min-w-[200px]" }, Fn = {
   key: 1,
   class: "px-4 py-3 w-20 text-right"
-}, En = { class: "divide-y divide-slate-200 bg-white" }, Fn = { key: 0 }, Pn = ["colspan"], Nn = { key: 1 }, Rn = ["colspan"], qn = { class: "bg-slate-100" }, Hn = ["colspan"], Zn = ["onClick"], Un = {
+}, On = { class: "divide-y divide-slate-200 bg-white" }, En = { key: 0 }, Pn = ["colspan"], Nn = { key: 1 }, Rn = ["colspan"], qn = { class: "bg-slate-100" }, Hn = ["colspan"], Zn = ["onClick"], Un = {
   key: 0,
   class: "px-4 py-3"
 }, Kn = {
@@ -5185,7 +5185,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     "delete"
   ],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = m(() => {
+    const t = e, n = a, o = m(() => {
       let z = t.columns.length;
       return t.selectable && z++, t.actions && z++, z;
     }), r = m(() => t.groupBy ? t.data.reduce((z, p) => {
@@ -5201,7 +5201,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }, x = () => {
       n("select-all", !c.value);
     };
-    return (z, p) => (l(), o("div", {
+    return (z, p) => (l(), s("div", {
       style: Q({ maxHeight: e.height }),
       class: h(["border border-slate-200 rounded-2xl overflow-auto", e.height && "relative"]),
       "data-component": "DXBaseTable"
@@ -5211,7 +5211,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           class: h(["bg-slate-50", e.stickyHeader && e.height && "sticky top-0 z-10"])
         }, [
           i("tr", null, [
-            e.selectable ? (l(), o("th", Tn, [
+            e.selectable ? (l(), s("th", Tn, [
               L(ve, {
                 checked: c.value,
                 indeterminate: b.value,
@@ -5219,7 +5219,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 size: e.size
               }, null, 8, ["checked", "indeterminate", "size"])
             ])) : g("", !0),
-            (l(!0), o(j, null, P(e.columns, (w) => (l(), o("th", {
+            (l(!0), s(j, null, P(e.columns, (w) => (l(), s("th", {
               key: w.key,
               style: Q(w.width && { width: w.width }),
               class: h([
@@ -5236,7 +5236,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   size: "xs",
                   class: "text-slate-500"
                 }, null, 8, ["icon"])) : g("", !0),
-                e.filterable && w.filterable !== !1 ? (l(), o("div", {
+                e.filterable && w.filterable !== !1 ? (l(), s("div", {
                   key: 1,
                   class: "flex items-center",
                   onClick: p[1] || (p[1] = R(() => {
@@ -5282,23 +5282,23 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 ])) : g("", !0)
               ])
             ], 14, Xn))), 128)),
-            e.actions ? (l(), o("th", On, [...p[4] || (p[4] = [
+            e.actions ? (l(), s("th", Fn, [...p[4] || (p[4] = [
               i("span", { class: "text-xs font-semibold text-slate-600 uppercase tracking-wide" }, " Действия ", -1)
             ])])) : g("", !0)
           ])
         ], 2),
-        i("tbody", En, [
-          e.loading ? (l(), o("tr", Fn, [
+        i("tbody", On, [
+          e.loading ? (l(), s("tr", En, [
             i("td", {
-              colspan: s.value,
+              colspan: o.value,
               class: "text-center py-12"
             }, [
               L(fl, { size: "lg" }),
               p[5] || (p[5] = i("p", { class: "mt-2 text-sm text-slate-500" }, "Загрузка данных...", -1))
             ], 8, Pn)
-          ])) : e.data.length === 0 ? (l(), o("tr", Nn, [
+          ])) : e.data.length === 0 ? (l(), s("tr", Nn, [
             i("td", {
-              colspan: s.value,
+              colspan: o.value,
               class: "text-center py-12"
             }, [
               I(z.$slots, "empty", {}, () => [
@@ -5307,15 +5307,15 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 ], -1))
               ], !0)
             ], 8, Rn)
-          ])) : (l(), o(j, { key: 2 }, [
-            e.groupBy ? (l(!0), o(j, { key: 0 }, P(r.value, (w, C) => (l(), o(j, { key: C }, [
+          ])) : (l(), s(j, { key: 2 }, [
+            e.groupBy ? (l(!0), s(j, { key: 0 }, P(r.value, (w, C) => (l(), s(j, { key: C }, [
               i("tr", qn, [
                 i("td", {
-                  colspan: s.value,
+                  colspan: o.value,
                   class: "px-4 py-2 font-semibold text-slate-700"
                 }, A(C) + " (" + A(w.length) + ") ", 9, Hn)
               ]),
-              (l(!0), o(j, null, P(w, ($) => (l(), o("tr", {
+              (l(!0), s(j, null, P(w, ($) => (l(), s("tr", {
                 key: $.id,
                 class: h([
                   e.hoverable && "hover:bg-slate-50",
@@ -5325,7 +5325,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 ]),
                 onClick: (S) => z.$emit("row-click", $)
               }, [
-                e.selectable ? (l(), o("td", Un, [
+                e.selectable ? (l(), s("td", Un, [
                   L(ve, {
                     checked: d($.id),
                     onChange: (S) => v($.id),
@@ -5334,7 +5334,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                     }, ["stop"]))
                   }, null, 8, ["checked", "onChange", "size"])
                 ])) : g("", !0),
-                (l(!0), o(j, null, P(e.columns, (S) => (l(), o("td", {
+                (l(!0), s(j, null, P(e.columns, (S) => (l(), s("td", {
                   key: `${$.id}-${S.key}`,
                   class: h([
                     "px-4 py-3 text-sm text-slate-700",
@@ -5348,10 +5348,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                     value: $[S.key],
                     column: S
                   }, () => [
-                    E(A(y($[S.key], S)), 1)
+                    O(A(y($[S.key], S)), 1)
                   ], !0)
                 ], 2))), 128)),
-                e.actions ? (l(), o("td", Kn, [
+                e.actions ? (l(), s("td", Kn, [
                   i("div", Gn, [
                     I(z.$slots, "actions", { row: $ }, () => [
                       L(ue, {
@@ -5371,7 +5371,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                             onClick: (S) => z.$emit("edit", $)
                           }, {
                             default: X(() => [...p[7] || (p[7] = [
-                              E(" Редактировать ", -1)
+                              O(" Редактировать ", -1)
                             ])]),
                             _: 1
                           }, 8, ["icon", "onClick"]),
@@ -5382,7 +5382,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                             onClick: (S) => z.$emit("delete", $)
                           }, {
                             default: X(() => [...p[8] || (p[8] = [
-                              E(" Удалить ", -1)
+                              O(" Удалить ", -1)
                             ])]),
                             _: 1
                           }, 8, ["icon", "onClick"])
@@ -5393,7 +5393,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   ])
                 ])) : g("", !0)
               ], 10, Zn))), 128))
-            ], 64))), 128)) : (l(!0), o(j, { key: 1 }, P(e.data, (w) => (l(), o("tr", {
+            ], 64))), 128)) : (l(!0), s(j, { key: 1 }, P(e.data, (w) => (l(), s("tr", {
               key: w.id,
               class: h([
                 e.hoverable && "hover:bg-slate-50 cursor-pointer",
@@ -5403,7 +5403,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               ]),
               onClick: (C) => z.$emit("row-click", w)
             }, [
-              e.selectable ? (l(), o("td", Qn, [
+              e.selectable ? (l(), s("td", Qn, [
                 L(ve, {
                   checked: d(w.id),
                   onChange: (C) => v(w.id),
@@ -5412,7 +5412,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   }, ["stop"]))
                 }, null, 8, ["checked", "onChange", "size"])
               ])) : g("", !0),
-              (l(!0), o(j, null, P(e.columns, (C) => (l(), o("td", {
+              (l(!0), s(j, null, P(e.columns, (C) => (l(), s("td", {
                 key: `${w.id}-${C.key}`,
                 class: h([
                   "px-4 py-3 text-sm text-slate-700",
@@ -5426,10 +5426,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   value: w[C.key],
                   column: C
                 }, () => [
-                  E(A(y(w[C.key], C)), 1)
+                  O(A(y(w[C.key], C)), 1)
                 ], !0)
               ], 2))), 128)),
-              e.actions ? (l(), o("td", Yn, [
+              e.actions ? (l(), s("td", Yn, [
                 i("div", Jn, [
                   I(z.$slots, "actions", { row: w }, () => [
                     L(ue, {
@@ -5449,7 +5449,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                           onClick: (C) => z.$emit("edit", w)
                         }, {
                           default: X(() => [...p[9] || (p[9] = [
-                            E(" Редактировать ", -1)
+                            O(" Редактировать ", -1)
                           ])]),
                           _: 1
                         }, 8, ["icon", "onClick"]),
@@ -5460,7 +5460,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                           onClick: (C) => z.$emit("delete", w)
                         }, {
                           default: X(() => [...p[10] || (p[10] = [
-                            E(" Удалить ", -1)
+                            O(" Удалить ", -1)
                           ])]),
                           _: 1
                         }, 8, ["icon", "onClick"])
@@ -5476,14 +5476,14 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       ])
     ], 6));
   }
-}, es = /* @__PURE__ */ J(_n, [["__scopeId", "data-v-7f5ca6fa"]]), ts = {
+}, eo = /* @__PURE__ */ J(_n, [["__scopeId", "data-v-7f5ca6fa"]]), to = {
   "aria-label": "Breadcrumb",
   "data-component": "DXBreadcrumb"
-}, as = {
+}, ao = {
   key: 0,
   class: "mx-2 text-slate-400",
   "aria-hidden": "true"
-}, ls = { key: 1 }, ns = "inline-flex items-center transition-colors", Ai = {
+}, lo = { key: 1 }, no = "inline-flex items-center transition-colors", Ai = {
   __name: "DXBreadcrumb",
   props: {
     /** Элементы: [{ label, href?, to?, icon?, iconAnimation? }] */
@@ -5502,30 +5502,30 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base"
-    }, n = m(() => t[a.size] || t.md), s = m(() => a.size === "sm" ? "xs" : a.size === "lg" ? "sm" : "xs"), r = (c) => c.to ? "router-link" : c.href ? "a" : "span", d = (c, b) => c.iconAnimation ? c.iconAnimation : a.animateCurrentOnly ? b === a.items.length - 1 ? a.iconAnimation : "none" : a.iconAnimation;
-    return (c, b) => (l(), o("nav", ts, [
+    }, n = m(() => t[a.size] || t.md), o = m(() => a.size === "sm" ? "xs" : a.size === "lg" ? "sm" : "xs"), r = (c) => c.to ? "router-link" : c.href ? "a" : "span", d = (c, b) => c.iconAnimation ? c.iconAnimation : a.animateCurrentOnly ? b === a.items.length - 1 ? a.iconAnimation : "none" : a.iconAnimation;
+    return (c, b) => (l(), s("nav", to, [
       i("ol", {
         class: h(["flex items-center flex-wrap", n.value])
       }, [
-        (l(!0), o(j, null, P(e.items, (y, f) => (l(), o("li", {
+        (l(!0), s(j, null, P(e.items, (y, f) => (l(), s("li", {
           key: f,
           class: "flex items-center"
         }, [
-          f > 0 ? (l(), o("span", as, [
+          f > 0 ? (l(), s("span", ao, [
             I(c.$slots, "separator", {}, () => [
               e.separator === "chevron" ? (l(), D(T, {
                 key: 0,
-                icon: k(oe),
-                size: s.value,
+                icon: k(se),
+                size: o.value,
                 animation: "none"
-              }, null, 8, ["icon", "size"])) : (l(), o("span", ls, "/"))
+              }, null, 8, ["icon", "size"])) : (l(), s("span", lo, "/"))
             ])
           ])) : g("", !0),
           (l(), D(q(r(y)), {
             href: y.href,
             to: y.to,
             class: h([
-              ns,
+              no,
               f === e.items.length - 1 ? "text-slate-900 font-medium" : "text-slate-500 hover:text-slate-700"
             ]),
             "aria-current": f === e.items.length - 1 ? "page" : void 0
@@ -5534,11 +5534,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               y.icon ? (l(), D(T, {
                 key: 0,
                 icon: y.icon,
-                size: s.value,
+                size: o.value,
                 animation: d(y, f),
                 class: "mr-1.5"
               }, null, 8, ["icon", "size", "animation"])) : g("", !0),
-              E(" " + A(y.label), 1)
+              O(" " + A(y.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "to", "class", "aria-current"]))
@@ -5546,7 +5546,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       ], 2)
     ]));
   }
-}, ss = ["data-size", "data-multiple", "data-disabled"], os = {
+}, oo = ["data-size", "data-multiple", "data-disabled"], so = {
   key: 0,
   class: "text-sm font-medium text-slate-700 mb-2"
 }, Di = {
@@ -5565,11 +5565,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = {
+    const t = e, n = a, o = {
       sm: "h-8",
       md: "h-10",
       lg: "h-12"
-    }, r = m(() => s[t.size] || s.md), d = (b) => {
+    }, r = m(() => o[t.size] || o.md), d = (b) => {
       if (!t.disabled)
         if (t.multiple) {
           const y = Array.isArray(t.modelValue) ? t.modelValue : [], f = y.indexOf(b);
@@ -5588,37 +5588,37 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       disabled: t.disabled,
       handleSelect: d,
       isSelected: c
-    }), (b, y) => (l(), o("div", {
+    }), (b, y) => (l(), s("div", {
       class: "inline-flex",
       "data-component": "DXButtonGroup",
       "data-size": e.size,
       "data-multiple": e.multiple,
       "data-disabled": e.disabled
     }, [
-      e.label ? (l(), o("p", os, A(e.label), 1)) : g("", !0),
+      e.label ? (l(), s("p", so, A(e.label), 1)) : g("", !0),
       i("div", {
         class: h(["inline-flex border border-slate-200 rounded-xl overflow-hidden divide-x divide-slate-200", r.value])
       }, [
         I(b.$slots, "default")
       ], 2)
-    ], 8, ss));
+    ], 8, oo));
   }
-}, rs = {
+}, ro = {
   key: 0,
   class: "block text-sm font-medium text-slate-700 mb-1"
-}, is = { class: "relative" }, ds = ["placeholder", "disabled", "onKeydown"], us = {
+}, io = { class: "relative" }, uo = ["placeholder", "disabled", "onKeydown"], co = {
   key: 1,
   class: "absolute z-20 mt-2 w-full bg-white border border-slate-200 rounded-xl shadow-lg py-2 max-h-48 overflow-y-auto"
-}, cs = ["onClick", "onMouseenter"], ms = { class: "flex items-center gap-2" }, fs = {
+}, mo = ["onClick", "onMouseenter"], fo = { class: "flex items-center gap-2" }, bo = {
   key: 0,
   class: "w-4 h-4 text-slate-900",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, bs = {
+}, go = {
   key: 0,
   class: "px-4 py-2 text-sm text-slate-500"
-}, gs = { key: 0 }, vs = { key: 1 }, hs = {
+}, vo = { key: 0 }, ho = { key: 1 }, po = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
 }, Vi = {
@@ -5635,7 +5635,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(null), r = M(null), d = M(""), c = M(!1), b = M(0), y = m(() => t.options.find(($) => $.value === t.modelValue)), f = m(() => {
+    const t = e, n = a, o = M(null), r = M(null), d = M(""), c = M(!1), b = M(0), y = m(() => t.options.find(($) => $.value === t.modelValue)), f = m(() => {
       if (!t.filterable || !d.value)
         return t.options;
       const $ = d.value.toLowerCase();
@@ -5661,19 +5661,19 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         $ && x($);
       } else t.allowCustom && d.value && (n("update:modelValue", d.value), c.value = !1);
     }, C = ($) => {
-      s.value && !s.value.contains($.target) && (c.value = !1, !t.allowCustom && y.value && (d.value = y.value.label));
+      o.value && !o.value.contains($.target) && (c.value = !1, !t.allowCustom && y.value && (d.value = y.value.label));
     };
     return Y(() => t.modelValue, ($) => {
       const S = t.options.find((V) => V.value === $);
       d.value = S ? S.label : t.allowCustom ? String($ || "") : "";
-    }, { immediate: !0 }), _(() => document.addEventListener("click", C)), fe(() => document.removeEventListener("click", C)), ($, S) => (l(), o("div", {
+    }, { immediate: !0 }), _(() => document.addEventListener("click", C)), fe(() => document.removeEventListener("click", C)), ($, S) => (l(), s("div", {
       class: "relative",
       ref_key: "root",
-      ref: s,
+      ref: o,
       "data-component": "DXComboBox"
     }, [
-      e.label ? (l(), o("label", rs, A(e.label), 1)) : g("", !0),
-      i("div", is, [
+      e.label ? (l(), s("label", ro, A(e.label), 1)) : g("", !0),
+      i("div", io, [
         le(i("input", {
           ref_key: "inputRef",
           ref: r,
@@ -5690,10 +5690,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             K(R(w, ["prevent"]), ["enter"]),
             S[1] || (S[1] = K((V) => c.value = !1, ["escape"]))
           ]
-        }, null, 42, ds), [
+        }, null, 42, uo), [
           [he, d.value]
         ]),
-        (l(), o("svg", {
+        (l(), s("svg", {
           class: h(["absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400 pointer-events-none transition-transform", { "rotate-180": c.value }]),
           fill: "none",
           stroke: "currentColor",
@@ -5707,22 +5707,22 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           }, null, -1)
         ])], 2))
       ]),
-      c.value && (f.value.length > 0 || e.allowCustom && d.value) ? (l(), o("div", us, [
-        (l(!0), o(j, null, P(f.value, (V, B) => (l(), o("button", {
+      c.value && (f.value.length > 0 || e.allowCustom && d.value) ? (l(), s("div", co, [
+        (l(!0), s(j, null, P(f.value, (V, B) => (l(), s("button", {
           key: V.value,
           type: "button",
           class: h(["w-full text-left px-4 py-2 text-sm hover:bg-slate-50 flex items-center justify-between", { "bg-slate-100": B === b.value }]),
-          onClick: (O) => x(V),
-          onMouseenter: (O) => b.value = B
+          onClick: (F) => x(V),
+          onMouseenter: (F) => b.value = B
         }, [
-          i("span", ms, [
+          i("span", fo, [
             V.icon ? (l(), D(q(V.icon), {
               key: 0,
               class: "w-4 h-4 text-slate-500"
             })) : g("", !0),
-            E(" " + A(V.label), 1)
+            O(" " + A(V.label), 1)
           ]),
-          e.modelValue === V.value ? (l(), o("svg", fs, [...S[3] || (S[3] = [
+          e.modelValue === V.value ? (l(), s("svg", bo, [...S[3] || (S[3] = [
             i("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -5730,21 +5730,21 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               d: "M5 13l4 4L19 7"
             }, null, -1)
           ])])) : g("", !0)
-        ], 42, cs))), 128)),
-        f.value.length === 0 && d.value ? (l(), o("div", bs, [
-          e.allowCustom ? (l(), o("span", gs, 'Нажмите Enter для "' + A(d.value) + '"', 1)) : (l(), o("span", vs, "Не найдено"))
+        ], 42, mo))), 128)),
+        f.value.length === 0 && d.value ? (l(), s("div", go, [
+          e.allowCustom ? (l(), s("span", vo, 'Нажмите Enter для "' + A(d.value) + '"', 1)) : (l(), s("span", ho, "Не найдено"))
         ])) : g("", !0)
       ])) : g("", !0),
-      e.helper ? (l(), o("p", hs, A(e.helper), 1)) : g("", !0)
+      e.helper ? (l(), s("p", po, A(e.helper), 1)) : g("", !0)
     ], 512));
   }
-}, ps = {
+}, xo = {
   class: "space-y-1",
   "data-component": "DXCopyField"
-}, xs = {
+}, yo = {
   key: 0,
   class: "text-[11px] uppercase tracking-wide text-slate-500 font-semibold"
-}, ys = { class: "flex items-center justify-between gap-2 rounded-lg border border-slate-200 bg-white px-3 py-3" }, ws = { class: "text-base font-semibold text-slate-900 break-all flex-1 text-center" }, ks = ["aria-label"], Bi = {
+}, wo = { class: "flex items-center justify-between gap-2 rounded-lg border border-slate-200 bg-white px-3 py-3" }, ko = { class: "text-base font-semibold text-slate-900 break-all flex-1 text-center" }, Co = ["aria-label"], Bi = {
   __name: "DXCopyField",
   props: {
     /** Лейбл */
@@ -5752,9 +5752,9 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     /** Значение для копирования */
     value: { type: String, default: "" },
     /** Иконка для копирования */
-    copyIcon: { type: Object, default: () => Oa },
+    copyIcon: { type: [Object, Function], default: () => Fa },
     /** Иконка успешного копирования */
-    successIcon: { type: Object, default: () => ja },
+    successIcon: { type: [Object, Function], default: () => ja },
     /** Анимация иконки копирования: none | wiggle | scale | rotate */
     copyIconAnimation: { type: String, default: "scale" },
     /** Анимация иконки успеха: none | wiggle | scale | rotate */
@@ -5764,27 +5764,27 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["copied"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(!1), r = async () => {
+    const t = e, n = a, o = M(!1), r = async () => {
       if (t.value)
         try {
-          await navigator.clipboard.writeText(t.value), s.value = !0, n("copied", t.value), setTimeout(() => {
-            s.value = !1;
+          await navigator.clipboard.writeText(t.value), o.value = !0, n("copied", t.value), setTimeout(() => {
+            o.value = !1;
           }, t.successDuration);
         } catch (d) {
           console.error("Не удалось скопировать", d);
         }
     };
-    return (d, c) => (l(), o("div", ps, [
-      e.label ? (l(), o("p", xs, A(e.label), 1)) : g("", !0),
-      i("div", ys, [
-        i("p", ws, A(e.value || "—"), 1),
+    return (d, c) => (l(), s("div", xo, [
+      e.label ? (l(), s("p", yo, A(e.label), 1)) : g("", !0),
+      i("div", wo, [
+        i("p", ko, A(e.value || "—"), 1),
         i("button", {
           type: "button",
-          class: h(["h-9 w-9 inline-flex items-center justify-center rounded-xl border border-slate-200 text-slate-700 hover:border-slate-300 bg-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2", { "border-emerald-300 bg-emerald-50": s.value }]),
+          class: h(["h-9 w-9 inline-flex items-center justify-center rounded-xl border border-slate-200 text-slate-700 hover:border-slate-300 bg-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2", { "border-emerald-300 bg-emerald-50": o.value }]),
           "aria-label": `Скопировать ${e.label || "значение"}`,
           onClick: r
         }, [
-          s.value ? (l(), D(T, {
+          o.value ? (l(), D(T, {
             key: 0,
             icon: k(Xa),
             size: "sm",
@@ -5796,20 +5796,20 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             size: "sm",
             animation: e.copyIconAnimation
           }, null, 8, ["icon", "animation"]))
-        ], 10, ks)
+        ], 10, Co)
       ])
     ]));
   }
-}, Cs = {
+}, So = {
   class: "w-full",
   "data-component": "DXDatePicker"
-}, Ss = {
+}, $o = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, $s = { class: "relative" }, zs = ["type", "value", "placeholder", "disabled", "readonly"], As = {
+}, zo = { class: "relative" }, Ao = ["type", "value", "placeholder", "disabled", "readonly"], Do = {
   key: 1,
   class: "absolute z-20 mt-2 p-4 bg-white border border-slate-200 rounded-xl shadow-lg"
-}, Ds = { class: "space-y-3" }, Vs = { class: "flex gap-2" }, Bs = {
+}, Vo = { class: "space-y-3" }, Bo = { class: "flex gap-2" }, Io = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
 }, Ii = {
@@ -5830,20 +5830,20 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(!1), r = M(""), d = M(""), c = m(() => {
+    const t = e, n = a, o = M(!1), r = M(""), d = M(""), c = m(() => {
       if (t.range && typeof t.modelValue == "object" && t.modelValue) {
         const { start: v, end: x } = t.modelValue;
         return v && x ? `${b(v)} - ${b(x)}` : "";
       }
       return t.modelValue || "";
     }), b = (v) => v ? new Date(v).toLocaleDateString("ru-RU") : "", y = (v) => n("update:modelValue", v), f = () => {
-      t.disabled || (s.value = !s.value, s.value && typeof t.modelValue == "object" && t.modelValue && (r.value = t.modelValue.start || "", d.value = t.modelValue.end || ""));
+      t.disabled || (o.value = !o.value, o.value && typeof t.modelValue == "object" && t.modelValue && (r.value = t.modelValue.start || "", d.value = t.modelValue.end || ""));
     }, u = () => {
-      r.value && d.value && n("update:modelValue", { start: r.value, end: d.value }), s.value = !1;
+      r.value && d.value && n("update:modelValue", { start: r.value, end: d.value }), o.value = !1;
     };
-    return (v, x) => (l(), o("div", Cs, [
-      e.label ? (l(), o("label", Ss, A(e.label), 1)) : g("", !0),
-      i("div", $s, [
+    return (v, x) => (l(), s("div", So, [
+      e.label ? (l(), s("label", $o, A(e.label), 1)) : g("", !0),
+      i("div", zo, [
         i("input", {
           type: e.range ? "text" : "date",
           value: c.value,
@@ -5853,7 +5853,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           readonly: e.range,
           onChange: x[0] || (x[0] = (z) => !e.range && y(z.target.value)),
           onClick: x[1] || (x[1] = (z) => e.range && f())
-        }, null, 40, zs),
+        }, null, 40, Ao),
         x[5] || (x[5] = i("svg", {
           class: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400 pointer-events-none",
           fill: "none",
@@ -5868,8 +5868,8 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           })
         ], -1))
       ]),
-      e.range && s.value ? (l(), o("div", As, [
-        i("div", Ds, [
+      e.range && o.value ? (l(), s("div", Do, [
+        i("div", Vo, [
           i("div", null, [
             x[6] || (x[6] = i("label", { class: "text-xs text-slate-600" }, "От", -1)),
             le(i("input", {
@@ -5890,7 +5890,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               [he, d.value]
             ])
           ]),
-          i("div", Vs, [
+          i("div", Bo, [
             i("button", {
               type: "button",
               class: "flex-1 px-3 py-2 text-sm bg-slate-900 text-white rounded-lg hover:bg-slate-800",
@@ -5899,33 +5899,33 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             i("button", {
               type: "button",
               class: "px-3 py-2 text-sm border border-slate-200 rounded-lg hover:bg-slate-50",
-              onClick: x[4] || (x[4] = (z) => s.value = !1)
+              onClick: x[4] || (x[4] = (z) => o.value = !1)
             }, " Отмена ")
           ])
         ])
       ])) : g("", !0),
-      e.helper ? (l(), o("p", Bs, A(e.helper), 1)) : g("", !0)
+      e.helper ? (l(), s("p", Io, A(e.helper), 1)) : g("", !0)
     ]));
   }
-}, Is = {
+}, Lo = {
   class: "w-full",
   "data-component": "DXFileUpload"
-}, Ls = {
+}, To = {
   key: 0,
   class: "block text-sm font-medium text-slate-700 mb-1"
-}, Ts = ["accept", "multiple", "disabled"], Xs = {
+}, Xo = ["accept", "multiple", "disabled"], Mo = {
   key: 0,
   class: "text-center"
-}, Ms = { class: "text-sm font-medium text-slate-700 mb-1" }, js = ["disabled"], Os = { class: "text-xs text-slate-500" }, Es = {
+}, jo = { class: "text-sm font-medium text-slate-700 mb-1" }, Fo = ["disabled"], Oo = { class: "text-xs text-slate-500" }, Eo = {
   key: 1,
   class: "space-y-2"
-}, Fs = {
+}, Po = {
   key: 0,
   class: "w-12 h-12 flex-shrink-0 rounded overflow-hidden bg-slate-200"
-}, Ps = ["src", "alt"], Ns = { class: "flex-1 min-w-0" }, Rs = { class: "text-sm font-medium text-slate-900 truncate" }, qs = { class: "text-xs text-slate-500" }, Hs = ["onClick"], Zs = ["disabled"], Us = {
+}, No = ["src", "alt"], Ro = { class: "flex-1 min-w-0" }, qo = { class: "text-sm font-medium text-slate-900 truncate" }, Ho = { class: "text-xs text-slate-500" }, Zo = ["onClick"], Uo = ["disabled"], Ko = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
-}, Ks = {
+}, Go = {
   key: 2,
   class: "mt-1 text-xs text-rose-500"
 }, Li = {
@@ -5941,7 +5941,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue", "upload"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(null), r = M(null), d = M(!1), c = M([]), b = M(""), y = (w) => {
+    const t = e, n = a, o = M(null), r = M(null), d = M(!1), c = M([]), b = M(""), y = (w) => {
       const C = Array.from(w.target.files || []);
       x(C);
     }, f = (w) => {
@@ -5973,8 +5973,8 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     };
     return Y(() => t.modelValue, (w) => {
       w || (c.value = []);
-    }), (w, C) => (l(), o("div", Is, [
-      e.label ? (l(), o("label", Ls, A(e.label), 1)) : g("", !0),
+    }), (w, C) => (l(), s("div", Lo, [
+      e.label ? (l(), s("label", To, A(e.label), 1)) : g("", !0),
       i("div", {
         ref_key: "dropZone",
         ref: r,
@@ -5990,37 +5990,37 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       }, [
         i("input", {
           ref_key: "fileInput",
-          ref: s,
+          ref: o,
           type: "file",
           accept: e.accept,
           multiple: e.multiple,
           disabled: e.disabled,
           class: "hidden",
           onChange: y
-        }, null, 40, Ts),
-        c.value.length ? (l(), o("div", Es, [
-          (l(!0), o(j, null, P(c.value, ($, S) => {
+        }, null, 40, Xo),
+        c.value.length ? (l(), s("div", Eo, [
+          (l(!0), s(j, null, P(c.value, ($, S) => {
             var V;
-            return l(), o("div", {
+            return l(), s("div", {
               key: S,
               class: "flex items-center gap-3 p-3 bg-slate-50 rounded-lg"
             }, [
-              (V = $.type) != null && V.startsWith("image/") ? (l(), o("div", Fs, [
+              (V = $.type) != null && V.startsWith("image/") ? (l(), s("div", Po, [
                 i("img", {
                   src: $.preview,
                   alt: $.name,
                   class: "w-full h-full object-cover"
-                }, null, 8, Ps)
+                }, null, 8, No)
               ])) : (l(), D(T, {
                 key: 1,
-                icon: k(Fa),
+                icon: k(Ea),
                 size: "lg",
                 animation: "none",
                 class: "text-slate-400 flex-shrink-0"
               }, null, 8, ["icon"])),
-              i("div", Ns, [
-                i("p", Rs, A($.name), 1),
-                i("p", qs, A(p($.size)), 1)
+              i("div", Ro, [
+                i("p", qo, A($.name), 1),
+                i("p", Ho, A(p($.size)), 1)
               ]),
               i("button", {
                 type: "button",
@@ -6033,17 +6033,17 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                   size: "md",
                   animation: "scale"
                 }, null, 8, ["icon"])
-              ], 8, Hs)
+              ], 8, Zo)
             ]);
           }), 128)),
-          e.multiple ? (l(), o("button", {
+          e.multiple ? (l(), s("button", {
             key: 0,
             type: "button",
             class: "w-full py-2 text-sm text-slate-600 hover:text-slate-900 border border-slate-200 rounded-lg hover:bg-slate-50",
             disabled: e.disabled,
             onClick: C[1] || (C[1] = ($) => {
               var S;
-              return (S = s.value) == null ? void 0 : S.click();
+              return (S = o.value) == null ? void 0 : S.click();
             })
           }, [
             L(T, {
@@ -6052,38 +6052,38 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
               animation: "none",
               class: "inline mr-1"
             }, null, 8, ["icon"]),
-            C[4] || (C[4] = E(" Добавить ещё ", -1))
-          ], 8, Zs)) : g("", !0)
-        ])) : (l(), o("div", Xs, [
+            C[4] || (C[4] = O(" Добавить ещё ", -1))
+          ], 8, Uo)) : g("", !0)
+        ])) : (l(), s("div", Mo, [
           L(T, {
-            icon: k(Ea),
+            icon: k(Oa),
             size: "xl",
             animation: "none",
             class: "mx-auto text-slate-400 mb-3 w-12 h-12"
           }, null, 8, ["icon"]),
-          i("p", Ms, [
-            C[3] || (C[3] = E(" Перетащите файлы сюда или ", -1)),
+          i("p", jo, [
+            C[3] || (C[3] = O(" Перетащите файлы сюда или ", -1)),
             i("button", {
               type: "button",
               class: "text-slate-900 underline hover:no-underline",
               disabled: e.disabled,
               onClick: C[0] || (C[0] = ($) => {
                 var S;
-                return (S = s.value) == null ? void 0 : S.click();
+                return (S = o.value) == null ? void 0 : S.click();
               })
-            }, " выберите ", 8, js)
+            }, " выберите ", 8, Fo)
           ]),
-          i("p", Os, A(e.accept || "Любые файлы") + " " + A(e.maxSize ? `• Макс. ${e.maxSize}` : ""), 1)
+          i("p", Oo, A(e.accept || "Любые файлы") + " " + A(e.maxSize ? `• Макс. ${e.maxSize}` : ""), 1)
         ]))
       ], 34),
-      e.helper ? (l(), o("p", Us, A(e.helper), 1)) : g("", !0),
-      b.value ? (l(), o("p", Ks, A(b.value), 1)) : g("", !0)
+      e.helper ? (l(), s("p", Ko, A(e.helper), 1)) : g("", !0),
+      b.value ? (l(), s("p", Go, A(b.value), 1)) : g("", !0)
     ]));
   }
-}, Gs = {
+}, Wo = {
   class: "space-y-2",
   "data-component": "DXFilterGroup"
-}, Ws = { class: "text-xs font-semibold text-slate-500 uppercase tracking-wide" }, Qs = { class: "flex flex-wrap gap-2" }, Ys = ["onClick"], Ti = {
+}, Qo = { class: "text-xs font-semibold text-slate-500 uppercase tracking-wide" }, Yo = { class: "flex flex-wrap gap-2" }, Jo = ["onClick"], Ti = {
   __name: "DXFilterGroup",
   props: {
     /** Лейбл группы */
@@ -6097,16 +6097,16 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, t) => (l(), o("div", Gs, [
-      i("p", Ws, A(e.label), 1),
-      i("div", Qs, [
-        (l(!0), o(j, null, P(e.options, (n) => (l(), o("button", {
+    return (a, t) => (l(), s("div", Wo, [
+      i("p", Qo, A(e.label), 1),
+      i("div", Yo, [
+        (l(!0), s(j, null, P(e.options, (n) => (l(), s("button", {
           key: n.value,
           type: "button",
           class: h(["px-3 py-2 rounded-full text-xs font-semibold border transition", e.modelValue === n.value ? "bg-slate-800 text-white border-slate-800" : "border-slate-200 text-slate-700 hover:border-slate-300 bg-white"]),
-          onClick: (s) => a.$emit("update:modelValue", n.value)
-        }, A(n.label), 11, Ys))), 128)),
-        e.modelValue && e.clearable ? (l(), o("button", {
+          onClick: (o) => a.$emit("update:modelValue", n.value)
+        }, A(n.label), 11, Jo))), 128)),
+        e.modelValue && e.clearable ? (l(), s("button", {
           key: 0,
           type: "button",
           class: "px-3 py-2 rounded-full text-xs font-semibold border border-amber-300 text-amber-700 bg-amber-50 hover:bg-amber-100 transition",
@@ -6141,10 +6141,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         icon: Xe,
         color: "text-blue-500"
       }
-    }, n = m(() => t[a.state] || t.info), s = m(() => n.value.icon), r = m(() => n.value.color);
-    return (d, c) => s.value ? (l(), D(T, {
+    }, n = m(() => t[a.state] || t.info), o = m(() => n.value.icon), r = m(() => n.value.color);
+    return (d, c) => o.value ? (l(), D(T, {
       key: 0,
-      icon: s.value,
+      icon: o.value,
       size: e.size,
       animation: "scale",
       class: h(r.value),
@@ -6152,28 +6152,28 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       "data-state": e.state
     }, null, 8, ["icon", "size", "class", "data-state"])) : g("", !0);
   }
-}, Js = {
+}, _o = {
   class: "w-full",
   "data-component": "DXFormControl"
-}, _s = { class: "flex items-center justify-between mb-1" }, eo = {
+}, es = { class: "flex items-center justify-between mb-1" }, ts = {
   key: 0,
   class: "text-sm font-medium text-slate-700"
-}, to = {
+}, as = {
   key: 0,
   class: "text-rose-500"
-}, ao = {
+}, ls = {
   key: 1,
   class: "text-xs text-slate-500"
-}, lo = { class: "relative" }, no = {
+}, ns = { class: "relative" }, os = {
   key: 0,
   class: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400"
-}, so = {
+}, ss = {
   key: 1,
   class: "absolute right-3 top-1/2 -translate-y-1/2"
-}, oo = {
+}, rs = {
   key: 0,
   class: "mt-1 text-xs text-rose-500 flex items-center gap-1"
-}, ro = {
+}, is = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
 }, Xi = {
@@ -6190,7 +6190,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     /** Состояние валидации: success | error | '' */
     validationState: { type: String, default: "" },
     /** Иконка-префикс */
-    prefixIcon: { type: Object, default: null },
+    prefixIcon: { type: [Object, Function], default: null },
     /** Максимальная длина */
     maxLength: { type: Number, default: 0 },
     /** Текущая длина */
@@ -6200,16 +6200,16 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   setup(e) {
     const a = e, t = m(() => a.validationState === "success" || a.validationState === "error");
-    return (n, s) => (l(), o("div", Js, [
-      i("div", _s, [
-        e.label ? (l(), o("label", eo, [
-          E(A(e.label) + " ", 1),
-          e.required ? (l(), o("span", to, "*")) : g("", !0)
+    return (n, o) => (l(), s("div", _o, [
+      i("div", es, [
+        e.label ? (l(), s("label", ts, [
+          O(A(e.label) + " ", 1),
+          e.required ? (l(), s("span", as, "*")) : g("", !0)
         ])) : g("", !0),
-        e.maxLength && e.showCount ? (l(), o("span", ao, A(e.currentLength) + " / " + A(e.maxLength), 1)) : g("", !0)
+        e.maxLength && e.showCount ? (l(), s("span", ls, A(e.currentLength) + " / " + A(e.maxLength), 1)) : g("", !0)
       ]),
-      i("div", lo, [
-        n.$slots.prefix || e.prefixIcon ? (l(), o("div", no, [
+      i("div", ns, [
+        n.$slots.prefix || e.prefixIcon ? (l(), s("div", os, [
           e.prefixIcon ? (l(), D(T, {
             key: 0,
             icon: e.prefixIcon,
@@ -6223,29 +6223,29 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         }, [
           I(n.$slots, "default")
         ], 2),
-        t.value ? (l(), o("div", so, [
+        t.value ? (l(), s("div", ss, [
           L(Ue, {
             state: e.validationState,
             size: "md"
           }, null, 8, ["state"])
         ])) : g("", !0)
       ]),
-      e.error ? (l(), o("p", oo, [
+      e.error ? (l(), s("p", rs, [
         L(Ue, {
           state: "error",
           size: "xs"
         }),
-        E(" " + A(e.error), 1)
-      ])) : e.helper ? (l(), o("p", ro, A(e.helper), 1)) : g("", !0)
+        O(" " + A(e.error), 1)
+      ])) : e.helper ? (l(), s("p", is, A(e.helper), 1)) : g("", !0)
     ]));
   }
-}, io = {
+}, ds = {
   class: "w-full",
   "data-component": "DXInputGroup"
-}, uo = {
+}, us = {
   key: 0,
   class: "block text-sm font-medium text-slate-700 mb-1"
-}, co = { class: "flex" }, mo = {
+}, cs = { class: "flex" }, ms = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
 }, Mi = {
@@ -6260,7 +6260,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   setup(e) {
     const a = e, t = M([]);
     let n = 0;
-    const s = (c, b) => {
+    const o = (c, b) => {
       if (!t.value.find((y) => y.id === b)) {
         const y = n++;
         t.value.push({ type: c, id: b, order: y }), t.value.sort((f, u) => f.order - u.order);
@@ -6281,24 +6281,24 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       size: a.size,
       disabled: a.disabled,
       error: a.error,
-      registerComponent: s,
+      registerComponent: o,
       unregisterComponent: r,
       getComponentPosition: d
-    }), (c, b) => (l(), o("div", io, [
-      e.label ? (l(), o("label", uo, A(e.label), 1)) : g("", !0),
-      i("div", co, [
+    }), (c, b) => (l(), s("div", ds, [
+      e.label ? (l(), s("label", us, A(e.label), 1)) : g("", !0),
+      i("div", cs, [
         I(c.$slots, "default")
       ]),
-      e.helper ? (l(), o("p", mo, A(e.helper), 1)) : g("", !0)
+      e.helper ? (l(), s("p", ms, A(e.helper), 1)) : g("", !0)
     ]));
   }
-}, fo = {
+}, fs = {
   class: "w-full",
   "data-component": "DXInputMask"
-}, bo = {
+}, bs = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, go = ["type", "placeholder", "value", "disabled"], vo = {
+}, gs = ["type", "placeholder", "value", "disabled"], vs = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
 }, ji = {
@@ -6321,7 +6321,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(null), r = M(""), d = (f) => {
+    const t = e, n = a, o = M(null), r = M(""), d = (f) => {
       const u = f.replace(/\D/g, "");
       let v = "", x = 0;
       for (let z = 0; z < t.mask.length && x < u.length; z++)
@@ -6330,9 +6330,9 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }, c = (f) => f.replace(/\D/g, ""), b = (f) => {
       const u = c(f.target.value), v = d(u);
       r.value = v, n("update:modelValue", u), setTimeout(() => {
-        if (s.value) {
+        if (o.value) {
           const x = v.length;
-          s.value.setSelectionRange(x, x);
+          o.value.setSelectionRange(x, x);
         }
       }, 0);
     }, y = (f) => {
@@ -6340,11 +6340,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     };
     return Y(() => t.modelValue, (f) => {
       f !== c(r.value) && (r.value = d(f));
-    }, { immediate: !0 }), (f, u) => (l(), o("div", fo, [
-      e.label ? (l(), o("label", bo, A(e.label), 1)) : g("", !0),
+    }, { immediate: !0 }), (f, u) => (l(), s("div", fs, [
+      e.label ? (l(), s("label", bs, A(e.label), 1)) : g("", !0),
       i("input", {
         ref_key: "inputRef",
-        ref: s,
+        ref: o,
         type: e.type,
         placeholder: e.placeholder,
         value: r.value,
@@ -6352,18 +6352,18 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         class: "w-full h-10 px-4 py-2.5 text-sm rounded-xl border border-slate-200 bg-white text-slate-700 placeholder:text-slate-400 transition-colors hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed disabled:bg-slate-50",
         onInput: b,
         onKeydown: y
-      }, null, 40, go),
-      e.helper ? (l(), o("p", vo, A(e.helper), 1)) : g("", !0)
+      }, null, 40, gs),
+      e.helper ? (l(), s("p", vs, A(e.helper), 1)) : g("", !0)
     ]));
   }
-}, ho = {
+}, hs = {
   class: "flex items-center gap-1",
   "aria-label": "Pagination",
   "data-component": "DXPagination"
-}, po = ["disabled"], xo = {
+}, ps = ["disabled"], xs = {
   key: 0,
   class: "px-2 text-slate-400"
-}, yo = ["aria-current", "onClick"], wo = ["disabled"], ko = "bg-slate-900 text-white hover:bg-slate-800", Co = {
+}, ys = ["aria-current", "onClick"], ws = ["disabled"], ks = "bg-slate-900 text-white hover:bg-slate-800", Cs = {
   __name: "DXPagination",
   props: {
     /** Текущая страница (v-model) */
@@ -6377,7 +6377,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = (y) => {
+    const t = e, n = a, o = (y) => {
       y >= 1 && y <= t.totalPages && n("update:modelValue", y);
     }, r = m(() => {
       const y = t.modelValue, f = t.totalPages, u = t.siblingCount, v = [];
@@ -6399,12 +6399,12 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       d[t.size] || d.md,
       "text-slate-600 hover:bg-slate-100"
     ]);
-    return (y, f) => (l(), o("nav", ho, [
+    return (y, f) => (l(), s("nav", hs, [
       i("button", {
         type: "button",
         disabled: e.modelValue <= 1,
         class: h([c.value, e.modelValue <= 1 && "opacity-50 cursor-not-allowed"]),
-        onClick: f[0] || (f[0] = (u) => s(e.modelValue - 1)),
+        onClick: f[0] || (f[0] = (u) => o(e.modelValue - 1)),
         "aria-label": "Предыдущая"
       }, [
         L(T, {
@@ -6412,32 +6412,32 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           size: "sm",
           animation: "none"
         }, null, 8, ["icon"])
-      ], 10, po),
-      (l(!0), o(j, null, P(r.value, (u) => (l(), o(j, { key: u }, [
-        u === "..." ? (l(), o("span", xo, "...")) : (l(), o("button", {
+      ], 10, ps),
+      (l(!0), s(j, null, P(r.value, (u) => (l(), s(j, { key: u }, [
+        u === "..." ? (l(), s("span", xs, "...")) : (l(), s("button", {
           key: 1,
           type: "button",
-          class: h([b.value, u === e.modelValue && ko]),
+          class: h([b.value, u === e.modelValue && ks]),
           "aria-current": u === e.modelValue ? "page" : void 0,
-          onClick: (v) => s(u)
-        }, A(u), 11, yo))
+          onClick: (v) => o(u)
+        }, A(u), 11, ys))
       ], 64))), 128)),
       i("button", {
         type: "button",
         disabled: e.modelValue >= e.totalPages,
         class: h([c.value, e.modelValue >= e.totalPages && "opacity-50 cursor-not-allowed"]),
-        onClick: f[1] || (f[1] = (u) => s(e.modelValue + 1)),
+        onClick: f[1] || (f[1] = (u) => o(e.modelValue + 1)),
         "aria-label": "Следующая"
       }, [
         L(T, {
-          icon: k(oe),
+          icon: k(se),
           size: "sm",
           animation: "none"
         }, null, 8, ["icon"])
-      ], 10, wo)
+      ], 10, ws)
     ]));
   }
-}, So = { class: "relative" }, $o = ["type", "placeholder", "value", "disabled"], zo = ["disabled", "aria-label"], Ao = "w-full pr-11 h-10 px-4 py-2.5 text-sm rounded-xl border border-slate-200 bg-white text-slate-700 placeholder:text-slate-400 transition-colors", Oi = {
+}, Ss = { class: "relative" }, $s = ["type", "placeholder", "value", "disabled"], zs = ["disabled", "aria-label"], As = "w-full pr-11 h-10 px-4 py-2.5 text-sm rounded-xl border border-slate-200 bg-white text-slate-700 placeholder:text-slate-400 transition-colors", Fi = {
   __name: "DXPasswordInput",
   props: {
     /** Значение (v-model) */
@@ -6459,7 +6459,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   setup(e) {
     const a = e, t = M(!1), n = m(
       () => G(
-        Ao,
+        As,
         {
           "hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300": !a.disabled,
           "opacity-60 cursor-not-allowed bg-slate-50": a.disabled,
@@ -6467,7 +6467,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         }
       )
     );
-    return (s, r) => (l(), D(ze, {
+    return (o, r) => (l(), D(ze, {
       label: e.label,
       error: e.error,
       helper: e.helper,
@@ -6477,15 +6477,15 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       "data-error": !!e.error
     }, {
       default: X(() => [
-        i("div", So, [
+        i("div", Ss, [
           i("input", {
             type: t.value ? "text" : "password",
             placeholder: e.placeholder,
             value: e.modelValue,
             disabled: e.disabled,
             class: h(n.value),
-            onInput: r[0] || (r[0] = (d) => s.$emit("update:modelValue", d.target.value))
-          }, null, 42, $o),
+            onInput: r[0] || (r[0] = (d) => o.$emit("update:modelValue", d.target.value))
+          }, null, 42, $s),
           i("button", {
             type: "button",
             class: "absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600 transition",
@@ -6494,35 +6494,35 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             "aria-label": t.value ? "Скрыть пароль" : "Показать пароль"
           }, [
             L(T, {
-              icon: t.value ? k(Pa) : k(Ee),
+              icon: t.value ? k(Pa) : k(Oe),
               size: "md",
               animation: "scale"
             }, null, 8, ["icon"])
-          ], 8, zo)
+          ], 8, zs)
         ])
       ]),
       _: 1
     }, 8, ["label", "error", "helper", "required", "data-disabled", "data-error"]));
   }
-}, Do = ["value", "checked", "disabled"], Vo = { class: "flex items-start gap-3" }, Bo = { class: "flex-1 min-w-0" }, Io = { class: "flex items-center justify-between" }, Lo = {
+}, Ds = ["value", "checked", "disabled"], Vs = { class: "flex items-start gap-3" }, Bs = { class: "flex-1 min-w-0" }, Is = { class: "flex items-center justify-between" }, Ls = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-slate-900 flex items-center justify-center flex-shrink-0"
-}, To = {
+}, Ts = {
   key: 0,
   class: "text-sm text-slate-600 mt-1"
-}, Ei = {
+}, Oi = {
   __name: "DXRadioCard",
   props: {
     modelValue: [String, Number, Boolean],
     value: { type: [String, Number, Boolean], required: !0 },
     title: { type: String, required: !0 },
     description: { type: String, default: "" },
-    icon: { type: Object, default: null },
+    icon: { type: [Object, Function], default: null },
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, t) => (l(), o("label", {
+    return (a, t) => (l(), s("label", {
       class: h(["block relative cursor-pointer group", { "cursor-not-allowed opacity-60": e.disabled }]),
       "data-component": "DXRadioCard"
     }, [
@@ -6533,7 +6533,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         disabled: e.disabled,
         class: "sr-only peer",
         onChange: t[0] || (t[0] = (n) => a.$emit("update:modelValue", e.value))
-      }, null, 40, Do),
+      }, null, 40, Ds),
       i("div", {
         class: h(["border-2 rounded-xl p-4 transition-all", [
           e.modelValue === e.value ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white",
@@ -6541,17 +6541,17 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           e.disabled && "bg-slate-50"
         ]])
       }, [
-        i("div", Vo, [
+        i("div", Vs, [
           e.icon ? (l(), D(q(e.icon), {
             key: 0,
             class: h(["w-6 h-6 flex-shrink-0", e.modelValue === e.value ? "text-slate-900" : "text-slate-400"])
           }, null, 8, ["class"])) : g("", !0),
-          i("div", Bo, [
-            i("div", Io, [
+          i("div", Bs, [
+            i("div", Is, [
               i("p", {
                 class: h(["font-semibold", e.modelValue === e.value ? "text-slate-900" : "text-slate-700"])
               }, A(e.title), 3),
-              e.modelValue === e.value ? (l(), o("div", Lo, [...t[1] || (t[1] = [
+              e.modelValue === e.value ? (l(), s("div", Ls, [...t[1] || (t[1] = [
                 i("svg", {
                   class: "w-3 h-3 text-white",
                   fill: "none",
@@ -6567,20 +6567,20 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 ], -1)
               ])])) : g("", !0)
             ]),
-            e.description ? (l(), o("p", To, A(e.description), 1)) : g("", !0),
+            e.description ? (l(), s("p", Ts, A(e.description), 1)) : g("", !0),
             I(a.$slots, "default")
           ])
         ])
       ], 2)
     ], 2));
   }
-}, Xo = ["data-size", "data-layout", "data-disabled", "data-variant", "data-color"], Mo = {
+}, Xs = ["data-size", "data-layout", "data-disabled", "data-variant", "data-color"], Ms = {
   key: 0,
   class: "text-sm font-medium text-slate-700 mb-3"
-}, jo = {
+}, js = {
   key: 1,
   class: "text-xs text-slate-500 mt-1"
-}, Fi = {
+}, Ei = {
   __name: "DXRadioGroup",
   props: {
     /** Текущее значение (v-model) */
@@ -6615,7 +6615,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     const a = e, t = m(
       () => a.layout === "horizontal" ? "flex flex-wrap items-center" : "flex flex-col"
     );
-    return (n, s) => (l(), o("div", {
+    return (n, o) => (l(), s("div", {
       class: "space-y-2",
       "data-component": "DXRadioGroup",
       "data-size": e.size,
@@ -6624,11 +6624,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       "data-variant": e.variant,
       "data-color": e.color
     }, [
-      e.label ? (l(), o("p", Mo, A(e.label), 1)) : g("", !0),
+      e.label ? (l(), s("p", Ms, A(e.label), 1)) : g("", !0),
       i("div", {
         class: h(t.value)
       }, [
-        (l(!0), o(j, null, P(e.options, (r) => (l(), D(zl, {
+        (l(!0), s(j, null, P(e.options, (r) => (l(), D(zl, {
           key: r.value,
           "model-value": e.modelValue,
           value: r.value,
@@ -6637,18 +6637,18 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           size: e.size,
           variant: e.variant,
           color: r.color || e.color,
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => n.$emit("update:modelValue", d))
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => n.$emit("update:modelValue", d))
         }, null, 8, ["model-value", "value", "label", "disabled", "size", "variant", "color"]))), 128))
       ], 2),
-      e.helper ? (l(), o("p", jo, A(e.helper), 1)) : g("", !0)
-    ], 8, Xo));
+      e.helper ? (l(), s("p", js, A(e.helper), 1)) : g("", !0)
+    ], 8, Xs));
   }
-}, Oo = { class: "relative" }, Eo = ["value", "disabled"], Fo = {
+}, Fs = { class: "relative" }, Os = ["value", "disabled"], Es = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Po = ["value"], No = { class: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none" }, Ro = "w-full appearance-none border border-slate-200 bg-white transition-colors text-slate-700", qo = {
+}, Ps = ["value"], Ns = { class: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none" }, Rs = "w-full appearance-none border border-slate-200 bg-white transition-colors text-slate-700", qs = {
   __name: "DXSelect",
   props: {
     /** Значение (v-model) */
@@ -6666,7 +6666,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     /** Вспомогательный текст */
     helper: { type: String, default: "" },
     /** Иконка слева (Heroicon компонент) */
-    prefixIcon: { type: Object, default: null },
+    prefixIcon: { type: [Object, Function], default: null },
     /** Отключенное состояние */
     disabled: { type: Boolean, default: !1 },
     /** Размер: sm | md | lg */
@@ -6680,29 +6680,29 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }), be(() => {
       a != null && a.unregisterComponent && a.unregisterComponent(t);
     });
-    const n = m(() => a != null && a.getComponentPosition ? a.getComponentPosition(t) : { hasLeftAddon: !1, hasRightAddon: !1 }), s = e, r = () => ({
+    const n = m(() => a != null && a.getComponentPosition ? a.getComponentPosition(t) : { hasLeftAddon: !1, hasRightAddon: !1 }), o = e, r = () => ({
       sm: "sm",
       md: "md",
       lg: "lg"
-    })[s.size] || "md", d = (y, f) => {
+    })[o.size] || "md", d = (y, f) => {
       if (!y) return "";
       const u = {
         sm: f === "left" ? "pl-10" : "pr-10",
         md: f === "left" ? "pl-11" : "pr-11",
         lg: f === "left" ? "pl-12" : "pr-12"
       };
-      return u[s.size] || u.md;
+      return u[o.size] || u.md;
     }, c = () => n.value.hasLeftAddon && n.value.hasRightAddon ? "rounded-none" : n.value.hasLeftAddon ? "rounded-l-none rounded-r-xl" : n.value.hasRightAddon ? "rounded-l-xl rounded-r-none" : "rounded-xl", b = m(
       () => G(
-        `${Ro} ${c()}`,
+        `${Rs} ${c()}`,
         {
-          [N(s.size, "input")]: !0,
-          [d(s.prefixIcon, "left")]: !0,
+          [N(o.size, "input")]: !0,
+          [d(o.prefixIcon, "left")]: !0,
           "pr-10": !0,
           // Всегда справа chevron
-          "hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300": !s.disabled,
-          "opacity-60 cursor-not-allowed bg-slate-50": s.disabled,
-          "border-rose-300 focus:ring-rose-500/10": s.error
+          "hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300": !o.disabled,
+          "opacity-60 cursor-not-allowed bg-slate-50": o.disabled,
+          "border-rose-300 focus:ring-rose-500/10": o.error
         }
       )
     );
@@ -6717,7 +6717,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       "data-error": !!e.error
     }, {
       default: X(() => [
-        i("div", Oo, [
+        i("div", Fs, [
           e.prefixIcon ? (l(), D(me, {
             key: 0,
             position: "left",
@@ -6730,13 +6730,13 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             class: h(b.value),
             onChange: f[0] || (f[0] = (u) => y.$emit("update:modelValue", u.target.value))
           }, [
-            e.placeholder ? (l(), o("option", Fo, A(e.placeholder), 1)) : g("", !0),
-            (l(!0), o(j, null, P(e.options, (u) => (l(), o("option", {
+            e.placeholder ? (l(), s("option", Es, A(e.placeholder), 1)) : g("", !0),
+            (l(!0), s(j, null, P(e.options, (u) => (l(), s("option", {
               key: u.value,
               value: u.value
-            }, A(u.label), 9, Po))), 128))
-          ], 42, Eo),
-          i("div", No, [
+            }, A(u.label), 9, Ps))), 128))
+          ], 42, Os),
+          i("div", Ns, [
             L(T, {
               icon: k(ge),
               size: "sm",
@@ -6749,13 +6749,13 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       _: 1
     }, 8, ["label", "error", "helper", "required", "data-size", "data-disabled", "data-error"]));
   }
-}, Ho = {
+}, Hs = {
   class: "inline-flex",
   "data-component": "DXSegmentedControl"
-}, Zo = {
+}, Zs = {
   key: 0,
   class: "text-sm font-medium text-slate-700 mb-2"
-}, Uo = { class: "relative inline-flex p-1 bg-slate-100 rounded-xl gap-1" }, Ko = ["disabled", "onClick"], Go = { key: 1 }, Pi = {
+}, Us = { class: "relative inline-flex p-1 bg-slate-100 rounded-xl gap-1" }, Ks = ["disabled", "onClick"], Gs = { key: 1 }, Pi = {
   __name: "DXSegmentedControl",
   props: {
     modelValue: [String, Number, Boolean],
@@ -6772,10 +6772,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M([]), r = M({}), d = m(() => t.options.findIndex((f) => f.value === t.modelValue)), c = () => {
+    const t = e, n = a, o = M([]), r = M({}), d = m(() => t.options.findIndex((f) => f.value === t.modelValue)), c = () => {
       const f = d.value;
-      if (f >= 0 && s.value[f]) {
-        const u = s.value[f];
+      if (f >= 0 && o.value[f]) {
+        const u = o.value[f];
         r.value = {
           width: `${u.offsetWidth}px`,
           height: `${u.offsetHeight}px`,
@@ -6790,19 +6790,19 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       ce(c);
     }), _(() => {
       ce(c);
-    }), (f, u) => (l(), o("div", Ho, [
-      e.label ? (l(), o("p", Zo, A(e.label), 1)) : g("", !0),
-      i("div", Uo, [
+    }), (f, u) => (l(), s("div", Hs, [
+      e.label ? (l(), s("p", Zs, A(e.label), 1)) : g("", !0),
+      i("div", Us, [
         i("div", {
           class: "absolute bg-white rounded-lg shadow-sm transition-all duration-200 ease-out",
           style: Q(r.value)
         }, null, 4),
-        (l(!0), o(j, null, P(e.options, (v, x) => (l(), o("button", {
+        (l(!0), s(j, null, P(e.options, (v, x) => (l(), s("button", {
           key: v.value,
           type: "button",
           ref_for: !0,
           ref: (z) => {
-            z && (s.value[x] = z);
+            z && (o.value[x] = z);
           },
           class: h(["relative z-10 px-4 py-1.5 text-sm font-medium transition-colors duration-150 rounded-lg whitespace-nowrap min-w-[60px] text-center inline-flex items-center justify-center gap-1.5", [
             e.modelValue === v.value ? "text-slate-900" : "text-slate-600 hover:text-slate-900",
@@ -6817,22 +6817,22 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             size: "xs",
             animation: y(v)
           }, null, 8, ["icon", "animation"])) : g("", !0),
-          v.label ? (l(), o("span", Go, A(v.label), 1)) : g("", !0),
-          v.count !== void 0 && v.count !== null ? (l(), o("span", {
+          v.label ? (l(), s("span", Gs, A(v.label), 1)) : g("", !0),
+          v.count !== void 0 && v.count !== null ? (l(), s("span", {
             key: 2,
             class: h(["inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-semibold rounded-full", e.modelValue === v.value ? "bg-slate-800 text-white" : "bg-slate-200 text-slate-700"])
           }, A(v.count), 3)) : g("", !0)
-        ], 10, Ko))), 128))
+        ], 10, Ks))), 128))
       ])
     ]));
   }
-}, Wo = {
+}, Ws = {
   class: "flex items-center justify-between gap-4 py-4 px-0 bg-white",
   "data-component": "DXTableToolbar"
-}, Qo = { class: "flex items-center gap-4 flex-1" }, Yo = {
+}, Qs = { class: "flex items-center gap-4 flex-1" }, Ys = {
   key: 1,
   class: "text-sm text-slate-600"
-}, Jo = { class: "flex items-center gap-2" }, _o = { class: "p-2 space-y-1" }, er = { class: "text-sm" }, tr = {
+}, Js = { class: "flex items-center gap-2" }, _s = { class: "p-2 space-y-1" }, er = { class: "text-sm" }, tr = {
   __name: "DXTableToolbar",
   props: {
     /** Размер элементов управления */
@@ -6869,8 +6869,8 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["update:searchQuery", "toggle-column"],
   setup(e) {
-    return (a, t) => (l(), o("div", Wo, [
-      i("div", Qo, [
+    return (a, t) => (l(), s("div", Ws, [
+      i("div", Qs, [
         e.searchable ? (l(), D(ye, {
           key: 0,
           modelValue: e.searchQuery,
@@ -6888,10 +6888,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           ]),
           _: 1
         }, 8, ["modelValue", "size"])) : g("", !0),
-        e.selectedCount > 0 ? (l(), o("div", Yo, " Выбрано: " + A(e.selectedCount), 1)) : g("", !0),
+        e.selectedCount > 0 ? (l(), s("div", Ys, " Выбрано: " + A(e.selectedCount), 1)) : g("", !0),
         I(a.$slots, "left")
       ]),
-      i("div", Jo, [
+      i("div", Js, [
         I(a.$slots, "right"),
         e.columnToggle ? (l(), D(ue, {
           key: 0,
@@ -6906,14 +6906,14 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             t[1] || (t[1] = i("span", { class: "text-sm" }, "Столбцы", -1))
           ]),
           default: X(() => [
-            i("div", _o, [
-              (l(!0), o(j, null, P(e.columns, (n) => (l(), o("div", {
+            i("div", _s, [
+              (l(!0), s(j, null, P(e.columns, (n) => (l(), s("div", {
                 key: n.key,
                 class: "flex items-center gap-2 px-2 py-1 hover:bg-slate-50 rounded"
               }, [
                 L(ve, {
                   checked: n.visible,
-                  onChange: (s) => a.$emit("toggle-column", n.key),
+                  onChange: (o) => a.$emit("toggle-column", n.key),
                   size: e.size
                 }, null, 8, ["checked", "onChange", "size"]),
                 i("span", er, A(n.label), 1)
@@ -6983,20 +6983,20 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       };
       return n[a.size] || n.md;
     });
-    return (n, s) => (l(), o("div", ar, [
+    return (n, o) => (l(), s("div", ar, [
       i("div", {
         class: h(t.value)
       }, " Показано " + A(e.from) + "-" + A(e.to) + " из " + A(e.total), 3),
       i("div", lr, [
-        L(Co, {
+        L(Cs, {
           modelValue: e.currentPage,
           totalPages: e.totalPages,
           size: e.size,
-          "onUpdate:modelValue": s[0] || (s[0] = (r) => n.$emit("update:currentPage", r))
+          "onUpdate:modelValue": o[0] || (o[0] = (r) => n.$emit("update:currentPage", r))
         }, null, 8, ["modelValue", "totalPages", "size"]),
-        L(qo, {
+        L(qs, {
           modelValue: e.pageSize,
-          "onUpdate:modelValue": s[1] || (s[1] = (r) => n.$emit("update:pageSize", r)),
+          "onUpdate:modelValue": o[1] || (o[1] = (r) => n.$emit("update:pageSize", r)),
           options: e.pageSizeOptions.map((r) => ({ value: r, label: `${r} / стр` })),
           size: e.size,
           class: "w-32"
@@ -7004,7 +7004,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       ])
     ]));
   }
-}, sr = { class: "relative" }, or = ["rows", "placeholder", "value", "disabled", "maxlength"], rr = "w-full border border-slate-200 px-4 py-3 text-sm text-slate-700 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300 transition-colors", Ni = {
+}, or = { class: "relative" }, sr = ["rows", "placeholder", "value", "disabled", "maxlength"], rr = "w-full border border-slate-200 px-4 py-3 text-sm text-slate-700 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300 transition-colors resize-y", Ni = {
   __name: "DXTextarea",
   props: {
     /** Значение (v-model) */
@@ -7024,9 +7024,9 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     /** Вспомогательный текст */
     helper: { type: String, default: "" },
     /** Иконка слева (в верхнем левом углу) */
-    prefixIcon: { type: Object, default: null },
+    prefixIcon: { type: [Object, Function], default: null },
     /** Иконка справа (в верхнем правом углу) */
-    suffixIcon: { type: Object, default: null },
+    suffixIcon: { type: [Object, Function], default: null },
     /** Максимальная длина */
     maxLength: { type: Number, default: 0 },
     /** Показывать счетчик символов */
@@ -7043,22 +7043,22 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }), be(() => {
       t != null && t.unregisterComponent && t.unregisterComponent(n);
     });
-    const s = m(() => t != null && t.getComponentPosition ? t.getComponentPosition(n) : { hasLeftAddon: !1, hasRightAddon: !1 }), r = e, d = a, c = M(((v = r.modelValue) == null ? void 0 : v.length) || 0), b = (x) => {
+    const o = m(() => t != null && t.getComponentPosition ? t.getComponentPosition(n) : { hasLeftAddon: !1, hasRightAddon: !1 }), r = e, d = a, c = M(((v = r.modelValue) == null ? void 0 : v.length) || 0), b = (x) => {
       const z = x.target.value;
       c.value = z.length, d("update:modelValue", z), r.autoResize && (x.target.style.height = "auto", x.target.style.height = x.target.scrollHeight + "px");
     };
     Y(() => r.modelValue, (x) => {
       c.value = (x == null ? void 0 : x.length) || 0;
     });
-    const y = (x, z) => x ? z === "left" ? "pl-11" : "pr-11" : "", f = () => s.value.hasLeftAddon && s.value.hasRightAddon ? "rounded-none" : s.value.hasLeftAddon ? "rounded-l-none rounded-r-xl" : s.value.hasRightAddon ? "rounded-l-xl rounded-r-none" : "rounded-xl", u = m(
+    const y = (x, z) => x ? z === "left" ? "pl-11" : "pr-11" : "", f = () => o.value.hasLeftAddon && o.value.hasRightAddon ? "rounded-none" : o.value.hasLeftAddon ? "rounded-l-none rounded-r-xl" : o.value.hasRightAddon ? "rounded-l-xl rounded-r-none" : "rounded-xl", u = m(
       () => G(
         `${rr} ${f()}`,
         {
           "opacity-60 cursor-not-allowed bg-slate-50": r.disabled,
-          [y(r.prefixIcon, "left")]: !0,
-          [y(r.suffixIcon, "right")]: !0,
           "border-rose-300 focus:ring-rose-500/10": r.error
-        }
+        },
+        y(r.prefixIcon, "left"),
+        y(r.suffixIcon, "right")
       )
     );
     return (x, z) => (l(), D(ze, {
@@ -7074,7 +7074,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       "data-error": !!e.error
     }, {
       default: X(() => [
-        i("div", sr, [
+        i("div", or, [
           e.prefixIcon ? (l(), D(me, {
             key: 0,
             position: "left",
@@ -7087,10 +7087,10 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             placeholder: e.placeholder,
             value: e.modelValue,
             disabled: e.disabled,
-            maxlength: e.maxLength,
+            maxlength: e.maxLength > 0 ? e.maxLength : null,
             class: h(u.value),
             onInput: b
-          }, null, 42, or),
+          }, null, 42, sr),
           e.suffixIcon ? (l(), D(me, {
             key: 1,
             position: "right",
@@ -7116,7 +7116,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     variant: { type: String, default: "default" }
   },
   setup(e) {
-    const a = _e("collapse"), t = e, n = M(new Set(t.defaultOpen)), s = (b) => n.value.has(b), r = (b) => {
+    const a = _e("collapse"), t = e, n = M(new Set(t.defaultOpen)), o = (b) => n.value.has(b), r = (b) => {
       t.multiple ? (n.value.has(b) ? n.value.delete(b) : n.value.add(b), n.value = new Set(n.value)) : n.value.has(b) ? n.value = /* @__PURE__ */ new Set() : n.value = /* @__PURE__ */ new Set([b]);
     }, d = {
       default: "",
@@ -7128,21 +7128,21 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
         d[t.variant] || d.default
       )
     );
-    return (b, y) => (l(), o("div", {
+    return (b, y) => (l(), s("div", {
       class: h(c.value),
       "data-component": "DXAccordion",
       "data-variant": e.variant,
       "data-multiple": e.multiple
     }, [
-      (l(!0), o(j, null, P(e.items, (f, u) => (l(), o("div", {
+      (l(!0), s(j, null, P(e.items, (f, u) => (l(), s("div", {
         key: u,
         class: "border-b border-slate-200 last:border-b-0"
       }, [
         i("button", {
           type: "button",
-          class: h(["w-full flex items-center justify-between py-4 px-1 text-left transition-colors hover:bg-slate-50", { "font-semibold": s(u) }]),
+          class: h(["w-full flex items-center justify-between py-4 px-1 text-left transition-colors hover:bg-slate-50", { "font-semibold": o(u) }]),
           onClick: (v) => r(u),
-          "aria-expanded": s(u)
+          "aria-expanded": o(u)
         }, [
           i("span", ur, [
             f.icon ? (l(), D(T, {
@@ -7158,7 +7158,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             icon: k(ge),
             size: "md",
             animation: "none",
-            class: h(["text-slate-400 transition-transform duration-200", { "rotate-180": s(u) }])
+            class: h(["text-slate-400 transition-transform duration-200", { "rotate-180": o(u) }])
           }, null, 8, ["icon", "class"])
         ], 10, dr),
         L(te, Ce({ ref_for: !0 }, k(a)), {
@@ -7166,11 +7166,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
             le(i("div", mr, [
               i("div", fr, [
                 I(b.$slots, `item-${u}`, {}, () => [
-                  E(A(f.content), 1)
+                  O(A(f.content), 1)
                 ])
               ])
             ], 512), [
-              [Le, s(u)]
+              [Le, o(u)]
             ])
           ]),
           _: 2
@@ -7188,7 +7188,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   __name: "DXEmptyState",
   props: {
     /** Иконка (компонент) */
-    icon: { type: Object, required: !0 },
+    icon: { type: [Object, Function], required: !0 },
     /** Заголовок */
     title: { type: String, required: !0 },
     /** Описание */
@@ -7197,16 +7197,16 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     animated: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (a, t) => (l(), o("div", gr, [
+    return (a, t) => (l(), s("div", gr, [
       (l(), D(q(e.icon), {
         class: h(["w-10 h-10 text-slate-500 mx-auto", e.animated && "animate-bounce-slow"])
       }, null, 8, ["class"])),
       i("p", vr, A(e.title), 1),
-      e.description ? (l(), o("p", hr, A(e.description), 1)) : g("", !0),
+      e.description ? (l(), s("p", hr, A(e.description), 1)) : g("", !0),
       I(a.$slots, "action", {}, void 0, !0)
     ]));
   }
-}, qi = /* @__PURE__ */ J(pr, [["__scopeId", "data-v-0d333d18"]]), xr = ["data-variant"], yr = { class: "flex items-center justify-between flex-shrink-0 mb-4 gap-4" }, wr = { class: "text-lg font-semibold tracking-tight text-slate-900 flex-1" }, kr = {
+}, qi = /* @__PURE__ */ J(pr, [["__scopeId", "data-v-c01f983d"]]), xr = ["data-variant"], yr = { class: "flex items-center justify-between flex-shrink-0 mb-4 gap-4" }, wr = { class: "text-lg font-semibold tracking-tight text-slate-900 flex-1" }, kr = {
   key: 0,
   class: "flex items-center gap-1 rounded-xl border border-slate-200 bg-slate-50 p-1"
 }, Cr = ["title", "onClick"], Sr = { class: "text-slate-700 overflow-y-auto flex-1 min-h-0" }, $r = {
@@ -7249,7 +7249,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["close", "opened", "closed", "update:variant"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = [
+    const t = e, n = a, o = [
       { value: "modal", label: "Модальное окно", icon: Ka },
       { value: "fullscreen", label: "На весь экран", icon: Ia },
       { value: "sidebar-right", label: "Боковая панель", icon: tt },
@@ -7326,7 +7326,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           onAfterLeave: v[3] || (v[3] = (x) => u.$emit("closed"))
         }, {
           default: X(() => [
-            e.open ? (l(), o("div", {
+            e.open ? (l(), s("div", {
               key: 0,
               class: h(c.value),
               onClick: v[1] || (v[1] = R((x) => e.closable && u.$emit("close"), ["self"])),
@@ -7339,11 +7339,11 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 i("div", yr, [
                   i("h3", wr, [
                     I(u.$slots, "title", {}, () => [
-                      v[5] || (v[5] = E("Диалог", -1))
+                      v[5] || (v[5] = O("Диалог", -1))
                     ], !0)
                   ]),
-                  e.showModeSwitcher ? (l(), o("div", kr, [
-                    (l(), o(j, null, P(s, (x) => i("button", {
+                  e.showModeSwitcher ? (l(), s("div", kr, [
+                    (l(), s(j, null, P(o, (x) => i("button", {
                       key: x.value,
                       type: "button",
                       class: h(["rounded-lg p-1.5 transition-colors", e.variant === x.value ? "bg-white text-slate-900 shadow-sm" : "text-slate-400 hover:text-slate-600 hover:bg-white/50"]),
@@ -7363,7 +7363,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
                 i("div", Sr, [
                   I(u.$slots, "default", {}, void 0, !0)
                 ]),
-                u.$slots.actions ? (l(), o("div", $r, [
+                u.$slots.actions ? (l(), s("div", $r, [
                   I(u.$slots, "actions", {}, void 0, !0)
                 ])) : g("", !0)
               ], 2)
@@ -7444,7 +7444,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["item-click", "update:compact"],
   setup(e, { emit: a }) {
-    const t = ne(), n = e, s = a, {
+    const t = ne(), n = e, o = a, {
       searchQuery: r,
       internalCompact: d,
       compact: c,
@@ -7452,7 +7452,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       isItemActive: y,
       toggleCompact: f,
       handleItemClick: u
-    } = nt(n, s), v = {
+    } = nt(n, o), v = {
       sm: {
         container: "px-3 py-2",
         title: "text-base"
@@ -7489,40 +7489,40 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       "px-4 py-4 border-t border-slate-200 flex-shrink-0",
       d.value && "px-2"
     ]);
-    return (V, B) => (l(), o("aside", {
+    return (V, B) => (l(), s("aside", {
       class: h(p.value),
       "data-component": "DXSidebarMenu",
       "data-compact": k(c)
     }, [
-      x.value ? (l(), o("div", {
+      x.value ? (l(), s("div", {
         key: 0,
         class: h(w.value)
       }, [
         k(c) ? g("", !0) : I(V.$slots, "header", { key: 0 }, () => [
-          e.title ? (l(), o("h2", {
+          e.title ? (l(), s("h2", {
             key: 0,
             class: h(C.value)
           }, A(e.title), 3)) : g("", !0)
         ], !0),
-        e.collapsible ? (l(), o("button", {
+        e.collapsible ? (l(), s("button", {
           key: 1,
           type: "button",
           class: h(["p-2 rounded-lg hover:bg-slate-100 transition-colors", { "ml-auto": !k(c) }]),
-          onClick: B[0] || (B[0] = (...O) => k(f) && k(f)(...O)),
+          onClick: B[0] || (B[0] = (...F) => k(f) && k(f)(...F)),
           title: k(c) ? "Развернуть" : "Свернуть"
         }, [
           L(T, {
-            icon: k(c) ? k(oe) : k(pe),
+            icon: k(c) ? k(se) : k(pe),
             size: "md",
             animation: "scale",
             class: "text-slate-600"
           }, null, 8, ["icon"])
         ], 10, Dr)) : g("", !0)
       ], 2)) : g("", !0),
-      e.searchable && !k(c) ? (l(), o("div", Vr, [
+      e.searchable && !k(c) ? (l(), s("div", Vr, [
         L(ye, {
           modelValue: k(r),
-          "onUpdate:modelValue": B[1] || (B[1] = (O) => se(r) ? r.value = O : null),
+          "onUpdate:modelValue": B[1] || (B[1] = (F) => oe(r) ? r.value = F : null),
           placeholder: "Поиск...",
           size: "sm"
         }, {
@@ -7539,16 +7539,16 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
       i("nav", {
         class: h($.value)
       }, [
-        (l(!0), o(j, null, P(k(b), (O, U) => (l(), o("div", {
+        (l(!0), s(j, null, P(k(b), (F, U) => (l(), s("div", {
           key: U,
           class: "space-y-1"
         }, [
-          O.title && !k(c) ? (l(), o("div", Br, A(O.title), 1)) : g("", !0),
-          O.title && k(c) ? (l(), D(Oe, {
+          F.title && !k(c) ? (l(), s("div", Br, A(F.title), 1)) : g("", !0),
+          F.title && k(c) ? (l(), D(Fe, {
             key: 1,
             spacing: "sm"
           })) : g("", !0),
-          (l(!0), o(j, null, P(O.items, (ee, Ae) => (l(), D(Ie, {
+          (l(!0), s(j, null, P(F.items, (ee, Ae) => (l(), D(Ie, {
             key: Ae,
             item: ee,
             active: k(y)(ee),
@@ -7558,7 +7558,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           }, null, 8, ["item", "active", "compact", "onClick", "onChildClick"]))), 128))
         ]))), 128))
       ], 2),
-      k(t).footer && !k(c) ? (l(), o("div", {
+      k(t).footer && !k(c) ? (l(), s("div", {
         key: 2,
         class: h(S.value)
       }, [
@@ -7581,7 +7581,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   },
   emits: ["remove-filter", "clear-all"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = m(() => t.activeFilters.map((c) => ({
+    const t = e, n = a, o = m(() => t.activeFilters.map((c) => ({
       label: `${c.columnLabel}: ${c.valueLabel}`,
       closable: !0,
       color: "primary",
@@ -7593,7 +7593,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
     }, d = () => {
       n("clear-all");
     };
-    return (c, b) => e.activeFilters.length > 0 ? (l(), o("div", Lr, [
+    return (c, b) => e.activeFilters.length > 0 ? (l(), s("div", Lr, [
       i("div", Tr, [
         i("div", Xr, [
           L(T, {
@@ -7604,7 +7604,7 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
           i("span", null, "Активные фильтры (" + A(e.activeFilters.length) + ")", 1)
         ]),
         L(Tl, {
-          tags: s.value,
+          tags: o.value,
           variant: "default",
           color: "primary",
           onRemove: r
@@ -7626,14 +7626,14 @@ const Jl = ["data-position", "data-width", "data-variant", "data-disabled"], _l
   }
 };
 function jr(e, a) {
-  const t = M([]), n = M(!1), s = M(null), r = () => {
+  const t = M([]), n = M(!1), o = M(null), r = () => {
     t.value = [...e.data];
   }, d = async (b = {}) => {
     if (!e.apiUrl) {
-      s.value = "API URL не указан";
+      o.value = "API URL не указан";
       return;
     }
-    n.value = !0, s.value = null;
+    n.value = !0, o.value = null;
     try {
       const y = new URLSearchParams({
         ...e.apiParams,
@@ -7649,7 +7649,7 @@ function jr(e, a) {
       const v = await u.json();
       t.value = Array.isArray(v) ? v : v.data || [], a("data-loaded", t.value);
     } catch (y) {
-      s.value = y.message, a("error", y);
+      o.value = y.message, a("error", y);
     } finally {
       n.value = !1;
     }
@@ -7659,36 +7659,36 @@ function jr(e, a) {
   }, { immediate: !0, deep: !0 }), {
     localData: t,
     loading: n,
-    error: s,
+    error: o,
     loadData: c
   };
 }
-function Or(e, a, t) {
+function Fr(e, a, t) {
   var b, y;
-  const n = M(((b = a.defaultSort) == null ? void 0 : b.column) || null), s = M(((y = a.defaultSort) == null ? void 0 : y.direction) || "asc"), r = m(() => !n.value || !a.sortable ? e.value : [...e.value].sort((u, v) => {
+  const n = M(((b = a.defaultSort) == null ? void 0 : b.column) || null), o = M(((y = a.defaultSort) == null ? void 0 : y.direction) || "asc"), r = m(() => !n.value || !a.sortable ? e.value : [...e.value].sort((u, v) => {
     const x = u[n.value], z = v[n.value];
     if (x == null) return 1;
     if (z == null) return -1;
     if (typeof x == "number" && typeof z == "number")
-      return s.value === "asc" ? x - z : z - x;
+      return o.value === "asc" ? x - z : z - x;
     const p = String(x).toLowerCase(), w = String(z).toLowerCase();
-    return s.value === "asc" ? p.localeCompare(w) : w.localeCompare(p);
+    return o.value === "asc" ? p.localeCompare(w) : w.localeCompare(p);
   }));
   return {
     sortBy: n,
-    sortDirection: s,
+    sortDirection: o,
     sortedData: r,
     toggleSort: (f) => {
-      n.value === f ? s.value === "asc" ? s.value = "desc" : s.value === "desc" && (n.value = null, s.value = "asc") : (n.value = f, s.value = "asc"), t("sort", { column: n.value, direction: s.value });
+      n.value === f ? o.value === "asc" ? o.value = "desc" : o.value === "desc" && (n.value = null, o.value = "asc") : (n.value = f, o.value = "asc"), t("sort", { column: n.value, direction: o.value });
     },
     resetSort: () => {
       var f, u;
-      n.value = ((f = a.defaultSort) == null ? void 0 : f.column) || null, s.value = ((u = a.defaultSort) == null ? void 0 : u.direction) || "asc";
+      n.value = ((f = a.defaultSort) == null ? void 0 : f.column) || null, o.value = ((u = a.defaultSort) == null ? void 0 : u.direction) || "asc";
     }
   };
 }
-function Er(e, a, t, n = null) {
-  const s = M({}), r = M(""), d = n || e, c = m(() => {
+function Or(e, a, t, n = null) {
+  const o = M({}), r = M(""), d = n || e, c = m(() => {
     let p = [...e.value];
     if (r.value && a.searchable) {
       const w = r.value.toLowerCase();
@@ -7697,13 +7697,13 @@ function Er(e, a, t, n = null) {
         return S != null && String(S).toLowerCase().includes(w);
       }));
     }
-    return a.filterable && Object.keys(s.value).length > 0 && (p = p.filter((w) => Object.entries(s.value).every(([C, $]) => !$ || $ === "" ? !0 : w[C] === $))), p;
+    return a.filterable && Object.keys(o.value).length > 0 && (p = p.filter((w) => Object.entries(o.value).every(([C, $]) => !$ || $ === "" ? !0 : w[C] === $))), p;
   }), b = (p, w) => {
-    w ? s.value[p] = w : delete s.value[p], t("filter", { column: p, value: w, filters: { ...s.value } });
+    w ? o.value[p] = w : delete o.value[p], t("filter", { column: p, value: w, filters: { ...o.value } });
   }, y = () => {
-    s.value = {}, r.value = "", t("filter-clear");
+    o.value = {}, r.value = "", t("filter-clear");
   }, f = (p) => {
-    delete s.value[p], t("filter", { column: p, value: null, filters: { ...s.value } });
+    delete o.value[p], t("filter", { column: p, value: null, filters: { ...o.value } });
   }, u = (p) => {
     const w = /* @__PURE__ */ new Set();
     return d.value.forEach((C) => {
@@ -7724,7 +7724,7 @@ function Er(e, a, t, n = null) {
       { value: "", label: "Все" },
       ...w
     ];
-  }, x = m(() => !a.filterable || Object.keys(s.value).length === 0 ? [] : Object.entries(s.value).map(([p, w]) => {
+  }, x = m(() => !a.filterable || Object.keys(o.value).length === 0 ? [] : Object.entries(o.value).map(([p, w]) => {
     if (!w || w === "") return null;
     const C = a.columns.find((B) => B.key === p);
     if (!C) return null;
@@ -7737,7 +7737,7 @@ function Er(e, a, t, n = null) {
     };
   }).filter(Boolean)), z = m(() => x.value.length);
   return {
-    filters: s,
+    filters: o,
     searchQuery: r,
     filteredData: c,
     applyFilter: b,
@@ -7748,17 +7748,17 @@ function Er(e, a, t, n = null) {
     activeFiltersCount: z
   };
 }
-function Fr(e, a, t) {
-  const n = M(1), s = M(a.defaultPageSize || 10), r = m(() => !a.paginated || e.value.length === 0 ? 1 : Math.ceil(e.value.length / s.value)), d = m(() => {
+function Er(e, a, t) {
+  const n = M(1), o = M(a.defaultPageSize || 10), r = m(() => !a.paginated || e.value.length === 0 ? 1 : Math.ceil(e.value.length / o.value)), d = m(() => {
     if (!a.paginated)
       return e.value;
-    const v = (n.value - 1) * s.value, x = v + s.value;
+    const v = (n.value - 1) * o.value, x = v + o.value;
     return e.value.slice(v, x);
   }), c = m(() => {
     const v = e.value.length;
     if (v === 0)
       return { from: 0, to: 0, total: 0 };
-    const x = (n.value - 1) * s.value + 1, z = Math.min(n.value * s.value, v);
+    const x = (n.value - 1) * o.value + 1, z = Math.min(n.value * o.value, v);
     return { from: x, to: z, total: v };
   }), b = (v) => {
     v < 1 || v > r.value || (n.value = v, t("page-change", n.value));
@@ -7767,13 +7767,13 @@ function Fr(e, a, t) {
   }, f = () => {
     n.value > 1 && (n.value--, t("page-change", n.value));
   }, u = (v) => {
-    s.value = v, n.value = 1, t("page-size-change", s.value);
+    o.value = v, n.value = 1, t("page-size-change", o.value);
   };
   return Y(() => e.value.length, () => {
     n.value > r.value && (n.value = Math.max(1, r.value));
   }), {
     currentPage: n,
-    pageSize: s,
+    pageSize: o,
     totalPages: r,
     paginatedData: d,
     paginationInfo: c,
@@ -7784,10 +7784,10 @@ function Fr(e, a, t) {
   };
 }
 function Pr(e, a, t) {
-  const n = M([]), s = m(() => e.value.length === 0 ? !1 : n.value.length === e.value.length), r = m(() => n.value.length > 0 && n.value.length < e.value.length);
+  const n = M([]), o = m(() => e.value.length === 0 ? !1 : n.value.length === e.value.length), r = m(() => n.value.length > 0 && n.value.length < e.value.length);
   return {
     selectedRows: n,
-    allSelected: s,
+    allSelected: o,
     someSelected: r,
     isSelected: (v) => n.value.includes(v),
     toggleRow: (v) => {
@@ -7795,7 +7795,7 @@ function Pr(e, a, t) {
       x > -1 ? n.value.splice(x, 1) : n.value.push(v), t("row-select", { id: v, selected: x === -1, selectedRows: [...n.value] });
     },
     selectAll: () => {
-      s.value ? (n.value = [], t("select-all", { selected: !1, selectedRows: [] })) : (n.value = e.value.map((v) => v.id), t("select-all", { selected: !0, selectedRows: [...n.value] }));
+      o.value ? (n.value = [], t("select-all", { selected: !1, selectedRows: [] })) : (n.value = e.value.map((v) => v.id), t("select-all", { selected: !0, selectedRows: [...n.value] }));
     },
     clearSelection: () => {
       n.value = [], t("selection-clear");
@@ -7807,14 +7807,14 @@ function Pr(e, a, t) {
   };
 }
 function Nr(e, a) {
-  const t = M([]), n = m(() => e.columns.filter((u) => !t.value.includes(u.key))), s = m(() => e.columns.map((u) => ({
+  const t = M([]), n = m(() => e.columns.filter((u) => !t.value.includes(u.key))), o = m(() => e.columns.map((u) => ({
     ...u,
     visible: !t.value.includes(u.key)
   })));
   return {
     hiddenColumns: t,
     visibleColumns: n,
-    columnsWithVisibility: s,
+    columnsWithVisibility: o,
     toggleColumn: (u) => {
       const v = t.value.indexOf(u);
       v > -1 ? t.value.splice(v, 1) : t.value.push(u), a("column-toggle", {
@@ -7977,7 +7977,7 @@ const Rr = {
     "selection-clear"
   ],
   setup(e, { emit: a }) {
-    const t = ne(), n = e, s = a, { localData: r, loading: d, error: c, loadData: b } = jr(n, s), { sortBy: y, sortDirection: f, sortedData: u, toggleSort: v } = Or(r, n, s), {
+    const t = ne(), n = e, o = a, { localData: r, loading: d, error: c, loadData: b } = jr(n, o), { sortBy: y, sortDirection: f, sortedData: u, toggleSort: v } = Fr(r, n, o), {
       searchQuery: x,
       filters: z,
       filteredData: p,
@@ -7987,25 +7987,25 @@ const Rr = {
       activeFiltersCount: S,
       clearFilters: V,
       clearColumnFilter: B
-    } = Er(u, n, s, r), {
-      currentPage: O,
+    } = Or(u, n, o, r), {
+      currentPage: F,
       pageSize: U,
       totalPages: ee,
       paginatedData: Ae,
       paginationInfo: De,
       changePageSize: Gr
-    } = Fr(p, n, s), {
-      selectedRows: Fe,
+    } = Er(p, n, o), {
+      selectedRows: Ee,
       allSelected: Wr,
       someSelected: Qr,
       isSelected: Yr,
-      toggleRow: st,
-      selectAll: ot
-    } = Pr(p, n, s), {
+      toggleRow: ot,
+      selectAll: st
+    } = Pr(p, n, o), {
       visibleColumns: rt,
       columnsWithVisibility: it,
       toggleColumn: dt
-    } = Nr(n, s), ut = m(() => n.searchable || n.columnToggle || !!t["toolbar-actions"]), Pe = m(() => n.groupBy ? p.value : Ae.value), ct = (H) => C(H), mt = ({ column: H, value: Z }) => {
+    } = Nr(n, o), ut = m(() => n.searchable || n.columnToggle || !!t["toolbar-actions"]), Pe = m(() => n.groupBy ? p.value : Ae.value), ct = (H) => C(H), mt = ({ column: H, value: Z }) => {
       w(H, Z);
     }, ft = (H) => {
       B(H);
@@ -8014,18 +8014,18 @@ const Rr = {
     }, gt = ({ column: H, direction: Z }) => {
       v(H);
     }, vt = ({ id: H, selected: Z }) => {
-      st(H);
+      ot(H);
     }, ht = (H) => {
-      ot();
+      st();
     };
-    return (H, Z) => (l(), o("div", Rr, [
+    return (H, Z) => (l(), s("div", Rr, [
       e.showToolbar && ut.value ? (l(), D(tr, {
         key: 0,
         searchQuery: k(x),
-        "onUpdate:searchQuery": Z[0] || (Z[0] = (W) => se(x) ? x.value = W : null),
+        "onUpdate:searchQuery": Z[0] || (Z[0] = (W) => oe(x) ? x.value = W : null),
         size: e.size,
         searchable: e.searchable,
-        selectedCount: k(Fe).length,
+        selectedCount: k(Ee).length,
         columnToggle: e.columnToggle,
         columns: k(it),
         onToggleColumn: k(dt)
@@ -8041,12 +8041,12 @@ const Rr = {
         onRemoveFilter: ft,
         onClearAll: bt
       }, null, 8, ["activeFilters"])) : g("", !0),
-      L(es, {
+      L(eo, {
         columns: k(rt),
         data: Pe.value,
         sortBy: k(y),
         sortDirection: k(f),
-        selectedRows: k(Fe),
+        selectedRows: k(Ee),
         selectable: e.selectable,
         actions: e.actions,
         filterable: e.filterable,
@@ -8078,10 +8078,10 @@ const Rr = {
       ]), 1032, ["columns", "data", "sortBy", "sortDirection", "selectedRows", "selectable", "actions", "filterable", "filters", "groupBy", "height", "stickyHeader", "striped", "bordered", "hoverable", "dense", "size", "loading"]),
       e.paginated && !e.loading && Pe.value.length > 0 ? (l(), D(nr, {
         key: 2,
-        currentPage: k(O),
-        "onUpdate:currentPage": Z[4] || (Z[4] = (W) => se(O) ? O.value = W : null),
+        currentPage: k(F),
+        "onUpdate:currentPage": Z[4] || (Z[4] = (W) => oe(F) ? F.value = W : null),
         pageSize: k(U),
-        "onUpdate:pageSize": Z[5] || (Z[5] = (W) => se(U) ? U.value = W : null),
+        "onUpdate:pageSize": Z[5] || (Z[5] = (W) => oe(U) ? U.value = W : null),
         size: e.size,
         totalPages: k(ee),
         pageSizeOptions: e.pageSizeOptions,
@@ -8144,7 +8144,7 @@ const Rr = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, n = a, s = M(null), r = M(null), d = m(() => [
+    const t = e, n = a, o = M(null), r = M(null), d = m(() => [
       "dx-tabs",
       "flex",
       "items-center",
@@ -8201,24 +8201,24 @@ const Rr = {
       n("update:modelValue", p);
     };
     return Y(() => t.modelValue, async () => {
-      if (t.scrollable && s.value) {
+      if (t.scrollable && o.value) {
         await ce();
-        const p = s.value.querySelector('.tab-btn[aria-selected="true"]');
+        const p = o.value.querySelector('.tab-btn[aria-selected="true"]');
         p && p.scrollIntoView({
           behavior: "smooth",
           block: "nearest",
           inline: "center"
         });
       }
-    }, { immediate: !0 }), (p, w) => (l(), o("div", {
+    }, { immediate: !0 }), (p, w) => (l(), s("div", {
       ref_key: "tabsContainer",
-      ref: s,
+      ref: o,
       class: h(d.value),
       "data-component": "DXTabs",
       "data-variant": e.variant,
       "data-align": e.align
     }, [
-      (l(!0), o(j, null, P(e.tabs, (C) => (l(), o("button", {
+      (l(!0), s(j, null, P(e.tabs, (C) => (l(), s("button", {
         key: C.value,
         class: h([c(C), "group"]),
         onClick: ($) => z(C.value),
@@ -8240,7 +8240,7 @@ const Rr = {
           le(i("span", { class: "tab-label whitespace-nowrap" }, A(C.label), 513), [
             [Le, !u(C)]
           ]),
-          C.count !== void 0 && v() ? (l(), o("span", {
+          C.count !== void 0 && v() ? (l(), s("span", {
             key: 1,
             class: h(["tab-badge inline-flex items-center justify-center min-w-[24px] px-2 py-1 text-[11px] rounded-full flex-shrink-0", b(C)])
           }, A(C.count), 3)) : g("", !0)
@@ -8250,7 +8250,7 @@ const Rr = {
   }
 }, Ki = /* @__PURE__ */ J(Kr, [["__scopeId", "data-v-89f7ffb3"]]);
 function Gi(e, a) {
-  const t = M(!1), n = M(!1), s = () => {
+  const t = M(!1), n = M(!1), o = () => {
     if (!e.value) return;
     const { scrollLeft: y, scrollWidth: f, clientWidth: u } = e.value;
     t.value = y > 0, n.value = y + u < f - 1;
@@ -8269,16 +8269,16 @@ function Gi(e, a) {
   };
   let b = null;
   return _(() => {
-    e.value && a.value && (b = () => s(), e.value.addEventListener("scroll", b), setTimeout(s, 0), window.addEventListener("resize", s));
+    e.value && a.value && (b = () => o(), e.value.addEventListener("scroll", b), setTimeout(o, 0), window.addEventListener("resize", o));
   }), fe(() => {
-    e.value && b && (e.value.removeEventListener("scroll", b), window.removeEventListener("resize", s));
+    e.value && b && (e.value.removeEventListener("scroll", b), window.removeEventListener("resize", o));
   }), {
     canScrollLeft: t,
     canScrollRight: n,
     scrollLeft: r,
     scrollRight: d,
     scrollToActiveTab: c,
-    updateScrollState: s
+    updateScrollState: o
   };
 }
 const Wi = {
@@ -8342,7 +8342,7 @@ const Wi = {
     iconAnimation: "wiggle"
   },
   visibility: {
-    activeIcon: Ee,
+    activeIcon: Oe,
     inactiveIcon: Ct,
     activeLabel: "Visible",
     inactiveLabel: "Hidden",
@@ -8396,8 +8396,8 @@ export {
   fi as DXAvatar,
   ba as DXBackdrop,
   ie as DXBadge,
-  es as DXBaseTable,
-  si as DXBlockquote,
+  eo as DXBaseTable,
+  oi as DXBlockquote,
   mi as DXBox,
   Ai as DXBreadcrumb,
   pa as DXButton,
@@ -8410,7 +8410,7 @@ export {
   ri as DXContainer,
   Bi as DXCopyField,
   Ii as DXDatePicker,
-  Oe as DXDivider,
+  Fe as DXDivider,
   ue as DXDropdown,
   Ze as DXDropdownDivider,
   de as DXDropdownItem,
@@ -8429,19 +8429,19 @@ export {
   Mi as DXInputGroup,
   ji as DXInputMask,
   li as DXLabel,
-  oi as DXList,
+  si as DXList,
   fl as DXLoader,
   zi as DXMenu,
   Hi as DXModal,
-  Co as DXPagination,
-  Oi as DXPasswordInput,
+  Cs as DXPagination,
+  Fi as DXPasswordInput,
   hi as DXProgress,
   zl as DXRadio,
-  Ei as DXRadioCard,
-  Fi as DXRadioGroup,
+  Oi as DXRadioCard,
+  Ei as DXRadioGroup,
   In as DXSearchSelect,
   Pi as DXSegmentedControl,
-  qo as DXSelect,
+  qs as DXSelect,
   Zi as DXSidebarMenu,
   Ie as DXSidebarMenuItem,
   pi as DXSkeleton,
@@ -8467,8 +8467,8 @@ export {
   ta as SLIDE_RIGHT_TRANSITION,
   la as SLIDE_UP_TRANSITION,
   Ke as TOGGLE_PRESETS,
-  oa as TOOLTIP_CUSTOM_TRANSITION,
-  F as VARIANT_CONFIGS,
+  sa as TOOLTIP_CUSTOM_TRANSITION,
+  E as VARIANT_CONFIGS,
   Yi as buttonVariantProp,
   _i as disabledProp,
   ad as errorProp,
@@ -8487,15 +8487,15 @@ export {
   N as useSize,
   Nr as useTableColumns,
   jr as useTableData,
-  Er as useTableFilter,
-  Fr as useTablePagination,
+  Or as useTableFilter,
+  Er as useTablePagination,
   Pr as useTableSelection,
-  Or as useTableSort,
+  Fr as useTableSort,
   Gi as useTabsScroll,
   nd as useTogglePreset,
   Pt as useTooltipArrow,
-  sa as useTooltipCustomTransition,
-  Ft as useTooltipPosition,
+  oa as useTooltipCustomTransition,
+  Et as useTooltipPosition,
   _e as useTransition,
   qt as useVariantBadge,
   Ye as useVariantButton,
@@ -8504,6 +8504,6 @@ export {
   Ht as useVariantDropdownItem,
   ei as useVariantIcon,
   Rt as useVariantToggle,
-  Et as useVariantTooltip,
+  Ot as useVariantTooltip,
   Qi as variantProp
 };