dxd-style-code 0.1.0 → 0.1.2

package/dist/dxd-style-code.js

@@ -1,5 +1,5 @@
-import { computed as g, createBlock as C, openBlock as a, resolveDynamicComponent as L, normalizeClass as f, withCtx as P, renderSlot as $, createElementBlock as n, createCommentVNode as c, createTextVNode as j, createElementVNode as o, toDisplayString as b, normalizeStyle as E, ref as D, createVNode as A, unref as O, inject as oe, Fragment as M, renderList as _, watch as H, Transition as Y, provide as re, onMounted as U, onBeforeUnmount as J, withDirectives as q, withKeys as R, withModifiers as N, vModelText as G, nextTick as W, vShow as fe, Teleport as pe } from "vue";
-const ms = {
+import { computed as p, createBlock as $, openBlock as a, resolveDynamicComponent as O, normalizeClass as f, withCtx as T, renderSlot as V, createElementBlock as n, createCommentVNode as c, createTextVNode as j, createElementVNode as o, toDisplayString as h, normalizeStyle as G, ref as B, createVNode as A, unref as _, inject as Q, Fragment as M, renderList as L, watch as F, Transition as Y, provide as ee, onMounted as U, onBeforeUnmount as te, withDirectives as q, withKeys as E, withModifiers as P, vModelText as K, nextTick as J, vShow as ce, Teleport as ge } from "vue";
+const Os = {
   __name: "DXHeading",
   props: {
     /** Уровень заголовка: 1-6 */
@@ -14,7 +14,7 @@ const ms = {
     truncate: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = g(() => `h${t.level}`), s = {
+    const t = e, l = p(() => `h${t.level}`), s = {
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base",
@@ -42,25 +42,25 @@ const ms = {
       success: "text-emerald-700",
       warning: "text-amber-700",
       danger: "text-rose-700"
-    }, u = g(() => [
+    }, u = p(() => [
       t.size ? s[t.size] : r[t.level],
       i[t.weight] || i.semibold,
       d[t.color] || d.default,
       "tracking-tight",
       t.truncate && "truncate"
     ]);
-    return (p, v) => (a(), C(L(l.value), {
+    return (v, b) => (a(), $(O(l.value), {
       class: f(u.value),
       "data-component": "DXHeading",
       "data-level": e.level
     }, {
-      default: P(() => [
-        $(p.$slots, "default")
+      default: T(() => [
+        V(v.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "data-level"]));
   }
-}, fs = {
+}, Zs = {
   __name: "DXText",
   props: {
     /** Тег: p | span | div */
@@ -102,7 +102,7 @@ const ms = {
       center: "text-center",
       right: "text-right",
       justify: "text-justify"
-    }, d = g(() => [
+    }, d = p(() => [
       l[t.size] || l.md,
       s[t.weight] || s.normal,
       r[t.color] || r.default,
@@ -111,20 +111,20 @@ const ms = {
       t.truncate && "truncate",
       t.lines > 0 && `line-clamp-${t.lines}`
     ]);
-    return (u, p) => (a(), C(L(e.tag), {
+    return (u, v) => (a(), $(O(e.tag), {
       class: f(d.value),
       "data-component": "DXText"
     }, {
-      default: P(() => [
-        $(u.$slots, "default")
+      default: T(() => [
+        V(u.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, ge = ["for"], ve = {
+}, xe = ["for"], ye = {
   key: 0,
   class: "text-rose-500 ml-0.5"
-}, ps = {
+}, Ts = {
   __name: "DXLabel",
   props: {
     /** ID связанного input */
@@ -152,7 +152,7 @@ const ms = {
       default: "text-slate-700",
       muted: "text-slate-500",
       primary: "text-slate-900"
-    }, i = g(() => [
+    }, i = p(() => [
       "block",
       l[t.size] || l.sm,
       s[t.weight] || s.medium,
@@ -163,11 +163,11 @@ const ms = {
       for: e.htmlFor,
       "data-component": "DXLabel"
     }, [
-      $(d.$slots, "default"),
-      e.required ? (a(), n("span", ve, "*")) : c("", !0)
-    ], 10, ge));
+      V(d.$slots, "default"),
+      e.required ? (a(), n("span", ye, "*")) : c("", !0)
+    ], 10, xe));
   }
-}, be = { key: 0 }, gs = {
+}, we = { key: 0 }, Ns = {
   __name: "DXCode",
   props: {
     /** Блочный код (pre) или inline */
@@ -182,7 +182,7 @@ const ms = {
       xs: "text-xs",
       sm: "text-sm",
       md: "text-base"
-    }, s = g(() => t.block ? [
+    }, s = p(() => t.block ? [
       "block w-full overflow-x-auto rounded-xl bg-slate-900 text-slate-100 p-4",
       l[t.size] || l.sm,
       "font-mono leading-relaxed"
@@ -191,23 +191,23 @@ const ms = {
       l[t.size] || l.sm,
       "font-mono"
     ]);
-    return (r, i) => (a(), C(L(e.block ? "pre" : "code"), {
+    return (r, i) => (a(), $(O(e.block ? "pre" : "code"), {
       class: f(s.value),
       "data-component": "DXCode",
       "data-block": e.block
     }, {
-      default: P(() => [
-        e.block ? (a(), n("code", be, [
-          $(r.$slots, "default")
-        ])) : $(r.$slots, "default", { key: 1 })
+      default: T(() => [
+        e.block ? (a(), n("code", we, [
+          V(r.$slots, "default")
+        ])) : V(r.$slots, "default", { key: 1 })
       ]),
       _: 3
     }, 8, ["class", "data-block"]));
   }
-}, he = ["data-variant"], xe = {
+}, ke = ["data-variant"], $e = {
   key: 0,
   class: "mt-2 text-sm text-slate-500"
-}, vs = {
+}, Ps = {
   __name: "DXBlockquote",
   props: {
     /** Вариант: default | bordered | highlighted */
@@ -226,7 +226,7 @@ const ms = {
       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"
-    }, r = g(() => [
+    }, r = p(() => [
       l[t.size] || l.md,
       s[t.variant] || s.bordered,
       "leading-relaxed"
@@ -236,18 +236,18 @@ const ms = {
       "data-component": "DXBlockquote",
       "data-variant": e.variant
     }, [
-      $(i.$slots, "default"),
-      e.cite || i.$slots.cite ? (a(), n("footer", xe, [
+      V(i.$slots, "default"),
+      e.cite || i.$slots.cite ? (a(), n("footer", $e, [
         d[0] || (d[0] = j(" — ", -1)),
         o("cite", null, [
-          $(i.$slots, "cite", {}, () => [
-            j(b(e.cite), 1)
+          V(i.$slots, "cite", {}, () => [
+            j(h(e.cite), 1)
           ])
         ])
       ])) : c("", !0)
-    ], 10, he));
+    ], 10, ke));
   }
-}, bs = {
+}, Rs = {
   __name: "DXList",
   props: {
     /** Нумерованный список */
@@ -275,23 +275,23 @@ const ms = {
       square: "list-square",
       decimal: "list-decimal",
       none: "list-none"
-    }, i = g(() => [
+    }, i = p(() => [
       l[t.size] || l.md,
       s[t.spacing] || s.sm,
       t.marker ? r[t.marker] : t.ordered ? "list-decimal" : "list-disc",
       "pl-5 text-slate-700"
     ]);
-    return (d, u) => (a(), C(L(e.ordered ? "ol" : "ul"), {
+    return (d, u) => (a(), $(O(e.ordered ? "ol" : "ul"), {
       class: f(i.value),
       "data-component": "DXList"
     }, {
-      default: P(() => [
-        $(d.$slots, "default")
+      default: T(() => [
+        V(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}, ye = ["data-size"], hs = {
+}, Ce = ["data-size"], qs = {
   __name: "DXContainer",
   props: {
     /** Максимальная ширина: sm | md | lg | xl | 2xl | full */
@@ -314,7 +314,7 @@ const ms = {
       sm: "px-4",
       md: "px-6",
       lg: "px-8"
-    }, r = g(() => [
+    }, r = p(() => [
       "w-full",
       l[t.size] || l.lg,
       s[t.padding] || s.md,
@@ -325,10 +325,10 @@ const ms = {
       "data-component": "DXContainer",
       "data-size": e.size
     }, [
-      $(i.$slots, "default")
-    ], 10, ye));
+      V(i.$slots, "default")
+    ], 10, Ce));
   }
-}, xs = {
+}, Hs = {
   __name: "DXGrid",
   props: {
     /** Количество колонок: 1-12 или auto */
@@ -368,7 +368,7 @@ const ms = {
       11: "grid-cols-11",
       12: "grid-cols-12",
       auto: "grid-cols-[repeat(auto-fit,minmax(250px,1fr))]"
-    }, r = g(() => [
+    }, r = p(() => [
       "grid",
       s[t.cols] || `grid-cols-${t.cols}`,
       t.colsSm && `sm:grid-cols-${t.colsSm}`,
@@ -377,16 +377,16 @@ const ms = {
       !t.gapX && !t.gapY && (l[t.gap] || l.md),
       t.gapX && `gap-x-${t.gapX}`,
       t.gapY && `gap-y-${t.gapY}`
-    ]), i = g(() => t.cols === "auto" ? {} : {});
+    ]), i = p(() => t.cols === "auto" ? {} : {});
     return (d, u) => (a(), n("div", {
       class: f(r.value),
-      style: E(i.value),
+      style: G(i.value),
       "data-component": "DXGrid"
     }, [
-      $(d.$slots, "default")
+      V(d.$slots, "default")
     ], 6));
   }
-}, ys = {
+}, Fs = {
   __name: "DXFlex",
   props: {
     /** Направление: row | row-reverse | col | col-reverse */
@@ -432,7 +432,7 @@ const ms = {
       md: "gap-4",
       lg: "gap-6",
       xl: "gap-8"
-    }, u = g(() => [
+    }, u = p(() => [
       t.inline ? "inline-flex" : "flex",
       l[t.direction] || l.row,
       s[t.justify] || s.start,
@@ -440,14 +440,14 @@ const ms = {
       i[t.wrap] || i.nowrap,
       d[t.gap] || d.md
     ]);
-    return (p, v) => (a(), n("div", {
+    return (v, b) => (a(), n("div", {
       class: f(u.value),
       "data-component": "DXFlex"
     }, [
-      $(p.$slots, "default")
+      V(v.$slots, "default")
     ], 2));
   }
-}, we = ["data-direction"], ws = {
+}, Se = ["data-direction"], Es = {
   __name: "DXStack",
   props: {
     /** Направление: vertical | horizontal */
@@ -481,7 +481,7 @@ const ms = {
       end: "justify-end",
       between: "justify-between",
       around: "justify-around"
-    }, i = g(() => [
+    }, i = p(() => [
       "flex",
       t.direction === "horizontal" ? "flex-row" : "flex-col",
       l[t.gap] || l.md,
@@ -494,10 +494,10 @@ const ms = {
       "data-component": "DXStack",
       "data-direction": e.direction
     }, [
-      $(d.$slots, "default")
-    ], 10, we));
+      V(d.$slots, "default")
+    ], 10, Se));
   }
-}, ks = {
+}, Gs = {
   __name: "DXSpacer",
   props: {
     /** Размер: xs | sm | md | lg | xl | 2xl или число в пикселях */
@@ -515,12 +515,12 @@ const ms = {
       lg: { v: "h-8", h: "w-8" },
       xl: { v: "h-12", h: "w-12" },
       "2xl": { v: "h-16", h: "w-16" }
-    }, s = g(() => {
+    }, s = p(() => {
       if (t.grow)
         return ["flex-grow"];
       const i = l[t.size];
       return i ? t.direction === "horizontal" ? [i.h] : t.direction === "both" ? [i.v, i.h] : [i.v] : [];
-    }), r = g(() => {
+    }), r = p(() => {
       if (t.grow) return {};
       if (typeof t.size == "number") {
         const i = `${t.size}px`;
@@ -530,12 +530,12 @@ const ms = {
     });
     return (i, d) => (a(), n("div", {
       class: f(s.value),
-      style: E(r.value),
+      style: G(r.value),
       "data-component": "DXSpacer",
       "aria-hidden": "true"
     }, null, 6));
   }
-}, $s = {
+}, Us = {
   __name: "DXBox",
   props: {
     /** HTML тег */
@@ -595,7 +595,7 @@ const ms = {
       md: "shadow",
       lg: "shadow-lg",
       xl: "shadow-xl"
-    }, u = g(() => [
+    }, u = p(() => [
       t.p && `p-${l[t.p] || t.p}`,
       t.px && `px-${l[t.px] || t.px}`,
       t.py && `py-${l[t.py] || t.py}`,
@@ -607,18 +607,18 @@ const ms = {
       t.shadow && (d[t.shadow] || `shadow-${t.shadow}`),
       t.border && "border border-slate-200"
     ]);
-    return (p, v) => (a(), C(L(e.tag), {
+    return (v, b) => (a(), $(O(e.tag), {
       class: f(u.value),
       "data-component": "DXBox"
     }, {
-      default: P(() => [
-        $(p.$slots, "default")
+      default: T(() => [
+        V(v.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
   }
 };
-function ke(e, t) {
+function Ve(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -633,7 +633,7 @@ function ke(e, t) {
     })
   ]);
 }
-function $e(e, t) {
+function De(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -648,7 +648,7 @@ function $e(e, t) {
     })
   ]);
 }
-function Q(e, t) {
+function le(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -663,7 +663,7 @@ function Q(e, t) {
     })
   ]);
 }
-function Ce(e, t) {
+function ze(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -678,7 +678,7 @@ function Ce(e, t) {
     })
   ]);
 }
-function ee(e, t) {
+function ae(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -693,7 +693,7 @@ function ee(e, t) {
     })
   ]);
 }
-function Se(e, t) {
+function Be(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -706,7 +706,7 @@ function Se(e, t) {
     o("path", { d: "M6.75 12c0-.619.107-1.213.304-1.764l-3.1-3.1a11.25 11.25 0 0 0-2.63 4.31c-.12.362-.12.752 0 1.114 1.489 4.467 5.704 7.69 10.675 7.69 1.5 0 2.933-.294 4.242-.827l-2.477-2.477A5.25 5.25 0 0 1 6.75 12Z" })
   ]);
 }
-function Ve(e, t) {
+function Xe(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -717,7 +717,7 @@ function Ve(e, t) {
     o("path", { d: "m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z" })
   ]);
 }
-function te(e, t) {
+function ne(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -732,7 +732,7 @@ function te(e, t) {
     })
   ]);
 }
-function De(e, t) {
+function Ie(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -747,7 +747,7 @@ function De(e, t) {
     })
   ]);
 }
-function ze(e, t) {
+function Ae(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -762,7 +762,7 @@ function ze(e, t) {
     })
   ]);
 }
-function Be(e, t) {
+function je(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -777,7 +777,7 @@ function Be(e, t) {
     })
   ]);
 }
-function Xe(e, t) {
+function Me(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -788,7 +788,7 @@ function Xe(e, t) {
     o("path", { d: "M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z" })
   ]);
 }
-function Ie(e, t) {
+function Le(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -803,7 +803,7 @@ function Ie(e, t) {
     })
   ]);
 }
-function Ae(e, t) {
+function _e(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -818,7 +818,7 @@ function Ae(e, t) {
     })
   ]);
 }
-function ie(e, t) {
+function me(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -833,7 +833,7 @@ function ie(e, t) {
     })
   ]);
 }
-function je(e, t) {
+function Oe(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -848,12 +848,12 @@ function je(e, t) {
     })
   ]);
 }
-const Z = (e, t) => {
+const N = (e, t) => {
   const l = e.__vccOpts || e;
   for (const [s, r] of t)
     l[s] = r;
   return l;
-}, Me = {
+}, Ze = {
   __name: "DXIcon",
   props: {
     /** Heroicon компонент */
@@ -877,19 +877,19 @@ const Z = (e, t) => {
       wiggle: "dx-icon-wiggle",
       scale: "dx-icon-scale",
       rotate: "dx-icon-rotate"
-    }, r = g(() => [
+    }, r = p(() => [
       l[t.size] || l.md,
       s[t.animation] || "",
       t.class
     ]);
-    return (i, d) => (a(), C(L(e.icon), {
+    return (i, d) => (a(), $(O(e.icon), {
       class: f(r.value),
       "data-component": "DXIcon",
       "data-size": e.size,
       "data-animation": e.animation
     }, null, 8, ["class", "data-size", "data-animation"]));
   }
-}, S = /* @__PURE__ */ Z(Me, [["__scopeId", "data-v-9441a40d"]]), Le = ["data-size"], _e = ["src", "alt"], Cs = {
+}, D = /* @__PURE__ */ N(Ze, [["__scopeId", "data-v-9441a40d"]]), Te = ["data-size"], Ne = ["src", "alt"], Ks = {
   __name: "DXAvatar",
   props: {
     /** URL изображения */
@@ -910,7 +910,7 @@ const Z = (e, t) => {
     iconAnimation: { type: String, default: "none" }
   },
   setup(e) {
-    const t = e, l = D(!1), s = {
+    const t = e, l = B(!1), s = {
       xs: "w-6 h-6",
       sm: "w-8 h-8",
       md: "w-10 h-10",
@@ -937,26 +937,26 @@ const Z = (e, t) => {
       offline: "bg-slate-400",
       busy: "bg-rose-500",
       away: "bg-amber-500"
-    }, p = g(() => [
+    }, v = p(() => [
       "relative inline-flex items-center justify-center overflow-hidden bg-slate-100 transition-transform",
       s[t.size] || s.md,
       r[t.shape] || r.circle,
       t.iconAnimation !== "none" && "hover:scale-105"
-    ]), v = g(() => [
+    ]), b = p(() => [
       "text-slate-600 uppercase",
       i[t.size] || i.md
-    ]), m = g(() => [
+    ]), m = p(() => [
       d[t.size] || d.md,
       u[t.status] || ""
-    ]), h = g(() => t.icon || Ae), y = {
+    ]), g = p(() => t.icon || _e), w = {
       xs: "sm",
       sm: "sm",
       md: "md",
       lg: "lg",
       xl: "xl"
-    }, x = g(() => y[t.size] || "md");
-    return (V, T) => (a(), n("div", {
-      class: f(p.value),
+    }, y = p(() => w[t.size] || "md");
+    return (S, Z) => (a(), n("div", {
+      class: f(v.value),
       "data-component": "DXAvatar",
       "data-size": e.size
     }, [
@@ -965,14 +965,14 @@ const Z = (e, t) => {
         src: e.src,
         alt: e.alt,
         class: "w-full h-full object-cover",
-        onError: T[0] || (T[0] = (X) => l.value = !0)
-      }, null, 40, _e)) : e.initials ? (a(), n("span", {
+        onError: Z[0] || (Z[0] = (z) => l.value = !0)
+      }, null, 40, Ne)) : e.initials ? (a(), n("span", {
         key: 1,
-        class: f(["font-medium", v.value])
-      }, b(e.initials), 3)) : (a(), C(S, {
+        class: f(["font-medium", b.value])
+      }, h(e.initials), 3)) : (a(), $(D, {
         key: 2,
-        icon: h.value,
-        size: x.value,
+        icon: g.value,
+        size: y.value,
         animation: e.iconAnimation,
         class: "text-slate-400"
       }, null, 8, ["icon", "size", "animation"])),
@@ -980,9 +980,9 @@ const Z = (e, t) => {
         key: 3,
         class: f(["absolute bottom-0 right-0 block rounded-full ring-2 ring-white", m.value])
       }, null, 2)) : c("", !0)
-    ], 10, Le));
+    ], 10, Te));
   }
-}, Oe = ["data-variant"], Te = "inline-flex items-center gap-1 px-2 py-1 text-[11px] rounded-full border font-semibold", Ss = {
+}, Pe = ["data-variant"], Re = "inline-flex items-center gap-1 px-2 py-1 text-[11px] rounded-full border font-semibold", ie = {
   __name: "DXBadge",
   props: {
     /** Вариант оформления: slate | success | warning | danger | info */
@@ -999,31 +999,31 @@ const Z = (e, t) => {
       warning: "bg-amber-50 text-amber-700 border-amber-100",
       danger: "bg-rose-50 text-rose-700 border-rose-100",
       info: "bg-blue-50 text-blue-700 border-blue-100"
-    }, s = g(() => {
+    }, s = p(() => {
       const r = l[t.variant] || l.slate;
-      return `${Te} ${r}`;
+      return `${Re} ${r}`;
     });
     return (r, i) => (a(), n("span", {
       class: f(s.value),
       "data-component": "DXBadge",
       "data-variant": e.variant
     }, [
-      e.iconLeft ? (a(), C(S, {
+      e.iconLeft ? (a(), $(D, {
         key: 0,
         icon: e.iconLeft,
         size: "xs",
         animation: "none"
       }, null, 8, ["icon"])) : c("", !0),
-      $(r.$slots, "default"),
-      e.iconRight ? (a(), C(S, {
+      V(r.$slots, "default"),
+      e.iconRight ? (a(), $(D, {
         key: 1,
         icon: e.iconRight,
         size: "xs",
         animation: "none"
       }, null, 8, ["icon"])) : c("", !0)
-    ], 10, Oe));
+    ], 10, Pe));
   }
-}, Ze = {
+}, qe = {
   __name: "DXButton",
   props: {
     /** Вариант оформления: primary | ghost | danger | outline */
@@ -1048,7 +1048,7 @@ const Z = (e, t) => {
     rel: { type: String, default: null }
   },
   setup(e) {
-    const t = e, l = g(() => t.to ? "router-link" : t.href ? "a" : "button"), s = g(() => t.iconOnly ? t.size === "sm" ? "h-9 w-9 text-xs" : t.size === "lg" ? "h-12 w-12 text-sm" : "h-10 w-10 text-sm" : t.size === "sm" ? "px-3 py-2 text-xs" : t.size === "lg" ? "px-5 py-3 text-base" : "px-4 py-2 text-sm"), r = g(() => {
+    const t = e, l = p(() => t.to ? "router-link" : t.href ? "a" : "button"), s = p(() => t.iconOnly ? t.size === "sm" ? "h-9 w-9 text-xs" : t.size === "lg" ? "h-12 w-12 text-sm" : "h-10 w-10 text-sm" : t.size === "sm" ? "px-3 py-2 text-xs" : t.size === "lg" ? "px-5 py-3 text-base" : "px-4 py-2 text-sm"), r = p(() => {
       switch (t.variant) {
         case "ghost":
           return "border border-slate-200 text-slate-700 hover:border-slate-300 bg-white";
@@ -1060,7 +1060,7 @@ const Z = (e, t) => {
           return "bg-slate-800 text-white hover:bg-slate-700";
       }
     });
-    return (i, d) => (a(), C(L(l.value), {
+    return (i, d) => (a(), $(O(l.value), {
       type: l.value === "button" ? e.type : void 0,
       disabled: e.disabled,
       to: e.to,
@@ -1071,25 +1071,25 @@ const Z = (e, t) => {
       "data-component": "DXButton",
       "data-variant": e.variant
     }, {
-      default: P(() => [
-        $(i.$slots, "default", {}, void 0, !0)
+      default: T(() => [
+        V(i.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["type", "disabled", "to", "href", "target", "rel", "class", "data-variant"]));
   }
-}, Vs = /* @__PURE__ */ Z(Ze, [["__scopeId", "data-v-99117d90"]]), Ne = {}, Pe = {
+}, Ys = /* @__PURE__ */ N(qe, [["__scopeId", "data-v-99117d90"]]), He = {}, Fe = {
   class: "bg-white border border-slate-100 rounded-2xl shadow-sm p-5",
   "data-component": "DXCard"
 };
-function Fe(e, t) {
-  return a(), n("div", Pe, [
-    $(e.$slots, "default")
+function Ee(e, t) {
+  return a(), n("div", Fe, [
+    V(e.$slots, "default")
   ]);
 }
-const Ds = /* @__PURE__ */ Z(Ne, [["render", Fe]]), He = ["checked", "value", "disabled"], Re = {
+const Ws = /* @__PURE__ */ N(He, [["render", Ee]]), Ge = ["checked", "value", "disabled"], Ue = {
   key: 0,
   class: "text-sm text-slate-700 select-none"
-}, zs = {
+}, Js = {
   __name: "DXCheckbox",
   props: {
     /** Значение (v-model) - boolean или массив */
@@ -1105,7 +1105,7 @@ const Ds = /* @__PURE__ */ Z(Ne, [["render", Fe]]), He = ["checked", "value", "d
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = g(() => {
+    const l = e, s = t, r = p(() => {
       switch (l.size) {
         case "sm":
           return "h-3.5 w-3.5";
@@ -1114,20 +1114,20 @@ const Ds = /* @__PURE__ */ Z(Ne, [["render", Fe]]), He = ["checked", "value", "d
         default:
           return "h-4 w-4";
       }
-    }), i = g(() => Array.isArray(l.modelValue) ? l.modelValue.includes(l.value) : l.modelValue), d = (u) => {
+    }), i = p(() => Array.isArray(l.modelValue) ? l.modelValue.includes(l.value) : l.modelValue), d = (u) => {
       if (Array.isArray(l.modelValue)) {
-        const p = [...l.modelValue];
+        const v = [...l.modelValue];
         if (u.target.checked)
-          p.push(l.value);
+          v.push(l.value);
         else {
-          const v = p.indexOf(l.value);
-          v > -1 && p.splice(v, 1);
+          const b = v.indexOf(l.value);
+          b > -1 && v.splice(b, 1);
         }
-        s("update:modelValue", p);
+        s("update:modelValue", v);
       } else
         s("update:modelValue", u.target.checked);
     };
-    return (u, p) => (a(), n("label", {
+    return (u, v) => (a(), n("label", {
       class: f(["inline-flex items-center gap-2 cursor-pointer", { "opacity-60 cursor-not-allowed": e.disabled }]),
       "data-component": "DXCheckbox"
     }, [
@@ -1138,12 +1138,12 @@ const Ds = /* @__PURE__ */ Z(Ne, [["render", Fe]]), He = ["checked", "value", "d
         disabled: e.disabled,
         class: f(["rounded border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition", r.value]),
         onChange: d
-      }, null, 42, He),
-      e.label ? (a(), n("span", Re, b(e.label), 1)) : c("", !0)
+      }, null, 42, Ge),
+      e.label ? (a(), n("span", Ue, h(e.label), 1)) : c("", !0)
     ], 2));
   }
 };
-function qe(e, t) {
+function Ke(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1160,7 +1160,7 @@ function qe(e, t) {
     })
   ]);
 }
-function Ee(e, t) {
+function Ye(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1177,7 +1177,7 @@ function Ee(e, t) {
     })
   ]);
 }
-function Ge(e, t) {
+function We(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1194,7 +1194,7 @@ function Ge(e, t) {
     })
   ]);
 }
-function Ue(e, t) {
+function Je(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1211,7 +1211,41 @@ function Ue(e, t) {
     })
   ]);
 }
-function le(e, t) {
+function Qe(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
+    })
+  ]);
+}
+function et(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
+    })
+  ]);
+}
+function W(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1228,7 +1262,7 @@ function le(e, t) {
     })
   ]);
 }
-function Ke(e, t) {
+function tt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1245,7 +1279,7 @@ function Ke(e, t) {
     })
   ]);
 }
-function de(e, t) {
+function fe(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1262,7 +1296,7 @@ function de(e, t) {
     })
   ]);
 }
-function We(e, t) {
+function lt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1279,7 +1313,7 @@ function We(e, t) {
     })
   ]);
 }
-function Ye(e, t) {
+function at(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1296,7 +1330,7 @@ function Ye(e, t) {
     })
   ]);
 }
-function Je(e, t) {
+function nt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1313,7 +1347,7 @@ function Je(e, t) {
     })
   ]);
 }
-function Qe(e, t) {
+function st(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1330,7 +1364,7 @@ function Qe(e, t) {
     })
   ]);
 }
-function et(e, t) {
+function ot(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1347,7 +1381,7 @@ function et(e, t) {
     })
   ]);
 }
-function ae(e, t) {
+function se(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1369,7 +1403,7 @@ function ae(e, t) {
     })
   ]);
 }
-function tt(e, t) {
+function rt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1386,7 +1420,7 @@ function tt(e, t) {
     })
   ]);
 }
-function lt(e, t) {
+function it(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1403,7 +1437,24 @@ function lt(e, t) {
     })
   ]);
 }
-function at(e, t) {
+function dt(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+    })
+  ]);
+}
+function ut(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1420,7 +1471,7 @@ function at(e, t) {
     })
   ]);
 }
-function nt(e, t) {
+function ct(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1437,7 +1488,7 @@ function nt(e, t) {
     })
   ]);
 }
-function st(e, t) {
+function mt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1454,7 +1505,7 @@ function st(e, t) {
     })
   ]);
 }
-function ot(e, t) {
+function ft(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1471,7 +1522,7 @@ function ot(e, t) {
     })
   ]);
 }
-function rt(e, t) {
+function pt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1488,7 +1539,7 @@ function rt(e, t) {
     })
   ]);
 }
-function it(e, t) {
+function vt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1505,7 +1556,7 @@ function it(e, t) {
     })
   ]);
 }
-function dt(e, t) {
+function ht(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1522,7 +1573,7 @@ function dt(e, t) {
     })
   ]);
 }
-function ut(e, t) {
+function bt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1539,7 +1590,7 @@ function ut(e, t) {
     })
   ]);
 }
-function ct(e, t) {
+function gt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1556,7 +1607,7 @@ function ct(e, t) {
     })
   ]);
 }
-function mt(e, t) {
+function xt(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1573,7 +1624,7 @@ function mt(e, t) {
     })
   ]);
 }
-function ue(e, t) {
+function pe(e, t) {
   return a(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1590,7 +1641,7 @@ function ue(e, t) {
     })
   ]);
 }
-const ft = ["aria-label"], ce = {
+const yt = ["aria-label"], ve = {
   __name: "DXCloseButton",
   props: {
     /** Размер: sm | md | lg */
@@ -1614,29 +1665,29 @@ const ft = ["aria-label"], ce = {
       default: "text-slate-400 hover:text-slate-600",
       light: "text-white/70 hover:text-white",
       danger: "text-rose-400 hover:text-rose-600"
-    }, i = g(() => s[t.size] || s.md), d = g(() => [
+    }, i = p(() => s[t.size] || s.md), d = p(() => [
       "inline-flex items-center justify-center rounded transition-colors",
       l[t.size] || l.md,
       r[t.variant] || r.default
     ]);
-    return (u, p) => (a(), n("button", {
+    return (u, v) => (a(), n("button", {
       type: "button",
       class: f(d.value),
-      onClick: p[0] || (p[0] = (v) => u.$emit("click", v)),
+      onClick: v[0] || (v[0] = (b) => u.$emit("click", b)),
       "aria-label": e.ariaLabel,
       "data-component": "DXCloseButton"
     }, [
-      A(S, {
-        icon: O(ue),
+      A(D, {
+        icon: _(pe),
         size: i.value,
         animation: "scale"
       }, null, 8, ["icon", "size"])
-    ], 10, ft));
+    ], 10, yt));
   }
-}, pt = ["data-orientation"], gt = {
+}, wt = ["data-orientation"], kt = {
   key: 0,
   class: "flex items-center w-full"
-}, vt = { class: "px-3 text-sm text-slate-500 whitespace-nowrap" }, Bs = {
+}, $t = { class: "px-3 text-sm text-slate-500 whitespace-nowrap" }, Ct = {
   __name: "DXDivider",
   props: {
     /** Ориентация: horizontal | vertical */
@@ -1671,42 +1722,42 @@ const ft = ["aria-label"], ce = {
       sm: "mx-2",
       md: "mx-4",
       lg: "mx-6"
-    }, u = g(() => [
+    }, u = p(() => [
       t.orientation === "vertical" ? "inline-flex h-full" : "w-full",
       t.orientation === "horizontal" ? i[t.spacing] : d[t.spacing]
-    ]), p = g(() => [
+    ]), v = p(() => [
       t.orientation === "vertical" ? "h-full" : "flex-1",
       l[t.color] || l.default,
       t.orientation === "vertical" ? r[t.thickness] : s[t.thickness]
     ]);
-    return (v, m) => (a(), n("div", {
+    return (b, m) => (a(), n("div", {
       class: f(u.value),
       "data-component": "DXDivider",
       "data-orientation": e.orientation
     }, [
-      v.$slots.default && e.orientation === "horizontal" ? (a(), n("div", gt, [
+      b.$slots.default && e.orientation === "horizontal" ? (a(), n("div", kt, [
         o("div", {
-          class: f(p.value)
+          class: f(v.value)
         }, null, 2),
-        o("span", vt, [
-          $(v.$slots, "default")
+        o("span", $t, [
+          V(b.$slots, "default")
         ]),
         o("div", {
-          class: f(p.value)
+          class: f(v.value)
         }, null, 2)
       ])) : (a(), n("div", {
         key: 1,
-        class: f(p.value)
+        class: f(v.value)
       }, null, 2))
-    ], 10, pt));
+    ], 10, wt));
   }
-}, bt = ["disabled"], ht = { class: "flex-1" }, xt = {
+}, St = ["disabled"], Vt = { class: "flex-1" }, Dt = {
   key: 1,
   class: "w-4 h-4 text-slate-400",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, yt = {
+}, zt = {
   __name: "DXDropdownItem",
   props: {
     icon: { type: Object, default: null },
@@ -1717,7 +1768,7 @@ const ft = ["aria-label"], ce = {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = oe("dropdown", null), i = (d) => {
+    const l = e, s = t, r = Q("dropdown", null), i = (d) => {
       l.disabled || (s("click", d), l.closeOnClick && r && r.close());
     };
     return (d, u) => (a(), n("button", {
@@ -1730,14 +1781,14 @@ const ft = ["aria-label"], ce = {
       onClick: i,
       "data-component": "DXDropdownItem"
     }, [
-      e.icon ? (a(), C(L(e.icon), {
+      e.icon ? (a(), $(O(e.icon), {
         key: 0,
         class: "w-4 h-4 flex-shrink-0"
       })) : c("", !0),
-      o("span", ht, [
-        $(d.$slots, "default", {}, void 0, !0)
+      o("span", Vt, [
+        V(d.$slots, "default", {}, void 0, !0)
       ]),
-      e.submenu ? (a(), n("svg", xt, [...u[0] || (u[0] = [
+      e.submenu ? (a(), n("svg", Dt, [...u[0] || (u[0] = [
         o("path", {
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
@@ -1745,10 +1796,10 @@ const ft = ["aria-label"], ce = {
           d: "M9 5l7 7-7 7"
         }, null, -1)
       ])])) : c("", !0)
-    ], 10, bt));
+    ], 10, St));
   }
-}, Xs = /* @__PURE__ */ Z(yt, [["__scopeId", "data-v-b0daf145"]]);
-function me(e, t = "input") {
+}, Qs = /* @__PURE__ */ N(zt, [["__scopeId", "data-v-b0daf145"]]);
+function he(e, t = "input") {
   var s, r;
   const l = {
     button: {
@@ -1778,25 +1829,25 @@ function me(e, t = "input") {
   };
   return ((s = l[t]) == null ? void 0 : s[e]) || ((r = l[t]) == null ? void 0 : r.md) || "";
 }
-const wt = {
+const Bt = {
   class: "w-full",
   "data-component": "DXInput"
-}, kt = {
+}, Xt = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, $t = { class: "relative" }, Ct = {
+}, It = { class: "relative" }, At = {
   key: 0,
   class: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400"
-}, St = ["type", "placeholder", "value", "disabled"], Vt = {
+}, jt = ["type", "placeholder", "value", "disabled"], Mt = {
   key: 1,
   class: "absolute right-3 top-1/2 -translate-y-1/2 text-slate-400"
-}, Dt = {
+}, Lt = {
   key: 1,
   class: "mt-1 text-xs text-rose-500"
-}, zt = {
+}, _t = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
-}, Is = {
+}, Ot = {
   __name: "DXInput",
   props: {
     /** Значение поля (v-model) */
@@ -1824,11 +1875,11 @@ const wt = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = g(() => {
+    const t = e, l = p(() => {
       var s, r;
       return [
         "w-full rounded-xl border border-slate-200 bg-white transition-colors",
-        me(t.size, "input"),
+        he(t.size, "input"),
         "text-slate-700 placeholder:text-slate-400",
         !t.disabled && "hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300",
         t.disabled && "opacity-60 cursor-not-allowed bg-slate-50",
@@ -1838,16 +1889,16 @@ const wt = {
         t.inputClass
       ];
     });
-    return (s, r) => (a(), n("div", wt, [
-      e.label ? (a(), n("label", kt, b(e.label), 1)) : c("", !0),
-      o("div", $t, [
-        e.prefixIcon || s.$slots.prefix ? (a(), n("div", Ct, [
-          e.prefixIcon ? (a(), C(S, {
+    return (s, r) => (a(), n("div", Bt, [
+      e.label ? (a(), n("label", Xt, h(e.label), 1)) : c("", !0),
+      o("div", It, [
+        e.prefixIcon || s.$slots.prefix ? (a(), n("div", At, [
+          e.prefixIcon ? (a(), $(D, {
             key: 0,
             icon: e.prefixIcon,
             size: "sm",
             animation: "none"
-          }, null, 8, ["icon"])) : $(s.$slots, "prefix", { key: 1 })
+          }, null, 8, ["icon"])) : V(s.$slots, "prefix", { key: 1 })
         ])) : c("", !0),
         o("input", {
           type: e.type,
@@ -1856,26 +1907,26 @@ const wt = {
           disabled: e.disabled,
           class: f(l.value),
           onInput: r[0] || (r[0] = (i) => s.$emit("update:modelValue", i.target.value))
-        }, null, 42, St),
-        e.suffixIcon || s.$slots.suffix ? (a(), n("div", Vt, [
-          e.suffixIcon ? (a(), C(S, {
+        }, null, 42, jt),
+        e.suffixIcon || s.$slots.suffix ? (a(), n("div", Mt, [
+          e.suffixIcon ? (a(), $(D, {
             key: 0,
             icon: e.suffixIcon,
             size: "sm",
             animation: "none"
-          }, null, 8, ["icon"])) : $(s.$slots, "suffix", { key: 1 })
+          }, null, 8, ["icon"])) : V(s.$slots, "suffix", { key: 1 })
         ])) : c("", !0)
       ]),
-      e.error ? (a(), n("p", Dt, b(e.error), 1)) : e.helper ? (a(), n("p", zt, b(e.helper), 1)) : c("", !0)
+      e.error ? (a(), n("p", Lt, h(e.error), 1)) : e.helper ? (a(), n("p", _t, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, As = {
+}, eo = {
   __name: "DXInputAddon",
   props: {
     icon: { type: Object, default: null }
   },
   setup(e) {
-    const t = oe("inputGroup", { size: "md" }), l = g(() => {
+    const t = Q("inputGroup", { size: "md" }), l = p(() => {
       const s = {
         sm: "h-9",
         md: "h-11",
@@ -1887,38 +1938,38 @@ const wt = {
       class: f(["flex items-center px-3 border border-r-0 bg-slate-50 text-slate-600 text-sm first:rounded-l-xl last:rounded-r-xl last:border-r", l.value]),
       "data-component": "DXInputGroupAddon"
     }, [
-      e.icon ? (a(), C(L(e.icon), {
+      e.icon ? (a(), $(O(e.icon), {
         key: 0,
         class: "w-4 h-4"
       })) : c("", !0),
-      $(s.$slots, "default")
+      V(s.$slots, "default")
     ], 2));
   }
-}, Bt = {}, Xt = {
+}, Zt = {}, Tt = {
   class: "flex items-center justify-center gap-2 text-sm text-slate-600",
   "data-component": "DXLoader"
 };
-function It(e, t) {
-  return a(), n("div", Xt, [
+function Nt(e, t) {
+  return a(), n("div", Tt, [
     t[1] || (t[1] = o("span", { class: "w-4 h-4 border-2 border-slate-300 border-t-slate-900 rounded-full animate-spin" }, null, -1)),
-    $(e.$slots, "default", {}, () => [
+    V(e.$slots, "default", {}, () => [
       t[0] || (t[0] = j("Загрузка...", -1))
     ])
   ]);
 }
-const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
+const to = /* @__PURE__ */ N(Zt, [["render", Nt]]), Pt = {
   class: "w-full",
   "data-component": "DXProgress"
-}, jt = {
+}, Rt = {
   key: 0,
   class: "flex justify-between items-center mb-1"
-}, Mt = { class: "text-sm font-medium text-slate-700" }, Lt = {
+}, qt = { class: "text-sm font-medium text-slate-700" }, Ht = {
   key: 0,
   class: "text-sm font-semibold text-slate-900"
-}, _t = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], Ot = {
+}, Ft = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], Et = {
   key: 0,
   class: "text-xs font-medium text-white px-1"
-}, Tt = {
+}, Gt = {
   __name: "DXProgress",
   props: {
     /** Текущее значение */
@@ -1945,10 +1996,10 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
     striped: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = g(() => {
-      const p = t.max - t.min;
-      return Math.min(100, Math.max(0, (t.value - t.min) / p * 100));
-    }), s = g(() => `${Math.round(l.value)}%`), r = {
+    const t = e, l = p(() => {
+      const v = t.max - t.min;
+      return Math.min(100, Math.max(0, (t.value - t.min) / v * 100));
+    }), s = p(() => `${Math.round(l.value)}%`), r = {
       xs: "h-1",
       sm: "h-2",
       md: "h-3",
@@ -1959,44 +2010,44 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
       warning: "bg-amber-500",
       danger: "bg-rose-500",
       info: "bg-blue-500"
-    }, d = g(() => [
+    }, d = p(() => [
       "w-full bg-slate-200 rounded-full overflow-hidden",
       r[t.size] || r.md
-    ]), u = g(() => [
+    ]), u = p(() => [
       "h-full rounded-full transition-all duration-300 flex items-center justify-end",
       i[t.color] || i.default,
       t.striped && "bg-stripes",
       t.animated && t.striped && "animate-stripes"
     ]);
-    return (p, v) => (a(), n("div", At, [
-      e.showLabel || p.$slots.label ? (a(), n("div", jt, [
-        o("span", Mt, [
-          $(p.$slots, "label", {}, () => [
-            j(b(e.label), 1)
+    return (v, b) => (a(), n("div", Pt, [
+      e.showLabel || v.$slots.label ? (a(), n("div", Rt, [
+        o("span", qt, [
+          V(v.$slots, "label", {}, () => [
+            j(h(e.label), 1)
           ], !0)
         ]),
-        e.showValue ? (a(), n("span", Lt, b(s.value), 1)) : c("", !0)
+        e.showValue ? (a(), n("span", Ht, h(s.value), 1)) : c("", !0)
       ])) : c("", !0),
       o("div", {
         class: f(d.value)
       }, [
         o("div", {
           class: f(u.value),
-          style: E({ width: `${l.value}%` }),
+          style: G({ width: `${l.value}%` }),
           role: "progressbar",
           "aria-valuenow": e.value,
           "aria-valuemin": e.min,
           "aria-valuemax": e.max
         }, [
-          e.showInnerValue && l.value > 10 ? (a(), n("span", Ot, b(s.value), 1)) : c("", !0)
-        ], 14, _t)
+          e.showInnerValue && l.value > 10 ? (a(), n("span", Et, h(s.value), 1)) : c("", !0)
+        ], 14, Ft)
       ], 2)
     ]));
   }
-}, Ms = /* @__PURE__ */ Z(Tt, [["__scopeId", "data-v-e469818e"]]), Zt = ["value", "checked", "disabled"], Nt = {
+}, lo = /* @__PURE__ */ N(Gt, [["__scopeId", "data-v-e469818e"]]), Ut = ["value", "checked", "disabled"], Kt = {
   key: 0,
   class: "text-sm text-slate-700 select-none"
-}, Ls = {
+}, ao = {
   __name: "DXRadio",
   props: {
     /** Текущее значение группы (v-model) */
@@ -2012,7 +2063,7 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = g(() => {
+    const t = e, l = p(() => {
       switch (t.size) {
         case "sm":
           return "h-3.5 w-3.5";
@@ -2033,31 +2084,31 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
         disabled: e.disabled,
         class: f(["rounded-full border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition", l.value]),
         onChange: r[0] || (r[0] = (i) => s.$emit("update:modelValue", e.value))
-      }, null, 42, Zt),
-      e.label ? (a(), n("span", Nt, b(e.label), 1)) : c("", !0)
+      }, null, 42, Ut),
+      e.label ? (a(), n("span", Kt, h(e.label), 1)) : c("", !0)
     ], 2));
   }
-}, Pt = {
+}, Yt = {
   class: "w-full",
   "data-component": "DXSelect"
-}, Ft = {
+}, Wt = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, Ht = { class: "relative" }, Rt = {
+}, Jt = { class: "relative" }, Qt = {
   key: 0,
   class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-400"
-}, qt = ["value", "disabled"], Et = {
+}, el = ["value", "disabled"], tl = {
   key: 0,
   value: "",
   disabled: "",
   selected: ""
-}, Gt = ["value"], Ut = { class: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none" }, Kt = {
+}, ll = ["value"], al = { class: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none" }, nl = {
   key: 1,
   class: "mt-1 text-xs text-rose-500"
-}, Wt = {
+}, sl = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
-}, _s = {
+}, no = {
   __name: "DXSelect",
   props: {
     /** Значение (v-model) */
@@ -2081,20 +2132,20 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = g(() => [
+    const t = e, l = p(() => [
       "w-full appearance-none rounded-xl border border-slate-200 bg-white transition-colors pr-10",
-      me(t.size, "input"),
+      he(t.size, "input"),
       "text-slate-700",
       t.prefixIcon && "pl-10",
       !t.disabled && "hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:border-slate-300",
       t.disabled && "opacity-60 cursor-not-allowed bg-slate-50",
       t.error && "border-rose-300 focus:ring-rose-500/10"
     ]);
-    return (s, r) => (a(), n("div", Pt, [
-      e.label ? (a(), n("label", Ft, b(e.label), 1)) : c("", !0),
-      o("div", Ht, [
-        e.prefixIcon ? (a(), n("div", Rt, [
-          A(S, {
+    return (s, r) => (a(), n("div", Yt, [
+      e.label ? (a(), n("label", Wt, h(e.label), 1)) : c("", !0),
+      o("div", Jt, [
+        e.prefixIcon ? (a(), n("div", Qt, [
+          A(D, {
             icon: e.prefixIcon,
             size: "sm",
             animation: "none"
@@ -2106,25 +2157,25 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
           class: f(l.value),
           onChange: r[0] || (r[0] = (i) => s.$emit("update:modelValue", i.target.value))
         }, [
-          e.placeholder ? (a(), n("option", Et, b(e.placeholder), 1)) : c("", !0),
-          (a(!0), n(M, null, _(e.options, (i) => (a(), n("option", {
+          e.placeholder ? (a(), n("option", tl, h(e.placeholder), 1)) : c("", !0),
+          (a(!0), n(M, null, L(e.options, (i) => (a(), n("option", {
             key: i.value,
             value: i.value
-          }, b(i.label), 9, Gt))), 128))
-        ], 42, qt),
-        o("div", Ut, [
-          A(S, {
-            icon: O(le),
+          }, h(i.label), 9, ll))), 128))
+        ], 42, el),
+        o("div", al, [
+          A(D, {
+            icon: _(W),
             size: "sm",
             animation: "none",
             class: "text-slate-400"
           }, null, 8, ["icon"])
         ])
       ]),
-      e.error ? (a(), n("p", Kt, b(e.error), 1)) : e.helper ? (a(), n("p", Wt, b(e.helper), 1)) : c("", !0)
+      e.error ? (a(), n("p", nl, h(e.error), 1)) : e.helper ? (a(), n("p", sl, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, Os = {
+}, so = {
   __name: "DXSkeleton",
   props: {
     /** Ширина */
@@ -2137,30 +2188,30 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
   setup(e) {
     return (t, l) => (a(), n("div", {
       class: f(["animate-pulse bg-slate-200", e.rounded]),
-      style: E({ width: e.width, height: e.height }),
+      style: G({ width: e.width, height: e.height }),
       "data-component": "DXSkeleton"
     }, null, 6));
   }
-}, Yt = {
+}, ol = {
   class: "w-full",
   "data-component": "DXSlider"
-}, Jt = { class: "flex items-center justify-between mb-2" }, Qt = {
+}, rl = { class: "flex items-center justify-between mb-2" }, il = {
   key: 0,
   class: "text-sm font-medium text-slate-700"
-}, el = {
+}, dl = {
   key: 1,
   class: "text-sm font-semibold text-slate-900"
-}, tl = { class: "relative" }, ll = {
+}, ul = { class: "relative" }, cl = {
   key: 0,
   class: "absolute top-1/2 left-0 right-0 flex justify-between pointer-events-none",
   style: { transform: "translateY(-50%)" }
-}, al = ["value", "min", "max", "step", "disabled"], nl = {
+}, ml = ["value", "min", "max", "step", "disabled"], fl = {
   key: 0,
   class: "flex justify-between mt-1 px-1"
-}, sl = {
+}, pl = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
-}, ol = {
+}, vl = {
   __name: "DXSlider",
   props: {
     /** Значение (v-model) */
@@ -2194,29 +2245,29 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = g(() => `${l.modelValue}${l.unit}`), i = g(() => {
+    const l = e, s = t, r = p(() => `${l.modelValue}${l.unit}`), i = p(() => {
       if (!l.ticks) return [];
-      const m = l.tickCount, h = (l.max - l.min) / (m - 1);
-      return Array.from({ length: m }, (y, x) => Math.round(l.min + h * x));
+      const m = l.tickCount, g = (l.max - l.min) / (m - 1);
+      return Array.from({ length: m }, (w, y) => Math.round(l.min + g * y));
     }), d = (m) => {
       s("update:modelValue", Number(m.target.value));
-    }, u = g(() => {
+    }, u = p(() => {
       if (!l.ticks || !i.value.length) return -1;
-      let m = 0, h = Math.abs(l.modelValue - i.value[0]);
-      return i.value.forEach((y, x) => {
-        const V = Math.abs(l.modelValue - y);
-        V < h && (h = V, m = x);
+      let m = 0, g = Math.abs(l.modelValue - i.value[0]);
+      return i.value.forEach((w, y) => {
+        const S = Math.abs(l.modelValue - w);
+        S < g && (g = S, m = y);
       }), m;
-    }), p = (m) => u.value === m, v = (m) => p(m) ? l.tickIconAnimation : "none";
-    return (m, h) => (a(), n("div", Yt, [
-      o("div", Jt, [
-        e.label ? (a(), n("label", Qt, b(e.label), 1)) : c("", !0),
-        e.showValue ? (a(), n("span", el, b(r.value), 1)) : c("", !0)
+    }), v = (m) => u.value === m, b = (m) => v(m) ? l.tickIconAnimation : "none";
+    return (m, g) => (a(), n("div", ol, [
+      o("div", rl, [
+        e.label ? (a(), n("label", il, h(e.label), 1)) : c("", !0),
+        e.showValue ? (a(), n("span", dl, h(r.value), 1)) : c("", !0)
       ]),
-      o("div", tl, [
-        e.ticks ? (a(), n("div", ll, [
-          (a(!0), n(M, null, _(i.value, (y, x) => (a(), n("div", {
-            key: `tick-${x}`,
+      o("div", ul, [
+        e.ticks ? (a(), n("div", cl, [
+          (a(!0), n(M, null, L(i.value, (w, y) => (a(), n("div", {
+            key: `tick-${y}`,
             class: "w-0.5 h-3 bg-slate-400 rounded-full"
           }))), 128))
         ])) : c("", !0),
@@ -2229,33 +2280,33 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
           disabled: e.disabled,
           class: "slider w-full appearance-none cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed relative z-10",
           onInput: d
-        }, null, 40, al)
+        }, null, 40, ml)
       ]),
-      e.ticks && (e.showTickLabels || e.tickIcons) ? (a(), n("div", nl, [
-        (a(!0), n(M, null, _(i.value, (y, x) => (a(), n("span", {
-          key: y,
-          class: f(["flex flex-col items-center gap-0.5 transition-transform duration-200", { "scale-110": p(x) }])
+      e.ticks && (e.showTickLabels || e.tickIcons) ? (a(), n("div", fl, [
+        (a(!0), n(M, null, L(i.value, (w, y) => (a(), n("span", {
+          key: w,
+          class: f(["flex flex-col items-center gap-0.5 transition-transform duration-200", { "scale-110": v(y) }])
         }, [
-          e.tickIcons && e.tickIcons[x] ? (a(), C(S, {
+          e.tickIcons && e.tickIcons[y] ? (a(), $(D, {
             key: 0,
-            icon: e.tickIcons[x],
+            icon: e.tickIcons[y],
             size: "sm",
-            animation: v(x),
-            class: f(p(x) ? "text-slate-900" : "text-slate-400")
+            animation: b(y),
+            class: f(v(y) ? "text-slate-900" : "text-slate-400")
           }, null, 8, ["icon", "animation", "class"])) : c("", !0),
           e.showTickLabels ? (a(), n("span", {
             key: 1,
-            class: f(["text-xs transition-colors duration-200", p(x) ? "text-slate-900 font-semibold" : "text-slate-500"])
-          }, b(y) + b(e.unit), 3)) : c("", !0)
+            class: f(["text-xs transition-colors duration-200", v(y) ? "text-slate-900 font-semibold" : "text-slate-500"])
+          }, h(w) + h(e.unit), 3)) : c("", !0)
         ], 2))), 128))
       ])) : c("", !0),
-      e.helper ? (a(), n("p", sl, b(e.helper), 1)) : c("", !0)
+      e.helper ? (a(), n("p", pl, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, Ts = /* @__PURE__ */ Z(ol, [["__scopeId", "data-v-d55b8f6a"]]), rl = {
+}, oo = /* @__PURE__ */ N(vl, [["__scopeId", "data-v-d55b8f6a"]]), hl = {
   class: "flex flex-wrap gap-2",
   "data-component": "DXTags"
-}, il = ["onClick", "aria-label"], Zs = {
+}, bl = ["onClick", "aria-label"], ro = {
   __name: "DXTags",
   props: {
     /** Массив тегов: строки или объекты { label, icon?, closable?, color?, iconAnimation? } */
@@ -2269,81 +2320,81 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
   },
   emits: ["remove"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = g(() => l.tags.map((v) => typeof v == "string" ? {
-      label: v,
+    const l = e, s = t, r = p(() => l.tags.map((b) => typeof b == "string" ? {
+      label: b,
       icon: null,
       closable: l.closable,
       color: l.color,
       iconAnimation: "none"
     } : {
-      label: v.label || v,
-      icon: v.icon || null,
-      closable: v.closable !== void 0 ? v.closable : l.closable,
-      color: v.color || l.color,
-      iconAnimation: v.iconAnimation || "none"
-    })), i = (v, m) => `${v.label}-${m}`, d = {
+      label: b.label || b,
+      icon: b.icon || null,
+      closable: b.closable !== void 0 ? b.closable : l.closable,
+      color: b.color || l.color,
+      iconAnimation: b.iconAnimation || "none"
+    })), i = (b, m) => `${b.label}-${m}`, d = {
       default: "bg-slate-100 text-slate-800 border-slate-200",
       primary: "bg-blue-100 text-blue-800 border-blue-200",
       success: "bg-green-100 text-green-800 border-green-200",
       warning: "bg-yellow-100 text-yellow-800 border-yellow-200",
       danger: "bg-red-100 text-red-800 border-red-200",
       info: "bg-cyan-100 text-cyan-800 border-cyan-200"
-    }, u = (v) => {
-      const m = l.variant === "large" ? "px-3 py-1.5 text-sm" : "px-2 py-1 text-xs", h = d[v.color] || d.default;
-      return `${m} ${h} rounded-full border`;
-    }, p = (v, m) => {
-      s("remove", { tag: v, index: m });
+    }, u = (b) => {
+      const m = l.variant === "large" ? "px-3 py-1.5 text-sm" : "px-2 py-1 text-xs", g = d[b.color] || d.default;
+      return `${m} ${g} rounded-full border`;
+    }, v = (b, m) => {
+      s("remove", { tag: b, index: m });
     };
-    return (v, m) => (a(), n("div", rl, [
-      (a(!0), n(M, null, _(r.value, (h, y) => (a(), n("span", {
-        key: i(h, y),
-        class: f([u(h), "inline-flex items-center gap-1.5 transition-all duration-200"])
+    return (b, m) => (a(), n("div", hl, [
+      (a(!0), n(M, null, L(r.value, (g, w) => (a(), n("span", {
+        key: i(g, w),
+        class: f([u(g), "inline-flex items-center gap-1.5 transition-all duration-200"])
       }, [
-        h.icon ? (a(), C(S, {
+        g.icon ? (a(), $(D, {
           key: 0,
-          icon: h.icon,
+          icon: g.icon,
           size: e.variant === "large" ? "sm" : "xs",
-          animation: h.iconAnimation || "none"
+          animation: g.iconAnimation || "none"
         }, null, 8, ["icon", "size", "animation"])) : c("", !0),
-        o("span", null, b(h.label), 1),
-        h.closable ? (a(), n("button", {
+        o("span", null, h(g.label), 1),
+        g.closable ? (a(), n("button", {
           key: 1,
           type: "button",
-          onClick: (x) => p(h, y),
+          onClick: (y) => v(g, w),
           class: "ml-0.5 -mr-1 hover:bg-slate-200/50 rounded-full p-0.5 transition-colors",
-          "aria-label": `Remove ${h.label}`
+          "aria-label": `Remove ${g.label}`
         }, [
-          A(S, {
-            icon: O(je),
+          A(D, {
+            icon: _(Oe),
             size: "xs",
             animation: "scale"
           }, null, 8, ["icon"])
-        ], 8, il)) : c("", !0)
+        ], 8, bl)) : c("", !0)
       ], 2))), 128))
     ]));
   }
-}, dl = {
+}, gl = {
   class: "w-full",
   "data-component": "DXTextarea"
-}, ul = {
+}, xl = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, cl = { class: "relative" }, ml = {
+}, yl = { class: "relative" }, wl = {
   key: 0,
   class: "absolute left-3 top-3 text-slate-400 z-10"
-}, fl = ["rows", "placeholder", "value", "disabled", "maxlength"], pl = {
+}, kl = ["rows", "placeholder", "value", "disabled", "maxlength"], $l = {
   key: 1,
   class: "absolute right-3 top-3 text-slate-400 z-10"
-}, gl = {
+}, Cl = {
   key: 2,
   class: "absolute right-3 bottom-3 text-xs text-slate-400"
-}, vl = {
+}, Sl = {
   key: 1,
   class: "mt-1 text-xs text-rose-500"
-}, bl = {
+}, Vl = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
-}, Ns = {
+}, io = {
   __name: "DXTextarea",
   props: {
     /** Значение (v-model) */
@@ -2374,25 +2425,25 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     var u;
-    const l = e, s = t, r = D(((u = l.modelValue) == null ? void 0 : u.length) || 0), i = (p) => {
-      const v = p.target.value;
-      r.value = v.length, s("update:modelValue", v), l.autoResize && (p.target.style.height = "auto", p.target.style.height = p.target.scrollHeight + "px");
+    const l = e, s = t, r = B(((u = l.modelValue) == null ? void 0 : u.length) || 0), i = (v) => {
+      const b = v.target.value;
+      r.value = b.length, s("update:modelValue", b), l.autoResize && (v.target.style.height = "auto", v.target.style.height = v.target.scrollHeight + "px");
     };
-    H(() => l.modelValue, (p) => {
-      r.value = (p == null ? void 0 : p.length) || 0;
+    F(() => l.modelValue, (v) => {
+      r.value = (v == null ? void 0 : v.length) || 0;
     });
-    const d = g(() => [
+    const d = p(() => [
       "w-full rounded-xl 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 disabled:opacity-60 disabled:cursor-not-allowed disabled:bg-slate-50",
       l.prefixIcon && "pl-10",
       l.suffixIcon && "pr-10",
       l.maxLength && l.showCount && "pb-8",
       l.error && "border-rose-300 focus:ring-rose-500/10"
     ]);
-    return (p, v) => (a(), n("div", dl, [
-      e.label ? (a(), n("label", ul, b(e.label), 1)) : c("", !0),
-      o("div", cl, [
-        e.prefixIcon ? (a(), n("div", ml, [
-          A(S, {
+    return (v, b) => (a(), n("div", gl, [
+      e.label ? (a(), n("label", xl, h(e.label), 1)) : c("", !0),
+      o("div", yl, [
+        e.prefixIcon ? (a(), n("div", wl, [
+          A(D, {
             icon: e.prefixIcon,
             size: "sm",
             animation: "none"
@@ -2406,60 +2457,60 @@ const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
           maxlength: e.maxLength,
           class: f(d.value),
           onInput: i
-        }, null, 42, fl),
-        e.suffixIcon ? (a(), n("div", pl, [
-          A(S, {
+        }, null, 42, kl),
+        e.suffixIcon ? (a(), n("div", $l, [
+          A(D, {
             icon: e.suffixIcon,
             size: "sm",
             animation: "none"
           }, null, 8, ["icon"])
         ])) : c("", !0),
-        e.maxLength && e.showCount ? (a(), n("div", gl, b(r.value) + " / " + b(e.maxLength), 1)) : c("", !0)
+        e.maxLength && e.showCount ? (a(), n("div", Cl, h(r.value) + " / " + h(e.maxLength), 1)) : c("", !0)
       ]),
-      e.error ? (a(), n("p", vl, b(e.error), 1)) : e.helper ? (a(), n("p", bl, b(e.helper), 1)) : c("", !0)
+      e.error ? (a(), n("p", Sl, h(e.error), 1)) : e.helper ? (a(), n("p", Vl, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, F = {
+}, H = {
   info: {
     bg: "bg-blue-50",
     text: "text-blue-800",
     border: "border-blue-200",
-    icon: te,
+    icon: ne,
     iconColor: "text-blue-500"
   },
   success: {
     bg: "bg-emerald-50",
     text: "text-emerald-800",
     border: "border-emerald-200",
-    icon: Q,
+    icon: le,
     iconColor: "text-emerald-500"
   },
   warning: {
     bg: "bg-amber-50",
     text: "text-amber-800",
     border: "border-amber-200",
-    icon: ee,
+    icon: ae,
     iconColor: "text-amber-500"
   },
   danger: {
     bg: "bg-rose-50",
     text: "text-rose-800",
     border: "border-rose-200",
-    icon: ie,
+    icon: me,
     iconColor: "text-rose-500"
   }
 };
-function Ps(e) {
-  const t = F[e] || F.info;
+function uo(e) {
+  const t = H[e] || H.info;
   return `${t.bg} ${t.text} ${t.border}`;
 }
-function Fs(e) {
-  return (F[e] || F.info).icon;
+function co(e) {
+  return (H[e] || H.info).icon;
 }
-function hl(e) {
-  return F[e] || F.info;
+function Dl(e) {
+  return H[e] || H.info;
 }
-const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
+const zl = ["data-variant"], Bl = { class: "flex-1" }, mo = {
   __name: "DXToast",
   props: {
     /** Вариант: info | success | warning | danger */
@@ -2468,28 +2519,28 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     showIcon: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, l = g(() => hl(t.variant)), s = g(() => `${l.value.bg} ${l.value.border} ${l.value.text}`), r = g(() => t.showIcon ? l.value.icon : null), i = g(() => l.value.iconColor);
+    const t = e, l = p(() => Dl(t.variant)), s = p(() => `${l.value.bg} ${l.value.border} ${l.value.text}`), r = p(() => t.showIcon ? l.value.icon : null), i = p(() => l.value.iconColor);
     return (d, u) => (a(), n("div", {
       class: f(["flex items-start gap-3 rounded-2xl border px-4 py-3 text-sm", s.value]),
       "data-component": "DXToast",
       "data-variant": e.variant
     }, [
-      r.value ? (a(), C(S, {
+      r.value ? (a(), $(D, {
         key: 0,
         icon: r.value,
         size: "md",
         animation: "none",
         class: f([i.value, "shrink-0 mt-0.5"])
       }, null, 8, ["icon", "class"])) : c("", !0),
-      o("div", yl, [
-        $(d.$slots, "default")
+      o("div", Bl, [
+        V(d.$slots, "default")
       ])
-    ], 10, xl));
+    ], 10, zl));
   }
-}, wl = ["aria-checked", "disabled"], kl = {
+}, Xl = ["aria-checked", "disabled"], Il = {
   key: 0,
   class: "text-sm text-slate-700 select-none"
-}, Rs = {
+}, fo = {
   __name: "DXToggle",
   props: {
     /** Значение (v-model) */
@@ -2516,11 +2567,11 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         o("span", {
           class: f(["inline-block h-4 w-4 transform rounded-full bg-white transition-transform", e.modelValue ? "translate-x-6" : "translate-x-1"])
         }, null, 2)
-      ], 10, wl),
-      e.label ? (a(), n("span", kl, b(e.label), 1)) : c("", !0)
+      ], 10, Xl),
+      e.label ? (a(), n("span", Il, h(e.label), 1)) : c("", !0)
     ], 2));
   }
-}, $l = ["disabled", "aria-pressed", "aria-label"], Cl = { key: 1 }, Sl = {
+}, Al = ["disabled", "aria-pressed", "aria-label"], jl = { key: 1 }, Ml = {
   __name: "DXToggleButton",
   props: {
     /** Текущее состояние (v-model) */
@@ -2551,38 +2602,38 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
     const l = e, s = t, r = () => {
-      const h = !l.modelValue;
-      s("update:modelValue", h), s("change", h);
-    }, i = g(() => l.modelValue ? l.activeIcon : l.inactiveIcon), d = g(() => l.modelValue ? l.activeLabel : l.inactiveLabel), u = g(() => l.size === "sm" ? "xs" : l.size === "lg" ? "md" : "sm"), p = g(() => d.value ? l.size === "sm" ? "px-3 py-2 text-xs" : l.size === "lg" ? "px-5 py-3 text-base" : "px-4 py-2.5 text-sm" : l.size === "sm" ? "h-9 w-9 text-xs" : l.size === "lg" ? "h-12 w-12 text-base" : "h-10 w-10 text-sm"), v = {
+      const g = !l.modelValue;
+      s("update:modelValue", g), s("change", g);
+    }, i = p(() => l.modelValue ? l.activeIcon : l.inactiveIcon), d = p(() => l.modelValue ? l.activeLabel : l.inactiveLabel), u = p(() => l.size === "sm" ? "xs" : l.size === "lg" ? "md" : "sm"), v = p(() => d.value ? l.size === "sm" ? "px-3 py-2 text-xs" : l.size === "lg" ? "px-5 py-3 text-base" : "px-4 py-2.5 text-sm" : l.size === "sm" ? "h-9 w-9 text-xs" : l.size === "lg" ? "h-12 w-12 text-base" : "h-10 w-10 text-sm"), b = {
       primary: "bg-slate-800 text-white hover:bg-slate-700 focus:ring-slate-500",
       ghost: "border border-slate-200 text-slate-700 hover:border-slate-300 hover:bg-slate-50 bg-white focus:ring-slate-400",
       danger: "bg-rose-600 text-white hover:bg-rose-500 focus:ring-rose-500",
       success: "bg-green-600 text-white hover:bg-green-500 focus:ring-green-500",
       warning: "bg-amber-500 text-white hover:bg-amber-400 focus:ring-amber-500",
       outline: "border border-slate-200 text-slate-700 hover:border-slate-300 bg-transparent focus:ring-slate-400"
-    }, m = g(() => {
-      const h = l.modelValue ? l.activeVariant : l.inactiveVariant;
-      return v[h] || v.ghost;
+    }, m = p(() => {
+      const g = l.modelValue ? l.activeVariant : l.inactiveVariant;
+      return b[g] || b.ghost;
     });
-    return (h, y) => (a(), n("button", {
+    return (g, w) => (a(), n("button", {
       type: "button",
-      class: f(["toggle-btn inline-flex items-center justify-center gap-2 rounded-xl font-semibold transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-60 disabled:cursor-not-allowed", [p.value, m.value, { "w-full": e.block }]]),
+      class: f(["toggle-btn inline-flex items-center justify-center gap-2 rounded-xl font-semibold transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-60 disabled:cursor-not-allowed", [v.value, m.value, { "w-full": e.block }]]),
       disabled: e.disabled,
       onClick: r,
       "aria-pressed": e.modelValue,
       "aria-label": e.ariaLabel,
       "data-component": "DXToggleButton"
     }, [
-      i.value ? (a(), C(S, {
+      i.value ? (a(), $(D, {
         key: 0,
         icon: i.value,
         size: u.value,
         animation: e.iconAnimation
       }, null, 8, ["icon", "size", "animation"])) : c("", !0),
-      d.value ? (a(), n("span", Cl, b(d.value), 1)) : c("", !0)
-    ], 10, $l));
+      d.value ? (a(), n("span", jl, h(d.value), 1)) : c("", !0)
+    ], 10, Al));
   }
-}, qs = /* @__PURE__ */ Z(Sl, [["__scopeId", "data-v-249aa090"]]), Vl = {
+}, po = /* @__PURE__ */ N(Ml, [["__scopeId", "data-v-249aa090"]]), Ll = {
   __name: "DXTooltip",
   props: {
     /** Текст подсказки */
@@ -2595,7 +2646,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     maxWidth: { type: String, default: "200px" }
   },
   setup(e) {
-    const t = e, l = D(!1), s = {
+    const t = e, l = B(!1), s = {
       top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
       bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
       left: "right-full top-1/2 -translate-y-1/2 mr-2",
@@ -2613,35 +2664,35 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     }, d = {
       dark: "bg-slate-900 text-white",
       light: "bg-white text-slate-900 border border-slate-200 shadow-lg"
-    }, u = g(() => [
+    }, u = p(() => [
       "absolute z-50 px-3 py-2 text-sm rounded-lg whitespace-normal",
       s[t.position] || s.top,
       d[t.color] || d.dark
-    ]), p = g(() => [
+    ]), v = p(() => [
       "absolute w-0 h-0 border-4",
       t.color === "light" ? i[t.position] : r[t.position]
     ]);
-    return (v, m) => (a(), n("div", {
+    return (b, m) => (a(), n("div", {
       class: "relative inline-block",
-      onMouseenter: m[0] || (m[0] = (h) => l.value = !0),
-      onMouseleave: m[1] || (m[1] = (h) => l.value = !1),
-      onFocus: m[2] || (m[2] = (h) => l.value = !0),
-      onBlur: m[3] || (m[3] = (h) => l.value = !1),
+      onMouseenter: m[0] || (m[0] = (g) => l.value = !0),
+      onMouseleave: m[1] || (m[1] = (g) => l.value = !1),
+      onFocus: m[2] || (m[2] = (g) => l.value = !0),
+      onBlur: m[3] || (m[3] = (g) => l.value = !1),
       "data-component": "DXTooltip"
     }, [
-      $(v.$slots, "default", {}, void 0, !0),
+      V(b.$slots, "default", {}, void 0, !0),
       A(Y, { name: "tooltip" }, {
-        default: P(() => [
-          l.value && (e.content || v.$slots.content) ? (a(), n("div", {
+        default: T(() => [
+          l.value && (e.content || b.$slots.content) ? (a(), n("div", {
             key: 0,
             class: f(u.value),
             role: "tooltip"
           }, [
-            $(v.$slots, "content", {}, () => [
-              j(b(e.content), 1)
+            V(b.$slots, "content", {}, () => [
+              j(h(e.content), 1)
             ], !0),
             o("div", {
-              class: f(p.value)
+              class: f(v.value)
             }, null, 2)
           ], 2)) : c("", !0)
         ]),
@@ -2649,7 +2700,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
       })
     ], 32));
   }
-}, Es = /* @__PURE__ */ Z(Vl, [["__scopeId", "data-v-bd65e96f"]]), ne = {
+}, vo = /* @__PURE__ */ N(Ll, [["__scopeId", "data-v-bd65e96f"]]), de = {
   __name: "DXValidationIcon",
   props: {
     /** Состояние: success | error | warning | info */
@@ -2660,23 +2711,23 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   setup(e) {
     const t = e, l = {
       success: {
-        icon: Q,
+        icon: le,
         color: "text-emerald-500"
       },
       error: {
-        icon: Ce,
+        icon: ze,
         color: "text-rose-500"
       },
       warning: {
-        icon: ee,
+        icon: ae,
         color: "text-amber-500"
       },
       info: {
-        icon: te,
+        icon: ne,
         color: "text-blue-500"
       }
-    }, s = g(() => l[t.state] || l.info), r = g(() => s.value.icon), i = g(() => s.value.color);
-    return (d, u) => r.value ? (a(), C(S, {
+    }, s = p(() => l[t.state] || l.info), r = p(() => s.value.icon), i = p(() => s.value.color);
+    return (d, u) => r.value ? (a(), $(D, {
       key: 0,
       icon: r.value,
       size: e.size,
@@ -2686,7 +2737,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
       "data-state": e.state
     }, null, 8, ["icon", "size", "class", "data-state"])) : c("", !0);
   }
-}, Dl = ["disabled"], zl = { key: 0 }, Bl = ["disabled"], Xl = { key: 0 }, Il = ["disabled"], Al = { key: 0 }, Gs = {
+}, _l = ["disabled"], Ol = { key: 0 }, Zl = ["disabled"], Tl = { key: 0 }, Nl = ["disabled"], Pl = { key: 0 }, ho = {
   __name: "DXActionButtons",
   props: {
     /** Показывать кнопку просмотра */
@@ -2702,11 +2753,11 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     /** Текст кнопки удаления */
     deleteLabel: { type: String, default: "Удалить" },
     /** Иконка для кнопки просмотра */
-    viewIcon: { type: Object, default: () => ae },
+    viewIcon: { type: Object, default: () => se },
     /** Иконка для кнопки редактирования */
-    editIcon: { type: Object, default: () => at },
+    editIcon: { type: Object, default: () => ut },
     /** Иконка для кнопки удаления */
-    deleteIcon: { type: Object, default: () => ct },
+    deleteIcon: { type: Object, default: () => gt },
     /** Размер кнопок: xs | sm | md */
     size: { type: String, default: "sm" },
     /** Только иконки без текста */
@@ -2718,7 +2769,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["view", "edit", "delete"],
   setup(e) {
-    const t = e, l = g(() => t.size === "xs" ? "xs" : t.size === "md" ? "sm" : "xs"), s = g(() => {
+    const t = e, l = p(() => t.size === "xs" ? "xs" : t.size === "md" ? "sm" : "xs"), s = p(() => {
       const r = "font-semibold rounded-xl";
       return t.iconOnly ? t.size === "xs" ? `${r} p-1.5` : t.size === "md" ? `${r} p-2.5` : `${r} p-2` : t.size === "xs" ? `${r} px-2 py-1 text-xs` : t.size === "md" ? `${r} px-4 py-2.5 text-sm` : `${r} px-3 py-2 text-xs`;
     });
@@ -2733,13 +2784,13 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         disabled: e.disabled,
         onClick: i[0] || (i[0] = (d) => r.$emit("view"))
       }, [
-        A(S, {
+        A(D, {
           icon: e.viewIcon,
           size: l.value,
           animation: "scale"
         }, null, 8, ["icon", "size"]),
-        e.iconOnly ? c("", !0) : (a(), n("span", zl, b(e.viewLabel), 1))
-      ], 10, Dl)) : c("", !0),
+        e.iconOnly ? c("", !0) : (a(), n("span", Ol, h(e.viewLabel), 1))
+      ], 10, _l)) : c("", !0),
       e.showEdit ? (a(), n("button", {
         key: 1,
         type: "button",
@@ -2747,13 +2798,13 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         disabled: e.disabled,
         onClick: i[1] || (i[1] = (d) => r.$emit("edit"))
       }, [
-        A(S, {
+        A(D, {
           icon: e.editIcon,
           size: l.value,
           animation: "wiggle"
         }, null, 8, ["icon", "size"]),
-        e.iconOnly ? c("", !0) : (a(), n("span", Xl, b(e.editLabel), 1))
-      ], 10, Bl)) : c("", !0),
+        e.iconOnly ? c("", !0) : (a(), n("span", Tl, h(e.editLabel), 1))
+      ], 10, Zl)) : c("", !0),
       e.showDelete ? (a(), n("button", {
         key: 2,
         type: "button",
@@ -2761,20 +2812,20 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         disabled: e.disabled,
         onClick: i[2] || (i[2] = (d) => r.$emit("delete"))
       }, [
-        A(S, {
+        A(D, {
           icon: e.deleteIcon,
           size: l.value,
           animation: "scale"
         }, null, 8, ["icon", "size"]),
-        e.iconOnly ? c("", !0) : (a(), n("span", Al, b(e.deleteLabel), 1))
-      ], 10, Il)) : c("", !0),
-      $(r.$slots, "default")
+        e.iconOnly ? c("", !0) : (a(), n("span", Pl, h(e.deleteLabel), 1))
+      ], 10, Nl)) : c("", !0),
+      V(r.$slots, "default")
     ], 2));
   }
-}, jl = ["data-variant"], Ml = { class: "flex items-start gap-3" }, Ll = { class: "flex-1 min-w-0" }, _l = {
+}, Rl = ["data-variant"], ql = { class: "flex items-start gap-3" }, Hl = { class: "flex-1 min-w-0" }, Fl = {
   key: 0,
   class: "mt-3 flex gap-2"
-}, Us = {
+}, bo = {
   __name: "DXAlert",
   props: {
     /** Вариант: info | success | warning | danger */
@@ -2790,7 +2841,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["dismiss"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D(!1), i = () => {
+    const l = e, s = t, r = B(!1), i = () => {
       r.value = !0, s("dismiss");
     }, d = {
       info: {
@@ -2799,7 +2850,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         title: "text-blue-900",
         content: "text-blue-800",
         close: "text-blue-500",
-        defaultIcon: te
+        defaultIcon: ne
       },
       success: {
         bg: "bg-emerald-50 border-emerald-200",
@@ -2807,7 +2858,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         title: "text-emerald-900",
         content: "text-emerald-800",
         close: "text-emerald-500",
-        defaultIcon: Q
+        defaultIcon: le
       },
       warning: {
         bg: "bg-amber-50 border-amber-200",
@@ -2815,7 +2866,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         title: "text-amber-900",
         content: "text-amber-800",
         close: "text-amber-500",
-        defaultIcon: ee
+        defaultIcon: ae
       },
       danger: {
         bg: "bg-rose-50 border-rose-200",
@@ -2823,58 +2874,58 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         title: "text-rose-900",
         content: "text-rose-800",
         close: "text-rose-500",
-        defaultIcon: ie
+        defaultIcon: me
       }
-    }, u = g(() => d[l.variant] || d.info), p = g(() => l.showIcon ? l.icon !== void 0 ? l.icon : u.value.defaultIcon : null), v = g(() => [
+    }, u = p(() => d[l.variant] || d.info), v = p(() => l.showIcon ? l.icon !== void 0 ? l.icon : u.value.defaultIcon : null), b = p(() => [
       "rounded-xl border p-4",
       u.value.bg
-    ]), m = g(() => ["w-5 h-5 flex-shrink-0 mt-0.5", u.value.icon]), h = g(() => u.value.title), y = g(() => ["text-sm", u.value.content, l.title && "mt-1"]);
-    return g(() => u.value.close), (x, V) => r.value ? c("", !0) : (a(), n("div", {
+    ]), m = p(() => ["w-5 h-5 flex-shrink-0 mt-0.5", u.value.icon]), g = p(() => u.value.title), w = p(() => ["text-sm", u.value.content, l.title && "mt-1"]);
+    return p(() => u.value.close), (y, S) => r.value ? c("", !0) : (a(), n("div", {
       key: 0,
-      class: f(v.value),
+      class: f(b.value),
       role: "alert",
       "data-component": "DXAlert",
       "data-variant": e.variant
     }, [
-      o("div", Ml, [
-        p.value ? (a(), C(S, {
+      o("div", ql, [
+        v.value ? (a(), $(D, {
           key: 0,
-          icon: p.value,
+          icon: v.value,
           size: "md",
           animation: "none",
           class: f(m.value)
         }, null, 8, ["icon", "class"])) : c("", !0),
-        o("div", Ll, [
+        o("div", Hl, [
           e.title ? (a(), n("p", {
             key: 0,
-            class: f(["font-semibold", h.value])
-          }, b(e.title), 3)) : c("", !0),
+            class: f(["font-semibold", g.value])
+          }, h(e.title), 3)) : c("", !0),
           o("div", {
-            class: f(y.value)
+            class: f(w.value)
           }, [
-            $(x.$slots, "default")
+            V(y.$slots, "default")
           ], 2)
         ]),
-        e.dismissible ? (a(), C(ce, {
+        e.dismissible ? (a(), $(ve, {
           key: 1,
           size: "sm",
           variant: "default",
           onClick: i
         })) : c("", !0)
       ]),
-      x.$slots.actions ? (a(), n("div", _l, [
-        $(x.$slots, "actions")
+      y.$slots.actions ? (a(), n("div", Fl, [
+        V(y.$slots, "actions")
       ])) : c("", !0)
-    ], 10, jl));
+    ], 10, Rl));
   }
-}, Ol = {
+}, El = {
   "aria-label": "Breadcrumb",
   "data-component": "DXBreadcrumb"
-}, Tl = {
+}, Gl = {
   key: 0,
   class: "mx-2 text-slate-400",
   "aria-hidden": "true"
-}, Zl = { key: 1 }, Nl = "inline-flex items-center transition-colors", Ks = {
+}, Ul = { key: 1 }, Kl = "inline-flex items-center transition-colors", go = {
   __name: "DXBreadcrumb",
   props: {
     /** Элементы: [{ label, href?, to?, icon?, iconAnimation? }] */
@@ -2893,43 +2944,43 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base"
-    }, s = g(() => l[t.size] || l.md), r = g(() => t.size === "sm" ? "xs" : t.size === "lg" ? "sm" : "xs"), i = (u) => u.to ? "router-link" : u.href ? "a" : "span", d = (u, p) => u.iconAnimation ? u.iconAnimation : t.animateCurrentOnly ? p === t.items.length - 1 ? t.iconAnimation : "none" : t.iconAnimation;
-    return (u, p) => (a(), n("nav", Ol, [
+    }, s = p(() => l[t.size] || l.md), r = p(() => t.size === "sm" ? "xs" : t.size === "lg" ? "sm" : "xs"), i = (u) => u.to ? "router-link" : u.href ? "a" : "span", d = (u, v) => u.iconAnimation ? u.iconAnimation : t.animateCurrentOnly ? v === t.items.length - 1 ? t.iconAnimation : "none" : t.iconAnimation;
+    return (u, v) => (a(), n("nav", El, [
       o("ol", {
         class: f(["flex items-center flex-wrap", s.value])
       }, [
-        (a(!0), n(M, null, _(e.items, (v, m) => (a(), n("li", {
+        (a(!0), n(M, null, L(e.items, (b, m) => (a(), n("li", {
           key: m,
           class: "flex items-center"
         }, [
-          m > 0 ? (a(), n("span", Tl, [
-            $(u.$slots, "separator", {}, () => [
-              e.separator === "chevron" ? (a(), C(S, {
+          m > 0 ? (a(), n("span", Gl, [
+            V(u.$slots, "separator", {}, () => [
+              e.separator === "chevron" ? (a(), $(D, {
                 key: 0,
-                icon: O(de),
+                icon: _(fe),
                 size: r.value,
                 animation: "none"
-              }, null, 8, ["icon", "size"])) : (a(), n("span", Zl, "/"))
+              }, null, 8, ["icon", "size"])) : (a(), n("span", Ul, "/"))
             ])
           ])) : c("", !0),
-          (a(), C(L(i(v)), {
-            href: v.href,
-            to: v.to,
+          (a(), $(O(i(b)), {
+            href: b.href,
+            to: b.to,
             class: f([
-              Nl,
+              Kl,
               m === e.items.length - 1 ? "text-slate-900 font-medium" : "text-slate-500 hover:text-slate-700"
             ]),
             "aria-current": m === e.items.length - 1 ? "page" : void 0
           }, {
-            default: P(() => [
-              v.icon ? (a(), C(S, {
+            default: T(() => [
+              b.icon ? (a(), $(D, {
                 key: 0,
-                icon: v.icon,
+                icon: b.icon,
                 size: r.value,
-                animation: d(v, m),
+                animation: d(b, m),
                 class: "mr-1.5"
               }, null, 8, ["icon", "size", "animation"])) : c("", !0),
-              j(" " + b(v.label), 1)
+              j(" " + h(b.label), 1)
             ]),
             _: 2
           }, 1032, ["href", "to", "class", "aria-current"]))
@@ -2937,13 +2988,13 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
       ], 2)
     ]));
   }
-}, Pl = {
+}, Yl = {
   class: "inline-flex",
   "data-component": "DXButtonGroup"
-}, Fl = {
+}, Wl = {
   key: 0,
   class: "text-sm font-medium text-slate-700 mb-2"
-}, Ws = {
+}, xo = {
   __name: "DXButtonGroup",
   props: {
     /** Значение (v-model) */
@@ -2959,7 +3010,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = g(() => {
+    const l = e, s = t, r = p(() => {
       switch (l.size) {
         case "sm":
           return "h-8";
@@ -2971,50 +3022,50 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     }), i = (u) => {
       if (!l.disabled)
         if (l.multiple) {
-          const p = Array.isArray(l.modelValue) ? l.modelValue : [], v = p.indexOf(u);
-          if (v > -1) {
-            const m = [...p];
-            m.splice(v, 1), s("update:modelValue", m);
+          const v = Array.isArray(l.modelValue) ? l.modelValue : [], b = v.indexOf(u);
+          if (b > -1) {
+            const m = [...v];
+            m.splice(b, 1), s("update:modelValue", m);
           } else
-            s("update:modelValue", [...p, u]);
+            s("update:modelValue", [...v, u]);
         } else
           s("update:modelValue", u);
     }, d = (u) => l.multiple ? Array.isArray(l.modelValue) && l.modelValue.includes(u) : l.modelValue === u;
-    return re("buttonGroup", {
+    return ee("buttonGroup", {
       modelValue: l.modelValue,
       multiple: l.multiple,
       size: l.size,
       disabled: l.disabled,
       handleSelect: i,
       isSelected: d
-    }), (u, p) => (a(), n("div", Pl, [
-      e.label ? (a(), n("p", Fl, b(e.label), 1)) : c("", !0),
+    }), (u, v) => (a(), n("div", Yl, [
+      e.label ? (a(), n("p", Wl, h(e.label), 1)) : c("", !0),
       o("div", {
         class: f(["inline-flex border border-slate-200 rounded-xl overflow-hidden divide-x divide-slate-200", r.value])
       }, [
-        $(u.$slots, "default")
+        V(u.$slots, "default")
       ], 2)
     ]));
   }
-}, Hl = {
+}, Jl = {
   key: 0,
   class: "block text-sm font-medium text-slate-700 mb-1"
-}, Rl = { class: "relative" }, ql = ["placeholder", "disabled", "onKeydown"], El = {
+}, Ql = { class: "relative" }, ea = ["placeholder", "disabled", "onKeydown"], ta = {
   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"
-}, Gl = ["onClick", "onMouseenter"], Ul = { class: "flex items-center gap-2" }, Kl = {
+}, la = ["onClick", "onMouseenter"], aa = { class: "flex items-center gap-2" }, na = {
   key: 0,
   class: "w-4 h-4 text-slate-900",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Wl = {
+}, sa = {
   key: 0,
   class: "px-4 py-2 text-sm text-slate-500"
-}, Yl = { key: 0 }, Jl = { key: 1 }, Ql = {
+}, oa = { key: 0 }, ra = { key: 1 }, ia = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
-}, Ys = {
+}, yo = {
   __name: "DXComboBox",
   props: {
     modelValue: [String, Number],
@@ -3028,45 +3079,45 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D(null), i = D(null), d = D(""), u = D(!1), p = D(0), v = g(() => l.options.find((w) => w.value === l.modelValue)), m = g(() => {
+    const l = e, s = t, r = B(null), i = B(null), d = B(""), u = B(!1), v = B(0), b = p(() => l.options.find((x) => x.value === l.modelValue)), m = p(() => {
       if (!l.filterable || !d.value)
         return l.options;
-      const w = d.value.toLowerCase();
-      return l.options.filter((k) => k.label.toLowerCase().includes(w));
-    }), h = () => {
-      if (u.value = !0, p.value = 0, !l.filterable) return;
+      const x = d.value.toLowerCase();
+      return l.options.filter((k) => k.label.toLowerCase().includes(x));
+    }), g = () => {
+      if (u.value = !0, v.value = 0, !l.filterable) return;
       !l.options.find((k) => k.label === d.value) && !l.allowCustom && s("update:modelValue", null);
-    }, y = () => {
-      u.value = !0, p.value = 0;
-    }, x = (w) => {
-      d.value = w.label, s("update:modelValue", w.value), u.value = !1;
-    }, V = () => {
+    }, w = () => {
+      u.value = !0, v.value = 0;
+    }, y = (x) => {
+      d.value = x.label, s("update:modelValue", x.value), u.value = !1;
+    }, S = () => {
       if (!u.value) {
         u.value = !0;
         return;
       }
-      p.value < m.value.length - 1 && p.value++;
-    }, T = () => {
-      p.value > 0 && p.value--;
-    }, X = () => {
+      v.value < m.value.length - 1 && v.value++;
+    }, Z = () => {
+      v.value > 0 && v.value--;
+    }, z = () => {
       if (u.value && m.value.length > 0) {
-        const w = m.value[p.value];
-        w && x(w);
+        const x = m.value[v.value];
+        x && y(x);
       } else l.allowCustom && d.value && (s("update:modelValue", d.value), u.value = !1);
-    }, z = (w) => {
-      r.value && !r.value.contains(w.target) && (u.value = !1, !l.allowCustom && v.value && (d.value = v.value.label));
+    }, C = (x) => {
+      r.value && !r.value.contains(x.target) && (u.value = !1, !l.allowCustom && b.value && (d.value = b.value.label));
     };
-    return H(() => l.modelValue, (w) => {
-      const k = l.options.find((I) => I.value === w);
-      d.value = k ? k.label : l.allowCustom ? String(w || "") : "";
-    }, { immediate: !0 }), U(() => document.addEventListener("click", z)), J(() => document.removeEventListener("click", z)), (w, k) => (a(), n("div", {
+    return F(() => l.modelValue, (x) => {
+      const k = l.options.find((I) => I.value === x);
+      d.value = k ? k.label : l.allowCustom ? String(x || "") : "";
+    }, { immediate: !0 }), U(() => document.addEventListener("click", C)), te(() => document.removeEventListener("click", C)), (x, k) => (a(), n("div", {
       class: "relative",
       ref_key: "root",
       ref: r,
       "data-component": "DXComboBox"
     }, [
-      e.label ? (a(), n("label", Hl, b(e.label), 1)) : c("", !0),
-      o("div", Rl, [
+      e.label ? (a(), n("label", Jl, h(e.label), 1)) : c("", !0),
+      o("div", Ql, [
         q(o("input", {
           ref_key: "inputRef",
           ref: i,
@@ -3075,16 +3126,16 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           placeholder: e.placeholder,
           disabled: e.disabled,
           class: f(["w-full pr-10 rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm text-slate-900 placeholder:text-slate-400 hover:border-slate-300 focus:border-slate-300 focus:outline-none transition-colors", e.disabled && "opacity-60 cursor-not-allowed bg-slate-50"]),
-          onInput: h,
-          onFocus: y,
+          onInput: g,
+          onFocus: w,
           onKeydown: [
-            R(N(V, ["prevent"]), ["down"]),
-            R(N(T, ["prevent"]), ["up"]),
-            R(N(X, ["prevent"]), ["enter"]),
-            k[1] || (k[1] = R((I) => u.value = !1, ["escape"]))
+            E(P(S, ["prevent"]), ["down"]),
+            E(P(Z, ["prevent"]), ["up"]),
+            E(P(z, ["prevent"]), ["enter"]),
+            k[1] || (k[1] = E((I) => u.value = !1, ["escape"]))
           ]
-        }, null, 42, ql), [
-          [G, d.value]
+        }, null, 42, ea), [
+          [K, d.value]
         ]),
         (a(), n("svg", {
           class: f(["absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400 pointer-events-none transition-transform", { "rotate-180": u.value }]),
@@ -3100,22 +3151,22 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           }, null, -1)
         ])], 2))
       ]),
-      u.value && (m.value.length > 0 || e.allowCustom && d.value) ? (a(), n("div", El, [
-        (a(!0), n(M, null, _(m.value, (I, B) => (a(), n("button", {
+      u.value && (m.value.length > 0 || e.allowCustom && d.value) ? (a(), n("div", ta, [
+        (a(!0), n(M, null, L(m.value, (I, X) => (a(), n("button", {
           key: I.value,
           type: "button",
-          class: f(["w-full text-left px-4 py-2 text-sm hover:bg-slate-50 flex items-center justify-between", { "bg-slate-100": B === p.value }]),
-          onClick: (K) => x(I),
-          onMouseenter: (K) => p.value = B
+          class: f(["w-full text-left px-4 py-2 text-sm hover:bg-slate-50 flex items-center justify-between", { "bg-slate-100": X === v.value }]),
+          onClick: (R) => y(I),
+          onMouseenter: (R) => v.value = X
         }, [
-          o("span", Ul, [
-            I.icon ? (a(), C(L(I.icon), {
+          o("span", aa, [
+            I.icon ? (a(), $(O(I.icon), {
               key: 0,
               class: "w-4 h-4 text-slate-500"
             })) : c("", !0),
-            j(" " + b(I.label), 1)
+            j(" " + h(I.label), 1)
           ]),
-          e.modelValue === I.value ? (a(), n("svg", Kl, [...k[3] || (k[3] = [
+          e.modelValue === I.value ? (a(), n("svg", na, [...k[3] || (k[3] = [
             o("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -3123,21 +3174,21 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
               d: "M5 13l4 4L19 7"
             }, null, -1)
           ])])) : c("", !0)
-        ], 42, Gl))), 128)),
-        m.value.length === 0 && d.value ? (a(), n("div", Wl, [
-          e.allowCustom ? (a(), n("span", Yl, 'Нажмите Enter для "' + b(d.value) + '"', 1)) : (a(), n("span", Jl, "Не найдено"))
+        ], 42, la))), 128)),
+        m.value.length === 0 && d.value ? (a(), n("div", sa, [
+          e.allowCustom ? (a(), n("span", oa, 'Нажмите Enter для "' + h(d.value) + '"', 1)) : (a(), n("span", ra, "Не найдено"))
         ])) : c("", !0)
       ])) : c("", !0),
-      e.helper ? (a(), n("p", Ql, b(e.helper), 1)) : c("", !0)
+      e.helper ? (a(), n("p", ia, h(e.helper), 1)) : c("", !0)
     ], 512));
   }
-}, ea = {
+}, da = {
   class: "space-y-1",
   "data-component": "DXCopyField"
-}, ta = {
+}, ua = {
   key: 0,
   class: "text-[11px] uppercase tracking-wide text-slate-500 font-semibold"
-}, la = { class: "flex items-center justify-between gap-2 rounded-lg border border-slate-200 bg-white px-3 py-3" }, aa = { class: "text-base font-semibold text-slate-900 break-all flex-1 text-center" }, na = ["aria-label"], Js = {
+}, ca = { class: "flex items-center justify-between gap-2 rounded-lg border border-slate-200 bg-white px-3 py-3" }, ma = { class: "text-base font-semibold text-slate-900 break-all flex-1 text-center" }, fa = ["aria-label"], wo = {
   __name: "DXCopyField",
   props: {
     /** Лейбл */
@@ -3145,9 +3196,9 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     /** Значение для копирования */
     value: { type: String, default: "" },
     /** Иконка для копирования */
-    copyIcon: { type: Object, default: () => Ye },
+    copyIcon: { type: Object, default: () => at },
     /** Иконка успешного копирования */
-    successIcon: { type: Object, default: () => We },
+    successIcon: { type: Object, default: () => lt },
     /** Анимация иконки копирования: none | wiggle | scale | rotate */
     copyIconAnimation: { type: String, default: "scale" },
     /** Анимация иконки успеха: none | wiggle | scale | rotate */
@@ -3157,7 +3208,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["copied"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D(!1), i = async () => {
+    const l = e, s = t, r = B(!1), i = async () => {
       if (l.value)
         try {
           await navigator.clipboard.writeText(l.value), r.value = !0, s("copied", l.value), setTimeout(() => {
@@ -3167,45 +3218,45 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           console.error("Не удалось скопировать", d);
         }
     };
-    return (d, u) => (a(), n("div", ea, [
-      e.label ? (a(), n("p", ta, b(e.label), 1)) : c("", !0),
-      o("div", la, [
-        o("p", aa, b(e.value || "—"), 1),
+    return (d, u) => (a(), n("div", da, [
+      e.label ? (a(), n("p", ua, h(e.label), 1)) : c("", !0),
+      o("div", ca, [
+        o("p", ma, h(e.value || "—"), 1),
         o("button", {
           type: "button",
           class: f(["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": r.value }]),
           "aria-label": `Скопировать ${e.label || "значение"}`,
           onClick: i
         }, [
-          r.value ? (a(), C(S, {
+          r.value ? (a(), $(D, {
             key: 0,
-            icon: O(Ue),
+            icon: _(Je),
             size: "sm",
             animation: e.copiedIconAnimation,
             class: "text-emerald-600"
-          }, null, 8, ["icon", "animation"])) : (a(), C(S, {
+          }, null, 8, ["icon", "animation"])) : (a(), $(D, {
             key: 1,
             icon: e.copyIcon,
             size: "sm",
             animation: e.copyIconAnimation
           }, null, 8, ["icon", "animation"]))
-        ], 10, na)
+        ], 10, fa)
       ])
     ]));
   }
-}, sa = {
+}, pa = {
   class: "w-full",
   "data-component": "DXDatePicker"
-}, oa = {
+}, va = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, ra = { class: "relative" }, ia = ["type", "value", "placeholder", "disabled", "readonly"], da = {
+}, ha = { class: "relative" }, ba = ["type", "value", "placeholder", "disabled", "readonly"], ga = {
   key: 1,
   class: "absolute z-20 mt-2 p-4 bg-white border border-slate-200 rounded-xl shadow-lg"
-}, ua = { class: "space-y-3" }, ca = { class: "flex gap-2" }, ma = {
+}, xa = { class: "space-y-3" }, ya = { class: "flex gap-2" }, wa = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
-}, Qs = {
+}, ko = {
   __name: "DXDatePicker",
   props: {
     /** Значение (v-model) - строка или { start, end } для range */
@@ -3223,20 +3274,20 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D(!1), i = D(""), d = D(""), u = g(() => {
+    const l = e, s = t, r = B(!1), i = B(""), d = B(""), u = p(() => {
       if (l.range && typeof l.modelValue == "object" && l.modelValue) {
-        const { start: y, end: x } = l.modelValue;
-        return y && x ? `${p(y)} - ${p(x)}` : "";
+        const { start: w, end: y } = l.modelValue;
+        return w && y ? `${v(w)} - ${v(y)}` : "";
       }
       return l.modelValue || "";
-    }), p = (y) => y ? new Date(y).toLocaleDateString("ru-RU") : "", v = (y) => s("update:modelValue", y), m = () => {
+    }), v = (w) => w ? new Date(w).toLocaleDateString("ru-RU") : "", b = (w) => s("update:modelValue", w), m = () => {
       l.disabled || (r.value = !r.value, r.value && typeof l.modelValue == "object" && l.modelValue && (i.value = l.modelValue.start || "", d.value = l.modelValue.end || ""));
-    }, h = () => {
+    }, g = () => {
       i.value && d.value && s("update:modelValue", { start: i.value, end: d.value }), r.value = !1;
     };
-    return (y, x) => (a(), n("div", sa, [
-      e.label ? (a(), n("label", oa, b(e.label), 1)) : c("", !0),
-      o("div", ra, [
+    return (w, y) => (a(), n("div", pa, [
+      e.label ? (a(), n("label", va, h(e.label), 1)) : c("", !0),
+      o("div", ha, [
         o("input", {
           type: e.range ? "text" : "date",
           value: u.value,
@@ -3244,10 +3295,10 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           disabled: e.disabled,
           class: "w-full h-10 px-4 py-2.5 text-sm rounded-xl border border-slate-200 bg-white text-slate-700 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",
           readonly: e.range,
-          onChange: x[0] || (x[0] = (V) => !e.range && v(V.target.value)),
-          onClick: x[1] || (x[1] = (V) => e.range && m())
-        }, null, 40, ia),
-        x[5] || (x[5] = o("svg", {
+          onChange: y[0] || (y[0] = (S) => !e.range && b(S.target.value)),
+          onClick: y[1] || (y[1] = (S) => e.range && m())
+        }, null, 40, ba),
+        y[5] || (y[5] = o("svg", {
           class: "absolute right-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400 pointer-events-none",
           fill: "none",
           stroke: "currentColor",
@@ -3261,67 +3312,67 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           })
         ], -1))
       ]),
-      e.range && r.value ? (a(), n("div", da, [
-        o("div", ua, [
+      e.range && r.value ? (a(), n("div", ga, [
+        o("div", xa, [
           o("div", null, [
-            x[6] || (x[6] = o("label", { class: "text-xs text-slate-600" }, "От", -1)),
+            y[6] || (y[6] = o("label", { class: "text-xs text-slate-600" }, "От", -1)),
             q(o("input", {
               type: "date",
-              "onUpdate:modelValue": x[2] || (x[2] = (V) => i.value = V),
+              "onUpdate:modelValue": y[2] || (y[2] = (S) => i.value = S),
               class: "w-full mt-1 px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-slate-900/10"
             }, null, 512), [
-              [G, i.value]
+              [K, i.value]
             ])
           ]),
           o("div", null, [
-            x[7] || (x[7] = o("label", { class: "text-xs text-slate-600" }, "До", -1)),
+            y[7] || (y[7] = o("label", { class: "text-xs text-slate-600" }, "До", -1)),
             q(o("input", {
               type: "date",
-              "onUpdate:modelValue": x[3] || (x[3] = (V) => d.value = V),
+              "onUpdate:modelValue": y[3] || (y[3] = (S) => d.value = S),
               class: "w-full mt-1 px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-slate-900/10"
             }, null, 512), [
-              [G, d.value]
+              [K, d.value]
             ])
           ]),
-          o("div", ca, [
+          o("div", ya, [
             o("button", {
               type: "button",
               class: "flex-1 px-3 py-2 text-sm bg-slate-900 text-white rounded-lg hover:bg-slate-800",
-              onClick: h
+              onClick: g
             }, " Применить "),
             o("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] = (V) => r.value = !1)
+              onClick: y[4] || (y[4] = (S) => r.value = !1)
             }, " Отмена ")
           ])
         ])
       ])) : c("", !0),
-      e.helper ? (a(), n("p", ma, b(e.helper), 1)) : c("", !0)
+      e.helper ? (a(), n("p", wa, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, fa = {
+}, ka = {
   class: "w-full",
   "data-component": "DXFileUpload"
-}, pa = {
+}, $a = {
   key: 0,
   class: "block text-sm font-medium text-slate-700 mb-1"
-}, ga = ["accept", "multiple", "disabled"], va = {
+}, Ca = ["accept", "multiple", "disabled"], Sa = {
   key: 0,
   class: "text-center"
-}, ba = { class: "text-sm font-medium text-slate-700 mb-1" }, ha = ["disabled"], xa = { class: "text-xs text-slate-500" }, ya = {
+}, Va = { class: "text-sm font-medium text-slate-700 mb-1" }, Da = ["disabled"], za = { class: "text-xs text-slate-500" }, Ba = {
   key: 1,
   class: "space-y-2"
-}, wa = {
+}, Xa = {
   key: 0,
   class: "w-12 h-12 flex-shrink-0 rounded overflow-hidden bg-slate-200"
-}, ka = ["src", "alt"], $a = { class: "flex-1 min-w-0" }, Ca = { class: "text-sm font-medium text-slate-900 truncate" }, Sa = { class: "text-xs text-slate-500" }, Va = ["onClick"], Da = ["disabled"], za = {
+}, Ia = ["src", "alt"], Aa = { class: "flex-1 min-w-0" }, ja = { class: "text-sm font-medium text-slate-900 truncate" }, Ma = { class: "text-xs text-slate-500" }, La = ["onClick"], _a = ["disabled"], Oa = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
-}, Ba = {
+}, Za = {
   key: 2,
   class: "mt-1 text-xs text-rose-500"
-}, eo = {
+}, $o = {
   __name: "DXFileUpload",
   props: {
     modelValue: [File, FileList, Array],
@@ -3334,40 +3385,40 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue", "upload"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D(null), i = D(null), d = D(!1), u = D([]), p = D(""), v = (X) => {
-      const z = Array.from(X.target.files || []);
-      x(z);
-    }, m = (X) => {
-      var w;
+    const l = e, s = t, r = B(null), i = B(null), d = B(!1), u = B([]), v = B(""), b = (z) => {
+      const C = Array.from(z.target.files || []);
+      y(C);
+    }, m = (z) => {
+      var x;
       if (d.value = !1, l.disabled) return;
-      const z = Array.from(((w = X.dataTransfer) == null ? void 0 : w.files) || []);
-      x(z);
-    }, h = () => {
+      const C = Array.from(((x = z.dataTransfer) == null ? void 0 : x.files) || []);
+      y(C);
+    }, g = () => {
       l.disabled || (d.value = !0);
-    }, y = (X) => {
-      X.target === i.value && (d.value = !1);
-    }, x = (X) => {
-      p.value = "";
-      const z = X.map((w) => {
-        if (w.type.startsWith("image/")) {
-          const k = URL.createObjectURL(w);
-          return Object.assign(w, { preview: k });
+    }, w = (z) => {
+      z.target === i.value && (d.value = !1);
+    }, y = (z) => {
+      v.value = "";
+      const C = z.map((x) => {
+        if (x.type.startsWith("image/")) {
+          const k = URL.createObjectURL(x);
+          return Object.assign(x, { preview: k });
         }
-        return w;
+        return x;
       });
-      l.multiple ? u.value = [...u.value, ...z] : u.value = z.slice(0, 1), s("update:modelValue", l.multiple ? u.value : u.value[0]);
-    }, V = (X) => {
-      const z = u.value[X];
-      z.preview && URL.revokeObjectURL(z.preview), u.value.splice(X, 1), s("update:modelValue", l.multiple ? u.value : u.value[0] || null);
-    }, T = (X) => {
-      if (X === 0) return "0 Bytes";
-      const z = 1024, w = ["Bytes", "KB", "MB", "GB"], k = Math.floor(Math.log(X) / Math.log(z));
-      return Math.round(X / Math.pow(z, k) * 100) / 100 + " " + w[k];
+      l.multiple ? u.value = [...u.value, ...C] : u.value = C.slice(0, 1), s("update:modelValue", l.multiple ? u.value : u.value[0]);
+    }, S = (z) => {
+      const C = u.value[z];
+      C.preview && URL.revokeObjectURL(C.preview), u.value.splice(z, 1), s("update:modelValue", l.multiple ? u.value : u.value[0] || null);
+    }, Z = (z) => {
+      if (z === 0) return "0 Bytes";
+      const C = 1024, x = ["Bytes", "KB", "MB", "GB"], k = Math.floor(Math.log(z) / Math.log(C));
+      return Math.round(z / Math.pow(C, k) * 100) / 100 + " " + x[k];
     };
-    return H(() => l.modelValue, (X) => {
-      X || (u.value = []);
-    }), (X, z) => (a(), n("div", fa, [
-      e.label ? (a(), n("label", pa, b(e.label), 1)) : c("", !0),
+    return F(() => l.modelValue, (z) => {
+      z || (u.value = []);
+    }), (z, C) => (a(), n("div", ka, [
+      e.label ? (a(), n("label", $a, h(e.label), 1)) : c("", !0),
       o("div", {
         ref_key: "dropZone",
         ref: i,
@@ -3375,11 +3426,11 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           d.value ? "border-slate-900 bg-slate-50 scale-105" : "border-slate-300 bg-white hover:border-slate-400",
           e.disabled && "opacity-60 cursor-not-allowed"
         ]]),
-        onDragenter: N(h, ["prevent"]),
-        onDragover: z[2] || (z[2] = N(() => {
+        onDragenter: P(g, ["prevent"]),
+        onDragover: C[2] || (C[2] = P(() => {
         }, ["prevent"])),
-        onDragleave: N(y, ["prevent"]),
-        onDrop: N(m, ["prevent"])
+        onDragleave: P(w, ["prevent"]),
+        onDrop: P(m, ["prevent"])
       }, [
         o("input", {
           ref_key: "fileInput",
@@ -3389,44 +3440,44 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           multiple: e.multiple,
           disabled: e.disabled,
           class: "hidden",
-          onChange: v
-        }, null, 40, ga),
-        u.value.length ? (a(), n("div", ya, [
-          (a(!0), n(M, null, _(u.value, (w, k) => {
+          onChange: b
+        }, null, 40, Ca),
+        u.value.length ? (a(), n("div", Ba, [
+          (a(!0), n(M, null, L(u.value, (x, k) => {
             var I;
             return a(), n("div", {
               key: k,
               class: "flex items-center gap-3 p-3 bg-slate-50 rounded-lg"
             }, [
-              (I = w.type) != null && I.startsWith("image/") ? (a(), n("div", wa, [
+              (I = x.type) != null && I.startsWith("image/") ? (a(), n("div", Xa, [
                 o("img", {
-                  src: w.preview,
-                  alt: w.name,
+                  src: x.preview,
+                  alt: x.name,
                   class: "w-full h-full object-cover"
-                }, null, 8, ka)
-              ])) : (a(), C(S, {
+                }, null, 8, Ia)
+              ])) : (a(), $(D, {
                 key: 1,
-                icon: O(Qe),
+                icon: _(st),
                 size: "lg",
                 animation: "none",
                 class: "text-slate-400 flex-shrink-0"
               }, null, 8, ["icon"])),
-              o("div", $a, [
-                o("p", Ca, b(w.name), 1),
-                o("p", Sa, b(T(w.size)), 1)
+              o("div", Aa, [
+                o("p", ja, h(x.name), 1),
+                o("p", Ma, h(Z(x.size)), 1)
               ]),
               o("button", {
                 type: "button",
                 class: "text-slate-400 hover:text-slate-600 transition-colors",
-                onClick: (B) => V(k),
+                onClick: (X) => S(k),
                 "aria-label": "Удалить файл"
               }, [
-                A(S, {
-                  icon: O(ue),
+                A(D, {
+                  icon: _(pe),
                   size: "md",
                   animation: "scale"
                 }, null, 8, ["icon"])
-              ], 8, Va)
+              ], 8, La)
             ]);
           }), 128)),
           e.multiple ? (a(), n("button", {
@@ -3434,49 +3485,49 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
             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: z[1] || (z[1] = (w) => {
+            onClick: C[1] || (C[1] = (x) => {
               var k;
               return (k = r.value) == null ? void 0 : k.click();
             })
           }, [
-            A(S, {
-              icon: O(st),
+            A(D, {
+              icon: _(mt),
               size: "sm",
               animation: "none",
               class: "inline mr-1"
             }, null, 8, ["icon"]),
-            z[4] || (z[4] = j(" Добавить ещё ", -1))
-          ], 8, Da)) : c("", !0)
-        ])) : (a(), n("div", va, [
-          A(S, {
-            icon: O(Je),
+            C[4] || (C[4] = j(" Добавить ещё ", -1))
+          ], 8, _a)) : c("", !0)
+        ])) : (a(), n("div", Sa, [
+          A(D, {
+            icon: _(nt),
             size: "xl",
             animation: "none",
             class: "mx-auto text-slate-400 mb-3 w-12 h-12"
           }, null, 8, ["icon"]),
-          o("p", ba, [
-            z[3] || (z[3] = j(" Перетащите файлы сюда или ", -1)),
+          o("p", Va, [
+            C[3] || (C[3] = j(" Перетащите файлы сюда или ", -1)),
             o("button", {
               type: "button",
               class: "text-slate-900 underline hover:no-underline",
               disabled: e.disabled,
-              onClick: z[0] || (z[0] = (w) => {
+              onClick: C[0] || (C[0] = (x) => {
                 var k;
                 return (k = r.value) == null ? void 0 : k.click();
               })
-            }, " выберите ", 8, ha)
+            }, " выберите ", 8, Da)
           ]),
-          o("p", xa, b(e.accept || "Любые файлы") + " " + b(e.maxSize ? `• Макс. ${e.maxSize}` : ""), 1)
+          o("p", za, h(e.accept || "Любые файлы") + " " + h(e.maxSize ? `• Макс. ${e.maxSize}` : ""), 1)
         ]))
       ], 34),
-      e.helper ? (a(), n("p", za, b(e.helper), 1)) : c("", !0),
-      p.value ? (a(), n("p", Ba, b(p.value), 1)) : c("", !0)
+      e.helper ? (a(), n("p", Oa, h(e.helper), 1)) : c("", !0),
+      v.value ? (a(), n("p", Za, h(v.value), 1)) : c("", !0)
     ]));
   }
-}, Xa = {
+}, Ta = {
   class: "space-y-2",
   "data-component": "DXFilterGroup"
-}, Ia = { class: "text-xs font-semibold text-slate-500 uppercase tracking-wide" }, Aa = { class: "flex flex-wrap gap-2" }, ja = ["onClick"], to = {
+}, Na = { class: "text-xs font-semibold text-slate-500 uppercase tracking-wide" }, Pa = { class: "flex flex-wrap gap-2" }, Ra = ["onClick"], Co = {
   __name: "DXFilterGroup",
   props: {
     /** Лейбл группы */
@@ -3490,15 +3541,15 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, l) => (a(), n("div", Xa, [
-      o("p", Ia, b(e.label), 1),
-      o("div", Aa, [
-        (a(!0), n(M, null, _(e.options, (s) => (a(), n("button", {
+    return (t, l) => (a(), n("div", Ta, [
+      o("p", Na, h(e.label), 1),
+      o("div", Pa, [
+        (a(!0), n(M, null, L(e.options, (s) => (a(), n("button", {
           key: s.value,
           type: "button",
           class: f(["px-3 py-2 rounded-full text-xs font-semibold border transition", e.modelValue === s.value ? "bg-slate-800 text-white border-slate-800" : "border-slate-200 text-slate-700 hover:border-slate-300 bg-white"]),
           onClick: (r) => t.$emit("update:modelValue", s.value)
-        }, b(s.label), 11, ja))), 128)),
+        }, h(s.label), 11, Ra))), 128)),
         e.modelValue && e.clearable ? (a(), n("button", {
           key: 0,
           type: "button",
@@ -3508,31 +3559,31 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
       ])
     ]));
   }
-}, Ma = {
+}, qa = {
   class: "w-full",
   "data-component": "DXFormControl"
-}, La = { class: "flex items-center justify-between mb-1" }, _a = {
+}, Ha = { class: "flex items-center justify-between mb-1" }, Fa = {
   key: 0,
   class: "text-sm font-medium text-slate-700"
-}, Oa = {
+}, Ea = {
   key: 0,
   class: "text-rose-500"
-}, Ta = {
+}, Ga = {
   key: 1,
   class: "text-xs text-slate-500"
-}, Za = { class: "relative" }, Na = {
+}, Ua = { class: "relative" }, Ka = {
   key: 0,
   class: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400"
-}, Pa = {
+}, Ya = {
   key: 1,
   class: "absolute right-3 top-1/2 -translate-y-1/2"
-}, Fa = {
+}, Wa = {
   key: 0,
   class: "mt-1 text-xs text-rose-500 flex items-center gap-1"
-}, Ha = {
+}, Ja = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
-}, lo = {
+}, So = {
   __name: "DXFormControl",
   props: {
     /** Лейбл */
@@ -3555,56 +3606,56 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     showCount: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = g(() => t.validationState === "success" || t.validationState === "error");
-    return (s, r) => (a(), n("div", Ma, [
-      o("div", La, [
-        e.label ? (a(), n("label", _a, [
-          j(b(e.label) + " ", 1),
-          e.required ? (a(), n("span", Oa, "*")) : c("", !0)
+    const t = e, l = p(() => t.validationState === "success" || t.validationState === "error");
+    return (s, r) => (a(), n("div", qa, [
+      o("div", Ha, [
+        e.label ? (a(), n("label", Fa, [
+          j(h(e.label) + " ", 1),
+          e.required ? (a(), n("span", Ea, "*")) : c("", !0)
         ])) : c("", !0),
-        e.maxLength && e.showCount ? (a(), n("span", Ta, b(e.currentLength) + " / " + b(e.maxLength), 1)) : c("", !0)
+        e.maxLength && e.showCount ? (a(), n("span", Ga, h(e.currentLength) + " / " + h(e.maxLength), 1)) : c("", !0)
       ]),
-      o("div", Za, [
-        s.$slots.prefix || e.prefixIcon ? (a(), n("div", Na, [
-          e.prefixIcon ? (a(), C(S, {
+      o("div", Ua, [
+        s.$slots.prefix || e.prefixIcon ? (a(), n("div", Ka, [
+          e.prefixIcon ? (a(), $(D, {
             key: 0,
             icon: e.prefixIcon,
             size: "sm",
             animation: "none"
           }, null, 8, ["icon"])) : c("", !0),
-          $(s.$slots, "prefix")
+          V(s.$slots, "prefix")
         ])) : c("", !0),
         o("div", {
           class: f({ "pl-10": s.$slots.prefix || e.prefixIcon, "pr-10": l.value })
         }, [
-          $(s.$slots, "default")
+          V(s.$slots, "default")
         ], 2),
-        l.value ? (a(), n("div", Pa, [
-          A(ne, {
+        l.value ? (a(), n("div", Ya, [
+          A(de, {
             state: e.validationState,
             size: "md"
           }, null, 8, ["state"])
         ])) : c("", !0)
       ]),
-      e.error ? (a(), n("p", Fa, [
-        A(ne, {
+      e.error ? (a(), n("p", Wa, [
+        A(de, {
           state: "error",
           size: "xs"
         }),
-        j(" " + b(e.error), 1)
-      ])) : e.helper ? (a(), n("p", Ha, b(e.helper), 1)) : c("", !0)
+        j(" " + h(e.error), 1)
+      ])) : e.helper ? (a(), n("p", Ja, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, Ra = {
+}, Qa = {
   class: "w-full",
   "data-component": "DXInputGroup"
-}, qa = {
+}, en = {
   key: 0,
   class: "block text-sm font-medium text-slate-700 mb-1"
-}, Ea = { class: "flex" }, Ga = {
+}, tn = { class: "flex" }, ln = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
-}, ao = {
+}, Vo = {
   __name: "DXInputGroup",
   props: {
     label: { type: String, default: "" },
@@ -3612,26 +3663,26 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     size: { type: String, default: "md" }
   },
   setup(e) {
-    return re("inputGroup", {
+    return ee("inputGroup", {
       size: e.size
-    }), (l, s) => (a(), n("div", Ra, [
-      e.label ? (a(), n("label", qa, b(e.label), 1)) : c("", !0),
-      o("div", Ea, [
-        $(l.$slots, "default")
+    }), (l, s) => (a(), n("div", Qa, [
+      e.label ? (a(), n("label", en, h(e.label), 1)) : c("", !0),
+      o("div", tn, [
+        V(l.$slots, "default")
       ]),
-      e.helper ? (a(), n("p", Ga, b(e.helper), 1)) : c("", !0)
+      e.helper ? (a(), n("p", ln, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, Ua = {
+}, an = {
   class: "w-full",
   "data-component": "DXInputMask"
-}, Ka = {
+}, nn = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, Wa = ["type", "placeholder", "value", "disabled"], Ya = {
+}, sn = ["type", "placeholder", "value", "disabled"], on = {
   key: 1,
   class: "mt-1 text-xs text-slate-500"
-}, no = {
+}, Do = {
   __name: "DXInputMask",
   props: {
     /** Значение (v-model) - сырое значение без маски */
@@ -3651,27 +3702,27 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D(null), i = D(""), d = (m) => {
-      const h = m.replace(/\D/g, "");
-      let y = "", x = 0;
-      for (let V = 0; V < l.mask.length && x < h.length; V++)
-        l.mask[V] === "#" ? (y += h[x], x++) : y += l.mask[V];
-      return y;
-    }, u = (m) => m.replace(/\D/g, ""), p = (m) => {
-      const h = u(m.target.value), y = d(h);
-      i.value = y, s("update:modelValue", h), setTimeout(() => {
+    const l = e, s = t, r = B(null), i = B(""), d = (m) => {
+      const g = m.replace(/\D/g, "");
+      let w = "", y = 0;
+      for (let S = 0; S < l.mask.length && y < g.length; S++)
+        l.mask[S] === "#" ? (w += g[y], y++) : w += l.mask[S];
+      return w;
+    }, u = (m) => m.replace(/\D/g, ""), v = (m) => {
+      const g = u(m.target.value), w = d(g);
+      i.value = w, s("update:modelValue", g), setTimeout(() => {
         if (r.value) {
-          const x = y.length;
-          r.value.setSelectionRange(x, x);
+          const y = w.length;
+          r.value.setSelectionRange(y, y);
         }
       }, 0);
-    }, v = (m) => {
+    }, b = (m) => {
       ["Backspace", "Delete", "Tab", "Escape", "Enter", "ArrowLeft", "ArrowRight"].includes(m.key) || /^\d$/.test(m.key) || m.preventDefault();
     };
-    return H(() => l.modelValue, (m) => {
+    return F(() => l.modelValue, (m) => {
       m !== u(i.value) && (i.value = d(m));
-    }, { immediate: !0 }), (m, h) => (a(), n("div", Ua, [
-      e.label ? (a(), n("label", Ka, b(e.label), 1)) : c("", !0),
+    }, { immediate: !0 }), (m, g) => (a(), n("div", an, [
+      e.label ? (a(), n("label", nn, h(e.label), 1)) : c("", !0),
       o("input", {
         ref_key: "inputRef",
         ref: r,
@@ -3680,20 +3731,20 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         value: i.value,
         disabled: e.disabled,
         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: p,
-        onKeydown: v
-      }, null, 40, Wa),
-      e.helper ? (a(), n("p", Ya, b(e.helper), 1)) : c("", !0)
+        onInput: v,
+        onKeydown: b
+      }, null, 40, sn),
+      e.helper ? (a(), n("p", on, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, Ja = {
+}, rn = {
   class: "flex items-center gap-1",
   "aria-label": "Pagination",
   "data-component": "DXPagination"
-}, Qa = ["disabled"], en = {
+}, dn = ["disabled"], un = {
   key: 0,
   class: "px-2 text-slate-400"
-}, tn = ["aria-current", "onClick"], ln = ["disabled"], an = "bg-slate-900 text-white hover:bg-slate-800", so = {
+}, cn = ["aria-current", "onClick"], mn = ["disabled"], fn = "bg-slate-900 text-white hover:bg-slate-800", zo = {
   __name: "DXPagination",
   props: {
     /** Текущая страница (v-model) */
@@ -3707,79 +3758,79 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = (v) => {
-      v >= 1 && v <= l.totalPages && s("update:modelValue", v);
-    }, i = g(() => {
-      const v = l.modelValue, m = l.totalPages, h = l.siblingCount, y = [];
-      y.push(1);
-      const x = Math.max(2, v - h), V = Math.min(m - 1, v + h);
-      x > 2 && y.push("...");
-      for (let T = x; T <= V; T++)
-        T !== 1 && T !== m && y.push(T);
-      return V < m - 1 && y.push("..."), m > 1 && y.push(m), y;
+    const l = e, s = t, r = (b) => {
+      b >= 1 && b <= l.totalPages && s("update:modelValue", b);
+    }, i = p(() => {
+      const b = l.modelValue, m = l.totalPages, g = l.siblingCount, w = [];
+      w.push(1);
+      const y = Math.max(2, b - g), S = Math.min(m - 1, b + g);
+      y > 2 && w.push("...");
+      for (let Z = y; Z <= S; Z++)
+        Z !== 1 && Z !== m && w.push(Z);
+      return S < m - 1 && w.push("..."), m > 1 && w.push(m), w;
     }), d = {
       sm: "h-7 min-w-7 text-xs",
       md: "h-9 min-w-9 text-sm",
       lg: "h-11 min-w-11 text-base"
-    }, u = g(() => [
+    }, u = p(() => [
       "inline-flex items-center justify-center rounded-lg border border-slate-200 bg-white text-slate-600 hover:bg-slate-50 hover:border-slate-300 transition-colors",
       d[l.size] || d.md
-    ]), p = g(() => [
+    ]), v = p(() => [
       "inline-flex items-center justify-center rounded-lg font-medium transition-colors",
       d[l.size] || d.md,
       "text-slate-600 hover:bg-slate-100"
     ]);
-    return (v, m) => (a(), n("nav", Ja, [
+    return (b, m) => (a(), n("nav", rn, [
       o("button", {
         type: "button",
         disabled: e.modelValue <= 1,
         class: f([u.value, e.modelValue <= 1 && "opacity-50 cursor-not-allowed"]),
-        onClick: m[0] || (m[0] = (h) => r(e.modelValue - 1)),
+        onClick: m[0] || (m[0] = (g) => r(e.modelValue - 1)),
         "aria-label": "Предыдущая"
       }, [
-        A(S, {
-          icon: O(Ke),
+        A(D, {
+          icon: _(tt),
           size: "sm",
           animation: "none"
         }, null, 8, ["icon"])
-      ], 10, Qa),
-      (a(!0), n(M, null, _(i.value, (h) => (a(), n(M, { key: h }, [
-        h === "..." ? (a(), n("span", en, "...")) : (a(), n("button", {
+      ], 10, dn),
+      (a(!0), n(M, null, L(i.value, (g) => (a(), n(M, { key: g }, [
+        g === "..." ? (a(), n("span", un, "...")) : (a(), n("button", {
           key: 1,
           type: "button",
-          class: f([p.value, h === e.modelValue && an]),
-          "aria-current": h === e.modelValue ? "page" : void 0,
-          onClick: (y) => r(h)
-        }, b(h), 11, tn))
+          class: f([v.value, g === e.modelValue && fn]),
+          "aria-current": g === e.modelValue ? "page" : void 0,
+          onClick: (w) => r(g)
+        }, h(g), 11, cn))
       ], 64))), 128)),
       o("button", {
         type: "button",
         disabled: e.modelValue >= e.totalPages,
         class: f([u.value, e.modelValue >= e.totalPages && "opacity-50 cursor-not-allowed"]),
-        onClick: m[1] || (m[1] = (h) => r(e.modelValue + 1)),
+        onClick: m[1] || (m[1] = (g) => r(e.modelValue + 1)),
         "aria-label": "Следующая"
       }, [
-        A(S, {
-          icon: O(de),
+        A(D, {
+          icon: _(fe),
           size: "sm",
           animation: "none"
         }, null, 8, ["icon"])
-      ], 10, ln)
+      ], 10, mn)
     ]));
   }
-}, nn = {
+}, pn = {
   class: "w-full",
   "data-component": "DXPasswordInput"
-}, sn = {
+}, vn = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, on = { class: "relative" }, rn = ["type", "placeholder", "value", "disabled"], dn = ["disabled", "aria-label"], un = {
+}, hn = { class: "relative" }, bn = ["type", "placeholder", "value", "disabled"], gn = ["disabled", "aria-label"], xn = {
   key: 1,
   class: "mt-1 text-xs text-rose-500"
-}, cn = {
+}, yn = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
-}, oo = {
+}, Bo = {
   __name: "DXPasswordInput",
   props: {
     /** Значение (v-model) */
@@ -3797,10 +3848,10 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = D(!1);
-    return (l, s) => (a(), n("div", nn, [
-      e.label ? (a(), n("label", sn, b(e.label), 1)) : c("", !0),
-      o("div", on, [
+    const t = B(!1);
+    return (l, s) => (a(), n("div", pn, [
+      e.label ? (a(), n("label", vn, h(e.label), 1)) : c("", !0),
+      o("div", hn, [
         o("input", {
           type: t.value ? "text" : "password",
           placeholder: e.placeholder,
@@ -3808,7 +3859,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           disabled: e.disabled,
           class: f(["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 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", { "border-rose-300 focus:ring-rose-500/10": e.error }]),
           onInput: s[0] || (s[0] = (r) => l.$emit("update:modelValue", r.target.value))
-        }, null, 42, rn),
+        }, null, 42, bn),
         o("button", {
           type: "button",
           class: "absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600 transition",
@@ -3816,23 +3867,23 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           onClick: s[1] || (s[1] = (r) => t.value = !t.value),
           "aria-label": t.value ? "Скрыть пароль" : "Показать пароль"
         }, [
-          A(S, {
-            icon: t.value ? O(et) : O(ae),
+          A(D, {
+            icon: t.value ? _(ot) : _(se),
             size: "md",
             animation: "scale"
           }, null, 8, ["icon"])
-        ], 8, dn)
+        ], 8, gn)
       ]),
-      e.error ? (a(), n("p", un, b(e.error), 1)) : e.helper ? (a(), n("p", cn, b(e.helper), 1)) : c("", !0)
+      e.error ? (a(), n("p", xn, h(e.error), 1)) : e.helper ? (a(), n("p", yn, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, mn = ["value", "checked", "disabled"], fn = { class: "flex items-start gap-3" }, pn = { class: "flex-1 min-w-0" }, gn = { class: "flex items-center justify-between" }, vn = {
+}, wn = ["value", "checked", "disabled"], kn = { class: "flex items-start gap-3" }, $n = { class: "flex-1 min-w-0" }, Cn = { class: "flex items-center justify-between" }, Sn = {
   key: 0,
   class: "w-5 h-5 rounded-full bg-slate-900 flex items-center justify-center flex-shrink-0"
-}, bn = {
+}, Vn = {
   key: 0,
   class: "text-sm text-slate-600 mt-1"
-}, ro = {
+}, Xo = {
   __name: "DXRadioCard",
   props: {
     modelValue: [String, Number, Boolean],
@@ -3855,7 +3906,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         disabled: e.disabled,
         class: "sr-only peer",
         onChange: l[0] || (l[0] = (s) => t.$emit("update:modelValue", e.value))
-      }, null, 40, mn),
+      }, null, 40, wn),
       o("div", {
         class: f(["border-2 rounded-xl p-4 transition-all", [
           e.modelValue === e.value ? "border-slate-900 bg-slate-50" : "border-slate-200 bg-white",
@@ -3863,17 +3914,17 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           e.disabled && "bg-slate-50"
         ]])
       }, [
-        o("div", fn, [
-          e.icon ? (a(), C(L(e.icon), {
+        o("div", kn, [
+          e.icon ? (a(), $(O(e.icon), {
             key: 0,
             class: f(["w-6 h-6 flex-shrink-0", e.modelValue === e.value ? "text-slate-900" : "text-slate-400"])
           }, null, 8, ["class"])) : c("", !0),
-          o("div", pn, [
-            o("div", gn, [
+          o("div", $n, [
+            o("div", Cn, [
               o("p", {
                 class: f(["font-semibold", e.modelValue === e.value ? "text-slate-900" : "text-slate-700"])
-              }, b(e.title), 3),
-              e.modelValue === e.value ? (a(), n("div", vn, [...l[1] || (l[1] = [
+              }, h(e.title), 3),
+              e.modelValue === e.value ? (a(), n("div", Sn, [...l[1] || (l[1] = [
                 o("svg", {
                   class: "w-3 h-3 text-white",
                   fill: "none",
@@ -3889,23 +3940,23 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
                 ], -1)
               ])])) : c("", !0)
             ]),
-            e.description ? (a(), n("p", bn, b(e.description), 1)) : c("", !0),
-            $(t.$slots, "default")
+            e.description ? (a(), n("p", Vn, h(e.description), 1)) : c("", !0),
+            V(t.$slots, "default")
           ])
         ])
       ], 2)
     ], 2));
   }
-}, hn = {
+}, Dn = {
   class: "space-y-2",
   "data-component": "DXRadioGroup"
-}, xn = {
+}, zn = {
   key: 0,
   class: "text-sm font-medium text-slate-700 mb-3"
-}, yn = ["value", "checked", "disabled", "onChange"], wn = { class: "text-sm text-slate-700 select-none" }, kn = {
+}, Bn = ["value", "checked", "disabled", "onChange"], Xn = { class: "text-sm text-slate-700 select-none" }, In = {
   key: 1,
   class: "text-xs text-slate-500 mt-1"
-}, io = {
+}, Io = {
   __name: "DXRadioGroup",
   props: {
     /** Текущее значение (v-model) */
@@ -3925,7 +3976,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = g(() => {
+    const t = e, l = p(() => {
       switch (t.size) {
         case "sm":
           return "h-3.5 w-3.5";
@@ -3935,12 +3986,12 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           return "h-4 w-4";
       }
     });
-    return (s, r) => (a(), n("div", hn, [
-      e.label ? (a(), n("p", xn, b(e.label), 1)) : c("", !0),
+    return (s, r) => (a(), n("div", Dn, [
+      e.label ? (a(), n("p", zn, h(e.label), 1)) : c("", !0),
       o("div", {
         class: f(e.layout === "horizontal" ? "flex flex-wrap gap-3" : "space-y-2")
       }, [
-        (a(!0), n(M, null, _(e.options, (i) => (a(), n("label", {
+        (a(!0), n(M, null, L(e.options, (i) => (a(), n("label", {
           key: i.value,
           class: f(["inline-flex items-center gap-2 cursor-pointer", { "opacity-60 cursor-not-allowed": e.disabled || i.disabled }])
         }, [
@@ -3951,32 +4002,32 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
             disabled: e.disabled || i.disabled,
             class: f(["rounded-full border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition", l.value]),
             onChange: (d) => s.$emit("update:modelValue", i.value)
-          }, null, 42, yn),
-          o("span", wn, b(i.label), 1)
+          }, null, 42, Bn),
+          o("span", Xn, h(i.label), 1)
         ], 2))), 128))
       ], 2),
-      e.helper ? (a(), n("p", kn, b(e.helper), 1)) : c("", !0)
+      e.helper ? (a(), n("p", In, h(e.helper), 1)) : c("", !0)
     ]));
   }
-}, $n = {
+}, An = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
-}, Cn = {
+}, jn = {
   key: 1,
   class: "flex flex-wrap gap-2 mb-2"
-}, Sn = ["onClick"], Vn = { class: "truncate flex items-center gap-2" }, Dn = {
+}, Mn = ["onClick"], Ln = { class: "truncate flex items-center gap-2" }, _n = {
   key: 2,
   class: "absolute z-20 mt-2 w-full bg-white border border-slate-200 rounded-xl shadow-lg p-3 space-y-2"
-}, zn = { class: "relative" }, Bn = ["placeholder"], Xn = { class: "max-h-48 overflow-y-auto space-y-1" }, In = ["onClick"], An = { class: "flex items-center gap-2 flex-1 truncate" }, jn = {
+}, On = { class: "relative" }, Zn = ["placeholder"], Tn = { class: "max-h-48 overflow-y-auto space-y-1" }, Nn = ["onClick"], Pn = { class: "flex items-center gap-2 flex-1 truncate" }, Rn = {
   key: 0,
   class: "w-4 h-4 text-slate-900 flex-shrink-0",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
-}, Mn = {
+}, qn = {
   key: 1,
   class: "text-xs text-slate-500 px-3 py-2"
-}, uo = {
+}, Ao = {
   __name: "DXSearchSelect",
   props: {
     /** Значение (v-model) - строка или массив для multiple */
@@ -3996,48 +4047,48 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue", "create"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D(!1), i = D(""), d = D(null), u = D(null), p = g(() => l.multiple ? null : l.options.find((w) => String(w.value) === String(l.modelValue))), v = g(() => {
+    const l = e, s = t, r = B(!1), i = B(""), d = B(null), u = B(null), v = p(() => l.multiple ? null : l.options.find((x) => String(x.value) === String(l.modelValue))), b = p(() => {
       if (!l.multiple) return [];
-      const w = Array.isArray(l.modelValue) ? l.modelValue : [];
-      return l.options.filter((k) => w.includes(k.value));
-    }), m = g(() => {
+      const x = Array.isArray(l.modelValue) ? l.modelValue : [];
+      return l.options.filter((k) => x.includes(k.value));
+    }), m = p(() => {
       if (l.multiple) {
-        const w = v.value.length;
-        return w > 0 ? `Выбрано: ${w}` : l.placeholder;
+        const x = b.value.length;
+        return x > 0 ? `Выбрано: ${x}` : l.placeholder;
       }
-      return p.value ? p.value.label : l.placeholder;
-    }), h = g(() => {
-      const w = i.value.toLowerCase().trim();
-      return w ? l.options.filter((k) => k.label.toLowerCase().includes(w)) : l.options;
-    }), y = (w) => l.multiple ? (Array.isArray(l.modelValue) ? l.modelValue : []).includes(w) : l.modelValue === w, x = () => {
-      r.value = !r.value, r.value && W(() => {
-        var w;
-        return (w = u.value) == null ? void 0 : w.focus();
+      return v.value ? v.value.label : l.placeholder;
+    }), g = p(() => {
+      const x = i.value.toLowerCase().trim();
+      return x ? l.options.filter((k) => k.label.toLowerCase().includes(x)) : l.options;
+    }), w = (x) => l.multiple ? (Array.isArray(l.modelValue) ? l.modelValue : []).includes(x) : l.modelValue === x, y = () => {
+      r.value = !r.value, r.value && J(() => {
+        var x;
+        return (x = u.value) == null ? void 0 : x.focus();
       });
-    }, V = (w) => {
+    }, S = (x) => {
       if (l.multiple) {
-        const k = Array.isArray(l.modelValue) ? l.modelValue : [], I = k.indexOf(w);
+        const k = Array.isArray(l.modelValue) ? l.modelValue : [], I = k.indexOf(x);
         if (I > -1) {
-          const B = [...k];
-          B.splice(I, 1), s("update:modelValue", B);
+          const X = [...k];
+          X.splice(I, 1), s("update:modelValue", X);
         } else
-          s("update:modelValue", [...k, w]);
+          s("update:modelValue", [...k, x]);
       } else
-        s("update:modelValue", w), r.value = !1;
+        s("update:modelValue", x), r.value = !1;
       i.value = "";
-    }, T = (w) => {
+    }, Z = (x) => {
       if (l.multiple) {
         const k = Array.isArray(l.modelValue) ? l.modelValue : [];
-        s("update:modelValue", k.filter((I) => I !== w));
+        s("update:modelValue", k.filter((I) => I !== x));
       }
-    }, X = () => {
+    }, z = () => {
       l.creatable && i.value && (s("create", i.value), i.value = "");
-    }, z = (w) => {
-      d.value && !d.value.contains(w.target) && (r.value = !1, i.value = "");
+    }, C = (x) => {
+      d.value && !d.value.contains(x.target) && (r.value = !1, i.value = "");
     };
-    return H(r, (w) => {
-      w || (i.value = "");
-    }), U(() => document.addEventListener("click", z)), J(() => document.removeEventListener("click", z)), (w, k) => {
+    return F(r, (x) => {
+      x || (i.value = "");
+    }), U(() => document.addEventListener("click", C)), te(() => document.removeEventListener("click", C)), (x, k) => {
       var I;
       return a(), n("div", {
         class: "relative",
@@ -4045,21 +4096,21 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         ref: d,
         "data-component": "DXSearchSelect"
       }, [
-        e.label ? (a(), n("label", $n, b(e.label), 1)) : c("", !0),
-        e.multiple && v.value.length > 0 ? (a(), n("div", Cn, [
-          (a(!0), n(M, null, _(v.value, (B) => (a(), n("span", {
-            key: B.value,
+        e.label ? (a(), n("label", An, h(e.label), 1)) : c("", !0),
+        e.multiple && b.value.length > 0 ? (a(), n("div", jn, [
+          (a(!0), n(M, null, L(b.value, (X) => (a(), n("span", {
+            key: X.value,
             class: "inline-flex items-center gap-1 px-2 py-1 text-xs font-medium bg-slate-100 text-slate-700 rounded-lg"
           }, [
-            B.icon ? (a(), C(L(B.icon), {
+            X.icon ? (a(), $(O(X.icon), {
               key: 0,
               class: "w-3 h-3"
             })) : c("", !0),
-            j(" " + b(B.label) + " ", 1),
+            j(" " + h(X.label) + " ", 1),
             o("button", {
               type: "button",
               class: "hover:text-slate-900",
-              onClick: N((K) => T(B.value), ["stop"])
+              onClick: P((R) => Z(X.value), ["stop"])
             }, [...k[3] || (k[3] = [
               o("svg", {
                 class: "w-3 h-3",
@@ -4074,7 +4125,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
                   d: "M6 18L18 6M6 6l12 12"
                 })
               ], -1)
-            ])], 8, Sn)
+            ])], 8, Mn)
           ]))), 128))
         ])) : c("", !0),
         o("button", {
@@ -4083,14 +4134,14 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
             !r.value && "hover:border-slate-300",
             r.value && "ring-2 ring-slate-900/10 border-slate-300"
           ]]),
-          onClick: x
+          onClick: y
         }, [
-          o("span", Vn, [
-            !e.multiple && ((I = p.value) != null && I.icon) ? (a(), C(L(p.value.icon), {
+          o("span", Ln, [
+            !e.multiple && ((I = v.value) != null && I.icon) ? (a(), $(O(v.value.icon), {
               key: 0,
               class: "w-4 h-4 text-slate-500"
             })) : c("", !0),
-            j(" " + b(m.value), 1)
+            j(" " + h(m.value), 1)
           ]),
           (a(), n("svg", {
             class: f(["w-4 h-4 text-slate-400 transition-transform", { "rotate-180": r.value }]),
@@ -4106,21 +4157,21 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
             }, null, -1)
           ])], 2))
         ], 2),
-        r.value ? (a(), n("div", Dn, [
-          o("div", zn, [
+        r.value ? (a(), n("div", _n, [
+          o("div", On, [
             q(o("input", {
               ref_key: "searchInput",
               ref: u,
-              "onUpdate:modelValue": k[0] || (k[0] = (B) => i.value = B),
+              "onUpdate:modelValue": k[0] || (k[0] = (X) => i.value = X),
               class: "w-full px-3 py-2 text-sm border border-slate-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-slate-900/10",
               placeholder: e.searchPlaceholder,
               onKeydown: [
-                k[1] || (k[1] = N(() => {
+                k[1] || (k[1] = P(() => {
                 }, ["stop"])),
-                k[2] || (k[2] = R((B) => r.value = !1, ["escape"]))
+                k[2] || (k[2] = E((X) => r.value = !1, ["escape"]))
               ]
-            }, null, 40, Bn), [
-              [G, i.value]
+            }, null, 40, Zn), [
+              [K, i.value]
             ]),
             k[5] || (k[5] = o("svg", {
               class: "absolute right-3 top-2.5 w-4 h-4 text-slate-400",
@@ -4136,21 +4187,21 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
               })
             ], -1))
           ]),
-          o("div", Xn, [
-            (a(!0), n(M, null, _(h.value, (B) => (a(), n("button", {
-              key: B.value,
+          o("div", Tn, [
+            (a(!0), n(M, null, L(g.value, (X) => (a(), n("button", {
+              key: X.value,
               type: "button",
-              class: f(["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": y(B.value) }]),
-              onClick: (K) => V(B.value)
+              class: f(["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": w(X.value) }]),
+              onClick: (R) => S(X.value)
             }, [
-              o("span", An, [
-                B.icon ? (a(), C(L(B.icon), {
+              o("span", Pn, [
+                X.icon ? (a(), $(O(X.icon), {
                   key: 0,
                   class: "w-4 h-4 text-slate-500"
                 })) : c("", !0),
-                j(" " + b(B.label), 1)
+                j(" " + h(X.label), 1)
               ]),
-              y(B.value) ? (a(), n("svg", jn, [...k[6] || (k[6] = [
+              w(X.value) ? (a(), n("svg", Rn, [...k[6] || (k[6] = [
                 o("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
@@ -4158,12 +4209,12 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
                   d: "M5 13l4 4L19 7"
                 }, null, -1)
               ])])) : c("", !0)
-            ], 10, In))), 128)),
-            e.creatable && i.value && !h.value.length ? (a(), n("button", {
+            ], 10, Nn))), 128)),
+            e.creatable && i.value && !g.value.length ? (a(), n("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",
-              onClick: X
+              onClick: z
             }, [
               k[7] || (k[7] = o("svg", {
                 class: "w-4 h-4",
@@ -4178,20 +4229,20 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
                   d: "M12 4v16m8-8H4"
                 })
               ], -1)),
-              j(' Создать "' + b(i.value) + '" ', 1)
-            ])) : h.value.length ? c("", !0) : (a(), n("p", Mn, "Не найдено"))
+              j(' Создать "' + h(i.value) + '" ', 1)
+            ])) : g.value.length ? c("", !0) : (a(), n("p", qn, "Не найдено"))
           ])
         ])) : c("", !0)
       ], 512);
     };
   }
-}, Ln = {
+}, Hn = {
   class: "inline-flex",
   "data-component": "DXSegmentedControl"
-}, _n = {
+}, Fn = {
   key: 0,
   class: "text-sm font-medium text-slate-700 mb-2"
-}, On = { class: "relative inline-flex p-1 bg-slate-100 rounded-xl gap-1" }, Tn = ["disabled", "onClick"], Zn = { key: 1 }, co = {
+}, En = { class: "relative inline-flex p-1 bg-slate-100 rounded-xl gap-1" }, Gn = ["disabled", "onClick"], Un = { key: 1 }, jo = {
   __name: "DXSegmentedControl",
   props: {
     modelValue: [String, Number, Boolean],
@@ -4208,61 +4259,61 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, s = t, r = D([]), i = D({}), d = g(() => l.options.findIndex((m) => m.value === l.modelValue)), u = () => {
+    const l = e, s = t, r = B([]), i = B({}), d = p(() => l.options.findIndex((m) => m.value === l.modelValue)), u = () => {
       const m = d.value;
       if (m >= 0 && r.value[m]) {
-        const h = r.value[m];
+        const g = r.value[m];
         i.value = {
-          width: `${h.offsetWidth}px`,
-          height: `${h.offsetHeight}px`,
-          left: `${h.offsetLeft}px`,
-          top: `${h.offsetTop}px`
+          width: `${g.offsetWidth}px`,
+          height: `${g.offsetHeight}px`,
+          left: `${g.offsetLeft}px`,
+          top: `${g.offsetTop}px`
         };
       }
-    }, p = (m) => {
+    }, v = (m) => {
       l.disabled || s("update:modelValue", m);
-    }, v = (m) => l.iconAnimation === "none" ? "none" : l.animateActiveOnly ? l.modelValue === m.value ? l.iconAnimation : "none" : l.iconAnimation;
-    return H(() => l.modelValue, () => {
-      W(u);
+    }, b = (m) => l.iconAnimation === "none" ? "none" : l.animateActiveOnly ? l.modelValue === m.value ? l.iconAnimation : "none" : l.iconAnimation;
+    return F(() => l.modelValue, () => {
+      J(u);
     }), U(() => {
-      W(u);
-    }), (m, h) => (a(), n("div", Ln, [
-      e.label ? (a(), n("p", _n, b(e.label), 1)) : c("", !0),
-      o("div", On, [
+      J(u);
+    }), (m, g) => (a(), n("div", Hn, [
+      e.label ? (a(), n("p", Fn, h(e.label), 1)) : c("", !0),
+      o("div", En, [
         o("div", {
           class: "absolute bg-white rounded-lg shadow-sm transition-all duration-200 ease-out",
-          style: E(i.value)
+          style: G(i.value)
         }, null, 4),
-        (a(!0), n(M, null, _(e.options, (y, x) => (a(), n("button", {
-          key: y.value,
+        (a(!0), n(M, null, L(e.options, (w, y) => (a(), n("button", {
+          key: w.value,
           type: "button",
           ref_for: !0,
-          ref: (V) => {
-            V && (r.value[x] = V);
+          ref: (S) => {
+            S && (r.value[y] = S);
           },
           class: f(["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 === y.value ? "text-slate-900" : "text-slate-600 hover:text-slate-900",
+            e.modelValue === w.value ? "text-slate-900" : "text-slate-600 hover:text-slate-900",
             e.disabled && "opacity-60 cursor-not-allowed"
           ]]),
           disabled: e.disabled,
-          onClick: (V) => p(y.value)
+          onClick: (S) => v(w.value)
         }, [
-          y.icon ? (a(), C(S, {
+          w.icon ? (a(), $(D, {
             key: 0,
-            icon: y.icon,
+            icon: w.icon,
             size: "xs",
-            animation: v(y)
+            animation: b(w)
           }, null, 8, ["icon", "animation"])) : c("", !0),
-          y.label ? (a(), n("span", Zn, b(y.label), 1)) : c("", !0),
-          y.count !== void 0 && y.count !== null ? (a(), n("span", {
+          w.label ? (a(), n("span", Un, h(w.label), 1)) : c("", !0),
+          w.count !== void 0 && w.count !== null ? (a(), n("span", {
             key: 2,
-            class: f(["inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-semibold rounded-full", e.modelValue === y.value ? "bg-slate-800 text-white" : "bg-slate-200 text-slate-700"])
-          }, b(y.count), 3)) : c("", !0)
-        ], 10, Tn))), 128))
+            class: f(["inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-semibold rounded-full", e.modelValue === w.value ? "bg-slate-800 text-white" : "bg-slate-200 text-slate-700"])
+          }, h(w.count), 3)) : c("", !0)
+        ], 10, Gn))), 128))
       ])
     ]));
   }
-}, Nn = ["onClick", "aria-expanded"], Pn = { class: "flex items-center gap-2" }, Fn = { class: "text-slate-900" }, Hn = { class: "overflow-hidden" }, Rn = { class: "pb-4 px-1 text-sm text-slate-600" }, mo = {
+}, Kn = ["onClick", "aria-expanded"], Yn = { class: "flex items-center gap-2" }, Wn = { class: "text-slate-900" }, Jn = { class: "overflow-hidden" }, Qn = { class: "pb-4 px-1 text-sm text-slate-600" }, Mo = {
   __name: "DXAccordion",
   props: {
     /** Элементы: [{ title, content?, icon? }] */
@@ -4275,46 +4326,46 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     variant: { type: String, default: "default" }
   },
   setup(e) {
-    const t = e, l = D(new Set(t.defaultOpen)), s = (u) => l.value.has(u), r = (u) => {
+    const t = e, l = B(new Set(t.defaultOpen)), s = (u) => l.value.has(u), r = (u) => {
       t.multiple ? (l.value.has(u) ? l.value.delete(u) : l.value.add(u), l.value = new Set(l.value)) : l.value.has(u) ? l.value = /* @__PURE__ */ new Set() : l.value = /* @__PURE__ */ new Set([u]);
     }, i = {
       default: "",
       bordered: "border border-slate-200 rounded-xl overflow-hidden",
       separated: "space-y-2"
-    }, d = g(() => [
+    }, d = p(() => [
       i[t.variant] || i.default
     ]);
-    return (u, p) => (a(), n("div", {
+    return (u, v) => (a(), n("div", {
       class: f(d.value),
       "data-component": "DXAccordion"
     }, [
-      (a(!0), n(M, null, _(e.items, (v, m) => (a(), n("div", {
+      (a(!0), n(M, null, L(e.items, (b, m) => (a(), n("div", {
         key: m,
         class: "border-b border-slate-200 last:border-b-0"
       }, [
         o("button", {
           type: "button",
           class: f(["w-full flex items-center justify-between py-4 px-1 text-left transition-colors hover:bg-slate-50", { "font-semibold": s(m) }]),
-          onClick: (h) => r(m),
+          onClick: (g) => r(m),
           "aria-expanded": s(m)
         }, [
-          o("span", Pn, [
-            v.icon ? (a(), C(S, {
+          o("span", Yn, [
+            b.icon ? (a(), $(D, {
               key: 0,
-              icon: v.icon,
+              icon: b.icon,
               size: "md",
               animation: "none",
               class: "text-slate-500"
             }, null, 8, ["icon"])) : c("", !0),
-            o("span", Fn, b(v.title), 1)
+            o("span", Wn, h(b.title), 1)
           ]),
-          A(S, {
-            icon: O(le),
+          A(D, {
+            icon: _(W),
             size: "md",
             animation: "none",
             class: f(["text-slate-400 transition-transform duration-200", { "rotate-180": s(m) }])
           }, null, 8, ["icon", "class"])
-        ], 10, Nn),
+        ], 10, Kn),
         A(Y, {
           "enter-active-class": "transition-all duration-200 ease-out",
           "enter-from-class": "opacity-0 max-h-0",
@@ -4323,15 +4374,15 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           "leave-from-class": "opacity-100 max-h-96",
           "leave-to-class": "opacity-0 max-h-0"
         }, {
-          default: P(() => [
-            q(o("div", Hn, [
-              o("div", Rn, [
-                $(u.$slots, `item-${m}`, {}, () => [
-                  j(b(v.content), 1)
+          default: T(() => [
+            q(o("div", Jn, [
+              o("div", Qn, [
+                V(u.$slots, `item-${m}`, {}, () => [
+                  j(h(b.content), 1)
                 ])
               ])
             ], 512), [
-              [fe, s(m)]
+              [ce, s(m)]
             ])
           ]),
           _: 2
@@ -4339,16 +4390,16 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
       ]))), 128))
     ], 2));
   }
-}, qn = {
+}, es = {
   key: 0,
   class: "absolute right-0 mt-2 w-56 bg-white border border-slate-200 rounded-2xl shadow-lg py-2 z-20"
-}, fo = {
+}, Lo = {
   __name: "DXDropdown",
   setup(e) {
-    const t = D(!1), l = D(null), s = () => t.value = !t.value, r = () => t.value = !1, i = (d) => {
+    const t = B(!1), l = B(null), s = () => t.value = !t.value, r = () => t.value = !1, i = (d) => {
       l.value && !l.value.contains(d.target) && r();
     };
-    return U(() => document.addEventListener("click", i)), J(() => document.removeEventListener("click", i)), (d, u) => (a(), n("div", {
+    return U(() => document.addEventListener("click", i)), te(() => document.removeEventListener("click", i)), (d, u) => (a(), n("div", {
       class: "relative inline-block",
       ref_key: "root",
       ref: l,
@@ -4359,28 +4410,28 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         class: "dropdown-btn inline-flex items-center gap-2 px-3 py-2 rounded-xl border border-slate-200 text-sm font-semibold text-slate-700 hover:border-slate-300 transition",
         onClick: s
       }, [
-        $(d.$slots, "trigger", {}, () => [
+        V(d.$slots, "trigger", {}, () => [
           u[0] || (u[0] = j("Меню", -1))
         ]),
-        A(S, {
-          icon: O(le),
+        A(D, {
+          icon: _(W),
           size: "sm",
           animation: "wiggle",
           class: "text-slate-400"
         }, null, 8, ["icon"])
       ]),
-      t.value ? (a(), n("div", qn, [
-        $(d.$slots, "default")
+      t.value ? (a(), n("div", es, [
+        V(d.$slots, "default")
       ])) : c("", !0)
     ], 512));
   }
-}, En = {
+}, ts = {
   class: "bg-white border border-slate-100 rounded-3xl shadow-sm p-8 text-center space-y-3",
   "data-component": "DXEmptyState"
-}, Gn = { class: "text-base font-semibold text-slate-900" }, Un = {
+}, ls = { class: "text-base font-semibold text-slate-900" }, as = {
   key: 0,
   class: "text-sm text-slate-600"
-}, Kn = {
+}, ns = {
   __name: "DXEmptyState",
   props: {
     /** Иконка (компонент) */
@@ -4393,22 +4444,22 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     animated: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, l) => (a(), n("div", En, [
-      (a(), C(L(e.icon), {
+    return (t, l) => (a(), n("div", ts, [
+      (a(), $(O(e.icon), {
         class: f(["w-10 h-10 text-slate-500 mx-auto", e.animated && "animate-bounce-slow"])
       }, null, 8, ["class"])),
-      o("p", Gn, b(e.title), 1),
-      e.description ? (a(), n("p", Un, b(e.description), 1)) : c("", !0),
-      $(t.$slots, "action", {}, void 0, !0)
+      o("p", ls, h(e.title), 1),
+      e.description ? (a(), n("p", as, h(e.description), 1)) : c("", !0),
+      V(t.$slots, "action", {}, void 0, !0)
     ]));
   }
-}, po = /* @__PURE__ */ Z(Kn, [["__scopeId", "data-v-0d333d18"]]), Wn = ["data-variant"], Yn = { class: "flex items-center justify-between flex-shrink-0 mb-4 gap-4" }, Jn = { class: "text-lg font-semibold tracking-tight text-slate-900 flex-1" }, Qn = {
+}, _o = /* @__PURE__ */ N(ns, [["__scopeId", "data-v-0d333d18"]]), ss = ["data-variant"], os = { class: "flex items-center justify-between flex-shrink-0 mb-4 gap-4" }, rs = { class: "text-lg font-semibold tracking-tight text-slate-900 flex-1" }, is = {
   key: 0,
   class: "flex items-center gap-1 rounded-xl border border-slate-200 bg-slate-50 p-1"
-}, es = ["title", "onClick"], ts = { class: "text-slate-700 overflow-y-auto flex-1 min-h-0" }, ls = {
+}, ds = ["title", "onClick"], us = { class: "text-slate-700 overflow-y-auto flex-1 min-h-0" }, cs = {
   key: 0,
   class: "flex justify-end gap-2 flex-shrink-0 mt-4 pt-4 border-t border-slate-200"
-}, as = {
+}, ms = {
   __name: "DXModal",
   props: {
     /** Открыто/закрыто */
@@ -4425,15 +4476,15 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   emits: ["close", "opened", "closed", "update:variant"],
   setup(e, { emit: t }) {
     const l = e, s = t, r = [
-      { value: "modal", label: "Модальное окно", icon: it },
-      { value: "fullscreen", label: "На весь экран", icon: qe },
-      { value: "sidebar-right", label: "Боковая панель", icon: mt },
-      { value: "half-right", label: "Половина справа", icon: ot }
+      { value: "modal", label: "Модальное окно", icon: vt },
+      { value: "fullscreen", label: "На весь экран", icon: Ke },
+      { value: "sidebar-right", label: "Боковая панель", icon: xt },
+      { value: "half-right", label: "Половина справа", icon: ft }
     ], i = () => {
       l.closable && l.variant !== "half-right" && s("close");
-    }, d = (h) => {
-      s("update:variant", h);
-    }, u = g(() => {
+    }, d = (g) => {
+      s("update:variant", g);
+    }, u = p(() => {
       switch (l.variant) {
         case "sidebar-right":
         case "half-right":
@@ -4441,7 +4492,7 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         default:
           return "fade-scale";
       }
-    }), p = g(() => {
+    }), v = p(() => {
       switch (l.variant) {
         case "fullscreen":
           return "fixed inset-0 z-50 bg-slate-900/40 backdrop-blur-sm flex items-center justify-center p-0";
@@ -4452,19 +4503,19 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
         default:
           return "fixed inset-0 z-50 bg-slate-900/40 backdrop-blur-sm flex items-center justify-center px-4 py-4 overflow-y-auto";
       }
-    }), v = g(() => {
-      const h = "bg-white shadow-2xl flex flex-col";
+    }), b = p(() => {
+      const g = "bg-white shadow-2xl flex flex-col";
       switch (l.variant) {
         case "fullscreen":
-          return `${h} w-full h-full p-8`;
+          return `${g} w-full h-full p-8`;
         case "sidebar-right":
-          return `${h} h-full w-full max-w-md p-6 border-l border-slate-200`;
+          return `${g} h-full w-full max-w-md p-6 border-l border-slate-200`;
         case "half-right":
-          return `${h} h-full w-full p-6 border-l border-slate-200 pointer-events-auto`;
+          return `${g} h-full w-full p-6 border-l border-slate-200 pointer-events-auto`;
         default:
-          return `${h} rounded-2xl w-full max-h-[90vh] p-6 my-auto ${m.value}`;
+          return `${g} rounded-2xl w-full max-h-[90vh] p-6 my-auto ${m.value}`;
       }
-    }), m = g(() => {
+    }), m = p(() => {
       if (l.variant !== "modal") return "";
       switch (l.width) {
         case "sm":
@@ -4477,90 +4528,422 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
           return "max-w-xl";
       }
     });
-    return (h, y) => (a(), C(pe, { to: "body" }, [
+    return (g, w) => (a(), $(ge, { to: "body" }, [
       A(Y, {
         name: u.value,
-        onAfterEnter: y[1] || (y[1] = (x) => h.$emit("opened")),
-        onAfterLeave: y[2] || (y[2] = (x) => h.$emit("closed"))
+        onAfterEnter: w[1] || (w[1] = (y) => g.$emit("opened")),
+        onAfterLeave: w[2] || (w[2] = (y) => g.$emit("closed"))
       }, {
-        default: P(() => [
+        default: T(() => [
           e.open ? (a(), n("div", {
             key: 0,
-            class: f(p.value),
-            onClick: N(i, ["self"]),
+            class: f(v.value),
+            onClick: P(i, ["self"]),
             "data-component": "DXModal",
             "data-variant": e.variant
           }, [
             o("div", {
-              class: f(v.value)
+              class: f(b.value)
             }, [
-              o("div", Yn, [
-                o("h3", Jn, [
-                  $(h.$slots, "title", {}, () => [
-                    y[3] || (y[3] = j("Диалог", -1))
+              o("div", os, [
+                o("h3", rs, [
+                  V(g.$slots, "title", {}, () => [
+                    w[3] || (w[3] = j("Диалог", -1))
                   ], !0)
                 ]),
-                e.showModeSwitcher ? (a(), n("div", Qn, [
-                  (a(), n(M, null, _(r, (x) => o("button", {
-                    key: x.value,
+                e.showModeSwitcher ? (a(), n("div", is, [
+                  (a(), n(M, null, L(r, (y) => o("button", {
+                    key: y.value,
                     type: "button",
-                    class: f(["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"]),
-                    title: x.label,
-                    onClick: (V) => d(x.value)
+                    class: f(["rounded-lg p-1.5 transition-colors", e.variant === y.value ? "bg-white text-slate-900 shadow-sm" : "text-slate-400 hover:text-slate-600 hover:bg-white/50"]),
+                    title: y.label,
+                    onClick: (S) => d(y.value)
                   }, [
-                    (a(), C(L(x.icon), { class: "h-4 w-4" }))
-                  ], 10, es)), 64))
+                    (a(), $(O(y.icon), { class: "h-4 w-4" }))
+                  ], 10, ds)), 64))
                 ])) : c("", !0),
-                e.closable ? (a(), C(ce, {
+                e.closable ? (a(), $(ve, {
                   key: 1,
                   size: "md",
                   variant: "default",
-                  onClick: y[0] || (y[0] = (x) => h.$emit("close"))
+                  onClick: w[0] || (w[0] = (y) => g.$emit("close"))
                 })) : c("", !0)
               ]),
-              o("div", ts, [
-                $(h.$slots, "default", {}, void 0, !0)
+              o("div", us, [
+                V(g.$slots, "default", {}, void 0, !0)
               ]),
-              h.$slots.actions ? (a(), n("div", ls, [
-                $(h.$slots, "actions", {}, void 0, !0)
+              g.$slots.actions ? (a(), n("div", cs, [
+                V(g.$slots, "actions", {}, void 0, !0)
               ])) : c("", !0)
             ], 2)
-          ], 10, Wn)) : c("", !0)
+          ], 10, ss)) : c("", !0)
         ]),
         _: 3
       }, 8, ["name"])
     ]));
   }
-}, go = /* @__PURE__ */ Z(as, [["__scopeId", "data-v-d02ee1db"]]), ns = {
+}, Oo = /* @__PURE__ */ N(ms, [["__scopeId", "data-v-d02ee1db"]]), fs = { "data-component": "DXSidebarMenuItem" }, ps = { class: "flex items-center gap-3 flex-1" }, vs = {
+  key: 1,
+  class: "flex-1 text-sm font-medium text-left"
+}, hs = { key: 1 }, bs = { class: "flex items-center gap-3 flex-1" }, gs = {
+  key: 1,
+  class: "flex-1 text-sm font-medium text-left"
+}, xs = { class: "overflow-hidden" }, ys = { class: "pl-11 py-1 space-y-1" }, ws = {
+  __name: "DXSidebarMenuItem",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click", "child-click"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = B(!1), i = Q("hasRouter", !1), d = () => {
+      r.value = !r.value;
+    }, u = p(() => l.item.to && i ? "router-link" : l.item.href ? "a" : "button"), v = (S) => S.to && i ? "router-link" : S.href ? "a" : "button", b = p(() => [
+      "w-full flex items-center gap-3 px-4 py-2.5 rounded-xl transition-all duration-200 text-left",
+      l.active ? "bg-slate-900 text-white shadow-lg shadow-slate-900/20" : "text-slate-600 hover:bg-slate-100 hover:text-slate-900",
+      l.item.disabled && "opacity-50 cursor-not-allowed",
+      l.compact && "justify-center px-2"
+    ]), m = p(() => [
+      "flex-shrink-0",
+      l.active ? "text-white" : "text-slate-400"
+    ]), g = (S) => [
+      "w-full flex items-center px-3 py-2 text-sm rounded-lg transition-colors text-left",
+      S.active ? "bg-slate-100 text-slate-900 font-medium" : "text-slate-600 hover:bg-slate-50 hover:text-slate-900"
+    ], w = (S) => {
+      if (l.item.disabled) {
+        S.preventDefault();
+        return;
+      }
+      s("click", l.item, S);
+    }, y = (S) => {
+      S.disabled || s("child-click", S);
+    };
+    return (S, Z) => (a(), n("div", fs, [
+      e.item.children ? (a(), n("div", hs, [
+        o("button", {
+          type: "button",
+          class: f(b.value),
+          onClick: d
+        }, [
+          o("div", bs, [
+            e.item.icon ? (a(), $(D, {
+              key: 0,
+              icon: e.item.icon,
+              size: "md",
+              animation: "scale",
+              class: f(m.value)
+            }, null, 8, ["icon", "class"])) : c("", !0),
+            e.compact ? c("", !0) : (a(), n("span", gs, h(e.item.label), 1))
+          ]),
+          e.compact ? c("", !0) : (a(), $(D, {
+            key: 0,
+            icon: _(W),
+            size: "sm",
+            animation: "none",
+            class: f(["text-slate-400 transition-transform duration-200", { "rotate-180": r.value }])
+          }, null, 8, ["icon", "class"]))
+        ], 2),
+        A(Y, {
+          "enter-active-class": "transition-all duration-200 ease-out",
+          "enter-from-class": "opacity-0 max-h-0",
+          "enter-to-class": "opacity-100 max-h-96",
+          "leave-active-class": "transition-all duration-200 ease-in",
+          "leave-from-class": "opacity-100 max-h-96",
+          "leave-to-class": "opacity-0 max-h-0"
+        }, {
+          default: T(() => [
+            q(o("div", xs, [
+              o("div", ys, [
+                (a(!0), n(M, null, L(e.item.children, (z, C) => (a(), $(O(v(z)), {
+                  key: C,
+                  to: z.to,
+                  href: z.href,
+                  class: f(g(z)),
+                  onClick: (x) => y(z)
+                }, {
+                  default: T(() => [
+                    j(h(z.label) + " ", 1),
+                    z.badge ? (a(), $(ie, {
+                      key: 0,
+                      variant: z.badgeVariant || "info",
+                      size: "sm",
+                      class: "ml-auto"
+                    }, {
+                      default: T(() => [
+                        j(h(z.badge), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["variant"])) : c("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "href", "class", "onClick"]))), 128))
+              ])
+            ], 512), [
+              [ce, r.value && !e.compact]
+            ])
+          ]),
+          _: 1
+        })
+      ])) : (a(), $(O(u.value), {
+        key: 0,
+        to: e.item.to,
+        href: e.item.href,
+        class: f(b.value),
+        onClick: w
+      }, {
+        default: T(() => [
+          o("div", ps, [
+            e.item.icon ? (a(), $(D, {
+              key: 0,
+              icon: e.item.icon,
+              size: "md",
+              animation: "scale",
+              class: f(m.value)
+            }, null, 8, ["icon", "class"])) : c("", !0),
+            e.compact ? c("", !0) : (a(), n("span", vs, h(e.item.label), 1))
+          ]),
+          e.item.badge && !e.compact ? (a(), $(ie, {
+            key: 0,
+            variant: e.item.badgeVariant || "info",
+            size: "sm"
+          }, {
+            default: T(() => [
+              j(h(e.item.badge), 1)
+            ]),
+            _: 1
+          }, 8, ["variant"])) : c("", !0)
+        ]),
+        _: 1
+      }, 8, ["to", "href", "class"]))
+    ]));
+  }
+}, ks = /* @__PURE__ */ N(ws, [["__scopeId", "data-v-ddd1087c"]]), $s = ["data-compact"], Cs = {
+  key: 0,
+  class: "text-lg font-bold text-slate-900"
+}, Ss = ["title"], Vs = {
+  key: 1,
+  class: "px-4 pb-4"
+}, Ds = {
+  key: 0,
+  class: "px-4 py-2 text-xs font-semibold text-slate-400 uppercase tracking-wider"
+}, zs = {
+  __name: "DXSidebarMenu",
+  props: {
+    /** Заголовок сайдбара */
+    title: {
+      type: String,
+      default: ""
+    },
+    /** Секции меню: [{ title?, items: [{ label, icon?, to?, href?, badge?, children? }] }] */
+    sections: {
+      type: Array,
+      required: !0
+    },
+    /** Текущий активный элемент (path или id) */
+    activeItem: {
+      type: String,
+      default: ""
+    },
+    /** Компактный режим (только иконки) */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    /** Можно ли сворачивать */
+    collapsible: {
+      type: Boolean,
+      default: !0
+    },
+    /** Показывать поиск */
+    searchable: {
+      type: Boolean,
+      default: !1
+    },
+    /** Ширина: sm | md | lg | full */
+    width: {
+      type: String,
+      default: "md",
+      validator: (e) => ["sm", "md", "lg", "full"].includes(e)
+    },
+    /** Фиксированная позиция */
+    fixed: {
+      type: Boolean,
+      default: !1
+    },
+    /** Показывать бордер справа */
+    bordered: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["item-click", "update:compact"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = B(""), i = B(l.compact), d = p(() => i.value);
+    let u = !1;
+    U(() => {
+      try {
+        u = !!(window != null && window.$router) || !1;
+      } catch {
+        u = !1;
+      }
+    }), ee("hasRouter", u);
+    const v = {
+      sm: "w-64",
+      md: "w-80",
+      lg: "w-96",
+      full: "w-full"
+    }, b = p(() => [
+      "flex flex-col bg-white transition-all duration-300",
+      i.value ? "w-20" : v[l.width],
+      l.fixed && "fixed top-0 left-0 h-screen",
+      l.bordered && "border-r border-slate-200",
+      "shadow-sm"
+    ]), m = p(() => [
+      "flex items-center gap-2 border-b border-slate-200 flex-shrink-0",
+      i.value ? "justify-center px-2 py-3" : "px-4 py-5"
+    ]), g = p(() => [
+      "flex-1 overflow-y-auto py-4 px-3 space-y-6",
+      i.value && "px-2"
+    ]), w = p(() => [
+      "px-4 py-4 border-t border-slate-200 flex-shrink-0",
+      i.value && "px-2"
+    ]), y = p(() => {
+      if (!r.value.trim()) return l.sections;
+      const C = r.value.toLowerCase();
+      return l.sections.map((x) => ({
+        ...x,
+        items: x.items.filter((k) => {
+          var R, oe;
+          const I = (R = k.label) == null ? void 0 : R.toLowerCase().includes(C), X = (oe = k.children) == null ? void 0 : oe.some(
+            (be) => {
+              var re;
+              return (re = be.label) == null ? void 0 : re.toLowerCase().includes(C);
+            }
+          );
+          return I || X;
+        })
+      })).filter((x) => x.items.length > 0);
+    }), S = (C) => l.activeItem ? C.to === l.activeItem || C.id === l.activeItem ? !0 : C.children ? C.children.some(
+      (x) => x.to === l.activeItem || x.id === l.activeItem
+    ) : !1 : !1, Z = () => {
+      i.value = !i.value, s("update:compact", i.value);
+    }, z = (C, x) => {
+      s("item-click", C, x);
+    };
+    return (C, x) => (a(), n("aside", {
+      class: f(b.value),
+      "data-component": "DXSidebarMenu",
+      "data-compact": d.value
+    }, [
+      C.$slots.header || e.title || e.collapsible ? (a(), n("div", {
+        key: 0,
+        class: f(m.value)
+      }, [
+        d.value ? c("", !0) : V(C.$slots, "header", { key: 0 }, () => [
+          e.title ? (a(), n("h2", Cs, h(e.title), 1)) : c("", !0)
+        ], !0),
+        e.collapsible ? (a(), n("button", {
+          key: 1,
+          type: "button",
+          class: f(["p-2 rounded-lg hover:bg-slate-100 transition-colors", { "ml-auto": !d.value }]),
+          onClick: Z,
+          title: d.value ? "Развернуть" : "Свернуть"
+        }, [
+          A(D, {
+            icon: d.value ? _(et) : _(Qe),
+            size: "md",
+            animation: "scale",
+            class: "text-slate-600"
+          }, null, 8, ["icon"])
+        ], 10, Ss)) : c("", !0)
+      ], 2)) : c("", !0),
+      e.searchable && !d.value ? (a(), n("div", Vs, [
+        A(Ot, {
+          modelValue: r.value,
+          "onUpdate:modelValue": x[0] || (x[0] = (k) => r.value = k),
+          placeholder: "Поиск...",
+          size: "sm"
+        }, {
+          prefix: T(() => [
+            A(D, {
+              icon: _(dt),
+              size: "sm",
+              class: "text-slate-400"
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : c("", !0),
+      o("nav", {
+        class: f(g.value)
+      }, [
+        (a(!0), n(M, null, L(y.value, (k, I) => (a(), n("div", {
+          key: I,
+          class: "space-y-1"
+        }, [
+          k.title && !d.value ? (a(), n("div", Ds, h(k.title), 1)) : c("", !0),
+          k.title && d.value ? (a(), $(Ct, {
+            key: 1,
+            spacing: "sm"
+          })) : c("", !0),
+          (a(!0), n(M, null, L(k.items, (X, R) => (a(), $(ks, {
+            key: R,
+            item: X,
+            active: S(X),
+            compact: d.value,
+            onClick: z,
+            onChildClick: z
+          }, null, 8, ["item", "active", "compact"]))), 128))
+        ]))), 128))
+      ], 2),
+      C.$slots.footer && !d.value ? (a(), n("div", {
+        key: 2,
+        class: f(w.value)
+      }, [
+        V(C.$slots, "footer", {}, void 0, !0)
+      ], 2)) : c("", !0)
+    ], 10, $s));
+  }
+}, Zo = /* @__PURE__ */ N(zs, [["__scopeId", "data-v-0cacd444"]]), Bs = {
   class: "border border-slate-200 rounded-2xl overflow-hidden",
   "data-component": "DXTable"
-}, ss = { class: "min-w-full divide-y divide-slate-200" }, os = { class: "bg-slate-50" }, rs = { class: "divide-y divide-slate-200 bg-white" }, vo = {
+}, Xs = { class: "min-w-full divide-y divide-slate-200" }, Is = { class: "bg-slate-50" }, As = { class: "divide-y divide-slate-200 bg-white" }, To = {
   __name: "DXTable",
   props: {
     /** Массив заголовков колонок */
     headers: { type: Array, default: () => [] }
   },
   setup(e) {
-    return (t, l) => (a(), n("div", ns, [
-      o("table", ss, [
-        o("thead", os, [
+    return (t, l) => (a(), n("div", Bs, [
+      o("table", Xs, [
+        o("thead", Is, [
           o("tr", null, [
-            (a(!0), n(M, null, _(e.headers, (s) => (a(), n("th", {
+            (a(!0), n(M, null, L(e.headers, (s) => (a(), n("th", {
               key: s,
               class: "px-4 py-3 text-left text-xs font-semibold text-slate-600 uppercase tracking-wide"
-            }, b(s), 1))), 128))
+            }, h(s), 1))), 128))
           ])
         ]),
-        o("tbody", rs, [
-          $(t.$slots, "default")
+        o("tbody", As, [
+          V(t.$slots, "default")
         ])
       ])
     ]));
   }
-}, is = {
+}, js = {
   class: "flex flex-wrap gap-2",
   "data-component": "DXTabs"
-}, ds = ["onClick"], us = { class: "flex items-center gap-2" }, bo = {
+}, Ms = ["onClick"], Ls = { class: "flex items-center gap-2" }, No = {
   __name: "DXTabs",
   props: {
     /** Текущее значение (v-model) */
@@ -4575,91 +4958,91 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, l = (s) => s.iconAnimation ? s.iconAnimation : t.animateActiveOnly ? t.modelValue === s.value ? t.iconAnimation : "none" : t.iconAnimation;
-    return (s, r) => (a(), n("div", is, [
-      (a(!0), n(M, null, _(e.tabs, (i) => (a(), n("button", {
+    return (s, r) => (a(), n("div", js, [
+      (a(!0), n(M, null, L(e.tabs, (i) => (a(), n("button", {
         key: i.value,
         class: f(["tab-btn px-3 py-2 rounded-xl text-sm font-semibold border transition", e.modelValue === i.value ? "bg-slate-800 text-white border-slate-800" : "border-slate-200 text-slate-700 hover:border-slate-300"]),
         onClick: (d) => s.$emit("update:modelValue", i.value)
       }, [
-        o("span", us, [
-          i.icon ? (a(), C(S, {
+        o("span", Ls, [
+          i.icon ? (a(), $(D, {
             key: 0,
             icon: i.icon,
             size: "sm",
             animation: l(i)
           }, null, 8, ["icon", "animation"])) : c("", !0),
-          o("span", null, b(i.label), 1),
+          o("span", null, h(i.label), 1),
           i.count !== void 0 ? (a(), n("span", {
             key: 1,
             class: f(["inline-flex items-center justify-center min-w-[24px] px-2 py-1 text-[11px] rounded-full", e.modelValue === i.value ? "bg-white/20 text-white" : "bg-slate-100 text-slate-700"])
-          }, b(i.count), 3)) : c("", !0)
+          }, h(i.count), 3)) : c("", !0)
         ])
-      ], 10, ds))), 128))
+      ], 10, Ms))), 128))
     ]));
   }
-}, ho = {
+}, Po = {
   type: String,
   default: "md",
   validator: (e) => ["xs", "sm", "md", "lg", "xl"].includes(e)
-}, xo = {
+}, Ro = {
   type: String,
   default: "info",
   validator: (e) => ["info", "success", "warning", "danger"].includes(e)
-}, yo = {
+}, qo = {
   type: String,
   default: "primary",
   validator: (e) => ["primary", "ghost", "danger", "success", "warning", "outline"].includes(e)
-}, wo = {
+}, Ho = {
   type: String,
   default: "none",
   validator: (e) => ["none", "wiggle", "scale", "rotate"].includes(e)
-}, ko = {
+}, Fo = {
   type: Boolean,
   default: !1
-}, $o = {
+}, Eo = {
   type: String,
   default: ""
-}, Co = {
+}, Go = {
   type: String,
   default: ""
-}, So = {
+}, Uo = {
   type: String,
   default: ""
-}, Vo = {
+}, Ko = {
   type: String,
   default: ""
-}, se = {
+}, ue = {
   favorite: {
-    activeIcon: Ve,
-    inactiveIcon: tt,
+    activeIcon: Xe,
+    inactiveIcon: rt,
     activeVariant: "danger",
     inactiveVariant: "ghost",
     iconAnimation: "scale"
   },
   bookmark: {
-    activeIcon: $e,
-    inactiveIcon: Ge,
+    activeIcon: De,
+    inactiveIcon: We,
     activeVariant: "warning",
     inactiveVariant: "ghost",
     iconAnimation: "scale"
   },
   star: {
-    activeIcon: Ie,
-    inactiveIcon: dt,
+    activeIcon: Le,
+    inactiveIcon: ht,
     activeVariant: "warning",
     inactiveVariant: "ghost",
     iconAnimation: "scale"
   },
   notifications: {
-    activeIcon: ke,
-    inactiveIcon: Ee,
+    activeIcon: Ve,
+    inactiveIcon: Ye,
     activeVariant: "primary",
     inactiveVariant: "ghost",
     iconAnimation: "wiggle"
   },
   visibility: {
-    activeIcon: ae,
-    inactiveIcon: Se,
+    activeIcon: se,
+    inactiveIcon: Be,
     activeLabel: "Visible",
     inactiveLabel: "Hidden",
     activeVariant: "success",
@@ -4667,8 +5050,8 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     iconAnimation: "scale"
   },
   lock: {
-    activeIcon: De,
-    inactiveIcon: lt,
+    activeIcon: Ie,
+    inactiveIcon: it,
     activeLabel: "Locked",
     inactiveLabel: "Unlocked",
     activeVariant: "danger",
@@ -4676,8 +5059,8 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     iconAnimation: "rotate"
   },
   theme: {
-    activeIcon: ze,
-    inactiveIcon: ut,
+    activeIcon: Ae,
+    inactiveIcon: bt,
     activeLabel: "Dark",
     inactiveLabel: "Light",
     activeVariant: "primary",
@@ -4685,15 +5068,15 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     iconAnimation: "rotate"
   },
   sound: {
-    activeIcon: Xe,
-    inactiveIcon: rt,
+    activeIcon: Me,
+    inactiveIcon: pt,
     activeVariant: "danger",
     inactiveVariant: "primary",
     iconAnimation: "scale"
   },
   playPause: {
-    activeIcon: Be,
-    inactiveIcon: nt,
+    activeIcon: je,
+    inactiveIcon: ct,
     activeLabel: "Pause",
     inactiveLabel: "Play",
     activeVariant: "warning",
@@ -4701,84 +5084,86 @@ const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
     iconAnimation: "scale"
   }
 };
-function Do(e) {
-  return se[e] || se.favorite;
+function Yo(e) {
+  return ue[e] || ue.favorite;
 }
 export {
-  mo as DXAccordion,
-  Gs as DXActionButtons,
-  Us as DXAlert,
-  Cs as DXAvatar,
-  Ss as DXBadge,
-  vs as DXBlockquote,
-  $s as DXBox,
-  Ks as DXBreadcrumb,
-  Vs as DXButton,
-  Ws as DXButtonGroup,
-  Ds as DXCard,
-  zs as DXCheckbox,
-  ce as DXCloseButton,
-  gs as DXCode,
-  Ys as DXComboBox,
-  hs as DXContainer,
-  Js as DXCopyField,
-  Qs as DXDatePicker,
-  Bs as DXDivider,
-  fo as DXDropdown,
-  Xs as DXDropdownItem,
-  po as DXEmptyState,
-  eo as DXFileUpload,
-  to as DXFilterGroup,
-  ys as DXFlex,
-  lo as DXFormControl,
-  xs as DXGrid,
-  ms as DXHeading,
-  S as DXIcon,
-  Is as DXInput,
-  As as DXInputAddon,
-  ao as DXInputGroup,
-  no as DXInputMask,
-  ps as DXLabel,
-  bs as DXList,
-  js as DXLoader,
-  go as DXModal,
-  so as DXPagination,
-  oo as DXPasswordInput,
-  Ms as DXProgress,
-  Ls as DXRadio,
-  ro as DXRadioCard,
-  io as DXRadioGroup,
-  uo as DXSearchSelect,
-  co as DXSegmentedControl,
-  _s as DXSelect,
-  Os as DXSkeleton,
-  Ts as DXSlider,
-  ks as DXSpacer,
-  ws as DXStack,
-  vo as DXTable,
-  bo as DXTabs,
-  Zs as DXTags,
-  fs as DXText,
-  Ns as DXTextarea,
-  Hs as DXToast,
-  Rs as DXToggle,
-  qs as DXToggleButton,
-  Es as DXTooltip,
-  ne as DXValidationIcon,
-  se as TOGGLE_PRESETS,
-  F as VARIANT_CONFIGS,
-  yo as buttonVariantProp,
-  ko as disabledProp,
-  So as errorProp,
-  Vo as helperProp,
-  wo as iconAnimationProp,
-  $o as labelProp,
-  Co as placeholderProp,
-  ho as sizeProp,
-  me as useComponentSize,
-  Do as useTogglePreset,
-  Ps as useVariantClasses,
-  hl as useVariantConfig,
-  Fs as useVariantIcon,
-  xo as variantProp
+  Mo as DXAccordion,
+  ho as DXActionButtons,
+  bo as DXAlert,
+  Ks as DXAvatar,
+  ie as DXBadge,
+  Ps as DXBlockquote,
+  Us as DXBox,
+  go as DXBreadcrumb,
+  Ys as DXButton,
+  xo as DXButtonGroup,
+  Ws as DXCard,
+  Js as DXCheckbox,
+  ve as DXCloseButton,
+  Ns as DXCode,
+  yo as DXComboBox,
+  qs as DXContainer,
+  wo as DXCopyField,
+  ko as DXDatePicker,
+  Ct as DXDivider,
+  Lo as DXDropdown,
+  Qs as DXDropdownItem,
+  _o as DXEmptyState,
+  $o as DXFileUpload,
+  Co as DXFilterGroup,
+  Fs as DXFlex,
+  So as DXFormControl,
+  Hs as DXGrid,
+  Os as DXHeading,
+  D as DXIcon,
+  Ot as DXInput,
+  eo as DXInputAddon,
+  Vo as DXInputGroup,
+  Do as DXInputMask,
+  Ts as DXLabel,
+  Rs as DXList,
+  to as DXLoader,
+  Oo as DXModal,
+  zo as DXPagination,
+  Bo as DXPasswordInput,
+  lo as DXProgress,
+  ao as DXRadio,
+  Xo as DXRadioCard,
+  Io as DXRadioGroup,
+  Ao as DXSearchSelect,
+  jo as DXSegmentedControl,
+  no as DXSelect,
+  Zo as DXSidebarMenu,
+  ks as DXSidebarMenuItem,
+  so as DXSkeleton,
+  oo as DXSlider,
+  Gs as DXSpacer,
+  Es as DXStack,
+  To as DXTable,
+  No as DXTabs,
+  ro as DXTags,
+  Zs as DXText,
+  io as DXTextarea,
+  mo as DXToast,
+  fo as DXToggle,
+  po as DXToggleButton,
+  vo as DXTooltip,
+  de as DXValidationIcon,
+  ue as TOGGLE_PRESETS,
+  H as VARIANT_CONFIGS,
+  qo as buttonVariantProp,
+  Fo as disabledProp,
+  Uo as errorProp,
+  Ko as helperProp,
+  Ho as iconAnimationProp,
+  Eo as labelProp,
+  Go as placeholderProp,
+  Po as sizeProp,
+  he as useComponentSize,
+  Yo as useTogglePreset,
+  uo as useVariantClasses,
+  Dl as useVariantConfig,
+  co as useVariantIcon,
+  Ro as variantProp
 };