dxd-style-code 0.1.9 → 0.1.11

package/dist/dxd-style-code.js

@@ -1,4 +1,4 @@
-import { createElementBlock as r, openBlock as o, createElementVNode as f, computed as d, createBlock as L, resolveDynamicComponent as ve, normalizeClass as p, withCtx as j, renderSlot as N, createCommentVNode as b, createTextVNode as G, toDisplayString as T, normalizeStyle as we, ref as H, watch as se, onBeforeUnmount as nt, Teleport as wl, createVNode as P, Transition as Oe, normalizeProps as Nt, guardReactiveProps as Rt, withKeys as me, withModifiers as ce, mergeProps as Qe, useSlots as ft, inject as $t, unref as O, onMounted as Ce, onUnmounted as Ht, Fragment as K, renderList as J, provide as Ye, nextTick as qe, createSlots as da, withDirectives as Ze, vShow as ua, isRef as yt, vModelText as aa, vModelSelect as on, resolveComponent as kl, defineComponent as sn, h as ga, getCurrentInstance as rn, useCssVars as Cl, TransitionGroup as dn } from "vue";
+import { createElementBlock as r, openBlock as o, createElementVNode as f, computed as d, createBlock as L, resolveDynamicComponent as ve, normalizeClass as p, ref as H, watch as se, toDisplayString as T, onBeforeUnmount as nt, Teleport as wl, createVNode as P, Transition as Oe, normalizeProps as Nt, guardReactiveProps as Rt, withCtx as j, createCommentVNode as b, renderSlot as N, createTextVNode as G, withKeys as me, withModifiers as ce, mergeProps as Qe, useSlots as ft, inject as $t, unref as O, normalizeStyle as we, onMounted as Ce, onUnmounted as Ht, Fragment as K, renderList as J, provide as Ye, nextTick as qe, createSlots as da, withDirectives as Ze, vShow as ua, isRef as yt, vModelText as aa, vModelSelect as on, resolveComponent as kl, defineComponent as sn, h as ga, getCurrentInstance as rn, useCssVars as Cl, TransitionGroup as dn } from "vue";
 function un(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -244,1726 +244,1221 @@ function bn(e, a) {
     })
   ]);
 }
-const de = {
-  // Для Alert/Toast и общих компонентов
-  default: {
-    bg: "bg-slate-50",
-    text: "text-slate-800",
-    // Для Alert/Toast (используется в useVariantClasses)
-    border: "border-slate-200",
-    icon: null,
-    iconColor: "text-slate-500",
-    // Для тегов
-    tag: "bg-slate-100 text-slate-800 border-slate-200",
-    // Для прогресс-бара
-    progress: "bg-slate-800",
-    // Для divider
-    divider: "border-slate-200",
-    // Для лоадера
-    loader: {
-      border: "border-slate-300",
-      borderTop: "border-t-slate-900",
-      text: "text-slate-600"
+function fe(e, a = "input") {
+  var l, n, s, i;
+  const t = {
+    button: {
+      xs: "h-7 px-2.5 py-1 text-xs",
+      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",
+      xl: "h-14 px-6 py-3.5 text-lg"
     },
-    // Для слайдера
-    slider: {
-      track: "bg-slate-200",
-      thumb: "bg-slate-900",
-      thumbHover: "bg-slate-800",
-      tick: "bg-slate-400",
-      text: "text-slate-700",
-      textActive: "text-slate-900",
-      textValue: "text-slate-900"
-    }
-  },
-  slate: {
-    bg: "bg-slate-50",
-    text: "text-slate-800",
-    border: "border-slate-200",
-    icon: null,
-    iconColor: "text-slate-500",
-    // Для Checkbox
-    checkbox: {
-      unchecked: "border-slate-300 bg-white hover:border-slate-400",
-      checked: "border-slate-700 bg-slate-700 hover:bg-slate-600",
-      ring: "focus:ring-slate-900/10"
+    buttonIcon: {
+      xs: "h-7 w-7 text-xs",
+      sm: "h-8 w-8 text-xs",
+      md: "h-10 w-10 text-sm",
+      lg: "h-12 w-12 text-sm",
+      xl: "h-14 w-14 text-base"
     },
-    // Для Radio
-    radio: {
-      unchecked: "border-slate-300 bg-white hover:border-slate-400",
-      checked: "border-slate-700 bg-slate-50 hover:border-slate-600",
-      ring: "focus:ring-slate-900/10",
-      dot: "bg-slate-700"
+    input: {
+      xs: "h-7 px-2.5 py-1 text-xs",
+      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",
+      xl: "h-14 px-6 py-3.5 text-lg"
     },
-    // Для текста
-    text: "text-slate-700",
-    // Для тегов
-    tag: "bg-slate-100 text-slate-800 border-slate-200",
-    // Для прогресс-бара
-    progress: "bg-slate-800",
-    // Для divider
-    divider: "border-slate-200",
-    // Для лоадера
-    loader: {
-      border: "border-slate-300",
-      borderTop: "border-t-slate-700",
-      text: "text-slate-700"
+    icon: {
+      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"
     },
-    // Для слайдера
-    slider: {
-      track: "bg-slate-200",
-      thumb: "bg-slate-700",
-      thumbHover: "bg-slate-600",
-      tick: "bg-slate-400",
-      text: "text-slate-700",
-      textActive: "text-slate-900",
-      textValue: "text-slate-900"
+    text: {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
     },
-    // Для toggle
-    toggle: {
-      checked: "bg-slate-700",
-      unchecked: "bg-slate-200",
-      ring: "focus:ring-slate-700/10"
-    }
-  },
-  primary: {
-    bg: "bg-slate-50",
-    text: "text-slate-800",
-    border: "border-slate-200",
-    icon: null,
-    iconColor: "text-slate-500",
-    // Для Checkbox
     checkbox: {
-      unchecked: "border-slate-300 bg-white hover:border-slate-400",
-      checked: "border-slate-900 bg-slate-900 hover:bg-slate-800",
-      ring: "focus:ring-slate-900/10"
+      xs: "h-3 w-3",
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6",
+      xl: "h-6 w-6"
     },
-    // Для Radio
     radio: {
-      unchecked: "border-slate-300 bg-white hover:border-slate-400",
-      checked: "border-slate-900 bg-slate-50 hover:border-slate-800",
-      ring: "focus:ring-slate-900/10",
-      dot: "bg-slate-900"
+      xs: "h-3 w-3",
+      sm: "h-3.5 w-3.5",
+      md: "h-4 w-4",
+      lg: "h-5 w-5",
+      xl: "h-6 w-6"
     },
-    // Для текста
-    text: "text-slate-900",
-    // Для тегов
-    tag: "bg-blue-100 text-blue-800 border-blue-200",
-    // Для прогресс-бара
-    progress: "bg-slate-800",
-    // Для divider
-    divider: "border-slate-200",
-    // Для tooltip
-    tooltip: "bg-slate-900 text-white",
-    // Для лоадера
-    loader: {
-      border: "border-slate-300",
-      borderTop: "border-t-slate-900",
-      text: "text-slate-900"
+    avatar: {
+      xs: "h-6 w-6",
+      sm: "h-8 w-8",
+      md: "h-10 w-10",
+      lg: "h-12 w-12",
+      xl: "h-16 w-16"
     },
-    // Для слайдера
-    slider: {
-      track: "bg-slate-200",
-      thumb: "bg-slate-900",
-      thumbHover: "bg-slate-800",
-      tick: "bg-slate-400",
-      text: "text-slate-700",
-      textActive: "text-slate-900",
-      textValue: "text-slate-900"
+    loader: {
+      xs: "w-2 h-2",
+      sm: "w-3 h-3",
+      md: "w-4 h-4",
+      lg: "w-5 h-5",
+      xl: "w-6 h-6"
     },
-    // Для toggle
-    toggle: {
-      checked: "bg-slate-900",
-      unchecked: "bg-slate-200",
-      ring: "focus:ring-slate-900/10"
-    }
-  },
-  info: {
-    bg: "bg-blue-50",
-    text: "text-blue-800",
-    border: "border-blue-200",
-    icon: Pa,
-    iconColor: "text-blue-500",
-    // Для Checkbox
-    checkbox: {
-      unchecked: "border-slate-300 bg-white hover:border-blue-400",
-      checked: "border-blue-600 bg-blue-600 hover:bg-blue-500",
-      ring: "focus:ring-blue-500/10"
+    progress: {
+      xs: "h-1",
+      sm: "h-2",
+      md: "h-3",
+      lg: "h-4"
     },
-    // Для Radio
-    radio: {
-      unchecked: "border-slate-300 bg-white hover:border-blue-400",
-      checked: "border-blue-600 bg-blue-50 hover:border-blue-500",
-      ring: "focus:ring-blue-500/10",
-      dot: "bg-blue-600"
+    inputAddon: {
+      xs: "h-7",
+      sm: "h-8",
+      md: "h-10",
+      lg: "h-12",
+      xl: "h-14"
     },
-    // Для текста
-    text: "text-blue-700",
-    // Для тегов
-    tag: "bg-cyan-100 text-cyan-800 border-cyan-200",
-    // Для прогресс-бара
-    progress: "bg-blue-500",
-    // Для divider
-    divider: "border-blue-200",
-    // Для tooltip
-    tooltip: "bg-blue-600 text-white",
-    // Для лоадера
-    loader: {
-      border: "border-blue-300",
-      borderTop: "border-t-blue-600",
-      text: "text-blue-700"
+    sliderTrack: {
+      xs: "h-1",
+      // 4px
+      sm: "h-1.5",
+      // 6px
+      md: "h-2",
+      // 8px
+      lg: "h-2.5",
+      // 10px
+      xl: "h-3"
+      // 12px
     },
-    // Для слайдера
-    slider: {
-      track: "bg-blue-200",
-      thumb: "bg-blue-600",
-      thumbHover: "bg-blue-500",
-      tick: "bg-blue-400",
-      text: "text-blue-700",
-      textActive: "text-blue-900",
-      textValue: "text-blue-900"
+    sliderThumb: {
+      xs: "w-3 h-3",
+      // 12px
+      sm: "w-4 h-4",
+      // 16px
+      md: "w-5 h-5",
+      // 20px
+      lg: "w-6 h-6",
+      // 24px
+      xl: "w-7 h-7"
+      // 28px
     },
-    // Для toggle
-    toggle: {
-      checked: "bg-blue-600",
-      unchecked: "bg-slate-200",
-      ring: "focus:ring-blue-500/10"
-    }
-  },
-  success: {
-    bg: "bg-emerald-50",
-    text: "text-emerald-800",
-    border: "border-emerald-200",
-    icon: ca,
-    iconColor: "text-emerald-500",
-    // Для Checkbox
-    checkbox: {
-      unchecked: "border-slate-300 bg-white hover:border-emerald-400",
-      checked: "border-emerald-600 bg-emerald-600 hover:bg-emerald-500",
-      ring: "focus:ring-emerald-500/10"
-    },
-    // Для Radio
-    radio: {
-      unchecked: "border-slate-300 bg-white hover:border-emerald-400",
-      checked: "border-emerald-600 bg-emerald-50 hover:border-emerald-500",
-      ring: "focus:ring-emerald-500/10",
-      dot: "bg-emerald-600"
-    },
-    // Для текста
-    text: "text-emerald-700",
-    // Для тегов
-    tag: "bg-green-100 text-green-800 border-green-200",
-    // Для прогресс-бара
-    progress: "bg-emerald-500",
-    // Для divider
-    divider: "border-emerald-200",
-    // Для tooltip
-    tooltip: "bg-emerald-600 text-white",
-    // Для лоадера
-    loader: {
-      border: "border-emerald-300",
-      borderTop: "border-t-emerald-600",
-      text: "text-emerald-700"
+    spacing: {
+      none: "gap-0",
+      xs: "gap-1",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
     },
-    // Для слайдера
-    slider: {
-      track: "bg-emerald-200",
-      thumb: "bg-emerald-600",
-      thumbHover: "bg-emerald-500",
-      tick: "bg-emerald-400",
-      text: "text-emerald-700",
-      textActive: "text-emerald-900",
-      textValue: "text-emerald-900"
+    tooltip: {
+      xs: "px-2 py-1 text-xs",
+      sm: "px-2.5 py-1.5 text-xs",
+      md: "px-3 py-2 text-sm",
+      lg: "px-4 py-3 text-base",
+      xl: "px-5 py-4 text-lg"
     },
-    // Для toggle
     toggle: {
-      checked: "bg-emerald-600",
-      unchecked: "bg-slate-200",
-      ring: "focus:ring-emerald-500/10"
-    }
-  },
-  warning: {
-    bg: "bg-amber-50",
-    text: "text-amber-800",
-    border: "border-amber-200",
-    icon: Oa,
-    iconColor: "text-amber-500",
-    // Для Checkbox
-    checkbox: {
-      unchecked: "border-slate-300 bg-white hover:border-amber-400",
-      checked: "border-amber-600 bg-amber-600 hover:bg-amber-500",
-      ring: "focus:ring-amber-500/10"
-    },
-    // Для Radio
-    radio: {
-      unchecked: "border-slate-300 bg-white hover:border-amber-400",
-      checked: "border-amber-600 bg-amber-50 hover:border-amber-500",
-      ring: "focus:ring-amber-500/10",
-      dot: "bg-amber-600"
-    },
-    // Для текста
-    text: "text-amber-700",
-    // Для тегов
-    tag: "bg-yellow-100 text-yellow-800 border-yellow-200",
-    // Для прогресс-бара
-    progress: "bg-amber-500",
-    // Для divider
-    divider: "border-amber-200",
-    // Для tooltip
-    tooltip: "bg-amber-600 text-white",
-    // Для лоадера
-    loader: {
-      border: "border-amber-300",
-      borderTop: "border-t-amber-600",
-      text: "text-amber-700"
-    },
-    // Для слайдера
-    slider: {
-      track: "bg-amber-200",
-      thumb: "bg-amber-600",
-      thumbHover: "bg-amber-500",
-      tick: "bg-amber-400",
-      text: "text-amber-700",
-      textActive: "text-amber-900",
-      textValue: "text-amber-900"
+      xs: { track: "h-4 w-7", thumb: "h-3 w-3" },
+      sm: { track: "h-5 w-9", thumb: "h-3.5 w-3.5" },
+      md: { track: "h-6 w-11", thumb: "h-4 w-4" },
+      lg: { track: "h-7 w-14", thumb: "h-5 w-5" },
+      xl: { track: "h-8 w-16", thumb: "h-6 w-6" }
     },
-    // Для toggle
-    toggle: {
-      checked: "bg-amber-600",
-      unchecked: "bg-slate-200",
-      ring: "focus:ring-amber-500/10"
+    badge: {
+      sm: "px-2 py-1 text-[11px]",
+      md: "px-2.5 py-1.5 text-xs"
     }
-  },
-  danger: {
-    bg: "bg-rose-50",
-    text: "text-rose-800",
-    border: "border-rose-200",
-    icon: zl,
-    iconColor: "text-rose-500",
-    // Для Checkbox
-    checkbox: {
-      unchecked: "border-slate-300 bg-white hover:border-rose-400",
-      checked: "border-rose-600 bg-rose-600 hover:bg-rose-500",
-      ring: "focus:ring-rose-500/10"
-    },
-    // Для Radio
-    radio: {
-      unchecked: "border-slate-300 bg-white hover:border-rose-400",
-      checked: "border-rose-600 bg-rose-50 hover:border-rose-500",
-      ring: "focus:ring-rose-500/10",
-      dot: "bg-rose-600"
+  };
+  return a === "toggle" ? ((l = t[a]) == null ? void 0 : l[e]) || ((n = t[a]) == null ? void 0 : n.md) || { track: "", thumb: "" } : ((s = t[a]) == null ? void 0 : s[e]) || ((i = t[a]) == null ? void 0 : i.md) || "";
+}
+const yn = {
+  enterActiveClass: "transition-all duration-200 ease-out",
+  enterFromClass: "opacity-0 max-h-0",
+  enterToClass: "opacity-100 max-h-96",
+  leaveActiveClass: "transition-all duration-200 ease-in",
+  leaveFromClass: "opacity-100 max-h-96",
+  leaveToClass: "opacity-0 max-h-0"
+}, Pt = {
+  enterActiveClass: "transition-opacity duration-200 ease-out",
+  enterFromClass: "opacity-0",
+  enterToClass: "opacity-100",
+  leaveActiveClass: "transition-opacity duration-200 ease-in",
+  leaveFromClass: "opacity-100",
+  leaveToClass: "opacity-0"
+}, ja = {
+  enterActiveClass: "transition-all duration-200 ease-out",
+  enterFromClass: "opacity-0 scale-95",
+  enterToClass: "opacity-100 scale-100",
+  leaveActiveClass: "transition-all duration-200 ease-in",
+  leaveFromClass: "opacity-100 scale-100",
+  leaveToClass: "opacity-0 scale-95"
+}, Fa = {
+  enterActiveClass: "transition-all duration-300 ease-out",
+  enterFromClass: "opacity-0 translate-x-full",
+  enterToClass: "opacity-100 translate-x-0",
+  leaveActiveClass: "transition-all duration-300 ease-in",
+  leaveFromClass: "opacity-100 translate-x-0",
+  leaveToClass: "opacity-0 translate-x-full"
+}, Na = {
+  enterActiveClass: "transition-all duration-300 ease-out",
+  enterFromClass: "opacity-0 -translate-x-full",
+  enterToClass: "opacity-100 translate-x-0",
+  leaveActiveClass: "transition-all duration-300 ease-in",
+  leaveFromClass: "opacity-100 translate-x-0",
+  leaveToClass: "opacity-0 -translate-x-full"
+}, Ra = {
+  enterActiveClass: "transition-all duration-300 ease-out",
+  enterFromClass: "opacity-0 translate-y-full",
+  enterToClass: "opacity-100 translate-y-0",
+  leaveActiveClass: "transition-all duration-300 ease-in",
+  leaveFromClass: "opacity-100 translate-y-0",
+  leaveToClass: "opacity-0 translate-y-full"
+}, Ha = {
+  enterActiveClass: "transition-all duration-300 ease-out",
+  enterFromClass: "opacity-0 -translate-y-full",
+  enterToClass: "opacity-100 translate-y-0",
+  leaveActiveClass: "transition-all duration-300 ease-in",
+  leaveFromClass: "opacity-100 translate-y-0",
+  leaveToClass: "opacity-0 -translate-y-full"
+};
+function xn(e = "top") {
+  const a = {
+    top: {
+      enterFrom: "opacity-0 translate-y-1",
+      enterTo: "opacity-100 translate-y-0",
+      leaveFrom: "opacity-100 translate-y-0",
+      leaveTo: "opacity-0 translate-y-1"
     },
-    // Для текста
-    text: "text-rose-700",
-    // Для тегов
-    tag: "bg-red-100 text-red-800 border-red-200",
-    // Для прогресс-бара
-    progress: "bg-rose-500",
-    // Для divider
-    divider: "border-rose-200",
-    // Для tooltip
-    tooltip: "bg-rose-600 text-white",
-    // Для лоадера
-    loader: {
-      border: "border-rose-300",
-      borderTop: "border-t-rose-600",
-      text: "text-rose-700"
+    bottom: {
+      enterFrom: "opacity-0 -translate-y-1",
+      enterTo: "opacity-100 translate-y-0",
+      leaveFrom: "opacity-100 translate-y-0",
+      leaveTo: "opacity-0 -translate-y-1"
     },
-    // Для слайдера
-    slider: {
-      track: "bg-rose-200",
-      thumb: "bg-rose-600",
-      thumbHover: "bg-rose-500",
-      tick: "bg-rose-400",
-      text: "text-rose-700",
-      textActive: "text-rose-900",
-      textValue: "text-rose-900"
+    left: {
+      enterFrom: "opacity-0 translate-x-1",
+      enterTo: "opacity-100 translate-x-0",
+      leaveFrom: "opacity-100 translate-x-0",
+      leaveTo: "opacity-0 translate-x-1"
     },
-    // Для toggle
-    toggle: {
-      checked: "bg-rose-600",
-      unchecked: "bg-slate-200",
-      ring: "focus:ring-rose-500/10"
+    right: {
+      enterFrom: "opacity-0 -translate-x-1",
+      enterTo: "opacity-100 translate-x-0",
+      leaveFrom: "opacity-100 translate-x-0",
+      leaveTo: "opacity-0 -translate-x-1"
     }
-  },
-  // Специальные варианты для текста
-  muted: {
-    text: "text-slate-500"
-  },
-  // Специальные варианты для divider
-  light: {
-    divider: "border-slate-100"
-  },
-  dark: {
-    divider: "border-slate-300",
-    // Для tooltip
-    tooltip: "bg-slate-900 text-white"
-  },
-  // Специальные варианты для tooltip
-  tooltipLight: {
-    tooltip: "bg-white text-slate-900 border border-slate-200 shadow-lg"
-  }
-};
-function eg(e) {
-  const a = de[e] || de.info;
-  return `${a.bg} ${a.text} ${a.border}`;
-}
-function tg(e) {
-  return (de[e] || de.info).icon;
-}
-function yn(e) {
-  return de[e] || de.info;
-}
-function xn(e) {
-  return (de[e] || de.primary).checkbox || de.primary.checkbox;
-}
-function al(e) {
-  return (de[e] || de.primary).radio || de.primary.radio;
-}
-function ja(e) {
-  return e === "default" ? "text-slate-700" : (de[e] || de.default).text || "text-slate-700";
-}
-function wn(e) {
-  return (de[e] || de.default).tag || de.default.tag;
-}
-function kn(e) {
-  return (de[e] || de.default).progress || de.default.progress;
-}
-function Cn(e) {
-  return (de[e] || de.default).loader || de.default.loader;
-}
-const ll = {
-  horizontal: {
-    thin: {
-      light: "border-t border-slate-100",
-      default: "border-t border-slate-200",
-      dark: "border-t border-slate-300"
-    },
-    default: {
-      light: "border-t border-slate-100",
-      default: "border-t border-slate-200",
-      dark: "border-t border-slate-300"
-    },
-    thick: {
-      light: "border-t-2 border-slate-100",
-      default: "border-t-2 border-slate-200",
-      dark: "border-t-2 border-slate-300"
-    }
-  },
-  vertical: {
-    thin: {
-      light: "border-l border-slate-100",
-      default: "border-l border-slate-200",
-      dark: "border-l border-slate-300"
-    },
-    default: {
-      light: "border-l border-slate-100",
-      default: "border-l border-slate-200",
-      dark: "border-l border-slate-300"
-    },
-    thick: {
-      light: "border-l-2 border-slate-100",
-      default: "border-l-2 border-slate-200",
-      dark: "border-l-2 border-slate-300"
-    }
-  }
-};
-function Sn(e, a, t) {
-  var n, s, i, c;
-  const l = e === "vertical" ? "vertical" : "horizontal";
-  return ((s = (n = ll[l]) == null ? void 0 : n[a]) == null ? void 0 : s[t]) || ((c = (i = ll[l]) == null ? void 0 : i.default) == null ? void 0 : c.default) || "border-t border-slate-200";
-}
-function $n(e) {
-  var t;
-  return e === "light" ? ((t = de.tooltipLight) == null ? void 0 : t.tooltip) || "bg-white text-slate-900 border border-slate-200 shadow-lg" : (de[e] || de.dark).tooltip || de.dark.tooltip;
-}
-function Dn(e = "top") {
-  const a = {
-    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2"
-  };
-  return a[e] || a.top;
-}
-function zn(e, a) {
-  var i;
-  const t = "absolute w-0 h-0 border-4", l = {
-    top: {
-      dark: "top-full left-1/2 -translate-x-1/2 border-t-slate-900 border-l-transparent border-r-transparent border-b-transparent",
-      light: "top-full left-1/2 -translate-x-1/2 border-t-white border-l-transparent border-r-transparent border-b-transparent",
-      primary: "top-full left-1/2 -translate-x-1/2 border-t-slate-900 border-l-transparent border-r-transparent border-b-transparent",
-      info: "top-full left-1/2 -translate-x-1/2 border-t-blue-600 border-l-transparent border-r-transparent border-b-transparent",
-      success: "top-full left-1/2 -translate-x-1/2 border-t-emerald-600 border-l-transparent border-r-transparent border-b-transparent",
-      warning: "top-full left-1/2 -translate-x-1/2 border-t-amber-600 border-l-transparent border-r-transparent border-b-transparent",
-      danger: "top-full left-1/2 -translate-x-1/2 border-t-rose-600 border-l-transparent border-r-transparent border-b-transparent"
-    },
-    bottom: {
-      dark: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-900 border-l-transparent border-r-transparent border-t-transparent",
-      light: "bottom-full left-1/2 -translate-x-1/2 border-b-white border-l-transparent border-r-transparent border-t-transparent",
-      primary: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-900 border-l-transparent border-r-transparent border-t-transparent",
-      info: "bottom-full left-1/2 -translate-x-1/2 border-b-blue-600 border-l-transparent border-r-transparent border-t-transparent",
-      success: "bottom-full left-1/2 -translate-x-1/2 border-b-emerald-600 border-l-transparent border-r-transparent border-t-transparent",
-      warning: "bottom-full left-1/2 -translate-x-1/2 border-b-amber-600 border-l-transparent border-r-transparent border-t-transparent",
-      danger: "bottom-full left-1/2 -translate-x-1/2 border-b-rose-600 border-l-transparent border-r-transparent border-t-transparent"
-    },
-    left: {
-      dark: "left-full top-1/2 -translate-y-1/2 border-l-slate-900 border-t-transparent border-b-transparent border-r-transparent",
-      light: "left-full top-1/2 -translate-y-1/2 border-l-white border-t-transparent border-b-transparent border-r-transparent",
-      primary: "left-full top-1/2 -translate-y-1/2 border-l-slate-900 border-t-transparent border-b-transparent border-r-transparent",
-      info: "left-full top-1/2 -translate-y-1/2 border-l-blue-600 border-t-transparent border-b-transparent border-r-transparent",
-      success: "left-full top-1/2 -translate-y-1/2 border-l-emerald-600 border-t-transparent border-b-transparent border-r-transparent",
-      warning: "left-full top-1/2 -translate-y-1/2 border-l-amber-600 border-t-transparent border-b-transparent border-r-transparent",
-      danger: "left-full top-1/2 -translate-y-1/2 border-l-rose-600 border-t-transparent border-b-transparent border-r-transparent"
-    },
-    right: {
-      dark: "right-full top-1/2 -translate-y-1/2 border-r-slate-900 border-t-transparent border-b-transparent border-l-transparent",
-      light: "right-full top-1/2 -translate-y-1/2 border-r-white border-t-transparent border-b-transparent border-l-transparent",
-      primary: "right-full top-1/2 -translate-y-1/2 border-r-slate-900 border-t-transparent border-b-transparent border-l-transparent",
-      info: "right-full top-1/2 -translate-y-1/2 border-r-blue-600 border-t-transparent border-b-transparent border-l-transparent",
-      success: "right-full top-1/2 -translate-y-1/2 border-r-emerald-600 border-t-transparent border-b-transparent border-l-transparent",
-      warning: "right-full top-1/2 -translate-y-1/2 border-r-amber-600 border-t-transparent border-b-transparent border-l-transparent",
-      danger: "right-full top-1/2 -translate-y-1/2 border-r-rose-600 border-t-transparent border-b-transparent border-l-transparent"
-    }
-  }, n = a || "dark";
-  return `${t} ${((i = l[e || "top"]) == null ? void 0 : i[n]) || l.top.dark}`;
-}
-function An(e) {
-  return (de[e] || de.primary).slider || de.primary.slider;
-}
-function Vn(e, a = !1) {
-  const l = (de[e] || de.slate).toggle || de.slate.toggle;
+  }, t = a[e] || a.top;
   return {
-    checked: l.checked,
-    unchecked: l.unchecked,
-    ring: l.ring,
-    current: a ? l.checked : l.unchecked
-  };
-}
-function Bn(e) {
-  const a = {
-    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"
+    enterActiveClass: "transition-all duration-150 ease-out",
+    enterFromClass: t.enterFrom,
+    enterToClass: t.enterTo,
+    leaveActiveClass: "transition-all duration-150 ease-in",
+    leaveFromClass: t.leaveFrom,
+    leaveToClass: t.leaveTo
   };
-  return a[e] || a.slate;
 }
-function Fa(e) {
+const wn = {
+  enterActiveClass: "transition-all duration-150 ease-out",
+  enterFromClass: "opacity-0 translate-y-1",
+  enterToClass: "opacity-100 translate-y-0",
+  leaveActiveClass: "transition-all duration-150 ease-in",
+  leaveFromClass: "opacity-100 translate-y-0",
+  leaveToClass: "opacity-0 translate-y-1"
+};
+function Al(e = "fade") {
   const a = {
-    // Основные варианты
-    primary: "bg-slate-800 text-white hover:bg-slate-700",
-    secondary: "bg-slate-200 text-slate-700 hover:bg-slate-300",
-    ghost: "text-slate-700 hover:bg-slate-100 bg-transparent",
-    outline: "border border-slate-200 text-slate-700 hover:border-slate-300 bg-white",
-    // Семантические варианты
-    success: "bg-emerald-600 text-white hover:bg-emerald-500",
-    warning: "bg-amber-600 text-white hover:bg-amber-500",
-    danger: "bg-rose-600 text-white hover:bg-rose-500",
-    info: "bg-blue-600 text-white hover:bg-blue-500",
-    // Дополнительные варианты
-    link: "text-blue-600 hover:text-blue-700 underline-offset-2 hover:underline bg-transparent",
-    soft: "bg-slate-50 text-slate-700 hover:bg-slate-100"
+    collapse: yn,
+    fade: Pt,
+    "fade-scale": ja,
+    "slide-right": Fa,
+    "slide-left": Na,
+    "slide-up": Ra,
+    "slide-down": Ha,
+    "tooltip-custom": wn
   };
-  return a[e] || a.primary;
+  return a[e] || a.fade;
 }
-function In(e) {
-  const a = {
-    default: "text-slate-700 hover:bg-slate-50",
-    danger: "text-rose-600 hover:bg-rose-50",
-    success: "text-emerald-600 hover:bg-emerald-50"
+const Vl = Al;
+function qa(e = "none", a = "icon", t = !1) {
+  const l = {
+    none: "",
+    wiggle: "dx-icon-wiggle",
+    scale: "dx-icon-scale",
+    rotate: "dx-icon-rotate"
+  }, n = {
+    none: "",
+    wiggle: "dx-icon-wiggle-group",
+    scale: "dx-icon-scale-group",
+    rotate: "dx-icon-rotate-group"
+  }, s = {
+    none: "",
+    wiggle: "dx-btn-wiggle",
+    scale: "dx-btn-scale",
+    rotate: "dx-btn-rotate"
+  }, i = {
+    none: "",
+    wiggle: "dx-btn-wiggle-group",
+    scale: "dx-btn-scale-group",
+    rotate: "dx-btn-rotate-group"
+  }, c = {
+    none: "",
+    fade: "dx-animate-fade-in",
+    "fade-out": "dx-animate-fade-out",
+    slide: "dx-animate-slide-in",
+    bounce: "dx-animate-bounce-slow",
+    pulse: "dx-animate-pulse",
+    spin: "dx-animate-spin",
+    shake: "dx-animate-shake"
+  }, u = {
+    none: "",
+    stripes: "dx-animate-stripes"
+  }, g = {
+    none: "",
+    custom: "dx-tooltip-custom"
+    // Можно использовать для кастомных анимаций через CSS
+  }, h = {
+    none: "",
+    smooth: "transition-transform duration-200 ease-in-out"
+    // Плавная анимация движения индикатора
   };
-  return a[e] || a.default;
+  return a === "icon" ? t ? n[e] || "" : l[e] || "" : a === "button" ? t ? i[e] || "" : s[e] || "" : a === "progress" ? u[e] || "" : a === "tooltip" ? g[e] || "" : a === "toggle" ? h[e] || h.smooth : c[e] || "";
 }
-const ag = {
-  __name: "DXHeading",
+const W = {
+  __name: "DXIcon",
   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 }
+    /** Heroicon компонент */
+    icon: { type: [Object, Function], required: !0 },
+    /** Размер: xs | sm | md | lg | xl */
+    size: { type: String, default: "md" },
+    /** Анимация при hover: none | wiggle | scale | rotate */
+    animation: { type: String, default: "none" },
+    /** Использовать group-hover вместо обычного hover */
+    groupHover: { type: Boolean, default: !1 },
+    /** Дополнительные классы */
+    class: { type: [String, Array, Object], default: "" }
   },
   setup(e) {
-    const a = e, t = d(() => `h${a.level}`), l = {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg",
-      xl: "text-xl",
-      "2xl": "text-2xl",
-      "3xl": "text-3xl",
-      "4xl": "text-4xl"
-    }, n = {
-      1: "text-4xl",
-      2: "text-3xl",
-      3: "text-2xl",
-      4: "text-xl",
-      5: "text-lg",
-      6: "text-base"
-    }, s = {
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold"
-    }, i = d(() => [
-      a.size ? l[a.size] : n[a.level],
-      s[a.weight] || s.semibold,
-      ja(a.color),
-      "tracking-tight",
-      a.truncate && "truncate"
+    const a = e, t = d(() => [
+      fe(a.size, "icon"),
+      qa(a.animation, "icon", a.groupHover),
+      a.class
     ]);
-    return (c, u) => (o(), L(ve(t.value), {
-      class: p(i.value),
-      "data-component": "DXHeading",
-      "data-level": e.level,
-      "data-weight": e.weight,
-      "data-color": e.color
-    }, {
-      default: j(() => [
-        N(c.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "data-level", "data-weight", "data-color"]));
+    return (l, n) => (o(), L(ve(e.icon), {
+      class: p(t.value),
+      "data-component": "DXIcon",
+      "data-size": e.size,
+      "data-animation": e.animation
+    }, null, 8, ["class", "data-size", "data-animation"]));
   }
-}, lg = {
-  __name: "DXText",
+}, kn = ["data-size", "data-shape"], Cn = ["src", "alt"], Sn = "relative inline-flex items-center justify-center overflow-hidden bg-slate-100 transition-transform group", $n = "w-full h-full object-cover", Dn = "font-medium text-slate-600 uppercase", zn = "text-slate-400", la = {
+  __name: "DXAvatar",
   props: {
-    /** Тег: p | span | div */
-    tag: { type: String, default: "p" },
+    /** 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" },
-    /** Вес шрифта: 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 }
+    /** Форма: circle | square */
+    shape: { type: String, default: "circle" },
+    /** Кастомная иконка для fallback (по умолчанию UserIcon) */
+    icon: { type: [Object, Function], default: null },
+    /** Анимация иконки при hover: none | wiggle | scale | rotate */
+    iconAnimation: { type: String, default: "wiggle" }
   },
   setup(e) {
-    const a = e, t = {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg",
-      xl: "text-xl"
-    }, l = {
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold",
-      bold: "font-bold"
+    const a = e, t = H(!1);
+    se(() => a.src, () => {
+      t.value = !1;
+    });
+    const l = {
+      circle: "rounded-full",
+      square: "rounded-lg"
     }, n = {
-      left: "text-left",
-      center: "text-center",
-      right: "text-right",
-      justify: "text-justify"
-    }, s = d(() => [
-      t[a.size] || t.md,
-      l[a.weight] || l.normal,
-      ja(a.color),
-      n[a.align] || n.left,
-      "leading-relaxed",
-      a.truncate && "truncate",
-      a.lines > 0 && `line-clamp-${a.lines}`
-    ]);
-    return (i, c) => (o(), L(ve(e.tag), {
+      xs: "text-xs",
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base",
+      xl: "text-lg"
+    }, s = d(
+      () => [
+        Sn,
+        fe(a.size, "avatar"),
+        l[a.shape] || l.circle,
+        { "hover:scale-105": a.iconAnimation !== "none" }
+      ]
+    ), i = d(() => $n), c = d(() => [
+      Dn,
+      n[a.size] || n.md
+    ]), u = d(() => zn), g = d(() => a.icon || pn), h = {
+      xs: "sm",
+      sm: "sm",
+      md: "md",
+      lg: "lg",
+      xl: "xl"
+    }, m = d(() => h[a.size] || "md");
+    return (y, w) => (o(), r("div", {
       class: p(s.value),
-      "data-component": "DXText",
+      "data-component": "DXAvatar",
       "data-size": e.size,
-      "data-weight": e.weight,
-      "data-color": e.color
-    }, {
-      default: j(() => [
-        N(i.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "data-size", "data-weight", "data-color"]));
-  }
-}, Tn = ["for"], En = {
-  key: 0,
-  class: "text-rose-500 ml-0.5"
-}, ng = {
-  __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 a = e, t = {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }, l = {
-      normal: "font-normal",
-      medium: "font-medium",
-      semibold: "font-semibold"
-    }, n = d(() => [
-      "block",
-      t[a.size] || t.sm,
-      l[a.weight] || l.medium,
-      ja(a.color)
-    ]);
-    return (s, i) => (o(), r("label", {
-      class: p(n.value),
-      for: e.htmlFor,
-      "data-component": "DXLabel"
+      "data-shape": e.shape
     }, [
-      N(s.$slots, "default"),
-      e.required ? (o(), r("span", En, "*")) : b("", !0)
-    ], 10, Tn));
-  }
-}, Mn = { key: 0 }, og = {
-  __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 a = e, t = {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base"
-    }, l = d(() => a.block ? [
-      "block w-full overflow-x-auto rounded-xl bg-slate-900 text-slate-100 p-4",
-      t[a.size] || t.sm,
-      "font-mono leading-relaxed"
-    ] : [
-      "inline-block px-1.5 py-0.5 rounded bg-slate-100 text-slate-800",
-      t[a.size] || t.sm,
-      "font-mono"
-    ]);
-    return (n, s) => (o(), L(ve(e.block ? "pre" : "code"), {
-      class: p(l.value),
-      "data-component": "DXCode",
-      "data-block": e.block
-    }, {
-      default: j(() => [
-        e.block ? (o(), r("code", Mn, [
-          N(n.$slots, "default")
-        ])) : N(n.$slots, "default", { key: 1 })
-      ]),
-      _: 3
-    }, 8, ["class", "data-block"]));
+      e.src && !t.value ? (o(), r("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        class: p(i.value),
+        onError: w[0] || (w[0] = (C) => t.value = !0)
+      }, null, 42, Cn)) : e.initials ? (o(), r("span", {
+        key: 1,
+        class: p(c.value)
+      }, T(e.initials), 3)) : (o(), L(W, {
+        key: 2,
+        icon: g.value,
+        size: m.value,
+        animation: e.iconAnimation,
+        "group-hover": e.iconAnimation !== "none",
+        class: p(u.value)
+      }, null, 8, ["icon", "size", "animation", "group-hover", "class"]))
+    ], 10, kn));
   }
-}, Xn = ["data-variant"], Ln = {
-  key: 0,
-  class: "mt-2 text-sm text-slate-500"
-}, sg = {
-  __name: "DXBlockquote",
+}, An = ["data-blur", "data-dismissible"], Ua = {
+  __name: "DXBackdrop",
   props: {
-    /** Вариант: default | bordered | highlighted */
-    variant: { type: String, default: "bordered" },
-    /** Размер: sm | md | lg */
-    size: { type: String, default: "md" },
-    /** Источник цитаты */
-    cite: { type: String, default: "" }
+    /** Показать/скрыть backdrop */
+    show: { type: Boolean, default: !1 },
+    /** Уровень размытия: none | sm | md | lg | xl */
+    blur: { type: String, default: "sm", validator: (e) => ["none", "sm", "md", "lg", "xl"].includes(e) },
+    /** Цвет фона (Tailwind класс): bg-slate-900/40 | bg-black/50 */
+    backgroundColor: { type: String, default: "bg-slate-900/40" },
+    /** z-index: 0 | 10 | 20 | 30 | 40 | 50 | auto */
+    zIndex: {
+      type: String,
+      default: "50",
+      validator: (e) => ["0", "10", "20", "30", "40", "50", "auto"].includes(e)
+    },
+    /** Можно ли закрыть кликом */
+    dismissible: { type: Boolean, default: !0 },
+    /** Блокировать скролл body */
+    lockScroll: { type: Boolean, default: !0 }
   },
-  setup(e) {
-    const a = e, t = {
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }, l = {
-      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"
-    }, n = d(() => [
-      t[a.size] || t.md,
-      l[a.variant] || l.bordered,
-      "leading-relaxed"
-    ]);
-    return (s, i) => (o(), r("blockquote", {
-      class: p(n.value),
-      "data-component": "DXBlockquote",
-      "data-variant": e.variant
-    }, [
-      N(s.$slots, "default"),
-      e.cite || s.$slots.cite ? (o(), r("footer", Ln, [
-        i[0] || (i[0] = G(" — ", -1)),
-        f("cite", null, [
-          N(s.$slots, "cite", {}, () => [
-            G(T(e.cite), 1)
-          ])
-        ])
-      ])) : b("", !0)
-    ], 10, Xn));
-  }
-}, rg = {
-  __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 a = e, t = {
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }, l = {
-      none: "space-y-0",
-      sm: "space-y-1",
-      md: "space-y-2",
-      lg: "space-y-3"
-    }, n = {
-      disc: "list-disc",
-      circle: "list-circle",
-      square: "list-square",
-      decimal: "list-decimal",
-      none: "list-none"
-    }, s = d(() => [
-      t[a.size] || t.md,
-      l[a.spacing] || l.sm,
-      a.marker ? n[a.marker] : a.ordered ? "list-decimal" : "list-disc",
-      "pl-5 text-slate-700"
-    ]);
-    return (i, c) => (o(), L(ve(e.ordered ? "ol" : "ul"), {
-      class: p(s.value),
-      "data-component": "DXList"
-    }, {
-      default: j(() => [
-        N(i.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-};
-function oe(e, a = "padding") {
-  const t = {
-    none: "0",
-    xs: "1",
-    // 4px
-    sm: "2",
-    // 8px
-    md: "4",
-    // 16px
-    lg: "6",
-    // 24px
-    xl: "8"
-    // 32px
-  }, l = {
-    padding: "p",
-    paddingX: "px",
-    paddingY: "py",
-    margin: "m",
-    marginX: "mx",
-    marginY: "my"
-  };
-  if (e === "none")
-    return `${l[a]}-0`;
-  const n = t[e];
-  return n ? `${l[a]}-${n}` : "";
-}
-function F(e, ...a) {
-  const t = [e];
-  return a.forEach((l) => {
-    l && t.push(l);
-  }), t;
-}
-const On = ["data-size", "data-padding", "data-center"], Pn = "w-full", jn = {
-  __name: "DXContainer",
-  props: {
-    /** Максимальная ширина: sm | md | lg | xl | 2xl | full */
-    size: { type: String, default: "lg" },
-    /** Центрировать контейнер */
-    center: { type: Boolean, default: !0 },
-    /** Горизонтальные отступы: none | xs | sm | md | lg | xl */
-    padding: { type: String, default: "md" }
-  },
-  setup(e) {
-    const a = e, t = d(() => {
-      const s = {
-        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"
-      };
-      return s[a.size] || s.lg;
-    }), l = d(() => oe(a.padding, "paddingX")), n = d(
-      () => F(
-        Pn,
-        t.value,
-        l.value,
-        {
-          "mx-auto": a.center
-        }
-      )
-    );
-    return (s, i) => (o(), r("div", {
-      class: p(n.value),
-      "data-component": "DXContainer",
-      "data-size": e.size,
-      "data-padding": e.padding,
-      "data-center": e.center
-    }, [
-      N(s.$slots, "default")
-    ], 10, On));
+  emits: ["click", "close"],
+  setup(e, { emit: a }) {
+    const t = {
+      enterActiveClass: "transition-opacity duration-200 ease-out",
+      enterFromClass: "opacity-0",
+      enterToClass: "opacity-100",
+      leaveActiveClass: "transition-opacity duration-200 ease-in",
+      leaveFromClass: "opacity-100",
+      leaveToClass: "opacity-0"
+    }, l = e, n = a, s = {
+      none: "backdrop-blur-none",
+      sm: "backdrop-blur-sm",
+      md: "backdrop-blur",
+      lg: "backdrop-blur-lg",
+      xl: "backdrop-blur-xl"
+    }, i = {
+      0: "z-0",
+      10: "z-10",
+      20: "z-20",
+      30: "z-30",
+      40: "z-40",
+      50: "z-50",
+      auto: "z-auto"
+    }, c = d(() => [
+      "fixed inset-0",
+      s[l.blur],
+      l.backgroundColor || "bg-slate-900/40",
+      i[l.zIndex] || "z-50",
+      l.dismissible && "cursor-pointer"
+    ]), u = (g) => {
+      g.target === g.currentTarget && (n("click", g), l.dismissible && n("close"));
+    };
+    return se(() => l.show, (g) => {
+      l.lockScroll && document.body.classList.toggle("overflow-hidden", g);
+    }, { immediate: !0 }), nt(() => {
+      l.lockScroll && document.body.classList.remove("overflow-hidden");
+    }), (g, h) => (o(), L(wl, { to: "body" }, [
+      P(Oe, Nt(Rt(t)), {
+        default: j(() => [
+          e.show ? (o(), r("div", {
+            key: 0,
+            class: p(c.value),
+            onClick: u,
+            "data-component": "DXBackdrop",
+            "data-blur": e.blur,
+            "data-dismissible": e.dismissible
+          }, [
+            N(g.$slots, "default")
+          ], 10, An)) : b("", !0)
+        ]),
+        _: 3
+      }, 16)
+    ]));
   }
-};
-function fe(e, a = "input") {
-  var l, n, s, i;
-  const t = {
-    button: {
-      xs: "h-7 px-2.5 py-1 text-xs",
-      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",
-      xl: "h-14 px-6 py-3.5 text-lg"
-    },
-    buttonIcon: {
-      xs: "h-7 w-7 text-xs",
-      sm: "h-8 w-8 text-xs",
-      md: "h-10 w-10 text-sm",
-      lg: "h-12 w-12 text-sm",
-      xl: "h-14 w-14 text-base"
-    },
-    input: {
-      xs: "h-7 px-2.5 py-1 text-xs",
-      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",
-      xl: "h-14 px-6 py-3.5 text-lg"
-    },
-    icon: {
-      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"
-    },
-    text: {
-      xs: "text-xs",
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg",
-      xl: "text-xl"
+}, de = {
+  // Для Alert/Toast и общих компонентов
+  default: {
+    bg: "bg-slate-50",
+    text: "text-slate-800",
+    // Для Alert/Toast (используется в useVariantClasses)
+    border: "border-slate-200",
+    icon: null,
+    iconColor: "text-slate-500",
+    // Для тегов
+    tag: "bg-slate-100 text-slate-800 border-slate-200",
+    // Для прогресс-бара
+    progress: "bg-slate-800",
+    // Для divider
+    divider: "border-slate-200",
+    // Для лоадера
+    loader: {
+      border: "border-slate-300",
+      borderTop: "border-t-slate-900",
+      text: "text-slate-600"
     },
+    // Для слайдера
+    slider: {
+      track: "bg-slate-200",
+      thumb: "bg-slate-900",
+      thumbHover: "bg-slate-800",
+      tick: "bg-slate-400",
+      text: "text-slate-700",
+      textActive: "text-slate-900",
+      textValue: "text-slate-900"
+    }
+  },
+  slate: {
+    bg: "bg-slate-50",
+    text: "text-slate-800",
+    border: "border-slate-200",
+    icon: null,
+    iconColor: "text-slate-500",
+    // Для Checkbox
     checkbox: {
-      xs: "h-3 w-3",
-      sm: "h-4 w-4",
-      md: "h-5 w-5",
-      lg: "h-6 w-6",
-      xl: "h-6 w-6"
+      unchecked: "border-slate-300 bg-white hover:border-slate-400",
+      checked: "border-slate-700 bg-slate-700 hover:bg-slate-600",
+      ring: "focus:ring-slate-900/10"
     },
+    // Для Radio
     radio: {
-      xs: "h-3 w-3",
-      sm: "h-3.5 w-3.5",
-      md: "h-4 w-4",
-      lg: "h-5 w-5",
-      xl: "h-6 w-6"
-    },
-    avatar: {
-      xs: "h-6 w-6",
-      sm: "h-8 w-8",
-      md: "h-10 w-10",
-      lg: "h-12 w-12",
-      xl: "h-16 w-16"
+      unchecked: "border-slate-300 bg-white hover:border-slate-400",
+      checked: "border-slate-700 bg-slate-50 hover:border-slate-600",
+      ring: "focus:ring-slate-900/10",
+      dot: "bg-slate-700"
     },
+    // Для текста
+    text: "text-slate-700",
+    // Для тегов
+    tag: "bg-slate-100 text-slate-800 border-slate-200",
+    // Для прогресс-бара
+    progress: "bg-slate-800",
+    // Для divider
+    divider: "border-slate-200",
+    // Для лоадера
     loader: {
-      xs: "w-2 h-2",
-      sm: "w-3 h-3",
-      md: "w-4 h-4",
-      lg: "w-5 h-5",
-      xl: "w-6 h-6"
-    },
-    progress: {
-      xs: "h-1",
-      sm: "h-2",
-      md: "h-3",
-      lg: "h-4"
+      border: "border-slate-300",
+      borderTop: "border-t-slate-700",
+      text: "text-slate-700"
     },
-    inputAddon: {
-      xs: "h-7",
-      sm: "h-8",
-      md: "h-10",
-      lg: "h-12",
-      xl: "h-14"
+    // Для слайдера
+    slider: {
+      track: "bg-slate-200",
+      thumb: "bg-slate-700",
+      thumbHover: "bg-slate-600",
+      tick: "bg-slate-400",
+      text: "text-slate-700",
+      textActive: "text-slate-900",
+      textValue: "text-slate-900"
     },
-    sliderTrack: {
-      xs: "h-1",
-      // 4px
-      sm: "h-1.5",
-      // 6px
-      md: "h-2",
-      // 8px
-      lg: "h-2.5",
-      // 10px
-      xl: "h-3"
-      // 12px
+    // Для toggle
+    toggle: {
+      checked: "bg-slate-700",
+      unchecked: "bg-slate-200",
+      ring: "focus:ring-slate-700/10"
+    }
+  },
+  primary: {
+    bg: "bg-slate-50",
+    text: "text-slate-800",
+    border: "border-slate-200",
+    icon: null,
+    iconColor: "text-slate-500",
+    // Для Checkbox
+    checkbox: {
+      unchecked: "border-slate-300 bg-white hover:border-slate-400",
+      checked: "border-slate-900 bg-slate-900 hover:bg-slate-800",
+      ring: "focus:ring-slate-900/10"
     },
-    sliderThumb: {
-      xs: "w-3 h-3",
-      // 12px
-      sm: "w-4 h-4",
-      // 16px
-      md: "w-5 h-5",
-      // 20px
-      lg: "w-6 h-6",
-      // 24px
-      xl: "w-7 h-7"
-      // 28px
+    // Для Radio
+    radio: {
+      unchecked: "border-slate-300 bg-white hover:border-slate-400",
+      checked: "border-slate-900 bg-slate-50 hover:border-slate-800",
+      ring: "focus:ring-slate-900/10",
+      dot: "bg-slate-900"
     },
-    spacing: {
-      none: "gap-0",
-      xs: "gap-1",
-      sm: "gap-2",
-      md: "gap-4",
-      lg: "gap-6",
-      xl: "gap-8"
+    // Для текста
+    text: "text-slate-900",
+    // Для тегов
+    tag: "bg-blue-100 text-blue-800 border-blue-200",
+    // Для прогресс-бара
+    progress: "bg-slate-800",
+    // Для divider
+    divider: "border-slate-200",
+    // Для tooltip
+    tooltip: "bg-slate-900 text-white",
+    // Для лоадера
+    loader: {
+      border: "border-slate-300",
+      borderTop: "border-t-slate-900",
+      text: "text-slate-900"
     },
-    tooltip: {
-      xs: "px-2 py-1 text-xs",
-      sm: "px-2.5 py-1.5 text-xs",
-      md: "px-3 py-2 text-sm",
-      lg: "px-4 py-3 text-base",
-      xl: "px-5 py-4 text-lg"
+    // Для слайдера
+    slider: {
+      track: "bg-slate-200",
+      thumb: "bg-slate-900",
+      thumbHover: "bg-slate-800",
+      tick: "bg-slate-400",
+      text: "text-slate-700",
+      textActive: "text-slate-900",
+      textValue: "text-slate-900"
     },
+    // Для toggle
     toggle: {
-      xs: { track: "h-4 w-7", thumb: "h-3 w-3" },
-      sm: { track: "h-5 w-9", thumb: "h-3.5 w-3.5" },
-      md: { track: "h-6 w-11", thumb: "h-4 w-4" },
-      lg: { track: "h-7 w-14", thumb: "h-5 w-5" },
-      xl: { track: "h-8 w-16", thumb: "h-6 w-6" }
+      checked: "bg-slate-900",
+      unchecked: "bg-slate-200",
+      ring: "focus:ring-slate-900/10"
+    }
+  },
+  info: {
+    bg: "bg-blue-50",
+    text: "text-blue-800",
+    border: "border-blue-200",
+    icon: Pa,
+    iconColor: "text-blue-500",
+    // Для Checkbox
+    checkbox: {
+      unchecked: "border-slate-300 bg-white hover:border-blue-400",
+      checked: "border-blue-600 bg-blue-600 hover:bg-blue-500",
+      ring: "focus:ring-blue-500/10"
     },
-    badge: {
-      sm: "px-2 py-1 text-[11px]",
-      md: "px-2.5 py-1.5 text-xs"
+    // Для Radio
+    radio: {
+      unchecked: "border-slate-300 bg-white hover:border-blue-400",
+      checked: "border-blue-600 bg-blue-50 hover:border-blue-500",
+      ring: "focus:ring-blue-500/10",
+      dot: "bg-blue-600"
+    },
+    // Для текста
+    text: "text-blue-700",
+    // Для тегов
+    tag: "bg-cyan-100 text-cyan-800 border-cyan-200",
+    // Для прогресс-бара
+    progress: "bg-blue-500",
+    // Для divider
+    divider: "border-blue-200",
+    // Для tooltip
+    tooltip: "bg-blue-600 text-white",
+    // Для лоадера
+    loader: {
+      border: "border-blue-300",
+      borderTop: "border-t-blue-600",
+      text: "text-blue-700"
+    },
+    // Для слайдера
+    slider: {
+      track: "bg-blue-200",
+      thumb: "bg-blue-600",
+      thumbHover: "bg-blue-500",
+      tick: "bg-blue-400",
+      text: "text-blue-700",
+      textActive: "text-blue-900",
+      textValue: "text-blue-900"
+    },
+    // Для toggle
+    toggle: {
+      checked: "bg-blue-600",
+      unchecked: "bg-slate-200",
+      ring: "focus:ring-blue-500/10"
     }
-  };
-  return a === "toggle" ? ((l = t[a]) == null ? void 0 : l[e]) || ((n = t[a]) == null ? void 0 : n.md) || { track: "", thumb: "" } : ((s = t[a]) == null ? void 0 : s[e]) || ((i = t[a]) == null ? void 0 : i.md) || "";
-}
-const Fn = "grid", Nn = {
-  __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 a = e, t = d(() => ({
-      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))]"
-    })[a.cols] || `grid-cols-${a.cols}`), l = d(() => {
-      const c = {};
-      return a.colsSm && (c[`sm:grid-cols-${a.colsSm}`] = !0), a.colsMd && (c[`md:grid-cols-${a.colsMd}`] = !0), a.colsLg && (c[`lg:grid-cols-${a.colsLg}`] = !0), Object.keys(c).length > 0 ? c : null;
-    }), n = d(() => {
-      if (a.gapX || a.gapY) {
-        const c = {};
-        if (a.gapX) {
-          const u = oe(a.gapX, "padding"), g = u ? u.match(/-(\d+)$/) : null;
-          g ? c[`gap-x-${g[1]}`] = !0 : a.gapX === "none" ? c["gap-x-0"] = !0 : c[`gap-x-${a.gapX}`] = !0;
-        }
-        if (a.gapY) {
-          const u = oe(a.gapY, "padding"), g = u ? u.match(/-(\d+)$/) : null;
-          g ? c[`gap-y-${g[1]}`] = !0 : a.gapY === "none" ? c["gap-y-0"] = !0 : c[`gap-y-${a.gapY}`] = !0;
-        }
-        return Object.keys(c).length > 0 ? c : null;
-      }
-      return fe(a.gap, "spacing") || "gap-4";
-    }), s = d(
-      () => F(
-        Fn,
-        t.value,
-        l.value,
-        n.value
-      )
-    ), i = d(() => a.cols === "auto" ? {} : {});
-    return (c, u) => (o(), r("div", {
-      class: p(s.value),
-      style: we(i.value),
-      "data-component": "DXGrid"
-    }, [
-      N(c.$slots, "default")
-    ], 6));
-  }
-}, Rn = "", ig = {
-  __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 a = e, t = d(() => a.inline ? "inline-flex" : "flex"), l = d(() => {
-      const g = {
-        row: "flex-row",
-        "row-reverse": "flex-row-reverse",
-        col: "flex-col",
-        "col-reverse": "flex-col-reverse"
-      };
-      return g[a.direction] || g.row;
-    }), n = d(() => {
-      const g = {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end",
-        between: "justify-between",
-        around: "justify-around",
-        evenly: "justify-evenly"
-      };
-      return g[a.justify] || g.start;
-    }), s = d(() => {
-      const g = {
-        start: "items-start",
-        center: "items-center",
-        end: "items-end",
-        stretch: "items-stretch",
-        baseline: "items-baseline"
-      };
-      return g[a.align] || g.center;
-    }), i = d(() => {
-      const g = {
-        nowrap: "flex-nowrap",
-        wrap: "flex-wrap",
-        "wrap-reverse": "flex-wrap-reverse"
-      };
-      return g[a.wrap] || g.nowrap;
-    }), c = d(() => fe(a.gap, "spacing") || "gap-4"), u = d(
-      () => F(
-        Rn,
-        t.value,
-        l.value,
-        n.value,
-        s.value,
-        i.value,
-        c.value
-      )
-    );
-    return (g, h) => (o(), r("div", {
-      class: p(u.value),
-      "data-component": "DXFlex"
-    }, [
-      N(g.$slots, "default")
-    ], 2));
-  }
-}, Hn = ["data-direction", "data-gap", "data-align", "data-justify"], qn = "flex", dg = {
-  __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 a = e, t = d(() => a.direction === "horizontal" ? "flex-row" : "flex-col"), l = d(() => a.gap === "2xl" ? "gap-12" : fe(a.gap, "spacing") || "gap-4"), n = d(() => {
-      const u = {
-        start: "items-start",
-        center: "items-center",
-        end: "items-end",
-        stretch: "items-stretch"
-      };
-      return u[a.align] || u.stretch;
-    }), s = d(() => {
-      const u = {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end",
-        between: "justify-between",
-        around: "justify-around"
-      };
-      return u[a.justify] || u.start;
-    }), i = d(() => a.dividers ? a.direction === "horizontal" ? "divide-x divide-slate-200" : "divide-y divide-slate-200" : null), c = d(
-      () => F(
-        qn,
-        t.value,
-        l.value,
-        n.value,
-        s.value,
-        i.value
-      )
-    );
-    return (u, g) => (o(), r("div", {
-      class: p(c.value),
-      "data-component": "DXStack",
-      "data-direction": e.direction,
-      "data-gap": e.gap,
-      "data-align": e.align,
-      "data-justify": e.justify
-    }, [
-      N(u.$slots, "default")
-    ], 10, Hn));
-  }
-}, ug = {
-  __name: "DXSpacer",
-  props: {
-    /** Размер: xs | sm | md | lg | xl или число в пикселях */
-    size: { type: [String, Number], default: "md" },
-    /** Направление: vertical | horizontal | both */
-    direction: { type: String, default: "vertical" },
-    /** Занять всё доступное пространство (flex-grow) */
-    grow: { type: Boolean, default: !1 }
+  success: {
+    bg: "bg-emerald-50",
+    text: "text-emerald-800",
+    border: "border-emerald-200",
+    icon: ca,
+    iconColor: "text-emerald-500",
+    // Для Checkbox
+    checkbox: {
+      unchecked: "border-slate-300 bg-white hover:border-emerald-400",
+      checked: "border-emerald-600 bg-emerald-600 hover:bg-emerald-500",
+      ring: "focus:ring-emerald-500/10"
+    },
+    // Для Radio
+    radio: {
+      unchecked: "border-slate-300 bg-white hover:border-emerald-400",
+      checked: "border-emerald-600 bg-emerald-50 hover:border-emerald-500",
+      ring: "focus:ring-emerald-500/10",
+      dot: "bg-emerald-600"
+    },
+    // Для текста
+    text: "text-emerald-700",
+    // Для тегов
+    tag: "bg-green-100 text-green-800 border-green-200",
+    // Для прогресс-бара
+    progress: "bg-emerald-500",
+    // Для divider
+    divider: "border-emerald-200",
+    // Для tooltip
+    tooltip: "bg-emerald-600 text-white",
+    // Для лоадера
+    loader: {
+      border: "border-emerald-300",
+      borderTop: "border-t-emerald-600",
+      text: "text-emerald-700"
+    },
+    // Для слайдера
+    slider: {
+      track: "bg-emerald-200",
+      thumb: "bg-emerald-600",
+      thumbHover: "bg-emerald-500",
+      tick: "bg-emerald-400",
+      text: "text-emerald-700",
+      textActive: "text-emerald-900",
+      textValue: "text-emerald-900"
+    },
+    // Для toggle
+    toggle: {
+      checked: "bg-emerald-600",
+      unchecked: "bg-slate-200",
+      ring: "focus:ring-emerald-500/10"
+    }
   },
-  setup(e) {
-    const a = e, t = {
-      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" }
-    }, l = d(() => {
-      if (a.grow)
-        return F("flex-grow");
-      if (typeof a.size == "number")
-        return F();
-      const s = t[a.size];
-      return s ? a.direction === "horizontal" ? F(s.h) : a.direction === "both" ? F(s.v, s.h) : F(s.v) : F();
-    }), n = d(() => {
-      if (a.grow) return {};
-      if (typeof a.size == "number") {
-        const s = `${a.size}px`;
-        return a.direction === "horizontal" ? { width: s } : a.direction === "both" ? { height: s, width: s } : { height: s };
-      }
-      return {};
-    });
-    return (s, i) => (o(), r("div", {
-      class: p(l.value),
-      style: we(n.value),
-      "data-component": "DXSpacer",
-      "aria-hidden": "true"
-    }, null, 6));
-  }
-}, cg = {
-  __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 }
+  warning: {
+    bg: "bg-amber-50",
+    text: "text-amber-800",
+    border: "border-amber-200",
+    icon: Oa,
+    iconColor: "text-amber-500",
+    // Для Checkbox
+    checkbox: {
+      unchecked: "border-slate-300 bg-white hover:border-amber-400",
+      checked: "border-amber-600 bg-amber-600 hover:bg-amber-500",
+      ring: "focus:ring-amber-500/10"
+    },
+    // Для Radio
+    radio: {
+      unchecked: "border-slate-300 bg-white hover:border-amber-400",
+      checked: "border-amber-600 bg-amber-50 hover:border-amber-500",
+      ring: "focus:ring-amber-500/10",
+      dot: "bg-amber-600"
+    },
+    // Для текста
+    text: "text-amber-700",
+    // Для тегов
+    tag: "bg-yellow-100 text-yellow-800 border-yellow-200",
+    // Для прогресс-бара
+    progress: "bg-amber-500",
+    // Для divider
+    divider: "border-amber-200",
+    // Для tooltip
+    tooltip: "bg-amber-600 text-white",
+    // Для лоадера
+    loader: {
+      border: "border-amber-300",
+      borderTop: "border-t-amber-600",
+      text: "text-amber-700"
+    },
+    // Для слайдера
+    slider: {
+      track: "bg-amber-200",
+      thumb: "bg-amber-600",
+      thumbHover: "bg-amber-500",
+      tick: "bg-amber-400",
+      text: "text-amber-700",
+      textActive: "text-amber-900",
+      textValue: "text-amber-900"
+    },
+    // Для toggle
+    toggle: {
+      checked: "bg-amber-600",
+      unchecked: "bg-slate-200",
+      ring: "focus:ring-amber-500/10"
+    }
   },
-  setup(e) {
-    const a = e, t = d(() => {
-      const u = {};
-      if (a.p) {
-        const g = oe(a.p, "padding");
-        g && (u[g] = !0);
-      }
-      if (a.px) {
-        const g = oe(a.px, "paddingX");
-        g && (u[g] = !0);
-      }
-      if (a.py) {
-        const g = oe(a.py, "paddingY");
-        g && (u[g] = !0);
-      }
-      return Object.keys(u).length > 0 ? u : null;
-    }), l = d(() => {
-      const u = {};
-      if (a.m)
-        if (a.m === "auto")
-          u["m-auto"] = !0;
-        else {
-          const g = oe(a.m, "margin");
-          g && (u[g] = !0);
-        }
-      if (a.mx)
-        if (a.mx === "auto")
-          u["mx-auto"] = !0;
-        else {
-          const g = oe(a.mx, "marginX");
-          g && (u[g] = !0);
-        }
-      if (a.my)
-        if (a.my === "auto")
-          u["my-auto"] = !0;
-        else {
-          const g = oe(a.my, "marginY");
-          g && (u[g] = !0);
-        }
-      return Object.keys(u).length > 0 ? u : null;
-    }), n = d(() => a.rounded ? {
-      none: "rounded-none",
-      sm: "rounded-sm",
-      md: "rounded-md",
-      lg: "rounded-lg",
-      xl: "rounded-xl",
-      "2xl": "rounded-2xl",
-      full: "rounded-full"
-    }[a.rounded] || `rounded-${a.rounded}` : null), s = d(() => a.bg ? {
-      white: "bg-white",
-      slate: "bg-slate-50",
-      transparent: "bg-transparent"
-    }[a.bg] || a.bg : null), i = d(() => a.shadow ? {
-      none: "shadow-none",
-      sm: "shadow-sm",
-      md: "shadow",
-      lg: "shadow-lg",
-      xl: "shadow-xl"
-    }[a.shadow] || `shadow-${a.shadow}` : null), c = d(
-      () => F(
-        t.value,
-        l.value,
-        n.value,
-        s.value,
-        i.value,
-        {
-          "border border-slate-200": a.border
-        }
-      )
-    );
-    return (u, g) => (o(), L(ve(e.tag), {
-      class: p(c.value),
-      "data-component": "DXBox"
-    }, {
-      default: j(() => [
-        N(u.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class"]));
+  danger: {
+    bg: "bg-rose-50",
+    text: "text-rose-800",
+    border: "border-rose-200",
+    icon: zl,
+    iconColor: "text-rose-500",
+    // Для Checkbox
+    checkbox: {
+      unchecked: "border-slate-300 bg-white hover:border-rose-400",
+      checked: "border-rose-600 bg-rose-600 hover:bg-rose-500",
+      ring: "focus:ring-rose-500/10"
+    },
+    // Для Radio
+    radio: {
+      unchecked: "border-slate-300 bg-white hover:border-rose-400",
+      checked: "border-rose-600 bg-rose-50 hover:border-rose-500",
+      ring: "focus:ring-rose-500/10",
+      dot: "bg-rose-600"
+    },
+    // Для текста
+    text: "text-rose-700",
+    // Для тегов
+    tag: "bg-red-100 text-red-800 border-red-200",
+    // Для прогресс-бара
+    progress: "bg-rose-500",
+    // Для divider
+    divider: "border-rose-200",
+    // Для tooltip
+    tooltip: "bg-rose-600 text-white",
+    // Для лоадера
+    loader: {
+      border: "border-rose-300",
+      borderTop: "border-t-rose-600",
+      text: "text-rose-700"
+    },
+    // Для слайдера
+    slider: {
+      track: "bg-rose-200",
+      thumb: "bg-rose-600",
+      thumbHover: "bg-rose-500",
+      tick: "bg-rose-400",
+      text: "text-rose-700",
+      textActive: "text-rose-900",
+      textValue: "text-rose-900"
+    },
+    // Для toggle
+    toggle: {
+      checked: "bg-rose-600",
+      unchecked: "bg-slate-200",
+      ring: "focus:ring-rose-500/10"
+    }
+  },
+  // Специальные варианты для текста
+  muted: {
+    text: "text-slate-500"
+  },
+  // Специальные варианты для divider
+  light: {
+    divider: "border-slate-100"
+  },
+  dark: {
+    divider: "border-slate-300",
+    // Для tooltip
+    tooltip: "bg-slate-900 text-white"
+  },
+  // Специальные варианты для tooltip
+  tooltipLight: {
+    tooltip: "bg-white text-slate-900 border border-slate-200 shadow-lg"
+  }
+};
+function eg(e) {
+  const a = de[e] || de.info;
+  return `${a.bg} ${a.text} ${a.border}`;
+}
+function tg(e) {
+  return (de[e] || de.info).icon;
+}
+function Vn(e) {
+  return de[e] || de.info;
+}
+function Bn(e) {
+  return (de[e] || de.primary).checkbox || de.primary.checkbox;
+}
+function al(e) {
+  return (de[e] || de.primary).radio || de.primary.radio;
+}
+function Za(e) {
+  return e === "default" ? "text-slate-700" : (de[e] || de.default).text || "text-slate-700";
+}
+function In(e) {
+  return (de[e] || de.default).tag || de.default.tag;
+}
+function Tn(e) {
+  return (de[e] || de.default).progress || de.default.progress;
+}
+function En(e) {
+  return (de[e] || de.default).loader || de.default.loader;
+}
+const ll = {
+  horizontal: {
+    thin: {
+      light: "border-t border-slate-100",
+      default: "border-t border-slate-200",
+      dark: "border-t border-slate-300"
+    },
+    default: {
+      light: "border-t border-slate-100",
+      default: "border-t border-slate-200",
+      dark: "border-t border-slate-300"
+    },
+    thick: {
+      light: "border-t-2 border-slate-100",
+      default: "border-t-2 border-slate-200",
+      dark: "border-t-2 border-slate-300"
+    }
+  },
+  vertical: {
+    thin: {
+      light: "border-l border-slate-100",
+      default: "border-l border-slate-200",
+      dark: "border-l border-slate-300"
+    },
+    default: {
+      light: "border-l border-slate-100",
+      default: "border-l border-slate-200",
+      dark: "border-l border-slate-300"
+    },
+    thick: {
+      light: "border-l-2 border-slate-100",
+      default: "border-l-2 border-slate-200",
+      dark: "border-l-2 border-slate-300"
+    }
   }
-}, Un = {
-  enterActiveClass: "transition-all duration-200 ease-out",
-  enterFromClass: "opacity-0 max-h-0",
-  enterToClass: "opacity-100 max-h-96",
-  leaveActiveClass: "transition-all duration-200 ease-in",
-  leaveFromClass: "opacity-100 max-h-96",
-  leaveToClass: "opacity-0 max-h-0"
-}, Pt = {
-  enterActiveClass: "transition-opacity duration-200 ease-out",
-  enterFromClass: "opacity-0",
-  enterToClass: "opacity-100",
-  leaveActiveClass: "transition-opacity duration-200 ease-in",
-  leaveFromClass: "opacity-100",
-  leaveToClass: "opacity-0"
-}, Na = {
-  enterActiveClass: "transition-all duration-200 ease-out",
-  enterFromClass: "opacity-0 scale-95",
-  enterToClass: "opacity-100 scale-100",
-  leaveActiveClass: "transition-all duration-200 ease-in",
-  leaveFromClass: "opacity-100 scale-100",
-  leaveToClass: "opacity-0 scale-95"
-}, Ra = {
-  enterActiveClass: "transition-all duration-300 ease-out",
-  enterFromClass: "opacity-0 translate-x-full",
-  enterToClass: "opacity-100 translate-x-0",
-  leaveActiveClass: "transition-all duration-300 ease-in",
-  leaveFromClass: "opacity-100 translate-x-0",
-  leaveToClass: "opacity-0 translate-x-full"
-}, Ha = {
-  enterActiveClass: "transition-all duration-300 ease-out",
-  enterFromClass: "opacity-0 -translate-x-full",
-  enterToClass: "opacity-100 translate-x-0",
-  leaveActiveClass: "transition-all duration-300 ease-in",
-  leaveFromClass: "opacity-100 translate-x-0",
-  leaveToClass: "opacity-0 -translate-x-full"
-}, qa = {
-  enterActiveClass: "transition-all duration-300 ease-out",
-  enterFromClass: "opacity-0 translate-y-full",
-  enterToClass: "opacity-100 translate-y-0",
-  leaveActiveClass: "transition-all duration-300 ease-in",
-  leaveFromClass: "opacity-100 translate-y-0",
-  leaveToClass: "opacity-0 translate-y-full"
-}, Ua = {
-  enterActiveClass: "transition-all duration-300 ease-out",
-  enterFromClass: "opacity-0 -translate-y-full",
-  enterToClass: "opacity-100 translate-y-0",
-  leaveActiveClass: "transition-all duration-300 ease-in",
-  leaveFromClass: "opacity-100 translate-y-0",
-  leaveToClass: "opacity-0 -translate-y-full"
 };
-function Zn(e = "top") {
+function Mn(e, a, t) {
+  var n, s, i, c;
+  const l = e === "vertical" ? "vertical" : "horizontal";
+  return ((s = (n = ll[l]) == null ? void 0 : n[a]) == null ? void 0 : s[t]) || ((c = (i = ll[l]) == null ? void 0 : i.default) == null ? void 0 : c.default) || "border-t border-slate-200";
+}
+function Xn(e) {
+  var t;
+  return e === "light" ? ((t = de.tooltipLight) == null ? void 0 : t.tooltip) || "bg-white text-slate-900 border border-slate-200 shadow-lg" : (de[e] || de.dark).tooltip || de.dark.tooltip;
+}
+function Ln(e = "top") {
   const a = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  };
+  return a[e] || a.top;
+}
+function On(e, a) {
+  var i;
+  const t = "absolute w-0 h-0 border-4", l = {
     top: {
-      enterFrom: "opacity-0 translate-y-1",
-      enterTo: "opacity-100 translate-y-0",
-      leaveFrom: "opacity-100 translate-y-0",
-      leaveTo: "opacity-0 translate-y-1"
+      dark: "top-full left-1/2 -translate-x-1/2 border-t-slate-900 border-l-transparent border-r-transparent border-b-transparent",
+      light: "top-full left-1/2 -translate-x-1/2 border-t-white border-l-transparent border-r-transparent border-b-transparent",
+      primary: "top-full left-1/2 -translate-x-1/2 border-t-slate-900 border-l-transparent border-r-transparent border-b-transparent",
+      info: "top-full left-1/2 -translate-x-1/2 border-t-blue-600 border-l-transparent border-r-transparent border-b-transparent",
+      success: "top-full left-1/2 -translate-x-1/2 border-t-emerald-600 border-l-transparent border-r-transparent border-b-transparent",
+      warning: "top-full left-1/2 -translate-x-1/2 border-t-amber-600 border-l-transparent border-r-transparent border-b-transparent",
+      danger: "top-full left-1/2 -translate-x-1/2 border-t-rose-600 border-l-transparent border-r-transparent border-b-transparent"
     },
     bottom: {
-      enterFrom: "opacity-0 -translate-y-1",
-      enterTo: "opacity-100 translate-y-0",
-      leaveFrom: "opacity-100 translate-y-0",
-      leaveTo: "opacity-0 -translate-y-1"
+      dark: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-900 border-l-transparent border-r-transparent border-t-transparent",
+      light: "bottom-full left-1/2 -translate-x-1/2 border-b-white border-l-transparent border-r-transparent border-t-transparent",
+      primary: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-900 border-l-transparent border-r-transparent border-t-transparent",
+      info: "bottom-full left-1/2 -translate-x-1/2 border-b-blue-600 border-l-transparent border-r-transparent border-t-transparent",
+      success: "bottom-full left-1/2 -translate-x-1/2 border-b-emerald-600 border-l-transparent border-r-transparent border-t-transparent",
+      warning: "bottom-full left-1/2 -translate-x-1/2 border-b-amber-600 border-l-transparent border-r-transparent border-t-transparent",
+      danger: "bottom-full left-1/2 -translate-x-1/2 border-b-rose-600 border-l-transparent border-r-transparent border-t-transparent"
     },
     left: {
-      enterFrom: "opacity-0 translate-x-1",
-      enterTo: "opacity-100 translate-x-0",
-      leaveFrom: "opacity-100 translate-x-0",
-      leaveTo: "opacity-0 translate-x-1"
+      dark: "left-full top-1/2 -translate-y-1/2 border-l-slate-900 border-t-transparent border-b-transparent border-r-transparent",
+      light: "left-full top-1/2 -translate-y-1/2 border-l-white border-t-transparent border-b-transparent border-r-transparent",
+      primary: "left-full top-1/2 -translate-y-1/2 border-l-slate-900 border-t-transparent border-b-transparent border-r-transparent",
+      info: "left-full top-1/2 -translate-y-1/2 border-l-blue-600 border-t-transparent border-b-transparent border-r-transparent",
+      success: "left-full top-1/2 -translate-y-1/2 border-l-emerald-600 border-t-transparent border-b-transparent border-r-transparent",
+      warning: "left-full top-1/2 -translate-y-1/2 border-l-amber-600 border-t-transparent border-b-transparent border-r-transparent",
+      danger: "left-full top-1/2 -translate-y-1/2 border-l-rose-600 border-t-transparent border-b-transparent border-r-transparent"
     },
     right: {
-      enterFrom: "opacity-0 -translate-x-1",
-      enterTo: "opacity-100 translate-x-0",
-      leaveFrom: "opacity-100 translate-x-0",
-      leaveTo: "opacity-0 -translate-x-1"
+      dark: "right-full top-1/2 -translate-y-1/2 border-r-slate-900 border-t-transparent border-b-transparent border-l-transparent",
+      light: "right-full top-1/2 -translate-y-1/2 border-r-white border-t-transparent border-b-transparent border-l-transparent",
+      primary: "right-full top-1/2 -translate-y-1/2 border-r-slate-900 border-t-transparent border-b-transparent border-l-transparent",
+      info: "right-full top-1/2 -translate-y-1/2 border-r-blue-600 border-t-transparent border-b-transparent border-l-transparent",
+      success: "right-full top-1/2 -translate-y-1/2 border-r-emerald-600 border-t-transparent border-b-transparent border-l-transparent",
+      warning: "right-full top-1/2 -translate-y-1/2 border-r-amber-600 border-t-transparent border-b-transparent border-l-transparent",
+      danger: "right-full top-1/2 -translate-y-1/2 border-r-rose-600 border-t-transparent border-b-transparent border-l-transparent"
     }
-  }, t = a[e] || a.top;
-  return {
-    enterActiveClass: "transition-all duration-150 ease-out",
-    enterFromClass: t.enterFrom,
-    enterToClass: t.enterTo,
-    leaveActiveClass: "transition-all duration-150 ease-in",
-    leaveFromClass: t.leaveFrom,
-    leaveToClass: t.leaveTo
-  };
+  }, n = a || "dark";
+  return `${t} ${((i = l[e || "top"]) == null ? void 0 : i[n]) || l.top.dark}`;
 }
-const Wn = {
-  enterActiveClass: "transition-all duration-150 ease-out",
-  enterFromClass: "opacity-0 translate-y-1",
-  enterToClass: "opacity-100 translate-y-0",
-  leaveActiveClass: "transition-all duration-150 ease-in",
-  leaveFromClass: "opacity-100 translate-y-0",
-  leaveToClass: "opacity-0 translate-y-1"
-};
-function Al(e = "fade") {
-  const a = {
-    collapse: Un,
-    fade: Pt,
-    "fade-scale": Na,
-    "slide-right": Ra,
-    "slide-left": Ha,
-    "slide-up": qa,
-    "slide-down": Ua,
-    "tooltip-custom": Wn
+function Pn(e) {
+  return (de[e] || de.primary).slider || de.primary.slider;
+}
+function jn(e, a = !1) {
+  const l = (de[e] || de.slate).toggle || de.slate.toggle;
+  return {
+    checked: l.checked,
+    unchecked: l.unchecked,
+    ring: l.ring,
+    current: a ? l.checked : l.unchecked
   };
-  return a[e] || a.fade;
 }
-const Vl = Al;
-function Za(e = "none", a = "icon", t = !1) {
-  const l = {
-    none: "",
-    wiggle: "dx-icon-wiggle",
-    scale: "dx-icon-scale",
-    rotate: "dx-icon-rotate"
-  }, n = {
-    none: "",
-    wiggle: "dx-icon-wiggle-group",
-    scale: "dx-icon-scale-group",
-    rotate: "dx-icon-rotate-group"
-  }, s = {
-    none: "",
-    wiggle: "dx-btn-wiggle",
-    scale: "dx-btn-scale",
-    rotate: "dx-btn-rotate"
-  }, i = {
-    none: "",
-    wiggle: "dx-btn-wiggle-group",
-    scale: "dx-btn-scale-group",
-    rotate: "dx-btn-rotate-group"
-  }, c = {
-    none: "",
-    fade: "dx-animate-fade-in",
-    "fade-out": "dx-animate-fade-out",
-    slide: "dx-animate-slide-in",
-    bounce: "dx-animate-bounce-slow",
-    pulse: "dx-animate-pulse",
-    spin: "dx-animate-spin",
-    shake: "dx-animate-shake"
-  }, u = {
-    none: "",
-    stripes: "dx-animate-stripes"
-  }, g = {
-    none: "",
-    custom: "dx-tooltip-custom"
-    // Можно использовать для кастомных анимаций через CSS
-  }, h = {
-    none: "",
-    smooth: "transition-transform duration-200 ease-in-out"
-    // Плавная анимация движения индикатора
+function Fn(e) {
+  const a = {
+    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"
   };
-  return a === "icon" ? t ? n[e] || "" : l[e] || "" : a === "button" ? t ? i[e] || "" : s[e] || "" : a === "progress" ? u[e] || "" : a === "tooltip" ? g[e] || "" : a === "toggle" ? h[e] || h.smooth : c[e] || "";
+  return a[e] || a.slate;
 }
-const W = {
-  __name: "DXIcon",
+function Wa(e) {
+  const a = {
+    // Основные варианты
+    primary: "bg-slate-800 text-white hover:bg-slate-700",
+    secondary: "bg-slate-200 text-slate-700 hover:bg-slate-300",
+    ghost: "text-slate-700 hover:bg-slate-100 bg-transparent",
+    outline: "border border-slate-200 text-slate-700 hover:border-slate-300 bg-white",
+    // Семантические варианты
+    success: "bg-emerald-600 text-white hover:bg-emerald-500",
+    warning: "bg-amber-600 text-white hover:bg-amber-500",
+    danger: "bg-rose-600 text-white hover:bg-rose-500",
+    info: "bg-blue-600 text-white hover:bg-blue-500",
+    // Дополнительные варианты
+    link: "text-blue-600 hover:text-blue-700 underline-offset-2 hover:underline bg-transparent",
+    soft: "bg-slate-50 text-slate-700 hover:bg-slate-100"
+  };
+  return a[e] || a.primary;
+}
+function Nn(e) {
+  const a = {
+    default: "text-slate-700 hover:bg-slate-50",
+    danger: "text-rose-600 hover:bg-rose-50",
+    success: "text-emerald-600 hover:bg-emerald-50"
+  };
+  return a[e] || a.default;
+}
+function F(e, ...a) {
+  const t = [e];
+  return a.forEach((l) => {
+    l && t.push(l);
+  }), t;
+}
+const Rn = ["data-variant", "data-size"], Hn = "inline-flex items-center gap-1 rounded-full border font-semibold", dt = {
+  __name: "DXBadge",
   props: {
-    /** Heroicon компонент */
-    icon: { type: [Object, Function], required: !0 },
-    /** Размер: xs | sm | md | lg | xl */
-    size: { type: String, default: "md" },
-    /** Анимация при hover: none | wiggle | scale | rotate */
-    animation: { type: String, default: "none" },
-    /** Использовать group-hover вместо обычного hover */
-    groupHover: { type: Boolean, default: !1 },
-    /** Дополнительные классы */
-    class: { type: [String, Array, Object], default: "" }
+    /** Вариант оформления: slate | success | warning | danger | info */
+    variant: { type: String, default: "slate" },
+    /** Размер: sm | md */
+    size: { type: String, default: "sm" },
+    /** Иконка слева */
+    iconLeft: { type: [Object, Function], default: null },
+    /** Иконка справа */
+    iconRight: { type: [Object, Function], default: null }
   },
   setup(e) {
-    const a = e, t = d(() => [
-      fe(a.size, "icon"),
-      Za(a.animation, "icon", a.groupHover),
-      a.class
-    ]);
-    return (l, n) => (o(), L(ve(e.icon), {
+    const a = e, t = d(
+      () => F(
+        Hn,
+        fe(a.size, "badge"),
+        Fn(a.variant)
+      )
+    );
+    return (l, n) => (o(), r("span", {
       class: p(t.value),
-      "data-component": "DXIcon",
-      "data-size": e.size,
-      "data-animation": e.animation
-    }, null, 8, ["class", "data-size", "data-animation"]));
-  }
-}, Gn = ["data-size", "data-shape"], Yn = ["src", "alt"], Kn = "relative inline-flex items-center justify-center overflow-hidden bg-slate-100 transition-transform group", Qn = "w-full h-full object-cover", Jn = "font-medium text-slate-600 uppercase", _n = "text-slate-400", la = {
-  __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 */
-    shape: { type: String, default: "circle" },
-    /** Кастомная иконка для fallback (по умолчанию UserIcon) */
-    icon: { type: [Object, Function], default: null },
-    /** Анимация иконки при hover: none | wiggle | scale | rotate */
-    iconAnimation: { type: String, default: "wiggle" }
-  },
-  setup(e) {
-    const a = e, t = H(!1);
-    se(() => a.src, () => {
-      t.value = !1;
-    });
-    const l = {
-      circle: "rounded-full",
-      square: "rounded-lg"
-    }, n = {
-      xs: "text-xs",
-      sm: "text-xs",
-      md: "text-sm",
-      lg: "text-base",
-      xl: "text-lg"
-    }, s = d(
-      () => [
-        Kn,
-        fe(a.size, "avatar"),
-        l[a.shape] || l.circle,
-        { "hover:scale-105": a.iconAnimation !== "none" }
-      ]
-    ), i = d(() => Qn), c = d(() => [
-      Jn,
-      n[a.size] || n.md
-    ]), u = d(() => _n), g = d(() => a.icon || pn), h = {
-      xs: "sm",
-      sm: "sm",
-      md: "md",
-      lg: "lg",
-      xl: "xl"
-    }, m = d(() => h[a.size] || "md");
-    return (y, w) => (o(), r("div", {
-      class: p(s.value),
-      "data-component": "DXAvatar",
-      "data-size": e.size,
-      "data-shape": e.shape
+      "data-component": "DXBadge",
+      "data-variant": e.variant,
+      "data-size": e.size
     }, [
-      e.src && !t.value ? (o(), r("img", {
+      e.iconLeft ? (o(), L(W, {
         key: 0,
-        src: e.src,
-        alt: e.alt,
-        class: p(i.value),
-        onError: w[0] || (w[0] = (C) => t.value = !0)
-      }, null, 42, Yn)) : e.initials ? (o(), r("span", {
+        icon: e.iconLeft,
+        size: "xs",
+        animation: "none"
+      }, null, 8, ["icon"])) : b("", !0),
+      N(l.$slots, "default"),
+      e.iconRight ? (o(), L(W, {
         key: 1,
-        class: p(c.value)
-      }, T(e.initials), 3)) : (o(), L(W, {
-        key: 2,
-        icon: g.value,
-        size: m.value,
-        animation: e.iconAnimation,
-        "group-hover": e.iconAnimation !== "none",
-        class: p(u.value)
-      }, null, 8, ["icon", "size", "animation", "group-hover", "class"]))
-    ], 10, Gn));
+        icon: e.iconRight,
+        size: "xs",
+        animation: "none"
+      }, null, 8, ["icon"])) : b("", !0)
+    ], 10, Rn));
   }
-}, eo = ["data-blur", "data-dismissible"], Wa = {
-  __name: "DXBackdrop",
+}, qn = ["data-variant"], Un = {
+  key: 0,
+  class: "mt-2 text-sm text-slate-500"
+}, ag = {
+  __name: "DXBlockquote",
   props: {
-    /** Показать/скрыть backdrop */
-    show: { type: Boolean, default: !1 },
-    /** Уровень размытия: none | sm | md | lg | xl */
-    blur: { type: String, default: "sm", validator: (e) => ["none", "sm", "md", "lg", "xl"].includes(e) },
-    /** Цвет фона (Tailwind класс): bg-slate-900/40 | bg-black/50 */
-    backgroundColor: { type: String, default: "bg-slate-900/40" },
-    /** z-index: 0 | 10 | 20 | 30 | 40 | 50 | auto */
-    zIndex: {
-      type: String,
-      default: "50",
-      validator: (e) => ["0", "10", "20", "30", "40", "50", "auto"].includes(e)
-    },
-    /** Можно ли закрыть кликом */
-    dismissible: { type: Boolean, default: !0 },
-    /** Блокировать скролл body */
-    lockScroll: { type: Boolean, default: !0 }
+    /** Вариант: default | bordered | highlighted */
+    variant: { type: String, default: "bordered" },
+    /** Размер: sm | md | lg */
+    size: { type: String, default: "md" },
+    /** Источник цитаты */
+    cite: { type: String, default: "" }
   },
-  emits: ["click", "close"],
-  setup(e, { emit: a }) {
-    const t = {
-      enterActiveClass: "transition-opacity duration-200 ease-out",
-      enterFromClass: "opacity-0",
-      enterToClass: "opacity-100",
-      leaveActiveClass: "transition-opacity duration-200 ease-in",
-      leaveFromClass: "opacity-100",
-      leaveToClass: "opacity-0"
-    }, l = e, n = a, s = {
-      none: "backdrop-blur-none",
-      sm: "backdrop-blur-sm",
-      md: "backdrop-blur",
-      lg: "backdrop-blur-lg",
-      xl: "backdrop-blur-xl"
-    }, i = {
-      0: "z-0",
-      10: "z-10",
-      20: "z-20",
-      30: "z-30",
-      40: "z-40",
-      50: "z-50",
-      auto: "z-auto"
-    }, c = d(() => [
-      "fixed inset-0",
-      s[l.blur],
-      l.backgroundColor || "bg-slate-900/40",
-      i[l.zIndex] || "z-50",
-      l.dismissible && "cursor-pointer"
-    ]), u = (g) => {
-      g.target === g.currentTarget && (n("click", g), l.dismissible && n("close"));
-    };
-    return se(() => l.show, (g) => {
-      l.lockScroll && document.body.classList.toggle("overflow-hidden", g);
-    }, { immediate: !0 }), nt(() => {
-      l.lockScroll && document.body.classList.remove("overflow-hidden");
-    }), (g, h) => (o(), L(wl, { to: "body" }, [
-      P(Oe, Nt(Rt(t)), {
-        default: j(() => [
-          e.show ? (o(), r("div", {
-            key: 0,
-            class: p(c.value),
-            onClick: u,
-            "data-component": "DXBackdrop",
-            "data-blur": e.blur,
-            "data-dismissible": e.dismissible
-          }, [
-            N(g.$slots, "default")
-          ], 10, eo)) : b("", !0)
-        ]),
-        _: 3
-      }, 16)
-    ]));
+  setup(e) {
+    const a = e, t = {
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }, l = {
+      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"
+    }, n = d(() => [
+      t[a.size] || t.md,
+      l[a.variant] || l.bordered,
+      "leading-relaxed"
+    ]);
+    return (s, i) => (o(), r("blockquote", {
+      class: p(n.value),
+      "data-component": "DXBlockquote",
+      "data-variant": e.variant
+    }, [
+      N(s.$slots, "default"),
+      e.cite || s.$slots.cite ? (o(), r("footer", Un, [
+        i[0] || (i[0] = G(" — ", -1)),
+        f("cite", null, [
+          N(s.$slots, "cite", {}, () => [
+            G(T(e.cite), 1)
+          ])
+        ])
+      ])) : b("", !0)
+    ], 10, qn));
   }
-}, to = ["data-variant", "data-size"], ao = "inline-flex items-center gap-1 rounded-full border font-semibold", dt = {
-  __name: "DXBadge",
+};
+function oe(e, a = "padding") {
+  const t = {
+    none: "0",
+    xs: "1",
+    // 4px
+    sm: "2",
+    // 8px
+    md: "4",
+    // 16px
+    lg: "6",
+    // 24px
+    xl: "8"
+    // 32px
+  }, l = {
+    padding: "p",
+    paddingX: "px",
+    paddingY: "py",
+    margin: "m",
+    marginX: "mx",
+    marginY: "my"
+  };
+  if (e === "none")
+    return `${l[a]}-0`;
+  const n = t[e];
+  return n ? `${l[a]}-${n}` : "";
+}
+const lg = {
+  __name: "DXBox",
   props: {
-    /** Вариант оформления: slate | success | warning | danger | info */
-    variant: { type: String, default: "slate" },
-    /** Размер: sm | md */
-    size: { type: String, default: "sm" },
-    /** Иконка слева */
-    iconLeft: { type: [Object, Function], default: null },
-    /** Иконка справа */
-    iconRight: { type: [Object, Function], default: null }
+    /** 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 a = e, t = d(
+    const a = e, t = d(() => {
+      const u = {};
+      if (a.p) {
+        const g = oe(a.p, "padding");
+        g && (u[g] = !0);
+      }
+      if (a.px) {
+        const g = oe(a.px, "paddingX");
+        g && (u[g] = !0);
+      }
+      if (a.py) {
+        const g = oe(a.py, "paddingY");
+        g && (u[g] = !0);
+      }
+      return Object.keys(u).length > 0 ? u : null;
+    }), l = d(() => {
+      const u = {};
+      if (a.m)
+        if (a.m === "auto")
+          u["m-auto"] = !0;
+        else {
+          const g = oe(a.m, "margin");
+          g && (u[g] = !0);
+        }
+      if (a.mx)
+        if (a.mx === "auto")
+          u["mx-auto"] = !0;
+        else {
+          const g = oe(a.mx, "marginX");
+          g && (u[g] = !0);
+        }
+      if (a.my)
+        if (a.my === "auto")
+          u["my-auto"] = !0;
+        else {
+          const g = oe(a.my, "marginY");
+          g && (u[g] = !0);
+        }
+      return Object.keys(u).length > 0 ? u : null;
+    }), n = d(() => a.rounded ? {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      "2xl": "rounded-2xl",
+      full: "rounded-full"
+    }[a.rounded] || `rounded-${a.rounded}` : null), s = d(() => a.bg ? {
+      white: "bg-white",
+      slate: "bg-slate-50",
+      transparent: "bg-transparent"
+    }[a.bg] || a.bg : null), i = d(() => a.shadow ? {
+      none: "shadow-none",
+      sm: "shadow-sm",
+      md: "shadow",
+      lg: "shadow-lg",
+      xl: "shadow-xl"
+    }[a.shadow] || `shadow-${a.shadow}` : null), c = d(
       () => F(
-        ao,
-        fe(a.size, "badge"),
-        Bn(a.variant)
+        t.value,
+        l.value,
+        n.value,
+        s.value,
+        i.value,
+        {
+          "border border-slate-200": a.border
+        }
       )
     );
-    return (l, n) => (o(), r("span", {
-      class: p(t.value),
-      "data-component": "DXBadge",
-      "data-variant": e.variant,
-      "data-size": e.size
-    }, [
-      e.iconLeft ? (o(), L(W, {
-        key: 0,
-        icon: e.iconLeft,
-        size: "xs",
-        animation: "none"
-      }, null, 8, ["icon"])) : b("", !0),
-      N(l.$slots, "default"),
-      e.iconRight ? (o(), L(W, {
-        key: 1,
-        icon: e.iconRight,
-        size: "xs",
-        animation: "none"
-      }, null, 8, ["icon"])) : b("", !0)
-    ], 10, to));
+    return (u, g) => (o(), L(ve(e.tag), {
+      class: p(c.value),
+      "data-component": "DXBox"
+    }, {
+      default: j(() => [
+        N(u.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
-}, lo = "btn group 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", le = {
+}, Zn = "btn group 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", le = {
   __name: "DXButton",
   props: {
     /** Вариант оформления: primary | secondary | ghost | outline | success | warning | danger | info | link | soft */
@@ -1990,8 +1485,8 @@ const W = {
   setup(e) {
     const a = e, t = d(() => a.to ? "router-link" : a.href ? "a" : "button"), l = d(() => fe(a.size, a.iconOnly ? "buttonIcon" : "button")), n = d(
       () => F(
-        lo,
-        Fa(a.variant),
+        Zn,
+        Wa(a.variant),
         l.value,
         {
           "w-full": a.block,
@@ -2020,7 +1515,7 @@ const W = {
       _: 3
     }, 8, ["type", "disabled", "to", "href", "target", "rel", "class", "data-variant", "data-size", "data-disabled", "data-icon-only", "data-block"]));
   }
-}, no = ["data-variant", "data-padding"], oo = "bg-white rounded-2xl", ut = {
+}, Wn = ["data-variant", "data-padding"], Gn = "bg-white rounded-2xl", ut = {
   __name: "DXCard",
   props: {
     /** Вариант: default | bordered | elevated | flat */
@@ -2043,7 +1538,7 @@ const W = {
       elevated: "shadow-lg border border-slate-50",
       flat: "border-0"
     }, l = d(() => [
-      oo,
+      Gn,
       t[a.variant],
       oe(a.padding, "padding")
     ]);
@@ -2054,9 +1549,9 @@ const W = {
       "data-padding": e.padding
     }, [
       N(n.$slots, "default")
-    ], 10, no));
+    ], 10, Wn));
   }
-}, so = ["data-size", "data-disabled", "data-checked", "data-variant", "data-shape"], ro = ["checked", "value", "disabled"], io = ["aria-checked", "aria-disabled"], uo = "inline-flex items-center gap-2 cursor-pointer mr-4", co = "rounded border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition flex-shrink-0", fo = "relative flex items-center justify-center border-2 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-1 flex-shrink-0", xt = {
+}, Yn = ["data-size", "data-disabled", "data-checked", "data-variant", "data-shape"], Kn = ["checked", "value", "disabled"], Qn = ["aria-checked", "aria-disabled"], Jn = "inline-flex items-center gap-2 cursor-pointer mr-4", _n = "rounded border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition flex-shrink-0", eo = "relative flex items-center justify-center border-2 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-1 flex-shrink-0", xt = {
   __name: "DXCheckbox",
   props: {
     /** Значение (v-model) - boolean или массив */
@@ -2111,18 +1606,18 @@ const W = {
       square: "rounded",
       circle: "rounded-full"
     }, i = (x) => ({ xs: "xs", sm: "xs", md: "sm", lg: "md", xl: "md" })[x] || "sm", c = d(() => [
-      uo,
+      Jn,
       { "opacity-60 cursor-not-allowed": t.disabled }
     ]), u = d(() => [
       fe(t.size, "text"),
       "text-slate-700 select-none"
     ]), g = d(() => [
-      co,
+      _n,
       fe(t.size, "checkbox")
     ]), h = d(() => {
-      const x = xn(t.color);
+      const x = Bn(t.color);
       return [
-        fo,
+        eo,
         fe(t.size, "checkbox"),
         s[t.shape],
         {
@@ -2168,7 +1663,7 @@ const W = {
         disabled: e.disabled,
         class: p(g.value),
         onChange: C
-      }, null, 42, ro)) : (o(), r("div", {
+      }, null, 42, Kn)) : (o(), r("div", {
         key: 1,
         class: p(h.value),
         onClick: $[0] || ($[0] = ce((V) => w(!m.value), ["stop"])),
@@ -2190,17 +1685,95 @@ const W = {
           ]),
           _: 1
         }, 16)
-      ], 42, io)),
+      ], 42, Qn)),
       e.label ? (o(), r("span", {
         key: 2,
         class: p(u.value)
       }, T(e.label), 3)) : b("", !0)
-    ], 10, so));
+    ], 10, Yn));
+  }
+}, to = { key: 0 }, ng = {
+  __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 a = e, t = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base"
+    }, l = d(() => a.block ? [
+      "block w-full overflow-x-auto rounded-xl bg-slate-900 text-slate-100 p-4",
+      t[a.size] || t.sm,
+      "font-mono leading-relaxed"
+    ] : [
+      "inline-block px-1.5 py-0.5 rounded bg-slate-100 text-slate-800",
+      t[a.size] || t.sm,
+      "font-mono"
+    ]);
+    return (n, s) => (o(), L(ve(e.block ? "pre" : "code"), {
+      class: p(l.value),
+      "data-component": "DXCode",
+      "data-block": e.block
+    }, {
+      default: j(() => [
+        e.block ? (o(), r("code", to, [
+          N(n.$slots, "default")
+        ])) : N(n.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 8, ["class", "data-block"]));
+  }
+}, ao = ["data-size", "data-padding", "data-center"], lo = "w-full", no = {
+  __name: "DXContainer",
+  props: {
+    /** Максимальная ширина: sm | md | lg | xl | 2xl | full */
+    size: { type: String, default: "lg" },
+    /** Центрировать контейнер */
+    center: { type: Boolean, default: !0 },
+    /** Горизонтальные отступы: none | xs | sm | md | lg | xl */
+    padding: { type: String, default: "md" }
+  },
+  setup(e) {
+    const a = e, t = d(() => {
+      const s = {
+        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"
+      };
+      return s[a.size] || s.lg;
+    }), l = d(() => oe(a.padding, "paddingX")), n = d(
+      () => F(
+        lo,
+        t.value,
+        l.value,
+        {
+          "mx-auto": a.center
+        }
+      )
+    );
+    return (s, i) => (o(), r("div", {
+      class: p(n.value),
+      "data-component": "DXContainer",
+      "data-size": e.size,
+      "data-padding": e.padding,
+      "data-center": e.center
+    }, [
+      N(s.$slots, "default")
+    ], 10, ao));
   }
-}, mo = ["data-orientation", "data-color", "data-thickness", "data-spacing"], go = {
+}, oo = ["data-orientation", "data-color", "data-thickness", "data-spacing"], so = {
   key: 0,
   class: "flex items-center w-full"
-}, vo = { class: "px-3 text-sm text-slate-500 whitespace-nowrap" }, Ga = {
+}, ro = { class: "px-3 text-sm text-slate-500 whitespace-nowrap" }, Ga = {
   __name: "DXDivider",
   props: {
     /** Ориентация: horizontal | vertical */
@@ -2217,7 +1790,7 @@ const W = {
       a.orientation === "vertical" ? "inline-flex h-full" : "w-full",
       a.orientation === "horizontal" ? oe(a.spacing, "marginY") : oe(a.spacing, "marginX")
     ]), i = d(() => {
-      const c = Sn(
+      const c = Mn(
         a.orientation,
         a.thickness,
         a.color
@@ -2238,11 +1811,11 @@ const W = {
       "data-thickness": a.thickness,
       "data-spacing": a.spacing
     }, [
-      n.value && l.value ? (o(), r("div", go, [
+      n.value && l.value ? (o(), r("div", so, [
         f("div", {
           class: p(i.value)
         }, null, 2),
-        f("span", vo, [
+        f("span", ro, [
           N(c.$slots, "default")
         ]),
         f("div", {
@@ -2255,10 +1828,10 @@ const W = {
         key: 2,
         class: p(i.value)
       }, null, 2))
-    ], 10, mo));
+    ], 10, oo));
   }
 };
-function ho(e, a) {
+function io(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2275,7 +1848,7 @@ function ho(e, a) {
     })
   ]);
 }
-function po(e, a) {
+function uo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2292,7 +1865,7 @@ function po(e, a) {
     })
   ]);
 }
-function bo(e, a) {
+function co(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2309,7 +1882,7 @@ function bo(e, a) {
     })
   ]);
 }
-function yo(e, a) {
+function fo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2326,7 +1899,7 @@ function yo(e, a) {
     })
   ]);
 }
-function xo(e, a) {
+function mo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2343,7 +1916,7 @@ function xo(e, a) {
     })
   ]);
 }
-function wo(e, a) {
+function go(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2377,7 +1950,7 @@ function Bl(e, a) {
     })
   ]);
 }
-function ko(e, a) {
+function vo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2479,7 +2052,7 @@ function ct(e, a) {
     })
   ]);
 }
-function Co(e, a) {
+function ho(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2496,7 +2069,7 @@ function Co(e, a) {
     })
   ]);
 }
-function So(e, a) {
+function po(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2513,7 +2086,7 @@ function So(e, a) {
     })
   ]);
 }
-function $o(e, a) {
+function bo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2547,7 +2120,7 @@ function Tl(e, a) {
     })
   ]);
 }
-function Do(e, a) {
+function yo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2564,7 +2137,7 @@ function Do(e, a) {
     })
   ]);
 }
-function zo(e, a) {
+function xo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2620,7 +2193,7 @@ function nl(e, a) {
     })
   ]);
 }
-function Ao(e, a) {
+function wo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2637,7 +2210,7 @@ function Ao(e, a) {
     })
   ]);
 }
-function Vo(e, a) {
+function ko(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2727,7 +2300,7 @@ function ol(e, a) {
     })
   ]);
 }
-function Bo(e, a) {
+function Co(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2761,7 +2334,7 @@ function Ct(e, a) {
     })
   ]);
 }
-function Io(e, a) {
+function So(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2778,7 +2351,7 @@ function Io(e, a) {
     })
   ]);
 }
-function To(e, a) {
+function $o(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2812,7 +2385,7 @@ function za(e, a) {
     })
   ]);
 }
-function Eo(e, a) {
+function Do(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2829,7 +2402,7 @@ function Eo(e, a) {
     })
   ]);
 }
-function Mo(e, a) {
+function zo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2846,7 +2419,7 @@ function Mo(e, a) {
     })
   ]);
 }
-function Xo(e, a) {
+function Ao(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2863,7 +2436,7 @@ function Xo(e, a) {
     })
   ]);
 }
-function Lo(e, a) {
+function Vo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2880,7 +2453,7 @@ function Lo(e, a) {
     })
   ]);
 }
-function Oo(e, a) {
+function Bo(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2914,7 +2487,7 @@ function Ll(e, a) {
     })
   ]);
 }
-function Po(e, a) {
+function Io(e, a) {
   return o(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2999,7 +2572,7 @@ function mt(e, a) {
     })
   ]);
 }
-const jo = ["disabled", "data-variant", "data-size", "data-disabled"], Fo = { class: "flex-1 text-left" }, No = "w-full flex items-center gap-3 rounded-lg transition-colors", zt = {
+const To = ["disabled", "data-variant", "data-size", "data-disabled"], Eo = { class: "flex-1 text-left" }, Mo = "w-full flex items-center gap-3 rounded-lg transition-colors", zt = {
   __name: "DXDropdownItem",
   props: {
     /** Иконка (Heroicon компонент) */
@@ -3037,8 +2610,8 @@ const jo = ["disabled", "data-variant", "data-size", "data-disabled"], Fo = { cl
   setup(e, { emit: a }) {
     const t = e, l = a, n = $t("dropdown", null), s = d(
       () => F(
-        No,
-        In(t.variant),
+        Mo,
+        Nn(t.variant),
         fe(t.size, "button"),
         {
           "opacity-60 cursor-not-allowed": t.disabled
@@ -3066,7 +2639,7 @@ const jo = ["disabled", "data-variant", "data-size", "data-disabled"], Fo = { cl
         "group-hover": !0,
         class: "flex-shrink-0"
       }, null, 8, ["icon", "size", "animation"])) : b("", !0),
-      f("span", Fo, [
+      f("span", Eo, [
         N(u.$slots, "default")
       ]),
       e.submenu ? (o(), L(W, {
@@ -3088,30 +2661,99 @@ const jo = ["disabled", "data-variant", "data-size", "data-disabled"], Fo = { cl
         ]),
         _: 1
       }, 8, ["variant"])) : b("", !0)
-    ], 42, jo));
+    ], 42, To));
   }
-}, Ro = {
+}, Xo = "", og = {
+  __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 a = e, t = d(() => a.inline ? "inline-flex" : "flex"), l = d(() => {
+      const g = {
+        row: "flex-row",
+        "row-reverse": "flex-row-reverse",
+        col: "flex-col",
+        "col-reverse": "flex-col-reverse"
+      };
+      return g[a.direction] || g.row;
+    }), n = d(() => {
+      const g = {
+        start: "justify-start",
+        center: "justify-center",
+        end: "justify-end",
+        between: "justify-between",
+        around: "justify-around",
+        evenly: "justify-evenly"
+      };
+      return g[a.justify] || g.start;
+    }), s = d(() => {
+      const g = {
+        start: "items-start",
+        center: "items-center",
+        end: "items-end",
+        stretch: "items-stretch",
+        baseline: "items-baseline"
+      };
+      return g[a.align] || g.center;
+    }), i = d(() => {
+      const g = {
+        nowrap: "flex-nowrap",
+        wrap: "flex-wrap",
+        "wrap-reverse": "flex-wrap-reverse"
+      };
+      return g[a.wrap] || g.nowrap;
+    }), c = d(() => fe(a.gap, "spacing") || "gap-4"), u = d(
+      () => F(
+        Xo,
+        t.value,
+        l.value,
+        n.value,
+        s.value,
+        i.value,
+        c.value
+      )
+    );
+    return (g, h) => (o(), r("div", {
+      class: p(u.value),
+      "data-component": "DXFlex"
+    }, [
+      N(g.$slots, "default")
+    ], 2));
+  }
+}, Lo = {
   class: "w-full",
   "data-component": "DXFormLabel"
-}, Ho = {
+}, Oo = {
   key: 0,
   class: "flex items-center justify-between mb-1"
-}, qo = {
+}, Po = {
   key: 0,
   class: "text-sm font-medium text-slate-700"
-}, Uo = {
+}, jo = {
   key: 0,
   class: "text-rose-500 ml-0.5"
-}, Zo = {
+}, Fo = {
   key: 1,
   class: "text-xs text-slate-500"
-}, Wo = {
+}, No = {
   key: 1,
   class: "mt-1 text-xs text-rose-500 flex items-center gap-1"
-}, Go = {
+}, Ro = {
   key: 2,
   class: "mt-1 text-xs text-slate-500"
-}, Yo = {
+}, Ho = {
   key: 3,
   class: "mt-1 text-xs text-emerald-600 flex items-center gap-1"
 }, fa = {
@@ -3165,16 +2807,16 @@ const jo = ["disabled", "data-variant", "data-size", "data-disabled"], Fo = { cl
   },
   setup(e) {
     const a = d(() => Sl), t = d(() => ca);
-    return (l, n) => (o(), r("div", Ro, [
-      e.label || e.showCount ? (o(), r("div", Ho, [
-        e.label ? (o(), r("label", qo, [
+    return (l, n) => (o(), r("div", Lo, [
+      e.label || e.showCount ? (o(), r("div", Oo, [
+        e.label ? (o(), r("label", Po, [
           G(T(e.label) + " ", 1),
-          e.required ? (o(), r("span", Uo, "*")) : b("", !0)
+          e.required ? (o(), r("span", jo, "*")) : b("", !0)
         ])) : b("", !0),
-        e.showCount && e.maxLength ? (o(), r("span", Zo, T(e.currentLength) + " / " + T(e.maxLength), 1)) : b("", !0)
+        e.showCount && e.maxLength ? (o(), r("span", Fo, T(e.currentLength) + " / " + T(e.maxLength), 1)) : b("", !0)
       ])) : b("", !0),
       N(l.$slots, "default"),
-      e.error ? (o(), r("p", Wo, [
+      e.error ? (o(), r("p", No, [
         e.showValidationIcon ? (o(), L(W, {
           key: 0,
           icon: a.value,
@@ -3183,8 +2825,8 @@ const jo = ["disabled", "data-variant", "data-size", "data-disabled"], Fo = { cl
           class: "text-rose-500"
         }, null, 8, ["icon"])) : b("", !0),
         G(" " + T(e.error), 1)
-      ])) : e.helper ? (o(), r("p", Go, T(e.helper), 1)) : b("", !0),
-      e.success && !e.error ? (o(), r("p", Yo, [
+      ])) : e.helper ? (o(), r("p", Ro, T(e.helper), 1)) : b("", !0),
+      e.success && !e.error ? (o(), r("p", Ho, [
         e.showValidationIcon ? (o(), L(W, {
           key: 0,
           icon: t.value,
@@ -3196,8 +2838,130 @@ const jo = ["disabled", "data-variant", "data-size", "data-disabled"], Fo = { cl
       ])) : b("", !0)
     ]));
   }
+}, qo = "grid", Uo = {
+  __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 a = e, t = d(() => ({
+      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))]"
+    })[a.cols] || `grid-cols-${a.cols}`), l = d(() => {
+      const c = {};
+      return a.colsSm && (c[`sm:grid-cols-${a.colsSm}`] = !0), a.colsMd && (c[`md:grid-cols-${a.colsMd}`] = !0), a.colsLg && (c[`lg:grid-cols-${a.colsLg}`] = !0), Object.keys(c).length > 0 ? c : null;
+    }), n = d(() => {
+      if (a.gapX || a.gapY) {
+        const c = {};
+        if (a.gapX) {
+          const u = oe(a.gapX, "padding"), g = u ? u.match(/-(\d+)$/) : null;
+          g ? c[`gap-x-${g[1]}`] = !0 : a.gapX === "none" ? c["gap-x-0"] = !0 : c[`gap-x-${a.gapX}`] = !0;
+        }
+        if (a.gapY) {
+          const u = oe(a.gapY, "padding"), g = u ? u.match(/-(\d+)$/) : null;
+          g ? c[`gap-y-${g[1]}`] = !0 : a.gapY === "none" ? c["gap-y-0"] = !0 : c[`gap-y-${a.gapY}`] = !0;
+        }
+        return Object.keys(c).length > 0 ? c : null;
+      }
+      return fe(a.gap, "spacing") || "gap-4";
+    }), s = d(
+      () => F(
+        qo,
+        t.value,
+        l.value,
+        n.value
+      )
+    ), i = d(() => a.cols === "auto" ? {} : {});
+    return (c, u) => (o(), r("div", {
+      class: p(s.value),
+      style: we(i.value),
+      "data-component": "DXGrid"
+    }, [
+      N(c.$slots, "default")
+    ], 6));
+  }
+}, sg = {
+  __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 a = e, t = d(() => `h${a.level}`), l = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl"
+    }, n = {
+      1: "text-4xl",
+      2: "text-3xl",
+      3: "text-2xl",
+      4: "text-xl",
+      5: "text-lg",
+      6: "text-base"
+    }, s = {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }, i = d(() => [
+      a.size ? l[a.size] : n[a.level],
+      s[a.weight] || s.semibold,
+      Za(a.color),
+      "tracking-tight",
+      a.truncate && "truncate"
+    ]);
+    return (c, u) => (o(), L(ve(t.value), {
+      class: p(i.value),
+      "data-component": "DXHeading",
+      "data-level": e.level,
+      "data-weight": e.weight,
+      "data-color": e.color
+    }, {
+      default: j(() => [
+        N(c.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "data-level", "data-weight", "data-color"]));
+  }
 };
-function fg(e, a = []) {
+function rg(e, a = []) {
   const t = {};
   return a.forEach((l) => {
     const n = e[l];
@@ -3216,7 +2980,7 @@ function jl(e = {}) {
     }
   }), a;
 }
-function mg(e, a = []) {
+function ig(e, a = []) {
   const t = {};
   return a.forEach((l) => {
     if (e[l] === !0) {
@@ -3225,7 +2989,7 @@ function mg(e, a = []) {
     }
   }), t;
 }
-const Ko = "absolute pointer-events-none", Ft = {
+const Zo = "absolute pointer-events-none", Ft = {
   __name: "DXIconWrapper",
   props: {
     /** Position: left | right */
@@ -3264,7 +3028,7 @@ const Ko = "absolute pointer-events-none", Ft = {
   setup(e) {
     const a = e, t = d(
       () => F(
-        Ko,
+        Zo,
         {
           "left-3": a.position === "left",
           "right-3": a.position === "right",
@@ -3288,7 +3052,7 @@ const Ko = "absolute pointer-events-none", Ft = {
       }, null, 8, ["icon", "size", "animation", "class"])) : N(n.$slots, "default", { key: 1 })
     ], 16));
   }
-}, gg = {
+}, dg = {
   __name: "DXInputAddon",
   props: {
     icon: { type: [Object, Function], default: null }
@@ -3327,61 +3091,49 @@ const Ko = "absolute pointer-events-none", Ft = {
       N(n.$slots, "default")
     ], 2));
   }
-}, Qo = ["data-size", "data-variant"], Jo = "flex items-center justify-center", _o = "border-2 rounded-full animate-spin", Fl = {
-  __name: "DXLoader",
+}, Wo = ["for"], Go = {
+  key: 0,
+  class: "text-rose-500 ml-0.5"
+}, ug = {
+  __name: "DXLabel",
   props: {
-    /** Размер: xs | sm | md | lg | xl */
-    size: {
-      type: String,
-      default: "md",
-      validator: (e) => ["xs", "sm", "md", "lg", "xl"].includes(e)
-    },
-    /** Вариант цвета: default | primary | success | warning | danger | info | slate */
-    variant: {
-      type: String,
-      default: "default",
-      validator: (e) => ["default", "primary", "success", "warning", "danger", "info", "slate"].includes(e)
-    },
-    /** Текст лоадера. Если не указан и нет слота, текст не отображается */
-    text: {
-      type: String,
-      default: ""
-    },
-    /** Показывать текст. Если false, текст не отображается. Если true - всегда показывать */
-    showText: {
-      type: Boolean,
-      default: void 0
-    }
+    /** 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 a = e, t = ft(), l = d(() => a.showText !== void 0 ? a.showText : t.default ? !0 : !!(a.text && a.text.trim().length > 0)), n = d(() => Cn(a.variant)), s = d(() => [
-      Jo,
-      l.value ? "gap-2" : "",
-      l.value ? fe(a.size, "text") : "",
-      l.value ? n.value.text : ""
-    ].filter(Boolean)), i = d(() => [
-      _o,
-      fe(a.size, "loader"),
-      n.value.border,
-      n.value.borderTop
+    const a = e, t = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }, l = {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold"
+    }, n = d(() => [
+      "block",
+      t[a.size] || t.sm,
+      l[a.weight] || l.medium,
+      Za(a.color)
     ]);
-    return (c, u) => (o(), r("div", {
-      class: p(s.value),
-      "data-component": "DXLoader",
-      "data-size": e.size,
-      "data-variant": e.variant
+    return (s, i) => (o(), r("label", {
+      class: p(n.value),
+      for: e.htmlFor,
+      "data-component": "DXLabel"
     }, [
-      f("span", {
-        class: p(i.value)
-      }, null, 2),
-      l.value ? N(c.$slots, "default", { key: 0 }, () => [
-        e.text ? (o(), r(K, { key: 0 }, [
-          G(T(e.text), 1)
-        ], 64)) : b("", !0)
-      ]) : b("", !0)
-    ], 10, Qo));
+      N(s.$slots, "default"),
+      e.required ? (o(), r("span", Go, "*")) : b("", !0)
+    ], 10, Wo));
   }
-}, es = "inline-flex items-center gap-1.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", At = {
+}, Yo = "inline-flex items-center gap-1.5 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", At = {
   __name: "DXLink",
   props: {
     /** URL для обычной ссылки */
@@ -3404,7 +3156,7 @@ const Ko = "absolute pointer-events-none", Ft = {
     showExternalIcon: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const a = e, t = d(() => a.to ? "router-link" : a.href ? "a" : "span"), l = d(() => a.href ? a.href.startsWith("http://") || a.href.startsWith("https://") || a.href.startsWith("//") : !1), n = d(() => a.rel ? a.rel : l.value && a.target === "_blank" ? "noopener noreferrer" : null), s = d(() => a.ariaLabel ? a.ariaLabel : (l.value && a.showExternalIcon, null)), i = d(() => fe(a.size, "text")), c = d(() => a.variant === "link" ? "text-blue-600 hover:text-blue-700 underline-offset-2 hover:underline" : Fa(a.variant)), u = d(() => ({
+    const a = e, t = d(() => a.to ? "router-link" : a.href ? "a" : "span"), l = d(() => a.href ? a.href.startsWith("http://") || a.href.startsWith("https://") || a.href.startsWith("//") : !1), n = d(() => a.rel ? a.rel : l.value && a.target === "_blank" ? "noopener noreferrer" : null), s = d(() => a.ariaLabel ? a.ariaLabel : (l.value && a.showExternalIcon, null)), i = d(() => fe(a.size, "text")), c = d(() => a.variant === "link" ? "text-blue-600 hover:text-blue-700 underline-offset-2 hover:underline" : Wa(a.variant)), u = d(() => ({
       xs: "xs",
       sm: "xs",
       md: "sm",
@@ -3412,7 +3164,7 @@ const Ko = "absolute pointer-events-none", Ft = {
       xl: "md"
     })[a.size] || "sm"), g = d(
       () => F(
-        es,
+        Yo,
         c.value,
         i.value,
         {
@@ -3442,7 +3194,7 @@ const Ko = "absolute pointer-events-none", Ft = {
         N(m.$slots, "default"),
         e.showExternalIcon && l.value && !e.disabled ? (o(), L(W, {
           key: 0,
-          icon: O(bo),
+          icon: O(co),
           size: u.value,
           class: "ml-0.5",
           "aria-hidden": "true"
@@ -3451,13 +3203,111 @@ const Ko = "absolute pointer-events-none", Ft = {
       _: 3
     }, 8, ["href", "to", "target", "rel", "aria-label", "class", "disabled", "data-variant", "data-size", "data-disabled", "data-external"]));
   }
-}, ts = ["data-size", "data-color", "data-animated", "data-striped"], as = {
+}, cg = {
+  __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 a = e, t = {
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    }, l = {
+      none: "space-y-0",
+      sm: "space-y-1",
+      md: "space-y-2",
+      lg: "space-y-3"
+    }, n = {
+      disc: "list-disc",
+      circle: "list-circle",
+      square: "list-square",
+      decimal: "list-decimal",
+      none: "list-none"
+    }, s = d(() => [
+      t[a.size] || t.md,
+      l[a.spacing] || l.sm,
+      a.marker ? n[a.marker] : a.ordered ? "list-decimal" : "list-disc",
+      "pl-5 text-slate-700"
+    ]);
+    return (i, c) => (o(), L(ve(e.ordered ? "ol" : "ul"), {
+      class: p(s.value),
+      "data-component": "DXList"
+    }, {
+      default: j(() => [
+        N(i.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+}, Ko = ["data-size", "data-variant"], Qo = "flex items-center justify-center", Jo = "border-2 rounded-full animate-spin", Fl = {
+  __name: "DXLoader",
+  props: {
+    /** Размер: xs | sm | md | lg | xl */
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["xs", "sm", "md", "lg", "xl"].includes(e)
+    },
+    /** Вариант цвета: default | primary | success | warning | danger | info | slate */
+    variant: {
+      type: String,
+      default: "default",
+      validator: (e) => ["default", "primary", "success", "warning", "danger", "info", "slate"].includes(e)
+    },
+    /** Текст лоадера. Если не указан и нет слота, текст не отображается */
+    text: {
+      type: String,
+      default: ""
+    },
+    /** Показывать текст. Если false, текст не отображается. Если true - всегда показывать */
+    showText: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const a = e, t = ft(), l = d(() => a.showText !== void 0 ? a.showText : t.default ? !0 : !!(a.text && a.text.trim().length > 0)), n = d(() => En(a.variant)), s = d(() => [
+      Qo,
+      l.value ? "gap-2" : "",
+      l.value ? fe(a.size, "text") : "",
+      l.value ? n.value.text : ""
+    ].filter(Boolean)), i = d(() => [
+      Jo,
+      fe(a.size, "loader"),
+      n.value.border,
+      n.value.borderTop
+    ]);
+    return (c, u) => (o(), r("div", {
+      class: p(s.value),
+      "data-component": "DXLoader",
+      "data-size": e.size,
+      "data-variant": e.variant
+    }, [
+      f("span", {
+        class: p(i.value)
+      }, null, 2),
+      l.value ? N(c.$slots, "default", { key: 0 }, () => [
+        e.text ? (o(), r(K, { key: 0 }, [
+          G(T(e.text), 1)
+        ], 64)) : b("", !0)
+      ]) : b("", !0)
+    ], 10, Ko));
+  }
+}, _o = ["data-size", "data-color", "data-animated", "data-striped"], es = {
   key: 0,
   class: "flex justify-between items-center mb-1"
-}, ls = { class: "text-sm font-medium text-slate-700" }, ns = {
+}, ts = { class: "text-sm font-medium text-slate-700" }, as = {
   key: 0,
   class: "text-sm font-semibold text-slate-900"
-}, os = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ss = {
+}, ls = ["aria-valuenow", "aria-valuemin", "aria-valuemax"], ns = {
   key: 0,
   class: "text-xs font-medium text-white px-1"
 }, Nl = {
@@ -3495,9 +3345,9 @@ const Ko = "absolute pointer-events-none", Ft = {
       fe(a.size, "progress")
     ]), s = d(() => [
       "h-full rounded-full transition-all duration-300 flex items-center justify-end",
-      kn(a.color),
+      Tn(a.color),
       a.striped && "dx-bg-stripes",
-      a.animated && a.striped && Za("stripes", "progress")
+      a.animated && a.striped && qa("stripes", "progress")
     ]);
     return (i, c) => (o(), r("div", {
       class: "w-full",
@@ -3507,13 +3357,13 @@ const Ko = "absolute pointer-events-none", Ft = {
       "data-animated": e.animated,
       "data-striped": e.striped
     }, [
-      e.showLabel || i.$slots.label ? (o(), r("div", as, [
-        f("span", ls, [
+      e.showLabel || i.$slots.label ? (o(), r("div", es, [
+        f("span", ts, [
           N(i.$slots, "label", {}, () => [
             G(T(e.label), 1)
           ])
         ]),
-        e.showValue ? (o(), r("span", ns, T(l.value), 1)) : b("", !0)
+        e.showValue ? (o(), r("span", as, T(l.value), 1)) : b("", !0)
       ])) : b("", !0),
       f("div", {
         class: p(n.value)
@@ -3526,12 +3376,12 @@ const Ko = "absolute pointer-events-none", Ft = {
           "aria-valuemin": e.min,
           "aria-valuemax": e.max
         }, [
-          e.showInnerValue && t.value > 10 ? (o(), r("span", ss, T(l.value), 1)) : b("", !0)
-        ], 14, os)
+          e.showInnerValue && t.value > 10 ? (o(), r("span", ns, T(l.value), 1)) : b("", !0)
+        ], 14, ls)
       ], 2)
-    ], 8, ts));
+    ], 8, _o));
   }
-}, rs = ["data-size", "data-disabled", "data-checked", "data-variant"], is = ["value", "checked", "disabled"], ds = ["aria-checked", "aria-disabled", "onKeydown"], us = "inline-flex items-center gap-2 cursor-pointer mr-4", cs = "rounded-full border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition flex-shrink-0", fs = "relative flex items-center justify-center border-2 rounded-full transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-1 flex-shrink-0", ms = {
+}, os = ["data-size", "data-disabled", "data-checked", "data-variant"], ss = ["value", "checked", "disabled"], rs = ["aria-checked", "aria-disabled", "onKeydown"], is = "inline-flex items-center gap-2 cursor-pointer mr-4", ds = "rounded-full border-slate-300 text-slate-900 focus:ring-slate-900/10 focus:ring-2 transition flex-shrink-0", us = "relative flex items-center justify-center border-2 rounded-full transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-1 flex-shrink-0", cs = {
   __name: "DXRadio",
   props: {
     /** Текущее значение группы (v-model) */
@@ -3567,18 +3417,18 @@ const Ko = "absolute pointer-events-none", Ft = {
       leaveFromClass: "opacity-100 scale-100",
       leaveToClass: "opacity-0 scale-0"
     }, s = (w) => ({ 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-3 h-3" })[w] || "w-2.5 h-2.5", i = d(() => [
-      us,
+      is,
       { "opacity-60 cursor-not-allowed": t.disabled }
     ]), c = d(() => [
       fe(t.size, "text"),
       "text-slate-700 select-none"
     ]), u = d(() => [
-      cs,
+      ds,
       fe(t.size, "radio")
     ]), g = d(() => {
       const w = al(t.color);
       return [
-        fs,
+        us,
         fe(t.size, "radio"),
         {
           [w.unchecked]: !m.value && !t.disabled,
@@ -3614,7 +3464,7 @@ const Ko = "absolute pointer-events-none", Ft = {
         disabled: e.disabled,
         class: p(u.value),
         onChange: C[0] || (C[0] = (x) => w.$emit("update:modelValue", e.value))
-      }, null, 42, is)) : (o(), r("div", {
+      }, null, 42, ss)) : (o(), r("div", {
         key: 1,
         class: p(g.value),
         onClick: ce(y, ["stop"]),
@@ -3633,14 +3483,14 @@ const Ko = "absolute pointer-events-none", Ft = {
           ]),
           _: 1
         }, 16)
-      ], 42, ds)),
+      ], 42, rs)),
       e.label ? (o(), r("span", {
         key: 2,
         class: p(c.value)
       }, T(e.label), 3)) : b("", !0)
-    ], 10, rs));
+    ], 10, os));
   }
-}, vg = {
+}, fg = {
   __name: "DXSkeleton",
   props: {
     /** Ширина */
@@ -3662,11 +3512,11 @@ const Ko = "absolute pointer-events-none", Ft = {
   for (const [l, n] of a)
     t[l] = n;
   return t;
-}, gs = ["data-size", "data-variant"], vs = {
+}, fs = ["data-size", "data-variant"], ms = {
   key: 0,
   class: "absolute top-1/2 w-full pointer-events-none",
   style: { transform: "translateY(-50%)" }
-}, hs = ["value", "min", "max", "step", "disabled"], ps = {
+}, gs = ["value", "min", "max", "step", "disabled"], vs = {
   __name: "DXSlider",
   props: {
     /** Значение (v-model) */
@@ -3718,7 +3568,7 @@ const Ko = "absolute pointer-events-none", Ft = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const t = e, l = a, n = An(t.variant);
+    const t = e, l = a, n = Pn(t.variant);
     fe(t.size, "sliderTrack"), fe(t.size, "sliderThumb");
     const s = fe(t.size, "text"), i = oe(t.spacing, "marginY"), c = oe(t.spacing, "paddingY"), u = oe(t.spacing, "marginTop"), g = d(() => ({ xs: 12, sm: 16, md: 20, lg: 24, xl: 28 })[t.size] || 20), h = d(() => ({ xs: 4, sm: 6, md: 8, lg: 10, xl: 12 })[t.size] || 8), m = d(() => `${t.modelValue}${t.unit}`), y = d(() => {
       const D = (A) => ({
@@ -3795,7 +3645,7 @@ const Ko = "absolute pointer-events-none", Ft = {
       f("div", {
         class: p(["relative", O(c)])
       }, [
-        e.ticks ? (o(), r("div", vs, [
+        e.ticks ? (o(), r("div", ms, [
           (o(!0), r(K, null, J(w.value, (v, z) => (o(), r("div", {
             key: `tick-${z}`,
             class: p(["absolute w-0.5 h-3 rounded-full", O(n).tick]),
@@ -3812,7 +3662,7 @@ const Ko = "absolute pointer-events-none", Ft = {
           class: "slider w-full appearance-none cursor-pointer disabled:opacity-60 disabled:cursor-not-allowed relative z-10",
           style: we(y.value),
           onInput: C
-        }, null, 44, hs)
+        }, null, 44, gs)
       ], 2),
       e.ticks && (e.showTickLabels || e.tickIcons) ? (o(), r("div", {
         key: 0,
@@ -3845,9 +3695,101 @@ const Ko = "absolute pointer-events-none", Ft = {
         key: 1,
         class: p([O(s), O(u), O(n).text])
       }, T(e.helper), 3)) : b("", !0)
-    ], 8, gs));
+    ], 8, fs));
+  }
+}, mg = /* @__PURE__ */ Se(vs, [["__scopeId", "data-v-dbc897fb"]]), gg = {
+  __name: "DXSpacer",
+  props: {
+    /** Размер: xs | sm | md | lg | xl или число в пикселях */
+    size: { type: [String, Number], default: "md" },
+    /** Направление: vertical | horizontal | both */
+    direction: { type: String, default: "vertical" },
+    /** Занять всё доступное пространство (flex-grow) */
+    grow: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const a = e, t = {
+      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" }
+    }, l = d(() => {
+      if (a.grow)
+        return F("flex-grow");
+      if (typeof a.size == "number")
+        return F();
+      const s = t[a.size];
+      return s ? a.direction === "horizontal" ? F(s.h) : a.direction === "both" ? F(s.v, s.h) : F(s.v) : F();
+    }), n = d(() => {
+      if (a.grow) return {};
+      if (typeof a.size == "number") {
+        const s = `${a.size}px`;
+        return a.direction === "horizontal" ? { width: s } : a.direction === "both" ? { height: s, width: s } : { height: s };
+      }
+      return {};
+    });
+    return (s, i) => (o(), r("div", {
+      class: p(l.value),
+      style: we(n.value),
+      "data-component": "DXSpacer",
+      "aria-hidden": "true"
+    }, null, 6));
+  }
+}, hs = ["data-direction", "data-gap", "data-align", "data-justify"], ps = "flex", vg = {
+  __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 a = e, t = d(() => a.direction === "horizontal" ? "flex-row" : "flex-col"), l = d(() => a.gap === "2xl" ? "gap-12" : fe(a.gap, "spacing") || "gap-4"), n = d(() => {
+      const u = {
+        start: "items-start",
+        center: "items-center",
+        end: "items-end",
+        stretch: "items-stretch"
+      };
+      return u[a.align] || u.stretch;
+    }), s = d(() => {
+      const u = {
+        start: "justify-start",
+        center: "justify-center",
+        end: "justify-end",
+        between: "justify-between",
+        around: "justify-around"
+      };
+      return u[a.justify] || u.start;
+    }), i = d(() => a.dividers ? a.direction === "horizontal" ? "divide-x divide-slate-200" : "divide-y divide-slate-200" : null), c = d(
+      () => F(
+        ps,
+        t.value,
+        l.value,
+        n.value,
+        s.value,
+        i.value
+      )
+    );
+    return (u, g) => (o(), r("div", {
+      class: p(c.value),
+      "data-component": "DXStack",
+      "data-direction": e.direction,
+      "data-gap": e.gap,
+      "data-align": e.align,
+      "data-justify": e.justify
+    }, [
+      N(u.$slots, "default")
+    ], 10, hs));
   }
-}, hg = /* @__PURE__ */ Se(ps, [["__scopeId", "data-v-54382d32"]]), bs = {
+}, bs = {
   class: "flex flex-wrap gap-2",
   "data-component": "DXTags"
 }, ys = ["onClick", "aria-label"], xs = {
@@ -3881,7 +3823,7 @@ const Ko = "absolute pointer-events-none", Ft = {
       return F(
         "rounded-full border",
         fe(g, "badge"),
-        wn(u.color)
+        In(u.color)
       );
     }, c = (u, g) => {
       l("remove", { tag: u, index: g });
@@ -3915,6 +3857,63 @@ const Ko = "absolute pointer-events-none", Ft = {
       ], 2))), 128))
     ]));
   }
+}, hg = {
+  __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 a = e, t = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg",
+      xl: "text-xl"
+    }, l = {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }, n = {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify"
+    }, s = d(() => [
+      t[a.size] || t.md,
+      l[a.weight] || l.normal,
+      Za(a.color),
+      n[a.align] || n.left,
+      "leading-relaxed",
+      a.truncate && "truncate",
+      a.lines > 0 && `line-clamp-${a.lines}`
+    ]);
+    return (i, c) => (o(), L(ve(e.tag), {
+      class: p(s.value),
+      "data-component": "DXText",
+      "data-size": e.size,
+      "data-weight": e.weight,
+      "data-color": e.color
+    }, {
+      default: j(() => [
+        N(i.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "data-size", "data-weight", "data-color"]));
+  }
 }, ws = ["data-variant"], ks = { class: "flex-1" }, pg = {
   __name: "DXToast",
   props: {
@@ -3924,7 +3923,7 @@ const Ko = "absolute pointer-events-none", Ft = {
     showIcon: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const a = e, t = d(() => yn(a.variant)), l = d(() => `${t.value.bg} ${t.value.border} ${t.value.text}`), n = d(() => a.showIcon ? t.value.icon : null), s = d(() => t.value.iconColor);
+    const a = e, t = d(() => Vn(a.variant)), l = d(() => `${t.value.bg} ${t.value.border} ${t.value.text}`), n = d(() => a.showIcon ? t.value.icon : null), s = d(() => t.value.iconColor);
     return (i, c) => (o(), r("div", {
       class: p(["flex items-start gap-3 rounded-2xl border px-4 py-3 text-sm", l.value]),
       "data-component": "DXToast",
@@ -3962,7 +3961,7 @@ const Ko = "absolute pointer-events-none", Ft = {
   setup(e, { emit: a }) {
     const t = e, l = a, n = () => {
       t.disabled || l("update:modelValue", !t.modelValue);
-    }, s = d(() => fe(t.size, "toggle")), i = d(() => Vn(t.color, t.modelValue)), c = d(
+    }, s = d(() => fe(t.size, "toggle")), i = d(() => jn(t.color, t.modelValue)), c = d(
       () => F(
         "inline-flex items-center gap-2 cursor-pointer mr-4",
         {
@@ -3979,7 +3978,7 @@ const Ko = "absolute pointer-events-none", Ft = {
         }
       );
     }), g = d(() => {
-      const y = `inline-block rounded-full bg-white ${s.value.thumb} ${Za(t.animation, "toggle")}`, w = h(t.size);
+      const y = `inline-block rounded-full bg-white ${s.value.thumb} ${qa(t.animation, "toggle")}`, w = h(t.size);
       return F(
         y,
         {
@@ -4068,7 +4067,7 @@ const Ko = "absolute pointer-events-none", Ft = {
       return fe(t.size, m ? "button" : "buttonIcon");
     }), g = d(() => {
       const m = t.modelValue ? t.activeVariant : t.inactiveVariant;
-      return Fa(m);
+      return Wa(m);
     }), h = d(
       () => 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",
@@ -4097,7 +4096,7 @@ const Ko = "absolute pointer-events-none", Ft = {
       i.value ? (o(), r("span", zs, T(i.value), 1)) : b("", !0)
     ], 10, Ds));
   }
-}, bg = /* @__PURE__ */ Se(As, [["__scopeId", "data-v-bbef83af"]]), yg = {
+}, bg = /* @__PURE__ */ Se(As, [["__scopeId", "data-v-c6559eca"]]), yg = {
   __name: "DXTooltip",
   props: {
     /** Текст подсказки */
@@ -4126,14 +4125,14 @@ const Ko = "absolute pointer-events-none", Ft = {
       c();
     }, h = () => {
       u();
-    }, m = d(() => a.animation === "tooltip-custom" ? Zn(a.position) : Al(a.animation)), y = d(() => [
+    }, m = d(() => a.animation === "tooltip-custom" ? xn(a.position) : Al(a.animation)), y = d(() => [
       "absolute z-50 rounded-lg whitespace-normal",
       fe(a.size, "tooltip"),
-      Dn(a.position),
-      $n(a.color)
+      Ln(a.position),
+      Xn(a.color)
     ]), w = d(() => ({
       maxWidth: a.maxWidth
-    })), C = d(() => zn(a.position, a.color));
+    })), C = d(() => On(a.position, a.color));
     return Ht(() => {
       n.value && clearTimeout(n.value), s.value && clearTimeout(s.value);
     }), (x, $) => (o(), r("div", {
@@ -4811,7 +4810,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
       }, 8, ["to", "href", "class"]))
     ]));
   }
-}, Va = /* @__PURE__ */ Se(Js, [["__scopeId", "data-v-089c9d9b"]]), _s = { class: "relative" }, er = ["type", "placeholder", "value", "disabled"], tr = "w-full border border-slate-200 bg-white transition-colors text-slate-700 placeholder:text-slate-400", $e = {
+}, Va = /* @__PURE__ */ Se(Js, [["__scopeId", "data-v-4458584f"]]), _s = { class: "relative" }, er = ["type", "placeholder", "value", "disabled"], tr = "w-full border border-slate-200 bg-white transition-colors text-slate-700 placeholder:text-slate-400", $e = {
   __name: "DXInput",
   props: {
     /** Значение поля (v-model) */
@@ -5167,7 +5166,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
       _: 3
     }, 8, ["padding", "variant", "class", "data-compact", "data-direction"]));
   }
-}, wg = /* @__PURE__ */ Se(sr, [["__scopeId", "data-v-d8311538"]]), rr = {
+}, wg = /* @__PURE__ */ Se(sr, [["__scopeId", "data-v-34dacd6d"]]), rr = {
   key: 0,
   class: "block text-sm text-slate-600 mb-1 font-medium"
 }, ir = {
@@ -5558,7 +5557,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
                 f("span", null, T($.label), 1),
                 e.sortBy === $.key ? (o(), L(W, {
                   key: 0,
-                  icon: e.sortDirection === "asc" ? O(Co) : O(qt),
+                  icon: e.sortDirection === "asc" ? O(ho) : O(qt),
                   size: "xs",
                   class: "text-slate-500"
                 }, null, 8, ["icon"])) : b("", !0),
@@ -6078,9 +6077,9 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
     /** Значение для копирования */
     value: { type: String, default: "" },
     /** Иконка для копирования */
-    copyIcon: { type: [Object, Function], default: () => $o },
+    copyIcon: { type: [Object, Function], default: () => bo },
     /** Иконка успешного копирования */
-    successIcon: { type: [Object, Function], default: () => So },
+    successIcon: { type: [Object, Function], default: () => po },
     /** Анимация иконки копирования: none | wiggle | scale | rotate */
     copyIconAnimation: { type: String, default: "scale" },
     /** Анимация иконки успеха: none | wiggle | scale | rotate */
@@ -6717,7 +6716,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
             })
           }, [
             P(W, {
-              icon: O(Mo),
+              icon: O(zo),
               size: "sm",
               animation: "none",
               class: "inline mr-1"
@@ -6726,7 +6725,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
           ], 8, Zi)) : b("", !0)
         ])) : (o(), r("div", Xi, [
           P(W, {
-            icon: O(Do),
+            icon: O(yo),
             size: "xl",
             animation: "none",
             class: "mx-auto text-slate-400 mb-3 w-12 h-12"
@@ -7164,7 +7163,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
             "aria-label": t.value ? "Скрыть пароль" : "Показать пароль"
           }, [
             P(W, {
-              icon: t.value ? O(Vo) : O(Ya),
+              icon: t.value ? O(ko) : O(Ya),
               size: "md",
               animation: "scale"
             }, null, 8, ["icon"])
@@ -7298,7 +7297,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
       f("div", {
         class: p(t.value)
       }, [
-        (o(!0), r(K, null, J(e.options, (s) => (o(), L(ms, {
+        (o(!0), r(K, null, J(e.options, (s) => (o(), L(cs, {
           key: s.value,
           "model-value": e.modelValue,
           value: s.value,
@@ -8478,7 +8477,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
       })
     ], 8, vu));
   }
-}, Xg = /* @__PURE__ */ Se(Au, [["__scopeId", "data-v-4a51c847"]]), Vu = { class: "flex items-start justify-between" }, Bu = { class: "flex-1" }, Iu = {
+}, Xg = /* @__PURE__ */ Se(Au, [["__scopeId", "data-v-00321190"]]), Vu = { class: "flex items-start justify-between" }, Bu = { class: "flex-1" }, Iu = {
   key: 0,
   class: "text-sm font-medium text-slate-600 mb-1"
 }, Tu = { class: "flex items-baseline gap-2" }, Eu = {
@@ -8651,7 +8650,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
                 class: p([i.value, "flex items-center gap-0.5 text-xs font-medium"])
               }, [
                 P(W, {
-                  icon: e.trend.direction === "up" ? O(yo) : O(ho),
+                  icon: e.trend.direction === "up" ? O(fo) : O(io),
                   size: "xs"
                 }, null, 8, ["icon"]),
                 f("span", null, T(Math.abs(e.trend.value)) + "%", 1)
@@ -8977,7 +8976,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
         }, [
           N(D.$slots, "sidebar")
         ], 6)) : b("", !0),
-        i.value ? (o(), L(Wa, {
+        i.value ? (o(), L(Ua, {
           key: 1,
           show: i.value,
           blur: e.backdropBlur,
@@ -9920,7 +9919,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
             }, {
               icon: j(() => [
                 P(W, {
-                  icon: O(To),
+                  icon: O($o),
                   size: "sm"
                 }, null, 8, ["icon"])
               ]),
@@ -9951,7 +9950,7 @@ const Ns = ["data-position", "data-width", "data-variant", "data-disabled"], Rs
             }, {
               icon: j(() => [
                 P(W, {
-                  icon: O(Io),
+                  icon: O(So),
                   size: "sm"
                 }, null, 8, ["icon"])
               ]),
@@ -10801,7 +10800,7 @@ const Lc = {
       }, null, 8, ["currentPage", "pageSize", "size", "totalPages", "pageSizeOptions", "from", "to", "total"])) : b("", !0)
     ]));
   }
-}, Qa = /* @__PURE__ */ Se(Oc, [["__scopeId", "data-v-cb483d8c"]]), Pc = {
+}, Qa = /* @__PURE__ */ Se(Oc, [["__scopeId", "data-v-a9e131b7"]]), Pc = {
   key: 0,
   class: "dx-data-table-editor"
 }, jc = { class: "text-sm text-slate-500" }, Fc = { key: 1 }, Nc = {
@@ -11096,7 +11095,7 @@ const Lc = {
       }))
     ]), 1032, ["class", "columns", "data", "loading", "paginated", "selectable", "sortable", "filterable", "size", "sticky-header", "striped", "bordered", "hoverable", "dense", "data-editable", "data-edit-mode"]));
   }
-}, Ng = /* @__PURE__ */ Se(Hc, [["__scopeId", "data-v-dfb695d8"]]), qc = {
+}, Ng = /* @__PURE__ */ Se(Hc, [["__scopeId", "data-v-95b340c2"]]), qc = {
   class: "bg-white border border-slate-100 rounded-3xl shadow-sm p-8 text-center space-y-3",
   "data-component": "DXEmptyState"
 }, Uc = { class: "text-base font-semibold text-slate-900" }, Zc = {
@@ -11442,7 +11441,7 @@ const Lc = {
       ], 2)
     ], 10, Gc));
   }
-}, Hg = /* @__PURE__ */ Se(rf, [["__scopeId", "data-v-882f5cad"]]);
+}, Hg = /* @__PURE__ */ Se(rf, [["__scopeId", "data-v-e110de01"]]);
 /*!
   * vue-draggable-next v2.3.0
   * (c) 2025 Anish George
@@ -13146,7 +13145,7 @@ const Uf = sn({
           }, [
             e.editable ? (o(), r("div", Wf, [
               P(W, {
-                icon: O(wo),
+                icon: O(go),
                 size: "sm",
                 class: "text-slate-400 hover:text-slate-600"
               }, null, 8, ["icon"])
@@ -13163,7 +13162,7 @@ const Uf = sn({
       }, 8, ["modelValue", "disabled"])
     ], 14, Zf));
   }
-}, qg = /* @__PURE__ */ Se(Kf, [["__scopeId", "data-v-4f3c63e9"]]), Qf = { class: "flex items-center justify-between" }, Jf = {
+}, qg = /* @__PURE__ */ Se(Kf, [["__scopeId", "data-v-be75f856"]]), Qf = { class: "flex items-center justify-between" }, Jf = {
   key: 0,
   class: "text-lg font-semibold text-slate-900"
 }, _f = {
@@ -13274,7 +13273,7 @@ const Uf = sn({
                 }, {
                   icon: j(() => [
                     P(W, {
-                      icon: O(po),
+                      icon: O(uo),
                       size: "sm"
                     }, null, 8, ["icon"])
                   ]),
@@ -13287,7 +13286,7 @@ const Uf = sn({
                 }, {
                   icon: j(() => [
                     P(W, {
-                      icon: O(zo),
+                      icon: O(xo),
                       size: "sm"
                     }, null, 8, ["icon"])
                   ]),
@@ -13434,7 +13433,7 @@ const Uf = sn({
       "data-sticky": e.sticky,
       "data-fixed": e.fixed
     }, [
-      P(jn, {
+      P(no, {
         size: e.containerSize,
         padding: e.containerPadding
       }, {
@@ -13553,10 +13552,10 @@ const Uf = sn({
   emits: ["close", "opened", "closed", "update:variant"],
   setup(e, { emit: a }) {
     const t = e, l = a, n = [
-      { value: "modal", label: "Модальное окно", icon: Oo },
-      { value: "fullscreen", label: "На весь экран", icon: xo },
+      { value: "modal", label: "Модальное окно", icon: Bo },
+      { value: "fullscreen", label: "На весь экран", icon: mo },
       { value: "sidebar-right", label: "Боковая панель", icon: Ol },
-      { value: "half-right", label: "Половина справа", icon: Xo }
+      { value: "half-right", label: "Половина справа", icon: Ao }
     ], s = (m) => {
       l("update:variant", m);
     }, i = d(() => {
@@ -13613,7 +13612,7 @@ const Uf = sn({
       };
       return `${y[t.backdropColor] || y["slate-900"]} / ${t.backdropOpacity}%)`;
     });
-    return (m, y) => (o(), L(Wa, {
+    return (m, y) => (o(), L(Ua, {
       show: e.open && e.variant !== "half-right",
       blur: e.backdropBlur,
       "background-color": h.value,
@@ -13916,7 +13915,7 @@ const Uf = sn({
       "data-columns": e.columns,
       "data-lightbox": e.lightbox
     }, [
-      e.layout === "grid" ? (o(), L(Nn, {
+      e.layout === "grid" ? (o(), L(Uo, {
         key: 0,
         cols: e.columns,
         "cols-sm": e.columnsSm,
@@ -14217,7 +14216,7 @@ const Uf = sn({
       return {
         info: ol,
         success: Il,
-        warning: Ao,
+        warning: wo,
         error: Pl
       }[X] || ol;
     }
@@ -15234,7 +15233,7 @@ const Uf = sn({
       }, [
         N(m.$slots, "footer")
       ], 2)) : b("", !0),
-      n.value ? (o(), L(Wa, {
+      n.value ? (o(), L(Ua, {
         key: 3,
         show: n.value,
         blur: e.backdropBlur,
@@ -15434,7 +15433,7 @@ const Uf = sn({
       ], 2)) : b("", !0)
     ], 10, Im));
   }
-}, Jg = /* @__PURE__ */ Se(Xm, [["__scopeId", "data-v-67d911c7"]]), Lm = { class: "flex items-center gap-4" }, Om = { class: "flex flex-wrap gap-2" }, _g = {
+}, Jg = /* @__PURE__ */ Se(Xm, [["__scopeId", "data-v-9dde86e5"]]), Lm = { class: "flex items-center gap-4" }, Om = { class: "flex flex-wrap gap-2" }, _g = {
   __name: "DXUserProfileCard",
   props: {
     /**
@@ -16075,15 +16074,15 @@ const Uf = sn({
   },
   setup(e) {
     Cl((n) => ({
-      v62c794a4: e.duration + "ms"
+      v0b496e76: e.duration + "ms"
     }));
     const a = e, t = d(() => a.name !== "fade" ? a.name : a.type), l = d(() => ({
       fade: Pt,
-      "fade-scale": Na,
-      "slide-right": Ra,
-      "slide-left": Ha,
-      "slide-up": qa,
-      "slide-down": Ua
+      "fade-scale": ja,
+      "slide-right": Fa,
+      "slide-left": Na,
+      "slide-up": Ra,
+      "slide-down": Ha
     })[a.type] || Pt);
     return (n, s) => (o(), L(Oe, Qe({
       name: t.value,
@@ -16099,7 +16098,7 @@ const Uf = sn({
       _: 3
     }, 16, ["name", "mode", "appear", "data-type", "data-duration"]));
   }
-}, tv = /* @__PURE__ */ Se(Zm, [["__scopeId", "data-v-6e9901f7"]]), Wm = ["data-breakpoint"], av = {
+}, tv = /* @__PURE__ */ Se(Zm, [["__scopeId", "data-v-e736bc9c"]]), Wm = ["data-breakpoint"], av = {
   __name: "DXBreakpointProvider",
   props: {
     /**
@@ -16296,7 +16295,7 @@ const Uf = sn({
       N(i.$slots, "default", {}, void 0, !0)
     ], 10, Gm));
   }
-}, nv = /* @__PURE__ */ Se(Ym, [["__scopeId", "data-v-5b435655"]]), Km = ["data-theme"], Qm = {
+}, nv = /* @__PURE__ */ Se(Ym, [["__scopeId", "data-v-7116c553"]]), Km = ["data-theme"], Qm = {
   __name: "DXThemeProvider",
   props: {
     /**
@@ -16405,7 +16404,7 @@ const Uf = sn({
       N(w.$slots, "default", {}, void 0, !0)
     ], 10, Km));
   }
-}, ov = /* @__PURE__ */ Se(Qm, [["__scopeId", "data-v-c93da4f5"]]), Jm = {
+}, ov = /* @__PURE__ */ Se(Qm, [["__scopeId", "data-v-ade52433"]]), Jm = {
   __name: "DXTransitionGroup",
   props: {
     /**
@@ -16442,16 +16441,16 @@ const Uf = sn({
   },
   setup(e) {
     Cl((n) => ({
-      a3b2ecf2: e.duration + "ms"
+      v37e563e6: e.duration + "ms"
     }));
     const a = e, t = d(() => a.name !== "fade" ? a.name : a.type), l = d(() => F());
     return d(() => ({
       fade: Pt,
-      "fade-scale": Na,
-      "slide-right": Ra,
-      "slide-left": Ha,
-      "slide-up": qa,
-      "slide-down": Ua
+      "fade-scale": ja,
+      "slide-right": Fa,
+      "slide-left": Na,
+      "slide-up": Ra,
+      "slide-down": Ha
     })[a.type] || Pt), (n, s) => (o(), L(dn, Qe({
       tag: e.tag,
       name: t.value,
@@ -16466,7 +16465,7 @@ const Uf = sn({
       _: 3
     }, 16, ["tag", "name", "class", "data-type", "data-duration"]));
   }
-}, sv = /* @__PURE__ */ Se(Jm, [["__scopeId", "data-v-6e70ea82"]]);
+}, sv = /* @__PURE__ */ Se(Jm, [["__scopeId", "data-v-a13cf31c"]]);
 function rv(e, a) {
   const t = H(!1), l = H(!1), n = () => {
     if (!e.value) return;
@@ -16540,7 +16539,7 @@ const iv = {
   },
   bookmark: {
     activeIcon: cn,
-    inactiveIcon: ko,
+    inactiveIcon: vo,
     activeVariant: "warning",
     inactiveVariant: "ghost",
     iconAnimation: "scale"
@@ -16570,7 +16569,7 @@ const iv = {
   },
   lock: {
     activeIcon: mn,
-    inactiveIcon: Bo,
+    inactiveIcon: Co,
     activeLabel: "Locked",
     inactiveLabel: "Unlocked",
     activeVariant: "danger",
@@ -16579,7 +16578,7 @@ const iv = {
   },
   theme: {
     activeIcon: gn,
-    inactiveIcon: Po,
+    inactiveIcon: Io,
     activeLabel: "Dark",
     inactiveLabel: "Light",
     activeVariant: "primary",
@@ -16588,14 +16587,14 @@ const iv = {
   },
   sound: {
     activeIcon: hn,
-    inactiveIcon: Lo,
+    inactiveIcon: Vo,
     activeVariant: "danger",
     inactiveVariant: "primary",
     iconAnimation: "scale"
   },
   playPause: {
     activeIcon: vn,
-    inactiveIcon: Eo,
+    inactiveIcon: Do,
     activeLabel: "Pause",
     inactiveLabel: "Play",
     activeVariant: "warning",
@@ -16607,7 +16606,7 @@ function pv(e) {
   return xl[e] || xl.favorite;
 }
 export {
-  Un as COLLAPSE_TRANSITION,
+  yn as COLLAPSE_TRANSITION,
   Lg as DXAccordion,
   xg as DXActionButtons,
   Fs as DXAlert,
@@ -16615,11 +16614,11 @@ export {
   Og as DXAppLayout,
   Pg as DXAuthenticationForm,
   la as DXAvatar,
-  Wa as DXBackdrop,
+  Ua as DXBackdrop,
   dt as DXBadge,
   Rr as DXBaseTable,
-  sg as DXBlockquote,
-  cg as DXBox,
+  ag as DXBlockquote,
+  lg as DXBox,
   kg as DXBreadcrumb,
   av as DXBreakpointProvider,
   le as DXButton,
@@ -16629,10 +16628,10 @@ export {
   jg as DXChatInterface,
   xt as DXCheckbox,
   Rl as DXCloseButton,
-  og as DXCode,
+  ng as DXCode,
   Sg as DXComboBox,
   Fg as DXCommentSection,
-  jn as DXContainer,
+  no as DXContainer,
   $g as DXCopyField,
   qg as DXDashboardGrid,
   Ug as DXDashboardWidget,
@@ -16646,22 +16645,22 @@ export {
   Rg as DXEmptyState,
   Dg as DXFileUpload,
   zg as DXFilterGroup,
-  ig as DXFlex,
+  og as DXFlex,
   Re as DXFormControl,
   fa as DXFormLabel,
   Hg as DXFormWizard,
-  Nn as DXGrid,
+  Uo as DXGrid,
   Zg as DXHeaderBar,
-  ag as DXHeading,
+  sg as DXHeading,
   W as DXIcon,
   Ft as DXIconWrapper,
   $e as DXInput,
-  gg as DXInputAddon,
+  dg as DXInputAddon,
   Ag as DXInputGroup,
   Vg as DXInputMask,
-  ng as DXLabel,
+  ug as DXLabel,
   At as DXLink,
-  rg as DXList,
+  cg as DXList,
   Fl as DXLoader,
   Wg as DXMediaGallery,
   wg as DXMenu,
@@ -16672,7 +16671,7 @@ export {
   va as DXPasswordInput,
   lv as DXPortal,
   Nl as DXProgress,
-  ms as DXRadio,
+  cs as DXRadio,
   Bg as DXRadioCard,
   Ig as DXRadioGroup,
   Mg as DXRating,
@@ -16685,10 +16684,10 @@ export {
   Qg as DXSidebar,
   Jg as DXSidebarMenu,
   Va as DXSidebarMenuItem,
-  vg as DXSkeleton,
-  hg as DXSlider,
-  ug as DXSpacer,
-  dg as DXStack,
+  fg as DXSkeleton,
+  mg as DXSlider,
+  gg as DXSpacer,
+  vg as DXStack,
   nv as DXStaggeredAnimation,
   Xu as DXStatCard,
   Qa as DXTable,
@@ -16696,7 +16695,7 @@ export {
   Wd as DXTableToolbar,
   cm as DXTabs,
   xs as DXTags,
-  lg as DXText,
+  hg as DXText,
   Ul as DXTextarea,
   ov as DXThemeProvider,
   Eg as DXTimePicker,
@@ -16708,14 +16707,14 @@ export {
   _g as DXUserProfileCard,
   rl as DXValidationIcon,
   ev as DXWizard,
-  Na as FADE_SCALE_TRANSITION,
+  ja as FADE_SCALE_TRANSITION,
   Pt as FADE_TRANSITION,
-  Ua as SLIDE_DOWN_TRANSITION,
-  Ha as SLIDE_LEFT_TRANSITION,
-  Ra as SLIDE_RIGHT_TRANSITION,
-  qa as SLIDE_UP_TRANSITION,
+  Ha as SLIDE_DOWN_TRANSITION,
+  Na as SLIDE_LEFT_TRANSITION,
+  Fa as SLIDE_RIGHT_TRANSITION,
+  Ra as SLIDE_UP_TRANSITION,
   xl as TOGGLE_PRESETS,
-  Wn as TOOLTIP_CUSTOM_TRANSITION,
+  wn as TOOLTIP_CUSTOM_TRANSITION,
   de as VARIANT_CONFIGS,
   uv as buttonVariantProp,
   fv as disabledProp,
@@ -16725,12 +16724,12 @@ export {
   mv as labelProp,
   gv as placeholderProp,
   iv as sizeProp,
-  Za as useAnimation,
+  qa as useAnimation,
   Al as useAnimationTransition,
-  mg as useBooleanDataAttributes,
+  ig as useBooleanDataAttributes,
   F as useClassComposition,
   jl as useCustomDataAttributes,
-  fg as useDataAttributes,
+  rg as useDataAttributes,
   Hl as useMenu,
   fe as useSize,
   oe as useSpacing,
@@ -16742,17 +16741,17 @@ export {
   Ic as useTableSort,
   rv as useTabsScroll,
   pv as useTogglePreset,
-  zn as useTooltipArrow,
-  Zn as useTooltipCustomTransition,
-  Dn as useTooltipPosition,
+  On as useTooltipArrow,
+  xn as useTooltipCustomTransition,
+  Ln as useTooltipPosition,
   Vl as useTransition,
-  Bn as useVariantBadge,
-  Fa as useVariantButton,
+  Fn as useVariantBadge,
+  Wa as useVariantButton,
   eg as useVariantClasses,
-  yn as useVariantConfig,
-  In as useVariantDropdownItem,
+  Vn as useVariantConfig,
+  Nn as useVariantDropdownItem,
   tg as useVariantIcon,
-  Vn as useVariantToggle,
-  $n as useVariantTooltip,
+  jn as useVariantToggle,
+  Xn as useVariantTooltip,
   dv as variantProp
 };