@dronico/droni-kit 1.12.3 → 1.12.5

package/dist/droni-kit.es.js

@@ -1,20 +1,20 @@
-import { getCurrentInstance as I, defineComponent as j, computed as c, createBlock as V, openBlock as d, resolveDynamicComponent as D, mergeProps as C, withCtx as T, renderSlot as _, createElementBlock as t, createCommentVNode as m, toDisplayString as z, Fragment as $, renderList as B, ref as q, normalizeClass as h, createElementVNode as p, withDirectives as R, createTextVNode as S, vShow as A, reactive as E } from "vue";
-function F() {
+import { getCurrentInstance as X, defineComponent as P, computed as c, createBlock as V, openBlock as d, resolveDynamicComponent as B, mergeProps as C, withCtx as D, renderSlot as j, createElementBlock as t, createCommentVNode as m, toDisplayString as w, Fragment as _, renderList as T, ref as E, normalizeClass as f, createElementVNode as h, withDirectives as W, createTextVNode as $, vShow as q, reactive as Y } from "vue";
+function Z() {
   try {
-    const r = I(), e = r == null ? void 0 : r.appContext.app;
+    const r = X(), e = r == null ? void 0 : r.appContext.app;
     return e ? !!(e.config.globalProperties.$router || e.config.globalProperties.$route || e.component("RouterLink")) : typeof window < "u" ? !!window.VueRouter : !1;
   } catch {
     return !1;
   }
 }
-function O(r, e = !1) {
-  return r ? e ? "NuxtLink" : F() ? "RouterLink" : "a" : "button";
+function L(r, e = !1) {
+  return r ? e ? "NuxtLink" : Z() ? "RouterLink" : "a" : "button";
 }
-function W(r, e, o = {}) {
-  const a = { ...o };
-  return e === "a" ? (a.href = typeof r == "string" ? r : "#", a.role = "button") : e !== "button" && e !== "span" && (a.to = r), a;
+function R(r, e, k = {}) {
+  const n = { ...k };
+  return e === "a" ? (n.href = typeof r == "string" ? r : "#", n.role = "button") : e !== "button" && e !== "span" && (n.to = r), n;
 }
-const H = { key: 1 }, G = `
+const ee = { key: 1 }, de = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -25,7 +25,7 @@ const H = { key: 1 }, G = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, $e = /* @__PURE__ */ j({
+  dk:max-w-full`, Ie = /* @__PURE__ */ P({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -41,21 +41,21 @@ const H = { key: 1 }, G = `
     nuxt: { type: Boolean, default: !1 }
   },
   setup(r) {
-    const e = r, o = c(() => O(e.to, e.nuxt)), a = c(() => {
-      const n = {};
-      return o.value === "button" && (n.type = e.type), W(e.to, o.value, n);
+    const e = r, k = c(() => L(e.to, e.nuxt)), n = c(() => {
+      const i = {};
+      return k.value === "button" && (i.type = e.type), R(e.to, k.value, i);
     }), l = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, g = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, b = {
+    }, p = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -227,23 +227,23 @@ const H = { key: 1 }, G = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, y = c(() => {
-      var f;
-      const n = (((f = b[e.variant]) == null ? void 0 : f[e.color]) || "") + " " + b[e.variant].base, v = l[e.size] || "", s = e.block ? "dk:w-full" : "", u = g[e.rounded] || "";
-      return [G, n, v, s, u].join(" ");
+    }, x = c(() => {
+      var z;
+      const i = (((z = p[e.variant]) == null ? void 0 : z[e.color]) || "") + " " + p[e.variant].base, v = l[e.size] || "", a = e.block ? "dk:w-full" : "", b = u[e.rounded] || "";
+      return [de, i, v, a, b].join(" ");
     });
-    return (n, v) => (d(), V(D(o.value), C(a.value, {
-      class: y.value,
+    return (i, v) => (d(), V(B(k.value), C(n.value, {
+      class: x.value,
       title: e.title,
       disabled: e.disabled || e.loading
     }), {
-      default: T(() => [
-        e.loading ? (d(), t("span", H, "Cargando...")) : _(n.$slots, "default", { key: 0 })
+      default: D(() => [
+        e.loading ? (d(), t("span", ee, "Cargando...")) : j(i.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), J = ["value"], K = `
+}), re = ["value"], te = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -255,7 +255,7 @@ const H = { key: 1 }, G = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, _e = /* @__PURE__ */ j({
+  dk:dark:[color-scheme:dark]`, Ne = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
@@ -278,32 +278,32 @@ const H = { key: 1 }, G = `
   },
   emits: ["update:modelValue"],
   setup(r, { emit: e }) {
-    const o = r, a = e;
-    function l(n) {
-      const v = n.target;
-      a("update:modelValue", v.value);
+    const k = r, n = e;
+    function l(i) {
+      const v = i.target;
+      n("update:modelValue", v.value);
     }
-    const g = {
+    const u = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, b = {
+    }, p = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, y = c(() => {
-      const n = g[o.size] || "", v = o.block ? "dk:w-full" : "", s = b[o.rounded] || "";
-      return [K, n, v, s].join(" ");
+    }, x = c(() => {
+      const i = u[k.size] || "", v = k.block ? "dk:w-full" : "", a = p[k.rounded] || "";
+      return [te, i, v, a].join(" ");
     });
-    return (n, v) => (d(), t("input", C({
-      class: y.value,
+    return (i, v) => (d(), t("input", C({
+      class: x.value,
       value: r.modelValue
-    }, n.$attrs, { onInput: l }), null, 16, J));
+    }, i.$attrs, { onInput: l }), null, 16, re));
   }
-}), Q = ["value"], U = `
+}), ke = ["value"], oe = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -315,7 +315,7 @@ const H = { key: 1 }, G = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, je = /* @__PURE__ */ j({
+  dk:dark:[color-scheme:dark]`, Re = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -346,45 +346,45 @@ const H = { key: 1 }, G = `
   },
   emits: ["update:modelValue"],
   setup(r, { emit: e }) {
-    const o = r, a = e;
-    function l(s) {
-      const u = s.target;
-      o.autoheight && v(u), a("update:modelValue", u.value);
+    const k = r, n = e;
+    function l(a) {
+      const b = a.target;
+      k.autoheight && v(b), n("update:modelValue", b.value);
     }
-    const g = {
+    const u = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-3 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, b = {
+    }, p = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, y = {
+    }, x = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, n = c(() => {
-      const s = g[o.size] || "", u = o.block ? "dk:w-full" : "", f = b[o.rounded] || "", N = y[o.resize] || "";
-      return [U, s, u, f, N].join(" ");
-    }), v = (s) => {
-      s.style.height = "auto", s.style.height = `${s.scrollHeight + 5}px`;
+    }, i = c(() => {
+      const a = u[k.size] || "", b = k.block ? "dk:w-full" : "", z = p[k.rounded] || "", A = x[k.resize] || "";
+      return [oe, a, b, z, A].join(" ");
+    }), v = (a) => {
+      a.style.height = "auto", a.style.height = `${a.scrollHeight + 5}px`;
     };
-    return (s, u) => (d(), t("textarea", C(s.$attrs, {
-      class: n.value,
+    return (a, b) => (d(), t("textarea", C(a.$attrs, {
+      class: i.value,
       value: r.modelValue,
       onInput: l
-    }), null, 16, Q));
+    }), null, 16, ke));
   }
-}), X = {
+}), ae = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, Y = ["value", "selected"], Z = `
+}, se = ["value", "selected"], ne = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -397,7 +397,7 @@ const H = { key: 1 }, G = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, Ve = /* @__PURE__ */ j({
+`, We = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
@@ -436,42 +436,42 @@ const H = { key: 1 }, G = `
   },
   emits: ["update:modelValue"],
   setup(r, { emit: e }) {
-    const o = r, a = e;
-    function l(n) {
-      const s = n.target.value, u = Number(s);
-      !isNaN(u) && s !== "" ? a("update:modelValue", u) : a("update:modelValue", s);
+    const k = r, n = e;
+    function l(i) {
+      const a = i.target.value, b = Number(a);
+      !isNaN(b) && a !== "" ? n("update:modelValue", b) : n("update:modelValue", a);
     }
-    const g = {
+    const u = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, b = {
+    }, p = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, y = c(() => {
-      const n = g[o.size] || "", v = o.block ? "dk:w-full" : "", s = b[o.rounded] || "";
-      return [Z, n, v, s].join(" ");
+    }, x = c(() => {
+      const i = u[k.size] || "", v = k.block ? "dk:w-full" : "", a = p[k.rounded] || "";
+      return [ne, i, v, a].join(" ");
     });
-    return (n, v) => (d(), t("select", C(n.$attrs, {
-      class: y.value,
+    return (i, v) => (d(), t("select", C(i.$attrs, {
+      class: x.value,
       onChange: l
     }), [
-      r.placeholder ? (d(), t("option", X, z(r.placeholder), 1)) : m("", !0),
-      (d(!0), t($, null, B(r.options, (s, u) => (d(), t("option", {
-        key: u,
-        value: s[r.itemValue] ?? "",
-        selected: s[r.itemValue] == r.modelValue
-      }, z(s[r.itemLabel] ?? ""), 9, Y))), 128))
+      r.placeholder ? (d(), t("option", ae, w(r.placeholder), 1)) : m("", !0),
+      (d(!0), t(_, null, T(r.options, (a, b) => (d(), t("option", {
+        key: b,
+        value: a[r.itemValue] ?? "",
+        selected: a[r.itemValue] == r.modelValue
+      }, w(a[r.itemLabel] ?? ""), 9, se))), 128))
     ], 16));
   }
-}), ee = {
+}), le = {
   key: 1,
   class: "dk:text-rose-500 dk:ml-1"
-}, de = { 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" }, re = "dk:space-y-1", te = /* @__PURE__ */ j({
+}, ie = { 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" }, ue = "dk:space-y-1", be = /* @__PURE__ */ P({
   __name: "DuiLabel",
   props: {
     title: {
@@ -500,7 +500,7 @@ const H = { key: 1 }, G = `
     }
   },
   setup(r) {
-    const e = q(!1), o = r, a = {
+    const e = E(!1), k = r, n = {
       s: "dk:text-sm",
       m: "dk:text-base",
       l: "dk:text-lg"
@@ -508,66 +508,66 @@ const H = { key: 1 }, G = `
       s: "dk:mt-1",
       m: "dk:mt-1.5",
       l: "dk:mt-2"
-    }, g = {
+    }, u = {
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, b = c(() => [re].join(" ")), y = c(() => {
-      const s = a[o.size] || a.m, u = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", f = o.helpText ? "dk:cursor-help" : "";
-      return [u, s, f].join(" ");
-    }), n = c(() => [l[o.size] || l.m].join(" ")), v = c(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", g[o.size] || g.m].join(" "));
-    return (s, u) => (d(), t("label", {
-      class: h(b.value)
+    }, p = c(() => [ue].join(" ")), x = c(() => {
+      const a = n[k.size] || n.m, b = "dk:block dk:font-medium dk:text-zinc-700 dk:dark:text-zinc-200 dk:flex dk:items-center", z = k.helpText ? "dk:cursor-help" : "";
+      return [b, a, z].join(" ");
+    }), i = c(() => [l[k.size] || l.m].join(" ")), v = c(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", u[k.size] || u.m].join(" "));
+    return (a, b) => (d(), t("label", {
+      class: f(p.value)
     }, [
       r.title ? (d(), t("div", {
         key: 0,
         class: "dk:relative",
-        onMouseenter: u[0] || (u[0] = (f) => e.value = !!r.helpText),
-        onMouseleave: u[1] || (u[1] = (f) => e.value = !1)
+        onMouseenter: b[0] || (b[0] = (z) => e.value = !!r.helpText),
+        onMouseleave: b[1] || (b[1] = (z) => e.value = !1)
       }, [
-        p("div", {
-          class: h(y.value)
+        h("div", {
+          class: f(x.value)
         }, [
           r.icon ? (d(), t("i", {
             key: 0,
-            class: h([r.icon, "dk:mr-2"])
+            class: f([r.icon, "dk:mr-2"])
           }, null, 2)) : m("", !0),
-          S(" " + z(r.title) + " ", 1),
-          r.required ? (d(), t("span", ee, "*")) : m("", !0)
+          $(" " + w(r.title) + " ", 1),
+          r.required ? (d(), t("span", le, "*")) : m("", !0)
         ], 2),
-        R(p("div", de, [
-          S(z(r.helpText) + " ", 1),
-          u[2] || (u[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        W(h("div", ie, [
+          $(w(r.helpText) + " ", 1),
+          b[2] || (b[2] = h("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
-          [A, e.value && r.helpText]
+          [q, e.value && r.helpText]
         ])
       ], 32)) : m("", !0),
-      p("div", {
-        class: h(n.value)
+      h("div", {
+        class: f(i.value)
       }, [
-        _(s.$slots, "default", {}, void 0, !0)
+        j(a.$slots, "default", {}, void 0, !0)
       ], 2),
       r.error ? (d(), t("div", {
         key: 1,
-        class: h(v.value)
+        class: f(v.value)
       }, [
-        u[3] || (u[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)
+        b[3] || (b[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)),
+        $(" " + w(r.error), 1)
       ], 2)) : m("", !0)
     ], 2));
   }
-}), oe = (r, e) => {
-  const o = r.__vccOpts || r;
-  for (const [a, l] of e)
-    o[a] = l;
-  return o;
-}, De = /* @__PURE__ */ oe(te, [["__scopeId", "data-v-aa6b6cdc"]]), ke = `
+}), ce = (r, e) => {
+  const k = r.__vccOpts || r;
+  for (const [n, l] of e)
+    k[n] = l;
+  return k;
+}, qe = /* @__PURE__ */ ce(be, [["__scopeId", "data-v-aa6b6cdc"]]), ge = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Te = /* @__PURE__ */ j({
+`, Ee = /* @__PURE__ */ P({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -584,14 +584,14 @@ const H = { key: 1 }, G = `
     }
   },
   setup(r) {
-    const e = r, o = {
+    const e = r, k = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, a = {
+    }, n = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -620,18 +620,18 @@ const H = { key: 1 }, G = `
         danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
       }
     }, l = c(() => {
-      var n;
-      const g = ((n = a[e.variant]) == null ? void 0 : n[e.color]) || "", b = a[e.variant].base || "", y = o[e.rounded] || "";
-      return [ke, b, g, y].join(" ");
+      var i;
+      const u = ((i = n[e.variant]) == null ? void 0 : i[e.color]) || "", p = n[e.variant].base || "", x = k[e.rounded] || "";
+      return [ge, p, u, x].join(" ");
     });
-    return (g, b) => (d(), t("div", {
-      class: h(l.value),
+    return (u, p) => (d(), t("div", {
+      class: f(l.value),
       role: "alert"
     }, [
-      _(g.$slots, "default")
+      j(u.$slots, "default")
     ], 2));
   }
-}), ae = { 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" }, ne = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, Be = /* @__PURE__ */ j({
+}), pe = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, he = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, fe = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, Oe = /* @__PURE__ */ P({
   __name: "DuiTable",
   props: {
     columns: {
@@ -645,27 +645,27 @@ const H = { key: 1 }, G = `
   },
   setup(r) {
     const e = r;
-    return (o, a) => (d(), t("div", ae, [
-      p("table", se, [
-        p("thead", ne, [
-          p("tr", null, [
-            (d(!0), t($, null, B(e.columns, (l) => (d(), t("th", {
+    return (k, n) => (d(), t("div", pe, [
+      h("table", he, [
+        h("thead", fe, [
+          h("tr", null, [
+            (d(!0), t(_, null, T(e.columns, (l) => (d(), t("th", {
               key: l.name,
-              class: h(["dk:px-6 dk:py-3", l.classes])
-            }, z(l.label), 3))), 128))
+              class: f(["dk:px-6 dk:py-3", l.classes])
+            }, w(l.label), 3))), 128))
           ])
         ]),
-        p("tbody", null, [
-          (d(!0), t($, null, B(e.rows, (l, g) => (d(), t("tr", {
-            key: g,
+        h("tbody", null, [
+          (d(!0), t(_, null, T(e.rows, (l, u) => (d(), t("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"
           }, [
-            (d(!0), t($, null, B(e.columns, (b) => (d(), t("td", {
-              key: b.name,
+            (d(!0), t(_, null, T(e.columns, (p) => (d(), t("td", {
+              key: p.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              _(o.$slots, b.name, C({ ref_for: !0 }, l), () => [
-                S(z(l[b.name]), 1)
+              j(k.$slots, p.name, C({ ref_for: !0 }, l), () => [
+                $(w(l[p.name]), 1)
               ])
             ]))), 128))
           ]))), 128))
@@ -673,7 +673,7 @@ const H = { key: 1 }, G = `
       ])
     ]));
   }
-}), le = { key: 1 }, ie = `
+}), ve = { key: 1 }, me = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -684,7 +684,7 @@ const H = { key: 1 }, G = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, Le = /* @__PURE__ */ j({
+  dk:max-w-full`, Fe = /* @__PURE__ */ P({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -698,18 +698,18 @@ const H = { key: 1 }, G = `
     nuxt: { type: Boolean, default: !1 }
   },
   setup(r) {
-    const e = r, o = c(() => e.to ? O(e.to, e.nuxt) : "span"), a = c(() => W(e.to, o.value)), l = {
+    const e = r, k = c(() => e.to ? L(e.to, e.nuxt) : "span"), n = c(() => R(e.to, k.value)), l = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, g = {
+    }, u = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, b = {
+    }, p = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -881,52 +881,39 @@ const H = { key: 1 }, G = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, y = c(() => {
-      var f;
-      const n = (((f = b[e.variant]) == null ? void 0 : f[e.color]) || "") + " " + b[e.variant].base, v = l[e.size] || "", s = e.block ? "dk:block" : "dk:inline-block", u = g[e.rounded] || "";
-      return [ie, n, v, s, u].join(" ");
+    }, x = c(() => {
+      var z;
+      const i = (((z = p[e.variant]) == null ? void 0 : z[e.color]) || "") + " " + p[e.variant].base, v = l[e.size] || "", a = e.block ? "dk:block" : "dk:inline-block", b = u[e.rounded] || "";
+      return [me, i, v, a, b].join(" ");
     });
-    return (n, v) => (d(), V(D(o.value), C(a.value, {
-      class: y.value,
+    return (i, v) => (d(), V(B(k.value), C(n.value, {
+      class: x.value,
       title: e.title
     }), {
-      default: T(() => [
-        e.loading ? (d(), t("span", le, "Cargando...")) : _(n.$slots, "default", { key: 0 })
+      default: D(() => [
+        e.loading ? (d(), t("span", ve, "Cargando...")) : j(i.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), ue = {
+}), xe = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, ce = ["src", "alt"], Ne = /* @__PURE__ */ j({
+}, ye = ["src", "alt"], He = /* @__PURE__ */ P({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
     image: { default: void 0 },
     title: { default: void 0 },
     subtitle: { default: void 0 },
-    to: { default: void 0 }
+    to: { default: void 0 },
+    nuxt: { type: Boolean, default: !1 }
   },
   setup(r) {
-    const e = r, o = I(), a = o == null ? void 0 : o.appContext.app, l = c(() => {
-      try {
-        return !!(a != null && a.config.globalProperties.$router || a != null && a.config.globalProperties.$route || globalThis.VueRouter || a != null && a.component("RouterLink"));
-      } catch {
-        return !1;
-      }
-    }), g = c(() => {
-      try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || a != null && a.component("NuxtLink"));
-      } catch {
-        return !1;
-      }
-    }), b = () => e.to ? g.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "div", y = () => e.to ? g.value ? "NuxtLink" : l.value ? "RouterLink" : "a" : "h3", n = () => {
-      const k = {};
-      if (!e.to) return k;
-      const L = b();
-      return L === "a" ? k.href = typeof e.to == "string" ? e.to : "#" : (L === "RouterLink" || L === "NuxtLink") && (k.to = e.to), k;
-    }, v = {
+    const e = r, k = () => e.to ? L(e.to, e.nuxt) : "div", n = () => e.to ? L(e.to, e.nuxt) : "h3", l = () => {
+      const g = k();
+      return R(e.to, g);
+    }, u = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -948,131 +935,162 @@ const H = { key: 1 }, G = `
         subtitleSize: "dk:text-lg",
         contentSize: "dk:text-lg"
       }
-    }, s = c(() => [
-      // 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(" ")), u = c(() => [
-      "dk:w-full dk:h-48 dk:object-cover"
-    ].join(" ")), f = c(() => {
-      const k = v[e.size];
+    }, p = c(() => [
+      // Glassmorphism card styles (Windows Vista inspired)
+      "dk:relative dk:bg-gradient-to-br dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
+      "dk:dark:from-gray-700/60 dk:dark:via-gray-800/60 dk:dark:to-gray-900/60",
+      "dk:backdrop-blur-md dk:backdrop-brightness-110",
+      "dk:rounded-xl dk:border dk:border-white/40 dk:dark:border-white/10",
+      "dk:shadow-xl dk:shadow-black/10 dk:dark:shadow-black/30",
+      "dk:transition-all dk:duration-300",
+      "dk:hover:shadow-2xl dk:hover:shadow-black/15 dk:dark:hover:shadow-black/40",
+      "dk:hover:border-white/50 dk:dark:hover:border-white/20",
+      "dk:hover:backdrop-brightness-125 dk:dark:hover:backdrop-brightness-110",
+      "dk:overflow-hidden",
+      // Borde superior iluminado (highlight Vista)
+      "dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
+      "dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
+      "dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent"
+    ].join(" ")), x = c(() => [
+      "dk:w-full dk:h-48 dk:object-cover",
+      "dk:relative dk:z-10"
+    ].join(" ")), i = c(() => {
+      const g = u[e.size];
       return [
-        k.padding,
-        k.spacing
+        g.padding,
+        g.spacing,
+        // Glass effect for content wrapper
+        "dk:relative dk:z-10"
       ].join(" ");
-    }), N = c(() => [
-      v[e.size].spacing
-    ].join(" ")), P = c(() => {
-      const L = [
-        v[e.size].titleSize,
+    }), v = c(() => [
+      u[e.size].spacing
+    ].join(" ")), a = c(() => {
+      const M = [
+        u[e.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return e.to && L.push(
+      return e.to && M.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), L.join(" ");
-    }), M = c(() => {
-      const k = [
+      ), M.join(" ");
+    }), b = c(() => {
+      const g = [
         "dk:block",
-        "dk:transition-transform dk:duration-200",
-        "dk:hover:scale-105"
+        "dk:transition-transform dk:duration-300",
+        "dk:hover:scale-105",
+        "dk:relative dk:z-10"
       ];
-      return e.to && k.push("dk:no-underline"), k.join(" ");
-    }), x = c(() => [
-      v[e.size].subtitleSize,
+      return e.to && g.push("dk:no-underline"), g.join(" ");
+    }), z = c(() => [
+      u[e.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), w = c(() => [
-      v[e.size].contentSize,
+    ].join(" ")), A = c(() => [
+      u[e.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), i = c(() => [
-      "dk:border-t dk:border-gray-200 dk:dark:border-gray-700",
-      "dk:pt-3 dk:mt-3"
+    ].join(" ")), I = c(() => [
+      "dk:border-t dk:border-gray-300/40 dk:dark:border-white/10",
+      "dk:pt-3 dk:mt-3",
+      "dk:relative dk:z-10"
     ].join(" "));
-    return (k, L) => (d(), t("div", {
-      class: h(s.value)
+    return (g, M) => (d(), t("div", {
+      class: f(p.value)
     }, [
-      k.image ? (d(), t("div", ue, [
-        (d(), V(D(b()), C(n(), { class: M.value }), {
-          default: T(() => [
-            p("img", {
-              src: k.image,
-              alt: k.title || "Card image",
-              class: h(u.value)
-            }, null, 10, ce)
+      g.image ? (d(), t("div", xe, [
+        (d(), V(B(k()), C(l(), { class: b.value }), {
+          default: D(() => [
+            h("img", {
+              src: g.image,
+              alt: g.title || "Card image",
+              class: f(x.value)
+            }, null, 10, ye)
           ]),
           _: 1
         }, 16, ["class"]))
       ])) : m("", !0),
-      p("div", {
-        class: h(f.value)
+      h("div", {
+        class: f(i.value)
       }, [
-        k.title || k.subtitle ? (d(), t("div", {
+        g.title || g.subtitle ? (d(), t("div", {
           key: 0,
-          class: h(N.value)
+          class: f(v.value)
         }, [
-          k.title ? (d(), V(D(y()), C({ key: 0 }, n(), { class: P.value }), {
-            default: T(() => [
-              S(z(k.title), 1)
+          g.title ? (d(), V(B(n()), C({ key: 0 }, l(), { class: a.value }), {
+            default: D(() => [
+              $(w(g.title), 1)
             ]),
             _: 1
           }, 16, ["class"])) : m("", !0),
-          k.subtitle ? (d(), t("p", {
+          g.subtitle ? (d(), t("p", {
             key: 1,
-            class: h(x.value)
-          }, z(k.subtitle), 3)) : m("", !0)
+            class: f(z.value)
+          }, w(g.subtitle), 3)) : m("", !0)
         ], 2)) : m("", !0),
-        k.$slots.default ? (d(), t("div", {
+        g.$slots.default ? (d(), t("div", {
           key: 1,
-          class: h(w.value)
+          class: f(A.value)
         }, [
-          _(k.$slots, "default")
+          j(g.$slots, "default")
         ], 2)) : m("", !0),
-        k.$slots.footer ? (d(), t("div", {
+        g.$slots.footer ? (d(), t("div", {
           key: 2,
-          class: h(i.value)
+          class: f(I.value)
         }, [
-          _(k.$slots, "footer")
+          j(g.$slots, "footer")
         ], 2)) : m("", !0)
       ], 2)
     ], 2));
   }
-}), be = {
+}), ze = {
   key: 0,
-  class: "dk:flex dk:items-center dk:gap-4"
-}, ge = { class: "dk:hidden dk:md:flex dk:items-center dk:space-x-1" }, pe = {
+  class: "dk:flex dk:items-center dk:gap-4 dk:flex-shrink-0"
+}, we = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, Ce = {
   key: 0,
   class: "dk:relative dk:group"
-}, ve = { 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" }, xe = {
-  key: 2,
-  class: "dk:hidden dk:md:flex dk:items-center dk:gap-2"
-}, he = { 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" }, ye = { key: 0 }, fe = ["onClick"], ze = { class: "dk:flex dk:items-center dk:flex-1" }, we = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ce = {
+}, Se = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-48 dk:py-2 dk:mt-1 dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:rounded-lg dk:shadow-lg dk:border dk:border-white/40 dk:dark:border-white/10 dk:opacity-0 dk:invisible dk:group-hover:opacity-100 dk:group-hover:visible dk:transition-all dk:duration-200 dk:z-50" }, $e = {
+  key: 1,
+  class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
+}, _e = {
+  class: "dk:w-6 dk:h-6 dk:stroke-gray-900 dk:dark:stroke-white",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, je = ["d"], Pe = { class: "dk:md:hidden dk:absolute dk:top-full dk:left-0 dk:w-full dk:bg-gradient-to-b dk:from-white/95 dk:to-gray-50/95 dk:dark:from-gray-700/90 dk:dark:to-gray-800/90 dk:backdrop-blur-md dk:border-t dk:border-white/40 dk:dark:border-white/10 dk:shadow-lg dk:dark:shadow-black/30 dk:z-40" }, Ve = { class: "dk:px-4 dk:py-3 dk:space-y-2" }, Be = { key: 0 }, De = ["onClick"], Te = { class: "dk:flex dk:items-center" }, Me = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Ae = {
   key: 0,
-  class: "dk:pt-3 dk:border-t dk:border-gray-200 dk:dark:border-gray-700"
-}, Pe = /* @__PURE__ */ j({
+  class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
+}, Ue = /* @__PURE__ */ P({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
     size: { default: "m" },
-    nuxt: { type: Boolean, default: !1 }
+    nuxt: { type: Boolean, default: !1 },
+    itemsAlignment: { default: "left" },
+    underlineColor: { default: "primary" }
   },
   setup(r) {
-    const e = r, o = I(), a = q(!1), l = E({}), g = (x) => O(x.to, e.nuxt), b = (x) => {
-      const w = g(x);
-      return W(x.to, w);
-    }, y = () => {
-      a.value = !a.value;
-    }, n = () => {
-      a.value = !1, Object.keys(l).forEach((x) => {
-        l[x] = !1;
+    const e = r, k = E(!1), n = Y({}), l = (s) => L(s.to, e.nuxt), u = (s) => {
+      const S = l(s);
+      return R(s.to, S);
+    }, p = () => {
+      k.value = !k.value;
+    }, x = () => {
+      k.value = !1, Object.keys(n).forEach((s) => {
+        n[s] = !1;
       });
-    }, v = (x) => {
-      l[x] = !l[x];
-    }, s = {
+    }, i = (s) => {
+      n[s] = !n[s];
+    }, v = (s) => {
+      if (!s.to) return !1;
+      const S = typeof s.to == "string" ? s.to : s.to.path || "";
+      try {
+        if (typeof window < "u") {
+          const o = window.location.pathname;
+          return o === S || o.startsWith(S + "/");
+        }
+      } catch {
+      }
+      return !1;
+    }, a = {
       s: {
         height: "dk:h-12",
         padding: "dk:px-3",
@@ -1091,239 +1109,258 @@ const H = { key: 1 }, G = `
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, u = c(() => {
-      const x = s[e.size];
+    }, b = c(() => {
+      const s = a[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
-        !!(o != null && o.slots.brand || o != null && o.slots.actions) ? "dk:justify-between" : "dk:justify-center dk:md:justify-start",
-        x.height,
-        x.padding,
-        x.text
+        // Glassmorphism navbar styles (Windows Vista inspired)
+        "dk:relative dk:bg-gradient-to-b dk:from-white/80 dk:via-white/70 dk:to-gray-50/80",
+        "dk:dark:from-gray-700/60 dk:dark:via-gray-800/60 dk:dark:to-gray-900/60",
+        "dk:backdrop-blur-md dk:backdrop-brightness-110",
+        "dk:border-b dk:border-white/40 dk:dark:border-white/10",
+        "dk:shadow-lg dk:shadow-black/10 dk:dark:shadow-black/30",
+        // Borde superior iluminado (highlight Vista)
+        "dk:before:absolute dk:before:top-0 dk:before:left-0 dk:before:right-0 dk:before:h-0.5",
+        "dk:before:bg-gradient-to-r dk:before:from-white/60 dk:before:via-white/40 dk:before:to-transparent",
+        "dk:dark:before:from-white/20 dk:dark:before:via-white/10 dk:dark:before:to-transparent",
+        "dk:flex dk:items-center dk:w-full dk:gap-4",
+        s.height,
+        s.padding,
+        s.text
       ].join(" ");
-    }), f = c(() => [
-      // 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",
-      s[e.size].itemPadding
-    ].join(" ")), N = c(() => [
+    }), z = c(() => [
+      "dk:flex dk:items-center dk:space-x-1 dk:flex-1",
+      {
+        left: "dk:justify-start",
+        center: "dk:justify-center",
+        right: "dk:justify-end"
+      }[e.itemsAlignment]
+    ].join(" ")), A = () => {
+      const s = {
+        neutral: "dk:before:from-zinc-500 dk:before:to-zinc-600 dk:dark:before:from-zinc-400 dk:dark:before:to-zinc-500",
+        primary: "dk:before:from-slate-600 dk:before:to-slate-700 dk:dark:before:from-slate-400 dk:dark:before:to-slate-500",
+        secondary: "dk:before:from-pink-500 dk:before:to-pink-600 dk:dark:before:from-pink-400 dk:dark:before:to-pink-500",
+        success: "dk:before:from-emerald-500 dk:before:to-emerald-600 dk:dark:before:from-emerald-400 dk:dark:before:to-emerald-500",
+        danger: "dk:before:from-rose-500 dk:before:to-rose-600 dk:dark:before:from-rose-400 dk:dark:before:to-rose-500",
+        warning: "dk:before:from-amber-500 dk:before:to-amber-600 dk:dark:before:from-amber-400 dk:dark:before:to-amber-500"
+      };
+      return s[e.underlineColor] || s.primary;
+    }, I = c(() => {
+      const s = a[e.size], S = A();
+      return (o, y = !0) => {
+        const F = v(o), H = y ? "dk:pl-3" : "dk:pl-2", U = "dk:pr-3", G = y ? "dk:pl-2" : "dk:pl-1", J = "dk:pr-2", K = y ? "dk:pl-4" : "dk:pl-3", Q = "dk:pr-4";
+        let N = "";
+        return s.itemPadding.includes("px-2") ? N = `${G} ${J} dk:py-1.5` : s.itemPadding.includes("px-4") ? N = `${K} ${Q} dk:py-3` : N = `${H} ${U} dk:py-2`, [
+          // Block style with animated underline
+          "dk:flex dk:items-center dk:relative dk:transition-all dk:duration-300",
+          "dk:text-gray-700 dk:hover:text-gray-900 dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
+          "dk:focus:outline-none dk:focus:ring-2 dk:focus:ring-blue-400 dk:focus:ring-opacity-50 dk:dark:focus:ring-blue-300",
+          "dk:no-underline",
+          // Animated underline effect
+          "dk:before:absolute dk:before:bottom-0 dk:before:left-0 dk:before:h-0.5",
+          "dk:before:bg-gradient-to-r",
+          S,
+          "dk:before:transition-all dk:before:duration-300",
+          F ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
+          N
+        ].join(" ");
+      };
+    }), g = c(() => [
       "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 = c(() => [
-      "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"
+      "dk:text-gray-700 dk:hover:text-gray-900 dk:hover:bg-white/50 dk:dark:hover:bg-white/10",
+      "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
+      "dk:transition-all dk:duration-200 dk:no-underline",
+      "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500"
     ].join(" ")), M = c(() => [
+      "dk:flex dk:items-center dk:justify-start dk:w-full dk:text-left dk:px-3 dk:py-2",
+      "dk:text-gray-700 dk:hover:text-gray-900 dk:rounded-lg",
+      "dk:bg-white/10 dk:hover:bg-white/25 dk:dark:bg-white/5 dk:dark:hover:bg-white/15",
+      "dk:dark:text-gray-300 dk:dark:hover:text-gray-100",
+      "dk:border dk:border-white/20 dk:dark:border-white/10 dk:hover:border-white/40 dk:dark:hover:border-white/20",
+      "dk:transition-all dk:duration-200 dk:no-underline"
+    ].join(" ")), O = c(() => [
       "dk:block dk:w-full dk:text-left dk:px-3 dk:py-2 dk:text-sm dk:rounded-lg",
-      "dk:text-gray-600 dk:hover: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"
+      "dk:text-gray-600 dk:hover:text-gray-800 dk:hover:bg-white/30 dk:dark:hover:bg-white/10",
+      "dk:dark:text-gray-400 dk:dark:hover:text-gray-200",
+      "dk:border-l-2 dk:border-transparent dk:hover:border-blue-500",
+      "dk:transition-all dk:duration-200 dk:no-underline"
     ].join(" "));
-    return (x, w) => (d(), t("nav", {
-      class: h(u.value)
+    return (s, S) => (d(), t("nav", {
+      class: f(b.value)
     }, [
-      x.$slots.brand ? (d(), t("div", be, [
-        _(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: y
-        }, w[0] || (w[0] = [
-          p("span", { class: "dk:sr-only" }, "Open main menu", -1),
-          p("svg", {
-            class: "dk:w-5 dk:h-5",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24"
-          }, [
-            p("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              "stroke-width": "2",
-              d: "M4 6h16M4 12h16M4 18h16"
-            })
-          ], -1)
-        ]))
+      s.$slots.brand ? (d(), t("div", ze, [
+        j(s.$slots, "brand")
       ])) : m("", !0),
-      x.$slots.brand ? m("", !0) : (d(), t("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: y
-      }, w[1] || (w[1] = [
-        p("span", { class: "dk:sr-only" }, "Open main menu", -1),
-        p("svg", {
-          class: "dk:w-5 dk:h-5",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24"
-        }, [
-          p("path", {
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "stroke-width": "2",
-            d: "M4 6h16M4 12h16M4 18h16"
-          })
-        ], -1)
-      ]))),
-      p("div", ge, [
-        (d(!0), t($, null, B(x.items, (i) => (d(), t($, {
-          key: i.label
+      h("div", we, [
+        h("div", {
+          class: f(z.value)
         }, [
-          i.children && i.children.length > 0 ? (d(), t("div", pe, [
-            (d(), V(D(g(i)), C({ ref_for: !0 }, b(i), { class: f.value }), {
-              default: T(() => [
-                i.icon ? (d(), t("i", {
-                  key: 0,
-                  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",
-                  viewBox: "0 0 24 24"
-                }, [
-                  p("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    "stroke-width": "2",
-                    d: "M19 9l-7 7-7-7"
-                  })
-                ], -1))
-              ]),
-              _: 2
-            }, 1040, ["class"])),
-            p("div", ve, [
-              (d(!0), t($, null, B(i.children, (k) => (d(), V(D(g(k)), C({
-                key: k.label,
-                ref_for: !0
-              }, b(k), { class: N.value }), {
-                default: T(() => [
-                  k.icon ? (d(), t("i", {
+          (d(!0), t(_, null, T(s.items, (o) => (d(), t(_, {
+            key: o.label
+          }, [
+            o.children && o.children.length > 0 ? (d(), t("div", Ce, [
+              (d(), V(B(l(o)), C({ ref_for: !0 }, u(o), {
+                class: I.value(o, !0)
+              }), {
+                default: D(() => [
+                  o.icon ? (d(), t("i", {
                     key: 0,
-                    class: h([k.icon, "dk:mr-2"])
+                    class: f([o.icon, "dk:mr-2"])
                   }, null, 2)) : m("", !0),
-                  S(" " + z(k.label), 1)
+                  $(" " + w(o.label) + " ", 1),
+                  S[0] || (S[0] = 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"
+                  }, [
+                    h("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      "stroke-width": "2",
+                      d: "M19 9l-7 7-7-7"
+                    })
+                  ], -1))
                 ]),
                 _: 2
-              }, 1040, ["class"]))), 128))
-            ])
-          ])) : (d(), V(D(g(i)), C({
-            key: 1,
-            ref_for: !0
-          }, b(i), { class: f.value }), {
-            default: T(() => [
-              i.icon ? (d(), t("i", {
-                key: 0,
-                class: h([i.icon, "dk:mr-2"])
-              }, null, 2)) : m("", !0),
-              S(" " + z(i.label), 1)
-            ]),
-            _: 2
-          }, 1040, ["class"]))
-        ], 64))), 128))
+              }, 1040, ["class"])),
+              h("div", Se, [
+                (d(!0), t(_, null, T(o.children, (y) => (d(), V(B(l(y)), C({
+                  key: y.label,
+                  ref_for: !0
+                }, u(y), { class: g.value }), {
+                  default: D(() => [
+                    y.icon ? (d(), t("i", {
+                      key: 0,
+                      class: f([y.icon, "dk:mr-2"])
+                    }, null, 2)) : m("", !0),
+                    $(" " + w(y.label), 1)
+                  ]),
+                  _: 2
+                }, 1040, ["class"]))), 128))
+              ])
+            ])) : (d(), V(B(l(o)), C({
+              key: 1,
+              ref_for: !0
+            }, u(o), {
+              class: I.value(o, !1)
+            }), {
+              default: D(() => [
+                o.icon ? (d(), t("i", {
+                  key: 0,
+                  class: f([o.icon, "dk:mr-2"])
+                }, null, 2)) : m("", !0),
+                $(" " + w(o.label), 1)
+              ]),
+              _: 2
+            }, 1040, ["class"]))
+          ], 64))), 128))
+        ], 2)
       ]),
-      x.$slots.actions ? (d(), t("div", xe, [
-        _(x.$slots, "actions")
+      s.$slots.actions ? (d(), t("div", $e, [
+        j(s.$slots, "actions")
       ])) : m("", !0),
-      R(p("div", he, [
-        p("div", me, [
-          (d(!0), t($, null, B(x.items, (i) => (d(), t($, {
-            key: i.label
+      h("button", {
+        type: "button",
+        onClick: p,
+        class: "dk:md:hidden dk:ml-auto dk:flex-shrink-0 dk:p-2 dk:rounded-md dk:hover:bg-gray-100 dk:dark:hover:bg-gray-700 dk:transition-colors"
+      }, [
+        (d(), t("svg", _e, [
+          h("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: k.value ? "M6 18L18 6M6 6l12 12" : "M4 6h16M4 12h16M4 18h16"
+          }, null, 8, je)
+        ]))
+      ]),
+      W(h("div", Pe, [
+        h("div", Ve, [
+          (d(!0), t(_, null, T(s.items, (o) => (d(), t(_, {
+            key: o.label
           }, [
-            i.children && i.children.length > 0 ? (d(), t("div", ye, [
-              p("button", {
+            o.children && o.children.length > 0 ? (d(), t("div", Be, [
+              h("button", {
                 type: "button",
-                onClick: (k) => v(i.label),
-                class: h(P.value)
+                onClick: (y) => i(o.label),
+                class: f([M.value, "dk:justify-between"])
               }, [
-                p("div", ze, [
-                  i.icon ? (d(), t("i", {
+                h("div", Te, [
+                  o.icon ? (d(), t("i", {
                     key: 0,
-                    class: h([i.icon, "dk:mr-2"])
+                    class: f([o.icon, "dk:mr-2"])
                   }, null, 2)) : m("", !0),
-                  S(" " + z(i.label), 1)
+                  $(" " + w(o.label), 1)
                 ]),
                 (d(), t("svg", {
-                  class: h(["dk:w-4 dk:h-4 dk:transform dk:transition-transform", l[i.label] ? "dk:rotate-180" : ""]),
+                  class: f(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", n[o.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, w[3] || (w[3] = [
-                  p("path", {
+                }, S[1] || (S[1] = [
+                  h("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: "M19 9l-7 7-7-7"
                   }, null, -1)
                 ]), 2))
-              ], 10, fe),
-              R(p("div", we, [
-                (d(!0), t($, null, B(i.children, (k) => (d(), V(D(g(k)), C({
-                  key: k.label,
+              ], 10, De),
+              W(h("div", Me, [
+                (d(!0), t(_, null, T(o.children, (y) => (d(), V(B(l(y)), C({
+                  key: y.label,
                   ref_for: !0
-                }, b(k), {
-                  class: M.value,
-                  onClick: n
+                }, u(y), {
+                  class: O.value,
+                  onClick: x
                 }), {
-                  default: T(() => [
-                    k.icon ? (d(), t("i", {
+                  default: D(() => [
+                    y.icon ? (d(), t("i", {
                       key: 0,
-                      class: h([k.icon, "dk:mr-2"])
+                      class: f([y.icon, "dk:mr-2"])
                     }, null, 2)) : m("", !0),
-                    S(" " + z(k.label), 1)
+                    $(" " + w(y.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [A, l[i.label]]
+                [q, n[o.label]]
               ])
-            ])) : (d(), V(D(g(i)), C({
+            ])) : (d(), V(B(l(o)), C({
               key: 1,
               ref_for: !0
-            }, b(i), {
-              class: P.value,
-              onClick: n
+            }, u(o), {
+              class: M.value,
+              onClick: x
             }), {
-              default: T(() => [
-                i.icon ? (d(), t("i", {
+              default: D(() => [
+                o.icon ? (d(), t("i", {
                   key: 0,
-                  class: h([i.icon, "dk:mr-2"])
+                  class: f([o.icon, "dk:mr-2"])
                 }, null, 2)) : m("", !0),
-                S(" " + z(i.label), 1)
+                $(" " + w(o.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          x.$slots.actions ? (d(), t("div", Ce, [
-            _(x.$slots, "actions")
+          s.$slots.actions ? (d(), t("div", Ae, [
+            j(s.$slots, "actions")
           ])) : m("", !0)
         ])
       ], 512), [
-        [A, a.value]
+        [q, k.value]
       ])
     ], 2));
   }
 });
 export {
-  Le as DuiAction,
-  Te as DuiAlert,
-  $e as DuiButton,
-  Ne as DuiCard,
-  _e as DuiInput,
-  De as DuiLabel,
-  Pe as DuiNavbar,
-  Ve as DuiSelect,
-  Be as DuiTable,
-  je as DuiTextarea
+  Fe as DuiAction,
+  Ee as DuiAlert,
+  Ie as DuiButton,
+  He as DuiCard,
+  Ne as DuiInput,
+  qe as DuiLabel,
+  Ue as DuiNavbar,
+  We as DuiSelect,
+  Oe as DuiTable,
+  Re as DuiTextarea
 };