@dronico/droni-kit 1.25.0 → 1.26.0

package/dist/droni-kit.es.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Pe, defineComponent as L, computed as o, openBlock as t, createBlock as W, resolveDynamicComponent as Q, mergeProps as O, withCtx as A, renderSlot as _, createElementBlock as a, ref as N, watch as ae, normalizeClass as s, createElementVNode as m, withModifiers as G, toDisplayString as j, createCommentVNode as S, Fragment as E, renderList as K, createTextVNode as P, withDirectives as xe, vShow as he, useSlots as we, unref as R, provide as Ie, 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 Ae, TransitionGroup as Ee } from "vue";
+import { getCurrentInstance as Pe, defineComponent as L, computed as o, openBlock as t, createBlock as W, resolveDynamicComponent as Q, mergeProps as O, withCtx as I, renderSlot as _, createElementBlock as a, ref as N, watch as ae, normalizeClass as n, createElementVNode as m, withModifiers as G, toDisplayString as j, createCommentVNode as S, Fragment as E, renderList as K, createTextVNode as P, withDirectives as he, vShow as xe, useSlots as we, unref as R, provide as Ae, 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 Ee } from "vue";
 function We() {
   try {
     const d = Pe(), r = d == null ? void 0 : d.appContext.app;
@@ -11,8 +11,8 @@ function se(d) {
   return d ? We() ? "RouterLink" : "a" : "button";
 }
 function fe(d, r, e = {}) {
-  const l = { ...e };
-  return r === "a" ? (l.href = typeof d == "string" ? d : "#", l.role = "button") : r !== "button" && r !== "span" && (l.to = d), l;
+  const s = { ...e };
+  return r === "a" ? (s.href = typeof d == "string" ? d : "#", s.role = "button") : r !== "button" && r !== "span" && (s.to = d), s;
 }
 const Oe = { key: 1 }, Fe = `
   dk:transition
@@ -40,14 +40,14 @@ const Oe = { key: 1 }, Fe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = o(() => se(r.to)), l = o(() => {
+    const r = d, e = o(() => se(r.to)), s = o(() => {
       const p = {};
       return e.value === "button" && (p.type = r.type), fe(r.to, e.value, p);
     }), g = {
       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"
-    }, n = {
+    }, l = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -226,17 +226,17 @@ const Oe = { key: 1 }, Fe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, h = o(() => {
+    }, x = o(() => {
       var z;
-      const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", v = r.block ? "dk:w-full" : "", f = n[r.rounded] || "";
+      const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", v = r.block ? "dk:w-full" : "", f = l[r.rounded] || "";
       return [Fe, p, b, v, f].join(" ");
     });
-    return (p, b) => (t(), W(Q(e.value), O(l.value, {
-      class: h.value,
+    return (p, b) => (t(), W(Q(e.value), O(s.value, {
+      class: x.value,
       title: r.title,
       disabled: r.disabled || r.loading
     }), {
-      default: A(() => [
+      default: I(() => [
         r.loading ? (t(), a("span", Oe, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
       ]),
       _: 3
@@ -277,11 +277,11 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "open-browser", "upload-file", "open-file"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = N(null), n = N(""), w = {
+    const e = d, s = r, g = N(null), l = N(""), 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"
-    }, h = {
+    }, x = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
@@ -289,7 +289,7 @@ const Oe = { key: 1 }, Fe = `
       right: "dk:rounded-r-xl",
       none: "dk:rounded-none"
     }, p = o(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), b = o(() => {
-      const k = w[e.size] || w.md, u = h[e.rounded] || h.all;
+      const k = w[e.size] || w.md, u = x[e.rounded] || x.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",
@@ -302,12 +302,12 @@ const Oe = { key: 1 }, Fe = `
       "dk:sm:w-auto dk:sm:flex-row dk:sm:items-center dk:sm:justify-end"
     ].join(" ")), z = o(() => [
       "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(" ")), V = o(() => n.value ? n.value : e.modelValue ? y(e.modelValue) : "No hay archivo seleccionado");
+      e.modelValue || l.value ? "dk:text-zinc-900 dk:dark:text-zinc-100" : "dk:text-zinc-500 dk:dark:text-zinc-400"
+    ].join(" ")), V = o(() => l.value ? l.value : e.modelValue ? y(e.modelValue) : "No hay archivo seleccionado");
     ae(
       () => e.modelValue,
       (k) => {
-        k && (n.value = "");
+        k && (l.value = "");
       }
     );
     function y(k) {
@@ -315,42 +315,42 @@ const Oe = { key: 1 }, Fe = `
       return u[u.length - 1];
     }
     function c() {
-      l("open-browser");
+      s("open-browser");
     }
     function i() {
       var k;
       (k = g.value) == null || k.click();
     }
-    function x(k) {
+    function h(k) {
       var D;
       const u = k.target, $ = (D = u.files) == null ? void 0 : D[0];
-      $ && (n.value = $.name, l("upload-file", $), C(u));
+      $ && (l.value = $.name, s("upload-file", $), C(u));
     }
     function C(k) {
       k.value = "";
     }
     return (k, u) => (t(), a("div", {
-      class: s(p.value)
+      class: n(p.value)
     }, [
       m("div", {
-        class: s(b.value)
+        class: n(b.value)
       }, [
         m("div", {
-          class: s(v.value)
+          class: n(v.value)
         }, [
-          e.modelValue ?? n.value ? (t(), a("p", {
+          e.modelValue ?? l.value ? (t(), a("p", {
             key: 0,
-            class: s(z.value)
+            class: n(z.value)
           }, [
             m("a", {
               href: "#",
-              onClick: u[0] || (u[0] = G(($) => l("open-file", e.modelValue ?? n.value), ["prevent"])),
+              onClick: u[0] || (u[0] = G(($) => s("open-file", e.modelValue ?? l.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(V.value), 1)
           ], 2)) : S("", !0)
         ], 2),
         m("div", {
-          class: s(f.value)
+          class: n(f.value)
         }, [
           e.browserBtn ? (t(), W(oe, {
             key: 0,
@@ -361,7 +361,7 @@ const Oe = { key: 1 }, Fe = `
             title: "Abrir navegador de archivos",
             onClick: c
           }, {
-            default: A(() => [...u[1] || (u[1] = [
+            default: I(() => [...u[1] || (u[1] = [
               m("i", {
                 class: "mdi mdi-folder-search-outline",
                 "aria-hidden": "true"
@@ -378,7 +378,7 @@ const Oe = { key: 1 }, Fe = `
             title: "Subir nuevo archivo",
             onClick: i
           }, {
-            default: A(() => [...u[2] || (u[2] = [
+            default: I(() => [...u[2] || (u[2] = [
               m("i", {
                 class: "mdi mdi-upload",
                 "aria-hidden": "true"
@@ -394,7 +394,7 @@ const Oe = { key: 1 }, Fe = `
         type: "file",
         class: "dk:hidden",
         accept: e.accept,
-        onChange: x
+        onChange: h
       }, null, 40, Ne)
     ], 2));
   }
@@ -433,12 +433,12 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, l = r;
+    const e = d, s = r;
     function g(p) {
       const b = p.target;
-      l("update:modelValue", b.value);
+      s("update:modelValue", b.value);
     }
-    const n = {
+    const l = {
       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"
@@ -449,12 +449,12 @@ const Oe = { key: 1 }, Fe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, h = o(() => {
-      const p = n[e.size] || "", b = e.block ? "dk:w-full" : "", v = w[e.rounded] || "";
+    }, x = o(() => {
+      const p = l[e.size] || "", b = e.block ? "dk:w-full" : "", v = w[e.rounded] || "";
       return [Ue, p, b, v].join(" ");
     });
     return (p, b) => (t(), a("input", O({
-      class: h.value,
+      class: x.value,
       value: d.modelValue
     }, p.$attrs, { onInput: g }), null, 16, Ke));
   }
@@ -501,12 +501,12 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, l = r;
+    const e = d, s = r;
     function g(v) {
       const f = v.target;
-      e.autoheight && b(f), l("update:modelValue", f.value);
+      e.autoheight && b(f), s("update:modelValue", f.value);
     }
-    const n = {
+    const l = {
       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"
@@ -517,13 +517,13 @@ const Oe = { key: 1 }, Fe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, h = {
+    }, x = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
     }, p = o(() => {
-      const v = n[e.size] || "", f = e.block ? "dk:w-full" : "", z = w[e.rounded] || "", V = h[e.resize] || "";
+      const v = l[e.size] || "", f = e.block ? "dk:w-full" : "", z = w[e.rounded] || "", V = x[e.resize] || "";
       return [He, v, f, z, V].join(" ");
     }), b = (v) => {
       v.style.height = "auto", v.style.height = `${v.scrollHeight + 5}px`;
@@ -592,7 +592,7 @@ const Oe = { key: 1 }, Fe = `
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
     const e = d;
-    function l(b, v) {
+    function s(b, v) {
       const f = v.split(".").reduce((z, V) => {
         if (!(z === null || typeof z != "object"))
           return z[V];
@@ -600,7 +600,7 @@ const Oe = { key: 1 }, Fe = `
       return typeof f == "string" || typeof f == "number" ? f : void 0;
     }
     const g = r;
-    function n(b) {
+    function l(b) {
       const f = b.target.value, z = Number(f);
       !isNaN(z) && f !== "" ? g("update:modelValue", z) : g("update:modelValue", f);
     }
@@ -608,7 +608,7 @@ const Oe = { key: 1 }, Fe = `
       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"
-    }, h = {
+    }, x = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -616,19 +616,19 @@ const Oe = { key: 1 }, Fe = `
       right: "dk:rounded-r",
       none: "dk:rounded-none"
     }, p = o(() => {
-      const b = w[e.size] || "", v = e.block ? "dk:w-full" : "", f = h[e.rounded] || "";
+      const b = w[e.size] || "", v = e.block ? "dk:w-full" : "", f = x[e.rounded] || "";
       return [Ye, b, v, f].join(" ");
     });
     return (b, v) => (t(), a("select", O(b.$attrs, {
       class: p.value,
-      onChange: n
+      onChange: l
     }), [
       d.placeholder ? (t(), a("option", Qe, j(d.placeholder), 1)) : S("", !0),
       (t(!0), a(E, null, K(d.options, (f, z) => (t(), a("option", {
         key: z,
-        value: l(f, d.itemValue) ?? "",
-        selected: l(f, d.itemValue) == d.modelValue
-      }, j(l(f, d.itemLabel) ?? ""), 9, Ge))), 128))
+        value: s(f, d.itemValue) ?? "",
+        selected: s(f, d.itemValue) == d.modelValue
+      }, j(s(f, d.itemLabel) ?? ""), 9, Ge))), 128))
     ], 16));
   }
 }), Je = {
@@ -663,7 +663,7 @@ const Oe = { key: 1 }, Fe = `
     }
   },
   setup(d) {
-    const r = N(!1), e = d, l = {
+    const r = N(!1), e = d, s = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
@@ -671,16 +671,16 @@ const Oe = { key: 1 }, Fe = `
       s: "dk:mt-1",
       m: "dk:mt-1.5",
       l: "dk:mt-2"
-    }, n = {
+    }, l = {
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, w = o(() => [Ze].join(" ")), h = o(() => {
-      const v = l[e.size] || l.m, f = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", z = e.helpText ? "dk:cursor-help" : "";
+    }, w = o(() => [Ze].join(" ")), x = o(() => {
+      const v = s[e.size] || s.m, f = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", z = e.helpText ? "dk:cursor-help" : "";
       return [f, v, z].join(" ");
-    }), p = o(() => [g[e.size] || g.m].join(" ")), b = o(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", n[e.size] || n.m].join(" "));
+    }), p = o(() => [g[e.size] || g.m].join(" ")), b = o(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", l[e.size] || l.m].join(" "));
     return (v, f) => (t(), a("label", {
-      class: s(w.value)
+      class: n(w.value)
     }, [
       d.title ? (t(), a("div", {
         key: 0,
@@ -689,30 +689,30 @@ const Oe = { key: 1 }, Fe = `
         onMouseleave: f[1] || (f[1] = (z) => r.value = !1)
       }, [
         m("div", {
-          class: s(h.value)
+          class: n(x.value)
         }, [
           d.icon ? (t(), a("i", {
             key: 0,
-            class: s([d.icon, "dk:mr-2"])
+            class: n([d.icon, "dk:mr-2"])
           }, null, 2)) : S("", !0),
           P(" " + j(d.title) + " ", 1),
           d.required ? (t(), a("span", Je, "*")) : S("", !0)
         ], 2),
-        xe(m("div", Xe, [
+        he(m("div", Xe, [
           P(j(d.helpText) + " ", 1),
           f[2] || (f[2] = m("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
-          [he, r.value && d.helpText]
+          [xe, r.value && d.helpText]
         ])
       ], 32)) : S("", !0),
       m("div", {
-        class: s(p.value)
+        class: n(p.value)
       }, [
         _(v.$slots, "default", {}, void 0, !0)
       ], 2),
       d.error ? (t(), a("div", {
         key: 1,
-        class: s(b.value)
+        class: n(b.value)
       }, [
         f[3] || (f[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)
@@ -721,17 +721,20 @@ const Oe = { key: 1 }, Fe = `
   }
 }), ie = (d, r) => {
   const e = d.__vccOpts || d;
-  for (const [l, g] of r)
-    e[l] = g;
+  for (const [s, g] of r)
+    e[s] = g;
   return e;
 }, _t = /* @__PURE__ */ ie(Re, [["__scopeId", "data-v-aa6b6cdc"]]), ed = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, dd = ["checked", "disabled"], Lt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiCheckbox",
   props: {
     modelValue: {
-      type: Boolean,
+      type: [Boolean, Array],
       default: !1
     },
+    value: {
+      type: null
+    },
     label: {
       type: String,
       default: ""
@@ -752,10 +755,6 @@ const Oe = { key: 1 }, Fe = `
       type: Boolean,
       default: !1
     },
-    rounded: {
-      type: String,
-      default: "all"
-    },
     disabled: {
       type: Boolean,
       default: !1
@@ -763,7 +762,7 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = we(), n = {
+    const e = d, s = r, g = we(), l = o(() => Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : e.modelValue), w = {
       sm: {
         track: "dk:w-9 dk:h-5",
         thumb: "dk:w-3.5 dk:h-3.5",
@@ -779,14 +778,7 @@ const Oe = { key: 1 }, Fe = `
         thumb: "dk:w-5 dk:h-5",
         translate: "dk:peer-checked:translate-x-7"
       }
-    }, 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"
-    }, h = {
+    }, x = {
       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",
@@ -800,18 +792,17 @@ const Oe = { key: 1 }, Fe = `
       "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(" ")), f = o(() => {
-      const y = n[e.size] || n.md, c = w[e.rounded] || w.all, i = h[e.color] || h.primary;
+      const y = w[e.size] || w.md, c = x[e.color] || x.primary;
       return [
-        "dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
+        "dk:inline-flex dk:items-center dk:rounded-full 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",
         y.track,
-        c,
-        i
+        c
       ].join(" ");
     }), z = o(() => {
-      const y = n[e.size] || n.md;
+      const y = w[e.size] || w.md;
       return [
         "dk:absolute dk:left-1 dk:top-1/2 dk:-translate-y-1/2",
         "dk:bg-white dk:dark:bg-zinc-100",
@@ -823,14 +814,19 @@ const Oe = { key: 1 }, Fe = `
     });
     function V(y) {
       const c = y.target;
-      l("update:modelValue", c.checked);
+      if (Array.isArray(e.modelValue)) {
+        const i = e.modelValue.filter((h) => h !== e.value);
+        c.checked && i.push(e.value), s("update:modelValue", i);
+        return;
+      }
+      s("update:modelValue", c.checked);
     }
     return (y, c) => (t(), a("label", {
-      class: s(b.value)
+      class: n(b.value)
     }, [
       p.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
-        class: s(v.value)
+        class: n(v.value)
       }, [
         _(y.$slots, "default", {}, () => [
           P(j(d.label), 1)
@@ -840,19 +836,19 @@ const Oe = { key: 1 }, Fe = `
         m("input", O({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
-          checked: d.modelValue,
+          checked: l.value,
           disabled: d.disabled
         }, y.$attrs, { onChange: V }), null, 16, dd),
         m("span", {
-          class: s(f.value)
+          class: n(f.value)
         }, null, 2),
         m("span", {
-          class: s(z.value)
+          class: n(z.value)
         }, null, 2)
       ]),
       p.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
-        class: s(v.value)
+        class: n(v.value)
       }, [
         _(y.$slots, "default", {}, () => [
           P(j(d.label), 1)
@@ -876,15 +872,15 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = Math.random().toString(36).slice(2, 8);
-    function n(C) {
-      l("update:modelValue", C), l("change", C);
+    const e = d, s = r, g = Math.random().toString(36).slice(2, 8);
+    function l(C) {
+      s("update:modelValue", C), s("change", C);
     }
     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" }
-    }, h = {
+    }, x = {
       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",
@@ -911,7 +907,7 @@ const Oe = { key: 1 }, Fe = `
       return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", $, D].join(" ");
     }
     function V(C) {
-      const k = w[e.size], u = h[e.color], $ = b[e.color];
+      const k = w[e.size], u = x[e.color], $ = b[e.color];
       return [
         "dk:rounded-full dk:border-2 dk:transition-colors dk:duration-150",
         "dk:border-zinc-300 dk:dark:border-zinc-600",
@@ -929,20 +925,20 @@ const Oe = { key: 1 }, Fe = `
         C.dot,
         k
       ].join(" ");
-    }), c = o(() => "dk:flex dk:flex-col"), i = o(() => [w[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), x = o(() => [w[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
+    }), c = o(() => "dk:flex dk:flex-col"), i = o(() => [w[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), h = o(() => [w[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
     return (C, k) => (t(), a("div", {
-      class: s(v.value),
+      class: n(v.value),
       role: "radiogroup",
       "aria-labelledby": d.groupLabel ? `rg-label-${R(g)}` : void 0
     }, [
       d.groupLabel ? (t(), a("span", {
         key: 0,
         id: `rg-label-${R(g)}`,
-        class: s(f.value)
+        class: n(f.value)
       }, j(d.groupLabel), 11, rd)) : S("", !0),
       (t(!0), a(E, null, K(d.options, (u) => (t(), a("label", {
         key: u.value,
-        class: s(z(u.value, u.disabled))
+        class: n(z(u.value, u.disabled))
       }, [
         m("span", ad, [
           m("input", O({
@@ -953,24 +949,24 @@ const Oe = { key: 1 }, Fe = `
             checked: d.modelValue === u.value,
             disabled: u.disabled || d.disabled
           }, { ref_for: !0 }, C.$attrs, {
-            onChange: ($) => n(u.value)
+            onChange: ($) => l(u.value)
           }), null, 16, od),
           m("span", {
-            class: s(V(u.value))
+            class: n(V(u.value))
           }, null, 2),
           m("span", {
-            class: s(y.value)
+            class: n(y.value)
           }, null, 2)
         ]),
         m("span", {
-          class: s(c.value)
+          class: n(c.value)
         }, [
           m("span", {
-            class: s(i.value)
+            class: n(i.value)
           }, j(u.label), 3),
           u.description ? (t(), a("span", {
             key: 0,
-            class: s(x.value)
+            class: n(h.value)
           }, j(u.description), 3)) : S("", !0)
         ], 2)
       ], 2))), 128))
@@ -1029,7 +1025,7 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = we(), n = {
+    const e = d, s = r, g = we(), l = {
       sm: {
         track: "dk:w-8 dk:h-4",
         thumb: "dk:w-3 dk:h-3",
@@ -1055,25 +1051,25 @@ const Oe = { key: 1 }, Fe = `
       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"
-    }, h = o(() => !!(e.label || g.default)), p = o(() => {
-      const i = e.block ? "dk:w-full dk:justify-between" : "", x = e.block ? "dk:flex" : "dk:inline-flex", C = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
-      return [x, "dk:items-center dk:gap-3 dk:select-none", i, C].join(" ");
+    }, x = o(() => !!(e.label || g.default)), p = o(() => {
+      const i = e.block ? "dk:w-full dk:justify-between" : "", h = e.block ? "dk:flex" : "dk:inline-flex", C = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return [h, "dk:items-center dk:gap-3 dk:select-none", i, C].join(" ");
     }), b = o(() => [
       "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(" ")), v = o(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), f = o(() => {
-      const i = n[e.size], x = w[e.color];
+      const i = l[e.size], h = 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,
-        x
+        h
       ].join(" ");
     }), z = o(() => {
-      const i = n[e.size];
+      const i = l[e.size];
       return [
         "dk:absolute",
         i.offset,
@@ -1092,22 +1088,22 @@ const Oe = { key: 1 }, Fe = `
       danger: "dk:text-rose-600 dk:dark:text-rose-400"
     }, y = o(() => e.modelValue ? V[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
     function c(i) {
-      const x = i.target;
-      l("update:modelValue", x.checked), l("change", x.checked);
+      const h = i.target;
+      s("update:modelValue", h.checked), s("change", h.checked);
     }
-    return (i, x) => (t(), a("label", {
-      class: s(p.value)
+    return (i, h) => (t(), a("label", {
+      class: n(p.value)
     }, [
-      h.value && d.labelPosition === "left" ? (t(), a("span", {
+      x.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
-        class: s(b.value)
+        class: n(b.value)
       }, [
         _(i.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
-          class: s(v.value)
+          class: n(v.value)
         }, j(d.description), 3)) : S("", !0)
       ], 2)) : S("", !0),
       m("span", kd, [
@@ -1120,17 +1116,17 @@ const Oe = { key: 1 }, Fe = `
           disabled: d.disabled
         }, i.$attrs, { onChange: c }), null, 16, nd),
         m("span", {
-          class: s(f.value)
+          class: n(f.value)
         }, null, 2),
         m("span", {
-          class: s(z.value)
+          class: n(z.value)
         }, [
           d.showIcons ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: s(y.value)
+            class: n(y.value)
           }, [
-            d.modelValue ? (t(), a("svg", sd, [...x[0] || (x[0] = [
+            d.modelValue ? (t(), a("svg", sd, [...h[0] || (h[0] = [
               m("path", {
                 d: "M3.5 6.5l2 2 3-3",
                 stroke: "currentColor",
@@ -1139,7 +1135,7 @@ const Oe = { key: 1 }, Fe = `
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, -1)
-            ])])) : (t(), a("svg", ld, [...x[1] || (x[1] = [
+            ])])) : (t(), a("svg", ld, [...h[1] || (h[1] = [
               m("line", {
                 x1: "3",
                 y1: "3",
@@ -1162,21 +1158,21 @@ const Oe = { key: 1 }, Fe = `
           ], 2)) : S("", !0)
         ], 2)
       ]),
-      h.value && d.labelPosition === "right" ? (t(), a("span", {
+      x.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
-        class: s(b.value)
+        class: n(b.value)
       }, [
         _(i.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
-          class: s(v.value)
+          class: n(v.value)
         }, j(d.description), 3)) : S("", !0)
       ], 2)) : S("", !0)
     ], 2));
   }
-}), cd = ["novalidate", "method", "action", "aria-busy"], ud = ["disabled"], It = /* @__PURE__ */ L({
+}), cd = ["novalidate", "method", "action", "aria-busy"], ud = ["disabled"], At = /* @__PURE__ */ L({
   __name: "DuiForm",
   props: {
     novalidate: { type: Boolean, default: !1 },
@@ -1188,19 +1184,19 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["submit", "reset"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = Symbol("DuiForm");
-    Ie(g, {
+    const e = d, s = r, g = Symbol("DuiForm");
+    Ae(g, {
       loading: o(() => e.loading),
       disabled: o(() => e.disabled)
     });
-    function n(y) {
+    function l(y) {
       const c = y.target, i = new FormData(c);
-      l("submit", { formData: i, event: y });
+      s("submit", { formData: i, event: y });
     }
     function w(y) {
-      l("reset", y);
+      s("reset", y);
     }
-    const h = {
+    const x = {
       sm: "dk:space-y-3",
       md: "dk:space-y-5",
       lg: "dk:space-y-7"
@@ -1211,7 +1207,7 @@ const Oe = { key: 1 }, Fe = `
       "dk:mb-5",
       "dk:pb-4",
       "dk:border-b dk:border-zinc-200 dk:dark:border-zinc-700"
-    ].join(" ")), v = o(() => h[e.gap] || h.md), f = o(() => [
+    ].join(" ")), v = o(() => x[e.gap] || x.md), f = o(() => [
       "dk:mt-6",
       "dk:pt-4",
       "dk:border-t dk:border-zinc-200 dk:dark:border-zinc-700",
@@ -1233,14 +1229,14 @@ const Oe = { key: 1 }, Fe = `
       novalidate: d.novalidate,
       method: d.method,
       action: d.action,
-      class: s(p.value),
+      class: n(p.value),
       "aria-busy": d.loading,
-      onSubmit: G(n, ["prevent"]),
+      onSubmit: G(l, ["prevent"]),
       onReset: G(w, ["prevent"])
     }, [
       y.$slots.header ? (t(), a("div", {
         key: 0,
-        class: s(b.value)
+        class: n(b.value)
       }, [
         _(y.$slots, "header")
       ], 2)) : S("", !0),
@@ -1249,24 +1245,24 @@ const Oe = { key: 1 }, Fe = `
         class: "dk:border-0 dk:p-0 dk:m-0 dk:min-w-0"
       }, [
         m("div", {
-          class: s(v.value)
+          class: n(v.value)
         }, [
           _(y.$slots, "default")
         ], 2)
       ], 8, ud),
       y.$slots.footer ? (t(), a("div", {
         key: 1,
-        class: s(f.value)
+        class: n(f.value)
       }, [
         _(y.$slots, "footer")
       ], 2)) : S("", !0),
       d.loading ? (t(), a("div", {
         key: 2,
-        class: s(z.value),
+        class: n(z.value),
         "aria-hidden": "true"
       }, [
         m("span", {
-          class: s(V.value)
+          class: n(V.value)
         }, null, 2)
       ], 2)) : S("", !0)
     ], 42, cd));
@@ -1277,7 +1273,7 @@ const Oe = { key: 1 }, Fe = `
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, At = /* @__PURE__ */ L({
+`, It = /* @__PURE__ */ L({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -1301,7 +1297,7 @@ const Oe = { key: 1 }, Fe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, l = {
+    }, s = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -1331,17 +1327,17 @@ const Oe = { key: 1 }, Fe = `
       }
     }, g = o(() => {
       var p;
-      const n = ((p = l[r.variant]) == null ? void 0 : p[r.color]) || "", w = l[r.variant].base || "", h = e[r.rounded] || "";
-      return [bd, w, n, h].join(" ");
+      const l = ((p = s[r.variant]) == null ? void 0 : p[r.color]) || "", w = s[r.variant].base || "", x = e[r.rounded] || "";
+      return [bd, w, l, x].join(" ");
     });
-    return (n, w) => (t(), a("div", {
-      class: s(g.value),
+    return (l, w) => (t(), a("div", {
+      class: n(g.value),
       role: "alert"
     }, [
-      _(n.$slots, "default")
+      _(l.$slots, "default")
     ], 2));
   }
-}), pd = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, md = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, fd = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, gd = { key: 0 }, xd = ["colspan"], hd = {
+}), pd = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, md = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, fd = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, gd = { key: 0 }, hd = ["colspan"], xd = {
   key: 0,
   class: "dk:bg-gray-50 dk:dark:bg-gray-700 dk:border-t dk:border-gray-200 dk:dark:border-gray-600"
 }, vd = ["colspan"], yd = { class: "pagination-container" }, wd = { class: "pagination-info" }, zd = { class: "pagination-buttons" }, Cd = { class: "page-numbers" }, $d = ["onClick"], Sd = /* @__PURE__ */ L({
@@ -1366,24 +1362,24 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["paginate"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), n = o(() => {
+    const e = d, s = r, g = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), l = o(() => {
       if (!e.pagination) return [];
-      const h = [], p = 5, { page: b } = e.pagination, v = g.value;
+      const x = [], p = 5, { page: b } = e.pagination, v = g.value;
       let f = Math.max(1, b - Math.floor(p / 2)), z = Math.min(v, f + p - 1);
       z - f < p - 1 && (f = Math.max(1, z - p + 1));
       for (let V = f; V <= z; V++)
-        h.push(V);
-      return h;
-    }), w = (h) => {
-      e.pagination && h >= 1 && h <= g.value && l("paginate", h);
+        x.push(V);
+      return x;
+    }), w = (x) => {
+      e.pagination && x >= 1 && x <= g.value && s("paginate", x);
     };
-    return (h, p) => (t(), a("div", pd, [
+    return (x, p) => (t(), a("div", pd, [
       m("table", md, [
         m("thead", fd, [
           m("tr", null, [
             (t(!0), a(E, null, K(e.columns, (b) => (t(), a("th", {
               key: b.name,
-              class: s(["dk:px-6 dk:py-3", b.classes])
+              class: n(["dk:px-6 dk:py-3", b.classes])
             }, j(b.label), 3))), 128))
           ]),
           e.loading ? (t(), a("tr", gd, [
@@ -1392,11 +1388,11 @@ const Oe = { key: 1 }, Fe = `
               class: "dk:p-0"
             }, [...p[2] || (p[2] = [
               m("div", { class: "loading-bar" }, null, -1)
-            ])], 8, xd)
+            ])], 8, hd)
           ])) : S("", !0)
         ]),
         m("tbody", {
-          class: s({ "is-loading": e.loading })
+          class: n({ "is-loading": e.loading })
         }, [
           (t(!0), a(E, null, K(e.rows, (b, v) => (t(), a("tr", {
             key: v,
@@ -1406,13 +1402,13 @@ const Oe = { key: 1 }, Fe = `
               key: f.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              _(h.$slots, f.name, O({ ref_for: !0 }, b), () => [
+              _(x.$slots, f.name, O({ ref_for: !0 }, b), () => [
                 P(j(b[f.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ], 2),
-        e.pagination ? (t(), a("tfoot", hd, [
+        e.pagination ? (t(), a("tfoot", xd, [
           m("tr", null, [
             m("td", {
               colspan: e.columns.length,
@@ -1428,16 +1424,16 @@ const Oe = { key: 1 }, Fe = `
                     onClick: p[0] || (p[0] = (b) => w(e.pagination.page - 1)),
                     disabled: e.pagination.page === 1
                   }, {
-                    default: A(() => [...p[3] || (p[3] = [
+                    default: I(() => [...p[3] || (p[3] = [
                       P(" ← Anterior ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
                   m("div", Cd, [
-                    (t(!0), a(E, null, K(n.value, (b) => (t(), a("button", {
+                    (t(!0), a(E, null, K(l.value, (b) => (t(), a("button", {
                       key: b,
                       onClick: (v) => w(b),
-                      class: s(["page-number", { active: b === e.pagination.page }])
+                      class: n(["page-number", { active: b === e.pagination.page }])
                     }, j(b), 11, $d))), 128))
                   ]),
                   J(oe, {
@@ -1447,7 +1443,7 @@ const Oe = { key: 1 }, Fe = `
                     onClick: p[1] || (p[1] = (b) => w(e.pagination.page + 1)),
                     disabled: e.pagination.page === g.value
                   }, {
-                    default: A(() => [...p[4] || (p[4] = [
+                    default: I(() => [...p[4] || (p[4] = [
                       P(" Siguiente → ", -1)
                     ])]),
                     _: 1
@@ -1484,11 +1480,11 @@ const Oe = { key: 1 }, Fe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = o(() => r.to ? se(r.to) : "span"), l = o(() => fe(r.to, e.value)), g = {
+    const r = d, e = o(() => r.to ? se(r.to) : "span"), s = o(() => fe(r.to, e.value)), g = {
       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"
-    }, n = {
+    }, l = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -1667,16 +1663,16 @@ const Oe = { key: 1 }, Fe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, h = o(() => {
+    }, x = o(() => {
       var z;
-      const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", v = r.block ? "dk:block" : "dk:inline-block", f = n[r.rounded] || "";
+      const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", v = r.block ? "dk:block" : "dk:inline-block", f = l[r.rounded] || "";
       return [Vd, p, b, v, f].join(" ");
     });
-    return (p, b) => (t(), W(Q(e.value), O(l.value, {
-      class: h.value,
+    return (p, b) => (t(), W(Q(e.value), O(s.value, {
+      class: x.value,
       title: r.title
     }), {
-      default: A(() => [
+      default: I(() => [
         r.loading ? (t(), a("span", jd, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
       ]),
       _: 3
@@ -1695,10 +1691,10 @@ const Oe = { key: 1 }, Fe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = () => r.to ? se(r.to) : "div", l = () => r.to ? se(r.to) : "h3", g = () => {
+    const r = d, e = () => r.to ? se(r.to) : "div", s = () => r.to ? se(r.to) : "h3", g = () => {
       const c = e();
       return fe(r.to, c);
-    }, n = {
+    }, l = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -1736,11 +1732,11 @@ const Oe = { key: 1 }, Fe = `
       "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(" ")), h = o(() => [
+    ].join(" ")), x = o(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
     ].join(" ")), p = o(() => {
-      const c = n[r.size];
+      const c = l[r.size];
       return [
         c.padding,
         c.spacing,
@@ -1748,10 +1744,10 @@ const Oe = { key: 1 }, Fe = `
         "dk:relative dk:z-10"
       ].join(" ");
     }), b = o(() => [
-      n[r.size].spacing
+      l[r.size].spacing
     ].join(" ")), v = o(() => {
       const i = [
-        n[r.size].titleSize,
+        l[r.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
@@ -1768,11 +1764,11 @@ const Oe = { key: 1 }, Fe = `
       ];
       return r.to && c.push("dk:no-underline"), c.join(" ");
     }), z = o(() => [
-      n[r.size].subtitleSize,
+      l[r.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
     ].join(" ")), V = o(() => [
-      n[r.size].contentSize,
+      l[r.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
     ].join(" ")), y = o(() => [
       "dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
@@ -1780,47 +1776,47 @@ const Oe = { key: 1 }, Fe = `
       "dk:relative dk:z-10"
     ].join(" "));
     return (c, i) => (t(), a("div", {
-      class: s(w.value)
+      class: n(w.value)
     }, [
       d.image ? (t(), a("div", Bd, [
         (t(), W(Q(e()), O(g(), { class: f.value }), {
-          default: A(() => [
+          default: I(() => [
             m("img", {
               src: d.image,
               alt: d.title || "Card image",
-              class: s(h.value)
+              class: n(x.value)
             }, null, 10, Dd)
           ]),
           _: 1
         }, 16, ["class"]))
       ])) : S("", !0),
       m("div", {
-        class: s(p.value)
+        class: n(p.value)
       }, [
         d.title || d.subtitle ? (t(), a("div", {
           key: 0,
-          class: s(b.value)
+          class: n(b.value)
         }, [
-          d.title ? (t(), W(Q(l()), O({ key: 0 }, g(), { class: v.value }), {
-            default: A(() => [
+          d.title ? (t(), W(Q(s()), O({ key: 0 }, g(), { class: v.value }), {
+            default: I(() => [
               P(j(d.title), 1)
             ]),
             _: 1
           }, 16, ["class"])) : S("", !0),
           d.subtitle ? (t(), a("p", {
             key: 1,
-            class: s(z.value)
+            class: n(z.value)
           }, j(d.subtitle), 3)) : S("", !0)
         ], 2)) : S("", !0),
         c.$slots.default ? (t(), a("div", {
           key: 1,
-          class: s(V.value)
+          class: n(V.value)
         }, [
           _(c.$slots, "default")
         ], 2)) : S("", !0),
         c.$slots.footer ? (t(), a("div", {
           key: 2,
-          class: s(y.value)
+          class: n(y.value)
         }, [
           _(c.$slots, "footer")
         ], 2)) : S("", !0)
@@ -1848,7 +1844,7 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = Math.random().toString(36).slice(2, 10), n = `dui-modal-title-${g}`, w = `dui-modal-description-${g}`, h = {
+    const e = d, s = r, g = Math.random().toString(36).slice(2, 10), l = `dui-modal-title-${g}`, w = `dui-modal-description-${g}`, x = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
@@ -1898,12 +1894,12 @@ const Oe = { key: 1 }, Fe = `
       e.centered ? "dk:items-center" : "dk:items-start dk:pt-8",
       "dk:justify-center"
     ].join(" ")), z = o(() => {
-      const $ = b[e.variant].base, D = b[e.variant][e.color], I = h[e.rounded], X = p[e.size];
+      const $ = b[e.variant].base, D = b[e.variant][e.color], A = x[e.rounded], X = p[e.size];
       return [
         "dk:relative dk:flex dk:flex-col dk:overflow-hidden",
         $,
         D,
-        I,
+        A,
         X
       ].join(" ");
     }), V = o(() => [
@@ -1918,32 +1914,32 @@ const Oe = { key: 1 }, Fe = `
     ].join(" "));
     function i() {
       if (typeof document > "u") return;
-      const $ = document.body, I = Number($.dataset.duiModalCount || "0") + 1;
-      $.dataset.duiModalCount = String(I), I === 1 && ($.style.overflow = "hidden");
+      const $ = document.body, A = Number($.dataset.duiModalCount || "0") + 1;
+      $.dataset.duiModalCount = String(A), A === 1 && ($.style.overflow = "hidden");
     }
-    function x() {
+    function h() {
       if (typeof document > "u") return;
-      const $ = document.body, D = Number($.dataset.duiModalCount || "0"), I = Math.max(0, D - 1);
-      $.dataset.duiModalCount = String(I), I === 0 && ($.style.overflow = "");
+      const $ = document.body, D = Number($.dataset.duiModalCount || "0"), A = Math.max(0, D - 1);
+      $.dataset.duiModalCount = String(A), A === 0 && ($.style.overflow = "");
     }
     function C($) {
-      l("update:modelValue", !1), l("close", $);
+      s("update:modelValue", !1), s("close", $);
     }
     function k() {
-      l("backdrop"), !(e.persistent || !e.closeOnBackdrop) && C("backdrop");
+      s("backdrop"), !(e.persistent || !e.closeOnBackdrop) && C("backdrop");
     }
     function u($) {
-      $.key !== "Escape" || !e.modelValue || (l("escape"), !(e.persistent || !e.closeOnEsc) && C("escape"));
+      $.key !== "Escape" || !e.modelValue || (s("escape"), !(e.persistent || !e.closeOnEsc) && C("escape"));
     }
     return ae(
       () => e.modelValue,
       ($, D) => {
-        $ && !D && (i(), l("open")), !$ && D && x();
+        $ && !D && (i(), s("open")), !$ && D && h();
       }
     ), be(() => {
       e.modelValue && i(), typeof window < "u" && window.addEventListener("keydown", u);
     }), pe(() => {
-      e.modelValue && x(), typeof window < "u" && window.removeEventListener("keydown", u);
+      e.modelValue && h(), typeof window < "u" && window.removeEventListener("keydown", u);
     }), ($, D) => (t(), W(me, { to: "body" }, [
       J(ne, {
         "enter-active-class": "dk:transition-opacity dk:duration-200",
@@ -1951,34 +1947,34 @@ const Oe = { key: 1 }, Fe = `
         "enter-from-class": "dk:opacity-0",
         "leave-to-class": "dk:opacity-0"
       }, {
-        default: A(() => [
+        default: I(() => [
           e.modelValue ? (t(), a("div", {
             key: 0,
             style: te({ zIndex: String(e.zIndex) }),
-            class: s(v.value),
+            class: n(v.value),
             onClick: k
           }, [
             m("div", {
-              class: s(f.value)
+              class: n(f.value)
             }, [
               m("div", {
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-labelledby": e.title ? n : void 0,
+                "aria-labelledby": e.title ? l : void 0,
                 "aria-describedby": e.description ? w : void 0,
-                class: s(z.value),
+                class: n(z.value),
                 onClick: D[1] || (D[1] = G(() => {
                 }, ["stop"]))
               }, [
                 $.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
                   key: 0,
-                  class: s(V.value)
+                  class: n(V.value)
                 }, [
                   m("div", null, [
                     _($.$slots, "header", {}, () => [
                       e.title ? (t(), a("h2", {
                         key: 0,
-                        id: n,
+                        id: l,
                         class: "dk:text-lg dk:font-semibold"
                       }, j(e.title), 1)) : S("", !0),
                       e.description ? (t(), a("p", {
@@ -1993,19 +1989,19 @@ const Oe = { key: 1 }, Fe = `
                     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: D[0] || (D[0] = (I) => C("button"))
+                    onClick: D[0] || (D[0] = (A) => C("button"))
                   }, [...D[2] || (D[2] = [
                     m("span", { "aria-hidden": "true" }, "×", -1)
                   ])])) : S("", !0)
                 ], 2)) : S("", !0),
                 m("section", {
-                  class: s(y.value)
+                  class: n(y.value)
                 }, [
                   _($.$slots, "default")
                 ], 2),
                 $.$slots.footer ? (t(), a("footer", {
                   key: 1,
-                  class: s(c.value)
+                  class: n(c.value)
                 }, [
                   _($.$slots, "footer")
                 ], 2)) : S("", !0)
@@ -2035,7 +2031,7 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(d, { emit: r }) {
-    const e = d, l = r, n = `dui-drawer-title-${Math.random().toString(36).slice(2, 10)}`, w = {
+    const e = d, s = r, l = `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",
@@ -2060,7 +2056,7 @@ const Oe = { key: 1 }, Fe = `
         lg: "dk:h-[95%] dk:md:h-1/2",
         xl: "dk:h-[95%] dk:md:h-[90%]"
       }
-    }, h = {
+    }, x = {
       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",
@@ -2109,7 +2105,7 @@ const Oe = { key: 1 }, Fe = `
       const k = b[e.variant].base, u = b[e.variant][e.color], $ = w[e.position][e.size];
       return [
         "dk:fixed dk:flex dk:flex-col dk:overflow-hidden",
-        h[e.position],
+        x[e.position],
         k,
         u,
         $
@@ -2132,18 +2128,18 @@ const Oe = { key: 1 }, Fe = `
       k.dataset.duiDrawerCount = String($), $ === 0 && (k.style.overflow = "");
     }
     function i(k) {
-      l("update:modelValue", !1), l("close", k);
+      s("update:modelValue", !1), s("close", k);
     }
-    function x() {
-      l("backdrop"), !(e.persistent || !e.closeOnBackdrop) && i("backdrop");
+    function h() {
+      s("backdrop"), !(e.persistent || !e.closeOnBackdrop) && i("backdrop");
     }
     function C(k) {
-      k.key !== "Escape" || !e.modelValue || (l("escape"), !(e.persistent || !e.closeOnEsc) && i("escape"));
+      k.key !== "Escape" || !e.modelValue || (s("escape"), !(e.persistent || !e.closeOnEsc) && i("escape"));
     }
     return ae(
       () => e.modelValue,
       (k, u) => {
-        k && !u && (y(), l("open")), !k && u && c();
+        k && !u && (y(), s("open")), !k && u && c();
       }
     ), be(() => {
       e.modelValue && y(), typeof window < "u" && window.addEventListener("keydown", C);
@@ -2156,12 +2152,12 @@ const Oe = { key: 1 }, Fe = `
         "enter-from-class": "dk:opacity-0",
         "leave-to-class": "dk:opacity-0"
       }, {
-        default: A(() => [
+        default: I(() => [
           e.modelValue ? (t(), a("div", {
             key: 0,
             style: te({ zIndex: String(e.zIndex) }),
-            class: s(v.value),
-            onClick: x
+            class: n(v.value),
+            onClick: h
           }, null, 6)) : S("", !0)
         ]),
         _: 1
@@ -2172,25 +2168,25 @@ const Oe = { key: 1 }, Fe = `
         "enter-from-class": p.value.hidden,
         "leave-to-class": p.value.hidden
       }, {
-        default: A(() => [
+        default: I(() => [
           e.modelValue ? (t(), a("div", {
             key: 0,
             style: te({ zIndex: String(e.zIndex + 1) }),
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": e.name ? n : void 0,
-            class: s(f.value),
+            "aria-labelledby": e.name ? l : void 0,
+            class: n(f.value),
             onClick: u[1] || (u[1] = G(() => {
             }, ["stop"]))
           }, [
             k.$slots.header || e.name || e.showClose ? (t(), a("header", {
               key: 0,
-              class: s(z.value)
+              class: n(z.value)
             }, [
               _(k.$slots, "header", {}, () => [
                 e.name ? (t(), a("h2", {
                   key: 0,
-                  id: n,
+                  id: l,
                   class: "dk:text-lg dk:font-semibold dk:truncate"
                 }, j(e.name), 1)) : S("", !0)
               ]),
@@ -2205,13 +2201,13 @@ const Oe = { key: 1 }, Fe = `
               ])])) : S("", !0)
             ], 2)) : S("", !0),
             m("section", {
-              class: s(_d)
+              class: n(_d)
             }, [
               _(k.$slots, "default")
             ]),
             k.$slots.actions ? (t(), a("footer", {
               key: 1,
-              class: s(R(V))
+              class: n(R(V))
             }, [
               _(k.$slots, "actions")
             ], 2)) : S("", !0)
@@ -2247,7 +2243,7 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = N(null), n = N(null), w = N(!1), h = o(() => e.modelValue !== void 0), p = o(() => h.value ? !!e.modelValue : w.value), b = N(e.placement), v = N({ top: 0, left: 0 }), f = N(!1);
+    const e = d, s = r, g = N(null), l = N(null), w = N(!1), x = o(() => e.modelValue !== void 0), p = o(() => x.value ? !!e.modelValue : w.value), b = N(e.placement), v = N({ top: 0, left: 0 }), f = N(!1);
     let z = null, V = null;
     const y = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, c = {
       all: "dk:rounded-md",
@@ -2260,7 +2256,7 @@ const Oe = { key: 1 }, Fe = `
       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"
-    }, x = {
+    }, h = {
       xs: "dk:max-w-40",
       sm: "dk:max-w-56",
       md: "dk:max-w-72",
@@ -2268,7 +2264,7 @@ const Oe = { key: 1 }, Fe = `
       full: "dk:max-w-[min(92vw,42rem)]"
     };
     function C(M) {
-      return typeof M == "string" && M in x;
+      return typeof M == "string" && M in h;
     }
     const k = {
       solid: {
@@ -2290,7 +2286,7 @@ const Oe = { key: 1 }, Fe = `
         danger: "dk:text-rose-900 dk:border-rose-400 dk:dark:text-rose-100 dk:dark:border-rose-500"
       }
     }, u = o(() => {
-      const M = c[e.rounded], B = i[e.size], T = k[e.variant].base, U = k[e.variant][e.color], F = C(e.maxWidth) ? x[e.maxWidth] : "";
+      const M = c[e.rounded], B = i[e.size], T = k[e.variant].base, U = k[e.variant][e.color], F = C(e.maxWidth) ? h[e.maxWidth] : "";
       return [
         "dk:fixed dk:pointer-events-auto dk:leading-tight dk:select-text dk:cursor-default",
         "dk:break-words dk:whitespace-normal",
@@ -2328,21 +2324,21 @@ const Oe = { key: 1 }, Fe = `
         T[B] || T.top
       ].join(" ");
     });
-    function I() {
+    function A() {
       z && (clearTimeout(z), z = null), V && (clearTimeout(V), V = null);
     }
     function X(M, B) {
-      e.disabled || (h.value ? l("update:modelValue", M) : w.value = M, M ? (l("open", B), ue(() => {
+      e.disabled || (x.value ? s("update:modelValue", M) : w.value = M, M ? (s("open", B), ue(() => {
         Z();
-      })) : l("close", B));
+      })) : s("close", B));
     }
     function ee(M) {
-      I(), z = setTimeout(() => {
+      A(), z = setTimeout(() => {
         X(!0, M);
       }, Math.max(0, e.showDelay));
     }
     function de(M) {
-      I(), V = setTimeout(() => {
+      A(), V = setTimeout(() => {
         M === "hover" && e.interactive && f.value || X(!1, M);
       }, Math.max(0, e.hideDelay));
     }
@@ -2375,8 +2371,8 @@ const Oe = { key: 1 }, Fe = `
       return U === "top" ? B.top - T.height - F < Y : U === "bottom" ? B.bottom + T.height + F > window.innerHeight - Y : U === "left" ? B.left - T.width - F < Y : B.right + T.width + F > window.innerWidth - Y;
     }
     function Z() {
-      if (!g.value || !n.value) return;
-      const M = g.value.getBoundingClientRect(), B = n.value.getBoundingClientRect();
+      if (!g.value || !l.value) return;
+      const M = g.value.getBoundingClientRect(), B = l.value.getBoundingClientRect();
       let T = e.placement;
       $e(T, M, B) && (T = ge(T)), b.value = T, v.value = re(T, M, B);
     }
@@ -2388,7 +2384,7 @@ const Oe = { key: 1 }, Fe = `
       if (e.trigger === "hover") {
         if (e.interactive) {
           const T = M.relatedTarget;
-          if (T && ((B = n.value) != null && B.contains(T)))
+          if (T && ((B = l.value) != null && B.contains(T)))
             return;
         }
         de("hover");
@@ -2404,7 +2400,7 @@ const Oe = { key: 1 }, Fe = `
       e.trigger === "click" && (M.stopPropagation(), p.value ? de("click") : ee("click"));
     }
     function Me() {
-      e.interactive && (f.value = !0, I());
+      e.interactive && (f.value = !0, A());
     }
     function Te(M) {
       var T;
@@ -2416,12 +2412,12 @@ const Oe = { key: 1 }, Fe = `
       var T, U;
       if (e.trigger !== "click" || !p.value) return;
       const B = M.target;
-      (T = g.value) != null && T.contains(B) || (U = n.value) != null && U.contains(B) || de("outside");
+      (T = g.value) != null && T.contains(B) || (U = l.value) != null && U.contains(B) || de("outside");
     }
     return ae(
       () => e.modelValue,
       (M) => {
-        h.value && M && ue(Z);
+        x.value && M && ue(Z);
       }
     ), ae(
       () => e.placement,
@@ -2433,7 +2429,7 @@ const Oe = { key: 1 }, Fe = `
     }), be(() => {
       typeof window > "u" || (window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0), window.addEventListener("click", ve));
     }), pe(() => {
-      I(), !(typeof window > "u") && (window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0), window.removeEventListener("click", ve));
+      A(), !(typeof window > "u") && (window.removeEventListener("resize", Z), window.removeEventListener("scroll", Z, !0), window.removeEventListener("click", ve));
     }), (M, B) => (t(), a(E, null, [
       m("span", {
         ref_key: "triggerRef",
@@ -2461,14 +2457,14 @@ const Oe = { key: 1 }, Fe = `
           "enter-from-class": "dk:opacity-0",
           "leave-to-class": "dk:opacity-0"
         }, {
-          default: A(() => [
+          default: I(() => [
             p.value && !e.disabled ? (t(), a("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: n,
+              ref: l,
               id: y,
               role: "tooltip",
-              class: s(u.value),
+              class: n(u.value),
               style: te($.value),
               onMouseenter: Me,
               onMouseleave: Te
@@ -2479,7 +2475,7 @@ const Oe = { key: 1 }, Fe = `
               e.arrow ? (t(), a("span", {
                 key: 0,
                 "aria-hidden": "true",
-                class: s(D.value)
+                class: n(D.value)
               }, null, 2)) : S("", !0)
             ], 38)) : S("", !0)
           ]),
@@ -2488,7 +2484,7 @@ const Oe = { key: 1 }, Fe = `
       ], 8, ["to"]))
     ], 64));
   }
-}), Id = ["open"], Ad = ["onClick"], Ed = { class: "dui-acc-title" }, Wd = { class: "dui-acc-panel" }, Od = /* @__PURE__ */ L({
+}), Ad = ["open"], Id = ["onClick"], Ed = { class: "dui-acc-title" }, Wd = { class: "dui-acc-panel" }, Od = /* @__PURE__ */ L({
   __name: "DuiAccordion",
   props: {
     items: {},
@@ -2501,18 +2497,18 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = N([]);
-    function n() {
+    const e = d, s = r, g = N([]);
+    function l() {
       return e.modelValue === void 0 ? g.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
     }
     function w(C) {
-      return n().includes(C);
+      return l().includes(C);
     }
-    function h(C, k) {
+    function x(C, k) {
       if (k) return;
-      const u = n();
+      const u = l();
       let $;
-      e.multiple ? $ = u.includes(C) ? u.filter((D) => D !== C) : [...u, C] : $ = u.includes(C) ? [] : [C], g.value = $, l("update:modelValue", e.multiple ? $ : $[0] ?? ""), l("change", C);
+      e.multiple ? $ = u.includes(C) ? u.filter((D) => D !== C) : [...u, C] : $ = u.includes(C) ? [] : [C], g.value = $, s("update:modelValue", e.multiple ? $ : $[0] ?? ""), s("change", C);
     }
     const p = {
       sm: {
@@ -2560,8 +2556,8 @@ const Oe = { key: 1 }, Fe = `
         "dk:flex dk:w-full dk:items-center dk:select-none dk:outline-none",
         "dk:transition-colors dk:duration-150",
         u.summary
-      ], I = $ ? [b[e.color], v[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 = k ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
-      return [...D, ...I, X, ee].join(" ");
+      ], A = $ ? [b[e.color], v[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 = k ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+      return [...D, ...A, X, ee].join(" ");
     }
     function c(C) {
       const k = p[e.size];
@@ -2571,32 +2567,32 @@ const Oe = { key: 1 }, Fe = `
         k.chevron
       ].join(" ");
     }
-    const i = o(() => ["dk:flex-shrink-0 dk:leading-none", p[e.size].icon].join(" ")), x = o(() => [
+    const i = o(() => ["dk:flex-shrink-0 dk:leading-none", p[e.size].icon].join(" ")), h = o(() => [
       p[e.size].content,
       "dk:text-zinc-600 dk:dark:text-zinc-400 dk:leading-relaxed"
     ].join(" "));
     return (C, k) => (t(), a("div", {
-      class: s(z.value)
+      class: n(z.value)
     }, [
       (t(!0), a(E, null, K(d.items, (u, $) => (t(), a("details", {
         key: u.value ?? $,
         open: w(u.value ?? String($)),
-        class: s(V.value),
+        class: n(V.value),
         onToggle: k[0] || (k[0] = G(() => {
         }, ["prevent"]))
       }, [
         m("summary", {
-          class: s(y(u.value ?? String($), u.disabled)),
-          onClick: G((D) => h(u.value ?? String($), u.disabled), ["prevent"])
+          class: n(y(u.value ?? String($), u.disabled)),
+          onClick: G((D) => x(u.value ?? String($), u.disabled), ["prevent"])
         }, [
           u.icon ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: s(i.value)
+            class: n(i.value)
           }, j(u.icon), 3)) : S("", !0),
           m("span", Ed, j(u.title), 1),
           (t(), a("svg", {
-            class: s(c(u.value ?? String($))),
+            class: n(c(u.value ?? String($))),
             viewBox: "0 0 16 16",
             fill: "none",
             stroke: "currentColor",
@@ -2607,17 +2603,17 @@ const Oe = { key: 1 }, Fe = `
           }, [...k[1] || (k[1] = [
             m("polyline", { points: "4 6 8 10 12 6" }, null, -1)
           ])], 2))
-        ], 10, Ad),
+        ], 10, Id),
         m("div", Wd, [
           m("div", {
-            class: s(x.value)
+            class: n(h.value)
           }, [
             _(C.$slots, u.value ?? String($), {}, () => [
               m("p", null, j(u.content), 1)
             ], !0)
           ], 2)
         ])
-      ], 42, Id))), 128))
+      ], 42, Ad))), 128))
     ], 2));
   }
 }), Ut = /* @__PURE__ */ ie(Od, [["__scopeId", "data-v-9bd77ff3"]]), Fd = ["aria-label"], qt = /* @__PURE__ */ L({
@@ -2635,12 +2631,12 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["dismiss"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = {
+    const e = d, s = r, g = {
       xs: "dk:text-[10px] dk:leading-none dk:px-1.5 dk:py-0.5 dk:gap-1",
       sm: "dk:text-xs dk:leading-none dk:px-2 dk:py-1 dk:gap-1",
       md: "dk:text-sm dk:px-2.5 dk:py-1 dk:gap-1.5",
       lg: "dk:text-base dk:px-3 dk:py-1.5 dk:gap-2"
-    }, n = {
+    }, l = {
       full: "dk:rounded-full",
       md: "dk:rounded-md",
       none: "dk:rounded-none"
@@ -2669,7 +2665,7 @@ const Oe = { key: 1 }, Fe = `
         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"
       }
-    }, h = {
+    }, x = {
       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",
@@ -2677,9 +2673,9 @@ const Oe = { key: 1 }, Fe = `
       warning: "dk:bg-amber-500 dk:dark:bg-amber-400",
       danger: "dk:bg-rose-500 dk:dark:bg-rose-400"
     }, p = o(() => {
-      const z = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", V = g[e.size], y = n[e.rounded], c = w[e.variant][e.color], i = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
+      const z = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", V = g[e.size], y = l[e.rounded], c = w[e.variant][e.color], i = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
       return [z, V, y, c, i].join(" ");
-    }), b = o(() => ["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(" ")), v = o(() => "dk:flex-shrink-0 dk:flex dk:items-center"), f = o(() => [
+    }), b = o(() => ["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], x[e.color]].join(" ")), v = o(() => "dk:flex-shrink-0 dk:flex dk:items-center"), f = o(() => [
       "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",
@@ -2689,15 +2685,15 @@ const Oe = { key: 1 }, Fe = `
       href: d.href,
       class: p.value
     }, z.$attrs), {
-      default: A(() => [
+      default: I(() => [
         z.$slots.icon || d.dot ? (t(), a("span", {
           key: 0,
           "aria-hidden": "true",
-          class: s(v.value)
+          class: n(v.value)
         }, [
           d.dot ? (t(), a("span", {
             key: 0,
-            class: s(b.value)
+            class: n(b.value)
           }, null, 2)) : _(z.$slots, "icon", {}, void 0, void 0, 1)
         ], 2)) : S("", !0),
         _(z.$slots, "default", {}, () => [
@@ -2706,9 +2702,9 @@ const Oe = { key: 1 }, Fe = `
         d.dismissible ? (t(), a("button", {
           key: 1,
           type: "button",
-          class: s(f.value),
+          class: n(f.value),
           "aria-label": d.label ? `Quitar ${d.label}` : "Quitar",
-          onClick: V[0] || (V[0] = G((y) => l("dismiss"), ["prevent"]))
+          onClick: V[0] || (V[0] = G((y) => s("dismiss"), ["prevent"]))
         }, " × ", 10, Fd)) : S("", !0)
       ]),
       _: 3
@@ -2729,14 +2725,14 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = N(null), n = N(!1), w = o(() => e.modelValue !== void 0 ? e.modelValue : n.value);
-    function h() {
+    const e = d, s = r, g = N(null), l = N(!1), w = o(() => e.modelValue !== void 0 ? e.modelValue : l.value);
+    function x() {
       if (e.disabled) return;
       const c = !w.value;
-      n.value = c, l("update:modelValue", c), l(c ? "open" : "close");
+      l.value = c, s("update:modelValue", c), s(c ? "open" : "close");
     }
     function p() {
-      n.value = !1, l("update:modelValue", !1), l("close");
+      l.value = !1, s("update:modelValue", !1), s("close");
     }
     function b(c) {
       g.value && !g.value.contains(c.target) && p();
@@ -2790,10 +2786,10 @@ const Oe = { key: 1 }, Fe = `
       class: "dk:relative dk:inline-block"
     }, [
       m("div", {
-        onClick: h,
+        onClick: x,
         onKeydown: [
-          ye(G(h, ["prevent"]), ["enter"]),
-          ye(G(h, ["prevent"]), ["space"])
+          ye(G(x, ["prevent"]), ["enter"]),
+          ye(G(x, ["prevent"]), ["space"])
         ]
       }, [
         _(c.$slots, "trigger")
@@ -2804,10 +2800,10 @@ const Oe = { key: 1 }, Fe = `
         "enter-from-class": "dk:opacity-0 dk:scale-95",
         "leave-to-class": "dk:opacity-0 dk:scale-95"
       }, {
-        default: A(() => [
+        default: I(() => [
           w.value ? (t(), a("div", {
             key: 0,
-            class: s(y.value),
+            class: n(y.value),
             style: te(V.value),
             role: "menu",
             "aria-label": d.ariaLabel
@@ -2835,16 +2831,16 @@ const Oe = { key: 1 }, Fe = `
   },
   emits: ["click"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), n = {
+    const e = d, s = r, g = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), l = {
       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"
     }, w = o(() => {
-      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", v = n[e.size], f = 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", z = e.disabled ? "dk:opacity-50 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+      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", v = l[e.size], f = 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", z = e.disabled ? "dk:opacity-50 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
       return [b, v, f, z].join(" ");
-    }), h = o(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
+    }), x = o(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
     function p(b) {
-      e.disabled || l("click", b);
+      e.disabled || s("click", b);
     }
     return (b, v) => (t(), W(Q(d.href ? "a" : "button"), O(g.value, {
       class: w.value,
@@ -2852,10 +2848,10 @@ const Oe = { key: 1 }, Fe = `
       "aria-disabled": d.disabled,
       onClick: p
     }), {
-      default: A(() => [
+      default: I(() => [
         b.$slots.icon || d.icon ? (t(), a("span", {
           key: 0,
-          class: s(h.value),
+          class: n(x.value),
           "aria-hidden": "true"
         }, [
           _(b.$slots, "icon", {}, () => [
@@ -2907,23 +2903,23 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
-    function n(c) {
-      c < 1 || c > g.value || c === e.modelValue || (l("update:modelValue", c), l("change", c));
+    const e = d, s = r, g = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
+    function l(c) {
+      c < 1 || c > g.value || c === e.modelValue || (s("update:modelValue", c), s("change", c));
     }
     const w = o(() => {
-      const c = g.value, i = e.modelValue, x = e.siblingCount, C = e.showBoundary ? 1 : 0;
-      if (c <= 2 * x + 2 * C + 3)
-        return Array.from({ length: c }, (D, I) => I + 1);
+      const c = g.value, i = e.modelValue, h = e.siblingCount, C = e.showBoundary ? 1 : 0;
+      if (c <= 2 * h + 2 * C + 3)
+        return Array.from({ length: c }, (D, A) => A + 1);
       const k = [];
       for (let D = 1; D <= C; D++) k.push(D);
-      const u = Math.max(C + 1, i - x), $ = Math.min(c - C, i + x);
+      const u = Math.max(C + 1, i - h), $ = Math.min(c - C, i + h);
       u > C + 1 && k.push("...");
       for (let D = u; D <= $; D++) k.push(D);
       $ < c - C && k.push("...");
       for (let D = c - C + 1; D <= c; D++) k.push(D);
       return k;
-    }), h = {
+    }), x = {
       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"
@@ -2957,7 +2953,7 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
         danger: "dk:bg-rose-100 dk:text-rose-800 dk:dark:bg-rose-800 dk:dark:text-rose-100"
       }
     }, v = o(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), f = o(() => {
-      const c = h[e.size], i = p[e.rounded];
+      const c = x[e.size], i = p[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",
         c,
@@ -2976,17 +2972,17 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
         "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 y = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", h[e.size]].join(" "));
+    const y = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", x[e.size]].join(" "));
     return (c, i) => (t(), a("nav", {
       "aria-label": d.ariaLabel,
-      class: s(v.value)
+      class: n(v.value)
     }, [
       m("button", {
         type: "button",
         disabled: d.modelValue <= 1,
         "aria-label": d.prevLabel,
-        class: s([z.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
-        onClick: i[0] || (i[0] = (x) => n(d.modelValue - 1))
+        class: n([z.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
+        onClick: i[0] || (i[0] = (h) => l(d.modelValue - 1))
       }, [
         i[2] || (i[2] = m("svg", {
           class: "dk:w-4 dk:h-4",
@@ -3002,26 +2998,26 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
         ], -1)),
         d.showLabels ? (t(), a("span", Xd, j(d.prevLabel), 1)) : S("", !0)
       ], 10, Jd),
-      (t(!0), a(E, null, K(w.value, (x) => (t(), a(E, { key: x }, [
-        x === "..." ? (t(), a("span", {
+      (t(!0), a(E, null, K(w.value, (h) => (t(), a(E, { key: h }, [
+        h === "..." ? (t(), a("span", {
           key: 0,
-          class: s(y.value),
+          class: n(y.value),
           "aria-hidden": "true"
         }, "…", 2)) : (t(), a("button", {
           key: 1,
           type: "button",
-          "aria-label": `Pagina ${x}`,
-          "aria-current": d.modelValue === x ? "page" : void 0,
-          class: s(V(x)),
-          onClick: (C) => n(x)
-        }, j(x), 11, Zd))
+          "aria-label": `Pagina ${h}`,
+          "aria-current": d.modelValue === h ? "page" : void 0,
+          class: n(V(h)),
+          onClick: (C) => l(h)
+        }, j(h), 11, Zd))
       ], 64))), 128)),
       m("button", {
         type: "button",
         disabled: d.modelValue >= g.value,
         "aria-label": d.nextLabel,
-        class: s([z.value, d.modelValue >= g.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
-        onClick: i[1] || (i[1] = (x) => n(d.modelValue + 1))
+        class: n([z.value, d.modelValue >= g.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
+        onClick: i[1] || (i[1] = (h) => l(d.modelValue + 1))
       }, [
         d.showLabels ? (t(), a("span", et, j(d.nextLabel), 1)) : S("", !0),
         i[3] || (i[3] = m("svg", {
@@ -3049,30 +3045,30 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
   },
   setup(d) {
     const r = d;
-    function e(h) {
-      if (h !== void 0)
-        return typeof h == "number" ? `${h}px` : h;
+    function e(x) {
+      if (x !== void 0)
+        return typeof x == "number" ? `${x}px` : x;
     }
-    const l = o(() => ({
+    const s = o(() => ({
       width: e(r.width),
       height: e(r.height)
     })), g = {
       pulse: "dui-skeleton-pulse",
       wave: "dui-skeleton-wave",
       none: ""
-    }, n = {
+    }, l = {
       text: "dk:block dk:h-4 dk:w-full dk:rounded",
       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"
     }, w = o(() => [
       "dk:bg-zinc-200 dk:dark:bg-zinc-700",
-      n[r.variant],
+      l[r.variant],
       g[r.animation]
     ].join(" "));
-    return (h, p) => (t(), a("span", {
-      class: s(w.value),
-      style: te(l.value),
+    return (x, p) => (t(), a("span", {
+      class: n(w.value),
+      style: te(s.value),
       "aria-hidden": "true",
       role: "presentation"
     }, null, 6));
@@ -3094,25 +3090,25 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, g = Math.random().toString(36).slice(2, 8);
-    function n(y, c) {
-      c || (l("update:modelValue", y), l("change", y));
+    const e = d, s = r, g = Math.random().toString(36).slice(2, 8);
+    function l(y, c) {
+      c || (s("update:modelValue", y), s("change", y));
     }
     function w(y, c) {
-      const i = e.tabs.filter((C) => !C.disabled).map((C) => C.value), x = i.indexOf(c);
+      const i = e.tabs.filter((C) => !C.disabled).map((C) => C.value), h = i.indexOf(c);
       if (y.key === "ArrowRight" || y.key === "ArrowDown") {
         y.preventDefault();
-        const C = i[(x + 1) % i.length];
-        n(C);
+        const C = i[(h + 1) % i.length];
+        l(C);
       }
       if (y.key === "ArrowLeft" || y.key === "ArrowUp") {
         y.preventDefault();
-        const C = i[(x - 1 + i.length) % i.length];
-        n(C);
+        const C = i[(h - 1 + i.length) % i.length];
+        l(C);
       }
-      y.key === "Home" && (y.preventDefault(), n(i[0])), y.key === "End" && (y.preventDefault(), n(i[i.length - 1]));
+      y.key === "Home" && (y.preventDefault(), l(i[0])), y.key === "End" && (y.preventDefault(), l(i[i.length - 1]));
     }
-    const h = {
+    const x = {
       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"
@@ -3132,24 +3128,24 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
       return [y, c, i].join(" ");
     });
     function f(y, c) {
-      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", x = h[e.size], C = e.modelValue === y, k = c ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", u = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
+      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", h = x[e.size], C = e.modelValue === y, k = c ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", u = "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 = C ? `dk:border-b-2 ${p[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, x, I, k, u].join(" ");
+        const A = C ? `dk:border-b-2 ${p[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, h, A, k, u].join(" ");
       }
       if (e.variant === "pills") {
-        const I = C ? `dk:rounded-lg ${p[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, x, I, k, u].join(" ");
+        const A = C ? `dk:rounded-lg ${p[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, h, A, k, u].join(" ");
       }
       const $ = C ? `dk:rounded-lg ${p[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 [i, x, $, k, u, D].join(" ");
+      return [i, h, $, k, u, D].join(" ");
     }
     const z = o(() => "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"), V = o(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
     return (y, c) => (t(), a("div", {
-      class: s(b.value)
+      class: n(b.value)
     }, [
       m("div", {
-        class: s(v.value),
+        class: n(v.value),
         role: "tablist",
         "aria-label": d.ariaLabel
       }, [
@@ -3161,15 +3157,15 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
           "aria-selected": d.modelValue === i.value,
           disabled: i.disabled,
           role: "tab",
-          class: s(f(i.value, i.disabled)),
-          onClick: (x) => n(i.value, i.disabled),
-          onKeydown: (x) => w(x, i.value)
+          class: n(f(i.value, i.disabled)),
+          onClick: (h) => l(i.value, i.disabled),
+          onKeydown: (h) => w(h, i.value)
         }, [
           i.icon ? (t(), a("span", at, j(i.icon), 1)) : S("", !0),
           P(" " + j(i.label) + " ", 1),
           i.badge !== void 0 ? (t(), a("span", {
             key: 1,
-            class: s(z.value)
+            class: n(z.value)
           }, j(i.badge), 3)) : S("", !0)
         ], 42, rt))), 128))
       ], 10, tt),
@@ -3180,7 +3176,7 @@ const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = [
         role: "tabpanel",
         tabindex: d.modelValue === i.value ? 0 : -1,
         hidden: d.modelValue !== i.value,
-        class: s(V.value)
+        class: n(V.value)
       }, [
         _(y.$slots, i.value)
       ], 10, ot))), 128))
@@ -3208,7 +3204,7 @@ function kt() {
 }
 function nt() {
   return {
-    toasts: Ae(le.toasts),
+    toasts: Ie(le.toasts),
     add: ke,
     remove: Ce,
     clear: kt,
@@ -3233,7 +3229,7 @@ const st = {
     zIndex: { default: 9999 }
   },
   setup(d) {
-    const r = d, { toasts: e, remove: l } = nt(), g = o(() => e.slice(0, r.maxToasts)), n = {
+    const r = d, { toasts: e, remove: s } = nt(), g = o(() => e.slice(0, r.maxToasts)), l = {
       "top-right": "dk:top-4 dk:right-4 dk:items-end",
       "top-left": "dk:top-4 dk:left-4 dk:items-start",
       "top-center": "dk:top-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center",
@@ -3242,8 +3238,8 @@ const st = {
       "bottom-center": "dk:bottom-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center"
     }, w = o(() => [
       "dk:fixed dk:pointer-events-none",
-      n[r.position]
-    ].join(" ")), h = o(() => ({
+      l[r.position]
+    ].join(" ")), x = o(() => ({
       zIndex: String(r.zIndex)
     })), p = o(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), b = {
       neutral: "dk:bg-zinc-800 dk:dark:bg-zinc-700 dk:text-white dk:border-zinc-600",
@@ -3272,43 +3268,43 @@ const st = {
     }
     return (V, y) => (t(), W(me, { to: "body" }, [
       m("div", {
-        class: s(w.value),
-        style: te(h.value),
+        class: n(w.value),
+        style: te(x.value),
         "aria-live": "polite",
         "aria-atomic": "false"
       }, [
         J(Ee, {
           tag: "div",
-          class: s(p.value),
+          class: n(p.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",
           "leave-to-class": "dk:opacity-0 dk:scale-95",
           "move-class": "dk:transition-all dk:duration-300"
         }, {
-          default: A(() => [
+          default: I(() => [
             (t(!0), a(E, null, K(g.value, (c) => (t(), a("div", {
               key: c.id,
               role: "alert",
-              class: s(f(c.color))
+              class: n(f(c.color))
             }, [
               c.icon ? (t(), a("span", st, j(c.icon), 1)) : (t(), a("span", {
                 key: 1,
-                class: s(z(c.color)),
+                class: n(z(c.color)),
                 "aria-hidden": "true"
               }, null, 2)),
               m("div", lt, [
                 c.title ? (t(), a("p", it, j(c.title), 1)) : S("", !0),
                 m("p", {
-                  class: s(["dk:text-sm dk:leading-snug", { "dk:opacity-80": c.title }])
+                  class: n(["dk:text-sm dk:leading-snug", { "dk:opacity-80": c.title }])
                 }, j(c.message), 3)
               ]),
               c.closable ? (t(), a("button", {
                 key: 2,
                 type: "button",
-                class: s(ut),
+                class: n(ut),
                 "aria-label": "Cerrar notificacion",
-                onClick: (i) => R(l)(c.id)
+                onClick: (i) => R(s)(c.id)
               }, [...y[0] || (y[0] = [
                 m("i", {
                   class: "mdi mdi-close",
@@ -3334,47 +3330,47 @@ const st = {
   },
   emits: ["confirmed"],
   setup(d, { emit: r }) {
-    const e = N(!1), l = N(!1), g = r, n = d;
+    const e = N(!1), s = N(!1), g = r, l = d;
     function w() {
       e.value = !0, setTimeout(() => {
-        e.value = !1, l.value = !1;
+        e.value = !1, s.value = !1;
       }, 1e4);
     }
-    function h() {
-      g("confirmed"), e.value = !1, l.value = !1;
+    function x() {
+      g("confirmed"), e.value = !1, s.value = !1;
     }
     return (p, b) => e.value ? (t(), a("div", bt, [
       J(id, {
-        modelValue: l.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (v) => l.value = v),
-        label: n.checkLabel,
-        size: n.size,
-        variant: n.variant,
-        color: n.color,
-        checked: l.value
+        modelValue: s.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (v) => s.value = v),
+        label: l.checkLabel,
+        size: l.size,
+        variant: l.variant,
+        color: l.color,
+        checked: s.value
       }, null, 8, ["modelValue", "label", "size", "variant", "color", "checked"]),
       b[2] || (b[2] = m("br", null, null, -1)),
-      l.value ? (t(), W(oe, {
+      s.value ? (t(), W(oe, {
         key: 0,
-        onClick: b[1] || (b[1] = (v) => h()),
-        variant: n.variant,
-        color: n.color,
-        size: n.size
+        onClick: b[1] || (b[1] = (v) => x()),
+        variant: l.variant,
+        color: l.color,
+        size: l.size
       }, {
-        default: A(() => [
-          P(j(n.confirmLabel), 1)
+        default: I(() => [
+          P(j(l.confirmLabel), 1)
         ]),
         _: 1
       }, 8, ["variant", "color", "size"])) : S("", !0)
     ])) : (t(), W(oe, {
       key: 0,
       onClick: w,
-      variant: n.variant,
-      color: n.color,
-      size: n.size
+      variant: l.variant,
+      color: l.color,
+      size: l.size
     }, {
-      default: A(() => [
-        P(j(n.label), 1)
+      default: I(() => [
+        P(j(l.label), 1)
       ]),
       _: 1
     }, 8, ["variant", "color", "size"]));
@@ -3385,10 +3381,10 @@ const st = {
 }, mt = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, ft = {
   key: 0,
   class: "dk:relative dk:group"
-}, gt = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-56 dk:py-2 dk:mt-1 dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-zinc-800 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, xt = {
+}, gt = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-56 dk:py-2 dk:mt-1 dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-zinc-800 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, ht = {
   key: 1,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
-}, ht = {
+}, xt = {
   class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
   fill: "none",
   viewBox: "0 0 24 24"
@@ -3404,17 +3400,17 @@ const st = {
     underlineColor: { default: "primary" }
   },
   setup(d) {
-    const r = d, e = N(!1), l = ze({}), g = (x) => se(x.to), n = (x) => {
-      const C = g(x);
-      return fe(x.to, C);
+    const r = d, e = N(!1), s = ze({}), g = (h) => se(h.to), l = (h) => {
+      const C = g(h);
+      return fe(h.to, C);
     }, w = () => {
       e.value = !e.value;
-    }, h = () => {
-      e.value = !1, Object.keys(l).forEach((x) => {
-        l[x] = !1;
+    }, x = () => {
+      e.value = !1, Object.keys(s).forEach((h) => {
+        s[h] = !1;
       });
-    }, p = (x) => {
-      l[x] = !l[x];
+    }, p = (h) => {
+      s[h] = !s[h];
     }, b = {
       s: {
         height: "dk:h-12",
@@ -3435,7 +3431,7 @@ const st = {
         itemPadding: "dk:px-4 dk:py-3"
       }
     }, v = o(() => {
-      const x = b[r.size];
+      const h = b[r.size];
       return [
         "dk:relative",
         "dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
@@ -3448,9 +3444,9 @@ const st = {
         "dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
         "dk:dark:before:hidden",
         "dk:flex dk:items-center dk:w-full dk:gap-4",
-        x.height,
-        x.padding,
-        x.text
+        h.height,
+        h.padding,
+        h.text
       ].join(" ");
     }), f = o(() => [
       "dk:flex dk:items-center dk:space-x-1 dk:flex-1",
@@ -3460,7 +3456,7 @@ const st = {
         right: "dk:justify-end"
       }[r.itemsAlignment]
     ].join(" ")), z = () => {
-      const x = {
+      const h = {
         neutral: "dk:before:from-zinc-500 dk:before:to-zinc-600 dk:dark:before:from-zinc-400 dk:dark:before:to-zinc-500",
         primary: "dk:before:from-slate-600 dk:before:to-slate-700 dk:dark:before:from-slate-400 dk:dark:before:to-slate-500",
         secondary: "dk:before:from-pink-500 dk:before:to-pink-600 dk:dark:before:from-pink-400 dk:dark:before:to-pink-500",
@@ -3468,13 +3464,13 @@ const st = {
         danger: "dk:before:from-rose-500 dk:before:to-rose-600 dk:dark:before:from-rose-400 dk:dark:before:to-rose-500",
         warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
       };
-      return x[r.underlineColor] || x.primary;
+      return h[r.underlineColor] || h.primary;
     }, V = o(() => {
-      const x = b[r.size], C = z();
+      const h = b[r.size], C = z();
       return (k, u = !0) => {
-        const $ = k.active ?? !1, D = u ? "dk:pl-3" : "dk:pl-2", I = "dk:pr-3", X = u ? "dk:pl-2" : "dk:pl-1", ee = "dk:pr-2", de = u ? "dk:pl-4" : "dk:pl-3", ge = "dk:pr-4";
+        const $ = k.active ?? !1, D = u ? "dk:pl-3" : "dk:pl-2", A = "dk:pr-3", X = u ? "dk:pl-2" : "dk:pl-1", ee = "dk:pr-2", de = u ? "dk:pl-4" : "dk:pl-3", ge = "dk:pr-4";
         let re = "";
-        return x.itemPadding.includes("px-2") ? re = `${X} ${ee} dk:py-1.5` : x.itemPadding.includes("px-4") ? re = `${de} ${ge} dk:py-3` : re = `${D} ${I} dk:py-2`, [
+        return h.itemPadding.includes("px-2") ? re = `${X} ${ee} dk:py-1.5` : h.itemPadding.includes("px-4") ? re = `${de} ${ge} dk:py-3` : re = `${D} ${A} 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",
@@ -3509,27 +3505,27 @@ const st = {
       "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
       "dk:transition-all dk:duration-200 dk:no-underline"
     ].join(" "));
-    return (x, C) => (t(), a("nav", {
-      class: s(v.value)
+    return (h, C) => (t(), a("nav", {
+      class: n(v.value)
     }, [
-      x.$slots.brand ? (t(), a("div", pt, [
-        _(x.$slots, "brand")
+      h.$slots.brand ? (t(), a("div", pt, [
+        _(h.$slots, "brand")
       ])) : S("", !0),
       m("div", mt, [
         m("div", {
-          class: s(f.value)
+          class: n(f.value)
         }, [
           (t(!0), a(E, null, K(d.items, (k) => (t(), a(E, {
             key: k.label
           }, [
             k.children && k.children.length > 0 ? (t(), a("div", ft, [
-              (t(), W(Q(g(k)), O({ ref_for: !0 }, n(k), {
+              (t(), W(Q(g(k)), O({ ref_for: !0 }, l(k), {
                 class: V.value(k, !0)
               }), {
-                default: A(() => [
+                default: I(() => [
                   k.icon ? (t(), a("i", {
                     key: 0,
-                    class: s([k.icon, "dk:mr-2"])
+                    class: n([k.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
                   P(" " + j(k.label) + " ", 1),
                   C[0] || (C[0] = m("svg", {
@@ -3551,11 +3547,11 @@ const st = {
               m("div", gt, [
                 (t(!0), a(E, null, K(k.children, (u) => (t(), W(Q(g(u)), O({
                   key: u.label
-                }, { ref_for: !0 }, n(u), { class: y.value }), {
-                  default: A(() => [
+                }, { ref_for: !0 }, l(u), { class: y.value }), {
+                  default: I(() => [
                     u.icon ? (t(), a("i", {
                       key: 0,
-                      class: s([u.icon, "dk:mr-2"])
+                      class: n([u.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
                     P(" " + j(u.label), 1)
                   ]),
@@ -3565,13 +3561,13 @@ const st = {
             ])) : (t(), W(Q(g(k)), O({
               key: 1,
               ref_for: !0
-            }, n(k), {
+            }, l(k), {
               class: V.value(k, !1)
             }), {
-              default: A(() => [
+              default: I(() => [
                 k.icon ? (t(), a("i", {
                   key: 0,
-                  class: s([k.icon, "dk:mr-2"])
+                  class: n([k.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
                 P(" " + j(k.label), 1)
               ]),
@@ -3580,15 +3576,15 @@ const st = {
           ], 64))), 128))
         ], 2)
       ]),
-      x.$slots.actions ? (t(), a("div", xt, [
-        _(x.$slots, "actions")
+      h.$slots.actions ? (t(), a("div", ht, [
+        _(h.$slots, "actions")
       ])) : S("", !0),
       m("button", {
         type: "button",
         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", ht, [
+        (t(), a("svg", xt, [
           m("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
@@ -3597,7 +3593,7 @@ const st = {
           }, null, 8, vt)
         ]))
       ]),
-      xe(m("div", yt, [
+      he(m("div", yt, [
         m("div", wt, [
           (t(!0), a(E, null, K(d.items, (k) => (t(), a(E, {
             key: k.label
@@ -3606,17 +3602,17 @@ const st = {
               m("button", {
                 type: "button",
                 onClick: (u) => p(k.label),
-                class: s([c.value, "dk:justify-between"])
+                class: n([c.value, "dk:justify-between"])
               }, [
                 m("div", $t, [
                   k.icon ? (t(), a("i", {
                     key: 0,
-                    class: s([k.icon, "dk:mr-2"])
+                    class: n([k.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
                   P(" " + j(k.label), 1)
                 ]),
                 (t(), a("svg", {
-                  class: s(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", l[k.label] ? "dk:rotate-180" : ""]),
+                  class: n(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", s[k.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
@@ -3629,48 +3625,48 @@ const st = {
                   }, null, -1)
                 ])], 2))
               ], 10, Ct),
-              xe(m("div", St, [
+              he(m("div", St, [
                 (t(!0), a(E, null, K(k.children, (u) => (t(), W(Q(g(u)), O({
                   key: u.label
-                }, { ref_for: !0 }, n(u), {
+                }, { ref_for: !0 }, l(u), {
                   class: i.value,
-                  onClick: h
+                  onClick: x
                 }), {
-                  default: A(() => [
+                  default: I(() => [
                     u.icon ? (t(), a("i", {
                       key: 0,
-                      class: s([u.icon, "dk:mr-2"])
+                      class: n([u.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
                     P(" " + j(u.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [he, l[k.label]]
+                [xe, s[k.label]]
               ])
             ])) : (t(), W(Q(g(k)), O({
               key: 1,
               ref_for: !0
-            }, n(k), {
+            }, l(k), {
               class: c.value,
-              onClick: h
+              onClick: x
             }), {
-              default: A(() => [
+              default: I(() => [
                 k.icon ? (t(), a("i", {
                   key: 0,
-                  class: s([k.icon, "dk:mr-2"])
+                  class: n([k.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
                 P(" " + j(k.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          x.$slots.actions ? (t(), a("div", jt, [
-            _(x.$slots, "actions")
+          h.$slots.actions ? (t(), a("div", jt, [
+            _(h.$slots, "actions")
           ])) : S("", !0)
         ])
       ], 512), [
-        [he, e.value]
+        [xe, e.value]
       ])
     ], 2));
   }
@@ -3678,7 +3674,7 @@ const st = {
 export {
   Ut as DuiAccordion,
   Wt as DuiAction,
-  At as DuiAlert,
+  It as DuiAlert,
   qt as DuiBadge,
   oe as DuiButton,
   Ot as DuiCard,
@@ -3689,7 +3685,7 @@ export {
   Qt as DuiDropdownItem,
   Gt as DuiDropdownSeparator,
   Bt as DuiFile,
-  It as DuiForm,
+  At as DuiForm,
   Dt as DuiInput,
   _t as DuiLabel,
   Ft as DuiModal,