@dronico/droni-kit 1.15.0 → 1.16.0

package/dist/droni-kit.es.js

@@ -1,20 +1,20 @@
-import { getCurrentInstance as Z, defineComponent as D, computed as i, openBlock as r, createBlock as L, resolveDynamicComponent as N, mergeProps as V, withCtx as P, renderSlot as _, createElementBlock as o, toDisplayString as w, createCommentVNode as x, Fragment as T, renderList as E, ref as G, normalizeClass as b, createElementVNode as c, createTextVNode as j, withDirectives as F, vShow as U, useSlots as ee, createVNode as H, watch as de, onMounted as te, onBeforeUnmount as re, Teleport as oe, Transition as ae, normalizeStyle as ke, withModifiers as ne, reactive as se } from "vue";
-function le() {
+import { getCurrentInstance as _e, defineComponent as A, computed as l, openBlock as r, createBlock as H, resolveDynamicComponent as K, mergeProps as I, withCtx as E, renderSlot as T, createElementBlock as o, toDisplayString as S, createCommentVNode as w, Fragment as O, renderList as G, ref as Q, normalizeClass as m, createElementVNode as p, createTextVNode as V, withDirectives as ne, vShow as se, useSlots as je, createVNode as oe, watch as re, onMounted as ue, onBeforeUnmount as ce, Teleport as be, Transition as pe, normalizeStyle as fe, withModifiers as Be, nextTick as te, reactive as Me } from "vue";
+function Te() {
   try {
-    const t = Z(), d = t == null ? void 0 : t.appContext.app;
+    const t = _e(), d = t == null ? void 0 : t.appContext.app;
     return d ? !!(d.config.globalProperties.$router || d.config.globalProperties.$route || d.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
   } catch {
     return !1;
   }
 }
-function R(t, d = !1) {
-  return t ? d ? "NuxtLink" : le() ? "RouterLink" : "a" : "button";
+function ee(t, d = !1) {
+  return t ? d ? "NuxtLink" : Te() ? "RouterLink" : "a" : "button";
 }
-function W(t, d, e = {}) {
-  const l = { ...e };
-  return d === "a" ? (l.href = typeof t == "string" ? t : "#", l.role = "button") : d !== "button" && d !== "span" && (l.to = t), l;
+function ae(t, d, e = {}) {
+  const i = { ...e };
+  return d === "a" ? (i.href = typeof t == "string" ? t : "#", i.role = "button") : d !== "button" && d !== "span" && (i.to = t), i;
 }
-const ie = { key: 1 }, ce = `
+const Ve = { key: 1 }, Pe = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -25,7 +25,7 @@ const ie = { key: 1 }, ce = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, K = /* @__PURE__ */ D({
+  dk:max-w-full`, ie = /* @__PURE__ */ A({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -41,21 +41,21 @@ const ie = { key: 1 }, ce = `
     nuxt: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const d = t, e = i(() => R(d.to, d.nuxt)), l = i(() => {
+    const d = t, e = l(() => ee(d.to, d.nuxt)), i = l(() => {
       const a = {};
-      return e.value === "button" && (a.type = d.type), W(d.to, e.value, a);
-    }), g = {
+      return e.value === "button" && (a.type = d.type), ae(d.to, e.value, a);
+    }), f = {
       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"
-    }, u = {
+    }, c = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = {
+    }, x = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -227,23 +227,23 @@ const ie = { key: 1 }, ce = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, f = i(() => {
-      var z;
-      const a = (((z = m[d.variant]) == null ? void 0 : z[d.color]) || "") + " " + m[d.variant].base, n = g[d.size] || "", k = d.block ? "dk:w-full" : "", s = u[d.rounded] || "";
-      return [ce, a, n, k, s].join(" ");
+    }, v = l(() => {
+      var C;
+      const a = (((C = x[d.variant]) == null ? void 0 : C[d.color]) || "") + " " + x[d.variant].base, n = f[d.size] || "", k = d.block ? "dk:w-full" : "", s = c[d.rounded] || "";
+      return [Pe, a, n, k, s].join(" ");
     });
-    return (a, n) => (r(), L(N(e.value), V(l.value, {
-      class: f.value,
+    return (a, n) => (r(), H(K(e.value), I(i.value, {
+      class: v.value,
       title: d.title,
       disabled: d.disabled || d.loading
     }), {
-      default: P(() => [
-        d.loading ? (r(), o("span", ie, "Cargando...")) : _(a.$slots, "default", { key: 0 })
+      default: E(() => [
+        d.loading ? (r(), o("span", Ve, "Cargando...")) : T(a.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), ue = ["value"], be = `
+}), De = ["value"], Le = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -255,7 +255,7 @@ const ie = { key: 1 }, ce = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, ad = /* @__PURE__ */ D({
+  dk:dark:[color-scheme:dark]`, Bd = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
@@ -278,32 +278,32 @@ const ie = { key: 1 }, ce = `
   },
   emits: ["update:modelValue"],
   setup(t, { emit: d }) {
-    const e = t, l = d;
-    function g(a) {
+    const e = t, i = d;
+    function f(a) {
       const n = a.target;
-      l("update:modelValue", n.value);
+      i("update:modelValue", n.value);
     }
-    const u = {
+    const c = {
       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"
-    }, m = {
+    }, x = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, f = i(() => {
-      const a = u[e.size] || "", n = e.block ? "dk:w-full" : "", k = m[e.rounded] || "";
-      return [be, a, n, k].join(" ");
+    }, v = l(() => {
+      const a = c[e.size] || "", n = e.block ? "dk:w-full" : "", k = x[e.rounded] || "";
+      return [Le, a, n, k].join(" ");
     });
-    return (a, n) => (r(), o("input", V({
-      class: f.value,
+    return (a, n) => (r(), o("input", I({
+      class: v.value,
       value: t.modelValue
-    }, a.$attrs, { onInput: g }), null, 16, ue));
+    }, a.$attrs, { onInput: f }), null, 16, De));
   }
-}), ge = ["value"], pe = `
+}), Ie = ["value"], We = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -315,7 +315,7 @@ const ie = { key: 1 }, ce = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, kd = /* @__PURE__ */ D({
+  dk:dark:[color-scheme:dark]`, Md = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -346,45 +346,45 @@ const ie = { key: 1 }, ce = `
   },
   emits: ["update:modelValue"],
   setup(t, { emit: d }) {
-    const e = t, l = d;
-    function g(k) {
+    const e = t, i = d;
+    function f(k) {
       const s = k.target;
-      e.autoheight && n(s), l("update:modelValue", s.value);
+      e.autoheight && n(s), i("update:modelValue", s.value);
     }
-    const u = {
+    const c = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-3 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, m = {
+    }, x = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, f = {
+    }, v = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, a = i(() => {
-      const k = u[e.size] || "", s = e.block ? "dk:w-full" : "", z = m[e.rounded] || "", B = f[e.resize] || "";
-      return [pe, k, s, z, B].join(" ");
+    }, a = l(() => {
+      const k = c[e.size] || "", s = e.block ? "dk:w-full" : "", C = x[e.rounded] || "", B = v[e.resize] || "";
+      return [We, k, s, C, B].join(" ");
     }), n = (k) => {
       k.style.height = "auto", k.style.height = `${k.scrollHeight + 5}px`;
     };
-    return (k, s) => (r(), o("textarea", V(k.$attrs, {
+    return (k, s) => (r(), o("textarea", I(k.$attrs, {
       class: a.value,
       value: t.modelValue,
-      onInput: g
-    }), null, 16, ge));
+      onInput: f
+    }), null, 16, Ie));
   }
-}), fe = {
+}), Ee = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, me = ["value", "selected"], he = `
+}, Ae = ["value", "selected"], Ne = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -397,7 +397,7 @@ const ie = { key: 1 }, ce = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, nd = /* @__PURE__ */ D({
+`, Td = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
@@ -436,42 +436,42 @@ const ie = { key: 1 }, ce = `
   },
   emits: ["update:modelValue"],
   setup(t, { emit: d }) {
-    const e = t, l = d;
-    function g(a) {
+    const e = t, i = d;
+    function f(a) {
       const k = a.target.value, s = Number(k);
-      !isNaN(s) && k !== "" ? l("update:modelValue", s) : l("update:modelValue", k);
+      !isNaN(s) && k !== "" ? i("update:modelValue", s) : i("update:modelValue", k);
     }
-    const u = {
+    const c = {
       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"
-    }, m = {
+    }, x = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, f = i(() => {
-      const a = u[e.size] || "", n = e.block ? "dk:w-full" : "", k = m[e.rounded] || "";
-      return [he, a, n, k].join(" ");
+    }, v = l(() => {
+      const a = c[e.size] || "", n = e.block ? "dk:w-full" : "", k = x[e.rounded] || "";
+      return [Ne, a, n, k].join(" ");
     });
-    return (a, n) => (r(), o("select", V(a.$attrs, {
-      class: f.value,
-      onChange: g
+    return (a, n) => (r(), o("select", I(a.$attrs, {
+      class: v.value,
+      onChange: f
     }), [
-      t.placeholder ? (r(), o("option", fe, w(t.placeholder), 1)) : x("", !0),
-      (r(!0), o(T, null, E(t.options, (k, s) => (r(), o("option", {
+      t.placeholder ? (r(), o("option", Ee, S(t.placeholder), 1)) : w("", !0),
+      (r(!0), o(O, null, G(t.options, (k, s) => (r(), o("option", {
         key: s,
         value: k[t.itemValue] ?? "",
         selected: k[t.itemValue] == t.modelValue
-      }, w(k[t.itemLabel] ?? ""), 9, me))), 128))
+      }, S(k[t.itemLabel] ?? ""), 9, Ae))), 128))
     ], 16));
   }
-}), xe = {
+}), Oe = {
   key: 1,
   class: "dk:text-rose-500 dk:ml-1"
-}, ve = { 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__ */ D({
+}, Fe = { 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" }, qe = "dk:space-y-1", He = /* @__PURE__ */ A({
   __name: "DuiLabel",
   props: {
     title: {
@@ -500,68 +500,68 @@ const ie = { key: 1 }, ce = `
     }
   },
   setup(t) {
-    const d = G(!1), e = t, l = {
+    const d = Q(!1), e = t, i = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
-    }, g = {
+    }, f = {
       s: "dk:mt-1",
       m: "dk:mt-1.5",
       l: "dk:mt-2"
-    }, u = {
+    }, c = {
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, m = i(() => [ye].join(" ")), f = i(() => {
-      const k = l[e.size] || l.m, s = "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 [s, k, z].join(" ");
-    }), a = i(() => [g[e.size] || g.m].join(" ")), n = i(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", u[e.size] || u.m].join(" "));
+    }, x = l(() => [qe].join(" ")), v = l(() => {
+      const k = i[e.size] || i.m, s = "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 [s, k, C].join(" ");
+    }), a = l(() => [f[e.size] || f.m].join(" ")), n = l(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", c[e.size] || c.m].join(" "));
     return (k, s) => (r(), o("label", {
-      class: b(m.value)
+      class: m(x.value)
     }, [
       t.title ? (r(), o("div", {
         key: 0,
         class: "dk:relative",
-        onMouseenter: s[0] || (s[0] = (z) => d.value = !!t.helpText),
-        onMouseleave: s[1] || (s[1] = (z) => d.value = !1)
+        onMouseenter: s[0] || (s[0] = (C) => d.value = !!t.helpText),
+        onMouseleave: s[1] || (s[1] = (C) => d.value = !1)
       }, [
-        c("div", {
-          class: b(f.value)
+        p("div", {
+          class: m(v.value)
         }, [
           t.icon ? (r(), o("i", {
             key: 0,
-            class: b([t.icon, "dk:mr-2"])
-          }, null, 2)) : x("", !0),
-          j(" " + w(t.title) + " ", 1),
-          t.required ? (r(), o("span", xe, "*")) : x("", !0)
+            class: m([t.icon, "dk:mr-2"])
+          }, null, 2)) : w("", !0),
+          V(" " + S(t.title) + " ", 1),
+          t.required ? (r(), o("span", Oe, "*")) : w("", !0)
         ], 2),
-        F(c("div", ve, [
-          j(w(t.helpText) + " ", 1),
-          s[2] || (s[2] = c("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        ne(p("div", Fe, [
+          V(S(t.helpText) + " ", 1),
+          s[2] || (s[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
-          [U, d.value && t.helpText]
+          [se, d.value && t.helpText]
         ])
-      ], 32)) : x("", !0),
-      c("div", {
-        class: b(a.value)
+      ], 32)) : w("", !0),
+      p("div", {
+        class: m(a.value)
       }, [
-        _(k.$slots, "default", {}, void 0, !0)
+        T(k.$slots, "default", {}, void 0, !0)
       ], 2),
       t.error ? (r(), o("div", {
         key: 1,
-        class: b(n.value)
+        class: m(n.value)
       }, [
-        s[3] || (s[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)),
-        j(" " + w(t.error), 1)
-      ], 2)) : x("", !0)
+        s[3] || (s[3] = p("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
+        V(" " + S(t.error), 1)
+      ], 2)) : w("", !0)
     ], 2));
   }
-}), J = (t, d) => {
+}), ge = (t, d) => {
   const e = t.__vccOpts || t;
-  for (const [l, g] of d)
-    e[l] = g;
+  for (const [i, f] of d)
+    e[i] = f;
   return e;
-}, sd = /* @__PURE__ */ J(ze, [["__scopeId", "data-v-aa6b6cdc"]]), we = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, Ce = ["checked", "disabled"], ld = /* @__PURE__ */ D({
+}, Vd = /* @__PURE__ */ ge(He, [["__scopeId", "data-v-aa6b6cdc"]]), Ue = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, Ke = ["checked", "disabled"], Pd = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "DuiCheckbox",
   props: {
@@ -600,7 +600,7 @@ const ie = { key: 1 }, ce = `
   },
   emits: ["update:modelValue"],
   setup(t, { emit: d }) {
-    const e = t, l = d, g = ee(), u = {
+    const e = t, i = d, f = je(), c = {
       sm: {
         track: "dk:w-9 dk:h-5",
         thumb: "dk:w-3.5 dk:h-3.5",
@@ -616,94 +616,94 @@ const ie = { key: 1 }, ce = `
         thumb: "dk:w-5 dk:h-5",
         translate: "dk:peer-checked:translate-x-7"
       }
-    }, m = {
+    }, x = {
       all: "dk:rounded-full",
       top: "dk:rounded-t-full",
       bottom: "dk:rounded-b-full",
       left: "dk:rounded-l-full",
       right: "dk:rounded-r-full",
       none: "dk:rounded-none"
-    }, f = {
+    }, v = {
       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"
-    }, a = i(() => !!(e.label || g.default)), n = i(() => {
-      const $ = e.block ? "dk:w-full dk:justify-between" : "", v = 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].join(" ");
-    }), k = i(() => [
+    }, a = l(() => !!(e.label || f.default)), n = l(() => {
+      const j = e.block ? "dk:w-full dk:justify-between" : "", z = 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", j, z].join(" ");
+    }), k = l(() => [
       "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(" ")), s = i(() => {
-      const $ = u[e.size] || u.md, v = m[e.rounded] || m.all, A = f[e.color] || f.primary;
+    ].join(" ")), s = l(() => {
+      const j = c[e.size] || c.md, z = x[e.rounded] || x.all, N = v[e.color] || v.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,
-        v,
-        A
+        j.track,
+        z,
+        N
       ].join(" ");
-    }), z = i(() => {
-      const $ = u[e.size] || u.md;
+    }), C = l(() => {
+      const j = c[e.size] || c.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
+        j.thumb,
+        j.translate
       ].join(" ");
     });
-    function B($) {
-      const v = $.target;
-      l("update:modelValue", v.checked);
+    function B(j) {
+      const z = j.target;
+      i("update:modelValue", z.checked);
     }
-    return ($, v) => (r(), o("label", {
-      class: b(n.value)
+    return (j, z) => (r(), o("label", {
+      class: m(n.value)
     }, [
       a.value && t.labelPosition === "left" ? (r(), o("span", {
         key: 0,
-        class: b(k.value)
+        class: m(k.value)
       }, [
-        _($.$slots, "default", {}, () => [
-          j(w(t.label), 1)
+        T(j.$slots, "default", {}, () => [
+          V(S(t.label), 1)
         ])
-      ], 2)) : x("", !0),
-      c("span", we, [
-        c("input", V({
+      ], 2)) : w("", !0),
+      p("span", Ue, [
+        p("input", I({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
           checked: t.modelValue,
           disabled: t.disabled
-        }, $.$attrs, { onChange: B }), null, 16, Ce),
-        c("span", {
-          class: b(s.value)
+        }, j.$attrs, { onChange: B }), null, 16, Ke),
+        p("span", {
+          class: m(s.value)
         }, null, 2),
-        c("span", {
-          class: b(z.value)
+        p("span", {
+          class: m(C.value)
         }, null, 2)
       ]),
       a.value && t.labelPosition === "right" ? (r(), o("span", {
         key: 1,
-        class: b(k.value)
+        class: m(k.value)
       }, [
-        _($.$slots, "default", {}, () => [
-          j(w(t.label), 1)
+        T(j.$slots, "default", {}, () => [
+          V(S(t.label), 1)
         ])
-      ], 2)) : x("", !0)
+      ], 2)) : w("", !0)
     ], 2));
   }
-}), $e = `
+}), Ge = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, id = /* @__PURE__ */ D({
+`, Dd = /* @__PURE__ */ A({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -727,7 +727,7 @@ const ie = { key: 1 }, ce = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, l = {
+    }, i = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -755,22 +755,22 @@ const ie = { key: 1 }, ce = `
         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 = i(() => {
+    }, f = l(() => {
       var a;
-      const u = ((a = l[d.variant]) == null ? void 0 : a[d.color]) || "", m = l[d.variant].base || "", f = e[d.rounded] || "";
-      return [$e, m, u, f].join(" ");
+      const c = ((a = i[d.variant]) == null ? void 0 : a[d.color]) || "", x = i[d.variant].base || "", v = e[d.rounded] || "";
+      return [Ge, x, c, v].join(" ");
     });
-    return (u, m) => (r(), o("div", {
-      class: b(g.value),
+    return (c, x) => (r(), o("div", {
+      class: m(f.value),
       role: "alert"
     }, [
-      _(u.$slots, "default")
+      T(c.$slots, "default")
     ], 2));
   }
-}), Se = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, je = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, _e = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, Be = { key: 0 }, Ve = ["colspan"], Me = {
+}), Je = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, Qe = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, Xe = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, Ye = { key: 0 }, Ze = ["colspan"], Re = {
   key: 0,
   class: "dk:bg-gray-50 dk:dark:bg-gray-700 dk:border-t dk:border-gray-200 dk:dark:border-gray-600"
-}, Pe = ["colspan"], De = { class: "pagination-container" }, Te = { class: "pagination-info" }, Ae = { class: "pagination-buttons" }, Ie = { class: "page-numbers" }, Le = ["onClick"], Ne = /* @__PURE__ */ D({
+}, ed = ["colspan"], dd = { class: "pagination-container" }, td = { class: "pagination-info" }, rd = { class: "pagination-buttons" }, od = { class: "page-numbers" }, ad = ["onClick"], kd = /* @__PURE__ */ A({
   __name: "DuiTable",
   props: {
     columns: {
@@ -792,101 +792,101 @@ const ie = { key: 1 }, ce = `
   },
   emits: ["paginate"],
   setup(t, { emit: d }) {
-    const e = t, l = d, g = i(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), u = i(() => {
+    const e = t, i = d, f = l(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), c = l(() => {
       if (!e.pagination) return [];
-      const f = [], a = 5, { page: n } = e.pagination, k = g.value;
-      let s = Math.max(1, n - Math.floor(a / 2)), z = Math.min(k, s + a - 1);
-      z - s < a - 1 && (s = Math.max(1, z - a + 1));
-      for (let B = s; B <= z; B++)
-        f.push(B);
-      return f;
-    }), m = (f) => {
-      e.pagination && f >= 1 && f <= g.value && l("paginate", f);
+      const v = [], a = 5, { page: n } = e.pagination, k = f.value;
+      let s = Math.max(1, n - Math.floor(a / 2)), C = Math.min(k, s + a - 1);
+      C - s < a - 1 && (s = Math.max(1, C - a + 1));
+      for (let B = s; B <= C; B++)
+        v.push(B);
+      return v;
+    }), x = (v) => {
+      e.pagination && v >= 1 && v <= f.value && i("paginate", v);
     };
-    return (f, a) => (r(), o("div", Se, [
-      c("table", je, [
-        c("thead", _e, [
-          c("tr", null, [
-            (r(!0), o(T, null, E(e.columns, (n) => (r(), o("th", {
+    return (v, a) => (r(), o("div", Je, [
+      p("table", Qe, [
+        p("thead", Xe, [
+          p("tr", null, [
+            (r(!0), o(O, null, G(e.columns, (n) => (r(), o("th", {
               key: n.name,
-              class: b(["dk:px-6 dk:py-3", n.classes])
-            }, w(n.label), 3))), 128))
+              class: m(["dk:px-6 dk:py-3", n.classes])
+            }, S(n.label), 3))), 128))
           ]),
-          e.loading ? (r(), o("tr", Be, [
-            c("td", {
+          e.loading ? (r(), o("tr", Ye, [
+            p("td", {
               colspan: e.columns.length,
               class: "dk:p-0"
             }, [...a[2] || (a[2] = [
-              c("div", { class: "loading-bar" }, null, -1)
-            ])], 8, Ve)
-          ])) : x("", !0)
+              p("div", { class: "loading-bar" }, null, -1)
+            ])], 8, Ze)
+          ])) : w("", !0)
         ]),
-        c("tbody", {
-          class: b({ "is-loading": e.loading })
+        p("tbody", {
+          class: m({ "is-loading": e.loading })
         }, [
-          (r(!0), o(T, null, E(e.rows, (n, k) => (r(), o("tr", {
+          (r(!0), o(O, null, G(e.rows, (n, k) => (r(), o("tr", {
             key: k,
             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"
           }, [
-            (r(!0), o(T, null, E(e.columns, (s) => (r(), o("td", {
+            (r(!0), o(O, null, G(e.columns, (s) => (r(), o("td", {
               key: s.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              _(f.$slots, s.name, V({ ref_for: !0 }, n), () => [
-                j(w(n[s.name]), 1)
+              T(v.$slots, s.name, I({ ref_for: !0 }, n), () => [
+                V(S(n[s.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ], 2),
-        e.pagination ? (r(), o("tfoot", Me, [
-          c("tr", null, [
-            c("td", {
+        e.pagination ? (r(), o("tfoot", Re, [
+          p("tr", null, [
+            p("td", {
               colspan: e.columns.length,
               class: "dk:px-6 dk:py-4"
             }, [
-              c("div", De, [
-                c("div", Te, " Página " + w(e.pagination.page) + " de " + w(g.value) + " | " + w(e.pagination.total) + " registros ", 1),
-                c("div", Ae, [
-                  H(K, {
+              p("div", dd, [
+                p("div", td, " Página " + S(e.pagination.page) + " de " + S(f.value) + " | " + S(e.pagination.total) + " registros ", 1),
+                p("div", rd, [
+                  oe(ie, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: a[0] || (a[0] = (n) => m(e.pagination.page - 1)),
+                    onClick: a[0] || (a[0] = (n) => x(e.pagination.page - 1)),
                     disabled: e.pagination.page === 1
                   }, {
-                    default: P(() => [...a[3] || (a[3] = [
-                      j(" ← Anterior ", -1)
+                    default: E(() => [...a[3] || (a[3] = [
+                      V(" ← Anterior ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
-                  c("div", Ie, [
-                    (r(!0), o(T, null, E(u.value, (n) => (r(), o("button", {
+                  p("div", od, [
+                    (r(!0), o(O, null, G(c.value, (n) => (r(), o("button", {
                       key: n,
-                      onClick: (k) => m(n),
-                      class: b(["page-number", { active: n === e.pagination.page }])
-                    }, w(n), 11, Le))), 128))
+                      onClick: (k) => x(n),
+                      class: m(["page-number", { active: n === e.pagination.page }])
+                    }, S(n), 11, ad))), 128))
                   ]),
-                  H(K, {
+                  oe(ie, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: a[1] || (a[1] = (n) => m(e.pagination.page + 1)),
-                    disabled: e.pagination.page === g.value
+                    onClick: a[1] || (a[1] = (n) => x(e.pagination.page + 1)),
+                    disabled: e.pagination.page === f.value
                   }, {
-                    default: P(() => [...a[4] || (a[4] = [
-                      j(" Siguiente → ", -1)
+                    default: E(() => [...a[4] || (a[4] = [
+                      V(" Siguiente → ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"])
                 ])
               ])
-            ], 8, Pe)
+            ], 8, ed)
           ])
-        ])) : x("", !0)
+        ])) : w("", !0)
       ])
     ]));
   }
-}), cd = /* @__PURE__ */ J(Ne, [["__scopeId", "data-v-60002528"]]), Ee = { key: 1 }, Re = `
+}), Ld = /* @__PURE__ */ ge(kd, [["__scopeId", "data-v-60002528"]]), nd = { key: 1 }, sd = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -897,7 +897,7 @@ const ie = { key: 1 }, ce = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ud = /* @__PURE__ */ D({
+  dk:max-w-full`, Id = /* @__PURE__ */ A({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -911,18 +911,18 @@ const ie = { key: 1 }, ce = `
     nuxt: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const d = t, e = i(() => d.to ? R(d.to, d.nuxt) : "span"), l = i(() => W(d.to, e.value)), g = {
+    const d = t, e = l(() => d.to ? ee(d.to, d.nuxt) : "span"), i = l(() => ae(d.to, e.value)), f = {
       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"
-    }, u = {
+    }, c = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = {
+    }, x = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -1094,25 +1094,25 @@ const ie = { key: 1 }, ce = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, f = i(() => {
-      var z;
-      const a = (((z = m[d.variant]) == null ? void 0 : z[d.color]) || "") + " " + m[d.variant].base, n = g[d.size] || "", k = d.block ? "dk:block" : "dk:inline-block", s = u[d.rounded] || "";
-      return [Re, a, n, k, s].join(" ");
+    }, v = l(() => {
+      var C;
+      const a = (((C = x[d.variant]) == null ? void 0 : C[d.color]) || "") + " " + x[d.variant].base, n = f[d.size] || "", k = d.block ? "dk:block" : "dk:inline-block", s = c[d.rounded] || "";
+      return [sd, a, n, k, s].join(" ");
     });
-    return (a, n) => (r(), L(N(e.value), V(l.value, {
-      class: f.value,
+    return (a, n) => (r(), H(K(e.value), I(i.value, {
+      class: v.value,
       title: d.title
     }), {
-      default: P(() => [
-        d.loading ? (r(), o("span", Ee, "Cargando...")) : _(a.$slots, "default", { key: 0 })
+      default: E(() => [
+        d.loading ? (r(), o("span", nd, "Cargando...")) : T(a.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), Oe = {
+}), ld = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, We = ["src", "alt"], bd = /* @__PURE__ */ D({
+}, id = ["src", "alt"], Wd = /* @__PURE__ */ A({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -1123,10 +1123,10 @@ const ie = { key: 1 }, ce = `
     nuxt: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const d = t, e = () => d.to ? R(d.to, d.nuxt) : "div", l = () => d.to ? R(d.to, d.nuxt) : "h3", g = () => {
-      const v = e();
-      return W(d.to, v);
-    }, u = {
+    const d = t, e = () => d.to ? ee(d.to, d.nuxt) : "div", i = () => d.to ? ee(d.to, d.nuxt) : "h3", f = () => {
+      const z = e();
+      return ae(d.to, z);
+    }, c = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -1148,7 +1148,7 @@ const ie = { key: 1 }, ce = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, m = i(() => [
+    }, x = l(() => [
       // 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",
@@ -1164,98 +1164,98 @@ const ie = { key: 1 }, ce = `
       "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(" ")), f = i(() => [
+    ].join(" ")), v = l(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
-    ].join(" ")), a = i(() => {
-      const v = u[d.size];
+    ].join(" ")), a = l(() => {
+      const z = c[d.size];
       return [
-        v.padding,
-        v.spacing,
+        z.padding,
+        z.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
-    }), n = i(() => [
-      u[d.size].spacing
-    ].join(" ")), k = i(() => {
-      const A = [
-        u[d.size].titleSize,
+    }), n = l(() => [
+      c[d.size].spacing
+    ].join(" ")), k = l(() => {
+      const N = [
+        c[d.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return d.to && A.push(
+      return d.to && N.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), A.join(" ");
-    }), s = i(() => {
-      const v = [
+      ), N.join(" ");
+    }), s = l(() => {
+      const z = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return d.to && v.push("dk:no-underline"), v.join(" ");
-    }), z = i(() => [
-      u[d.size].subtitleSize,
+      return d.to && z.push("dk:no-underline"), z.join(" ");
+    }), C = l(() => [
+      c[d.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), B = i(() => [
-      u[d.size].contentSize,
+    ].join(" ")), B = l(() => [
+      c[d.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), $ = i(() => [
+    ].join(" ")), j = l(() => [
       "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 (v, A) => (r(), o("div", {
-      class: b(m.value)
+    return (z, N) => (r(), o("div", {
+      class: m(x.value)
     }, [
-      t.image ? (r(), o("div", Oe, [
-        (r(), L(N(e()), V(g(), { class: s.value }), {
-          default: P(() => [
-            c("img", {
+      t.image ? (r(), o("div", ld, [
+        (r(), H(K(e()), I(f(), { class: s.value }), {
+          default: E(() => [
+            p("img", {
               src: t.image,
               alt: t.title || "Card image",
-              class: b(f.value)
-            }, null, 10, We)
+              class: m(v.value)
+            }, null, 10, id)
           ]),
           _: 1
         }, 16, ["class"]))
-      ])) : x("", !0),
-      c("div", {
-        class: b(a.value)
+      ])) : w("", !0),
+      p("div", {
+        class: m(a.value)
       }, [
         t.title || t.subtitle ? (r(), o("div", {
           key: 0,
-          class: b(n.value)
+          class: m(n.value)
         }, [
-          t.title ? (r(), L(N(l()), V({ key: 0 }, g(), { class: k.value }), {
-            default: P(() => [
-              j(w(t.title), 1)
+          t.title ? (r(), H(K(i()), I({ key: 0 }, f(), { class: k.value }), {
+            default: E(() => [
+              V(S(t.title), 1)
             ]),
             _: 1
-          }, 16, ["class"])) : x("", !0),
+          }, 16, ["class"])) : w("", !0),
           t.subtitle ? (r(), o("p", {
             key: 1,
-            class: b(z.value)
-          }, w(t.subtitle), 3)) : x("", !0)
-        ], 2)) : x("", !0),
-        v.$slots.default ? (r(), o("div", {
+            class: m(C.value)
+          }, S(t.subtitle), 3)) : w("", !0)
+        ], 2)) : w("", !0),
+        z.$slots.default ? (r(), o("div", {
           key: 1,
-          class: b(B.value)
+          class: m(B.value)
         }, [
-          _(v.$slots, "default")
-        ], 2)) : x("", !0),
-        v.$slots.footer ? (r(), o("div", {
+          T(z.$slots, "default")
+        ], 2)) : w("", !0),
+        z.$slots.footer ? (r(), o("div", {
           key: 2,
-          class: b($.value)
+          class: m(j.value)
         }, [
-          _(v.$slots, "footer")
-        ], 2)) : x("", !0)
+          T(z.$slots, "footer")
+        ], 2)) : w("", !0)
       ], 2)
     ], 2));
   }
-}), qe = ["aria-labelledby", "aria-describedby"], gd = /* @__PURE__ */ D({
+}), ud = ["aria-labelledby", "aria-describedby"], Ed = /* @__PURE__ */ A({
   __name: "DuiModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1276,7 +1276,7 @@ const ie = { key: 1 }, ce = `
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
   setup(t, { emit: d }) {
-    const e = t, l = d, g = Math.random().toString(36).slice(2, 10), u = `dui-modal-title-${g}`, m = `dui-modal-description-${g}`, f = {
+    const e = t, i = d, f = Math.random().toString(36).slice(2, 10), c = `dui-modal-title-${f}`, x = `dui-modal-description-${f}`, v = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
@@ -1318,102 +1318,102 @@ const ie = { key: 1 }, ce = `
         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"
       }
-    }, k = i(() => [
+    }, k = l(() => [
       "dk:fixed dk:inset-0 dk:bg-black/55",
       e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
-    ].join(" ")), s = i(() => [
+    ].join(" ")), s = l(() => [
       "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 = i(() => {
-      const y = n[e.variant].base, S = n[e.variant][e.color], I = f[e.rounded], q = a[e.size];
+    ].join(" ")), C = l(() => {
+      const $ = n[e.variant].base, M = n[e.variant][e.color], D = v[e.rounded], Y = a[e.size];
       return [
         "dk:relative dk:flex dk:flex-col dk:overflow-hidden",
-        y,
-        S,
-        I,
-        q
+        $,
+        M,
+        D,
+        Y
       ].join(" ");
-    }), B = i(() => [
+    }), B = l(() => [
       "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(" ")), $ = i(() => [
+    ].join(" ")), j = l(() => [
       "dk:px-5 dk:py-4",
       e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
-    ].join(" ")), v = i(() => [
+    ].join(" ")), z = l(() => [
       "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 A() {
+    function N() {
       if (typeof document > "u") return;
-      const y = document.body, I = Number(y.dataset.duiModalCount || "0") + 1;
-      y.dataset.duiModalCount = String(I), I === 1 && (y.style.overflow = "hidden");
+      const $ = document.body, D = Number($.dataset.duiModalCount || "0") + 1;
+      $.dataset.duiModalCount = String(D), D === 1 && ($.style.overflow = "hidden");
     }
-    function h() {
+    function y() {
       if (typeof document > "u") return;
-      const y = document.body, S = Number(y.dataset.duiModalCount || "0"), I = Math.max(0, S - 1);
-      y.dataset.duiModalCount = String(I), I === 0 && (y.style.overflow = "");
+      const $ = document.body, M = Number($.dataset.duiModalCount || "0"), D = Math.max(0, M - 1);
+      $.dataset.duiModalCount = String(D), D === 0 && ($.style.overflow = "");
     }
-    function M(y) {
-      l("update:modelValue", !1), l("close", y);
+    function P($) {
+      i("update:modelValue", !1), i("close", $);
     }
-    function p() {
-      l("backdrop"), !(e.persistent || !e.closeOnBackdrop) && M("backdrop");
+    function g() {
+      i("backdrop"), !(e.persistent || !e.closeOnBackdrop) && P("backdrop");
     }
-    function C(y) {
-      y.key !== "Escape" || !e.modelValue || (l("escape"), !(e.persistent || !e.closeOnEsc) && M("escape"));
+    function _($) {
+      $.key !== "Escape" || !e.modelValue || (i("escape"), !(e.persistent || !e.closeOnEsc) && P("escape"));
     }
-    return de(
+    return re(
       () => e.modelValue,
-      (y, S) => {
-        y && !S && (A(), l("open")), !y && S && h();
+      ($, M) => {
+        $ && !M && (N(), i("open")), !$ && M && y();
       }
-    ), te(() => {
-      e.modelValue && A(), typeof window < "u" && window.addEventListener("keydown", C);
-    }), re(() => {
-      e.modelValue && h(), typeof window < "u" && window.removeEventListener("keydown", C);
-    }), (y, S) => (r(), L(oe, { to: "body" }, [
-      H(ae, {
+    ), ue(() => {
+      e.modelValue && N(), typeof window < "u" && window.addEventListener("keydown", _);
+    }), ce(() => {
+      e.modelValue && y(), typeof window < "u" && window.removeEventListener("keydown", _);
+    }), ($, M) => (r(), H(be, { to: "body" }, [
+      oe(pe, {
         "enter-active-class": "dk:transition-opacity dk:duration-200",
         "leave-active-class": "dk:transition-opacity dk:duration-200",
         "enter-from-class": "dk:opacity-0",
         "leave-to-class": "dk:opacity-0"
       }, {
-        default: P(() => [
+        default: E(() => [
           e.modelValue ? (r(), o("div", {
             key: 0,
-            style: ke({ zIndex: String(e.zIndex) }),
-            class: b(k.value),
-            onClick: p
+            style: fe({ zIndex: String(e.zIndex) }),
+            class: m(k.value),
+            onClick: g
           }, [
-            c("div", {
-              class: b(s.value)
+            p("div", {
+              class: m(s.value)
             }, [
-              c("div", {
+              p("div", {
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-labelledby": e.title ? u : void 0,
-                "aria-describedby": e.description ? m : void 0,
-                class: b(z.value),
-                onClick: S[1] || (S[1] = ne(() => {
+                "aria-labelledby": e.title ? c : void 0,
+                "aria-describedby": e.description ? x : void 0,
+                class: m(C.value),
+                onClick: M[1] || (M[1] = Be(() => {
                 }, ["stop"]))
               }, [
-                y.$slots.header || e.title || e.description || e.showClose ? (r(), o("header", {
+                $.$slots.header || e.title || e.description || e.showClose ? (r(), o("header", {
                   key: 0,
-                  class: b(B.value)
+                  class: m(B.value)
                 }, [
-                  c("div", null, [
-                    _(y.$slots, "header", {}, () => [
+                  p("div", null, [
+                    T($.$slots, "header", {}, () => [
                       e.title ? (r(), o("h2", {
                         key: 0,
-                        id: u,
+                        id: c,
                         class: "dk:text-lg dk:font-semibold"
-                      }, w(e.title), 1)) : x("", !0),
+                      }, S(e.title), 1)) : w("", !0),
                       e.description ? (r(), o("p", {
                         key: 1,
-                        id: m,
+                        id: x,
                         class: "dk:mt-1 dk:text-sm dk:opacity-80"
-                      }, w(e.description), 1)) : x("", !0)
+                      }, S(e.description), 1)) : w("", !0)
                     ])
                   ]),
                   e.showClose ? (r(), o("button", {
@@ -1421,47 +1421,314 @@ const ie = { key: 1 }, ce = `
                     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: S[0] || (S[0] = (I) => M("button"))
-                  }, [...S[2] || (S[2] = [
-                    c("span", { "aria-hidden": "true" }, "×", -1)
-                  ])])) : x("", !0)
-                ], 2)) : x("", !0),
-                c("section", {
-                  class: b($.value)
+                    onClick: M[0] || (M[0] = (D) => P("button"))
+                  }, [...M[2] || (M[2] = [
+                    p("span", { "aria-hidden": "true" }, "×", -1)
+                  ])])) : w("", !0)
+                ], 2)) : w("", !0),
+                p("section", {
+                  class: m(j.value)
                 }, [
-                  _(y.$slots, "default")
+                  T($.$slots, "default")
                 ], 2),
-                y.$slots.footer ? (r(), o("footer", {
+                $.$slots.footer ? (r(), o("footer", {
                   key: 1,
-                  class: b(v.value)
+                  class: m(z.value)
                 }, [
-                  _(y.$slots, "footer")
-                ], 2)) : x("", !0)
-              ], 10, qe)
+                  T($.$slots, "footer")
+                ], 2)) : w("", !0)
+              ], 10, ud)
             ], 2)
-          ], 6)) : x("", !0)
+          ], 6)) : w("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), Fe = {
+}), cd = ["aria-describedby"], bd = { class: "dk:inline-flex dk:items-center" }, Ad = /* @__PURE__ */ A({
+  __name: "DuiTooltip",
+  props: {
+    modelValue: { type: Boolean, default: void 0 },
+    text: { default: "" },
+    fallbackTriggerText: { default: "Tooltip" },
+    trigger: { default: "hover" },
+    placement: { default: "top" },
+    variant: { default: "solid" },
+    color: { default: "neutral" },
+    size: { default: "md" },
+    rounded: { default: "all" },
+    disabled: { type: Boolean, default: !1 },
+    interactive: { type: Boolean, default: !0 },
+    arrow: { type: Boolean, default: !0 },
+    showDelay: { default: 120 },
+    hideDelay: { default: 90 },
+    offset: { default: 10 },
+    zIndex: { default: 60 },
+    flip: { type: Boolean, default: !0 },
+    viewportPadding: { default: 8 },
+    maxWidth: { default: "md" },
+    teleportTo: { default: "body" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(t, { emit: d }) {
+    const e = t, i = d, f = Q(null), c = Q(null), x = Q(!1), v = l(() => e.modelValue !== void 0), a = l(() => v.value ? !!e.modelValue : x.value), n = Q(e.placement), k = Q({ top: 0, left: 0 }), s = Q(!1);
+    let C = null, B = null;
+    const j = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, z = {
+      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"
+    }, N = {
+      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"
+    }, y = {
+      xs: "dk:max-w-40",
+      sm: "dk:max-w-56",
+      md: "dk:max-w-72",
+      lg: "dk:max-w-96",
+      full: "dk:max-w-[min(92vw,42rem)]"
+    };
+    function P(b) {
+      return typeof b == "string" && b in y;
+    }
+    const g = {
+      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",
+        primary: "dk:bg-slate-900 dk:text-slate-100 dk:border-slate-700 dk:dark:bg-slate-200 dk:dark:text-slate-900 dk:dark:border-slate-300",
+        secondary: "dk:bg-pink-900 dk:text-pink-100 dk:border-pink-700 dk:dark:bg-pink-200 dk:dark:text-pink-900 dk:dark:border-pink-300",
+        success: "dk:bg-emerald-900 dk:text-emerald-100 dk:border-emerald-700 dk:dark:bg-emerald-200 dk:dark:text-emerald-900 dk:dark:border-emerald-300",
+        warning: "dk:bg-amber-900 dk:text-amber-100 dk:border-amber-700 dk:dark:bg-amber-200 dk:dark:text-amber-900 dk:dark:border-amber-300",
+        danger: "dk:bg-rose-900 dk:text-rose-100 dk:border-rose-700 dk:dark:bg-rose-200 dk:dark:text-rose-900 dk:dark:border-rose-300"
+      },
+      outline: {
+        base: "dk:border dk:shadow-md dk:bg-white/95 dk:dark:bg-zinc-900/95",
+        neutral: "dk:text-zinc-900 dk:border-zinc-300 dk:dark:text-zinc-100 dk:dark:border-zinc-600",
+        primary: "dk:text-slate-900 dk:border-slate-400 dk:dark:text-slate-100 dk:dark:border-slate-500",
+        secondary: "dk:text-pink-900 dk:border-pink-400 dk:dark:text-pink-100 dk:dark:border-pink-500",
+        success: "dk:text-emerald-900 dk:border-emerald-400 dk:dark:text-emerald-100 dk:dark:border-emerald-500",
+        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"
+      }
+    }, _ = l(() => {
+      const b = z[e.rounded], u = N[e.size], h = g[e.variant].base, W = g[e.variant][e.color], L = P(e.maxWidth) ? y[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,
+        u,
+        h,
+        W,
+        L
+      ].join(" ");
+    }), $ = l(() => {
+      const b = {
+        top: `${k.value.top}px`,
+        left: `${k.value.left}px`,
+        zIndex: String(e.zIndex)
+      };
+      return typeof e.maxWidth == "number" ? b.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !P(e.maxWidth) && (b.maxWidth = e.maxWidth), b;
+    }), M = l(() => {
+      const b = g[e.variant][e.color], u = n.value, h = {
+        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",
+        bottom: "dk:-top-1.5 dk:left-1/2 dk:-translate-x-1/2 dk:rotate-45",
+        "bottom-start": "dk:-top-1.5 dk:left-3 dk:rotate-45",
+        "bottom-end": "dk:-top-1.5 dk:right-3 dk:rotate-45",
+        left: "dk:-right-1.5 dk:top-1/2 dk:-translate-y-1/2 dk:rotate-45",
+        "left-start": "dk:-right-1.5 dk:top-3 dk:rotate-45",
+        "left-end": "dk:-right-1.5 dk:bottom-3 dk:rotate-45",
+        right: "dk:-left-1.5 dk:top-1/2 dk:-translate-y-1/2 dk:rotate-45",
+        "right-start": "dk:-left-1.5 dk:top-3 dk:rotate-45",
+        "right-end": "dk:-left-1.5 dk:bottom-3 dk:rotate-45"
+      };
+      return [
+        "dk:absolute dk:block dk:h-3 dk:w-3",
+        b,
+        h[u] || h.top
+      ].join(" ");
+    });
+    function D() {
+      C && (clearTimeout(C), C = null), B && (clearTimeout(B), B = null);
+    }
+    function Y(b, u) {
+      e.disabled || (v.value ? i("update:modelValue", b) : x.value = b, b ? (i("open", u), te(() => {
+        J();
+      })) : i("close", u));
+    }
+    function R(b) {
+      D(), C = setTimeout(() => {
+        Y(!0, b);
+      }, Math.max(0, e.showDelay));
+    }
+    function X(b) {
+      D(), B = setTimeout(() => {
+        b === "hover" && e.interactive && s.value || Y(!1, b);
+      }, Math.max(0, e.hideDelay));
+    }
+    function ke(b) {
+      return {
+        top: "bottom",
+        "top-start": "bottom-start",
+        "top-end": "bottom-end",
+        bottom: "top",
+        "bottom-start": "top-start",
+        "bottom-end": "top-end",
+        left: "right",
+        "left-start": "right-start",
+        "left-end": "right-end",
+        right: "left",
+        "right-start": "left-start",
+        "right-end": "left-end"
+      }[b];
+    }
+    function Z(b, u, h) {
+      const [W, L] = b.split("-"), U = e.offset;
+      let F = 0, q = 0;
+      W === "top" && (F = u.top - h.height - U, L === "start" ? q = u.left : L === "end" ? q = u.right - h.width : q = u.left + u.width / 2 - h.width / 2), W === "bottom" && (F = u.bottom + U, L === "start" ? q = u.left : L === "end" ? q = u.right - h.width : q = u.left + u.width / 2 - h.width / 2), W === "left" && (q = u.left - h.width - U, L === "start" ? F = u.top : L === "end" ? F = u.bottom - h.height : F = u.top + u.height / 2 - h.height / 2), W === "right" && (q = u.right + U, L === "start" ? F = u.top : L === "end" ? F = u.bottom - h.height : F = u.top + u.height / 2 - h.height / 2);
+      const de = e.viewportPadding, $e = window.innerWidth, Se = window.innerHeight;
+      return F = Math.min(Math.max(de, F), Se - h.height - de), q = Math.min(Math.max(de, q), $e - h.width - de), { top: F, left: q };
+    }
+    function me(b, u, h) {
+      if (!e.flip) return !1;
+      const [W] = b.split("-"), L = e.offset, U = e.viewportPadding;
+      return W === "top" ? u.top - h.height - L < U : W === "bottom" ? u.bottom + h.height + L > window.innerHeight - U : W === "left" ? u.left - h.width - L < U : u.right + h.width + L > window.innerWidth - U;
+    }
+    function J() {
+      if (!f.value || !c.value) return;
+      const b = f.value.getBoundingClientRect(), u = c.value.getBoundingClientRect();
+      let h = e.placement;
+      me(h, b, u) && (h = ke(h)), n.value = h, k.value = Z(h, b, u);
+    }
+    function he() {
+      e.trigger === "hover" && R("hover");
+    }
+    function ve(b) {
+      var u;
+      if (e.trigger === "hover") {
+        if (e.interactive) {
+          const h = b.relatedTarget;
+          if (h && ((u = c.value) != null && u.contains(h)))
+            return;
+        }
+        X("hover");
+      }
+    }
+    function xe() {
+      e.trigger !== "focus" && e.trigger !== "hover" || R("focus");
+    }
+    function ye() {
+      e.trigger !== "focus" && e.trigger !== "hover" || X("focus");
+    }
+    function we(b) {
+      e.trigger === "click" && (b.stopPropagation(), a.value ? X("click") : R("click"));
+    }
+    function ze() {
+      e.interactive && (s.value = !0, D());
+    }
+    function Ce(b) {
+      var h;
+      if (!e.interactive) return;
+      const u = b.relatedTarget;
+      u && ((h = f.value) != null && h.contains(u)) || (s.value = !1, X("hover"));
+    }
+    function le(b) {
+      var h, W;
+      if (e.trigger !== "click" || !a.value) return;
+      const u = b.target;
+      (h = f.value) != null && h.contains(u) || (W = c.value) != null && W.contains(u) || X("outside");
+    }
+    return re(
+      () => e.modelValue,
+      (b) => {
+        v.value && b && te(J);
+      }
+    ), re(
+      () => e.placement,
+      () => {
+        a.value && te(J);
+      }
+    ), re(a, (b) => {
+      b && te(J);
+    }), ue(() => {
+      typeof window > "u" || (window.addEventListener("resize", J), window.addEventListener("scroll", J, !0), window.addEventListener("click", le));
+    }), ce(() => {
+      D(), !(typeof window > "u") && (window.removeEventListener("resize", J), window.removeEventListener("scroll", J, !0), window.removeEventListener("click", le));
+    }), (b, u) => (r(), o(O, null, [
+      p("span", {
+        ref_key: "triggerRef",
+        ref: f,
+        class: "dk:relative dk:inline-flex dk:max-w-full",
+        "aria-describedby": a.value ? j : void 0,
+        onMouseenter: he,
+        onMouseleave: ve,
+        onFocusin: xe,
+        onFocusout: ye,
+        onClick: we
+      }, [
+        T(b.$slots, "trigger", {}, () => [
+          T(b.$slots, "default", {}, () => [
+            p("span", bd, S(e.fallbackTriggerText), 1)
+          ])
+        ])
+      ], 40, cd),
+      (r(), H(be, {
+        to: e.teleportTo
+      }, [
+        oe(pe, {
+          "enter-active-class": "dk:transition-opacity dk:duration-150",
+          "leave-active-class": "dk:transition-opacity dk:duration-100",
+          "enter-from-class": "dk:opacity-0",
+          "leave-to-class": "dk:opacity-0"
+        }, {
+          default: E(() => [
+            a.value && !e.disabled ? (r(), o("div", {
+              key: 0,
+              ref_key: "tooltipRef",
+              ref: c,
+              id: j,
+              role: "tooltip",
+              class: m(_.value),
+              style: fe($.value),
+              onMouseenter: ze,
+              onMouseleave: Ce
+            }, [
+              T(b.$slots, "content", {}, () => [
+                V(S(e.text), 1)
+              ]),
+              e.arrow ? (r(), o("span", {
+                key: 0,
+                "aria-hidden": "true",
+                class: m(M.value)
+              }, null, 2)) : w("", !0)
+            ], 38)) : w("", !0)
+          ]),
+          _: 3
+        })
+      ], 8, ["to"]))
+    ], 64));
+  }
+}), pd = {
   key: 0,
   class: "dk:flex dk:items-center dk:gap-4 dk:flex-shrink-0"
-}, Ue = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, He = {
+}, fd = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, gd = {
   key: 0,
   class: "dk:relative dk:group"
-}, Ke = { 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:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:rounded-lg dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-white/10 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, Ge = {
+}, md = { 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:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:rounded-lg dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-white/10 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, hd = {
   key: 1,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
-}, Je = {
+}, vd = {
   class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Qe = ["d"], Xe = { 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:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:border-t dk:border-white/40 dk:dark:border-white/10 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, Ye = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, Ze = { key: 0 }, ed = ["onClick"], dd = { class: "dk:flex dk:items-center" }, td = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, rd = {
+}, xd = ["d"], yd = { 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:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:border-t dk:border-white/40 dk:dark:border-white/10 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, wd = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, zd = { key: 0 }, Cd = ["onClick"], $d = { class: "dk:flex dk:items-center" }, Sd = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, _d = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
-}, pd = /* @__PURE__ */ D({
+}, Nd = /* @__PURE__ */ A({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
@@ -1471,17 +1738,17 @@ const ie = { key: 1 }, ce = `
     underlineColor: { default: "primary" }
   },
   setup(t) {
-    const d = t, e = G(!1), l = se({}), g = (h) => R(h.to, d.nuxt), u = (h) => {
-      const M = g(h);
-      return W(h.to, M);
-    }, m = () => {
+    const d = t, e = Q(!1), i = Me({}), f = (y) => ee(y.to, d.nuxt), c = (y) => {
+      const P = f(y);
+      return ae(y.to, P);
+    }, x = () => {
       e.value = !e.value;
-    }, f = () => {
-      e.value = !1, Object.keys(l).forEach((h) => {
-        l[h] = !1;
+    }, v = () => {
+      e.value = !1, Object.keys(i).forEach((y) => {
+        i[y] = !1;
       });
-    }, a = (h) => {
-      l[h] = !l[h];
+    }, a = (y) => {
+      i[y] = !i[y];
     }, n = {
       s: {
         height: "dk:h-12",
@@ -1501,8 +1768,8 @@ const ie = { key: 1 }, ce = `
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, k = i(() => {
-      const h = n[d.size];
+    }, k = l(() => {
+      const y = n[d.size];
       return [
         // Glassmorphism navbar styles (Windows Vista inspired)
         "dk:relative dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
@@ -1515,19 +1782,19 @@ const ie = { key: 1 }, ce = `
         "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",
         "dk:flex dk:items-center dk:w-full dk:gap-4",
-        h.height,
-        h.padding,
-        h.text
+        y.height,
+        y.padding,
+        y.text
       ].join(" ");
-    }), s = i(() => [
+    }), s = l(() => [
       "dk:flex dk:items-center dk:space-x-1 dk:flex-1",
       {
         left: "dk:justify-start",
         center: "dk:justify-center",
         right: "dk:justify-end"
       }[d.itemsAlignment]
-    ].join(" ")), z = () => {
-      const h = {
+    ].join(" ")), C = () => {
+      const y = {
         neutral: "dk:before:from-zinc-500 dk:before:to-zinc-600 dk:dark:before:from-zinc-400 dk:dark:before:to-zinc-500",
         primary: "dk:before:from-slate-600 dk:before:to-slate-700 dk:dark:before:from-slate-400 dk:dark:before:to-slate-500",
         secondary: "dk:before:from-pink-500 dk:before:to-pink-600 dk:dark:before:from-pink-400 dk:dark:before:to-pink-500",
@@ -1535,13 +1802,13 @@ const ie = { key: 1 }, ce = `
         danger: "dk:before:from-rose-500 dk:before:to-rose-600 dk:dark:before:from-rose-400 dk:dark:before:to-rose-500",
         warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
       };
-      return h[d.underlineColor] || h.primary;
-    }, B = i(() => {
-      const h = n[d.size], M = z();
-      return (p, C = !0) => {
-        const y = p.active ?? !1, S = C ? "dk:pl-3" : "dk:pl-2", I = "dk:pr-3", q = C ? "dk:pl-2" : "dk:pl-1", Q = "dk:pr-2", X = C ? "dk:pl-4" : "dk:pl-3", Y = "dk:pr-4";
-        let O = "";
-        return h.itemPadding.includes("px-2") ? O = `${q} ${Q} dk:py-1.5` : h.itemPadding.includes("px-4") ? O = `${X} ${Y} dk:py-3` : O = `${S} ${I} dk:py-2`, [
+      return y[d.underlineColor] || y.primary;
+    }, B = l(() => {
+      const y = n[d.size], P = C();
+      return (g, _ = !0) => {
+        const $ = g.active ?? !1, M = _ ? "dk:pl-3" : "dk:pl-2", D = "dk:pr-3", Y = _ ? "dk:pl-2" : "dk:pl-1", R = "dk:pr-2", X = _ ? "dk:pl-4" : "dk:pl-3", ke = "dk:pr-4";
+        let Z = "";
+        return y.itemPadding.includes("px-2") ? Z = `${Y} ${R} dk:py-1.5` : y.itemPadding.includes("px-4") ? Z = `${X} ${ke} dk:py-3` : Z = `${M} ${D} dk:py-2`, [
           // Block style with animated underline
           "dk:flex dk:items-center dk:relative dk:transition-all dk:duration-300",
           "dk:text-gray-700 dk:hover:text-gray-900 dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
@@ -1550,62 +1817,62 @@ const ie = { key: 1 }, ce = `
           // 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",
-          M,
+          P,
           "dk:before:transition-all dk:before:duration-300",
-          y ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
-          O
+          $ ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
+          Z
         ].join(" ");
       };
-    }), $ = i(() => [
+    }), j = l(() => [
       "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(" ")), v = i(() => [
+    ].join(" ")), z = l(() => [
       "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(" ")), A = i(() => [
+    ].join(" ")), N = l(() => [
       "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 (h, M) => (r(), o("nav", {
-      class: b(k.value)
+    return (y, P) => (r(), o("nav", {
+      class: m(k.value)
     }, [
-      h.$slots.brand ? (r(), o("div", Fe, [
-        _(h.$slots, "brand")
-      ])) : x("", !0),
-      c("div", Ue, [
-        c("div", {
-          class: b(s.value)
+      y.$slots.brand ? (r(), o("div", pd, [
+        T(y.$slots, "brand")
+      ])) : w("", !0),
+      p("div", fd, [
+        p("div", {
+          class: m(s.value)
         }, [
-          (r(!0), o(T, null, E(t.items, (p) => (r(), o(T, {
-            key: p.label
+          (r(!0), o(O, null, G(t.items, (g) => (r(), o(O, {
+            key: g.label
           }, [
-            p.children && p.children.length > 0 ? (r(), o("div", He, [
-              (r(), L(N(g(p)), V({ ref_for: !0 }, u(p), {
-                class: B.value(p, !0)
+            g.children && g.children.length > 0 ? (r(), o("div", gd, [
+              (r(), H(K(f(g)), I({ ref_for: !0 }, c(g), {
+                class: B.value(g, !0)
               }), {
-                default: P(() => [
-                  p.icon ? (r(), o("i", {
+                default: E(() => [
+                  g.icon ? (r(), o("i", {
                     key: 0,
-                    class: b([p.icon, "dk:mr-2"])
-                  }, null, 2)) : x("", !0),
-                  j(" " + w(p.label) + " ", 1),
-                  M[0] || (M[0] = c("svg", {
+                    class: m([g.icon, "dk:mr-2"])
+                  }, null, 2)) : w("", !0),
+                  V(" " + S(g.label) + " ", 1),
+                  P[0] || (P[0] = p("svg", {
                     class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    c("path", {
+                    p("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -1615,144 +1882,145 @@ const ie = { key: 1 }, ce = `
                 ]),
                 _: 2
               }, 1040, ["class"])),
-              c("div", Ke, [
-                (r(!0), o(T, null, E(p.children, (C) => (r(), L(N(g(C)), V({
-                  key: C.label
-                }, { ref_for: !0 }, u(C), { class: $.value }), {
-                  default: P(() => [
-                    C.icon ? (r(), o("i", {
+              p("div", md, [
+                (r(!0), o(O, null, G(g.children, (_) => (r(), H(K(f(_)), I({
+                  key: _.label
+                }, { ref_for: !0 }, c(_), { class: j.value }), {
+                  default: E(() => [
+                    _.icon ? (r(), o("i", {
                       key: 0,
-                      class: b([C.icon, "dk:mr-2"])
-                    }, null, 2)) : x("", !0),
-                    j(" " + w(C.label), 1)
+                      class: m([_.icon, "dk:mr-2"])
+                    }, null, 2)) : w("", !0),
+                    V(" " + S(_.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ])
-            ])) : (r(), L(N(g(p)), V({
+            ])) : (r(), H(K(f(g)), I({
               key: 1,
               ref_for: !0
-            }, u(p), {
-              class: B.value(p, !1)
+            }, c(g), {
+              class: B.value(g, !1)
             }), {
-              default: P(() => [
-                p.icon ? (r(), o("i", {
+              default: E(() => [
+                g.icon ? (r(), o("i", {
                   key: 0,
-                  class: b([p.icon, "dk:mr-2"])
-                }, null, 2)) : x("", !0),
-                j(" " + w(p.label), 1)
+                  class: m([g.icon, "dk:mr-2"])
+                }, null, 2)) : w("", !0),
+                V(" " + S(g.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128))
         ], 2)
       ]),
-      h.$slots.actions ? (r(), o("div", Ge, [
-        _(h.$slots, "actions")
-      ])) : x("", !0),
-      c("button", {
+      y.$slots.actions ? (r(), o("div", hd, [
+        T(y.$slots, "actions")
+      ])) : w("", !0),
+      p("button", {
         type: "button",
-        onClick: m,
+        onClick: x,
         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"
       }, [
-        (r(), o("svg", Je, [
-          c("path", {
+        (r(), o("svg", vd, [
+          p("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: e.value ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"
-          }, null, 8, Qe)
+          }, null, 8, xd)
         ]))
       ]),
-      F(c("div", Xe, [
-        c("div", Ye, [
-          (r(!0), o(T, null, E(t.items, (p) => (r(), o(T, {
-            key: p.label
+      ne(p("div", yd, [
+        p("div", wd, [
+          (r(!0), o(O, null, G(t.items, (g) => (r(), o(O, {
+            key: g.label
           }, [
-            p.children && p.children.length > 0 ? (r(), o("div", Ze, [
-              c("button", {
+            g.children && g.children.length > 0 ? (r(), o("div", zd, [
+              p("button", {
                 type: "button",
-                onClick: (C) => a(p.label),
-                class: b([v.value, "dk:justify-between"])
+                onClick: (_) => a(g.label),
+                class: m([z.value, "dk:justify-between"])
               }, [
-                c("div", dd, [
-                  p.icon ? (r(), o("i", {
+                p("div", $d, [
+                  g.icon ? (r(), o("i", {
                     key: 0,
-                    class: b([p.icon, "dk:mr-2"])
-                  }, null, 2)) : x("", !0),
-                  j(" " + w(p.label), 1)
+                    class: m([g.icon, "dk:mr-2"])
+                  }, null, 2)) : w("", !0),
+                  V(" " + S(g.label), 1)
                 ]),
                 (r(), o("svg", {
-                  class: b(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", l[p.label] ? "dk:rotate-180" : ""]),
+                  class: m(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", i[g.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, [...M[1] || (M[1] = [
-                  c("path", {
+                }, [...P[1] || (P[1] = [
+                  p("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 10, ed),
-              F(c("div", td, [
-                (r(!0), o(T, null, E(p.children, (C) => (r(), L(N(g(C)), V({
-                  key: C.label
-                }, { ref_for: !0 }, u(C), {
-                  class: A.value,
-                  onClick: f
+              ], 10, Cd),
+              ne(p("div", Sd, [
+                (r(!0), o(O, null, G(g.children, (_) => (r(), H(K(f(_)), I({
+                  key: _.label
+                }, { ref_for: !0 }, c(_), {
+                  class: N.value,
+                  onClick: v
                 }), {
-                  default: P(() => [
-                    C.icon ? (r(), o("i", {
+                  default: E(() => [
+                    _.icon ? (r(), o("i", {
                       key: 0,
-                      class: b([C.icon, "dk:mr-2"])
-                    }, null, 2)) : x("", !0),
-                    j(" " + w(C.label), 1)
+                      class: m([_.icon, "dk:mr-2"])
+                    }, null, 2)) : w("", !0),
+                    V(" " + S(_.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [U, l[p.label]]
+                [se, i[g.label]]
               ])
-            ])) : (r(), L(N(g(p)), V({
+            ])) : (r(), H(K(f(g)), I({
               key: 1,
               ref_for: !0
-            }, u(p), {
-              class: v.value,
-              onClick: f
+            }, c(g), {
+              class: z.value,
+              onClick: v
             }), {
-              default: P(() => [
-                p.icon ? (r(), o("i", {
+              default: E(() => [
+                g.icon ? (r(), o("i", {
                   key: 0,
-                  class: b([p.icon, "dk:mr-2"])
-                }, null, 2)) : x("", !0),
-                j(" " + w(p.label), 1)
+                  class: m([g.icon, "dk:mr-2"])
+                }, null, 2)) : w("", !0),
+                V(" " + S(g.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          h.$slots.actions ? (r(), o("div", rd, [
-            _(h.$slots, "actions")
-          ])) : x("", !0)
+          y.$slots.actions ? (r(), o("div", _d, [
+            T(y.$slots, "actions")
+          ])) : w("", !0)
         ])
       ], 512), [
-        [U, e.value]
+        [se, e.value]
       ])
     ], 2));
   }
 });
 export {
-  ud as DuiAction,
-  id as DuiAlert,
-  K as DuiButton,
-  bd as DuiCard,
-  ld as DuiCheckbox,
-  ad as DuiInput,
-  sd as DuiLabel,
-  gd as DuiModal,
-  pd as DuiNavbar,
-  nd as DuiSelect,
-  cd as DuiTable,
-  kd as DuiTextarea
+  Id as DuiAction,
+  Dd as DuiAlert,
+  ie as DuiButton,
+  Wd as DuiCard,
+  Pd as DuiCheckbox,
+  Bd as DuiInput,
+  Vd as DuiLabel,
+  Ed as DuiModal,
+  Nd as DuiNavbar,
+  Td as DuiSelect,
+  Ld as DuiTable,
+  Md as DuiTextarea,
+  Ad as DuiTooltip
 };