@dronico/droni-kit 1.9.1 → 1.11.0

package/dist/droni-kit.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as f, getCurrentInstance as B, computed as b, createBlock as N, openBlock as a, resolveDynamicComponent as L, mergeProps as V, withCtx as T, renderSlot as $, createElementBlock as o, createCommentVNode as v, createElementVNode as h, normalizeClass as m, createTextVNode as q, toDisplayString as y, Fragment as w, renderList as C } from "vue";
-const D = { key: 1 }, R = `
+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 = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -10,7 +10,7 @@ const D = { key: 1 }, R = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, te = /* @__PURE__ */ f({
+  dk:max-w-full`, $e = /* @__PURE__ */ R({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -24,36 +24,36 @@ const D = { key: 1 }, R = `
     rounded: { default: "all" },
     to: { default: void 0 }
   },
-  setup(u) {
-    const d = u, e = B(), t = e == null ? void 0 : e.appContext.app, n = b(() => {
+  setup(f) {
+    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = n(() => {
       try {
-        return !!(t != null && t.config.globalProperties.$router || t != null && t.config.globalProperties.$route || globalThis.VueRouter || // Check if RouterLink component is globally registered
-        t != null && t.component("RouterLink"));
+        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"));
       } catch {
         return !1;
       }
-    }), c = b(() => {
+    }), c = n(() => {
       try {
         return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || // Check if NuxtLink component is globally available
-        t != null && t.component("NuxtLink"));
+        d != null && d.component("NuxtLink"));
       } catch {
         return !1;
       }
-    }), l = b(() => d.to ? c.value ? "NuxtLink" : n.value ? "RouterLink" : "a" : "button"), g = b(() => {
-      const r = {};
-      return l.value === "button" ? r.type = d.type : l.value === "a" ? (r.href = typeof d.to == "string" ? d.to : "#", r.role = "button") : r.to = d.to, r;
-    }), p = {
+    }), 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 = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, x = {
+    }, y = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, k = {
+    }, i = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -225,26 +225,26 @@ const D = { key: 1 }, R = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, s = b(() => {
-      var S;
-      const r = (((S = k[d.variant]) == null ? void 0 : S[d.color]) || "") + " " + k[d.variant].base, i = p[d.size] || "", z = d.block ? "dk:w-full" : "", _ = x[d.rounded] || "";
-      return [R, r, i, z, _].join(" ");
+    }, 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(" ");
     });
-    return (r, i) => (a(), N(L(l.value), V(g.value, {
-      class: s.value,
-      title: d.title,
-      disabled: d.disabled || d.loading
+    return (k, h) => (t(), L(V(b.value), j(z.value, {
+      class: p.value,
+      title: r.title,
+      disabled: r.disabled || r.loading
     }), {
-      default: T(() => [
-        d.loading ? (a(), o("span", D, "Cargando...")) : $(r.$slots, "default", { key: 0 })
+      default: B(() => [
+        r.loading ? (t(), a("span", H, "Cargando...")) : q(k.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), j = ["for"], A = {
+}), G = ["for"], J = {
   key: 0,
   class: "dk:text-rose-500"
-}, P = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], I = `
+}, K = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], Q = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -256,7 +256,7 @@ const D = { key: 1 }, R = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, ae = /* @__PURE__ */ f({
+  dk:dark:[color-scheme:dark]`, je = /* @__PURE__ */ R({
   __name: "DuiInput",
   props: {
     modelValue: {
@@ -329,47 +329,47 @@ const D = { key: 1 }, R = `
     }
   },
   emits: ["update:modelValue"],
-  setup(u, { emit: d }) {
-    const e = u, t = d;
-    function n(k) {
-      const s = k.target;
-      t("update:modelValue", s.value);
+  setup(f, { emit: r }) {
+    const e = f, d = r;
+    function l(i) {
+      const p = i.target;
+      d("update:modelValue", p.value);
     }
     const c = {
       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"
-    }, l = {
+    }, b = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, g = {
+    }, z = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, p = b(() => {
-      const k = c[e.size] || "", s = e.block ? "dk:w-full" : "", r = l[e.rounded] || "";
-      return [I, k, s, r].join(" ");
-    }), x = b(() => {
-      const k = g[e.size] || "", s = e.block ? "dk:w-full" : "";
-      return [k, s].join(" ");
+    }, 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(" ");
     });
-    return (k, s) => (a(), o("div", null, [
-      e.label ? (a(), o("label", {
+    return (i, p) => (t(), a("div", null, [
+      e.label ? (t(), a("label", {
         key: 0,
         for: e.id,
-        class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: g([y.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        q(y(e.label) + " ", 1),
-        e.required ? (a(), o("span", A, "*")) : v("", !0)
-      ], 10, j)) : v("", !0),
-      h("input", {
+        C(w(e.label) + " ", 1),
+        e.required ? (t(), a("span", J, "*")) : x("", !0)
+      ], 10, G)) : x("", !0),
+      u("input", {
         type: e.type,
-        class: m(p.value),
-        value: u.modelValue,
+        class: g(v.value),
+        value: f.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -383,14 +383,14 @@ const D = { key: 1 }, R = `
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onInput: n
-      }, null, 42, P)
+        onInput: l
+      }, null, 42, K)
     ]));
   }
-}), E = ["for"], F = {
+}), U = ["for"], X = {
   key: 0,
   class: "dk:text-rose-500"
-}, H = ["value", "disabled", "placeholder", "required", "name", "id", "readonly", "aria-label", "aria-disabled", "aria-required"], G = `
+}, Y = ["value", "disabled", "placeholder", "required", "name", "id", "readonly", "aria-label", "aria-disabled", "aria-required"], Z = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -402,7 +402,7 @@ const D = { key: 1 }, R = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, oe = /* @__PURE__ */ f({
+  dk:dark:[color-scheme:dark]`, Te = /* @__PURE__ */ R({
   __name: "DuiTextarea",
   props: {
     modelValue: {
@@ -459,53 +459,53 @@ const D = { key: 1 }, R = `
     }
   },
   emits: ["update:modelValue"],
-  setup(u, { emit: d }) {
-    const e = u, t = d;
-    function n(r) {
-      const i = r.target;
-      e.autoheight && s(i), t("update:modelValue", i.value);
+  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);
     }
     const c = {
       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"
-    }, l = {
+    }, b = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, g = {
+    }, z = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, p = {
+    }, v = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, x = b(() => {
-      const r = c[e.size] || "", i = e.block ? "dk:w-full" : "", z = l[e.rounded] || "", _ = p[e.resize] || "";
-      return [G, r, i, z, _].join(" ");
-    }), k = b(() => {
-      const r = g[e.size] || "", i = e.block ? "dk:w-full" : "";
-      return [r, i].join(" ");
-    }), s = (r) => {
-      r.style.height = "auto", r.style.height = `${r.scrollHeight + 5}px`;
+    }, 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`;
     };
-    return (r, i) => (a(), o("div", null, [
-      e.label ? (a(), o("label", {
+    return (k, h) => (t(), a("div", null, [
+      e.label ? (t(), a("label", {
         key: 0,
         for: e.id,
-        class: m([k.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: g([i.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        q(y(e.label) + " ", 1),
-        e.required ? (a(), o("span", F, "*")) : v("", !0)
-      ], 10, E)) : v("", !0),
-      h("textarea", {
-        class: m(x.value),
-        value: u.modelValue,
+        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,
@@ -515,11 +515,263 @@ const D = { key: 1 }, R = `
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onInput: n
-      }, null, 42, H)
+        onInput: l
+      }, null, 42, Y)
     ]));
   }
-}), J = { key: 1 }, K = `
+}), ee = ["for"], de = {
+  key: 0,
+  class: "dk:text-rose-500"
+}, re = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], te = {
+  key: 0,
+  disabled: "",
+  selected: "",
+  hidden: ""
+}, oe = ["value", "selected"], ae = `
+  dk:border-b
+  dk:border-zinc-300
+  dk:bg-zinc-50
+  dk:text-zinc-800
+  dk:focus:outline-none
+  dk:focus:bg-zinc-100
+  dk:dark:bg-zinc-700
+  dk:dark:border-zinc-600
+  dk:dark:bg-zinc-800
+  dk:dark:text-zinc-100
+  dk:dark:focus:bg-zinc-700
+  dk:dark:[color-scheme:dark]
+`, Ne = /* @__PURE__ */ R({
+  __name: "DuiSelect",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    size: {
+      type: String,
+      default: "md"
+    },
+    block: {
+      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"
+    },
+    itemLabel: {
+      type: String,
+      default: "label"
+    },
+    itemValue: {
+      type: String,
+      default: "value"
+    }
+  },
+  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);
+    }
+    const c = {
+      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 = {
+      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(" ");
+    });
+    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", 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
+      }, [
+        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)
+    ]));
+  }
+}), ke = `
+  dk:px-4
+  dk:py-3
+  dk:text-sm
+  dk:leading-relaxed
+  dk:max-w-full
+`, Le = /* @__PURE__ */ R({
+  __name: "DuiAlert",
+  props: {
+    variant: {
+      type: String,
+      default: "solid"
+    },
+    color: {
+      type: String,
+      default: "neutral"
+    },
+    rounded: {
+      type: String,
+      default: "all"
+    }
+  },
+  setup(f) {
+    const r = f, e = {
+      all: "dk:rounded",
+      top: "dk:rounded-t",
+      bottom: "dk:rounded-b",
+      left: "dk:rounded-l",
+      right: "dk:rounded-r",
+      none: "dk:rounded-none"
+    }, d = {
+      solid: {
+        base: "",
+        neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
+        primary: "dk:bg-slate-200 dk:text-slate-800 dk:dark:bg-slate-700 dk:dark:text-slate-100",
+        secondary: "dk:bg-pink-200 dk:text-pink-800 dk:dark:bg-pink-700 dk:dark:text-pink-100",
+        success: "dk:bg-emerald-200 dk:text-emerald-800 dk:dark:bg-emerald-700 dk:dark:text-emerald-100",
+        warning: "dk:bg-amber-200 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",
+        danger: "dk:bg-rose-200 dk:text-rose-800 dk:dark:bg-rose-700 dk:dark:text-rose-100"
+      },
+      outline: {
+        base: "dk:border",
+        neutral: "dk:border-zinc-400 dk:text-zinc-700 dk:dark:border-zinc-500 dk:dark:text-zinc-200",
+        primary: "dk:border-slate-400 dk:text-slate-700 dk:dark:border-slate-500 dk:dark:text-slate-200",
+        secondary: "dk:border-pink-400 dk:text-pink-700 dk:dark:border-pink-500 dk:dark:text-pink-200",
+        success: "dk:border-green-400 dk:text-green-700 dk:dark:border-green-500 dk:dark:text-green-200",
+        warning: "dk:border-yellow-400 dk:text-yellow-700 dk:dark:border-yellow-500 dk:dark:text-yellow-200",
+        danger: "dk:border-red-400 dk:text-red-700 dk:dark:border-red-500 dk:dark:text-red-200"
+      },
+      ghost: {
+        base: "",
+        neutral: "dk:text-zinc-700 dk:dark:text-zinc-200 dk:bg-zinc-50 dk:dark:bg-zinc-800",
+        primary: "dk:text-slate-700 dk:dark:text-slate-200 dk:bg-slate-50 dk:dark:bg-slate-800",
+        secondary: "dk:text-pink-700 dk:dark:text-pink-200 dk:bg-pink-50 dk:dark:bg-pink-800",
+        success: "dk:text-emerald-700 dk:dark:text-emerald-200 dk:bg-emerald-50 dk:dark:bg-emerald-800",
+        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(" ");
+    });
+    return (c, b) => (t(), a("div", {
+      class: g(l.value),
+      role: "alert"
+    }, [
+      q(c.$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({
+  __name: "DuiTable",
+  props: {
+    columns: {
+      type: Array,
+      required: !0
+    },
+    rows: {
+      type: Array,
+      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))
+          ])
+        ]),
+        u("tbody", null, [
+          (t(!0), a($, null, D(r.rows, (l, c) => (t(), a("tr", {
+            key: c,
+            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,
+              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)
+              ])
+            ]))), 128))
+          ]))), 128))
+        ])
+      ])
+    ]));
+  }
+}), ie = { key: 1 }, ue = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -530,7 +782,7 @@ const D = { key: 1 }, R = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ke = /* @__PURE__ */ f({
+  dk:max-w-full`, Be = /* @__PURE__ */ R({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -542,34 +794,34 @@ const D = { key: 1 }, R = `
     rounded: { default: "all" },
     to: { default: void 0 }
   },
-  setup(u) {
-    const d = u, e = B(), t = e == null ? void 0 : e.appContext.app, n = b(() => {
+  setup(f) {
+    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = n(() => {
       try {
-        return !!(t != null && t.config.globalProperties.$router || t != null && t.config.globalProperties.$route || globalThis.VueRouter || t != null && t.component("RouterLink"));
+        return !!(d != null && d.config.globalProperties.$router || d != null && d.config.globalProperties.$route || globalThis.VueRouter || d != null && d.component("RouterLink"));
       } catch {
         return !1;
       }
-    }), c = b(() => {
+    }), c = n(() => {
       try {
-        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || t != null && t.component("NuxtLink"));
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || d != null && d.component("NuxtLink"));
       } catch {
         return !1;
       }
-    }), l = b(() => d.to ? c.value ? "NuxtLink" : n.value ? "RouterLink" : "a" : "span"), g = b(() => {
-      const r = {};
-      return l.value === "a" ? (r.href = typeof d.to == "string" ? d.to : "#", r.role = "button") : l.value !== "span" && (r.to = d.to), r;
-    }), p = {
+    }), 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 = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, x = {
+    }, y = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, k = {
+    }, i = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -741,280 +993,456 @@ const D = { key: 1 }, R = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, s = b(() => {
-      var S;
-      const r = (((S = k[d.variant]) == null ? void 0 : S[d.color]) || "") + " " + k[d.variant].base, i = p[d.size] || "", z = d.block ? "dk:block" : "dk:inline-block", _ = x[d.rounded] || "";
-      return [K, r, i, z, _].join(" ");
+    }, 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(" ");
     });
-    return (r, i) => (a(), N(L(l.value), V(g.value, {
-      class: s.value,
-      title: d.title
+    return (k, h) => (t(), L(V(b.value), j(z.value, {
+      class: p.value,
+      title: r.title
     }), {
-      default: T(() => [
-        d.loading ? (a(), o("span", J, "Cargando...")) : $(r.$slots, "default", { key: 0 })
+      default: B(() => [
+        r.loading ? (t(), a("span", ie, "Cargando...")) : q(k.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), M = ["for"], O = {
-  key: 0,
-  class: "dk:text-rose-500"
-}, Q = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], U = {
+}), ce = {
   key: 0,
-  disabled: "",
-  selected: "",
-  hidden: ""
-}, W = ["value", "selected"], X = `
-  dk:border-b
-  dk:border-zinc-300
-  dk:bg-zinc-50
-  dk:text-zinc-800
-  dk:focus:outline-none
-  dk:focus:bg-zinc-100
-  dk:dark:bg-zinc-700
-  dk:dark:border-zinc-600
-  dk:dark:bg-zinc-800
-  dk:dark:text-zinc-100
-  dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]
-`, le = /* @__PURE__ */ f({
-  __name: "DuiSelect",
+  class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
+}, be = ["src", "alt"], qe = /* @__PURE__ */ R({
+  __name: "DuiCard",
   props: {
-    modelValue: {
-      type: [String, Number],
-      default: ""
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    block: {
-      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"
-    },
-    itemLabel: {
-      type: String,
-      default: "label"
-    },
-    itemValue: {
-      type: String,
-      default: "value"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(u, { emit: d }) {
-    const e = u, t = d;
-    function n(k) {
-      const r = k.target.value, i = Number(r);
-      !isNaN(i) && r !== "" ? t("update:modelValue", i) : t("update:modelValue", r);
-    }
-    const c = {
-      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"
-    }, l = {
-      all: "dk:rounded",
-      top: "dk:rounded-t",
-      bottom: "dk:rounded-b",
-      left: "dk:rounded-l",
-      right: "dk:rounded-r",
-      none: "dk:rounded-none"
-    }, g = {
-      sm: "dk:text-sm dk:pb-0.5",
-      md: "dk:text-base dk:pb-1",
-      lg: "dk:text-lg dk:pb-2"
-    }, p = b(() => {
-      const k = c[e.size] || "", s = e.block ? "dk:w-full" : "", r = l[e.rounded] || "";
-      return [X, k, s, r].join(" ");
-    }), x = b(() => {
-      const k = g[e.size] || "", s = e.block ? "dk:w-full" : "";
-      return [k, s].join(" ");
-    });
-    return (k, s) => (a(), o("div", null, [
-      e.label ? (a(), o("label", {
-        key: 0,
-        for: e.id,
-        class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
-      }, [
-        q(y(e.label) + " ", 1),
-        e.required ? (a(), o("span", O, "*")) : v("", !0)
-      ], 10, M)) : v("", !0),
-      h("select", {
-        id: e.id,
-        name: e.name,
-        disabled: e.disabled,
-        required: e.required,
-        class: m(p.value),
-        readonly: e.readonly,
-        "aria-label": e.label || "select input",
-        "aria-disabled": e.disabled,
-        "aria-required": e.required,
-        onChange: n
-      }, [
-        e.placeholder ? (a(), o("option", U, y(e.placeholder), 1)) : v("", !0),
-        (a(!0), o(w, null, C(e.options, (r, i) => (a(), o("option", {
-          key: i,
-          value: r[e.itemValue] ?? "",
-          selected: r[e.itemValue] == e.modelValue
-        }, y(r[e.itemLabel] ?? ""), 9, W))), 128))
-      ], 42, Q)
-    ]));
-  }
-}), Y = `
-  dk:px-4
-  dk:py-3
-  dk:text-sm
-  dk:leading-relaxed
-  dk:max-w-full
-`, ne = /* @__PURE__ */ f({
-  __name: "DuiAlert",
-  props: {
-    variant: {
-      type: String,
-      default: "solid"
-    },
-    color: {
-      type: String,
-      default: "neutral"
-    },
-    rounded: {
-      type: String,
-      default: "all"
-    }
+    size: { default: "m" },
+    image: { default: void 0 },
+    title: { default: void 0 },
+    subtitle: { default: void 0 },
+    to: { default: void 0 }
   },
-  setup(u) {
-    const d = u, e = {
-      all: "dk:rounded",
-      top: "dk:rounded-t",
-      bottom: "dk:rounded-b",
-      left: "dk:rounded-l",
-      right: "dk:rounded-r",
-      none: "dk:rounded-none"
-    }, t = {
-      solid: {
-        base: "",
-        neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
-        primary: "dk:bg-slate-200 dk:text-slate-800 dk:dark:bg-slate-700 dk:dark:text-slate-100",
-        secondary: "dk:bg-pink-200 dk:text-pink-800 dk:dark:bg-pink-700 dk:dark:text-pink-100",
-        success: "dk:bg-emerald-200 dk:text-emerald-800 dk:dark:bg-emerald-700 dk:dark:text-emerald-100",
-        warning: "dk:bg-amber-200 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",
-        danger: "dk:bg-rose-200 dk:text-rose-800 dk:dark:bg-rose-700 dk:dark:text-rose-100"
+  setup(f) {
+    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = n(() => {
+      try {
+        return !!(d != null && d.config.globalProperties.$router || d != null && d.config.globalProperties.$route || globalThis.VueRouter || d != null && d.component("RouterLink"));
+      } catch {
+        return !1;
+      }
+    }), c = n(() => {
+      try {
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || d != null && d.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 = {
+      s: {
+        padding: "dk:p-3",
+        spacing: "dk:space-y-2",
+        titleSize: "dk:text-base",
+        subtitleSize: "dk:text-sm",
+        contentSize: "dk:text-sm"
       },
-      outline: {
-        base: "dk:border",
-        neutral: "dk:border-zinc-400 dk:text-zinc-700 dk:dark:border-zinc-500 dk:dark:text-zinc-200",
-        primary: "dk:border-slate-400 dk:text-slate-700 dk:dark:border-slate-500 dk:dark:text-slate-200",
-        secondary: "dk:border-pink-400 dk:text-pink-700 dk:dark:border-pink-500 dk:dark:text-pink-200",
-        success: "dk:border-green-400 dk:text-green-700 dk:dark:border-green-500 dk:dark:text-green-200",
-        warning: "dk:border-yellow-400 dk:text-yellow-700 dk:dark:border-yellow-500 dk:dark:text-yellow-200",
-        danger: "dk:border-red-400 dk:text-red-700 dk:dark:border-red-500 dk:dark:text-red-200"
+      m: {
+        padding: "dk:p-4",
+        spacing: "dk:space-y-3",
+        titleSize: "dk:text-lg",
+        subtitleSize: "dk:text-base",
+        contentSize: "dk:text-base"
       },
-      ghost: {
-        base: "",
-        neutral: "dk:text-zinc-700 dk:dark:text-zinc-200 dk:bg-zinc-50 dk:dark:bg-zinc-800",
-        primary: "dk:text-slate-700 dk:dark:text-slate-200 dk:bg-slate-50 dk:dark:bg-slate-800",
-        secondary: "dk:text-pink-700 dk:dark:text-pink-200 dk:bg-pink-50 dk:dark:bg-pink-800",
-        success: "dk:text-emerald-700 dk:dark:text-emerald-200 dk:bg-emerald-50 dk:dark:bg-emerald-800",
-        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: {
+        padding: "dk:p-6",
+        spacing: "dk:space-y-4",
+        titleSize: "dk:text-xl",
+        subtitleSize: "dk:text-lg",
+        contentSize: "dk:text-lg"
       }
-    }, n = b(() => {
-      var p;
-      const c = ((p = t[d.variant]) == null ? void 0 : p[d.color]) || "", l = t[d.variant].base || "", g = e[d.rounded] || "";
-      return [Y, l, c, g].join(" ");
-    });
-    return (c, l) => (a(), o("div", {
-      class: m(n.value),
-      role: "alert"
+    }, i = 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(() => [
+      "dk:w-full dk:h-48 dk:object-cover"
+    ].join(" ")), k = n(() => {
+      const o = y[r.size];
+      return [
+        o.padding,
+        o.spacing
+      ].join(" ");
+    }), h = n(() => [
+      y[r.size].spacing
+    ].join(" ")), T = n(() => {
+      const m = [
+        y[r.size].titleSize,
+        "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
+        "dk:line-clamp-2"
+      ];
+      return r.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,
+      "dk:text-gray-600 dk:dark:text-gray-400",
+      "dk:line-clamp-3"
+    ].join(" ")), P = n(() => [
+      y[r.size].contentSize,
+      "dk:text-gray-700 dk:dark:text-gray-300"
+    ].join(" ")), A = 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)
     }, [
-      $(c.$slots, "default")
+      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)
+          ]),
+          _: 1
+        }, 16, ["class"]))
+      ])) : x("", !0),
+      u("div", {
+        class: g(k.value)
+      }, [
+        o.title || o.subtitle ? (t(), a("div", {
+          key: 0,
+          class: g(h.value)
+        }, [
+          o.title ? (t(), L(V(z()), j({ key: 0 }, v(), { class: T.value }), {
+            default: B(() => [
+              C(w(o.title), 1)
+            ]),
+            _: 1
+          }, 16, ["class"])) : x("", !0),
+          o.subtitle ? (t(), a("p", {
+            key: 1,
+            class: g(N.value)
+          }, w(o.subtitle), 3)) : x("", !0)
+        ], 2)) : x("", !0),
+        o.$slots.default ? (t(), a("div", {
+          key: 1,
+          class: g(P.value)
+        }, [
+          q(o.$slots, "default")
+        ], 2)) : x("", !0),
+        o.$slots.footer ? (t(), a("div", {
+          key: 2,
+          class: g(A.value)
+        }, [
+          q(o.$slots, "footer")
+        ], 2)) : x("", !0)
+      ], 2)
     ], 2));
   }
-}), Z = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, ee = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, de = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, se = /* @__PURE__ */ f({
-  __name: "DuiTable",
+}), ge = {
+  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 = {
+  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 = {
+  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 = {
+  key: 0,
+  class: "dk:pt-3 dk:border-t dk:border-gray-200 dk:dark:border-gray-700"
+}, Re = /* @__PURE__ */ R({
+  __name: "DuiNavbar",
   props: {
-    columns: {
-      type: Array,
-      required: !0
-    },
-    rows: {
-      type: Array,
-      required: !0
-    }
+    items: { default: () => [] },
+    size: { default: "m" }
   },
-  setup(u) {
-    const d = u;
-    return (e, t) => (a(), o("div", Z, [
-      h("table", ee, [
-        h("thead", de, [
-          h("tr", null, [
-            (a(!0), o(w, null, C(d.columns, (n) => (a(), o("th", {
-              key: n.name,
-              class: m(["dk:px-6 dk:py-3", n.classes])
-            }, y(n.label), 3))), 128))
-          ])
-        ]),
-        h("tbody", null, [
-          (a(!0), o(w, null, C(d.rows, (n, c) => (a(), o("tr", {
-            key: c,
-            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"
+  setup(f) {
+    const r = f, e = M(), d = e == null ? void 0 : e.appContext.app, l = E(!1), c = F({}), b = n(() => {
+      try {
+        return !!(d != null && d.config.globalProperties.$router || d != null && d.config.globalProperties.$route || globalThis.VueRouter || d != null && d.component("RouterLink"));
+      } catch {
+        return !1;
+      }
+    }), z = n(() => {
+      try {
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || d != null && d.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;
+      });
+    }, k = (o) => {
+      c[o] = !c[o];
+    }, h = {
+      s: {
+        height: "dk:h-12",
+        padding: "dk:px-3",
+        text: "dk:text-sm",
+        itemPadding: "dk:px-2 dk:py-1.5"
+      },
+      m: {
+        height: "dk:h-16",
+        padding: "dk:px-4",
+        text: "dk:text-base",
+        itemPadding: "dk:px-3 dk:py-2"
+      },
+      l: {
+        height: "dk:h-20",
+        padding: "dk:px-6",
+        text: "dk:text-lg",
+        itemPadding: "dk:px-4 dk:py-3"
+      }
+    }, T = n(() => {
+      const o = h[r.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
+      ].join(" ");
+    }), S = 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(() => [
+      "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(() => [
+      "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(() => [
+      "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)
+    }, [
+      o.$slots.brand ? (t(), a("div", ge, [
+        q(o.$slots, "brand"),
+        u("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
+        }, m[0] || (m[0] = [
+          u("span", { class: "dk:sr-only" }, "Open main menu", -1),
+          u("svg", {
+            class: "dk:w-5 dk:h-5",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
           }, [
-            (a(!0), o(w, null, C(d.columns, (l) => (a(), o("td", {
-              key: l.name,
-              class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
-            }, [
-              $(e.$slots, l.name, V({ ref_for: !0 }, n), () => [
-                q(y(n[l.name]), 1)
+            u("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M4 6h16M4 12h16M4 18h16"
+            })
+          ], -1)
+        ]))
+      ])) : x("", !0),
+      o.$slots.brand ? x("", !0) : (t(), a("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
+      }, m[1] || (m[1] = [
+        u("span", { class: "dk:sr-only" }, "Open main menu", -1),
+        u("svg", {
+          class: "dk:w-5 dk:h-5",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24"
+        }, [
+          u("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": "2",
+            d: "M4 6h16M4 12h16M4 18h16"
+          })
+        ], -1)
+      ]))),
+      u("div", pe, [
+        (t(!0), a($, null, D(o.items, (s) => (t(), a($, {
+          key: s.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", {
+                  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: "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", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    "stroke-width": "2",
+                    d: "M19 9l-7 7-7-7"
+                  })
+                ], -1))
+              ]),
+              _: 2
+            }, 1040, ["class"])),
+            u("div", xe, [
+              (t(!0), a($, null, D(s.children, (_) => (t(), L(V(v(_)), j({
+                key: _.label,
+                ref_for: !0
+              }, y(_), { class: N.value }), {
+                default: B(() => [
+                  _.icon ? (t(), a("i", {
+                    key: 0,
+                    class: g([_.icon, "dk:mr-2"])
+                  }, null, 2)) : x("", !0),
+                  C(" " + w(_.label), 1)
+                ]),
+                _: 2
+              }, 1040, ["class"]))), 128))
+            ])
+          ])) : (t(), L(V(v(s)), j({
+            key: 1,
+            ref_for: !0
+          }, y(s), { class: S.value }), {
+            default: B(() => [
+              s.icon ? (t(), a("i", {
+                key: 0,
+                class: g([s.icon, "dk:mr-2"])
+              }, null, 2)) : x("", !0),
+              C(" " + w(s.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
+          }, [
+            s.children && s.children.length > 0 ? (t(), a("div", fe, [
+              u("button", {
+                type: "button",
+                onClick: (_) => k(s.label),
+                class: g(P.value)
+              }, [
+                u("div", we, [
+                  s.icon ? (t(), a("i", {
+                    key: 0,
+                    class: g([s.icon, "dk:mr-2"])
+                  }, null, 2)) : x("", !0),
+                  C(" " + w(s.label), 1)
+                ]),
+                (t(), a("svg", {
+                  class: g(["dk:w-4 dk:h-4 dk:transform dk:transition-transform", c[s.label] ? "dk:rotate-180" : ""]),
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24"
+                }, m[3] || (m[3] = [
+                  u("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,
+                  ref_for: !0
+                }, y(_), {
+                  class: A.value,
+                  onClick: p
+                }), {
+                  default: B(() => [
+                    _.icon ? (t(), a("i", {
+                      key: 0,
+                      class: g([_.icon, "dk:mr-2"])
+                    }, null, 2)) : x("", !0),
+                    C(" " + w(_.label), 1)
+                  ]),
+                  _: 2
+                }, 1040, ["class"]))), 128))
+              ], 512), [
+                [O, c[s.label]]
               ])
-            ]))), 128))
-          ]))), 128))
+            ])) : (t(), L(V(v(s)), j({
+              key: 1,
+              ref_for: !0
+            }, y(s), {
+              class: P.value,
+              onClick: p
+            }), {
+              default: B(() => [
+                s.icon ? (t(), a("i", {
+                  key: 0,
+                  class: g([s.icon, "dk:mr-2"])
+                }, null, 2)) : x("", !0),
+                C(" " + w(s.label), 1)
+              ]),
+              _: 2
+            }, 1040, ["class"]))
+          ], 64))), 128)),
+          o.$slots.actions ? (t(), a("div", Ce, [
+            q(o.$slots, "actions")
+          ])) : x("", !0)
         ])
+      ], 512), [
+        [O, l.value]
       ])
-    ]));
+    ], 2));
   }
 });
 export {
-  ke as DuiAction,
-  ne as DuiAlert,
-  te as DuiButton,
-  ae as DuiInput,
-  le as DuiSelect,
-  se as DuiTable,
-  oe as DuiTextarea
+  Be as DuiAction,
+  Le as DuiAlert,
+  $e as DuiButton,
+  qe as DuiCard,
+  je as DuiInput,
+  Re as DuiNavbar,
+  Ne as DuiSelect,
+  Ve as DuiTable,
+  Te as DuiTextarea
 };