@dronico/droni-kit 1.17.0 → 1.18.0

package/dist/droni-kit.es.js

@@ -1,20 +1,20 @@
-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() {
+import { getCurrentInstance as Le, defineComponent as L, computed as o, openBlock as r, createBlock as F, resolveDynamicComponent as Q, mergeProps as W, withCtx as E, renderSlot as _, createElementBlock as a, toDisplayString as j, createCommentVNode as S, Fragment as I, renderList as N, ref as U, normalizeClass as s, createElementVNode as b, createTextVNode as A, withDirectives as be, vShow as pe, useSlots as we, unref as R, createVNode as de, watch as le, onMounted as ge, onBeforeUnmount as me, Teleport as fe, Transition as he, normalizeStyle as ie, withModifiers as te, nextTick as se, withKeys as ve, reactive as ze, readonly as Ae, TransitionGroup as Ie } from "vue";
+function We() {
   try {
-    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;
+    const d = Le(), t = d == null ? void 0 : d.appContext.app;
+    return t ? !!(t.config.globalProperties.$router || t.config.globalProperties.$route || t.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
   } catch {
     return !1;
   }
 }
-function ee(t, d = !1) {
-  return t ? d ? "NuxtLink" : Te() ? "RouterLink" : "a" : "button";
+function ae(d, t = !1) {
+  return d ? t ? "NuxtLink" : We() ? "RouterLink" : "a" : "button";
 }
-function ae(t, d, e = {}) {
+function ce(d, t, e = {}) {
   const i = { ...e };
-  return d === "a" ? (i.href = typeof t == "string" ? t : "#", i.role = "button") : d !== "button" && d !== "span" && (i.to = t), i;
+  return t === "a" ? (i.href = typeof d == "string" ? d : "#", i.role = "button") : t !== "button" && t !== "span" && (i.to = d), i;
 }
-const Ve = { key: 1 }, Pe = `
+const Ee = { key: 1 }, Oe = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -25,7 +25,7 @@ const Ve = { key: 1 }, Pe = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ie = /* @__PURE__ */ A({
+  dk:max-w-full`, ye = /* @__PURE__ */ L({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -40,22 +40,22 @@ const Ve = { key: 1 }, Pe = `
     to: { default: void 0 },
     nuxt: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const d = t, e = l(() => ee(d.to, d.nuxt)), i = l(() => {
-      const a = {};
-      return e.value === "button" && (a.type = d.type), ae(d.to, e.value, a);
-    }), f = {
+  setup(d) {
+    const t = d, e = o(() => ae(t.to, t.nuxt)), i = o(() => {
+      const n = {};
+      return e.value === "button" && (n.type = t.type), ce(t.to, e.value, n);
+    }), 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"
-    }, c = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, x = {
+    }, z = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -227,23 +227,23 @@ const Ve = { key: 1 }, Pe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, v = l(() => {
+    }, y = o(() => {
       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(" ");
+      const n = (((C = z[t.variant]) == null ? void 0 : C[t.color]) || "") + " " + z[t.variant].base, c = g[t.size] || "", m = t.block ? "dk:w-full" : "", h = u[t.rounded] || "";
+      return [Oe, n, c, m, h].join(" ");
     });
-    return (a, n) => (r(), H(K(e.value), I(i.value, {
-      class: v.value,
-      title: d.title,
-      disabled: d.disabled || d.loading
+    return (n, c) => (r(), F(Q(e.value), W(i.value, {
+      class: y.value,
+      title: t.title,
+      disabled: t.disabled || t.loading
     }), {
       default: E(() => [
-        d.loading ? (r(), o("span", Ve, "Cargando...")) : T(a.$slots, "default", { key: 0 })
+        t.loading ? (r(), a("span", Ee, "Cargando...")) : _(n.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), De = ["value"], Le = `
+}), Ne = ["value"], Fe = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -255,7 +255,7 @@ const Ve = { key: 1 }, Pe = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Bd = /* @__PURE__ */ A({
+  dk:dark:[color-scheme:dark]`, yt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
@@ -277,33 +277,33 @@ const Ve = { key: 1 }, Pe = `
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: d }) {
-    const e = t, i = d;
-    function f(a) {
-      const n = a.target;
-      i("update:modelValue", n.value);
+  setup(d, { emit: t }) {
+    const e = d, i = t;
+    function g(n) {
+      const c = n.target;
+      i("update:modelValue", c.value);
     }
-    const c = {
+    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"
-    }, x = {
+    }, z = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = l(() => {
-      const a = c[e.size] || "", n = e.block ? "dk:w-full" : "", k = x[e.rounded] || "";
-      return [Le, a, n, k].join(" ");
+    }, y = o(() => {
+      const n = u[e.size] || "", c = e.block ? "dk:w-full" : "", m = z[e.rounded] || "";
+      return [Fe, n, c, m].join(" ");
     });
-    return (a, n) => (r(), o("input", I({
-      class: v.value,
-      value: t.modelValue
-    }, a.$attrs, { onInput: f }), null, 16, De));
+    return (n, c) => (r(), a("input", W({
+      class: y.value,
+      value: d.modelValue
+    }, n.$attrs, { onInput: g }), null, 16, Ne));
   }
-}), Ie = ["value"], We = `
+}), Ke = ["value"], qe = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -315,7 +315,7 @@ const Ve = { key: 1 }, Pe = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Md = /* @__PURE__ */ A({
+  dk:dark:[color-scheme:dark]`, wt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -345,46 +345,46 @@ const Ve = { key: 1 }, Pe = `
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: d }) {
-    const e = t, i = d;
-    function f(k) {
-      const s = k.target;
-      e.autoheight && n(s), i("update:modelValue", s.value);
+  setup(d, { emit: t }) {
+    const e = d, i = t;
+    function g(m) {
+      const h = m.target;
+      e.autoheight && c(h), i("update:modelValue", h.value);
     }
-    const c = {
+    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"
-    }, x = {
+    }, z = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = {
+    }, y = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, 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`;
+    }, n = o(() => {
+      const m = u[e.size] || "", h = e.block ? "dk:w-full" : "", C = z[e.rounded] || "", D = y[e.resize] || "";
+      return [qe, m, h, C, D].join(" ");
+    }), c = (m) => {
+      m.style.height = "auto", m.style.height = `${m.scrollHeight + 5}px`;
     };
-    return (k, s) => (r(), o("textarea", I(k.$attrs, {
-      class: a.value,
-      value: t.modelValue,
-      onInput: f
-    }), null, 16, Ie));
+    return (m, h) => (r(), a("textarea", W(m.$attrs, {
+      class: n.value,
+      value: d.modelValue,
+      onInput: g
+    }), null, 16, Ke));
   }
-}), Ee = {
+}), He = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, Ae = ["value", "selected"], Ne = `
+}, Ue = ["value", "selected"], Qe = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -397,7 +397,7 @@ const Ve = { key: 1 }, Pe = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, Td = /* @__PURE__ */ A({
+`, zt = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
@@ -435,43 +435,43 @@ const Ve = { key: 1 }, Pe = `
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: d }) {
-    const e = t, i = d;
-    function f(a) {
-      const k = a.target.value, s = Number(k);
-      !isNaN(s) && k !== "" ? i("update:modelValue", s) : i("update:modelValue", k);
+  setup(d, { emit: t }) {
+    const e = d, i = t;
+    function g(n) {
+      const m = n.target.value, h = Number(m);
+      !isNaN(h) && m !== "" ? i("update:modelValue", h) : i("update:modelValue", m);
     }
-    const c = {
+    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"
-    }, x = {
+    }, z = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, v = l(() => {
-      const a = c[e.size] || "", n = e.block ? "dk:w-full" : "", k = x[e.rounded] || "";
-      return [Ne, a, n, k].join(" ");
+    }, y = o(() => {
+      const n = u[e.size] || "", c = e.block ? "dk:w-full" : "", m = z[e.rounded] || "";
+      return [Qe, n, c, m].join(" ");
     });
-    return (a, n) => (r(), o("select", I(a.$attrs, {
-      class: v.value,
-      onChange: f
+    return (n, c) => (r(), a("select", W(n.$attrs, {
+      class: y.value,
+      onChange: g
     }), [
-      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
-      }, S(k[t.itemLabel] ?? ""), 9, Ae))), 128))
+      d.placeholder ? (r(), a("option", He, j(d.placeholder), 1)) : S("", !0),
+      (r(!0), a(I, null, N(d.options, (m, h) => (r(), a("option", {
+        key: h,
+        value: m[d.itemValue] ?? "",
+        selected: m[d.itemValue] == d.modelValue
+      }, j(m[d.itemLabel] ?? ""), 9, Ue))), 128))
     ], 16));
   }
-}), Oe = {
+}), Ge = {
   key: 1,
   class: "dk:text-rose-500 dk:ml-1"
-}, 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({
+}, Je = { 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" }, Xe = "dk:space-y-1", Ye = /* @__PURE__ */ L({
   __name: "DuiLabel",
   props: {
     title: {
@@ -499,69 +499,69 @@ const Ve = { key: 1 }, Pe = `
       default: !1
     }
   },
-  setup(t) {
-    const d = Q(!1), e = t, i = {
+  setup(d) {
+    const t = U(!1), e = d, i = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
-    }, f = {
+    }, g = {
       s: "dk:mt-1",
       m: "dk:mt-1.5",
       l: "dk:mt-2"
-    }, c = {
+    }, u = {
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, 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: m(x.value)
+    }, z = o(() => [Xe].join(" ")), y = o(() => {
+      const m = i[e.size] || i.m, h = "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 [h, m, C].join(" ");
+    }), n = o(() => [g[e.size] || g.m].join(" ")), c = o(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", u[e.size] || u.m].join(" "));
+    return (m, h) => (r(), a("label", {
+      class: s(z.value)
     }, [
-      t.title ? (r(), o("div", {
+      d.title ? (r(), a("div", {
         key: 0,
         class: "dk:relative",
-        onMouseenter: s[0] || (s[0] = (C) => d.value = !!t.helpText),
-        onMouseleave: s[1] || (s[1] = (C) => d.value = !1)
+        onMouseenter: h[0] || (h[0] = (C) => t.value = !!d.helpText),
+        onMouseleave: h[1] || (h[1] = (C) => t.value = !1)
       }, [
-        p("div", {
-          class: m(v.value)
+        b("div", {
+          class: s(y.value)
         }, [
-          t.icon ? (r(), o("i", {
+          d.icon ? (r(), a("i", {
             key: 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)
+            class: s([d.icon, "dk:mr-2"])
+          }, null, 2)) : S("", !0),
+          A(" " + j(d.title) + " ", 1),
+          d.required ? (r(), a("span", Ge, "*")) : S("", !0)
         ], 2),
-        ne(p("div", Fe, [
-          V(S(t.helpText) + " ", 1),
-          s[2] || (s[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        be(b("div", Je, [
+          A(j(d.helpText) + " ", 1),
+          h[2] || (h[2] = b("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
-          [se, d.value && t.helpText]
+          [pe, t.value && d.helpText]
         ])
-      ], 32)) : w("", !0),
-      p("div", {
-        class: m(a.value)
+      ], 32)) : S("", !0),
+      b("div", {
+        class: s(n.value)
       }, [
-        T(k.$slots, "default", {}, void 0, !0)
+        _(m.$slots, "default", {}, void 0, !0)
       ], 2),
-      t.error ? (r(), o("div", {
+      d.error ? (r(), a("div", {
         key: 1,
-        class: m(n.value)
+        class: s(c.value)
       }, [
-        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)
+        h[3] || (h[3] = b("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)),
+        A(" " + j(d.error), 1)
+      ], 2)) : S("", !0)
     ], 2));
   }
-}), ge = (t, d) => {
-  const e = t.__vccOpts || t;
-  for (const [i, f] of d)
-    e[i] = f;
+}), ke = (d, t) => {
+  const e = d.__vccOpts || d;
+  for (const [i, g] of t)
+    e[i] = g;
   return e;
-}, 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({
+}, Ct = /* @__PURE__ */ ke(Ye, [["__scopeId", "data-v-aa6b6cdc"]]), Ze = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, Re = ["checked", "disabled"], $t = /* @__PURE__ */ L({
   inheritAttrs: !1,
   __name: "DuiCheckbox",
   props: {
@@ -599,8 +599,8 @@ const Ve = { key: 1 }, Pe = `
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: d }) {
-    const e = t, i = d, f = je(), c = {
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = we(), u = {
       sm: {
         track: "dk:w-9 dk:h-5",
         thumb: "dk:w-3.5 dk:h-3.5",
@@ -616,94 +616,410 @@ const Ve = { key: 1 }, Pe = `
         thumb: "dk:w-5 dk:h-5",
         translate: "dk:peer-checked:translate-x-7"
       }
-    }, x = {
+    }, z = {
       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"
-    }, v = {
+    }, y = {
       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 = 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(() => [
+    }, n = o(() => !!(e.label || g.default)), c = o(() => {
+      const x = e.block ? "dk:w-full dk:justify-between" : "", l = 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", x, l].join(" ");
+    }), m = o(() => [
       "dk:text-sm dk:leading-none dk:text-zinc-700 dk:dark:text-zinc-200",
       e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
-    ].join(" ")), s = l(() => {
-      const j = c[e.size] || c.md, z = x[e.rounded] || x.all, N = v[e.color] || v.primary;
+    ].join(" ")), h = o(() => {
+      const x = u[e.size] || u.md, l = z[e.rounded] || z.all, k = y[e.color] || y.primary;
       return [
         "dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
         "dk:bg-zinc-300 dk:dark:bg-zinc-700",
         "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
         "dk:peer-disabled:opacity-70",
-        j.track,
-        z,
-        N
+        x.track,
+        l,
+        k
       ].join(" ");
-    }), C = l(() => {
-      const j = c[e.size] || c.md;
+    }), C = o(() => {
+      const x = u[e.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",
-        j.thumb,
-        j.translate
+        x.thumb,
+        x.translate
       ].join(" ");
     });
-    function B(j) {
-      const z = j.target;
-      i("update:modelValue", z.checked);
+    function D(x) {
+      const l = x.target;
+      i("update:modelValue", l.checked);
     }
-    return (j, z) => (r(), o("label", {
-      class: m(n.value)
+    return (x, l) => (r(), a("label", {
+      class: s(c.value)
     }, [
-      a.value && t.labelPosition === "left" ? (r(), o("span", {
+      n.value && d.labelPosition === "left" ? (r(), a("span", {
         key: 0,
-        class: m(k.value)
+        class: s(m.value)
       }, [
-        T(j.$slots, "default", {}, () => [
-          V(S(t.label), 1)
+        _(x.$slots, "default", {}, () => [
+          A(j(d.label), 1)
         ])
-      ], 2)) : w("", !0),
-      p("span", Ue, [
-        p("input", I({
+      ], 2)) : S("", !0),
+      b("span", Ze, [
+        b("input", W({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
-          checked: t.modelValue,
-          disabled: t.disabled
-        }, j.$attrs, { onChange: B }), null, 16, Ke),
-        p("span", {
-          class: m(s.value)
+          checked: d.modelValue,
+          disabled: d.disabled
+        }, x.$attrs, { onChange: D }), null, 16, Re),
+        b("span", {
+          class: s(h.value)
         }, null, 2),
-        p("span", {
-          class: m(C.value)
+        b("span", {
+          class: s(C.value)
         }, null, 2)
       ]),
-      a.value && t.labelPosition === "right" ? (r(), o("span", {
+      n.value && d.labelPosition === "right" ? (r(), a("span", {
         key: 1,
-        class: m(k.value)
+        class: s(m.value)
       }, [
-        T(j.$slots, "default", {}, () => [
-          V(S(t.label), 1)
+        _(x.$slots, "default", {}, () => [
+          A(j(d.label), 1)
         ])
-      ], 2)) : w("", !0)
+      ], 2)) : S("", !0)
+    ], 2));
+  }
+}), ed = ["aria-labelledby"], dd = ["id"], td = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, rd = ["name", "value", "checked", "disabled", "onChange"], St = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "DuiRadio",
+  props: {
+    modelValue: { default: void 0 },
+    options: {},
+    name: { default: () => `radio-${Math.random().toString(36).slice(2, 8)}` },
+    groupLabel: { default: void 0 },
+    color: { default: "primary" },
+    size: { default: "md" },
+    orientation: { default: "vertical" },
+    block: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = Math.random().toString(36).slice(2, 8);
+    function u(w) {
+      i("update:modelValue", w), i("change", w);
+    }
+    const z = {
+      sm: { radio: "dk:w-3.5 dk:h-3.5", dot: "dk:w-1.5 dk:h-1.5", label: "dk:text-xs", description: "dk:text-xs" },
+      md: { radio: "dk:w-4 dk:h-4", dot: "dk:w-2 dk:h-2", label: "dk:text-sm", description: "dk:text-xs" },
+      lg: { radio: "dk:w-5 dk:h-5", dot: "dk:w-2.5 dk:h-2.5", label: "dk:text-base", description: "dk:text-sm" }
+    }, y = {
+      neutral: "dk:peer-checked:border-zinc-600 dk:dark:peer-checked:border-zinc-400",
+      primary: "dk:peer-checked:border-slate-600 dk:dark:peer-checked:border-slate-400",
+      secondary: "dk:peer-checked:border-pink-600 dk:dark:peer-checked:border-pink-400",
+      success: "dk:peer-checked:border-emerald-600 dk:dark:peer-checked:border-emerald-400",
+      warning: "dk:peer-checked:border-amber-500 dk:dark:peer-checked:border-amber-400",
+      danger: "dk:peer-checked:border-rose-600 dk:dark:peer-checked:border-rose-400"
+    }, n = {
+      neutral: "dk:peer-checked:bg-zinc-600 dk:dark:peer-checked:bg-zinc-400",
+      primary: "dk:peer-checked:bg-slate-600 dk:dark:peer-checked:bg-slate-400",
+      secondary: "dk:peer-checked:bg-pink-600 dk:dark:peer-checked:bg-pink-400",
+      success: "dk:peer-checked:bg-emerald-600 dk:dark:peer-checked:bg-emerald-400",
+      warning: "dk:peer-checked:bg-amber-500 dk:dark:peer-checked:bg-amber-400",
+      danger: "dk:peer-checked:bg-rose-600 dk:dark:peer-checked:bg-rose-400"
+    }, c = {
+      neutral: "dk:peer-focus-visible:ring-zinc-400",
+      primary: "dk:peer-focus-visible:ring-slate-400",
+      secondary: "dk:peer-focus-visible:ring-pink-400",
+      success: "dk:peer-focus-visible:ring-emerald-400",
+      warning: "dk:peer-focus-visible:ring-amber-400",
+      danger: "dk:peer-focus-visible:ring-rose-400"
+    }, m = o(() => [e.orientation === "horizontal" ? "dk:flex dk:flex-row dk:flex-wrap dk:gap-x-5 dk:gap-y-3" : "dk:flex dk:flex-col dk:gap-3"].join(" ")), h = o(() => "dk:block dk:text-xs dk:font-semibold dk:uppercase dk:tracking-wide dk:text-zinc-500 dk:dark:text-zinc-400 dk:mb-1");
+    function C(w, f) {
+      const $ = f || e.disabled ? "dk:opacity-50 dk:cursor-not-allowed" : "dk:cursor-pointer", M = e.block ? "dk:w-full dk:justify-between" : "";
+      return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", $, M].join(" ");
+    }
+    function D(w) {
+      const f = z[e.size], v = y[e.color], $ = c[e.color];
+      return [
+        "dk:rounded-full dk:border-2 dk:transition-colors dk:duration-150",
+        "dk:border-zinc-300 dk:dark:border-zinc-600",
+        "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2",
+        "dk:bg-white dk:dark:bg-zinc-900",
+        f.radio,
+        v,
+        $
+      ].join(" ");
+    }
+    const x = o(() => {
+      const w = z[e.size], f = n[e.color];
+      return [
+        "dk:absolute dk:inset-0 dk:m-auto dk:rounded-full dk:scale-0 dk:peer-checked:scale-100 dk:transition-transform dk:duration-150 dk:pointer-events-none",
+        w.dot,
+        f
+      ].join(" ");
+    }), l = o(() => "dk:flex dk:flex-col"), k = o(() => [z[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), p = o(() => [z[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
+    return (w, f) => (r(), a("div", {
+      class: s(m.value),
+      role: "radiogroup",
+      "aria-labelledby": d.groupLabel ? `rg-label-${R(g)}` : void 0
+    }, [
+      d.groupLabel ? (r(), a("span", {
+        key: 0,
+        id: `rg-label-${R(g)}`,
+        class: s(h.value)
+      }, j(d.groupLabel), 11, dd)) : S("", !0),
+      (r(!0), a(I, null, N(d.options, (v) => (r(), a("label", {
+        key: v.value,
+        class: s(C(v.value, v.disabled))
+      }, [
+        b("span", td, [
+          b("input", W({
+            type: "radio",
+            class: "dk:sr-only dk:peer",
+            name: d.name,
+            value: v.value,
+            checked: d.modelValue === v.value,
+            disabled: v.disabled || d.disabled
+          }, { ref_for: !0 }, w.$attrs, {
+            onChange: ($) => u(v.value)
+          }), null, 16, rd),
+          b("span", {
+            class: s(D(v.value))
+          }, null, 2),
+          b("span", {
+            class: s(x.value)
+          }, null, 2)
+        ]),
+        b("span", {
+          class: s(l.value)
+        }, [
+          b("span", {
+            class: s(k.value)
+          }, j(v.label), 3),
+          v.description ? (r(), a("span", {
+            key: 0,
+            class: s(p.value)
+          }, j(v.description), 3)) : S("", !0)
+        ], 2)
+      ], 2))), 128))
+    ], 10, ed));
+  }
+}), ad = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, od = ["aria-checked", "checked", "disabled"], kd = {
+  key: 0,
+  viewBox: "0 0 12 12",
+  fill: "currentColor",
+  class: "dk:w-2.5 dk:h-2.5"
+}, nd = {
+  key: 1,
+  viewBox: "0 0 12 12",
+  fill: "none",
+  class: "dk:w-2.5 dk:h-2.5"
+}, jt = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "DuiSwitch",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    labelPosition: {
+      type: String,
+      default: "right"
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    block: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    showIcons: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = we(), u = {
+      sm: {
+        track: "dk:w-8 dk:h-4",
+        thumb: "dk:w-3 dk:h-3",
+        translate: "dk:peer-checked:translate-x-[16px]",
+        offset: "dk:top-0.5 dk:left-0.5"
+      },
+      md: {
+        track: "dk:w-10 dk:h-5",
+        thumb: "dk:w-4 dk:h-4",
+        translate: "dk:peer-checked:translate-x-5",
+        offset: "dk:top-0.5 dk:left-0.5"
+      },
+      lg: {
+        track: "dk:w-12 dk:h-6",
+        thumb: "dk:w-5 dk:h-5",
+        translate: "dk:peer-checked:translate-x-6",
+        offset: "dk:top-0.5 dk:left-0.5"
+      }
+    }, z = {
+      neutral: "dk:peer-checked:bg-zinc-600 dk:dark:peer-checked:bg-zinc-500",
+      primary: "dk:peer-checked:bg-slate-600 dk:dark:peer-checked:bg-slate-500",
+      secondary: "dk:peer-checked:bg-pink-600 dk:dark:peer-checked:bg-pink-500",
+      success: "dk:peer-checked:bg-emerald-600 dk:dark:peer-checked:bg-emerald-500",
+      warning: "dk:peer-checked:bg-amber-500 dk:dark:peer-checked:bg-amber-400",
+      danger: "dk:peer-checked:bg-rose-600 dk:dark:peer-checked:bg-rose-500"
+    }, y = o(() => !!(e.label || g.default)), n = o(() => {
+      const k = e.block ? "dk:w-full dk:justify-between" : "", p = e.block ? "dk:flex" : "dk:inline-flex", w = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return [p, "dk:items-center dk:gap-3 dk:select-none", k, w].join(" ");
+    }), c = o(() => [
+      "dk:flex dk:flex-col",
+      "dk:text-sm dk:leading-snug dk:text-zinc-700 dk:dark:text-zinc-200",
+      e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
+    ].join(" ")), m = o(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), h = o(() => {
+      const k = u[e.size], p = z[e.color];
+      return [
+        "dk:relative dk:inline-flex dk:items-center dk:transition-colors dk:duration-200 dk:rounded-full",
+        "dk:bg-zinc-300 dk:dark:bg-zinc-600",
+        "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
+        "dk:peer-disabled:opacity-70",
+        k.track,
+        p
+      ].join(" ");
+    }), C = o(() => {
+      const k = u[e.size];
+      return [
+        "dk:absolute",
+        k.offset,
+        "dk:bg-white dk:dark:bg-zinc-100",
+        "dk:rounded-full dk:shadow-sm dk:transition-all dk:duration-200",
+        "dk:pointer-events-none dk:flex dk:items-center dk:justify-center",
+        k.thumb,
+        k.translate
+      ].join(" ");
+    }), D = {
+      neutral: "dk:text-zinc-600 dk:dark:text-zinc-400",
+      primary: "dk:text-slate-600 dk:dark:text-slate-400",
+      secondary: "dk:text-pink-600 dk:dark:text-pink-400",
+      success: "dk:text-emerald-600 dk:dark:text-emerald-400",
+      warning: "dk:text-amber-600 dk:dark:text-amber-400",
+      danger: "dk:text-rose-600 dk:dark:text-rose-400"
+    }, x = o(() => e.modelValue ? D[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
+    function l(k) {
+      const p = k.target;
+      i("update:modelValue", p.checked), i("change", p.checked);
+    }
+    return (k, p) => (r(), a("label", {
+      class: s(n.value)
+    }, [
+      y.value && d.labelPosition === "left" ? (r(), a("span", {
+        key: 0,
+        class: s(c.value)
+      }, [
+        _(k.$slots, "default", {}, () => [
+          A(j(d.label), 1)
+        ]),
+        d.description ? (r(), a("span", {
+          key: 0,
+          class: s(m.value)
+        }, j(d.description), 3)) : S("", !0)
+      ], 2)) : S("", !0),
+      b("span", ad, [
+        b("input", W({
+          type: "checkbox",
+          class: "dk:sr-only dk:peer",
+          role: "switch",
+          "aria-checked": d.modelValue,
+          checked: d.modelValue,
+          disabled: d.disabled
+        }, k.$attrs, { onChange: l }), null, 16, od),
+        b("span", {
+          class: s(h.value)
+        }, null, 2),
+        b("span", {
+          class: s(C.value)
+        }, [
+          d.showIcons ? (r(), a("span", {
+            key: 0,
+            "aria-hidden": "true",
+            class: s(x.value)
+          }, [
+            d.modelValue ? (r(), a("svg", kd, [...p[0] || (p[0] = [
+              b("path", {
+                d: "M3.5 6.5l2 2 3-3",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                fill: "none"
+              }, null, -1)
+            ])])) : (r(), a("svg", nd, [...p[1] || (p[1] = [
+              b("line", {
+                x1: "3",
+                y1: "3",
+                x2: "9",
+                y2: "9",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round"
+              }, null, -1),
+              b("line", {
+                x1: "9",
+                y1: "3",
+                x2: "3",
+                y2: "9",
+                stroke: "currentColor",
+                "stroke-width": "1.5",
+                "stroke-linecap": "round"
+              }, null, -1)
+            ])]))
+          ], 2)) : S("", !0)
+        ], 2)
+      ]),
+      y.value && d.labelPosition === "right" ? (r(), a("span", {
+        key: 1,
+        class: s(c.value)
+      }, [
+        _(k.$slots, "default", {}, () => [
+          A(j(d.label), 1)
+        ]),
+        d.description ? (r(), a("span", {
+          key: 0,
+          class: s(m.value)
+        }, j(d.description), 3)) : S("", !0)
+      ], 2)) : S("", !0)
     ], 2));
   }
-}), Ge = `
+}), sd = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Dd = /* @__PURE__ */ A({
+`, Vt = /* @__PURE__ */ L({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -719,8 +1035,8 @@ const Ve = { key: 1 }, Pe = `
       default: "all"
     }
   },
-  setup(t) {
-    const d = t, e = {
+  setup(d) {
+    const t = d, e = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -755,22 +1071,22 @@ const Ve = { key: 1 }, Pe = `
         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"
       }
-    }, f = l(() => {
-      var a;
-      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(" ");
+    }, g = o(() => {
+      var n;
+      const u = ((n = i[t.variant]) == null ? void 0 : n[t.color]) || "", z = i[t.variant].base || "", y = e[t.rounded] || "";
+      return [sd, z, u, y].join(" ");
     });
-    return (c, x) => (r(), o("div", {
-      class: m(f.value),
+    return (u, z) => (r(), a("div", {
+      class: s(g.value),
       role: "alert"
     }, [
-      T(c.$slots, "default")
+      _(u.$slots, "default")
     ], 2));
   }
-}), 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 = {
+}), ld = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, id = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, cd = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, ud = { key: 0 }, bd = ["colspan"], pd = {
   key: 0,
   class: "dk:bg-gray-50 dk:dark:bg-gray-700 dk:border-t dk:border-gray-200 dk:dark:border-gray-600"
-}, ed = ["colspan"], dd = { class: "pagination-container" }, td = { class: "pagination-info" }, rd = { class: "pagination-buttons" }, od = { class: "page-numbers" }, ad = ["onClick"], kd = /* @__PURE__ */ A({
+}, gd = ["colspan"], md = { class: "pagination-container" }, fd = { class: "pagination-info" }, hd = { class: "pagination-buttons" }, xd = { class: "page-numbers" }, vd = ["onClick"], yd = /* @__PURE__ */ L({
   __name: "DuiTable",
   props: {
     columns: {
@@ -791,102 +1107,102 @@ const Ve = { key: 1 }, Pe = `
     }
   },
   emits: ["paginate"],
-  setup(t, { emit: d }) {
-    const e = t, i = d, f = l(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), c = l(() => {
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), u = o(() => {
       if (!e.pagination) return [];
-      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);
+      const y = [], n = 5, { page: c } = e.pagination, m = g.value;
+      let h = Math.max(1, c - Math.floor(n / 2)), C = Math.min(m, h + n - 1);
+      C - h < n - 1 && (h = Math.max(1, C - n + 1));
+      for (let D = h; D <= C; D++)
+        y.push(D);
+      return y;
+    }), z = (y) => {
+      e.pagination && y >= 1 && y <= g.value && i("paginate", y);
     };
-    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: m(["dk:px-6 dk:py-3", n.classes])
-            }, S(n.label), 3))), 128))
+    return (y, n) => (r(), a("div", ld, [
+      b("table", id, [
+        b("thead", cd, [
+          b("tr", null, [
+            (r(!0), a(I, null, N(e.columns, (c) => (r(), a("th", {
+              key: c.name,
+              class: s(["dk:px-6 dk:py-3", c.classes])
+            }, j(c.label), 3))), 128))
           ]),
-          e.loading ? (r(), o("tr", Ye, [
-            p("td", {
+          e.loading ? (r(), a("tr", ud, [
+            b("td", {
               colspan: e.columns.length,
               class: "dk:p-0"
-            }, [...a[2] || (a[2] = [
-              p("div", { class: "loading-bar" }, null, -1)
-            ])], 8, Ze)
-          ])) : w("", !0)
+            }, [...n[2] || (n[2] = [
+              b("div", { class: "loading-bar" }, null, -1)
+            ])], 8, bd)
+          ])) : S("", !0)
         ]),
-        p("tbody", {
-          class: m({ "is-loading": e.loading })
+        b("tbody", {
+          class: s({ "is-loading": e.loading })
         }, [
-          (r(!0), o(O, null, G(e.rows, (n, k) => (r(), o("tr", {
-            key: k,
+          (r(!0), a(I, null, N(e.rows, (c, m) => (r(), a("tr", {
+            key: m,
             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(O, null, G(e.columns, (s) => (r(), o("td", {
-              key: s.name,
+            (r(!0), a(I, null, N(e.columns, (h) => (r(), a("td", {
+              key: h.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              T(v.$slots, s.name, I({ ref_for: !0 }, n), () => [
-                V(S(n[s.name]), 1)
+              _(y.$slots, h.name, W({ ref_for: !0 }, c), () => [
+                A(j(c[h.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ], 2),
-        e.pagination ? (r(), o("tfoot", Re, [
-          p("tr", null, [
-            p("td", {
+        e.pagination ? (r(), a("tfoot", pd, [
+          b("tr", null, [
+            b("td", {
               colspan: e.columns.length,
               class: "dk:px-6 dk:py-4"
             }, [
-              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, {
+              b("div", md, [
+                b("div", fd, " Página " + j(e.pagination.page) + " de " + j(g.value) + " | " + j(e.pagination.total) + " registros ", 1),
+                b("div", hd, [
+                  de(ye, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: a[0] || (a[0] = (n) => x(e.pagination.page - 1)),
+                    onClick: n[0] || (n[0] = (c) => z(e.pagination.page - 1)),
                     disabled: e.pagination.page === 1
                   }, {
-                    default: E(() => [...a[3] || (a[3] = [
-                      V(" ← Anterior ", -1)
+                    default: E(() => [...n[3] || (n[3] = [
+                      A(" ← Anterior ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
-                  p("div", od, [
-                    (r(!0), o(O, null, G(c.value, (n) => (r(), o("button", {
-                      key: n,
-                      onClick: (k) => x(n),
-                      class: m(["page-number", { active: n === e.pagination.page }])
-                    }, S(n), 11, ad))), 128))
+                  b("div", xd, [
+                    (r(!0), a(I, null, N(u.value, (c) => (r(), a("button", {
+                      key: c,
+                      onClick: (m) => z(c),
+                      class: s(["page-number", { active: c === e.pagination.page }])
+                    }, j(c), 11, vd))), 128))
                   ]),
-                  oe(ie, {
+                  de(ye, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: a[1] || (a[1] = (n) => x(e.pagination.page + 1)),
-                    disabled: e.pagination.page === f.value
+                    onClick: n[1] || (n[1] = (c) => z(e.pagination.page + 1)),
+                    disabled: e.pagination.page === g.value
                   }, {
-                    default: E(() => [...a[4] || (a[4] = [
-                      V(" Siguiente → ", -1)
+                    default: E(() => [...n[4] || (n[4] = [
+                      A(" Siguiente → ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"])
                 ])
               ])
-            ], 8, ed)
+            ], 8, gd)
           ])
-        ])) : w("", !0)
+        ])) : S("", !0)
       ])
     ]));
   }
-}), Ld = /* @__PURE__ */ ge(kd, [["__scopeId", "data-v-60002528"]]), nd = { key: 1 }, sd = `
+}), Bt = /* @__PURE__ */ ke(yd, [["__scopeId", "data-v-60002528"]]), wd = { key: 1 }, zd = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -897,7 +1213,7 @@ const Ve = { key: 1 }, Pe = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, Id = /* @__PURE__ */ A({
+  dk:max-w-full`, Mt = /* @__PURE__ */ L({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -910,19 +1226,19 @@ const Ve = { key: 1 }, Pe = `
     to: { default: void 0 },
     nuxt: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const d = t, e = l(() => d.to ? ee(d.to, d.nuxt) : "span"), i = l(() => ae(d.to, e.value)), f = {
+  setup(d) {
+    const t = d, e = o(() => t.to ? ae(t.to, t.nuxt) : "span"), i = o(() => ce(t.to, e.value)), g = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, c = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, x = {
+    }, z = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -1094,25 +1410,25 @@ const Ve = { key: 1 }, Pe = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, v = l(() => {
+    }, y = o(() => {
       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(" ");
+      const n = (((C = z[t.variant]) == null ? void 0 : C[t.color]) || "") + " " + z[t.variant].base, c = g[t.size] || "", m = t.block ? "dk:block" : "dk:inline-block", h = u[t.rounded] || "";
+      return [zd, n, c, m, h].join(" ");
     });
-    return (a, n) => (r(), H(K(e.value), I(i.value, {
-      class: v.value,
-      title: d.title
+    return (n, c) => (r(), F(Q(e.value), W(i.value, {
+      class: y.value,
+      title: t.title
     }), {
       default: E(() => [
-        d.loading ? (r(), o("span", nd, "Cargando...")) : T(a.$slots, "default", { key: 0 })
+        t.loading ? (r(), a("span", wd, "Cargando...")) : _(n.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), ld = {
+}), Cd = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, id = ["src", "alt"], Wd = /* @__PURE__ */ A({
+}, $d = ["src", "alt"], Dt = /* @__PURE__ */ L({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -1122,11 +1438,11 @@ const Ve = { key: 1 }, Pe = `
     to: { default: void 0 },
     nuxt: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    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 = {
+  setup(d) {
+    const t = d, e = () => t.to ? ae(t.to, t.nuxt) : "div", i = () => t.to ? ae(t.to, t.nuxt) : "h3", g = () => {
+      const l = e();
+      return ce(t.to, l);
+    }, u = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -1148,7 +1464,7 @@ const Ve = { key: 1 }, Pe = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, x = l(() => [
+    }, z = o(() => [
       // Glassmorphism card styles (Windows Vista inspired)
       "dk:relative dk:bg-gradient-to-br dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
       "dk:dark:from-gray-700/60 dk:dark:via-gray-800/60 dk:dark:to-gray-900/60",
@@ -1164,98 +1480,98 @@ const Ve = { key: 1 }, Pe = `
       "dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
       "dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
       "dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent"
-    ].join(" ")), v = l(() => [
+    ].join(" ")), y = o(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
-    ].join(" ")), a = l(() => {
-      const z = c[d.size];
+    ].join(" ")), n = o(() => {
+      const l = u[t.size];
       return [
-        z.padding,
-        z.spacing,
+        l.padding,
+        l.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
-    }), n = l(() => [
-      c[d.size].spacing
-    ].join(" ")), k = l(() => {
-      const N = [
-        c[d.size].titleSize,
+    }), c = o(() => [
+      u[t.size].spacing
+    ].join(" ")), m = o(() => {
+      const k = [
+        u[t.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return d.to && N.push(
+      return t.to && k.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), N.join(" ");
-    }), s = l(() => {
-      const z = [
+      ), k.join(" ");
+    }), h = o(() => {
+      const l = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return d.to && z.push("dk:no-underline"), z.join(" ");
-    }), C = l(() => [
-      c[d.size].subtitleSize,
+      return t.to && l.push("dk:no-underline"), l.join(" ");
+    }), C = o(() => [
+      u[t.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), B = l(() => [
-      c[d.size].contentSize,
+    ].join(" ")), D = o(() => [
+      u[t.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), j = l(() => [
+    ].join(" ")), x = o(() => [
       "dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
       "dk:pt-3 dk:mt-3",
       "dk:relative dk:z-10"
     ].join(" "));
-    return (z, N) => (r(), o("div", {
-      class: m(x.value)
+    return (l, k) => (r(), a("div", {
+      class: s(z.value)
     }, [
-      t.image ? (r(), o("div", ld, [
-        (r(), H(K(e()), I(f(), { class: s.value }), {
+      d.image ? (r(), a("div", Cd, [
+        (r(), F(Q(e()), W(g(), { class: h.value }), {
           default: E(() => [
-            p("img", {
-              src: t.image,
-              alt: t.title || "Card image",
-              class: m(v.value)
-            }, null, 10, id)
+            b("img", {
+              src: d.image,
+              alt: d.title || "Card image",
+              class: s(y.value)
+            }, null, 10, $d)
           ]),
           _: 1
         }, 16, ["class"]))
-      ])) : w("", !0),
-      p("div", {
-        class: m(a.value)
+      ])) : S("", !0),
+      b("div", {
+        class: s(n.value)
       }, [
-        t.title || t.subtitle ? (r(), o("div", {
+        d.title || d.subtitle ? (r(), a("div", {
           key: 0,
-          class: m(n.value)
+          class: s(c.value)
         }, [
-          t.title ? (r(), H(K(i()), I({ key: 0 }, f(), { class: k.value }), {
+          d.title ? (r(), F(Q(i()), W({ key: 0 }, g(), { class: m.value }), {
             default: E(() => [
-              V(S(t.title), 1)
+              A(j(d.title), 1)
             ]),
             _: 1
-          }, 16, ["class"])) : w("", !0),
-          t.subtitle ? (r(), o("p", {
+          }, 16, ["class"])) : S("", !0),
+          d.subtitle ? (r(), a("p", {
             key: 1,
-            class: m(C.value)
-          }, S(t.subtitle), 3)) : w("", !0)
-        ], 2)) : w("", !0),
-        z.$slots.default ? (r(), o("div", {
+            class: s(C.value)
+          }, j(d.subtitle), 3)) : S("", !0)
+        ], 2)) : S("", !0),
+        l.$slots.default ? (r(), a("div", {
           key: 1,
-          class: m(B.value)
+          class: s(D.value)
         }, [
-          T(z.$slots, "default")
-        ], 2)) : w("", !0),
-        z.$slots.footer ? (r(), o("div", {
+          _(l.$slots, "default")
+        ], 2)) : S("", !0),
+        l.$slots.footer ? (r(), a("div", {
           key: 2,
-          class: m(j.value)
+          class: s(x.value)
         }, [
-          T(z.$slots, "footer")
-        ], 2)) : w("", !0)
+          _(l.$slots, "footer")
+        ], 2)) : S("", !0)
       ], 2)
     ], 2));
   }
-}), ud = ["aria-labelledby", "aria-describedby"], Ed = /* @__PURE__ */ A({
+}), Sd = ["aria-labelledby", "aria-describedby"], Tt = /* @__PURE__ */ L({
   __name: "DuiModal",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1275,22 +1591,22 @@ const Ve = { key: 1 }, Pe = `
     zIndex: { default: 50 }
   },
   emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
-  setup(t, { emit: d }) {
-    const e = t, i = d, f = Math.random().toString(36).slice(2, 10), c = `dui-modal-title-${f}`, x = `dui-modal-description-${f}`, v = {
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = Math.random().toString(36).slice(2, 10), u = `dui-modal-title-${g}`, z = `dui-modal-description-${g}`, y = {
       all: "dk:rounded-xl",
       top: "dk:rounded-t-xl",
       bottom: "dk:rounded-b-xl",
       left: "dk:rounded-l-xl",
       right: "dk:rounded-r-xl",
       none: "dk:rounded-none"
-    }, a = {
+    }, n = {
       xs: "dk:w-full dk:max-w-xs",
       sm: "dk:w-full dk:max-w-md",
       md: "dk:w-full dk:max-w-xl",
       lg: "dk:w-full dk:max-w-3xl",
       xl: "dk:w-full dk:max-w-5xl",
       full: "dk:h-[calc(100vh-2rem)] dk:w-[calc(100vw-2rem)] dk:max-w-none"
-    }, n = {
+    }, c = {
       solid: {
         base: "dk:border dk:shadow-xl",
         neutral: "dk:bg-white dk:text-zinc-900 dk:border-zinc-200 dk:dark:bg-zinc-900 dk:dark:text-zinc-100 dk:dark:border-zinc-700",
@@ -1318,134 +1634,134 @@ const Ve = { key: 1 }, Pe = `
         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 = l(() => [
+    }, m = o(() => [
       "dk:fixed dk:inset-0 dk:bg-black/55",
       e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
-    ].join(" ")), s = l(() => [
+    ].join(" ")), h = o(() => [
       "dk:flex dk:min-h-full dk:w-full dk:p-4",
       e.centered ? "dk:items-center" : "dk:items-start dk:pt-8",
       "dk:justify-center"
-    ].join(" ")), C = l(() => {
-      const $ = n[e.variant].base, M = n[e.variant][e.color], D = v[e.rounded], Y = a[e.size];
+    ].join(" ")), C = o(() => {
+      const $ = c[e.variant].base, M = c[e.variant][e.color], P = y[e.rounded], J = n[e.size];
       return [
         "dk:relative dk:flex dk:flex-col dk:overflow-hidden",
         $,
         M,
-        D,
-        Y
+        P,
+        J
       ].join(" ");
-    }), B = l(() => [
+    }), D = o(() => [
       "dk:flex dk:items-start dk:justify-between dk:gap-3 dk:px-5 dk:pt-5 dk:pb-3",
       "dk:border-b dk:border-current/10"
-    ].join(" ")), j = l(() => [
+    ].join(" ")), x = o(() => [
       "dk:px-5 dk:py-4",
       e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
-    ].join(" ")), z = l(() => [
+    ].join(" ")), l = o(() => [
       "dk:px-5 dk:py-4 dk:border-t dk:border-current/10",
       "dk:flex dk:items-center dk:justify-end dk:gap-2"
     ].join(" "));
-    function N() {
+    function k() {
       if (typeof document > "u") return;
-      const $ = document.body, D = Number($.dataset.duiModalCount || "0") + 1;
-      $.dataset.duiModalCount = String(D), D === 1 && ($.style.overflow = "hidden");
+      const $ = document.body, P = Number($.dataset.duiModalCount || "0") + 1;
+      $.dataset.duiModalCount = String(P), P === 1 && ($.style.overflow = "hidden");
     }
-    function y() {
+    function p() {
       if (typeof document > "u") return;
-      const $ = document.body, M = Number($.dataset.duiModalCount || "0"), D = Math.max(0, M - 1);
-      $.dataset.duiModalCount = String(D), D === 0 && ($.style.overflow = "");
+      const $ = document.body, M = Number($.dataset.duiModalCount || "0"), P = Math.max(0, M - 1);
+      $.dataset.duiModalCount = String(P), P === 0 && ($.style.overflow = "");
     }
-    function P($) {
+    function w($) {
       i("update:modelValue", !1), i("close", $);
     }
-    function g() {
-      i("backdrop"), !(e.persistent || !e.closeOnBackdrop) && P("backdrop");
+    function f() {
+      i("backdrop"), !(e.persistent || !e.closeOnBackdrop) && w("backdrop");
     }
-    function _($) {
-      $.key !== "Escape" || !e.modelValue || (i("escape"), !(e.persistent || !e.closeOnEsc) && P("escape"));
+    function v($) {
+      $.key !== "Escape" || !e.modelValue || (i("escape"), !(e.persistent || !e.closeOnEsc) && w("escape"));
     }
-    return re(
+    return le(
       () => e.modelValue,
       ($, M) => {
-        $ && !M && (N(), i("open")), !$ && M && y();
+        $ && !M && (k(), i("open")), !$ && M && p();
       }
-    ), 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, {
+    ), ge(() => {
+      e.modelValue && k(), typeof window < "u" && window.addEventListener("keydown", v);
+    }), me(() => {
+      e.modelValue && p(), typeof window < "u" && window.removeEventListener("keydown", v);
+    }), ($, M) => (r(), F(fe, { to: "body" }, [
+      de(he, {
         "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: E(() => [
-          e.modelValue ? (r(), o("div", {
+          e.modelValue ? (r(), a("div", {
             key: 0,
-            style: fe({ zIndex: String(e.zIndex) }),
-            class: m(k.value),
-            onClick: g
+            style: ie({ zIndex: String(e.zIndex) }),
+            class: s(m.value),
+            onClick: f
           }, [
-            p("div", {
-              class: m(s.value)
+            b("div", {
+              class: s(h.value)
             }, [
-              p("div", {
+              b("div", {
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-labelledby": e.title ? c : void 0,
-                "aria-describedby": e.description ? x : void 0,
-                class: m(C.value),
-                onClick: M[1] || (M[1] = Be(() => {
+                "aria-labelledby": e.title ? u : void 0,
+                "aria-describedby": e.description ? z : void 0,
+                class: s(C.value),
+                onClick: M[1] || (M[1] = te(() => {
                 }, ["stop"]))
               }, [
-                $.$slots.header || e.title || e.description || e.showClose ? (r(), o("header", {
+                $.$slots.header || e.title || e.description || e.showClose ? (r(), a("header", {
                   key: 0,
-                  class: m(B.value)
+                  class: s(D.value)
                 }, [
-                  p("div", null, [
-                    T($.$slots, "header", {}, () => [
-                      e.title ? (r(), o("h2", {
+                  b("div", null, [
+                    _($.$slots, "header", {}, () => [
+                      e.title ? (r(), a("h2", {
                         key: 0,
-                        id: c,
+                        id: u,
                         class: "dk:text-lg dk:font-semibold"
-                      }, S(e.title), 1)) : w("", !0),
-                      e.description ? (r(), o("p", {
+                      }, j(e.title), 1)) : S("", !0),
+                      e.description ? (r(), a("p", {
                         key: 1,
-                        id: x,
+                        id: z,
                         class: "dk:mt-1 dk:text-sm dk:opacity-80"
-                      }, S(e.description), 1)) : w("", !0)
+                      }, j(e.description), 1)) : S("", !0)
                     ])
                   ]),
-                  e.showClose ? (r(), o("button", {
+                  e.showClose ? (r(), a("button", {
                     key: 0,
                     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: M[0] || (M[0] = (D) => P("button"))
+                    onClick: M[0] || (M[0] = (P) => w("button"))
                   }, [...M[2] || (M[2] = [
-                    p("span", { "aria-hidden": "true" }, "×", -1)
-                  ])])) : w("", !0)
-                ], 2)) : w("", !0),
-                p("section", {
-                  class: m(j.value)
+                    b("span", { "aria-hidden": "true" }, "×", -1)
+                  ])])) : S("", !0)
+                ], 2)) : S("", !0),
+                b("section", {
+                  class: s(x.value)
                 }, [
-                  T($.$slots, "default")
+                  _($.$slots, "default")
                 ], 2),
-                $.$slots.footer ? (r(), o("footer", {
+                $.$slots.footer ? (r(), a("footer", {
                   key: 1,
-                  class: m(z.value)
+                  class: s(l.value)
                 }, [
-                  T($.$slots, "footer")
-                ], 2)) : w("", !0)
-              ], 10, ud)
+                  _($.$slots, "footer")
+                ], 2)) : S("", !0)
+              ], 10, Sd)
             ], 2)
-          ], 6)) : w("", !0)
+          ], 6)) : S("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), cd = ["aria-describedby"], bd = { class: "dk:inline-flex dk:items-center" }, Ad = /* @__PURE__ */ A({
+}), jd = ["aria-describedby"], Vd = { class: "dk:inline-flex dk:items-center" }, _t = /* @__PURE__ */ L({
   __name: "DuiTooltip",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -1470,31 +1786,31 @@ const Ve = { key: 1 }, Pe = `
     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 = {
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = U(null), u = U(null), z = U(!1), y = o(() => e.modelValue !== void 0), n = o(() => y.value ? !!e.modelValue : z.value), c = U(e.placement), m = U({ top: 0, left: 0 }), h = U(!1);
+    let C = null, D = null;
+    const x = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, l = {
       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 = {
+    }, k = {
       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 = {
+    }, p = {
       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;
+    function w(B) {
+      return typeof B == "string" && B in p;
     }
-    const g = {
+    const f = {
       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",
@@ -1513,26 +1829,26 @@ const Ve = { key: 1 }, Pe = `
         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] : "";
+    }, v = o(() => {
+      const B = l[e.rounded], V = k[e.size], T = f[e.variant].base, K = f[e.variant][e.color], O = w(e.maxWidth) ? p[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
+        B,
+        V,
+        T,
+        K,
+        O
       ].join(" ");
-    }), $ = l(() => {
-      const b = {
-        top: `${k.value.top}px`,
-        left: `${k.value.left}px`,
+    }), $ = o(() => {
+      const B = {
+        top: `${m.value.top}px`,
+        left: `${m.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 = {
+      return typeof e.maxWidth == "number" ? B.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !w(e.maxWidth) && (B.maxWidth = e.maxWidth), B;
+    }), M = o(() => {
+      const B = f[e.variant][e.color], V = c.value, T = {
         top: "dk:-bottom-1.5 dk:left-1/2 dk:-translate-x-1/2 dk:rotate-45",
         "top-start": "dk:-bottom-1.5 dk:left-3 dk:rotate-45",
         "top-end": "dk:-bottom-1.5 dk:right-3 dk:rotate-45",
@@ -1548,29 +1864,29 @@ const Ve = { key: 1 }, Pe = `
       };
       return [
         "dk:absolute dk:block dk:h-3 dk:w-3",
-        b,
-        h[u] || h.top
+        B,
+        T[V] || T.top
       ].join(" ");
     });
-    function D() {
-      C && (clearTimeout(C), C = null), B && (clearTimeout(B), B = null);
+    function P() {
+      C && (clearTimeout(C), C = null), D && (clearTimeout(D), D = 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 J(B, V) {
+      e.disabled || (y.value ? i("update:modelValue", B) : z.value = B, B ? (i("open", V), se(() => {
+        X();
+      })) : i("close", V));
     }
-    function R(b) {
-      D(), C = setTimeout(() => {
-        Y(!0, b);
+    function Y(B) {
+      P(), C = setTimeout(() => {
+        J(!0, B);
       }, Math.max(0, e.showDelay));
     }
-    function X(b) {
-      D(), B = setTimeout(() => {
-        b === "hover" && e.interactive && s.value || Y(!1, b);
+    function Z(B) {
+      P(), D = setTimeout(() => {
+        B === "hover" && e.interactive && h.value || J(!1, B);
       }, Math.max(0, e.hideDelay));
     }
-    function ke(b) {
+    function ue(B) {
       return {
         top: "bottom",
         "top-start": "bottom-start",
@@ -1584,151 +1900,977 @@ const Ve = { key: 1 }, Pe = `
         right: "left",
         "right-start": "left-start",
         "right-end": "left-end"
-      }[b];
+      }[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 ee(B, V, T) {
+      const [K, O] = B.split("-"), G = e.offset;
+      let q = 0, H = 0;
+      K === "top" && (q = V.top - T.height - G, O === "start" ? H = V.left : O === "end" ? H = V.right - T.width : H = V.left + V.width / 2 - T.width / 2), K === "bottom" && (q = V.bottom + G, O === "start" ? H = V.left : O === "end" ? H = V.right - T.width : H = V.left + V.width / 2 - T.width / 2), K === "left" && (H = V.left - T.width - G, O === "start" ? q = V.top : O === "end" ? q = V.bottom - T.height : q = V.top + V.height / 2 - T.height / 2), K === "right" && (H = V.right + G, O === "start" ? q = V.top : O === "end" ? q = V.bottom - T.height : q = V.top + V.height / 2 - T.height / 2);
+      const ne = e.viewportPadding, _e = window.innerWidth, Pe = window.innerHeight;
+      return q = Math.min(Math.max(ne, q), Pe - T.height - ne), H = Math.min(Math.max(ne, H), _e - T.width - ne), { top: q, left: H };
     }
-    function me(b, u, h) {
+    function $e(B, V, T) {
       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;
+      const [K] = B.split("-"), O = e.offset, G = e.viewportPadding;
+      return K === "top" ? V.top - T.height - O < G : K === "bottom" ? V.bottom + T.height + O > window.innerHeight - G : K === "left" ? V.left - T.width - O < G : V.right + T.width + O > window.innerWidth - G;
     }
-    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 X() {
+      if (!g.value || !u.value) return;
+      const B = g.value.getBoundingClientRect(), V = u.value.getBoundingClientRect();
+      let T = e.placement;
+      $e(T, B, V) && (T = ue(T)), c.value = T, m.value = ee(T, B, V);
     }
-    function he() {
-      e.trigger === "hover" && R("hover");
+    function Se() {
+      e.trigger === "hover" && Y("hover");
     }
-    function ve(b) {
-      var u;
+    function je(B) {
+      var V;
       if (e.trigger === "hover") {
         if (e.interactive) {
-          const h = b.relatedTarget;
-          if (h && ((u = c.value) != null && u.contains(h)))
+          const T = B.relatedTarget;
+          if (T && ((V = u.value) != null && V.contains(T)))
             return;
         }
-        X("hover");
+        Z("hover");
       }
     }
-    function xe() {
-      e.trigger !== "focus" && e.trigger !== "hover" || R("focus");
+    function Ve() {
+      e.trigger !== "focus" && e.trigger !== "hover" || Y("focus");
     }
-    function ye() {
-      e.trigger !== "focus" && e.trigger !== "hover" || X("focus");
+    function Be() {
+      e.trigger !== "focus" && e.trigger !== "hover" || Z("focus");
     }
-    function we(b) {
-      e.trigger === "click" && (b.stopPropagation(), a.value ? X("click") : R("click"));
+    function Me(B) {
+      e.trigger === "click" && (B.stopPropagation(), n.value ? Z("click") : Y("click"));
     }
-    function ze() {
-      e.interactive && (s.value = !0, D());
+    function De() {
+      e.interactive && (h.value = !0, P());
     }
-    function Ce(b) {
-      var h;
+    function Te(B) {
+      var T;
       if (!e.interactive) return;
-      const u = b.relatedTarget;
-      u && ((h = f.value) != null && h.contains(u)) || (s.value = !1, X("hover"));
+      const V = B.relatedTarget;
+      V && ((T = g.value) != null && T.contains(V)) || (h.value = !1, Z("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");
+    function xe(B) {
+      var T, K;
+      if (e.trigger !== "click" || !n.value) return;
+      const V = B.target;
+      (T = g.value) != null && T.contains(V) || (K = u.value) != null && K.contains(V) || Z("outside");
     }
-    return re(
+    return le(
       () => e.modelValue,
-      (b) => {
-        v.value && b && te(J);
+      (B) => {
+        y.value && B && se(X);
       }
-    ), re(
+    ), le(
       () => e.placement,
       () => {
-        a.value && te(J);
+        n.value && se(X);
       }
-    ), 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", {
+    ), le(n, (B) => {
+      B && se(X);
+    }), ge(() => {
+      typeof window > "u" || (window.addEventListener("resize", X), window.addEventListener("scroll", X, !0), window.addEventListener("click", xe));
+    }), me(() => {
+      P(), !(typeof window > "u") && (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0), window.removeEventListener("click", xe));
+    }), (B, V) => (r(), a(I, null, [
+      b("span", {
         ref_key: "triggerRef",
-        ref: f,
+        ref: g,
         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
+        "aria-describedby": n.value ? x : void 0,
+        onMouseenter: Se,
+        onMouseleave: je,
+        onFocusin: Ve,
+        onFocusout: Be,
+        onClick: Me
       }, [
-        T(b.$slots, "trigger", {}, () => [
-          T(b.$slots, "default", {}, () => [
-            p("span", bd, S(e.fallbackTriggerText), 1)
+        _(B.$slots, "trigger", {}, () => [
+          _(B.$slots, "default", {}, () => [
+            b("span", Vd, j(e.fallbackTriggerText), 1)
           ])
         ])
-      ], 40, cd),
-      (r(), H(be, {
+      ], 40, jd),
+      (r(), F(fe, {
         to: e.teleportTo
       }, [
-        oe(pe, {
+        de(he, {
           "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", {
+            n.value && !e.disabled ? (r(), a("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: c,
-              id: j,
+              ref: u,
+              id: x,
               role: "tooltip",
-              class: m(_.value),
-              style: fe($.value),
-              onMouseenter: ze,
-              onMouseleave: Ce
+              class: s(v.value),
+              style: ie($.value),
+              onMouseenter: De,
+              onMouseleave: Te
             }, [
-              T(b.$slots, "content", {}, () => [
-                V(S(e.text), 1)
+              _(B.$slots, "content", {}, () => [
+                A(j(e.text), 1)
               ]),
-              e.arrow ? (r(), o("span", {
+              e.arrow ? (r(), a("span", {
                 key: 0,
                 "aria-hidden": "true",
-                class: m(M.value)
-              }, null, 2)) : w("", !0)
-            ], 38)) : w("", !0)
+                class: s(M.value)
+              }, null, 2)) : S("", !0)
+            ], 38)) : S("", !0)
           ]),
           _: 3
         })
       ], 8, ["to"]))
     ], 64));
   }
-}), pd = {
+}), Bd = ["open"], Md = ["onClick"], Dd = { class: "dui-acc-title" }, Td = { class: "dui-acc-panel" }, _d = /* @__PURE__ */ L({
+  __name: "DuiAccordion",
+  props: {
+    items: {},
+    modelValue: { default: void 0 },
+    multiple: { type: Boolean, default: !1 },
+    variant: { default: "bordered" },
+    color: { default: "neutral" },
+    size: { default: "md" },
+    flush: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = U([]);
+    function u() {
+      return e.modelValue === void 0 ? g.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
+    }
+    function z(w) {
+      return u().includes(w);
+    }
+    function y(w, f) {
+      if (f) return;
+      const v = u();
+      let $;
+      e.multiple ? $ = v.includes(w) ? v.filter((M) => M !== w) : [...v, w] : $ = v.includes(w) ? [] : [w], g.value = $, i("update:modelValue", e.multiple ? $ : $[0] ?? ""), i("change", w);
+    }
+    const n = {
+      sm: {
+        summary: "dk:px-3 dk:py-2.5 dk:text-sm dk:gap-2",
+        content: "dk:px-3 dk:pt-0 dk:pb-3 dk:text-sm",
+        icon: "dk:text-base",
+        chevron: "dk:w-3.5 dk:h-3.5"
+      },
+      md: {
+        summary: "dk:px-4 dk:py-3.5 dk:text-sm dk:gap-2.5",
+        content: "dk:px-4 dk:pt-0 dk:pb-4 dk:text-sm",
+        icon: "dk:text-lg",
+        chevron: "dk:w-4 dk:h-4"
+      },
+      lg: {
+        summary: "dk:px-5 dk:py-4 dk:text-base dk:gap-3",
+        content: "dk:px-5 dk:pt-0 dk:pb-5 dk:text-base",
+        icon: "dk:text-xl",
+        chevron: "dk:w-5 dk:h-5"
+      }
+    }, c = {
+      neutral: "dk:bg-zinc-50 dk:dark:bg-zinc-800/60",
+      primary: "dk:bg-slate-50 dk:dark:bg-slate-800/60",
+      secondary: "dk:bg-pink-50 dk:dark:bg-pink-900/30",
+      success: "dk:bg-emerald-50 dk:dark:bg-emerald-900/30",
+      warning: "dk:bg-amber-50 dk:dark:bg-amber-900/30",
+      danger: "dk:bg-rose-50 dk:dark:bg-rose-900/30"
+    }, m = {
+      neutral: "dk:text-zinc-900 dk:dark:text-zinc-50",
+      primary: "dk:text-slate-800 dk:dark:text-slate-100",
+      secondary: "dk:text-pink-800 dk:dark:text-pink-100",
+      success: "dk:text-emerald-800 dk:dark:text-emerald-100",
+      warning: "dk:text-amber-800 dk:dark:text-amber-100",
+      danger: "dk:text-rose-800 dk:dark:text-rose-100"
+    }, h = {
+      neutral: "dk:text-zinc-500 dk:dark:text-zinc-400",
+      primary: "dk:text-slate-500 dk:dark:text-slate-400",
+      secondary: "dk:text-pink-500 dk:dark:text-pink-400",
+      success: "dk:text-emerald-500 dk:dark:text-emerald-400",
+      warning: "dk:text-amber-500 dk:dark:text-amber-400",
+      danger: "dk:text-rose-500 dk:dark:text-rose-400"
+    }, C = o(() => e.variant === "separated" ? "dk:flex dk:flex-col dk:gap-2" : e.variant === "ghost" ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700/60" : e.flush ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700" : "dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:rounded-xl dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700 dk:overflow-hidden dk:shadow-sm"), D = o(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
+    function x(w, f) {
+      const v = n[e.size], $ = z(w), M = [
+        "dk:flex dk:w-full dk:items-center dk:select-none dk:outline-none",
+        "dk:transition-colors dk:duration-150",
+        v.summary
+      ], P = $ ? [c[e.color], m[e.color]] : ["dk:text-zinc-700 dk:dark:text-zinc-300", "dk:hover:bg-zinc-50 dk:dark:hover:bg-zinc-800/50 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"], J = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", Y = f ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+      return [...M, ...P, J, Y].join(" ");
+    }
+    function l(w) {
+      const f = n[e.size];
+      return [
+        "dk:flex-shrink-0 dk:transition-transform dk:duration-250 dk:ease-in-out dk:ml-auto",
+        z(w) ? "dk:rotate-180 " + h[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500",
+        f.chevron
+      ].join(" ");
+    }
+    const k = o(() => ["dk:flex-shrink-0 dk:leading-none", n[e.size].icon].join(" ")), p = o(() => [
+      n[e.size].content,
+      "dk:text-zinc-600 dk:dark:text-zinc-400 dk:leading-relaxed"
+    ].join(" "));
+    return (w, f) => (r(), a("div", {
+      class: s(C.value)
+    }, [
+      (r(!0), a(I, null, N(d.items, (v, $) => (r(), a("details", {
+        key: v.value ?? $,
+        open: z(v.value ?? String($)),
+        class: s(D.value),
+        onToggle: f[0] || (f[0] = te(() => {
+        }, ["prevent"]))
+      }, [
+        b("summary", {
+          class: s(x(v.value ?? String($), v.disabled)),
+          onClick: te((M) => y(v.value ?? String($), v.disabled), ["prevent"])
+        }, [
+          v.icon ? (r(), a("span", {
+            key: 0,
+            "aria-hidden": "true",
+            class: s(k.value)
+          }, j(v.icon), 3)) : S("", !0),
+          b("span", Dd, j(v.title), 1),
+          (r(), a("svg", {
+            class: s(l(v.value ?? String($))),
+            viewBox: "0 0 16 16",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "aria-hidden": "true"
+          }, [...f[1] || (f[1] = [
+            b("polyline", { points: "4 6 8 10 12 6" }, null, -1)
+          ])], 2))
+        ], 10, Md),
+        b("div", Td, [
+          b("div", {
+            class: s(p.value)
+          }, [
+            _(w.$slots, v.value ?? String($), {}, () => [
+              b("p", null, j(v.content), 1)
+            ], !0)
+          ], 2)
+        ])
+      ], 42, Bd))), 128))
+    ], 2));
+  }
+}), Pt = /* @__PURE__ */ ke(_d, [["__scopeId", "data-v-9bd77ff3"]]), Pd = ["aria-label"], Lt = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "DuiBadge",
+  props: {
+    label: { default: void 0 },
+    color: { default: "neutral" },
+    variant: { default: "soft" },
+    size: { default: "sm" },
+    rounded: { default: "full" },
+    dot: { type: Boolean, default: !1 },
+    dismissible: { type: Boolean, default: !1 },
+    href: { default: void 0 }
+  },
+  emits: ["dismiss"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = {
+      xs: "dk:text-[10px] dk:leading-none dk:px-1.5 dk:py-0.5 dk:gap-1",
+      sm: "dk:text-xs dk:leading-none dk:px-2 dk:py-1 dk:gap-1",
+      md: "dk:text-sm dk:px-2.5 dk:py-1 dk:gap-1.5",
+      lg: "dk:text-base dk:px-3 dk:py-1.5 dk:gap-2"
+    }, u = {
+      full: "dk:rounded-full",
+      md: "dk:rounded-md",
+      none: "dk:rounded-none"
+    }, z = {
+      soft: {
+        neutral: "dk:bg-zinc-100 dk:text-zinc-700 dk:dark:bg-zinc-800 dk:dark:text-zinc-300",
+        primary: "dk:bg-slate-100 dk:text-slate-700 dk:dark:bg-slate-800 dk:dark:text-slate-300",
+        secondary: "dk:bg-pink-100 dk:text-pink-700 dk:dark:bg-pink-900/50 dk:dark:text-pink-300",
+        success: "dk:bg-emerald-100 dk:text-emerald-700 dk:dark:bg-emerald-900/50 dk:dark:text-emerald-300",
+        warning: "dk:bg-amber-100 dk:text-amber-700 dk:dark:bg-amber-900/50 dk:dark:text-amber-300",
+        danger: "dk:bg-rose-100 dk:text-rose-700 dk:dark:bg-rose-900/50 dk:dark:text-rose-300"
+      },
+      solid: {
+        neutral: "dk:bg-zinc-600 dk:text-white dk:dark:bg-zinc-500",
+        primary: "dk:bg-slate-600 dk:text-white dk:dark:bg-slate-500",
+        secondary: "dk:bg-pink-600 dk:text-white dk:dark:bg-pink-500",
+        success: "dk:bg-emerald-600 dk:text-white dk:dark:bg-emerald-500",
+        warning: "dk:bg-amber-500 dk:text-white dk:dark:bg-amber-400",
+        danger: "dk:bg-rose-600 dk:text-white dk:dark:bg-rose-500"
+      },
+      outline: {
+        neutral: "dk:border dk:border-zinc-400 dk:text-zinc-700 dk:dark:border-zinc-500 dk:dark:text-zinc-300",
+        primary: "dk:border dk:border-slate-400 dk:text-slate-700 dk:dark:border-slate-500 dk:dark:text-slate-300",
+        secondary: "dk:border dk:border-pink-400 dk:text-pink-700 dk:dark:border-pink-500 dk:dark:text-pink-300",
+        success: "dk:border dk:border-emerald-400 dk:text-emerald-700 dk:dark:border-emerald-500 dk:dark:text-emerald-300",
+        warning: "dk:border dk:border-amber-400 dk:text-amber-700 dk:dark:border-amber-500 dk:dark:text-amber-300",
+        danger: "dk:border dk:border-rose-400 dk:text-rose-700 dk:dark:border-rose-500 dk:dark:text-rose-300"
+      }
+    }, y = {
+      neutral: "dk:bg-zinc-500 dk:dark:bg-zinc-400",
+      primary: "dk:bg-slate-500 dk:dark:bg-slate-400",
+      secondary: "dk:bg-pink-500 dk:dark:bg-pink-400",
+      success: "dk:bg-emerald-500 dk:dark:bg-emerald-400",
+      warning: "dk:bg-amber-500 dk:dark:bg-amber-400",
+      danger: "dk:bg-rose-500 dk:dark:bg-rose-400"
+    }, n = o(() => {
+      const C = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", D = g[e.size], x = u[e.rounded], l = z[e.variant][e.color], k = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
+      return [C, D, x, l, k].join(" ");
+    }), c = o(() => ["dk:rounded-full dk:flex-shrink-0", { xs: "dk:w-1.5 dk:h-1.5", sm: "dk:w-2 dk:h-2", md: "dk:w-2 dk:h-2", lg: "dk:w-2.5 dk:h-2.5" }[e.size], y[e.color]].join(" ")), m = o(() => "dk:flex-shrink-0 dk:flex dk:items-center"), h = o(() => [
+      "dk:-mr-0.5 dk:flex-shrink-0 dk:inline-flex dk:items-center dk:justify-center",
+      "dk:rounded-full dk:w-3.5 dk:h-3.5 dk:text-sm dk:leading-none",
+      "dk:opacity-60 dk:hover:opacity-100 dk:transition-opacity dk:outline-none",
+      "dk:hover:bg-black/10 dk:dark:hover:bg-white/10"
+    ].join(" "));
+    return (C, D) => (r(), F(Q(d.href ? "a" : "span"), W({
+      href: d.href,
+      class: n.value
+    }, C.$attrs), {
+      default: E(() => [
+        C.$slots.icon || d.dot ? (r(), a("span", {
+          key: 0,
+          "aria-hidden": "true",
+          class: s(m.value)
+        }, [
+          d.dot ? (r(), a("span", {
+            key: 0,
+            class: s(c.value)
+          }, null, 2)) : _(C.$slots, "icon", { key: 1 })
+        ], 2)) : S("", !0),
+        _(C.$slots, "default", {}, () => [
+          A(j(d.label), 1)
+        ]),
+        d.dismissible ? (r(), a("button", {
+          key: 1,
+          type: "button",
+          class: s(h.value),
+          "aria-label": d.label ? `Quitar ${d.label}` : "Quitar",
+          onClick: D[0] || (D[0] = te((x) => i("dismiss"), ["prevent"]))
+        }, " × ", 10, Pd)) : S("", !0)
+      ]),
+      _: 3
+    }, 16, ["href", "class"]));
+  }
+}), Ld = ["onKeydown"], Ad = ["aria-label"], At = /* @__PURE__ */ L({
+  __name: "DuiDropdown",
+  props: {
+    modelValue: { type: Boolean, default: void 0 },
+    placement: { default: "bottom-start" },
+    variant: { default: "solid" },
+    color: { default: "neutral" },
+    size: { default: "md" },
+    rounded: { default: "all" },
+    minWidth: { default: "10rem" },
+    ariaLabel: { default: "Menu" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = U(null), u = U(!1), z = o(() => e.modelValue !== void 0 ? e.modelValue : u.value);
+    function y() {
+      if (e.disabled) return;
+      const l = !z.value;
+      u.value = l, i("update:modelValue", l), i(l ? "open" : "close");
+    }
+    function n() {
+      u.value = !1, i("update:modelValue", !1), i("close");
+    }
+    function c(l) {
+      g.value && !g.value.contains(l.target) && n();
+    }
+    ge(() => document.addEventListener("mousedown", c)), me(() => document.removeEventListener("mousedown", c));
+    const m = {
+      "bottom-start": "dk:top-full dk:left-0 dk:mt-1 dk:origin-top-left",
+      "bottom-end": "dk:top-full dk:right-0 dk:mt-1 dk:origin-top-right",
+      bottom: "dk:top-full dk:left-1/2 dk:-translate-x-1/2 dk:mt-1 dk:origin-top",
+      "top-start": "dk:bottom-full dk:left-0 dk:mb-1 dk:origin-bottom-left",
+      "top-end": "dk:bottom-full dk:right-0 dk:mb-1 dk:origin-bottom-right",
+      top: "dk:bottom-full dk:left-1/2 dk:-translate-x-1/2 dk:mb-1 dk:origin-bottom"
+    }, h = {
+      all: "dk:rounded-xl",
+      sm: "dk:rounded-lg",
+      none: "dk:rounded-none"
+    }, C = {
+      solid: {
+        neutral: "dk:bg-white dk:dark:bg-zinc-900 dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:text-zinc-800 dk:dark:text-zinc-200",
+        primary: "dk:bg-slate-50 dk:dark:bg-slate-900 dk:border dk:border-slate-200 dk:dark:border-slate-700 dk:text-slate-800 dk:dark:text-slate-200",
+        secondary: "dk:bg-pink-50 dk:dark:bg-pink-900 dk:border dk:border-pink-200 dk:dark:border-pink-700 dk:text-pink-800 dk:dark:text-pink-200",
+        success: "dk:bg-emerald-50 dk:dark:bg-emerald-900 dk:border dk:border-emerald-200 dk:dark:border-emerald-700 dk:text-emerald-800 dk:dark:text-emerald-200",
+        warning: "dk:bg-amber-50 dk:dark:bg-amber-900 dk:border dk:border-amber-200 dk:dark:border-amber-700 dk:text-amber-800 dk:dark:text-amber-200",
+        danger: "dk:bg-rose-50 dk:dark:bg-rose-900 dk:border dk:border-rose-200 dk:dark:border-rose-700 dk:text-rose-800 dk:dark:text-rose-200"
+      },
+      outline: {
+        neutral: "dk:bg-white/95 dk:dark:bg-zinc-900/95 dk:border-2 dk:border-zinc-300 dk:dark:border-zinc-600 dk:text-zinc-800 dk:dark:text-zinc-200",
+        primary: "dk:bg-white/95 dk:dark:bg-zinc-900/95 dk:border-2 dk:border-slate-400 dk:dark:border-slate-500 dk:text-slate-800 dk:dark:text-slate-200",
+        secondary: "dk:bg-white/95 dk:dark:bg-zinc-900/95 dk:border-2 dk:border-pink-400 dk:dark:border-pink-500 dk:text-pink-800 dk:dark:text-pink-200",
+        success: "dk:bg-white/95 dk:dark:bg-zinc-900/95 dk:border-2 dk:border-emerald-400 dk:dark:border-emerald-500 dk:text-emerald-800 dk:dark:text-emerald-200",
+        warning: "dk:bg-white/95 dk:dark:bg-zinc-900/95 dk:border-2 dk:border-amber-400 dk:dark:border-amber-500 dk:text-amber-800 dk:dark:text-amber-200",
+        danger: "dk:bg-white/95 dk:dark:bg-zinc-900/95 dk:border-2 dk:border-rose-400 dk:dark:border-rose-500 dk:text-rose-800 dk:dark:text-rose-200"
+      },
+      ghost: {
+        neutral: "dk:bg-white/85 dk:dark:bg-zinc-900/75 dk:backdrop-blur-md dk:border dk:border-zinc-300/70 dk:dark:border-zinc-600/60 dk:text-zinc-800 dk:dark:text-zinc-200",
+        primary: "dk:bg-slate-100/85 dk:dark:bg-slate-900/70 dk:backdrop-blur-md dk:border dk:border-slate-300/70 dk:dark:border-slate-600/60 dk:text-slate-800 dk:dark:text-slate-200",
+        secondary: "dk:bg-pink-100/85 dk:dark:bg-pink-900/70 dk:backdrop-blur-md dk:border dk:border-pink-300/70 dk:dark:border-pink-600/60 dk:text-pink-800 dk:dark:text-pink-200",
+        success: "dk:bg-emerald-100/85 dk:dark:bg-emerald-900/70 dk:backdrop-blur-md dk:border dk:border-emerald-300/70 dk:dark:border-emerald-600/60 dk:text-emerald-800 dk:dark:text-emerald-200",
+        warning: "dk:bg-amber-100/85 dk:dark:bg-amber-900/70 dk:backdrop-blur-md dk:border dk:border-amber-300/70 dk:dark:border-amber-600/60 dk:text-amber-800 dk:dark:text-amber-200",
+        danger: "dk:bg-rose-100/85 dk:dark:bg-rose-900/70 dk:backdrop-blur-md dk:border dk:border-rose-300/70 dk:dark:border-rose-600/60 dk:text-rose-800 dk:dark:text-rose-200"
+      }
+    }, D = o(() => ({ minWidth: e.minWidth })), x = o(() => [
+      "dk:absolute dk:z-50 dk:shadow-lg dk:py-1",
+      m[e.placement],
+      h[e.rounded],
+      C[e.variant][e.color]
+    ].join(" "));
+    return (l, k) => (r(), a("div", {
+      ref_key: "wrapperRef",
+      ref: g,
+      class: "dk:relative dk:inline-block"
+    }, [
+      b("div", {
+        onClick: y,
+        onKeydown: [
+          ve(te(y, ["prevent"]), ["enter"]),
+          ve(te(y, ["prevent"]), ["space"])
+        ]
+      }, [
+        _(l.$slots, "trigger")
+      ], 40, Ld),
+      de(he, {
+        "enter-active-class": "dk:transition-all dk:duration-150 dk:ease-out",
+        "leave-active-class": "dk:transition-all dk:duration-100 dk:ease-in",
+        "enter-from-class": "dk:opacity-0 dk:scale-95",
+        "leave-to-class": "dk:opacity-0 dk:scale-95"
+      }, {
+        default: E(() => [
+          z.value ? (r(), a("div", {
+            key: 0,
+            class: s(x.value),
+            style: ie(D.value),
+            role: "menu",
+            "aria-label": d.ariaLabel
+          }, [
+            _(l.$slots, "default")
+          ], 14, Ad)) : S("", !0)
+        ]),
+        _: 3
+      })
+    ], 512));
+  }
+}), Id = { class: "dk:flex-1 dk:truncate" }, Wd = {
+  key: 1,
+  class: "dk:ml-auto dk:opacity-60 dk:text-xs"
+}, It = /* @__PURE__ */ L({
+  __name: "DuiDropdownItem",
+  props: {
+    label: { default: void 0 },
+    icon: { default: void 0 },
+    href: { default: void 0 },
+    target: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    danger: { type: Boolean, default: !1 },
+    size: { default: "md" }
+  },
+  emits: ["click"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), u = {
+      sm: "dk:px-3 dk:py-1 dk:text-xs",
+      md: "dk:px-3 dk:py-2 dk:text-sm",
+      lg: "dk:px-4 dk:py-2.5 dk:text-base"
+    }, z = o(() => {
+      const c = "dk:flex dk:w-full dk:items-center dk:gap-2 dk:transition-colors dk:duration-100 dk:outline-none dk:text-left dk:select-none", m = u[e.size], h = e.danger ? "dk:text-rose-600 dk:dark:text-rose-400 dk:hover:bg-rose-50 dk:dark:hover:bg-rose-900/40 dk:focus-visible:bg-rose-50 dk:dark:focus-visible:bg-rose-900/40" : "dk:hover:bg-black/5 dk:dark:hover:bg-white/10 dk:focus-visible:bg-black/5 dk:dark:focus-visible:bg-white/10", C = e.disabled ? "dk:opacity-50 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+      return [c, m, h, C].join(" ");
+    }), y = o(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
+    function n(c) {
+      e.disabled || i("click", c);
+    }
+    return (c, m) => (r(), F(Q(d.href ? "a" : "button"), W(g.value, {
+      class: z.value,
+      role: "menuitem",
+      "aria-disabled": d.disabled,
+      onClick: n
+    }), {
+      default: E(() => [
+        c.$slots.icon || d.icon ? (r(), a("span", {
+          key: 0,
+          class: s(y.value),
+          "aria-hidden": "true"
+        }, [
+          _(c.$slots, "icon", {}, () => [
+            A(j(d.icon), 1)
+          ])
+        ], 2)) : S("", !0),
+        b("span", Id, [
+          _(c.$slots, "default", {}, () => [
+            A(j(d.label), 1)
+          ])
+        ]),
+        c.$slots.trailing ? (r(), a("span", Wd, [
+          _(c.$slots, "trailing")
+        ])) : S("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "aria-disabled"]));
+  }
+}), Ed = {}, Od = {
+  class: "dk:my-1 dk:border-current/10",
+  role: "separator",
+  "aria-orientation": "horizontal"
+};
+function Nd(d, t) {
+  return r(), a("hr", Od);
+}
+const Wt = /* @__PURE__ */ ke(Ed, [["render", Nd]]), Fd = ["aria-label"], Kd = ["disabled", "aria-label"], qd = {
+  key: 0,
+  class: "dk:hidden dk:sm:inline"
+}, Hd = ["aria-label", "aria-current", "onClick"], Ud = ["disabled", "aria-label"], Qd = {
+  key: 0,
+  class: "dk:hidden dk:sm:inline"
+}, Et = /* @__PURE__ */ L({
+  __name: "DuiPagination",
+  props: {
+    modelValue: {},
+    total: {},
+    perPage: { default: 10 },
+    siblingCount: { default: 1 },
+    showBoundary: { type: Boolean, default: !0 },
+    color: { default: "primary" },
+    variant: { default: "solid" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    showLabels: { type: Boolean, default: !1 },
+    prevLabel: { default: "Anterior" },
+    nextLabel: { default: "Siguiente" },
+    ariaLabel: { default: "Paginacion" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
+    function u(l) {
+      l < 1 || l > g.value || l === e.modelValue || (i("update:modelValue", l), i("change", l));
+    }
+    const z = o(() => {
+      const l = g.value, k = e.modelValue, p = e.siblingCount, w = e.showBoundary ? 1 : 0;
+      if (l <= 2 * p + 2 * w + 3)
+        return Array.from({ length: l }, (M, P) => P + 1);
+      const f = [];
+      for (let M = 1; M <= w; M++) f.push(M);
+      const v = Math.max(w + 1, k - p), $ = Math.min(l - w, k + p);
+      v > w + 1 && f.push("...");
+      for (let M = v; M <= $; M++) f.push(M);
+      $ < l - w && f.push("...");
+      for (let M = l - w + 1; M <= l; M++) f.push(M);
+      return f;
+    }), y = {
+      sm: "dk:w-7 dk:h-7 dk:text-xs",
+      md: "dk:w-9 dk:h-9 dk:text-sm",
+      lg: "dk:w-11 dk:h-11 dk:text-base"
+    }, n = {
+      full: "dk:rounded-full",
+      md: "dk:rounded-lg",
+      none: "dk:rounded-none"
+    }, c = {
+      solid: {
+        neutral: "dk:bg-zinc-700 dk:text-white dk:dark:bg-zinc-500",
+        primary: "dk:bg-slate-600 dk:text-white dk:dark:bg-slate-500",
+        secondary: "dk:bg-pink-600 dk:text-white dk:dark:bg-pink-500",
+        success: "dk:bg-emerald-600 dk:text-white dk:dark:bg-emerald-500",
+        warning: "dk:bg-amber-500 dk:text-white dk:dark:bg-amber-400",
+        danger: "dk:bg-rose-600 dk:text-white dk:dark:bg-rose-500"
+      },
+      outline: {
+        neutral: "dk:border-2 dk:border-zinc-600 dk:text-zinc-700 dk:dark:border-zinc-400 dk:dark:text-zinc-200",
+        primary: "dk:border-2 dk:border-slate-600 dk:text-slate-700 dk:dark:border-slate-400 dk:dark:text-slate-200",
+        secondary: "dk:border-2 dk:border-pink-600 dk:text-pink-700 dk:dark:border-pink-400 dk:dark:text-pink-200",
+        success: "dk:border-2 dk:border-emerald-600 dk:text-emerald-700 dk:dark:border-emerald-400 dk:dark:text-emerald-200",
+        warning: "dk:border-2 dk:border-amber-500 dk:text-amber-700 dk:dark:border-amber-400 dk:dark:text-amber-200",
+        danger: "dk:border-2 dk:border-rose-600 dk:text-rose-700 dk:dark:border-rose-400 dk:dark:text-rose-200"
+      },
+      ghost: {
+        neutral: "dk:bg-zinc-100 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
+        primary: "dk:bg-slate-100 dk:text-slate-800 dk:dark:bg-slate-700 dk:dark:text-slate-100",
+        secondary: "dk:bg-pink-100 dk:text-pink-800 dk:dark:bg-pink-800 dk:dark:text-pink-100",
+        success: "dk:bg-emerald-100 dk:text-emerald-800 dk:dark:bg-emerald-800 dk:dark:text-emerald-100",
+        warning: "dk:bg-amber-100 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",
+        danger: "dk:bg-rose-100 dk:text-rose-800 dk:dark:bg-rose-800 dk:dark:text-rose-100"
+      }
+    }, m = o(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), h = o(() => {
+      const l = y[e.size], k = n[e.rounded];
+      return [
+        "dk:inline-flex dk:items-center dk:justify-center dk:font-medium dk:transition-colors dk:duration-150 dk:outline-none dk:select-none dk:cursor-pointer dk:disabled:cursor-not-allowed dk:disabled:pointer-events-none",
+        l,
+        k,
+        "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400"
+      ].join(" ");
+    }), C = o(() => [
+      h.value,
+      "dk:text-zinc-600 dk:dark:text-zinc-400",
+      "dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700",
+      "dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
+    ].join(" "));
+    function D(l) {
+      return l === e.modelValue ? [h.value, c[e.variant][e.color]].join(" ") : [
+        h.value,
+        "dk:text-zinc-600 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
+      ].join(" ");
+    }
+    const x = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", y[e.size]].join(" "));
+    return (l, k) => (r(), a("nav", {
+      "aria-label": d.ariaLabel,
+      class: s(m.value)
+    }, [
+      b("button", {
+        type: "button",
+        disabled: d.modelValue <= 1,
+        "aria-label": d.prevLabel,
+        class: s([C.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
+        onClick: k[0] || (k[0] = (p) => u(d.modelValue - 1))
+      }, [
+        k[2] || (k[2] = b("svg", {
+          class: "dk:w-4 dk:h-4",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          b("polyline", { points: "10 4 6 8 10 12" })
+        ], -1)),
+        d.showLabels ? (r(), a("span", qd, j(d.prevLabel), 1)) : S("", !0)
+      ], 10, Kd),
+      (r(!0), a(I, null, N(z.value, (p) => (r(), a(I, { key: p }, [
+        p === "..." ? (r(), a("span", {
+          key: 0,
+          class: s(x.value),
+          "aria-hidden": "true"
+        }, "…", 2)) : (r(), a("button", {
+          key: 1,
+          type: "button",
+          "aria-label": `Pagina ${p}`,
+          "aria-current": d.modelValue === p ? "page" : void 0,
+          class: s(D(p)),
+          onClick: (w) => u(p)
+        }, j(p), 11, Hd))
+      ], 64))), 128)),
+      b("button", {
+        type: "button",
+        disabled: d.modelValue >= g.value,
+        "aria-label": d.nextLabel,
+        class: s([C.value, d.modelValue >= g.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
+        onClick: k[1] || (k[1] = (p) => u(d.modelValue + 1))
+      }, [
+        d.showLabels ? (r(), a("span", Qd, j(d.nextLabel), 1)) : S("", !0),
+        k[3] || (k[3] = b("svg", {
+          class: "dk:w-4 dk:h-4",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          b("polyline", { points: "6 4 10 8 6 12" })
+        ], -1))
+      ], 10, Ud)
+    ], 10, Fd));
+  }
+}), Gd = /* @__PURE__ */ L({
+  __name: "DuiSkeleton",
+  props: {
+    variant: { default: "text" },
+    width: { default: void 0 },
+    height: { default: void 0 },
+    animation: { default: "pulse" }
+  },
+  setup(d) {
+    const t = d;
+    function e(y) {
+      if (y !== void 0)
+        return typeof y == "number" ? `${y}px` : y;
+    }
+    const i = o(() => ({
+      width: e(t.width),
+      height: e(t.height)
+    })), g = {
+      pulse: "dui-skeleton-pulse",
+      wave: "dui-skeleton-wave",
+      none: ""
+    }, u = {
+      text: "dk:block dk:h-4 dk:w-full dk:rounded",
+      circular: "dk:block dk:w-10 dk:h-10 dk:rounded-full",
+      rectangular: "dk:block dk:w-full dk:h-20 dk:rounded-none",
+      rounded: "dk:block dk:w-full dk:h-20 dk:rounded-xl"
+    }, z = o(() => [
+      "dk:bg-zinc-200 dk:dark:bg-zinc-700",
+      u[t.variant],
+      g[t.animation]
+    ].join(" "));
+    return (y, n) => (r(), a("span", {
+      class: s(z.value),
+      style: ie(i.value),
+      "aria-hidden": "true",
+      role: "presentation"
+    }, null, 6));
+  }
+}), Ot = /* @__PURE__ */ ke(Gd, [["__scopeId", "data-v-8c9c6005"]]), Jd = ["aria-label"], Xd = ["id", "aria-controls", "aria-selected", "disabled", "onClick", "onKeydown"], Yd = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "dk:flex-shrink-0"
+}, Zd = ["id", "aria-labelledby", "tabindex", "hidden"], Nt = /* @__PURE__ */ L({
+  __name: "DuiTabs",
+  props: {
+    modelValue: {},
+    tabs: {},
+    variant: { default: "underline" },
+    color: { default: "primary" },
+    size: { default: "md" },
+    fullWidth: { type: Boolean, default: !1 },
+    ariaLabel: { default: "Tabs" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(d, { emit: t }) {
+    const e = d, i = t, g = Math.random().toString(36).slice(2, 8);
+    function u(x, l) {
+      l || (i("update:modelValue", x), i("change", x));
+    }
+    function z(x, l) {
+      const k = e.tabs.filter((w) => !w.disabled).map((w) => w.value), p = k.indexOf(l);
+      if (x.key === "ArrowRight" || x.key === "ArrowDown") {
+        x.preventDefault();
+        const w = k[(p + 1) % k.length];
+        u(w);
+      }
+      if (x.key === "ArrowLeft" || x.key === "ArrowUp") {
+        x.preventDefault();
+        const w = k[(p - 1 + k.length) % k.length];
+        u(w);
+      }
+      x.key === "Home" && (x.preventDefault(), u(k[0])), x.key === "End" && (x.preventDefault(), u(k[k.length - 1]));
+    }
+    const y = {
+      sm: "dk:text-xs dk:px-3 dk:py-1.5",
+      md: "dk:text-sm dk:px-4 dk:py-2",
+      lg: "dk:text-base dk:px-5 dk:py-2.5"
+    }, n = {
+      neutral: { underline: "dk:border-zinc-600 dk:text-zinc-700 dk:dark:border-zinc-400 dk:dark:text-zinc-200", pills: "dk:bg-zinc-600 dk:text-white dk:dark:bg-zinc-500", boxed: "dk:bg-white dk:text-zinc-700 dk:dark:bg-zinc-800 dk:dark:text-zinc-200 dk:shadow-sm" },
+      primary: { underline: "dk:border-slate-600 dk:text-slate-700 dk:dark:border-slate-400 dk:dark:text-slate-200", pills: "dk:bg-slate-600 dk:text-white dk:dark:bg-slate-500", boxed: "dk:bg-white dk:text-slate-700 dk:dark:bg-zinc-800 dk:dark:text-slate-200 dk:shadow-sm" },
+      secondary: { underline: "dk:border-pink-600 dk:text-pink-700 dk:dark:border-pink-400 dk:dark:text-pink-200", pills: "dk:bg-pink-600 dk:text-white dk:dark:bg-pink-500", boxed: "dk:bg-white dk:text-pink-700 dk:dark:bg-zinc-800 dk:dark:text-pink-200 dk:shadow-sm" },
+      success: { underline: "dk:border-emerald-600 dk:text-emerald-700 dk:dark:border-emerald-400 dk:dark:text-emerald-200", pills: "dk:bg-emerald-600 dk:text-white dk:dark:bg-emerald-500", boxed: "dk:bg-white dk:text-emerald-700 dk:dark:bg-zinc-800 dk:dark:text-emerald-200 dk:shadow-sm" },
+      warning: { underline: "dk:border-amber-500 dk:text-amber-700 dk:dark:border-amber-400 dk:dark:text-amber-200", pills: "dk:bg-amber-500 dk:text-white dk:dark:bg-amber-400", boxed: "dk:bg-white dk:text-amber-700 dk:dark:bg-zinc-800 dk:dark:text-amber-200 dk:shadow-sm" },
+      danger: { underline: "dk:border-rose-600 dk:text-rose-700 dk:dark:border-rose-400 dk:dark:text-rose-200", pills: "dk:bg-rose-600 dk:text-white dk:dark:bg-rose-500", boxed: "dk:bg-white dk:text-rose-700 dk:dark:bg-zinc-800 dk:dark:text-rose-200 dk:shadow-sm" }
+    }, c = o(() => "dk:w-full"), m = o(() => {
+      const x = "dk:flex dk:items-center dk:gap-0.5", l = e.fullWidth ? "dk:w-full" : "", k = {
+        underline: "dk:border-b dk:border-zinc-200 dk:dark:border-zinc-700",
+        pills: "dk:gap-1",
+        boxed: "dk:bg-zinc-100 dk:dark:bg-zinc-800 dk:p-1 dk:rounded-xl dk:gap-1"
+      }[e.variant];
+      return [x, l, k].join(" ");
+    });
+    function h(x, l) {
+      const k = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t", p = y[e.size], w = e.modelValue === x, f = l ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", v = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
+      if (e.variant === "underline") {
+        const P = w ? `dk:border-b-2 ${n[e.color].underline}` : "dk:border-b-2 dk:border-transparent dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200 dk:hover:border-zinc-300 dk:dark:hover:border-zinc-600";
+        return [k, p, P, f, v].join(" ");
+      }
+      if (e.variant === "pills") {
+        const P = w ? `dk:rounded-lg ${n[e.color].pills}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200";
+        return [k, p, P, f, v].join(" ");
+      }
+      const $ = w ? `dk:rounded-lg ${n[e.color].boxed}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-black/5 dk:dark:hover:bg-white/5 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200", M = e.fullWidth ? "dk:flex-1 dk:text-center dk:justify-center" : "";
+      return [k, p, $, f, v, M].join(" ");
+    }
+    const C = o(() => "dk:ml-1 dk:inline-flex dk:items-center dk:justify-center dk:rounded-full dk:bg-current/15 dk:text-current dk:text-[10px] dk:font-semibold dk:px-1.5 dk:py-px dk:leading-none"), D = o(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
+    return (x, l) => (r(), a("div", {
+      class: s(c.value)
+    }, [
+      b("div", {
+        class: s(m.value),
+        role: "tablist",
+        "aria-label": d.ariaLabel
+      }, [
+        (r(!0), a(I, null, N(d.tabs, (k) => (r(), a("button", {
+          key: k.value,
+          id: `tab-${R(g)}-${k.value}`,
+          "aria-controls": `panel-${R(g)}-${k.value}`,
+          "aria-selected": d.modelValue === k.value,
+          disabled: k.disabled,
+          role: "tab",
+          class: s(h(k.value, k.disabled)),
+          onClick: (p) => u(k.value, k.disabled),
+          onKeydown: (p) => z(p, k.value)
+        }, [
+          k.icon ? (r(), a("span", Yd, j(k.icon), 1)) : S("", !0),
+          A(" " + j(k.label) + " ", 1),
+          k.badge !== void 0 ? (r(), a("span", {
+            key: 1,
+            class: s(C.value)
+          }, j(k.badge), 3)) : S("", !0)
+        ], 42, Xd))), 128))
+      ], 10, Jd),
+      (r(!0), a(I, null, N(d.tabs, (k) => (r(), a("div", {
+        key: k.value,
+        id: `panel-${R(g)}-${k.value}`,
+        "aria-labelledby": `tab-${R(g)}-${k.value}`,
+        role: "tabpanel",
+        tabindex: d.modelValue === k.value ? 0 : -1,
+        hidden: d.modelValue !== k.value,
+        class: s(D.value)
+      }, [
+        _(x.$slots, k.value)
+      ], 10, Zd))), 128))
+    ], 2));
+  }
+}), oe = ze({ toasts: [] });
+function re(d) {
+  const t = Math.random().toString(36).slice(2, 10), e = {
+    id: t,
+    title: d.title,
+    message: d.message,
+    color: d.color ?? "neutral",
+    duration: d.duration ?? 4e3,
+    closable: d.closable ?? !0,
+    icon: d.icon
+  };
+  return oe.toasts.push(e), e.duration > 0 && setTimeout(() => Ce(t), e.duration), t;
+}
+function Ce(d) {
+  const t = oe.toasts.findIndex((e) => e.id === d);
+  t !== -1 && oe.toasts.splice(t, 1);
+}
+function Rd() {
+  oe.toasts.splice(0);
+}
+function et() {
+  return {
+    toasts: Ae(oe.toasts),
+    add: re,
+    remove: Ce,
+    clear: Rd,
+    success: (d, t) => re({ ...t, message: d, color: "success" }),
+    error: (d, t) => re({ ...t, message: d, color: "danger" }),
+    warning: (d, t) => re({ ...t, message: d, color: "warning" }),
+    info: (d, t) => re({ ...t, message: d, color: "primary" })
+  };
+}
+const dt = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "dk:flex-shrink-0 dk:text-lg"
+}, tt = { class: "dk:flex-1 dk:min-w-0" }, rt = {
+  key: 0,
+  class: "dk:text-sm dk:font-semibold dk:leading-snug"
+}, at = ["onClick"], ot = "dk:flex-shrink-0 dk:flex dk:items-center dk:justify-center dk:w-5 dk:h-5 dk:rounded dk:text-current dk:opacity-70 dk:hover:opacity-100 dk:transition-opacity dk:text-base dk:leading-none dk:outline-none dk:ring-1 dk:ring-current/30 dk:focus-visible:ring-2", Ft = /* @__PURE__ */ L({
+  __name: "DuiToast",
+  props: {
+    position: { default: "top-right" },
+    maxToasts: { default: 5 },
+    zIndex: { default: 9999 }
+  },
+  setup(d) {
+    const t = d, { toasts: e, remove: i } = et(), g = o(() => e.slice(0, t.maxToasts)), u = {
+      "top-right": "dk:top-4 dk:right-4 dk:items-end",
+      "top-left": "dk:top-4 dk:left-4 dk:items-start",
+      "top-center": "dk:top-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center",
+      "bottom-right": "dk:bottom-4 dk:right-4 dk:items-end",
+      "bottom-left": "dk:bottom-4 dk:left-4 dk:items-start",
+      "bottom-center": "dk:bottom-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center"
+    }, z = o(() => [
+      "dk:fixed dk:pointer-events-none",
+      u[t.position],
+      `dk:z-[${t.zIndex}]`
+    ].join(" ")), y = o(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), n = {
+      neutral: "dk:bg-zinc-800 dk:dark:bg-zinc-700 dk:text-white dk:border-zinc-600",
+      primary: "dk:bg-slate-700 dk:dark:bg-slate-700 dk:text-white dk:border-slate-500",
+      secondary: "dk:bg-pink-600 dk:dark:bg-pink-700 dk:text-white dk:border-pink-400",
+      success: "dk:bg-emerald-600 dk:dark:bg-emerald-700 dk:text-white dk:border-emerald-400",
+      warning: "dk:bg-amber-600 dk:dark:bg-amber-700 dk:text-white dk:border-amber-400",
+      danger: "dk:bg-rose-600 dk:dark:bg-rose-700 dk:text-white dk:border-rose-400"
+    }, c = {
+      neutral: "dk:bg-zinc-300",
+      primary: "dk:bg-slate-300",
+      secondary: "dk:bg-pink-200",
+      success: "dk:bg-emerald-200",
+      warning: "dk:bg-amber-200",
+      danger: "dk:bg-rose-200"
+    };
+    function m(C) {
+      return [
+        "dk:pointer-events-auto dk:flex dk:items-start dk:gap-3",
+        "dk:rounded-xl dk:border dk:px-4 dk:py-3 dk:shadow-xl",
+        n[C]
+      ].join(" ");
+    }
+    function h(C) {
+      return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", c[C]].join(" ");
+    }
+    return (C, D) => (r(), F(fe, { to: "body" }, [
+      b("div", {
+        class: s(z.value),
+        "aria-live": "polite",
+        "aria-atomic": "false"
+      }, [
+        de(Ie, {
+          tag: "div",
+          class: s(y.value),
+          "enter-active-class": "dk:transition-all dk:duration-300 dk:ease-out",
+          "leave-active-class": "dk:transition-all dk:duration-200 dk:ease-in dk:absolute dk:w-full",
+          "enter-from-class": "dk:opacity-0 dk:translate-y-2 dk:scale-95",
+          "leave-to-class": "dk:opacity-0 dk:scale-95",
+          "move-class": "dk:transition-all dk:duration-300"
+        }, {
+          default: E(() => [
+            (r(!0), a(I, null, N(g.value, (x) => (r(), a("div", {
+              key: x.id,
+              role: "alert",
+              class: s(m(x.color))
+            }, [
+              x.icon ? (r(), a("span", dt, j(x.icon), 1)) : (r(), a("span", {
+                key: 1,
+                class: s(h(x.color)),
+                "aria-hidden": "true"
+              }, null, 2)),
+              b("div", tt, [
+                x.title ? (r(), a("p", rt, j(x.title), 1)) : S("", !0),
+                b("p", {
+                  class: s(["dk:text-sm dk:leading-snug", { "dk:opacity-80": x.title }])
+                }, j(x.message), 3)
+              ]),
+              x.closable ? (r(), a("button", {
+                key: 2,
+                type: "button",
+                class: s(ot),
+                "aria-label": "Cerrar notificacion",
+                onClick: (l) => R(i)(x.id)
+              }, " × ", 8, at)) : S("", !0)
+            ], 2))), 128))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2)
+    ]));
+  }
+}), kt = {
   key: 0,
   class: "dk:flex dk:items-center dk:gap-4 dk:flex-shrink-0"
-}, fd = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, gd = {
+}, nt = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, st = {
   key: 0,
   class: "dk:relative dk:group"
-}, 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 = {
+}, lt = { 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" }, it = {
   key: 1,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
-}, vd = {
+}, ct = {
   class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
   fill: "none",
   viewBox: "0 0 24 24"
-}, 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 = {
+}, ut = ["d"], bt = { 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" }, pt = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, gt = { key: 0 }, mt = ["onClick"], ft = { class: "dk:flex dk:items-center" }, ht = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, xt = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
-}, Nd = /* @__PURE__ */ A({
+}, Kt = /* @__PURE__ */ L({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
@@ -1737,19 +2879,19 @@ const Ve = { key: 1 }, Pe = `
     itemsAlignment: { default: "left" },
     underlineColor: { default: "primary" }
   },
-  setup(t) {
-    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 = () => {
+  setup(d) {
+    const t = d, e = U(!1), i = ze({}), g = (p) => ae(p.to, t.nuxt), u = (p) => {
+      const w = g(p);
+      return ce(p.to, w);
+    }, z = () => {
       e.value = !e.value;
-    }, v = () => {
-      e.value = !1, Object.keys(i).forEach((y) => {
-        i[y] = !1;
+    }, y = () => {
+      e.value = !1, Object.keys(i).forEach((p) => {
+        i[p] = !1;
       });
-    }, a = (y) => {
-      i[y] = !i[y];
-    }, n = {
+    }, n = (p) => {
+      i[p] = !i[p];
+    }, c = {
       s: {
         height: "dk:h-12",
         padding: "dk:px-3",
@@ -1768,8 +2910,8 @@ const Ve = { key: 1 }, Pe = `
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, k = l(() => {
-      const y = n[d.size];
+    }, m = o(() => {
+      const p = c[t.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",
@@ -1782,19 +2924,19 @@ const Ve = { key: 1 }, Pe = `
         "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",
-        y.height,
-        y.padding,
-        y.text
+        p.height,
+        p.padding,
+        p.text
       ].join(" ");
-    }), s = l(() => [
+    }), h = o(() => [
       "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]
+      }[t.itemsAlignment]
     ].join(" ")), C = () => {
-      const y = {
+      const p = {
         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",
@@ -1802,13 +2944,13 @@ const Ve = { key: 1 }, Pe = `
         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 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`, [
+      return p[t.underlineColor] || p.primary;
+    }, D = o(() => {
+      const p = c[t.size], w = C();
+      return (f, v = !0) => {
+        const $ = f.active ?? !1, M = v ? "dk:pl-3" : "dk:pl-2", P = "dk:pr-3", J = v ? "dk:pl-2" : "dk:pl-1", Y = "dk:pr-2", Z = v ? "dk:pl-4" : "dk:pl-3", ue = "dk:pr-4";
+        let ee = "";
+        return p.itemPadding.includes("px-2") ? ee = `${J} ${Y} dk:py-1.5` : p.itemPadding.includes("px-4") ? ee = `${Z} ${ue} dk:py-3` : ee = `${M} ${P} 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",
@@ -1817,62 +2959,62 @@ const Ve = { key: 1 }, Pe = `
           // 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",
-          P,
+          w,
           "dk:before:transition-all dk:before:duration-300",
           $ ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
-          Z
+          ee
         ].join(" ");
       };
-    }), j = l(() => [
+    }), x = o(() => [
       "dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm dk:whitespace-nowrap",
       "dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-white/50 dk:dark:hover:bg-white/10",
       "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
       "dk:transition-all dk:duration-200 dk:no-underline",
       "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500"
-    ].join(" ")), z = l(() => [
+    ].join(" ")), l = o(() => [
       "dk:flex dk:items-center dk:justify-start dk:w-full dk:text-left dk:px-3 dk:py-2",
       "dk:text-gray-700 dk:hover:text-gray-900 dk:rounded-lg",
       "dk:bg-white/10 dk:hover:bg-white/25 dk:dark:bg-white/5 dk:dark:hover:bg-white/15",
       "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
       "dk:border dk:border-white/20 dk:dark:border-white/10 dk:hover:border-white/40 dk:dark:hover:border-white/20",
       "dk:transition-all dk:duration-200 dk:no-underline"
-    ].join(" ")), N = l(() => [
+    ].join(" ")), k = o(() => [
       "dk:block dk:w-full dk:text-left dk:px-3 dk:py-2 dk:text-sm dk:rounded-lg",
       "dk:text-gray-600 dk:hover:text-gray-800 dk:hover:bg-white/30 dk:dark:hover:bg-white/10",
       "dk:dark:text-gray-400 dk:dark:hover:text-gray-200",
       "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
       "dk:transition-all dk:duration-200 dk:no-underline"
     ].join(" "));
-    return (y, P) => (r(), o("nav", {
-      class: m(k.value)
+    return (p, w) => (r(), a("nav", {
+      class: s(m.value)
     }, [
-      y.$slots.brand ? (r(), o("div", pd, [
-        T(y.$slots, "brand")
-      ])) : w("", !0),
-      p("div", fd, [
-        p("div", {
-          class: m(s.value)
+      p.$slots.brand ? (r(), a("div", kt, [
+        _(p.$slots, "brand")
+      ])) : S("", !0),
+      b("div", nt, [
+        b("div", {
+          class: s(h.value)
         }, [
-          (r(!0), o(O, null, G(t.items, (g) => (r(), o(O, {
-            key: g.label
+          (r(!0), a(I, null, N(d.items, (f) => (r(), a(I, {
+            key: f.label
           }, [
-            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)
+            f.children && f.children.length > 0 ? (r(), a("div", st, [
+              (r(), F(Q(g(f)), W({ ref_for: !0 }, u(f), {
+                class: D.value(f, !0)
               }), {
                 default: E(() => [
-                  g.icon ? (r(), o("i", {
+                  f.icon ? (r(), a("i", {
                     key: 0,
-                    class: m([g.icon, "dk:mr-2"])
-                  }, null, 2)) : w("", !0),
-                  V(" " + S(g.label) + " ", 1),
-                  P[0] || (P[0] = p("svg", {
+                    class: s([f.icon, "dk:mr-2"])
+                  }, null, 2)) : S("", !0),
+                  A(" " + j(f.label) + " ", 1),
+                  w[0] || (w[0] = b("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"
                   }, [
-                    p("path", {
+                    b("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -1882,145 +3024,156 @@ const Ve = { key: 1 }, Pe = `
                 ]),
                 _: 2
               }, 1040, ["class"])),
-              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 }), {
+              b("div", lt, [
+                (r(!0), a(I, null, N(f.children, (v) => (r(), F(Q(g(v)), W({
+                  key: v.label
+                }, { ref_for: !0 }, u(v), { class: x.value }), {
                   default: E(() => [
-                    _.icon ? (r(), o("i", {
+                    v.icon ? (r(), a("i", {
                       key: 0,
-                      class: m([_.icon, "dk:mr-2"])
-                    }, null, 2)) : w("", !0),
-                    V(" " + S(_.label), 1)
+                      class: s([v.icon, "dk:mr-2"])
+                    }, null, 2)) : S("", !0),
+                    A(" " + j(v.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ])
-            ])) : (r(), H(K(f(g)), I({
+            ])) : (r(), F(Q(g(f)), W({
               key: 1,
               ref_for: !0
-            }, c(g), {
-              class: B.value(g, !1)
+            }, u(f), {
+              class: D.value(f, !1)
             }), {
               default: E(() => [
-                g.icon ? (r(), o("i", {
+                f.icon ? (r(), a("i", {
                   key: 0,
-                  class: m([g.icon, "dk:mr-2"])
-                }, null, 2)) : w("", !0),
-                V(" " + S(g.label), 1)
+                  class: s([f.icon, "dk:mr-2"])
+                }, null, 2)) : S("", !0),
+                A(" " + j(f.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128))
         ], 2)
       ]),
-      y.$slots.actions ? (r(), o("div", hd, [
-        T(y.$slots, "actions")
-      ])) : w("", !0),
-      p("button", {
+      p.$slots.actions ? (r(), a("div", it, [
+        _(p.$slots, "actions")
+      ])) : S("", !0),
+      b("button", {
         type: "button",
-        onClick: x,
+        onClick: z,
         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", vd, [
-          p("path", {
+        (r(), a("svg", ct, [
+          b("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: e.value ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"
-          }, null, 8, xd)
+          }, null, 8, ut)
         ]))
       ]),
-      ne(p("div", yd, [
-        p("div", wd, [
-          (r(!0), o(O, null, G(t.items, (g) => (r(), o(O, {
-            key: g.label
+      be(b("div", bt, [
+        b("div", pt, [
+          (r(!0), a(I, null, N(d.items, (f) => (r(), a(I, {
+            key: f.label
           }, [
-            g.children && g.children.length > 0 ? (r(), o("div", zd, [
-              p("button", {
+            f.children && f.children.length > 0 ? (r(), a("div", gt, [
+              b("button", {
                 type: "button",
-                onClick: (_) => a(g.label),
-                class: m([z.value, "dk:justify-between"])
+                onClick: (v) => n(f.label),
+                class: s([l.value, "dk:justify-between"])
               }, [
-                p("div", $d, [
-                  g.icon ? (r(), o("i", {
+                b("div", ft, [
+                  f.icon ? (r(), a("i", {
                     key: 0,
-                    class: m([g.icon, "dk:mr-2"])
-                  }, null, 2)) : w("", !0),
-                  V(" " + S(g.label), 1)
+                    class: s([f.icon, "dk:mr-2"])
+                  }, null, 2)) : S("", !0),
+                  A(" " + j(f.label), 1)
                 ]),
-                (r(), o("svg", {
-                  class: m(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", i[g.label] ? "dk:rotate-180" : ""]),
+                (r(), a("svg", {
+                  class: s(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", i[f.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, [...P[1] || (P[1] = [
-                  p("path", {
+                }, [...w[1] || (w[1] = [
+                  b("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 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
+              ], 10, mt),
+              be(b("div", ht, [
+                (r(!0), a(I, null, N(f.children, (v) => (r(), F(Q(g(v)), W({
+                  key: v.label
+                }, { ref_for: !0 }, u(v), {
+                  class: k.value,
+                  onClick: y
                 }), {
                   default: E(() => [
-                    _.icon ? (r(), o("i", {
+                    v.icon ? (r(), a("i", {
                       key: 0,
-                      class: m([_.icon, "dk:mr-2"])
-                    }, null, 2)) : w("", !0),
-                    V(" " + S(_.label), 1)
+                      class: s([v.icon, "dk:mr-2"])
+                    }, null, 2)) : S("", !0),
+                    A(" " + j(v.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [se, i[g.label]]
+                [pe, i[f.label]]
               ])
-            ])) : (r(), H(K(f(g)), I({
+            ])) : (r(), F(Q(g(f)), W({
               key: 1,
               ref_for: !0
-            }, c(g), {
-              class: z.value,
-              onClick: v
+            }, u(f), {
+              class: l.value,
+              onClick: y
             }), {
               default: E(() => [
-                g.icon ? (r(), o("i", {
+                f.icon ? (r(), a("i", {
                   key: 0,
-                  class: m([g.icon, "dk:mr-2"])
-                }, null, 2)) : w("", !0),
-                V(" " + S(g.label), 1)
+                  class: s([f.icon, "dk:mr-2"])
+                }, null, 2)) : S("", !0),
+                A(" " + j(f.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          y.$slots.actions ? (r(), o("div", _d, [
-            T(y.$slots, "actions")
-          ])) : w("", !0)
+          p.$slots.actions ? (r(), a("div", xt, [
+            _(p.$slots, "actions")
+          ])) : S("", !0)
         ])
       ], 512), [
-        [se, e.value]
+        [pe, e.value]
       ])
     ], 2));
   }
 });
 export {
-  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
+  Pt as DuiAccordion,
+  Mt as DuiAction,
+  Vt as DuiAlert,
+  Lt as DuiBadge,
+  ye as DuiButton,
+  Dt as DuiCard,
+  $t as DuiCheckbox,
+  At as DuiDropdown,
+  It as DuiDropdownItem,
+  Wt as DuiDropdownSeparator,
+  yt as DuiInput,
+  Ct as DuiLabel,
+  Tt as DuiModal,
+  Kt as DuiNavbar,
+  Et as DuiPagination,
+  St as DuiRadio,
+  zt as DuiSelect,
+  Ot as DuiSkeleton,
+  jt as DuiSwitch,
+  Bt as DuiTable,
+  Nt as DuiTabs,
+  wt as DuiTextarea,
+  Ft as DuiToast,
+  _t as DuiTooltip
 };