@dronico/droni-kit 1.12.0 → 1.12.2

package/dist/droni-kit.es.js

@@ -1,5 +1,35 @@
-import { defineComponent as L, getCurrentInstance as M, computed as s, createBlock as T, openBlock as t, resolveDynamicComponent as j, mergeProps as w, withCtx as V, renderSlot as N, createElementBlock as o, createCommentVNode as y, toDisplayString as _, Fragment as $, renderList as P, normalizeClass as m, createElementVNode as p, createTextVNode as D, ref as q, reactive as F, withDirectives as O, vShow as E } from "vue";
-const H = { key: 1 }, W = `
+import { getCurrentInstance as E, defineComponent as j, computed as g, createBlock as V, openBlock as d, resolveDynamicComponent as N, mergeProps as C, withCtx as T, renderSlot as $, createElementBlock as o, createCommentVNode as m, toDisplayString as z, Fragment as _, renderList as D, ref as U, normalizeClass as h, createElementVNode as p, withDirectives as M, createTextVNode as S, vShow as A, reactive as W } from "vue";
+const q = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 };
+function X() {
+  const r = E(), e = r == null ? void 0 : r.appContext.app, t = (() => {
+    var n, u;
+    try {
+      return typeof import.meta < "u" && q && (import.meta.client !== void 0 || import.meta.server !== void 0) || e && (e.component("NuxtLink") || e.config.globalProperties.$nuxt || e.config.globalProperties.nuxtApp || (u = (n = e.config.globalProperties.$router) == null ? void 0 : n.app) != null && u.nuxt) || typeof process < "u" && process.env && (process.env.NUXT_ENV_CURRENT_ENV || process.env.NUXT_PUBLIC_API_BASE || process.env.__NUXT__) ? !0 : typeof window < "u" ? !!(window.__NUXT__ || window.$nuxt || window.useNuxtApp) : !1;
+    } catch {
+      return !1;
+    }
+  })(), k = (() => {
+    try {
+      return e ? !!(e.config.globalProperties.$router || e.config.globalProperties.$route || e.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
+    } catch {
+      return !1;
+    }
+  })();
+  return {
+    hasNuxtRouter: t,
+    hasVueRouter: !t && k
+  };
+}
+function I(r) {
+  if (!r) return "button";
+  const { hasNuxtRouter: e, hasVueRouter: t } = X();
+  return e ? "NuxtLink" : t ? "RouterLink" : "a";
+}
+function O(r, e, t = {}) {
+  const k = { ...t };
+  return e === "a" ? (k.href = typeof r == "string" ? r : "#", k.role = "button") : e !== "button" && e !== "span" && (k.to = r), k;
+}
+const F = { key: 1 }, H = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -10,7 +40,7 @@ const H = { key: 1 }, W = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ye = /* @__PURE__ */ L({
+  dk:max-w-full`, $e = /* @__PURE__ */ j({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -24,36 +54,22 @@ const H = { key: 1 }, W = `
     rounded: { default: "all" },
     to: { default: void 0 }
   },
-  setup(i) {
-    const d = i, k = M(), e = k == null ? void 0 : k.appContext.app, u = s(() => {
-      try {
-        return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || // Check if RouterLink component is globally registered
-        e != null && e.component("RouterLink"));
-      } catch {
-        return !1;
-      }
-    }), b = s(() => {
-      try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || // Check if NuxtLink component is globally available
-        e != null && e.component("NuxtLink"));
-      } catch {
-        return !1;
-      }
-    }), g = s(() => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "button"), f = s(() => {
-      const h = {};
-      return g.value === "button" ? h.type = d.type : g.value === "a" ? (h.href = typeof d.to == "string" ? d.to : "#", h.role = "button") : h.to = d.to, h;
-    }), l = {
+  setup(r) {
+    const e = r, t = g(() => I(e.to)), k = g(() => {
+      const l = {};
+      return t.value === "button" && (l.type = e.type), O(e.to, t.value, l);
+    }), n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, c = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, n = {
+    }, c = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -225,18 +241,18 @@ const H = { key: 1 }, W = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, x = s(() => {
-      var S;
-      const h = (((S = n[d.variant]) == null ? void 0 : S[d.color]) || "") + " " + n[d.variant].base, C = l[d.size] || "", B = d.block ? "dk:w-full" : "", R = c[d.rounded] || "";
-      return [W, h, C, B, R].join(" ");
+    }, y = g(() => {
+      var f;
+      const l = (((f = c[e.variant]) == null ? void 0 : f[e.color]) || "") + " " + c[e.variant].base, v = n[e.size] || "", s = e.block ? "dk:w-full" : "", b = u[e.rounded] || "";
+      return [H, l, v, s, b].join(" ");
     });
-    return (h, C) => (t(), T(j(g.value), w(f.value, {
-      class: x.value,
-      title: d.title,
-      disabled: d.disabled || d.loading
+    return (l, v) => (d(), V(N(t.value), C(k.value, {
+      class: y.value,
+      title: e.title,
+      disabled: e.disabled || e.loading
     }), {
-      default: V(() => [
-        d.loading ? (t(), o("span", H, "Cargando...")) : N(h.$slots, "default", { key: 0 })
+      default: T(() => [
+        e.loading ? (d(), o("span", F, "Cargando...")) : $(l.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
@@ -253,7 +269,7 @@ const H = { key: 1 }, W = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, fe = /* @__PURE__ */ L({
+  dk:dark:[color-scheme:dark]`, je = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
@@ -275,31 +291,31 @@ const H = { key: 1 }, W = `
     }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: d }) {
-    const k = i, e = d;
-    function u(l) {
-      const c = l.target;
-      e("update:modelValue", c.value);
+  setup(r, { emit: e }) {
+    const t = r, k = e;
+    function n(l) {
+      const v = l.target;
+      k("update:modelValue", v.value);
     }
-    const b = {
+    const u = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, g = {
+    }, c = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, f = s(() => {
-      const l = b[k.size] || "", c = k.block ? "dk:w-full" : "", n = g[k.rounded] || "";
-      return [J, l, c, n].join(" ");
+    }, y = g(() => {
+      const l = u[t.size] || "", v = t.block ? "dk:w-full" : "", s = c[t.rounded] || "";
+      return [J, l, v, s].join(" ");
     });
-    return (l, c) => (t(), o("input", w({
-      class: f.value,
-      value: i.modelValue
-    }, l.$attrs, { onInput: u }), null, 16, G));
+    return (l, v) => (d(), o("input", C({
+      class: y.value,
+      value: r.modelValue
+    }, l.$attrs, { onInput: n }), null, 16, G));
   }
 }), K = ["value"], Q = `
   dk:border-b
@@ -313,7 +329,7 @@ const H = { key: 1 }, W = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, ze = /* @__PURE__ */ L({
+  dk:dark:[color-scheme:dark]`, Ve = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -343,46 +359,46 @@ const H = { key: 1 }, W = `
     }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: d }) {
-    const k = i, e = d;
-    function u(n) {
-      const x = n.target;
-      k.autoheight && c(x), e("update:modelValue", x.value);
+  setup(r, { emit: e }) {
+    const t = r, k = e;
+    function n(s) {
+      const b = s.target;
+      t.autoheight && v(b), k("update:modelValue", b.value);
     }
-    const b = {
+    const u = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-3 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, g = {
+    }, c = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, f = {
+    }, y = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, l = s(() => {
-      const n = b[k.size] || "", x = k.block ? "dk:w-full" : "", h = g[k.rounded] || "", C = f[k.resize] || "";
-      return [Q, n, x, h, C].join(" ");
-    }), c = (n) => {
-      n.style.height = "auto", n.style.height = `${n.scrollHeight + 5}px`;
+    }, l = g(() => {
+      const s = u[t.size] || "", b = t.block ? "dk:w-full" : "", f = c[t.rounded] || "", P = y[t.resize] || "";
+      return [Q, s, b, f, P].join(" ");
+    }), v = (s) => {
+      s.style.height = "auto", s.style.height = `${s.scrollHeight + 5}px`;
     };
-    return (n, x) => (t(), o("textarea", w(n.$attrs, {
+    return (s, b) => (d(), o("textarea", C(s.$attrs, {
       class: l.value,
-      value: i.modelValue,
-      onInput: u
+      value: r.modelValue,
+      onInput: n
     }), null, 16, K));
   }
-}), U = {
+}), Y = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, X = ["value", "selected"], Y = `
+}, Z = ["value", "selected"], ee = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -395,7 +411,7 @@ const H = { key: 1 }, W = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, we = /* @__PURE__ */ L({
+`, Ne = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
@@ -433,46 +449,139 @@ const H = { key: 1 }, W = `
     }
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: d }) {
-    const k = i, e = d;
-    function u(l) {
-      const n = l.target.value, x = Number(n);
-      !isNaN(x) && n !== "" ? e("update:modelValue", x) : e("update:modelValue", n);
+  setup(r, { emit: e }) {
+    const t = r, k = e;
+    function n(l) {
+      const s = l.target.value, b = Number(s);
+      !isNaN(b) && s !== "" ? k("update:modelValue", b) : k("update:modelValue", s);
     }
-    const b = {
+    const u = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, g = {
+    }, c = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, f = s(() => {
-      const l = b[k.size] || "", c = k.block ? "dk:w-full" : "", n = g[k.rounded] || "";
-      return [Y, l, c, n].join(" ");
+    }, y = g(() => {
+      const l = u[t.size] || "", v = t.block ? "dk:w-full" : "", s = c[t.rounded] || "";
+      return [ee, l, v, s].join(" ");
     });
-    return (l, c) => (t(), o("select", w(l.$attrs, {
-      class: f.value,
-      onChange: u
+    return (l, v) => (d(), o("select", C(l.$attrs, {
+      class: y.value,
+      onChange: n
     }), [
-      i.placeholder ? (t(), o("option", U, _(i.placeholder), 1)) : y("", !0),
-      (t(!0), o($, null, P(i.options, (n, x) => (t(), o("option", {
-        key: x,
-        value: n[i.itemValue] ?? "",
-        selected: n[i.itemValue] == i.modelValue
-      }, _(n[i.itemLabel] ?? ""), 9, X))), 128))
+      r.placeholder ? (d(), o("option", Y, z(r.placeholder), 1)) : m("", !0),
+      (d(!0), o(_, null, D(r.options, (s, b) => (d(), o("option", {
+        key: b,
+        value: s[r.itemValue] ?? "",
+        selected: s[r.itemValue] == r.modelValue
+      }, z(s[r.itemLabel] ?? ""), 9, Z))), 128))
     ], 16));
   }
-}), Z = `
+}), de = {
+  key: 1,
+  class: "dk:text-rose-500 dk:ml-1"
+}, re = { 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" }, te = "dk:space-y-1", oe = /* @__PURE__ */ j({
+  __name: "DuiLabel",
+  props: {
+    title: {
+      type: String,
+      default: void 0
+    },
+    icon: {
+      type: String,
+      default: void 0
+    },
+    helpText: {
+      type: String,
+      default: void 0
+    },
+    error: {
+      type: String,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: "m"
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = U(!1), t = r, k = {
+      s: "dk:text-sm",
+      m: "dk:text-base",
+      l: "dk:text-lg"
+    }, n = {
+      s: "dk:mt-1",
+      m: "dk:mt-1.5",
+      l: "dk:mt-2"
+    }, u = {
+      s: "dk:text-xs",
+      m: "dk:text-sm",
+      l: "dk:text-base"
+    }, c = g(() => [te].join(" ")), y = g(() => {
+      const s = k[t.size] || k.m, b = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", f = t.helpText ? "dk:cursor-help" : "";
+      return [b, s, f].join(" ");
+    }), l = g(() => [n[t.size] || n.m].join(" ")), v = g(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", u[t.size] || u.m].join(" "));
+    return (s, b) => (d(), o("label", {
+      class: h(c.value)
+    }, [
+      r.title ? (d(), o("div", {
+        key: 0,
+        class: "dk:relative",
+        onMouseenter: b[0] || (b[0] = (f) => e.value = !!r.helpText),
+        onMouseleave: b[1] || (b[1] = (f) => e.value = !1)
+      }, [
+        p("div", {
+          class: h(y.value)
+        }, [
+          r.icon ? (d(), o("i", {
+            key: 0,
+            class: h([r.icon, "dk:mr-2"])
+          }, null, 2)) : m("", !0),
+          S(" " + z(r.title) + " ", 1),
+          r.required ? (d(), o("span", de, "*")) : m("", !0)
+        ], 2),
+        M(p("div", re, [
+          S(z(r.helpText) + " ", 1),
+          b[2] || (b[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        ], 512), [
+          [A, e.value && r.helpText]
+        ])
+      ], 32)) : m("", !0),
+      p("div", {
+        class: h(l.value)
+      }, [
+        $(s.$slots, "default", {}, void 0, !0)
+      ], 2),
+      r.error ? (d(), o("div", {
+        key: 1,
+        class: h(v.value)
+      }, [
+        b[3] || (b[3] = p("span", { class: "dk:inline-flex dk:items-center dk:justify-center dk:w-4 dk:h-4 dk:text-xs dk:bg-rose-500 dk:text-white dk:rounded-full dk:mr-2 dk:flex-shrink-0" }, " ! ", -1)),
+        S(" " + z(r.error), 1)
+      ], 2)) : m("", !0)
+    ], 2));
+  }
+}), ke = (r, e) => {
+  const t = r.__vccOpts || r;
+  for (const [k, n] of e)
+    t[k] = n;
+  return t;
+}, Te = /* @__PURE__ */ ke(oe, [["__scopeId", "data-v-aa6b6cdc"]]), ae = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Ce = /* @__PURE__ */ L({
+`, De = /* @__PURE__ */ j({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -488,15 +597,15 @@ const H = { key: 1 }, W = `
       default: "all"
     }
   },
-  setup(i) {
-    const d = i, k = {
+  setup(r) {
+    const e = r, t = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, e = {
+    }, k = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -524,19 +633,19 @@ const H = { key: 1 }, W = `
         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"
       }
-    }, u = s(() => {
+    }, n = g(() => {
       var l;
-      const b = ((l = e[d.variant]) == null ? void 0 : l[d.color]) || "", g = e[d.variant].base || "", f = k[d.rounded] || "";
-      return [Z, g, b, f].join(" ");
+      const u = ((l = k[e.variant]) == null ? void 0 : l[e.color]) || "", c = k[e.variant].base || "", y = t[e.rounded] || "";
+      return [ae, c, u, y].join(" ");
     });
-    return (b, g) => (t(), o("div", {
-      class: m(u.value),
+    return (u, c) => (d(), o("div", {
+      class: h(n.value),
       role: "alert"
     }, [
-      N(b.$slots, "default")
+      $(u.$slots, "default")
     ], 2));
   }
-}), ee = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, de = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, re = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, _e = /* @__PURE__ */ L({
+}), ne = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, se = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, le = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, Re = /* @__PURE__ */ j({
   __name: "DuiTable",
   props: {
     columns: {
@@ -548,29 +657,29 @@ const H = { key: 1 }, W = `
       required: !0
     }
   },
-  setup(i) {
-    const d = i;
-    return (k, e) => (t(), o("div", ee, [
-      p("table", de, [
-        p("thead", re, [
+  setup(r) {
+    const e = r;
+    return (t, k) => (d(), o("div", ne, [
+      p("table", se, [
+        p("thead", le, [
           p("tr", null, [
-            (t(!0), o($, null, P(d.columns, (u) => (t(), o("th", {
-              key: u.name,
-              class: m(["dk:px-6 dk:py-3", u.classes])
-            }, _(u.label), 3))), 128))
+            (d(!0), o(_, null, D(e.columns, (n) => (d(), o("th", {
+              key: n.name,
+              class: h(["dk:px-6 dk:py-3", n.classes])
+            }, z(n.label), 3))), 128))
           ])
         ]),
         p("tbody", null, [
-          (t(!0), o($, null, P(d.rows, (u, b) => (t(), o("tr", {
-            key: b,
+          (d(!0), o(_, null, D(e.rows, (n, u) => (d(), o("tr", {
+            key: u,
             class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
           }, [
-            (t(!0), o($, null, P(d.columns, (g) => (t(), o("td", {
-              key: g.name,
+            (d(!0), o(_, null, D(e.columns, (c) => (d(), o("td", {
+              key: c.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              N(k.$slots, g.name, w({ ref_for: !0 }, u), () => [
-                D(_(u[g.name]), 1)
+              $(t.$slots, c.name, C({ ref_for: !0 }, n), () => [
+                S(z(n[c.name]), 1)
               ])
             ]))), 128))
           ]))), 128))
@@ -578,7 +687,7 @@ const H = { key: 1 }, W = `
       ])
     ]));
   }
-}), te = { key: 1 }, oe = `
+}), ie = { key: 1 }, ue = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -589,7 +698,7 @@ const H = { key: 1 }, W = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, $e = /* @__PURE__ */ L({
+  dk:max-w-full`, Pe = /* @__PURE__ */ j({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -601,34 +710,19 @@ const H = { key: 1 }, W = `
     rounded: { default: "all" },
     to: { default: void 0 }
   },
-  setup(i) {
-    const d = i, k = M(), e = k == null ? void 0 : k.appContext.app, u = s(() => {
-      try {
-        return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || e != null && e.component("RouterLink"));
-      } catch {
-        return !1;
-      }
-    }), b = s(() => {
-      try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
-      } catch {
-        return !1;
-      }
-    }), g = s(() => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "span"), f = s(() => {
-      const h = {};
-      return g.value === "a" ? (h.href = typeof d.to == "string" ? d.to : "#", h.role = "button") : g.value !== "span" && (h.to = d.to), h;
-    }), l = {
+  setup(r) {
+    const e = r, t = g(() => e.to ? I(e.to) : "span"), k = g(() => O(e.to, t.value)), n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, c = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, n = {
+    }, c = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -800,25 +894,25 @@ const H = { key: 1 }, W = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, x = s(() => {
-      var S;
-      const h = (((S = n[d.variant]) == null ? void 0 : S[d.color]) || "") + " " + n[d.variant].base, C = l[d.size] || "", B = d.block ? "dk:block" : "dk:inline-block", R = c[d.rounded] || "";
-      return [oe, h, C, B, R].join(" ");
+    }, y = g(() => {
+      var f;
+      const l = (((f = c[e.variant]) == null ? void 0 : f[e.color]) || "") + " " + c[e.variant].base, v = n[e.size] || "", s = e.block ? "dk:block" : "dk:inline-block", b = u[e.rounded] || "";
+      return [ue, l, v, s, b].join(" ");
     });
-    return (h, C) => (t(), T(j(g.value), w(f.value, {
-      class: x.value,
-      title: d.title
+    return (l, v) => (d(), V(N(t.value), C(k.value, {
+      class: y.value,
+      title: e.title
     }), {
-      default: V(() => [
-        d.loading ? (t(), o("span", te, "Cargando...")) : N(h.$slots, "default", { key: 0 })
+      default: T(() => [
+        e.loading ? (d(), o("span", ie, "Cargando...")) : $(l.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), ke = {
+}), ce = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, ae = ["src", "alt"], Se = /* @__PURE__ */ L({
+}, be = ["src", "alt"], Be = /* @__PURE__ */ j({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -827,25 +921,25 @@ const H = { key: 1 }, W = `
     subtitle: { default: void 0 },
     to: { default: void 0 }
   },
-  setup(i) {
-    const d = i, k = M(), e = k == null ? void 0 : k.appContext.app, u = s(() => {
+  setup(r) {
+    const e = r, t = E(), k = t == null ? void 0 : t.appContext.app, n = g(() => {
       try {
-        return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || e != null && e.component("RouterLink"));
+        return !!(k != null && k.config.globalProperties.$router || k != null && k.config.globalProperties.$route || globalThis.VueRouter || k != null && k.component("RouterLink"));
       } catch {
         return !1;
       }
-    }), b = s(() => {
+    }), u = g(() => {
       try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || k != null && k.component("NuxtLink"));
       } catch {
         return !1;
       }
-    }), g = () => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "div", f = () => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "h3", l = () => {
-      const r = {};
-      if (!d.to) return r;
-      const v = g();
-      return v === "a" ? r.href = typeof d.to == "string" ? d.to : "#" : (v === "RouterLink" || v === "NuxtLink") && (r.to = d.to), r;
-    }, c = {
+    }), c = () => e.to ? u.value ? "NuxtLink" : n.value ? "RouterLink" : "a" : "div", y = () => e.to ? u.value ? "NuxtLink" : n.value ? "RouterLink" : "a" : "h3", l = () => {
+      const a = {};
+      if (!e.to) return a;
+      const R = c();
+      return R === "a" ? a.href = typeof e.to == "string" ? e.to : "#" : (R === "RouterLink" || R === "NuxtLink") && (a.to = e.to), a;
+    }, v = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -867,139 +961,130 @@ const H = { key: 1 }, W = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, n = s(() => [
+    }, s = g(() => [
       // Base card styles
       "dk:bg-white dk:rounded-lg dk:shadow-md dk:border dk:border-gray-200",
       "dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:dark:shadow-gray-900/20",
       "dk:transition-all dk:duration-200",
       "dk:hover:shadow-lg dk:dark:hover:shadow-gray-900/40",
       "dk:overflow-hidden"
-    ].join(" ")), x = s(() => [
+    ].join(" ")), b = g(() => [
       "dk:w-full dk:h-48 dk:object-cover"
-    ].join(" ")), h = s(() => {
-      const r = c[d.size];
+    ].join(" ")), f = g(() => {
+      const a = v[e.size];
       return [
-        r.padding,
-        r.spacing
+        a.padding,
+        a.spacing
       ].join(" ");
-    }), C = s(() => [
-      c[d.size].spacing
-    ].join(" ")), B = s(() => {
-      const v = [
-        c[d.size].titleSize,
+    }), P = g(() => [
+      v[e.size].spacing
+    ].join(" ")), B = g(() => {
+      const R = [
+        v[e.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return d.to && v.push(
+      return e.to && R.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), v.join(" ");
-    }), R = s(() => d.to ? [
-      "dk:block dk:no-underline",
-      "dk:transition-transform dk:duration-200",
-      "dk:hover:scale-105"
-    ].join(" ") : "dk:block"), S = s(() => [
-      c[d.size].subtitleSize,
+      ), R.join(" ");
+    }), L = g(() => {
+      const a = [
+        "dk:block",
+        "dk:transition-transform dk:duration-200",
+        "dk:hover:scale-105"
+      ];
+      return e.to && a.push("dk:no-underline"), a.join(" ");
+    }), x = g(() => [
+      v[e.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), A = s(() => [
-      c[d.size].contentSize,
+    ].join(" ")), w = g(() => [
+      v[e.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), I = s(() => [
+    ].join(" ")), i = g(() => [
       "dk:border-t dk:border-gray-200 dk:dark:border-gray-700",
       "dk:pt-3 dk:mt-3"
     ].join(" "));
-    return (r, v) => (t(), o("div", {
-      class: m(n.value)
+    return (a, R) => (d(), o("div", {
+      class: h(s.value)
     }, [
-      r.image ? (t(), o("div", ke, [
-        (t(), T(j(g()), w(l(), { class: R.value }), {
-          default: V(() => [
+      a.image ? (d(), o("div", ce, [
+        (d(), V(N(c()), C(l(), { class: L.value }), {
+          default: T(() => [
             p("img", {
-              src: r.image,
-              alt: r.title || "Card image",
-              class: m(x.value)
-            }, null, 10, ae)
+              src: a.image,
+              alt: a.title || "Card image",
+              class: h(b.value)
+            }, null, 10, be)
           ]),
           _: 1
         }, 16, ["class"]))
-      ])) : y("", !0),
+      ])) : m("", !0),
       p("div", {
-        class: m(h.value)
+        class: h(f.value)
       }, [
-        r.title || r.subtitle ? (t(), o("div", {
+        a.title || a.subtitle ? (d(), o("div", {
           key: 0,
-          class: m(C.value)
+          class: h(P.value)
         }, [
-          r.title ? (t(), T(j(f()), w({ key: 0 }, l(), { class: B.value }), {
-            default: V(() => [
-              D(_(r.title), 1)
+          a.title ? (d(), V(N(y()), C({ key: 0 }, l(), { class: B.value }), {
+            default: T(() => [
+              S(z(a.title), 1)
             ]),
             _: 1
-          }, 16, ["class"])) : y("", !0),
-          r.subtitle ? (t(), o("p", {
+          }, 16, ["class"])) : m("", !0),
+          a.subtitle ? (d(), o("p", {
             key: 1,
-            class: m(S.value)
-          }, _(r.subtitle), 3)) : y("", !0)
-        ], 2)) : y("", !0),
-        r.$slots.default ? (t(), o("div", {
+            class: h(x.value)
+          }, z(a.subtitle), 3)) : m("", !0)
+        ], 2)) : m("", !0),
+        a.$slots.default ? (d(), o("div", {
           key: 1,
-          class: m(A.value)
+          class: h(w.value)
         }, [
-          N(r.$slots, "default")
-        ], 2)) : y("", !0),
-        r.$slots.footer ? (t(), o("div", {
+          $(a.$slots, "default")
+        ], 2)) : m("", !0),
+        a.$slots.footer ? (d(), o("div", {
           key: 2,
-          class: m(I.value)
+          class: h(i.value)
         }, [
-          N(r.$slots, "footer")
-        ], 2)) : y("", !0)
+          $(a.$slots, "footer")
+        ], 2)) : m("", !0)
       ], 2)
     ], 2));
   }
-}), ne = {
+}), ge = {
   key: 0,
   class: "dk:flex dk:items-center dk:gap-4"
-}, se = { class: "dk:hidden dk:md:flex dk:items-center dk:space-x-1" }, le = {
+}, pe = { class: "dk:hidden dk:md:flex dk:items-center dk:space-x-1" }, ve = {
   key: 0,
   class: "dk:relative dk:group"
-}, ie = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-48 dk:py-2 dk:mt-1 dk:bg-white dk:rounded-lg dk:shadow-lg dk:border dk:border-gray-200 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50 dk:dark:bg-gray-800 dk:dark:border-gray-700" }, ue = {
+}, xe = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-48 dk:py-2 dk:mt-1 dk:bg-white dk:rounded-lg dk:shadow-lg dk:border dk:border-gray-200 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50 dk:dark:bg-gray-800 dk:dark:border-gray-700" }, he = {
   key: 2,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2"
-}, ce = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full dk:bg-white dk:border-t dk:border-gray-200 dk:shadow-lg dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:z-40" }, be = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, ge = { key: 0 }, he = ["onClick"], pe = { class: "dk:flex dk:items-center dk:flex-1" }, ve = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, xe = {
+}, me = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full dk:bg-white dk:border-t dk:border-gray-200 dk:shadow-lg dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:z-40" }, ye = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, fe = { key: 0 }, ze = ["onClick"], we = { class: "dk:flex dk:items-center dk:flex-1" }, Ce = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Se = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-gray-200 dk:dark:border-gray-700"
-}, Te = /* @__PURE__ */ L({
+}, Le = /* @__PURE__ */ j({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
     size: { default: "m" }
   },
-  setup(i) {
-    const d = i, k = M(), e = k == null ? void 0 : k.appContext.app, u = q(!1), b = F({}), g = s(() => {
-      try {
-        return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || e != null && e.component("RouterLink"));
-      } catch {
-        return !1;
-      }
-    }), f = s(() => {
-      try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
-      } catch {
-        return !1;
-      }
-    }), l = (r) => r.to ? f.value ? "NuxtLink" : g.value ? "RouterLink" : "a" : "button", c = (r) => {
-      const v = {}, a = l(r);
-      return a === "a" ? v.href = typeof r.to == "string" ? r.to : "#" : a !== "button" && (v.to = r.to), v;
-    }, n = () => {
-      u.value = !u.value;
-    }, x = () => {
-      u.value = !1, Object.keys(b).forEach((r) => {
-        b[r] = !1;
+  setup(r) {
+    const e = r, t = E(), k = U(!1), n = W({}), u = (x) => I(x.to), c = (x) => {
+      const w = u(x);
+      return O(x.to, w);
+    }, y = () => {
+      k.value = !k.value;
+    }, l = () => {
+      k.value = !1, Object.keys(n).forEach((x) => {
+        n[x] = !1;
       });
-    }, h = (r) => {
-      b[r] = !b[r];
-    }, C = {
+    }, v = (x) => {
+      n[x] = !n[x];
+    }, s = {
       s: {
         height: "dk:h-12",
         padding: "dk:px-3",
@@ -1018,53 +1103,53 @@ const H = { key: 1 }, W = `
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, B = s(() => {
-      const r = C[d.size];
+    }, b = g(() => {
+      const x = s[e.size];
       return [
         // Base classes
         "dk:relative dk:bg-white dk:border-b dk:border-gray-200 dk:shadow-sm",
         "dk:dark:bg-gray-800 dk:dark:border-gray-700",
         "dk:flex dk:items-center dk:w-full",
         // Conditional justify based on slots
-        !!(k != null && k.slots.brand || k != null && k.slots.actions) ? "dk:justify-between" : "dk:justify-center dk:md:justify-start",
-        r.height,
-        r.padding,
-        r.text
+        !!(t != null && t.slots.brand || t != null && t.slots.actions) ? "dk:justify-between" : "dk:justify-center dk:md:justify-start",
+        x.height,
+        x.padding,
+        x.text
       ].join(" ");
-    }), R = s(() => [
+    }), f = g(() => [
       // Base styles
       "dk:flex dk:items-center dk:rounded-lg dk:transition-all dk:duration-200",
       "dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-gray-100",
       "dk:dark:text-gray-300 dk:dark:hover:text-gray-100 dk:dark:hover:bg-gray-700",
       "dk:focus:outline-none dk:focus:ring-2 dk:focus:ring-gray-200 dk:dark:focus:ring-gray-600",
       "dk:no-underline",
-      C[d.size].itemPadding
-    ].join(" ")), S = s(() => [
+      s[e.size].itemPadding
+    ].join(" ")), P = g(() => [
       "dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm",
       "dk:text-gray-700 dk:hover:bg-gray-100 dk:hover:text-gray-900",
       "dk:dark:text-gray-300 dk:dark:hover:bg-gray-700 dk:dark:hover:text-gray-100",
       "dk:transition-colors dk:duration-200 dk:no-underline"
-    ].join(" ")), A = s(() => [
+    ].join(" ")), B = g(() => [
       "dk:flex dk:items-center dk:justify-between dk:w-full dk:text-left dk:px-3 dk:py-2",
       "dk:text-gray-700 dk:hover:bg-gray-100 dk:hover:text-gray-900 dk:rounded-lg",
       "dk:dark:text-gray-300 dk:dark:hover:bg-gray-700 dk:dark:hover:text-gray-100",
       "dk:transition-colors dk:duration-200 dk:no-underline"
-    ].join(" ")), I = s(() => [
+    ].join(" ")), L = g(() => [
       "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:bg-gray-100 dk:hover:text-gray-800",
       "dk:dark:text-gray-400 dk:dark:hover:bg-gray-700 dk:dark:hover:text-gray-200",
       "dk:transition-colors dk:duration-200 dk:no-underline"
     ].join(" "));
-    return (r, v) => (t(), o("nav", {
-      class: m(B.value)
+    return (x, w) => (d(), o("nav", {
+      class: h(b.value)
     }, [
-      r.$slots.brand ? (t(), o("div", ne, [
-        N(r.$slots, "brand"),
+      x.$slots.brand ? (d(), o("div", ge, [
+        $(x.$slots, "brand"),
         p("button", {
           type: "button",
           class: "dk:md:hidden dk:p-2 dk:rounded-lg dk:text-gray-500 dk:hover:bg-gray-100 dk:focus:outline-none dk:focus:ring-2 dk:focus:ring-gray-200 dk:dark:text-gray-400 dk:dark:hover:bg-gray-700 dk:dark:focus:ring-gray-600",
-          onClick: n
-        }, v[0] || (v[0] = [
+          onClick: y
+        }, w[0] || (w[0] = [
           p("span", { class: "dk:sr-only" }, "Open main menu", -1),
           p("svg", {
             class: "dk:w-5 dk:h-5",
@@ -1080,13 +1165,13 @@ const H = { key: 1 }, W = `
             })
           ], -1)
         ]))
-      ])) : y("", !0),
-      r.$slots.brand ? y("", !0) : (t(), o("button", {
+      ])) : m("", !0),
+      x.$slots.brand ? m("", !0) : (d(), o("button", {
         key: 1,
         type: "button",
         class: "dk:md:hidden dk:p-2 dk:rounded-lg dk:text-gray-500 dk:hover:bg-gray-100 dk:focus:outline-none dk:focus:ring-2 dk:focus:ring-gray-200 dk:dark:text-gray-400 dk:dark:hover:bg-gray-700 dk:dark:focus:ring-gray-600",
-        onClick: n
-      }, v[1] || (v[1] = [
+        onClick: y
+      }, w[1] || (w[1] = [
         p("span", { class: "dk:sr-only" }, "Open main menu", -1),
         p("svg", {
           class: "dk:w-5 dk:h-5",
@@ -1102,19 +1187,19 @@ const H = { key: 1 }, W = `
           })
         ], -1)
       ]))),
-      p("div", se, [
-        (t(!0), o($, null, P(r.items, (a) => (t(), o($, {
-          key: a.label
+      p("div", pe, [
+        (d(!0), o(_, null, D(x.items, (i) => (d(), o(_, {
+          key: i.label
         }, [
-          a.children && a.children.length > 0 ? (t(), o("div", le, [
-            (t(), T(j(l(a)), w({ ref_for: !0 }, c(a), { class: R.value }), {
-              default: V(() => [
-                a.icon ? (t(), o("i", {
+          i.children && i.children.length > 0 ? (d(), o("div", ve, [
+            (d(), V(N(u(i)), C({ ref_for: !0 }, c(i), { class: f.value }), {
+              default: T(() => [
+                i.icon ? (d(), o("i", {
                   key: 0,
-                  class: m([a.icon, "dk:mr-2"])
-                }, null, 2)) : y("", !0),
-                D(" " + _(a.label) + " ", 1),
-                v[2] || (v[2] = p("svg", {
+                  class: h([i.icon, "dk:mr-2"])
+                }, null, 2)) : m("", !0),
+                S(" " + z(i.label) + " ", 1),
+                w[2] || (w[2] = p("svg", {
                   class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
                   fill: "none",
                   stroke: "currentColor",
@@ -1130,63 +1215,63 @@ const H = { key: 1 }, W = `
               ]),
               _: 2
             }, 1040, ["class"])),
-            p("div", ie, [
-              (t(!0), o($, null, P(a.children, (z) => (t(), T(j(l(z)), w({
-                key: z.label,
+            p("div", xe, [
+              (d(!0), o(_, null, D(i.children, (a) => (d(), V(N(u(a)), C({
+                key: a.label,
                 ref_for: !0
-              }, c(z), { class: S.value }), {
-                default: V(() => [
-                  z.icon ? (t(), o("i", {
+              }, c(a), { class: P.value }), {
+                default: T(() => [
+                  a.icon ? (d(), o("i", {
                     key: 0,
-                    class: m([z.icon, "dk:mr-2"])
-                  }, null, 2)) : y("", !0),
-                  D(" " + _(z.label), 1)
+                    class: h([a.icon, "dk:mr-2"])
+                  }, null, 2)) : m("", !0),
+                  S(" " + z(a.label), 1)
                 ]),
                 _: 2
               }, 1040, ["class"]))), 128))
             ])
-          ])) : (t(), T(j(l(a)), w({
+          ])) : (d(), V(N(u(i)), C({
             key: 1,
             ref_for: !0
-          }, c(a), { class: R.value }), {
-            default: V(() => [
-              a.icon ? (t(), o("i", {
+          }, c(i), { class: f.value }), {
+            default: T(() => [
+              i.icon ? (d(), o("i", {
                 key: 0,
-                class: m([a.icon, "dk:mr-2"])
-              }, null, 2)) : y("", !0),
-              D(" " + _(a.label), 1)
+                class: h([i.icon, "dk:mr-2"])
+              }, null, 2)) : m("", !0),
+              S(" " + z(i.label), 1)
             ]),
             _: 2
           }, 1040, ["class"]))
         ], 64))), 128))
       ]),
-      r.$slots.actions ? (t(), o("div", ue, [
-        N(r.$slots, "actions")
-      ])) : y("", !0),
-      O(p("div", ce, [
-        p("div", be, [
-          (t(!0), o($, null, P(r.items, (a) => (t(), o($, {
-            key: a.label
+      x.$slots.actions ? (d(), o("div", he, [
+        $(x.$slots, "actions")
+      ])) : m("", !0),
+      M(p("div", me, [
+        p("div", ye, [
+          (d(!0), o(_, null, D(x.items, (i) => (d(), o(_, {
+            key: i.label
           }, [
-            a.children && a.children.length > 0 ? (t(), o("div", ge, [
+            i.children && i.children.length > 0 ? (d(), o("div", fe, [
               p("button", {
                 type: "button",
-                onClick: (z) => h(a.label),
-                class: m(A.value)
+                onClick: (a) => v(i.label),
+                class: h(B.value)
               }, [
-                p("div", pe, [
-                  a.icon ? (t(), o("i", {
+                p("div", we, [
+                  i.icon ? (d(), o("i", {
                     key: 0,
-                    class: m([a.icon, "dk:mr-2"])
-                  }, null, 2)) : y("", !0),
-                  D(" " + _(a.label), 1)
+                    class: h([i.icon, "dk:mr-2"])
+                  }, null, 2)) : m("", !0),
+                  S(" " + z(i.label), 1)
                 ]),
-                (t(), o("svg", {
-                  class: m(["dk:w-4 dk:h-4 dk:transform dk:transition-transform", b[a.label] ? "dk:rotate-180" : ""]),
+                (d(), o("svg", {
+                  class: h(["dk:w-4 dk:h-4 dk:transform dk:transition-transform", n[i.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, v[3] || (v[3] = [
+                }, w[3] || (w[3] = [
                   p("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -1194,62 +1279,63 @@ const H = { key: 1 }, W = `
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ]), 2))
-              ], 10, he),
-              O(p("div", ve, [
-                (t(!0), o($, null, P(a.children, (z) => (t(), T(j(l(z)), w({
-                  key: z.label,
+              ], 10, ze),
+              M(p("div", Ce, [
+                (d(!0), o(_, null, D(i.children, (a) => (d(), V(N(u(a)), C({
+                  key: a.label,
                   ref_for: !0
-                }, c(z), {
-                  class: I.value,
-                  onClick: x
+                }, c(a), {
+                  class: L.value,
+                  onClick: l
                 }), {
-                  default: V(() => [
-                    z.icon ? (t(), o("i", {
+                  default: T(() => [
+                    a.icon ? (d(), o("i", {
                       key: 0,
-                      class: m([z.icon, "dk:mr-2"])
-                    }, null, 2)) : y("", !0),
-                    D(" " + _(z.label), 1)
+                      class: h([a.icon, "dk:mr-2"])
+                    }, null, 2)) : m("", !0),
+                    S(" " + z(a.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [E, b[a.label]]
+                [A, n[i.label]]
               ])
-            ])) : (t(), T(j(l(a)), w({
+            ])) : (d(), V(N(u(i)), C({
               key: 1,
               ref_for: !0
-            }, c(a), {
-              class: A.value,
-              onClick: x
+            }, c(i), {
+              class: B.value,
+              onClick: l
             }), {
-              default: V(() => [
-                a.icon ? (t(), o("i", {
+              default: T(() => [
+                i.icon ? (d(), o("i", {
                   key: 0,
-                  class: m([a.icon, "dk:mr-2"])
-                }, null, 2)) : y("", !0),
-                D(" " + _(a.label), 1)
+                  class: h([i.icon, "dk:mr-2"])
+                }, null, 2)) : m("", !0),
+                S(" " + z(i.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          r.$slots.actions ? (t(), o("div", xe, [
-            N(r.$slots, "actions")
-          ])) : y("", !0)
+          x.$slots.actions ? (d(), o("div", Se, [
+            $(x.$slots, "actions")
+          ])) : m("", !0)
         ])
       ], 512), [
-        [E, u.value]
+        [A, k.value]
       ])
     ], 2));
   }
 });
 export {
-  $e as DuiAction,
-  Ce as DuiAlert,
-  ye as DuiButton,
-  Se as DuiCard,
-  fe as DuiInput,
-  Te as DuiNavbar,
-  we as DuiSelect,
-  _e as DuiTable,
-  ze as DuiTextarea
+  Pe as DuiAction,
+  De as DuiAlert,
+  $e as DuiButton,
+  Be as DuiCard,
+  je as DuiInput,
+  Te as DuiLabel,
+  Le as DuiNavbar,
+  Ne as DuiSelect,
+  Re as DuiTable,
+  Ve as DuiTextarea
 };