@dronico/droni-kit 1.24.2 → 1.25.0

package/dist/droni-kit.es.js

@@ -1,5 +1,5 @@
-import { getCurrentInstance as Pe, defineComponent as L, computed as k, openBlock as t, createBlock as W, resolveDynamicComponent as Q, mergeProps as O, withCtx as A, renderSlot as _, createElementBlock as a, ref as F, watch as ae, normalizeClass as c, createElementVNode as m, withModifiers as R, toDisplayString as j, createCommentVNode as S, Fragment as E, renderList as K, createTextVNode as P, withDirectives as xe, vShow as he, useSlots as we, unref as Z, createVNode as J, onMounted as be, onBeforeUnmount as pe, Teleport as me, Transition as ne, normalizeStyle as te, nextTick as ue, withKeys as ye, reactive as ze, readonly as Ie, TransitionGroup as Ae } from "vue";
-function Ee() {
+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";
+function We() {
   try {
     const d = Pe(), r = d == null ? void 0 : d.appContext.app;
     return r ? !!(r.config.globalProperties.$router || r.config.globalProperties.$route || r.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
@@ -8,13 +8,13 @@ function Ee() {
   }
 }
 function se(d) {
-  return d ? Ee() ? "RouterLink" : "a" : "button";
+  return d ? We() ? "RouterLink" : "a" : "button";
 }
 function fe(d, r, e = {}) {
-  const i = { ...e };
-  return r === "a" ? (i.href = typeof d == "string" ? d : "#", i.role = "button") : r !== "button" && r !== "span" && (i.to = d), i;
+  const l = { ...e };
+  return r === "a" ? (l.href = typeof d == "string" ? d : "#", l.role = "button") : r !== "button" && r !== "span" && (l.to = d), l;
 }
-const We = { key: 1 }, Oe = `
+const Oe = { key: 1 }, Fe = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -40,7 +40,7 @@ const We = { key: 1 }, Oe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = k(() => se(r.to)), i = k(() => {
+    const r = d, e = o(() => se(r.to)), l = o(() => {
       const p = {};
       return e.value === "button" && (p.type = r.type), fe(r.to, e.value, p);
     }), g = {
@@ -226,23 +226,23 @@ const We = { key: 1 }, Oe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, v = k(() => {
+    }, h = o(() => {
       var z;
-      const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", h = r.block ? "dk:w-full" : "", f = n[r.rounded] || "";
-      return [Oe, p, b, h, f].join(" ");
+      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] || "";
+      return [Fe, p, b, v, f].join(" ");
     });
-    return (p, b) => (t(), W(Q(e.value), O(i.value, {
-      class: v.value,
+    return (p, b) => (t(), W(Q(e.value), O(l.value, {
+      class: h.value,
       title: r.title,
       disabled: r.disabled || r.loading
     }), {
       default: A(() => [
-        r.loading ? (t(), a("span", We, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
+        r.loading ? (t(), a("span", Oe, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), Ne = ["accept"], St = /* @__PURE__ */ L({
+}), Ne = ["accept"], Bt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiFile",
   props: {
@@ -277,80 +277,80 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open-browser", "upload-file", "open-file"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = F(null), n = F(""), w = {
+    const e = d, l = r, g = N(null), n = 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"
-    }, v = {
+    }, h = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
       left: "dk:rounded-l-xl",
       right: "dk:rounded-r-xl",
       none: "dk:rounded-none"
-    }, p = k(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), b = k(() => {
-      const o = w[e.size] || w.md, s = v[e.rounded] || v.all;
+    }, 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;
       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",
         "dk:sm:flex-row dk:sm:items-center",
-        o,
-        s
+        k,
+        u
       ].join(" ");
-    }), h = k(() => "dk:min-w-0 dk:flex-1"), f = k(() => [
+    }), v = o(() => "dk:min-w-0 dk:flex-1"), f = o(() => [
       "dk:flex dk:flex-col dk:gap-2 dk:w-full",
       "dk:sm:w-auto dk:sm:flex-row dk:sm:items-center dk:sm:justify-end"
-    ].join(" ")), z = k(() => [
+    ].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 = k(() => n.value ? n.value : e.modelValue ? $(e.modelValue) : "No hay archivo seleccionado");
+    ].join(" ")), V = o(() => n.value ? n.value : e.modelValue ? y(e.modelValue) : "No hay archivo seleccionado");
     ae(
       () => e.modelValue,
-      (o) => {
-        o && (n.value = "");
+      (k) => {
+        k && (n.value = "");
       }
     );
-    function $(o) {
-      const s = o.split("/");
-      return s[s.length - 1];
+    function y(k) {
+      const u = k.split("/");
+      return u[u.length - 1];
     }
-    function u() {
-      i("open-browser");
+    function c() {
+      l("open-browser");
     }
-    function l() {
-      var o;
-      (o = g.value) == null || o.click();
+    function i() {
+      var k;
+      (k = g.value) == null || k.click();
     }
-    function x(o) {
+    function x(k) {
       var D;
-      const s = o.target, C = (D = s.files) == null ? void 0 : D[0];
-      C && (n.value = C.name, i("upload-file", C), y(s));
+      const u = k.target, $ = (D = u.files) == null ? void 0 : D[0];
+      $ && (n.value = $.name, l("upload-file", $), C(u));
     }
-    function y(o) {
-      o.value = "";
+    function C(k) {
+      k.value = "";
     }
-    return (o, s) => (t(), a("div", {
-      class: c(p.value)
+    return (k, u) => (t(), a("div", {
+      class: s(p.value)
     }, [
       m("div", {
-        class: c(b.value)
+        class: s(b.value)
       }, [
         m("div", {
-          class: c(h.value)
+          class: s(v.value)
         }, [
           e.modelValue ?? n.value ? (t(), a("p", {
             key: 0,
-            class: c(z.value)
+            class: s(z.value)
           }, [
             m("a", {
               href: "#",
-              onClick: s[0] || (s[0] = R((C) => i("open-file", e.modelValue ?? n.value), ["prevent"])),
+              onClick: u[0] || (u[0] = G(($) => l("open-file", e.modelValue ?? n.value), ["prevent"])),
               class: "dk:ml-2 dk:text-pink-500 dk:underline dk:transition-colors dk:hover:text-pink-800 dk:dark:text-pink-400 dk:dark:hover:text-pink-300"
             }, j(V.value), 1)
           ], 2)) : S("", !0)
         ], 2),
         m("div", {
-          class: c(f.value)
+          class: s(f.value)
         }, [
           e.browserBtn ? (t(), W(oe, {
             key: 0,
@@ -359,9 +359,9 @@ const We = { key: 1 }, Oe = `
             size: "sm",
             block: !1,
             title: "Abrir navegador de archivos",
-            onClick: u
+            onClick: c
           }, {
-            default: A(() => [...s[1] || (s[1] = [
+            default: A(() => [...u[1] || (u[1] = [
               m("i", {
                 class: "mdi mdi-folder-search-outline",
                 "aria-hidden": "true"
@@ -376,9 +376,9 @@ const We = { key: 1 }, Oe = `
             size: "sm",
             block: !1,
             title: "Subir nuevo archivo",
-            onClick: l
+            onClick: i
           }, {
-            default: A(() => [...s[2] || (s[2] = [
+            default: A(() => [...u[2] || (u[2] = [
               m("i", {
                 class: "mdi mdi-upload",
                 "aria-hidden": "true"
@@ -398,7 +398,7 @@ const We = { key: 1 }, Oe = `
       }, null, 40, Ne)
     ], 2));
   }
-}), Fe = ["value"], Ke = `
+}), Ke = ["value"], Ue = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -410,12 +410,12 @@ const We = { key: 1 }, Oe = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, jt = /* @__PURE__ */ L({
+  dk:dark:[color-scheme:dark]`, Dt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
     modelValue: {
-      type: [String, Number],
+      type: [String, Number, null],
       default: ""
     },
     size: {
@@ -433,10 +433,10 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, i = r;
+    const e = d, l = r;
     function g(p) {
       const b = p.target;
-      i("update:modelValue", b.value);
+      l("update:modelValue", b.value);
     }
     const n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
@@ -449,16 +449,16 @@ const We = { key: 1 }, Oe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = k(() => {
-      const p = n[e.size] || "", b = e.block ? "dk:w-full" : "", h = w[e.rounded] || "";
-      return [Ke, p, b, h].join(" ");
+    }, h = o(() => {
+      const p = n[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: v.value,
+      class: h.value,
       value: d.modelValue
-    }, p.$attrs, { onInput: g }), null, 16, Fe));
+    }, p.$attrs, { onInput: g }), null, 16, Ke));
   }
-}), qe = ["value"], Ue = `
+}), qe = ["value"], He = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -470,7 +470,7 @@ const We = { key: 1 }, Oe = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Vt = /* @__PURE__ */ L({
+  dk:dark:[color-scheme:dark]`, Mt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -501,10 +501,10 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, i = r;
-    function g(h) {
-      const f = h.target;
-      e.autoheight && b(f), i("update:modelValue", f.value);
+    const e = d, l = r;
+    function g(v) {
+      const f = v.target;
+      e.autoheight && b(f), l("update:modelValue", f.value);
     }
     const n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
@@ -517,29 +517,29 @@ const We = { key: 1 }, Oe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = {
+    }, h = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, p = k(() => {
-      const h = n[e.size] || "", f = e.block ? "dk:w-full" : "", z = w[e.rounded] || "", V = v[e.resize] || "";
-      return [Ue, h, f, z, V].join(" ");
-    }), b = (h) => {
-      h.style.height = "auto", h.style.height = `${h.scrollHeight + 5}px`;
+    }, p = o(() => {
+      const v = n[e.size] || "", f = e.block ? "dk:w-full" : "", z = w[e.rounded] || "", V = h[e.resize] || "";
+      return [He, v, f, z, V].join(" ");
+    }), b = (v) => {
+      v.style.height = "auto", v.style.height = `${v.scrollHeight + 5}px`;
     };
-    return (h, f) => (t(), a("textarea", O(h.$attrs, {
+    return (v, f) => (t(), a("textarea", O(v.$attrs, {
       class: p.value,
       value: d.modelValue,
       onInput: g
     }), null, 16, qe));
   }
-}), He = {
+}), Qe = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, Qe = ["value", "selected"], Ge = `
+}, Ge = ["value", "selected"], Ye = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -552,12 +552,12 @@ const We = { key: 1 }, Oe = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, Bt = /* @__PURE__ */ L({
+`, Tt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
     modelValue: {
-      type: [String, Number],
+      type: [String, Number, null],
       default: ""
     },
     options: {
@@ -592,8 +592,8 @@ const We = { key: 1 }, Oe = `
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
     const e = d;
-    function i(b, h) {
-      const f = h.split(".").reduce((z, V) => {
+    function l(b, v) {
+      const f = v.split(".").reduce((z, V) => {
         if (!(z === null || typeof z != "object"))
           return z[V];
       }, b);
@@ -608,33 +608,33 @@ const We = { key: 1 }, Oe = `
       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"
-    }, v = {
+    }, h = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, p = k(() => {
-      const b = w[e.size] || "", h = e.block ? "dk:w-full" : "", f = v[e.rounded] || "";
-      return [Ge, b, h, f].join(" ");
+    }, p = o(() => {
+      const b = w[e.size] || "", v = e.block ? "dk:w-full" : "", f = h[e.rounded] || "";
+      return [Ye, b, v, f].join(" ");
     });
-    return (b, h) => (t(), a("select", O(b.$attrs, {
+    return (b, v) => (t(), a("select", O(b.$attrs, {
       class: p.value,
       onChange: n
     }), [
-      d.placeholder ? (t(), a("option", He, j(d.placeholder), 1)) : S("", !0),
+      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: i(f, d.itemValue) ?? "",
-        selected: i(f, d.itemValue) == d.modelValue
-      }, j(i(f, d.itemLabel) ?? ""), 9, Qe))), 128))
+        value: l(f, d.itemValue) ?? "",
+        selected: l(f, d.itemValue) == d.modelValue
+      }, j(l(f, d.itemLabel) ?? ""), 9, Ge))), 128))
     ], 16));
   }
 }), Je = {
   key: 1,
   class: "dk:text-rose-500 dk:ml-1"
-}, Xe = { class: "tooltip-container tooltip-above dk:z-50 dk:text-xs dk:rounded dk:py-2 dk:px-3 dk:transition-all dk:duration-200 dk:min-w-[250px] dk:max-w-xs dk:shadow-lg dk:pointer-events-none" }, Ye = "dk:space-y-1", Ze = /* @__PURE__ */ L({
+}, Xe = { class: "tooltip-container tooltip-above dk:z-50 dk:text-xs dk:rounded dk:py-2 dk:px-3 dk:transition-all dk:duration-200 dk:min-w-[250px] dk:max-w-xs dk:shadow-lg dk:pointer-events-none" }, Ze = "dk:space-y-1", Re = /* @__PURE__ */ L({
   __name: "DuiLabel",
   props: {
     title: {
@@ -663,7 +663,7 @@ const We = { key: 1 }, Oe = `
     }
   },
   setup(d) {
-    const r = F(!1), e = d, i = {
+    const r = N(!1), e = d, l = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
@@ -675,12 +675,12 @@ const We = { key: 1 }, Oe = `
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, w = k(() => [Ye].join(" ")), v = k(() => {
-      const h = i[e.size] || i.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, h, z].join(" ");
-    }), p = k(() => [g[e.size] || g.m].join(" ")), b = k(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", n[e.size] || n.m].join(" "));
-    return (h, f) => (t(), a("label", {
-      class: c(w.value)
+    }, 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" : "";
+      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(" "));
+    return (v, f) => (t(), a("label", {
+      class: s(w.value)
     }, [
       d.title ? (t(), a("div", {
         key: 0,
@@ -689,11 +689,11 @@ const We = { key: 1 }, Oe = `
         onMouseleave: f[1] || (f[1] = (z) => r.value = !1)
       }, [
         m("div", {
-          class: c(v.value)
+          class: s(h.value)
         }, [
           d.icon ? (t(), a("i", {
             key: 0,
-            class: c([d.icon, "dk:mr-2"])
+            class: s([d.icon, "dk:mr-2"])
           }, null, 2)) : S("", !0),
           P(" " + j(d.title) + " ", 1),
           d.required ? (t(), a("span", Je, "*")) : S("", !0)
@@ -706,13 +706,13 @@ const We = { key: 1 }, Oe = `
         ])
       ], 32)) : S("", !0),
       m("div", {
-        class: c(p.value)
+        class: s(p.value)
       }, [
-        _(h.$slots, "default", {}, void 0, !0)
+        _(v.$slots, "default", {}, void 0, !0)
       ], 2),
       d.error ? (t(), a("div", {
         key: 1,
-        class: c(b.value)
+        class: s(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,10 +721,10 @@ const We = { key: 1 }, Oe = `
   }
 }), ie = (d, r) => {
   const e = d.__vccOpts || d;
-  for (const [i, g] of r)
-    e[i] = g;
+  for (const [l, g] of r)
+    e[l] = g;
   return e;
-}, Dt = /* @__PURE__ */ ie(Ze, [["__scopeId", "data-v-aa6b6cdc"]]), Re = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, ed = ["checked", "disabled"], Mt = /* @__PURE__ */ L({
+}, _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: {
@@ -763,7 +763,7 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = we(), n = {
+    const e = d, l = r, g = we(), n = {
       sm: {
         track: "dk:w-9 dk:h-5",
         thumb: "dk:w-3.5 dk:h-3.5",
@@ -786,81 +786,81 @@ const We = { key: 1 }, Oe = `
       left: "dk:rounded-l-full",
       right: "dk:rounded-r-full",
       none: "dk:rounded-none"
-    }, v = {
+    }, h = {
       neutral: "dk:peer-checked:bg-zinc-500 dk:peer-checked:dark:bg-zinc-500",
       primary: "dk:peer-checked:bg-slate-600 dk:peer-checked:dark:bg-slate-500",
       secondary: "dk:peer-checked:bg-pink-600 dk:peer-checked:dark:bg-pink-500",
       success: "dk:peer-checked:bg-emerald-600 dk:peer-checked:dark:bg-emerald-500",
       warning: "dk:peer-checked:bg-amber-500 dk:peer-checked:dark:bg-amber-400",
       danger: "dk:peer-checked:bg-rose-600 dk:peer-checked:dark:bg-rose-500"
-    }, p = k(() => !!(e.label || g.default)), b = k(() => {
-      const $ = e.block ? "dk:w-full dk:justify-between" : "", u = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
-      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", $, u].join(" ");
-    }), h = k(() => [
+    }, p = o(() => !!(e.label || g.default)), b = o(() => {
+      const y = e.block ? "dk:w-full dk:justify-between" : "", c = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", y, c].join(" ");
+    }), v = o(() => [
       "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 = k(() => {
-      const $ = n[e.size] || n.md, u = w[e.rounded] || w.all, l = v[e.color] || v.primary;
+    ].join(" ")), f = o(() => {
+      const y = n[e.size] || n.md, c = w[e.rounded] || w.all, i = h[e.color] || h.primary;
       return [
         "dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
         "dk:bg-zinc-300 dk:dark:bg-zinc-700",
         "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
         "dk:peer-disabled:opacity-70",
-        $.track,
-        u,
-        l
+        y.track,
+        c,
+        i
       ].join(" ");
-    }), z = k(() => {
-      const $ = n[e.size] || n.md;
+    }), z = o(() => {
+      const y = n[e.size] || n.md;
       return [
         "dk:absolute dk:left-1 dk:top-1/2 dk:-translate-y-1/2",
         "dk:bg-white dk:dark:bg-zinc-100",
         "dk:rounded-full dk:shadow-sm dk:transition-transform dk:duration-200",
         "dk:pointer-events-none",
-        $.thumb,
-        $.translate
+        y.thumb,
+        y.translate
       ].join(" ");
     });
-    function V($) {
-      const u = $.target;
-      i("update:modelValue", u.checked);
+    function V(y) {
+      const c = y.target;
+      l("update:modelValue", c.checked);
     }
-    return ($, u) => (t(), a("label", {
-      class: c(b.value)
+    return (y, c) => (t(), a("label", {
+      class: s(b.value)
     }, [
       p.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
-        class: c(h.value)
+        class: s(v.value)
       }, [
-        _($.$slots, "default", {}, () => [
+        _(y.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ])
       ], 2)) : S("", !0),
-      m("span", Re, [
+      m("span", ed, [
         m("input", O({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
           checked: d.modelValue,
           disabled: d.disabled
-        }, $.$attrs, { onChange: V }), null, 16, ed),
+        }, y.$attrs, { onChange: V }), null, 16, dd),
         m("span", {
-          class: c(f.value)
+          class: s(f.value)
         }, null, 2),
         m("span", {
-          class: c(z.value)
+          class: s(z.value)
         }, null, 2)
       ]),
       p.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
-        class: c(h.value)
+        class: s(v.value)
       }, [
-        _($.$slots, "default", {}, () => [
+        _(y.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ])
       ], 2)) : S("", !0)
     ], 2));
   }
-}), dd = ["aria-labelledby"], td = ["id"], rd = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, ad = ["name", "value", "checked", "disabled", "onChange"], Tt = /* @__PURE__ */ L({
+}), td = ["aria-labelledby"], rd = ["id"], ad = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, od = ["name", "value", "checked", "disabled", "onChange"], Pt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiRadio",
   props: {
@@ -876,15 +876,15 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = Math.random().toString(36).slice(2, 8);
-    function n(y) {
-      i("update:modelValue", y), i("change", y);
+    const e = d, l = r, g = Math.random().toString(36).slice(2, 8);
+    function n(C) {
+      l("update:modelValue", C), l("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" }
-    }, v = {
+    }, h = {
       neutral: "dk:peer-checked:border-zinc-600 dk:dark:peer-checked:border-zinc-400",
       primary: "dk:peer-checked:border-slate-600 dk:dark:peer-checked:border-slate-400",
       secondary: "dk:peer-checked:border-pink-600 dk:dark:peer-checked:border-pink-400",
@@ -905,88 +905,88 @@ const We = { key: 1 }, Oe = `
       success: "dk:peer-focus-visible:ring-emerald-400",
       warning: "dk:peer-focus-visible:ring-amber-400",
       danger: "dk:peer-focus-visible:ring-rose-400"
-    }, h = k(() => [e.orientation === "horizontal" ? "dk:flex dk:flex-row dk:flex-wrap dk:gap-x-5 dk:gap-y-3" : "dk:flex dk:flex-col dk:gap-3"].join(" ")), f = k(() => "dk:block dk:text-xs dk:font-semibold dk:uppercase dk:tracking-wide dk:text-zinc-500 dk:dark:text-zinc-400 dk:mb-1");
-    function z(y, o) {
-      const C = o || e.disabled ? "dk:opacity-50 dk:cursor-not-allowed" : "dk:cursor-pointer", D = e.block ? "dk:w-full dk:justify-between" : "";
-      return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", C, D].join(" ");
+    }, v = o(() => [e.orientation === "horizontal" ? "dk:flex dk:flex-row dk:flex-wrap dk:gap-x-5 dk:gap-y-3" : "dk:flex dk:flex-col dk:gap-3"].join(" ")), f = o(() => "dk:block dk:text-xs dk:font-semibold dk:uppercase dk:tracking-wide dk:text-zinc-500 dk:dark:text-zinc-400 dk:mb-1");
+    function z(C, k) {
+      const $ = k || e.disabled ? "dk:opacity-50 dk:cursor-not-allowed" : "dk:cursor-pointer", D = e.block ? "dk:w-full dk:justify-between" : "";
+      return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", $, D].join(" ");
     }
-    function V(y) {
-      const o = w[e.size], s = v[e.color], C = b[e.color];
+    function V(C) {
+      const k = w[e.size], u = h[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",
         "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2",
         "dk:bg-white dk:dark:bg-zinc-900",
-        o.radio,
-        s,
-        C
+        k.radio,
+        u,
+        $
       ].join(" ");
     }
-    const $ = k(() => {
-      const y = w[e.size], o = p[e.color];
+    const y = o(() => {
+      const C = w[e.size], k = p[e.color];
       return [
         "dk:absolute dk:inset-0 dk:m-auto dk:rounded-full dk:scale-0 dk:peer-checked:scale-100 dk:transition-transform dk:duration-150 dk:pointer-events-none",
-        y.dot,
-        o
+        C.dot,
+        k
       ].join(" ");
-    }), u = k(() => "dk:flex dk:flex-col"), l = k(() => [w[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), x = k(() => [w[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
-    return (y, o) => (t(), a("div", {
-      class: c(h.value),
+    }), 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(" "));
+    return (C, k) => (t(), a("div", {
+      class: s(v.value),
       role: "radiogroup",
-      "aria-labelledby": d.groupLabel ? `rg-label-${Z(g)}` : void 0
+      "aria-labelledby": d.groupLabel ? `rg-label-${R(g)}` : void 0
     }, [
       d.groupLabel ? (t(), a("span", {
         key: 0,
-        id: `rg-label-${Z(g)}`,
-        class: c(f.value)
-      }, j(d.groupLabel), 11, td)) : S("", !0),
-      (t(!0), a(E, null, K(d.options, (s) => (t(), a("label", {
-        key: s.value,
-        class: c(z(s.value, s.disabled))
+        id: `rg-label-${R(g)}`,
+        class: s(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))
       }, [
-        m("span", rd, [
+        m("span", ad, [
           m("input", O({
             type: "radio",
             class: "dk:sr-only dk:peer",
             name: d.name,
-            value: s.value,
-            checked: d.modelValue === s.value,
-            disabled: s.disabled || d.disabled
-          }, { ref_for: !0 }, y.$attrs, {
-            onChange: (C) => n(s.value)
-          }), null, 16, ad),
+            value: u.value,
+            checked: d.modelValue === u.value,
+            disabled: u.disabled || d.disabled
+          }, { ref_for: !0 }, C.$attrs, {
+            onChange: ($) => n(u.value)
+          }), null, 16, od),
           m("span", {
-            class: c(V(s.value))
+            class: s(V(u.value))
           }, null, 2),
           m("span", {
-            class: c($.value)
+            class: s(y.value)
           }, null, 2)
         ]),
         m("span", {
-          class: c(u.value)
+          class: s(c.value)
         }, [
           m("span", {
-            class: c(l.value)
-          }, j(s.label), 3),
-          s.description ? (t(), a("span", {
+            class: s(i.value)
+          }, j(u.label), 3),
+          u.description ? (t(), a("span", {
             key: 0,
-            class: c(x.value)
-          }, j(s.description), 3)) : S("", !0)
+            class: s(x.value)
+          }, j(u.description), 3)) : S("", !0)
         ], 2)
       ], 2))), 128))
-    ], 10, dd));
+    ], 10, td));
   }
-}), od = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, kd = ["aria-checked", "checked", "disabled"], nd = {
+}), kd = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, nd = ["aria-checked", "checked", "disabled"], sd = {
   key: 0,
   viewBox: "0 0 12 12",
   fill: "currentColor",
   class: "dk:w-2.5 dk:h-2.5"
-}, sd = {
+}, ld = {
   key: 1,
   viewBox: "0 0 12 12",
   fill: "none",
   class: "dk:w-2.5 dk:h-2.5"
-}, ld = /* @__PURE__ */ L({
+}, id = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiSwitch",
   props: {
@@ -1029,7 +1029,7 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = we(), n = {
+    const e = d, l = r, g = we(), n = {
       sm: {
         track: "dk:w-8 dk:h-4",
         thumb: "dk:w-3 dk:h-3",
@@ -1055,33 +1055,33 @@ const We = { key: 1 }, Oe = `
       success: "dk:peer-checked:bg-emerald-600 dk:dark:peer-checked:bg-emerald-500",
       warning: "dk:peer-checked:bg-amber-500 dk:dark:peer-checked:bg-amber-400",
       danger: "dk:peer-checked:bg-rose-600 dk:dark:peer-checked:bg-rose-500"
-    }, v = k(() => !!(e.label || g.default)), p = k(() => {
-      const l = e.block ? "dk:w-full dk:justify-between" : "", x = e.block ? "dk:flex" : "dk:inline-flex", y = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
-      return [x, "dk:items-center dk:gap-3 dk:select-none", l, y].join(" ");
-    }), b = k(() => [
+    }, 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(" ");
+    }), 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(" ")), h = k(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), f = k(() => {
-      const l = n[e.size], x = w[e.color];
+    ].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];
       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",
-        l.track,
+        i.track,
         x
       ].join(" ");
-    }), z = k(() => {
-      const l = n[e.size];
+    }), z = o(() => {
+      const i = n[e.size];
       return [
         "dk:absolute",
-        l.offset,
+        i.offset,
         "dk:bg-white dk:dark:bg-zinc-100",
         "dk:rounded-full dk:shadow-sm dk:transition-all dk:duration-200",
         "dk:pointer-events-none dk:flex dk:items-center dk:justify-center",
-        l.thumb,
-        l.translate
+        i.thumb,
+        i.translate
       ].join(" ");
     }), V = {
       neutral: "dk:text-zinc-600 dk:dark:text-zinc-400",
@@ -1090,27 +1090,27 @@ const We = { key: 1 }, Oe = `
       success: "dk:text-emerald-600 dk:dark:text-emerald-400",
       warning: "dk:text-amber-600 dk:dark:text-amber-400",
       danger: "dk:text-rose-600 dk:dark:text-rose-400"
-    }, $ = k(() => e.modelValue ? V[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
-    function u(l) {
-      const x = l.target;
-      i("update:modelValue", x.checked), i("change", x.checked);
+    }, 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);
     }
-    return (l, x) => (t(), a("label", {
-      class: c(p.value)
+    return (i, x) => (t(), a("label", {
+      class: s(p.value)
     }, [
-      v.value && d.labelPosition === "left" ? (t(), a("span", {
+      h.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
-        class: c(b.value)
+        class: s(b.value)
       }, [
-        _(l.$slots, "default", {}, () => [
+        _(i.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
-          class: c(h.value)
+          class: s(v.value)
         }, j(d.description), 3)) : S("", !0)
       ], 2)) : S("", !0),
-      m("span", od, [
+      m("span", kd, [
         m("input", O({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
@@ -1118,19 +1118,19 @@ const We = { key: 1 }, Oe = `
           "aria-checked": d.modelValue,
           checked: d.modelValue,
           disabled: d.disabled
-        }, l.$attrs, { onChange: u }), null, 16, kd),
+        }, i.$attrs, { onChange: c }), null, 16, nd),
         m("span", {
-          class: c(f.value)
+          class: s(f.value)
         }, null, 2),
         m("span", {
-          class: c(z.value)
+          class: s(z.value)
         }, [
           d.showIcons ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: c($.value)
+            class: s(y.value)
           }, [
-            d.modelValue ? (t(), a("svg", nd, [...x[0] || (x[0] = [
+            d.modelValue ? (t(), a("svg", sd, [...x[0] || (x[0] = [
               m("path", {
                 d: "M3.5 6.5l2 2 3-3",
                 stroke: "currentColor",
@@ -1139,7 +1139,7 @@ const We = { key: 1 }, Oe = `
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, -1)
-            ])])) : (t(), a("svg", sd, [...x[1] || (x[1] = [
+            ])])) : (t(), a("svg", ld, [...x[1] || (x[1] = [
               m("line", {
                 x1: "3",
                 y1: "3",
@@ -1162,27 +1162,122 @@ const We = { key: 1 }, Oe = `
           ], 2)) : S("", !0)
         ], 2)
       ]),
-      v.value && d.labelPosition === "right" ? (t(), a("span", {
+      h.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
-        class: c(b.value)
+        class: s(b.value)
       }, [
-        _(l.$slots, "default", {}, () => [
+        _(i.$slots, "default", {}, () => [
           P(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
-          class: c(h.value)
+          class: s(v.value)
         }, j(d.description), 3)) : S("", !0)
       ], 2)) : S("", !0)
     ], 2));
   }
-}), id = `
+}), cd = ["novalidate", "method", "action", "aria-busy"], ud = ["disabled"], It = /* @__PURE__ */ L({
+  __name: "DuiForm",
+  props: {
+    novalidate: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    method: { default: void 0 },
+    action: { default: void 0 },
+    gap: { default: "md" }
+  },
+  emits: ["submit", "reset"],
+  setup(d, { emit: r }) {
+    const e = d, l = r, g = Symbol("DuiForm");
+    Ie(g, {
+      loading: o(() => e.loading),
+      disabled: o(() => e.disabled)
+    });
+    function n(y) {
+      const c = y.target, i = new FormData(c);
+      l("submit", { formData: i, event: y });
+    }
+    function w(y) {
+      l("reset", y);
+    }
+    const h = {
+      sm: "dk:space-y-3",
+      md: "dk:space-y-5",
+      lg: "dk:space-y-7"
+    }, p = o(() => [
+      "dk:relative",
+      e.disabled && !e.loading ? "dk:opacity-60 dk:pointer-events-none" : ""
+    ].filter(Boolean).join(" ")), b = o(() => [
+      "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(() => [
+      "dk:mt-6",
+      "dk:pt-4",
+      "dk:border-t dk:border-zinc-200 dk:dark:border-zinc-700",
+      "dk:flex dk:items-center dk:gap-3"
+    ].join(" ")), z = o(() => [
+      "dk:absolute dk:inset-0",
+      "dk:flex dk:items-center dk:justify-center",
+      "dk:bg-white/60 dk:dark:bg-zinc-900/60",
+      "dk:rounded",
+      "dk:z-10"
+    ].join(" ")), V = o(() => [
+      "dk:w-6 dk:h-6",
+      "dk:border-2 dk:border-zinc-300 dk:dark:border-zinc-600",
+      "dk:border-t-zinc-700 dk:dark:border-t-zinc-200",
+      "dk:rounded-full",
+      "dk:animate-spin"
+    ].join(" "));
+    return (y, c) => (t(), a("form", {
+      novalidate: d.novalidate,
+      method: d.method,
+      action: d.action,
+      class: s(p.value),
+      "aria-busy": d.loading,
+      onSubmit: G(n, ["prevent"]),
+      onReset: G(w, ["prevent"])
+    }, [
+      y.$slots.header ? (t(), a("div", {
+        key: 0,
+        class: s(b.value)
+      }, [
+        _(y.$slots, "header")
+      ], 2)) : S("", !0),
+      m("fieldset", {
+        disabled: d.loading || d.disabled,
+        class: "dk:border-0 dk:p-0 dk:m-0 dk:min-w-0"
+      }, [
+        m("div", {
+          class: s(v.value)
+        }, [
+          _(y.$slots, "default")
+        ], 2)
+      ], 8, ud),
+      y.$slots.footer ? (t(), a("div", {
+        key: 1,
+        class: s(f.value)
+      }, [
+        _(y.$slots, "footer")
+      ], 2)) : S("", !0),
+      d.loading ? (t(), a("div", {
+        key: 2,
+        class: s(z.value),
+        "aria-hidden": "true"
+      }, [
+        m("span", {
+          class: s(V.value)
+        }, null, 2)
+      ], 2)) : S("", !0)
+    ], 42, cd));
+  }
+}), bd = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, _t = /* @__PURE__ */ L({
+`, At = /* @__PURE__ */ L({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -1206,7 +1301,7 @@ const We = { key: 1 }, Oe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, i = {
+    }, l = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -1234,22 +1329,22 @@ const We = { key: 1 }, Oe = `
         warning: "dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",
         danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
       }
-    }, g = k(() => {
+    }, g = o(() => {
       var p;
-      const n = ((p = i[r.variant]) == null ? void 0 : p[r.color]) || "", w = i[r.variant].base || "", v = e[r.rounded] || "";
-      return [id, w, n, v].join(" ");
+      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(" ");
     });
     return (n, w) => (t(), a("div", {
-      class: c(g.value),
+      class: s(g.value),
       role: "alert"
     }, [
       _(n.$slots, "default")
     ], 2));
   }
-}), cd = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, ud = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, bd = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, pd = { key: 0 }, md = ["colspan"], fd = {
+}), 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 = {
   key: 0,
   class: "dk:bg-gray-50 dk:dark:bg-gray-700 dk:border-t dk:border-gray-200 dk:dark:border-gray-600"
-}, gd = ["colspan"], xd = { class: "pagination-container" }, hd = { class: "pagination-info" }, vd = { class: "pagination-buttons" }, yd = { class: "page-numbers" }, wd = ["onClick"], zd = /* @__PURE__ */ L({
+}, vd = ["colspan"], yd = { class: "pagination-container" }, wd = { class: "pagination-info" }, zd = { class: "pagination-buttons" }, Cd = { class: "page-numbers" }, $d = ["onClick"], Sd = /* @__PURE__ */ L({
   __name: "DuiTable",
   props: {
     columns: {
@@ -1271,61 +1366,61 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["paginate"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = k(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), n = k(() => {
+    const e = d, l = r, g = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), n = o(() => {
       if (!e.pagination) return [];
-      const v = [], p = 5, { page: b } = e.pagination, h = g.value;
-      let f = Math.max(1, b - Math.floor(p / 2)), z = Math.min(h, f + p - 1);
+      const h = [], 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++)
-        v.push(V);
-      return v;
-    }), w = (v) => {
-      e.pagination && v >= 1 && v <= g.value && i("paginate", v);
+        h.push(V);
+      return h;
+    }), w = (h) => {
+      e.pagination && h >= 1 && h <= g.value && l("paginate", h);
     };
-    return (v, p) => (t(), a("div", cd, [
-      m("table", ud, [
-        m("thead", bd, [
+    return (h, 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: c(["dk:px-6 dk:py-3", b.classes])
+              class: s(["dk:px-6 dk:py-3", b.classes])
             }, j(b.label), 3))), 128))
           ]),
-          e.loading ? (t(), a("tr", pd, [
+          e.loading ? (t(), a("tr", gd, [
             m("td", {
               colspan: e.columns.length,
               class: "dk:p-0"
             }, [...p[2] || (p[2] = [
               m("div", { class: "loading-bar" }, null, -1)
-            ])], 8, md)
+            ])], 8, xd)
           ])) : S("", !0)
         ]),
         m("tbody", {
-          class: c({ "is-loading": e.loading })
+          class: s({ "is-loading": e.loading })
         }, [
-          (t(!0), a(E, null, K(e.rows, (b, h) => (t(), a("tr", {
-            key: h,
+          (t(!0), a(E, null, K(e.rows, (b, v) => (t(), a("tr", {
+            key: v,
             class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
           }, [
             (t(!0), a(E, null, K(e.columns, (f) => (t(), a("td", {
               key: f.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              _(v.$slots, f.name, O({ ref_for: !0 }, b), () => [
+              _(h.$slots, f.name, O({ ref_for: !0 }, b), () => [
                 P(j(b[f.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ], 2),
-        e.pagination ? (t(), a("tfoot", fd, [
+        e.pagination ? (t(), a("tfoot", hd, [
           m("tr", null, [
             m("td", {
               colspan: e.columns.length,
               class: "dk:px-6 dk:py-4"
             }, [
-              m("div", xd, [
-                m("div", hd, " Página " + j(e.pagination.page) + " de " + j(g.value) + " | " + j(e.pagination.total) + " registros ", 1),
-                m("div", vd, [
+              m("div", yd, [
+                m("div", wd, " Página " + j(e.pagination.page) + " de " + j(g.value) + " | " + j(e.pagination.total) + " registros ", 1),
+                m("div", zd, [
                   J(oe, {
                     variant: "outline",
                     color: "neutral",
@@ -1338,12 +1433,12 @@ const We = { key: 1 }, Oe = `
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
-                  m("div", yd, [
+                  m("div", Cd, [
                     (t(!0), a(E, null, K(n.value, (b) => (t(), a("button", {
                       key: b,
-                      onClick: (h) => w(b),
-                      class: c(["page-number", { active: b === e.pagination.page }])
-                    }, j(b), 11, wd))), 128))
+                      onClick: (v) => w(b),
+                      class: s(["page-number", { active: b === e.pagination.page }])
+                    }, j(b), 11, $d))), 128))
                   ]),
                   J(oe, {
                     variant: "outline",
@@ -1359,13 +1454,13 @@ const We = { key: 1 }, Oe = `
                   }, 8, ["disabled"])
                 ])
               ])
-            ], 8, gd)
+            ], 8, vd)
           ])
         ])) : S("", !0)
       ])
     ]));
   }
-}), Lt = /* @__PURE__ */ ie(zd, [["__scopeId", "data-v-60002528"]]), Cd = { key: 1 }, $d = `
+}), Et = /* @__PURE__ */ ie(Sd, [["__scopeId", "data-v-60002528"]]), jd = { key: 1 }, Vd = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -1376,7 +1471,7 @@ const We = { key: 1 }, Oe = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, Pt = /* @__PURE__ */ L({
+  dk:max-w-full`, Wt = /* @__PURE__ */ L({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -1389,7 +1484,7 @@ const We = { key: 1 }, Oe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = k(() => r.to ? se(r.to) : "span"), i = k(() => fe(r.to, e.value)), g = {
+    const r = d, e = o(() => r.to ? se(r.to) : "span"), l = 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"
@@ -1572,25 +1667,25 @@ const We = { key: 1 }, Oe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, v = k(() => {
+    }, h = o(() => {
       var z;
-      const p = (((z = w[r.variant]) == null ? void 0 : z[r.color]) || "") + " " + w[r.variant].base, b = g[r.size] || "", h = r.block ? "dk:block" : "dk:inline-block", f = n[r.rounded] || "";
-      return [$d, p, b, h, f].join(" ");
+      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] || "";
+      return [Vd, p, b, v, f].join(" ");
     });
-    return (p, b) => (t(), W(Q(e.value), O(i.value, {
-      class: v.value,
+    return (p, b) => (t(), W(Q(e.value), O(l.value, {
+      class: h.value,
       title: r.title
     }), {
       default: A(() => [
-        r.loading ? (t(), a("span", Cd, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
+        r.loading ? (t(), a("span", jd, "Cargando...")) : _(p.$slots, "default", {}, void 0, void 0, 0)
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), Sd = {
+}), Bd = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, jd = ["src", "alt"], It = /* @__PURE__ */ L({
+}, Dd = ["src", "alt"], Ot = /* @__PURE__ */ L({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -1600,9 +1695,9 @@ const We = { key: 1 }, Oe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = () => r.to ? se(r.to) : "div", i = () => r.to ? se(r.to) : "h3", g = () => {
-      const u = e();
-      return fe(r.to, u);
+    const r = d, e = () => r.to ? se(r.to) : "div", l = () => r.to ? se(r.to) : "h3", g = () => {
+      const c = e();
+      return fe(r.to, c);
     }, n = {
       s: {
         padding: "dk:p-3",
@@ -1625,7 +1720,7 @@ const We = { key: 1 }, Oe = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, w = k(() => [
+    }, w = o(() => [
       // Glassmorphism card styles (Windows Vista inspired)
       "dk:relative dk:bg-gradient-to-br dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
       "dk:dark:from-gray-700/60 dk:dark:via-gray-800/60 dk:dark:to-gray-900/60",
@@ -1641,72 +1736,72 @@ const We = { key: 1 }, Oe = `
       "dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
       "dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
       "dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent"
-    ].join(" ")), v = k(() => [
+    ].join(" ")), h = o(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
-    ].join(" ")), p = k(() => {
-      const u = n[r.size];
+    ].join(" ")), p = o(() => {
+      const c = n[r.size];
       return [
-        u.padding,
-        u.spacing,
+        c.padding,
+        c.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
-    }), b = k(() => [
+    }), b = o(() => [
       n[r.size].spacing
-    ].join(" ")), h = k(() => {
-      const l = [
+    ].join(" ")), v = o(() => {
+      const i = [
         n[r.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return r.to && l.push(
+      return r.to && i.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), l.join(" ");
-    }), f = k(() => {
-      const u = [
+      ), i.join(" ");
+    }), f = o(() => {
+      const c = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return r.to && u.push("dk:no-underline"), u.join(" ");
-    }), z = k(() => [
+      return r.to && c.push("dk:no-underline"), c.join(" ");
+    }), z = o(() => [
       n[r.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), V = k(() => [
+    ].join(" ")), V = o(() => [
       n[r.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), $ = k(() => [
+    ].join(" ")), y = o(() => [
       "dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
       "dk:pt-3 dk:mt-3",
       "dk:relative dk:z-10"
     ].join(" "));
-    return (u, l) => (t(), a("div", {
-      class: c(w.value)
+    return (c, i) => (t(), a("div", {
+      class: s(w.value)
     }, [
-      d.image ? (t(), a("div", Sd, [
+      d.image ? (t(), a("div", Bd, [
         (t(), W(Q(e()), O(g(), { class: f.value }), {
           default: A(() => [
             m("img", {
               src: d.image,
               alt: d.title || "Card image",
-              class: c(v.value)
-            }, null, 10, jd)
+              class: s(h.value)
+            }, null, 10, Dd)
           ]),
           _: 1
         }, 16, ["class"]))
       ])) : S("", !0),
       m("div", {
-        class: c(p.value)
+        class: s(p.value)
       }, [
         d.title || d.subtitle ? (t(), a("div", {
           key: 0,
-          class: c(b.value)
+          class: s(b.value)
         }, [
-          d.title ? (t(), W(Q(i()), O({ key: 0 }, g(), { class: h.value }), {
+          d.title ? (t(), W(Q(l()), O({ key: 0 }, g(), { class: v.value }), {
             default: A(() => [
               P(j(d.title), 1)
             ]),
@@ -1714,25 +1809,25 @@ const We = { key: 1 }, Oe = `
           }, 16, ["class"])) : S("", !0),
           d.subtitle ? (t(), a("p", {
             key: 1,
-            class: c(z.value)
+            class: s(z.value)
           }, j(d.subtitle), 3)) : S("", !0)
         ], 2)) : S("", !0),
-        u.$slots.default ? (t(), a("div", {
+        c.$slots.default ? (t(), a("div", {
           key: 1,
-          class: c(V.value)
+          class: s(V.value)
         }, [
-          _(u.$slots, "default")
+          _(c.$slots, "default")
         ], 2)) : S("", !0),
-        u.$slots.footer ? (t(), a("div", {
+        c.$slots.footer ? (t(), a("div", {
           key: 2,
-          class: c($.value)
+          class: s(y.value)
         }, [
-          _(u.$slots, "footer")
+          _(c.$slots, "footer")
         ], 2)) : S("", !0)
       ], 2)
     ], 2));
   }
-}), Vd = ["aria-labelledby", "aria-describedby"], At = /* @__PURE__ */ L({
+}), Md = ["aria-labelledby", "aria-describedby"], Ft = /* @__PURE__ */ L({
   __name: "DuiModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1753,7 +1848,7 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = Math.random().toString(36).slice(2, 10), n = `dui-modal-title-${g}`, w = `dui-modal-description-${g}`, v = {
+    const e = d, l = r, g = Math.random().toString(36).slice(2, 10), n = `dui-modal-title-${g}`, w = `dui-modal-description-${g}`, h = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
@@ -1795,61 +1890,61 @@ const We = { key: 1 }, Oe = `
         warning: "dk:bg-amber-100/85 dk:text-amber-900 dk:border-amber-300/70 dk:dark:bg-amber-900/70 dk:dark:text-amber-100 dk:dark:border-amber-600/60",
         danger: "dk:bg-rose-100/85 dk:text-rose-900 dk:border-rose-300/70 dk:dark:bg-rose-900/70 dk:dark:text-rose-100 dk:dark:border-rose-600/60"
       }
-    }, h = k(() => [
+    }, v = o(() => [
       "dk:fixed dk:inset-0 dk:bg-black/55",
       e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
-    ].join(" ")), f = k(() => [
+    ].join(" ")), f = o(() => [
       "dk:flex dk:min-h-full dk:w-full dk:p-4",
       e.centered ? "dk:items-center" : "dk:items-start dk:pt-8",
       "dk:justify-center"
-    ].join(" ")), z = k(() => {
-      const C = b[e.variant].base, D = b[e.variant][e.color], I = v[e.rounded], X = p[e.size];
+    ].join(" ")), z = o(() => {
+      const $ = b[e.variant].base, D = b[e.variant][e.color], I = h[e.rounded], X = p[e.size];
       return [
         "dk:relative dk:flex dk:flex-col dk:overflow-hidden",
-        C,
+        $,
         D,
         I,
         X
       ].join(" ");
-    }), V = k(() => [
+    }), V = o(() => [
       "dk:flex dk:items-start dk:justify-between dk:gap-3 dk:px-5 dk:pt-5 dk:pb-3",
       "dk:border-b dk:border-current/10"
-    ].join(" ")), $ = k(() => [
+    ].join(" ")), y = o(() => [
       "dk:px-5 dk:py-4",
       e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
-    ].join(" ")), u = k(() => [
+    ].join(" ")), c = o(() => [
       "dk:px-5 dk:py-4 dk:border-t dk:border-current/10",
       "dk:flex dk:items-center dk:justify-end dk:gap-2"
     ].join(" "));
-    function l() {
+    function i() {
       if (typeof document > "u") return;
-      const C = document.body, I = Number(C.dataset.duiModalCount || "0") + 1;
-      C.dataset.duiModalCount = String(I), I === 1 && (C.style.overflow = "hidden");
+      const $ = document.body, I = Number($.dataset.duiModalCount || "0") + 1;
+      $.dataset.duiModalCount = String(I), I === 1 && ($.style.overflow = "hidden");
     }
     function x() {
       if (typeof document > "u") return;
-      const C = document.body, D = Number(C.dataset.duiModalCount || "0"), I = Math.max(0, D - 1);
-      C.dataset.duiModalCount = String(I), I === 0 && (C.style.overflow = "");
+      const $ = document.body, D = Number($.dataset.duiModalCount || "0"), I = Math.max(0, D - 1);
+      $.dataset.duiModalCount = String(I), I === 0 && ($.style.overflow = "");
     }
-    function y(C) {
-      i("update:modelValue", !1), i("close", C);
+    function C($) {
+      l("update:modelValue", !1), l("close", $);
     }
-    function o() {
-      i("backdrop"), !(e.persistent || !e.closeOnBackdrop) && y("backdrop");
+    function k() {
+      l("backdrop"), !(e.persistent || !e.closeOnBackdrop) && C("backdrop");
     }
-    function s(C) {
-      C.key !== "Escape" || !e.modelValue || (i("escape"), !(e.persistent || !e.closeOnEsc) && y("escape"));
+    function u($) {
+      $.key !== "Escape" || !e.modelValue || (l("escape"), !(e.persistent || !e.closeOnEsc) && C("escape"));
     }
     return ae(
       () => e.modelValue,
-      (C, D) => {
-        C && !D && (l(), i("open")), !C && D && x();
+      ($, D) => {
+        $ && !D && (i(), l("open")), !$ && D && x();
       }
     ), be(() => {
-      e.modelValue && l(), typeof window < "u" && window.addEventListener("keydown", s);
+      e.modelValue && i(), typeof window < "u" && window.addEventListener("keydown", u);
     }), pe(() => {
-      e.modelValue && x(), typeof window < "u" && window.removeEventListener("keydown", s);
-    }), (C, D) => (t(), W(me, { to: "body" }, [
+      e.modelValue && x(), typeof window < "u" && window.removeEventListener("keydown", u);
+    }), ($, D) => (t(), W(me, { to: "body" }, [
       J(ne, {
         "enter-active-class": "dk:transition-opacity dk:duration-200",
         "leave-active-class": "dk:transition-opacity dk:duration-200",
@@ -1860,27 +1955,27 @@ const We = { key: 1 }, Oe = `
           e.modelValue ? (t(), a("div", {
             key: 0,
             style: te({ zIndex: String(e.zIndex) }),
-            class: c(h.value),
-            onClick: o
+            class: s(v.value),
+            onClick: k
           }, [
             m("div", {
-              class: c(f.value)
+              class: s(f.value)
             }, [
               m("div", {
                 role: "dialog",
                 "aria-modal": "true",
                 "aria-labelledby": e.title ? n : void 0,
                 "aria-describedby": e.description ? w : void 0,
-                class: c(z.value),
-                onClick: D[1] || (D[1] = R(() => {
+                class: s(z.value),
+                onClick: D[1] || (D[1] = G(() => {
                 }, ["stop"]))
               }, [
-                C.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
+                $.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
                   key: 0,
-                  class: c(V.value)
+                  class: s(V.value)
                 }, [
                   m("div", null, [
-                    _(C.$slots, "header", {}, () => [
+                    _($.$slots, "header", {}, () => [
                       e.title ? (t(), a("h2", {
                         key: 0,
                         id: n,
@@ -1898,23 +1993,23 @@ const We = { key: 1 }, Oe = `
                     type: "button",
                     class: "dk:inline-flex dk:h-8 dk:w-8 dk:items-center dk:justify-center dk:rounded dk:text-current dk:opacity-70 dk:transition-opacity dk:hover:opacity-100 dk:focus-visible:opacity-100 dk:outline-none dk:ring-2 dk:ring-current/30",
                     "aria-label": "Cerrar modal",
-                    onClick: D[0] || (D[0] = (I) => y("button"))
+                    onClick: D[0] || (D[0] = (I) => C("button"))
                   }, [...D[2] || (D[2] = [
                     m("span", { "aria-hidden": "true" }, "×", -1)
                   ])])) : S("", !0)
                 ], 2)) : S("", !0),
                 m("section", {
-                  class: c($.value)
+                  class: s(y.value)
                 }, [
-                  _(C.$slots, "default")
+                  _($.$slots, "default")
                 ], 2),
-                C.$slots.footer ? (t(), a("footer", {
+                $.$slots.footer ? (t(), a("footer", {
                   key: 1,
-                  class: c(u.value)
+                  class: s(c.value)
                 }, [
-                  _(C.$slots, "footer")
+                  _($.$slots, "footer")
                 ], 2)) : S("", !0)
-              ], 10, Vd)
+              ], 10, Md)
             ], 2)
           ], 6)) : S("", !0)
         ]),
@@ -1922,7 +2017,7 @@ const We = { key: 1 }, Oe = `
       })
     ]));
   }
-}), Bd = ["aria-labelledby"], Dd = "dk:flex-1 dk:overflow-y-auto dk:px-5 dk:py-4", Et = /* @__PURE__ */ L({
+}), Td = ["aria-labelledby"], _d = "dk:flex-1 dk:overflow-y-auto dk:px-5 dk:py-4", Nt = /* @__PURE__ */ L({
   __name: "DuiDrawer",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1940,7 +2035,7 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(d, { emit: r }) {
-    const e = d, i = r, n = `dui-drawer-title-${Math.random().toString(36).slice(2, 10)}`, w = {
+    const e = d, l = r, n = `dui-drawer-title-${Math.random().toString(36).slice(2, 10)}`, w = {
       left: {
         sm: "dk:w-[95%] dk:md:w-16",
         md: "dk:w-[95%] dk:md:w-1/3",
@@ -1965,12 +2060,12 @@ const We = { key: 1 }, Oe = `
         lg: "dk:h-[95%] dk:md:h-1/2",
         xl: "dk:h-[95%] dk:md:h-[90%]"
       }
-    }, v = {
+    }, h = {
       left: "dk:inset-y-0 dk:left-0 dk:h-full dk:rounded-r-xl",
       right: "dk:inset-y-0 dk:right-0 dk:h-full dk:rounded-l-xl",
       top: "dk:inset-x-0 dk:top-0 dk:w-full dk:rounded-b-xl",
       bottom: "dk:inset-x-0 dk:bottom-0 dk:w-full dk:rounded-t-xl"
-    }, p = k(() => ({
+    }, p = o(() => ({
       enterActive: "dk:transition-transform dk:duration-300",
       leaveActive: "dk:transition-transform dk:duration-300",
       hidden: {
@@ -2007,54 +2102,54 @@ const We = { key: 1 }, Oe = `
         warning: "dk:bg-amber-100/85 dk:text-amber-900 dk:border-amber-300/70 dk:dark:bg-amber-900/70 dk:dark:text-amber-100 dk:dark:border-amber-600/60",
         danger: "dk:bg-rose-100/85 dk:text-rose-900 dk:border-rose-300/70 dk:dark:bg-rose-900/70 dk:dark:text-rose-100 dk:dark:border-rose-600/60"
       }
-    }, h = k(() => [
+    }, v = o(() => [
       "dk:fixed dk:inset-0 dk:bg-black/55",
       e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
-    ].join(" ")), f = k(() => {
-      const o = b[e.variant].base, s = b[e.variant][e.color], C = w[e.position][e.size];
+    ].join(" ")), f = o(() => {
+      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",
-        v[e.position],
-        o,
-        s,
-        C
+        h[e.position],
+        k,
+        u,
+        $
       ].join(" ");
-    }), z = k(() => [
+    }), z = o(() => [
       "dk:flex dk:items-center dk:justify-between dk:gap-3 dk:px-5 dk:py-4 dk:shrink-0",
       "dk:border-b dk:border-current/10"
     ].join(" ")), V = [
       "dk:px-5 dk:py-4 dk:border-t dk:border-current/10 dk:shrink-0",
       "dk:flex dk:items-center dk:justify-end dk:gap-2"
     ].join(" ");
-    function $() {
+    function y() {
       if (typeof document > "u") return;
-      const o = document.body, C = Number(o.dataset.duiDrawerCount || "0") + 1;
-      o.dataset.duiDrawerCount = String(C), C === 1 && (o.style.overflow = "hidden");
+      const k = document.body, $ = Number(k.dataset.duiDrawerCount || "0") + 1;
+      k.dataset.duiDrawerCount = String($), $ === 1 && (k.style.overflow = "hidden");
     }
-    function u() {
+    function c() {
       if (typeof document > "u") return;
-      const o = document.body, s = Number(o.dataset.duiDrawerCount || "0"), C = Math.max(0, s - 1);
-      o.dataset.duiDrawerCount = String(C), C === 0 && (o.style.overflow = "");
+      const k = document.body, u = Number(k.dataset.duiDrawerCount || "0"), $ = Math.max(0, u - 1);
+      k.dataset.duiDrawerCount = String($), $ === 0 && (k.style.overflow = "");
     }
-    function l(o) {
-      i("update:modelValue", !1), i("close", o);
+    function i(k) {
+      l("update:modelValue", !1), l("close", k);
     }
     function x() {
-      i("backdrop"), !(e.persistent || !e.closeOnBackdrop) && l("backdrop");
+      l("backdrop"), !(e.persistent || !e.closeOnBackdrop) && i("backdrop");
     }
-    function y(o) {
-      o.key !== "Escape" || !e.modelValue || (i("escape"), !(e.persistent || !e.closeOnEsc) && l("escape"));
+    function C(k) {
+      k.key !== "Escape" || !e.modelValue || (l("escape"), !(e.persistent || !e.closeOnEsc) && i("escape"));
     }
     return ae(
       () => e.modelValue,
-      (o, s) => {
-        o && !s && ($(), i("open")), !o && s && u();
+      (k, u) => {
+        k && !u && (y(), l("open")), !k && u && c();
       }
     ), be(() => {
-      e.modelValue && $(), typeof window < "u" && window.addEventListener("keydown", y);
+      e.modelValue && y(), typeof window < "u" && window.addEventListener("keydown", C);
     }), pe(() => {
-      e.modelValue && u(), typeof window < "u" && window.removeEventListener("keydown", y);
-    }), (o, s) => (t(), W(me, { to: "body" }, [
+      e.modelValue && c(), typeof window < "u" && window.removeEventListener("keydown", C);
+    }), (k, u) => (t(), W(me, { to: "body" }, [
       J(ne, {
         "enter-active-class": "dk:transition-opacity dk:duration-200",
         "leave-active-class": "dk:transition-opacity dk:duration-200",
@@ -2065,7 +2160,7 @@ const We = { key: 1 }, Oe = `
           e.modelValue ? (t(), a("div", {
             key: 0,
             style: te({ zIndex: String(e.zIndex) }),
-            class: c(h.value),
+            class: s(v.value),
             onClick: x
           }, null, 6)) : S("", !0)
         ]),
@@ -2084,15 +2179,15 @@ const We = { key: 1 }, Oe = `
             role: "dialog",
             "aria-modal": "true",
             "aria-labelledby": e.name ? n : void 0,
-            class: c(f.value),
-            onClick: s[1] || (s[1] = R(() => {
+            class: s(f.value),
+            onClick: u[1] || (u[1] = G(() => {
             }, ["stop"]))
           }, [
-            o.$slots.header || e.name || e.showClose ? (t(), a("header", {
+            k.$slots.header || e.name || e.showClose ? (t(), a("header", {
               key: 0,
-              class: c(z.value)
+              class: s(z.value)
             }, [
-              _(o.$slots, "header", {}, () => [
+              _(k.$slots, "header", {}, () => [
                 e.name ? (t(), a("h2", {
                   key: 0,
                   id: n,
@@ -2104,29 +2199,29 @@ const We = { key: 1 }, Oe = `
                 type: "button",
                 class: "dk:ml-auto dk:inline-flex dk:h-8 dk:w-8 dk:shrink-0 dk:items-center dk:justify-center dk:rounded dk:text-current dk:opacity-70 dk:transition-opacity dk:hover:opacity-100 dk:focus-visible:opacity-100 dk:outline-none dk:ring-2 dk:ring-current/30",
                 "aria-label": "Cerrar panel",
-                onClick: s[0] || (s[0] = (C) => l("button"))
-              }, [...s[2] || (s[2] = [
+                onClick: u[0] || (u[0] = ($) => i("button"))
+              }, [...u[2] || (u[2] = [
                 m("span", { "aria-hidden": "true" }, "×", -1)
               ])])) : S("", !0)
             ], 2)) : S("", !0),
             m("section", {
-              class: c(Dd)
+              class: s(_d)
             }, [
-              _(o.$slots, "default")
+              _(k.$slots, "default")
             ]),
-            o.$slots.actions ? (t(), a("footer", {
+            k.$slots.actions ? (t(), a("footer", {
               key: 1,
-              class: c(Z(V))
+              class: s(R(V))
             }, [
-              _(o.$slots, "actions")
+              _(k.$slots, "actions")
             ], 2)) : S("", !0)
-          ], 14, Bd)) : S("", !0)
+          ], 14, Td)) : S("", !0)
         ]),
         _: 3
       }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
     ]));
   }
-}), Md = ["aria-describedby"], Td = { class: "dk:inline-flex dk:items-center" }, Wt = /* @__PURE__ */ L({
+}), Ld = ["aria-describedby"], Pd = { class: "dk:inline-flex dk:items-center" }, Kt = /* @__PURE__ */ L({
   __name: "DuiTooltip",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2152,16 +2247,16 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = F(null), n = F(null), w = F(!1), v = k(() => e.modelValue !== void 0), p = k(() => v.value ? !!e.modelValue : w.value), b = F(e.placement), h = F({ top: 0, left: 0 }), f = F(!1);
+    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);
     let z = null, V = null;
-    const $ = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, u = {
+    const y = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, c = {
       all: "dk:rounded-md",
       top: "dk:rounded-t-md",
       bottom: "dk:rounded-b-md",
       left: "dk:rounded-l-md",
       right: "dk:rounded-r-md",
       none: "dk:rounded-none"
-    }, l = {
+    }, i = {
       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"
@@ -2172,10 +2267,10 @@ const We = { key: 1 }, Oe = `
       lg: "dk:max-w-96",
       full: "dk:max-w-[min(92vw,42rem)]"
     };
-    function y(M) {
+    function C(M) {
       return typeof M == "string" && M in x;
     }
-    const o = {
+    const k = {
       solid: {
         base: "dk:border dk:shadow-lg",
         neutral: "dk:bg-zinc-900 dk:text-zinc-100 dk:border-zinc-700 dk:dark:bg-zinc-200 dk:dark:text-zinc-900 dk:dark:border-zinc-300",
@@ -2194,26 +2289,26 @@ const We = { key: 1 }, Oe = `
         warning: "dk:text-amber-900 dk:border-amber-400 dk:dark:text-amber-100 dk:dark:border-amber-500",
         danger: "dk:text-rose-900 dk:border-rose-400 dk:dark:text-rose-100 dk:dark:border-rose-500"
       }
-    }, s = k(() => {
-      const M = u[e.rounded], B = l[e.size], T = o[e.variant].base, q = o[e.variant][e.color], N = y(e.maxWidth) ? x[e.maxWidth] : "";
+    }, 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] : "";
       return [
         "dk:fixed dk:pointer-events-auto dk:leading-tight dk:select-text dk:cursor-default",
         "dk:break-words dk:whitespace-normal",
         M,
         B,
         T,
-        q,
-        N
+        U,
+        F
       ].join(" ");
-    }), C = k(() => {
+    }), $ = o(() => {
       const M = {
-        top: `${h.value.top}px`,
-        left: `${h.value.left}px`,
+        top: `${v.value.top}px`,
+        left: `${v.value.left}px`,
         zIndex: String(e.zIndex)
       };
-      return typeof e.maxWidth == "number" ? M.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !y(e.maxWidth) && (M.maxWidth = e.maxWidth), M;
-    }), D = k(() => {
-      const M = o[e.variant][e.color], B = b.value, T = {
+      return typeof e.maxWidth == "number" ? M.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !C(e.maxWidth) && (M.maxWidth = e.maxWidth), M;
+    }), D = o(() => {
+      const M = k[e.variant][e.color], B = b.value, T = {
         top: "dk:-bottom-1.5 dk:left-1/2 dk:-translate-x-1/2 dk:rotate-45",
         "top-start": "dk:-bottom-1.5 dk:left-3 dk:rotate-45",
         "top-end": "dk:-bottom-1.5 dk:right-3 dk:rotate-45",
@@ -2237,9 +2332,9 @@ const We = { key: 1 }, Oe = `
       z && (clearTimeout(z), z = null), V && (clearTimeout(V), V = null);
     }
     function X(M, B) {
-      e.disabled || (v.value ? i("update:modelValue", M) : w.value = M, M ? (i("open", B), ue(() => {
-        Y();
-      })) : i("close", B));
+      e.disabled || (h.value ? l("update:modelValue", M) : w.value = M, M ? (l("open", B), ue(() => {
+        Z();
+      })) : l("close", B));
     }
     function ee(M) {
       I(), z = setTimeout(() => {
@@ -2268,22 +2363,22 @@ const We = { key: 1 }, Oe = `
       }[M];
     }
     function re(M, B, T) {
-      const [q, N] = M.split("-"), G = e.offset;
-      let U = 0, H = 0;
-      q === "top" && (U = B.top - T.height - G, N === "start" ? H = B.left : N === "end" ? H = B.right - T.width : H = B.left + B.width / 2 - T.width / 2), q === "bottom" && (U = B.bottom + G, N === "start" ? H = B.left : N === "end" ? H = B.right - T.width : H = B.left + B.width / 2 - T.width / 2), q === "left" && (H = B.left - T.width - G, N === "start" ? U = B.top : N === "end" ? U = B.bottom - T.height : U = B.top + B.height / 2 - T.height / 2), q === "right" && (H = B.right + G, N === "start" ? U = B.top : N === "end" ? U = B.bottom - T.height : U = B.top + B.height / 2 - T.height / 2);
+      const [U, F] = M.split("-"), Y = e.offset;
+      let q = 0, H = 0;
+      U === "top" && (q = B.top - T.height - Y, F === "start" ? H = B.left : F === "end" ? H = B.right - T.width : H = B.left + B.width / 2 - T.width / 2), U === "bottom" && (q = B.bottom + Y, F === "start" ? H = B.left : F === "end" ? H = B.right - T.width : H = B.left + B.width / 2 - T.width / 2), U === "left" && (H = B.left - T.width - Y, F === "start" ? q = B.top : F === "end" ? q = B.bottom - T.height : q = B.top + B.height / 2 - T.height / 2), U === "right" && (H = B.right + Y, F === "start" ? q = B.top : F === "end" ? q = B.bottom - T.height : q = B.top + B.height / 2 - T.height / 2);
       const ce = e.viewportPadding, _e = window.innerWidth, Le = window.innerHeight;
-      return U = Math.min(Math.max(ce, U), Le - T.height - ce), H = Math.min(Math.max(ce, H), _e - T.width - ce), { top: U, left: H };
+      return q = Math.min(Math.max(ce, q), Le - T.height - ce), H = Math.min(Math.max(ce, H), _e - T.width - ce), { top: q, left: H };
     }
     function $e(M, B, T) {
       if (!e.flip) return !1;
-      const [q] = M.split("-"), N = e.offset, G = e.viewportPadding;
-      return q === "top" ? B.top - T.height - N < G : q === "bottom" ? B.bottom + T.height + N > window.innerHeight - G : q === "left" ? B.left - T.width - N < G : B.right + T.width + N > window.innerWidth - G;
+      const [U] = M.split("-"), F = e.offset, Y = e.viewportPadding;
+      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 Y() {
+    function Z() {
       if (!g.value || !n.value) return;
       const M = g.value.getBoundingClientRect(), B = n.value.getBoundingClientRect();
       let T = e.placement;
-      $e(T, M, B) && (T = ge(T)), b.value = T, h.value = re(T, M, B);
+      $e(T, M, B) && (T = ge(T)), b.value = T, v.value = re(T, M, B);
     }
     function Se() {
       e.trigger === "hover" && ee("hover");
@@ -2318,33 +2413,33 @@ const We = { key: 1 }, Oe = `
       B && ((T = g.value) != null && T.contains(B)) || (f.value = !1, de("hover"));
     }
     function ve(M) {
-      var T, q;
+      var T, U;
       if (e.trigger !== "click" || !p.value) return;
       const B = M.target;
-      (T = g.value) != null && T.contains(B) || (q = n.value) != null && q.contains(B) || de("outside");
+      (T = g.value) != null && T.contains(B) || (U = n.value) != null && U.contains(B) || de("outside");
     }
     return ae(
       () => e.modelValue,
       (M) => {
-        v.value && M && ue(Y);
+        h.value && M && ue(Z);
       }
     ), ae(
       () => e.placement,
       () => {
-        p.value && ue(Y);
+        p.value && ue(Z);
       }
     ), ae(p, (M) => {
-      M && ue(Y);
+      M && ue(Z);
     }), be(() => {
-      typeof window > "u" || (window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0), window.addEventListener("click", ve));
+      typeof window > "u" || (window.addEventListener("resize", Z), window.addEventListener("scroll", Z, !0), window.addEventListener("click", ve));
     }), pe(() => {
-      I(), !(typeof window > "u") && (window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0), window.removeEventListener("click", ve));
+      I(), !(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",
         ref: g,
         class: "dk:relative dk:inline-flex dk:max-w-full",
-        "aria-describedby": p.value ? $ : void 0,
+        "aria-describedby": p.value ? y : void 0,
         onMouseenter: Se,
         onMouseleave: je,
         onFocusin: Ve,
@@ -2353,10 +2448,10 @@ const We = { key: 1 }, Oe = `
       }, [
         _(M.$slots, "trigger", {}, () => [
           _(M.$slots, "default", {}, () => [
-            m("span", Td, j(e.fallbackTriggerText), 1)
+            m("span", Pd, j(e.fallbackTriggerText), 1)
           ])
         ])
-      ], 40, Md),
+      ], 40, Ld),
       (t(), W(me, {
         to: e.teleportTo
       }, [
@@ -2371,10 +2466,10 @@ const We = { key: 1 }, Oe = `
               key: 0,
               ref_key: "tooltipRef",
               ref: n,
-              id: $,
+              id: y,
               role: "tooltip",
-              class: c(s.value),
-              style: te(C.value),
+              class: s(u.value),
+              style: te($.value),
               onMouseenter: Me,
               onMouseleave: Te
             }, [
@@ -2384,7 +2479,7 @@ const We = { key: 1 }, Oe = `
               e.arrow ? (t(), a("span", {
                 key: 0,
                 "aria-hidden": "true",
-                class: c(D.value)
+                class: s(D.value)
               }, null, 2)) : S("", !0)
             ], 38)) : S("", !0)
           ]),
@@ -2393,7 +2488,7 @@ const We = { key: 1 }, Oe = `
       ], 8, ["to"]))
     ], 64));
   }
-}), _d = ["open"], Ld = ["onClick"], Pd = { class: "dui-acc-title" }, Id = { class: "dui-acc-panel" }, Ad = /* @__PURE__ */ L({
+}), Id = ["open"], Ad = ["onClick"], Ed = { class: "dui-acc-title" }, Wd = { class: "dui-acc-panel" }, Od = /* @__PURE__ */ L({
   __name: "DuiAccordion",
   props: {
     items: {},
@@ -2406,18 +2501,18 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = F([]);
+    const e = d, l = r, g = N([]);
     function n() {
       return e.modelValue === void 0 ? g.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
     }
-    function w(y) {
-      return n().includes(y);
+    function w(C) {
+      return n().includes(C);
     }
-    function v(y, o) {
-      if (o) return;
-      const s = n();
-      let C;
-      e.multiple ? C = s.includes(y) ? s.filter((D) => D !== y) : [...s, y] : C = s.includes(y) ? [] : [y], g.value = C, i("update:modelValue", e.multiple ? C : C[0] ?? ""), i("change", y);
+    function h(C, k) {
+      if (k) return;
+      const u = n();
+      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);
     }
     const p = {
       sm: {
@@ -2445,7 +2540,7 @@ const We = { key: 1 }, Oe = `
       success: "dk:bg-emerald-50 dk:dark:bg-emerald-900/30",
       warning: "dk:bg-amber-50 dk:dark:bg-amber-900/30",
       danger: "dk:bg-rose-50 dk:dark:bg-rose-900/30"
-    }, h = {
+    }, v = {
       neutral: "dk:text-zinc-900 dk:dark:text-zinc-50",
       primary: "dk:text-slate-800 dk:dark:text-slate-100",
       secondary: "dk:text-pink-800 dk:dark:text-pink-100",
@@ -2459,49 +2554,49 @@ const We = { key: 1 }, Oe = `
       success: "dk:text-emerald-500 dk:dark:text-emerald-400",
       warning: "dk:text-amber-500 dk:dark:text-amber-400",
       danger: "dk:text-rose-500 dk:dark:text-rose-400"
-    }, z = k(() => e.variant === "separated" ? "dk:flex dk:flex-col dk:gap-2" : e.variant === "ghost" ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700/60" : e.flush ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700" : "dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:rounded-xl dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700 dk:overflow-hidden dk:shadow-sm"), V = k(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
-    function $(y, o) {
-      const s = p[e.size], C = w(y), D = [
+    }, z = o(() => e.variant === "separated" ? "dk:flex dk:flex-col dk:gap-2" : e.variant === "ghost" ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700/60" : e.flush ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700" : "dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:rounded-xl dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700 dk:overflow-hidden dk:shadow-sm"), V = o(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
+    function y(C, k) {
+      const u = p[e.size], $ = w(C), D = [
         "dk:flex dk:w-full dk:items-center dk:select-none dk:outline-none",
         "dk:transition-colors dk:duration-150",
-        s.summary
-      ], I = C ? [b[e.color], h[e.color]] : ["dk:text-zinc-700 dk:dark:text-zinc-300", "dk:hover:bg-zinc-50 dk:dark:hover:bg-zinc-800/50 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"], X = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", ee = o ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+        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(" ");
     }
-    function u(y) {
-      const o = p[e.size];
+    function c(C) {
+      const k = p[e.size];
       return [
         "dk:flex-shrink-0 dk:transition-transform dk:duration-250 dk:ease-in-out dk:ml-auto",
-        w(y) ? "dk:rotate-180 " + f[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500",
-        o.chevron
+        w(C) ? "dk:rotate-180 " + f[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500",
+        k.chevron
       ].join(" ");
     }
-    const l = k(() => ["dk:flex-shrink-0 dk:leading-none", p[e.size].icon].join(" ")), x = k(() => [
+    const i = o(() => ["dk:flex-shrink-0 dk:leading-none", p[e.size].icon].join(" ")), x = o(() => [
       p[e.size].content,
       "dk:text-zinc-600 dk:dark:text-zinc-400 dk:leading-relaxed"
     ].join(" "));
-    return (y, o) => (t(), a("div", {
-      class: c(z.value)
+    return (C, k) => (t(), a("div", {
+      class: s(z.value)
     }, [
-      (t(!0), a(E, null, K(d.items, (s, C) => (t(), a("details", {
-        key: s.value ?? C,
-        open: w(s.value ?? String(C)),
-        class: c(V.value),
-        onToggle: o[0] || (o[0] = R(() => {
+      (t(!0), a(E, null, K(d.items, (u, $) => (t(), a("details", {
+        key: u.value ?? $,
+        open: w(u.value ?? String($)),
+        class: s(V.value),
+        onToggle: k[0] || (k[0] = G(() => {
         }, ["prevent"]))
       }, [
         m("summary", {
-          class: c($(s.value ?? String(C), s.disabled)),
-          onClick: R((D) => v(s.value ?? String(C), s.disabled), ["prevent"])
+          class: s(y(u.value ?? String($), u.disabled)),
+          onClick: G((D) => h(u.value ?? String($), u.disabled), ["prevent"])
         }, [
-          s.icon ? (t(), a("span", {
+          u.icon ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: c(l.value)
-          }, j(s.icon), 3)) : S("", !0),
-          m("span", Pd, j(s.title), 1),
+            class: s(i.value)
+          }, j(u.icon), 3)) : S("", !0),
+          m("span", Ed, j(u.title), 1),
           (t(), a("svg", {
-            class: c(u(s.value ?? String(C))),
+            class: s(c(u.value ?? String($))),
             viewBox: "0 0 16 16",
             fill: "none",
             stroke: "currentColor",
@@ -2509,23 +2604,23 @@ const We = { key: 1 }, Oe = `
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "aria-hidden": "true"
-          }, [...o[1] || (o[1] = [
+          }, [...k[1] || (k[1] = [
             m("polyline", { points: "4 6 8 10 12 6" }, null, -1)
           ])], 2))
-        ], 10, Ld),
-        m("div", Id, [
+        ], 10, Ad),
+        m("div", Wd, [
           m("div", {
-            class: c(x.value)
+            class: s(x.value)
           }, [
-            _(y.$slots, s.value ?? String(C), {}, () => [
-              m("p", null, j(s.content), 1)
+            _(C.$slots, u.value ?? String($), {}, () => [
+              m("p", null, j(u.content), 1)
             ], !0)
           ], 2)
         ])
-      ], 42, _d))), 128))
+      ], 42, Id))), 128))
     ], 2));
   }
-}), Ot = /* @__PURE__ */ ie(Ad, [["__scopeId", "data-v-9bd77ff3"]]), Ed = ["aria-label"], Nt = /* @__PURE__ */ L({
+}), Ut = /* @__PURE__ */ ie(Od, [["__scopeId", "data-v-9bd77ff3"]]), Fd = ["aria-label"], qt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiBadge",
   props: {
@@ -2540,7 +2635,7 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["dismiss"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = {
+    const e = d, l = 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",
@@ -2574,17 +2669,17 @@ const We = { key: 1 }, Oe = `
         warning: "dk:border dk:border-amber-400 dk:text-amber-700 dk:dark:border-amber-500 dk:dark:text-amber-300",
         danger: "dk:border dk:border-rose-400 dk:text-rose-700 dk:dark:border-rose-500 dk:dark:text-rose-300"
       }
-    }, v = {
+    }, h = {
       neutral: "dk:bg-zinc-500 dk:dark:bg-zinc-400",
       primary: "dk:bg-slate-500 dk:dark:bg-slate-400",
       secondary: "dk:bg-pink-500 dk:dark:bg-pink-400",
       success: "dk:bg-emerald-500 dk:dark:bg-emerald-400",
       warning: "dk:bg-amber-500 dk:dark:bg-amber-400",
       danger: "dk:bg-rose-500 dk:dark:bg-rose-400"
-    }, p = k(() => {
-      const z = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", V = g[e.size], $ = n[e.rounded], u = w[e.variant][e.color], l = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
-      return [z, V, $, u, l].join(" ");
-    }), b = k(() => ["dk:rounded-full dk:flex-shrink-0", { xs: "dk:w-1.5 dk:h-1.5", sm: "dk:w-2 dk:h-2", md: "dk:w-2 dk:h-2", lg: "dk:w-2.5 dk:h-2.5" }[e.size], v[e.color]].join(" ")), h = k(() => "dk:flex-shrink-0 dk:flex dk:items-center"), f = k(() => [
+    }, 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" : "";
+      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(() => [
       "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",
@@ -2598,11 +2693,11 @@ const We = { key: 1 }, Oe = `
         z.$slots.icon || d.dot ? (t(), a("span", {
           key: 0,
           "aria-hidden": "true",
-          class: c(h.value)
+          class: s(v.value)
         }, [
           d.dot ? (t(), a("span", {
             key: 0,
-            class: c(b.value)
+            class: s(b.value)
           }, null, 2)) : _(z.$slots, "icon", {}, void 0, void 0, 1)
         ], 2)) : S("", !0),
         _(z.$slots, "default", {}, () => [
@@ -2611,15 +2706,15 @@ const We = { key: 1 }, Oe = `
         d.dismissible ? (t(), a("button", {
           key: 1,
           type: "button",
-          class: c(f.value),
+          class: s(f.value),
           "aria-label": d.label ? `Quitar ${d.label}` : "Quitar",
-          onClick: V[0] || (V[0] = R(($) => i("dismiss"), ["prevent"]))
-        }, " × ", 10, Ed)) : S("", !0)
+          onClick: V[0] || (V[0] = G((y) => l("dismiss"), ["prevent"]))
+        }, " × ", 10, Fd)) : S("", !0)
       ]),
       _: 3
     }, 16, ["href", "class"]));
   }
-}), Wd = ["onKeydown"], Od = ["aria-label"], Ft = /* @__PURE__ */ L({
+}), Nd = ["onKeydown"], Kd = ["aria-label"], Ht = /* @__PURE__ */ L({
   __name: "DuiDropdown",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2634,20 +2729,20 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = F(null), n = F(!1), w = k(() => e.modelValue !== void 0 ? e.modelValue : n.value);
-    function v() {
+    const e = d, l = r, g = N(null), n = N(!1), w = o(() => e.modelValue !== void 0 ? e.modelValue : n.value);
+    function h() {
       if (e.disabled) return;
-      const u = !w.value;
-      n.value = u, i("update:modelValue", u), i(u ? "open" : "close");
+      const c = !w.value;
+      n.value = c, l("update:modelValue", c), l(c ? "open" : "close");
     }
     function p() {
-      n.value = !1, i("update:modelValue", !1), i("close");
+      n.value = !1, l("update:modelValue", !1), l("close");
     }
-    function b(u) {
-      g.value && !g.value.contains(u.target) && p();
+    function b(c) {
+      g.value && !g.value.contains(c.target) && p();
     }
     be(() => document.addEventListener("mousedown", b)), pe(() => document.removeEventListener("mousedown", b));
-    const h = {
+    const v = {
       "bottom-start": "dk:top-full dk:left-0 dk:mt-1 dk:origin-top-left",
       "bottom-end": "dk:top-full dk:right-0 dk:mt-1 dk:origin-top-right",
       bottom: "dk:top-full dk:left-1/2 dk:-translate-x-1/2 dk:mt-1 dk:origin-top",
@@ -2683,26 +2778,26 @@ const We = { key: 1 }, Oe = `
         warning: "dk:bg-amber-100/85 dk:dark:bg-amber-900/70 dk:backdrop-blur-md dk:border dk:border-amber-300/70 dk:dark:border-amber-600/60 dk:text-amber-800 dk:dark:text-amber-200",
         danger: "dk:bg-rose-100/85 dk:dark:bg-rose-900/70 dk:backdrop-blur-md dk:border dk:border-rose-300/70 dk:dark:border-rose-600/60 dk:text-rose-800 dk:dark:text-rose-200"
       }
-    }, V = k(() => ({ minWidth: e.minWidth })), $ = k(() => [
+    }, V = o(() => ({ minWidth: e.minWidth })), y = o(() => [
       "dk:absolute dk:z-50 dk:shadow-lg dk:py-1",
-      h[e.placement],
+      v[e.placement],
       f[e.rounded],
       z[e.variant][e.color]
     ].join(" "));
-    return (u, l) => (t(), a("div", {
+    return (c, i) => (t(), a("div", {
       ref_key: "wrapperRef",
       ref: g,
       class: "dk:relative dk:inline-block"
     }, [
       m("div", {
-        onClick: v,
+        onClick: h,
         onKeydown: [
-          ye(R(v, ["prevent"]), ["enter"]),
-          ye(R(v, ["prevent"]), ["space"])
+          ye(G(h, ["prevent"]), ["enter"]),
+          ye(G(h, ["prevent"]), ["space"])
         ]
       }, [
-        _(u.$slots, "trigger")
-      ], 40, Wd),
+        _(c.$slots, "trigger")
+      ], 40, Nd),
       J(ne, {
         "enter-active-class": "dk:transition-all dk:duration-150 dk:ease-out",
         "leave-active-class": "dk:transition-all dk:duration-100 dk:ease-in",
@@ -2712,22 +2807,22 @@ const We = { key: 1 }, Oe = `
         default: A(() => [
           w.value ? (t(), a("div", {
             key: 0,
-            class: c($.value),
+            class: s(y.value),
             style: te(V.value),
             role: "menu",
             "aria-label": d.ariaLabel
           }, [
-            _(u.$slots, "default")
-          ], 14, Od)) : S("", !0)
+            _(c.$slots, "default")
+          ], 14, Kd)) : S("", !0)
         ]),
         _: 3
       })
     ], 512));
   }
-}), Nd = { class: "dk:flex-1 dk:truncate" }, Fd = {
+}), Ud = { class: "dk:flex-1 dk:truncate" }, qd = {
   key: 1,
   class: "dk:ml-auto dk:opacity-60 dk:text-xs"
-}, Kt = /* @__PURE__ */ L({
+}, Qt = /* @__PURE__ */ L({
   __name: "DuiDropdownItem",
   props: {
     label: { default: void 0 },
@@ -2740,18 +2835,18 @@ const We = { key: 1 }, Oe = `
   },
   emits: ["click"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = k(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), n = {
+    const e = d, l = r, g = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), n = {
       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 = k(() => {
-      const b = "dk:flex dk:w-full dk:items-center dk:gap-2 dk:transition-colors dk:duration-100 dk:outline-none dk:text-left dk:select-none", h = 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";
-      return [b, h, f, z].join(" ");
-    }), v = k(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
+    }, 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";
+      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");
     function p(b) {
-      e.disabled || i("click", b);
+      e.disabled || l("click", b);
     }
-    return (b, h) => (t(), W(Q(d.href ? "a" : "button"), O(g.value, {
+    return (b, v) => (t(), W(Q(d.href ? "a" : "button"), O(g.value, {
       class: w.value,
       role: "menuitem",
       "aria-disabled": d.disabled,
@@ -2760,40 +2855,40 @@ const We = { key: 1 }, Oe = `
       default: A(() => [
         b.$slots.icon || d.icon ? (t(), a("span", {
           key: 0,
-          class: c(v.value),
+          class: s(h.value),
           "aria-hidden": "true"
         }, [
           _(b.$slots, "icon", {}, () => [
             P(j(d.icon), 1)
           ])
         ], 2)) : S("", !0),
-        m("span", Nd, [
+        m("span", Ud, [
           _(b.$slots, "default", {}, () => [
             P(j(d.label), 1)
           ])
         ]),
-        b.$slots.trailing ? (t(), a("span", Fd, [
+        b.$slots.trailing ? (t(), a("span", qd, [
           _(b.$slots, "trailing")
         ])) : S("", !0)
       ]),
       _: 3
     }, 16, ["class", "aria-disabled"]));
   }
-}), Kd = {}, qd = {
+}), Hd = {}, Qd = {
   class: "dk:my-1 dk:border-current/10",
   role: "separator",
   "aria-orientation": "horizontal"
 };
-function Ud(d, r) {
-  return t(), a("hr", qd);
+function Gd(d, r) {
+  return t(), a("hr", Qd);
 }
-const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = ["disabled", "aria-label"], Gd = {
+const Gt = /* @__PURE__ */ ie(Hd, [["render", Gd]]), Yd = ["aria-label"], Jd = ["disabled", "aria-label"], Xd = {
   key: 0,
   class: "dk:hidden dk:sm:inline"
-}, Jd = ["aria-label", "aria-current", "onClick"], Xd = ["disabled", "aria-label"], Yd = {
+}, Zd = ["aria-label", "aria-current", "onClick"], Rd = ["disabled", "aria-label"], et = {
   key: 0,
   class: "dk:hidden dk:sm:inline"
-}, Ut = /* @__PURE__ */ L({
+}, Yt = /* @__PURE__ */ L({
   __name: "DuiPagination",
   props: {
     modelValue: {},
@@ -2812,23 +2907,23 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = k(() => Math.max(1, Math.ceil(e.total / e.perPage)));
-    function n(u) {
-      u < 1 || u > g.value || u === e.modelValue || (i("update:modelValue", u), i("change", u));
-    }
-    const w = k(() => {
-      const u = g.value, l = e.modelValue, x = e.siblingCount, y = e.showBoundary ? 1 : 0;
-      if (u <= 2 * x + 2 * y + 3)
-        return Array.from({ length: u }, (D, I) => I + 1);
-      const o = [];
-      for (let D = 1; D <= y; D++) o.push(D);
-      const s = Math.max(y + 1, l - x), C = Math.min(u - y, l + x);
-      s > y + 1 && o.push("...");
-      for (let D = s; D <= C; D++) o.push(D);
-      C < u - y && o.push("...");
-      for (let D = u - y + 1; D <= u; D++) o.push(D);
-      return o;
-    }), v = {
+    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 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 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);
+      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 = {
       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"
@@ -2861,39 +2956,39 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
         warning: "dk:bg-amber-100 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",
         danger: "dk:bg-rose-100 dk:text-rose-800 dk:dark:bg-rose-800 dk:dark:text-rose-100"
       }
-    }, h = k(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), f = k(() => {
-      const u = v[e.size], l = p[e.rounded];
+    }, v = o(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), f = o(() => {
+      const c = h[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",
-        u,
-        l,
+        c,
+        i,
         "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400"
       ].join(" ");
-    }), z = k(() => [
+    }), z = o(() => [
       f.value,
       "dk:text-zinc-600 dk:dark:text-zinc-400",
       "dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700",
       "dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
     ].join(" "));
-    function V(u) {
-      return u === e.modelValue ? [f.value, b[e.variant][e.color]].join(" ") : [
+    function V(c) {
+      return c === e.modelValue ? [f.value, b[e.variant][e.color]].join(" ") : [
         f.value,
         "dk:text-zinc-600 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
       ].join(" ");
     }
-    const $ = k(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", v[e.size]].join(" "));
-    return (u, l) => (t(), a("nav", {
+    const y = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", h[e.size]].join(" "));
+    return (c, i) => (t(), a("nav", {
       "aria-label": d.ariaLabel,
-      class: c(h.value)
+      class: s(v.value)
     }, [
       m("button", {
         type: "button",
         disabled: d.modelValue <= 1,
         "aria-label": d.prevLabel,
-        class: c([z.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
-        onClick: l[0] || (l[0] = (x) => n(d.modelValue - 1))
+        class: s([z.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
+        onClick: i[0] || (i[0] = (x) => n(d.modelValue - 1))
       }, [
-        l[2] || (l[2] = m("svg", {
+        i[2] || (i[2] = m("svg", {
           class: "dk:w-4 dk:h-4",
           viewBox: "0 0 16 16",
           fill: "none",
@@ -2905,31 +3000,31 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
         }, [
           m("polyline", { points: "10 4 6 8 10 12" })
         ], -1)),
-        d.showLabels ? (t(), a("span", Gd, j(d.prevLabel), 1)) : S("", !0)
-      ], 10, Qd),
+        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", {
           key: 0,
-          class: c($.value),
+          class: s(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: c(V(x)),
-          onClick: (y) => n(x)
-        }, j(x), 11, Jd))
+          class: s(V(x)),
+          onClick: (C) => n(x)
+        }, j(x), 11, Zd))
       ], 64))), 128)),
       m("button", {
         type: "button",
         disabled: d.modelValue >= g.value,
         "aria-label": d.nextLabel,
-        class: c([z.value, d.modelValue >= g.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
-        onClick: l[1] || (l[1] = (x) => n(d.modelValue + 1))
+        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))
       }, [
-        d.showLabels ? (t(), a("span", Yd, j(d.nextLabel), 1)) : S("", !0),
-        l[3] || (l[3] = m("svg", {
+        d.showLabels ? (t(), a("span", et, j(d.nextLabel), 1)) : S("", !0),
+        i[3] || (i[3] = m("svg", {
           class: "dk:w-4 dk:h-4",
           viewBox: "0 0 16 16",
           fill: "none",
@@ -2941,10 +3036,10 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
         }, [
           m("polyline", { points: "6 4 10 8 6 12" })
         ], -1))
-      ], 10, Xd)
-    ], 10, Hd));
+      ], 10, Rd)
+    ], 10, Yd));
   }
-}), Zd = /* @__PURE__ */ L({
+}), dt = /* @__PURE__ */ L({
   __name: "DuiSkeleton",
   props: {
     variant: { default: "text" },
@@ -2954,11 +3049,11 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
   },
   setup(d) {
     const r = d;
-    function e(v) {
-      if (v !== void 0)
-        return typeof v == "number" ? `${v}px` : v;
+    function e(h) {
+      if (h !== void 0)
+        return typeof h == "number" ? `${h}px` : h;
     }
-    const i = k(() => ({
+    const l = o(() => ({
       width: e(r.width),
       height: e(r.height)
     })), g = {
@@ -2970,23 +3065,23 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
       circular: "dk:block dk:w-10 dk:h-10 dk:rounded-full",
       rectangular: "dk:block dk:w-full dk:h-20 dk:rounded-none",
       rounded: "dk:block dk:w-full dk:h-20 dk:rounded-xl"
-    }, w = k(() => [
+    }, w = o(() => [
       "dk:bg-zinc-200 dk:dark:bg-zinc-700",
       n[r.variant],
       g[r.animation]
     ].join(" "));
-    return (v, p) => (t(), a("span", {
-      class: c(w.value),
-      style: te(i.value),
+    return (h, p) => (t(), a("span", {
+      class: s(w.value),
+      style: te(l.value),
       "aria-hidden": "true",
       role: "presentation"
     }, null, 6));
   }
-}), Ht = /* @__PURE__ */ ie(Zd, [["__scopeId", "data-v-8c9c6005"]]), Rd = ["aria-label"], et = ["id", "aria-controls", "aria-selected", "disabled", "onClick", "onKeydown"], dt = {
+}), Jt = /* @__PURE__ */ ie(dt, [["__scopeId", "data-v-8c9c6005"]]), tt = ["aria-label"], rt = ["id", "aria-controls", "aria-selected", "disabled", "onClick", "onKeydown"], at = {
   key: 0,
   "aria-hidden": "true",
   class: "dk:flex-shrink-0"
-}, tt = ["id", "aria-labelledby", "tabindex", "hidden"], Qt = /* @__PURE__ */ L({
+}, ot = ["id", "aria-labelledby", "tabindex", "hidden"], Xt = /* @__PURE__ */ L({
   __name: "DuiTabs",
   props: {
     modelValue: {},
@@ -2999,25 +3094,25 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, i = r, g = Math.random().toString(36).slice(2, 8);
-    function n($, u) {
-      u || (i("update:modelValue", $), i("change", $));
-    }
-    function w($, u) {
-      const l = e.tabs.filter((y) => !y.disabled).map((y) => y.value), x = l.indexOf(u);
-      if ($.key === "ArrowRight" || $.key === "ArrowDown") {
-        $.preventDefault();
-        const y = l[(x + 1) % l.length];
-        n(y);
+    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));
+    }
+    function w(y, c) {
+      const i = e.tabs.filter((C) => !C.disabled).map((C) => C.value), x = i.indexOf(c);
+      if (y.key === "ArrowRight" || y.key === "ArrowDown") {
+        y.preventDefault();
+        const C = i[(x + 1) % i.length];
+        n(C);
       }
-      if ($.key === "ArrowLeft" || $.key === "ArrowUp") {
-        $.preventDefault();
-        const y = l[(x - 1 + l.length) % l.length];
-        n(y);
+      if (y.key === "ArrowLeft" || y.key === "ArrowUp") {
+        y.preventDefault();
+        const C = i[(x - 1 + i.length) % i.length];
+        n(C);
       }
-      $.key === "Home" && ($.preventDefault(), n(l[0])), $.key === "End" && ($.preventDefault(), n(l[l.length - 1]));
+      y.key === "Home" && (y.preventDefault(), n(i[0])), y.key === "End" && (y.preventDefault(), n(i[i.length - 1]));
     }
-    const v = {
+    const h = {
       sm: "dk:text-xs dk:px-3 dk:py-1.5",
       md: "dk:text-sm dk:px-4 dk:py-2",
       lg: "dk:text-base dk:px-5 dk:py-2.5"
@@ -3028,67 +3123,67 @@ const qt = /* @__PURE__ */ ie(Kd, [["render", Ud]]), Hd = ["aria-label"], Qd = [
       success: { underline: "dk:border-emerald-600 dk:text-emerald-700 dk:dark:border-emerald-400 dk:dark:text-emerald-200", pills: "dk:bg-emerald-600 dk:text-white dk:dark:bg-emerald-500", boxed: "dk:bg-white dk:text-emerald-700 dk:dark:bg-zinc-800 dk:dark:text-emerald-200 dk:shadow-sm" },
       warning: { underline: "dk:border-amber-500 dk:text-amber-700 dk:dark:border-amber-400 dk:dark:text-amber-200", pills: "dk:bg-amber-500 dk:text-white dk:dark:bg-amber-400", boxed: "dk:bg-white dk:text-amber-700 dk:dark:bg-zinc-800 dk:dark:text-amber-200 dk:shadow-sm" },
       danger: { underline: "dk:border-rose-600 dk:text-rose-700 dk:dark:border-rose-400 dk:dark:text-rose-200", pills: "dk:bg-rose-600 dk:text-white dk:dark:bg-rose-500", boxed: "dk:bg-white dk:text-rose-700 dk:dark:bg-zinc-800 dk:dark:text-rose-200 dk:shadow-sm" }
-    }, b = k(() => "dk:w-full"), h = k(() => {
-      const $ = "dk:flex dk:items-center dk:gap-0.5", u = e.fullWidth ? "dk:w-full" : "", l = {
+    }, b = o(() => "dk:w-full"), v = o(() => {
+      const y = "dk:flex dk:items-center dk:gap-0.5", c = e.fullWidth ? "dk:w-full" : "", i = {
         underline: "dk:border-b dk:border-zinc-200 dk:dark:border-zinc-700",
         pills: "dk:gap-1",
         boxed: "dk:bg-zinc-100 dk:dark:bg-zinc-800 dk:p-1 dk:rounded-xl dk:gap-1"
       }[e.variant];
-      return [$, u, l].join(" ");
+      return [y, c, i].join(" ");
     });
-    function f($, u) {
-      const l = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t", x = v[e.size], y = e.modelValue === $, o = u ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", s = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
+    function 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";
       if (e.variant === "underline") {
-        const I = y ? `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 [l, x, I, o, s].join(" ");
+        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(" ");
       }
       if (e.variant === "pills") {
-        const I = y ? `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 [l, x, I, o, s].join(" ");
+        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 C = y ? `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 [l, x, C, o, s, D].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(" ");
     }
-    const z = k(() => "dk:ml-1 dk:inline-flex dk:items-center dk:justify-center dk:rounded-full dk:bg-current/15 dk:text-current dk:text-[10px] dk:font-semibold dk:px-1.5 dk:py-px dk:leading-none"), V = k(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
-    return ($, u) => (t(), a("div", {
-      class: c(b.value)
+    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)
     }, [
       m("div", {
-        class: c(h.value),
+        class: s(v.value),
         role: "tablist",
         "aria-label": d.ariaLabel
       }, [
-        (t(!0), a(E, null, K(d.tabs, (l) => (t(), a("button", {
-          key: l.value,
+        (t(!0), a(E, null, K(d.tabs, (i) => (t(), a("button", {
+          key: i.value,
           type: "button",
-          id: `tab-${Z(g)}-${l.value}`,
-          "aria-controls": `panel-${Z(g)}-${l.value}`,
-          "aria-selected": d.modelValue === l.value,
-          disabled: l.disabled,
+          id: `tab-${R(g)}-${i.value}`,
+          "aria-controls": `panel-${R(g)}-${i.value}`,
+          "aria-selected": d.modelValue === i.value,
+          disabled: i.disabled,
           role: "tab",
-          class: c(f(l.value, l.disabled)),
-          onClick: (x) => n(l.value, l.disabled),
-          onKeydown: (x) => w(x, l.value)
+          class: s(f(i.value, i.disabled)),
+          onClick: (x) => n(i.value, i.disabled),
+          onKeydown: (x) => w(x, i.value)
         }, [
-          l.icon ? (t(), a("span", dt, j(l.icon), 1)) : S("", !0),
-          P(" " + j(l.label) + " ", 1),
-          l.badge !== void 0 ? (t(), a("span", {
+          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: c(z.value)
-          }, j(l.badge), 3)) : S("", !0)
-        ], 42, et))), 128))
-      ], 10, Rd),
-      (t(!0), a(E, null, K(d.tabs, (l) => (t(), a("div", {
-        key: l.value,
-        id: `panel-${Z(g)}-${l.value}`,
-        "aria-labelledby": `tab-${Z(g)}-${l.value}`,
+            class: s(z.value)
+          }, j(i.badge), 3)) : S("", !0)
+        ], 42, rt))), 128))
+      ], 10, tt),
+      (t(!0), a(E, null, K(d.tabs, (i) => (t(), a("div", {
+        key: i.value,
+        id: `panel-${R(g)}-${i.value}`,
+        "aria-labelledby": `tab-${R(g)}-${i.value}`,
         role: "tabpanel",
-        tabindex: d.modelValue === l.value ? 0 : -1,
-        hidden: d.modelValue !== l.value,
-        class: c(V.value)
+        tabindex: d.modelValue === i.value ? 0 : -1,
+        hidden: d.modelValue !== i.value,
+        class: s(V.value)
       }, [
-        _($.$slots, l.value)
-      ], 10, tt))), 128))
+        _(y.$slots, i.value)
+      ], 10, ot))), 128))
     ], 2));
   }
 }), le = ze({ toasts: [] });
@@ -3108,29 +3203,29 @@ function Ce(d) {
   const r = le.toasts.findIndex((e) => e.id === d);
   r !== -1 && le.toasts.splice(r, 1);
 }
-function rt() {
+function kt() {
   le.toasts.splice(0);
 }
-function at() {
+function nt() {
   return {
-    toasts: Ie(le.toasts),
+    toasts: Ae(le.toasts),
     add: ke,
     remove: Ce,
-    clear: rt,
+    clear: kt,
     success: (d, r) => ke({ ...r, message: d, color: "success" }),
     error: (d, r) => ke({ ...r, message: d, color: "danger" }),
     warning: (d, r) => ke({ ...r, message: d, color: "warning" }),
     info: (d, r) => ke({ ...r, message: d, color: "primary" })
   };
 }
-const ot = {
+const st = {
   key: 0,
   "aria-hidden": "true",
   class: "dk:flex-shrink-0 dk:text-lg"
-}, kt = { class: "dk:flex-1 dk:min-w-0" }, nt = {
+}, lt = { class: "dk:flex-1 dk:min-w-0" }, it = {
   key: 0,
   class: "dk:text-sm dk:font-semibold dk:leading-snug"
-}, st = ["onClick"], lt = "dk:flex-shrink-0 dk:flex dk:items-center dk:justify-center dk:w-5 dk:h-5 dk:rounded dk:text-current dk:opacity-70 dk:hover:opacity-100 dk:transition-opacity dk:text-base dk:leading-none dk:outline-none dk:ring-1 dk:ring-current/30 dk:focus-visible:ring-2", Gt = /* @__PURE__ */ L({
+}, ct = ["onClick"], ut = "dk:flex-shrink-0 dk:flex dk:items-center dk:justify-center dk:w-5 dk:h-5 dk:rounded dk:text-current dk:opacity-70 dk:hover:opacity-100 dk:transition-opacity dk:text-base dk:leading-none dk:outline-none dk:ring-1 dk:ring-current/30 dk:focus-visible:ring-2", Zt = /* @__PURE__ */ L({
   __name: "DuiToast",
   props: {
     position: { default: "top-right" },
@@ -3138,26 +3233,26 @@ const ot = {
     zIndex: { default: 9999 }
   },
   setup(d) {
-    const r = d, { toasts: e, remove: i } = at(), g = k(() => e.slice(0, r.maxToasts)), n = {
+    const r = d, { toasts: e, remove: l } = nt(), g = o(() => e.slice(0, r.maxToasts)), n = {
       "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",
       "bottom-right": "dk:bottom-4 dk:right-4 dk:items-end",
       "bottom-left": "dk:bottom-4 dk:left-4 dk:items-start",
       "bottom-center": "dk:bottom-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center"
-    }, w = k(() => [
+    }, w = o(() => [
       "dk:fixed dk:pointer-events-none",
       n[r.position]
-    ].join(" ")), v = k(() => ({
+    ].join(" ")), h = o(() => ({
       zIndex: String(r.zIndex)
-    })), p = k(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), b = {
+    })), 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",
       primary: "dk:bg-slate-700 dk:dark:bg-slate-700 dk:text-white dk:border-slate-500",
       secondary: "dk:bg-pink-600 dk:dark:bg-pink-700 dk:text-white dk:border-pink-400",
       success: "dk:bg-emerald-600 dk:dark:bg-emerald-700 dk:text-white dk:border-emerald-400",
       warning: "dk:bg-amber-600 dk:dark:bg-amber-700 dk:text-white dk:border-amber-400",
       danger: "dk:bg-rose-600 dk:dark:bg-rose-700 dk:text-white dk:border-rose-400"
-    }, h = {
+    }, v = {
       neutral: "dk:bg-zinc-300",
       primary: "dk:bg-slate-300",
       secondary: "dk:bg-pink-200",
@@ -3173,18 +3268,18 @@ const ot = {
       ].join(" ");
     }
     function z(V) {
-      return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", h[V]].join(" ");
+      return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", v[V]].join(" ");
     }
-    return (V, $) => (t(), W(me, { to: "body" }, [
+    return (V, y) => (t(), W(me, { to: "body" }, [
       m("div", {
-        class: c(w.value),
-        style: te(v.value),
+        class: s(w.value),
+        style: te(h.value),
         "aria-live": "polite",
         "aria-atomic": "false"
       }, [
-        J(Ae, {
+        J(Ee, {
           tag: "div",
-          class: c(p.value),
+          class: s(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",
@@ -3192,34 +3287,34 @@ const ot = {
           "move-class": "dk:transition-all dk:duration-300"
         }, {
           default: A(() => [
-            (t(!0), a(E, null, K(g.value, (u) => (t(), a("div", {
-              key: u.id,
+            (t(!0), a(E, null, K(g.value, (c) => (t(), a("div", {
+              key: c.id,
               role: "alert",
-              class: c(f(u.color))
+              class: s(f(c.color))
             }, [
-              u.icon ? (t(), a("span", ot, j(u.icon), 1)) : (t(), a("span", {
+              c.icon ? (t(), a("span", st, j(c.icon), 1)) : (t(), a("span", {
                 key: 1,
-                class: c(z(u.color)),
+                class: s(z(c.color)),
                 "aria-hidden": "true"
               }, null, 2)),
-              m("div", kt, [
-                u.title ? (t(), a("p", nt, j(u.title), 1)) : S("", !0),
+              m("div", lt, [
+                c.title ? (t(), a("p", it, j(c.title), 1)) : S("", !0),
                 m("p", {
-                  class: c(["dk:text-sm dk:leading-snug", { "dk:opacity-80": u.title }])
-                }, j(u.message), 3)
+                  class: s(["dk:text-sm dk:leading-snug", { "dk:opacity-80": c.title }])
+                }, j(c.message), 3)
               ]),
-              u.closable ? (t(), a("button", {
+              c.closable ? (t(), a("button", {
                 key: 2,
                 type: "button",
-                class: c(lt),
+                class: s(ut),
                 "aria-label": "Cerrar notificacion",
-                onClick: (l) => Z(i)(u.id)
-              }, [...$[0] || ($[0] = [
+                onClick: (i) => R(l)(c.id)
+              }, [...y[0] || (y[0] = [
                 m("i", {
                   class: "mdi mdi-close",
                   "aria-hidden": "true"
                 }, null, -1)
-              ])], 8, st)) : S("", !0)
+              ])], 8, ct)) : S("", !0)
             ], 2))), 128))
           ]),
           _: 1
@@ -3227,7 +3322,7 @@ const ot = {
       ], 6)
     ]));
   }
-}), it = { key: 1 }, Jt = /* @__PURE__ */ L({
+}), bt = { key: 1 }, Rt = /* @__PURE__ */ L({
   __name: "DuiConfirmation",
   props: {
     label: {},
@@ -3239,29 +3334,29 @@ const ot = {
   },
   emits: ["confirmed"],
   setup(d, { emit: r }) {
-    const e = F(!1), i = F(!1), g = r, n = d;
+    const e = N(!1), l = N(!1), g = r, n = d;
     function w() {
       e.value = !0, setTimeout(() => {
-        e.value = !1, i.value = !1;
+        e.value = !1, l.value = !1;
       }, 1e4);
     }
-    function v() {
-      g("confirmed"), e.value = !1, i.value = !1;
+    function h() {
+      g("confirmed"), e.value = !1, l.value = !1;
     }
-    return (p, b) => e.value ? (t(), a("div", it, [
-      J(ld, {
-        modelValue: i.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (h) => i.value = h),
+    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: i.value
+        checked: l.value
       }, null, 8, ["modelValue", "label", "size", "variant", "color", "checked"]),
       b[2] || (b[2] = m("br", null, null, -1)),
-      i.value ? (t(), W(oe, {
+      l.value ? (t(), W(oe, {
         key: 0,
-        onClick: b[1] || (b[1] = (h) => v()),
+        onClick: b[1] || (b[1] = (v) => h()),
         variant: n.variant,
         color: n.color,
         size: n.size
@@ -3284,23 +3379,23 @@ const ot = {
       _: 1
     }, 8, ["variant", "color", "size"]));
   }
-}), ct = {
+}), pt = {
   key: 0,
   class: "dk:flex dk:items-center dk:gap-4 dk:flex-shrink-0"
-}, ut = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, bt = {
+}, mt = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, ft = {
   key: 0,
   class: "dk:relative dk:group"
-}, pt = { 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" }, mt = {
+}, 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 = {
   key: 1,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
-}, ft = {
+}, ht = {
   class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
   fill: "none",
   viewBox: "0 0 24 24"
-}, gt = ["d"], xt = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full 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:border-t dk:border-white/40 dk:dark:border-zinc-800 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, ht = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, vt = { key: 0 }, yt = ["onClick"], wt = { class: "dk:flex dk:items-center" }, zt = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ct = {
+}, vt = ["d"], yt = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full 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:border-t dk:border-white/40 dk:dark:border-zinc-800 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, wt = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, zt = { key: 0 }, Ct = ["onClick"], $t = { class: "dk:flex dk:items-center" }, St = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, jt = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
-}, Xt = /* @__PURE__ */ L({
+}, er = /* @__PURE__ */ L({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
@@ -3309,17 +3404,17 @@ const ot = {
     underlineColor: { default: "primary" }
   },
   setup(d) {
-    const r = d, e = F(!1), i = ze({}), g = (x) => se(x.to), n = (x) => {
-      const y = g(x);
-      return fe(x.to, y);
+    const r = d, e = N(!1), l = ze({}), g = (x) => se(x.to), n = (x) => {
+      const C = g(x);
+      return fe(x.to, C);
     }, w = () => {
       e.value = !e.value;
-    }, v = () => {
-      e.value = !1, Object.keys(i).forEach((x) => {
-        i[x] = !1;
+    }, h = () => {
+      e.value = !1, Object.keys(l).forEach((x) => {
+        l[x] = !1;
       });
     }, p = (x) => {
-      i[x] = !i[x];
+      l[x] = !l[x];
     }, b = {
       s: {
         height: "dk:h-12",
@@ -3339,7 +3434,7 @@ const ot = {
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, h = k(() => {
+    }, v = o(() => {
       const x = b[r.size];
       return [
         "dk:relative",
@@ -3357,7 +3452,7 @@ const ot = {
         x.padding,
         x.text
       ].join(" ");
-    }), f = k(() => [
+    }), f = o(() => [
       "dk:flex dk:items-center dk:space-x-1 dk:flex-1",
       {
         left: "dk:justify-start",
@@ -3374,10 +3469,10 @@ const ot = {
         warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
       };
       return x[r.underlineColor] || x.primary;
-    }, V = k(() => {
-      const x = b[r.size], y = z();
-      return (o, s = !0) => {
-        const C = o.active ?? !1, D = s ? "dk:pl-3" : "dk:pl-2", I = "dk:pr-3", X = s ? "dk:pl-2" : "dk:pl-1", ee = "dk:pr-2", de = s ? "dk:pl-4" : "dk:pl-3", ge = "dk:pr-4";
+    }, V = o(() => {
+      const x = 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";
         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`, [
           // Block style with animated underline
@@ -3388,56 +3483,56 @@ const ot = {
           // Animated underline effect
           "dk:before:absolute dk:before:bottom-0 dk:before:left-0 dk:before:h-0.5",
           "dk:before:bg-gradient-to-r",
-          y,
+          C,
           "dk:before:transition-all dk:before:duration-300",
-          C ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
+          $ ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
           re
         ].join(" ");
       };
-    }), $ = k(() => [
+    }), y = o(() => [
       "dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm dk:whitespace-nowrap",
       "dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-white/50 dk:dark:hover:bg-white/10",
       "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
       "dk:transition-all dk:duration-200 dk:no-underline",
       "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500"
-    ].join(" ")), u = k(() => [
+    ].join(" ")), c = o(() => [
       "dk:flex dk:items-center dk:justify-start dk:w-full dk:text-left dk:px-3 dk:py-2",
       "dk:text-gray-700 dk:hover:text-gray-900 dk:rounded-lg",
       "dk:bg-white/10 dk:hover:bg-white/25 dk:dark:bg-white/5 dk:dark:hover:bg-white/15",
       "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
       "dk:border dk:border-white/20 dk:dark:border-white/10 dk:hover:border-white/40 dk:dark:hover:border-white/20",
       "dk:transition-all dk:duration-200 dk:no-underline"
-    ].join(" ")), l = k(() => [
+    ].join(" ")), i = o(() => [
       "dk:block dk:w-full dk:text-left dk:px-3 dk:py-2 dk:text-sm dk:rounded-lg",
       "dk:text-gray-600 dk:hover:text-gray-800 dk:hover:bg-white/30 dk:dark:hover:bg-white/10",
       "dk:dark:text-gray-400 dk:dark:hover:text-gray-200",
       "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
       "dk:transition-all dk:duration-200 dk:no-underline"
     ].join(" "));
-    return (x, y) => (t(), a("nav", {
-      class: c(h.value)
+    return (x, C) => (t(), a("nav", {
+      class: s(v.value)
     }, [
-      x.$slots.brand ? (t(), a("div", ct, [
+      x.$slots.brand ? (t(), a("div", pt, [
         _(x.$slots, "brand")
       ])) : S("", !0),
-      m("div", ut, [
+      m("div", mt, [
         m("div", {
-          class: c(f.value)
+          class: s(f.value)
         }, [
-          (t(!0), a(E, null, K(d.items, (o) => (t(), a(E, {
-            key: o.label
+          (t(!0), a(E, null, K(d.items, (k) => (t(), a(E, {
+            key: k.label
           }, [
-            o.children && o.children.length > 0 ? (t(), a("div", bt, [
-              (t(), W(Q(g(o)), O({ ref_for: !0 }, n(o), {
-                class: V.value(o, !0)
+            k.children && k.children.length > 0 ? (t(), a("div", ft, [
+              (t(), W(Q(g(k)), O({ ref_for: !0 }, n(k), {
+                class: V.value(k, !0)
               }), {
                 default: A(() => [
-                  o.icon ? (t(), a("i", {
+                  k.icon ? (t(), a("i", {
                     key: 0,
-                    class: c([o.icon, "dk:mr-2"])
+                    class: s([k.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
-                  P(" " + j(o.label) + " ", 1),
-                  y[0] || (y[0] = m("svg", {
+                  P(" " + j(k.label) + " ", 1),
+                  C[0] || (C[0] = m("svg", {
                     class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
                     fill: "none",
                     stroke: "currentColor",
@@ -3453,39 +3548,39 @@ const ot = {
                 ]),
                 _: 2
               }, 1040, ["class"])),
-              m("div", pt, [
-                (t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(g(s)), O({
-                  key: s.label
-                }, { ref_for: !0 }, n(s), { class: $.value }), {
+              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(() => [
-                    s.icon ? (t(), a("i", {
+                    u.icon ? (t(), a("i", {
                       key: 0,
-                      class: c([s.icon, "dk:mr-2"])
+                      class: s([u.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
-                    P(" " + j(s.label), 1)
+                    P(" " + j(u.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ])
-            ])) : (t(), W(Q(g(o)), O({
+            ])) : (t(), W(Q(g(k)), O({
               key: 1,
               ref_for: !0
-            }, n(o), {
-              class: V.value(o, !1)
+            }, n(k), {
+              class: V.value(k, !1)
             }), {
               default: A(() => [
-                o.icon ? (t(), a("i", {
+                k.icon ? (t(), a("i", {
                   key: 0,
-                  class: c([o.icon, "dk:mr-2"])
+                  class: s([k.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
-                P(" " + j(o.label), 1)
+                P(" " + j(k.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128))
         ], 2)
       ]),
-      x.$slots.actions ? (t(), a("div", mt, [
+      x.$slots.actions ? (t(), a("div", xt, [
         _(x.$slots, "actions")
       ])) : S("", !0),
       m("button", {
@@ -3493,39 +3588,39 @@ const ot = {
         onClick: w,
         class: "dk:md:hidden dk:ml-auto dk:flex-shrink-0 dk:p-2 dk:rounded-md dk:hover:bg-gray-100 dk:dark:hover:bg-gray-700 dk:transition-colors"
       }, [
-        (t(), a("svg", ft, [
+        (t(), a("svg", ht, [
           m("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: e.value ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"
-          }, null, 8, gt)
+          }, null, 8, vt)
         ]))
       ]),
-      xe(m("div", xt, [
-        m("div", ht, [
-          (t(!0), a(E, null, K(d.items, (o) => (t(), a(E, {
-            key: o.label
+      xe(m("div", yt, [
+        m("div", wt, [
+          (t(!0), a(E, null, K(d.items, (k) => (t(), a(E, {
+            key: k.label
           }, [
-            o.children && o.children.length > 0 ? (t(), a("div", vt, [
+            k.children && k.children.length > 0 ? (t(), a("div", zt, [
               m("button", {
                 type: "button",
-                onClick: (s) => p(o.label),
-                class: c([u.value, "dk:justify-between"])
+                onClick: (u) => p(k.label),
+                class: s([c.value, "dk:justify-between"])
               }, [
-                m("div", wt, [
-                  o.icon ? (t(), a("i", {
+                m("div", $t, [
+                  k.icon ? (t(), a("i", {
                     key: 0,
-                    class: c([o.icon, "dk:mr-2"])
+                    class: s([k.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
-                  P(" " + j(o.label), 1)
+                  P(" " + j(k.label), 1)
                 ]),
                 (t(), a("svg", {
-                  class: c(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", i[o.label] ? "dk:rotate-180" : ""]),
+                  class: s(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", l[k.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, [...y[1] || (y[1] = [
+                }, [...C[1] || (C[1] = [
                   m("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -3533,44 +3628,44 @@ const ot = {
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 10, yt),
-              xe(m("div", zt, [
-                (t(!0), a(E, null, K(o.children, (s) => (t(), W(Q(g(s)), O({
-                  key: s.label
-                }, { ref_for: !0 }, n(s), {
-                  class: l.value,
-                  onClick: v
+              ], 10, Ct),
+              xe(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), {
+                  class: i.value,
+                  onClick: h
                 }), {
                   default: A(() => [
-                    s.icon ? (t(), a("i", {
+                    u.icon ? (t(), a("i", {
                       key: 0,
-                      class: c([s.icon, "dk:mr-2"])
+                      class: s([u.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
-                    P(" " + j(s.label), 1)
+                    P(" " + j(u.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [he, i[o.label]]
+                [he, l[k.label]]
               ])
-            ])) : (t(), W(Q(g(o)), O({
+            ])) : (t(), W(Q(g(k)), O({
               key: 1,
               ref_for: !0
-            }, n(o), {
-              class: u.value,
-              onClick: v
+            }, n(k), {
+              class: c.value,
+              onClick: h
             }), {
               default: A(() => [
-                o.icon ? (t(), a("i", {
+                k.icon ? (t(), a("i", {
                   key: 0,
-                  class: c([o.icon, "dk:mr-2"])
+                  class: s([k.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
-                P(" " + j(o.label), 1)
+                P(" " + j(k.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          x.$slots.actions ? (t(), a("div", Ct, [
+          x.$slots.actions ? (t(), a("div", jt, [
             _(x.$slots, "actions")
           ])) : S("", !0)
         ])
@@ -3581,32 +3676,33 @@ const ot = {
   }
 });
 export {
-  Ot as DuiAccordion,
-  Pt as DuiAction,
-  _t as DuiAlert,
-  Nt as DuiBadge,
+  Ut as DuiAccordion,
+  Wt as DuiAction,
+  At as DuiAlert,
+  qt as DuiBadge,
   oe as DuiButton,
-  It as DuiCard,
-  Mt as DuiCheckbox,
-  Jt as DuiConfirmation,
-  Et as DuiDrawer,
-  Ft as DuiDropdown,
-  Kt as DuiDropdownItem,
-  qt as DuiDropdownSeparator,
-  St as DuiFile,
-  jt as DuiInput,
-  Dt as DuiLabel,
-  At as DuiModal,
-  Xt as DuiNavbar,
-  Ut as DuiPagination,
-  Tt as DuiRadio,
-  Bt as DuiSelect,
-  Ht as DuiSkeleton,
-  ld as DuiSwitch,
-  Lt as DuiTable,
-  Qt as DuiTabs,
-  Vt as DuiTextarea,
-  Gt as DuiToast,
-  Wt as DuiTooltip,
-  at as useToast
+  Ot as DuiCard,
+  Lt as DuiCheckbox,
+  Rt as DuiConfirmation,
+  Nt as DuiDrawer,
+  Ht as DuiDropdown,
+  Qt as DuiDropdownItem,
+  Gt as DuiDropdownSeparator,
+  Bt as DuiFile,
+  It as DuiForm,
+  Dt as DuiInput,
+  _t as DuiLabel,
+  Ft as DuiModal,
+  er as DuiNavbar,
+  Yt as DuiPagination,
+  Pt as DuiRadio,
+  Tt as DuiSelect,
+  Jt as DuiSkeleton,
+  id as DuiSwitch,
+  Et as DuiTable,
+  Xt as DuiTabs,
+  Mt as DuiTextarea,
+  Zt as DuiToast,
+  Kt as DuiTooltip,
+  nt as useToast
 };