@dronico/droni-kit 1.8.4 → 1.8.6

package/dist/droni-kit.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as z, computed as m, createElementBlock as r, openBlock as t, normalizeClass as g, renderSlot as _, createCommentVNode as v, createElementVNode as h, createTextVNode as w, toDisplayString as y, Fragment as f, renderList as S, mergeProps as q } from "vue";
-const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
+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 = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -10,59 +10,50 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, ee = /* @__PURE__ */ z({
+  dk:max-w-full`, te = /* @__PURE__ */ f({
   __name: "DuiButton",
   props: {
-    variant: {
-      type: String,
-      default: "solid"
-    },
-    color: {
-      type: String,
-      default: "neutral"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    type: {
-      type: String,
-      default: "button"
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    block: {
-      type: Boolean,
-      default: !1
-    },
-    title: {
-      type: String,
-      default: void 0
-    },
-    rounded: {
-      type: String,
-      default: "all"
-    }
+    variant: { default: "solid" },
+    color: { default: "neutral" },
+    size: { default: "md" },
+    type: { default: "button" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    rounded: { default: "all" },
+    to: { default: void 0 }
   },
-  setup(n) {
-    const d = n, e = {
+  setup(u) {
+    const d = u, e = B(), t = e == null ? void 0 : e.appContext.app, n = b(() => {
+      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"));
+      } catch {
+        return !1;
+      }
+    }), c = b(() => {
+      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"));
+      } 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 = {
       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"
-    }, i = {
+    }, x = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, o = {
+    }, k = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -234,24 +225,26 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, s = m(() => {
-      var k;
-      const l = (((k = o[d.variant]) == null ? void 0 : k[d.color]) || "") + " " + o[d.variant].base, c = e[d.size] || "", u = d.block ? "dk:w-full" : "", x = i[d.rounded] || "";
-      return [D, l, c, u, x].join(" ");
+    }, 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(" ");
     });
-    return (l, c) => (t(), r("button", {
-      type: d.type,
-      class: g(s.value),
+    return (r, i) => (a(), N(L(l.value), V(g.value, {
+      class: s.value,
       title: d.title,
       disabled: d.disabled || d.loading
-    }, [
-      d.loading ? (t(), r("span", V, "Cargando...")) : _(l.$slots, "default", { key: 0 })
-    ], 10, B));
+    }), {
+      default: T(() => [
+        d.loading ? (a(), o("span", D, "Cargando...")) : $(r.$slots, "default", { key: 0 })
+      ]),
+      _: 3
+    }, 16, ["class", "title", "disabled"]));
   }
-}), N = ["for"], j = {
+}), j = ["for"], A = {
   key: 0,
   class: "dk:text-rose-500"
-}, L = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], A = `
+}, P = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], I = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -263,7 +256,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, de = /* @__PURE__ */ z({
+  dk:dark:[color-scheme:dark]`, ae = /* @__PURE__ */ f({
   __name: "DuiInput",
   props: {
     modelValue: {
@@ -336,13 +329,13 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
     }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: d }) {
-    const e = n, i = d;
-    function o(k) {
-      const b = k.target;
-      i("update:modelValue", b.value);
+  setup(u, { emit: d }) {
+    const e = u, t = d;
+    function n(k) {
+      const s = k.target;
+      t("update:modelValue", s.value);
     }
-    const s = {
+    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"
@@ -353,30 +346,30 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, c = {
+    }, g = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = m(() => {
-      const k = s[e.size] || "", b = e.block ? "dk:w-full" : "", a = l[e.rounded] || "";
-      return [A, k, b, a].join(" ");
-    }), x = m(() => {
-      const k = c[e.size] || "", b = e.block ? "dk:w-full" : "";
-      return [k, b].join(" ");
+    }, 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(" ");
     });
-    return (k, b) => (t(), r("div", null, [
-      e.label ? (t(), r("label", {
+    return (k, s) => (a(), o("div", null, [
+      e.label ? (a(), o("label", {
         key: 0,
         for: e.id,
-        class: g([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        w(y(e.label) + " ", 1),
-        e.required ? (t(), r("span", j, "*")) : v("", !0)
-      ], 10, N)) : v("", !0),
+        q(y(e.label) + " ", 1),
+        e.required ? (a(), o("span", A, "*")) : v("", !0)
+      ], 10, j)) : v("", !0),
       h("input", {
         type: e.type,
-        class: g(u.value),
-        value: n.modelValue,
+        class: m(p.value),
+        value: u.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -390,14 +383,14 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onInput: o
-      }, null, 42, L)
+        onInput: n
+      }, null, 42, P)
     ]));
   }
-}), T = ["for"], I = {
+}), E = ["for"], F = {
   key: 0,
   class: "dk:text-rose-500"
-}, E = ["value", "disabled", "placeholder", "required", "name", "id", "readonly", "aria-label", "aria-disabled", "aria-required"], F = `
+}, H = ["value", "disabled", "placeholder", "required", "name", "id", "readonly", "aria-label", "aria-disabled", "aria-required"], G = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -409,7 +402,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, re = /* @__PURE__ */ z({
+  dk:dark:[color-scheme:dark]`, oe = /* @__PURE__ */ f({
   __name: "DuiTextarea",
   props: {
     modelValue: {
@@ -466,13 +459,13 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
     }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: d }) {
-    const e = n, i = d;
-    function o(a) {
-      const p = a.target;
-      e.autoheight && b(p), i("update:modelValue", p.value);
+  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);
     }
-    const s = {
+    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"
@@ -483,36 +476,36 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, c = {
+    }, g = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = {
+    }, p = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
-    }, x = m(() => {
-      const a = s[e.size] || "", p = e.block ? "dk:w-full" : "", C = l[e.rounded] || "", $ = u[e.resize] || "";
-      return [F, a, p, C, $].join(" ");
-    }), k = m(() => {
-      const a = c[e.size] || "", p = e.block ? "dk:w-full" : "";
-      return [a, p].join(" ");
-    }), b = (a) => {
-      a.style.height = "auto", a.style.height = `${a.scrollHeight + 5}px`;
+    }, 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`;
     };
-    return (a, p) => (t(), r("div", null, [
-      e.label ? (t(), r("label", {
+    return (r, i) => (a(), o("div", null, [
+      e.label ? (a(), o("label", {
         key: 0,
         for: e.id,
-        class: g([k.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([k.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        w(y(e.label) + " ", 1),
-        e.required ? (t(), r("span", I, "*")) : v("", !0)
-      ], 10, T)) : v("", !0),
+        q(y(e.label) + " ", 1),
+        e.required ? (a(), o("span", F, "*")) : v("", !0)
+      ], 10, E)) : v("", !0),
       h("textarea", {
-        class: g(x.value),
-        value: n.modelValue,
+        class: m(x.value),
+        value: u.modelValue,
         disabled: e.disabled,
         placeholder: e.placeholder,
         required: e.required,
@@ -522,11 +515,11 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         "aria-label": e.placeholder,
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onInput: o
-      }, null, 42, E)
+        onInput: n
+      }, null, 42, H)
     ]));
   }
-}), H = ["title"], P = { key: 1 }, R = `
+}), J = { key: 1 }, K = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -537,51 +530,46 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, te = /* @__PURE__ */ z({
+  dk:max-w-full`, ke = /* @__PURE__ */ f({
   __name: "DuiAction",
   props: {
-    variant: {
-      type: String,
-      default: "solid"
-    },
-    color: {
-      type: String,
-      default: "neutral"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    block: {
-      type: Boolean,
-      default: !1
-    },
-    title: {
-      type: String,
-      default: void 0
-    },
-    rounded: {
-      type: String,
-      default: "all"
-    }
+    variant: { default: "solid" },
+    color: { default: "neutral" },
+    size: { default: "md" },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    title: { default: void 0 },
+    rounded: { default: "all" },
+    to: { default: void 0 }
   },
-  setup(n) {
-    const d = n, e = {
+  setup(u) {
+    const d = u, e = B(), t = e == null ? void 0 : e.appContext.app, n = b(() => {
+      try {
+        return !!(t != null && t.config.globalProperties.$router || t != null && t.config.globalProperties.$route || globalThis.VueRouter || t != null && t.component("RouterLink"));
+      } catch {
+        return !1;
+      }
+    }), c = b(() => {
+      try {
+        return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || t != null && t.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 = {
       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"
-    }, i = {
+    }, x = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, o = {
+    }, k = {
       solid: {
         base: "dk:border-b",
         neutral: `
@@ -753,27 +741,30 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, s = m(() => {
-      var k;
-      const l = (((k = o[d.variant]) == null ? void 0 : k[d.color]) || "") + " " + o[d.variant].base, c = e[d.size] || "", u = d.block ? "dk:block" : "dk:inline-block", x = i[d.rounded] || "";
-      return [R, l, c, u, x].join(" ");
+    }, 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(" ");
     });
-    return (l, c) => (t(), r("span", {
-      class: g(s.value),
+    return (r, i) => (a(), N(L(l.value), V(g.value, {
+      class: s.value,
       title: d.title
-    }, [
-      d.loading ? (t(), r("span", P, "Cargando...")) : _(l.$slots, "default", { key: 0 })
-    ], 10, H));
+    }), {
+      default: T(() => [
+        d.loading ? (a(), o("span", J, "Cargando...")) : $(r.$slots, "default", { key: 0 })
+      ]),
+      _: 3
+    }, 16, ["class", "title"]));
   }
-}), G = ["for"], J = {
+}), M = ["for"], O = {
   key: 0,
   class: "dk:text-rose-500"
-}, K = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], M = {
+}, Q = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], U = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, O = ["value", "selected"], Q = `
+}, W = ["value", "selected"], X = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -786,7 +777,7 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, ae = /* @__PURE__ */ z({
+`, le = /* @__PURE__ */ f({
   __name: "DuiSelect",
   props: {
     modelValue: {
@@ -847,13 +838,13 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
     }
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: d }) {
-    const e = n, i = d;
-    function o(k) {
-      const a = k.target.value, p = Number(a);
-      !isNaN(p) && a !== "" ? i("update:modelValue", p) : i("update:modelValue", a);
+  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 s = {
+    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"
@@ -864,54 +855,54 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, c = {
+    }, g = {
       sm: "dk:text-sm dk:pb-0.5",
       md: "dk:text-base dk:pb-1",
       lg: "dk:text-lg dk:pb-2"
-    }, u = m(() => {
-      const k = s[e.size] || "", b = e.block ? "dk:w-full" : "", a = l[e.rounded] || "";
-      return [Q, k, b, a].join(" ");
-    }), x = m(() => {
-      const k = c[e.size] || "", b = e.block ? "dk:w-full" : "";
-      return [k, b].join(" ");
+    }, 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, b) => (t(), r("div", null, [
-      e.label ? (t(), r("label", {
+    return (k, s) => (a(), o("div", null, [
+      e.label ? (a(), o("label", {
         key: 0,
         for: e.id,
-        class: g([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
+        class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
       }, [
-        w(y(e.label) + " ", 1),
-        e.required ? (t(), r("span", J, "*")) : v("", !0)
-      ], 10, G)) : v("", !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: g(u.value),
+        class: m(p.value),
         readonly: e.readonly,
         "aria-label": e.label || "select input",
         "aria-disabled": e.disabled,
         "aria-required": e.required,
-        onChange: o
+        onChange: n
       }, [
-        e.placeholder ? (t(), r("option", M, y(e.placeholder), 1)) : v("", !0),
-        (t(!0), r(f, null, S(e.options, (a, p) => (t(), r("option", {
-          key: p,
-          value: a[e.itemValue] ?? "",
-          selected: a[e.itemValue] == e.modelValue
-        }, y(a[e.itemLabel] ?? ""), 9, O))), 128))
-      ], 42, K)
+        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)
     ]));
   }
-}), U = `
+}), Y = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, ke = /* @__PURE__ */ z({
+`, ne = /* @__PURE__ */ f({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -927,15 +918,15 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       default: "all"
     }
   },
-  setup(n) {
-    const d = n, e = {
+  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"
-    }, i = {
+    }, t = {
       solid: {
         base: "",
         neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
@@ -963,19 +954,19 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
         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"
       }
-    }, o = m(() => {
-      var u;
-      const s = ((u = i[d.variant]) == null ? void 0 : u[d.color]) || "", l = i[d.variant].base || "", c = e[d.rounded] || "";
-      return [U, l, s, c].join(" ");
+    }, 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 (s, l) => (t(), r("div", {
-      class: g(o.value),
+    return (c, l) => (a(), o("div", {
+      class: m(n.value),
       role: "alert"
     }, [
-      _(s.$slots, "default")
+      $(c.$slots, "default")
     ], 2));
   }
-}), W = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, X = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, Y = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, oe = /* @__PURE__ */ z({
+}), 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",
   props: {
     columns: {
@@ -987,29 +978,29 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
       required: !0
     }
   },
-  setup(n) {
-    const d = n;
-    return (e, i) => (t(), r("div", W, [
-      h("table", X, [
-        h("thead", Y, [
+  setup(u) {
+    const d = u;
+    return (e, t) => (a(), o("div", Z, [
+      h("table", ee, [
+        h("thead", de, [
           h("tr", null, [
-            (t(!0), r(f, null, S(d.columns, (o) => (t(), r("th", {
-              key: o.name,
-              class: g(["dk:px-6 dk:py-3", o.classes])
-            }, y(o.label), 3))), 128))
+            (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, [
-          (t(!0), r(f, null, S(d.rows, (o, s) => (t(), r("tr", {
-            key: s,
+          (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"
           }, [
-            (t(!0), r(f, null, S(d.columns, (l) => (t(), r("td", {
+            (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, q({ ref_for: !0 }, o), () => [
-                w(y(o[l.name]), 1)
+              $(e.$slots, l.name, V({ ref_for: !0 }, n), () => [
+                q(y(n[l.name]), 1)
               ])
             ]))), 128))
           ]))), 128))
@@ -1019,11 +1010,11 @@ const B = ["type", "title", "disabled"], V = { key: 1 }, D = `
   }
 });
 export {
-  te as DuiAction,
-  ke as DuiAlert,
-  ee as DuiButton,
-  de as DuiInput,
-  ae as DuiSelect,
-  oe as DuiTable,
-  re as DuiTextarea
+  ke as DuiAction,
+  ne as DuiAlert,
+  te as DuiButton,
+  ae as DuiInput,
+  le as DuiSelect,
+  se as DuiTable,
+  oe as DuiTextarea
 };