@dronico/droni-kit 1.12.6 → 1.12.7

package/dist/droni-kit.es.js

@@ -1,20 +1,20 @@
-import { getCurrentInstance as X, defineComponent as P, computed as b, createBlock as V, openBlock as r, resolveDynamicComponent as B, mergeProps as C, withCtx as D, renderSlot as j, createElementBlock as t, createCommentVNode as v, toDisplayString as w, Fragment as _, renderList as T, ref as E, normalizeClass as h, createElementVNode as p, withDirectives as W, createTextVNode as $, vShow as q, reactive as Y } from "vue";
-function Z() {
+import { getCurrentInstance as Q, defineComponent as j, computed as b, createBlock as V, openBlock as r, resolveDynamicComponent as B, mergeProps as C, withCtx as D, renderSlot as _, createElementBlock as t, createCommentVNode as f, toDisplayString as w, Fragment as $, renderList as T, ref as E, normalizeClass as h, createElementVNode as p, withDirectives as W, createTextVNode as S, vShow as q, reactive as X } from "vue";
+function Y() {
   try {
-    const d = X(), e = d == null ? void 0 : d.appContext.app;
+    const d = Q(), e = d == null ? void 0 : d.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 L(d, e = !1) {
-  return d ? e ? "NuxtLink" : Z() ? "RouterLink" : "a" : "button";
+  return d ? e ? "NuxtLink" : Y() ? "RouterLink" : "a" : "button";
 }
-function R(d, e, k = {}) {
+function I(d, e, k = {}) {
   const s = { ...k };
   return e === "a" ? (s.href = typeof d == "string" ? d : "#", s.role = "button") : e !== "button" && e !== "span" && (s.to = d), s;
 }
-const ee = { key: 1 }, de = `
+const Z = { key: 1 }, ee = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -25,7 +25,7 @@ const ee = { key: 1 }, de = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, Ie = /* @__PURE__ */ P({
+  dk:max-w-full`, Le = /* @__PURE__ */ j({
   __name: "DuiButton",
   props: {
     variant: { default: "solid" },
@@ -43,12 +43,12 @@ const ee = { key: 1 }, de = `
   setup(d) {
     const e = d, k = b(() => L(e.to, e.nuxt)), s = b(() => {
       const l = {};
-      return k.value === "button" && (l.type = e.type), R(e.to, k.value, l);
+      return k.value === "button" && (l.type = e.type), I(e.to, k.value, l);
     }), n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, u = {
+    }, i = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -227,23 +227,23 @@ const ee = { key: 1 }, de = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, m = b(() => {
+    }, x = b(() => {
       var z;
-      const l = (((z = g[e.variant]) == null ? void 0 : z[e.color]) || "") + " " + g[e.variant].base, f = n[e.size] || "", a = e.block ? "dk:w-full" : "", c = u[e.rounded] || "";
-      return [de, l, f, a, c].join(" ");
+      const l = (((z = g[e.variant]) == null ? void 0 : z[e.color]) || "") + " " + g[e.variant].base, v = n[e.size] || "", o = e.block ? "dk:w-full" : "", u = i[e.rounded] || "";
+      return [ee, l, v, o, u].join(" ");
     });
-    return (l, f) => (r(), V(B(k.value), C(s.value, {
-      class: m.value,
+    return (l, v) => (r(), V(B(k.value), C(s.value, {
+      class: x.value,
       title: e.title,
       disabled: e.disabled || e.loading
     }), {
       default: D(() => [
-        e.loading ? (r(), t("span", ee, "Cargando...")) : j(l.$slots, "default", { key: 0 })
+        e.loading ? (r(), t("span", Z, "Cargando...")) : _(l.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title", "disabled"]));
   }
-}), re = ["value"], te = `
+}), de = ["value"], re = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -255,7 +255,7 @@ const ee = { key: 1 }, de = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Ne = /* @__PURE__ */ P({
+  dk:dark:[color-scheme:dark]`, Ne = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "DuiInput",
   props: {
@@ -280,10 +280,10 @@ const ee = { key: 1 }, de = `
   setup(d, { emit: e }) {
     const k = d, s = e;
     function n(l) {
-      const f = l.target;
-      s("update:modelValue", f.value);
+      const v = l.target;
+      s("update:modelValue", v.value);
     }
-    const u = {
+    const i = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
@@ -294,16 +294,16 @@ const ee = { key: 1 }, de = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = b(() => {
-      const l = u[k.size] || "", f = k.block ? "dk:w-full" : "", a = g[k.rounded] || "";
-      return [te, l, f, a].join(" ");
+    }, x = b(() => {
+      const l = i[k.size] || "", v = k.block ? "dk:w-full" : "", o = g[k.rounded] || "";
+      return [re, l, v, o].join(" ");
     });
-    return (l, f) => (r(), t("input", C({
-      class: m.value,
+    return (l, v) => (r(), t("input", C({
+      class: x.value,
       value: d.modelValue
-    }, l.$attrs, { onInput: n }), null, 16, re));
+    }, l.$attrs, { onInput: n }), null, 16, de));
   }
-}), ke = ["value"], oe = `
+}), te = ["value"], ke = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -315,7 +315,7 @@ const ee = { key: 1 }, de = `
   dk:dark:bg-zinc-800
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
-  dk:dark:[color-scheme:dark]`, Re = /* @__PURE__ */ P({
+  dk:dark:[color-scheme:dark]`, Ie = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "DuiTextarea",
   props: {
@@ -347,11 +347,11 @@ const ee = { key: 1 }, de = `
   emits: ["update:modelValue"],
   setup(d, { emit: e }) {
     const k = d, s = e;
-    function n(a) {
-      const c = a.target;
-      k.autoheight && f(c), s("update:modelValue", c.value);
+    function n(o) {
+      const u = o.target;
+      k.autoheight && v(u), s("update:modelValue", u.value);
     }
-    const u = {
+    const i = {
       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"
@@ -362,29 +362,29 @@ const ee = { key: 1 }, de = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = {
+    }, x = {
       none: "dk:resize-none",
       both: "dk:resize",
       horizontal: "dk:resize-x",
       vertical: "dk:resize-y"
     }, l = b(() => {
-      const a = u[k.size] || "", c = k.block ? "dk:w-full" : "", z = g[k.rounded] || "", A = m[k.resize] || "";
-      return [oe, a, c, z, A].join(" ");
-    }), f = (a) => {
-      a.style.height = "auto", a.style.height = `${a.scrollHeight + 5}px`;
+      const o = i[k.size] || "", u = k.block ? "dk:w-full" : "", z = g[k.rounded] || "", M = x[k.resize] || "";
+      return [ke, o, u, z, M].join(" ");
+    }), v = (o) => {
+      o.style.height = "auto", o.style.height = `${o.scrollHeight + 5}px`;
     };
-    return (a, c) => (r(), t("textarea", C(a.$attrs, {
+    return (o, u) => (r(), t("textarea", C(o.$attrs, {
       class: l.value,
       value: d.modelValue,
       onInput: n
-    }), null, 16, ke));
+    }), null, 16, te));
   }
-}), ae = {
+}), oe = {
   key: 0,
   disabled: "",
   selected: "",
   hidden: ""
-}, se = ["value", "selected"], ne = `
+}, ae = ["value", "selected"], se = `
   dk:border-b
   dk:border-zinc-300
   dk:bg-zinc-50
@@ -397,7 +397,7 @@ const ee = { key: 1 }, de = `
   dk:dark:text-zinc-100
   dk:dark:focus:bg-zinc-700
   dk:dark:[color-scheme:dark]
-`, We = /* @__PURE__ */ P({
+`, Re = /* @__PURE__ */ j({
   inheritAttrs: !1,
   __name: "DuiSelect",
   props: {
@@ -438,10 +438,10 @@ const ee = { key: 1 }, de = `
   setup(d, { emit: e }) {
     const k = d, s = e;
     function n(l) {
-      const a = l.target.value, c = Number(a);
-      !isNaN(c) && a !== "" ? s("update:modelValue", c) : s("update:modelValue", a);
+      const o = l.target.value, u = Number(o);
+      !isNaN(u) && o !== "" ? s("update:modelValue", u) : s("update:modelValue", o);
     }
-    const u = {
+    const i = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
@@ -452,26 +452,26 @@ const ee = { key: 1 }, de = `
       left: "dk:rounded-l",
       right: "dk:rounded-r",
       none: "dk:rounded-none"
-    }, m = b(() => {
-      const l = u[k.size] || "", f = k.block ? "dk:w-full" : "", a = g[k.rounded] || "";
-      return [ne, l, f, a].join(" ");
+    }, x = b(() => {
+      const l = i[k.size] || "", v = k.block ? "dk:w-full" : "", o = g[k.rounded] || "";
+      return [se, l, v, o].join(" ");
     });
-    return (l, f) => (r(), t("select", C(l.$attrs, {
-      class: m.value,
+    return (l, v) => (r(), t("select", C(l.$attrs, {
+      class: x.value,
       onChange: n
     }), [
-      d.placeholder ? (r(), t("option", ae, w(d.placeholder), 1)) : v("", !0),
-      (r(!0), t(_, null, T(d.options, (a, c) => (r(), t("option", {
-        key: c,
-        value: a[d.itemValue] ?? "",
-        selected: a[d.itemValue] == d.modelValue
-      }, w(a[d.itemLabel] ?? ""), 9, se))), 128))
+      d.placeholder ? (r(), t("option", oe, w(d.placeholder), 1)) : f("", !0),
+      (r(!0), t($, null, T(d.options, (o, u) => (r(), t("option", {
+        key: u,
+        value: o[d.itemValue] ?? "",
+        selected: o[d.itemValue] == d.modelValue
+      }, w(o[d.itemLabel] ?? ""), 9, ae))), 128))
     ], 16));
   }
-}), le = {
+}), ne = {
   key: 1,
   class: "dk:text-rose-500 dk:ml-1"
-}, 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", ce = /* @__PURE__ */ P({
+}, le = { 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" }, ie = "dk:space-y-1", ue = /* @__PURE__ */ j({
   __name: "DuiLabel",
   props: {
     title: {
@@ -508,52 +508,52 @@ const ee = { key: 1 }, de = `
       s: "dk:mt-1",
       m: "dk:mt-1.5",
       l: "dk:mt-2"
-    }, u = {
+    }, i = {
       s: "dk:text-xs",
       m: "dk:text-sm",
       l: "dk:text-base"
-    }, g = b(() => [ue].join(" ")), m = b(() => {
-      const a = s[k.size] || s.m, c = "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 [c, a, z].join(" ");
-    }), l = b(() => [n[k.size] || n.m].join(" ")), f = b(() => ["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, c) => (r(), t("label", {
+    }, g = b(() => [ie].join(" ")), x = b(() => {
+      const o = s[k.size] || s.m, u = "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 [u, o, z].join(" ");
+    }), l = b(() => [n[k.size] || n.m].join(" ")), v = b(() => ["dk:text-rose-600 dk:dark:text-rose-400 dk:flex dk:items-center dk:mt-1", i[k.size] || i.m].join(" "));
+    return (o, u) => (r(), t("label", {
       class: h(g.value)
     }, [
       d.title ? (r(), t("div", {
         key: 0,
         class: "dk:relative",
-        onMouseenter: c[0] || (c[0] = (z) => e.value = !!d.helpText),
-        onMouseleave: c[1] || (c[1] = (z) => e.value = !1)
+        onMouseenter: u[0] || (u[0] = (z) => e.value = !!d.helpText),
+        onMouseleave: u[1] || (u[1] = (z) => e.value = !1)
       }, [
         p("div", {
-          class: h(m.value)
+          class: h(x.value)
         }, [
           d.icon ? (r(), t("i", {
             key: 0,
             class: h([d.icon, "dk:mr-2"])
-          }, null, 2)) : v("", !0),
-          $(" " + w(d.title) + " ", 1),
-          d.required ? (r(), t("span", le, "*")) : v("", !0)
+          }, null, 2)) : f("", !0),
+          S(" " + w(d.title) + " ", 1),
+          d.required ? (r(), t("span", ne, "*")) : f("", !0)
         ], 2),
-        W(p("div", ie, [
-          $(w(d.helpText) + " ", 1),
-          c[2] || (c[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
+        W(p("div", le, [
+          S(w(d.helpText) + " ", 1),
+          u[2] || (u[2] = p("div", { class: "tooltip-arrow tooltip-arrow-down" }, null, -1))
         ], 512), [
           [q, e.value && d.helpText]
         ])
-      ], 32)) : v("", !0),
+      ], 32)) : f("", !0),
       p("div", {
         class: h(l.value)
       }, [
-        j(a.$slots, "default", {}, void 0, !0)
+        _(o.$slots, "default", {}, void 0, !0)
       ], 2),
       d.error ? (r(), t("div", {
         key: 1,
-        class: h(f.value)
+        class: h(v.value)
       }, [
-        c[3] || (c[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)),
-        $(" " + w(d.error), 1)
-      ], 2)) : v("", !0)
+        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(" " + w(d.error), 1)
+      ], 2)) : f("", !0)
     ], 2));
   }
 }), be = (d, e) => {
@@ -561,13 +561,13 @@ const ee = { key: 1 }, de = `
   for (const [s, n] of e)
     k[s] = n;
   return k;
-}, qe = /* @__PURE__ */ be(ce, [["__scopeId", "data-v-aa6b6cdc"]]), ge = `
+}, We = /* @__PURE__ */ be(ue, [["__scopeId", "data-v-aa6b6cdc"]]), ce = `
   dk:px-4
   dk:py-3
   dk:text-sm
   dk:leading-relaxed
   dk:max-w-full
-`, Ee = /* @__PURE__ */ P({
+`, qe = /* @__PURE__ */ j({
   __name: "DuiAlert",
   props: {
     variant: {
@@ -621,17 +621,17 @@ const ee = { key: 1 }, de = `
       }
     }, n = b(() => {
       var l;
-      const u = ((l = s[e.variant]) == null ? void 0 : l[e.color]) || "", g = s[e.variant].base || "", m = k[e.rounded] || "";
-      return [ge, g, u, m].join(" ");
+      const i = ((l = s[e.variant]) == null ? void 0 : l[e.color]) || "", g = s[e.variant].base || "", x = k[e.rounded] || "";
+      return [ce, g, i, x].join(" ");
     });
-    return (u, g) => (r(), t("div", {
+    return (i, g) => (r(), t("div", {
       class: h(n.value),
       role: "alert"
     }, [
-      j(u.$slots, "default")
+      _(i.$slots, "default")
     ], 2));
   }
-}), 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({
+}), ge = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, pe = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, he = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, Ee = /* @__PURE__ */ j({
   __name: "DuiTable",
   props: {
     columns: {
@@ -645,27 +645,27 @@ const ee = { key: 1 }, de = `
   },
   setup(d) {
     const e = d;
-    return (k, s) => (r(), t("div", pe, [
-      p("table", he, [
-        p("thead", fe, [
+    return (k, s) => (r(), t("div", ge, [
+      p("table", pe, [
+        p("thead", he, [
           p("tr", null, [
-            (r(!0), t(_, null, T(e.columns, (n) => (r(), t("th", {
+            (r(!0), t($, null, T(e.columns, (n) => (r(), t("th", {
               key: n.name,
               class: h(["dk:px-6 dk:py-3", n.classes])
             }, w(n.label), 3))), 128))
           ])
         ]),
         p("tbody", null, [
-          (r(!0), t(_, null, T(e.rows, (n, u) => (r(), t("tr", {
-            key: u,
+          (r(!0), t($, null, T(e.rows, (n, i) => (r(), t("tr", {
+            key: i,
             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"
           }, [
-            (r(!0), t(_, null, T(e.columns, (g) => (r(), t("td", {
+            (r(!0), t($, null, T(e.columns, (g) => (r(), t("td", {
               key: g.name,
               class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
             }, [
-              j(k.$slots, g.name, C({ ref_for: !0 }, n), () => [
-                $(w(n[g.name]), 1)
+              _(k.$slots, g.name, C({ ref_for: !0 }, n), () => [
+                S(w(n[g.name]), 1)
               ])
             ]))), 128))
           ]))), 128))
@@ -673,7 +673,7 @@ const ee = { key: 1 }, de = `
       ])
     ]));
   }
-}), ve = { key: 1 }, me = `
+}), ve = { key: 1 }, fe = `
   dk:transition
   dk:text-center
   dk:disabled:opacity-50
@@ -684,7 +684,7 @@ const ee = { key: 1 }, de = `
   dk:text-ellipsis
   dk:whitespace-nowrap
   dk:active:scale-95
-  dk:max-w-full`, Fe = /* @__PURE__ */ P({
+  dk:max-w-full`, Oe = /* @__PURE__ */ j({
   __name: "DuiAction",
   props: {
     variant: { default: "solid" },
@@ -698,11 +698,11 @@ const ee = { key: 1 }, de = `
     nuxt: { type: Boolean, default: !1 }
   },
   setup(d) {
-    const e = d, k = b(() => e.to ? L(e.to, e.nuxt) : "span"), s = b(() => R(e.to, k.value)), n = {
+    const e = d, k = b(() => e.to ? L(e.to, e.nuxt) : "span"), s = b(() => I(e.to, k.value)), n = {
       sm: "dk:text-sm dk:px-3 dk:py-1.5",
       md: "dk:text-base dk:px-4 dk:py-2",
       lg: "dk:text-lg dk:px-5 dk:py-3"
-    }, u = {
+    }, i = {
       all: "dk:rounded",
       top: "dk:rounded-t",
       bottom: "dk:rounded-b",
@@ -881,25 +881,25 @@ const ee = { key: 1 }, de = `
       dk:dark:text-amber-100
       dk:dark:hover:bg-amber-800`
       }
-    }, m = b(() => {
+    }, x = b(() => {
       var z;
-      const l = (((z = g[e.variant]) == null ? void 0 : z[e.color]) || "") + " " + g[e.variant].base, f = n[e.size] || "", a = e.block ? "dk:block" : "dk:inline-block", c = u[e.rounded] || "";
-      return [me, l, f, a, c].join(" ");
+      const l = (((z = g[e.variant]) == null ? void 0 : z[e.color]) || "") + " " + g[e.variant].base, v = n[e.size] || "", o = e.block ? "dk:block" : "dk:inline-block", u = i[e.rounded] || "";
+      return [fe, l, v, o, u].join(" ");
     });
-    return (l, f) => (r(), V(B(k.value), C(s.value, {
-      class: m.value,
+    return (l, v) => (r(), V(B(k.value), C(s.value, {
+      class: x.value,
       title: e.title
     }), {
       default: D(() => [
-        e.loading ? (r(), t("span", ve, "Cargando...")) : j(l.$slots, "default", { key: 0 })
+        e.loading ? (r(), t("span", ve, "Cargando...")) : _(l.$slots, "default", { key: 0 })
       ]),
       _: 3
     }, 16, ["class", "title"]));
   }
-}), xe = {
+}), me = {
   key: 0,
   class: "dk:relative dk:overflow-hidden dk:rounded-t-lg"
-}, ye = ["src", "alt"], He = /* @__PURE__ */ P({
+}, xe = ["src", "alt"], Fe = /* @__PURE__ */ j({
   __name: "DuiCard",
   props: {
     size: { default: "m" },
@@ -911,9 +911,9 @@ const ee = { key: 1 }, de = `
   },
   setup(d) {
     const e = d, k = () => e.to ? L(e.to, e.nuxt) : "div", s = () => e.to ? L(e.to, e.nuxt) : "h3", n = () => {
-      const x = k();
-      return R(e.to, x);
-    }, u = {
+      const m = k();
+      return I(e.to, m);
+    }, i = {
       s: {
         padding: "dk:p-3",
         spacing: "dk:space-y-2",
@@ -951,114 +951,114 @@ const ee = { key: 1 }, de = `
       "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(" ")), m = b(() => [
+    ].join(" ")), x = b(() => [
       "dk:w-full dk:h-48 dk:object-cover",
       "dk:relative dk:z-10"
     ].join(" ")), l = b(() => {
-      const x = u[e.size];
+      const m = i[e.size];
       return [
-        x.padding,
-        x.spacing,
+        m.padding,
+        m.spacing,
         // Glass effect for content wrapper
         "dk:relative dk:z-10"
       ].join(" ");
-    }), f = b(() => [
-      u[e.size].spacing
-    ].join(" ")), a = b(() => {
-      const M = [
-        u[e.size].titleSize,
+    }), v = b(() => [
+      i[e.size].spacing
+    ].join(" ")), o = b(() => {
+      const A = [
+        i[e.size].titleSize,
         "dk:font-semibold dk:text-gray-900 dk:dark:text-gray-100",
         "dk:line-clamp-2"
       ];
-      return e.to && M.push(
+      return e.to && A.push(
         "dk:no-underline dk:hover:underline dk:transition-colors",
         "dk:hover:text-blue-600 dk:dark:hover:text-blue-400"
-      ), M.join(" ");
-    }), c = b(() => {
-      const x = [
+      ), A.join(" ");
+    }), u = b(() => {
+      const m = [
         "dk:block",
         "dk:transition-transform dk:duration-300",
         "dk:hover:scale-105",
         "dk:relative dk:z-10"
       ];
-      return e.to && x.push("dk:no-underline"), x.join(" ");
+      return e.to && m.push("dk:no-underline"), m.join(" ");
     }), z = b(() => [
-      u[e.size].subtitleSize,
+      i[e.size].subtitleSize,
       "dk:text-gray-600 dk:dark:text-gray-400",
       "dk:line-clamp-3"
-    ].join(" ")), A = b(() => [
-      u[e.size].contentSize,
+    ].join(" ")), M = b(() => [
+      i[e.size].contentSize,
       "dk:text-gray-700 dk:dark:text-gray-300"
-    ].join(" ")), I = b(() => [
+    ].join(" ")), R = b(() => [
       "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 (x, M) => (r(), t("div", {
+    return (m, A) => (r(), t("div", {
       class: h(g.value)
     }, [
-      d.image ? (r(), t("div", xe, [
-        (r(), V(B(k()), C(n(), { class: c.value }), {
+      d.image ? (r(), t("div", me, [
+        (r(), V(B(k()), C(n(), { class: u.value }), {
           default: D(() => [
             p("img", {
               src: d.image,
               alt: d.title || "Card image",
-              class: h(m.value)
-            }, null, 10, ye)
+              class: h(x.value)
+            }, null, 10, xe)
           ]),
           _: 1
         }, 16, ["class"]))
-      ])) : v("", !0),
+      ])) : f("", !0),
       p("div", {
         class: h(l.value)
       }, [
         d.title || d.subtitle ? (r(), t("div", {
           key: 0,
-          class: h(f.value)
+          class: h(v.value)
         }, [
-          d.title ? (r(), V(B(s()), C({ key: 0 }, n(), { class: a.value }), {
+          d.title ? (r(), V(B(s()), C({ key: 0 }, n(), { class: o.value }), {
             default: D(() => [
-              $(w(d.title), 1)
+              S(w(d.title), 1)
             ]),
             _: 1
-          }, 16, ["class"])) : v("", !0),
+          }, 16, ["class"])) : f("", !0),
           d.subtitle ? (r(), t("p", {
             key: 1,
             class: h(z.value)
-          }, w(d.subtitle), 3)) : v("", !0)
-        ], 2)) : v("", !0),
-        x.$slots.default ? (r(), t("div", {
+          }, w(d.subtitle), 3)) : f("", !0)
+        ], 2)) : f("", !0),
+        m.$slots.default ? (r(), t("div", {
           key: 1,
-          class: h(A.value)
+          class: h(M.value)
         }, [
-          j(x.$slots, "default")
-        ], 2)) : v("", !0),
-        x.$slots.footer ? (r(), t("div", {
+          _(m.$slots, "default")
+        ], 2)) : f("", !0),
+        m.$slots.footer ? (r(), t("div", {
           key: 2,
-          class: h(I.value)
+          class: h(R.value)
         }, [
-          j(x.$slots, "footer")
-        ], 2)) : v("", !0)
+          _(m.$slots, "footer")
+        ], 2)) : f("", !0)
       ], 2)
     ], 2));
   }
-}), ze = {
+}), ye = {
   key: 0,
   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 = {
+}, ze = { class: "dk:hidden dk:md:flex dk:items-center dk:flex-1" }, we = {
   key: 0,
   class: "dk:relative dk:group"
-}, 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 = {
+}, Ce = { class: "dk:absolute dk:left-0 dk:top-full dk:min-w-56 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" }, Se = {
   key: 1,
   class: "dk:hidden dk:md:flex dk:items-center dk:gap-2 dk:flex-shrink-0"
-}, _e = {
+}, $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 = {
+}, _e = ["d"], je = { 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"], Pe = { class: "dk:flex dk:items-center" }, Te = { class: "dk:ml-4 dk:mt-2 dk:space-y-1" }, Me = {
   key: 0,
   class: "dk:pt-3 dk:border-t dk:border-white/20 dk:dark:border-white/10"
-}, Ue = /* @__PURE__ */ P({
+}, He = /* @__PURE__ */ j({
   __name: "DuiNavbar",
   props: {
     items: { default: () => [] },
@@ -1068,29 +1068,18 @@ const ee = { key: 1 }, de = `
     underlineColor: { default: "primary" }
   },
   setup(d) {
-    const e = d, k = E(!1), s = Y({}), n = (i) => L(i.to, e.nuxt), u = (i) => {
-      const S = n(i);
-      return R(i.to, S);
+    const e = d, k = E(!1), s = X({}), n = (c) => L(c.to, e.nuxt), i = (c) => {
+      const P = n(c);
+      return I(c.to, P);
     }, g = () => {
       k.value = !k.value;
-    }, m = () => {
-      k.value = !1, Object.keys(s).forEach((i) => {
-        s[i] = !1;
+    }, x = () => {
+      k.value = !1, Object.keys(s).forEach((c) => {
+        s[c] = !1;
       });
-    }, l = (i) => {
-      s[i] = !s[i];
-    }, f = (i) => {
-      if (!i.to) return !1;
-      const S = typeof i.to == "string" ? i.to : i.to.path || "";
-      try {
-        if (typeof window < "u") {
-          const o = window.location.pathname;
-          return o === S || o.startsWith(S + "/");
-        }
-      } catch {
-      }
-      return !1;
-    }, a = {
+    }, l = (c) => {
+      s[c] = !s[c];
+    }, v = {
       s: {
         height: "dk:h-12",
         padding: "dk:px-3",
@@ -1109,8 +1098,8 @@ const ee = { key: 1 }, de = `
         text: "dk:text-lg",
         itemPadding: "dk:px-4 dk:py-3"
       }
-    }, c = b(() => {
-      const i = a[e.size];
+    }, o = b(() => {
+      const c = v[e.size];
       return [
         // 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",
@@ -1123,19 +1112,19 @@ const ee = { key: 1 }, de = `
         "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",
-        i.height,
-        i.padding,
-        i.text
+        c.height,
+        c.padding,
+        c.text
       ].join(" ");
-    }), z = b(() => [
+    }), u = b(() => [
       "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 i = {
+    ].join(" ")), z = () => {
+      const c = {
         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",
@@ -1143,13 +1132,13 @@ const ee = { key: 1 }, de = `
         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 i[e.underlineColor] || i.primary;
-    }, I = b(() => {
-      const i = a[e.size], S = A();
-      return (o, y = !0) => {
-        const F = f(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";
+      return c[e.underlineColor] || c.primary;
+    }, M = b(() => {
+      const c = v[e.size], P = z();
+      return (a, y = !0) => {
+        const O = a.active ?? !1, F = y ? "dk:pl-3" : "dk:pl-2", H = "dk:pr-3", U = y ? "dk:pl-2" : "dk:pl-1", G = "dk:pr-2", J = y ? "dk:pl-4" : "dk:pl-3", K = "dk:pr-4";
         let N = "";
-        return i.itemPadding.includes("px-2") ? N = `${G} ${J} dk:py-1.5` : i.itemPadding.includes("px-4") ? N = `${K} ${Q} dk:py-3` : N = `${H} ${U} dk:py-2`, [
+        return c.itemPadding.includes("px-2") ? N = `${U} ${G} dk:py-1.5` : c.itemPadding.includes("px-4") ? N = `${J} ${K} dk:py-3` : N = `${F} ${H} 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",
@@ -1158,56 +1147,56 @@ const ee = { key: 1 }, de = `
           // 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,
+          P,
           "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",
+          O ? "dk:before:w-full dk:text-gray-900 dk:dark:text-gray-100" : "dk:before:w-0 dk:hover:before:w-full",
           N
         ].join(" ");
       };
-    }), x = b(() => [
-      "dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm",
+    }), R = b(() => [
+      "dk:block dk:w-full dk:text-left dk:px-4 dk:py-2 dk:text-sm dk:whitespace-nowrap",
       "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 = b(() => [
+    ].join(" ")), m = b(() => [
       "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 = b(() => [
+    ].join(" ")), A = b(() => [
       "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: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 (i, S) => (r(), t("nav", {
-      class: h(c.value)
+    return (c, P) => (r(), t("nav", {
+      class: h(o.value)
     }, [
-      i.$slots.brand ? (r(), t("div", ze, [
-        j(i.$slots, "brand")
-      ])) : v("", !0),
-      p("div", we, [
+      c.$slots.brand ? (r(), t("div", ye, [
+        _(c.$slots, "brand")
+      ])) : f("", !0),
+      p("div", ze, [
         p("div", {
-          class: h(z.value)
+          class: h(u.value)
         }, [
-          (r(!0), t(_, null, T(d.items, (o) => (r(), t(_, {
-            key: o.label
+          (r(!0), t($, null, T(d.items, (a) => (r(), t($, {
+            key: a.label
           }, [
-            o.children && o.children.length > 0 ? (r(), t("div", Ce, [
-              (r(), V(B(n(o)), C({ ref_for: !0 }, u(o), {
-                class: I.value(o, !0)
+            a.children && a.children.length > 0 ? (r(), t("div", we, [
+              (r(), V(B(n(a)), C({ ref_for: !0 }, i(a), {
+                class: M.value(a, !0)
               }), {
                 default: D(() => [
-                  o.icon ? (r(), t("i", {
+                  a.icon ? (r(), t("i", {
                     key: 0,
-                    class: h([o.icon, "dk:mr-2"])
-                  }, null, 2)) : v("", !0),
-                  $(" " + w(o.label) + " ", 1),
-                  S[0] || (S[0] = p("svg", {
+                    class: h([a.icon, "dk:mr-2"])
+                  }, null, 2)) : f("", !0),
+                  S(" " + w(a.label) + " ", 1),
+                  P[0] || (P[0] = 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",
@@ -1223,79 +1212,79 @@ const ee = { key: 1 }, de = `
                 ]),
                 _: 2
               }, 1040, ["class"])),
-              p("div", Se, [
-                (r(!0), t(_, null, T(o.children, (y) => (r(), V(B(n(y)), C({
+              p("div", Ce, [
+                (r(!0), t($, null, T(a.children, (y) => (r(), V(B(n(y)), C({
                   key: y.label
-                }, { ref_for: !0 }, u(y), { class: x.value }), {
+                }, { ref_for: !0 }, i(y), { class: R.value }), {
                   default: D(() => [
                     y.icon ? (r(), t("i", {
                       key: 0,
                       class: h([y.icon, "dk:mr-2"])
-                    }, null, 2)) : v("", !0),
-                    $(" " + w(y.label), 1)
+                    }, null, 2)) : f("", !0),
+                    S(" " + w(y.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ])
-            ])) : (r(), V(B(n(o)), C({
+            ])) : (r(), V(B(n(a)), C({
               key: 1,
               ref_for: !0
-            }, u(o), {
-              class: I.value(o, !1)
+            }, i(a), {
+              class: M.value(a, !1)
             }), {
               default: D(() => [
-                o.icon ? (r(), t("i", {
+                a.icon ? (r(), t("i", {
                   key: 0,
-                  class: h([o.icon, "dk:mr-2"])
-                }, null, 2)) : v("", !0),
-                $(" " + w(o.label), 1)
+                  class: h([a.icon, "dk:mr-2"])
+                }, null, 2)) : f("", !0),
+                S(" " + w(a.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128))
         ], 2)
       ]),
-      i.$slots.actions ? (r(), t("div", $e, [
-        j(i.$slots, "actions")
-      ])) : v("", !0),
+      c.$slots.actions ? (r(), t("div", Se, [
+        _(c.$slots, "actions")
+      ])) : f("", !0),
       p("button", {
         type: "button",
         onClick: g,
         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"
       }, [
-        (r(), t("svg", _e, [
+        (r(), t("svg", $e, [
           p("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)
+          }, null, 8, _e)
         ]))
       ]),
-      W(p("div", Pe, [
+      W(p("div", je, [
         p("div", Ve, [
-          (r(!0), t(_, null, T(d.items, (o) => (r(), t(_, {
-            key: o.label
+          (r(!0), t($, null, T(d.items, (a) => (r(), t($, {
+            key: a.label
           }, [
-            o.children && o.children.length > 0 ? (r(), t("div", Be, [
+            a.children && a.children.length > 0 ? (r(), t("div", Be, [
               p("button", {
                 type: "button",
-                onClick: (y) => l(o.label),
-                class: h([M.value, "dk:justify-between"])
+                onClick: (y) => l(a.label),
+                class: h([m.value, "dk:justify-between"])
               }, [
-                p("div", Te, [
-                  o.icon ? (r(), t("i", {
+                p("div", Pe, [
+                  a.icon ? (r(), t("i", {
                     key: 0,
-                    class: h([o.icon, "dk:mr-2"])
-                  }, null, 2)) : v("", !0),
-                  $(" " + w(o.label), 1)
+                    class: h([a.icon, "dk:mr-2"])
+                  }, null, 2)) : f("", !0),
+                  S(" " + w(a.label), 1)
                 ]),
                 (r(), t("svg", {
-                  class: h(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", s[o.label] ? "dk:rotate-180" : ""]),
+                  class: h(["dk:w-4 dk:h-4 dk:transform dk:transition-transform dk:flex-shrink-0", s[a.label] ? "dk:rotate-180" : ""]),
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24"
-                }, [...S[1] || (S[1] = [
+                }, [...P[1] || (P[1] = [
                   p("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -1304,45 +1293,45 @@ const ee = { key: 1 }, de = `
                   }, null, -1)
                 ])], 2))
               ], 10, De),
-              W(p("div", Me, [
-                (r(!0), t(_, null, T(o.children, (y) => (r(), V(B(n(y)), C({
+              W(p("div", Te, [
+                (r(!0), t($, null, T(a.children, (y) => (r(), V(B(n(y)), C({
                   key: y.label
-                }, { ref_for: !0 }, u(y), {
-                  class: O.value,
-                  onClick: m
+                }, { ref_for: !0 }, i(y), {
+                  class: A.value,
+                  onClick: x
                 }), {
                   default: D(() => [
                     y.icon ? (r(), t("i", {
                       key: 0,
                       class: h([y.icon, "dk:mr-2"])
-                    }, null, 2)) : v("", !0),
-                    $(" " + w(y.label), 1)
+                    }, null, 2)) : f("", !0),
+                    S(" " + w(y.label), 1)
                   ]),
                   _: 2
                 }, 1040, ["class"]))), 128))
               ], 512), [
-                [q, s[o.label]]
+                [q, s[a.label]]
               ])
-            ])) : (r(), V(B(n(o)), C({
+            ])) : (r(), V(B(n(a)), C({
               key: 1,
               ref_for: !0
-            }, u(o), {
-              class: M.value,
-              onClick: m
+            }, i(a), {
+              class: m.value,
+              onClick: x
             }), {
               default: D(() => [
-                o.icon ? (r(), t("i", {
+                a.icon ? (r(), t("i", {
                   key: 0,
-                  class: h([o.icon, "dk:mr-2"])
-                }, null, 2)) : v("", !0),
-                $(" " + w(o.label), 1)
+                  class: h([a.icon, "dk:mr-2"])
+                }, null, 2)) : f("", !0),
+                S(" " + w(a.label), 1)
               ]),
               _: 2
             }, 1040, ["class"]))
           ], 64))), 128)),
-          i.$slots.actions ? (r(), t("div", Ae, [
-            j(i.$slots, "actions")
-          ])) : v("", !0)
+          c.$slots.actions ? (r(), t("div", Me, [
+            _(c.$slots, "actions")
+          ])) : f("", !0)
         ])
       ], 512), [
         [q, k.value]
@@ -1351,14 +1340,14 @@ const ee = { key: 1 }, de = `
   }
 });
 export {
-  Fe as DuiAction,
-  Ee as DuiAlert,
-  Ie as DuiButton,
-  He as DuiCard,
+  Oe as DuiAction,
+  qe as DuiAlert,
+  Le as DuiButton,
+  Fe as DuiCard,
   Ne as DuiInput,
-  qe as DuiLabel,
-  Ue as DuiNavbar,
-  We as DuiSelect,
-  Oe as DuiTable,
-  Re as DuiTextarea
+  We as DuiLabel,
+  He as DuiNavbar,
+  Re as DuiSelect,
+  Ee as DuiTable,
+  Ie as DuiTextarea
 };