@dronico/droni-kit 1.13.0 → 1.14.0

package/dist/droni-kit.es.js

@@ -1,20 +1,20 @@
-import { getCurrentInstance as Z, defineComponent as V, computed as b, createBlock as B, openBlock as t, resolveDynamicComponent as M, mergeProps as $, withCtx as _, renderSlot as P, createElementBlock as o, createCommentVNode as m, toDisplayString as z, Fragment as S, renderList as D, ref as F, normalizeClass as v, createElementVNode as u, withDirectives as W, createTextVNode as C, vShow as q, createVNode as E, reactive as ee } from "vue";
-function de() {
+import { getCurrentInstance as Z, defineComponent as B, computed as c, openBlock as r, createBlock as D, resolveDynamicComponent as M, mergeProps as $, withCtx as P, renderSlot as j, createElementBlock as o, toDisplayString as z, createCommentVNode as x, Fragment as V, renderList as T, ref as F, normalizeClass as p, createElementVNode as i, createTextVNode as S, withDirectives as W, vShow as q, useSlots as ee, createVNode as E, reactive as de } from "vue";
+function te() {
   try {
-    const r = Z(), e = r == null ? void 0 : r.appContext.app;
+    const t = Z(), e = t == null ? void 0 : t.appContext.app;
     return e ? !!(e.config.globalProperties.$router || e.config.globalProperties.$route || e.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
   } catch {
     return !1;
   }
 }
-function L(r, e = !1) {
-  return r ? e ? "NuxtLink" : de() ? "RouterLink" : "a" : "button";
+function I(t, e = !1) {
+  return t ? e ? "NuxtLink" : te() ? "RouterLink" : "a" : "button";
 }
-function N(r, e, d = {}) {
+function R(t, e, d = {}) {
   const l = { ...d };
-  return e === "a" ? (l.href = typeof r == "string" ? r : "#", l.role = "button") : e !== "button" && e !== "span" && (l.to = r), l;
+  return e === "a" ? (l.href = typeof t == "string" ? t : "#", l.role = "button") : e !== "button" && e !== "span" && (l.to = t), l;
 }
-const re = { key: 1 }, te = `
+const re = { key: 1 }, oe = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -25,7 +25,7 @@ const re = { key: 1 }, te = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, O = /* @__PURE__ */ V({
+  dk:max-w-full`, O = /* @__PURE__ */ B({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -40,15 +40,15 @@ const re = { key: 1 }, te = `
     to: { default: void 0 },
     nuxt: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    const e = r, d = b(() => L(e.to, e.nuxt)), l = b(() => {
-      const k = {};
-      return d.value === "button" && (k.type = e.type), N(e.to, d.value, k);
-    }), c = {
+  setup(t) {
+    const e = t, d = c(() => I(e.to, e.nuxt)), l = c(() => {
+      const a = {};
+      return d.value === "button" && (a.type = e.type), R(e.to, d.value, a);
+    }), g = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, g = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -227,23 +227,23 @@ const re = { key: 1 }, te = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, p = b(() => {
-      var x;
-      const k = (((x = f[e.variant]) == null ? void 0 : x[e.color]) || "") + " " + f[e.variant].base, n = c[e.size] || "", a = e.block ? "dk:w-full" : "", s = g[e.rounded] || "";
-      return [te, k, n, a, s].join(" ");
+    }, h = c(() => {
+      var y;
+      const a = (((y = f[e.variant]) == null ? void 0 : y[e.color]) || "") + " " + f[e.variant].base, n = g[e.size] || "", k = e.block ? "dk:w-full" : "", s = u[e.rounded] || "";
+      return [oe, a, n, k, s].join(" ");
     });
-    return (k, n) => (t(), B(M(d.value), $(l.value, {
-      class: p.value,
+    return (a, n) => (r(), D(M(d.value), $(l.value, {
+      class: h.value,
       title: e.title,
       disabled: e.disabled || e.loading
     }), {
-      default: _(() => [
-        e.loading ? (t(), o("span", re, "Cargando...")) : P(k.$slots, "default", { key: 0 })
+      default: P(() => [
+        e.loading ? (r(), o("span", re, "Cargando...")) : j(a.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), oe = ["value"], ke = `
+}), ae = ["value"], ke = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -255,7 +255,7 @@ const re = { key: 1 }, te = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Je = /* @__PURE__ */ V({
+  dk:dark:[color-scheme:dark]`, Xe = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
@@ -277,13 +277,13 @@ const re = { key: 1 }, te = `
     }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: e }) {
-    const d = r, l = e;
-    function c(k) {
-      const n = k.target;
+  setup(t, { emit: e }) {
+    const d = t, l = e;
+    function g(a) {
+      const n = a.target;
       l("update:modelValue", n.value);
     }
-    const g = {
+    const u = {
       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"
@@ -294,16 +294,16 @@ const re = { key: 1 }, te = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, p = b(() => {
-      const k = g[d.size] || "", n = d.block ? "dk:w-full" : "", a = f[d.rounded] || "";
-      return [ke, k, n, a].join(" ");
+    }, h = c(() => {
+      const a = u[d.size] || "", n = d.block ? "dk:w-full" : "", k = f[d.rounded] || "";
+      return [ke, a, n, k].join(" ");
     });
-    return (k, n) => (t(), o("input", $({
-      class: p.value,
-      value: r.modelValue
-    }, k.$attrs, { onInput: c }), null, 16, oe));
+    return (a, n) => (r(), o("input", $({
+      class: h.value,
+      value: t.modelValue
+    }, a.$attrs, { onInput: g }), null, 16, ae));
   }
-}), ae = ["value"], ne = `
+}), ne = ["value"], se = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -315,7 +315,7 @@ const re = { key: 1 }, te = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Ke = /* @__PURE__ */ V({
+  dk:dark:[color-scheme:dark]`, Ye = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -345,13 +345,13 @@ const re = { key: 1 }, te = `
     }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: e }) {
-    const d = r, l = e;
-    function c(a) {
-      const s = a.target;
+  setup(t, { emit: e }) {
+    const d = t, l = e;
+    function g(k) {
+      const s = k.target;
       d.autoheight && n(s), l("update:modelValue", s.value);
     }
-    const g = {
+    const u = {
       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"
@@ -362,29 +362,29 @@ const re = { key: 1 }, te = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, p = {
+    }, h = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, k = b(() => {
-      const a = g[d.size] || "", s = d.block ? "dk:w-full" : "", x = f[d.rounded] || "", j = p[d.resize] || "";
-      return [ne, a, s, x, j].join(" ");
-    }), n = (a) => {
-      a.style.height = "auto", a.style.height = `${a.scrollHeight + 5}px`;
+    }, a = c(() => {
+      const k = u[d.size] || "", s = d.block ? "dk:w-full" : "", y = f[d.rounded] || "", _ = h[d.resize] || "";
+      return [se, k, s, y, _].join(" ");
+    }), n = (k) => {
+      k.style.height = "auto", k.style.height = `${k.scrollHeight + 5}px`;
     };
-    return (a, s) => (t(), o("textarea", $(a.$attrs, {
-      class: k.value,
-      value: r.modelValue,
-      onInput: c
-    }), null, 16, ae));
+    return (k, s) => (r(), o("textarea", $(k.$attrs, {
+      class: a.value,
+      value: t.modelValue,
+      onInput: g
+    }), null, 16, ne));
   }
-}), se = {
+}), le = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, le = ["value", "selected"], ie = `
+}, ie = ["value", "selected"], ce = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -397,7 +397,7 @@ const re = { key: 1 }, te = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, Qe = /* @__PURE__ */ V({
+`, Ze = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
@@ -435,13 +435,13 @@ const re = { key: 1 }, te = `
     }
   },
   emits: ["update:modelValue"],
-  setup(r, { emit: e }) {
-    const d = r, l = e;
-    function c(k) {
-      const a = k.target.value, s = Number(a);
-      !isNaN(s) && a !== "" ? l("update:modelValue", s) : l("update:modelValue", a);
+  setup(t, { emit: e }) {
+    const d = t, l = e;
+    function g(a) {
+      const k = a.target.value, s = Number(k);
+      !isNaN(s) && k !== "" ? l("update:modelValue", s) : l("update:modelValue", k);
     }
-    const g = {
+    const u = {
       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"
@@ -452,26 +452,26 @@ const re = { key: 1 }, te = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, p = b(() => {
-      const k = g[d.size] || "", n = d.block ? "dk:w-full" : "", a = f[d.rounded] || "";
-      return [ie, k, n, a].join(" ");
+    }, h = c(() => {
+      const a = u[d.size] || "", n = d.block ? "dk:w-full" : "", k = f[d.rounded] || "";
+      return [ce, a, n, k].join(" ");
     });
-    return (k, n) => (t(), o("select", $(k.$attrs, {
-      class: p.value,
-      onChange: c
+    return (a, n) => (r(), o("select", $(a.$attrs, {
+      class: h.value,
+      onChange: g
     }), [
-      r.placeholder ? (t(), o("option", se, z(r.placeholder), 1)) : m("", !0),
-      (t(!0), o(S, null, D(r.options, (a, s) => (t(), o("option", {
+      t.placeholder ? (r(), o("option", le, z(t.placeholder), 1)) : x("", !0),
+      (r(!0), o(V, null, T(t.options, (k, s) => (r(), o("option", {
         key: s,
-        value: a[r.itemValue] ?? "",
-        selected: a[r.itemValue] == r.modelValue
-      }, z(a[r.itemLabel] ?? ""), 9, le))), 128))
+        value: k[t.itemValue] ?? "",
+        selected: k[t.itemValue] == t.modelValue
+      }, z(k[t.itemLabel] ?? ""), 9, ie))), 128))
     ], 16));
   }
 }), ue = {
   key: 1,
   class: "dk:text-rose-500 dk:ml-1"
-}, ce = { 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" }, be = "dk:space-y-1", ge = /* @__PURE__ */ V({
+}, be = { 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" }, ge = "dk:space-y-1", pe = /* @__PURE__ */ B({
   __name: "DuiLabel",
   props: {
     title: {
@@ -499,75 +499,211 @@ const re = { key: 1 }, te = `
       default: !1
     }
   },
-  setup(r) {
-    const e = F(!1), d = r, l = {
+  setup(t) {
+    const e = F(!1), d = t, l = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
-    }, c = {
+    }, g = {
       s: "dk:mt-1",
       m: "dk:mt-1.5",
       l: "dk:mt-2"
-    }, g = {
+    }, u = {
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, f = b(() => [be].join(" ")), p = b(() => {
-      const a = l[d.size] || l.m, s = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", x = d.helpText ? "dk:cursor-help" : "";
-      return [s, a, x].join(" ");
-    }), k = b(() => [c[d.size] || c.m].join(" ")), n = b(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", g[d.size] || g.m].join(" "));
-    return (a, s) => (t(), o("label", {
-      class: v(f.value)
+    }, f = c(() => [ge].join(" ")), h = c(() => {
+      const k = l[d.size] || l.m, s = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", y = d.helpText ? "dk:cursor-help" : "";
+      return [s, k, y].join(" ");
+    }), a = c(() => [g[d.size] || g.m].join(" ")), n = c(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", u[d.size] || u.m].join(" "));
+    return (k, s) => (r(), o("label", {
+      class: p(f.value)
     }, [
-      r.title ? (t(), o("div", {
+      t.title ? (r(), o("div", {
         key: 0,
         class: "dk:relative",
-        onMouseenter: s[0] || (s[0] = (x) => e.value = !!r.helpText),
-        onMouseleave: s[1] || (s[1] = (x) => e.value = !1)
+        onMouseenter: s[0] || (s[0] = (y) => e.value = !!t.helpText),
+        onMouseleave: s[1] || (s[1] = (y) => e.value = !1)
       }, [
-        u("div", {
-          class: v(p.value)
+        i("div", {
+          class: p(h.value)
         }, [
-          r.icon ? (t(), o("i", {
+          t.icon ? (r(), o("i", {
             key: 0,
-            class: v([r.icon, "dk:mr-2"])
-          }, null, 2)) : m("", !0),
-          C(" " + z(r.title) + " ", 1),
-          r.required ? (t(), o("span", ue, "*")) : m("", !0)
+            class: p([t.icon, "dk:mr-2"])
+          }, null, 2)) : x("", !0),
+          S(" " + z(t.title) + " ", 1),
+          t.required ? (r(), o("span", ue, "*")) : x("", !0)
         ], 2),
-        W(u("div", ce, [
-          C(z(r.helpText) + " ", 1),
-          s[2] || (s[2] = u("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        W(i("div", be, [
+          S(z(t.helpText) + " ", 1),
+          s[2] || (s[2] = i("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
-          [q, e.value && r.helpText]
+          [q, e.value && t.helpText]
         ])
-      ], 32)) : m("", !0),
-      u("div", {
-        class: v(k.value)
+      ], 32)) : x("", !0),
+      i("div", {
+        class: p(a.value)
       }, [
-        P(a.$slots, "default", {}, void 0, !0)
+        j(k.$slots, "default", {}, void 0, !0)
       ], 2),
-      r.error ? (t(), o("div", {
+      t.error ? (r(), o("div", {
         key: 1,
-        class: v(n.value)
+        class: p(n.value)
       }, [
-        s[3] || (s[3] = u("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)),
-        C(" " + z(r.error), 1)
-      ], 2)) : m("", !0)
+        s[3] || (s[3] = i("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)),
+        S(" " + z(t.error), 1)
+      ], 2)) : x("", !0)
     ], 2));
   }
-}), H = (r, e) => {
-  const d = r.__vccOpts || r;
-  for (const [l, c] of e)
-    d[l] = c;
+}), H = (t, e) => {
+  const d = t.__vccOpts || t;
+  for (const [l, g] of e)
+    d[l] = g;
   return d;
-}, Xe = /* @__PURE__ */ H(ge, [["__scopeId", "data-v-aa6b6cdc"]]), pe = `
+}, ed = /* @__PURE__ */ H(pe, [["__scopeId", "data-v-aa6b6cdc"]]), he = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, fe = ["checked", "disabled"], dd = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "DuiCheckbox",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    labelPosition: {
+      type: String,
+      default: "right"
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    rounded: {
+      type: String,
+      default: "all"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const d = t, l = e, g = ee(), u = {
+      sm: {
+        track: "dk:w-9 dk:h-5",
+        thumb: "dk:w-3.5 dk:h-3.5",
+        translate: "dk:peer-checked:translate-x-[14px]"
+      },
+      md: {
+        track: "dk:w-11 dk:h-6",
+        thumb: "dk:w-4 dk:h-4",
+        translate: "dk:peer-checked:translate-x-5"
+      },
+      lg: {
+        track: "dk:w-14 dk:h-7",
+        thumb: "dk:w-5 dk:h-5",
+        translate: "dk:peer-checked:translate-x-7"
+      }
+    }, f = {
+      all: "dk:rounded-full",
+      top: "dk:rounded-t-full",
+      bottom: "dk:rounded-b-full",
+      left: "dk:rounded-l-full",
+      right: "dk:rounded-r-full",
+      none: "dk:rounded-none"
+    }, h = {
+      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 = c(() => !!(d.label || g.default)), n = c(() => {
+      const C = d.block ? "dk:w-full dk:justify-between" : "", v = d.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", C, v].join(" ");
+    }), k = c(() => [
+      "dk:text-sm dk:leading-none dk:text-zinc-700 dk:dark:text-zinc-200",
+      d.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
+    ].join(" ")), s = c(() => {
+      const C = u[d.size] || u.md, v = f[d.rounded] || f.all, L = h[d.color] || h.primary;
+      return [
+        "dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
+        "dk:bg-zinc-300 dk:dark:bg-zinc-700",
+        "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
+        "dk:peer-disabled:opacity-70",
+        C.track,
+        v,
+        L
+      ].join(" ");
+    }), y = c(() => {
+      const C = u[d.size] || u.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",
+        C.thumb,
+        C.translate
+      ].join(" ");
+    });
+    function _(C) {
+      const v = C.target;
+      l("update:modelValue", v.checked);
+    }
+    return (C, v) => (r(), o("label", {
+      class: p(n.value)
+    }, [
+      a.value && t.labelPosition === "left" ? (r(), o("span", {
+        key: 0,
+        class: p(k.value)
+      }, [
+        j(C.$slots, "default", {}, () => [
+          S(z(t.label), 1)
+        ])
+      ], 2)) : x("", !0),
+      i("span", he, [
+        i("input", $({
+          type: "checkbox",
+          class: "dk:sr-only dk:peer",
+          checked: t.modelValue,
+          disabled: t.disabled
+        }, C.$attrs, { onChange: _ }), null, 16, fe),
+        i("span", {
+          class: p(s.value)
+        }, null, 2),
+        i("span", {
+          class: p(y.value)
+        }, null, 2)
+      ]),
+      a.value && t.labelPosition === "right" ? (r(), o("span", {
+        key: 1,
+        class: p(k.value)
+      }, [
+        j(C.$slots, "default", {}, () => [
+          S(z(t.label), 1)
+        ])
+      ], 2)) : x("", !0)
+    ], 2));
+  }
+}), me = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Ye = /* @__PURE__ */ V({
+`, td = /* @__PURE__ */ B({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -583,8 +719,8 @@ const re = { key: 1 }, te = `
       default: "all"
     }
   },
-  setup(r) {
-    const e = r, d = {
+  setup(t) {
+    const e = t, d = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -619,22 +755,22 @@ const re = { key: 1 }, te = `
         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"
       }
-    }, c = b(() => {
-      var k;
-      const g = ((k = l[e.variant]) == null ? void 0 : k[e.color]) || "", f = l[e.variant].base || "", p = d[e.rounded] || "";
-      return [pe, f, g, p].join(" ");
+    }, g = c(() => {
+      var a;
+      const u = ((a = l[e.variant]) == null ? void 0 : a[e.color]) || "", f = l[e.variant].base || "", h = d[e.rounded] || "";
+      return [me, f, u, h].join(" ");
     });
-    return (g, f) => (t(), o("div", {
-      class: v(c.value),
+    return (u, f) => (r(), o("div", {
+      class: p(g.value),
       role: "alert"
     }, [
-      P(g.$slots, "default")
+      j(u.$slots, "default")
     ], 2));
   }
-}), he = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, ve = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, fe = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, me = { key: 0 }, xe = ["colspan"], ye = {
+}), ve = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, xe = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, ye = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, ze = { key: 0 }, we = ["colspan"], Ce = {
   key: 0,
   class: "dk:bg-gray-50 dk:dark:bg-gray-700 dk:border-t dk:border-gray-200 dk:dark:border-gray-600"
-}, ze = ["colspan"], we = { class: "pagination-container" }, Ce = { class: "pagination-info" }, $e = { class: "pagination-buttons" }, Se = { class: "page-numbers" }, _e = ["onClick"], je = /* @__PURE__ */ V({
+}, Se = ["colspan"], $e = { class: "pagination-container" }, _e = { class: "pagination-info" }, je = { class: "pagination-buttons" }, Ve = { class: "page-numbers" }, Pe = ["onClick"], Be = /* @__PURE__ */ B({
   __name: "DuiTable",
   props: {
     columns: {
@@ -655,102 +791,102 @@ const re = { key: 1 }, te = `
     }
   },
   emits: ["paginate"],
-  setup(r, { emit: e }) {
-    const d = r, l = e, c = b(() => d.pagination ? Math.ceil(d.pagination.total / d.pagination.perPage) : 0), g = b(() => {
+  setup(t, { emit: e }) {
+    const d = t, l = e, g = c(() => d.pagination ? Math.ceil(d.pagination.total / d.pagination.perPage) : 0), u = c(() => {
       if (!d.pagination) return [];
-      const p = [], k = 5, { page: n } = d.pagination, a = c.value;
-      let s = Math.max(1, n - Math.floor(k / 2)), x = Math.min(a, s + k - 1);
-      x - s < k - 1 && (s = Math.max(1, x - k + 1));
-      for (let j = s; j <= x; j++)
-        p.push(j);
-      return p;
-    }), f = (p) => {
-      d.pagination && p >= 1 && p <= c.value && l("paginate", p);
+      const h = [], a = 5, { page: n } = d.pagination, k = g.value;
+      let s = Math.max(1, n - Math.floor(a / 2)), y = Math.min(k, s + a - 1);
+      y - s < a - 1 && (s = Math.max(1, y - a + 1));
+      for (let _ = s; _ <= y; _++)
+        h.push(_);
+      return h;
+    }), f = (h) => {
+      d.pagination && h >= 1 && h <= g.value && l("paginate", h);
     };
-    return (p, k) => (t(), o("div", he, [
-      u("table", ve, [
-        u("thead", fe, [
-          u("tr", null, [
-            (t(!0), o(S, null, D(d.columns, (n) => (t(), o("th", {
+    return (h, a) => (r(), o("div", ve, [
+      i("table", xe, [
+        i("thead", ye, [
+          i("tr", null, [
+            (r(!0), o(V, null, T(d.columns, (n) => (r(), o("th", {
               key: n.name,
-              class: v(["dk:px-6 dk:py-3", n.classes])
+              class: p(["dk:px-6 dk:py-3", n.classes])
             }, z(n.label), 3))), 128))
           ]),
-          d.loading ? (t(), o("tr", me, [
-            u("td", {
+          d.loading ? (r(), o("tr", ze, [
+            i("td", {
               colspan: d.columns.length,
               class: "dk:p-0"
-            }, [...k[2] || (k[2] = [
-              u("div", { class: "loading-bar" }, null, -1)
-            ])], 8, xe)
-          ])) : m("", !0)
+            }, [...a[2] || (a[2] = [
+              i("div", { class: "loading-bar" }, null, -1)
+            ])], 8, we)
+          ])) : x("", !0)
         ]),
-        u("tbody", {
-          class: v({ "is-loading": d.loading })
+        i("tbody", {
+          class: p({ "is-loading": d.loading })
         }, [
-          (t(!0), o(S, null, D(d.rows, (n, a) => (t(), o("tr", {
-            key: a,
+          (r(!0), o(V, null, T(d.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"
           }, [
-            (t(!0), o(S, null, D(d.columns, (s) => (t(), o("td", {
+            (r(!0), o(V, null, T(d.columns, (s) => (r(), o("td", {
               key: s.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              P(p.$slots, s.name, $({ ref_for: !0 }, n), () => [
-                C(z(n[s.name]), 1)
+              j(h.$slots, s.name, $({ ref_for: !0 }, n), () => [
+                S(z(n[s.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ], 2),
-        d.pagination ? (t(), o("tfoot", ye, [
-          u("tr", null, [
-            u("td", {
+        d.pagination ? (r(), o("tfoot", Ce, [
+          i("tr", null, [
+            i("td", {
               colspan: d.columns.length,
               class: "dk:px-6 dk:py-4"
             }, [
-              u("div", we, [
-                u("div", Ce, " Página " + z(d.pagination.page) + " de " + z(c.value) + " | " + z(d.pagination.total) + " registros ", 1),
-                u("div", $e, [
+              i("div", $e, [
+                i("div", _e, " Página " + z(d.pagination.page) + " de " + z(g.value) + " | " + z(d.pagination.total) + " registros ", 1),
+                i("div", je, [
                   E(O, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: k[0] || (k[0] = (n) => f(d.pagination.page - 1)),
+                    onClick: a[0] || (a[0] = (n) => f(d.pagination.page - 1)),
                     disabled: d.pagination.page === 1
                   }, {
-                    default: _(() => [...k[3] || (k[3] = [
-                      C(" ← Anterior ", -1)
+                    default: P(() => [...a[3] || (a[3] = [
+                      S(" ← Anterior ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
-                  u("div", Se, [
-                    (t(!0), o(S, null, D(g.value, (n) => (t(), o("button", {
+                  i("div", Ve, [
+                    (r(!0), o(V, null, T(u.value, (n) => (r(), o("button", {
                       key: n,
-                      onClick: (a) => f(n),
-                      class: v(["page-number", { active: n === d.pagination.page }])
-                    }, z(n), 11, _e))), 128))
+                      onClick: (k) => f(n),
+                      class: p(["page-number", { active: n === d.pagination.page }])
+                    }, z(n), 11, Pe))), 128))
                   ]),
                   E(O, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: k[1] || (k[1] = (n) => f(d.pagination.page + 1)),
-                    disabled: d.pagination.page === c.value
+                    onClick: a[1] || (a[1] = (n) => f(d.pagination.page + 1)),
+                    disabled: d.pagination.page === g.value
                   }, {
-                    default: _(() => [...k[4] || (k[4] = [
-                      C(" Siguiente → ", -1)
+                    default: P(() => [...a[4] || (a[4] = [
+                      S(" Siguiente → ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"])
                 ])
               ])
-            ], 8, ze)
+            ], 8, Se)
           ])
-        ])) : m("", !0)
+        ])) : x("", !0)
       ])
     ]));
   }
-}), Ze = /* @__PURE__ */ H(je, [["__scopeId", "data-v-60002528"]]), Pe = { key: 1 }, Ve = `
+}), rd = /* @__PURE__ */ H(Be, [["__scopeId", "data-v-60002528"]]), De = { key: 1 }, Me = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -761,7 +897,7 @@ const re = { key: 1 }, te = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ed = /* @__PURE__ */ V({
+  dk:max-w-full`, od = /* @__PURE__ */ B({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -774,12 +910,12 @@ const re = { key: 1 }, te = `
     to: { default: void 0 },
     nuxt: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    const e = r, d = b(() => e.to ? L(e.to, e.nuxt) : "span"), l = b(() => N(e.to, d.value)), c = {
+  setup(t) {
+    const e = t, d = c(() => e.to ? I(e.to, e.nuxt) : "span"), l = c(() => R(e.to, d.value)), g = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, g = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -958,25 +1094,25 @@ const re = { key: 1 }, te = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, p = b(() => {
-      var x;
-      const k = (((x = f[e.variant]) == null ? void 0 : x[e.color]) || "") + " " + f[e.variant].base, n = c[e.size] || "", a = e.block ? "dk:block" : "dk:inline-block", s = g[e.rounded] || "";
-      return [Ve, k, n, a, s].join(" ");
+    }, h = c(() => {
+      var y;
+      const a = (((y = f[e.variant]) == null ? void 0 : y[e.color]) || "") + " " + f[e.variant].base, n = g[e.size] || "", k = e.block ? "dk:block" : "dk:inline-block", s = u[e.rounded] || "";
+      return [Me, a, n, k, s].join(" ");
     });
-    return (k, n) => (t(), B(M(d.value), $(l.value, {
-      class: p.value,
+    return (a, n) => (r(), D(M(d.value), $(l.value, {
+      class: h.value,
       title: e.title
     }), {
-      default: _(() => [
-        e.loading ? (t(), o("span", Pe, "Cargando...")) : P(k.$slots, "default", { key: 0 })
+      default: P(() => [
+        e.loading ? (r(), o("span", De, "Cargando...")) : j(a.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), Be = {
+}), Te = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, Me = ["src", "alt"], dd = /* @__PURE__ */ V({
+}, Ae = ["src", "alt"], ad = /* @__PURE__ */ B({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -986,11 +1122,11 @@ const re = { key: 1 }, te = `
     to: { default: void 0 },
     nuxt: { type: Boolean, default: !1 }
   },
-  setup(r) {
-    const e = r, d = () => e.to ? L(e.to, e.nuxt) : "div", l = () => e.to ? L(e.to, e.nuxt) : "h3", c = () => {
-      const y = d();
-      return N(e.to, y);
-    }, g = {
+  setup(t) {
+    const e = t, d = () => e.to ? I(e.to, e.nuxt) : "div", l = () => e.to ? I(e.to, e.nuxt) : "h3", g = () => {
+      const v = d();
+      return R(e.to, v);
+    }, u = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -1012,7 +1148,7 @@ const re = { key: 1 }, te = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, f = b(() => [
+    }, f = c(() => [
       // 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",
@@ -1028,114 +1164,114 @@ const re = { key: 1 }, te = `
       "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(" ")), p = b(() => [
+    ].join(" ")), h = c(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
-    ].join(" ")), k = b(() => {
-      const y = g[e.size];
+    ].join(" ")), a = c(() => {
+      const v = u[e.size];
       return [
-        y.padding,
-        y.spacing,
+        v.padding,
+        v.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
-    }), n = b(() => [
-      g[e.size].spacing
-    ].join(" ")), a = b(() => {
-      const A = [
-        g[e.size].titleSize,
+    }), n = c(() => [
+      u[e.size].spacing
+    ].join(" ")), k = c(() => {
+      const L = [
+        u[e.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return e.to && A.push(
+      return e.to && L.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), A.join(" ");
-    }), s = b(() => {
-      const y = [
+      ), L.join(" ");
+    }), s = c(() => {
+      const v = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return e.to && y.push("dk:no-underline"), y.join(" ");
-    }), x = b(() => [
-      g[e.size].subtitleSize,
+      return e.to && v.push("dk:no-underline"), v.join(" ");
+    }), y = c(() => [
+      u[e.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), j = b(() => [
-      g[e.size].contentSize,
+    ].join(" ")), _ = c(() => [
+      u[e.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), R = b(() => [
+    ].join(" ")), C = c(() => [
       "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 (y, A) => (t(), o("div", {
-      class: v(f.value)
+    return (v, L) => (r(), o("div", {
+      class: p(f.value)
     }, [
-      r.image ? (t(), o("div", Be, [
-        (t(), B(M(d()), $(c(), { class: s.value }), {
-          default: _(() => [
-            u("img", {
-              src: r.image,
-              alt: r.title || "Card image",
-              class: v(p.value)
-            }, null, 10, Me)
+      t.image ? (r(), o("div", Te, [
+        (r(), D(M(d()), $(g(), { class: s.value }), {
+          default: P(() => [
+            i("img", {
+              src: t.image,
+              alt: t.title || "Card image",
+              class: p(h.value)
+            }, null, 10, Ae)
           ]),
           _: 1
         }, 16, ["class"]))
-      ])) : m("", !0),
-      u("div", {
-        class: v(k.value)
+      ])) : x("", !0),
+      i("div", {
+        class: p(a.value)
       }, [
-        r.title || r.subtitle ? (t(), o("div", {
+        t.title || t.subtitle ? (r(), o("div", {
           key: 0,
-          class: v(n.value)
+          class: p(n.value)
         }, [
-          r.title ? (t(), B(M(l()), $({ key: 0 }, c(), { class: a.value }), {
-            default: _(() => [
-              C(z(r.title), 1)
+          t.title ? (r(), D(M(l()), $({ key: 0 }, g(), { class: k.value }), {
+            default: P(() => [
+              S(z(t.title), 1)
             ]),
             _: 1
-          }, 16, ["class"])) : m("", !0),
-          r.subtitle ? (t(), o("p", {
+          }, 16, ["class"])) : x("", !0),
+          t.subtitle ? (r(), o("p", {
             key: 1,
-            class: v(x.value)
-          }, z(r.subtitle), 3)) : m("", !0)
-        ], 2)) : m("", !0),
-        y.$slots.default ? (t(), o("div", {
+            class: p(y.value)
+          }, z(t.subtitle), 3)) : x("", !0)
+        ], 2)) : x("", !0),
+        v.$slots.default ? (r(), o("div", {
           key: 1,
-          class: v(j.value)
+          class: p(_.value)
         }, [
-          P(y.$slots, "default")
-        ], 2)) : m("", !0),
-        y.$slots.footer ? (t(), o("div", {
+          j(v.$slots, "default")
+        ], 2)) : x("", !0),
+        v.$slots.footer ? (r(), o("div", {
           key: 2,
-          class: v(R.value)
+          class: p(C.value)
         }, [
-          P(y.$slots, "footer")
-        ], 2)) : m("", !0)
+          j(v.$slots, "footer")
+        ], 2)) : x("", !0)
       ], 2)
     ], 2));
   }
-}), De = {
+}), Le = {
   key: 0,
   class: "dk:flex dk:items-center dk:gap-4 dk:flex-shrink-0"
-}, Te = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, Ae = {
+}, Ie = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, Ne = {
   key: 0,
   class: "dk:relative dk:group"
-}, Le = { 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" }, Ie = {
+}, Re = { 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" }, We = {
   key: 1,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
-}, Ne = {
+}, qe = {
   class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
   fill: "none",
   viewBox: "0 0 24 24"
-}, Re = ["d"], We = { 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" }, qe = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, Ee = { key: 0 }, Oe = ["onClick"], Fe = { class: "dk:flex dk:items-center" }, He = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ue = {
+}, Ee = ["d"], Oe = { 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" }, Fe = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, He = { key: 0 }, Ue = ["onClick"], Ge = { class: "dk:flex dk:items-center" }, Je = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ke = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
-}, rd = /* @__PURE__ */ V({
+}, kd = /* @__PURE__ */ B({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
@@ -1144,18 +1280,18 @@ const re = { key: 1 }, te = `
     itemsAlignment: { default: "left" },
     underlineColor: { default: "primary" }
   },
-  setup(r) {
-    const e = r, d = F(!1), l = ee({}), c = (h) => L(h.to, e.nuxt), g = (h) => {
-      const T = c(h);
-      return N(h.to, T);
+  setup(t) {
+    const e = t, d = F(!1), l = de({}), g = (m) => I(m.to, e.nuxt), u = (m) => {
+      const A = g(m);
+      return R(m.to, A);
     }, f = () => {
       d.value = !d.value;
-    }, p = () => {
-      d.value = !1, Object.keys(l).forEach((h) => {
-        l[h] = !1;
+    }, h = () => {
+      d.value = !1, Object.keys(l).forEach((m) => {
+        l[m] = !1;
       });
-    }, k = (h) => {
-      l[h] = !l[h];
+    }, a = (m) => {
+      l[m] = !l[m];
     }, n = {
       s: {
         height: "dk:h-12",
@@ -1175,8 +1311,8 @@ const re = { key: 1 }, te = `
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, a = b(() => {
-      const h = n[e.size];
+    }, k = c(() => {
+      const m = n[e.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",
@@ -1189,19 +1325,19 @@ const re = { key: 1 }, te = `
         "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
+        m.height,
+        m.padding,
+        m.text
       ].join(" ");
-    }), s = b(() => [
+    }), s = c(() => [
       "dk:flex dk:items-center dk:space-x-1 dk:flex-1",
       {
         left: "dk:justify-start",
         center: "dk:justify-center",
         right: "dk:justify-end"
       }[e.itemsAlignment]
-    ].join(" ")), x = () => {
-      const h = {
+    ].join(" ")), y = () => {
+      const m = {
         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",
@@ -1209,13 +1345,13 @@ const re = { key: 1 }, te = `
         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[e.underlineColor] || h.primary;
-    }, j = b(() => {
-      const h = n[e.size], T = x();
-      return (i, w = !0) => {
-        const U = i.active ?? !1, G = w ? "dk:pl-3" : "dk:pl-2", J = "dk:pr-3", K = w ? "dk:pl-2" : "dk:pl-1", Q = "dk:pr-2", X = w ? "dk:pl-4" : "dk:pl-3", Y = "dk:pr-4";
-        let I = "";
-        return h.itemPadding.includes("px-2") ? I = `${K} ${Q} dk:py-1.5` : h.itemPadding.includes("px-4") ? I = `${X} ${Y} dk:py-3` : I = `${G} ${J} dk:py-2`, [
+      return m[e.underlineColor] || m.primary;
+    }, _ = c(() => {
+      const m = n[e.size], A = y();
+      return (b, w = !0) => {
+        const U = b.active ?? !1, G = w ? "dk:pl-3" : "dk:pl-2", J = "dk:pr-3", K = w ? "dk:pl-2" : "dk:pl-1", Q = "dk:pr-2", X = w ? "dk:pl-4" : "dk:pl-3", Y = "dk:pr-4";
+        let N = "";
+        return m.itemPadding.includes("px-2") ? N = `${K} ${Q} dk:py-1.5` : m.itemPadding.includes("px-4") ? N = `${X} ${Y} dk:py-3` : N = `${G} ${J} 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",
@@ -1224,62 +1360,62 @@ const re = { key: 1 }, te = `
           // 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",
-          T,
+          A,
           "dk:before:transition-all dk:before:duration-300",
           U ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
-          I
+          N
         ].join(" ");
       };
-    }), R = b(() => [
+    }), C = c(() => [
       "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(" ")), y = b(() => [
+    ].join(" ")), v = c(() => [
       "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 = b(() => [
+    ].join(" ")), L = c(() => [
       "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, T) => (t(), o("nav", {
-      class: v(a.value)
+    return (m, A) => (r(), o("nav", {
+      class: p(k.value)
     }, [
-      h.$slots.brand ? (t(), o("div", De, [
-        P(h.$slots, "brand")
-      ])) : m("", !0),
-      u("div", Te, [
-        u("div", {
-          class: v(s.value)
+      m.$slots.brand ? (r(), o("div", Le, [
+        j(m.$slots, "brand")
+      ])) : x("", !0),
+      i("div", Ie, [
+        i("div", {
+          class: p(s.value)
         }, [
-          (t(!0), o(S, null, D(r.items, (i) => (t(), o(S, {
-            key: i.label
+          (r(!0), o(V, null, T(t.items, (b) => (r(), o(V, {
+            key: b.label
           }, [
-            i.children && i.children.length > 0 ? (t(), o("div", Ae, [
-              (t(), B(M(c(i)), $({ ref_for: !0 }, g(i), {
-                class: j.value(i, !0)
+            b.children && b.children.length > 0 ? (r(), o("div", Ne, [
+              (r(), D(M(g(b)), $({ ref_for: !0 }, u(b), {
+                class: _.value(b, !0)
               }), {
-                default: _(() => [
-                  i.icon ? (t(), o("i", {
+                default: P(() => [
+                  b.icon ? (r(), o("i", {
                     key: 0,
-                    class: v([i.icon, "dk:mr-2"])
-                  }, null, 2)) : m("", !0),
-                  C(" " + z(i.label) + " ", 1),
-                  T[0] || (T[0] = u("svg", {
+                    class: p([b.icon, "dk:mr-2"])
+                  }, null, 2)) : x("", !0),
+                  S(" " + z(b.label) + " ", 1),
+                  A[0] || (A[0] = i("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"
                   }, [
-                    u("path", {
+                    i("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -1289,126 +1425,126 @@ const re = { key: 1 }, te = `
                 ]),
                 _: 2
               }, 1040, ["class"])),
-              u("div", Le, [
-                (t(!0), o(S, null, D(i.children, (w) => (t(), B(M(c(w)), $({
+              i("div", Re, [
+                (r(!0), o(V, null, T(b.children, (w) => (r(), D(M(g(w)), $({
                   key: w.label
-                }, { ref_for: !0 }, g(w), { class: R.value }), {
-                  default: _(() => [
-                    w.icon ? (t(), o("i", {
+                }, { ref_for: !0 }, u(w), { class: C.value }), {
+                  default: P(() => [
+                    w.icon ? (r(), o("i", {
                       key: 0,
-                      class: v([w.icon, "dk:mr-2"])
-                    }, null, 2)) : m("", !0),
-                    C(" " + z(w.label), 1)
+                      class: p([w.icon, "dk:mr-2"])
+                    }, null, 2)) : x("", !0),
+                    S(" " + z(w.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ])
-            ])) : (t(), B(M(c(i)), $({
+            ])) : (r(), D(M(g(b)), $({
               key: 1,
               ref_for: !0
-            }, g(i), {
-              class: j.value(i, !1)
+            }, u(b), {
+              class: _.value(b, !1)
             }), {
-              default: _(() => [
-                i.icon ? (t(), o("i", {
+              default: P(() => [
+                b.icon ? (r(), o("i", {
                   key: 0,
-                  class: v([i.icon, "dk:mr-2"])
-                }, null, 2)) : m("", !0),
-                C(" " + z(i.label), 1)
+                  class: p([b.icon, "dk:mr-2"])
+                }, null, 2)) : x("", !0),
+                S(" " + z(b.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128))
         ], 2)
       ]),
-      h.$slots.actions ? (t(), o("div", Ie, [
-        P(h.$slots, "actions")
-      ])) : m("", !0),
-      u("button", {
+      m.$slots.actions ? (r(), o("div", We, [
+        j(m.$slots, "actions")
+      ])) : x("", !0),
+      i("button", {
         type: "button",
         onClick: f,
         class: "dk:md:hidden dk:ml-auto dk:flex-shrink-0 dk:p-2 dk:rounded-md dk:hover:bg-gray-100 dk:dark:hover:bg-gray-700 dk:transition-colors"
       }, [
-        (t(), o("svg", Ne, [
-          u("path", {
+        (r(), o("svg", qe, [
+          i("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: d.value ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"
-          }, null, 8, Re)
+          }, null, 8, Ee)
         ]))
       ]),
-      W(u("div", We, [
-        u("div", qe, [
-          (t(!0), o(S, null, D(r.items, (i) => (t(), o(S, {
-            key: i.label
+      W(i("div", Oe, [
+        i("div", Fe, [
+          (r(!0), o(V, null, T(t.items, (b) => (r(), o(V, {
+            key: b.label
           }, [
-            i.children && i.children.length > 0 ? (t(), o("div", Ee, [
-              u("button", {
+            b.children && b.children.length > 0 ? (r(), o("div", He, [
+              i("button", {
                 type: "button",
-                onClick: (w) => k(i.label),
-                class: v([y.value, "dk:justify-between"])
+                onClick: (w) => a(b.label),
+                class: p([v.value, "dk:justify-between"])
               }, [
-                u("div", Fe, [
-                  i.icon ? (t(), o("i", {
+                i("div", Ge, [
+                  b.icon ? (r(), o("i", {
                     key: 0,
-                    class: v([i.icon, "dk:mr-2"])
-                  }, null, 2)) : m("", !0),
-                  C(" " + z(i.label), 1)
+                    class: p([b.icon, "dk:mr-2"])
+                  }, null, 2)) : x("", !0),
+                  S(" " + z(b.label), 1)
                 ]),
-                (t(), o("svg", {
-                  class: v(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", l[i.label] ? "dk:rotate-180" : ""]),
+                (r(), o("svg", {
+                  class: p(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", l[b.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, [...T[1] || (T[1] = [
-                  u("path", {
+                }, [...A[1] || (A[1] = [
+                  i("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 10, Oe),
-              W(u("div", He, [
-                (t(!0), o(S, null, D(i.children, (w) => (t(), B(M(c(w)), $({
+              ], 10, Ue),
+              W(i("div", Je, [
+                (r(!0), o(V, null, T(b.children, (w) => (r(), D(M(g(w)), $({
                   key: w.label
-                }, { ref_for: !0 }, g(w), {
-                  class: A.value,
-                  onClick: p
+                }, { ref_for: !0 }, u(w), {
+                  class: L.value,
+                  onClick: h
                 }), {
-                  default: _(() => [
-                    w.icon ? (t(), o("i", {
+                  default: P(() => [
+                    w.icon ? (r(), o("i", {
                       key: 0,
-                      class: v([w.icon, "dk:mr-2"])
-                    }, null, 2)) : m("", !0),
-                    C(" " + z(w.label), 1)
+                      class: p([w.icon, "dk:mr-2"])
+                    }, null, 2)) : x("", !0),
+                    S(" " + z(w.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [q, l[i.label]]
+                [q, l[b.label]]
               ])
-            ])) : (t(), B(M(c(i)), $({
+            ])) : (r(), D(M(g(b)), $({
               key: 1,
               ref_for: !0
-            }, g(i), {
-              class: y.value,
-              onClick: p
+            }, u(b), {
+              class: v.value,
+              onClick: h
             }), {
-              default: _(() => [
-                i.icon ? (t(), o("i", {
+              default: P(() => [
+                b.icon ? (r(), o("i", {
                   key: 0,
-                  class: v([i.icon, "dk:mr-2"])
-                }, null, 2)) : m("", !0),
-                C(" " + z(i.label), 1)
+                  class: p([b.icon, "dk:mr-2"])
+                }, null, 2)) : x("", !0),
+                S(" " + z(b.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          h.$slots.actions ? (t(), o("div", Ue, [
-            P(h.$slots, "actions")
-          ])) : m("", !0)
+          m.$slots.actions ? (r(), o("div", Ke, [
+            j(m.$slots, "actions")
+          ])) : x("", !0)
         ])
       ], 512), [
         [q, d.value]
@@ -1417,14 +1553,15 @@ const re = { key: 1 }, te = `
   }
 });
 export {
-  ed as DuiAction,
-  Ye as DuiAlert,
+  od as DuiAction,
+  td as DuiAlert,
   O as DuiButton,
-  dd as DuiCard,
-  Je as DuiInput,
-  Xe as DuiLabel,
-  rd as DuiNavbar,
-  Qe as DuiSelect,
-  Ze as DuiTable,
-  Ke as DuiTextarea
+  ad as DuiCard,
+  dd as DuiCheckbox,
+  Xe as DuiInput,
+  ed as DuiLabel,
+  kd as DuiNavbar,
+  Ze as DuiSelect,
+  rd as DuiTable,
+  Ye as DuiTextarea
 };