dxd-style-code 0.1.0

package/dist/dxd-style-code.js

@@ -0,0 +1,4784 @@
+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 = {
+  __name: "DXHeading",
+  props: {
+    /** Уровень заголовка: 1-6 */
+    level: { type: [Number, String], default: 1 },
+    /** Размер (переопределяет level): xs | sm | md | lg | xl | 2xl | 3xl | 4xl */
+    size: { type: String, default: "" },
+    /** Вес шрифта: normal | medium | semibold | bold */
+    weight: { type: String, default: "semibold" },
+    /** Цвет: default | muted | primary | success | warning | danger */
+    color: { type: String, default: "default" },
+    /** Обрезать текст с ... */
+    truncate: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = g(() => `h${t.level}`), s = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl"
+    }, r = {
+      1: "text-4xl",
+      2: "text-3xl",
+      3: "text-2xl",
+      4: "text-xl",
+      5: "text-lg",
+      6: "text-base"
+    }, i = {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }, d = {
+      default: "text-slate-900",
+      muted: "text-slate-500",
+      primary: "text-slate-800",
+      success: "text-emerald-700",
+      warning: "text-amber-700",
+      danger: "text-rose-700"
+    }, u = g(() => [
+      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), {
+      class: f(u.value),
+      "data-component": "DXHeading",
+      "data-level": e.level
+    }, {
+      default: P(() => [
+        $(p.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "data-level"]));
+  }
+}, fs = {
+  __name: "DXText",
+  props: {
+    /** Тег: p | span | div */
+    tag: { type: String, default: "p" },
+    /** Размер: xs | sm | md | lg | xl */
+    size: { type: String, default: "md" },
+    /** Вес шрифта: normal | medium | semibold | bold */
+    weight: { type: String, default: "normal" },
+    /** Цвет: default | muted | primary | success | warning | danger */
+    color: { type: String, default: "default" },
+    /** Выравнивание: left | center | right | justify */
+    align: { type: String, default: "left" },
+    /** Обрезать текст с ... */
+    truncate: { type: Boolean, default: !1 },
+    /** Максимум строк (line-clamp) */
+    lines: { type: Number, default: 0 }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
+    }, s = {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }, r = {
+      default: "text-slate-700",
+      muted: "text-slate-500",
+      primary: "text-slate-900",
+      success: "text-emerald-700",
+      warning: "text-amber-700",
+      danger: "text-rose-700"
+    }, i = {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify"
+    }, d = g(() => [
+      l[t.size] || l.md,
+      s[t.weight] || s.normal,
+      r[t.color] || r.default,
+      i[t.align] || i.left,
+      "leading-relaxed",
+      t.truncate && "truncate",
+      t.lines > 0 && `line-clamp-${t.lines}`
+    ]);
+    return (u, p) => (a(), C(L(e.tag), {
+      class: f(d.value),
+      "data-component": "DXText"
+    }, {
+      default: P(() => [
+        $(u.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}, ge = ["for"], ve = {
+  key: 0,
+  class: "text-rose-500 ml-0.5"
+}, ps = {
+  __name: "DXLabel",
+  props: {
+    /** ID связанного input */
+    htmlFor: { type: String, default: "" },
+    /** Размер: xs | sm | md | lg */
+    size: { type: String, default: "sm" },
+    /** Вес шрифта: normal | medium | semibold */
+    weight: { type: String, default: "medium" },
+    /** Цвет: default | muted | primary */
+    color: { type: String, default: "default" },
+    /** Обязательное поле */
+    required: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }, s = {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold"
+    }, r = {
+      default: "text-slate-700",
+      muted: "text-slate-500",
+      primary: "text-slate-900"
+    }, i = g(() => [
+      "block",
+      l[t.size] || l.sm,
+      s[t.weight] || s.medium,
+      r[t.color] || r.default
+    ]);
+    return (d, u) => (a(), n("label", {
+      class: f(i.value),
+      for: e.htmlFor,
+      "data-component": "DXLabel"
+    }, [
+      $(d.$slots, "default"),
+      e.required ? (a(), n("span", ve, "*")) : c("", !0)
+    ], 10, ge));
+  }
+}, be = { key: 0 }, gs = {
+  __name: "DXCode",
+  props: {
+    /** Блочный код (pre) или inline */
+    block: { type: Boolean, default: !1 },
+    /** Размер: xs | sm | md */
+    size: { type: String, default: "sm" },
+    /** Показывать номера строк (только для block) */
+    lineNumbers: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base"
+    }, s = g(() => 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"
+    ] : [
+      "inline-block px-1.5 py-0.5 rounded bg-slate-100 text-slate-800",
+      l[t.size] || l.sm,
+      "font-mono"
+    ]);
+    return (r, i) => (a(), C(L(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 })
+      ]),
+      _: 3
+    }, 8, ["class", "data-block"]));
+  }
+}, he = ["data-variant"], xe = {
+  key: 0,
+  class: "mt-2 text-sm text-slate-500"
+}, vs = {
+  __name: "DXBlockquote",
+  props: {
+    /** Вариант: default | bordered | highlighted */
+    variant: { type: String, default: "bordered" },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Источник цитаты */
+    cite: { type: String, default: "" }
+  },
+  setup(e) {
+    const t = e, l = {
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }, s = {
+      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(() => [
+      l[t.size] || l.md,
+      s[t.variant] || s.bordered,
+      "leading-relaxed"
+    ]);
+    return (i, d) => (a(), n("blockquote", {
+      class: f(r.value),
+      "data-component": "DXBlockquote",
+      "data-variant": e.variant
+    }, [
+      $(i.$slots, "default"),
+      e.cite || i.$slots.cite ? (a(), n("footer", xe, [
+        d[0] || (d[0] = j(" — ", -1)),
+        o("cite", null, [
+          $(i.$slots, "cite", {}, () => [
+            j(b(e.cite), 1)
+          ])
+        ])
+      ])) : c("", !0)
+    ], 10, he));
+  }
+}, bs = {
+  __name: "DXList",
+  props: {
+    /** Нумерованный список */
+    ordered: { type: Boolean, default: !1 },
+    /** Стиль маркеров: disc | circle | square | decimal | none */
+    marker: { type: String, default: "" },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Отступ между элементами: none | sm | md | lg */
+    spacing: { type: String, default: "sm" }
+  },
+  setup(e) {
+    const t = e, l = {
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }, s = {
+      none: "space-y-0",
+      sm: "space-y-1",
+      md: "space-y-2",
+      lg: "space-y-3"
+    }, r = {
+      disc: "list-disc",
+      circle: "list-circle",
+      square: "list-square",
+      decimal: "list-decimal",
+      none: "list-none"
+    }, i = g(() => [
+      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"), {
+      class: f(i.value),
+      "data-component": "DXList"
+    }, {
+      default: P(() => [
+        $(d.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}, ye = ["data-size"], hs = {
+  __name: "DXContainer",
+  props: {
+    /** Максимальная ширина: sm | md | lg | xl | 2xl | full */
+    size: { type: String, default: "lg" },
+    /** Центрировать контейнер */
+    center: { type: Boolean, default: !0 },
+    /** Горизонтальные отступы: none | sm | md | lg */
+    padding: { type: String, default: "md" }
+  },
+  setup(e) {
+    const t = e, l = {
+      sm: "max-w-screen-sm",
+      md: "max-w-screen-md",
+      lg: "max-w-screen-lg",
+      xl: "max-w-screen-xl",
+      "2xl": "max-w-screen-2xl",
+      full: "max-w-full"
+    }, s = {
+      none: "",
+      sm: "px-4",
+      md: "px-6",
+      lg: "px-8"
+    }, r = g(() => [
+      "w-full",
+      l[t.size] || l.lg,
+      s[t.padding] || s.md,
+      t.center && "mx-auto"
+    ]);
+    return (i, d) => (a(), n("div", {
+      class: f(r.value),
+      "data-component": "DXContainer",
+      "data-size": e.size
+    }, [
+      $(i.$slots, "default")
+    ], 10, ye));
+  }
+}, xs = {
+  __name: "DXGrid",
+  props: {
+    /** Количество колонок: 1-12 или auto */
+    cols: { type: [Number, String], default: 12 },
+    /** Количество колонок на sm */
+    colsSm: { type: [Number, String], default: "" },
+    /** Количество колонок на md */
+    colsMd: { type: [Number, String], default: "" },
+    /** Количество колонок на lg */
+    colsLg: { type: [Number, String], default: "" },
+    /** Отступ между элементами: none | xs | sm | md | lg | xl */
+    gap: { type: String, default: "md" },
+    /** Горизонтальный отступ */
+    gapX: { type: String, default: "" },
+    /** Вертикальный отступ */
+    gapY: { type: String, default: "" }
+  },
+  setup(e) {
+    const t = e, l = {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    }, s = {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      7: "grid-cols-7",
+      8: "grid-cols-8",
+      9: "grid-cols-9",
+      10: "grid-cols-10",
+      11: "grid-cols-11",
+      12: "grid-cols-12",
+      auto: "grid-cols-[repeat(auto-fit,minmax(250px,1fr))]"
+    }, r = g(() => [
+      "grid",
+      s[t.cols] || `grid-cols-${t.cols}`,
+      t.colsSm && `sm:grid-cols-${t.colsSm}`,
+      t.colsMd && `md:grid-cols-${t.colsMd}`,
+      t.colsLg && `lg:grid-cols-${t.colsLg}`,
+      !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" ? {} : {});
+    return (d, u) => (a(), n("div", {
+      class: f(r.value),
+      style: E(i.value),
+      "data-component": "DXGrid"
+    }, [
+      $(d.$slots, "default")
+    ], 6));
+  }
+}, ys = {
+  __name: "DXFlex",
+  props: {
+    /** Направление: row | row-reverse | col | col-reverse */
+    direction: { type: String, default: "row" },
+    /** Выравнивание по главной оси: start | center | end | between | around | evenly */
+    justify: { type: String, default: "start" },
+    /** Выравнивание по поперечной оси: start | center | end | stretch | baseline */
+    align: { type: String, default: "center" },
+    /** Перенос: nowrap | wrap | wrap-reverse */
+    wrap: { type: String, default: "nowrap" },
+    /** Отступ между элементами: none | xs | sm | md | lg | xl */
+    gap: { type: String, default: "md" },
+    /** Inline flex */
+    inline: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = {
+      row: "flex-row",
+      "row-reverse": "flex-row-reverse",
+      col: "flex-col",
+      "col-reverse": "flex-col-reverse"
+    }, s = {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }, r = {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    }, i = {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      "wrap-reverse": "flex-wrap-reverse"
+    }, d = {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    }, u = g(() => [
+      t.inline ? "inline-flex" : "flex",
+      l[t.direction] || l.row,
+      s[t.justify] || s.start,
+      r[t.align] || r.center,
+      i[t.wrap] || i.nowrap,
+      d[t.gap] || d.md
+    ]);
+    return (p, v) => (a(), n("div", {
+      class: f(u.value),
+      "data-component": "DXFlex"
+    }, [
+      $(p.$slots, "default")
+    ], 2));
+  }
+}, we = ["data-direction"], ws = {
+  __name: "DXStack",
+  props: {
+    /** Направление: vertical | horizontal */
+    direction: { type: String, default: "vertical" },
+    /** Отступ между элементами: none | xs | sm | md | lg | xl | 2xl */
+    gap: { type: String, default: "md" },
+    /** Выравнивание: start | center | end | stretch */
+    align: { type: String, default: "stretch" },
+    /** Распределение: start | center | end | between | around */
+    justify: { type: String, default: "start" },
+    /** Разделители между элементами */
+    dividers: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8",
+      "2xl": "gap-12"
+    }, s = {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    }, r = {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around"
+    }, i = g(() => [
+      "flex",
+      t.direction === "horizontal" ? "flex-row" : "flex-col",
+      l[t.gap] || l.md,
+      s[t.align] || s.stretch,
+      r[t.justify] || r.start,
+      t.dividers && (t.direction === "horizontal" ? "divide-x divide-slate-200" : "divide-y divide-slate-200")
+    ]);
+    return (d, u) => (a(), n("div", {
+      class: f(i.value),
+      "data-component": "DXStack",
+      "data-direction": e.direction
+    }, [
+      $(d.$slots, "default")
+    ], 10, we));
+  }
+}, ks = {
+  __name: "DXSpacer",
+  props: {
+    /** Размер: xs | sm | md | lg | xl | 2xl или число в пикселях */
+    size: { type: [String, Number], default: "md" },
+    /** Направление: vertical | horizontal | both */
+    direction: { type: String, default: "vertical" },
+    /** Занять всё доступное пространство (flex-grow) */
+    grow: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: { v: "h-1", h: "w-1" },
+      sm: { v: "h-2", h: "w-2" },
+      md: { v: "h-4", h: "w-4" },
+      lg: { v: "h-8", h: "w-8" },
+      xl: { v: "h-12", h: "w-12" },
+      "2xl": { v: "h-16", h: "w-16" }
+    }, s = g(() => {
+      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(() => {
+      if (t.grow) return {};
+      if (typeof t.size == "number") {
+        const i = `${t.size}px`;
+        return t.direction === "horizontal" ? { width: i } : t.direction === "both" ? { height: i, width: i } : { height: i };
+      }
+      return {};
+    });
+    return (i, d) => (a(), n("div", {
+      class: f(s.value),
+      style: E(r.value),
+      "data-component": "DXSpacer",
+      "aria-hidden": "true"
+    }, null, 6));
+  }
+}, $s = {
+  __name: "DXBox",
+  props: {
+    /** HTML тег */
+    tag: { type: String, default: "div" },
+    /** Padding: none | xs | sm | md | lg | xl */
+    p: { type: String, default: "" },
+    /** Padding X (horizontal) */
+    px: { type: String, default: "" },
+    /** Padding Y (vertical) */
+    py: { type: String, default: "" },
+    /** Margin: none | xs | sm | md | lg | xl | auto */
+    m: { type: String, default: "" },
+    /** Margin X (horizontal) */
+    mx: { type: String, default: "" },
+    /** Margin Y (vertical) */
+    my: { type: String, default: "" },
+    /** Скругление: none | sm | md | lg | xl | 2xl | full */
+    rounded: { type: String, default: "" },
+    /** Фон: white | slate | transparent */
+    bg: { type: String, default: "" },
+    /** Тень: none | sm | md | lg | xl */
+    shadow: { type: String, default: "" },
+    /** Рамка */
+    border: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = {
+      none: "0",
+      xs: "1",
+      sm: "2",
+      md: "4",
+      lg: "6",
+      xl: "8"
+    }, s = {
+      none: "0",
+      xs: "1",
+      sm: "2",
+      md: "4",
+      lg: "6",
+      xl: "8",
+      auto: "auto"
+    }, r = {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      "2xl": "rounded-2xl",
+      full: "rounded-full"
+    }, i = {
+      white: "bg-white",
+      slate: "bg-slate-50",
+      transparent: "bg-transparent"
+    }, d = {
+      none: "shadow-none",
+      sm: "shadow-sm",
+      md: "shadow",
+      lg: "shadow-lg",
+      xl: "shadow-xl"
+    }, u = g(() => [
+      t.p && `p-${l[t.p] || t.p}`,
+      t.px && `px-${l[t.px] || t.px}`,
+      t.py && `py-${l[t.py] || t.py}`,
+      t.m && `m-${s[t.m] || t.m}`,
+      t.mx && `mx-${s[t.mx] || t.mx}`,
+      t.my && `my-${s[t.my] || t.my}`,
+      t.rounded && (r[t.rounded] || `rounded-${t.rounded}`),
+      t.bg && (i[t.bg] || t.bg),
+      t.shadow && (d[t.shadow] || `shadow-${t.shadow}`),
+      t.border && "border border-slate-200"
+    ]);
+    return (p, v) => (a(), C(L(e.tag), {
+      class: f(u.value),
+      "data-component": "DXBox"
+    }, {
+      default: P(() => [
+        $(p.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+};
+function ke(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function $e(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function Q(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function Ce(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ee(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function Se(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", { d: "M3.53 2.47a.75.75 0 0 0-1.06 1.06l18 18a.75.75 0 1 0 1.06-1.06l-18-18ZM22.676 12.553a11.249 11.249 0 0 1-2.631 4.31l-3.099-3.099a5.25 5.25 0 0 0-6.71-6.71L7.759 4.577a11.217 11.217 0 0 1 4.242-.827c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113Z" }),
+    o("path", { d: "M15.75 12c0 .18-.013.357-.037.53l-4.244-4.243A3.75 3.75 0 0 1 15.75 12ZM12.53 15.713l-4.243-4.244a3.75 3.75 0 0 0 4.244 4.243Z" }),
+    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) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    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) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function De(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ze(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M9.528 1.718a.75.75 0 0 1 .162.819A8.97 8.97 0 0 0 9 6a9 9 0 0 0 9 9 8.97 8.97 0 0 0 3.463-.69.75.75 0 0 1 .981.98 10.503 10.503 0 0 1-9.694 6.46c-5.799 0-10.5-4.7-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 0 1 .818.162Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function Be(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function Xe(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    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) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function Ae(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function ie(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function je(e, t) {
+  return a(), n("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "fill-rule": "evenodd",
+      d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const Z = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [s, r] of t)
+    l[s] = r;
+  return l;
+}, Me = {
+  __name: "DXIcon",
+  props: {
+    /** Heroicon компонент */
+    icon: { type: Object, required: !0 },
+    /** Размер: xs | sm | md | lg | xl */
+    size: { type: String, default: "md" },
+    /** Анимация при hover: none | wiggle | scale | rotate */
+    animation: { type: String, default: "none" },
+    /** Дополнительные классы */
+    class: { type: [String, Array, Object], default: "" }
+  },
+  setup(e) {
+    const t = e, l = {
+      xs: "w-3 h-3",
+      sm: "w-4 h-4",
+      md: "w-5 h-5",
+      lg: "w-6 h-6",
+      xl: "w-8 h-8"
+    }, s = {
+      none: "",
+      wiggle: "dx-icon-wiggle",
+      scale: "dx-icon-scale",
+      rotate: "dx-icon-rotate"
+    }, r = g(() => [
+      l[t.size] || l.md,
+      s[t.animation] || "",
+      t.class
+    ]);
+    return (i, d) => (a(), C(L(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 = {
+  __name: "DXAvatar",
+  props: {
+    /** URL изображения */
+    src: { type: String, default: "" },
+    /** Alt текст */
+    alt: { type: String, default: "Avatar" },
+    /** Инициалы (если нет изображения) */
+    initials: { type: String, default: "" },
+    /** Размер: xs | sm | md | lg | xl */
+    size: { type: String, default: "md" },
+    /** Форма: circle | square | rounded */
+    shape: { type: String, default: "circle" },
+    /** Статус: online | offline | busy | away */
+    status: { type: String, default: "" },
+    /** Кастомная иконка для fallback (по умолчанию UserIcon) */
+    icon: { type: Object, default: null },
+    /** Анимация иконки при hover: none | wiggle | scale | rotate */
+    iconAnimation: { type: String, default: "none" }
+  },
+  setup(e) {
+    const t = e, l = D(!1), s = {
+      xs: "w-6 h-6",
+      sm: "w-8 h-8",
+      md: "w-10 h-10",
+      lg: "w-12 h-12",
+      xl: "w-16 h-16"
+    }, r = {
+      circle: "rounded-full",
+      square: "rounded-none",
+      rounded: "rounded-lg"
+    }, i = {
+      xs: "text-xs",
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base",
+      xl: "text-lg"
+    }, d = {
+      xs: "w-1.5 h-1.5",
+      sm: "w-2 h-2",
+      md: "w-2.5 h-2.5",
+      lg: "w-3 h-3",
+      xl: "w-4 h-4"
+    }, u = {
+      online: "bg-emerald-500",
+      offline: "bg-slate-400",
+      busy: "bg-rose-500",
+      away: "bg-amber-500"
+    }, p = g(() => [
+      "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(() => [
+      "text-slate-600 uppercase",
+      i[t.size] || i.md
+    ]), m = g(() => [
+      d[t.size] || d.md,
+      u[t.status] || ""
+    ]), h = g(() => t.icon || Ae), y = {
+      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),
+      "data-component": "DXAvatar",
+      "data-size": e.size
+    }, [
+      e.src && !l.value ? (a(), n("img", {
+        key: 0,
+        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", {
+        key: 1,
+        class: f(["font-medium", v.value])
+      }, b(e.initials), 3)) : (a(), C(S, {
+        key: 2,
+        icon: h.value,
+        size: x.value,
+        animation: e.iconAnimation,
+        class: "text-slate-400"
+      }, null, 8, ["icon", "size", "animation"])),
+      e.status ? (a(), n("span", {
+        key: 3,
+        class: f(["absolute bottom-0 right-0 block rounded-full ring-2 ring-white", m.value])
+      }, null, 2)) : c("", !0)
+    ], 10, Le));
+  }
+}, Oe = ["data-variant"], Te = "inline-flex items-center gap-1 px-2 py-1 text-[11px] rounded-full border font-semibold", Ss = {
+  __name: "DXBadge",
+  props: {
+    /** Вариант оформления: slate | success | warning | danger | info */
+    variant: { type: String, default: "slate" },
+    /** Иконка слева */
+    iconLeft: { type: Object, default: null },
+    /** Иконка справа */
+    iconRight: { type: Object, default: null }
+  },
+  setup(e) {
+    const t = e, l = {
+      slate: "bg-slate-50 text-slate-700 border-slate-100",
+      success: "bg-emerald-50 text-emerald-700 border-emerald-100",
+      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(() => {
+      const r = l[t.variant] || l.slate;
+      return `${Te} ${r}`;
+    });
+    return (r, i) => (a(), n("span", {
+      class: f(s.value),
+      "data-component": "DXBadge",
+      "data-variant": e.variant
+    }, [
+      e.iconLeft ? (a(), C(S, {
+        key: 0,
+        icon: e.iconLeft,
+        size: "xs",
+        animation: "none"
+      }, null, 8, ["icon"])) : c("", !0),
+      $(r.$slots, "default"),
+      e.iconRight ? (a(), C(S, {
+        key: 1,
+        icon: e.iconRight,
+        size: "xs",
+        animation: "none"
+      }, null, 8, ["icon"])) : c("", !0)
+    ], 10, Oe));
+  }
+}, Ze = {
+  __name: "DXButton",
+  props: {
+    /** Вариант оформления: primary | ghost | danger | outline */
+    variant: { type: String, default: "primary" },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Растянуть на всю ширину */
+    block: { type: Boolean, default: !1 },
+    /** Только иконка (квадратная кнопка) */
+    iconOnly: { type: Boolean, default: !1 },
+    /** Тип кнопки для form */
+    type: { type: String, default: "button" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Vue Router путь */
+    to: { type: [String, Object], default: null },
+    /** Обычная ссылка */
+    href: { type: String, default: null },
+    /** Target для ссылки */
+    target: { type: String, default: null },
+    /** Rel для ссылки */
+    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(() => {
+      switch (t.variant) {
+        case "ghost":
+          return "border border-slate-200 text-slate-700 hover:border-slate-300 bg-white";
+        case "danger":
+          return "bg-rose-600 text-white hover:bg-rose-500";
+        case "outline":
+          return "border border-slate-200 text-slate-700 hover:border-slate-300 bg-white";
+        default:
+          return "bg-slate-800 text-white hover:bg-slate-700";
+      }
+    });
+    return (i, d) => (a(), C(L(l.value), {
+      type: l.value === "button" ? e.type : void 0,
+      disabled: e.disabled,
+      to: e.to,
+      href: e.href,
+      target: e.target,
+      rel: e.rel,
+      class: f(["btn inline-flex items-center justify-center gap-2 rounded-xl font-semibold transition focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-60", [s.value, r.value, { "w-full": e.block, "px-0 py-0": e.iconOnly }]]),
+      "data-component": "DXButton",
+      "data-variant": e.variant
+    }, {
+      default: P(() => [
+        $(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 = {
+  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")
+  ]);
+}
+const Ds = /* @__PURE__ */ Z(Ne, [["render", Fe]]), He = ["checked", "value", "disabled"], Re = {
+  key: 0,
+  class: "text-sm text-slate-700 select-none"
+}, zs = {
+  __name: "DXCheckbox",
+  props: {
+    /** Значение (v-model) - boolean или массив */
+    modelValue: { type: [Boolean, Array], default: !1 },
+    /** Значение для массива */
+    value: { type: [String, Number], default: void 0 },
+    /** Текст лейбла */
+    label: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = g(() => {
+      switch (l.size) {
+        case "sm":
+          return "h-3.5 w-3.5";
+        case "lg":
+          return "h-5 w-5";
+        default:
+          return "h-4 w-4";
+      }
+    }), i = g(() => Array.isArray(l.modelValue) ? l.modelValue.includes(l.value) : l.modelValue), d = (u) => {
+      if (Array.isArray(l.modelValue)) {
+        const p = [...l.modelValue];
+        if (u.target.checked)
+          p.push(l.value);
+        else {
+          const v = p.indexOf(l.value);
+          v > -1 && p.splice(v, 1);
+        }
+        s("update:modelValue", p);
+      } else
+        s("update:modelValue", u.target.checked);
+    };
+    return (u, p) => (a(), n("label", {
+      class: f(["inline-flex items-center gap-2 cursor-pointer", { "opacity-60 cursor-not-allowed": e.disabled }]),
+      "data-component": "DXCheckbox"
+    }, [
+      o("input", {
+        type: "checkbox",
+        checked: i.value,
+        value: e.value,
+        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)
+    ], 2));
+  }
+};
+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: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"
+    })
+  ]);
+}
+function Ee(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: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+    })
+  ]);
+}
+function Ge(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: "M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"
+    })
+  ]);
+}
+function Ue(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: "m4.5 12.75 6 6 9-13.5"
+    })
+  ]);
+}
+function le(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: "m19.5 8.25-7.5 7.5-7.5-7.5"
+    })
+  ]);
+}
+function Ke(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: "M15.75 19.5 8.25 12l7.5-7.5"
+    })
+  ]);
+}
+function de(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: "m8.25 4.5 7.5 7.5-7.5 7.5"
+    })
+  ]);
+}
+function We(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: "M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75"
+    })
+  ]);
+}
+function Ye(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: "M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z"
+    })
+  ]);
+}
+function Je(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: "M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z"
+    })
+  ]);
+}
+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: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
+    })
+  ]);
+}
+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: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88"
+    })
+  ]);
+}
+function ae(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: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"
+    }),
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+    })
+  ]);
+}
+function tt(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 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"
+    })
+  ]);
+}
+function lt(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: "M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"
+    })
+  ]);
+}
+function at(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: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"
+    })
+  ]);
+}
+function nt(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 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"
+    })
+  ]);
+}
+function st(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: "M12 4.5v15m7.5-7.5h-15"
+    })
+  ]);
+}
+function ot(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: "M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z"
+    })
+  ]);
+}
+function rt(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: "M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"
+    })
+  ]);
+}
+function it(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: "M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25A2.25 2.25 0 0 1 13.5 18v-2.25Z"
+    })
+  ]);
+}
+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: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
+    })
+  ]);
+}
+function ut(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: "M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
+    })
+  ]);
+}
+function ct(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: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
+    })
+  ]);
+}
+function mt(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: "M9 4.5v15m6-15v15m-10.875 0h15.75c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125H4.125C3.504 4.5 3 5.004 3 5.625v12.75c0 .621.504 1.125 1.125 1.125Z"
+    })
+  ]);
+}
+function ue(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: "M6 18 18 6M6 6l12 12"
+    })
+  ]);
+}
+const ft = ["aria-label"], ce = {
+  __name: "DXCloseButton",
+  props: {
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Вариант цвета: default | light | danger */
+    variant: { type: String, default: "default" },
+    /** Aria label */
+    ariaLabel: { type: String, default: "Закрыть" }
+  },
+  emits: ["click"],
+  setup(e) {
+    const t = e, l = {
+      sm: "p-0.5",
+      md: "p-1",
+      lg: "p-1.5"
+    }, s = {
+      sm: "sm",
+      md: "md",
+      lg: "lg"
+    }, r = {
+      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(() => [
+      "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", {
+      type: "button",
+      class: f(d.value),
+      onClick: p[0] || (p[0] = (v) => u.$emit("click", v)),
+      "aria-label": e.ariaLabel,
+      "data-component": "DXCloseButton"
+    }, [
+      A(S, {
+        icon: O(ue),
+        size: i.value,
+        animation: "scale"
+      }, null, 8, ["icon", "size"])
+    ], 10, ft));
+  }
+}, pt = ["data-orientation"], gt = {
+  key: 0,
+  class: "flex items-center w-full"
+}, vt = { class: "px-3 text-sm text-slate-500 whitespace-nowrap" }, Bs = {
+  __name: "DXDivider",
+  props: {
+    /** Ориентация: horizontal | vertical */
+    orientation: { type: String, default: "horizontal" },
+    /** Цвет: light | default | dark */
+    color: { type: String, default: "default" },
+    /** Толщина: thin | default | thick */
+    thickness: { type: String, default: "default" },
+    /** Отступы: none | sm | md | lg */
+    spacing: { type: String, default: "md" }
+  },
+  setup(e) {
+    const t = e, l = {
+      light: "border-slate-100",
+      default: "border-slate-200",
+      dark: "border-slate-300"
+    }, s = {
+      thin: "border-t",
+      default: "border-t",
+      thick: "border-t-2"
+    }, r = {
+      thin: "border-l",
+      default: "border-l",
+      thick: "border-l-2"
+    }, i = {
+      none: "",
+      sm: "my-2",
+      md: "my-4",
+      lg: "my-6"
+    }, d = {
+      none: "",
+      sm: "mx-2",
+      md: "mx-4",
+      lg: "mx-6"
+    }, u = g(() => [
+      t.orientation === "vertical" ? "inline-flex h-full" : "w-full",
+      t.orientation === "horizontal" ? i[t.spacing] : d[t.spacing]
+    ]), p = g(() => [
+      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", {
+      class: f(u.value),
+      "data-component": "DXDivider",
+      "data-orientation": e.orientation
+    }, [
+      v.$slots.default && e.orientation === "horizontal" ? (a(), n("div", gt, [
+        o("div", {
+          class: f(p.value)
+        }, null, 2),
+        o("span", vt, [
+          $(v.$slots, "default")
+        ]),
+        o("div", {
+          class: f(p.value)
+        }, null, 2)
+      ])) : (a(), n("div", {
+        key: 1,
+        class: f(p.value)
+      }, null, 2))
+    ], 10, pt));
+  }
+}, bt = ["disabled"], ht = { class: "flex-1" }, xt = {
+  key: 1,
+  class: "w-4 h-4 text-slate-400",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, yt = {
+  __name: "DXDropdownItem",
+  props: {
+    icon: { type: Object, default: null },
+    danger: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    submenu: { type: Boolean, default: !1 },
+    closeOnClick: { type: Boolean, default: !0 }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = oe("dropdown", null), i = (d) => {
+      l.disabled || (s("click", d), l.closeOnClick && r && r.close());
+    };
+    return (d, u) => (a(), n("button", {
+      type: "button",
+      class: f(["dropdown-item w-full flex items-center gap-3 px-4 py-2 text-sm text-left transition", [
+        e.danger ? "text-rose-600 hover:bg-rose-50" : "text-slate-700 hover:bg-slate-50",
+        e.disabled && "opacity-60 cursor-not-allowed"
+      ]]),
+      disabled: e.disabled,
+      onClick: i,
+      "data-component": "DXDropdownItem"
+    }, [
+      e.icon ? (a(), C(L(e.icon), {
+        key: 0,
+        class: "w-4 h-4 flex-shrink-0"
+      })) : c("", !0),
+      o("span", ht, [
+        $(d.$slots, "default", {}, void 0, !0)
+      ]),
+      e.submenu ? (a(), n("svg", xt, [...u[0] || (u[0] = [
+        o("path", {
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2",
+          d: "M9 5l7 7-7 7"
+        }, null, -1)
+      ])])) : c("", !0)
+    ], 10, bt));
+  }
+}, Xs = /* @__PURE__ */ Z(yt, [["__scopeId", "data-v-b0daf145"]]);
+function me(e, t = "input") {
+  var s, r;
+  const l = {
+    button: {
+      sm: "h-8 px-3 py-1.5 text-xs",
+      md: "h-10 px-4 py-2.5 text-sm",
+      lg: "h-12 px-5 py-3 text-base"
+    },
+    input: {
+      sm: "h-8 px-3 py-1.5 text-xs",
+      md: "h-10 px-4 py-2.5 text-sm",
+      lg: "h-12 px-5 py-3 text-base"
+    },
+    icon: {
+      xs: "w-4 h-4",
+      sm: "w-5 h-5",
+      md: "w-6 h-6",
+      lg: "w-8 h-8",
+      xl: "w-10 h-10"
+    },
+    text: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
+    }
+  };
+  return ((s = l[t]) == null ? void 0 : s[e]) || ((r = l[t]) == null ? void 0 : r.md) || "";
+}
+const wt = {
+  class: "w-full",
+  "data-component": "DXInput"
+}, kt = {
+  key: 0,
+  class: "block text-sm text-slate-600 mb-1 font-medium"
+}, $t = { class: "relative" }, Ct = {
+  key: 0,
+  class: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400"
+}, St = ["type", "placeholder", "value", "disabled"], Vt = {
+  key: 1,
+  class: "absolute right-3 top-1/2 -translate-y-1/2 text-slate-400"
+}, Dt = {
+  key: 1,
+  class: "mt-1 text-xs text-rose-500"
+}, zt = {
+  key: 2,
+  class: "mt-1 text-xs text-slate-500"
+}, Is = {
+  __name: "DXInput",
+  props: {
+    /** Значение поля (v-model) */
+    modelValue: [String, Number],
+    /** Тип input */
+    type: { type: String, default: "text" },
+    /** Placeholder */
+    placeholder: { type: String, default: "" },
+    /** Лейбл над полем */
+    label: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Текст ошибки */
+    error: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Дополнительные классы */
+    inputClass: { type: [String, Array, Object], default: "" },
+    /** Иконка слева (Heroicon компонент) */
+    prefixIcon: { type: Object, default: null },
+    /** Иконка справа (Heroicon компонент) */
+    suffixIcon: { type: Object, default: null }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = g(() => {
+      var s, r;
+      return [
+        "w-full rounded-xl border border-slate-200 bg-white transition-colors",
+        me(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",
+        t.error && "border-rose-300 focus:ring-rose-500/10",
+        (t.prefixIcon || ((s = t.$slots) == null ? void 0 : s.prefix)) && "pl-10",
+        (t.suffixIcon || ((r = t.$slots) == null ? void 0 : r.suffix)) && "pr-10",
+        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, {
+            key: 0,
+            icon: e.prefixIcon,
+            size: "sm",
+            animation: "none"
+          }, null, 8, ["icon"])) : $(s.$slots, "prefix", { key: 1 })
+        ])) : c("", !0),
+        o("input", {
+          type: e.type,
+          placeholder: e.placeholder,
+          value: e.modelValue,
+          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, {
+            key: 0,
+            icon: e.suffixIcon,
+            size: "sm",
+            animation: "none"
+          }, null, 8, ["icon"])) : $(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)
+    ]));
+  }
+}, As = {
+  __name: "DXInputAddon",
+  props: {
+    icon: { type: Object, default: null }
+  },
+  setup(e) {
+    const t = oe("inputGroup", { size: "md" }), l = g(() => {
+      const s = {
+        sm: "h-9",
+        md: "h-11",
+        lg: "h-13"
+      };
+      return s[t.size] || s.md;
+    });
+    return (s, r) => (a(), n("div", {
+      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), {
+        key: 0,
+        class: "w-4 h-4"
+      })) : c("", !0),
+      $(s.$slots, "default")
+    ], 2));
+  }
+}, Bt = {}, Xt = {
+  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, [
+    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", {}, () => [
+      t[0] || (t[0] = j("Загрузка...", -1))
+    ])
+  ]);
+}
+const js = /* @__PURE__ */ Z(Bt, [["render", It]]), At = {
+  class: "w-full",
+  "data-component": "DXProgress"
+}, jt = {
+  key: 0,
+  class: "flex justify-between items-center mb-1"
+}, Mt = { class: "text-sm font-medium text-slate-700" }, Lt = {
+  key: 0,
+  class: "text-sm font-semibold text-slate-900"
+}, _t = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], Ot = {
+  key: 0,
+  class: "text-xs font-medium text-white px-1"
+}, Tt = {
+  __name: "DXProgress",
+  props: {
+    /** Текущее значение */
+    value: { type: Number, default: 0 },
+    /** Минимум */
+    min: { type: Number, default: 0 },
+    /** Максимум */
+    max: { type: Number, default: 100 },
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Показывать лейбл */
+    showLabel: { type: Boolean, default: !1 },
+    /** Показывать значение справа */
+    showValue: { type: Boolean, default: !1 },
+    /** Показывать значение внутри бара */
+    showInnerValue: { type: Boolean, default: !1 },
+    /** Размер: xs | sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Цвет: default | success | warning | danger | info */
+    color: { type: String, default: "default" },
+    /** Анимация */
+    animated: { type: Boolean, default: !1 },
+    /** Полосатый */
+    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 = {
+      xs: "h-1",
+      sm: "h-2",
+      md: "h-3",
+      lg: "h-4"
+    }, i = {
+      default: "bg-slate-800",
+      success: "bg-emerald-500",
+      warning: "bg-amber-500",
+      danger: "bg-rose-500",
+      info: "bg-blue-500"
+    }, d = g(() => [
+      "w-full bg-slate-200 rounded-full overflow-hidden",
+      r[t.size] || r.md
+    ]), u = g(() => [
+      "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)
+          ], !0)
+        ]),
+        e.showValue ? (a(), n("span", Lt, b(s.value), 1)) : c("", !0)
+      ])) : c("", !0),
+      o("div", {
+        class: f(d.value)
+      }, [
+        o("div", {
+          class: f(u.value),
+          style: E({ 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)
+      ], 2)
+    ]));
+  }
+}, Ms = /* @__PURE__ */ Z(Tt, [["__scopeId", "data-v-e469818e"]]), Zt = ["value", "checked", "disabled"], Nt = {
+  key: 0,
+  class: "text-sm text-slate-700 select-none"
+}, Ls = {
+  __name: "DXRadio",
+  props: {
+    /** Текущее значение группы (v-model) */
+    modelValue: [String, Number, Boolean],
+    /** Значение этого radio */
+    value: { type: [String, Number, Boolean], required: !0 },
+    /** Текст лейбла */
+    label: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = g(() => {
+      switch (t.size) {
+        case "sm":
+          return "h-3.5 w-3.5";
+        case "lg":
+          return "h-5 w-5";
+        default:
+          return "h-4 w-4";
+      }
+    });
+    return (s, r) => (a(), n("label", {
+      class: f(["inline-flex items-center gap-2 cursor-pointer", { "opacity-60 cursor-not-allowed": e.disabled }]),
+      "data-component": "DXRadio"
+    }, [
+      o("input", {
+        type: "radio",
+        value: e.value,
+        checked: e.modelValue === e.value,
+        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)
+    ], 2));
+  }
+}, Pt = {
+  class: "w-full",
+  "data-component": "DXSelect"
+}, Ft = {
+  key: 0,
+  class: "block text-sm text-slate-600 mb-1 font-medium"
+}, Ht = { class: "relative" }, Rt = {
+  key: 0,
+  class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-slate-400"
+}, qt = ["value", "disabled"], Et = {
+  key: 0,
+  value: "",
+  disabled: "",
+  selected: ""
+}, Gt = ["value"], Ut = { class: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none" }, Kt = {
+  key: 1,
+  class: "mt-1 text-xs text-rose-500"
+}, Wt = {
+  key: 2,
+  class: "mt-1 text-xs text-slate-500"
+}, _s = {
+  __name: "DXSelect",
+  props: {
+    /** Значение (v-model) */
+    modelValue: [String, Number],
+    /** Массив опций: [{ value, label }] */
+    options: { type: Array, default: () => [] },
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Placeholder */
+    placeholder: { type: String, default: "" },
+    /** Текст ошибки */
+    error: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Иконка слева (Heroicon компонент) */
+    prefixIcon: { type: Object, default: null },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = g(() => [
+      "w-full appearance-none rounded-xl border border-slate-200 bg-white transition-colors pr-10",
+      me(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, {
+            icon: e.prefixIcon,
+            size: "sm",
+            animation: "none"
+          }, null, 8, ["icon"])
+        ])) : c("", !0),
+        o("select", {
+          value: e.modelValue,
+          disabled: e.disabled,
+          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", {
+            key: i.value,
+            value: i.value
+          }, b(i.label), 9, Gt))), 128))
+        ], 42, qt),
+        o("div", Ut, [
+          A(S, {
+            icon: O(le),
+            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)
+    ]));
+  }
+}, Os = {
+  __name: "DXSkeleton",
+  props: {
+    /** Ширина */
+    width: { type: String, default: "100%" },
+    /** Высота */
+    height: { type: String, default: "1rem" },
+    /** Скругление */
+    rounded: { type: String, default: "rounded-md" }
+  },
+  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 }),
+      "data-component": "DXSkeleton"
+    }, null, 6));
+  }
+}, Yt = {
+  class: "w-full",
+  "data-component": "DXSlider"
+}, Jt = { class: "flex items-center justify-between mb-2" }, Qt = {
+  key: 0,
+  class: "text-sm font-medium text-slate-700"
+}, el = {
+  key: 1,
+  class: "text-sm font-semibold text-slate-900"
+}, tl = { class: "relative" }, ll = {
+  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 = {
+  key: 0,
+  class: "flex justify-between mt-1 px-1"
+}, sl = {
+  key: 1,
+  class: "mt-1 text-xs text-slate-500"
+}, ol = {
+  __name: "DXSlider",
+  props: {
+    /** Значение (v-model) */
+    modelValue: { type: Number, default: 0 },
+    /** Минимум */
+    min: { type: Number, default: 0 },
+    /** Максимум */
+    max: { type: Number, default: 100 },
+    /** Шаг */
+    step: { type: Number, default: 1 },
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Показывать текущее значение */
+    showValue: { type: Boolean, default: !0 },
+    /** Показывать засечки (ticks) */
+    ticks: { type: Boolean, default: !1 },
+    /** Показывать подписи к засечкам */
+    showTickLabels: { type: Boolean, default: !0 },
+    /** Количество засечек */
+    tickCount: { type: Number, default: 5 },
+    /** Массив иконок для засечек (Heroicon компоненты) */
+    tickIcons: { type: Array, default: null },
+    /** Анимация активной иконки: wiggle | scale | rotate | none */
+    tickIconAnimation: { type: String, default: "wiggle" },
+    /** Единица измерения */
+    unit: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = g(() => `${l.modelValue}${l.unit}`), i = g(() => {
+      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));
+    }), d = (m) => {
+      s("update:modelValue", Number(m.target.value));
+    }, u = g(() => {
+      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);
+      }), 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)
+      ]),
+      o("div", tl, [
+        e.ticks ? (a(), n("div", ll, [
+          (a(!0), n(M, null, _(i.value, (y, x) => (a(), n("div", {
+            key: `tick-${x}`,
+            class: "w-0.5 h-3 bg-slate-400 rounded-full"
+          }))), 128))
+        ])) : c("", !0),
+        o("input", {
+          type: "range",
+          value: e.modelValue,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          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)
+      ]),
+      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.tickIcons && e.tickIcons[x] ? (a(), C(S, {
+            key: 0,
+            icon: e.tickIcons[x],
+            size: "sm",
+            animation: v(x),
+            class: f(p(x) ? "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)
+        ], 2))), 128))
+      ])) : c("", !0),
+      e.helper ? (a(), n("p", sl, b(e.helper), 1)) : c("", !0)
+    ]));
+  }
+}, Ts = /* @__PURE__ */ Z(ol, [["__scopeId", "data-v-d55b8f6a"]]), rl = {
+  class: "flex flex-wrap gap-2",
+  "data-component": "DXTags"
+}, il = ["onClick", "aria-label"], Zs = {
+  __name: "DXTags",
+  props: {
+    /** Массив тегов: строки или объекты { label, icon?, closable?, color?, iconAnimation? } */
+    tags: { type: Array, default: () => [] },
+    /** Размер тегов: default | large */
+    variant: { type: String, default: "default" },
+    /** Цвет по умолчанию: default | primary | success | warning | danger | info */
+    color: { type: String, default: "default" },
+    /** Все теги удаляемые */
+    closable: { type: Boolean, default: !1 }
+  },
+  emits: ["remove"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = g(() => l.tags.map((v) => typeof v == "string" ? {
+      label: v,
+      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 = {
+      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 });
+    };
+    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"])
+      }, [
+        h.icon ? (a(), C(S, {
+          key: 0,
+          icon: h.icon,
+          size: e.variant === "large" ? "sm" : "xs",
+          animation: h.iconAnimation || "none"
+        }, null, 8, ["icon", "size", "animation"])) : c("", !0),
+        o("span", null, b(h.label), 1),
+        h.closable ? (a(), n("button", {
+          key: 1,
+          type: "button",
+          onClick: (x) => p(h, y),
+          class: "ml-0.5 -mr-1 hover:bg-slate-200/50 rounded-full p-0.5 transition-colors",
+          "aria-label": `Remove ${h.label}`
+        }, [
+          A(S, {
+            icon: O(je),
+            size: "xs",
+            animation: "scale"
+          }, null, 8, ["icon"])
+        ], 8, il)) : c("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}, dl = {
+  class: "w-full",
+  "data-component": "DXTextarea"
+}, ul = {
+  key: 0,
+  class: "block text-sm text-slate-600 mb-1 font-medium"
+}, cl = { class: "relative" }, ml = {
+  key: 0,
+  class: "absolute left-3 top-3 text-slate-400 z-10"
+}, fl = ["rows", "placeholder", "value", "disabled", "maxlength"], pl = {
+  key: 1,
+  class: "absolute right-3 top-3 text-slate-400 z-10"
+}, gl = {
+  key: 2,
+  class: "absolute right-3 bottom-3 text-xs text-slate-400"
+}, vl = {
+  key: 1,
+  class: "mt-1 text-xs text-rose-500"
+}, bl = {
+  key: 2,
+  class: "mt-1 text-xs text-slate-500"
+}, Ns = {
+  __name: "DXTextarea",
+  props: {
+    /** Значение (v-model) */
+    modelValue: String,
+    /** Placeholder */
+    placeholder: { type: String, default: "" },
+    /** Количество строк */
+    rows: { type: Number, default: 3 },
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Текст ошибки */
+    error: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Иконка слева (в верхнем левом углу) */
+    prefixIcon: { type: Object, default: null },
+    /** Иконка справа (в верхнем правом углу) */
+    suffixIcon: { type: Object, default: null },
+    /** Максимальная длина */
+    maxLength: { type: Number, default: 0 },
+    /** Показывать счетчик символов */
+    showCount: { type: Boolean, default: !1 },
+    /** Автоматическое изменение размера */
+    autoResize: { type: Boolean, default: !1 }
+  },
+  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");
+    };
+    H(() => l.modelValue, (p) => {
+      r.value = (p == null ? void 0 : p.length) || 0;
+    });
+    const d = g(() => [
+      "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, {
+            icon: e.prefixIcon,
+            size: "sm",
+            animation: "none"
+          }, null, 8, ["icon"])
+        ])) : c("", !0),
+        o("textarea", {
+          rows: e.rows,
+          placeholder: e.placeholder,
+          value: e.modelValue,
+          disabled: e.disabled,
+          maxlength: e.maxLength,
+          class: f(d.value),
+          onInput: i
+        }, null, 42, fl),
+        e.suffixIcon ? (a(), n("div", pl, [
+          A(S, {
+            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.error ? (a(), n("p", vl, b(e.error), 1)) : e.helper ? (a(), n("p", bl, b(e.helper), 1)) : c("", !0)
+    ]));
+  }
+}, F = {
+  info: {
+    bg: "bg-blue-50",
+    text: "text-blue-800",
+    border: "border-blue-200",
+    icon: te,
+    iconColor: "text-blue-500"
+  },
+  success: {
+    bg: "bg-emerald-50",
+    text: "text-emerald-800",
+    border: "border-emerald-200",
+    icon: Q,
+    iconColor: "text-emerald-500"
+  },
+  warning: {
+    bg: "bg-amber-50",
+    text: "text-amber-800",
+    border: "border-amber-200",
+    icon: ee,
+    iconColor: "text-amber-500"
+  },
+  danger: {
+    bg: "bg-rose-50",
+    text: "text-rose-800",
+    border: "border-rose-200",
+    icon: ie,
+    iconColor: "text-rose-500"
+  }
+};
+function Ps(e) {
+  const t = F[e] || F.info;
+  return `${t.bg} ${t.text} ${t.border}`;
+}
+function Fs(e) {
+  return (F[e] || F.info).icon;
+}
+function hl(e) {
+  return F[e] || F.info;
+}
+const xl = ["data-variant"], yl = { class: "flex-1" }, Hs = {
+  __name: "DXToast",
+  props: {
+    /** Вариант: info | success | warning | danger */
+    variant: { type: String, default: "info" },
+    /** Показывать иконку */
+    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);
+    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, {
+        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")
+      ])
+    ], 10, xl));
+  }
+}, wl = ["aria-checked", "disabled"], kl = {
+  key: 0,
+  class: "text-sm text-slate-700 select-none"
+}, Rs = {
+  __name: "DXToggle",
+  props: {
+    /** Значение (v-model) */
+    modelValue: { type: Boolean, default: !1 },
+    /** Текст лейбла */
+    label: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (t, l) => (a(), n("label", {
+      class: f(["inline-flex items-center gap-2 cursor-pointer", { "opacity-60 cursor-not-allowed": e.disabled }]),
+      "data-component": "DXToggle"
+    }, [
+      o("button", {
+        type: "button",
+        role: "switch",
+        "aria-checked": e.modelValue,
+        disabled: e.disabled,
+        class: f(["relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-slate-900/10 focus:ring-offset-2", e.modelValue ? "bg-slate-900" : "bg-slate-200"]),
+        onClick: l[0] || (l[0] = (s) => t.$emit("update:modelValue", !e.modelValue))
+      }, [
+        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)
+    ], 2));
+  }
+}, $l = ["disabled", "aria-pressed", "aria-label"], Cl = { key: 1 }, Sl = {
+  __name: "DXToggleButton",
+  props: {
+    /** Текущее состояние (v-model) */
+    modelValue: { type: Boolean, default: !1 },
+    /** Иконка для активного состояния */
+    activeIcon: { type: Object, required: !0 },
+    /** Иконка для неактивного состояния */
+    inactiveIcon: { type: Object, required: !0 },
+    /** Текст для активного состояния (опционально) */
+    activeLabel: { type: String, default: null },
+    /** Текст для неактивного состояния (опционально) */
+    inactiveLabel: { type: String, default: null },
+    /** Вариант оформления для активного состояния */
+    activeVariant: { type: String, default: "primary" },
+    /** Вариант оформления для неактивного состояния */
+    inactiveVariant: { type: String, default: "ghost" },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Анимация иконки: none | wiggle | scale | rotate */
+    iconAnimation: { type: String, default: "wiggle" },
+    /** Растянуть на всю ширину */
+    block: { type: Boolean, default: !1 },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Aria-label для доступности */
+    ariaLabel: { type: String, default: null }
+  },
+  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 = {
+      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;
+    });
+    return (h, y) => (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 }]]),
+      disabled: e.disabled,
+      onClick: r,
+      "aria-pressed": e.modelValue,
+      "aria-label": e.ariaLabel,
+      "data-component": "DXToggleButton"
+    }, [
+      i.value ? (a(), C(S, {
+        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));
+  }
+}, qs = /* @__PURE__ */ Z(Sl, [["__scopeId", "data-v-249aa090"]]), Vl = {
+  __name: "DXTooltip",
+  props: {
+    /** Текст подсказки */
+    content: { type: String, default: "" },
+    /** Позиция: top | bottom | left | right */
+    position: { type: String, default: "top" },
+    /** Цвет: dark | light */
+    color: { type: String, default: "dark" },
+    /** Максимальная ширина */
+    maxWidth: { type: String, default: "200px" }
+  },
+  setup(e) {
+    const t = e, l = D(!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",
+      right: "left-full top-1/2 -translate-y-1/2 ml-2"
+    }, r = {
+      top: "top-full left-1/2 -translate-x-1/2 border-t-slate-900 border-l-transparent border-r-transparent border-b-transparent",
+      bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-900 border-l-transparent border-r-transparent border-t-transparent",
+      left: "left-full top-1/2 -translate-y-1/2 border-l-slate-900 border-t-transparent border-b-transparent border-r-transparent",
+      right: "right-full top-1/2 -translate-y-1/2 border-r-slate-900 border-t-transparent border-b-transparent border-l-transparent"
+    }, i = {
+      top: "top-full left-1/2 -translate-x-1/2 border-t-white border-l-transparent border-r-transparent border-b-transparent",
+      bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-white border-l-transparent border-r-transparent border-t-transparent",
+      left: "left-full top-1/2 -translate-y-1/2 border-l-white border-t-transparent border-b-transparent border-r-transparent",
+      right: "right-full top-1/2 -translate-y-1/2 border-r-white border-t-transparent border-b-transparent border-l-transparent"
+    }, d = {
+      dark: "bg-slate-900 text-white",
+      light: "bg-white text-slate-900 border border-slate-200 shadow-lg"
+    }, u = g(() => [
+      "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(() => [
+      "absolute w-0 h-0 border-4",
+      t.color === "light" ? i[t.position] : r[t.position]
+    ]);
+    return (v, 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),
+      "data-component": "DXTooltip"
+    }, [
+      $(v.$slots, "default", {}, void 0, !0),
+      A(Y, { name: "tooltip" }, {
+        default: P(() => [
+          l.value && (e.content || v.$slots.content) ? (a(), n("div", {
+            key: 0,
+            class: f(u.value),
+            role: "tooltip"
+          }, [
+            $(v.$slots, "content", {}, () => [
+              j(b(e.content), 1)
+            ], !0),
+            o("div", {
+              class: f(p.value)
+            }, null, 2)
+          ], 2)) : c("", !0)
+        ]),
+        _: 3
+      })
+    ], 32));
+  }
+}, Es = /* @__PURE__ */ Z(Vl, [["__scopeId", "data-v-bd65e96f"]]), ne = {
+  __name: "DXValidationIcon",
+  props: {
+    /** Состояние: success | error | warning | info */
+    state: { type: String, required: !0 },
+    /** Размер иконки */
+    size: { type: String, default: "md" }
+  },
+  setup(e) {
+    const t = e, l = {
+      success: {
+        icon: Q,
+        color: "text-emerald-500"
+      },
+      error: {
+        icon: Ce,
+        color: "text-rose-500"
+      },
+      warning: {
+        icon: ee,
+        color: "text-amber-500"
+      },
+      info: {
+        icon: te,
+        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, {
+      key: 0,
+      icon: r.value,
+      size: e.size,
+      animation: "scale",
+      class: f(i.value),
+      "data-component": "DXValidationIcon",
+      "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 = {
+  __name: "DXActionButtons",
+  props: {
+    /** Показывать кнопку просмотра */
+    showView: { type: Boolean, default: !1 },
+    /** Показывать кнопку редактирования */
+    showEdit: { type: Boolean, default: !0 },
+    /** Показывать кнопку удаления */
+    showDelete: { type: Boolean, default: !0 },
+    /** Текст кнопки просмотра */
+    viewLabel: { type: String, default: "Просмотр" },
+    /** Текст кнопки редактирования */
+    editLabel: { type: String, default: "Редактировать" },
+    /** Текст кнопки удаления */
+    deleteLabel: { type: String, default: "Удалить" },
+    /** Иконка для кнопки просмотра */
+    viewIcon: { type: Object, default: () => ae },
+    /** Иконка для кнопки редактирования */
+    editIcon: { type: Object, default: () => at },
+    /** Иконка для кнопки удаления */
+    deleteIcon: { type: Object, default: () => ct },
+    /** Размер кнопок: xs | sm | md */
+    size: { type: String, default: "sm" },
+    /** Только иконки без текста */
+    iconOnly: { type: Boolean, default: !1 },
+    /** Выравнивание: left | center | right */
+    align: { type: String, default: "left" },
+    /** Отключить все кнопки */
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["view", "edit", "delete"],
+  setup(e) {
+    const t = e, l = g(() => t.size === "xs" ? "xs" : t.size === "md" ? "sm" : "xs"), s = g(() => {
+      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`;
+    });
+    return (r, i) => (a(), n("div", {
+      class: f(["flex gap-2", { "justify-end": e.align === "right", "justify-center": e.align === "center" }]),
+      "data-component": "DXActionButtons"
+    }, [
+      e.showView ? (a(), n("button", {
+        key: 0,
+        type: "button",
+        class: f(["inline-flex items-center gap-1.5 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2", s.value]),
+        disabled: e.disabled,
+        onClick: i[0] || (i[0] = (d) => r.$emit("view"))
+      }, [
+        A(S, {
+          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.showEdit ? (a(), n("button", {
+        key: 1,
+        type: "button",
+        class: f(["inline-flex items-center gap-1.5 border border-slate-200 text-slate-700 hover:border-slate-300 hover:bg-slate-50 bg-white transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", s.value]),
+        disabled: e.disabled,
+        onClick: i[1] || (i[1] = (d) => r.$emit("edit"))
+      }, [
+        A(S, {
+          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.showDelete ? (a(), n("button", {
+        key: 2,
+        type: "button",
+        class: f(["inline-flex items-center gap-1.5 bg-rose-600 text-white hover:bg-rose-500 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-rose-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", s.value]),
+        disabled: e.disabled,
+        onClick: i[2] || (i[2] = (d) => r.$emit("delete"))
+      }, [
+        A(S, {
+          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")
+    ], 2));
+  }
+}, jl = ["data-variant"], Ml = { class: "flex items-start gap-3" }, Ll = { class: "flex-1 min-w-0" }, _l = {
+  key: 0,
+  class: "mt-3 flex gap-2"
+}, Us = {
+  __name: "DXAlert",
+  props: {
+    /** Вариант: info | success | warning | danger */
+    variant: { type: String, default: "info" },
+    /** Заголовок */
+    title: { type: String, default: "" },
+    /** Иконка (компонент), если null - используется иконка по умолчанию для variant */
+    icon: { type: Object, default: void 0 },
+    /** Показывать иконку */
+    showIcon: { type: Boolean, default: !0 },
+    /** Можно закрыть */
+    dismissible: { type: Boolean, default: !1 }
+  },
+  emits: ["dismiss"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = D(!1), i = () => {
+      r.value = !0, s("dismiss");
+    }, d = {
+      info: {
+        bg: "bg-blue-50 border-blue-200",
+        icon: "text-blue-500",
+        title: "text-blue-900",
+        content: "text-blue-800",
+        close: "text-blue-500",
+        defaultIcon: te
+      },
+      success: {
+        bg: "bg-emerald-50 border-emerald-200",
+        icon: "text-emerald-500",
+        title: "text-emerald-900",
+        content: "text-emerald-800",
+        close: "text-emerald-500",
+        defaultIcon: Q
+      },
+      warning: {
+        bg: "bg-amber-50 border-amber-200",
+        icon: "text-amber-500",
+        title: "text-amber-900",
+        content: "text-amber-800",
+        close: "text-amber-500",
+        defaultIcon: ee
+      },
+      danger: {
+        bg: "bg-rose-50 border-rose-200",
+        icon: "text-rose-500",
+        title: "text-rose-900",
+        content: "text-rose-800",
+        close: "text-rose-500",
+        defaultIcon: ie
+      }
+    }, u = g(() => d[l.variant] || d.info), p = g(() => l.showIcon ? l.icon !== void 0 ? l.icon : u.value.defaultIcon : null), v = g(() => [
+      "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", {
+      key: 0,
+      class: f(v.value),
+      role: "alert",
+      "data-component": "DXAlert",
+      "data-variant": e.variant
+    }, [
+      o("div", Ml, [
+        p.value ? (a(), C(S, {
+          key: 0,
+          icon: p.value,
+          size: "md",
+          animation: "none",
+          class: f(m.value)
+        }, null, 8, ["icon", "class"])) : c("", !0),
+        o("div", Ll, [
+          e.title ? (a(), n("p", {
+            key: 0,
+            class: f(["font-semibold", h.value])
+          }, b(e.title), 3)) : c("", !0),
+          o("div", {
+            class: f(y.value)
+          }, [
+            $(x.$slots, "default")
+          ], 2)
+        ]),
+        e.dismissible ? (a(), C(ce, {
+          key: 1,
+          size: "sm",
+          variant: "default",
+          onClick: i
+        })) : c("", !0)
+      ]),
+      x.$slots.actions ? (a(), n("div", _l, [
+        $(x.$slots, "actions")
+      ])) : c("", !0)
+    ], 10, jl));
+  }
+}, Ol = {
+  "aria-label": "Breadcrumb",
+  "data-component": "DXBreadcrumb"
+}, Tl = {
+  key: 0,
+  class: "mx-2 text-slate-400",
+  "aria-hidden": "true"
+}, Zl = { key: 1 }, Nl = "inline-flex items-center transition-colors", Ks = {
+  __name: "DXBreadcrumb",
+  props: {
+    /** Элементы: [{ label, href?, to?, icon?, iconAnimation? }] */
+    items: { type: Array, required: !0 },
+    /** Разделитель: slash | chevron */
+    separator: { type: String, default: "chevron" },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Анимация иконок: none | wiggle | scale | rotate */
+    iconAnimation: { type: String, default: "none" },
+    /** Анимировать только иконку текущей страницы */
+    animateCurrentOnly: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, l = {
+      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, [
+      o("ol", {
+        class: f(["flex items-center flex-wrap", s.value])
+      }, [
+        (a(!0), n(M, null, _(e.items, (v, 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, {
+                key: 0,
+                icon: O(de),
+                size: r.value,
+                animation: "none"
+              }, null, 8, ["icon", "size"])) : (a(), n("span", Zl, "/"))
+            ])
+          ])) : c("", !0),
+          (a(), C(L(i(v)), {
+            href: v.href,
+            to: v.to,
+            class: f([
+              Nl,
+              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, {
+                key: 0,
+                icon: v.icon,
+                size: r.value,
+                animation: d(v, m),
+                class: "mr-1.5"
+              }, null, 8, ["icon", "size", "animation"])) : c("", !0),
+              j(" " + b(v.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["href", "to", "class", "aria-current"]))
+        ]))), 128))
+      ], 2)
+    ]));
+  }
+}, Pl = {
+  class: "inline-flex",
+  "data-component": "DXButtonGroup"
+}, Fl = {
+  key: 0,
+  class: "text-sm font-medium text-slate-700 mb-2"
+}, Ws = {
+  __name: "DXButtonGroup",
+  props: {
+    /** Значение (v-model) */
+    modelValue: [String, Number, Array],
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Множественный выбор */
+    multiple: { type: Boolean, default: !1 },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = g(() => {
+      switch (l.size) {
+        case "sm":
+          return "h-8";
+        case "lg":
+          return "h-12";
+        default:
+          return "h-10";
+      }
+    }), 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);
+          } else
+            s("update:modelValue", [...p, u]);
+        } else
+          s("update:modelValue", u);
+    }, d = (u) => l.multiple ? Array.isArray(l.modelValue) && l.modelValue.includes(u) : l.modelValue === u;
+    return re("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),
+      o("div", {
+        class: f(["inline-flex border border-slate-200 rounded-xl overflow-hidden divide-x divide-slate-200", r.value])
+      }, [
+        $(u.$slots, "default")
+      ], 2)
+    ]));
+  }
+}, Hl = {
+  key: 0,
+  class: "block text-sm font-medium text-slate-700 mb-1"
+}, Rl = { class: "relative" }, ql = ["placeholder", "disabled", "onKeydown"], El = {
+  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 = {
+  key: 0,
+  class: "w-4 h-4 text-slate-900",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Wl = {
+  key: 0,
+  class: "px-4 py-2 text-sm text-slate-500"
+}, Yl = { key: 0 }, Jl = { key: 1 }, Ql = {
+  key: 2,
+  class: "mt-1 text-xs text-slate-500"
+}, Ys = {
+  __name: "DXComboBox",
+  props: {
+    modelValue: [String, Number],
+    options: { type: Array, default: () => [] },
+    label: { type: String, default: "" },
+    placeholder: { type: String, default: "" },
+    helper: { type: String, default: "" },
+    disabled: { type: Boolean, default: !1 },
+    filterable: { type: Boolean, default: !0 },
+    allowCustom: { type: Boolean, default: !1 }
+  },
+  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(() => {
+      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;
+      !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 = () => {
+      if (!u.value) {
+        u.value = !0;
+        return;
+      }
+      p.value < m.value.length - 1 && p.value++;
+    }, T = () => {
+      p.value > 0 && p.value--;
+    }, X = () => {
+      if (u.value && m.value.length > 0) {
+        const w = m.value[p.value];
+        w && x(w);
+      } 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));
+    };
+    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", {
+      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, [
+        q(o("input", {
+          ref_key: "inputRef",
+          ref: i,
+          "onUpdate:modelValue": k[0] || (k[0] = (I) => d.value = I),
+          type: "text",
+          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,
+          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"]))
+          ]
+        }, null, 42, ql), [
+          [G, 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 }]),
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24"
+        }, [...k[2] || (k[2] = [
+          o("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M19 9l-7 7-7-7"
+          }, 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", {
+          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
+        }, [
+          o("span", Ul, [
+            I.icon ? (a(), C(L(I.icon), {
+              key: 0,
+              class: "w-4 h-4 text-slate-500"
+            })) : c("", !0),
+            j(" " + b(I.label), 1)
+          ]),
+          e.modelValue === I.value ? (a(), n("svg", Kl, [...k[3] || (k[3] = [
+            o("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              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, "Не найдено"))
+        ])) : c("", !0)
+      ])) : c("", !0),
+      e.helper ? (a(), n("p", Ql, b(e.helper), 1)) : c("", !0)
+    ], 512));
+  }
+}, ea = {
+  class: "space-y-1",
+  "data-component": "DXCopyField"
+}, ta = {
+  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 = {
+  __name: "DXCopyField",
+  props: {
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Значение для копирования */
+    value: { type: String, default: "" },
+    /** Иконка для копирования */
+    copyIcon: { type: Object, default: () => Ye },
+    /** Иконка успешного копирования */
+    successIcon: { type: Object, default: () => We },
+    /** Анимация иконки копирования: none | wiggle | scale | rotate */
+    copyIconAnimation: { type: String, default: "scale" },
+    /** Анимация иконки успеха: none | wiggle | scale | rotate */
+    copiedIconAnimation: { type: String, default: "scale" },
+    /** Время отображения успешного состояния (мс) */
+    successDuration: { type: Number, default: 2e3 }
+  },
+  emits: ["copied"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = D(!1), i = async () => {
+      if (l.value)
+        try {
+          await navigator.clipboard.writeText(l.value), r.value = !0, s("copied", l.value), setTimeout(() => {
+            r.value = !1;
+          }, l.successDuration);
+        } catch (d) {
+          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),
+        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, {
+            key: 0,
+            icon: O(Ue),
+            size: "sm",
+            animation: e.copiedIconAnimation,
+            class: "text-emerald-600"
+          }, null, 8, ["icon", "animation"])) : (a(), C(S, {
+            key: 1,
+            icon: e.copyIcon,
+            size: "sm",
+            animation: e.copyIconAnimation
+          }, null, 8, ["icon", "animation"]))
+        ], 10, na)
+      ])
+    ]));
+  }
+}, sa = {
+  class: "w-full",
+  "data-component": "DXDatePicker"
+}, oa = {
+  key: 0,
+  class: "block text-sm text-slate-600 mb-1 font-medium"
+}, ra = { class: "relative" }, ia = ["type", "value", "placeholder", "disabled", "readonly"], da = {
+  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 = {
+  key: 2,
+  class: "mt-1 text-xs text-slate-500"
+}, Qs = {
+  __name: "DXDatePicker",
+  props: {
+    /** Значение (v-model) - строка или { start, end } для range */
+    modelValue: [String, Object],
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Placeholder */
+    placeholder: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Режим диапазона */
+    range: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const l = e, s = t, r = D(!1), i = D(""), d = D(""), u = g(() => {
+      if (l.range && typeof l.modelValue == "object" && l.modelValue) {
+        const { start: y, end: x } = l.modelValue;
+        return y && x ? `${p(y)} - ${p(x)}` : "";
+      }
+      return l.modelValue || "";
+    }), p = (y) => y ? new Date(y).toLocaleDateString("ru-RU") : "", v = (y) => s("update:modelValue", y), 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 = () => {
+      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, [
+        o("input", {
+          type: e.range ? "text" : "date",
+          value: u.value,
+          placeholder: e.placeholder,
+          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", {
+          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",
+          viewBox: "0 0 24 24"
+        }, [
+          o("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+          })
+        ], -1))
+      ]),
+      e.range && r.value ? (a(), n("div", da, [
+        o("div", ua, [
+          o("div", null, [
+            x[6] || (x[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),
+              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]
+            ])
+          ]),
+          o("div", null, [
+            x[7] || (x[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),
+              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]
+            ])
+          ]),
+          o("div", ca, [
+            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
+            }, " Применить "),
+            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)
+            }, " Отмена ")
+          ])
+        ])
+      ])) : c("", !0),
+      e.helper ? (a(), n("p", ma, b(e.helper), 1)) : c("", !0)
+    ]));
+  }
+}, fa = {
+  class: "w-full",
+  "data-component": "DXFileUpload"
+}, pa = {
+  key: 0,
+  class: "block text-sm font-medium text-slate-700 mb-1"
+}, ga = ["accept", "multiple", "disabled"], va = {
+  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 = {
+  key: 1,
+  class: "space-y-2"
+}, wa = {
+  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 = {
+  key: 1,
+  class: "mt-1 text-xs text-slate-500"
+}, Ba = {
+  key: 2,
+  class: "mt-1 text-xs text-rose-500"
+}, eo = {
+  __name: "DXFileUpload",
+  props: {
+    modelValue: [File, FileList, Array],
+    label: { type: String, default: "" },
+    helper: { type: String, default: "" },
+    accept: { type: String, default: "" },
+    multiple: { type: Boolean, default: !1 },
+    maxSize: { type: String, default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  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;
+      if (d.value = !1, l.disabled) return;
+      const z = Array.from(((w = X.dataTransfer) == null ? void 0 : w.files) || []);
+      x(z);
+    }, h = () => {
+      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 });
+        }
+        return w;
+      });
+      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];
+    };
+    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),
+      o("div", {
+        ref_key: "dropZone",
+        ref: i,
+        class: f(["relative border-2 border-dashed rounded-xl p-6 transition-all", [
+          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(() => {
+        }, ["prevent"])),
+        onDragleave: N(y, ["prevent"]),
+        onDrop: N(m, ["prevent"])
+      }, [
+        o("input", {
+          ref_key: "fileInput",
+          ref: r,
+          type: "file",
+          accept: e.accept,
+          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) => {
+            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, [
+                o("img", {
+                  src: w.preview,
+                  alt: w.name,
+                  class: "w-full h-full object-cover"
+                }, null, 8, ka)
+              ])) : (a(), C(S, {
+                key: 1,
+                icon: O(Qe),
+                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("button", {
+                type: "button",
+                class: "text-slate-400 hover:text-slate-600 transition-colors",
+                onClick: (B) => V(k),
+                "aria-label": "Удалить файл"
+              }, [
+                A(S, {
+                  icon: O(ue),
+                  size: "md",
+                  animation: "scale"
+                }, null, 8, ["icon"])
+              ], 8, Va)
+            ]);
+          }), 128)),
+          e.multiple ? (a(), n("button", {
+            key: 0,
+            type: "button",
+            class: "w-full py-2 text-sm text-slate-600 hover:text-slate-900 border border-slate-200 rounded-lg hover:bg-slate-50",
+            disabled: e.disabled,
+            onClick: z[1] || (z[1] = (w) => {
+              var k;
+              return (k = r.value) == null ? void 0 : k.click();
+            })
+          }, [
+            A(S, {
+              icon: O(st),
+              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),
+            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("button", {
+              type: "button",
+              class: "text-slate-900 underline hover:no-underline",
+              disabled: e.disabled,
+              onClick: z[0] || (z[0] = (w) => {
+                var k;
+                return (k = r.value) == null ? void 0 : k.click();
+              })
+            }, " выберите ", 8, ha)
+          ]),
+          o("p", xa, b(e.accept || "Любые файлы") + " " + b(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)
+    ]));
+  }
+}, Xa = {
+  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 = {
+  __name: "DXFilterGroup",
+  props: {
+    /** Лейбл группы */
+    label: { type: String, required: !0 },
+    /** Опции: [{ value, label }] */
+    options: { type: Array, default: () => [] },
+    /** Текущее значение (v-model) */
+    modelValue: [String, Boolean],
+    /** Показывать кнопку сброса */
+    clearable: { type: Boolean, default: !0 }
+  },
+  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", {
+          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)),
+        e.modelValue && e.clearable ? (a(), n("button", {
+          key: 0,
+          type: "button",
+          class: "px-3 py-2 rounded-full text-xs font-semibold border border-amber-300 text-amber-700 bg-amber-50 hover:bg-amber-100 transition",
+          onClick: l[0] || (l[0] = (s) => t.$emit("update:modelValue", null))
+        }, " Сбросить ")) : c("", !0)
+      ])
+    ]));
+  }
+}, Ma = {
+  class: "w-full",
+  "data-component": "DXFormControl"
+}, La = { class: "flex items-center justify-between mb-1" }, _a = {
+  key: 0,
+  class: "text-sm font-medium text-slate-700"
+}, Oa = {
+  key: 0,
+  class: "text-rose-500"
+}, Ta = {
+  key: 1,
+  class: "text-xs text-slate-500"
+}, Za = { class: "relative" }, Na = {
+  key: 0,
+  class: "absolute left-3 top-1/2 -translate-y-1/2 text-slate-400"
+}, Pa = {
+  key: 1,
+  class: "absolute right-3 top-1/2 -translate-y-1/2"
+}, Fa = {
+  key: 0,
+  class: "mt-1 text-xs text-rose-500 flex items-center gap-1"
+}, Ha = {
+  key: 1,
+  class: "mt-1 text-xs text-slate-500"
+}, lo = {
+  __name: "DXFormControl",
+  props: {
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Текст ошибки */
+    error: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Обязательное поле */
+    required: { type: Boolean, default: !1 },
+    /** Состояние валидации: success | error | '' */
+    validationState: { type: String, default: "" },
+    /** Иконка-префикс */
+    prefixIcon: { type: Object, default: null },
+    /** Максимальная длина */
+    maxLength: { type: Number, default: 0 },
+    /** Текущая длина */
+    currentLength: { type: Number, default: 0 },
+    /** Показывать счетчик */
+    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)
+        ])) : c("", !0),
+        e.maxLength && e.showCount ? (a(), n("span", Ta, b(e.currentLength) + " / " + b(e.maxLength), 1)) : c("", !0)
+      ]),
+      o("div", Za, [
+        s.$slots.prefix || e.prefixIcon ? (a(), n("div", Na, [
+          e.prefixIcon ? (a(), C(S, {
+            key: 0,
+            icon: e.prefixIcon,
+            size: "sm",
+            animation: "none"
+          }, null, 8, ["icon"])) : c("", !0),
+          $(s.$slots, "prefix")
+        ])) : c("", !0),
+        o("div", {
+          class: f({ "pl-10": s.$slots.prefix || e.prefixIcon, "pr-10": l.value })
+        }, [
+          $(s.$slots, "default")
+        ], 2),
+        l.value ? (a(), n("div", Pa, [
+          A(ne, {
+            state: e.validationState,
+            size: "md"
+          }, null, 8, ["state"])
+        ])) : c("", !0)
+      ]),
+      e.error ? (a(), n("p", Fa, [
+        A(ne, {
+          state: "error",
+          size: "xs"
+        }),
+        j(" " + b(e.error), 1)
+      ])) : e.helper ? (a(), n("p", Ha, b(e.helper), 1)) : c("", !0)
+    ]));
+  }
+}, Ra = {
+  class: "w-full",
+  "data-component": "DXInputGroup"
+}, qa = {
+  key: 0,
+  class: "block text-sm font-medium text-slate-700 mb-1"
+}, Ea = { class: "flex" }, Ga = {
+  key: 1,
+  class: "mt-1 text-xs text-slate-500"
+}, ao = {
+  __name: "DXInputGroup",
+  props: {
+    label: { type: String, default: "" },
+    helper: { type: String, default: "" },
+    size: { type: String, default: "md" }
+  },
+  setup(e) {
+    return re("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")
+      ]),
+      e.helper ? (a(), n("p", Ga, b(e.helper), 1)) : c("", !0)
+    ]));
+  }
+}, Ua = {
+  class: "w-full",
+  "data-component": "DXInputMask"
+}, Ka = {
+  key: 0,
+  class: "block text-sm text-slate-600 mb-1 font-medium"
+}, Wa = ["type", "placeholder", "value", "disabled"], Ya = {
+  key: 1,
+  class: "mt-1 text-xs text-slate-500"
+}, no = {
+  __name: "DXInputMask",
+  props: {
+    /** Значение (v-model) - сырое значение без маски */
+    modelValue: { type: String, default: "" },
+    /** Маска: # = цифра, например "+7 (###) ###-##-##" */
+    mask: { type: String, required: !0 },
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Placeholder */
+    placeholder: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 },
+    /** Тип input */
+    type: { type: String, default: "text" }
+  },
+  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(() => {
+        if (r.value) {
+          const x = y.length;
+          r.value.setSelectionRange(x, x);
+        }
+      }, 0);
+    }, v = (m) => {
+      ["Backspace", "Delete", "Tab", "Escape", "Enter", "ArrowLeft", "ArrowRight"].includes(m.key) || /^\d$/.test(m.key) || m.preventDefault();
+    };
+    return H(() => 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),
+      o("input", {
+        ref_key: "inputRef",
+        ref: r,
+        type: e.type,
+        placeholder: e.placeholder,
+        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)
+    ]));
+  }
+}, Ja = {
+  class: "flex items-center gap-1",
+  "aria-label": "Pagination",
+  "data-component": "DXPagination"
+}, Qa = ["disabled"], en = {
+  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 = {
+  __name: "DXPagination",
+  props: {
+    /** Текущая страница (v-model) */
+    modelValue: { type: Number, default: 1 },
+    /** Всего страниц */
+    totalPages: { type: Number, required: !0 },
+    /** Сколько страниц показывать вокруг текущей */
+    siblingCount: { type: Number, default: 1 },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" }
+  },
+  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;
+    }), 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(() => [
+      "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(() => [
+      "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, [
+      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)),
+        "aria-label": "Предыдущая"
+      }, [
+        A(S, {
+          icon: O(Ke),
+          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", {
+          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))
+      ], 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)),
+        "aria-label": "Следующая"
+      }, [
+        A(S, {
+          icon: O(de),
+          size: "sm",
+          animation: "none"
+        }, null, 8, ["icon"])
+      ], 10, ln)
+    ]));
+  }
+}, nn = {
+  class: "w-full",
+  "data-component": "DXPasswordInput"
+}, sn = {
+  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 = {
+  key: 1,
+  class: "mt-1 text-xs text-rose-500"
+}, cn = {
+  key: 2,
+  class: "mt-1 text-xs text-slate-500"
+}, oo = {
+  __name: "DXPasswordInput",
+  props: {
+    /** Значение (v-model) */
+    modelValue: { type: String, default: "" },
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Placeholder */
+    placeholder: { type: String, default: "" },
+    /** Текст ошибки */
+    error: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Отключенное состояние */
+    disabled: { type: Boolean, default: !1 }
+  },
+  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, [
+        o("input", {
+          type: t.value ? "text" : "password",
+          placeholder: e.placeholder,
+          value: e.modelValue,
+          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),
+        o("button", {
+          type: "button",
+          class: "absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 hover:text-slate-600 transition",
+          disabled: e.disabled,
+          onClick: s[1] || (s[1] = (r) => t.value = !t.value),
+          "aria-label": t.value ? "Скрыть пароль" : "Показать пароль"
+        }, [
+          A(S, {
+            icon: t.value ? O(et) : O(ae),
+            size: "md",
+            animation: "scale"
+          }, null, 8, ["icon"])
+        ], 8, dn)
+      ]),
+      e.error ? (a(), n("p", un, b(e.error), 1)) : e.helper ? (a(), n("p", cn, b(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 = {
+  key: 0,
+  class: "w-5 h-5 rounded-full bg-slate-900 flex items-center justify-center flex-shrink-0"
+}, bn = {
+  key: 0,
+  class: "text-sm text-slate-600 mt-1"
+}, ro = {
+  __name: "DXRadioCard",
+  props: {
+    modelValue: [String, Number, Boolean],
+    value: { type: [String, Number, Boolean], required: !0 },
+    title: { type: String, required: !0 },
+    description: { type: String, default: "" },
+    icon: { type: Object, default: null },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    return (t, l) => (a(), n("label", {
+      class: f(["block relative cursor-pointer group", { "cursor-not-allowed opacity-60": e.disabled }]),
+      "data-component": "DXRadioCard"
+    }, [
+      o("input", {
+        type: "radio",
+        value: e.value,
+        checked: e.modelValue === e.value,
+        disabled: e.disabled,
+        class: "sr-only peer",
+        onChange: l[0] || (l[0] = (s) => t.$emit("update:modelValue", e.value))
+      }, null, 40, mn),
+      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",
+          !e.disabled && "hover:border-slate-300 hover:shadow-sm",
+          e.disabled && "bg-slate-50"
+        ]])
+      }, [
+        o("div", fn, [
+          e.icon ? (a(), C(L(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("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] = [
+                o("svg", {
+                  class: "w-3 h-3 text-white",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, [
+                  o("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "3",
+                    d: "M5 13l4 4L19 7"
+                  })
+                ], -1)
+              ])])) : c("", !0)
+            ]),
+            e.description ? (a(), n("p", bn, b(e.description), 1)) : c("", !0),
+            $(t.$slots, "default")
+          ])
+        ])
+      ], 2)
+    ], 2));
+  }
+}, hn = {
+  class: "space-y-2",
+  "data-component": "DXRadioGroup"
+}, xn = {
+  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 = {
+  key: 1,
+  class: "text-xs text-slate-500 mt-1"
+}, io = {
+  __name: "DXRadioGroup",
+  props: {
+    /** Текущее значение (v-model) */
+    modelValue: [String, Number, Boolean],
+    /** Опции: [{ value, label, disabled? }] */
+    options: { type: Array, required: !0 },
+    /** Лейбл группы */
+    label: { type: String, default: "" },
+    /** Вспомогательный текст */
+    helper: { type: String, default: "" },
+    /** Отключить все опции */
+    disabled: { type: Boolean, default: !1 },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Расположение: vertical | horizontal */
+    layout: { type: String, default: "vertical" }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = g(() => {
+      switch (t.size) {
+        case "sm":
+          return "h-3.5 w-3.5";
+        case "lg":
+          return "h-5 w-5";
+        default:
+          return "h-4 w-4";
+      }
+    });
+    return (s, r) => (a(), n("div", hn, [
+      e.label ? (a(), n("p", xn, b(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", {
+          key: i.value,
+          class: f(["inline-flex items-center gap-2 cursor-pointer", { "opacity-60 cursor-not-allowed": e.disabled || i.disabled }])
+        }, [
+          o("input", {
+            type: "radio",
+            value: i.value,
+            checked: e.modelValue === i.value,
+            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)
+        ], 2))), 128))
+      ], 2),
+      e.helper ? (a(), n("p", kn, b(e.helper), 1)) : c("", !0)
+    ]));
+  }
+}, $n = {
+  key: 0,
+  class: "block text-sm text-slate-600 mb-1 font-medium"
+}, Cn = {
+  key: 1,
+  class: "flex flex-wrap gap-2 mb-2"
+}, Sn = ["onClick"], Vn = { class: "truncate flex items-center gap-2" }, Dn = {
+  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 = {
+  key: 0,
+  class: "w-4 h-4 text-slate-900 flex-shrink-0",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+}, Mn = {
+  key: 1,
+  class: "text-xs text-slate-500 px-3 py-2"
+}, uo = {
+  __name: "DXSearchSelect",
+  props: {
+    /** Значение (v-model) - строка или массив для multiple */
+    modelValue: [String, Number, Array],
+    /** Опции: [{ value, label, icon? }] */
+    options: { type: Array, default: () => [] },
+    /** Лейбл */
+    label: { type: String, default: "" },
+    /** Placeholder */
+    placeholder: { type: String, default: "Выбрать" },
+    /** Placeholder поиска */
+    searchPlaceholder: { type: String, default: "Поиск..." },
+    /** Множественный выбор */
+    multiple: { type: Boolean, default: !1 },
+    /** Возможность создавать новые опции */
+    creatable: { type: Boolean, default: !1 }
+  },
+  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(() => {
+      if (!l.multiple) return [];
+      const w = Array.isArray(l.modelValue) ? l.modelValue : [];
+      return l.options.filter((k) => w.includes(k.value));
+    }), m = g(() => {
+      if (l.multiple) {
+        const w = v.value.length;
+        return w > 0 ? `Выбрано: ${w}` : 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();
+      });
+    }, V = (w) => {
+      if (l.multiple) {
+        const k = Array.isArray(l.modelValue) ? l.modelValue : [], I = k.indexOf(w);
+        if (I > -1) {
+          const B = [...k];
+          B.splice(I, 1), s("update:modelValue", B);
+        } else
+          s("update:modelValue", [...k, w]);
+      } else
+        s("update:modelValue", w), r.value = !1;
+      i.value = "";
+    }, T = (w) => {
+      if (l.multiple) {
+        const k = Array.isArray(l.modelValue) ? l.modelValue : [];
+        s("update:modelValue", k.filter((I) => I !== w));
+      }
+    }, X = () => {
+      l.creatable && i.value && (s("create", i.value), i.value = "");
+    }, z = (w) => {
+      d.value && !d.value.contains(w.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) => {
+      var I;
+      return a(), n("div", {
+        class: "relative",
+        ref_key: "root",
+        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,
+            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), {
+              key: 0,
+              class: "w-3 h-3"
+            })) : c("", !0),
+            j(" " + b(B.label) + " ", 1),
+            o("button", {
+              type: "button",
+              class: "hover:text-slate-900",
+              onClick: N((K) => T(B.value), ["stop"])
+            }, [...k[3] || (k[3] = [
+              o("svg", {
+                class: "w-3 h-3",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                o("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M6 18L18 6M6 6l12 12"
+                })
+              ], -1)
+            ])], 8, Sn)
+          ]))), 128))
+        ])) : c("", !0),
+        o("button", {
+          type: "button",
+          class: f(["w-full flex items-center justify-between h-10 px-4 py-2.5 text-sm rounded-xl border border-slate-200 bg-white transition-colors", [
+            !r.value && "hover:border-slate-300",
+            r.value && "ring-2 ring-slate-900/10 border-slate-300"
+          ]]),
+          onClick: x
+        }, [
+          o("span", Vn, [
+            !e.multiple && ((I = p.value) != null && I.icon) ? (a(), C(L(p.value.icon), {
+              key: 0,
+              class: "w-4 h-4 text-slate-500"
+            })) : c("", !0),
+            j(" " + b(m.value), 1)
+          ]),
+          (a(), n("svg", {
+            class: f(["w-4 h-4 text-slate-400 transition-transform", { "rotate-180": r.value }]),
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [...k[4] || (k[4] = [
+            o("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M19 9l-7 7-7-7"
+            }, null, -1)
+          ])], 2))
+        ], 2),
+        r.value ? (a(), n("div", Dn, [
+          o("div", zn, [
+            q(o("input", {
+              ref_key: "searchInput",
+              ref: u,
+              "onUpdate:modelValue": k[0] || (k[0] = (B) => i.value = B),
+              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(() => {
+                }, ["stop"])),
+                k[2] || (k[2] = R((B) => r.value = !1, ["escape"]))
+              ]
+            }, null, 40, Bn), [
+              [G, i.value]
+            ]),
+            k[5] || (k[5] = o("svg", {
+              class: "absolute right-3 top-2.5 w-4 h-4 text-slate-400",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24"
+            }, [
+              o("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+              })
+            ], -1))
+          ]),
+          o("div", Xn, [
+            (a(!0), n(M, null, _(h.value, (B) => (a(), n("button", {
+              key: B.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)
+            }, [
+              o("span", An, [
+                B.icon ? (a(), C(L(B.icon), {
+                  key: 0,
+                  class: "w-4 h-4 text-slate-500"
+                })) : c("", !0),
+                j(" " + b(B.label), 1)
+              ]),
+              y(B.value) ? (a(), n("svg", jn, [...k[6] || (k[6] = [
+                o("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M5 13l4 4L19 7"
+                }, null, -1)
+              ])])) : c("", !0)
+            ], 10, In))), 128)),
+            e.creatable && i.value && !h.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
+            }, [
+              k[7] || (k[7] = o("svg", {
+                class: "w-4 h-4",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24"
+              }, [
+                o("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2",
+                  d: "M12 4v16m8-8H4"
+                })
+              ], -1)),
+              j(' Создать "' + b(i.value) + '" ', 1)
+            ])) : h.value.length ? c("", !0) : (a(), n("p", Mn, "Не найдено"))
+          ])
+        ])) : c("", !0)
+      ], 512);
+    };
+  }
+}, Ln = {
+  class: "inline-flex",
+  "data-component": "DXSegmentedControl"
+}, _n = {
+  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 = {
+  __name: "DXSegmentedControl",
+  props: {
+    modelValue: [String, Number, Boolean],
+    options: {
+      type: Array,
+      required: !0
+    },
+    label: { type: String, default: "" },
+    /** Анимация иконок: none | wiggle | scale | rotate */
+    iconAnimation: { type: String, default: "none" },
+    /** Анимировать только активную иконку */
+    animateActiveOnly: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  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 m = d.value;
+      if (m >= 0 && r.value[m]) {
+        const h = r.value[m];
+        i.value = {
+          width: `${h.offsetWidth}px`,
+          height: `${h.offsetHeight}px`,
+          left: `${h.offsetLeft}px`,
+          top: `${h.offsetTop}px`
+        };
+      }
+    }, p = (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);
+    }), U(() => {
+      W(u);
+    }), (m, h) => (a(), n("div", Ln, [
+      e.label ? (a(), n("p", _n, b(e.label), 1)) : c("", !0),
+      o("div", On, [
+        o("div", {
+          class: "absolute bg-white rounded-lg shadow-sm transition-all duration-200 ease-out",
+          style: E(i.value)
+        }, null, 4),
+        (a(!0), n(M, null, _(e.options, (y, x) => (a(), n("button", {
+          key: y.value,
+          type: "button",
+          ref_for: !0,
+          ref: (V) => {
+            V && (r.value[x] = V);
+          },
+          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.disabled && "opacity-60 cursor-not-allowed"
+          ]]),
+          disabled: e.disabled,
+          onClick: (V) => p(y.value)
+        }, [
+          y.icon ? (a(), C(S, {
+            key: 0,
+            icon: y.icon,
+            size: "xs",
+            animation: v(y)
+          }, 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", {
+            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))
+      ])
+    ]));
+  }
+}, 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 = {
+  __name: "DXAccordion",
+  props: {
+    /** Элементы: [{ title, content?, icon? }] */
+    items: { type: Array, required: !0 },
+    /** Разрешить несколько открытых */
+    multiple: { type: Boolean, default: !1 },
+    /** Изначально открытые индексы */
+    defaultOpen: { type: Array, default: () => [] },
+    /** Вариант: default | bordered | separated */
+    variant: { type: String, default: "default" }
+  },
+  setup(e) {
+    const t = e, l = D(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(() => [
+      i[t.variant] || i.default
+    ]);
+    return (u, p) => (a(), n("div", {
+      class: f(d.value),
+      "data-component": "DXAccordion"
+    }, [
+      (a(!0), n(M, null, _(e.items, (v, 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),
+          "aria-expanded": s(m)
+        }, [
+          o("span", Pn, [
+            v.icon ? (a(), C(S, {
+              key: 0,
+              icon: v.icon,
+              size: "md",
+              animation: "none",
+              class: "text-slate-500"
+            }, null, 8, ["icon"])) : c("", !0),
+            o("span", Fn, b(v.title), 1)
+          ]),
+          A(S, {
+            icon: O(le),
+            size: "md",
+            animation: "none",
+            class: f(["text-slate-400 transition-transform duration-200", { "rotate-180": s(m) }])
+          }, null, 8, ["icon", "class"])
+        ], 10, Nn),
+        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: P(() => [
+            q(o("div", Hn, [
+              o("div", Rn, [
+                $(u.$slots, `item-${m}`, {}, () => [
+                  j(b(v.content), 1)
+                ])
+              ])
+            ], 512), [
+              [fe, s(m)]
+            ])
+          ]),
+          _: 2
+        }, 1024)
+      ]))), 128))
+    ], 2));
+  }
+}, qn = {
+  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 = {
+  __name: "DXDropdown",
+  setup(e) {
+    const t = D(!1), l = D(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", {
+      class: "relative inline-block",
+      ref_key: "root",
+      ref: l,
+      "data-component": "DXDropdown"
+    }, [
+      o("button", {
+        type: "button",
+        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", {}, () => [
+          u[0] || (u[0] = j("Меню", -1))
+        ]),
+        A(S, {
+          icon: O(le),
+          size: "sm",
+          animation: "wiggle",
+          class: "text-slate-400"
+        }, null, 8, ["icon"])
+      ]),
+      t.value ? (a(), n("div", qn, [
+        $(d.$slots, "default")
+      ])) : c("", !0)
+    ], 512));
+  }
+}, En = {
+  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 = {
+  key: 0,
+  class: "text-sm text-slate-600"
+}, Kn = {
+  __name: "DXEmptyState",
+  props: {
+    /** Иконка (компонент) */
+    icon: { type: Object, required: !0 },
+    /** Заголовок */
+    title: { type: String, required: !0 },
+    /** Описание */
+    description: { type: String, default: "" },
+    /** Анимация иконки */
+    animated: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (t, l) => (a(), n("div", En, [
+      (a(), C(L(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)
+    ]));
+  }
+}, 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 = {
+  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 = {
+  key: 0,
+  class: "flex justify-end gap-2 flex-shrink-0 mt-4 pt-4 border-t border-slate-200"
+}, as = {
+  __name: "DXModal",
+  props: {
+    /** Открыто/закрыто */
+    open: { type: Boolean, default: !1 },
+    /** Вариант: modal | fullscreen | sidebar-right | half-right */
+    variant: { type: String, default: "modal" },
+    /** Ширина (для modal): sm | md | lg | xl */
+    width: { type: String, default: "md" },
+    /** Можно ли закрыть */
+    closable: { type: Boolean, default: !0 },
+    /** Показывать переключатель режимов */
+    showModeSwitcher: { type: Boolean, default: !1 }
+  },
+  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 }
+    ], i = () => {
+      l.closable && l.variant !== "half-right" && s("close");
+    }, d = (h) => {
+      s("update:variant", h);
+    }, u = g(() => {
+      switch (l.variant) {
+        case "sidebar-right":
+        case "half-right":
+          return "slide-right";
+        default:
+          return "fade-scale";
+      }
+    }), p = g(() => {
+      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";
+        case "sidebar-right":
+          return "fixed inset-0 z-50 bg-slate-900/40 backdrop-blur-sm flex items-end justify-end";
+        case "half-right":
+          return "fixed top-[73px] bottom-0 right-0 z-20 flex w-1/2 pointer-events-none";
+        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";
+      switch (l.variant) {
+        case "fullscreen":
+          return `${h} 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`;
+        case "half-right":
+          return `${h} 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}`;
+      }
+    }), m = g(() => {
+      if (l.variant !== "modal") return "";
+      switch (l.width) {
+        case "sm":
+          return "max-w-md";
+        case "lg":
+          return "max-w-3xl";
+        case "xl":
+          return "max-w-5xl";
+        default:
+          return "max-w-xl";
+      }
+    });
+    return (h, y) => (a(), C(pe, { 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"))
+      }, {
+        default: P(() => [
+          e.open ? (a(), n("div", {
+            key: 0,
+            class: f(p.value),
+            onClick: N(i, ["self"]),
+            "data-component": "DXModal",
+            "data-variant": e.variant
+          }, [
+            o("div", {
+              class: f(v.value)
+            }, [
+              o("div", Yn, [
+                o("h3", Jn, [
+                  $(h.$slots, "title", {}, () => [
+                    y[3] || (y[3] = j("Диалог", -1))
+                  ], !0)
+                ]),
+                e.showModeSwitcher ? (a(), n("div", Qn, [
+                  (a(), n(M, null, _(r, (x) => o("button", {
+                    key: x.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)
+                  }, [
+                    (a(), C(L(x.icon), { class: "h-4 w-4" }))
+                  ], 10, es)), 64))
+                ])) : c("", !0),
+                e.closable ? (a(), C(ce, {
+                  key: 1,
+                  size: "md",
+                  variant: "default",
+                  onClick: y[0] || (y[0] = (x) => h.$emit("close"))
+                })) : c("", !0)
+              ]),
+              o("div", ts, [
+                $(h.$slots, "default", {}, void 0, !0)
+              ]),
+              h.$slots.actions ? (a(), n("div", ls, [
+                $(h.$slots, "actions", {}, void 0, !0)
+              ])) : c("", !0)
+            ], 2)
+          ], 10, Wn)) : c("", !0)
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ]));
+  }
+}, go = /* @__PURE__ */ Z(as, [["__scopeId", "data-v-d02ee1db"]]), ns = {
+  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 = {
+  __name: "DXTable",
+  props: {
+    /** Массив заголовков колонок */
+    headers: { type: Array, default: () => [] }
+  },
+  setup(e) {
+    return (t, l) => (a(), n("div", ns, [
+      o("table", ss, [
+        o("thead", os, [
+          o("tr", null, [
+            (a(!0), n(M, null, _(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))
+          ])
+        ]),
+        o("tbody", rs, [
+          $(t.$slots, "default")
+        ])
+      ])
+    ]));
+  }
+}, is = {
+  class: "flex flex-wrap gap-2",
+  "data-component": "DXTabs"
+}, ds = ["onClick"], us = { class: "flex items-center gap-2" }, bo = {
+  __name: "DXTabs",
+  props: {
+    /** Текущее значение (v-model) */
+    modelValue: [String, Number],
+    /** Табы: [{ value, label, icon?, count?, iconAnimation? }] */
+    tabs: { type: Array, default: () => [] },
+    /** Анимация иконок: none | wiggle | scale | rotate */
+    iconAnimation: { type: String, default: "wiggle" },
+    /** Анимировать только активную иконку */
+    animateActiveOnly: { type: Boolean, default: !0 }
+  },
+  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", {
+        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, {
+            key: 0,
+            icon: i.icon,
+            size: "sm",
+            animation: l(i)
+          }, null, 8, ["icon", "animation"])) : c("", !0),
+          o("span", null, b(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)
+        ])
+      ], 10, ds))), 128))
+    ]));
+  }
+}, ho = {
+  type: String,
+  default: "md",
+  validator: (e) => ["xs", "sm", "md", "lg", "xl"].includes(e)
+}, xo = {
+  type: String,
+  default: "info",
+  validator: (e) => ["info", "success", "warning", "danger"].includes(e)
+}, yo = {
+  type: String,
+  default: "primary",
+  validator: (e) => ["primary", "ghost", "danger", "success", "warning", "outline"].includes(e)
+}, wo = {
+  type: String,
+  default: "none",
+  validator: (e) => ["none", "wiggle", "scale", "rotate"].includes(e)
+}, ko = {
+  type: Boolean,
+  default: !1
+}, $o = {
+  type: String,
+  default: ""
+}, Co = {
+  type: String,
+  default: ""
+}, So = {
+  type: String,
+  default: ""
+}, Vo = {
+  type: String,
+  default: ""
+}, se = {
+  favorite: {
+    activeIcon: Ve,
+    inactiveIcon: tt,
+    activeVariant: "danger",
+    inactiveVariant: "ghost",
+    iconAnimation: "scale"
+  },
+  bookmark: {
+    activeIcon: $e,
+    inactiveIcon: Ge,
+    activeVariant: "warning",
+    inactiveVariant: "ghost",
+    iconAnimation: "scale"
+  },
+  star: {
+    activeIcon: Ie,
+    inactiveIcon: dt,
+    activeVariant: "warning",
+    inactiveVariant: "ghost",
+    iconAnimation: "scale"
+  },
+  notifications: {
+    activeIcon: ke,
+    inactiveIcon: Ee,
+    activeVariant: "primary",
+    inactiveVariant: "ghost",
+    iconAnimation: "wiggle"
+  },
+  visibility: {
+    activeIcon: ae,
+    inactiveIcon: Se,
+    activeLabel: "Visible",
+    inactiveLabel: "Hidden",
+    activeVariant: "success",
+    inactiveVariant: "ghost",
+    iconAnimation: "scale"
+  },
+  lock: {
+    activeIcon: De,
+    inactiveIcon: lt,
+    activeLabel: "Locked",
+    inactiveLabel: "Unlocked",
+    activeVariant: "danger",
+    inactiveVariant: "success",
+    iconAnimation: "rotate"
+  },
+  theme: {
+    activeIcon: ze,
+    inactiveIcon: ut,
+    activeLabel: "Dark",
+    inactiveLabel: "Light",
+    activeVariant: "primary",
+    inactiveVariant: "warning",
+    iconAnimation: "rotate"
+  },
+  sound: {
+    activeIcon: Xe,
+    inactiveIcon: rt,
+    activeVariant: "danger",
+    inactiveVariant: "primary",
+    iconAnimation: "scale"
+  },
+  playPause: {
+    activeIcon: Be,
+    inactiveIcon: nt,
+    activeLabel: "Pause",
+    inactiveLabel: "Play",
+    activeVariant: "warning",
+    inactiveVariant: "success",
+    iconAnimation: "scale"
+  }
+};
+function Do(e) {
+  return se[e] || se.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
+};