@dronico/droni-kit 1.20.0 → 1.21.0

package/dist/droni-kit.es.js

@@ -1,20 +1,20 @@
-import { getCurrentInstance as Pe, defineComponent as I, computed as o, openBlock as t, createBlock as q, resolveDynamicComponent as Y, mergeProps as N, withCtx as U, renderSlot as P, createElementBlock as a, watch as ie, onMounted as me, onBeforeUnmount as he, Teleport as ze, createVNode as ae, Transition as Ce, normalizeClass as s, normalizeStyle as xe, createElementVNode as i, withModifiers as ke, toDisplayString as j, createCommentVNode as S, ref as K, Fragment as W, renderList as H, createTextVNode as E, withDirectives as ye, vShow as we, useSlots as je, unref as oe, nextTick as fe, withKeys as Se, reactive as Ve, readonly as Ae, TransitionGroup as Ie } from "vue";
-function Ee() {
+import { getCurrentInstance as Le, defineComponent as P, computed as o, openBlock as t, createBlock as O, resolveDynamicComponent as Q, mergeProps as E, withCtx as W, renderSlot as T, createElementBlock as a, ref as K, watch as ae, normalizeClass as n, createElementVNode as c, toDisplayString as j, createCommentVNode as S, Fragment as A, renderList as F, createTextVNode as I, withDirectives as pe, vShow as ge, useSlots as we, unref as R, createVNode as de, onMounted as me, onBeforeUnmount as fe, Teleport as he, Transition as xe, normalizeStyle as ce, withModifiers as te, nextTick as le, withKeys as ye, reactive as ze, readonly as Ie, TransitionGroup as Ae } from "vue";
+function We() {
   try {
-    const d = Pe(), r = d == null ? void 0 : d.appContext.app;
+    const d = Le(), r = d == null ? void 0 : d.appContext.app;
     return r ? !!(r.config.globalProperties.$router || r.config.globalProperties.$route || r.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
   } catch {
     return !1;
   }
 }
-function ce(d) {
-  return d ? Ee() ? "RouterLink" : "a" : "button";
+function oe(d) {
+  return d ? We() ? "RouterLink" : "a" : "button";
 }
-function ve(d, r, e = {}) {
-  const l = { ...e };
-  return r === "a" ? (l.href = typeof d == "string" ? d : "#", l.role = "button") : r !== "button" && r !== "span" && (l.to = d), l;
+function ue(d, r, e = {}) {
+  const b = { ...e };
+  return r === "a" ? (b.href = typeof d == "string" ? d : "#", b.role = "button") : r !== "button" && r !== "span" && (b.to = d), b;
 }
-const Ue = { key: 1 }, We = `
+const Ee = { key: 1 }, Oe = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -25,7 +25,7 @@ const Ue = { key: 1 }, We = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ge = /* @__PURE__ */ I({
+  dk:max-w-full`, ie = /* @__PURE__ */ P({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -40,14 +40,14 @@ const Ue = { key: 1 }, We = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = o(() => ce(r.to)), l = o(() => {
-      const k = {};
-      return e.value === "button" && (k.type = r.type), ve(r.to, e.value, k);
-    }), p = {
+    const r = d, e = o(() => oe(r.to)), b = o(() => {
+      const s = {};
+      return e.value === "button" && (s.type = r.type), ue(r.to, e.value, s);
+    }), m = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, c = {
+    }, i = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -226,216 +226,23 @@ const Ue = { key: 1 }, We = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, m = o(() => {
+    }, y = o(() => {
       var C;
-      const k = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, u = p[r.size] || "", g = r.block ? "dk:w-full" : "", x = c[r.rounded] || "";
-      return [We, k, u, g, x].join(" ");
+      const s = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, g = m[r.size] || "", h = r.block ? "dk:w-full" : "", x = i[r.rounded] || "";
+      return [Oe, s, g, h, x].join(" ");
     });
-    return (k, u) => (t(), q(Y(e.value), N(l.value, {
-      class: m.value,
+    return (s, g) => (t(), O(Q(e.value), E(b.value, {
+      class: y.value,
       title: r.title,
       disabled: r.disabled || r.loading
     }), {
-      default: U(() => [
-        r.loading ? (t(), a("span", Ue, "Cargando...")) : P(k.$slots, "default", { key: 0 })
+      default: W(() => [
+        r.loading ? (t(), a("span", Ee, "Cargando...")) : T(s.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), Oe = ["aria-labelledby", "aria-describedby"], Ne = /* @__PURE__ */ I({
-  __name: "DuiModal",
-  props: {
-    modelValue: { type: Boolean, default: !1 },
-    title: { default: void 0 },
-    description: { default: void 0 },
-    size: { default: "md" },
-    variant: { default: "solid" },
-    color: { default: "neutral" },
-    rounded: { default: "all" },
-    showClose: { type: Boolean, default: !0 },
-    closeOnBackdrop: { type: Boolean, default: !0 },
-    closeOnEsc: { type: Boolean, default: !0 },
-    persistent: { type: Boolean, default: !1 },
-    centered: { type: Boolean, default: !0 },
-    scrollable: { type: Boolean, default: !0 },
-    blurBackdrop: { type: Boolean, default: !0 },
-    zIndex: { default: 50 }
-  },
-  emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
-  setup(d, { emit: r }) {
-    const e = d, l = r, p = Math.random().toString(36).slice(2, 10), c = `dui-modal-title-${p}`, z = `dui-modal-description-${p}`, m = {
-      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"
-    }, k = {
-      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"
-    }, u = {
-      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",
-        primary: "dk:bg-slate-50 dk:text-slate-900 dk:border-slate-200 dk:dark:bg-slate-900 dk:dark:text-slate-100 dk:dark:border-slate-700",
-        secondary: "dk:bg-pink-50 dk:text-pink-900 dk:border-pink-200 dk:dark:bg-pink-900 dk:dark:text-pink-100 dk:dark:border-pink-700",
-        success: "dk:bg-emerald-50 dk:text-emerald-900 dk:border-emerald-200 dk:dark:bg-emerald-900 dk:dark:text-emerald-100 dk:dark:border-emerald-700",
-        warning: "dk:bg-amber-50 dk:text-amber-900 dk:border-amber-200 dk:dark:bg-amber-900 dk:dark:text-amber-100 dk:dark:border-amber-700",
-        danger: "dk:bg-rose-50 dk:text-rose-900 dk:border-rose-200 dk:dark:bg-rose-900 dk:dark:text-rose-100 dk:dark:border-rose-700"
-      },
-      outline: {
-        base: "dk:border-2 dk:shadow-lg dk:bg-white/95 dk:dark:bg-zinc-900/95",
-        neutral: "dk:text-zinc-900 dk:border-zinc-300 dk:dark:text-zinc-100 dk:dark:border-zinc-600",
-        primary: "dk:text-slate-900 dk:border-slate-400 dk:dark:text-slate-100 dk:dark:border-slate-500",
-        secondary: "dk:text-pink-900 dk:border-pink-400 dk:dark:text-pink-100 dk:dark:border-pink-500",
-        success: "dk:text-emerald-900 dk:border-emerald-400 dk:dark:text-emerald-100 dk:dark:border-emerald-500",
-        warning: "dk:text-amber-900 dk:border-amber-400 dk:dark:text-amber-100 dk:dark:border-amber-500",
-        danger: "dk:text-rose-900 dk:border-rose-400 dk:dark:text-rose-100 dk:dark:border-rose-500"
-      },
-      ghost: {
-        base: "dk:border dk:shadow-xl dk:backdrop-blur-md",
-        neutral: "dk:bg-white/85 dk:text-zinc-900 dk:border-zinc-300/70 dk:dark:bg-zinc-900/75 dk:dark:text-zinc-100 dk:dark:border-zinc-600/60",
-        primary: "dk:bg-slate-100/85 dk:text-slate-900 dk:border-slate-300/70 dk:dark:bg-slate-900/70 dk:dark:text-slate-100 dk:dark:border-slate-600/60",
-        secondary: "dk:bg-pink-100/85 dk:text-pink-900 dk:border-pink-300/70 dk:dark:bg-pink-900/70 dk:dark:text-pink-100 dk:dark:border-pink-600/60",
-        success: "dk:bg-emerald-100/85 dk:text-emerald-900 dk:border-emerald-300/70 dk:dark:bg-emerald-900/70 dk:dark:text-emerald-100 dk:dark:border-emerald-600/60",
-        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"
-      }
-    }, g = o(() => [
-      "dk:fixed dk:inset-0 dk:bg-black/55",
-      e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
-    ].join(" ")), x = 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 = o(() => {
-      const $ = u[e.variant].base, D = u[e.variant][e.color], A = m[e.rounded], Z = k[e.size];
-      return [
-        "dk:relative dk:flex dk:flex-col dk:overflow-hidden",
-        $,
-        D,
-        A,
-        Z
-      ].join(" ");
-    }), _ = 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(" ")), v = o(() => [
-      "dk:px-5 dk:py-4",
-      e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
-    ].join(" ")), b = o(() => [
-      "dk:px-5 dk:py-4 dk:border-t dk:border-current/10",
-      "dk:flex dk:items-center dk:justify-end dk:gap-2"
-    ].join(" "));
-    function n() {
-      if (typeof document > "u") return;
-      const $ = document.body, A = Number($.dataset.duiModalCount || "0") + 1;
-      $.dataset.duiModalCount = String(A), A === 1 && ($.style.overflow = "hidden");
-    }
-    function f() {
-      if (typeof document > "u") return;
-      const $ = document.body, D = Number($.dataset.duiModalCount || "0"), A = Math.max(0, D - 1);
-      $.dataset.duiModalCount = String(A), A === 0 && ($.style.overflow = "");
-    }
-    function w($) {
-      l("update:modelValue", !1), l("close", $);
-    }
-    function h() {
-      l("backdrop"), !(e.persistent || !e.closeOnBackdrop) && w("backdrop");
-    }
-    function y($) {
-      $.key !== "Escape" || !e.modelValue || (l("escape"), !(e.persistent || !e.closeOnEsc) && w("escape"));
-    }
-    return ie(
-      () => e.modelValue,
-      ($, D) => {
-        $ && !D && (n(), l("open")), !$ && D && f();
-      }
-    ), me(() => {
-      e.modelValue && n(), typeof window < "u" && window.addEventListener("keydown", y);
-    }), he(() => {
-      e.modelValue && f(), typeof window < "u" && window.removeEventListener("keydown", y);
-    }), ($, D) => (t(), q(ze, { to: "body" }, [
-      ae(Ce, {
-        "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: U(() => [
-          e.modelValue ? (t(), a("div", {
-            key: 0,
-            style: xe({ zIndex: String(e.zIndex) }),
-            class: s(g.value),
-            onClick: h
-          }, [
-            i("div", {
-              class: s(x.value)
-            }, [
-              i("div", {
-                role: "dialog",
-                "aria-modal": "true",
-                "aria-labelledby": e.title ? c : void 0,
-                "aria-describedby": e.description ? z : void 0,
-                class: s(C.value),
-                onClick: D[1] || (D[1] = ke(() => {
-                }, ["stop"]))
-              }, [
-                $.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
-                  key: 0,
-                  class: s(_.value)
-                }, [
-                  i("div", null, [
-                    P($.$slots, "header", {}, () => [
-                      e.title ? (t(), a("h2", {
-                        key: 0,
-                        id: c,
-                        class: "dk:text-lg dk:font-semibold"
-                      }, j(e.title), 1)) : S("", !0),
-                      e.description ? (t(), a("p", {
-                        key: 1,
-                        id: z,
-                        class: "dk:mt-1 dk:text-sm dk:opacity-80"
-                      }, j(e.description), 1)) : S("", !0)
-                    ])
-                  ]),
-                  e.showClose ? (t(), 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: D[0] || (D[0] = (A) => w("button"))
-                  }, [...D[2] || (D[2] = [
-                    i("span", { "aria-hidden": "true" }, "×", -1)
-                  ])])) : S("", !0)
-                ], 2)) : S("", !0),
-                i("section", {
-                  class: s(v.value)
-                }, [
-                  P($.$slots, "default")
-                ], 2),
-                $.$slots.footer ? (t(), a("footer", {
-                  key: 1,
-                  class: s(b.value)
-                }, [
-                  P($.$slots, "footer")
-                ], 2)) : S("", !0)
-              ], 10, Oe)
-            ], 2)
-          ], 6)) : S("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), Fe = ["accept"], Ke = { class: "dk:min-h-[60vh] dk:overflow-hidden dk:rounded-lg dk:border dk:border-zinc-200 dk:bg-white dk:dark:border-zinc-700 dk:dark:bg-zinc-950" }, qe = ["src"], He = {
-  key: 1,
-  class: "dk:flex dk:h-[60vh] dk:items-center dk:justify-center dk:px-6 dk:text-center dk:text-sm dk:text-zinc-500 dk:dark:text-zinc-400"
-}, St = /* @__PURE__ */ I({
+}), Ne = ["href"], Fe = ["accept"], zt = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiFile",
   props: {
@@ -443,14 +250,6 @@ const Ue = { key: 1 }, We = `
       type: String,
       default: ""
     },
-    explorerUrl: {
-      type: String,
-      default: ""
-    },
-    uploadUrl: {
-      type: String,
-      default: ""
-    },
     accept: {
       type: String,
       default: "*"
@@ -466,212 +265,145 @@ const Ue = { key: 1 }, We = `
     rounded: {
       type: String,
       default: "all"
+    },
+    uploadBtn: {
+      type: Boolean,
+      default: !0
+    },
+    browserBtn: {
+      type: Boolean,
+      default: !0
     }
   },
-  emits: ["update:modelValue", "select", "upload-start", "upload-success", "upload-error", "browse"],
+  emits: ["update:modelValue", "open-browser", "upload-file"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = K(null), c = K(!1), z = K(!1), m = K(""), k = {
-      sm: "dk:gap-3 dk:px-3 dk:py-3",
-      md: "dk:gap-4 dk:px-4 dk:py-4",
-      lg: "dk:gap-5 dk:px-5 dk:py-5"
-    }, u = {
+    const e = d, b = r, m = K(null), i = K(""), z = {
+      sm: "dk:gap-1 dk:px-2 dk:py-1",
+      md: "dk:gap-2 dk:px-3 dk:py-2",
+      lg: "dk:gap-3 dk:px-4 dk:py-3"
+    }, 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"
-    }, g = o(() => !!e.explorerUrl), x = o(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), C = o(() => {
-      const B = k[e.size] || k.md, L = u[e.rounded] || u.all;
+    }, s = o(() => e.block ? "dk:w-full" : "dk:inline-flex dk:max-w-full"), g = o(() => {
+      const l = z[e.size] || z.md, u = y[e.rounded] || y.all;
       return [
         "dk:flex dk:w-full dk:flex-col dk:items-stretch dk:justify-between dk:border-b dk:border-zinc-300 dk:bg-zinc-50 dk:text-zinc-800 dk:shadow-sm dk:transition-colors",
         "dk:dark:border-zinc-600 dk:dark:bg-zinc-800 dk:dark:text-zinc-100",
         "dk:sm:flex-row dk:sm:items-center",
-        B,
-        L
+        l,
+        u
       ].join(" ");
-    }), _ = o(() => "dk:min-w-0 dk:flex-1"), v = o(() => [
+    }), h = o(() => "dk:min-w-0 dk:flex-1"), x = o(() => [
       "dk:flex dk:flex-col dk:gap-2 dk:w-full",
       "dk:sm:w-auto dk:sm:flex-row dk:sm:items-center dk:sm:justify-end"
-    ].join(" ")), b = o(() => [
+    ].join(" ")), C = o(() => [
       "dk:mt-1 dk:max-w-full dk:overflow-hidden dk:text-ellipsis dk:whitespace-nowrap dk:text-sm",
-      e.modelValue || m.value ? "dk:text-zinc-900 dk:dark:text-zinc-100" : "dk:text-zinc-500 dk:dark:text-zinc-400"
-    ].join(" ")), n = o(() => m.value ? m.value : e.modelValue ? f(e.modelValue) : "No hay archivo seleccionado");
-    ie(
+      e.modelValue || i.value ? "dk:text-zinc-900 dk:dark:text-zinc-100" : "dk:text-zinc-500 dk:dark:text-zinc-400"
+    ].join(" ")), D = o(() => i.value ? i.value : e.modelValue ? v(e.modelValue) : "No hay archivo seleccionado");
+    ae(
       () => e.modelValue,
-      (B) => {
-        B && (m.value = "");
+      (l) => {
+        l && (i.value = "");
       }
     );
-    function f(B) {
+    function v(l) {
       try {
-        const O = new URL(B, typeof window < "u" ? window.location.origin : "http://localhost").pathname.split("/").filter(Boolean);
-        return decodeURIComponent(O[O.length - 1] || B);
+        const $ = new URL(l, typeof window < "u" ? window.location.origin : "http://localhost").pathname.split("/").filter(Boolean);
+        return decodeURIComponent($[$.length - 1] || l);
       } catch {
-        const L = B.split("?")[0].split("#")[0].split("/").filter(Boolean);
-        return decodeURIComponent(L[L.length - 1] || B);
+        const u = l.split("?")[0].split("#")[0].split("/").filter(Boolean);
+        return decodeURIComponent(u[u.length - 1] || l);
       }
     }
-    function w() {
-      g.value && (c.value = !0, l("browse"));
-    }
-    function h() {
-      var B;
-      (B = p.value) == null || B.click();
+    function p() {
+      b("open-browser");
     }
-    async function y(B) {
-      var te;
-      const L = B.target, O = (te = L.files) == null ? void 0 : te[0];
-      if (!O) return;
-      if (m.value = O.name, l("select", O), !e.uploadUrl) {
-        A(L);
-        return;
-      }
-      const Q = new FormData();
-      Q.append("file", O), z.value = !0, l("upload-start", O);
-      try {
-        const re = await fetch(e.uploadUrl, {
-          method: "POST",
-          body: Q
-        });
-        if (!re.ok)
-          throw new Error(`Error al subir archivo: ${re.status}`);
-        const ne = await $(re), se = D(ne);
-        if (!se)
-          throw new Error("La respuesta de carga no contiene una URL de archivo válida");
-        l("update:modelValue", se), l("upload-success", { file: O, response: ne, url: se });
-      } catch (re) {
-        const ne = re instanceof Error ? re : new Error("No fue posible subir el archivo");
-        l("upload-error", ne);
-      } finally {
-        z.value = !1, A(L);
-      }
-    }
-    async function $(B) {
-      return (B.headers.get("content-type") || "").includes("application/json") ? B.json() : B.text();
-    }
-    function D(B) {
-      if (typeof B == "string")
-        return B;
-      if (!B || typeof B != "object")
-        return "";
-      const L = B, O = ["url", "fileUrl", "location", "path", "value"];
-      for (const Q of O) {
-        const te = L[Q];
-        if (typeof te == "string" && te)
-          return te;
-      }
-      return "";
-    }
-    function A(B) {
-      B.value = "";
-    }
-    function Z(B) {
-      return typeof B == "string" ? B : !B || typeof B != "object" || B.type && B.type !== "dui:file-selected" ? "" : B.url || B.fileUrl || B.currentUrl || B.value || "";
+    function k() {
+      var l;
+      (l = m.value) == null || l.click();
     }
-    function ee() {
-      if (!e.explorerUrl || typeof window > "u") return "";
-      try {
-        return new URL(e.explorerUrl, window.location.origin).origin;
-      } catch {
-        return "";
-      }
+    function f(l) {
+      var M;
+      const u = l.target, $ = (M = u.files) == null ? void 0 : M[0];
+      $ && (i.value = $.name, b("upload-file", $), w(u));
     }
-    function R(B) {
-      if (!c.value || !e.explorerUrl) return;
-      const L = ee();
-      if (L && B.origin !== L) return;
-      const O = Z(B.data);
-      O && (m.value = "", l("update:modelValue", O), c.value = !1);
+    function w(l) {
+      l.value = "";
     }
-    return me(() => {
-      typeof window < "u" && window.addEventListener("message", R);
-    }), he(() => {
-      typeof window < "u" && window.removeEventListener("message", R);
-    }), (B, L) => (t(), a("div", {
-      class: s(x.value)
+    return (l, u) => (t(), a("div", {
+      class: n(s.value)
     }, [
-      i("div", {
-        class: s(C.value)
+      c("div", {
+        class: n(g.value)
       }, [
-        i("div", {
-          class: s(_.value)
+        c("div", {
+          class: n(h.value)
         }, [
-          L[1] || (L[1] = i("p", { class: "dk:text-sm dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200" }, " Archivo actual ", -1)),
-          i("p", {
-            class: s(b.value)
-          }, j(n.value), 3)
+          e.modelValue ?? i.value ? (t(), a("p", {
+            key: 0,
+            class: n(C.value)
+          }, [
+            c("a", {
+              href: e.modelValue,
+              target: "_blank",
+              class: "dk:ml-2 dk:text-pink-500 dk:underline dk:transition-colors dk:hover:text-pink-800 dk:dark:text-pink-400 dk:dark:hover:text-pink-300"
+            }, j(D.value), 9, Ne)
+          ], 2)) : S("", !0)
         ], 2),
-        i("div", {
-          class: s(v.value)
+        c("div", {
+          class: n(x.value)
         }, [
-          g.value ? (t(), q(ge, {
+          e.browserBtn ? (t(), O(ie, {
             key: 0,
             color: "primary",
             variant: "outline",
             size: "sm",
             block: !1,
-            onClick: w
+            title: "Abrir navegador de archivos",
+            onClick: p
           }, {
-            default: U(() => [...L[2] || (L[2] = [
-              i("i", {
+            default: W(() => [...u[0] || (u[0] = [
+              c("i", {
                 class: "mdi mdi-folder-search-outline",
                 "aria-hidden": "true"
               }, null, -1)
             ])]),
             _: 1
           })) : S("", !0),
-          ae(ge, {
+          e.uploadBtn ? (t(), O(ie, {
+            key: 1,
             color: "neutral",
             variant: "solid",
             size: "sm",
             block: !1,
-            loading: z.value,
-            disabled: z.value,
-            onClick: h
+            title: "Subir nuevo archivo",
+            onClick: k
           }, {
-            default: U(() => [...L[3] || (L[3] = [
-              i("i", {
+            default: W(() => [...u[1] || (u[1] = [
+              c("i", {
                 class: "mdi mdi-upload",
                 "aria-hidden": "true"
               }, null, -1)
             ])]),
             _: 1
-          }, 8, ["loading", "disabled"])
+          })) : S("", !0)
         ], 2)
       ], 2),
-      i("input", {
+      c("input", {
         ref_key: "fileInputRef",
-        ref: p,
+        ref: m,
         type: "file",
         class: "dk:hidden",
         accept: e.accept,
-        onChange: y
-      }, null, 40, Fe),
-      ae(Ne, {
-        modelValue: c.value,
-        "onUpdate:modelValue": L[0] || (L[0] = (O) => c.value = O),
-        title: "Explorador de archivos",
-        description: "Selecciona un archivo existente desde el explorador configurado.",
-        size: "xl",
-        color: "neutral",
-        variant: "solid"
-      }, {
-        default: U(() => [
-          i("div", Ke, [
-            e.explorerUrl ? (t(), a("iframe", {
-              key: 0,
-              src: e.explorerUrl,
-              title: "Explorador de archivos",
-              class: "dk:h-[60vh] dk:w-full dk:border-0 dk:bg-transparent"
-            }, null, 8, qe)) : (t(), a("div", He, " No se configuró una URL para el explorador de archivos. "))
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"])
+        onChange: f
+      }, null, 40, Fe)
     ], 2));
   }
-}), Qe = ["value"], Ge = `
+}), Ue = ["value"], Ke = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -683,7 +415,7 @@ const Ue = { key: 1 }, We = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, jt = /* @__PURE__ */ I({
+  dk:dark:[color-scheme:dark]`, Ct = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
@@ -706,12 +438,12 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, l = r;
-    function p(k) {
-      const u = k.target;
-      l("update:modelValue", u.value);
+    const e = d, b = r;
+    function m(s) {
+      const g = s.target;
+      b("update:modelValue", g.value);
     }
-    const c = {
+    const i = {
       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"
@@ -722,16 +454,16 @@ const Ue = { key: 1 }, We = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = o(() => {
-      const k = c[e.size] || "", u = e.block ? "dk:w-full" : "", g = z[e.rounded] || "";
-      return [Ge, k, u, g].join(" ");
+    }, y = o(() => {
+      const s = i[e.size] || "", g = e.block ? "dk:w-full" : "", h = z[e.rounded] || "";
+      return [Ke, s, g, h].join(" ");
     });
-    return (k, u) => (t(), a("input", N({
-      class: m.value,
+    return (s, g) => (t(), a("input", E({
+      class: y.value,
       value: d.modelValue
-    }, k.$attrs, { onInput: p }), null, 16, Qe));
+    }, s.$attrs, { onInput: m }), null, 16, Ue));
   }
-}), Je = ["value"], Xe = `
+}), qe = ["value"], He = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -743,7 +475,7 @@ const Ue = { key: 1 }, We = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Vt = /* @__PURE__ */ I({
+  dk:dark:[color-scheme:dark]`, $t = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -774,12 +506,12 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, l = r;
-    function p(g) {
-      const x = g.target;
-      e.autoheight && u(x), l("update:modelValue", x.value);
+    const e = d, b = r;
+    function m(h) {
+      const x = h.target;
+      e.autoheight && g(x), b("update:modelValue", x.value);
     }
-    const c = {
+    const i = {
       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"
@@ -790,29 +522,29 @@ const Ue = { key: 1 }, We = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = {
+    }, y = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, k = o(() => {
-      const g = c[e.size] || "", x = e.block ? "dk:w-full" : "", C = z[e.rounded] || "", _ = m[e.resize] || "";
-      return [Xe, g, x, C, _].join(" ");
-    }), u = (g) => {
-      g.style.height = "auto", g.style.height = `${g.scrollHeight + 5}px`;
+    }, s = o(() => {
+      const h = i[e.size] || "", x = e.block ? "dk:w-full" : "", C = z[e.rounded] || "", D = y[e.resize] || "";
+      return [He, h, x, C, D].join(" ");
+    }), g = (h) => {
+      h.style.height = "auto", h.style.height = `${h.scrollHeight + 5}px`;
     };
-    return (g, x) => (t(), a("textarea", N(g.$attrs, {
-      class: k.value,
+    return (h, x) => (t(), a("textarea", E(h.$attrs, {
+      class: s.value,
       value: d.modelValue,
-      onInput: p
-    }), null, 16, Je));
+      onInput: m
+    }), null, 16, qe));
   }
-}), Ye = {
+}), Qe = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, Ze = ["value", "selected"], Re = `
+}, Ge = ["value", "selected"], Je = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -825,7 +557,7 @@ const Ue = { key: 1 }, We = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, Bt = /* @__PURE__ */ I({
+`, St = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
@@ -864,12 +596,12 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, l = r;
-    function p(k) {
-      const g = k.target.value, x = Number(g);
-      !isNaN(x) && g !== "" ? l("update:modelValue", x) : l("update:modelValue", g);
+    const e = d, b = r;
+    function m(s) {
+      const h = s.target.value, x = Number(h);
+      !isNaN(x) && h !== "" ? b("update:modelValue", x) : b("update:modelValue", h);
     }
-    const c = {
+    const i = {
       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"
@@ -880,26 +612,26 @@ const Ue = { key: 1 }, We = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = o(() => {
-      const k = c[e.size] || "", u = e.block ? "dk:w-full" : "", g = z[e.rounded] || "";
-      return [Re, k, u, g].join(" ");
+    }, y = o(() => {
+      const s = i[e.size] || "", g = e.block ? "dk:w-full" : "", h = z[e.rounded] || "";
+      return [Je, s, g, h].join(" ");
     });
-    return (k, u) => (t(), a("select", N(k.$attrs, {
-      class: m.value,
-      onChange: p
+    return (s, g) => (t(), a("select", E(s.$attrs, {
+      class: y.value,
+      onChange: m
     }), [
-      d.placeholder ? (t(), a("option", Ye, j(d.placeholder), 1)) : S("", !0),
-      (t(!0), a(W, null, H(d.options, (g, x) => (t(), a("option", {
+      d.placeholder ? (t(), a("option", Qe, j(d.placeholder), 1)) : S("", !0),
+      (t(!0), a(A, null, F(d.options, (h, x) => (t(), a("option", {
         key: x,
-        value: g[d.itemValue] ?? "",
-        selected: g[d.itemValue] == d.modelValue
-      }, j(g[d.itemLabel] ?? ""), 9, Ze))), 128))
+        value: h[d.itemValue] ?? "",
+        selected: h[d.itemValue] == d.modelValue
+      }, j(h[d.itemLabel] ?? ""), 9, Ge))), 128))
     ], 16));
   }
-}), ed = {
+}), Xe = {
   key: 1,
   class: "dk:text-rose-500 dk:ml-1"
-}, dd = { 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" }, td = "dk:space-y-1", rd = /* @__PURE__ */ I({
+}, Ye = { class: "tooltip-container tooltip-above dk:z-50 dk:text-xs dk:rounded dk:py-2 dk:px-3 dk:transition-all dk:duration-200 dk:min-w-[250px] dk:max-w-xs dk:shadow-lg dk:pointer-events-none" }, Ze = "dk:space-y-1", Re = /* @__PURE__ */ P({
   __name: "DuiLabel",
   props: {
     title: {
@@ -928,24 +660,24 @@ const Ue = { key: 1 }, We = `
     }
   },
   setup(d) {
-    const r = K(!1), e = d, l = {
+    const r = K(!1), e = d, b = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
-    }, p = {
+    }, m = {
       s: "dk:mt-1",
       m: "dk:mt-1.5",
       l: "dk:mt-2"
-    }, c = {
+    }, i = {
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, z = o(() => [td].join(" ")), m = o(() => {
-      const g = l[e.size] || l.m, x = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", C = e.helpText ? "dk:cursor-help" : "";
-      return [x, g, C].join(" ");
-    }), k = o(() => [p[e.size] || p.m].join(" ")), u = o(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", c[e.size] || c.m].join(" "));
-    return (g, x) => (t(), a("label", {
-      class: s(z.value)
+    }, z = o(() => [Ze].join(" ")), y = o(() => {
+      const h = b[e.size] || b.m, x = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", C = e.helpText ? "dk:cursor-help" : "";
+      return [x, h, C].join(" ");
+    }), s = o(() => [m[e.size] || m.m].join(" ")), g = o(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", i[e.size] || i.m].join(" "));
+    return (h, x) => (t(), a("label", {
+      class: n(z.value)
     }, [
       d.title ? (t(), a("div", {
         key: 0,
@@ -953,43 +685,43 @@ const Ue = { key: 1 }, We = `
         onMouseenter: x[0] || (x[0] = (C) => r.value = !!d.helpText),
         onMouseleave: x[1] || (x[1] = (C) => r.value = !1)
       }, [
-        i("div", {
-          class: s(m.value)
+        c("div", {
+          class: n(y.value)
         }, [
           d.icon ? (t(), a("i", {
             key: 0,
-            class: s([d.icon, "dk:mr-2"])
+            class: n([d.icon, "dk:mr-2"])
           }, null, 2)) : S("", !0),
-          E(" " + j(d.title) + " ", 1),
-          d.required ? (t(), a("span", ed, "*")) : S("", !0)
+          I(" " + j(d.title) + " ", 1),
+          d.required ? (t(), a("span", Xe, "*")) : S("", !0)
         ], 2),
-        ye(i("div", dd, [
-          E(j(d.helpText) + " ", 1),
-          x[2] || (x[2] = i("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        pe(c("div", Ye, [
+          I(j(d.helpText) + " ", 1),
+          x[2] || (x[2] = c("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
-          [we, r.value && d.helpText]
+          [ge, r.value && d.helpText]
         ])
       ], 32)) : S("", !0),
-      i("div", {
-        class: s(k.value)
+      c("div", {
+        class: n(s.value)
       }, [
-        P(g.$slots, "default", {}, void 0, !0)
+        T(h.$slots, "default", {}, void 0, !0)
       ], 2),
       d.error ? (t(), a("div", {
         key: 1,
-        class: s(u.value)
+        class: n(g.value)
       }, [
-        x[3] || (x[3] = i("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
-        E(" " + j(d.error), 1)
+        x[3] || (x[3] = c("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
+        I(" " + j(d.error), 1)
       ], 2)) : S("", !0)
     ], 2));
   }
-}), be = (d, r) => {
+}), ne = (d, r) => {
   const e = d.__vccOpts || d;
-  for (const [l, p] of r)
-    e[l] = p;
+  for (const [b, m] of r)
+    e[b] = m;
   return e;
-}, Mt = /* @__PURE__ */ be(rd, [["__scopeId", "data-v-aa6b6cdc"]]), ad = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, od = ["checked", "disabled"], Dt = /* @__PURE__ */ I({
+}, jt = /* @__PURE__ */ ne(Re, [["__scopeId", "data-v-aa6b6cdc"]]), ed = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, dd = ["checked", "disabled"], Vt = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiCheckbox",
   props: {
@@ -1028,7 +760,7 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = je(), c = {
+    const e = d, b = r, m = we(), i = {
       sm: {
         track: "dk:w-9 dk:h-5",
         thumb: "dk:w-3.5 dk:h-3.5",
@@ -1051,32 +783,32 @@ const Ue = { key: 1 }, We = `
       left: "dk:rounded-l-full",
       right: "dk:rounded-r-full",
       none: "dk:rounded-none"
-    }, m = {
+    }, 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"
-    }, k = o(() => !!(e.label || p.default)), u = o(() => {
-      const v = e.block ? "dk:w-full dk:justify-between" : "", b = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
-      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", v, b].join(" ");
-    }), g = o(() => [
+    }, s = o(() => !!(e.label || m.default)), g = o(() => {
+      const v = e.block ? "dk:w-full dk:justify-between" : "", p = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return ["dk:inline-flex dk:items-center dk:gap-3 dk:select-none", v, p].join(" ");
+    }), h = o(() => [
       "dk:text-sm dk:leading-none dk:text-zinc-700 dk:dark:text-zinc-200",
       e.disabled ? "dk:cursor-not-allowed" : "dk:cursor-pointer"
     ].join(" ")), x = o(() => {
-      const v = c[e.size] || c.md, b = z[e.rounded] || z.all, n = m[e.color] || m.primary;
+      const v = i[e.size] || i.md, p = z[e.rounded] || z.all, k = y[e.color] || y.primary;
       return [
         "dk:inline-flex dk:items-center dk:transition-colors dk:duration-200",
         "dk:bg-zinc-300 dk:dark:bg-zinc-700",
         "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2 dk:peer-focus-visible:ring-slate-400 dk:dark:peer-focus-visible:ring-slate-500",
         "dk:peer-disabled:opacity-70",
         v.track,
-        b,
-        n
+        p,
+        k
       ].join(" ");
     }), C = o(() => {
-      const v = c[e.size] || c.md;
+      const v = i[e.size] || i.md;
       return [
         "dk:absolute dk:left-1 dk:top-1/2 dk:-translate-y-1/2",
         "dk:bg-white dk:dark:bg-zinc-100",
@@ -1086,46 +818,46 @@ const Ue = { key: 1 }, We = `
         v.translate
       ].join(" ");
     });
-    function _(v) {
-      const b = v.target;
-      l("update:modelValue", b.checked);
+    function D(v) {
+      const p = v.target;
+      b("update:modelValue", p.checked);
     }
-    return (v, b) => (t(), a("label", {
-      class: s(u.value)
+    return (v, p) => (t(), a("label", {
+      class: n(g.value)
     }, [
-      k.value && d.labelPosition === "left" ? (t(), a("span", {
+      s.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
-        class: s(g.value)
+        class: n(h.value)
       }, [
-        P(v.$slots, "default", {}, () => [
-          E(j(d.label), 1)
+        T(v.$slots, "default", {}, () => [
+          I(j(d.label), 1)
         ])
       ], 2)) : S("", !0),
-      i("span", ad, [
-        i("input", N({
+      c("span", ed, [
+        c("input", E({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
           checked: d.modelValue,
           disabled: d.disabled
-        }, v.$attrs, { onChange: _ }), null, 16, od),
-        i("span", {
-          class: s(x.value)
+        }, v.$attrs, { onChange: D }), null, 16, dd),
+        c("span", {
+          class: n(x.value)
         }, null, 2),
-        i("span", {
-          class: s(C.value)
+        c("span", {
+          class: n(C.value)
         }, null, 2)
       ]),
-      k.value && d.labelPosition === "right" ? (t(), a("span", {
+      s.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
-        class: s(g.value)
+        class: n(h.value)
       }, [
-        P(v.$slots, "default", {}, () => [
-          E(j(d.label), 1)
+        T(v.$slots, "default", {}, () => [
+          I(j(d.label), 1)
         ])
       ], 2)) : S("", !0)
     ], 2));
   }
-}), nd = ["aria-labelledby"], kd = ["id"], sd = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, ld = ["name", "value", "checked", "disabled", "onChange"], _t = /* @__PURE__ */ I({
+}), td = ["aria-labelledby"], rd = ["id"], ad = { class: "dk:relative dk:inline-flex dk:flex-shrink-0" }, od = ["name", "value", "checked", "disabled", "onChange"], Bt = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiRadio",
   props: {
@@ -1141,117 +873,117 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = Math.random().toString(36).slice(2, 8);
-    function c(w) {
-      l("update:modelValue", w), l("change", w);
+    const e = d, b = r, m = Math.random().toString(36).slice(2, 8);
+    function i(w) {
+      b("update:modelValue", w), b("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" }
-    }, m = {
+    }, 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"
-    }, k = {
+    }, s = {
       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"
-    }, u = {
+    }, g = {
       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"
-    }, g = 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(" ")), x = 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, h) {
-      const $ = h || e.disabled ? "dk:opacity-50 dk:cursor-not-allowed" : "dk:cursor-pointer", D = e.block ? "dk:w-full dk:justify-between" : "";
-      return ["dk:inline-flex dk:items-start dk:gap-3 dk:select-none", $, D].join(" ");
+    }, h = 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(" ")), x = 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, l) {
+      const $ = l || 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 _(w) {
-      const h = z[e.size], y = m[e.color], $ = u[e.color];
+    function D(w) {
+      const l = z[e.size], u = y[e.color], $ = g[e.color];
       return [
         "dk:rounded-full dk:border-2 dk:transition-colors dk:duration-150",
         "dk:border-zinc-300 dk:dark:border-zinc-600",
         "dk:peer-focus-visible:outline-none dk:peer-focus-visible:ring-2 dk:peer-focus-visible:ring-offset-2",
         "dk:bg-white dk:dark:bg-zinc-900",
-        h.radio,
-        y,
+        l.radio,
+        u,
         $
       ].join(" ");
     }
     const v = o(() => {
-      const w = z[e.size], h = k[e.color];
+      const w = z[e.size], l = s[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,
-        h
+        l
       ].join(" ");
-    }), b = o(() => "dk:flex dk:flex-col"), n = o(() => [z[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), f = o(() => [z[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
-    return (w, h) => (t(), a("div", {
-      class: s(g.value),
+    }), p = o(() => "dk:flex dk:flex-col"), k = o(() => [z[e.size].label, "dk:leading-snug dk:text-zinc-800 dk:dark:text-zinc-200"].join(" ")), f = o(() => [z[e.size].description, "dk:leading-snug dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"].join(" "));
+    return (w, l) => (t(), a("div", {
+      class: n(h.value),
       role: "radiogroup",
-      "aria-labelledby": d.groupLabel ? `rg-label-${oe(p)}` : void 0
+      "aria-labelledby": d.groupLabel ? `rg-label-${R(m)}` : void 0
     }, [
       d.groupLabel ? (t(), a("span", {
         key: 0,
-        id: `rg-label-${oe(p)}`,
-        class: s(x.value)
-      }, j(d.groupLabel), 11, kd)) : S("", !0),
-      (t(!0), a(W, null, H(d.options, (y) => (t(), a("label", {
-        key: y.value,
-        class: s(C(y.value, y.disabled))
+        id: `rg-label-${R(m)}`,
+        class: n(x.value)
+      }, j(d.groupLabel), 11, rd)) : S("", !0),
+      (t(!0), a(A, null, F(d.options, (u) => (t(), a("label", {
+        key: u.value,
+        class: n(C(u.value, u.disabled))
       }, [
-        i("span", sd, [
-          i("input", N({
+        c("span", ad, [
+          c("input", E({
             type: "radio",
             class: "dk:sr-only dk:peer",
             name: d.name,
-            value: y.value,
-            checked: d.modelValue === y.value,
-            disabled: y.disabled || d.disabled
+            value: u.value,
+            checked: d.modelValue === u.value,
+            disabled: u.disabled || d.disabled
           }, { ref_for: !0 }, w.$attrs, {
-            onChange: ($) => c(y.value)
-          }), null, 16, ld),
-          i("span", {
-            class: s(_(y.value))
+            onChange: ($) => i(u.value)
+          }), null, 16, od),
+          c("span", {
+            class: n(D(u.value))
           }, null, 2),
-          i("span", {
-            class: s(v.value)
+          c("span", {
+            class: n(v.value)
           }, null, 2)
         ]),
-        i("span", {
-          class: s(b.value)
+        c("span", {
+          class: n(p.value)
         }, [
-          i("span", {
-            class: s(n.value)
-          }, j(y.label), 3),
-          y.description ? (t(), a("span", {
+          c("span", {
+            class: n(k.value)
+          }, j(u.label), 3),
+          u.description ? (t(), a("span", {
             key: 0,
-            class: s(f.value)
-          }, j(y.description), 3)) : S("", !0)
+            class: n(f.value)
+          }, j(u.description), 3)) : S("", !0)
         ], 2)
       ], 2))), 128))
-    ], 10, nd));
+    ], 10, td));
   }
-}), id = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, cd = ["aria-checked", "checked", "disabled"], ud = {
+}), kd = { class: "dk:relative dk:inline-flex dk:items-center dk:flex-shrink-0" }, nd = ["aria-checked", "checked", "disabled"], sd = {
   key: 0,
   viewBox: "0 0 12 12",
   fill: "currentColor",
   class: "dk:w-2.5 dk:h-2.5"
-}, bd = {
+}, ld = {
   key: 1,
   viewBox: "0 0 12 12",
   fill: "none",
   class: "dk:w-2.5 dk:h-2.5"
-}, Tt = /* @__PURE__ */ I({
+}, Mt = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiSwitch",
   props: {
@@ -1294,7 +1026,7 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = je(), c = {
+    const e = d, b = r, m = we(), i = {
       sm: {
         track: "dk:w-8 dk:h-4",
         thumb: "dk:w-3 dk:h-3",
@@ -1320,83 +1052,83 @@ const Ue = { key: 1 }, We = `
       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"
-    }, m = o(() => !!(e.label || p.default)), k = o(() => {
-      const n = e.block ? "dk:w-full dk:justify-between" : "", f = e.block ? "dk:flex" : "dk:inline-flex", w = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
-      return [f, "dk:items-center dk:gap-3 dk:select-none", n, w].join(" ");
-    }), u = o(() => [
+    }, y = o(() => !!(e.label || m.default)), s = o(() => {
+      const k = e.block ? "dk:w-full dk:justify-between" : "", f = e.block ? "dk:flex" : "dk:inline-flex", w = e.disabled ? "dk:opacity-60 dk:cursor-not-allowed" : "dk:cursor-pointer";
+      return [f, "dk:items-center dk:gap-3 dk:select-none", k, w].join(" ");
+    }), g = 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(" ")), g = o(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), x = o(() => {
-      const n = c[e.size], f = z[e.color];
+    ].join(" ")), h = o(() => "dk:text-xs dk:text-zinc-500 dk:dark:text-zinc-400 dk:mt-0.5"), x = o(() => {
+      const k = i[e.size], f = 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",
-        n.track,
+        k.track,
         f
       ].join(" ");
     }), C = o(() => {
-      const n = c[e.size];
+      const k = i[e.size];
       return [
         "dk:absolute",
-        n.offset,
+        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",
-        n.thumb,
-        n.translate
+        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"
-    }, v = o(() => e.modelValue ? _[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
-    function b(n) {
-      const f = n.target;
-      l("update:modelValue", f.checked), l("change", f.checked);
+    }, v = o(() => e.modelValue ? D[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500");
+    function p(k) {
+      const f = k.target;
+      b("update:modelValue", f.checked), b("change", f.checked);
     }
-    return (n, f) => (t(), a("label", {
-      class: s(k.value)
+    return (k, f) => (t(), a("label", {
+      class: n(s.value)
     }, [
-      m.value && d.labelPosition === "left" ? (t(), a("span", {
+      y.value && d.labelPosition === "left" ? (t(), a("span", {
         key: 0,
-        class: s(u.value)
+        class: n(g.value)
       }, [
-        P(n.$slots, "default", {}, () => [
-          E(j(d.label), 1)
+        T(k.$slots, "default", {}, () => [
+          I(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
-          class: s(g.value)
+          class: n(h.value)
         }, j(d.description), 3)) : S("", !0)
       ], 2)) : S("", !0),
-      i("span", id, [
-        i("input", N({
+      c("span", kd, [
+        c("input", E({
           type: "checkbox",
           class: "dk:sr-only dk:peer",
           role: "switch",
           "aria-checked": d.modelValue,
           checked: d.modelValue,
           disabled: d.disabled
-        }, n.$attrs, { onChange: b }), null, 16, cd),
-        i("span", {
-          class: s(x.value)
+        }, k.$attrs, { onChange: p }), null, 16, nd),
+        c("span", {
+          class: n(x.value)
         }, null, 2),
-        i("span", {
-          class: s(C.value)
+        c("span", {
+          class: n(C.value)
         }, [
           d.showIcons ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: s(v.value)
+            class: n(v.value)
           }, [
-            d.modelValue ? (t(), a("svg", ud, [...f[0] || (f[0] = [
-              i("path", {
+            d.modelValue ? (t(), a("svg", sd, [...f[0] || (f[0] = [
+              c("path", {
                 d: "M3.5 6.5l2 2 3-3",
                 stroke: "currentColor",
                 "stroke-width": "1.5",
@@ -1404,8 +1136,8 @@ const Ue = { key: 1 }, We = `
                 "stroke-linejoin": "round",
                 fill: "none"
               }, null, -1)
-            ])])) : (t(), a("svg", bd, [...f[1] || (f[1] = [
-              i("line", {
+            ])])) : (t(), a("svg", ld, [...f[1] || (f[1] = [
+              c("line", {
                 x1: "3",
                 y1: "3",
                 x2: "9",
@@ -1414,7 +1146,7 @@ const Ue = { key: 1 }, We = `
                 "stroke-width": "1.5",
                 "stroke-linecap": "round"
               }, null, -1),
-              i("line", {
+              c("line", {
                 x1: "9",
                 y1: "3",
                 x2: "3",
@@ -1427,27 +1159,27 @@ const Ue = { key: 1 }, We = `
           ], 2)) : S("", !0)
         ], 2)
       ]),
-      m.value && d.labelPosition === "right" ? (t(), a("span", {
+      y.value && d.labelPosition === "right" ? (t(), a("span", {
         key: 1,
-        class: s(u.value)
+        class: n(g.value)
       }, [
-        P(n.$slots, "default", {}, () => [
-          E(j(d.label), 1)
+        T(k.$slots, "default", {}, () => [
+          I(j(d.label), 1)
         ]),
         d.description ? (t(), a("span", {
           key: 0,
-          class: s(g.value)
+          class: n(h.value)
         }, j(d.description), 3)) : S("", !0)
       ], 2)) : S("", !0)
     ], 2));
   }
-}), pd = `
+}), id = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Lt = /* @__PURE__ */ I({
+`, Dt = /* @__PURE__ */ P({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -1471,7 +1203,7 @@ const Ue = { key: 1 }, We = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, l = {
+    }, b = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -1499,22 +1231,22 @@ const Ue = { key: 1 }, We = `
         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"
       }
-    }, p = o(() => {
-      var k;
-      const c = ((k = l[r.variant]) == null ? void 0 : k[r.color]) || "", z = l[r.variant].base || "", m = e[r.rounded] || "";
-      return [pd, z, c, m].join(" ");
+    }, m = o(() => {
+      var s;
+      const i = ((s = b[r.variant]) == null ? void 0 : s[r.color]) || "", z = b[r.variant].base || "", y = e[r.rounded] || "";
+      return [id, z, i, y].join(" ");
     });
-    return (c, z) => (t(), a("div", {
-      class: s(p.value),
+    return (i, z) => (t(), a("div", {
+      class: n(m.value),
       role: "alert"
     }, [
-      P(c.$slots, "default")
+      T(i.$slots, "default")
     ], 2));
   }
-}), fd = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, gd = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, md = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, hd = { key: 0 }, xd = ["colspan"], vd = {
+}), cd = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, ud = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, bd = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200 dk:relative" }, pd = { key: 0 }, gd = ["colspan"], md = {
   key: 0,
   class: "dk:bg-gray-50 dk:dark:bg-gray-700 dk:border-t dk:border-gray-200 dk:dark:border-gray-600"
-}, yd = ["colspan"], wd = { class: "pagination-container" }, zd = { class: "pagination-info" }, Cd = { class: "pagination-buttons" }, $d = { class: "page-numbers" }, Sd = ["onClick"], jd = /* @__PURE__ */ I({
+}, fd = ["colspan"], hd = { class: "pagination-container" }, xd = { class: "pagination-info" }, vd = { class: "pagination-buttons" }, yd = { class: "page-numbers" }, wd = ["onClick"], zd = /* @__PURE__ */ P({
   __name: "DuiTable",
   props: {
     columns: {
@@ -1536,101 +1268,101 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["paginate"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), c = o(() => {
+    const e = d, b = r, m = o(() => e.pagination ? Math.ceil(e.pagination.total / e.pagination.perPage) : 0), i = o(() => {
       if (!e.pagination) return [];
-      const m = [], k = 5, { page: u } = e.pagination, g = p.value;
-      let x = Math.max(1, u - Math.floor(k / 2)), C = Math.min(g, x + k - 1);
-      C - x < k - 1 && (x = Math.max(1, C - k + 1));
-      for (let _ = x; _ <= C; _++)
-        m.push(_);
-      return m;
-    }), z = (m) => {
-      e.pagination && m >= 1 && m <= p.value && l("paginate", m);
+      const y = [], s = 5, { page: g } = e.pagination, h = m.value;
+      let x = Math.max(1, g - Math.floor(s / 2)), C = Math.min(h, x + s - 1);
+      C - x < s - 1 && (x = Math.max(1, C - s + 1));
+      for (let D = x; D <= C; D++)
+        y.push(D);
+      return y;
+    }), z = (y) => {
+      e.pagination && y >= 1 && y <= m.value && b("paginate", y);
     };
-    return (m, k) => (t(), a("div", fd, [
-      i("table", gd, [
-        i("thead", md, [
-          i("tr", null, [
-            (t(!0), a(W, null, H(e.columns, (u) => (t(), a("th", {
-              key: u.name,
-              class: s(["dk:px-6 dk:py-3", u.classes])
-            }, j(u.label), 3))), 128))
+    return (y, s) => (t(), a("div", cd, [
+      c("table", ud, [
+        c("thead", bd, [
+          c("tr", null, [
+            (t(!0), a(A, null, F(e.columns, (g) => (t(), a("th", {
+              key: g.name,
+              class: n(["dk:px-6 dk:py-3", g.classes])
+            }, j(g.label), 3))), 128))
           ]),
-          e.loading ? (t(), a("tr", hd, [
-            i("td", {
+          e.loading ? (t(), a("tr", pd, [
+            c("td", {
               colspan: e.columns.length,
               class: "dk:p-0"
-            }, [...k[2] || (k[2] = [
-              i("div", { class: "loading-bar" }, null, -1)
-            ])], 8, xd)
+            }, [...s[2] || (s[2] = [
+              c("div", { class: "loading-bar" }, null, -1)
+            ])], 8, gd)
           ])) : S("", !0)
         ]),
-        i("tbody", {
-          class: s({ "is-loading": e.loading })
+        c("tbody", {
+          class: n({ "is-loading": e.loading })
         }, [
-          (t(!0), a(W, null, H(e.rows, (u, g) => (t(), a("tr", {
-            key: g,
+          (t(!0), a(A, null, F(e.rows, (g, h) => (t(), a("tr", {
+            key: h,
             class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
           }, [
-            (t(!0), a(W, null, H(e.columns, (x) => (t(), a("td", {
+            (t(!0), a(A, null, F(e.columns, (x) => (t(), a("td", {
               key: x.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              P(m.$slots, x.name, N({ ref_for: !0 }, u), () => [
-                E(j(u[x.name]), 1)
+              T(y.$slots, x.name, E({ ref_for: !0 }, g), () => [
+                I(j(g[x.name]), 1)
               ], !0)
             ]))), 128))
           ]))), 128))
         ], 2),
-        e.pagination ? (t(), a("tfoot", vd, [
-          i("tr", null, [
-            i("td", {
+        e.pagination ? (t(), a("tfoot", md, [
+          c("tr", null, [
+            c("td", {
               colspan: e.columns.length,
               class: "dk:px-6 dk:py-4"
             }, [
-              i("div", wd, [
-                i("div", zd, " Página " + j(e.pagination.page) + " de " + j(p.value) + " | " + j(e.pagination.total) + " registros ", 1),
-                i("div", Cd, [
-                  ae(ge, {
+              c("div", hd, [
+                c("div", xd, " Página " + j(e.pagination.page) + " de " + j(m.value) + " | " + j(e.pagination.total) + " registros ", 1),
+                c("div", vd, [
+                  de(ie, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: k[0] || (k[0] = (u) => z(e.pagination.page - 1)),
+                    onClick: s[0] || (s[0] = (g) => z(e.pagination.page - 1)),
                     disabled: e.pagination.page === 1
                   }, {
-                    default: U(() => [...k[3] || (k[3] = [
-                      E(" ← Anterior ", -1)
+                    default: W(() => [...s[3] || (s[3] = [
+                      I(" ← Anterior ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"]),
-                  i("div", $d, [
-                    (t(!0), a(W, null, H(c.value, (u) => (t(), a("button", {
-                      key: u,
-                      onClick: (g) => z(u),
-                      class: s(["page-number", { active: u === e.pagination.page }])
-                    }, j(u), 11, Sd))), 128))
+                  c("div", yd, [
+                    (t(!0), a(A, null, F(i.value, (g) => (t(), a("button", {
+                      key: g,
+                      onClick: (h) => z(g),
+                      class: n(["page-number", { active: g === e.pagination.page }])
+                    }, j(g), 11, wd))), 128))
                   ]),
-                  ae(ge, {
+                  de(ie, {
                     variant: "outline",
                     color: "neutral",
                     size: "sm",
-                    onClick: k[1] || (k[1] = (u) => z(e.pagination.page + 1)),
-                    disabled: e.pagination.page === p.value
+                    onClick: s[1] || (s[1] = (g) => z(e.pagination.page + 1)),
+                    disabled: e.pagination.page === m.value
                   }, {
-                    default: U(() => [...k[4] || (k[4] = [
-                      E(" Siguiente → ", -1)
+                    default: W(() => [...s[4] || (s[4] = [
+                      I(" Siguiente → ", -1)
                     ])]),
                     _: 1
                   }, 8, ["disabled"])
                 ])
               ])
-            ], 8, yd)
+            ], 8, fd)
           ])
         ])) : S("", !0)
       ])
     ]));
   }
-}), Pt = /* @__PURE__ */ be(jd, [["__scopeId", "data-v-60002528"]]), Vd = { key: 1 }, Bd = `
+}), _t = /* @__PURE__ */ ne(zd, [["__scopeId", "data-v-60002528"]]), Cd = { key: 1 }, $d = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -1641,7 +1373,7 @@ const Ue = { key: 1 }, We = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, At = /* @__PURE__ */ I({
+  dk:max-w-full`, Tt = /* @__PURE__ */ P({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -1654,11 +1386,11 @@ const Ue = { key: 1 }, We = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = o(() => r.to ? ce(r.to) : "span"), l = o(() => ve(r.to, e.value)), p = {
+    const r = d, e = o(() => r.to ? oe(r.to) : "span"), b = o(() => ue(r.to, e.value)), m = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, c = {
+    }, i = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -1837,25 +1569,25 @@ const Ue = { key: 1 }, We = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, m = o(() => {
+    }, y = o(() => {
       var C;
-      const k = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, u = p[r.size] || "", g = r.block ? "dk:block" : "dk:inline-block", x = c[r.rounded] || "";
-      return [Bd, k, u, g, x].join(" ");
+      const s = (((C = z[r.variant]) == null ? void 0 : C[r.color]) || "") + " " + z[r.variant].base, g = m[r.size] || "", h = r.block ? "dk:block" : "dk:inline-block", x = i[r.rounded] || "";
+      return [$d, s, g, h, x].join(" ");
     });
-    return (k, u) => (t(), q(Y(e.value), N(l.value, {
-      class: m.value,
+    return (s, g) => (t(), O(Q(e.value), E(b.value, {
+      class: y.value,
       title: r.title
     }), {
-      default: U(() => [
-        r.loading ? (t(), a("span", Vd, "Cargando...")) : P(k.$slots, "default", { key: 0 })
+      default: W(() => [
+        r.loading ? (t(), a("span", Cd, "Cargando...")) : T(s.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), Md = {
+}), Sd = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, Dd = ["src", "alt"], It = /* @__PURE__ */ I({
+}, jd = ["src", "alt"], Pt = /* @__PURE__ */ P({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -1865,10 +1597,10 @@ const Ue = { key: 1 }, We = `
     to: { default: void 0 }
   },
   setup(d) {
-    const r = d, e = () => r.to ? ce(r.to) : "div", l = () => r.to ? ce(r.to) : "h3", p = () => {
-      const b = e();
-      return ve(r.to, b);
-    }, c = {
+    const r = d, e = () => r.to ? oe(r.to) : "div", b = () => r.to ? oe(r.to) : "h3", m = () => {
+      const p = e();
+      return ue(r.to, p);
+    }, i = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -1906,98 +1638,288 @@ const Ue = { key: 1 }, We = `
       "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(" ")), m = o(() => [
+    ].join(" ")), y = o(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
-    ].join(" ")), k = o(() => {
-      const b = c[r.size];
+    ].join(" ")), s = o(() => {
+      const p = i[r.size];
       return [
-        b.padding,
-        b.spacing,
+        p.padding,
+        p.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
-    }), u = o(() => [
-      c[r.size].spacing
-    ].join(" ")), g = o(() => {
-      const n = [
-        c[r.size].titleSize,
+    }), g = o(() => [
+      i[r.size].spacing
+    ].join(" ")), h = o(() => {
+      const k = [
+        i[r.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return r.to && n.push(
+      return r.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(" ");
+      ), k.join(" ");
     }), x = o(() => {
-      const b = [
+      const p = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return r.to && b.push("dk:no-underline"), b.join(" ");
+      return r.to && p.push("dk:no-underline"), p.join(" ");
     }), C = o(() => [
-      c[r.size].subtitleSize,
+      i[r.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), _ = o(() => [
-      c[r.size].contentSize,
+    ].join(" ")), D = o(() => [
+      i[r.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
     ].join(" ")), v = 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 (b, n) => (t(), a("div", {
-      class: s(z.value)
+    return (p, k) => (t(), a("div", {
+      class: n(z.value)
     }, [
-      d.image ? (t(), a("div", Md, [
-        (t(), q(Y(e()), N(p(), { class: x.value }), {
-          default: U(() => [
-            i("img", {
+      d.image ? (t(), a("div", Sd, [
+        (t(), O(Q(e()), E(m(), { class: x.value }), {
+          default: W(() => [
+            c("img", {
               src: d.image,
               alt: d.title || "Card image",
-              class: s(m.value)
-            }, null, 10, Dd)
+              class: n(y.value)
+            }, null, 10, jd)
           ]),
           _: 1
         }, 16, ["class"]))
       ])) : S("", !0),
-      i("div", {
-        class: s(k.value)
+      c("div", {
+        class: n(s.value)
       }, [
         d.title || d.subtitle ? (t(), a("div", {
           key: 0,
-          class: s(u.value)
+          class: n(g.value)
         }, [
-          d.title ? (t(), q(Y(l()), N({ key: 0 }, p(), { class: g.value }), {
-            default: U(() => [
-              E(j(d.title), 1)
+          d.title ? (t(), O(Q(b()), E({ key: 0 }, m(), { class: h.value }), {
+            default: W(() => [
+              I(j(d.title), 1)
             ]),
             _: 1
           }, 16, ["class"])) : S("", !0),
           d.subtitle ? (t(), a("p", {
             key: 1,
-            class: s(C.value)
+            class: n(C.value)
           }, j(d.subtitle), 3)) : S("", !0)
         ], 2)) : S("", !0),
-        b.$slots.default ? (t(), a("div", {
+        p.$slots.default ? (t(), a("div", {
           key: 1,
-          class: s(_.value)
+          class: n(D.value)
         }, [
-          P(b.$slots, "default")
+          T(p.$slots, "default")
         ], 2)) : S("", !0),
-        b.$slots.footer ? (t(), a("div", {
+        p.$slots.footer ? (t(), a("div", {
           key: 2,
-          class: s(v.value)
+          class: n(v.value)
         }, [
-          P(b.$slots, "footer")
+          T(p.$slots, "footer")
         ], 2)) : S("", !0)
       ], 2)
     ], 2));
   }
-}), _d = ["aria-describedby"], Td = { class: "dk:inline-flex dk:items-center" }, Et = /* @__PURE__ */ I({
+}), Vd = ["aria-labelledby", "aria-describedby"], Lt = /* @__PURE__ */ P({
+  __name: "DuiModal",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    description: { default: void 0 },
+    size: { default: "md" },
+    variant: { default: "solid" },
+    color: { default: "neutral" },
+    rounded: { default: "all" },
+    showClose: { type: Boolean, default: !0 },
+    closeOnBackdrop: { type: Boolean, default: !0 },
+    closeOnEsc: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !1 },
+    centered: { type: Boolean, default: !0 },
+    scrollable: { type: Boolean, default: !0 },
+    blurBackdrop: { type: Boolean, default: !0 },
+    zIndex: { default: 50 }
+  },
+  emits: ["update:modelValue", "open", "close", "backdrop", "escape"],
+  setup(d, { emit: r }) {
+    const e = d, b = r, m = Math.random().toString(36).slice(2, 10), i = `dui-modal-title-${m}`, z = `dui-modal-description-${m}`, y = {
+      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"
+    }, s = {
+      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"
+    }, g = {
+      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",
+        primary: "dk:bg-slate-50 dk:text-slate-900 dk:border-slate-200 dk:dark:bg-slate-900 dk:dark:text-slate-100 dk:dark:border-slate-700",
+        secondary: "dk:bg-pink-50 dk:text-pink-900 dk:border-pink-200 dk:dark:bg-pink-900 dk:dark:text-pink-100 dk:dark:border-pink-700",
+        success: "dk:bg-emerald-50 dk:text-emerald-900 dk:border-emerald-200 dk:dark:bg-emerald-900 dk:dark:text-emerald-100 dk:dark:border-emerald-700",
+        warning: "dk:bg-amber-50 dk:text-amber-900 dk:border-amber-200 dk:dark:bg-amber-900 dk:dark:text-amber-100 dk:dark:border-amber-700",
+        danger: "dk:bg-rose-50 dk:text-rose-900 dk:border-rose-200 dk:dark:bg-rose-900 dk:dark:text-rose-100 dk:dark:border-rose-700"
+      },
+      outline: {
+        base: "dk:border-2 dk:shadow-lg dk:bg-white/95 dk:dark:bg-zinc-900/95",
+        neutral: "dk:text-zinc-900 dk:border-zinc-300 dk:dark:text-zinc-100 dk:dark:border-zinc-600",
+        primary: "dk:text-slate-900 dk:border-slate-400 dk:dark:text-slate-100 dk:dark:border-slate-500",
+        secondary: "dk:text-pink-900 dk:border-pink-400 dk:dark:text-pink-100 dk:dark:border-pink-500",
+        success: "dk:text-emerald-900 dk:border-emerald-400 dk:dark:text-emerald-100 dk:dark:border-emerald-500",
+        warning: "dk:text-amber-900 dk:border-amber-400 dk:dark:text-amber-100 dk:dark:border-amber-500",
+        danger: "dk:text-rose-900 dk:border-rose-400 dk:dark:text-rose-100 dk:dark:border-rose-500"
+      },
+      ghost: {
+        base: "dk:border dk:shadow-xl dk:backdrop-blur-md",
+        neutral: "dk:bg-white/85 dk:text-zinc-900 dk:border-zinc-300/70 dk:dark:bg-zinc-900/75 dk:dark:text-zinc-100 dk:dark:border-zinc-600/60",
+        primary: "dk:bg-slate-100/85 dk:text-slate-900 dk:border-slate-300/70 dk:dark:bg-slate-900/70 dk:dark:text-slate-100 dk:dark:border-slate-600/60",
+        secondary: "dk:bg-pink-100/85 dk:text-pink-900 dk:border-pink-300/70 dk:dark:bg-pink-900/70 dk:dark:text-pink-100 dk:dark:border-pink-600/60",
+        success: "dk:bg-emerald-100/85 dk:text-emerald-900 dk:border-emerald-300/70 dk:dark:bg-emerald-900/70 dk:dark:text-emerald-100 dk:dark:border-emerald-600/60",
+        warning: "dk:bg-amber-100/85 dk:text-amber-900 dk:border-amber-300/70 dk:dark:bg-amber-900/70 dk:dark:text-amber-100 dk:dark:border-amber-600/60",
+        danger: "dk:bg-rose-100/85 dk:text-rose-900 dk:border-rose-300/70 dk:dark:bg-rose-900/70 dk:dark:text-rose-100 dk:dark:border-rose-600/60"
+      }
+    }, h = o(() => [
+      "dk:fixed dk:inset-0 dk:bg-black/55",
+      e.blurBackdrop ? "dk:backdrop-blur-[2px]" : ""
+    ].join(" ")), x = 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 = o(() => {
+      const $ = g[e.variant].base, M = g[e.variant][e.color], L = y[e.rounded], J = s[e.size];
+      return [
+        "dk:relative dk:flex dk:flex-col dk:overflow-hidden",
+        $,
+        M,
+        L,
+        J
+      ].join(" ");
+    }), 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(" ")), v = o(() => [
+      "dk:px-5 dk:py-4",
+      e.scrollable ? "dk:max-h-[65vh] dk:overflow-y-auto" : ""
+    ].join(" ")), p = 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 k() {
+      if (typeof document > "u") return;
+      const $ = document.body, L = Number($.dataset.duiModalCount || "0") + 1;
+      $.dataset.duiModalCount = String(L), L === 1 && ($.style.overflow = "hidden");
+    }
+    function f() {
+      if (typeof document > "u") return;
+      const $ = document.body, M = Number($.dataset.duiModalCount || "0"), L = Math.max(0, M - 1);
+      $.dataset.duiModalCount = String(L), L === 0 && ($.style.overflow = "");
+    }
+    function w($) {
+      b("update:modelValue", !1), b("close", $);
+    }
+    function l() {
+      b("backdrop"), !(e.persistent || !e.closeOnBackdrop) && w("backdrop");
+    }
+    function u($) {
+      $.key !== "Escape" || !e.modelValue || (b("escape"), !(e.persistent || !e.closeOnEsc) && w("escape"));
+    }
+    return ae(
+      () => e.modelValue,
+      ($, M) => {
+        $ && !M && (k(), b("open")), !$ && M && f();
+      }
+    ), me(() => {
+      e.modelValue && k(), typeof window < "u" && window.addEventListener("keydown", u);
+    }), fe(() => {
+      e.modelValue && f(), typeof window < "u" && window.removeEventListener("keydown", u);
+    }), ($, M) => (t(), O(he, { to: "body" }, [
+      de(xe, {
+        "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: W(() => [
+          e.modelValue ? (t(), a("div", {
+            key: 0,
+            style: ce({ zIndex: String(e.zIndex) }),
+            class: n(h.value),
+            onClick: l
+          }, [
+            c("div", {
+              class: n(x.value)
+            }, [
+              c("div", {
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": e.title ? i : void 0,
+                "aria-describedby": e.description ? z : void 0,
+                class: n(C.value),
+                onClick: M[1] || (M[1] = te(() => {
+                }, ["stop"]))
+              }, [
+                $.$slots.header || e.title || e.description || e.showClose ? (t(), a("header", {
+                  key: 0,
+                  class: n(D.value)
+                }, [
+                  c("div", null, [
+                    T($.$slots, "header", {}, () => [
+                      e.title ? (t(), a("h2", {
+                        key: 0,
+                        id: i,
+                        class: "dk:text-lg dk:font-semibold"
+                      }, j(e.title), 1)) : S("", !0),
+                      e.description ? (t(), a("p", {
+                        key: 1,
+                        id: z,
+                        class: "dk:mt-1 dk:text-sm dk:opacity-80"
+                      }, j(e.description), 1)) : S("", !0)
+                    ])
+                  ]),
+                  e.showClose ? (t(), 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] = (L) => w("button"))
+                  }, [...M[2] || (M[2] = [
+                    c("span", { "aria-hidden": "true" }, "×", -1)
+                  ])])) : S("", !0)
+                ], 2)) : S("", !0),
+                c("section", {
+                  class: n(v.value)
+                }, [
+                  T($.$slots, "default")
+                ], 2),
+                $.$slots.footer ? (t(), a("footer", {
+                  key: 1,
+                  class: n(p.value)
+                }, [
+                  T($.$slots, "footer")
+                ], 2)) : S("", !0)
+              ], 10, Vd)
+            ], 2)
+          ], 6)) : S("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), Bd = ["aria-describedby"], Md = { class: "dk:inline-flex dk:items-center" }, It = /* @__PURE__ */ P({
   __name: "DuiTooltip",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2023,16 +1945,16 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = K(null), c = K(null), z = K(!1), m = o(() => e.modelValue !== void 0), k = o(() => m.value ? !!e.modelValue : z.value), u = K(e.placement), g = K({ top: 0, left: 0 }), x = K(!1);
-    let C = null, _ = null;
-    const v = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, b = {
+    const e = d, b = r, m = K(null), i = K(null), z = K(!1), y = o(() => e.modelValue !== void 0), s = o(() => y.value ? !!e.modelValue : z.value), g = K(e.placement), h = K({ top: 0, left: 0 }), x = K(!1);
+    let C = null, D = null;
+    const v = `dui-tooltip-${Math.random().toString(36).slice(2, 10)}`, p = {
       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"
@@ -2043,10 +1965,10 @@ const Ue = { key: 1 }, We = `
       lg: "dk:max-w-96",
       full: "dk:max-w-[min(92vw,42rem)]"
     };
-    function w(M) {
-      return typeof M == "string" && M in f;
+    function w(B) {
+      return typeof B == "string" && B in f;
     }
-    const h = {
+    const l = {
       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",
@@ -2065,26 +1987,26 @@ const Ue = { key: 1 }, We = `
         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"
       }
-    }, y = o(() => {
-      const M = b[e.rounded], V = n[e.size], T = h[e.variant].base, G = h[e.variant][e.color], F = w(e.maxWidth) ? f[e.maxWidth] : "";
+    }, u = o(() => {
+      const B = p[e.rounded], V = k[e.size], _ = l[e.variant].base, U = l[e.variant][e.color], N = w(e.maxWidth) ? f[e.maxWidth] : "";
       return [
         "dk:fixed dk:pointer-events-auto dk:leading-tight dk:select-text dk:cursor-default",
         "dk:break-words dk:whitespace-normal",
-        M,
+        B,
         V,
-        T,
-        G,
-        F
+        _,
+        U,
+        N
       ].join(" ");
     }), $ = o(() => {
-      const M = {
-        top: `${g.value.top}px`,
-        left: `${g.value.left}px`,
+      const B = {
+        top: `${h.value.top}px`,
+        left: `${h.value.left}px`,
         zIndex: String(e.zIndex)
       };
-      return typeof e.maxWidth == "number" ? M.maxWidth = `${e.maxWidth}px` : typeof e.maxWidth == "string" && !w(e.maxWidth) && (M.maxWidth = e.maxWidth), M;
-    }), D = o(() => {
-      const M = h[e.variant][e.color], V = u.value, T = {
+      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 = l[e.variant][e.color], V = g.value, _ = {
         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",
@@ -2100,29 +2022,29 @@ const Ue = { key: 1 }, We = `
       };
       return [
         "dk:absolute dk:block dk:h-3 dk:w-3",
-        M,
-        T[V] || T.top
+        B,
+        _[V] || _.top
       ].join(" ");
     });
-    function A() {
-      C && (clearTimeout(C), C = null), _ && (clearTimeout(_), _ = null);
+    function L() {
+      C && (clearTimeout(C), C = null), D && (clearTimeout(D), D = null);
     }
-    function Z(M, V) {
-      e.disabled || (m.value ? l("update:modelValue", M) : z.value = M, M ? (l("open", V), fe(() => {
-        Q();
-      })) : l("close", V));
+    function J(B, V) {
+      e.disabled || (y.value ? b("update:modelValue", B) : z.value = B, B ? (b("open", V), le(() => {
+        X();
+      })) : b("close", V));
     }
-    function ee(M) {
-      A(), C = setTimeout(() => {
-        Z(!0, M);
+    function Y(B) {
+      L(), C = setTimeout(() => {
+        J(!0, B);
       }, Math.max(0, e.showDelay));
     }
-    function R(M) {
-      A(), _ = setTimeout(() => {
-        M === "hover" && e.interactive && x.value || Z(!1, M);
+    function Z(B) {
+      L(), D = setTimeout(() => {
+        B === "hover" && e.interactive && x.value || J(!1, B);
       }, Math.max(0, e.hideDelay));
     }
-    function B(M) {
+    function be(B) {
       return {
         top: "bottom",
         "top-start": "bottom-start",
@@ -2136,126 +2058,126 @@ const Ue = { key: 1 }, We = `
         right: "left",
         "right-start": "left-start",
         "right-end": "left-end"
-      }[M];
+      }[B];
     }
-    function L(M, V, T) {
-      const [G, F] = M.split("-"), de = e.offset;
-      let J = 0, X = 0;
-      G === "top" && (J = V.top - T.height - de, F === "start" ? X = V.left : F === "end" ? X = V.right - T.width : X = V.left + V.width / 2 - T.width / 2), G === "bottom" && (J = V.bottom + de, F === "start" ? X = V.left : F === "end" ? X = V.right - T.width : X = V.left + V.width / 2 - T.width / 2), G === "left" && (X = V.left - T.width - de, F === "start" ? J = V.top : F === "end" ? J = V.bottom - T.height : J = V.top + V.height / 2 - T.height / 2), G === "right" && (X = V.right + de, F === "start" ? J = V.top : F === "end" ? J = V.bottom - T.height : J = V.top + V.height / 2 - T.height / 2);
-      const pe = e.viewportPadding, Te = window.innerWidth, Le = window.innerHeight;
-      return J = Math.min(Math.max(pe, J), Le - T.height - pe), X = Math.min(Math.max(pe, X), Te - T.width - pe), { top: J, left: X };
+    function ee(B, V, _) {
+      const [U, N] = B.split("-"), G = e.offset;
+      let q = 0, H = 0;
+      U === "top" && (q = V.top - _.height - G, N === "start" ? H = V.left : N === "end" ? H = V.right - _.width : H = V.left + V.width / 2 - _.width / 2), U === "bottom" && (q = V.bottom + G, N === "start" ? H = V.left : N === "end" ? H = V.right - _.width : H = V.left + V.width / 2 - _.width / 2), U === "left" && (H = V.left - _.width - G, N === "start" ? q = V.top : N === "end" ? q = V.bottom - _.height : q = V.top + V.height / 2 - _.height / 2), U === "right" && (H = V.right + G, N === "start" ? q = V.top : N === "end" ? q = V.bottom - _.height : q = V.top + V.height / 2 - _.height / 2);
+      const se = e.viewportPadding, Te = window.innerWidth, Pe = window.innerHeight;
+      return q = Math.min(Math.max(se, q), Pe - _.height - se), H = Math.min(Math.max(se, H), Te - _.width - se), { top: q, left: H };
     }
-    function O(M, V, T) {
+    function $e(B, V, _) {
       if (!e.flip) return !1;
-      const [G] = M.split("-"), F = e.offset, de = e.viewportPadding;
-      return G === "top" ? V.top - T.height - F < de : G === "bottom" ? V.bottom + T.height + F > window.innerHeight - de : G === "left" ? V.left - T.width - F < de : V.right + T.width + F > window.innerWidth - de;
+      const [U] = B.split("-"), N = e.offset, G = e.viewportPadding;
+      return U === "top" ? V.top - _.height - N < G : U === "bottom" ? V.bottom + _.height + N > window.innerHeight - G : U === "left" ? V.left - _.width - N < G : V.right + _.width + N > window.innerWidth - G;
     }
-    function Q() {
-      if (!p.value || !c.value) return;
-      const M = p.value.getBoundingClientRect(), V = c.value.getBoundingClientRect();
-      let T = e.placement;
-      O(T, M, V) && (T = B(T)), u.value = T, g.value = L(T, M, V);
+    function X() {
+      if (!m.value || !i.value) return;
+      const B = m.value.getBoundingClientRect(), V = i.value.getBoundingClientRect();
+      let _ = e.placement;
+      $e(_, B, V) && (_ = be(_)), g.value = _, h.value = ee(_, B, V);
     }
-    function te() {
-      e.trigger === "hover" && ee("hover");
+    function Se() {
+      e.trigger === "hover" && Y("hover");
     }
-    function re(M) {
+    function je(B) {
       var V;
       if (e.trigger === "hover") {
         if (e.interactive) {
-          const T = M.relatedTarget;
-          if (T && ((V = c.value) != null && V.contains(T)))
+          const _ = B.relatedTarget;
+          if (_ && ((V = i.value) != null && V.contains(_)))
             return;
         }
-        R("hover");
+        Z("hover");
       }
     }
-    function ne() {
-      e.trigger !== "focus" && e.trigger !== "hover" || ee("focus");
+    function Ve() {
+      e.trigger !== "focus" && e.trigger !== "hover" || Y("focus");
     }
-    function se() {
-      e.trigger !== "focus" && e.trigger !== "hover" || R("focus");
+    function Be() {
+      e.trigger !== "focus" && e.trigger !== "hover" || Z("focus");
     }
-    function Me(M) {
-      e.trigger === "click" && (M.stopPropagation(), k.value ? R("click") : ee("click"));
+    function Me(B) {
+      e.trigger === "click" && (B.stopPropagation(), s.value ? Z("click") : Y("click"));
     }
     function De() {
-      e.interactive && (x.value = !0, A());
+      e.interactive && (x.value = !0, L());
     }
-    function _e(M) {
-      var T;
+    function _e(B) {
+      var _;
       if (!e.interactive) return;
-      const V = M.relatedTarget;
-      V && ((T = p.value) != null && T.contains(V)) || (x.value = !1, R("hover"));
+      const V = B.relatedTarget;
+      V && ((_ = m.value) != null && _.contains(V)) || (x.value = !1, Z("hover"));
     }
-    function $e(M) {
-      var T, G;
-      if (e.trigger !== "click" || !k.value) return;
-      const V = M.target;
-      (T = p.value) != null && T.contains(V) || (G = c.value) != null && G.contains(V) || R("outside");
+    function ve(B) {
+      var _, U;
+      if (e.trigger !== "click" || !s.value) return;
+      const V = B.target;
+      (_ = m.value) != null && _.contains(V) || (U = i.value) != null && U.contains(V) || Z("outside");
     }
-    return ie(
+    return ae(
       () => e.modelValue,
-      (M) => {
-        m.value && M && fe(Q);
+      (B) => {
+        y.value && B && le(X);
       }
-    ), ie(
+    ), ae(
       () => e.placement,
       () => {
-        k.value && fe(Q);
+        s.value && le(X);
       }
-    ), ie(k, (M) => {
-      M && fe(Q);
+    ), ae(s, (B) => {
+      B && le(X);
     }), me(() => {
-      typeof window > "u" || (window.addEventListener("resize", Q), window.addEventListener("scroll", Q, !0), window.addEventListener("click", $e));
-    }), he(() => {
-      A(), !(typeof window > "u") && (window.removeEventListener("resize", Q), window.removeEventListener("scroll", Q, !0), window.removeEventListener("click", $e));
-    }), (M, V) => (t(), a(W, null, [
-      i("span", {
+      typeof window > "u" || (window.addEventListener("resize", X), window.addEventListener("scroll", X, !0), window.addEventListener("click", ve));
+    }), fe(() => {
+      L(), !(typeof window > "u") && (window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0), window.removeEventListener("click", ve));
+    }), (B, V) => (t(), a(A, null, [
+      c("span", {
         ref_key: "triggerRef",
-        ref: p,
+        ref: m,
         class: "dk:relative dk:inline-flex dk:max-w-full",
-        "aria-describedby": k.value ? v : void 0,
-        onMouseenter: te,
-        onMouseleave: re,
-        onFocusin: ne,
-        onFocusout: se,
+        "aria-describedby": s.value ? v : void 0,
+        onMouseenter: Se,
+        onMouseleave: je,
+        onFocusin: Ve,
+        onFocusout: Be,
         onClick: Me
       }, [
-        P(M.$slots, "trigger", {}, () => [
-          P(M.$slots, "default", {}, () => [
-            i("span", Td, j(e.fallbackTriggerText), 1)
+        T(B.$slots, "trigger", {}, () => [
+          T(B.$slots, "default", {}, () => [
+            c("span", Md, j(e.fallbackTriggerText), 1)
           ])
         ])
-      ], 40, _d),
-      (t(), q(ze, {
+      ], 40, Bd),
+      (t(), O(he, {
         to: e.teleportTo
       }, [
-        ae(Ce, {
+        de(xe, {
           "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: U(() => [
-            k.value && !e.disabled ? (t(), a("div", {
+          default: W(() => [
+            s.value && !e.disabled ? (t(), a("div", {
               key: 0,
               ref_key: "tooltipRef",
-              ref: c,
+              ref: i,
               id: v,
               role: "tooltip",
-              class: s(y.value),
-              style: xe($.value),
+              class: n(u.value),
+              style: ce($.value),
               onMouseenter: De,
               onMouseleave: _e
             }, [
-              P(M.$slots, "content", {}, () => [
-                E(j(e.text), 1)
+              T(B.$slots, "content", {}, () => [
+                I(j(e.text), 1)
               ]),
               e.arrow ? (t(), a("span", {
                 key: 0,
                 "aria-hidden": "true",
-                class: s(D.value)
+                class: n(M.value)
               }, null, 2)) : S("", !0)
             ], 38)) : S("", !0)
           ]),
@@ -2264,7 +2186,7 @@ const Ue = { key: 1 }, We = `
       ], 8, ["to"]))
     ], 64));
   }
-}), Ld = ["open"], Pd = ["onClick"], Ad = { class: "dui-acc-title" }, Id = { class: "dui-acc-panel" }, Ed = /* @__PURE__ */ I({
+}), Dd = ["open"], _d = ["onClick"], Td = { class: "dui-acc-title" }, Pd = { class: "dui-acc-panel" }, Ld = /* @__PURE__ */ P({
   __name: "DuiAccordion",
   props: {
     items: {},
@@ -2277,20 +2199,20 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = K([]);
-    function c() {
-      return e.modelValue === void 0 ? p.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
+    const e = d, b = r, m = K([]);
+    function i() {
+      return e.modelValue === void 0 ? m.value : Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [];
     }
     function z(w) {
-      return c().includes(w);
+      return i().includes(w);
     }
-    function m(w, h) {
-      if (h) return;
-      const y = c();
+    function y(w, l) {
+      if (l) return;
+      const u = i();
       let $;
-      e.multiple ? $ = y.includes(w) ? y.filter((D) => D !== w) : [...y, w] : $ = y.includes(w) ? [] : [w], p.value = $, l("update:modelValue", e.multiple ? $ : $[0] ?? ""), l("change", w);
+      e.multiple ? $ = u.includes(w) ? u.filter((M) => M !== w) : [...u, w] : $ = u.includes(w) ? [] : [w], m.value = $, b("update:modelValue", e.multiple ? $ : $[0] ?? ""), b("change", w);
     }
-    const k = {
+    const s = {
       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",
@@ -2309,14 +2231,14 @@ const Ue = { key: 1 }, We = `
         icon: "dk:text-xl",
         chevron: "dk:w-5 dk:h-5"
       }
-    }, u = {
+    }, g = {
       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"
-    }, g = {
+    }, h = {
       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",
@@ -2330,49 +2252,49 @@ const Ue = { key: 1 }, We = `
       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"), _ = o(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
-    function v(w, h) {
-      const y = k[e.size], $ = z(w), D = [
+    }, C = o(() => e.variant === "separated" ? "dk:flex dk:flex-col dk:gap-2" : e.variant === "ghost" ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700/60" : e.flush ? "dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700" : "dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:rounded-xl dk:divide-y dk:divide-zinc-200 dk:dark:divide-zinc-700 dk:overflow-hidden dk:shadow-sm"), D = o(() => e.variant === "separated" ? "dk:rounded-xl dk:border dk:border-zinc-200 dk:dark:border-zinc-700 dk:overflow-hidden dk:shadow-sm dk:bg-white dk:dark:bg-zinc-900" : e.variant === "ghost" ? "" : "dk:bg-white dk:dark:bg-zinc-900");
+    function v(w, l) {
+      const u = s[e.size], $ = z(w), M = [
         "dk:flex dk:w-full dk:items-center dk:select-none dk:outline-none",
         "dk:transition-colors dk:duration-150",
-        y.summary
-      ], A = $ ? [u[e.color], g[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"], Z = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", ee = h ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
-      return [...D, ...A, Z, ee].join(" ");
+        u.summary
+      ], L = $ ? [g[e.color], h[e.color]] : ["dk:text-zinc-700 dk:dark:text-zinc-300", "dk:hover:bg-zinc-50 dk:dark:hover:bg-zinc-800/50 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"], J = "dk:focus-visible:ring-2 dk:focus-visible:ring-inset dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500", Y = l ? "dk:opacity-40 dk:cursor-not-allowed dk:pointer-events-none" : "dk:cursor-pointer";
+      return [...M, ...L, J, Y].join(" ");
     }
-    function b(w) {
-      const h = k[e.size];
+    function p(w) {
+      const l = s[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 " + x[e.color] : "dk:text-zinc-400 dk:dark:text-zinc-500",
-        h.chevron
+        l.chevron
       ].join(" ");
     }
-    const n = o(() => ["dk:flex-shrink-0 dk:leading-none", k[e.size].icon].join(" ")), f = o(() => [
-      k[e.size].content,
+    const k = o(() => ["dk:flex-shrink-0 dk:leading-none", s[e.size].icon].join(" ")), f = o(() => [
+      s[e.size].content,
       "dk:text-zinc-600 dk:dark:text-zinc-400 dk:leading-relaxed"
     ].join(" "));
-    return (w, h) => (t(), a("div", {
-      class: s(C.value)
+    return (w, l) => (t(), a("div", {
+      class: n(C.value)
     }, [
-      (t(!0), a(W, null, H(d.items, (y, $) => (t(), a("details", {
-        key: y.value ?? $,
-        open: z(y.value ?? String($)),
-        class: s(_.value),
-        onToggle: h[0] || (h[0] = ke(() => {
+      (t(!0), a(A, null, F(d.items, (u, $) => (t(), a("details", {
+        key: u.value ?? $,
+        open: z(u.value ?? String($)),
+        class: n(D.value),
+        onToggle: l[0] || (l[0] = te(() => {
         }, ["prevent"]))
       }, [
-        i("summary", {
-          class: s(v(y.value ?? String($), y.disabled)),
-          onClick: ke((D) => m(y.value ?? String($), y.disabled), ["prevent"])
+        c("summary", {
+          class: n(v(u.value ?? String($), u.disabled)),
+          onClick: te((M) => y(u.value ?? String($), u.disabled), ["prevent"])
         }, [
-          y.icon ? (t(), a("span", {
+          u.icon ? (t(), a("span", {
             key: 0,
             "aria-hidden": "true",
-            class: s(n.value)
-          }, j(y.icon), 3)) : S("", !0),
-          i("span", Ad, j(y.title), 1),
+            class: n(k.value)
+          }, j(u.icon), 3)) : S("", !0),
+          c("span", Td, j(u.title), 1),
           (t(), a("svg", {
-            class: s(b(y.value ?? String($))),
+            class: n(p(u.value ?? String($))),
             viewBox: "0 0 16 16",
             fill: "none",
             stroke: "currentColor",
@@ -2380,23 +2302,23 @@ const Ue = { key: 1 }, We = `
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "aria-hidden": "true"
-          }, [...h[1] || (h[1] = [
-            i("polyline", { points: "4 6 8 10 12 6" }, null, -1)
+          }, [...l[1] || (l[1] = [
+            c("polyline", { points: "4 6 8 10 12 6" }, null, -1)
           ])], 2))
-        ], 10, Pd),
-        i("div", Id, [
-          i("div", {
-            class: s(f.value)
+        ], 10, _d),
+        c("div", Pd, [
+          c("div", {
+            class: n(f.value)
           }, [
-            P(w.$slots, y.value ?? String($), {}, () => [
-              i("p", null, j(y.content), 1)
+            T(w.$slots, u.value ?? String($), {}, () => [
+              c("p", null, j(u.content), 1)
             ], !0)
           ], 2)
         ])
-      ], 42, Ld))), 128))
+      ], 42, Dd))), 128))
     ], 2));
   }
-}), Ut = /* @__PURE__ */ be(Ed, [["__scopeId", "data-v-9bd77ff3"]]), Ud = ["aria-label"], Wt = /* @__PURE__ */ I({
+}), At = /* @__PURE__ */ ne(Ld, [["__scopeId", "data-v-9bd77ff3"]]), Id = ["aria-label"], Wt = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiBadge",
   props: {
@@ -2411,12 +2333,12 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["dismiss"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = {
+    const e = d, b = r, m = {
       xs: "dk:text-[10px] dk:leading-none dk:px-1.5 dk:py-0.5 dk:gap-1",
       sm: "dk:text-xs dk:leading-none dk:px-2 dk:py-1 dk:gap-1",
       md: "dk:text-sm dk:px-2.5 dk:py-1 dk:gap-1.5",
       lg: "dk:text-base dk:px-3 dk:py-1.5 dk:gap-2"
-    }, c = {
+    }, i = {
       full: "dk:rounded-full",
       md: "dk:rounded-md",
       none: "dk:rounded-none"
@@ -2445,52 +2367,52 @@ const Ue = { key: 1 }, We = `
         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"
       }
-    }, m = {
+    }, 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"
-    }, k = o(() => {
-      const C = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", _ = p[e.size], v = c[e.rounded], b = z[e.variant][e.color], n = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
-      return [C, _, v, b, n].join(" ");
-    }), u = 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], m[e.color]].join(" ")), g = o(() => "dk:flex-shrink-0 dk:flex dk:items-center"), x = o(() => [
+    }, s = o(() => {
+      const C = "dk:inline-flex dk:items-center dk:font-medium dk:whitespace-nowrap dk:select-none", D = m[e.size], v = i[e.rounded], p = z[e.variant][e.color], k = e.href ? "dk:cursor-pointer dk:hover:opacity-80 dk:transition-opacity" : "";
+      return [C, D, v, p, k].join(" ");
+    }), g = o(() => ["dk:rounded-full dk:flex-shrink-0", { xs: "dk:w-1.5 dk:h-1.5", sm: "dk:w-2 dk:h-2", md: "dk:w-2 dk:h-2", lg: "dk:w-2.5 dk:h-2.5" }[e.size], y[e.color]].join(" ")), h = o(() => "dk:flex-shrink-0 dk:flex dk:items-center"), x = o(() => [
       "dk:-mr-0.5 dk:flex-shrink-0 dk:inline-flex dk:items-center dk:justify-center",
       "dk:rounded-full dk:w-3.5 dk:h-3.5 dk:text-sm dk:leading-none",
       "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, _) => (t(), q(Y(d.href ? "a" : "span"), N({
+    return (C, D) => (t(), O(Q(d.href ? "a" : "span"), E({
       href: d.href,
-      class: k.value
+      class: s.value
     }, C.$attrs), {
-      default: U(() => [
+      default: W(() => [
         C.$slots.icon || d.dot ? (t(), a("span", {
           key: 0,
           "aria-hidden": "true",
-          class: s(g.value)
+          class: n(h.value)
         }, [
           d.dot ? (t(), a("span", {
             key: 0,
-            class: s(u.value)
-          }, null, 2)) : P(C.$slots, "icon", { key: 1 })
+            class: n(g.value)
+          }, null, 2)) : T(C.$slots, "icon", { key: 1 })
         ], 2)) : S("", !0),
-        P(C.$slots, "default", {}, () => [
-          E(j(d.label), 1)
+        T(C.$slots, "default", {}, () => [
+          I(j(d.label), 1)
         ]),
         d.dismissible ? (t(), a("button", {
           key: 1,
           type: "button",
-          class: s(x.value),
+          class: n(x.value),
           "aria-label": d.label ? `Quitar ${d.label}` : "Quitar",
-          onClick: _[0] || (_[0] = ke((v) => l("dismiss"), ["prevent"]))
-        }, " × ", 10, Ud)) : S("", !0)
+          onClick: D[0] || (D[0] = te((v) => b("dismiss"), ["prevent"]))
+        }, " × ", 10, Id)) : S("", !0)
       ]),
       _: 3
     }, 16, ["href", "class"]));
   }
-}), Wd = ["onKeydown"], Od = ["aria-label"], Ot = /* @__PURE__ */ I({
+}), Ad = ["onKeydown"], Wd = ["aria-label"], Et = /* @__PURE__ */ P({
   __name: "DuiDropdown",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -2505,20 +2427,20 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["update:modelValue", "open", "close"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = K(null), c = K(!1), z = o(() => e.modelValue !== void 0 ? e.modelValue : c.value);
-    function m() {
+    const e = d, b = r, m = K(null), i = K(!1), z = o(() => e.modelValue !== void 0 ? e.modelValue : i.value);
+    function y() {
       if (e.disabled) return;
-      const b = !z.value;
-      c.value = b, l("update:modelValue", b), l(b ? "open" : "close");
+      const p = !z.value;
+      i.value = p, b("update:modelValue", p), b(p ? "open" : "close");
     }
-    function k() {
-      c.value = !1, l("update:modelValue", !1), l("close");
+    function s() {
+      i.value = !1, b("update:modelValue", !1), b("close");
     }
-    function u(b) {
-      p.value && !p.value.contains(b.target) && k();
+    function g(p) {
+      m.value && !m.value.contains(p.target) && s();
     }
-    me(() => document.addEventListener("mousedown", u)), he(() => document.removeEventListener("mousedown", u));
-    const g = {
+    me(() => document.addEventListener("mousedown", g)), fe(() => document.removeEventListener("mousedown", g));
+    const h = {
       "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",
@@ -2554,51 +2476,51 @@ const Ue = { key: 1 }, We = `
         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"
       }
-    }, _ = o(() => ({ minWidth: e.minWidth })), v = o(() => [
+    }, D = o(() => ({ minWidth: e.minWidth })), v = o(() => [
       "dk:absolute dk:z-50 dk:shadow-lg dk:py-1",
-      g[e.placement],
+      h[e.placement],
       x[e.rounded],
       C[e.variant][e.color]
     ].join(" "));
-    return (b, n) => (t(), a("div", {
+    return (p, k) => (t(), a("div", {
       ref_key: "wrapperRef",
-      ref: p,
+      ref: m,
       class: "dk:relative dk:inline-block"
     }, [
-      i("div", {
-        onClick: m,
+      c("div", {
+        onClick: y,
         onKeydown: [
-          Se(ke(m, ["prevent"]), ["enter"]),
-          Se(ke(m, ["prevent"]), ["space"])
+          ye(te(y, ["prevent"]), ["enter"]),
+          ye(te(y, ["prevent"]), ["space"])
         ]
       }, [
-        P(b.$slots, "trigger")
-      ], 40, Wd),
-      ae(Ce, {
+        T(p.$slots, "trigger")
+      ], 40, Ad),
+      de(xe, {
         "enter-active-class": "dk:transition-all dk:duration-150 dk:ease-out",
         "leave-active-class": "dk:transition-all dk:duration-100 dk:ease-in",
         "enter-from-class": "dk:opacity-0 dk:scale-95",
         "leave-to-class": "dk:opacity-0 dk:scale-95"
       }, {
-        default: U(() => [
+        default: W(() => [
           z.value ? (t(), a("div", {
             key: 0,
-            class: s(v.value),
-            style: xe(_.value),
+            class: n(v.value),
+            style: ce(D.value),
             role: "menu",
             "aria-label": d.ariaLabel
           }, [
-            P(b.$slots, "default")
-          ], 14, Od)) : S("", !0)
+            T(p.$slots, "default")
+          ], 14, Wd)) : S("", !0)
         ]),
         _: 3
       })
     ], 512));
   }
-}), Nd = { class: "dk:flex-1 dk:truncate" }, Fd = {
+}), Ed = { class: "dk:flex-1 dk:truncate" }, Od = {
   key: 1,
   class: "dk:ml-auto dk:opacity-60 dk:text-xs"
-}, Nt = /* @__PURE__ */ I({
+}, Ot = /* @__PURE__ */ P({
   __name: "DuiDropdownItem",
   props: {
     label: { default: void 0 },
@@ -2611,60 +2533,60 @@ const Ue = { key: 1 }, We = `
   },
   emits: ["click"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), c = {
+    const e = d, b = r, m = o(() => e.href ? { href: e.href, target: e.target } : { type: "button", disabled: e.disabled }), i = {
       sm: "dk:px-3 dk:py-1 dk:text-xs",
       md: "dk:px-3 dk:py-2 dk:text-sm",
       lg: "dk:px-4 dk:py-2.5 dk:text-base"
     }, z = o(() => {
-      const u = "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", g = c[e.size], x = 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 [u, g, x, C].join(" ");
-    }), m = o(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
-    function k(u) {
-      e.disabled || l("click", u);
+      const g = "dk:flex dk:w-full dk:items-center dk:gap-2 dk:transition-colors dk:duration-100 dk:outline-none dk:text-left dk:select-none", h = i[e.size], x = 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 [g, h, x, C].join(" ");
+    }), y = o(() => "dk:flex-shrink-0 dk:w-4 dk:h-4 dk:flex dk:items-center dk:justify-center dk:opacity-70");
+    function s(g) {
+      e.disabled || b("click", g);
     }
-    return (u, g) => (t(), q(Y(d.href ? "a" : "button"), N(p.value, {
+    return (g, h) => (t(), O(Q(d.href ? "a" : "button"), E(m.value, {
       class: z.value,
       role: "menuitem",
       "aria-disabled": d.disabled,
-      onClick: k
+      onClick: s
     }), {
-      default: U(() => [
-        u.$slots.icon || d.icon ? (t(), a("span", {
+      default: W(() => [
+        g.$slots.icon || d.icon ? (t(), a("span", {
           key: 0,
-          class: s(m.value),
+          class: n(y.value),
           "aria-hidden": "true"
         }, [
-          P(u.$slots, "icon", {}, () => [
-            E(j(d.icon), 1)
+          T(g.$slots, "icon", {}, () => [
+            I(j(d.icon), 1)
           ])
         ], 2)) : S("", !0),
-        i("span", Nd, [
-          P(u.$slots, "default", {}, () => [
-            E(j(d.label), 1)
+        c("span", Ed, [
+          T(g.$slots, "default", {}, () => [
+            I(j(d.label), 1)
           ])
         ]),
-        u.$slots.trailing ? (t(), a("span", Fd, [
-          P(u.$slots, "trailing")
+        g.$slots.trailing ? (t(), a("span", Od, [
+          T(g.$slots, "trailing")
         ])) : S("", !0)
       ]),
       _: 3
     }, 16, ["class", "aria-disabled"]));
   }
-}), Kd = {}, qd = {
+}), Nd = {}, Fd = {
   class: "dk:my-1 dk:border-current/10",
   role: "separator",
   "aria-orientation": "horizontal"
 };
-function Hd(d, r) {
-  return t(), a("hr", qd);
+function Ud(d, r) {
+  return t(), a("hr", Fd);
 }
-const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = ["disabled", "aria-label"], Jd = {
+const Nt = /* @__PURE__ */ ne(Nd, [["render", Ud]]), Kd = ["aria-label"], qd = ["disabled", "aria-label"], Hd = {
   key: 0,
   class: "dk:hidden dk:sm:inline"
-}, Xd = ["aria-label", "aria-current", "onClick"], Yd = ["disabled", "aria-label"], Zd = {
+}, Qd = ["aria-label", "aria-current", "onClick"], Gd = ["disabled", "aria-label"], Jd = {
   key: 0,
   class: "dk:hidden dk:sm:inline"
-}, Kt = /* @__PURE__ */ I({
+}, Ft = /* @__PURE__ */ P({
   __name: "DuiPagination",
   props: {
     modelValue: {},
@@ -2683,31 +2605,31 @@ const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
-    function c(b) {
-      b < 1 || b > p.value || b === e.modelValue || (l("update:modelValue", b), l("change", b));
+    const e = d, b = r, m = o(() => Math.max(1, Math.ceil(e.total / e.perPage)));
+    function i(p) {
+      p < 1 || p > m.value || p === e.modelValue || (b("update:modelValue", p), b("change", p));
     }
     const z = o(() => {
-      const b = p.value, n = e.modelValue, f = e.siblingCount, w = e.showBoundary ? 1 : 0;
-      if (b <= 2 * f + 2 * w + 3)
-        return Array.from({ length: b }, (D, A) => A + 1);
-      const h = [];
-      for (let D = 1; D <= w; D++) h.push(D);
-      const y = Math.max(w + 1, n - f), $ = Math.min(b - w, n + f);
-      y > w + 1 && h.push("...");
-      for (let D = y; D <= $; D++) h.push(D);
-      $ < b - w && h.push("...");
-      for (let D = b - w + 1; D <= b; D++) h.push(D);
-      return h;
-    }), m = {
+      const p = m.value, k = e.modelValue, f = e.siblingCount, w = e.showBoundary ? 1 : 0;
+      if (p <= 2 * f + 2 * w + 3)
+        return Array.from({ length: p }, (M, L) => L + 1);
+      const l = [];
+      for (let M = 1; M <= w; M++) l.push(M);
+      const u = Math.max(w + 1, k - f), $ = Math.min(p - w, k + f);
+      u > w + 1 && l.push("...");
+      for (let M = u; M <= $; M++) l.push(M);
+      $ < p - w && l.push("...");
+      for (let M = p - w + 1; M <= p; M++) l.push(M);
+      return l;
+    }), 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"
-    }, k = {
+    }, s = {
       full: "dk:rounded-full",
       md: "dk:rounded-lg",
       none: "dk:rounded-none"
-    }, u = {
+    }, g = {
       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",
@@ -2732,12 +2654,12 @@ const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = [
         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"
       }
-    }, g = o(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), x = o(() => {
-      const b = m[e.size], n = k[e.rounded];
+    }, h = o(() => "dk:flex dk:items-center dk:gap-1 dk:flex-wrap"), x = o(() => {
+      const p = y[e.size], k = s[e.rounded];
       return [
         "dk:inline-flex dk:items-center dk:justify-center dk:font-medium dk:transition-colors dk:duration-150 dk:outline-none dk:select-none dk:cursor-pointer dk:disabled:cursor-not-allowed dk:disabled:pointer-events-none",
-        b,
-        n,
+        p,
+        k,
         "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400"
       ].join(" ");
     }), C = o(() => [
@@ -2746,25 +2668,25 @@ const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = [
       "dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700",
       "dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
     ].join(" "));
-    function _(b) {
-      return b === e.modelValue ? [x.value, u[e.variant][e.color]].join(" ") : [
+    function D(p) {
+      return p === e.modelValue ? [x.value, g[e.variant][e.color]].join(" ") : [
         x.value,
         "dk:text-zinc-600 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-900 dk:dark:hover:text-zinc-100"
       ].join(" ");
     }
-    const v = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", m[e.size]].join(" "));
-    return (b, n) => (t(), a("nav", {
+    const v = o(() => ["dk:inline-flex dk:items-center dk:justify-center dk:text-zinc-400 dk:select-none", y[e.size]].join(" "));
+    return (p, k) => (t(), a("nav", {
       "aria-label": d.ariaLabel,
-      class: s(g.value)
+      class: n(h.value)
     }, [
-      i("button", {
+      c("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: n[0] || (n[0] = (f) => c(d.modelValue - 1))
+        class: n([C.value, d.modelValue <= 1 ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
+        onClick: k[0] || (k[0] = (f) => i(d.modelValue - 1))
       }, [
-        n[2] || (n[2] = i("svg", {
+        k[2] || (k[2] = c("svg", {
           class: "dk:w-4 dk:h-4",
           viewBox: "0 0 16 16",
           fill: "none",
@@ -2774,33 +2696,33 @@ const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = [
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          i("polyline", { points: "10 4 6 8 10 12" })
+          c("polyline", { points: "10 4 6 8 10 12" })
         ], -1)),
-        d.showLabels ? (t(), a("span", Jd, j(d.prevLabel), 1)) : S("", !0)
-      ], 10, Gd),
-      (t(!0), a(W, null, H(z.value, (f) => (t(), a(W, { key: f }, [
+        d.showLabels ? (t(), a("span", Hd, j(d.prevLabel), 1)) : S("", !0)
+      ], 10, qd),
+      (t(!0), a(A, null, F(z.value, (f) => (t(), a(A, { key: f }, [
         f === "..." ? (t(), a("span", {
           key: 0,
-          class: s(v.value),
+          class: n(v.value),
           "aria-hidden": "true"
         }, "…", 2)) : (t(), a("button", {
           key: 1,
           type: "button",
           "aria-label": `Pagina ${f}`,
           "aria-current": d.modelValue === f ? "page" : void 0,
-          class: s(_(f)),
-          onClick: (w) => c(f)
-        }, j(f), 11, Xd))
+          class: n(D(f)),
+          onClick: (w) => i(f)
+        }, j(f), 11, Qd))
       ], 64))), 128)),
-      i("button", {
+      c("button", {
         type: "button",
-        disabled: d.modelValue >= p.value,
+        disabled: d.modelValue >= m.value,
         "aria-label": d.nextLabel,
-        class: s([C.value, d.modelValue >= p.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
-        onClick: n[1] || (n[1] = (f) => c(d.modelValue + 1))
+        class: n([C.value, d.modelValue >= m.value ? "dk:opacity-40 dk:cursor-not-allowed" : ""]),
+        onClick: k[1] || (k[1] = (f) => i(d.modelValue + 1))
       }, [
-        d.showLabels ? (t(), a("span", Zd, j(d.nextLabel), 1)) : S("", !0),
-        n[3] || (n[3] = i("svg", {
+        d.showLabels ? (t(), a("span", Jd, j(d.nextLabel), 1)) : S("", !0),
+        k[3] || (k[3] = c("svg", {
           class: "dk:w-4 dk:h-4",
           viewBox: "0 0 16 16",
           fill: "none",
@@ -2810,12 +2732,12 @@ const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = [
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          i("polyline", { points: "6 4 10 8 6 12" })
+          c("polyline", { points: "6 4 10 8 6 12" })
         ], -1))
-      ], 10, Yd)
-    ], 10, Qd));
+      ], 10, Gd)
+    ], 10, Kd));
   }
-}), Rd = /* @__PURE__ */ I({
+}), Xd = /* @__PURE__ */ P({
   __name: "DuiSkeleton",
   props: {
     variant: { default: "text" },
@@ -2825,39 +2747,39 @@ const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = [
   },
   setup(d) {
     const r = d;
-    function e(m) {
-      if (m !== void 0)
-        return typeof m == "number" ? `${m}px` : m;
+    function e(y) {
+      if (y !== void 0)
+        return typeof y == "number" ? `${y}px` : y;
     }
-    const l = o(() => ({
+    const b = o(() => ({
       width: e(r.width),
       height: e(r.height)
-    })), p = {
+    })), m = {
       pulse: "dui-skeleton-pulse",
       wave: "dui-skeleton-wave",
       none: ""
-    }, c = {
+    }, i = {
       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",
-      c[r.variant],
-      p[r.animation]
+      i[r.variant],
+      m[r.animation]
     ].join(" "));
-    return (m, k) => (t(), a("span", {
-      class: s(z.value),
-      style: xe(l.value),
+    return (y, s) => (t(), a("span", {
+      class: n(z.value),
+      style: ce(b.value),
       "aria-hidden": "true",
       role: "presentation"
     }, null, 6));
   }
-}), qt = /* @__PURE__ */ be(Rd, [["__scopeId", "data-v-8c9c6005"]]), et = ["aria-label"], dt = ["id", "aria-controls", "aria-selected", "disabled", "onClick", "onKeydown"], tt = {
+}), Ut = /* @__PURE__ */ ne(Xd, [["__scopeId", "data-v-8c9c6005"]]), Yd = ["aria-label"], Zd = ["id", "aria-controls", "aria-selected", "disabled", "onClick", "onKeydown"], Rd = {
   key: 0,
   "aria-hidden": "true",
   class: "dk:flex-shrink-0"
-}, rt = ["id", "aria-labelledby", "tabindex", "hidden"], Ht = /* @__PURE__ */ I({
+}, et = ["id", "aria-labelledby", "tabindex", "hidden"], Kt = /* @__PURE__ */ P({
   __name: "DuiTabs",
   props: {
     modelValue: {},
@@ -2870,100 +2792,100 @@ const Ft = /* @__PURE__ */ be(Kd, [["render", Hd]]), Qd = ["aria-label"], Gd = [
   },
   emits: ["update:modelValue", "change"],
   setup(d, { emit: r }) {
-    const e = d, l = r, p = Math.random().toString(36).slice(2, 8);
-    function c(v, b) {
-      b || (l("update:modelValue", v), l("change", v));
+    const e = d, b = r, m = Math.random().toString(36).slice(2, 8);
+    function i(v, p) {
+      p || (b("update:modelValue", v), b("change", v));
     }
-    function z(v, b) {
-      const n = e.tabs.filter((w) => !w.disabled).map((w) => w.value), f = n.indexOf(b);
+    function z(v, p) {
+      const k = e.tabs.filter((w) => !w.disabled).map((w) => w.value), f = k.indexOf(p);
       if (v.key === "ArrowRight" || v.key === "ArrowDown") {
         v.preventDefault();
-        const w = n[(f + 1) % n.length];
-        c(w);
+        const w = k[(f + 1) % k.length];
+        i(w);
       }
       if (v.key === "ArrowLeft" || v.key === "ArrowUp") {
         v.preventDefault();
-        const w = n[(f - 1 + n.length) % n.length];
-        c(w);
+        const w = k[(f - 1 + k.length) % k.length];
+        i(w);
       }
-      v.key === "Home" && (v.preventDefault(), c(n[0])), v.key === "End" && (v.preventDefault(), c(n[n.length - 1]));
+      v.key === "Home" && (v.preventDefault(), i(k[0])), v.key === "End" && (v.preventDefault(), i(k[k.length - 1]));
     }
-    const m = {
+    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"
-    }, k = {
+    }, s = {
       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" }
-    }, u = o(() => "dk:w-full"), g = o(() => {
-      const v = "dk:flex dk:items-center dk:gap-0.5", b = e.fullWidth ? "dk:w-full" : "", n = {
+    }, g = o(() => "dk:w-full"), h = o(() => {
+      const v = "dk:flex dk:items-center dk:gap-0.5", p = e.fullWidth ? "dk:w-full" : "", k = {
         underline: "dk:border-b dk:border-zinc-200 dk:dark:border-zinc-700",
         pills: "dk:gap-1",
         boxed: "dk:bg-zinc-100 dk:dark:bg-zinc-800 dk:p-1 dk:rounded-xl dk:gap-1"
       }[e.variant];
-      return [v, b, n].join(" ");
+      return [v, p, k].join(" ");
     });
-    function x(v, b) {
-      const n = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t", f = m[e.size], w = e.modelValue === v, h = b ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", y = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
+    function x(v, p) {
+      const k = "dk:inline-flex dk:items-center dk:gap-1.5 dk:font-medium dk:transition-all dk:duration-150 dk:outline-none dk:select-none dk:rounded-t", f = y[e.size], w = e.modelValue === v, l = p ? "dk:opacity-40 dk:cursor-not-allowed" : "dk:cursor-pointer", u = "dk:focus-visible:ring-2 dk:focus-visible:ring-offset-1 dk:focus-visible:ring-slate-400 dk:dark:focus-visible:ring-slate-500";
       if (e.variant === "underline") {
-        const A = w ? `dk:border-b-2 ${k[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 [n, f, A, h, y].join(" ");
+        const L = w ? `dk:border-b-2 ${s[e.color].underline}` : "dk:border-b-2 dk:border-transparent dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200 dk:hover:border-zinc-300 dk:dark:hover:border-zinc-600";
+        return [k, f, L, l, u].join(" ");
       }
       if (e.variant === "pills") {
-        const A = w ? `dk:rounded-lg ${k[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 [n, f, A, h, y].join(" ");
+        const L = w ? `dk:rounded-lg ${s[e.color].pills}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-zinc-100 dk:dark:hover:bg-zinc-700 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200";
+        return [k, f, L, l, u].join(" ");
       }
-      const $ = w ? `dk:rounded-lg ${k[e.color].boxed}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-black/5 dk:dark:hover:bg-white/5 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200", D = e.fullWidth ? "dk:flex-1 dk:text-center dk:justify-center" : "";
-      return [n, f, $, h, y, D].join(" ");
+      const $ = w ? `dk:rounded-lg ${s[e.color].boxed}` : "dk:rounded-lg dk:text-zinc-500 dk:dark:text-zinc-400 dk:hover:bg-black/5 dk:dark:hover:bg-white/5 dk:hover:text-zinc-700 dk:dark:hover:text-zinc-200", M = e.fullWidth ? "dk:flex-1 dk:text-center dk:justify-center" : "";
+      return [k, f, $, l, u, M].join(" ");
     }
-    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"), _ = o(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
-    return (v, b) => (t(), a("div", {
-      class: s(u.value)
+    const C = o(() => "dk:ml-1 dk:inline-flex dk:items-center dk:justify-center dk:rounded-full dk:bg-current/15 dk:text-current dk:text-[10px] dk:font-semibold dk:px-1.5 dk:py-px dk:leading-none"), D = o(() => [{ sm: "dk:pt-3", md: "dk:pt-4", lg: "dk:pt-5" }[e.size], "dk:outline-none"].join(" "));
+    return (v, p) => (t(), a("div", {
+      class: n(g.value)
     }, [
-      i("div", {
-        class: s(g.value),
+      c("div", {
+        class: n(h.value),
         role: "tablist",
         "aria-label": d.ariaLabel
       }, [
-        (t(!0), a(W, null, H(d.tabs, (n) => (t(), a("button", {
-          key: n.value,
+        (t(!0), a(A, null, F(d.tabs, (k) => (t(), a("button", {
+          key: k.value,
           type: "button",
-          id: `tab-${oe(p)}-${n.value}`,
-          "aria-controls": `panel-${oe(p)}-${n.value}`,
-          "aria-selected": d.modelValue === n.value,
-          disabled: n.disabled,
+          id: `tab-${R(m)}-${k.value}`,
+          "aria-controls": `panel-${R(m)}-${k.value}`,
+          "aria-selected": d.modelValue === k.value,
+          disabled: k.disabled,
           role: "tab",
-          class: s(x(n.value, n.disabled)),
-          onClick: (f) => c(n.value, n.disabled),
-          onKeydown: (f) => z(f, n.value)
+          class: n(x(k.value, k.disabled)),
+          onClick: (f) => i(k.value, k.disabled),
+          onKeydown: (f) => z(f, k.value)
         }, [
-          n.icon ? (t(), a("span", tt, j(n.icon), 1)) : S("", !0),
-          E(" " + j(n.label) + " ", 1),
-          n.badge !== void 0 ? (t(), a("span", {
+          k.icon ? (t(), a("span", Rd, j(k.icon), 1)) : S("", !0),
+          I(" " + j(k.label) + " ", 1),
+          k.badge !== void 0 ? (t(), a("span", {
             key: 1,
-            class: s(C.value)
-          }, j(n.badge), 3)) : S("", !0)
-        ], 42, dt))), 128))
-      ], 10, et),
-      (t(!0), a(W, null, H(d.tabs, (n) => (t(), a("div", {
-        key: n.value,
-        id: `panel-${oe(p)}-${n.value}`,
-        "aria-labelledby": `tab-${oe(p)}-${n.value}`,
+            class: n(C.value)
+          }, j(k.badge), 3)) : S("", !0)
+        ], 42, Zd))), 128))
+      ], 10, Yd),
+      (t(!0), a(A, null, F(d.tabs, (k) => (t(), a("div", {
+        key: k.value,
+        id: `panel-${R(m)}-${k.value}`,
+        "aria-labelledby": `tab-${R(m)}-${k.value}`,
         role: "tabpanel",
-        tabindex: d.modelValue === n.value ? 0 : -1,
-        hidden: d.modelValue !== n.value,
-        class: s(_.value)
+        tabindex: d.modelValue === k.value ? 0 : -1,
+        hidden: d.modelValue !== k.value,
+        class: n(D.value)
       }, [
-        P(v.$slots, n.value)
-      ], 10, rt))), 128))
+        T(v.$slots, k.value)
+      ], 10, et))), 128))
     ], 2));
   }
-}), ue = Ve({ toasts: [] });
-function le(d) {
+}), ke = ze({ toasts: [] });
+function re(d) {
   const r = Math.random().toString(36).slice(2, 10), e = {
     id: r,
     title: d.title,
@@ -2973,35 +2895,35 @@ function le(d) {
     closable: d.closable ?? !0,
     icon: d.icon
   };
-  return ue.toasts.push(e), e.duration > 0 && setTimeout(() => Be(r), e.duration), r;
+  return ke.toasts.push(e), e.duration > 0 && setTimeout(() => Ce(r), e.duration), r;
 }
-function Be(d) {
-  const r = ue.toasts.findIndex((e) => e.id === d);
-  r !== -1 && ue.toasts.splice(r, 1);
+function Ce(d) {
+  const r = ke.toasts.findIndex((e) => e.id === d);
+  r !== -1 && ke.toasts.splice(r, 1);
 }
-function at() {
-  ue.toasts.splice(0);
+function dt() {
+  ke.toasts.splice(0);
 }
-function ot() {
+function tt() {
   return {
-    toasts: Ae(ue.toasts),
-    add: le,
-    remove: Be,
-    clear: at,
-    success: (d, r) => le({ ...r, message: d, color: "success" }),
-    error: (d, r) => le({ ...r, message: d, color: "danger" }),
-    warning: (d, r) => le({ ...r, message: d, color: "warning" }),
-    info: (d, r) => le({ ...r, message: d, color: "primary" })
+    toasts: Ie(ke.toasts),
+    add: re,
+    remove: Ce,
+    clear: dt,
+    success: (d, r) => re({ ...r, message: d, color: "success" }),
+    error: (d, r) => re({ ...r, message: d, color: "danger" }),
+    warning: (d, r) => re({ ...r, message: d, color: "warning" }),
+    info: (d, r) => re({ ...r, message: d, color: "primary" })
   };
 }
-const nt = {
+const rt = {
   key: 0,
   "aria-hidden": "true",
   class: "dk:flex-shrink-0 dk:text-lg"
-}, kt = { class: "dk:flex-1 dk:min-w-0" }, st = {
+}, at = { class: "dk:flex-1 dk:min-w-0" }, ot = {
   key: 0,
   class: "dk:text-sm dk:font-semibold dk:leading-snug"
-}, lt = ["onClick"], it = "dk:flex-shrink-0 dk:flex dk:items-center dk:justify-center dk:w-5 dk:h-5 dk:rounded dk:text-current dk:opacity-70 dk:hover:opacity-100 dk:transition-opacity dk:text-base dk:leading-none dk:outline-none dk:ring-1 dk:ring-current/30 dk:focus-visible:ring-2", Qt = /* @__PURE__ */ I({
+}, kt = ["onClick"], nt = "dk:flex-shrink-0 dk:flex dk:items-center dk:justify-center dk:w-5 dk:h-5 dk:rounded dk:text-current dk:opacity-70 dk:hover:opacity-100 dk:transition-opacity dk:text-base dk:leading-none dk:outline-none dk:ring-1 dk:ring-current/30 dk:focus-visible:ring-2", qt = /* @__PURE__ */ P({
   __name: "DuiToast",
   props: {
     position: { default: "top-right" },
@@ -3009,7 +2931,7 @@ const nt = {
     zIndex: { default: 9999 }
   },
   setup(d) {
-    const r = d, { toasts: e, remove: l } = ot(), p = o(() => e.slice(0, r.maxToasts)), c = {
+    const r = d, { toasts: e, remove: b } = tt(), m = o(() => e.slice(0, r.maxToasts)), i = {
       "top-right": "dk:top-4 dk:right-4 dk:items-end",
       "top-left": "dk:top-4 dk:left-4 dk:items-start",
       "top-center": "dk:top-4 dk:left-1/2 dk:-translate-x-1/2 dk:items-center",
@@ -3018,16 +2940,16 @@ const nt = {
       "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",
-      c[r.position],
+      i[r.position],
       `dk:z-[${r.zIndex}]`
-    ].join(" ")), m = o(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), k = {
+    ].join(" ")), y = o(() => "dk:relative dk:flex dk:flex-col dk:gap-2 dk:w-80 dk:max-w-[calc(100vw-2rem)]"), s = {
       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"
-    }, u = {
+    }, g = {
       neutral: "dk:bg-zinc-300",
       primary: "dk:bg-slate-300",
       secondary: "dk:bg-pink-200",
@@ -3035,55 +2957,55 @@ const nt = {
       warning: "dk:bg-amber-200",
       danger: "dk:bg-rose-200"
     };
-    function g(C) {
+    function h(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",
-        k[C]
+        s[C]
       ].join(" ");
     }
     function x(C) {
-      return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", u[C]].join(" ");
+      return ["dk:flex-shrink-0 dk:w-2 dk:h-2 dk:rounded-full dk:mt-1", g[C]].join(" ");
     }
-    return (C, _) => (t(), q(ze, { to: "body" }, [
-      i("div", {
-        class: s(z.value),
+    return (C, D) => (t(), O(he, { to: "body" }, [
+      c("div", {
+        class: n(z.value),
         "aria-live": "polite",
         "aria-atomic": "false"
       }, [
-        ae(Ie, {
+        de(Ae, {
           tag: "div",
-          class: s(m.value),
+          class: n(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: U(() => [
-            (t(!0), a(W, null, H(p.value, (v) => (t(), a("div", {
+          default: W(() => [
+            (t(!0), a(A, null, F(m.value, (v) => (t(), a("div", {
               key: v.id,
               role: "alert",
-              class: s(g(v.color))
+              class: n(h(v.color))
             }, [
-              v.icon ? (t(), a("span", nt, j(v.icon), 1)) : (t(), a("span", {
+              v.icon ? (t(), a("span", rt, j(v.icon), 1)) : (t(), a("span", {
                 key: 1,
-                class: s(x(v.color)),
+                class: n(x(v.color)),
                 "aria-hidden": "true"
               }, null, 2)),
-              i("div", kt, [
-                v.title ? (t(), a("p", st, j(v.title), 1)) : S("", !0),
-                i("p", {
-                  class: s(["dk:text-sm dk:leading-snug", { "dk:opacity-80": v.title }])
+              c("div", at, [
+                v.title ? (t(), a("p", ot, j(v.title), 1)) : S("", !0),
+                c("p", {
+                  class: n(["dk:text-sm dk:leading-snug", { "dk:opacity-80": v.title }])
                 }, j(v.message), 3)
               ]),
               v.closable ? (t(), a("button", {
                 key: 2,
                 type: "button",
-                class: s(it),
+                class: n(nt),
                 "aria-label": "Cerrar notificacion",
-                onClick: (b) => oe(l)(v.id)
-              }, " × ", 8, lt)) : S("", !0)
+                onClick: (p) => R(b)(v.id)
+              }, " × ", 8, kt)) : S("", !0)
             ], 2))), 128))
           ]),
           _: 1
@@ -3091,23 +3013,23 @@ const nt = {
       ], 2)
     ]));
   }
-}), ct = {
+}), st = {
   key: 0,
   class: "dk:flex dk:items-center dk:gap-4 dk:flex-shrink-0"
-}, ut = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, bt = {
+}, lt = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, it = {
   key: 0,
   class: "dk:relative dk:group"
-}, pt = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-56 dk:py-2 dk:mt-1 dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-zinc-800 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, ft = {
+}, ct = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-56 dk:py-2 dk:mt-1 dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-zinc-800 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, ut = {
   key: 1,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
-}, gt = {
+}, bt = {
   class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
   fill: "none",
   viewBox: "0 0 24 24"
-}, mt = ["d"], ht = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:border-t dk:border-white/40 dk:dark:border-zinc-800 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, xt = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, vt = { key: 0 }, yt = ["onClick"], wt = { class: "dk:flex dk:items-center" }, zt = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ct = {
+}, pt = ["d"], gt = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:bg-none dk:dark:bg-zinc-900 dk:backdrop-blur-md dk:border-t dk:border-white/40 dk:dark:border-zinc-800 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, mt = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, ft = { key: 0 }, ht = ["onClick"], xt = { class: "dk:flex dk:items-center" }, vt = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, yt = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
-}, Gt = /* @__PURE__ */ I({
+}, Ht = /* @__PURE__ */ P({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
@@ -3116,18 +3038,18 @@ const nt = {
     underlineColor: { default: "primary" }
   },
   setup(d) {
-    const r = d, e = K(!1), l = Ve({}), p = (f) => ce(f.to), c = (f) => {
-      const w = p(f);
-      return ve(f.to, w);
+    const r = d, e = K(!1), b = ze({}), m = (f) => oe(f.to), i = (f) => {
+      const w = m(f);
+      return ue(f.to, w);
     }, z = () => {
       e.value = !e.value;
-    }, m = () => {
-      e.value = !1, Object.keys(l).forEach((f) => {
-        l[f] = !1;
+    }, y = () => {
+      e.value = !1, Object.keys(b).forEach((f) => {
+        b[f] = !1;
       });
-    }, k = (f) => {
-      l[f] = !l[f];
-    }, u = {
+    }, s = (f) => {
+      b[f] = !b[f];
+    }, g = {
       s: {
         height: "dk:h-12",
         padding: "dk:px-3",
@@ -3146,8 +3068,8 @@ const nt = {
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, g = o(() => {
-      const f = u[r.size];
+    }, h = o(() => {
+      const f = g[r.size];
       return [
         "dk:relative",
         "dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
@@ -3181,12 +3103,12 @@ const nt = {
         warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
       };
       return f[r.underlineColor] || f.primary;
-    }, _ = o(() => {
-      const f = u[r.size], w = C();
-      return (h, y = !0) => {
-        const $ = h.active ?? !1, D = y ? "dk:pl-3" : "dk:pl-2", A = "dk:pr-3", Z = y ? "dk:pl-2" : "dk:pl-1", ee = "dk:pr-2", R = y ? "dk:pl-4" : "dk:pl-3", B = "dk:pr-4";
-        let L = "";
-        return f.itemPadding.includes("px-2") ? L = `${Z} ${ee} dk:py-1.5` : f.itemPadding.includes("px-4") ? L = `${R} ${B} dk:py-3` : L = `${D} ${A} dk:py-2`, [
+    }, D = o(() => {
+      const f = g[r.size], w = C();
+      return (l, u = !0) => {
+        const $ = l.active ?? !1, M = u ? "dk:pl-3" : "dk:pl-2", L = "dk:pr-3", J = u ? "dk:pl-2" : "dk:pl-1", Y = "dk:pr-2", Z = u ? "dk:pl-4" : "dk:pl-3", be = "dk:pr-4";
+        let ee = "";
+        return f.itemPadding.includes("px-2") ? ee = `${J} ${Y} dk:py-1.5` : f.itemPadding.includes("px-4") ? ee = `${Z} ${be} dk:py-3` : ee = `${M} ${L} dk:py-2`, [
           // Block style with animated underline
           "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",
@@ -3198,7 +3120,7 @@ const nt = {
           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",
-          L
+          ee
         ].join(" ");
       };
     }), v = o(() => [
@@ -3207,14 +3129,14 @@ const nt = {
       "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(" ")), b = o(() => [
+    ].join(" ")), p = 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 = o(() => [
+    ].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",
@@ -3222,35 +3144,35 @@ const nt = {
       "dk:transition-all dk:duration-200 dk:no-underline"
     ].join(" "));
     return (f, w) => (t(), a("nav", {
-      class: s(g.value)
+      class: n(h.value)
     }, [
-      f.$slots.brand ? (t(), a("div", ct, [
-        P(f.$slots, "brand")
+      f.$slots.brand ? (t(), a("div", st, [
+        T(f.$slots, "brand")
       ])) : S("", !0),
-      i("div", ut, [
-        i("div", {
-          class: s(x.value)
+      c("div", lt, [
+        c("div", {
+          class: n(x.value)
         }, [
-          (t(!0), a(W, null, H(d.items, (h) => (t(), a(W, {
-            key: h.label
+          (t(!0), a(A, null, F(d.items, (l) => (t(), a(A, {
+            key: l.label
           }, [
-            h.children && h.children.length > 0 ? (t(), a("div", bt, [
-              (t(), q(Y(p(h)), N({ ref_for: !0 }, c(h), {
-                class: _.value(h, !0)
+            l.children && l.children.length > 0 ? (t(), a("div", it, [
+              (t(), O(Q(m(l)), E({ ref_for: !0 }, i(l), {
+                class: D.value(l, !0)
               }), {
-                default: U(() => [
-                  h.icon ? (t(), a("i", {
+                default: W(() => [
+                  l.icon ? (t(), a("i", {
                     key: 0,
-                    class: s([h.icon, "dk:mr-2"])
+                    class: n([l.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
-                  E(" " + j(h.label) + " ", 1),
-                  w[0] || (w[0] = i("svg", {
+                  I(" " + j(l.label) + " ", 1),
+                  w[0] || (w[0] = c("svg", {
                     class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24"
                   }, [
-                    i("path", {
+                    c("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
@@ -3260,157 +3182,157 @@ const nt = {
                 ]),
                 _: 2
               }, 1040, ["class"])),
-              i("div", pt, [
-                (t(!0), a(W, null, H(h.children, (y) => (t(), q(Y(p(y)), N({
-                  key: y.label
-                }, { ref_for: !0 }, c(y), { class: v.value }), {
-                  default: U(() => [
-                    y.icon ? (t(), a("i", {
+              c("div", ct, [
+                (t(!0), a(A, null, F(l.children, (u) => (t(), O(Q(m(u)), E({
+                  key: u.label
+                }, { ref_for: !0 }, i(u), { class: v.value }), {
+                  default: W(() => [
+                    u.icon ? (t(), a("i", {
                       key: 0,
-                      class: s([y.icon, "dk:mr-2"])
+                      class: n([u.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
-                    E(" " + j(y.label), 1)
+                    I(" " + j(u.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ])
-            ])) : (t(), q(Y(p(h)), N({
+            ])) : (t(), O(Q(m(l)), E({
               key: 1,
               ref_for: !0
-            }, c(h), {
-              class: _.value(h, !1)
+            }, i(l), {
+              class: D.value(l, !1)
             }), {
-              default: U(() => [
-                h.icon ? (t(), a("i", {
+              default: W(() => [
+                l.icon ? (t(), a("i", {
                   key: 0,
-                  class: s([h.icon, "dk:mr-2"])
+                  class: n([l.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
-                E(" " + j(h.label), 1)
+                I(" " + j(l.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128))
         ], 2)
       ]),
-      f.$slots.actions ? (t(), a("div", ft, [
-        P(f.$slots, "actions")
+      f.$slots.actions ? (t(), a("div", ut, [
+        T(f.$slots, "actions")
       ])) : S("", !0),
-      i("button", {
+      c("button", {
         type: "button",
         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"
       }, [
-        (t(), a("svg", gt, [
-          i("path", {
+        (t(), a("svg", bt, [
+          c("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
             d: e.value ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"
-          }, null, 8, mt)
+          }, null, 8, pt)
         ]))
       ]),
-      ye(i("div", ht, [
-        i("div", xt, [
-          (t(!0), a(W, null, H(d.items, (h) => (t(), a(W, {
-            key: h.label
+      pe(c("div", gt, [
+        c("div", mt, [
+          (t(!0), a(A, null, F(d.items, (l) => (t(), a(A, {
+            key: l.label
           }, [
-            h.children && h.children.length > 0 ? (t(), a("div", vt, [
-              i("button", {
+            l.children && l.children.length > 0 ? (t(), a("div", ft, [
+              c("button", {
                 type: "button",
-                onClick: (y) => k(h.label),
-                class: s([b.value, "dk:justify-between"])
+                onClick: (u) => s(l.label),
+                class: n([p.value, "dk:justify-between"])
               }, [
-                i("div", wt, [
-                  h.icon ? (t(), a("i", {
+                c("div", xt, [
+                  l.icon ? (t(), a("i", {
                     key: 0,
-                    class: s([h.icon, "dk:mr-2"])
+                    class: n([l.icon, "dk:mr-2"])
                   }, null, 2)) : S("", !0),
-                  E(" " + j(h.label), 1)
+                  I(" " + j(l.label), 1)
                 ]),
                 (t(), a("svg", {
-                  class: s(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", l[h.label] ? "dk:rotate-180" : ""]),
+                  class: n(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", b[l.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, [...w[1] || (w[1] = [
-                  i("path", {
+                  c("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ])], 2))
-              ], 10, yt),
-              ye(i("div", zt, [
-                (t(!0), a(W, null, H(h.children, (y) => (t(), q(Y(p(y)), N({
-                  key: y.label
-                }, { ref_for: !0 }, c(y), {
-                  class: n.value,
-                  onClick: m
+              ], 10, ht),
+              pe(c("div", vt, [
+                (t(!0), a(A, null, F(l.children, (u) => (t(), O(Q(m(u)), E({
+                  key: u.label
+                }, { ref_for: !0 }, i(u), {
+                  class: k.value,
+                  onClick: y
                 }), {
-                  default: U(() => [
-                    y.icon ? (t(), a("i", {
+                  default: W(() => [
+                    u.icon ? (t(), a("i", {
                       key: 0,
-                      class: s([y.icon, "dk:mr-2"])
+                      class: n([u.icon, "dk:mr-2"])
                     }, null, 2)) : S("", !0),
-                    E(" " + j(y.label), 1)
+                    I(" " + j(u.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [we, l[h.label]]
+                [ge, b[l.label]]
               ])
-            ])) : (t(), q(Y(p(h)), N({
+            ])) : (t(), O(Q(m(l)), E({
               key: 1,
               ref_for: !0
-            }, c(h), {
-              class: b.value,
-              onClick: m
+            }, i(l), {
+              class: p.value,
+              onClick: y
             }), {
-              default: U(() => [
-                h.icon ? (t(), a("i", {
+              default: W(() => [
+                l.icon ? (t(), a("i", {
                   key: 0,
-                  class: s([h.icon, "dk:mr-2"])
+                  class: n([l.icon, "dk:mr-2"])
                 }, null, 2)) : S("", !0),
-                E(" " + j(h.label), 1)
+                I(" " + j(l.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          f.$slots.actions ? (t(), a("div", Ct, [
-            P(f.$slots, "actions")
+          f.$slots.actions ? (t(), a("div", yt, [
+            T(f.$slots, "actions")
           ])) : S("", !0)
         ])
       ], 512), [
-        [we, e.value]
+        [ge, e.value]
       ])
     ], 2));
   }
 });
 export {
-  Ut as DuiAccordion,
-  At as DuiAction,
-  Lt as DuiAlert,
+  At as DuiAccordion,
+  Tt as DuiAction,
+  Dt as DuiAlert,
   Wt as DuiBadge,
-  ge as DuiButton,
-  It as DuiCard,
-  Dt as DuiCheckbox,
-  Ot as DuiDropdown,
-  Nt as DuiDropdownItem,
-  Ft as DuiDropdownSeparator,
-  St as DuiFile,
-  jt as DuiInput,
-  Mt as DuiLabel,
-  Ne as DuiModal,
-  Gt as DuiNavbar,
-  Kt as DuiPagination,
-  _t as DuiRadio,
-  Bt as DuiSelect,
-  qt as DuiSkeleton,
-  Tt as DuiSwitch,
-  Pt as DuiTable,
-  Ht as DuiTabs,
-  Vt as DuiTextarea,
-  Qt as DuiToast,
-  Et as DuiTooltip
+  ie as DuiButton,
+  Pt as DuiCard,
+  Vt as DuiCheckbox,
+  Et as DuiDropdown,
+  Ot as DuiDropdownItem,
+  Nt as DuiDropdownSeparator,
+  zt as DuiFile,
+  Ct as DuiInput,
+  jt as DuiLabel,
+  Lt as DuiModal,
+  Ht as DuiNavbar,
+  Ft as DuiPagination,
+  Bt as DuiRadio,
+  St as DuiSelect,
+  Ut as DuiSkeleton,
+  Mt as DuiSwitch,
+  _t as DuiTable,
+  Kt as DuiTabs,
+  $t as DuiTextarea,
+  qt as DuiToast,
+  It as DuiTooltip
 };