@dronico/droni-kit 1.11.0 → 1.12.1

package/dist/droni-kit.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as R, getCurrentInstance as M, computed as n, createBlock as L, openBlock as t, resolveDynamicComponent as V, mergeProps as j, withCtx as B, renderSlot as q, createElementBlock as a, createCommentVNode as x, createElementVNode as u, normalizeClass as g, createTextVNode as C, toDisplayString as w, Fragment as $, renderList as D, ref as E, reactive as F, withDirectives as I, vShow as O } from "vue";
-const H = { key: 1 }, W = `
+import { defineComponent as j, getCurrentInstance as A, computed as n, createBlock as N, openBlock as r, resolveDynamicComponent as L, mergeProps as C, withCtx as D, renderSlot as T, createElementBlock as k, createCommentVNode as y, toDisplayString as z, Fragment as _, renderList as P, ref as q, normalizeClass as x, createElementVNode as h, withDirectives as O, createTextVNode as S, vShow as W, reactive as E } from "vue";
+const F = { key: 1 }, H = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -10,7 +10,7 @@ const H = { key: 1 }, W = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, $e = /* @__PURE__ */ R({
+  dk:max-w-full`, $e = /* @__PURE__ */ j({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -24,36 +24,36 @@ const H = { key: 1 }, W = `
     rounded: { default: "all" },
     to: { default: void 0 }
   },
-  setup(f) {
-    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = n(() => {
+  setup(a) {
+    const d = a, o = A(), e = o == null ? void 0 : o.appContext.app, u = n(() => {
       try {
-        return !!(d != null && d.config.globalProperties.$router || d != null && d.config.globalProperties.$route || globalThis.VueRouter || // Check if RouterLink component is globally registered
-        d != null && d.component("RouterLink"));
+        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;
       }
-    }), c = n(() => {
+    }), b = n(() => {
       try {
         return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || // Check if NuxtLink component is globally available
-        d != null && d.component("NuxtLink"));
+        e != null && e.component("NuxtLink"));
       } catch {
         return !1;
       }
-    }), b = n(() => r.to ? c.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "button"), z = n(() => {
-      const k = {};
-      return b.value === "button" ? k.type = r.type : b.value === "a" ? (k.href = typeof r.to == "string" ? r.to : "#", k.role = "button") : k.to = r.to, k;
-    }), v = {
+    }), v = n(() => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "button"), f = n(() => {
+      const p = {};
+      return v.value === "button" ? p.type = d.type : v.value === "a" ? (p.href = typeof d.to == "string" ? d.to : "#", p.role = "button") : p.to = d.to, p;
+    }), 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"
-    }, y = {
+    }, g = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, i = {
+    }, s = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -225,26 +225,23 @@ const H = { key: 1 }, W = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, p = n(() => {
-      var N;
-      const k = (((N = i[r.variant]) == null ? void 0 : N[r.color]) || "") + " " + i[r.variant].base, h = v[r.size] || "", T = r.block ? "dk:w-full" : "", S = y[r.rounded] || "";
-      return [W, k, h, T, S].join(" ");
+    }, c = n(() => {
+      var V;
+      const p = (((V = s[d.variant]) == null ? void 0 : V[d.color]) || "") + " " + s[d.variant].base, $ = i[d.size] || "", B = d.block ? "dk:w-full" : "", R = g[d.rounded] || "";
+      return [H, p, $, B, R].join(" ");
     });
-    return (k, h) => (t(), L(V(b.value), j(z.value, {
-      class: p.value,
-      title: r.title,
-      disabled: r.disabled || r.loading
+    return (p, $) => (r(), N(L(v.value), C(f.value, {
+      class: c.value,
+      title: d.title,
+      disabled: d.disabled || d.loading
     }), {
-      default: B(() => [
-        r.loading ? (t(), a("span", H, "Cargando...")) : q(k.$slots, "default", { key: 0 })
+      default: D(() => [
+        d.loading ? (r(), k("span", F, "Cargando...")) : T(p.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), G = ["for"], J = {
-  key: 0,
-  class: "dk:text-rose-500"
-}, K = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], Q = `
+}), G = ["value"], J = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -256,17 +253,14 @@ 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]`, je = /* @__PURE__ */ R({
+  dk:dark:[color-scheme:dark]`, Se = /* @__PURE__ */ j({
+  inheritAttrs: !1,
   __name: "DuiInput",
   props: {
     modelValue: {
       type: [String, Number],
       default: ""
     },
-    type: {
-      type: String,
-      default: "text"
-    },
     size: {
       type: String,
       default: "md"
@@ -275,122 +269,39 @@ const H = { key: 1 }, W = `
       type: Boolean,
       default: !0
     },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    placeholder: {
-      type: String,
-      default: void 0
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    id: {
-      type: String,
-      default: void 0
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    label: {
-      type: String,
-      default: void 0
-    },
-    pattern: {
-      type: String,
-      default: void 0
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
     rounded: {
       type: String,
       default: "all"
-    },
-    min: {
-      type: [String, Number],
-      default: void 0
-    },
-    max: {
-      type: [String, Number],
-      default: void 0
-    },
-    step: {
-      type: [String, Number],
-      default: void 0
-    },
-    autocomplete: {
-      type: String,
-      default: void 0
     }
   },
   emits: ["update:modelValue"],
-  setup(f, { emit: r }) {
-    const e = f, d = r;
-    function l(i) {
-      const p = i.target;
-      d("update:modelValue", p.value);
+  setup(a, { emit: d }) {
+    const o = a, e = d;
+    function u(i) {
+      const g = i.target;
+      e("update:modelValue", g.value);
     }
-    const c = {
+    const b = {
       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"
-    }, b = {
+    }, v = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, z = {
-      sm: "dk:text-sm dk:pb-0.5",
-      md: "dk:text-base dk:pb-1",
-      lg: "dk:text-lg dk:pb-2"
-    }, v = n(() => {
-      const i = c[e.size] || "", p = e.block ? "dk:w-full" : "", k = b[e.rounded] || "";
-      return [Q, i, p, k].join(" ");
-    }), y = n(() => {
-      const i = z[e.size] || "", p = e.block ? "dk:w-full" : "";
-      return [i, p].join(" ");
+    }, f = n(() => {
+      const i = b[o.size] || "", g = o.block ? "dk:w-full" : "", s = v[o.rounded] || "";
+      return [J, i, g, s].join(" ");
     });
-    return (i, p) => (t(), a("div", null, [
-      e.label ? (t(), a("label", {
-        key: 0,
-        for: e.id,
-        class: g([y.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
-      }, [
-        C(w(e.label) + " ", 1),
-        e.required ? (t(), a("span", J, "*")) : x("", !0)
-      ], 10, G)) : x("", !0),
-      u("input", {
-        type: e.type,
-        class: g(v.value),
-        value: f.modelValue,
-        disabled: e.disabled,
-        placeholder: e.placeholder,
-        required: e.required,
-        name: e.name,
-        id: e.id,
-        pattern: e.pattern,
-        readonly: e.readonly,
-        min: e.min,
-        max: e.max,
-        step: e.step,
-        "aria-label": e.placeholder,
-        "aria-disabled": e.disabled,
-        "aria-required": e.required,
-        onInput: l
-      }, null, 42, K)
-    ]));
+    return (i, g) => (r(), k("input", C({
+      class: f.value,
+      value: a.modelValue
+    }, i.$attrs, { onInput: u }), null, 16, G));
   }
-}), U = ["for"], X = {
-  key: 0,
-  class: "dk:text-rose-500"
-}, Y = ["value", "disabled", "placeholder", "required", "name", "id", "readonly", "aria-label", "aria-disabled", "aria-required"], Z = `
+}), K = ["value"], Q = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -402,7 +313,8 @@ 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]`, Te = /* @__PURE__ */ R({
+  dk:dark:[color-scheme:dark]`, _e = /* @__PURE__ */ j({
+  inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
     modelValue: {
@@ -417,34 +329,6 @@ const H = { key: 1 }, W = `
       type: Boolean,
       default: !0
     },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    placeholder: {
-      type: String,
-      default: void 0
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    id: {
-      type: String,
-      default: void 0
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    label: {
-      type: String,
-      default: void 0
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
     rounded: {
       type: String,
       default: "all"
@@ -459,75 +343,46 @@ const H = { key: 1 }, W = `
     }
   },
   emits: ["update:modelValue"],
-  setup(f, { emit: r }) {
-    const e = f, d = r;
-    function l(k) {
-      const h = k.target;
-      e.autoheight && p(h), d("update:modelValue", h.value);
+  setup(a, { emit: d }) {
+    const o = a, e = d;
+    function u(s) {
+      const c = s.target;
+      o.autoheight && g(c), e("update:modelValue", c.value);
     }
-    const c = {
+    const b = {
       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"
-    }, b = {
+    }, v = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, z = {
-      sm: "dk:text-sm dk:pb-0.5",
-      md: "dk:text-base dk:pb-1",
-      lg: "dk:text-lg dk:pb-2"
-    }, v = {
+    }, f = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, y = n(() => {
-      const k = c[e.size] || "", h = e.block ? "dk:w-full" : "", T = b[e.rounded] || "", S = v[e.resize] || "";
-      return [Z, k, h, T, S].join(" ");
-    }), i = n(() => {
-      const k = z[e.size] || "", h = e.block ? "dk:w-full" : "";
-      return [k, h].join(" ");
-    }), p = (k) => {
-      k.style.height = "auto", k.style.height = `${k.scrollHeight + 5}px`;
+    }, i = n(() => {
+      const s = b[o.size] || "", c = o.block ? "dk:w-full" : "", p = v[o.rounded] || "", $ = f[o.resize] || "";
+      return [Q, s, c, p, $].join(" ");
+    }), g = (s) => {
+      s.style.height = "auto", s.style.height = `${s.scrollHeight + 5}px`;
     };
-    return (k, h) => (t(), a("div", null, [
-      e.label ? (t(), a("label", {
-        key: 0,
-        for: e.id,
-        class: g([i.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
-      }, [
-        C(w(e.label) + " ", 1),
-        e.required ? (t(), a("span", X, "*")) : x("", !0)
-      ], 10, U)) : x("", !0),
-      u("textarea", {
-        class: g(y.value),
-        value: f.modelValue,
-        disabled: e.disabled,
-        placeholder: e.placeholder,
-        required: e.required,
-        name: e.name,
-        id: e.id,
-        readonly: e.readonly,
-        "aria-label": e.placeholder,
-        "aria-disabled": e.disabled,
-        "aria-required": e.required,
-        onInput: l
-      }, null, 42, Y)
-    ]));
+    return (s, c) => (r(), k("textarea", C(s.$attrs, {
+      class: i.value,
+      value: a.modelValue,
+      onInput: u
+    }), null, 16, K));
   }
-}), ee = ["for"], de = {
-  key: 0,
-  class: "dk:text-rose-500"
-}, re = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], te = {
+}), U = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, oe = ["value", "selected"], ae = `
+}, X = ["value", "selected"], Y = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -540,7 +395,8 @@ const H = { key: 1 }, W = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, Ne = /* @__PURE__ */ R({
+`, Te = /* @__PURE__ */ j({
+  inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
     modelValue: {
@@ -559,34 +415,6 @@ const H = { key: 1 }, W = `
       type: Boolean,
       default: !0
     },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    id: {
-      type: String,
-      default: void 0
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    label: {
-      type: String,
-      default: void 0
-    },
-    placeholder: {
-      type: String,
-      default: void 0
-    },
-    readonly: {
-      type: Boolean,
-      default: !1
-    },
     rounded: {
       type: String,
       default: "all"
@@ -598,74 +426,146 @@ const H = { key: 1 }, W = `
     itemValue: {
       type: String,
       default: "value"
+    },
+    placeholder: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["update:modelValue"],
-  setup(f, { emit: r }) {
-    const e = f, d = r;
-    function l(i) {
-      const k = i.target.value, h = Number(k);
-      !isNaN(h) && k !== "" ? d("update:modelValue", h) : d("update:modelValue", k);
+  setup(a, { emit: d }) {
+    const o = a, e = d;
+    function u(i) {
+      const s = i.target.value, c = Number(s);
+      !isNaN(c) && s !== "" ? e("update:modelValue", c) : e("update:modelValue", s);
     }
-    const c = {
+    const b = {
       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"
-    }, b = {
+    }, v = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, z = {
-      sm: "dk:text-sm dk:pb-0.5",
-      md: "dk:text-base dk:pb-1",
-      lg: "dk:text-lg dk:pb-2"
-    }, v = n(() => {
-      const i = c[e.size] || "", p = e.block ? "dk:w-full" : "", k = b[e.rounded] || "";
-      return [ae, i, p, k].join(" ");
-    }), y = n(() => {
-      const i = z[e.size] || "", p = e.block ? "dk:w-full" : "";
-      return [i, p].join(" ");
+    }, f = n(() => {
+      const i = b[o.size] || "", g = o.block ? "dk:w-full" : "", s = v[o.rounded] || "";
+      return [Y, i, g, s].join(" ");
     });
-    return (i, p) => (t(), a("div", null, [
-      e.label ? (t(), a("label", {
+    return (i, g) => (r(), k("select", C(i.$attrs, {
+      class: f.value,
+      onChange: u
+    }), [
+      a.placeholder ? (r(), k("option", U, z(a.placeholder), 1)) : y("", !0),
+      (r(!0), k(_, null, P(a.options, (s, c) => (r(), k("option", {
+        key: c,
+        value: s[a.itemValue] ?? "",
+        selected: s[a.itemValue] == a.modelValue
+      }, z(s[a.itemLabel] ?? ""), 9, X))), 128))
+    ], 16));
+  }
+}), Z = {
+  key: 1,
+  class: "dk:text-rose-500 dk:ml-1"
+}, ee = { 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" }, de = "dk:space-y-1", re = /* @__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(a) {
+    const d = q(!1), o = a, e = {
+      s: "dk:text-sm",
+      m: "dk:text-base",
+      l: "dk:text-lg"
+    }, u = {
+      s: "dk:mt-1",
+      m: "dk:mt-1.5",
+      l: "dk:mt-2"
+    }, b = {
+      s: "dk:text-xs",
+      m: "dk:text-sm",
+      l: "dk:text-base"
+    }, v = n(() => [de].join(" ")), f = n(() => {
+      const s = e[o.size] || e.m, c = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", p = o.helpText ? "dk:cursor-help" : "";
+      return [c, s, p].join(" ");
+    }), i = n(() => [u[o.size] || u.m].join(" ")), g = n(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", b[o.size] || b.m].join(" "));
+    return (s, c) => (r(), k("label", {
+      class: x(v.value)
+    }, [
+      a.title ? (r(), k("div", {
         key: 0,
-        for: e.id,
-        class: g([y.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: "dk:relative",
+        onMouseenter: c[0] || (c[0] = (p) => d.value = !!a.helpText),
+        onMouseleave: c[1] || (c[1] = (p) => d.value = !1)
       }, [
-        C(w(e.label) + " ", 1),
-        e.required ? (t(), a("span", de, "*")) : x("", !0)
-      ], 10, ee)) : x("", !0),
-      u("select", {
-        id: e.id,
-        name: e.name,
-        disabled: e.disabled,
-        required: e.required,
-        class: g(v.value),
-        readonly: e.readonly,
-        "aria-label": e.label || "select input",
-        "aria-disabled": e.disabled,
-        "aria-required": e.required,
-        onChange: l
+        h("div", {
+          class: x(f.value)
+        }, [
+          a.icon ? (r(), k("i", {
+            key: 0,
+            class: x([a.icon, "dk:mr-2"])
+          }, null, 2)) : y("", !0),
+          S(" " + z(a.title) + " ", 1),
+          a.required ? (r(), k("span", Z, "*")) : y("", !0)
+        ], 2),
+        O(h("div", ee, [
+          S(z(a.helpText) + " ", 1),
+          c[2] || (c[2] = h("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        ], 512), [
+          [W, d.value && a.helpText]
+        ])
+      ], 32)) : y("", !0),
+      h("div", {
+        class: x(i.value)
       }, [
-        e.placeholder ? (t(), a("option", te, w(e.placeholder), 1)) : x("", !0),
-        (t(!0), a($, null, D(e.options, (k, h) => (t(), a("option", {
-          key: h,
-          value: k[e.itemValue] ?? "",
-          selected: k[e.itemValue] == e.modelValue
-        }, w(k[e.itemLabel] ?? ""), 9, oe))), 128))
-      ], 42, re)
-    ]));
+        T(s.$slots, "default", {}, void 0, !0)
+      ], 2),
+      a.error ? (r(), k("div", {
+        key: 1,
+        class: x(g.value)
+      }, [
+        c[3] || (c[3] = h("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(a.error), 1)
+      ], 2)) : y("", !0)
+    ], 2));
   }
-}), ke = `
+}), te = (a, d) => {
+  const o = a.__vccOpts || a;
+  for (const [e, u] of d)
+    o[e] = u;
+  return o;
+}, je = /* @__PURE__ */ te(re, [["__scopeId", "data-v-aa6b6cdc"]]), oe = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Le = /* @__PURE__ */ R({
+`, Ve = /* @__PURE__ */ j({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -681,15 +581,15 @@ const H = { key: 1 }, W = `
       default: "all"
     }
   },
-  setup(f) {
-    const r = f, e = {
+  setup(a) {
+    const d = a, o = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, d = {
+    }, e = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -717,19 +617,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"
       }
-    }, l = n(() => {
-      var v;
-      const c = ((v = d[r.variant]) == null ? void 0 : v[r.color]) || "", b = d[r.variant].base || "", z = e[r.rounded] || "";
-      return [ke, b, c, z].join(" ");
+    }, u = n(() => {
+      var i;
+      const b = ((i = e[d.variant]) == null ? void 0 : i[d.color]) || "", v = e[d.variant].base || "", f = o[d.rounded] || "";
+      return [oe, v, b, f].join(" ");
     });
-    return (c, b) => (t(), a("div", {
-      class: g(l.value),
+    return (b, v) => (r(), k("div", {
+      class: x(u.value),
       role: "alert"
     }, [
-      q(c.$slots, "default")
+      T(b.$slots, "default")
     ], 2));
   }
-}), 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" }, Ve = /* @__PURE__ */ R({
+}), ke = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, ae = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, se = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, Ne = /* @__PURE__ */ j({
   __name: "DuiTable",
   props: {
     columns: {
@@ -741,29 +641,29 @@ const H = { key: 1 }, W = `
       required: !0
     }
   },
-  setup(f) {
-    const r = f;
-    return (e, d) => (t(), a("div", ne, [
-      u("table", se, [
-        u("thead", le, [
-          u("tr", null, [
-            (t(!0), a($, null, D(r.columns, (l) => (t(), a("th", {
-              key: l.name,
-              class: g(["dk:px-6 dk:py-3", l.classes])
-            }, w(l.label), 3))), 128))
+  setup(a) {
+    const d = a;
+    return (o, e) => (r(), k("div", ke, [
+      h("table", ae, [
+        h("thead", se, [
+          h("tr", null, [
+            (r(!0), k(_, null, P(d.columns, (u) => (r(), k("th", {
+              key: u.name,
+              class: x(["dk:px-6 dk:py-3", u.classes])
+            }, z(u.label), 3))), 128))
           ])
         ]),
-        u("tbody", null, [
-          (t(!0), a($, null, D(r.rows, (l, c) => (t(), a("tr", {
-            key: c,
+        h("tbody", null, [
+          (r(!0), k(_, null, P(d.rows, (u, b) => (r(), k("tr", {
+            key: b,
             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($, null, D(r.columns, (b) => (t(), a("td", {
-              key: b.name,
+            (r(!0), k(_, null, P(d.columns, (v) => (r(), k("td", {
+              key: v.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              q(e.$slots, b.name, j({ ref_for: !0 }, l), () => [
-                C(w(l[b.name]), 1)
+              T(o.$slots, v.name, C({ ref_for: !0 }, u), () => [
+                S(z(u[v.name]), 1)
               ])
             ]))), 128))
           ]))), 128))
@@ -771,7 +671,7 @@ const H = { key: 1 }, W = `
       ])
     ]));
   }
-}), ie = { key: 1 }, ue = `
+}), ne = { key: 1 }, le = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -782,7 +682,7 @@ const H = { key: 1 }, W = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, Be = /* @__PURE__ */ R({
+  dk:max-w-full`, Le = /* @__PURE__ */ j({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -794,34 +694,34 @@ const H = { key: 1 }, W = `
     rounded: { default: "all" },
     to: { default: void 0 }
   },
-  setup(f) {
-    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = n(() => {
+  setup(a) {
+    const d = a, o = A(), e = o == null ? void 0 : o.appContext.app, u = n(() => {
       try {
-        return !!(d != null && d.config.globalProperties.$router || d != null && d.config.globalProperties.$route || globalThis.VueRouter || d != null && d.component("RouterLink"));
+        return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || e != null && e.component("RouterLink"));
       } catch {
         return !1;
       }
-    }), c = n(() => {
+    }), b = n(() => {
       try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || d != null && d.component("NuxtLink"));
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
       } catch {
         return !1;
       }
-    }), b = n(() => r.to ? c.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "span"), z = n(() => {
-      const k = {};
-      return b.value === "a" ? (k.href = typeof r.to == "string" ? r.to : "#", k.role = "button") : b.value !== "span" && (k.to = r.to), k;
-    }), v = {
+    }), v = n(() => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "span"), f = n(() => {
+      const p = {};
+      return v.value === "a" ? (p.href = typeof d.to == "string" ? d.to : "#", p.role = "button") : v.value !== "span" && (p.to = d.to), p;
+    }), 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"
-    }, y = {
+    }, g = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, i = {
+    }, s = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -993,25 +893,25 @@ const H = { key: 1 }, W = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, p = n(() => {
-      var N;
-      const k = (((N = i[r.variant]) == null ? void 0 : N[r.color]) || "") + " " + i[r.variant].base, h = v[r.size] || "", T = r.block ? "dk:block" : "dk:inline-block", S = y[r.rounded] || "";
-      return [ue, k, h, T, S].join(" ");
+    }, c = n(() => {
+      var V;
+      const p = (((V = s[d.variant]) == null ? void 0 : V[d.color]) || "") + " " + s[d.variant].base, $ = i[d.size] || "", B = d.block ? "dk:block" : "dk:inline-block", R = g[d.rounded] || "";
+      return [le, p, $, B, R].join(" ");
     });
-    return (k, h) => (t(), L(V(b.value), j(z.value, {
-      class: p.value,
-      title: r.title
+    return (p, $) => (r(), N(L(v.value), C(f.value, {
+      class: c.value,
+      title: d.title
     }), {
-      default: B(() => [
-        r.loading ? (t(), a("span", ie, "Cargando...")) : q(k.$slots, "default", { key: 0 })
+      default: D(() => [
+        d.loading ? (r(), k("span", ne, "Cargando...")) : T(p.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), ce = {
+}), ie = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, be = ["src", "alt"], qe = /* @__PURE__ */ R({
+}, ue = ["src", "alt"], De = /* @__PURE__ */ j({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -1020,25 +920,25 @@ const H = { key: 1 }, W = `
     subtitle: { default: void 0 },
     to: { default: void 0 }
   },
-  setup(f) {
-    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = n(() => {
+  setup(a) {
+    const d = a, o = A(), e = o == null ? void 0 : o.appContext.app, u = n(() => {
       try {
-        return !!(d != null && d.config.globalProperties.$router || d != null && d.config.globalProperties.$route || globalThis.VueRouter || d != null && d.component("RouterLink"));
+        return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || e != null && e.component("RouterLink"));
       } catch {
         return !1;
       }
-    }), c = n(() => {
+    }), b = n(() => {
       try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || d != null && d.component("NuxtLink"));
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
       } catch {
         return !1;
       }
-    }), b = () => r.to ? c.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "div", z = () => r.to ? c.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "h3", v = () => {
-      const o = {};
-      if (!r.to) return o;
-      const m = b();
-      return m === "a" ? o.href = typeof r.to == "string" ? r.to : "#" : (m === "RouterLink" || m === "NuxtLink") && (o.to = r.to), o;
-    }, y = {
+    }), v = () => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "div", f = () => d.to ? b.value ? "NuxtLink" : u.value ? "RouterLink" : "a" : "h3", i = () => {
+      const t = {};
+      if (!d.to) return t;
+      const m = v();
+      return m === "a" ? t.href = typeof d.to == "string" ? d.to : "#" : (m === "RouterLink" || m === "NuxtLink") && (t.to = d.to), t;
+    }, g = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -1060,139 +960,142 @@ const H = { key: 1 }, W = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, i = n(() => [
+    }, s = n(() => [
       // 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(" ")), p = n(() => [
+    ].join(" ")), c = n(() => [
       "dk:w-full dk:h-48 dk:object-cover"
-    ].join(" ")), k = n(() => {
-      const o = y[r.size];
+    ].join(" ")), p = n(() => {
+      const t = g[d.size];
       return [
-        o.padding,
-        o.spacing
+        t.padding,
+        t.spacing
       ].join(" ");
-    }), h = n(() => [
-      y[r.size].spacing
-    ].join(" ")), T = n(() => {
+    }), $ = n(() => [
+      g[d.size].spacing
+    ].join(" ")), B = n(() => {
       const m = [
-        y[r.size].titleSize,
+        g[d.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return r.to && m.push(
+      return d.to && m.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
       ), m.join(" ");
-    }), S = n(() => r.to ? [
-      "dk:block dk:no-underline",
-      "dk:transition-transform dk:duration-200",
-      "dk:hover:scale-105"
-    ].join(" ") : "dk:block"), N = n(() => [
-      y[r.size].subtitleSize,
+    }), R = n(() => {
+      const t = [
+        "dk:block",
+        "dk:transition-transform dk:duration-200",
+        "dk:hover:scale-105"
+      ];
+      return d.to && t.push("dk:no-underline"), t.join(" ");
+    }), V = n(() => [
+      g[d.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), P = n(() => [
-      y[r.size].contentSize,
+    ].join(" ")), M = n(() => [
+      g[d.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), A = n(() => [
+    ].join(" ")), I = n(() => [
       "dk:border-t dk:border-gray-200 dk:dark:border-gray-700",
       "dk:pt-3 dk:mt-3"
     ].join(" "));
-    return (o, m) => (t(), a("div", {
-      class: g(i.value)
+    return (t, m) => (r(), k("div", {
+      class: x(s.value)
     }, [
-      o.image ? (t(), a("div", ce, [
-        (t(), L(V(b()), j(v(), { class: S.value }), {
-          default: B(() => [
-            u("img", {
-              src: o.image,
-              alt: o.title || "Card image",
-              class: g(p.value)
-            }, null, 10, be)
+      t.image ? (r(), k("div", ie, [
+        (r(), N(L(v()), C(i(), { class: R.value }), {
+          default: D(() => [
+            h("img", {
+              src: t.image,
+              alt: t.title || "Card image",
+              class: x(c.value)
+            }, null, 10, ue)
           ]),
           _: 1
         }, 16, ["class"]))
-      ])) : x("", !0),
-      u("div", {
-        class: g(k.value)
+      ])) : y("", !0),
+      h("div", {
+        class: x(p.value)
       }, [
-        o.title || o.subtitle ? (t(), a("div", {
+        t.title || t.subtitle ? (r(), k("div", {
           key: 0,
-          class: g(h.value)
+          class: x($.value)
         }, [
-          o.title ? (t(), L(V(z()), j({ key: 0 }, v(), { class: T.value }), {
-            default: B(() => [
-              C(w(o.title), 1)
+          t.title ? (r(), N(L(f()), C({ key: 0 }, i(), { class: B.value }), {
+            default: D(() => [
+              S(z(t.title), 1)
             ]),
             _: 1
-          }, 16, ["class"])) : x("", !0),
-          o.subtitle ? (t(), a("p", {
+          }, 16, ["class"])) : y("", !0),
+          t.subtitle ? (r(), k("p", {
             key: 1,
-            class: g(N.value)
-          }, w(o.subtitle), 3)) : x("", !0)
-        ], 2)) : x("", !0),
-        o.$slots.default ? (t(), a("div", {
+            class: x(V.value)
+          }, z(t.subtitle), 3)) : y("", !0)
+        ], 2)) : y("", !0),
+        t.$slots.default ? (r(), k("div", {
           key: 1,
-          class: g(P.value)
+          class: x(M.value)
         }, [
-          q(o.$slots, "default")
-        ], 2)) : x("", !0),
-        o.$slots.footer ? (t(), a("div", {
+          T(t.$slots, "default")
+        ], 2)) : y("", !0),
+        t.$slots.footer ? (r(), k("div", {
           key: 2,
-          class: g(A.value)
+          class: x(I.value)
         }, [
-          q(o.$slots, "footer")
-        ], 2)) : x("", !0)
+          T(t.$slots, "footer")
+        ], 2)) : y("", !0)
       ], 2)
     ], 2));
   }
-}), ge = {
+}), ce = {
   key: 0,
   class: "dk:flex dk:items-center dk:gap-4"
-}, pe = { class: "dk:hidden dk:md:flex dk:items-center dk:space-x-1" }, he = {
+}, be = { class: "dk:hidden dk:md:flex dk:items-center dk:space-x-1" }, ge = {
   key: 0,
   class: "dk:relative dk:group"
-}, 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" }, ve = {
+}, pe = { 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"
-}, ye = { 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" }, me = { 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" }, _e = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ce = {
+}, ve = { 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" }, xe = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, me = { key: 0 }, ye = ["onClick"], fe = { class: "dk:flex dk:items-center dk:flex-1" }, ze = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, we = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-gray-200 dk:dark:border-gray-700"
-}, Re = /* @__PURE__ */ R({
+}, Re = /* @__PURE__ */ j({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
     size: { default: "m" }
   },
-  setup(f) {
-    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = E(!1), c = F({}), b = n(() => {
+  setup(a) {
+    const d = a, o = A(), e = o == null ? void 0 : o.appContext.app, u = q(!1), b = E({}), v = n(() => {
       try {
-        return !!(d != null && d.config.globalProperties.$router || d != null && d.config.globalProperties.$route || globalThis.VueRouter || d != null && d.component("RouterLink"));
+        return !!(e != null && e.config.globalProperties.$router || e != null && e.config.globalProperties.$route || globalThis.VueRouter || e != null && e.component("RouterLink"));
       } catch {
         return !1;
       }
-    }), z = n(() => {
+    }), f = n(() => {
       try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || d != null && d.component("NuxtLink"));
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || e != null && e.component("NuxtLink"));
       } catch {
         return !1;
       }
-    }), v = (o) => o.to ? z.value ? "NuxtLink" : b.value ? "RouterLink" : "a" : "button", y = (o) => {
-      const m = {}, s = v(o);
-      return s === "a" ? m.href = typeof o.to == "string" ? o.to : "#" : s !== "button" && (m.to = o.to), m;
-    }, i = () => {
-      l.value = !l.value;
-    }, p = () => {
-      l.value = !1, Object.keys(c).forEach((o) => {
-        c[o] = !1;
+    }), i = (t) => t.to ? f.value ? "NuxtLink" : v.value ? "RouterLink" : "a" : "button", g = (t) => {
+      const m = {}, l = i(t);
+      return l === "a" ? m.href = typeof t.to == "string" ? t.to : "#" : l !== "button" && (m.to = t.to), m;
+    }, s = () => {
+      u.value = !u.value;
+    }, c = () => {
+      u.value = !1, Object.keys(b).forEach((t) => {
+        b[t] = !1;
       });
-    }, k = (o) => {
-      c[o] = !c[o];
-    }, h = {
+    }, p = (t) => {
+      b[t] = !b[t];
+    }, $ = {
       s: {
         height: "dk:h-12",
         padding: "dk:px-3",
@@ -1211,61 +1114,61 @@ const H = { key: 1 }, W = `
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, T = n(() => {
-      const o = h[r.size];
+    }, B = n(() => {
+      const t = $[d.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
-        !!(e != null && e.slots.brand || e != null && e.slots.actions) ? "dk:justify-between" : "dk:justify-center dk:md:justify-start",
-        o.height,
-        o.padding,
-        o.text
+        !!(o != null && o.slots.brand || o != null && o.slots.actions) ? "dk:justify-between" : "dk:justify-center dk:md:justify-start",
+        t.height,
+        t.padding,
+        t.text
       ].join(" ");
-    }), S = n(() => [
+    }), R = n(() => [
       // 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",
-      h[r.size].itemPadding
-    ].join(" ")), N = n(() => [
+      $[d.size].itemPadding
+    ].join(" ")), V = n(() => [
       "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(" ")), P = n(() => [
+    ].join(" ")), M = n(() => [
       "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(" ")), A = n(() => [
+    ].join(" ")), I = n(() => [
       "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 (o, m) => (t(), a("nav", {
-      class: g(T.value)
+    return (t, m) => (r(), k("nav", {
+      class: x(B.value)
     }, [
-      o.$slots.brand ? (t(), a("div", ge, [
-        q(o.$slots, "brand"),
-        u("button", {
+      t.$slots.brand ? (r(), k("div", ce, [
+        T(t.$slots, "brand"),
+        h("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: i
+          onClick: s
         }, m[0] || (m[0] = [
-          u("span", { class: "dk:sr-only" }, "Open main menu", -1),
-          u("svg", {
+          h("span", { class: "dk:sr-only" }, "Open main menu", -1),
+          h("svg", {
             class: "dk:w-5 dk:h-5",
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24"
           }, [
-            u("path", {
+            h("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
@@ -1273,21 +1176,21 @@ const H = { key: 1 }, W = `
             })
           ], -1)
         ]))
-      ])) : x("", !0),
-      o.$slots.brand ? x("", !0) : (t(), a("button", {
+      ])) : y("", !0),
+      t.$slots.brand ? y("", !0) : (r(), k("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: i
+        onClick: s
       }, m[1] || (m[1] = [
-        u("span", { class: "dk:sr-only" }, "Open main menu", -1),
-        u("svg", {
+        h("span", { class: "dk:sr-only" }, "Open main menu", -1),
+        h("svg", {
           class: "dk:w-5 dk:h-5",
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24"
         }, [
-          u("path", {
+          h("path", {
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "stroke-width": "2",
@@ -1295,25 +1198,25 @@ const H = { key: 1 }, W = `
           })
         ], -1)
       ]))),
-      u("div", pe, [
-        (t(!0), a($, null, D(o.items, (s) => (t(), a($, {
-          key: s.label
+      h("div", be, [
+        (r(!0), k(_, null, P(t.items, (l) => (r(), k(_, {
+          key: l.label
         }, [
-          s.children && s.children.length > 0 ? (t(), a("div", he, [
-            (t(), L(V(v(s)), j({ ref_for: !0 }, y(s), { class: S.value }), {
-              default: B(() => [
-                s.icon ? (t(), a("i", {
+          l.children && l.children.length > 0 ? (r(), k("div", ge, [
+            (r(), N(L(i(l)), C({ ref_for: !0 }, g(l), { class: R.value }), {
+              default: D(() => [
+                l.icon ? (r(), k("i", {
                   key: 0,
-                  class: g([s.icon, "dk:mr-2"])
-                }, null, 2)) : x("", !0),
-                C(" " + w(s.label) + " ", 1),
-                m[2] || (m[2] = u("svg", {
+                  class: x([l.icon, "dk:mr-2"])
+                }, null, 2)) : y("", !0),
+                S(" " + z(l.label) + " ", 1),
+                m[2] || (m[2] = h("svg", {
                   class: "dk:w-4 dk:h-4 dk:ml-1 dk:transform dk:group-hover:rotate-180 dk:transition-transform",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, [
-                  u("path", {
+                  h("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
@@ -1323,126 +1226,127 @@ const H = { key: 1 }, W = `
               ]),
               _: 2
             }, 1040, ["class"])),
-            u("div", xe, [
-              (t(!0), a($, null, D(s.children, (_) => (t(), L(V(v(_)), j({
-                key: _.label,
+            h("div", pe, [
+              (r(!0), k(_, null, P(l.children, (w) => (r(), N(L(i(w)), C({
+                key: w.label,
                 ref_for: !0
-              }, y(_), { class: N.value }), {
-                default: B(() => [
-                  _.icon ? (t(), a("i", {
+              }, g(w), { class: V.value }), {
+                default: D(() => [
+                  w.icon ? (r(), k("i", {
                     key: 0,
-                    class: g([_.icon, "dk:mr-2"])
-                  }, null, 2)) : x("", !0),
-                  C(" " + w(_.label), 1)
+                    class: x([w.icon, "dk:mr-2"])
+                  }, null, 2)) : y("", !0),
+                  S(" " + z(w.label), 1)
                 ]),
                 _: 2
               }, 1040, ["class"]))), 128))
             ])
-          ])) : (t(), L(V(v(s)), j({
+          ])) : (r(), N(L(i(l)), C({
             key: 1,
             ref_for: !0
-          }, y(s), { class: S.value }), {
-            default: B(() => [
-              s.icon ? (t(), a("i", {
+          }, g(l), { class: R.value }), {
+            default: D(() => [
+              l.icon ? (r(), k("i", {
                 key: 0,
-                class: g([s.icon, "dk:mr-2"])
-              }, null, 2)) : x("", !0),
-              C(" " + w(s.label), 1)
+                class: x([l.icon, "dk:mr-2"])
+              }, null, 2)) : y("", !0),
+              S(" " + z(l.label), 1)
             ]),
             _: 2
           }, 1040, ["class"]))
         ], 64))), 128))
       ]),
-      o.$slots.actions ? (t(), a("div", ve, [
-        q(o.$slots, "actions")
-      ])) : x("", !0),
-      I(u("div", ye, [
-        u("div", me, [
-          (t(!0), a($, null, D(o.items, (s) => (t(), a($, {
-            key: s.label
+      t.$slots.actions ? (r(), k("div", he, [
+        T(t.$slots, "actions")
+      ])) : y("", !0),
+      O(h("div", ve, [
+        h("div", xe, [
+          (r(!0), k(_, null, P(t.items, (l) => (r(), k(_, {
+            key: l.label
           }, [
-            s.children && s.children.length > 0 ? (t(), a("div", fe, [
-              u("button", {
+            l.children && l.children.length > 0 ? (r(), k("div", me, [
+              h("button", {
                 type: "button",
-                onClick: (_) => k(s.label),
-                class: g(P.value)
+                onClick: (w) => p(l.label),
+                class: x(M.value)
               }, [
-                u("div", we, [
-                  s.icon ? (t(), a("i", {
+                h("div", fe, [
+                  l.icon ? (r(), k("i", {
                     key: 0,
-                    class: g([s.icon, "dk:mr-2"])
-                  }, null, 2)) : x("", !0),
-                  C(" " + w(s.label), 1)
+                    class: x([l.icon, "dk:mr-2"])
+                  }, null, 2)) : y("", !0),
+                  S(" " + z(l.label), 1)
                 ]),
-                (t(), a("svg", {
-                  class: g(["dk:w-4 dk:h-4 dk:transform dk:transition-transform", c[s.label] ? "dk:rotate-180" : ""]),
+                (r(), k("svg", {
+                  class: x(["dk:w-4 dk:h-4 dk:transform dk:transition-transform", b[l.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
                 }, m[3] || (m[3] = [
-                  u("path", {
+                  h("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ]), 2))
-              ], 10, ze),
-              I(u("div", _e, [
-                (t(!0), a($, null, D(s.children, (_) => (t(), L(V(v(_)), j({
-                  key: _.label,
+              ], 10, ye),
+              O(h("div", ze, [
+                (r(!0), k(_, null, P(l.children, (w) => (r(), N(L(i(w)), C({
+                  key: w.label,
                   ref_for: !0
-                }, y(_), {
-                  class: A.value,
-                  onClick: p
+                }, g(w), {
+                  class: I.value,
+                  onClick: c
                 }), {
-                  default: B(() => [
-                    _.icon ? (t(), a("i", {
+                  default: D(() => [
+                    w.icon ? (r(), k("i", {
                       key: 0,
-                      class: g([_.icon, "dk:mr-2"])
-                    }, null, 2)) : x("", !0),
-                    C(" " + w(_.label), 1)
+                      class: x([w.icon, "dk:mr-2"])
+                    }, null, 2)) : y("", !0),
+                    S(" " + z(w.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [O, c[s.label]]
+                [W, b[l.label]]
               ])
-            ])) : (t(), L(V(v(s)), j({
+            ])) : (r(), N(L(i(l)), C({
               key: 1,
               ref_for: !0
-            }, y(s), {
-              class: P.value,
-              onClick: p
+            }, g(l), {
+              class: M.value,
+              onClick: c
             }), {
-              default: B(() => [
-                s.icon ? (t(), a("i", {
+              default: D(() => [
+                l.icon ? (r(), k("i", {
                   key: 0,
-                  class: g([s.icon, "dk:mr-2"])
-                }, null, 2)) : x("", !0),
-                C(" " + w(s.label), 1)
+                  class: x([l.icon, "dk:mr-2"])
+                }, null, 2)) : y("", !0),
+                S(" " + z(l.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          o.$slots.actions ? (t(), a("div", Ce, [
-            q(o.$slots, "actions")
-          ])) : x("", !0)
+          t.$slots.actions ? (r(), k("div", we, [
+            T(t.$slots, "actions")
+          ])) : y("", !0)
         ])
       ], 512), [
-        [O, l.value]
+        [W, u.value]
       ])
     ], 2));
   }
 });
 export {
-  Be as DuiAction,
-  Le as DuiAlert,
+  Le as DuiAction,
+  Ve as DuiAlert,
   $e as DuiButton,
-  qe as DuiCard,
-  je as DuiInput,
+  De as DuiCard,
+  Se as DuiInput,
+  je as DuiLabel,
   Re as DuiNavbar,
-  Ne as DuiSelect,
-  Ve as DuiTable,
-  Te as DuiTextarea
+  Te as DuiSelect,
+  Ne as DuiTable,
+  _e as DuiTextarea
 };