@dronico/droni-kit 1.21.0 → 1.21.1

package/dist/droni-kit.es.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Le, defineComponent as P, computed as o, openBlock as t, createBlock as O, resolveDynamicComponent as Q, mergeProps as E, withCtx as W, renderSlot as T, createElementBlock as a, ref as K, watch as ae, normalizeClass as n, createElementVNode as c, toDisplayString as j, createCommentVNode as S, Fragment as A, renderList as F, createTextVNode as I, withDirectives as pe, vShow as ge, useSlots as we, unref as R, createVNode as de, onMounted as me, onBeforeUnmount as fe, Teleport as he, Transition as xe, normalizeStyle as ce, withModifiers as te, nextTick as le, withKeys as ye, reactive as ze, readonly as Ie, TransitionGroup as Ae } from "vue";
+import { getCurrentInstance as Le, defineComponent as P, computed as o, openBlock as t, createBlock as O, resolveDynamicComponent as Q, mergeProps as E, withCtx as W, renderSlot as T, createElementBlock as a, ref as q, watch as ae, normalizeClass as n, createElementVNode as c, toDisplayString as j, createCommentVNode as S, Fragment as I, renderList as F, createTextVNode as A, withDirectives as pe, vShow as ge, useSlots as we, unref as R, createVNode as de, onMounted as me, onBeforeUnmount as fe, Teleport as he, Transition as xe, normalizeStyle as ce, withModifiers as te, nextTick as le, withKeys as ye, reactive as ze, readonly as Ae, TransitionGroup as Ie } from "vue";
 function We() {
   try {
     const d = Le(), r = d == null ? void 0 : d.appContext.app;
@@ -11,8 +11,8 @@ function oe(d) {
   return d ? We() ? "RouterLink" : "a" : "button";
 }
 function ue(d, r, e = {}) {
-  const b = { ...e };
-  return r === "a" ? (b.href = typeof d == "string" ? d : "#", b.role = "button") : r !== "button" && r !== "span" && (b.to = d), b;
+  const u = { ...e };
+  return r === "a" ? (u.href = typeof d == "string" ? d : "#", u.role = "button") : r !== "button" && r !== "span" && (u.to = d), u;
 }
 const Ee = { key: 1 }, Oe = `
   dk:transition
@@ -40,7 +40,7 @@ const Ee = { key: 1 }, Oe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = o(() => oe(r.to)), b = o(() => {
+    const r = d, e = o(() => oe(r.to)), u = o(() => {
       const s = {};
       return e.value === "button" && (s.type = r.type), ue(r.to, e.value, s);
     }), m = {
@@ -231,7 +231,7 @@ const Ee = { key: 1 }, Oe = `
       const s = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, g = m[r.size] || "", h = r.block ? "dk:w-full" : "", x = i[r.rounded] || "";
       return [Oe, s, g, h, x].join(" ");
     });
-    return (s, g) => (t(), O(Q(e.value), E(b.value, {
+    return (s, g) => (t(), O(Q(e.value), E(u.value, {
       class: y.value,
       title: r.title,
       disabled: r.disabled || r.loading
@@ -275,9 +275,9 @@ const Ee = { key: 1 }, Oe = `
       default: !0
     }
   },
-  emits: ["update:modelValue", "open-browser", "upload-file"],
+  emits: ["update:modelValue", "open-browser", "upload-file", "open-file"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = K(null), i = K(""), z = {
+    const e = d, u = r, m = q(null), i = q(""), z = {
       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"
@@ -289,13 +289,13 @@ const Ee = { key: 1 }, Oe = `
       right: "dk:rounded-r-xl",
       none: "dk:rounded-none"
     }, s = o(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), g = o(() => {
-      const l = z[e.size] || z.md, u = y[e.rounded] || y.all;
+      const l = z[e.size] || z.md, p = y[e.rounded] || y.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",
         l,
-        u
+        p
       ].join(" ");
     }), h = o(() => "dk:min-w-0 dk:flex-1"), x = o(() => [
       "dk:flex dk:flex-col dk:gap-2 dk:w-full",
@@ -311,16 +311,11 @@ const Ee = { key: 1 }, Oe = `
       }
     );
     function v(l) {
-      try {
-        const $ = new URL(l, typeof window < "u" ? window.location.origin : "http://localhost").pathname.split("/").filter(Boolean);
-        return decodeURIComponent($[$.length - 1] || l);
-      } catch {
-        const u = l.split("?")[0].split("#")[0].split("/").filter(Boolean);
-        return decodeURIComponent(u[u.length - 1] || l);
-      }
+      const p = l.split("/");
+      return p[p.length - 1];
     }
-    function p() {
-      b("open-browser");
+    function b() {
+      u("open-browser");
     }
     function k() {
       var l;
@@ -328,13 +323,13 @@ const Ee = { key: 1 }, Oe = `
     }
     function f(l) {
       var M;
-      const u = l.target, $ = (M = u.files) == null ? void 0 : M[0];
-      $ && (i.value = $.name, b("upload-file", $), w(u));
+      const p = l.target, $ = (M = p.files) == null ? void 0 : M[0];
+      $ && (i.value = $.name, u("upload-file", $), w(p));
     }
     function w(l) {
       l.value = "";
     }
-    return (l, u) => (t(), a("div", {
+    return (l, p) => (t(), a("div", {
       class: n(s.value)
     }, [
       c("div", {
@@ -364,9 +359,9 @@ const Ee = { key: 1 }, Oe = `
             size: "sm",
             block: !1,
             title: "Abrir navegador de archivos",
-            onClick: p
+            onClick: b
           }, {
-            default: W(() => [...u[0] || (u[0] = [
+            default: W(() => [...p[0] || (p[0] = [
               c("i", {
                 class: "mdi mdi-folder-search-outline",
                 "aria-hidden": "true"
@@ -383,7 +378,7 @@ const Ee = { key: 1 }, Oe = `
             title: "Subir nuevo archivo",
             onClick: k
           }, {
-            default: W(() => [...u[1] || (u[1] = [
+            default: W(() => [...p[1] || (p[1] = [
               c("i", {
                 class: "mdi mdi-upload",
                 "aria-hidden": "true"
@@ -403,7 +398,7 @@ const Ee = { key: 1 }, Oe = `
       }, null, 40, Fe)
     ], 2));
   }
-}), Ue = ["value"], Ke = `
+}), Ke = ["value"], qe = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -438,10 +433,10 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, b = r;
+    const e = d, u = r;
     function m(s) {
       const g = s.target;
-      b("update:modelValue", g.value);
+      u("update:modelValue", g.value);
     }
     const i = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
@@ -456,14 +451,14 @@ const Ee = { key: 1 }, Oe = `
       none: "dk:rounded-none"
     }, y = o(() => {
       const s = i[e.size] || "", g = e.block ? "dk:w-full" : "", h = z[e.rounded] || "";
-      return [Ke, s, g, h].join(" ");
+      return [qe, s, g, h].join(" ");
     });
     return (s, g) => (t(), a("input", E({
       class: y.value,
       value: d.modelValue
-    }, s.$attrs, { onInput: m }), null, 16, Ue));
+    }, s.$attrs, { onInput: m }), null, 16, Ke));
   }
-}), qe = ["value"], He = `
+}), He = ["value"], Ue = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -506,10 +501,10 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, b = r;
+    const e = d, u = r;
     function m(h) {
       const x = h.target;
-      e.autoheight && g(x), b("update:modelValue", x.value);
+      e.autoheight && g(x), u("update:modelValue", x.value);
     }
     const i = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
@@ -529,7 +524,7 @@ const Ee = { key: 1 }, Oe = `
       vertical: "dk:resize-y"
     }, s = o(() => {
       const h = i[e.size] || "", x = e.block ? "dk:w-full" : "", C = z[e.rounded] || "", D = y[e.resize] || "";
-      return [He, h, x, C, D].join(" ");
+      return [Ue, h, x, C, D].join(" ");
     }), g = (h) => {
       h.style.height = "auto", h.style.height = `${h.scrollHeight + 5}px`;
     };
@@ -537,7 +532,7 @@ const Ee = { key: 1 }, Oe = `
       class: s.value,
       value: d.modelValue,
       onInput: m
-    }), null, 16, qe));
+    }), null, 16, He));
   }
 }), Qe = {
   key: 0,
@@ -596,10 +591,10 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, b = r;
+    const e = d, u = r;
     function m(s) {
       const h = s.target.value, x = Number(h);
-      !isNaN(x) && h !== "" ? b("update:modelValue", x) : b("update:modelValue", h);
+      !isNaN(x) && h !== "" ? u("update:modelValue", x) : u("update:modelValue", h);
     }
     const i = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
@@ -621,7 +616,7 @@ const Ee = { key: 1 }, Oe = `
       onChange: m
     }), [
       d.placeholder ? (t(), a("option", Qe, j(d.placeholder), 1)) : S("", !0),
-      (t(!0), a(A, null, F(d.options, (h, x) => (t(), a("option", {
+      (t(!0), a(I, null, F(d.options, (h, x) => (t(), a("option", {
         key: x,
         value: h[d.itemValue] ?? "",
         selected: h[d.itemValue] == d.modelValue
@@ -660,7 +655,7 @@ const Ee = { key: 1 }, Oe = `
     }
   },
   setup(d) {
-    const r = K(!1), e = d, b = {
+    const r = q(!1), e = d, u = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
@@ -673,7 +668,7 @@ const Ee = { key: 1 }, Oe = `
       m: "dk:text-sm",
       l: "dk:text-base"
     }, z = o(() => [Ze].join(" ")), y = o(() => {
-      const h = b[e.size] || b.m, x = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", C = e.helpText ? "dk:cursor-help" : "";
+      const h = u[e.size] || u.m, x = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", C = e.helpText ? "dk:cursor-help" : "";
       return [x, h, C].join(" ");
     }), s = o(() => [m[e.size] || m.m].join(" ")), g = o(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", i[e.size] || i.m].join(" "));
     return (h, x) => (t(), a("label", {
@@ -692,11 +687,11 @@ const Ee = { key: 1 }, Oe = `
             key: 0,
             class: n([d.icon, "dk:mr-2"])
           }, null, 2)) : S("", !0),
-          I(" " + j(d.title) + " ", 1),
+          A(" " + j(d.title) + " ", 1),
           d.required ? (t(), a("span", Xe, "*")) : S("", !0)
         ], 2),
         pe(c("div", Ye, [
-          I(j(d.helpText) + " ", 1),
+          A(j(d.helpText) + " ", 1),
           x[2] || (x[2] = c("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
           [ge, r.value && d.helpText]
@@ -712,14 +707,14 @@ const Ee = { key: 1 }, Oe = `
         class: n(g.value)
       }, [
         x[3] || (x[3] = c("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)),
-        I(" " + j(d.error), 1)
+        A(" " + j(d.error), 1)
       ], 2)) : S("", !0)
     ], 2));
   }
 }), ne = (d, r) => {
   const e = d.__vccOpts || d;
-  for (const [b, m] of r)
-    e[b] = m;
+  for (const [u, m] of r)
+    e[u] = m;
   return e;
 }, jt = /* @__PURE__ */ ne(Re, [["__scopeId", "data-v-aa6b6cdc"]]), ed = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, dd = ["checked", "disabled"], Vt = /* @__PURE__ */ P({
   inheritAttrs: !1,
@@ -760,7 +755,7 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = we(), i = {
+    const e = d, u = r, m = we(), i = {
       sm: {
         track: "dk:w-9 dk:h-5",
         thumb: "dk:w-3.5 dk:h-3.5",
@@ -791,20 +786,20 @@ const Ee = { key: 1 }, Oe = `
       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"
     }, s = o(() => !!(e.label || m.default)), g = o(() => {
-      const v = e.block ? "dk:w-full dk:justify-between" : "", p = 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", v, p].join(" ");
+      const v = e.block ? "dk:w-full dk:justify-between" : "", b = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", v, b].join(" ");
     }), h = 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(" ")), x = o(() => {
-      const v = i[e.size] || i.md, p = z[e.rounded] || z.all, k = y[e.color] || y.primary;
+      const v = i[e.size] || i.md, b = z[e.rounded] || z.all, k = y[e.color] || y.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",
         v.track,
-        p,
+        b,
         k
       ].join(" ");
     }), C = o(() => {
@@ -819,10 +814,10 @@ const Ee = { key: 1 }, Oe = `
       ].join(" ");
     });
     function D(v) {
-      const p = v.target;
-      b("update:modelValue", p.checked);
+      const b = v.target;
+      u("update:modelValue", b.checked);
     }
-    return (v, p) => (t(), a("label", {
+    return (v, b) => (t(), a("label", {
       class: n(g.value)
     }, [
       s.value && d.labelPosition === "left" ? (t(), a("span", {
@@ -830,7 +825,7 @@ const Ee = { key: 1 }, Oe = `
         class: n(h.value)
       }, [
         T(v.$slots, "default", {}, () => [
-          I(j(d.label), 1)
+          A(j(d.label), 1)
         ])
       ], 2)) : S("", !0),
       c("span", ed, [
@@ -852,7 +847,7 @@ const Ee = { key: 1 }, Oe = `
         class: n(h.value)
       }, [
         T(v.$slots, "default", {}, () => [
-          I(j(d.label), 1)
+          A(j(d.label), 1)
         ])
       ], 2)) : S("", !0)
     ], 2));
@@ -873,9 +868,9 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = Math.random().toString(36).slice(2, 8);
+    const e = d, u = r, m = Math.random().toString(36).slice(2, 8);
     function i(w) {
-      b("update:modelValue", w), b("change", w);
+      u("update:modelValue", w), u("change", w);
     }
     const z = {
       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" },
@@ -908,14 +903,14 @@ const Ee = { key: 1 }, Oe = `
       return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", $, M].join(" ");
     }
     function D(w) {
-      const l = z[e.size], u = y[e.color], $ = g[e.color];
+      const l = z[e.size], p = y[e.color], $ = g[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",
         l.radio,
-        u,
+        p,
         $
       ].join(" ");
     }
@@ -926,7 +921,7 @@ const Ee = { key: 1 }, Oe = `
         w.dot,
         l
       ].join(" ");
-    }), p = o(() => "dk:flex dk:flex-col"), k = o(() => [z[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), f = o(() => [z[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
+    }), b = o(() => "dk:flex dk:flex-col"), k = o(() => [z[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), f = o(() => [z[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
     return (w, l) => (t(), a("div", {
       class: n(h.value),
       role: "radiogroup",
@@ -937,38 +932,38 @@ const Ee = { key: 1 }, Oe = `
         id: `rg-label-${R(m)}`,
         class: n(x.value)
       }, j(d.groupLabel), 11, rd)) : S("", !0),
-      (t(!0), a(A, null, F(d.options, (u) => (t(), a("label", {
-        key: u.value,
-        class: n(C(u.value, u.disabled))
+      (t(!0), a(I, null, F(d.options, (p) => (t(), a("label", {
+        key: p.value,
+        class: n(C(p.value, p.disabled))
       }, [
         c("span", ad, [
           c("input", E({
             type: "radio",
             class: "dk:sr-only dk:peer",
             name: d.name,
-            value: u.value,
-            checked: d.modelValue === u.value,
-            disabled: u.disabled || d.disabled
+            value: p.value,
+            checked: d.modelValue === p.value,
+            disabled: p.disabled || d.disabled
           }, { ref_for: !0 }, w.$attrs, {
-            onChange: ($) => i(u.value)
+            onChange: ($) => i(p.value)
           }), null, 16, od),
           c("span", {
-            class: n(D(u.value))
+            class: n(D(p.value))
           }, null, 2),
           c("span", {
             class: n(v.value)
           }, null, 2)
         ]),
         c("span", {
-          class: n(p.value)
+          class: n(b.value)
         }, [
           c("span", {
             class: n(k.value)
-          }, j(u.label), 3),
-          u.description ? (t(), a("span", {
+          }, j(p.label), 3),
+          p.description ? (t(), a("span", {
             key: 0,
             class: n(f.value)
-          }, j(u.description), 3)) : S("", !0)
+          }, j(p.description), 3)) : S("", !0)
         ], 2)
       ], 2))), 128))
     ], 10, td));
@@ -1026,7 +1021,7 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = we(), i = {
+    const e = d, u = r, m = we(), i = {
       sm: {
         track: "dk:w-8 dk:h-4",
         thumb: "dk:w-3 dk:h-3",
@@ -1088,9 +1083,9 @@ const Ee = { key: 1 }, Oe = `
       warning: "dk:text-amber-600 dk:dark:text-amber-400",
       danger: "dk:text-rose-600 dk:dark:text-rose-400"
     }, v = o(() => e.modelValue ? D[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
-    function p(k) {
+    function b(k) {
       const f = k.target;
-      b("update:modelValue", f.checked), b("change", f.checked);
+      u("update:modelValue", f.checked), u("change", f.checked);
     }
     return (k, f) => (t(), a("label", {
       class: n(s.value)
@@ -1100,7 +1095,7 @@ const Ee = { key: 1 }, Oe = `
         class: n(g.value)
       }, [
         T(k.$slots, "default", {}, () => [
-          I(j(d.label), 1)
+          A(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
@@ -1115,7 +1110,7 @@ const Ee = { key: 1 }, Oe = `
           "aria-checked": d.modelValue,
           checked: d.modelValue,
           disabled: d.disabled
-        }, k.$attrs, { onChange: p }), null, 16, nd),
+        }, k.$attrs, { onChange: b }), null, 16, nd),
         c("span", {
           class: n(x.value)
         }, null, 2),
@@ -1164,7 +1159,7 @@ const Ee = { key: 1 }, Oe = `
         class: n(g.value)
       }, [
         T(k.$slots, "default", {}, () => [
-          I(j(d.label), 1)
+          A(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
@@ -1203,7 +1198,7 @@ const Ee = { key: 1 }, Oe = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, b = {
+    }, u = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -1233,7 +1228,7 @@ const Ee = { key: 1 }, Oe = `
       }
     }, m = o(() => {
       var s;
-      const i = ((s = b[r.variant]) == null ? void 0 : s[r.color]) || "", z = b[r.variant].base || "", y = e[r.rounded] || "";
+      const i = ((s = u[r.variant]) == null ? void 0 : s[r.color]) || "", z = u[r.variant].base || "", y = e[r.rounded] || "";
       return [id, z, i, y].join(" ");
     });
     return (i, z) => (t(), a("div", {
@@ -1268,7 +1263,7 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["paginate"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), i = o(() => {
+    const e = d, u = r, m = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), i = o(() => {
       if (!e.pagination) return [];
       const y = [], s = 5, { page: g } = e.pagination, h = m.value;
       let x = Math.max(1, g - Math.floor(s / 2)), C = Math.min(h, x + s - 1);
@@ -1277,13 +1272,13 @@ const Ee = { key: 1 }, Oe = `
         y.push(D);
       return y;
     }), z = (y) => {
-      e.pagination && y >= 1 && y <= m.value && b("paginate", y);
+      e.pagination && y >= 1 && y <= m.value && u("paginate", y);
     };
     return (y, s) => (t(), a("div", cd, [
       c("table", ud, [
         c("thead", bd, [
           c("tr", null, [
-            (t(!0), a(A, null, F(e.columns, (g) => (t(), a("th", {
+            (t(!0), a(I, null, F(e.columns, (g) => (t(), a("th", {
               key: g.name,
               class: n(["dk:px-6 dk:py-3", g.classes])
             }, j(g.label), 3))), 128))
@@ -1300,16 +1295,16 @@ const Ee = { key: 1 }, Oe = `
         c("tbody", {
           class: n({ "is-loading": e.loading })
         }, [
-          (t(!0), a(A, null, F(e.rows, (g, h) => (t(), a("tr", {
+          (t(!0), a(I, null, F(e.rows, (g, h) => (t(), a("tr", {
             key: h,
             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(A, null, F(e.columns, (x) => (t(), a("td", {
+            (t(!0), a(I, null, F(e.columns, (x) => (t(), a("td", {
               key: x.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
               T(y.$slots, x.name, E({ ref_for: !0 }, g), () => [
-                I(j(g[x.name]), 1)
+                A(j(g[x.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
@@ -1331,12 +1326,12 @@ const Ee = { key: 1 }, Oe = `
                     disabled: e.pagination.page === 1
                   }, {
                     default: W(() => [...s[3] || (s[3] = [
-                      I(" ← Anterior ", -1)
+                      A(" ← Anterior ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
                   c("div", yd, [
-                    (t(!0), a(A, null, F(i.value, (g) => (t(), a("button", {
+                    (t(!0), a(I, null, F(i.value, (g) => (t(), a("button", {
                       key: g,
                       onClick: (h) => z(g),
                       class: n(["page-number", { active: g === e.pagination.page }])
@@ -1350,7 +1345,7 @@ const Ee = { key: 1 }, Oe = `
                     disabled: e.pagination.page === m.value
                   }, {
                     default: W(() => [...s[4] || (s[4] = [
-                      I(" Siguiente → ", -1)
+                      A(" Siguiente → ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"])
@@ -1386,7 +1381,7 @@ const Ee = { key: 1 }, Oe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = o(() => r.to ? oe(r.to) : "span"), b = o(() => ue(r.to, e.value)), m = {
+    const r = d, e = o(() => r.to ? oe(r.to) : "span"), u = o(() => ue(r.to, e.value)), m = {
       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"
@@ -1574,7 +1569,7 @@ const Ee = { key: 1 }, Oe = `
       const s = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, g = m[r.size] || "", h = r.block ? "dk:block" : "dk:inline-block", x = i[r.rounded] || "";
       return [$d, s, g, h, x].join(" ");
     });
-    return (s, g) => (t(), O(Q(e.value), E(b.value, {
+    return (s, g) => (t(), O(Q(e.value), E(u.value, {
       class: y.value,
       title: r.title
     }), {
@@ -1597,9 +1592,9 @@ const Ee = { key: 1 }, Oe = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = () => r.to ? oe(r.to) : "div", b = () => r.to ? oe(r.to) : "h3", m = () => {
-      const p = e();
-      return ue(r.to, p);
+    const r = d, e = () => r.to ? oe(r.to) : "div", u = () => r.to ? oe(r.to) : "h3", m = () => {
+      const b = e();
+      return ue(r.to, b);
     }, i = {
       s: {
         padding: "dk:p-3",
@@ -1642,10 +1637,10 @@ const Ee = { key: 1 }, Oe = `
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
     ].join(" ")), s = o(() => {
-      const p = i[r.size];
+      const b = i[r.size];
       return [
-        p.padding,
-        p.spacing,
+        b.padding,
+        b.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
@@ -1662,13 +1657,13 @@ const Ee = { key: 1 }, Oe = `
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
       ), k.join(" ");
     }), x = o(() => {
-      const p = [
+      const b = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return r.to && p.push("dk:no-underline"), p.join(" ");
+      return r.to && b.push("dk:no-underline"), b.join(" ");
     }), C = o(() => [
       i[r.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
@@ -1681,7 +1676,7 @@ const Ee = { key: 1 }, Oe = `
       "dk:pt-3 dk:mt-3",
       "dk:relative dk:z-10"
     ].join(" "));
-    return (p, k) => (t(), a("div", {
+    return (b, k) => (t(), a("div", {
       class: n(z.value)
     }, [
       d.image ? (t(), a("div", Sd, [
@@ -1703,9 +1698,9 @@ const Ee = { key: 1 }, Oe = `
           key: 0,
           class: n(g.value)
         }, [
-          d.title ? (t(), O(Q(b()), E({ key: 0 }, m(), { class: h.value }), {
+          d.title ? (t(), O(Q(u()), E({ key: 0 }, m(), { class: h.value }), {
             default: W(() => [
-              I(j(d.title), 1)
+              A(j(d.title), 1)
             ]),
             _: 1
           }, 16, ["class"])) : S("", !0),
@@ -1714,17 +1709,17 @@ const Ee = { key: 1 }, Oe = `
             class: n(C.value)
           }, j(d.subtitle), 3)) : S("", !0)
         ], 2)) : S("", !0),
-        p.$slots.default ? (t(), a("div", {
+        b.$slots.default ? (t(), a("div", {
           key: 1,
           class: n(D.value)
         }, [
-          T(p.$slots, "default")
+          T(b.$slots, "default")
         ], 2)) : S("", !0),
-        p.$slots.footer ? (t(), a("div", {
+        b.$slots.footer ? (t(), a("div", {
           key: 2,
           class: n(v.value)
         }, [
-          T(p.$slots, "footer")
+          T(b.$slots, "footer")
         ], 2)) : S("", !0)
       ], 2)
     ], 2));
@@ -1750,7 +1745,7 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = Math.random().toString(36).slice(2, 10), i = `dui-modal-title-${m}`, z = `dui-modal-description-${m}`, y = {
+    const e = d, u = r, m = Math.random().toString(36).slice(2, 10), i = `dui-modal-title-${m}`, z = `dui-modal-description-${m}`, y = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
@@ -1814,7 +1809,7 @@ const Ee = { key: 1 }, Oe = `
     ].join(" ")), v = o(() => [
       "dk:px-5 dk:py-4",
       e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
-    ].join(" ")), p = o(() => [
+    ].join(" ")), b = 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(" "));
@@ -1829,23 +1824,23 @@ const Ee = { key: 1 }, Oe = `
       $.dataset.duiModalCount = String(L), L === 0 && ($.style.overflow = "");
     }
     function w($) {
-      b("update:modelValue", !1), b("close", $);
+      u("update:modelValue", !1), u("close", $);
     }
     function l() {
-      b("backdrop"), !(e.persistent || !e.closeOnBackdrop) && w("backdrop");
+      u("backdrop"), !(e.persistent || !e.closeOnBackdrop) && w("backdrop");
     }
-    function u($) {
-      $.key !== "Escape" || !e.modelValue || (b("escape"), !(e.persistent || !e.closeOnEsc) && w("escape"));
+    function p($) {
+      $.key !== "Escape" || !e.modelValue || (u("escape"), !(e.persistent || !e.closeOnEsc) && w("escape"));
     }
     return ae(
       () => e.modelValue,
       ($, M) => {
-        $ && !M && (k(), b("open")), !$ && M && f();
+        $ && !M && (k(), u("open")), !$ && M && f();
       }
     ), me(() => {
-      e.modelValue && k(), typeof window < "u" && window.addEventListener("keydown", u);
+      e.modelValue && k(), typeof window < "u" && window.addEventListener("keydown", p);
     }), fe(() => {
-      e.modelValue && f(), typeof window < "u" && window.removeEventListener("keydown", u);
+      e.modelValue && f(), typeof window < "u" && window.removeEventListener("keydown", p);
     }), ($, M) => (t(), O(he, { to: "body" }, [
       de(xe, {
         "enter-active-class": "dk:transition-opacity dk:duration-200",
@@ -1907,7 +1902,7 @@ const Ee = { key: 1 }, Oe = `
                 ], 2),
                 $.$slots.footer ? (t(), a("footer", {
                   key: 1,
-                  class: n(p.value)
+                  class: n(b.value)
                 }, [
                   T($.$slots, "footer")
                 ], 2)) : S("", !0)
@@ -1919,7 +1914,7 @@ const Ee = { key: 1 }, Oe = `
       })
     ]));
   }
-}), Bd = ["aria-describedby"], Md = { class: "dk:inline-flex dk:items-center" }, It = /* @__PURE__ */ P({
+}), Bd = ["aria-describedby"], Md = { class: "dk:inline-flex dk:items-center" }, At = /* @__PURE__ */ P({
   __name: "DuiTooltip",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -1945,9 +1940,9 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = K(null), i = K(null), z = K(!1), y = o(() => e.modelValue !== void 0), s = o(() => y.value ? !!e.modelValue : z.value), g = K(e.placement), h = K({ top: 0, left: 0 }), x = K(!1);
+    const e = d, u = r, m = q(null), i = q(null), z = q(!1), y = o(() => e.modelValue !== void 0), s = o(() => y.value ? !!e.modelValue : z.value), g = q(e.placement), h = q({ top: 0, left: 0 }), x = q(!1);
     let C = null, D = null;
-    const v = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, p = {
+    const v = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, b = {
       all: "dk:rounded-md",
       top: "dk:rounded-t-md",
       bottom: "dk:rounded-b-md",
@@ -1987,15 +1982,15 @@ const Ee = { 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"
       }
-    }, u = o(() => {
-      const B = p[e.rounded], V = k[e.size], _ = l[e.variant].base, U = l[e.variant][e.color], N = w(e.maxWidth) ? f[e.maxWidth] : "";
+    }, p = o(() => {
+      const B = b[e.rounded], V = k[e.size], _ = l[e.variant].base, K = l[e.variant][e.color], N = w(e.maxWidth) ? f[e.maxWidth] : "";
       return [
         "dk:fixed dk:pointer-events-auto dk:leading-tight dk:select-text dk:cursor-default",
         "dk:break-words dk:whitespace-normal",
         B,
         V,
         _,
-        U,
+        K,
         N
       ].join(" ");
     }), $ = o(() => {
@@ -2030,9 +2025,9 @@ const Ee = { key: 1 }, Oe = `
       C && (clearTimeout(C), C = null), D && (clearTimeout(D), D = null);
     }
     function J(B, V) {
-      e.disabled || (y.value ? b("update:modelValue", B) : z.value = B, B ? (b("open", V), le(() => {
+      e.disabled || (y.value ? u("update:modelValue", B) : z.value = B, B ? (u("open", V), le(() => {
         X();
-      })) : b("close", V));
+      })) : u("close", V));
     }
     function Y(B) {
       L(), C = setTimeout(() => {
@@ -2061,16 +2056,16 @@ const Ee = { key: 1 }, Oe = `
       }[B];
     }
     function ee(B, V, _) {
-      const [U, N] = B.split("-"), G = e.offset;
-      let q = 0, H = 0;
-      U === "top" && (q = V.top - _.height - G, N === "start" ? H = V.left : N === "end" ? H = V.right - _.width : H = V.left + V.width / 2 - _.width / 2), U === "bottom" && (q = V.bottom + G, N === "start" ? H = V.left : N === "end" ? H = V.right - _.width : H = V.left + V.width / 2 - _.width / 2), U === "left" && (H = V.left - _.width - G, N === "start" ? q = V.top : N === "end" ? q = V.bottom - _.height : q = V.top + V.height / 2 - _.height / 2), U === "right" && (H = V.right + G, N === "start" ? q = V.top : N === "end" ? q = V.bottom - _.height : q = V.top + V.height / 2 - _.height / 2);
+      const [K, N] = B.split("-"), G = e.offset;
+      let H = 0, U = 0;
+      K === "top" && (H = V.top - _.height - G, N === "start" ? U = V.left : N === "end" ? U = V.right - _.width : U = V.left + V.width / 2 - _.width / 2), K === "bottom" && (H = V.bottom + G, N === "start" ? U = V.left : N === "end" ? U = V.right - _.width : U = V.left + V.width / 2 - _.width / 2), K === "left" && (U = V.left - _.width - G, N === "start" ? H = V.top : N === "end" ? H = V.bottom - _.height : H = V.top + V.height / 2 - _.height / 2), K === "right" && (U = V.right + G, N === "start" ? H = V.top : N === "end" ? H = V.bottom - _.height : H = V.top + V.height / 2 - _.height / 2);
       const se = e.viewportPadding, Te = window.innerWidth, Pe = window.innerHeight;
-      return q = Math.min(Math.max(se, q), Pe - _.height - se), H = Math.min(Math.max(se, H), Te - _.width - se), { top: q, left: H };
+      return H = Math.min(Math.max(se, H), Pe - _.height - se), U = Math.min(Math.max(se, U), Te - _.width - se), { top: H, left: U };
     }
     function $e(B, V, _) {
       if (!e.flip) return !1;
-      const [U] = B.split("-"), N = e.offset, G = e.viewportPadding;
-      return U === "top" ? V.top - _.height - N < G : U === "bottom" ? V.bottom + _.height + N > window.innerHeight - G : U === "left" ? V.left - _.width - N < G : V.right + _.width + N > window.innerWidth - G;
+      const [K] = B.split("-"), N = e.offset, G = e.viewportPadding;
+      return K === "top" ? V.top - _.height - N < G : K === "bottom" ? V.bottom + _.height + N > window.innerHeight - G : K === "left" ? V.left - _.width - N < G : V.right + _.width + N > window.innerWidth - G;
     }
     function X() {
       if (!m.value || !i.value) return;
@@ -2111,10 +2106,10 @@ const Ee = { key: 1 }, Oe = `
       V && ((_ = m.value) != null && _.contains(V)) || (x.value = !1, Z("hover"));
     }
     function ve(B) {
-      var _, U;
+      var _, K;
       if (e.trigger !== "click" || !s.value) return;
       const V = B.target;
-      (_ = m.value) != null && _.contains(V) || (U = i.value) != null && U.contains(V) || Z("outside");
+      (_ = m.value) != null && _.contains(V) || (K = i.value) != null && K.contains(V) || Z("outside");
     }
     return ae(
       () => e.modelValue,
@@ -2132,7 +2127,7 @@ const Ee = { key: 1 }, Oe = `
       typeof window > "u" || (window.addEventListener("resize", X), window.addEventListener("scroll", X, !0), window.addEventListener("click", ve));
     }), fe(() => {
       L(), !(typeof window > "u") && (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0), window.removeEventListener("click", ve));
-    }), (B, V) => (t(), a(A, null, [
+    }), (B, V) => (t(), a(I, null, [
       c("span", {
         ref_key: "triggerRef",
         ref: m,
@@ -2166,13 +2161,13 @@ const Ee = { key: 1 }, Oe = `
               ref: i,
               id: v,
               role: "tooltip",
-              class: n(u.value),
+              class: n(p.value),
               style: ce($.value),
               onMouseenter: De,
               onMouseleave: _e
             }, [
               T(B.$slots, "content", {}, () => [
-                I(j(e.text), 1)
+                A(j(e.text), 1)
               ]),
               e.arrow ? (t(), a("span", {
                 key: 0,
@@ -2199,7 +2194,7 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = K([]);
+    const e = d, u = r, m = q([]);
     function i() {
       return e.modelValue === void 0 ? m.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
     }
@@ -2208,9 +2203,9 @@ const Ee = { key: 1 }, Oe = `
     }
     function y(w, l) {
       if (l) return;
-      const u = i();
+      const p = i();
       let $;
-      e.multiple ? $ = u.includes(w) ? u.filter((M) => M !== w) : [...u, w] : $ = u.includes(w) ? [] : [w], m.value = $, b("update:modelValue", e.multiple ? $ : $[0] ?? ""), b("change", w);
+      e.multiple ? $ = p.includes(w) ? p.filter((M) => M !== w) : [...p, w] : $ = p.includes(w) ? [] : [w], m.value = $, u("update:modelValue", e.multiple ? $ : $[0] ?? ""), u("change", w);
     }
     const s = {
       sm: {
@@ -2254,14 +2249,14 @@ const Ee = { key: 1 }, Oe = `
       danger: "dk:text-rose-500 dk:dark:text-rose-400"
     }, C = 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"), D = 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 v(w, l) {
-      const u = s[e.size], $ = z(w), M = [
+      const p = s[e.size], $ = z(w), M = [
         "dk:flex dk:w-full dk:items-center dk:select-none dk:outline-none",
         "dk:transition-colors dk:duration-150",
-        u.summary
+        p.summary
       ], L = $ ? [g[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"], J = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", Y = l ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
       return [...M, ...L, J, Y].join(" ");
     }
-    function p(w) {
+    function b(w) {
       const l = s[e.size];
       return [
         "dk:flex-shrink-0 dk:transition-transform dk:duration-250 dk:ease-in-out dk:ml-auto",
@@ -2276,25 +2271,25 @@ const Ee = { key: 1 }, Oe = `
     return (w, l) => (t(), a("div", {
       class: n(C.value)
     }, [
-      (t(!0), a(A, null, F(d.items, (u, $) => (t(), a("details", {
-        key: u.value ?? $,
-        open: z(u.value ?? String($)),
+      (t(!0), a(I, null, F(d.items, (p, $) => (t(), a("details", {
+        key: p.value ?? $,
+        open: z(p.value ?? String($)),
         class: n(D.value),
         onToggle: l[0] || (l[0] = te(() => {
         }, ["prevent"]))
       }, [
         c("summary", {
-          class: n(v(u.value ?? String($), u.disabled)),
-          onClick: te((M) => y(u.value ?? String($), u.disabled), ["prevent"])
+          class: n(v(p.value ?? String($), p.disabled)),
+          onClick: te((M) => y(p.value ?? String($), p.disabled), ["prevent"])
         }, [
-          u.icon ? (t(), a("span", {
+          p.icon ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
             class: n(k.value)
-          }, j(u.icon), 3)) : S("", !0),
-          c("span", Td, j(u.title), 1),
+          }, j(p.icon), 3)) : S("", !0),
+          c("span", Td, j(p.title), 1),
           (t(), a("svg", {
-            class: n(p(u.value ?? String($))),
+            class: n(b(p.value ?? String($))),
             viewBox: "0 0 16 16",
             fill: "none",
             stroke: "currentColor",
@@ -2310,15 +2305,15 @@ const Ee = { key: 1 }, Oe = `
           c("div", {
             class: n(f.value)
           }, [
-            T(w.$slots, u.value ?? String($), {}, () => [
-              c("p", null, j(u.content), 1)
+            T(w.$slots, p.value ?? String($), {}, () => [
+              c("p", null, j(p.content), 1)
             ], !0)
           ], 2)
         ])
       ], 42, Dd))), 128))
     ], 2));
   }
-}), At = /* @__PURE__ */ ne(Ld, [["__scopeId", "data-v-9bd77ff3"]]), Id = ["aria-label"], Wt = /* @__PURE__ */ P({
+}), It = /* @__PURE__ */ ne(Ld, [["__scopeId", "data-v-9bd77ff3"]]), Ad = ["aria-label"], Wt = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiBadge",
   props: {
@@ -2333,7 +2328,7 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["dismiss"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = {
+    const e = d, u = r, m = {
       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",
@@ -2375,8 +2370,8 @@ const Ee = { key: 1 }, Oe = `
       warning: "dk:bg-amber-500 dk:dark:bg-amber-400",
       danger: "dk:bg-rose-500 dk:dark:bg-rose-400"
     }, s = o(() => {
-      const C = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", D = m[e.size], v = i[e.rounded], p = z[e.variant][e.color], k = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
-      return [C, D, v, p, k].join(" ");
+      const C = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", D = m[e.size], v = i[e.rounded], b = z[e.variant][e.color], k = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
+      return [C, D, v, b, k].join(" ");
     }), g = 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], y[e.color]].join(" ")), h = o(() => "dk:flex-shrink-0 dk:flex dk:items-center"), x = 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",
@@ -2399,20 +2394,20 @@ const Ee = { key: 1 }, Oe = `
           }, null, 2)) : T(C.$slots, "icon", { key: 1 })
         ], 2)) : S("", !0),
         T(C.$slots, "default", {}, () => [
-          I(j(d.label), 1)
+          A(j(d.label), 1)
         ]),
         d.dismissible ? (t(), a("button", {
           key: 1,
           type: "button",
           class: n(x.value),
           "aria-label": d.label ? `Quitar ${d.label}` : "Quitar",
-          onClick: D[0] || (D[0] = te((v) => b("dismiss"), ["prevent"]))
-        }, " × ", 10, Id)) : S("", !0)
+          onClick: D[0] || (D[0] = te((v) => u("dismiss"), ["prevent"]))
+        }, " × ", 10, Ad)) : S("", !0)
       ]),
       _: 3
     }, 16, ["href", "class"]));
   }
-}), Ad = ["onKeydown"], Wd = ["aria-label"], Et = /* @__PURE__ */ P({
+}), Id = ["onKeydown"], Wd = ["aria-label"], Et = /* @__PURE__ */ P({
   __name: "DuiDropdown",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2427,17 +2422,17 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = K(null), i = K(!1), z = o(() => e.modelValue !== void 0 ? e.modelValue : i.value);
+    const e = d, u = r, m = q(null), i = q(!1), z = o(() => e.modelValue !== void 0 ? e.modelValue : i.value);
     function y() {
       if (e.disabled) return;
-      const p = !z.value;
-      i.value = p, b("update:modelValue", p), b(p ? "open" : "close");
+      const b = !z.value;
+      i.value = b, u("update:modelValue", b), u(b ? "open" : "close");
     }
     function s() {
-      i.value = !1, b("update:modelValue", !1), b("close");
+      i.value = !1, u("update:modelValue", !1), u("close");
     }
-    function g(p) {
-      m.value && !m.value.contains(p.target) && s();
+    function g(b) {
+      m.value && !m.value.contains(b.target) && s();
     }
     me(() => document.addEventListener("mousedown", g)), fe(() => document.removeEventListener("mousedown", g));
     const h = {
@@ -2482,7 +2477,7 @@ const Ee = { key: 1 }, Oe = `
       x[e.rounded],
       C[e.variant][e.color]
     ].join(" "));
-    return (p, k) => (t(), a("div", {
+    return (b, k) => (t(), a("div", {
       ref_key: "wrapperRef",
       ref: m,
       class: "dk:relative dk:inline-block"
@@ -2494,8 +2489,8 @@ const Ee = { key: 1 }, Oe = `
           ye(te(y, ["prevent"]), ["space"])
         ]
       }, [
-        T(p.$slots, "trigger")
-      ], 40, Ad),
+        T(b.$slots, "trigger")
+      ], 40, Id),
       de(xe, {
         "enter-active-class": "dk:transition-all dk:duration-150 dk:ease-out",
         "leave-active-class": "dk:transition-all dk:duration-100 dk:ease-in",
@@ -2510,7 +2505,7 @@ const Ee = { key: 1 }, Oe = `
             role: "menu",
             "aria-label": d.ariaLabel
           }, [
-            T(p.$slots, "default")
+            T(b.$slots, "default")
           ], 14, Wd)) : S("", !0)
         ]),
         _: 3
@@ -2533,7 +2528,7 @@ const Ee = { key: 1 }, Oe = `
   },
   emits: ["click"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), i = {
+    const e = d, u = r, m = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), i = {
       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"
@@ -2542,7 +2537,7 @@ const Ee = { key: 1 }, Oe = `
       return [g, h, x, C].join(" ");
     }), y = o(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
     function s(g) {
-      e.disabled || b("click", g);
+      e.disabled || u("click", g);
     }
     return (g, h) => (t(), O(Q(d.href ? "a" : "button"), E(m.value, {
       class: z.value,
@@ -2557,12 +2552,12 @@ const Ee = { key: 1 }, Oe = `
           "aria-hidden": "true"
         }, [
           T(g.$slots, "icon", {}, () => [
-            I(j(d.icon), 1)
+            A(j(d.icon), 1)
           ])
         ], 2)) : S("", !0),
         c("span", Ed, [
           T(g.$slots, "default", {}, () => [
-            I(j(d.label), 1)
+            A(j(d.label), 1)
           ])
         ]),
         g.$slots.trailing ? (t(), a("span", Od, [
@@ -2577,10 +2572,10 @@ const Ee = { key: 1 }, Oe = `
   role: "separator",
   "aria-orientation": "horizontal"
 };
-function Ud(d, r) {
+function Kd(d, r) {
   return t(), a("hr", Fd);
 }
-const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = ["disabled", "aria-label"], Hd = {
+const Nt = /* @__PURE__ */ ne(Nd, [["render", Kd]]), qd = ["aria-label"], Hd = ["disabled", "aria-label"], Ud = {
   key: 0,
   class: "dk:hidden dk:sm:inline"
 }, Qd = ["aria-label", "aria-current", "onClick"], Gd = ["disabled", "aria-label"], Jd = {
@@ -2605,21 +2600,21 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
-    function i(p) {
-      p < 1 || p > m.value || p === e.modelValue || (b("update:modelValue", p), b("change", p));
+    const e = d, u = r, m = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
+    function i(b) {
+      b < 1 || b > m.value || b === e.modelValue || (u("update:modelValue", b), u("change", b));
     }
     const z = o(() => {
-      const p = m.value, k = e.modelValue, f = e.siblingCount, w = e.showBoundary ? 1 : 0;
-      if (p <= 2 * f + 2 * w + 3)
-        return Array.from({ length: p }, (M, L) => L + 1);
+      const b = m.value, k = e.modelValue, f = e.siblingCount, w = e.showBoundary ? 1 : 0;
+      if (b <= 2 * f + 2 * w + 3)
+        return Array.from({ length: b }, (M, L) => L + 1);
       const l = [];
       for (let M = 1; M <= w; M++) l.push(M);
-      const u = Math.max(w + 1, k - f), $ = Math.min(p - w, k + f);
-      u > w + 1 && l.push("...");
-      for (let M = u; M <= $; M++) l.push(M);
-      $ < p - w && l.push("...");
-      for (let M = p - w + 1; M <= p; M++) l.push(M);
+      const p = Math.max(w + 1, k - f), $ = Math.min(b - w, k + f);
+      p > w + 1 && l.push("...");
+      for (let M = p; M <= $; M++) l.push(M);
+      $ < b - w && l.push("...");
+      for (let M = b - w + 1; M <= b; M++) l.push(M);
       return l;
     }), y = {
       sm: "dk:w-7 dk:h-7 dk:text-xs",
@@ -2655,10 +2650,10 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
         danger: "dk:bg-rose-100 dk:text-rose-800 dk:dark:bg-rose-800 dk:dark:text-rose-100"
       }
     }, h = o(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), x = o(() => {
-      const p = y[e.size], k = s[e.rounded];
+      const b = y[e.size], k = s[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",
-        p,
+        b,
         k,
         "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400"
       ].join(" ");
@@ -2668,14 +2663,14 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
       "dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700",
       "dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
     ].join(" "));
-    function D(p) {
-      return p === e.modelValue ? [x.value, g[e.variant][e.color]].join(" ") : [
+    function D(b) {
+      return b === e.modelValue ? [x.value, g[e.variant][e.color]].join(" ") : [
         x.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 v = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", y[e.size]].join(" "));
-    return (p, k) => (t(), a("nav", {
+    return (b, k) => (t(), a("nav", {
       "aria-label": d.ariaLabel,
       class: n(h.value)
     }, [
@@ -2698,9 +2693,9 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
         }, [
           c("polyline", { points: "10 4 6 8 10 12" })
         ], -1)),
-        d.showLabels ? (t(), a("span", Hd, j(d.prevLabel), 1)) : S("", !0)
-      ], 10, qd),
-      (t(!0), a(A, null, F(z.value, (f) => (t(), a(A, { key: f }, [
+        d.showLabels ? (t(), a("span", Ud, j(d.prevLabel), 1)) : S("", !0)
+      ], 10, Hd),
+      (t(!0), a(I, null, F(z.value, (f) => (t(), a(I, { key: f }, [
         f === "..." ? (t(), a("span", {
           key: 0,
           class: n(v.value),
@@ -2735,7 +2730,7 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
           c("polyline", { points: "6 4 10 8 6 12" })
         ], -1))
       ], 10, Gd)
-    ], 10, Kd));
+    ], 10, qd));
   }
 }), Xd = /* @__PURE__ */ P({
   __name: "DuiSkeleton",
@@ -2751,7 +2746,7 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
       if (y !== void 0)
         return typeof y == "number" ? `${y}px` : y;
     }
-    const b = o(() => ({
+    const u = o(() => ({
       width: e(r.width),
       height: e(r.height)
     })), m = {
@@ -2770,16 +2765,16 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
     ].join(" "));
     return (y, s) => (t(), a("span", {
       class: n(z.value),
-      style: ce(b.value),
+      style: ce(u.value),
       "aria-hidden": "true",
       role: "presentation"
     }, null, 6));
   }
-}), Ut = /* @__PURE__ */ ne(Xd, [["__scopeId", "data-v-8c9c6005"]]), Yd = ["aria-label"], Zd = ["id", "aria-controls", "aria-selected", "disabled", "onClick", "onKeydown"], Rd = {
+}), Kt = /* @__PURE__ */ ne(Xd, [["__scopeId", "data-v-8c9c6005"]]), Yd = ["aria-label"], Zd = ["id", "aria-controls", "aria-selected", "disabled", "onClick", "onKeydown"], Rd = {
   key: 0,
   "aria-hidden": "true",
   class: "dk:flex-shrink-0"
-}, et = ["id", "aria-labelledby", "tabindex", "hidden"], Kt = /* @__PURE__ */ P({
+}, et = ["id", "aria-labelledby", "tabindex", "hidden"], qt = /* @__PURE__ */ P({
   __name: "DuiTabs",
   props: {
     modelValue: {},
@@ -2792,12 +2787,12 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, b = r, m = Math.random().toString(36).slice(2, 8);
-    function i(v, p) {
-      p || (b("update:modelValue", v), b("change", v));
+    const e = d, u = r, m = Math.random().toString(36).slice(2, 8);
+    function i(v, b) {
+      b || (u("update:modelValue", v), u("change", v));
     }
-    function z(v, p) {
-      const k = e.tabs.filter((w) => !w.disabled).map((w) => w.value), f = k.indexOf(p);
+    function z(v, b) {
+      const k = e.tabs.filter((w) => !w.disabled).map((w) => w.value), f = k.indexOf(b);
       if (v.key === "ArrowRight" || v.key === "ArrowDown") {
         v.preventDefault();
         const w = k[(f + 1) % k.length];
@@ -2822,28 +2817,28 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
       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" }
     }, g = o(() => "dk:w-full"), h = o(() => {
-      const v = "dk:flex dk:items-center dk:gap-0.5", p = e.fullWidth ? "dk:w-full" : "", k = {
+      const v = "dk:flex dk:items-center dk:gap-0.5", b = e.fullWidth ? "dk:w-full" : "", k = {
         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 [v, p, k].join(" ");
+      return [v, b, k].join(" ");
     });
-    function x(v, p) {
-      const k = "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", f = y[e.size], w = e.modelValue === v, l = p ? "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";
+    function x(v, b) {
+      const k = "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", f = y[e.size], w = e.modelValue === v, l = b ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", p = "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 L = w ? `dk:border-b-2 ${s[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 [k, f, L, l, u].join(" ");
+        return [k, f, L, l, p].join(" ");
       }
       if (e.variant === "pills") {
         const L = w ? `dk:rounded-lg ${s[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 [k, f, L, l, u].join(" ");
+        return [k, f, L, l, p].join(" ");
       }
       const $ = w ? `dk:rounded-lg ${s[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", M = e.fullWidth ? "dk:flex-1 dk:text-center dk:justify-center" : "";
-      return [k, f, $, l, u, M].join(" ");
+      return [k, f, $, l, p, M].join(" ");
     }
     const C = 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"), D = o(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
-    return (v, p) => (t(), a("div", {
+    return (v, b) => (t(), a("div", {
       class: n(g.value)
     }, [
       c("div", {
@@ -2851,7 +2846,7 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
         role: "tablist",
         "aria-label": d.ariaLabel
       }, [
-        (t(!0), a(A, null, F(d.tabs, (k) => (t(), a("button", {
+        (t(!0), a(I, null, F(d.tabs, (k) => (t(), a("button", {
           key: k.value,
           type: "button",
           id: `tab-${R(m)}-${k.value}`,
@@ -2864,14 +2859,14 @@ const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = [
           onKeydown: (f) => z(f, k.value)
         }, [
           k.icon ? (t(), a("span", Rd, j(k.icon), 1)) : S("", !0),
-          I(" " + j(k.label) + " ", 1),
+          A(" " + j(k.label) + " ", 1),
           k.badge !== void 0 ? (t(), a("span", {
             key: 1,
             class: n(C.value)
           }, j(k.badge), 3)) : S("", !0)
         ], 42, Zd))), 128))
       ], 10, Yd),
-      (t(!0), a(A, null, F(d.tabs, (k) => (t(), a("div", {
+      (t(!0), a(I, null, F(d.tabs, (k) => (t(), a("div", {
         key: k.value,
         id: `panel-${R(m)}-${k.value}`,
         "aria-labelledby": `tab-${R(m)}-${k.value}`,
@@ -2906,7 +2901,7 @@ function dt() {
 }
 function tt() {
   return {
-    toasts: Ie(ke.toasts),
+    toasts: Ae(ke.toasts),
     add: re,
     remove: Ce,
     clear: dt,
@@ -2923,7 +2918,7 @@ const rt = {
 }, at = { class: "dk:flex-1 dk:min-w-0" }, ot = {
   key: 0,
   class: "dk:text-sm dk:font-semibold dk:leading-snug"
-}, kt = ["onClick"], nt = "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", qt = /* @__PURE__ */ P({
+}, kt = ["onClick"], nt = "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", Ht = /* @__PURE__ */ P({
   __name: "DuiToast",
   props: {
     position: { default: "top-right" },
@@ -2931,7 +2926,7 @@ const rt = {
     zIndex: { default: 9999 }
   },
   setup(d) {
-    const r = d, { toasts: e, remove: b } = tt(), m = o(() => e.slice(0, r.maxToasts)), i = {
+    const r = d, { toasts: e, remove: u } = tt(), m = o(() => e.slice(0, r.maxToasts)), i = {
       "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",
@@ -2973,7 +2968,7 @@ const rt = {
         "aria-live": "polite",
         "aria-atomic": "false"
       }, [
-        de(Ae, {
+        de(Ie, {
           tag: "div",
           class: n(y.value),
           "enter-active-class": "dk:transition-all dk:duration-300 dk:ease-out",
@@ -2983,7 +2978,7 @@ const rt = {
           "move-class": "dk:transition-all dk:duration-300"
         }, {
           default: W(() => [
-            (t(!0), a(A, null, F(m.value, (v) => (t(), a("div", {
+            (t(!0), a(I, null, F(m.value, (v) => (t(), a("div", {
               key: v.id,
               role: "alert",
               class: n(h(v.color))
@@ -3004,7 +2999,7 @@ const rt = {
                 type: "button",
                 class: n(nt),
                 "aria-label": "Cerrar notificacion",
-                onClick: (p) => R(b)(v.id)
+                onClick: (b) => R(u)(v.id)
               }, " × ", 8, kt)) : S("", !0)
             ], 2))), 128))
           ]),
@@ -3029,7 +3024,7 @@ const rt = {
 }, pt = ["d"], gt = { 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" }, mt = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, ft = { key: 0 }, ht = ["onClick"], xt = { class: "dk:flex dk:items-center" }, vt = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, yt = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
-}, Ht = /* @__PURE__ */ P({
+}, Ut = /* @__PURE__ */ P({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
@@ -3038,17 +3033,17 @@ const rt = {
     underlineColor: { default: "primary" }
   },
   setup(d) {
-    const r = d, e = K(!1), b = ze({}), m = (f) => oe(f.to), i = (f) => {
+    const r = d, e = q(!1), u = ze({}), m = (f) => oe(f.to), i = (f) => {
       const w = m(f);
       return ue(f.to, w);
     }, z = () => {
       e.value = !e.value;
     }, y = () => {
-      e.value = !1, Object.keys(b).forEach((f) => {
-        b[f] = !1;
+      e.value = !1, Object.keys(u).forEach((f) => {
+        u[f] = !1;
       });
     }, s = (f) => {
-      b[f] = !b[f];
+      u[f] = !u[f];
     }, g = {
       s: {
         height: "dk:h-12",
@@ -3105,8 +3100,8 @@ const rt = {
       return f[r.underlineColor] || f.primary;
     }, D = o(() => {
       const f = g[r.size], w = C();
-      return (l, u = !0) => {
-        const $ = l.active ?? !1, M = u ? "dk:pl-3" : "dk:pl-2", L = "dk:pr-3", J = u ? "dk:pl-2" : "dk:pl-1", Y = "dk:pr-2", Z = u ? "dk:pl-4" : "dk:pl-3", be = "dk:pr-4";
+      return (l, p = !0) => {
+        const $ = l.active ?? !1, M = p ? "dk:pl-3" : "dk:pl-2", L = "dk:pr-3", J = p ? "dk:pl-2" : "dk:pl-1", Y = "dk:pr-2", Z = p ? "dk:pl-4" : "dk:pl-3", be = "dk:pr-4";
         let ee = "";
         return f.itemPadding.includes("px-2") ? ee = `${J} ${Y} dk:py-1.5` : f.itemPadding.includes("px-4") ? ee = `${Z} ${be} dk:py-3` : ee = `${M} ${L} dk:py-2`, [
           // Block style with animated underline
@@ -3129,7 +3124,7 @@ const rt = {
       "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(" ")), p = o(() => [
+    ].join(" ")), b = 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",
@@ -3153,7 +3148,7 @@ const rt = {
         c("div", {
           class: n(x.value)
         }, [
-          (t(!0), a(A, null, F(d.items, (l) => (t(), a(A, {
+          (t(!0), a(I, null, F(d.items, (l) => (t(), a(I, {
             key: l.label
           }, [
             l.children && l.children.length > 0 ? (t(), a("div", it, [
@@ -3165,7 +3160,7 @@ const rt = {
                     key: 0,
                     class: n([l.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
-                  I(" " + j(l.label) + " ", 1),
+                  A(" " + j(l.label) + " ", 1),
                   w[0] || (w[0] = c("svg", {
                     class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
                     fill: "none",
@@ -3183,15 +3178,15 @@ const rt = {
                 _: 2
               }, 1040, ["class"])),
               c("div", ct, [
-                (t(!0), a(A, null, F(l.children, (u) => (t(), O(Q(m(u)), E({
-                  key: u.label
-                }, { ref_for: !0 }, i(u), { class: v.value }), {
+                (t(!0), a(I, null, F(l.children, (p) => (t(), O(Q(m(p)), E({
+                  key: p.label
+                }, { ref_for: !0 }, i(p), { class: v.value }), {
                   default: W(() => [
-                    u.icon ? (t(), a("i", {
+                    p.icon ? (t(), a("i", {
                       key: 0,
-                      class: n([u.icon, "dk:mr-2"])
+                      class: n([p.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
-                    I(" " + j(u.label), 1)
+                    A(" " + j(p.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
@@ -3207,7 +3202,7 @@ const rt = {
                   key: 0,
                   class: n([l.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
-                I(" " + j(l.label), 1)
+                A(" " + j(l.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
@@ -3233,24 +3228,24 @@ const rt = {
       ]),
       pe(c("div", gt, [
         c("div", mt, [
-          (t(!0), a(A, null, F(d.items, (l) => (t(), a(A, {
+          (t(!0), a(I, null, F(d.items, (l) => (t(), a(I, {
             key: l.label
           }, [
             l.children && l.children.length > 0 ? (t(), a("div", ft, [
               c("button", {
                 type: "button",
-                onClick: (u) => s(l.label),
-                class: n([p.value, "dk:justify-between"])
+                onClick: (p) => s(l.label),
+                class: n([b.value, "dk:justify-between"])
               }, [
                 c("div", xt, [
                   l.icon ? (t(), a("i", {
                     key: 0,
                     class: n([l.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
-                  I(" " + j(l.label), 1)
+                  A(" " + j(l.label), 1)
                 ]),
                 (t(), a("svg", {
-                  class: n(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", b[l.label] ? "dk:rotate-180" : ""]),
+                  class: n(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", u[l.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
@@ -3264,29 +3259,29 @@ const rt = {
                 ])], 2))
               ], 10, ht),
               pe(c("div", vt, [
-                (t(!0), a(A, null, F(l.children, (u) => (t(), O(Q(m(u)), E({
-                  key: u.label
-                }, { ref_for: !0 }, i(u), {
+                (t(!0), a(I, null, F(l.children, (p) => (t(), O(Q(m(p)), E({
+                  key: p.label
+                }, { ref_for: !0 }, i(p), {
                   class: k.value,
                   onClick: y
                 }), {
                   default: W(() => [
-                    u.icon ? (t(), a("i", {
+                    p.icon ? (t(), a("i", {
                       key: 0,
-                      class: n([u.icon, "dk:mr-2"])
+                      class: n([p.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
-                    I(" " + j(u.label), 1)
+                    A(" " + j(p.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [ge, b[l.label]]
+                [ge, u[l.label]]
               ])
             ])) : (t(), O(Q(m(l)), E({
               key: 1,
               ref_for: !0
             }, i(l), {
-              class: p.value,
+              class: b.value,
               onClick: y
             }), {
               default: W(() => [
@@ -3294,7 +3289,7 @@ const rt = {
                   key: 0,
                   class: n([l.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
-                I(" " + j(l.label), 1)
+                A(" " + j(l.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
@@ -3310,7 +3305,7 @@ const rt = {
   }
 });
 export {
-  At as DuiAccordion,
+  It as DuiAccordion,
   Tt as DuiAction,
   Dt as DuiAlert,
   Wt as DuiBadge,
@@ -3324,15 +3319,15 @@ export {
   Ct as DuiInput,
   jt as DuiLabel,
   Lt as DuiModal,
-  Ht as DuiNavbar,
+  Ut as DuiNavbar,
   Ft as DuiPagination,
   Bt as DuiRadio,
   St as DuiSelect,
-  Ut as DuiSkeleton,
+  Kt as DuiSkeleton,
   Mt as DuiSwitch,
   _t as DuiTable,
-  Kt as DuiTabs,
+  qt as DuiTabs,
   $t as DuiTextarea,
-  qt as DuiToast,
-  It as DuiTooltip
+  Ht as DuiToast,
+  At as DuiTooltip
 };