@dronico/droni-kit 1.23.0 → 1.24.1

package/dist/droni-kit.es.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Pe, defineComponent as L, computed as k, openBlock as t, createBlock as W, resolveDynamicComponent as Q, mergeProps as O, withCtx as A, renderSlot as T, createElementBlock as a, ref as F, watch as re, normalizeClass as c, createElementVNode as p, withModifiers as R, toDisplayString as j, createCommentVNode as $, Fragment as E, renderList as K, createTextVNode as P, withDirectives as xe, vShow as he, useSlots as we, unref as Z, createVNode as J, onMounted as be, onBeforeUnmount as pe, Teleport as me, Transition as ne, normalizeStyle as ae, nextTick as ue, withKeys as ye, reactive as ze, readonly as Ie, TransitionGroup as Ae } from "vue";
+import { getCurrentInstance as Pe, defineComponent as L, computed as k, openBlock as t, createBlock as W, resolveDynamicComponent as Q, mergeProps as O, withCtx as A, renderSlot as _, createElementBlock as a, ref as F, watch as ae, normalizeClass as c, createElementVNode as m, withModifiers as R, toDisplayString as j, createCommentVNode as $, Fragment as E, renderList as K, createTextVNode as P, withDirectives as xe, vShow as he, useSlots as we, unref as Z, createVNode as J, onMounted as be, onBeforeUnmount as pe, Teleport as me, Transition as ne, normalizeStyle as te, nextTick as ue, withKeys as ye, reactive as ze, readonly as Ie, TransitionGroup as Ae } from "vue";
 function Ee() {
   try {
     const d = Pe(), r = d == null ? void 0 : d.appContext.app;
@@ -41,8 +41,8 @@ const We = { key: 1 }, Oe = `
   },
   setup(d) {
     const r = d, e = k(() => se(r.to)), u = k(() => {
-      const l = {};
-      return e.value === "button" && (l.type = r.type), fe(r.to, e.value, l);
+      const i = {};
+      return e.value === "button" && (i.type = r.type), fe(r.to, e.value, i);
     }), f = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
@@ -54,7 +54,7 @@ const We = { key: 1 }, Oe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, z = {
+    }, w = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -226,18 +226,18 @@ const We = { key: 1 }, Oe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, v = k(() => {
+    }, h = k(() => {
       var S;
-      const l = (((S = z[r.variant]) == null ? void 0 : S[r.color]) || "") + " " + z[r.variant].base, b = f[r.size] || "", x = r.block ? "dk:w-full" : "", y = n[r.rounded] || "";
-      return [Oe, l, b, x, y].join(" ");
+      const i = (((S = w[r.variant]) == null ? void 0 : S[r.color]) || "") + " " + w[r.variant].base, p = f[r.size] || "", x = r.block ? "dk:w-full" : "", v = n[r.rounded] || "";
+      return [Oe, i, p, x, v].join(" ");
     });
-    return (l, b) => (t(), W(Q(e.value), O(u.value, {
-      class: v.value,
+    return (i, p) => (t(), W(Q(e.value), O(u.value, {
+      class: h.value,
       title: r.title,
       disabled: r.disabled || r.loading
     }), {
       default: A(() => [
-        r.loading ? (t(), a("span", We, "Cargando...")) : T(l.$slots, "default", {}, void 0, void 0, 0)
+        r.loading ? (t(), a("span", We, "Cargando...")) : _(i.$slots, "default", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
@@ -277,19 +277,19 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open-browser", "upload-file", "open-file"],
   setup(d, { emit: r }) {
-    const e = d, u = r, f = F(null), n = F(""), z = {
+    const e = d, u = r, f = F(null), n = F(""), w = {
       sm: "dk:gap-1 dk:px-2 dk:py-1",
       md: "dk:gap-2 dk:px-3 dk:py-2",
       lg: "dk:gap-3 dk:px-4 dk:py-3"
-    }, v = {
+    }, h = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
       left: "dk:rounded-l-xl",
       right: "dk:rounded-r-xl",
       none: "dk:rounded-none"
-    }, l = k(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), b = k(() => {
-      const o = z[e.size] || z.md, s = v[e.rounded] || v.all;
+    }, i = k(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), p = k(() => {
+      const o = w[e.size] || w.md, s = h[e.rounded] || h.all;
       return [
         "dk:flex dk:w-full dk:flex-col dk:items-stretch dk:justify-between dk:border-b dk:border-zinc-300 dk:bg-zinc-50 dk:text-zinc-800 dk:shadow-sm dk:transition-colors",
         "dk:dark:border-zinc-600 dk:dark:bg-zinc-800 dk:dark:text-zinc-100",
@@ -297,60 +297,60 @@ const We = { key: 1 }, Oe = `
         o,
         s
       ].join(" ");
-    }), x = k(() => "dk:min-w-0 dk:flex-1"), y = k(() => [
+    }), x = k(() => "dk:min-w-0 dk:flex-1"), v = k(() => [
       "dk:flex dk:flex-col dk:gap-2 dk:w-full",
       "dk:sm:w-auto dk:sm:flex-row dk:sm:items-center dk:sm:justify-end"
     ].join(" ")), S = k(() => [
       "dk:mt-1 dk:max-w-full dk:overflow-hidden dk:text-ellipsis dk:whitespace-nowrap dk:text-sm",
       e.modelValue || n.value ? "dk:text-zinc-900 dk:dark:text-zinc-100" : "dk:text-zinc-500 dk:dark:text-zinc-400"
-    ].join(" ")), M = k(() => n.value ? n.value : e.modelValue ? h(e.modelValue) : "No hay archivo seleccionado");
-    re(
+    ].join(" ")), B = k(() => n.value ? n.value : e.modelValue ? C(e.modelValue) : "No hay archivo seleccionado");
+    ae(
       () => e.modelValue,
       (o) => {
         o && (n.value = "");
       }
     );
-    function h(o) {
+    function C(o) {
       const s = o.split("/");
       return s[s.length - 1];
     }
-    function m() {
+    function b() {
       u("open-browser");
     }
-    function i() {
+    function l() {
       var o;
       (o = f.value) == null || o.click();
     }
     function g(o) {
-      var B;
-      const s = o.target, C = (B = s.files) == null ? void 0 : B[0];
-      C && (n.value = C.name, u("upload-file", C), w(s));
+      var D;
+      const s = o.target, z = (D = s.files) == null ? void 0 : D[0];
+      z && (n.value = z.name, u("upload-file", z), y(s));
     }
-    function w(o) {
+    function y(o) {
       o.value = "";
     }
     return (o, s) => (t(), a("div", {
-      class: c(l.value)
+      class: c(i.value)
     }, [
-      p("div", {
-        class: c(b.value)
+      m("div", {
+        class: c(p.value)
       }, [
-        p("div", {
+        m("div", {
           class: c(x.value)
         }, [
           e.modelValue ?? n.value ? (t(), a("p", {
             key: 0,
             class: c(S.value)
           }, [
-            p("a", {
+            m("a", {
               href: "#",
-              onClick: s[0] || (s[0] = R((C) => u("open-file", e.modelValue ?? n.value), ["prevent"])),
+              onClick: s[0] || (s[0] = R((z) => u("open-file", e.modelValue ?? n.value), ["prevent"])),
               class: "dk:ml-2 dk:text-pink-500 dk:underline dk:transition-colors dk:hover:text-pink-800 dk:dark:text-pink-400 dk:dark:hover:text-pink-300"
-            }, j(M.value), 1)
+            }, j(B.value), 1)
           ], 2)) : $("", !0)
         ], 2),
-        p("div", {
-          class: c(y.value)
+        m("div", {
+          class: c(v.value)
         }, [
           e.browserBtn ? (t(), W(oe, {
             key: 0,
@@ -359,10 +359,10 @@ const We = { key: 1 }, Oe = `
             size: "sm",
             block: !1,
             title: "Abrir navegador de archivos",
-            onClick: m
+            onClick: b
           }, {
             default: A(() => [...s[1] || (s[1] = [
-              p("i", {
+              m("i", {
                 class: "mdi mdi-folder-search-outline",
                 "aria-hidden": "true"
               }, null, -1)
@@ -376,10 +376,10 @@ const We = { key: 1 }, Oe = `
             size: "sm",
             block: !1,
             title: "Subir nuevo archivo",
-            onClick: i
+            onClick: l
           }, {
             default: A(() => [...s[2] || (s[2] = [
-              p("i", {
+              m("i", {
                 class: "mdi mdi-upload",
                 "aria-hidden": "true"
               }, null, -1)
@@ -388,7 +388,7 @@ const We = { key: 1 }, Oe = `
           })) : $("", !0)
         ], 2)
       ], 2),
-      p("input", {
+      m("input", {
         ref_key: "fileInputRef",
         ref: f,
         type: "file",
@@ -434,29 +434,29 @@ const We = { key: 1 }, Oe = `
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
     const e = d, u = r;
-    function f(l) {
-      const b = l.target;
-      u("update:modelValue", b.value);
+    function f(i) {
+      const p = i.target;
+      u("update:modelValue", p.value);
     }
     const n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, z = {
+    }, w = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = k(() => {
-      const l = n[e.size] || "", b = e.block ? "dk:w-full" : "", x = z[e.rounded] || "";
-      return [Ke, l, b, x].join(" ");
+    }, h = k(() => {
+      const i = n[e.size] || "", p = e.block ? "dk:w-full" : "", x = w[e.rounded] || "";
+      return [Ke, i, p, x].join(" ");
     });
-    return (l, b) => (t(), a("input", O({
-      class: v.value,
+    return (i, p) => (t(), a("input", O({
+      class: h.value,
       value: d.modelValue
-    }, l.$attrs, { onInput: f }), null, 16, Fe));
+    }, i.$attrs, { onInput: f }), null, 16, Fe));
   }
 }), qe = ["value"], Ue = `
   dk:border-b
@@ -503,33 +503,33 @@ const We = { key: 1 }, Oe = `
   setup(d, { emit: r }) {
     const e = d, u = r;
     function f(x) {
-      const y = x.target;
-      e.autoheight && b(y), u("update:modelValue", y.value);
+      const v = x.target;
+      e.autoheight && p(v), u("update:modelValue", v.value);
     }
     const n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-3 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, z = {
+    }, w = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = {
+    }, h = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, l = k(() => {
-      const x = n[e.size] || "", y = e.block ? "dk:w-full" : "", S = z[e.rounded] || "", M = v[e.resize] || "";
-      return [Ue, x, y, S, M].join(" ");
-    }), b = (x) => {
+    }, i = k(() => {
+      const x = n[e.size] || "", v = e.block ? "dk:w-full" : "", S = w[e.rounded] || "", B = h[e.resize] || "";
+      return [Ue, x, v, S, B].join(" ");
+    }), p = (x) => {
       x.style.height = "auto", x.style.height = `${x.scrollHeight + 5}px`;
     };
-    return (x, y) => (t(), a("textarea", O(x.$attrs, {
-      class: l.value,
+    return (x, v) => (t(), a("textarea", O(x.$attrs, {
+      class: i.value,
       value: d.modelValue,
       onInput: f
     }), null, 16, qe));
@@ -592,32 +592,32 @@ const We = { key: 1 }, Oe = `
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
     const e = d, u = r;
-    function f(l) {
-      const x = l.target.value, y = Number(x);
-      !isNaN(y) && x !== "" ? u("update:modelValue", y) : u("update:modelValue", x);
+    function f(i) {
+      const x = i.target.value, v = Number(x);
+      !isNaN(v) && x !== "" ? u("update:modelValue", v) : u("update:modelValue", x);
     }
     const n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, z = {
+    }, w = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = k(() => {
-      const l = n[e.size] || "", b = e.block ? "dk:w-full" : "", x = z[e.rounded] || "";
-      return [Ge, l, b, x].join(" ");
+    }, h = k(() => {
+      const i = n[e.size] || "", p = e.block ? "dk:w-full" : "", x = w[e.rounded] || "";
+      return [Ge, i, p, x].join(" ");
     });
-    return (l, b) => (t(), a("select", O(l.$attrs, {
-      class: v.value,
+    return (i, p) => (t(), a("select", O(i.$attrs, {
+      class: h.value,
       onChange: f
     }), [
       d.placeholder ? (t(), a("option", He, j(d.placeholder), 1)) : $("", !0),
-      (t(!0), a(E, null, K(d.options, (x, y) => (t(), a("option", {
-        key: y,
+      (t(!0), a(E, null, K(d.options, (x, v) => (t(), a("option", {
+        key: v,
         value: x[d.itemValue] ?? "",
         selected: x[d.itemValue] == d.modelValue
       }, j(x[d.itemLabel] ?? ""), 9, Qe))), 128))
@@ -667,21 +667,21 @@ const We = { key: 1 }, Oe = `
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, z = k(() => [Ye].join(" ")), v = k(() => {
-      const x = u[e.size] || u.m, y = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", S = e.helpText ? "dk:cursor-help" : "";
-      return [y, x, S].join(" ");
-    }), l = k(() => [f[e.size] || f.m].join(" ")), b = k(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", n[e.size] || n.m].join(" "));
-    return (x, y) => (t(), a("label", {
-      class: c(z.value)
+    }, w = k(() => [Ye].join(" ")), h = k(() => {
+      const x = u[e.size] || u.m, v = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", S = e.helpText ? "dk:cursor-help" : "";
+      return [v, x, S].join(" ");
+    }), i = k(() => [f[e.size] || f.m].join(" ")), p = k(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", n[e.size] || n.m].join(" "));
+    return (x, v) => (t(), a("label", {
+      class: c(w.value)
     }, [
       d.title ? (t(), a("div", {
         key: 0,
         class: "dk:relative",
-        onMouseenter: y[0] || (y[0] = (S) => r.value = !!d.helpText),
-        onMouseleave: y[1] || (y[1] = (S) => r.value = !1)
+        onMouseenter: v[0] || (v[0] = (S) => r.value = !!d.helpText),
+        onMouseleave: v[1] || (v[1] = (S) => r.value = !1)
       }, [
-        p("div", {
-          class: c(v.value)
+        m("div", {
+          class: c(h.value)
         }, [
           d.icon ? (t(), a("i", {
             key: 0,
@@ -690,23 +690,23 @@ const We = { key: 1 }, Oe = `
           P(" " + j(d.title) + " ", 1),
           d.required ? (t(), a("span", Je, "*")) : $("", !0)
         ], 2),
-        xe(p("div", Xe, [
+        xe(m("div", Xe, [
           P(j(d.helpText) + " ", 1),
-          y[2] || (y[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+          v[2] || (v[2] = m("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
           [he, r.value && d.helpText]
         ])
       ], 32)) : $("", !0),
-      p("div", {
-        class: c(l.value)
+      m("div", {
+        class: c(i.value)
       }, [
-        T(x.$slots, "default", {}, void 0, !0)
+        _(x.$slots, "default", {}, void 0, !0)
       ], 2),
       d.error ? (t(), a("div", {
         key: 1,
-        class: c(b.value)
+        class: c(p.value)
       }, [
-        y[3] || (y[3] = p("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
+        v[3] || (v[3] = m("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
         P(" " + j(d.error), 1)
       ], 2)) : $("", !0)
     ], 2));
@@ -771,88 +771,88 @@ const We = { key: 1 }, Oe = `
         thumb: "dk:w-5 dk:h-5",
         translate: "dk:peer-checked:translate-x-7"
       }
-    }, z = {
+    }, w = {
       all: "dk:rounded-full",
       top: "dk:rounded-t-full",
       bottom: "dk:rounded-b-full",
       left: "dk:rounded-l-full",
       right: "dk:rounded-r-full",
       none: "dk:rounded-none"
-    }, v = {
+    }, h = {
       neutral: "dk:peer-checked:bg-zinc-500 dk:peer-checked:dark:bg-zinc-500",
       primary: "dk:peer-checked:bg-slate-600 dk:peer-checked:dark:bg-slate-500",
       secondary: "dk:peer-checked:bg-pink-600 dk:peer-checked:dark:bg-pink-500",
       success: "dk:peer-checked:bg-emerald-600 dk:peer-checked:dark:bg-emerald-500",
       warning: "dk:peer-checked:bg-amber-500 dk:peer-checked:dark:bg-amber-400",
       danger: "dk:peer-checked:bg-rose-600 dk:peer-checked:dark:bg-rose-500"
-    }, l = k(() => !!(e.label || f.default)), b = k(() => {
-      const h = e.block ? "dk:w-full dk:justify-between" : "", m = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
-      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", h, m].join(" ");
+    }, i = k(() => !!(e.label || f.default)), p = k(() => {
+      const C = e.block ? "dk:w-full dk:justify-between" : "", b = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", C, b].join(" ");
     }), x = k(() => [
       "dk:text-sm dk:leading-none dk:text-zinc-700 dk:dark:text-zinc-200",
       e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
-    ].join(" ")), y = k(() => {
-      const h = n[e.size] || n.md, m = z[e.rounded] || z.all, i = v[e.color] || v.primary;
+    ].join(" ")), v = k(() => {
+      const C = n[e.size] || n.md, b = w[e.rounded] || w.all, l = h[e.color] || h.primary;
       return [
         "dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
         "dk:bg-zinc-300 dk:dark:bg-zinc-700",
         "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
         "dk:peer-disabled:opacity-70",
-        h.track,
-        m,
-        i
+        C.track,
+        b,
+        l
       ].join(" ");
     }), S = k(() => {
-      const h = n[e.size] || n.md;
+      const C = n[e.size] || n.md;
       return [
         "dk:absolute dk:left-1 dk:top-1/2 dk:-translate-y-1/2",
         "dk:bg-white dk:dark:bg-zinc-100",
         "dk:rounded-full dk:shadow-sm dk:transition-transform dk:duration-200",
         "dk:pointer-events-none",
-        h.thumb,
-        h.translate
+        C.thumb,
+        C.translate
       ].join(" ");
     });
-    function M(h) {
-      const m = h.target;
-      u("update:modelValue", m.checked);
+    function B(C) {
+      const b = C.target;
+      u("update:modelValue", b.checked);
     }
-    return (h, m) => (t(), a("label", {
-      class: c(b.value)
+    return (C, b) => (t(), a("label", {
+      class: c(p.value)
     }, [
-      l.value && d.labelPosition === "left" ? (t(), a("span", {
+      i.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
         class: c(x.value)
       }, [
-        T(h.$slots, "default", {}, () => [
+        _(C.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ])
       ], 2)) : $("", !0),
-      p("span", Re, [
-        p("input", O({
+      m("span", Re, [
+        m("input", O({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
           checked: d.modelValue,
           disabled: d.disabled
-        }, h.$attrs, { onChange: M }), null, 16, ed),
-        p("span", {
-          class: c(y.value)
+        }, C.$attrs, { onChange: B }), null, 16, ed),
+        m("span", {
+          class: c(v.value)
         }, null, 2),
-        p("span", {
+        m("span", {
           class: c(S.value)
         }, null, 2)
       ]),
-      l.value && d.labelPosition === "right" ? (t(), a("span", {
+      i.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
         class: c(x.value)
       }, [
-        T(h.$slots, "default", {}, () => [
+        _(C.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ])
       ], 2)) : $("", !0)
     ], 2));
   }
-}), dd = ["aria-labelledby"], td = ["id"], rd = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, ad = ["name", "value", "checked", "disabled", "onChange"], _t = /* @__PURE__ */ L({
+}), dd = ["aria-labelledby"], td = ["id"], rd = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, ad = ["name", "value", "checked", "disabled", "onChange"], Tt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiRadio",
   props: {
@@ -869,41 +869,41 @@ const We = { key: 1 }, Oe = `
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
     const e = d, u = r, f = Math.random().toString(36).slice(2, 8);
-    function n(w) {
-      u("update:modelValue", w), u("change", w);
+    function n(y) {
+      u("update:modelValue", y), u("change", y);
     }
-    const z = {
+    const w = {
       sm: { radio: "dk:w-3.5 dk:h-3.5", dot: "dk:w-1.5 dk:h-1.5", label: "dk:text-xs", description: "dk:text-xs" },
       md: { radio: "dk:w-4 dk:h-4", dot: "dk:w-2 dk:h-2", label: "dk:text-sm", description: "dk:text-xs" },
       lg: { radio: "dk:w-5 dk:h-5", dot: "dk:w-2.5 dk:h-2.5", label: "dk:text-base", description: "dk:text-sm" }
-    }, v = {
+    }, h = {
       neutral: "dk:peer-checked:border-zinc-600 dk:dark:peer-checked:border-zinc-400",
       primary: "dk:peer-checked:border-slate-600 dk:dark:peer-checked:border-slate-400",
       secondary: "dk:peer-checked:border-pink-600 dk:dark:peer-checked:border-pink-400",
       success: "dk:peer-checked:border-emerald-600 dk:dark:peer-checked:border-emerald-400",
       warning: "dk:peer-checked:border-amber-500 dk:dark:peer-checked:border-amber-400",
       danger: "dk:peer-checked:border-rose-600 dk:dark:peer-checked:border-rose-400"
-    }, l = {
+    }, i = {
       neutral: "dk:peer-checked:bg-zinc-600 dk:dark:peer-checked:bg-zinc-400",
       primary: "dk:peer-checked:bg-slate-600 dk:dark:peer-checked:bg-slate-400",
       secondary: "dk:peer-checked:bg-pink-600 dk:dark:peer-checked:bg-pink-400",
       success: "dk:peer-checked:bg-emerald-600 dk:dark:peer-checked:bg-emerald-400",
       warning: "dk:peer-checked:bg-amber-500 dk:dark:peer-checked:bg-amber-400",
       danger: "dk:peer-checked:bg-rose-600 dk:dark:peer-checked:bg-rose-400"
-    }, b = {
+    }, p = {
       neutral: "dk:peer-focus-visible:ring-zinc-400",
       primary: "dk:peer-focus-visible:ring-slate-400",
       secondary: "dk:peer-focus-visible:ring-pink-400",
       success: "dk:peer-focus-visible:ring-emerald-400",
       warning: "dk:peer-focus-visible:ring-amber-400",
       danger: "dk:peer-focus-visible:ring-rose-400"
-    }, x = k(() => [e.orientation === "horizontal" ? "dk:flex dk:flex-row dk:flex-wrap dk:gap-x-5 dk:gap-y-3" : "dk:flex dk:flex-col dk:gap-3"].join(" ")), y = k(() => "dk:block dk:text-xs dk:font-semibold dk:uppercase dk:tracking-wide dk:text-zinc-500 dk:dark:text-zinc-400 dk:mb-1");
-    function S(w, o) {
-      const C = o || e.disabled ? "dk:opacity-50 dk:cursor-not-allowed" : "dk:cursor-pointer", B = e.block ? "dk:w-full dk:justify-between" : "";
-      return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", C, B].join(" ");
+    }, x = k(() => [e.orientation === "horizontal" ? "dk:flex dk:flex-row dk:flex-wrap dk:gap-x-5 dk:gap-y-3" : "dk:flex dk:flex-col dk:gap-3"].join(" ")), v = k(() => "dk:block dk:text-xs dk:font-semibold dk:uppercase dk:tracking-wide dk:text-zinc-500 dk:dark:text-zinc-400 dk:mb-1");
+    function S(y, o) {
+      const z = o || e.disabled ? "dk:opacity-50 dk:cursor-not-allowed" : "dk:cursor-pointer", D = e.block ? "dk:w-full dk:justify-between" : "";
+      return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", z, D].join(" ");
     }
-    function M(w) {
-      const o = z[e.size], s = v[e.color], C = b[e.color];
+    function B(y) {
+      const o = w[e.size], s = h[e.color], z = p[e.color];
       return [
         "dk:rounded-full dk:border-2 dk:transition-colors dk:duration-150",
         "dk:border-zinc-300 dk:dark:border-zinc-600",
@@ -911,18 +911,18 @@ const We = { key: 1 }, Oe = `
         "dk:bg-white dk:dark:bg-zinc-900",
         o.radio,
         s,
-        C
+        z
       ].join(" ");
     }
-    const h = k(() => {
-      const w = z[e.size], o = l[e.color];
+    const C = k(() => {
+      const y = w[e.size], o = i[e.color];
       return [
         "dk:absolute dk:inset-0 dk:m-auto dk:rounded-full dk:scale-0 dk:peer-checked:scale-100 dk:transition-transform dk:duration-150 dk:pointer-events-none",
-        w.dot,
+        y.dot,
         o
       ].join(" ");
-    }), m = k(() => "dk:flex dk:flex-col"), i = k(() => [z[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), g = k(() => [z[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
-    return (w, o) => (t(), a("div", {
+    }), b = k(() => "dk:flex dk:flex-col"), l = k(() => [w[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), g = k(() => [w[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
+    return (y, o) => (t(), a("div", {
       class: c(x.value),
       role: "radiogroup",
       "aria-labelledby": d.groupLabel ? `rg-label-${Z(f)}` : void 0
@@ -930,35 +930,35 @@ const We = { key: 1 }, Oe = `
       d.groupLabel ? (t(), a("span", {
         key: 0,
         id: `rg-label-${Z(f)}`,
-        class: c(y.value)
+        class: c(v.value)
       }, j(d.groupLabel), 11, td)) : $("", !0),
       (t(!0), a(E, null, K(d.options, (s) => (t(), a("label", {
         key: s.value,
         class: c(S(s.value, s.disabled))
       }, [
-        p("span", rd, [
-          p("input", O({
+        m("span", rd, [
+          m("input", O({
             type: "radio",
             class: "dk:sr-only dk:peer",
             name: d.name,
             value: s.value,
             checked: d.modelValue === s.value,
             disabled: s.disabled || d.disabled
-          }, { ref_for: !0 }, w.$attrs, {
-            onChange: (C) => n(s.value)
+          }, { ref_for: !0 }, y.$attrs, {
+            onChange: (z) => n(s.value)
           }), null, 16, ad),
-          p("span", {
-            class: c(M(s.value))
+          m("span", {
+            class: c(B(s.value))
           }, null, 2),
-          p("span", {
-            class: c(h.value)
+          m("span", {
+            class: c(C.value)
           }, null, 2)
         ]),
-        p("span", {
-          class: c(m.value)
+        m("span", {
+          class: c(b.value)
         }, [
-          p("span", {
-            class: c(i.value)
+          m("span", {
+            class: c(l.value)
           }, j(s.label), 3),
           s.description ? (t(), a("span", {
             key: 0,
@@ -1040,61 +1040,61 @@ const We = { key: 1 }, Oe = `
         translate: "dk:peer-checked:translate-x-6",
         offset: "dk:top-0.5 dk:left-0.5"
       }
-    }, z = {
+    }, w = {
       neutral: "dk:peer-checked:bg-zinc-600 dk:dark:peer-checked:bg-zinc-500",
       primary: "dk:peer-checked:bg-slate-600 dk:dark:peer-checked:bg-slate-500",
       secondary: "dk:peer-checked:bg-pink-600 dk:dark:peer-checked:bg-pink-500",
       success: "dk:peer-checked:bg-emerald-600 dk:dark:peer-checked:bg-emerald-500",
       warning: "dk:peer-checked:bg-amber-500 dk:dark:peer-checked:bg-amber-400",
       danger: "dk:peer-checked:bg-rose-600 dk:dark:peer-checked:bg-rose-500"
-    }, v = k(() => !!(e.label || f.default)), l = k(() => {
-      const i = e.block ? "dk:w-full dk:justify-between" : "", g = e.block ? "dk:flex" : "dk:inline-flex", w = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
-      return [g, "dk:items-center dk:gap-3 dk:select-none", i, w].join(" ");
-    }), b = k(() => [
+    }, h = k(() => !!(e.label || f.default)), i = k(() => {
+      const l = e.block ? "dk:w-full dk:justify-between" : "", g = e.block ? "dk:flex" : "dk:inline-flex", y = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return [g, "dk:items-center dk:gap-3 dk:select-none", l, y].join(" ");
+    }), p = k(() => [
       "dk:flex dk:flex-col",
       "dk:text-sm dk:leading-snug dk:text-zinc-700 dk:dark:text-zinc-200",
       e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
-    ].join(" ")), x = k(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), y = k(() => {
-      const i = n[e.size], g = z[e.color];
+    ].join(" ")), x = k(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), v = k(() => {
+      const l = n[e.size], g = w[e.color];
       return [
         "dk:relative dk:inline-flex dk:items-center dk:transition-colors dk:duration-200 dk:rounded-full",
         "dk:bg-zinc-300 dk:dark:bg-zinc-600",
         "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
         "dk:peer-disabled:opacity-70",
-        i.track,
+        l.track,
         g
       ].join(" ");
     }), S = k(() => {
-      const i = n[e.size];
+      const l = n[e.size];
       return [
         "dk:absolute",
-        i.offset,
+        l.offset,
         "dk:bg-white dk:dark:bg-zinc-100",
         "dk:rounded-full dk:shadow-sm dk:transition-all dk:duration-200",
         "dk:pointer-events-none dk:flex dk:items-center dk:justify-center",
-        i.thumb,
-        i.translate
+        l.thumb,
+        l.translate
       ].join(" ");
-    }), M = {
+    }), B = {
       neutral: "dk:text-zinc-600 dk:dark:text-zinc-400",
       primary: "dk:text-slate-600 dk:dark:text-slate-400",
       secondary: "dk:text-pink-600 dk:dark:text-pink-400",
       success: "dk:text-emerald-600 dk:dark:text-emerald-400",
       warning: "dk:text-amber-600 dk:dark:text-amber-400",
       danger: "dk:text-rose-600 dk:dark:text-rose-400"
-    }, h = k(() => e.modelValue ? M[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
-    function m(i) {
-      const g = i.target;
+    }, C = k(() => e.modelValue ? B[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
+    function b(l) {
+      const g = l.target;
       u("update:modelValue", g.checked), u("change", g.checked);
     }
-    return (i, g) => (t(), a("label", {
-      class: c(l.value)
+    return (l, g) => (t(), a("label", {
+      class: c(i.value)
     }, [
-      v.value && d.labelPosition === "left" ? (t(), a("span", {
+      h.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
-        class: c(b.value)
+        class: c(p.value)
       }, [
-        T(i.$slots, "default", {}, () => [
+        _(l.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
@@ -1102,28 +1102,28 @@ const We = { key: 1 }, Oe = `
           class: c(x.value)
         }, j(d.description), 3)) : $("", !0)
       ], 2)) : $("", !0),
-      p("span", od, [
-        p("input", O({
+      m("span", od, [
+        m("input", O({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
           role: "switch",
           "aria-checked": d.modelValue,
           checked: d.modelValue,
           disabled: d.disabled
-        }, i.$attrs, { onChange: m }), null, 16, kd),
-        p("span", {
-          class: c(y.value)
+        }, l.$attrs, { onChange: b }), null, 16, kd),
+        m("span", {
+          class: c(v.value)
         }, null, 2),
-        p("span", {
+        m("span", {
           class: c(S.value)
         }, [
           d.showIcons ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: c(h.value)
+            class: c(C.value)
           }, [
             d.modelValue ? (t(), a("svg", nd, [...g[0] || (g[0] = [
-              p("path", {
+              m("path", {
                 d: "M3.5 6.5l2 2 3-3",
                 stroke: "currentColor",
                 "stroke-width": "1.5",
@@ -1132,7 +1132,7 @@ const We = { key: 1 }, Oe = `
                 fill: "none"
               }, null, -1)
             ])])) : (t(), a("svg", sd, [...g[1] || (g[1] = [
-              p("line", {
+              m("line", {
                 x1: "3",
                 y1: "3",
                 x2: "9",
@@ -1141,7 +1141,7 @@ const We = { key: 1 }, Oe = `
                 "stroke-width": "1.5",
                 "stroke-linecap": "round"
               }, null, -1),
-              p("line", {
+              m("line", {
                 x1: "9",
                 y1: "3",
                 x2: "3",
@@ -1154,11 +1154,11 @@ const We = { key: 1 }, Oe = `
           ], 2)) : $("", !0)
         ], 2)
       ]),
-      v.value && d.labelPosition === "right" ? (t(), a("span", {
+      h.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
-        class: c(b.value)
+        class: c(p.value)
       }, [
-        T(i.$slots, "default", {}, () => [
+        _(l.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
@@ -1174,7 +1174,7 @@ const We = { key: 1 }, Oe = `
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Tt = /* @__PURE__ */ L({
+`, _t = /* @__PURE__ */ L({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -1227,15 +1227,15 @@ const We = { key: 1 }, Oe = `
         danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
       }
     }, f = k(() => {
-      var l;
-      const n = ((l = u[r.variant]) == null ? void 0 : l[r.color]) || "", z = u[r.variant].base || "", v = e[r.rounded] || "";
-      return [id, z, n, v].join(" ");
+      var i;
+      const n = ((i = u[r.variant]) == null ? void 0 : i[r.color]) || "", w = u[r.variant].base || "", h = e[r.rounded] || "";
+      return [id, w, n, h].join(" ");
     });
-    return (n, z) => (t(), a("div", {
+    return (n, w) => (t(), a("div", {
       class: c(f.value),
       role: "alert"
     }, [
-      T(n.$slots, "default")
+      _(n.$slots, "default")
     ], 2));
   }
 }), cd = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, ud = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, bd = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, pd = { key: 0 }, md = ["colspan"], fd = {
@@ -1265,86 +1265,86 @@ const We = { key: 1 }, Oe = `
   setup(d, { emit: r }) {
     const e = d, u = r, f = k(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), n = k(() => {
       if (!e.pagination) return [];
-      const v = [], l = 5, { page: b } = e.pagination, x = f.value;
-      let y = Math.max(1, b - Math.floor(l / 2)), S = Math.min(x, y + l - 1);
-      S - y < l - 1 && (y = Math.max(1, S - l + 1));
-      for (let M = y; M <= S; M++)
-        v.push(M);
-      return v;
-    }), z = (v) => {
-      e.pagination && v >= 1 && v <= f.value && u("paginate", v);
+      const h = [], i = 5, { page: p } = e.pagination, x = f.value;
+      let v = Math.max(1, p - Math.floor(i / 2)), S = Math.min(x, v + i - 1);
+      S - v < i - 1 && (v = Math.max(1, S - i + 1));
+      for (let B = v; B <= S; B++)
+        h.push(B);
+      return h;
+    }), w = (h) => {
+      e.pagination && h >= 1 && h <= f.value && u("paginate", h);
     };
-    return (v, l) => (t(), a("div", cd, [
-      p("table", ud, [
-        p("thead", bd, [
-          p("tr", null, [
-            (t(!0), a(E, null, K(e.columns, (b) => (t(), a("th", {
-              key: b.name,
-              class: c(["dk:px-6 dk:py-3", b.classes])
-            }, j(b.label), 3))), 128))
+    return (h, i) => (t(), a("div", cd, [
+      m("table", ud, [
+        m("thead", bd, [
+          m("tr", null, [
+            (t(!0), a(E, null, K(e.columns, (p) => (t(), a("th", {
+              key: p.name,
+              class: c(["dk:px-6 dk:py-3", p.classes])
+            }, j(p.label), 3))), 128))
           ]),
           e.loading ? (t(), a("tr", pd, [
-            p("td", {
+            m("td", {
               colspan: e.columns.length,
               class: "dk:p-0"
-            }, [...l[2] || (l[2] = [
-              p("div", { class: "loading-bar" }, null, -1)
+            }, [...i[2] || (i[2] = [
+              m("div", { class: "loading-bar" }, null, -1)
             ])], 8, md)
           ])) : $("", !0)
         ]),
-        p("tbody", {
+        m("tbody", {
           class: c({ "is-loading": e.loading })
         }, [
-          (t(!0), a(E, null, K(e.rows, (b, x) => (t(), a("tr", {
+          (t(!0), a(E, null, K(e.rows, (p, x) => (t(), a("tr", {
             key: x,
             class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
           }, [
-            (t(!0), a(E, null, K(e.columns, (y) => (t(), a("td", {
-              key: y.name,
+            (t(!0), a(E, null, K(e.columns, (v) => (t(), a("td", {
+              key: v.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              T(v.$slots, y.name, O({ ref_for: !0 }, b), () => [
-                P(j(b[y.name]), 1)
+              _(h.$slots, v.name, O({ ref_for: !0 }, p), () => [
+                P(j(p[v.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ], 2),
         e.pagination ? (t(), a("tfoot", fd, [
-          p("tr", null, [
-            p("td", {
+          m("tr", null, [
+            m("td", {
               colspan: e.columns.length,
               class: "dk:px-6 dk:py-4"
             }, [
-              p("div", xd, [
-                p("div", hd, " Página " + j(e.pagination.page) + " de " + j(f.value) + " | " + j(e.pagination.total) + " registros ", 1),
-                p("div", vd, [
+              m("div", xd, [
+                m("div", hd, " Página " + j(e.pagination.page) + " de " + j(f.value) + " | " + j(e.pagination.total) + " registros ", 1),
+                m("div", vd, [
                   J(oe, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: l[0] || (l[0] = (b) => z(e.pagination.page - 1)),
+                    onClick: i[0] || (i[0] = (p) => w(e.pagination.page - 1)),
                     disabled: e.pagination.page === 1
                   }, {
-                    default: A(() => [...l[3] || (l[3] = [
+                    default: A(() => [...i[3] || (i[3] = [
                       P(" ← Anterior ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
-                  p("div", yd, [
-                    (t(!0), a(E, null, K(n.value, (b) => (t(), a("button", {
-                      key: b,
-                      onClick: (x) => z(b),
-                      class: c(["page-number", { active: b === e.pagination.page }])
-                    }, j(b), 11, wd))), 128))
+                  m("div", yd, [
+                    (t(!0), a(E, null, K(n.value, (p) => (t(), a("button", {
+                      key: p,
+                      onClick: (x) => w(p),
+                      class: c(["page-number", { active: p === e.pagination.page }])
+                    }, j(p), 11, wd))), 128))
                   ]),
                   J(oe, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: l[1] || (l[1] = (b) => z(e.pagination.page + 1)),
+                    onClick: i[1] || (i[1] = (p) => w(e.pagination.page + 1)),
                     disabled: e.pagination.page === f.value
                   }, {
-                    default: A(() => [...l[4] || (l[4] = [
+                    default: A(() => [...i[4] || (i[4] = [
                       P(" Siguiente → ", -1)
                     ])]),
                     _: 1
@@ -1392,7 +1392,7 @@ const We = { key: 1 }, Oe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, z = {
+    }, w = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -1564,17 +1564,17 @@ const We = { key: 1 }, Oe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, v = k(() => {
+    }, h = k(() => {
       var S;
-      const l = (((S = z[r.variant]) == null ? void 0 : S[r.color]) || "") + " " + z[r.variant].base, b = f[r.size] || "", x = r.block ? "dk:block" : "dk:inline-block", y = n[r.rounded] || "";
-      return [$d, l, b, x, y].join(" ");
+      const i = (((S = w[r.variant]) == null ? void 0 : S[r.color]) || "") + " " + w[r.variant].base, p = f[r.size] || "", x = r.block ? "dk:block" : "dk:inline-block", v = n[r.rounded] || "";
+      return [$d, i, p, x, v].join(" ");
     });
-    return (l, b) => (t(), W(Q(e.value), O(u.value, {
-      class: v.value,
+    return (i, p) => (t(), W(Q(e.value), O(u.value, {
+      class: h.value,
       title: r.title
     }), {
       default: A(() => [
-        r.loading ? (t(), a("span", Cd, "Cargando...")) : T(l.$slots, "default", {}, void 0, void 0, 0)
+        r.loading ? (t(), a("span", Cd, "Cargando...")) : _(i.$slots, "default", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 16, ["class", "title"]));
@@ -1593,8 +1593,8 @@ const We = { key: 1 }, Oe = `
   },
   setup(d) {
     const r = d, e = () => r.to ? se(r.to) : "div", u = () => r.to ? se(r.to) : "h3", f = () => {
-      const m = e();
-      return fe(r.to, m);
+      const b = e();
+      return fe(r.to, b);
     }, n = {
       s: {
         padding: "dk:p-3",
@@ -1617,7 +1617,7 @@ const We = { key: 1 }, Oe = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, z = k(() => [
+    }, w = k(() => [
       // Glassmorphism card styles (Windows Vista inspired)
       "dk:relative dk:bg-gradient-to-br dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
       "dk:dark:from-gray-700/60 dk:dark:via-gray-800/60 dk:dark:to-gray-900/60",
@@ -1633,70 +1633,70 @@ const We = { key: 1 }, Oe = `
       "dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
       "dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
       "dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent"
-    ].join(" ")), v = k(() => [
+    ].join(" ")), h = k(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
-    ].join(" ")), l = k(() => {
-      const m = n[r.size];
+    ].join(" ")), i = k(() => {
+      const b = n[r.size];
       return [
-        m.padding,
-        m.spacing,
+        b.padding,
+        b.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
-    }), b = k(() => [
+    }), p = k(() => [
       n[r.size].spacing
     ].join(" ")), x = k(() => {
-      const i = [
+      const l = [
         n[r.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return r.to && i.push(
+      return r.to && l.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), i.join(" ");
-    }), y = k(() => {
-      const m = [
+      ), l.join(" ");
+    }), v = k(() => {
+      const b = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return r.to && m.push("dk:no-underline"), m.join(" ");
+      return r.to && b.push("dk:no-underline"), b.join(" ");
     }), S = k(() => [
       n[r.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), M = k(() => [
+    ].join(" ")), B = k(() => [
       n[r.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), h = k(() => [
+    ].join(" ")), C = k(() => [
       "dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
       "dk:pt-3 dk:mt-3",
       "dk:relative dk:z-10"
     ].join(" "));
-    return (m, i) => (t(), a("div", {
-      class: c(z.value)
+    return (b, l) => (t(), a("div", {
+      class: c(w.value)
     }, [
       d.image ? (t(), a("div", Sd, [
-        (t(), W(Q(e()), O(f(), { class: y.value }), {
+        (t(), W(Q(e()), O(f(), { class: v.value }), {
           default: A(() => [
-            p("img", {
+            m("img", {
               src: d.image,
               alt: d.title || "Card image",
-              class: c(v.value)
+              class: c(h.value)
             }, null, 10, jd)
           ]),
           _: 1
         }, 16, ["class"]))
       ])) : $("", !0),
-      p("div", {
-        class: c(l.value)
+      m("div", {
+        class: c(i.value)
       }, [
         d.title || d.subtitle ? (t(), a("div", {
           key: 0,
-          class: c(b.value)
+          class: c(p.value)
         }, [
           d.title ? (t(), W(Q(u()), O({ key: 0 }, f(), { class: x.value }), {
             default: A(() => [
@@ -1709,17 +1709,17 @@ const We = { key: 1 }, Oe = `
             class: c(S.value)
           }, j(d.subtitle), 3)) : $("", !0)
         ], 2)) : $("", !0),
-        m.$slots.default ? (t(), a("div", {
+        b.$slots.default ? (t(), a("div", {
           key: 1,
-          class: c(M.value)
+          class: c(B.value)
         }, [
-          T(m.$slots, "default")
+          _(b.$slots, "default")
         ], 2)) : $("", !0),
-        m.$slots.footer ? (t(), a("div", {
+        b.$slots.footer ? (t(), a("div", {
           key: 2,
-          class: c(h.value)
+          class: c(C.value)
         }, [
-          T(m.$slots, "footer")
+          _(b.$slots, "footer")
         ], 2)) : $("", !0)
       ], 2)
     ], 2));
@@ -1745,21 +1745,21 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(d, { emit: r }) {
-    const e = d, u = r, f = Math.random().toString(36).slice(2, 10), n = `dui-modal-title-${f}`, z = `dui-modal-description-${f}`, v = {
+    const e = d, u = r, f = Math.random().toString(36).slice(2, 10), n = `dui-modal-title-${f}`, w = `dui-modal-description-${f}`, h = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
       left: "dk:rounded-l-xl",
       right: "dk:rounded-r-xl",
       none: "dk:rounded-none"
-    }, l = {
+    }, i = {
       xs: "dk:w-full dk:max-w-xs",
       sm: "dk:w-full dk:max-w-md",
       md: "dk:w-full dk:max-w-xl",
       lg: "dk:w-full dk:max-w-3xl",
       xl: "dk:w-full dk:max-w-5xl",
       full: "dk:h-[calc(100vh-2rem)] dk:w-[calc(100vw-2rem)] dk:max-w-none"
-    }, b = {
+    }, p = {
       solid: {
         base: "dk:border dk:shadow-xl",
         neutral: "dk:bg-white dk:text-zinc-900 dk:border-zinc-200 dk:dark:bg-zinc-900 dk:dark:text-zinc-100 dk:dark:border-zinc-700",
@@ -1790,58 +1790,58 @@ const We = { key: 1 }, Oe = `
     }, x = k(() => [
       "dk:fixed dk:inset-0 dk:bg-black/55",
       e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
-    ].join(" ")), y = k(() => [
+    ].join(" ")), v = k(() => [
       "dk:flex dk:min-h-full dk:w-full dk:p-4",
       e.centered ? "dk:items-center" : "dk:items-start dk:pt-8",
       "dk:justify-center"
     ].join(" ")), S = k(() => {
-      const C = b[e.variant].base, B = b[e.variant][e.color], I = v[e.rounded], X = l[e.size];
+      const z = p[e.variant].base, D = p[e.variant][e.color], I = h[e.rounded], X = i[e.size];
       return [
         "dk:relative dk:flex dk:flex-col dk:overflow-hidden",
-        C,
-        B,
+        z,
+        D,
         I,
         X
       ].join(" ");
-    }), M = k(() => [
+    }), B = k(() => [
       "dk:flex dk:items-start dk:justify-between dk:gap-3 dk:px-5 dk:pt-5 dk:pb-3",
       "dk:border-b dk:border-current/10"
-    ].join(" ")), h = k(() => [
+    ].join(" ")), C = k(() => [
       "dk:px-5 dk:py-4",
       e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
-    ].join(" ")), m = k(() => [
+    ].join(" ")), b = k(() => [
       "dk:px-5 dk:py-4 dk:border-t dk:border-current/10",
       "dk:flex dk:items-center dk:justify-end dk:gap-2"
     ].join(" "));
-    function i() {
+    function l() {
       if (typeof document > "u") return;
-      const C = document.body, I = Number(C.dataset.duiModalCount || "0") + 1;
-      C.dataset.duiModalCount = String(I), I === 1 && (C.style.overflow = "hidden");
+      const z = document.body, I = Number(z.dataset.duiModalCount || "0") + 1;
+      z.dataset.duiModalCount = String(I), I === 1 && (z.style.overflow = "hidden");
     }
     function g() {
       if (typeof document > "u") return;
-      const C = document.body, B = Number(C.dataset.duiModalCount || "0"), I = Math.max(0, B - 1);
-      C.dataset.duiModalCount = String(I), I === 0 && (C.style.overflow = "");
+      const z = document.body, D = Number(z.dataset.duiModalCount || "0"), I = Math.max(0, D - 1);
+      z.dataset.duiModalCount = String(I), I === 0 && (z.style.overflow = "");
     }
-    function w(C) {
-      u("update:modelValue", !1), u("close", C);
+    function y(z) {
+      u("update:modelValue", !1), u("close", z);
     }
     function o() {
-      u("backdrop"), !(e.persistent || !e.closeOnBackdrop) && w("backdrop");
+      u("backdrop"), !(e.persistent || !e.closeOnBackdrop) && y("backdrop");
     }
-    function s(C) {
-      C.key !== "Escape" || !e.modelValue || (u("escape"), !(e.persistent || !e.closeOnEsc) && w("escape"));
+    function s(z) {
+      z.key !== "Escape" || !e.modelValue || (u("escape"), !(e.persistent || !e.closeOnEsc) && y("escape"));
     }
-    return re(
+    return ae(
       () => e.modelValue,
-      (C, B) => {
-        C && !B && (i(), u("open")), !C && B && g();
+      (z, D) => {
+        z && !D && (l(), u("open")), !z && D && g();
       }
     ), be(() => {
-      e.modelValue && i(), typeof window < "u" && window.addEventListener("keydown", s);
+      e.modelValue && l(), typeof window < "u" && window.addEventListener("keydown", s);
     }), pe(() => {
       e.modelValue && g(), typeof window < "u" && window.removeEventListener("keydown", s);
-    }), (C, B) => (t(), W(me, { to: "body" }, [
+    }), (z, D) => (t(), W(me, { to: "body" }, [
       J(ne, {
         "enter-active-class": "dk:transition-opacity dk:duration-200",
         "leave-active-class": "dk:transition-opacity dk:duration-200",
@@ -1851,28 +1851,28 @@ const We = { key: 1 }, Oe = `
         default: A(() => [
           e.modelValue ? (t(), a("div", {
             key: 0,
-            style: ae({ zIndex: String(e.zIndex) }),
+            style: te({ zIndex: String(e.zIndex) }),
             class: c(x.value),
             onClick: o
           }, [
-            p("div", {
-              class: c(y.value)
+            m("div", {
+              class: c(v.value)
             }, [
-              p("div", {
+              m("div", {
                 role: "dialog",
                 "aria-modal": "true",
                 "aria-labelledby": e.title ? n : void 0,
-                "aria-describedby": e.description ? z : void 0,
+                "aria-describedby": e.description ? w : void 0,
                 class: c(S.value),
-                onClick: B[1] || (B[1] = R(() => {
+                onClick: D[1] || (D[1] = R(() => {
                 }, ["stop"]))
               }, [
-                C.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
+                z.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
                   key: 0,
-                  class: c(M.value)
+                  class: c(B.value)
                 }, [
-                  p("div", null, [
-                    T(C.$slots, "header", {}, () => [
+                  m("div", null, [
+                    _(z.$slots, "header", {}, () => [
                       e.title ? (t(), a("h2", {
                         key: 0,
                         id: n,
@@ -1880,7 +1880,7 @@ const We = { key: 1 }, Oe = `
                       }, j(e.title), 1)) : $("", !0),
                       e.description ? (t(), a("p", {
                         key: 1,
-                        id: z,
+                        id: w,
                         class: "dk:mt-1 dk:text-sm dk:opacity-80"
                       }, j(e.description), 1)) : $("", !0)
                     ])
@@ -1890,21 +1890,21 @@ const We = { key: 1 }, Oe = `
                     type: "button",
                     class: "dk:inline-flex dk:h-8 dk:w-8 dk:items-center dk:justify-center dk:rounded dk:text-current dk:opacity-70 dk:transition-opacity dk:hover:opacity-100 dk:focus-visible:opacity-100 dk:outline-none dk:ring-2 dk:ring-current/30",
                     "aria-label": "Cerrar modal",
-                    onClick: B[0] || (B[0] = (I) => w("button"))
-                  }, [...B[2] || (B[2] = [
-                    p("span", { "aria-hidden": "true" }, "×", -1)
+                    onClick: D[0] || (D[0] = (I) => y("button"))
+                  }, [...D[2] || (D[2] = [
+                    m("span", { "aria-hidden": "true" }, "×", -1)
                   ])])) : $("", !0)
                 ], 2)) : $("", !0),
-                p("section", {
-                  class: c(h.value)
+                m("section", {
+                  class: c(C.value)
                 }, [
-                  T(C.$slots, "default")
+                  _(z.$slots, "default")
                 ], 2),
-                C.$slots.footer ? (t(), a("footer", {
+                z.$slots.footer ? (t(), a("footer", {
                   key: 1,
-                  class: c(m.value)
+                  class: c(b.value)
                 }, [
-                  T(C.$slots, "footer")
+                  _(z.$slots, "footer")
                 ], 2)) : $("", !0)
               ], 10, Vd)
             ], 2)
@@ -1932,7 +1932,7 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(d, { emit: r }) {
-    const e = d, u = r, n = `dui-drawer-title-${Math.random().toString(36).slice(2, 10)}`, z = {
+    const e = d, u = r, n = `dui-drawer-title-${Math.random().toString(36).slice(2, 10)}`, w = {
       left: {
         sm: "dk:w-[95%] dk:md:w-16",
         md: "dk:w-[95%] dk:md:w-1/3",
@@ -1957,12 +1957,12 @@ const We = { key: 1 }, Oe = `
         lg: "dk:h-[95%] dk:md:h-1/2",
         xl: "dk:h-[95%] dk:md:h-[90%]"
       }
-    }, v = {
+    }, h = {
       left: "dk:inset-y-0 dk:left-0 dk:h-full dk:rounded-r-xl",
       right: "dk:inset-y-0 dk:right-0 dk:h-full dk:rounded-l-xl",
       top: "dk:inset-x-0 dk:top-0 dk:w-full dk:rounded-b-xl",
       bottom: "dk:inset-x-0 dk:bottom-0 dk:w-full dk:rounded-t-xl"
-    }, l = k(() => ({
+    }, i = k(() => ({
       enterActive: "dk:transition-transform dk:duration-300",
       leaveActive: "dk:transition-transform dk:duration-300",
       hidden: {
@@ -1971,7 +1971,7 @@ const We = { key: 1 }, Oe = `
         top: "dk:-translate-y-full",
         bottom: "dk:translate-y-full"
       }[e.position]
-    })), b = {
+    })), p = {
       solid: {
         base: "dk:border dk:shadow-xl",
         neutral: "dk:bg-white dk:text-zinc-900 dk:border-zinc-200 dk:dark:bg-zinc-900 dk:dark:text-zinc-100 dk:dark:border-zinc-700",
@@ -2002,50 +2002,50 @@ const We = { key: 1 }, Oe = `
     }, x = k(() => [
       "dk:fixed dk:inset-0 dk:bg-black/55",
       e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
-    ].join(" ")), y = k(() => {
-      const o = b[e.variant].base, s = b[e.variant][e.color], C = z[e.position][e.size];
+    ].join(" ")), v = k(() => {
+      const o = p[e.variant].base, s = p[e.variant][e.color], z = w[e.position][e.size];
       return [
         "dk:fixed dk:flex dk:flex-col dk:overflow-hidden",
-        v[e.position],
+        h[e.position],
         o,
         s,
-        C
+        z
       ].join(" ");
     }), S = k(() => [
       "dk:flex dk:items-center dk:justify-between dk:gap-3 dk:px-5 dk:py-4 dk:shrink-0",
       "dk:border-b dk:border-current/10"
-    ].join(" ")), M = [
+    ].join(" ")), B = [
       "dk:px-5 dk:py-4 dk:border-t dk:border-current/10 dk:shrink-0",
       "dk:flex dk:items-center dk:justify-end dk:gap-2"
     ].join(" ");
-    function h() {
+    function C() {
       if (typeof document > "u") return;
-      const o = document.body, C = Number(o.dataset.duiDrawerCount || "0") + 1;
-      o.dataset.duiDrawerCount = String(C), C === 1 && (o.style.overflow = "hidden");
+      const o = document.body, z = Number(o.dataset.duiDrawerCount || "0") + 1;
+      o.dataset.duiDrawerCount = String(z), z === 1 && (o.style.overflow = "hidden");
     }
-    function m() {
+    function b() {
       if (typeof document > "u") return;
-      const o = document.body, s = Number(o.dataset.duiDrawerCount || "0"), C = Math.max(0, s - 1);
-      o.dataset.duiDrawerCount = String(C), C === 0 && (o.style.overflow = "");
+      const o = document.body, s = Number(o.dataset.duiDrawerCount || "0"), z = Math.max(0, s - 1);
+      o.dataset.duiDrawerCount = String(z), z === 0 && (o.style.overflow = "");
     }
-    function i(o) {
+    function l(o) {
       u("update:modelValue", !1), u("close", o);
     }
     function g() {
-      u("backdrop"), !(e.persistent || !e.closeOnBackdrop) && i("backdrop");
+      u("backdrop"), !(e.persistent || !e.closeOnBackdrop) && l("backdrop");
     }
-    function w(o) {
-      o.key !== "Escape" || !e.modelValue || (u("escape"), !(e.persistent || !e.closeOnEsc) && i("escape"));
+    function y(o) {
+      o.key !== "Escape" || !e.modelValue || (u("escape"), !(e.persistent || !e.closeOnEsc) && l("escape"));
     }
-    return re(
+    return ae(
       () => e.modelValue,
       (o, s) => {
-        o && !s && (h(), u("open")), !o && s && m();
+        o && !s && (C(), u("open")), !o && s && b();
       }
     ), be(() => {
-      e.modelValue && h(), typeof window < "u" && window.addEventListener("keydown", w);
+      e.modelValue && C(), typeof window < "u" && window.addEventListener("keydown", y);
     }), pe(() => {
-      e.modelValue && m(), typeof window < "u" && window.removeEventListener("keydown", w);
+      e.modelValue && b(), typeof window < "u" && window.removeEventListener("keydown", y);
     }), (o, s) => (t(), W(me, { to: "body" }, [
       J(ne, {
         "enter-active-class": "dk:transition-opacity dk:duration-200",
@@ -2056,7 +2056,7 @@ const We = { key: 1 }, Oe = `
         default: A(() => [
           e.modelValue ? (t(), a("div", {
             key: 0,
-            style: ae({ zIndex: String(e.zIndex) }),
+            style: te({ zIndex: String(e.zIndex) }),
             class: c(x.value),
             onClick: g
           }, null, 6)) : $("", !0)
@@ -2064,19 +2064,19 @@ const We = { key: 1 }, Oe = `
         _: 1
       }),
       J(ne, {
-        "enter-active-class": l.value.enterActive,
-        "leave-active-class": l.value.leaveActive,
-        "enter-from-class": l.value.hidden,
-        "leave-to-class": l.value.hidden
+        "enter-active-class": i.value.enterActive,
+        "leave-active-class": i.value.leaveActive,
+        "enter-from-class": i.value.hidden,
+        "leave-to-class": i.value.hidden
       }, {
         default: A(() => [
           e.modelValue ? (t(), a("div", {
             key: 0,
-            style: ae({ zIndex: String(e.zIndex + 1) }),
+            style: te({ zIndex: String(e.zIndex + 1) }),
             role: "dialog",
             "aria-modal": "true",
             "aria-labelledby": e.name ? n : void 0,
-            class: c(y.value),
+            class: c(v.value),
             onClick: s[1] || (s[1] = R(() => {
             }, ["stop"]))
           }, [
@@ -2084,7 +2084,7 @@ const We = { key: 1 }, Oe = `
               key: 0,
               class: c(S.value)
             }, [
-              T(o.$slots, "header", {}, () => [
+              _(o.$slots, "header", {}, () => [
                 e.name ? (t(), a("h2", {
                   key: 0,
                   id: n,
@@ -2096,21 +2096,21 @@ const We = { key: 1 }, Oe = `
                 type: "button",
                 class: "dk:ml-auto dk:inline-flex dk:h-8 dk:w-8 dk:shrink-0 dk:items-center dk:justify-center dk:rounded dk:text-current dk:opacity-70 dk:transition-opacity dk:hover:opacity-100 dk:focus-visible:opacity-100 dk:outline-none dk:ring-2 dk:ring-current/30",
                 "aria-label": "Cerrar panel",
-                onClick: s[0] || (s[0] = (C) => i("button"))
+                onClick: s[0] || (s[0] = (z) => l("button"))
               }, [...s[2] || (s[2] = [
-                p("span", { "aria-hidden": "true" }, "×", -1)
+                m("span", { "aria-hidden": "true" }, "×", -1)
               ])])) : $("", !0)
             ], 2)) : $("", !0),
-            p("section", {
+            m("section", {
               class: c(Dd)
             }, [
-              T(o.$slots, "default")
+              _(o.$slots, "default")
             ]),
             o.$slots.actions ? (t(), a("footer", {
               key: 1,
-              class: c(Z(M))
+              class: c(Z(B))
             }, [
-              T(o.$slots, "actions")
+              _(o.$slots, "actions")
             ], 2)) : $("", !0)
           ], 14, Bd)) : $("", !0)
         ]),
@@ -2118,7 +2118,7 @@ const We = { key: 1 }, Oe = `
       }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
     ]));
   }
-}), Md = ["aria-describedby"], _d = { class: "dk:inline-flex dk:items-center" }, Wt = /* @__PURE__ */ L({
+}), Md = ["aria-describedby"], Td = { class: "dk:inline-flex dk:items-center" }, Wt = /* @__PURE__ */ L({
   __name: "DuiTooltip",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2144,16 +2144,16 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, u = r, f = F(null), n = F(null), z = F(!1), v = k(() => e.modelValue !== void 0), l = k(() => v.value ? !!e.modelValue : z.value), b = F(e.placement), x = F({ top: 0, left: 0 }), y = F(!1);
-    let S = null, M = null;
-    const h = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, m = {
+    const e = d, u = r, f = F(null), n = F(null), w = F(!1), h = k(() => e.modelValue !== void 0), i = k(() => h.value ? !!e.modelValue : w.value), p = F(e.placement), x = F({ top: 0, left: 0 }), v = F(!1);
+    let S = null, B = null;
+    const C = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, b = {
       all: "dk:rounded-md",
       top: "dk:rounded-t-md",
       bottom: "dk:rounded-b-md",
       left: "dk:rounded-l-md",
       right: "dk:rounded-r-md",
       none: "dk:rounded-none"
-    }, i = {
+    }, l = {
       sm: "dk:px-2 dk:py-1 dk:text-xs",
       md: "dk:px-2.5 dk:py-1.5 dk:text-sm",
       lg: "dk:px-3 dk:py-2 dk:text-base"
@@ -2164,8 +2164,8 @@ const We = { key: 1 }, Oe = `
       lg: "dk:max-w-96",
       full: "dk:max-w-[min(92vw,42rem)]"
     };
-    function w(D) {
-      return typeof D == "string" && D in g;
+    function y(M) {
+      return typeof M == "string" && M in g;
     }
     const o = {
       solid: {
@@ -2187,25 +2187,25 @@ const We = { key: 1 }, Oe = `
         danger: "dk:text-rose-900 dk:border-rose-400 dk:dark:text-rose-100 dk:dark:border-rose-500"
       }
     }, s = k(() => {
-      const D = m[e.rounded], V = i[e.size], _ = o[e.variant].base, q = o[e.variant][e.color], N = w(e.maxWidth) ? g[e.maxWidth] : "";
+      const M = b[e.rounded], V = l[e.size], T = o[e.variant].base, q = o[e.variant][e.color], N = y(e.maxWidth) ? g[e.maxWidth] : "";
       return [
         "dk:fixed dk:pointer-events-auto dk:leading-tight dk:select-text dk:cursor-default",
         "dk:break-words dk:whitespace-normal",
-        D,
+        M,
         V,
-        _,
+        T,
         q,
         N
       ].join(" ");
-    }), C = k(() => {
-      const D = {
+    }), z = k(() => {
+      const M = {
         top: `${x.value.top}px`,
         left: `${x.value.left}px`,
         zIndex: String(e.zIndex)
       };
-      return typeof e.maxWidth == "number" ? D.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !w(e.maxWidth) && (D.maxWidth = e.maxWidth), D;
-    }), B = k(() => {
-      const D = o[e.variant][e.color], V = b.value, _ = {
+      return typeof e.maxWidth == "number" ? M.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !y(e.maxWidth) && (M.maxWidth = e.maxWidth), M;
+    }), D = k(() => {
+      const M = o[e.variant][e.color], V = p.value, T = {
         top: "dk:-bottom-1.5 dk:left-1/2 dk:-translate-x-1/2 dk:rotate-45",
         "top-start": "dk:-bottom-1.5 dk:left-3 dk:rotate-45",
         "top-end": "dk:-bottom-1.5 dk:right-3 dk:rotate-45",
@@ -2221,29 +2221,29 @@ const We = { key: 1 }, Oe = `
       };
       return [
         "dk:absolute dk:block dk:h-3 dk:w-3",
-        D,
-        _[V] || _.top
+        M,
+        T[V] || T.top
       ].join(" ");
     });
     function I() {
-      S && (clearTimeout(S), S = null), M && (clearTimeout(M), M = null);
+      S && (clearTimeout(S), S = null), B && (clearTimeout(B), B = null);
     }
-    function X(D, V) {
-      e.disabled || (v.value ? u("update:modelValue", D) : z.value = D, D ? (u("open", V), ue(() => {
+    function X(M, V) {
+      e.disabled || (h.value ? u("update:modelValue", M) : w.value = M, M ? (u("open", V), ue(() => {
         Y();
       })) : u("close", V));
     }
-    function ee(D) {
+    function ee(M) {
       I(), S = setTimeout(() => {
-        X(!0, D);
+        X(!0, M);
       }, Math.max(0, e.showDelay));
     }
-    function de(D) {
-      I(), M = setTimeout(() => {
-        D === "hover" && e.interactive && y.value || X(!1, D);
+    function de(M) {
+      I(), B = setTimeout(() => {
+        M === "hover" && e.interactive && v.value || X(!1, M);
       }, Math.max(0, e.hideDelay));
     }
-    function ge(D) {
+    function ge(M) {
       return {
         top: "bottom",
         "top-start": "bottom-start",
@@ -2257,35 +2257,35 @@ const We = { key: 1 }, Oe = `
         right: "left",
         "right-start": "left-start",
         "right-end": "left-end"
-      }[D];
+      }[M];
     }
-    function te(D, V, _) {
-      const [q, N] = D.split("-"), G = e.offset;
+    function re(M, V, T) {
+      const [q, N] = M.split("-"), G = e.offset;
       let U = 0, H = 0;
-      q === "top" && (U = V.top - _.height - G, N === "start" ? H = V.left : N === "end" ? H = V.right - _.width : H = V.left + V.width / 2 - _.width / 2), q === "bottom" && (U = V.bottom + G, N === "start" ? H = V.left : N === "end" ? H = V.right - _.width : H = V.left + V.width / 2 - _.width / 2), q === "left" && (H = V.left - _.width - G, N === "start" ? U = V.top : N === "end" ? U = V.bottom - _.height : U = V.top + V.height / 2 - _.height / 2), q === "right" && (H = V.right + G, N === "start" ? U = V.top : N === "end" ? U = V.bottom - _.height : U = V.top + V.height / 2 - _.height / 2);
-      const ce = e.viewportPadding, Te = window.innerWidth, Le = window.innerHeight;
-      return U = Math.min(Math.max(ce, U), Le - _.height - ce), H = Math.min(Math.max(ce, H), Te - _.width - ce), { top: U, left: H };
+      q === "top" && (U = V.top - T.height - G, N === "start" ? H = V.left : N === "end" ? H = V.right - T.width : H = V.left + V.width / 2 - T.width / 2), q === "bottom" && (U = V.bottom + G, N === "start" ? H = V.left : N === "end" ? H = V.right - T.width : H = V.left + V.width / 2 - T.width / 2), q === "left" && (H = V.left - T.width - G, N === "start" ? U = V.top : N === "end" ? U = V.bottom - T.height : U = V.top + V.height / 2 - T.height / 2), q === "right" && (H = V.right + G, N === "start" ? U = V.top : N === "end" ? U = V.bottom - T.height : U = V.top + V.height / 2 - T.height / 2);
+      const ce = e.viewportPadding, _e = window.innerWidth, Le = window.innerHeight;
+      return U = Math.min(Math.max(ce, U), Le - T.height - ce), H = Math.min(Math.max(ce, H), _e - T.width - ce), { top: U, left: H };
     }
-    function $e(D, V, _) {
+    function $e(M, V, T) {
       if (!e.flip) return !1;
-      const [q] = D.split("-"), N = e.offset, G = e.viewportPadding;
-      return q === "top" ? V.top - _.height - N < G : q === "bottom" ? V.bottom + _.height + N > window.innerHeight - G : q === "left" ? V.left - _.width - N < G : V.right + _.width + N > window.innerWidth - G;
+      const [q] = M.split("-"), N = e.offset, G = e.viewportPadding;
+      return q === "top" ? V.top - T.height - N < G : q === "bottom" ? V.bottom + T.height + N > window.innerHeight - G : q === "left" ? V.left - T.width - N < G : V.right + T.width + N > window.innerWidth - G;
     }
     function Y() {
       if (!f.value || !n.value) return;
-      const D = f.value.getBoundingClientRect(), V = n.value.getBoundingClientRect();
-      let _ = e.placement;
-      $e(_, D, V) && (_ = ge(_)), b.value = _, x.value = te(_, D, V);
+      const M = f.value.getBoundingClientRect(), V = n.value.getBoundingClientRect();
+      let T = e.placement;
+      $e(T, M, V) && (T = ge(T)), p.value = T, x.value = re(T, M, V);
     }
     function Se() {
       e.trigger === "hover" && ee("hover");
     }
-    function je(D) {
+    function je(M) {
       var V;
       if (e.trigger === "hover") {
         if (e.interactive) {
-          const _ = D.relatedTarget;
-          if (_ && ((V = n.value) != null && V.contains(_)))
+          const T = M.relatedTarget;
+          if (T && ((V = n.value) != null && V.contains(T)))
             return;
         }
         de("hover");
@@ -2297,55 +2297,55 @@ const We = { key: 1 }, Oe = `
     function Be() {
       e.trigger !== "focus" && e.trigger !== "hover" || de("focus");
     }
-    function De(D) {
-      e.trigger === "click" && (D.stopPropagation(), l.value ? de("click") : ee("click"));
+    function De(M) {
+      e.trigger === "click" && (M.stopPropagation(), i.value ? de("click") : ee("click"));
     }
     function Me() {
-      e.interactive && (y.value = !0, I());
+      e.interactive && (v.value = !0, I());
     }
-    function _e(D) {
-      var _;
+    function Te(M) {
+      var T;
       if (!e.interactive) return;
-      const V = D.relatedTarget;
-      V && ((_ = f.value) != null && _.contains(V)) || (y.value = !1, de("hover"));
+      const V = M.relatedTarget;
+      V && ((T = f.value) != null && T.contains(V)) || (v.value = !1, de("hover"));
     }
-    function ve(D) {
-      var _, q;
-      if (e.trigger !== "click" || !l.value) return;
-      const V = D.target;
-      (_ = f.value) != null && _.contains(V) || (q = n.value) != null && q.contains(V) || de("outside");
+    function ve(M) {
+      var T, q;
+      if (e.trigger !== "click" || !i.value) return;
+      const V = M.target;
+      (T = f.value) != null && T.contains(V) || (q = n.value) != null && q.contains(V) || de("outside");
     }
-    return re(
+    return ae(
       () => e.modelValue,
-      (D) => {
-        v.value && D && ue(Y);
+      (M) => {
+        h.value && M && ue(Y);
       }
-    ), re(
+    ), ae(
       () => e.placement,
       () => {
-        l.value && ue(Y);
+        i.value && ue(Y);
       }
-    ), re(l, (D) => {
-      D && ue(Y);
+    ), ae(i, (M) => {
+      M && ue(Y);
     }), be(() => {
       typeof window > "u" || (window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0), window.addEventListener("click", ve));
     }), pe(() => {
       I(), !(typeof window > "u") && (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0), window.removeEventListener("click", ve));
-    }), (D, V) => (t(), a(E, null, [
-      p("span", {
+    }), (M, V) => (t(), a(E, null, [
+      m("span", {
         ref_key: "triggerRef",
         ref: f,
         class: "dk:relative dk:inline-flex dk:max-w-full",
-        "aria-describedby": l.value ? h : void 0,
+        "aria-describedby": i.value ? C : void 0,
         onMouseenter: Se,
         onMouseleave: je,
         onFocusin: Ve,
         onFocusout: Be,
         onClick: De
       }, [
-        T(D.$slots, "trigger", {}, () => [
-          T(D.$slots, "default", {}, () => [
-            p("span", _d, j(e.fallbackTriggerText), 1)
+        _(M.$slots, "trigger", {}, () => [
+          _(M.$slots, "default", {}, () => [
+            m("span", Td, j(e.fallbackTriggerText), 1)
           ])
         ])
       ], 40, Md),
@@ -2359,24 +2359,24 @@ const We = { key: 1 }, Oe = `
           "leave-to-class": "dk:opacity-0"
         }, {
           default: A(() => [
-            l.value && !e.disabled ? (t(), a("div", {
+            i.value && !e.disabled ? (t(), a("div", {
               key: 0,
               ref_key: "tooltipRef",
               ref: n,
-              id: h,
+              id: C,
               role: "tooltip",
               class: c(s.value),
-              style: ae(C.value),
+              style: te(z.value),
               onMouseenter: Me,
-              onMouseleave: _e
+              onMouseleave: Te
             }, [
-              T(D.$slots, "content", {}, () => [
+              _(M.$slots, "content", {}, () => [
                 P(j(e.text), 1)
               ]),
               e.arrow ? (t(), a("span", {
                 key: 0,
                 "aria-hidden": "true",
-                class: c(B.value)
+                class: c(D.value)
               }, null, 2)) : $("", !0)
             ], 38)) : $("", !0)
           ]),
@@ -2385,7 +2385,7 @@ const We = { key: 1 }, Oe = `
       ], 8, ["to"]))
     ], 64));
   }
-}), Td = ["open"], Ld = ["onClick"], Pd = { class: "dui-acc-title" }, Id = { class: "dui-acc-panel" }, Ad = /* @__PURE__ */ L({
+}), _d = ["open"], Ld = ["onClick"], Pd = { class: "dui-acc-title" }, Id = { class: "dui-acc-panel" }, Ad = /* @__PURE__ */ L({
   __name: "DuiAccordion",
   props: {
     items: {},
@@ -2402,16 +2402,16 @@ const We = { key: 1 }, Oe = `
     function n() {
       return e.modelValue === void 0 ? f.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
     }
-    function z(w) {
-      return n().includes(w);
+    function w(y) {
+      return n().includes(y);
     }
-    function v(w, o) {
+    function h(y, o) {
       if (o) return;
       const s = n();
-      let C;
-      e.multiple ? C = s.includes(w) ? s.filter((B) => B !== w) : [...s, w] : C = s.includes(w) ? [] : [w], f.value = C, u("update:modelValue", e.multiple ? C : C[0] ?? ""), u("change", w);
+      let z;
+      e.multiple ? z = s.includes(y) ? s.filter((D) => D !== y) : [...s, y] : z = s.includes(y) ? [] : [y], f.value = z, u("update:modelValue", e.multiple ? z : z[0] ?? ""), u("change", y);
     }
-    const l = {
+    const i = {
       sm: {
         summary: "dk:px-3 dk:py-2.5 dk:text-sm dk:gap-2",
         content: "dk:px-3 dk:pt-0 dk:pb-3 dk:text-sm",
@@ -2430,7 +2430,7 @@ const We = { key: 1 }, Oe = `
         icon: "dk:text-xl",
         chevron: "dk:w-5 dk:h-5"
       }
-    }, b = {
+    }, p = {
       neutral: "dk:bg-zinc-50 dk:dark:bg-zinc-800/60",
       primary: "dk:bg-slate-50 dk:dark:bg-slate-800/60",
       secondary: "dk:bg-pink-50 dk:dark:bg-pink-900/30",
@@ -2444,56 +2444,56 @@ const We = { key: 1 }, Oe = `
       success: "dk:text-emerald-800 dk:dark:text-emerald-100",
       warning: "dk:text-amber-800 dk:dark:text-amber-100",
       danger: "dk:text-rose-800 dk:dark:text-rose-100"
-    }, y = {
+    }, v = {
       neutral: "dk:text-zinc-500 dk:dark:text-zinc-400",
       primary: "dk:text-slate-500 dk:dark:text-slate-400",
       secondary: "dk:text-pink-500 dk:dark:text-pink-400",
       success: "dk:text-emerald-500 dk:dark:text-emerald-400",
       warning: "dk:text-amber-500 dk:dark:text-amber-400",
       danger: "dk:text-rose-500 dk:dark:text-rose-400"
-    }, S = k(() => e.variant === "separated" ? "dk:flex dk:flex-col dk:gap-2" : e.variant === "ghost" ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700/60" : e.flush ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700" : "dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:rounded-xl dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700 dk:overflow-hidden dk:shadow-sm"), M = k(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
-    function h(w, o) {
-      const s = l[e.size], C = z(w), B = [
+    }, S = k(() => e.variant === "separated" ? "dk:flex dk:flex-col dk:gap-2" : e.variant === "ghost" ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700/60" : e.flush ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700" : "dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:rounded-xl dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700 dk:overflow-hidden dk:shadow-sm"), B = k(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
+    function C(y, o) {
+      const s = i[e.size], z = w(y), D = [
         "dk:flex dk:w-full dk:items-center dk:select-none dk:outline-none",
         "dk:transition-colors dk:duration-150",
         s.summary
-      ], I = C ? [b[e.color], x[e.color]] : ["dk:text-zinc-700 dk:dark:text-zinc-300", "dk:hover:bg-zinc-50 dk:dark:hover:bg-zinc-800/50 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"], X = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", ee = o ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
-      return [...B, ...I, X, ee].join(" ");
+      ], I = z ? [p[e.color], x[e.color]] : ["dk:text-zinc-700 dk:dark:text-zinc-300", "dk:hover:bg-zinc-50 dk:dark:hover:bg-zinc-800/50 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"], X = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", ee = o ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+      return [...D, ...I, X, ee].join(" ");
     }
-    function m(w) {
-      const o = l[e.size];
+    function b(y) {
+      const o = i[e.size];
       return [
         "dk:flex-shrink-0 dk:transition-transform dk:duration-250 dk:ease-in-out dk:ml-auto",
-        z(w) ? "dk:rotate-180 " + y[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500",
+        w(y) ? "dk:rotate-180 " + v[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500",
         o.chevron
       ].join(" ");
     }
-    const i = k(() => ["dk:flex-shrink-0 dk:leading-none", l[e.size].icon].join(" ")), g = k(() => [
-      l[e.size].content,
+    const l = k(() => ["dk:flex-shrink-0 dk:leading-none", i[e.size].icon].join(" ")), g = k(() => [
+      i[e.size].content,
       "dk:text-zinc-600 dk:dark:text-zinc-400 dk:leading-relaxed"
     ].join(" "));
-    return (w, o) => (t(), a("div", {
+    return (y, o) => (t(), a("div", {
       class: c(S.value)
     }, [
-      (t(!0), a(E, null, K(d.items, (s, C) => (t(), a("details", {
-        key: s.value ?? C,
-        open: z(s.value ?? String(C)),
-        class: c(M.value),
+      (t(!0), a(E, null, K(d.items, (s, z) => (t(), a("details", {
+        key: s.value ?? z,
+        open: w(s.value ?? String(z)),
+        class: c(B.value),
         onToggle: o[0] || (o[0] = R(() => {
         }, ["prevent"]))
       }, [
-        p("summary", {
-          class: c(h(s.value ?? String(C), s.disabled)),
-          onClick: R((B) => v(s.value ?? String(C), s.disabled), ["prevent"])
+        m("summary", {
+          class: c(C(s.value ?? String(z), s.disabled)),
+          onClick: R((D) => h(s.value ?? String(z), s.disabled), ["prevent"])
         }, [
           s.icon ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: c(i.value)
+            class: c(l.value)
           }, j(s.icon), 3)) : $("", !0),
-          p("span", Pd, j(s.title), 1),
+          m("span", Pd, j(s.title), 1),
           (t(), a("svg", {
-            class: c(m(s.value ?? String(C))),
+            class: c(b(s.value ?? String(z))),
             viewBox: "0 0 16 16",
             fill: "none",
             stroke: "currentColor",
@@ -2502,19 +2502,19 @@ const We = { key: 1 }, Oe = `
             "stroke-linejoin": "round",
             "aria-hidden": "true"
           }, [...o[1] || (o[1] = [
-            p("polyline", { points: "4 6 8 10 12 6" }, null, -1)
+            m("polyline", { points: "4 6 8 10 12 6" }, null, -1)
           ])], 2))
         ], 10, Ld),
-        p("div", Id, [
-          p("div", {
+        m("div", Id, [
+          m("div", {
             class: c(g.value)
           }, [
-            T(w.$slots, s.value ?? String(C), {}, () => [
-              p("p", null, j(s.content), 1)
+            _(y.$slots, s.value ?? String(z), {}, () => [
+              m("p", null, j(s.content), 1)
             ], !0)
           ], 2)
         ])
-      ], 42, Td))), 128))
+      ], 42, _d))), 128))
     ], 2));
   }
 }), Ot = /* @__PURE__ */ ie(Ad, [["__scopeId", "data-v-9bd77ff3"]]), Ed = ["aria-label"], Nt = /* @__PURE__ */ L({
@@ -2541,7 +2541,7 @@ const We = { key: 1 }, Oe = `
       full: "dk:rounded-full",
       md: "dk:rounded-md",
       none: "dk:rounded-none"
-    }, z = {
+    }, w = {
       soft: {
         neutral: "dk:bg-zinc-100 dk:text-zinc-700 dk:dark:bg-zinc-800 dk:dark:text-zinc-300",
         primary: "dk:bg-slate-100 dk:text-slate-700 dk:dark:bg-slate-800 dk:dark:text-slate-300",
@@ -2566,25 +2566,25 @@ const We = { key: 1 }, Oe = `
         warning: "dk:border dk:border-amber-400 dk:text-amber-700 dk:dark:border-amber-500 dk:dark:text-amber-300",
         danger: "dk:border dk:border-rose-400 dk:text-rose-700 dk:dark:border-rose-500 dk:dark:text-rose-300"
       }
-    }, v = {
+    }, h = {
       neutral: "dk:bg-zinc-500 dk:dark:bg-zinc-400",
       primary: "dk:bg-slate-500 dk:dark:bg-slate-400",
       secondary: "dk:bg-pink-500 dk:dark:bg-pink-400",
       success: "dk:bg-emerald-500 dk:dark:bg-emerald-400",
       warning: "dk:bg-amber-500 dk:dark:bg-amber-400",
       danger: "dk:bg-rose-500 dk:dark:bg-rose-400"
-    }, l = k(() => {
-      const S = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", M = f[e.size], h = n[e.rounded], m = z[e.variant][e.color], i = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
-      return [S, M, h, m, i].join(" ");
-    }), b = k(() => ["dk:rounded-full dk:flex-shrink-0", { xs: "dk:w-1.5 dk:h-1.5", sm: "dk:w-2 dk:h-2", md: "dk:w-2 dk:h-2", lg: "dk:w-2.5 dk:h-2.5" }[e.size], v[e.color]].join(" ")), x = k(() => "dk:flex-shrink-0 dk:flex dk:items-center"), y = k(() => [
+    }, i = k(() => {
+      const S = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", B = f[e.size], C = n[e.rounded], b = w[e.variant][e.color], l = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
+      return [S, B, C, b, l].join(" ");
+    }), p = k(() => ["dk:rounded-full dk:flex-shrink-0", { xs: "dk:w-1.5 dk:h-1.5", sm: "dk:w-2 dk:h-2", md: "dk:w-2 dk:h-2", lg: "dk:w-2.5 dk:h-2.5" }[e.size], h[e.color]].join(" ")), x = k(() => "dk:flex-shrink-0 dk:flex dk:items-center"), v = k(() => [
       "dk:-mr-0.5 dk:flex-shrink-0 dk:inline-flex dk:items-center dk:justify-center",
       "dk:rounded-full dk:w-3.5 dk:h-3.5 dk:text-sm dk:leading-none",
       "dk:opacity-60 dk:hover:opacity-100 dk:transition-opacity dk:outline-none",
       "dk:hover:bg-black/10 dk:dark:hover:bg-white/10"
     ].join(" "));
-    return (S, M) => (t(), W(Q(d.href ? "a" : "span"), O({
+    return (S, B) => (t(), W(Q(d.href ? "a" : "span"), O({
       href: d.href,
-      class: l.value
+      class: i.value
     }, S.$attrs), {
       default: A(() => [
         S.$slots.icon || d.dot ? (t(), a("span", {
@@ -2594,18 +2594,18 @@ const We = { key: 1 }, Oe = `
         }, [
           d.dot ? (t(), a("span", {
             key: 0,
-            class: c(b.value)
-          }, null, 2)) : T(S.$slots, "icon", {}, void 0, void 0, 1)
+            class: c(p.value)
+          }, null, 2)) : _(S.$slots, "icon", {}, void 0, void 0, 1)
         ], 2)) : $("", !0),
-        T(S.$slots, "default", {}, () => [
+        _(S.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ]),
         d.dismissible ? (t(), a("button", {
           key: 1,
           type: "button",
-          class: c(y.value),
+          class: c(v.value),
           "aria-label": d.label ? `Quitar ${d.label}` : "Quitar",
-          onClick: M[0] || (M[0] = R((h) => u("dismiss"), ["prevent"]))
+          onClick: B[0] || (B[0] = R((C) => u("dismiss"), ["prevent"]))
         }, " × ", 10, Ed)) : $("", !0)
       ]),
       _: 3
@@ -2626,19 +2626,19 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, u = r, f = F(null), n = F(!1), z = k(() => e.modelValue !== void 0 ? e.modelValue : n.value);
-    function v() {
+    const e = d, u = r, f = F(null), n = F(!1), w = k(() => e.modelValue !== void 0 ? e.modelValue : n.value);
+    function h() {
       if (e.disabled) return;
-      const m = !z.value;
-      n.value = m, u("update:modelValue", m), u(m ? "open" : "close");
+      const b = !w.value;
+      n.value = b, u("update:modelValue", b), u(b ? "open" : "close");
     }
-    function l() {
+    function i() {
       n.value = !1, u("update:modelValue", !1), u("close");
     }
-    function b(m) {
-      f.value && !f.value.contains(m.target) && l();
+    function p(b) {
+      f.value && !f.value.contains(b.target) && i();
     }
-    be(() => document.addEventListener("mousedown", b)), pe(() => document.removeEventListener("mousedown", b));
+    be(() => document.addEventListener("mousedown", p)), pe(() => document.removeEventListener("mousedown", p));
     const x = {
       "bottom-start": "dk:top-full dk:left-0 dk:mt-1 dk:origin-top-left",
       "bottom-end": "dk:top-full dk:right-0 dk:mt-1 dk:origin-top-right",
@@ -2646,7 +2646,7 @@ const We = { key: 1 }, Oe = `
       "top-start": "dk:bottom-full dk:left-0 dk:mb-1 dk:origin-bottom-left",
       "top-end": "dk:bottom-full dk:right-0 dk:mb-1 dk:origin-bottom-right",
       top: "dk:bottom-full dk:left-1/2 dk:-translate-x-1/2 dk:mb-1 dk:origin-bottom"
-    }, y = {
+    }, v = {
       all: "dk:rounded-xl",
       sm: "dk:rounded-lg",
       none: "dk:rounded-none"
@@ -2675,25 +2675,25 @@ const We = { key: 1 }, Oe = `
         warning: "dk:bg-amber-100/85 dk:dark:bg-amber-900/70 dk:backdrop-blur-md dk:border dk:border-amber-300/70 dk:dark:border-amber-600/60 dk:text-amber-800 dk:dark:text-amber-200",
         danger: "dk:bg-rose-100/85 dk:dark:bg-rose-900/70 dk:backdrop-blur-md dk:border dk:border-rose-300/70 dk:dark:border-rose-600/60 dk:text-rose-800 dk:dark:text-rose-200"
       }
-    }, M = k(() => ({ minWidth: e.minWidth })), h = k(() => [
+    }, B = k(() => ({ minWidth: e.minWidth })), C = k(() => [
       "dk:absolute dk:z-50 dk:shadow-lg dk:py-1",
       x[e.placement],
-      y[e.rounded],
+      v[e.rounded],
       S[e.variant][e.color]
     ].join(" "));
-    return (m, i) => (t(), a("div", {
+    return (b, l) => (t(), a("div", {
       ref_key: "wrapperRef",
       ref: f,
       class: "dk:relative dk:inline-block"
     }, [
-      p("div", {
-        onClick: v,
+      m("div", {
+        onClick: h,
         onKeydown: [
-          ye(R(v, ["prevent"]), ["enter"]),
-          ye(R(v, ["prevent"]), ["space"])
+          ye(R(h, ["prevent"]), ["enter"]),
+          ye(R(h, ["prevent"]), ["space"])
         ]
       }, [
-        T(m.$slots, "trigger")
+        _(b.$slots, "trigger")
       ], 40, Wd),
       J(ne, {
         "enter-active-class": "dk:transition-all dk:duration-150 dk:ease-out",
@@ -2702,14 +2702,14 @@ const We = { key: 1 }, Oe = `
         "leave-to-class": "dk:opacity-0 dk:scale-95"
       }, {
         default: A(() => [
-          z.value ? (t(), a("div", {
+          w.value ? (t(), a("div", {
             key: 0,
-            class: c(h.value),
-            style: ae(M.value),
+            class: c(C.value),
+            style: te(B.value),
             role: "menu",
             "aria-label": d.ariaLabel
           }, [
-            T(m.$slots, "default")
+            _(b.$slots, "default")
           ], 14, Od)) : $("", !0)
         ]),
         _: 3
@@ -2736,36 +2736,36 @@ const We = { key: 1 }, Oe = `
       sm: "dk:px-3 dk:py-1 dk:text-xs",
       md: "dk:px-3 dk:py-2 dk:text-sm",
       lg: "dk:px-4 dk:py-2.5 dk:text-base"
-    }, z = k(() => {
-      const b = "dk:flex dk:w-full dk:items-center dk:gap-2 dk:transition-colors dk:duration-100 dk:outline-none dk:text-left dk:select-none", x = n[e.size], y = e.danger ? "dk:text-rose-600 dk:dark:text-rose-400 dk:hover:bg-rose-50 dk:dark:hover:bg-rose-900/40 dk:focus-visible:bg-rose-50 dk:dark:focus-visible:bg-rose-900/40" : "dk:hover:bg-black/5 dk:dark:hover:bg-white/10 dk:focus-visible:bg-black/5 dk:dark:focus-visible:bg-white/10", S = e.disabled ? "dk:opacity-50 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
-      return [b, x, y, S].join(" ");
-    }), v = k(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
-    function l(b) {
-      e.disabled || u("click", b);
-    }
-    return (b, x) => (t(), W(Q(d.href ? "a" : "button"), O(f.value, {
-      class: z.value,
+    }, w = k(() => {
+      const p = "dk:flex dk:w-full dk:items-center dk:gap-2 dk:transition-colors dk:duration-100 dk:outline-none dk:text-left dk:select-none", x = n[e.size], v = e.danger ? "dk:text-rose-600 dk:dark:text-rose-400 dk:hover:bg-rose-50 dk:dark:hover:bg-rose-900/40 dk:focus-visible:bg-rose-50 dk:dark:focus-visible:bg-rose-900/40" : "dk:hover:bg-black/5 dk:dark:hover:bg-white/10 dk:focus-visible:bg-black/5 dk:dark:focus-visible:bg-white/10", S = e.disabled ? "dk:opacity-50 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+      return [p, x, v, S].join(" ");
+    }), h = k(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
+    function i(p) {
+      e.disabled || u("click", p);
+    }
+    return (p, x) => (t(), W(Q(d.href ? "a" : "button"), O(f.value, {
+      class: w.value,
       role: "menuitem",
       "aria-disabled": d.disabled,
-      onClick: l
+      onClick: i
     }), {
       default: A(() => [
-        b.$slots.icon || d.icon ? (t(), a("span", {
+        p.$slots.icon || d.icon ? (t(), a("span", {
           key: 0,
-          class: c(v.value),
+          class: c(h.value),
           "aria-hidden": "true"
         }, [
-          T(b.$slots, "icon", {}, () => [
+          _(p.$slots, "icon", {}, () => [
             P(j(d.icon), 1)
           ])
         ], 2)) : $("", !0),
-        p("span", Nd, [
-          T(b.$slots, "default", {}, () => [
+        m("span", Nd, [
+          _(p.$slots, "default", {}, () => [
             P(j(d.label), 1)
           ])
         ]),
-        b.$slots.trailing ? (t(), a("span", Fd, [
-          T(b.$slots, "trailing")
+        p.$slots.trailing ? (t(), a("span", Fd, [
+          _(p.$slots, "trailing")
         ])) : $("", !0)
       ]),
       _: 3
@@ -2805,30 +2805,30 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
     const e = d, u = r, f = k(() => Math.max(1, Math.ceil(e.total / e.perPage)));
-    function n(m) {
-      m < 1 || m > f.value || m === e.modelValue || (u("update:modelValue", m), u("change", m));
+    function n(b) {
+      b < 1 || b > f.value || b === e.modelValue || (u("update:modelValue", b), u("change", b));
     }
-    const z = k(() => {
-      const m = f.value, i = e.modelValue, g = e.siblingCount, w = e.showBoundary ? 1 : 0;
-      if (m <= 2 * g + 2 * w + 3)
-        return Array.from({ length: m }, (B, I) => I + 1);
+    const w = k(() => {
+      const b = f.value, l = e.modelValue, g = e.siblingCount, y = e.showBoundary ? 1 : 0;
+      if (b <= 2 * g + 2 * y + 3)
+        return Array.from({ length: b }, (D, I) => I + 1);
       const o = [];
-      for (let B = 1; B <= w; B++) o.push(B);
-      const s = Math.max(w + 1, i - g), C = Math.min(m - w, i + g);
-      s > w + 1 && o.push("...");
-      for (let B = s; B <= C; B++) o.push(B);
-      C < m - w && o.push("...");
-      for (let B = m - w + 1; B <= m; B++) o.push(B);
+      for (let D = 1; D <= y; D++) o.push(D);
+      const s = Math.max(y + 1, l - g), z = Math.min(b - y, l + g);
+      s > y + 1 && o.push("...");
+      for (let D = s; D <= z; D++) o.push(D);
+      z < b - y && o.push("...");
+      for (let D = b - y + 1; D <= b; D++) o.push(D);
       return o;
-    }), v = {
+    }), h = {
       sm: "dk:w-7 dk:h-7 dk:text-xs",
       md: "dk:w-9 dk:h-9 dk:text-sm",
       lg: "dk:w-11 dk:h-11 dk:text-base"
-    }, l = {
+    }, i = {
       full: "dk:rounded-full",
       md: "dk:rounded-lg",
       none: "dk:rounded-none"
-    }, b = {
+    }, p = {
       solid: {
         neutral: "dk:bg-zinc-700 dk:text-white dk:dark:bg-zinc-500",
         primary: "dk:bg-slate-600 dk:text-white dk:dark:bg-slate-500",
@@ -2853,39 +2853,39 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
         warning: "dk:bg-amber-100 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",
         danger: "dk:bg-rose-100 dk:text-rose-800 dk:dark:bg-rose-800 dk:dark:text-rose-100"
       }
-    }, x = k(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), y = k(() => {
-      const m = v[e.size], i = l[e.rounded];
+    }, x = k(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), v = k(() => {
+      const b = h[e.size], l = i[e.rounded];
       return [
         "dk:inline-flex dk:items-center dk:justify-center dk:font-medium dk:transition-colors dk:duration-150 dk:outline-none dk:select-none dk:cursor-pointer dk:disabled:cursor-not-allowed dk:disabled:pointer-events-none",
-        m,
-        i,
+        b,
+        l,
         "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400"
       ].join(" ");
     }), S = k(() => [
-      y.value,
+      v.value,
       "dk:text-zinc-600 dk:dark:text-zinc-400",
       "dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700",
       "dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
     ].join(" "));
-    function M(m) {
-      return m === e.modelValue ? [y.value, b[e.variant][e.color]].join(" ") : [
-        y.value,
+    function B(b) {
+      return b === e.modelValue ? [v.value, p[e.variant][e.color]].join(" ") : [
+        v.value,
         "dk:text-zinc-600 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
       ].join(" ");
     }
-    const h = k(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", v[e.size]].join(" "));
-    return (m, i) => (t(), a("nav", {
+    const C = k(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", h[e.size]].join(" "));
+    return (b, l) => (t(), a("nav", {
       "aria-label": d.ariaLabel,
       class: c(x.value)
     }, [
-      p("button", {
+      m("button", {
         type: "button",
         disabled: d.modelValue <= 1,
         "aria-label": d.prevLabel,
         class: c([S.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
-        onClick: i[0] || (i[0] = (g) => n(d.modelValue - 1))
+        onClick: l[0] || (l[0] = (g) => n(d.modelValue - 1))
       }, [
-        i[2] || (i[2] = p("svg", {
+        l[2] || (l[2] = m("svg", {
           class: "dk:w-4 dk:h-4",
           viewBox: "0 0 16 16",
           fill: "none",
@@ -2895,33 +2895,33 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          p("polyline", { points: "10 4 6 8 10 12" })
+          m("polyline", { points: "10 4 6 8 10 12" })
         ], -1)),
         d.showLabels ? (t(), a("span", Gd, j(d.prevLabel), 1)) : $("", !0)
       ], 10, Qd),
-      (t(!0), a(E, null, K(z.value, (g) => (t(), a(E, { key: g }, [
+      (t(!0), a(E, null, K(w.value, (g) => (t(), a(E, { key: g }, [
         g === "..." ? (t(), a("span", {
           key: 0,
-          class: c(h.value),
+          class: c(C.value),
           "aria-hidden": "true"
         }, "…", 2)) : (t(), a("button", {
           key: 1,
           type: "button",
           "aria-label": `Pagina ${g}`,
           "aria-current": d.modelValue === g ? "page" : void 0,
-          class: c(M(g)),
-          onClick: (w) => n(g)
+          class: c(B(g)),
+          onClick: (y) => n(g)
         }, j(g), 11, Jd))
       ], 64))), 128)),
-      p("button", {
+      m("button", {
         type: "button",
         disabled: d.modelValue >= f.value,
         "aria-label": d.nextLabel,
         class: c([S.value, d.modelValue >= f.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
-        onClick: i[1] || (i[1] = (g) => n(d.modelValue + 1))
+        onClick: l[1] || (l[1] = (g) => n(d.modelValue + 1))
       }, [
         d.showLabels ? (t(), a("span", Yd, j(d.nextLabel), 1)) : $("", !0),
-        i[3] || (i[3] = p("svg", {
+        l[3] || (l[3] = m("svg", {
           class: "dk:w-4 dk:h-4",
           viewBox: "0 0 16 16",
           fill: "none",
@@ -2931,7 +2931,7 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          p("polyline", { points: "6 4 10 8 6 12" })
+          m("polyline", { points: "6 4 10 8 6 12" })
         ], -1))
       ], 10, Xd)
     ], 10, Hd));
@@ -2946,9 +2946,9 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
   },
   setup(d) {
     const r = d;
-    function e(v) {
-      if (v !== void 0)
-        return typeof v == "number" ? `${v}px` : v;
+    function e(h) {
+      if (h !== void 0)
+        return typeof h == "number" ? `${h}px` : h;
     }
     const u = k(() => ({
       width: e(r.width),
@@ -2962,14 +2962,14 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
       circular: "dk:block dk:w-10 dk:h-10 dk:rounded-full",
       rectangular: "dk:block dk:w-full dk:h-20 dk:rounded-none",
       rounded: "dk:block dk:w-full dk:h-20 dk:rounded-xl"
-    }, z = k(() => [
+    }, w = k(() => [
       "dk:bg-zinc-200 dk:dark:bg-zinc-700",
       n[r.variant],
       f[r.animation]
     ].join(" "));
-    return (v, l) => (t(), a("span", {
-      class: c(z.value),
-      style: ae(u.value),
+    return (h, i) => (t(), a("span", {
+      class: c(w.value),
+      style: te(u.value),
       "aria-hidden": "true",
       role: "presentation"
     }, null, 6));
@@ -2992,94 +2992,94 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
     const e = d, u = r, f = Math.random().toString(36).slice(2, 8);
-    function n(h, m) {
-      m || (u("update:modelValue", h), u("change", h));
-    }
-    function z(h, m) {
-      const i = e.tabs.filter((w) => !w.disabled).map((w) => w.value), g = i.indexOf(m);
-      if (h.key === "ArrowRight" || h.key === "ArrowDown") {
-        h.preventDefault();
-        const w = i[(g + 1) % i.length];
-        n(w);
+    function n(C, b) {
+      b || (u("update:modelValue", C), u("change", C));
+    }
+    function w(C, b) {
+      const l = e.tabs.filter((y) => !y.disabled).map((y) => y.value), g = l.indexOf(b);
+      if (C.key === "ArrowRight" || C.key === "ArrowDown") {
+        C.preventDefault();
+        const y = l[(g + 1) % l.length];
+        n(y);
       }
-      if (h.key === "ArrowLeft" || h.key === "ArrowUp") {
-        h.preventDefault();
-        const w = i[(g - 1 + i.length) % i.length];
-        n(w);
+      if (C.key === "ArrowLeft" || C.key === "ArrowUp") {
+        C.preventDefault();
+        const y = l[(g - 1 + l.length) % l.length];
+        n(y);
       }
-      h.key === "Home" && (h.preventDefault(), n(i[0])), h.key === "End" && (h.preventDefault(), n(i[i.length - 1]));
+      C.key === "Home" && (C.preventDefault(), n(l[0])), C.key === "End" && (C.preventDefault(), n(l[l.length - 1]));
     }
-    const v = {
+    const h = {
       sm: "dk:text-xs dk:px-3 dk:py-1.5",
       md: "dk:text-sm dk:px-4 dk:py-2",
       lg: "dk:text-base dk:px-5 dk:py-2.5"
-    }, l = {
+    }, i = {
       neutral: { underline: "dk:border-zinc-600 dk:text-zinc-700 dk:dark:border-zinc-400 dk:dark:text-zinc-200", pills: "dk:bg-zinc-600 dk:text-white dk:dark:bg-zinc-500", boxed: "dk:bg-white dk:text-zinc-700 dk:dark:bg-zinc-800 dk:dark:text-zinc-200 dk:shadow-sm" },
       primary: { underline: "dk:border-slate-600 dk:text-slate-700 dk:dark:border-slate-400 dk:dark:text-slate-200", pills: "dk:bg-slate-600 dk:text-white dk:dark:bg-slate-500", boxed: "dk:bg-white dk:text-slate-700 dk:dark:bg-zinc-800 dk:dark:text-slate-200 dk:shadow-sm" },
       secondary: { underline: "dk:border-pink-600 dk:text-pink-700 dk:dark:border-pink-400 dk:dark:text-pink-200", pills: "dk:bg-pink-600 dk:text-white dk:dark:bg-pink-500", boxed: "dk:bg-white dk:text-pink-700 dk:dark:bg-zinc-800 dk:dark:text-pink-200 dk:shadow-sm" },
       success: { underline: "dk:border-emerald-600 dk:text-emerald-700 dk:dark:border-emerald-400 dk:dark:text-emerald-200", pills: "dk:bg-emerald-600 dk:text-white dk:dark:bg-emerald-500", boxed: "dk:bg-white dk:text-emerald-700 dk:dark:bg-zinc-800 dk:dark:text-emerald-200 dk:shadow-sm" },
       warning: { underline: "dk:border-amber-500 dk:text-amber-700 dk:dark:border-amber-400 dk:dark:text-amber-200", pills: "dk:bg-amber-500 dk:text-white dk:dark:bg-amber-400", boxed: "dk:bg-white dk:text-amber-700 dk:dark:bg-zinc-800 dk:dark:text-amber-200 dk:shadow-sm" },
       danger: { underline: "dk:border-rose-600 dk:text-rose-700 dk:dark:border-rose-400 dk:dark:text-rose-200", pills: "dk:bg-rose-600 dk:text-white dk:dark:bg-rose-500", boxed: "dk:bg-white dk:text-rose-700 dk:dark:bg-zinc-800 dk:dark:text-rose-200 dk:shadow-sm" }
-    }, b = k(() => "dk:w-full"), x = k(() => {
-      const h = "dk:flex dk:items-center dk:gap-0.5", m = e.fullWidth ? "dk:w-full" : "", i = {
+    }, p = k(() => "dk:w-full"), x = k(() => {
+      const C = "dk:flex dk:items-center dk:gap-0.5", b = e.fullWidth ? "dk:w-full" : "", l = {
         underline: "dk:border-b dk:border-zinc-200 dk:dark:border-zinc-700",
         pills: "dk:gap-1",
         boxed: "dk:bg-zinc-100 dk:dark:bg-zinc-800 dk:p-1 dk:rounded-xl dk:gap-1"
       }[e.variant];
-      return [h, m, i].join(" ");
+      return [C, b, l].join(" ");
     });
-    function y(h, m) {
-      const i = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t", g = v[e.size], w = e.modelValue === h, o = m ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", s = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
+    function v(C, b) {
+      const l = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t", g = h[e.size], y = e.modelValue === C, o = b ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", s = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
       if (e.variant === "underline") {
-        const I = w ? `dk:border-b-2 ${l[e.color].underline}` : "dk:border-b-2 dk:border-transparent dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200 dk:hover:border-zinc-300 dk:dark:hover:border-zinc-600";
-        return [i, g, I, o, s].join(" ");
+        const I = y ? `dk:border-b-2 ${i[e.color].underline}` : "dk:border-b-2 dk:border-transparent dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200 dk:hover:border-zinc-300 dk:dark:hover:border-zinc-600";
+        return [l, g, I, o, s].join(" ");
       }
       if (e.variant === "pills") {
-        const I = w ? `dk:rounded-lg ${l[e.color].pills}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200";
-        return [i, g, I, o, s].join(" ");
+        const I = y ? `dk:rounded-lg ${i[e.color].pills}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200";
+        return [l, g, I, o, s].join(" ");
       }
-      const C = w ? `dk:rounded-lg ${l[e.color].boxed}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-black/5 dk:dark:hover:bg-white/5 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200", B = e.fullWidth ? "dk:flex-1 dk:text-center dk:justify-center" : "";
-      return [i, g, C, o, s, B].join(" ");
+      const z = y ? `dk:rounded-lg ${i[e.color].boxed}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-black/5 dk:dark:hover:bg-white/5 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200", D = e.fullWidth ? "dk:flex-1 dk:text-center dk:justify-center" : "";
+      return [l, g, z, o, s, D].join(" ");
     }
-    const S = k(() => "dk:ml-1 dk:inline-flex dk:items-center dk:justify-center dk:rounded-full dk:bg-current/15 dk:text-current dk:text-[10px] dk:font-semibold dk:px-1.5 dk:py-px dk:leading-none"), M = k(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
-    return (h, m) => (t(), a("div", {
-      class: c(b.value)
+    const S = k(() => "dk:ml-1 dk:inline-flex dk:items-center dk:justify-center dk:rounded-full dk:bg-current/15 dk:text-current dk:text-[10px] dk:font-semibold dk:px-1.5 dk:py-px dk:leading-none"), B = k(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
+    return (C, b) => (t(), a("div", {
+      class: c(p.value)
     }, [
-      p("div", {
+      m("div", {
         class: c(x.value),
         role: "tablist",
         "aria-label": d.ariaLabel
       }, [
-        (t(!0), a(E, null, K(d.tabs, (i) => (t(), a("button", {
-          key: i.value,
+        (t(!0), a(E, null, K(d.tabs, (l) => (t(), a("button", {
+          key: l.value,
           type: "button",
-          id: `tab-${Z(f)}-${i.value}`,
-          "aria-controls": `panel-${Z(f)}-${i.value}`,
-          "aria-selected": d.modelValue === i.value,
-          disabled: i.disabled,
+          id: `tab-${Z(f)}-${l.value}`,
+          "aria-controls": `panel-${Z(f)}-${l.value}`,
+          "aria-selected": d.modelValue === l.value,
+          disabled: l.disabled,
           role: "tab",
-          class: c(y(i.value, i.disabled)),
-          onClick: (g) => n(i.value, i.disabled),
-          onKeydown: (g) => z(g, i.value)
+          class: c(v(l.value, l.disabled)),
+          onClick: (g) => n(l.value, l.disabled),
+          onKeydown: (g) => w(g, l.value)
         }, [
-          i.icon ? (t(), a("span", dt, j(i.icon), 1)) : $("", !0),
-          P(" " + j(i.label) + " ", 1),
-          i.badge !== void 0 ? (t(), a("span", {
+          l.icon ? (t(), a("span", dt, j(l.icon), 1)) : $("", !0),
+          P(" " + j(l.label) + " ", 1),
+          l.badge !== void 0 ? (t(), a("span", {
             key: 1,
             class: c(S.value)
-          }, j(i.badge), 3)) : $("", !0)
+          }, j(l.badge), 3)) : $("", !0)
         ], 42, et))), 128))
       ], 10, Rd),
-      (t(!0), a(E, null, K(d.tabs, (i) => (t(), a("div", {
-        key: i.value,
-        id: `panel-${Z(f)}-${i.value}`,
-        "aria-labelledby": `tab-${Z(f)}-${i.value}`,
+      (t(!0), a(E, null, K(d.tabs, (l) => (t(), a("div", {
+        key: l.value,
+        id: `panel-${Z(f)}-${l.value}`,
+        "aria-labelledby": `tab-${Z(f)}-${l.value}`,
         role: "tabpanel",
-        tabindex: d.modelValue === i.value ? 0 : -1,
-        hidden: d.modelValue !== i.value,
-        class: c(M.value)
+        tabindex: d.modelValue === l.value ? 0 : -1,
+        hidden: d.modelValue !== l.value,
+        class: c(B.value)
       }, [
-        T(h.$slots, i.value)
+        _(C.$slots, l.value)
       ], 10, tt))), 128))
     ], 2));
   }
@@ -3137,18 +3137,19 @@ const ot = {
       "bottom-right": "dk:bottom-4 dk:right-4 dk:items-end",
       "bottom-left": "dk:bottom-4 dk:left-4 dk:items-start",
       "bottom-center": "dk:bottom-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center"
-    }, z = k(() => [
+    }, w = k(() => [
       "dk:fixed dk:pointer-events-none",
-      n[r.position],
-      `dk:z-[${r.zIndex}]`
-    ].join(" ")), v = k(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), l = {
+      n[r.position]
+    ].join(" ")), h = k(() => ({
+      zIndex: String(r.zIndex)
+    })), i = k(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), p = {
       neutral: "dk:bg-zinc-800 dk:dark:bg-zinc-700 dk:text-white dk:border-zinc-600",
       primary: "dk:bg-slate-700 dk:dark:bg-slate-700 dk:text-white dk:border-slate-500",
       secondary: "dk:bg-pink-600 dk:dark:bg-pink-700 dk:text-white dk:border-pink-400",
       success: "dk:bg-emerald-600 dk:dark:bg-emerald-700 dk:text-white dk:border-emerald-400",
       warning: "dk:bg-amber-600 dk:dark:bg-amber-700 dk:text-white dk:border-amber-400",
       danger: "dk:bg-rose-600 dk:dark:bg-rose-700 dk:text-white dk:border-rose-400"
-    }, b = {
+    }, x = {
       neutral: "dk:bg-zinc-300",
       primary: "dk:bg-slate-300",
       secondary: "dk:bg-pink-200",
@@ -3156,25 +3157,26 @@ const ot = {
       warning: "dk:bg-amber-200",
       danger: "dk:bg-rose-200"
     };
-    function x(S) {
+    function v(B) {
       return [
         "dk:pointer-events-auto dk:flex dk:items-start dk:gap-3",
         "dk:rounded-xl dk:border dk:px-4 dk:py-3 dk:shadow-xl",
-        l[S]
+        p[B]
       ].join(" ");
     }
-    function y(S) {
-      return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", b[S]].join(" ");
+    function S(B) {
+      return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", x[B]].join(" ");
     }
-    return (S, M) => (t(), W(me, { to: "body" }, [
-      p("div", {
-        class: c(z.value),
+    return (B, C) => (t(), W(me, { to: "body" }, [
+      m("div", {
+        class: c(w.value),
+        style: te(h.value),
         "aria-live": "polite",
         "aria-atomic": "false"
       }, [
         J(Ae, {
           tag: "div",
-          class: c(v.value),
+          class: c(i.value),
           "enter-active-class": "dk:transition-all dk:duration-300 dk:ease-out",
           "leave-active-class": "dk:transition-all dk:duration-200 dk:ease-in dk:absolute dk:w-full",
           "enter-from-class": "dk:opacity-0 dk:translate-y-2 dk:scale-95",
@@ -3182,34 +3184,39 @@ const ot = {
           "move-class": "dk:transition-all dk:duration-300"
         }, {
           default: A(() => [
-            (t(!0), a(E, null, K(f.value, (h) => (t(), a("div", {
-              key: h.id,
+            (t(!0), a(E, null, K(f.value, (b) => (t(), a("div", {
+              key: b.id,
               role: "alert",
-              class: c(x(h.color))
+              class: c(v(b.color))
             }, [
-              h.icon ? (t(), a("span", ot, j(h.icon), 1)) : (t(), a("span", {
+              b.icon ? (t(), a("span", ot, j(b.icon), 1)) : (t(), a("span", {
                 key: 1,
-                class: c(y(h.color)),
+                class: c(S(b.color)),
                 "aria-hidden": "true"
               }, null, 2)),
-              p("div", kt, [
-                h.title ? (t(), a("p", nt, j(h.title), 1)) : $("", !0),
-                p("p", {
-                  class: c(["dk:text-sm dk:leading-snug", { "dk:opacity-80": h.title }])
-                }, j(h.message), 3)
+              m("div", kt, [
+                b.title ? (t(), a("p", nt, j(b.title), 1)) : $("", !0),
+                m("p", {
+                  class: c(["dk:text-sm dk:leading-snug", { "dk:opacity-80": b.title }])
+                }, j(b.message), 3)
               ]),
-              h.closable ? (t(), a("button", {
+              b.closable ? (t(), a("button", {
                 key: 2,
                 type: "button",
                 class: c(lt),
                 "aria-label": "Cerrar notificacion",
-                onClick: (m) => Z(u)(h.id)
-              }, " × ", 8, st)) : $("", !0)
+                onClick: (l) => Z(u)(b.id)
+              }, [...C[0] || (C[0] = [
+                m("i", {
+                  class: "mdi mdi-close",
+                  "aria-hidden": "true"
+                }, null, -1)
+              ])], 8, st)) : $("", !0)
             ], 2))), 128))
           ]),
           _: 1
         }, 8, ["class"])
-      ], 2)
+      ], 6)
     ]));
   }
 }), it = { key: 1 }, Jt = /* @__PURE__ */ L({
@@ -3225,28 +3232,28 @@ const ot = {
   emits: ["confirmed"],
   setup(d, { emit: r }) {
     const e = F(!1), u = F(!1), f = r, n = d;
-    function z() {
+    function w() {
       e.value = !0, setTimeout(() => {
         e.value = !1, u.value = !1;
       }, 1e4);
     }
-    function v() {
+    function h() {
       f("confirmed"), e.value = !1, u.value = !1;
     }
-    return (l, b) => e.value ? (t(), a("div", it, [
+    return (i, p) => e.value ? (t(), a("div", it, [
       J(ld, {
         modelValue: u.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (x) => u.value = x),
+        "onUpdate:modelValue": p[0] || (p[0] = (x) => u.value = x),
         label: n.checkLabel,
         size: n.size,
         variant: n.variant,
         color: n.color,
         checked: u.value
       }, null, 8, ["modelValue", "label", "size", "variant", "color", "checked"]),
-      b[2] || (b[2] = p("br", null, null, -1)),
+      p[2] || (p[2] = m("br", null, null, -1)),
       u.value ? (t(), W(oe, {
         key: 0,
-        onClick: b[1] || (b[1] = (x) => v()),
+        onClick: p[1] || (p[1] = (x) => h()),
         variant: n.variant,
         color: n.color,
         size: n.size
@@ -3258,7 +3265,7 @@ const ot = {
       }, 8, ["variant", "color", "size"])) : $("", !0)
     ])) : (t(), W(oe, {
       key: 0,
-      onClick: z,
+      onClick: w,
       variant: n.variant,
       color: n.color,
       size: n.size
@@ -3295,17 +3302,17 @@ const ot = {
   },
   setup(d) {
     const r = d, e = F(!1), u = ze({}), f = (g) => se(g.to), n = (g) => {
-      const w = f(g);
-      return fe(g.to, w);
-    }, z = () => {
+      const y = f(g);
+      return fe(g.to, y);
+    }, w = () => {
       e.value = !e.value;
-    }, v = () => {
+    }, h = () => {
       e.value = !1, Object.keys(u).forEach((g) => {
         u[g] = !1;
       });
-    }, l = (g) => {
+    }, i = (g) => {
       u[g] = !u[g];
-    }, b = {
+    }, p = {
       s: {
         height: "dk:h-12",
         padding: "dk:px-3",
@@ -3325,7 +3332,7 @@ const ot = {
         itemPadding: "dk:px-4 dk:py-3"
       }
     }, x = k(() => {
-      const g = b[r.size];
+      const g = p[r.size];
       return [
         "dk:relative",
         "dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
@@ -3342,7 +3349,7 @@ const ot = {
         g.padding,
         g.text
       ].join(" ");
-    }), y = k(() => [
+    }), v = k(() => [
       "dk:flex dk:items-center dk:space-x-1 dk:flex-1",
       {
         left: "dk:justify-start",
@@ -3359,12 +3366,12 @@ const ot = {
         warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
       };
       return g[r.underlineColor] || g.primary;
-    }, M = k(() => {
-      const g = b[r.size], w = S();
+    }, B = k(() => {
+      const g = p[r.size], y = S();
       return (o, s = !0) => {
-        const C = o.active ?? !1, B = s ? "dk:pl-3" : "dk:pl-2", I = "dk:pr-3", X = s ? "dk:pl-2" : "dk:pl-1", ee = "dk:pr-2", de = s ? "dk:pl-4" : "dk:pl-3", ge = "dk:pr-4";
-        let te = "";
-        return g.itemPadding.includes("px-2") ? te = `${X} ${ee} dk:py-1.5` : g.itemPadding.includes("px-4") ? te = `${de} ${ge} dk:py-3` : te = `${B} ${I} dk:py-2`, [
+        const z = o.active ?? !1, D = s ? "dk:pl-3" : "dk:pl-2", I = "dk:pr-3", X = s ? "dk:pl-2" : "dk:pl-1", ee = "dk:pr-2", de = s ? "dk:pl-4" : "dk:pl-3", ge = "dk:pr-4";
+        let re = "";
+        return g.itemPadding.includes("px-2") ? re = `${X} ${ee} dk:py-1.5` : g.itemPadding.includes("px-4") ? re = `${de} ${ge} dk:py-3` : re = `${D} ${I} dk:py-2`, [
           // Block style with animated underline
           "dk:flex dk:items-center dk:relative dk:transition-all dk:duration-300",
           "dk:text-gray-700 dk:hover:text-gray-900 dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
@@ -3373,48 +3380,48 @@ const ot = {
           // Animated underline effect
           "dk:before:absolute dk:before:bottom-0 dk:before:left-0 dk:before:h-0.5",
           "dk:before:bg-gradient-to-r",
-          w,
+          y,
           "dk:before:transition-all dk:before:duration-300",
-          C ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
-          te
+          z ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
+          re
         ].join(" ");
       };
-    }), h = k(() => [
+    }), C = k(() => [
       "dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm dk:whitespace-nowrap",
       "dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-white/50 dk:dark:hover:bg-white/10",
       "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
       "dk:transition-all dk:duration-200 dk:no-underline",
       "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500"
-    ].join(" ")), m = k(() => [
+    ].join(" ")), b = k(() => [
       "dk:flex dk:items-center dk:justify-start dk:w-full dk:text-left dk:px-3 dk:py-2",
       "dk:text-gray-700 dk:hover:text-gray-900 dk:rounded-lg",
       "dk:bg-white/10 dk:hover:bg-white/25 dk:dark:bg-white/5 dk:dark:hover:bg-white/15",
       "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
       "dk:border dk:border-white/20 dk:dark:border-white/10 dk:hover:border-white/40 dk:dark:hover:border-white/20",
       "dk:transition-all dk:duration-200 dk:no-underline"
-    ].join(" ")), i = k(() => [
+    ].join(" ")), l = k(() => [
       "dk:block dk:w-full dk:text-left dk:px-3 dk:py-2 dk:text-sm dk:rounded-lg",
       "dk:text-gray-600 dk:hover:text-gray-800 dk:hover:bg-white/30 dk:dark:hover:bg-white/10",
       "dk:dark:text-gray-400 dk:dark:hover:text-gray-200",
       "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
       "dk:transition-all dk:duration-200 dk:no-underline"
     ].join(" "));
-    return (g, w) => (t(), a("nav", {
+    return (g, y) => (t(), a("nav", {
       class: c(x.value)
     }, [
       g.$slots.brand ? (t(), a("div", ct, [
-        T(g.$slots, "brand")
+        _(g.$slots, "brand")
       ])) : $("", !0),
-      p("div", ut, [
-        p("div", {
-          class: c(y.value)
+      m("div", ut, [
+        m("div", {
+          class: c(v.value)
         }, [
           (t(!0), a(E, null, K(d.items, (o) => (t(), a(E, {
             key: o.label
           }, [
             o.children && o.children.length > 0 ? (t(), a("div", bt, [
               (t(), W(Q(f(o)), O({ ref_for: !0 }, n(o), {
-                class: M.value(o, !0)
+                class: B.value(o, !0)
               }), {
                 default: A(() => [
                   o.icon ? (t(), a("i", {
@@ -3422,13 +3429,13 @@ const ot = {
                     class: c([o.icon, "dk:mr-2"])
                   }, null, 2)) : $("", !0),
                   P(" " + j(o.label) + " ", 1),
-                  w[0] || (w[0] = p("svg", {
+                  y[0] || (y[0] = m("svg", {
                     class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    p("path", {
+                    m("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -3438,10 +3445,10 @@ const ot = {
                 ]),
                 _: 2
               }, 1040, ["class"])),
-              p("div", pt, [
+              m("div", pt, [
                 (t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(f(s)), O({
                   key: s.label
-                }, { ref_for: !0 }, n(s), { class: h.value }), {
+                }, { ref_for: !0 }, n(s), { class: C.value }), {
                   default: A(() => [
                     s.icon ? (t(), a("i", {
                       key: 0,
@@ -3456,7 +3463,7 @@ const ot = {
               key: 1,
               ref_for: !0
             }, n(o), {
-              class: M.value(o, !1)
+              class: B.value(o, !1)
             }), {
               default: A(() => [
                 o.icon ? (t(), a("i", {
@@ -3471,15 +3478,15 @@ const ot = {
         ], 2)
       ]),
       g.$slots.actions ? (t(), a("div", mt, [
-        T(g.$slots, "actions")
+        _(g.$slots, "actions")
       ])) : $("", !0),
-      p("button", {
+      m("button", {
         type: "button",
-        onClick: z,
+        onClick: w,
         class: "dk:md:hidden dk:ml-auto dk:flex-shrink-0 dk:p-2 dk:rounded-md dk:hover:bg-gray-100 dk:dark:hover:bg-gray-700 dk:transition-colors"
       }, [
         (t(), a("svg", ft, [
-          p("path", {
+          m("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
@@ -3487,18 +3494,18 @@ const ot = {
           }, null, 8, gt)
         ]))
       ]),
-      xe(p("div", xt, [
-        p("div", ht, [
+      xe(m("div", xt, [
+        m("div", ht, [
           (t(!0), a(E, null, K(d.items, (o) => (t(), a(E, {
             key: o.label
           }, [
             o.children && o.children.length > 0 ? (t(), a("div", vt, [
-              p("button", {
+              m("button", {
                 type: "button",
-                onClick: (s) => l(o.label),
-                class: c([m.value, "dk:justify-between"])
+                onClick: (s) => i(o.label),
+                class: c([b.value, "dk:justify-between"])
               }, [
-                p("div", wt, [
+                m("div", wt, [
                   o.icon ? (t(), a("i", {
                     key: 0,
                     class: c([o.icon, "dk:mr-2"])
@@ -3510,8 +3517,8 @@ const ot = {
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, [...w[1] || (w[1] = [
-                  p("path", {
+                }, [...y[1] || (y[1] = [
+                  m("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -3519,12 +3526,12 @@ const ot = {
                   }, null, -1)
                 ])], 2))
               ], 10, yt),
-              xe(p("div", zt, [
+              xe(m("div", zt, [
                 (t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(f(s)), O({
                   key: s.label
                 }, { ref_for: !0 }, n(s), {
-                  class: i.value,
-                  onClick: v
+                  class: l.value,
+                  onClick: h
                 }), {
                   default: A(() => [
                     s.icon ? (t(), a("i", {
@@ -3542,8 +3549,8 @@ const ot = {
               key: 1,
               ref_for: !0
             }, n(o), {
-              class: m.value,
-              onClick: v
+              class: b.value,
+              onClick: h
             }), {
               default: A(() => [
                 o.icon ? (t(), a("i", {
@@ -3556,7 +3563,7 @@ const ot = {
             }, 1040, ["class"]))
           ], 64))), 128)),
           g.$slots.actions ? (t(), a("div", Ct, [
-            T(g.$slots, "actions")
+            _(g.$slots, "actions")
           ])) : $("", !0)
         ])
       ], 512), [
@@ -3568,7 +3575,7 @@ const ot = {
 export {
   Ot as DuiAccordion,
   Pt as DuiAction,
-  Tt as DuiAlert,
+  _t as DuiAlert,
   Nt as DuiBadge,
   oe as DuiButton,
   It as DuiCard,
@@ -3584,7 +3591,7 @@ export {
   At as DuiModal,
   Xt as DuiNavbar,
   Ut as DuiPagination,
-  _t as DuiRadio,
+  Tt as DuiRadio,
   Bt as DuiSelect,
   Ht as DuiSkeleton,
   ld as DuiSwitch,
@@ -3592,5 +3599,6 @@ export {
   Qt as DuiTabs,
   Vt as DuiTextarea,
   Gt as DuiToast,
-  Wt as DuiTooltip
+  Wt as DuiTooltip,
+  at as useToast
 };