@ghentcdh/ui 0.8.2 → 0.8.3

package/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, computed as v, openBlock as a, createBlock as y, resolveDynamicComponent as ne, normalizeClass as C, createCommentVNode as k, createElementBlock as p, createElementVNode as i, toDisplayString as h, unref as b, Fragment as x, renderList as P, mergeProps as B, resolveComponent as ue, withCtx as L, createTextVNode as z, ref as S, watch as X, onMounted as ke, renderSlot as M, createVNode as V, withDirectives as Y, vModelCheckbox as _e, normalizeStyle as G, useAttrs as Ve, getCurrentInstance as Ae, camelize as Ie, toHandlerKey as ae, withModifiers as ce, nextTick as Ce, onUnmounted as Oe, normalizeProps as ee, guardReactiveProps as te, Transition as De, useModel as E, mergeModels as O, onBeforeUnmount as Re, vModelDynamic as Te, vModelText as $e, useSlots as xe, toRef as we } from "vue";
+import { defineComponent as w, computed as v, openBlock as a, createBlock as y, resolveDynamicComponent as ne, normalizeClass as $, createCommentVNode as k, createElementBlock as p, createElementVNode as u, toDisplayString as h, unref as g, Fragment as x, renderList as P, mergeProps as B, resolveComponent as ue, withCtx as L, createTextVNode as z, ref as S, watch as X, onMounted as ke, renderSlot as M, createVNode as V, withDirectives as Y, vModelCheckbox as _e, normalizeStyle as G, useAttrs as Ve, getCurrentInstance as Ae, camelize as Ie, toHandlerKey as ae, withModifiers as ce, nextTick as $e, onUnmounted as Oe, normalizeProps as ee, guardReactiveProps as te, Transition as De, useModel as E, mergeModels as O, onBeforeUnmount as Re, vModelDynamic as Te, vModelText as Ce, useSlots as xe, toRef as we } from "vue";
 import { RouterLink as ze } from "vue-router";
 import { v4 as de } from "uuid";
 import { LinkIcon as Ne, DocumentTextIcon as je, EyeIcon as qe, CheckIcon as Ee, LanguageIcon as Fe, ChevronDoubleRightIcon as Ue, ChevronDoubleLeftIcon as Ke, ChevronUpIcon as He, ChevronDownIcon as We, ChevronLeftIcon as Ge, ChevronRightIcon as Xe, Bars3Icon as Ze, PaperClipIcon as Je, PlusCircleIcon as Qe, XMarkIcon as Ye, FunnelIcon as et, BarsArrowUpIcon as tt, BarsArrowDownIcon as ot, TrashIcon as st, PencilSquareIcon as nt } from "@heroicons/vue/24/outline";
@@ -38,7 +38,7 @@ const dt = {
     const t = e, o = v(() => t.icon ? typeof t.icon == "string" ? dt[t.icon] : t.icon : null);
     return (n, l) => o.value ? (a(), y(ne(o.value), {
       key: 0,
-      class: C([
+      class: $([
         {
           "w-full h-full": !n.size,
           "w-2 h-2": n.size === "xs",
@@ -52,7 +52,7 @@ const dt = {
 }), ft = { class: "dropdown dropdown-end" }, mt = {
   tabindex: "0",
   class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
-}, gt = { class: "min-w-max flex-no-wrap text-black" }, pe = /* @__PURE__ */ w({
+}, bt = { class: "min-w-max flex-no-wrap text-black" }, pe = /* @__PURE__ */ w({
   __name: "sub-menu",
   props: {
     label: {},
@@ -64,20 +64,20 @@ const dt = {
   },
   setup(e) {
     return (t, o) => (a(), p("div", ft, [
-      i("div", {
+      u("div", {
         tabindex: "0",
         role: "button",
-        class: C([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+        class: $([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
-        i("span", null, h(e.label), 1),
-        e.disableArrow ? k("", !0) : (a(), y(b(q), {
+        u("span", null, h(e.label), 1),
+        e.disableArrow ? k("", !0) : (a(), y(g(q), {
           key: 0,
-          icon: b(T).ChevronDown,
+          icon: g(T).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      i("ul", mt, [
-        i("li", gt, [
+      u("ul", mt, [
+        u("li", bt, [
           (a(!0), p(x, null, P(e.items, (n) => (a(), y(Le, B({
             key: n.label
           }, { ref_for: !0 }, n), null, 16))), 128))
@@ -104,11 +104,11 @@ const dt = {
       t.action?.();
     };
     return (d, f) => {
-      const u = ue("RouterLink");
-      return l.value ? (a(), y(pe, B({ key: 0 }, t, { "btn-class": oe }), null, 16)) : o.value ? (a(), y(u, {
+      const i = ue("RouterLink");
+      return l.value ? (a(), y(pe, B({ key: 0 }, t, { "btn-class": oe }), null, 16)) : o.value ? (a(), y(i, {
         key: 1,
         to: r.value,
-        class: C(oe),
+        class: $(oe),
         onClick: c
       }, {
         default: L(() => [
@@ -117,18 +117,18 @@ const dt = {
         _: 1
       }, 8, ["to"])) : n.value ? (a(), p("button", {
         key: 2,
-        class: C(oe),
+        class: $(oe),
         onClick: c
       }, h(e.label), 1)) : (a(), p("div", {
         key: 3,
-        class: C([oe, { "btn-disabled": e.disabled }])
+        class: $([oe, { "btn-disabled": e.disabled }])
       }, h(e.label), 3));
     };
   }
-}), bt = { class: "navbar bg-base-100 shadow-sm" }, vt = { class: "flex-1" }, ht = {
+}), gt = { class: "navbar bg-base-100 shadow-sm" }, vt = { class: "flex-1" }, ht = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, yt = { class: "flex grow justify-end px-2" }, wt = { class: "flex items-stretch" }, an = /* @__PURE__ */ w({
+}, yt = { class: "flex grow justify-end px-2" }, wt = { class: "flex items-stretch" }, dn = /* @__PURE__ */ w({
   __name: "menu",
   props: {
     menu: {},
@@ -137,30 +137,32 @@ const dt = {
   setup(e) {
     return (t, o) => {
       const n = ue("RouterLink");
-      return a(), p("nav", bt, [
-        i("div", vt, [
+      return a(), p("nav", gt, [
+        u("div", vt, [
           e.breadcrumbs ? (a(), p("div", ht, [
-            i("ul", null, [
+            u("ul", null, [
               (a(!0), p(x, null, P(e.breadcrumbs, (l) => (a(), p("li", {
                 key: l.label
               }, [
                 l.routerLink ? (a(), y(n, {
                   key: 0,
-                  to: { name: l.routerLink, params: l.params }
+                  to: { name: l.routerLink, params: l.params },
+                  role: "navigation",
+                  "area-label": l.label
                 }, {
                   default: L(() => [
                     z(h(l.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (a(), p(x, { key: 1 }, [
+                }, 1032, ["to", "area-label"])) : (a(), p(x, { key: 1 }, [
                   z(h(l.label), 1)
                 ], 64))
               ]))), 128))
             ])
           ])) : k("", !0)
         ]),
-        i("div", yt, [
-          i("div", wt, [
+        u("div", yt, [
+          u("div", wt, [
             (a(!0), p(x, null, P(e.menu, (l) => (a(), y(Le, B({
               key: l.label
             }, { ref_for: !0 }, l), null, 16))), 128))
@@ -169,7 +171,7 @@ const dt = {
       ]);
     };
   }
-}), rn = /* @__PURE__ */ w({
+}), pn = /* @__PURE__ */ w({
   __name: "dropdown",
   props: {
     items: {}
@@ -184,7 +186,7 @@ const dt = {
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), kt = { class: "font-bold" }, _t = { class: "pt-4" }, Ct = { class: "flex justify-end gap-2 p-2 mt-2 border-t border-gray-300" }, $t = /* @__PURE__ */ w({
+}), kt = { class: "font-bold" }, _t = { class: "pt-4" }, $t = { class: "flex justify-end gap-2 p-2 mt-2 border-t border-gray-300" }, Ct = /* @__PURE__ */ w({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -209,17 +211,17 @@ const dt = {
     };
     return t({ closeModal: f, openModal: d }), X(
       () => l.open,
-      (u, s, m) => {
+      (i, s, m) => {
         l.open ? d() : f();
       }
     ), ke(() => {
       l.open && d();
-    }), (u, s) => (a(), p("dialog", {
+    }), (i, s) => (a(), p("dialog", {
       id: r,
       class: "modal"
     }, [
-      i("div", {
-        class: C(["modal-box bg-white", n[e.width]])
+      u("div", {
+        class: $(["modal-box bg-white", n[e.width]])
       }, [
         e.disableClose ? k("", !0) : (a(), p("button", {
           key: 0,
@@ -227,12 +229,12 @@ const dt = {
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
           onClick: f
         }, " ✕ ")),
-        i("h3", kt, h(e.modalTitle), 1),
-        i("div", _t, [
-          M(u.$slots, "content")
+        u("h3", kt, h(e.modalTitle), 1),
+        u("div", _t, [
+          M(i.$slots, "content")
         ]),
-        i("div", Ct, [
-          M(u.$slots, "actions")
+        u("div", $t, [
+          M(i.$slots, "actions")
         ])
       ], 2)
     ]));
@@ -283,10 +285,10 @@ const xt = {
   setup(e, { emit: t }) {
     const o = e, n = t;
     return (l, r) => (a(), y(ne(o.as), {
-      class: C([
+      class: $([
         "btn p-1 flex justify-center flex-nowrap",
-        b(xt)[o.color],
-        b(Vt)[o.size],
+        g(xt)[o.color],
+        g(Vt)[o.size],
         { "btn-outline": o.outline, "btn-square": o.square, tooltip: o.tooltip }
       ]),
       href: o.href,
@@ -296,7 +298,7 @@ const xt = {
       onClick: r[0] || (r[0] = (c) => n("click"))
     }, {
       default: L(() => [
-        o.icon ? (a(), y(b(q), {
+        o.icon ? (a(), y(g(q), {
           key: 0,
           icon: o.icon,
           size: o.size
@@ -306,20 +308,20 @@ const xt = {
       _: 3
     }, 8, ["class", "href", "type", "disabled", "data-tip"]));
   }
-}), It = ["type", "disabled"], un = /* @__PURE__ */ w({
+}), It = ["type", "disabled"], fn = /* @__PURE__ */ w({
   __name: "btn-badge",
   props: Mt,
   emits: Bt,
   setup(e, { emit: t }) {
     const o = e, n = t;
     return (l, r) => (a(), p("button", {
-      class: C(["badge gap-1", b(At)[o.size], b(Lt)[o.color]]),
+      class: $(["badge gap-1", g(At)[o.size], g(Lt)[o.color]]),
       type: o.type,
       disabled: o.disabled,
       onClick: r[0] || (r[0] = (c) => n("click"))
     }, [
       M(l.$slots, "default"),
-      o.icon ? (a(), y(b(q), {
+      o.icon ? (a(), y(g(q), {
         key: 0,
         icon: o.icon,
         size: o.size
@@ -339,7 +341,7 @@ const xt = {
     const o = t, n = (l) => {
       o("closeModal", { confirmed: l });
     };
-    return (l, r) => (a(), y($t, {
+    return (l, r) => (a(), y(Ct, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
@@ -348,8 +350,8 @@ const xt = {
         z(h(e.message), 1)
       ]),
       actions: L(() => [
-        V(b(N), {
-          color: b(j).secondary,
+        V(g(N), {
+          color: g(j).secondary,
           outline: !0,
           onClick: r[0] || (r[0] = (c) => n(!1))
         }, {
@@ -358,7 +360,7 @@ const xt = {
           ]),
           _: 1
         }, 8, ["color"]),
-        V(b(N), {
+        V(g(N), {
           onClick: r[1] || (r[1] = (c) => n(!0))
         }, {
           default: L(() => [
@@ -430,13 +432,13 @@ const Dt = /* @__PURE__ */ w({
     };
     return (o, n) => (a(), p("div", {
       role: "alert",
-      class: C(`alert ${t[e.type]} `)
+      class: $(`alert ${t[e.type]} `)
     }, [
-      i("span", null, h(e.message), 1)
+      u("span", null, h(e.message), 1)
     ], 2));
   }
 }), Tt = 5e3;
-class ge {
+class be {
   constructor() {
     this.notifications = S([]), this.addNotification = (t, o = "info") => {
       const n = {
@@ -455,7 +457,7 @@ class ge {
     };
   }
   static getInstance() {
-    return this.instance || (this.instance = new ge()), this.instance;
+    return this.instance || (this.instance = new be()), this.instance;
   }
   static info(t) {
     this.getInstance().addNotification(t, "info");
@@ -476,14 +478,14 @@ class ge {
 const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__ */ w({
   __name: "notifications",
   setup(e) {
-    const t = ge.getInstance();
+    const t = be.getInstance();
     return (o, n) => (a(), p("div", zt, [
-      (a(!0), p(x, null, P(b(t).notifications.value, (l) => (a(), y(Rt, B({
+      (a(!0), p(x, null, P(g(t).notifications.value, (l) => (a(), y(Rt, B({
         key: l.id
       }, { ref_for: !0 }, l), null, 16))), 128))
     ]));
   }
-}), jt = { class: "flex h-screen flex-col" }, qt = { class: "shrink-0" }, Et = { class: "navbar bg-primary text-primary-content w-full z-100" }, Ft = { class: "navbar-start" }, Ut = { class: "navbar-center" }, Kt = ["href"], Ht = { class: "navbar-end" }, Wt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Gt = { class: "drawer-side h-full shadow-md" }, Xt = { class: "flex-grow overflow-y-auto" }, Zt = { class: "bg-base-200 p-4" }, cn = /* @__PURE__ */ w({
+}), jt = { class: "flex h-screen flex-col" }, qt = { class: "shrink-0" }, Et = { class: "navbar bg-primary text-primary-content w-full z-100" }, Ft = { class: "navbar-start" }, Ut = { class: "navbar-center" }, Kt = ["href"], Ht = { class: "navbar-end" }, Wt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Gt = { class: "drawer-side h-full shadow-md" }, Xt = { class: "flex-grow overflow-y-auto" }, Zt = { class: "bg-base-200 p-4" }, mn = /* @__PURE__ */ w({
   __name: "shell.component",
   props: {
     title: {},
@@ -507,63 +509,63 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
         }
       ]
     } : null);
-    return (f, u) => (a(), p(x, null, [
+    return (f, i) => (a(), p(x, null, [
       V(Nt),
-      V(b(Dt)),
-      i("div", jt, [
-        i("header", qt, [
-          i("nav", Et, [
-            i("div", Ft, [
-              i("button", {
+      V(g(Dt)),
+      u("div", jt, [
+        u("header", qt, [
+          u("nav", Et, [
+            u("div", Ft, [
+              u("button", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
                 onClick: r
               }, [
-                V(b(q), {
-                  icon: b(T).Hamburger
+                V(g(q), {
+                  icon: g(T).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            i("div", Ut, [
-              i("a", {
+            u("div", Ut, [
+              u("a", {
                 class: "btn btn-ghost text-primary-content text-lg color-white",
-                href: b("/")
+                href: g("/")
               }, h(e.title), 9, Kt)
             ]),
-            i("div", Ht, [
-              d.value ? (a(), y(b(pe), B({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : k("", !0)
+            u("div", Ht, [
+              d.value ? (a(), y(g(pe), B({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : k("", !0)
             ])
           ])
         ]),
-        i("div", {
-          class: C(["drawer flex-1 overflow-hidden", { "drawer-open": l.value }])
+        u("div", {
+          class: $(["drawer flex-1 overflow-hidden", { "drawer-open": l.value }])
         }, [
-          Y(i("input", {
+          Y(u("input", {
             id: "app-drawer",
-            "onUpdate:modelValue": u[0] || (u[0] = (s) => l.value = s),
+            "onUpdate:modelValue": i[0] || (i[0] = (s) => l.value = s),
             type: "checkbox",
             class: "drawer-toggle"
           }, null, 512), [
             [_e, l.value]
           ]),
-          i("main", Wt, [
+          u("main", Wt, [
             M(f.$slots, "default")
           ]),
-          i("div", Gt, [
-            u[1] || (u[1] = i("label", {
+          u("div", Gt, [
+            i[1] || (i[1] = u("label", {
               for: "app-drawer",
               "aria-label": "close sidebar",
               class: "drawer-overlay"
             }, null, -1)),
-            i("div", {
+            u("div", {
               class: "menu bg-base-100 h-full flex flex-col justify-between",
               style: G({ width: e.widthSidebar + "px" })
             }, [
-              i("ul", Xt, [
+              u("ul", Xt, [
                 (a(!0), p(x, null, P(e.menu, (s) => (a(), p("li", {
                   key: s.label
                 }, [
-                  V(b(ze), {
+                  V(g(ze), {
                     to: { name: s.routerLink, params: s.params }
                   }, {
                     default: L(() => [
@@ -573,7 +575,7 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
                   }, 1032, ["to"])
                 ]))), 128))
               ]),
-              i("div", Zt, " version: " + h(e.version), 1)
+              u("div", Zt, " version: " + h(e.version), 1)
             ], 4)
           ])
         ], 2)
@@ -596,12 +598,12 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
     ), r = v(() => o.neverActive ? j.blank : l.value ? j.primary : j.secondary), c = () => {
       n("updatePage", o.page);
     };
-    return (d, f) => (a(), y(b(N), {
+    return (d, f) => (a(), y(g(N), {
       disabled: d.disabled,
       square: !0,
       size: "xs",
       color: r.value,
-      onClick: f[0] || (f[0] = (u) => c())
+      onClick: f[0] || (f[0] = (i) => c())
     }, {
       default: L(() => [
         z(h(d.label), 1)
@@ -643,29 +645,29 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
     }), f = v(() => {
       let s = l.value;
       s < 1 && (s = 1);
-      const m = o.currentPage, g = [], { min: _, max: D } = c.value;
+      const m = o.currentPage, b = [], { min: _, max: D } = c.value;
       return Array.from({ length: s }, (K, A) => {
-        const $ = A + 1;
-        $ !== 1 && $ !== s && ($ > D || $ < _) || ($ === s && s > 1 && D < s && g.push(d(m)), g.push({
-          label: `${$}`,
+        const C = A + 1;
+        C !== 1 && C !== s && (C > D || C < _) || (C === s && s > 1 && D < s && b.push(d(m)), b.push({
+          label: `${C}`,
           totalPages: s,
           currentPage: m,
-          page: $
-        }), $ === 1 && s > 1 && _ > 1 && g.push(d(m)));
-      }), g;
-    }), u = (s) => {
+          page: C
+        }), C === 1 && s > 1 && _ > 1 && b.push(d(m)));
+      }), b;
+    }), i = (s) => {
       n("updatePage", s);
     };
     return (s, m) => (a(), p("div", to, [
-      i("div", oo, [
-        i("div", so, [
+      u("div", oo, [
+        u("div", so, [
           V(J, B(o, {
             page: 1,
             label: "<<",
             "current-page": s.currentPage,
             "never-active": !0,
             disabled: s.currentPage === 1,
-            onUpdatePage: u
+            onUpdatePage: i
           }), null, 16, ["current-page", "disabled"]),
           V(J, B(o, {
             page: s.currentPage - 1,
@@ -673,19 +675,19 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
             "current-page": s.currentPage,
             "never-active": !0,
             disabled: s.currentPage === 1,
-            onUpdatePage: u
+            onUpdatePage: i
           }), null, 16, ["page", "current-page", "disabled"]),
-          (a(!0), p(x, null, P(f.value, (g) => (a(), y(J, B({
-            key: g.page,
+          (a(!0), p(x, null, P(f.value, (b) => (a(), y(J, B({
+            key: b.page,
             ref_for: !0
-          }, g, { onUpdatePage: u }), null, 16))), 128)),
+          }, b, { onUpdatePage: i }), null, 16))), 128)),
           V(J, B(o, {
             page: s.currentPage + 1,
             label: ">",
             "current-page": s.currentPage,
             "never-active": !0,
             disabled: o.currentPage === l.value,
-            onUpdatePage: u
+            onUpdatePage: i
           }), null, 16, ["page", "current-page", "disabled"]),
           V(J, B(o, {
             page: l.value,
@@ -693,18 +695,18 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
             "current-page": s.currentPage,
             "never-active": !0,
             disabled: o.currentPage === l.value,
-            onUpdatePage: u
+            onUpdatePage: i
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      i("div", no, " page " + h(s.currentPage) + " of " + h(l.value), 1)
+      u("div", no, " page " + h(s.currentPage) + " of " + h(l.value), 1)
     ]));
   }
 }), ao = {
   data: { type: Object, required: !0 },
   column: { type: Object, required: !0 },
   options: { type: Object }
-}, dn = /* @__PURE__ */ w({
+}, bn = /* @__PURE__ */ w({
   __name: "text.cell",
   props: ao,
   setup(e) {
@@ -732,9 +734,9 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
       class: "flex items-center",
       onClick: c
     }, [
-      i("span", uo, h(d.column.label), 1),
-      i("div", co, [
-        d.sortColumn === r.value ? (a(), y(b(q), {
+      u("span", uo, h(d.column.label), 1),
+      u("div", co, [
+        d.sortColumn === r.value ? (a(), y(g(q), {
           key: 0,
           icon: l.value
         }, null, 8, ["icon"])) : k("", !0)
@@ -748,7 +750,7 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
   displayColumns: { type: Array, required: !0 },
   page: { type: Object },
   sort: { type: Object }
-}, mo = ["updatePage", "sort"], go = { class: "table w-full" }, bo = { key: 0 }, vo = ["colspan"], ho = { class: "flex gap-2" }, pn = /* @__PURE__ */ w({
+}, mo = ["updatePage", "sort"], bo = { class: "table w-full" }, go = { key: 0 }, vo = ["colspan"], ho = ["ui-id"], yo = { class: "flex gap-2" }, gn = /* @__PURE__ */ w({
   __name: "table.component",
   props: fo,
   emits: mo,
@@ -759,69 +761,73 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
       n.onDelete?.(s);
     }, f = (s) => {
       o("updatePage", s);
-    }, u = (s) => {
+    }, i = (s) => {
       o("sort", s);
     };
     return (s, m) => (a(), p(x, null, [
-      i("table", go, [
-        i("thead", null, [
-          i("tr", null, [
-            (a(!0), p(x, null, P(s.displayColumns, (g) => (a(), p("th", {
-              key: g.scope
+      u("table", bo, [
+        u("thead", null, [
+          u("tr", null, [
+            (a(!0), p(x, null, P(s.displayColumns, (b) => (a(), p("th", {
+              key: b.scope
             }, [
-              V(po, B({ column: g }, { ref_for: !0 }, s.sort, { onSort: u }), null, 16, ["column"])
+              V(po, B({ column: b }, { ref_for: !0 }, s.sort, { onSort: i }), null, 16, ["column"])
             ]))), 128)),
-            m[0] || (m[0] = i("th", null, null, -1))
+            m[0] || (m[0] = u("th", null, null, -1))
           ])
         ]),
-        i("tbody", null, [
-          s.loading ? (a(), p("tr", bo, [
-            i("td", {
+        u("tbody", null, [
+          s.loading ? (a(), p("tr", go, [
+            u("td", {
               colspan: s.displayColumns.length + 1,
               class: "text-center"
             }, [...m[1] || (m[1] = [
-              i("span", { class: "loading loading-bars loading-xs" }, null, -1)
+              u("span", { class: "loading loading-bars loading-xs" }, null, -1)
             ])], 8, vo)
           ])) : k("", !0),
-          (a(!0), p(x, null, P(s.data, (g) => (a(), p("tr", {
-            key: g.id
+          (a(!0), p(x, null, P(s.data, (b) => (a(), p("tr", {
+            key: b.id,
+            "ui-id": `table_${b.id}`
           }, [
             (a(!0), p(x, null, P(s.displayColumns, (_) => (a(), p("td", {
               key: _.scope
             }, [
               (a(), y(ne(_.component), B({ ref_for: !0 }, _, {
-                data: g,
+                data: b,
                 column: _
               }), null, 16, ["data", "column"]))
             ]))), 128)),
-            i("td", null, [
-              i("span", ho, [
+            u("td", null, [
+              u("span", yo, [
                 (a(!0), p(x, null, P(s.actions, (_) => (a(), y(N, {
+                  "area-label": _.label,
                   key: _.label,
                   icon: _.icon,
                   outline: !0,
-                  onClick: (D) => _.action(g)
+                  onClick: (D) => _.action(b)
                 }, {
                   default: L(() => [
                     z(h(_.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["icon", "onClick"]))), 128)),
+                }, 1032, ["area-label", "icon", "onClick"]))), 128)),
                 l.value ? (a(), y(N, {
                   key: 0,
-                  icon: b(T).Edit,
+                  "area-label": "Edit",
+                  icon: g(T).Edit,
                   outline: !0,
-                  onClick: (_) => c(g)
+                  onClick: (_) => c(b)
                 }, null, 8, ["icon", "onClick"])) : k("", !0),
                 r.value ? (a(), y(N, {
                   key: 1,
-                  icon: b(T).Delete,
+                  "area-label": "Delete",
+                  icon: g(T).Delete,
                   outline: !0,
-                  onClick: (_) => d(g)
+                  onClick: (_) => d(b)
                 }, null, 8, ["icon", "onClick"])) : k("", !0)
               ])
             ])
-          ]))), 128))
+          ], 8, ho))), 128))
         ])
       ]),
       s.page ? (a(), y(lo, {
@@ -834,43 +840,43 @@ const zt = { class: "toast toast-top toast-center z-[999]" }, Nt = /* @__PURE__
       }, null, 8, ["total-items", "items-per-page", "current-page"])) : k("", !0)
     ], 64));
   }
-}), yo = (e, t) => {
+}), wo = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, l] of t)
     o[n] = l;
   return o;
-}, wo = {}, ko = { class: "card bg-base-100 shadow-sm" }, _o = { class: "card-body" }, Co = {
+}, ko = {}, _o = { class: "card bg-base-100 shadow-sm" }, $o = { class: "card-body" }, Co = {
   key: 0,
   class: "card-title"
-}, $o = {
+}, xo = {
   key: 1,
   class: "card-actions justify-end"
 };
-function xo(e, t) {
-  return a(), p("div", ko, [
-    i("div", _o, [
+function Lo(e, t) {
+  return a(), p("div", _o, [
+    u("div", $o, [
       e.$slots.title ? (a(), p("h2", Co, [
         M(e.$slots, "title")
       ])) : k("", !0),
-      i("p", null, [
+      u("p", null, [
         M(e.$slots, "default"),
         M(e.$slots, "content")
       ]),
-      e.$slots.actions ? (a(), p("div", $o, [
+      e.$slots.actions ? (a(), p("div", xo, [
         M(e.$slots, "actions")
       ])) : k("", !0)
     ])
   ]);
 }
-const fn = /* @__PURE__ */ yo(wo, [["render", xo]]), mn = (e, t) => {
+const vn = /* @__PURE__ */ wo(ko, [["render", Lo]]), hn = (e, t) => {
   if (!e) return null;
   const o = (n) => {
     e.contains(n.target) || t();
   };
   return document.addEventListener("click", o), o;
-}, gn = (e) => {
+}, yn = (e) => {
   document.removeEventListener("click", e);
-}, bn = {
+}, wn = {
   beforeMount(e, t) {
     e.clickOutsideEvent = function(o) {
       e === o.target || e.contains(o.target) || t.value(o);
@@ -880,17 +886,17 @@ const fn = /* @__PURE__ */ yo(wo, [["render", xo]]), mn = (e, t) => {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function Lo(e) {
+function So(e) {
   return e.replace(/[:\s_-]+(.)/g, (t, o) => o.toUpperCase()).replace(/^[A-Z]/, (t) => t.toLowerCase());
 }
-function vn(e) {
+function kn(e) {
   const t = Ae();
   if (!t)
     return !1;
   const o = t.vnode.props;
   if (!o)
     return !1;
-  const n = Lo(e), l = Ie(e);
+  const n = So(e), l = Ie(e);
   return [
     ae(e),
     ae(l),
@@ -902,7 +908,7 @@ function vn(e) {
     (c) => !!o[c]
   );
 }
-const So = ["select"], be = {
+const Po = ["select"], ge = {
   options: { type: Array, required: !1 },
   isLoading: {
     type: Boolean,
@@ -978,16 +984,16 @@ const So = ["select"], be = {
   valueKey: { type: String, default: "value" },
   /** add a new button next to the list*/
   enableCreate: { type: Boolean, default: !1 }
-}, Po = ["select", "clear", "close", "create"], Pe = {
-  ...be,
+}, Mo = ["select", "clear", "close", "create"], Pe = {
+  ...ge,
   ...ve,
   isOpen: { type: Boolean, default: !1 },
   isActive: { type: Function, default: (e) => !1 }
-}, Mo = {
+}, Bo = {
   key: 1,
   tabindex: "-1",
   class: "pointer-events-none"
-}, Bo = ["data-index", "aria-selected", "onMousedown", "onMousemove"], Vo = ["innerHTML"], Ao = {
+}, Vo = ["data-index", "aria-selected", "onMousedown", "onMousemove"], Ao = ["innerHTML"], Io = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4 shrink-0 opacity-80",
@@ -996,7 +1002,7 @@ const So = ["select"], be = {
   stroke: "currentColor",
   "stroke-width": "2.5"
 };
-function Io(e, t) {
+function Oo(e, t) {
   if (!t) return e;
   const o = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   return e.replace(
@@ -1004,10 +1010,10 @@ function Io(e, t) {
     '<mark class="bg-warning/40 text-inherit rounded-sm px-0.5">$1</mark>'
   );
 }
-const Oo = /* @__PURE__ */ w({
+const Do = /* @__PURE__ */ w({
   __name: "ListResults",
-  props: be,
-  emits: So,
+  props: ge,
+  emits: Po,
   setup(e, { expose: t, emit: o }) {
     const n = e, l = S(-1), r = S(), c = o;
     X(
@@ -1017,7 +1023,7 @@ const Oo = /* @__PURE__ */ w({
       }
     );
     function d() {
-      Ce(() => {
+      $e(() => {
         r.value?.querySelector(
           `[data-index="${l.value}"]`
         )?.scrollIntoView({ block: "nearest" });
@@ -1034,11 +1040,11 @@ const Oo = /* @__PURE__ */ w({
             s.preventDefault(), l.value = l.value <= 0 ? m - 1 : l.value - 1, d();
             break;
           case "Enter":
-            s.preventDefault(), l.value >= 0 && l.value < m && u(n.options[l.value]);
+            s.preventDefault(), l.value >= 0 && l.value < m && i(n.options[l.value]);
             break;
         }
     }
-    function u(s) {
+    function i(s) {
       l.value = -1, c("select", s);
     }
     return t({ handleKeydown: f }), (s, m) => (a(), p("ul", {
@@ -1047,79 +1053,79 @@ const Oo = /* @__PURE__ */ w({
       role: "listbox",
       class: "absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-box shadow-xl overflow-auto max-h-64 origin-top p-1"
     }, [
-      s.isLoading ? (a(), p(x, { key: 0 }, P(2, (g) => i("li", {
-        key: `skel-${g}`,
+      s.isLoading ? (a(), p(x, { key: 0 }, P(2, (b) => u("li", {
+        key: `skel-${b}`,
         class: "pointer-events-none px-3 py-2"
       }, [...m[0] || (m[0] = [
-        i("div", { class: "flex items-center gap-3" }, [
-          i("div", { class: "skeleton h-3 w-3/4 rounded" })
+        u("div", { class: "flex items-center gap-3" }, [
+          u("div", { class: "skeleton h-3 w-3/4 rounded" })
         ], -1)
-      ])])), 64)) : s.options.length === 0 ? (a(), p("li", Mo, [...m[1] || (m[1] = [
-        i("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)
-      ])])) : (a(!0), p(x, { key: 2 }, P(s.options, (g, _) => (a(), p("li", {
-        key: g.value,
+      ])])), 64)) : s.options.length === 0 ? (a(), p("li", Bo, [...m[1] || (m[1] = [
+        u("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)
+      ])])) : (a(!0), p(x, { key: 2 }, P(s.options, (b, _) => (a(), p("li", {
+        key: b.value,
         "data-index": _,
         role: "option",
         "aria-selected": _ === l.value,
-        onMousedown: ce((D) => u(g), ["prevent"]),
+        onMousedown: ce((D) => i(b), ["prevent"]),
         onMousemove: (D) => l.value = _
       }, [
-        i("a", {
-          class: C(["flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm transition-colors duration-100", {
+        u("a", {
+          class: $(["flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm transition-colors duration-100", {
             "active bg-secondary text-primary-content": _ === l.value,
             "hover:bg-base-200": _ !== l.value
           }])
         }, [
-          i("span", {
+          u("span", {
             class: "whitespace-nowrap",
-            innerHTML: Io(g.label, s.query)
-          }, null, 8, Vo),
-          s.isActive(g) ? (a(), p("svg", Ao, [...m[2] || (m[2] = [
-            i("path", {
+            innerHTML: Oo(b.label, s.query)
+          }, null, 8, Ao),
+          s.isActive(b) ? (a(), p("svg", Io, [...m[2] || (m[2] = [
+            u("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               d: "M5 13l4 4L19 7"
             }, null, -1)
           ])])) : k("", !0)
         ], 2)
-      ], 40, Bo))), 128))
+      ], 40, Vo))), 128))
     ], 512));
   }
-}), Me = ({ isTouched: e, errors: t }) => !!(e && t), Do = (e, t, o, n) => t === void 0 || t !== void 0 && !e || !n && !o, U = (e, t) => [e, { "input-error": Me(t) }], Ro = { key: 0 }, Z = /* @__PURE__ */ w({
+}), Me = ({ isTouched: e, errors: t }) => !!(e && t), Ro = (e, t, o, n) => t === void 0 || t !== void 0 && !e || !n && !o, U = (e, t) => [e, { "input-error": Me(t) }], To = { key: 0 }, Z = /* @__PURE__ */ w({
   __name: "ControlWrapper",
   props: F,
   setup(e) {
-    const t = e, o = v(() => !Do(
+    const t = e, o = v(() => !Ro(
       t.visible,
       t.description,
       t.isFocused,
       !0
     )), n = v(() => t.required), l = v(() => Me(t)), r = v(() => le(t.styles));
     return (c, d) => (a(), p("fieldset", {
-      class: C(["fieldset", [c.width, r.value.control.wrapper]])
+      class: $(["fieldset", [c.width, r.value.control.wrapper]])
     }, [
-      i("legend", {
-        class: C(r.value.control.label)
+      u("legend", {
+        class: $(r.value.control.label)
       }, [
         c.hideLabel ? k("", !0) : (a(), p(x, { key: 0 }, [
-          i("span", null, h(c.label), 1),
-          n.value ? (a(), p("span", Ro, "*")) : k("", !0)
+          u("span", null, h(c.label), 1),
+          n.value ? (a(), p("span", To, "*")) : k("", !0)
         ], 64)),
         d[0] || (d[0] = z("   ", -1))
       ], 2),
       M(c.$slots, "default"),
-      i("p", {
-        class: C(["fieldset-label h-4", { "text-error": l.value }])
+      u("p", {
+        class: $(["fieldset-label h-4", { "text-error": l.value }])
       }, h(l.value ? c.errors : o.value ? c.description : null), 3)
     ], 2));
   }
-}), To = { class: "flex items-center w-full" }, zo = { class: "overflow-hidden w-full" }, No = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, jo = {
+}), zo = { class: "flex items-center w-full" }, No = { class: "overflow-hidden w-full" }, jo = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, qo = {
   key: 0,
   class: "loading loading-spinner loading-xs text-primary pointer-events-none"
 }, he = /* @__PURE__ */ w({
   __name: "SelectWrapper",
   props: Pe,
-  emits: Po,
+  emits: Mo,
   setup(e, { emit: t }) {
     const o = e, n = S(), l = S(), r = t, c = () => {
       d(), r("clear");
@@ -1131,29 +1137,29 @@ const Oo = /* @__PURE__ */ w({
         return;
       }
       l.value?.handleKeydown(s);
-    }, u = (s) => {
+    }, i = (s) => {
       n.value && !n.value.contains(s.target) && d();
     };
     return ke(() => {
-      document.addEventListener("click", u);
+      document.addEventListener("click", i);
     }), Oe(() => {
-      document.removeEventListener("click", u);
+      document.removeEventListener("click", i);
     }), (s, m) => (a(), p("div", {
       ref_key: "selectWrapperRef",
       ref: n
     }, [
       V(Z, ee(te(o)), {
         default: L(() => [
-          i("div", To, [
-            i("div", {
+          u("div", zo, [
+            u("div", {
               class: "relative w-full",
               onKeydown: f
             }, [
-              i("div", zo, [
+              u("div", No, [
                 M(s.$slots, "default")
               ]),
-              i("div", No, [
-                s.isLoading && !s.label ? (a(), p("span", jo)) : k("", !0),
+              u("div", jo, [
+                s.isLoading && !s.label ? (a(), p("span", qo)) : k("", !0),
                 s.query && !s.isLoading ? (a(), p("button", {
                   key: 1,
                   type: "button",
@@ -1162,7 +1168,7 @@ const Oo = /* @__PURE__ */ w({
                   "aria-label": "Clear",
                   onMousedown: ce(c, ["prevent"])
                 }, [...m[2] || (m[2] = [
-                  i("svg", {
+                  u("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     class: "h-3.5 w-3.5",
                     fill: "none",
@@ -1170,7 +1176,7 @@ const Oo = /* @__PURE__ */ w({
                     stroke: "currentColor",
                     "stroke-width": "2.5"
                   }, [
-                    i("path", {
+                    u("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M6 18L18 6M6 6l12 12"
@@ -1179,13 +1185,13 @@ const Oo = /* @__PURE__ */ w({
                 ])], 32)) : k("", !0),
                 (a(), p("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
-                  class: C(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": s.isOpen }]),
+                  class: $(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": s.isOpen }]),
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "stroke-width": "2"
                 }, [...m[3] || (m[3] = [
-                  i("path", {
+                  u("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     d: "M19 9l-7 7-7-7"
@@ -1201,7 +1207,7 @@ const Oo = /* @__PURE__ */ w({
                 "leave-to-class": "opacity-0 -translate-y-1 scale-y-95"
               }, {
                 default: L(() => [
-                  s.isOpen ? (a(), y(Oo, {
+                  s.isOpen ? (a(), y(Do, {
                     key: 0,
                     ref_key: "listResultsRef",
                     ref: l,
@@ -1209,7 +1215,7 @@ const Oo = /* @__PURE__ */ w({
                     options: s.options,
                     "is-loading": s.isLoading,
                     "is-active": s.isActive,
-                    onSelect: m[0] || (m[0] = (g) => r("select", g))
+                    onSelect: m[0] || (m[0] = (b) => r("select", b))
                   }, null, 8, ["query", "options", "is-loading", "is-active"])) : k("", !0)
                 ]),
                 _: 1
@@ -1221,7 +1227,7 @@ const Oo = /* @__PURE__ */ w({
               color: "blank",
               size: "lg",
               tooltip: "Create new",
-              onClick: m[1] || (m[1] = (g) => r("create"))
+              onClick: m[1] || (m[1] = (b) => r("create"))
             })) : k("", !0)
           ])
         ]),
@@ -1235,15 +1241,15 @@ const Oo = /* @__PURE__ */ w({
 }, re = (e, t) => {
   if (e)
     return typeof e == "object" ? e[t.valueKey] : e;
-}, qo = (e) => {
+}, Eo = (e) => {
   const t = S([]), o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), l = (s) => {
     const m = [];
-    o.clear(), n.clear(), s?.forEach((g) => {
+    o.clear(), n.clear(), s?.forEach((b) => {
       const _ = {
-        value: re(g, e),
-        label: ie(g, e)
+        value: re(b, e),
+        label: ie(b, e)
       };
-      o.set(_.value, g), m.push(_);
+      o.set(_.value, b), m.push(_);
     }), t.value = m;
   }, r = (s) => o.get(s.value);
   return {
@@ -1255,7 +1261,7 @@ const Oo = /* @__PURE__ */ w({
     getOption: (s) => n.get(re(s, e)),
     getOriginals: (...s) => s.map(r).filter(Boolean)
   };
-}, ye = (e) => qo(e), hn = /* @__PURE__ */ w({
+}, ye = (e) => Eo(e), Fo = ["aria-label"], _n = /* @__PURE__ */ w({
   __name: "SelectComponent",
   props: /* @__PURE__ */ O(ve, {
     modelValue: {},
@@ -1273,41 +1279,43 @@ const Oo = /* @__PURE__ */ w({
     );
     const f = (A) => {
       l("change", A);
-    }, u = v(
+    }, i = v(
       () => r.value ? c.getLabels(r.value)[0] : ""
     ), s = v(() => le(n.styles)), m = v(
       () => U(s.value.control.select, n)
-    ), g = (A) => {
-      const $ = c.getOriginal(A);
-      r.value = $, f($);
+    ), b = (A) => {
+      const C = c.getOriginal(A);
+      r.value = C, f(C);
     }, _ = () => {
       o.value = !1, r.value = null, f(void 0);
     }, D = (A) => c.getValues(r.value)?.[0] === A.value, K = () => {
       o.value = !1;
     };
-    return (A, $) => (a(), y(he, B(n, {
-      options: b(d),
+    return (A, C) => (a(), y(he, B(n, {
+      options: g(d),
       disabled: !A.enabled,
       "is-open": o.value,
-      query: u.value,
+      query: i.value,
       "is-active": D,
       onClose: K,
-      onSelect: g,
+      onSelect: b,
       onClear: _
     }), {
       default: L(() => [
-        i("button", {
+        u("button", {
           type: "button",
-          class: C(["truncate block text-left", [m.value, A.width]]),
-          onClick: $[0] || ($[0] = (R) => o.value = !0)
-        }, h(u.value ?? "Select value"), 3)
+          class: $(["truncate block text-left", [m.value, A.width]]),
+          onClick: C[0] || (C[0] = (R) => o.value = !0),
+          "aria-label": A.id,
+          role: "combobox"
+        }, h(i.value ?? "Select value"), 11, Fo)
       ]),
       _: 1
     }, 16, ["options", "disabled", "is-open", "query"]));
   }
-}), Eo = {
+}), Uo = {
   ...ve,
-  ...be,
+  ...ge,
   /** v-model binding */
   modelValue: {
     type: [String, Object],
@@ -1338,7 +1346,7 @@ const Oo = /* @__PURE__ */ w({
     default: !1
   }
 };
-function Fo(e) {
+function Ko(e) {
   const t = S([]), o = S(!1);
   function n(r) {
     if (!e.options) {
@@ -1355,16 +1363,16 @@ function Fo(e) {
   }
   return { results: t, isLoading: o, search: n, clear: l };
 }
-function Uo(e) {
+function Ho(e) {
   const t = S([]), o = S(!1);
   let n = null, l = null;
   async function r(f) {
     l && l.abort(), l = new AbortController(), o.value = !0;
     try {
-      const u = await e.fetchOptions(f, l.signal);
-      t.value = (u || []).slice(0, e.maxResults);
-    } catch (u) {
-      u.name !== "AbortError" && (t.value = []);
+      const i = await e.fetchOptions(f, l.signal);
+      t.value = (i || []).slice(0, e.maxResults);
+    } catch (i) {
+      i.name !== "AbortError" && (t.value = []);
     } finally {
       o.value = !1;
     }
@@ -1379,8 +1387,8 @@ function Uo(e) {
   }
   return { results: t, isLoading: o, search: c, clear: d };
 }
-function Ko(e) {
-  const t = e.fetchOptions ? Uo(e) : Fo(e);
+function Wo(e) {
+  const t = e.fetchOptions ? Ho(e) : Ko(e);
   function o(n) {
     t.search(n);
   }
@@ -1391,12 +1399,12 @@ function Ko(e) {
     clear: t.clear
   };
 }
-const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PURE__ */ w({
+const Go = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"], $n = /* @__PURE__ */ w({
   __name: "AutoComplete",
-  props: Eo,
+  props: Uo,
   emits: ["update:modelValue", "change", "clear", "focus", "blur"],
   setup(e, { emit: t }) {
-    const o = e, n = t, l = S(null), r = S(""), c = S(!1), d = Ko(o), { isLoading: f, triggerSearch: u, clear: s } = d, m = ye(o), { options: g } = m;
+    const o = e, n = t, l = S(null), r = S(""), c = S(!1), d = Wo(o), { isLoading: f, triggerSearch: i, clear: s } = d, m = ye(o), { options: b } = m;
     X(
       () => d.results.value,
       () => {
@@ -1416,9 +1424,9 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
       { immediate: !0 }
     );
     const _ = (I) => {
-      r.value = I.target.value, o.freeText ? n("update:modelValue", r.value) : n("update:modelValue", ""), u(r.value), c.value = !0;
+      r.value = I.target.value, o.freeText ? n("update:modelValue", r.value) : n("update:modelValue", ""), i(r.value), c.value = !0;
     }, D = () => {
-      u(r.value), c.value = !0;
+      i(r.value), c.value = !0;
     };
     function K() {
       setTimeout(() => {
@@ -1428,47 +1436,48 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
     const A = (I) => {
       const W = m.getOriginal(I);
       r.value = I.label, c.value = !1, n("update:modelValue", W), n("change", W);
-    }, $ = () => {
-      r.value = "", s(), c.value = !1, n("update:modelValue", ""), n("clear"), Ce(() => l.value?.focus());
+    }, C = () => {
+      r.value = "", s(), c.value = !1, n("update:modelValue", ""), n("clear"), $e(() => l.value?.focus());
     }, R = () => {
       c.value = !1;
     }, H = v(() => le(o.styles)), Be = v(
       () => U(H.value.control.select, o)
     );
     return (I, W) => (a(), y(he, B(o, {
-      options: b(g),
-      "is-loading": b(f),
+      options: g(b),
+      "is-loading": g(f),
       "is-open": c.value,
       query: r.value,
       onClose: R,
       onSelect: A,
-      onClear: $
+      onClear: C
     }), {
       default: L(() => [
-        i("input", {
+        u("input", {
           ref_key: "inputRef",
           ref: l,
           type: "text",
           role: "combobox",
+          "aria-label": I.id,
           "aria-expanded": c.value,
           "aria-autocomplete": "list",
           "aria-haspopup": "listbox",
           autocomplete: "off",
           autocorrect: "off",
           spellcheck: "false",
-          class: C([Be.value, "w-full"]),
+          class: $([Be.value, "w-full"]),
           value: r.value,
           placeholder: I.placeholder,
           disabled: !I.enabled,
           onInput: _,
           onFocus: D,
           onBlur: K
-        }, null, 42, Ho)
+        }, null, 42, Go)
       ]),
       _: 1
     }, 16, ["options", "is-loading", "is-open", "query"]));
   }
-}), wn = /* @__PURE__ */ w({
+}), Xo = ["aria-label"], Cn = /* @__PURE__ */ w({
   __name: "MultiSelect",
   props: /* @__PURE__ */ O(Pe, {
     modelValue: {},
@@ -1476,8 +1485,8 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
   }),
   emits: /* @__PURE__ */ O(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = S(!1), n = e, l = t, r = E(e, "modelValue"), c = ($) => {
-      l("change", $);
+    const o = S(!1), n = e, l = t, r = E(e, "modelValue"), c = (C) => {
+      l("change", C);
     }, d = ye(n), { options: f } = d;
     X(
       () => n.options,
@@ -1486,49 +1495,51 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
       },
       { immediate: !0 }
     );
-    const u = v(
+    const i = v(
       () => r.value ? d.getLabels(...r.value).join(", ") : void 0
     ), s = v(
       () => d.getValues(...r.value ?? [])
-    ), m = ($) => {
+    ), m = (C) => {
       let R = r.value ?? [];
-      if (D($))
+      if (D(C))
         R = R.filter(
-          (H) => d.getOption(H) !== $.value
+          (H) => d.getOption(H) !== C.value
         );
       else {
-        const H = d.getOriginal($);
+        const H = d.getOriginal(C);
         R.push(H);
       }
       r.value = R, c(R);
-    }, g = () => {
+    }, b = () => {
       o.value = !1, r.value = [], c([]);
     }, _ = () => {
       o.value = !1;
-    }, D = ($) => s.value?.includes($.value) ?? !1, K = v(() => le(n.styles)), A = v(
+    }, D = (C) => s.value?.includes(C.value) ?? !1, K = v(() => le(n.styles)), A = v(
       () => U(K.value.control.select, n)
     );
-    return ($, R) => (a(), y(he, B(n, {
-      options: b(f),
+    return (C, R) => (a(), y(he, B(n, {
+      options: g(f),
       "is-open": o.value,
-      disabled: !$.enabled,
-      query: u.value,
+      disabled: !C.enabled,
+      query: i.value,
       "is-active": D,
       onClose: _,
       onSelect: m,
-      onClear: g
+      onClear: b
     }), {
       default: L(() => [
-        i("button", {
+        u("button", {
           type: "button",
-          class: C(["truncate block text-left", [A.value, $.width]]),
-          onClick: R[0] || (R[0] = (H) => o.value = !0)
-        }, h(u.value ?? "Select value"), 3)
+          class: $(["truncate block text-left", [A.value, C.width]]),
+          onClick: R[0] || (R[0] = (H) => o.value = !0),
+          "aria-label": C.id,
+          role: "combobox"
+        }, h(i.value ?? "Select value"), 11, Xo)
       ]),
       _: 1
     }, 16, ["options", "is-open", "disabled", "query"]));
   }
-}), Wo = ["change"], Go = {
+}), Zo = ["change"], Jo = {
   ...F,
   width: { type: String, default: "w-48" },
   minHeight: { type: String, default: "min-h-96" },
@@ -1547,13 +1558,13 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
       }
     ]
   }
-}, Xo = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, Zo = ["title", "onClick"], Jo = ["innerHTML"], Qo = { class: "card-body p-3" }, kn = /* @__PURE__ */ w({
+}, Qo = ["aria-label"], Yo = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, es = ["title", "onClick"], ts = ["innerHTML"], os = { class: "card-body p-3" }, xn = /* @__PURE__ */ w({
   __name: "Markdown",
-  props: /* @__PURE__ */ O(Go, {
+  props: /* @__PURE__ */ O(Jo, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(Wo, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(Zo, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, n = t, l = E(e, "modelValue"), r = at({
       content: l.value ?? "",
@@ -1583,212 +1594,219 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
       r.value?.destroy();
     }), (c, d) => (a(), y(Z, ee(te(o)), {
       default: L(() => [
-        i("div", {
-          class: C([[c.minHeight], "card bg-base-100 border border-base-300 w-full"])
+        u("div", {
+          class: $([[c.minHeight], "card bg-base-100 border border-base-300 w-full"]),
+          "aria-label": c.id,
+          role: "textbox"
         }, [
-          i("div", Xo, [
+          u("div", Yo, [
             (a(!0), p(x, null, P(c.actions, (f) => (a(), p("button", {
               key: f.name,
               tabindex: "-1",
               type: "button",
-              class: C(["btn btn-sm btn-ghost", { "btn-active": b(r)?.isActive(f.name) }]),
+              class: $(["btn btn-sm btn-ghost", { "btn-active": g(r)?.isActive(f.name) }]),
               title: f.label,
-              onClick: (u) => f.action(b(r))
+              onClick: (i) => f.action(g(r))
             }, [
-              i("span", {
+              u("span", {
                 innerHTML: f.label
-              }, null, 8, Jo)
-            ], 10, Zo))), 128))
+              }, null, 8, ts)
+            ], 10, es))), 128))
           ]),
-          i("div", Qo, [
-            V(b(rt), {
-              editor: b(r),
+          u("div", os, [
+            V(g(rt), {
+              editor: g(r),
               class: "prose prose-sm max-w-none h-full"
             }, null, 8, ["editor"])
           ])
-        ], 2)
+        ], 10, Qo)
       ]),
       _: 1
     }, 16));
   }
-}), Yo = {
+}), ss = {
   ...F
-}, es = ["change", "focus", "blur"], ts = { class: "flex items-center justify-center h-full" }, os = { class: "fieldset-label" }, ss = ["disabled"], ns = { class: "font-bold text-gray-500 text-sm" }, _n = /* @__PURE__ */ w({
+}, ns = ["change", "focus", "blur"], ls = { class: "flex items-center justify-center h-full" }, as = { class: "fieldset-label" }, rs = ["aria-label", "disabled"], is = { class: "font-bold text-gray-500 text-sm" }, Ln = /* @__PURE__ */ w({
   __name: "Checkbox",
-  props: /* @__PURE__ */ O(Yo, {
+  props: /* @__PURE__ */ O(ss, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(es, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(ns, ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = t, l = E(e, "modelValue"), r = (u) => {
-      n("change", u);
-    }, c = (u) => {
-      n("focus", u);
-    }, d = (u) => {
-      n("blur", u);
+    const o = e, n = t, l = E(e, "modelValue"), r = (i) => {
+      n("change", i);
+    }, c = (i) => {
+      n("focus", i);
+    }, d = (i) => {
+      n("blur", i);
     }, f = v(
       () => U(o.styles.control.checkbox, o)
     );
-    return (u, s) => (a(), p("div", ts, [
+    return (i, s) => (a(), p("div", ls, [
       V(Z, B(o, { "hide-label": !0 }), {
         default: L(() => [
-          i("label", os, [
-            Y(i("input", {
+          u("label", as, [
+            Y(u("input", {
               "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
+              "aria-label": i.id,
+              role: "checkbox",
               type: "checkbox",
-              class: C(f.value),
-              disabled: !u.enabled,
+              class: $(f.value),
+              disabled: !i.enabled,
               onChange: r,
               onFocus: c,
               onBlur: d
-            }, null, 42, ss), [
+            }, null, 42, rs), [
               [_e, l.value]
             ]),
-            i("span", ns, h(u.label), 1)
+            u("span", is, h(i.label), 1)
           ])
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), ls = {
+}), us = {
   ...F,
   type: { type: String, default: "text" }
-}, as = ["change", "focus", "blur"], rs = ["type", "disabled", "autofocus", "placeholder"], Cn = /* @__PURE__ */ w({
+}, cs = ["change", "focus", "blur"], ds = ["aria-label", "type", "disabled", "autofocus", "placeholder"], Sn = /* @__PURE__ */ w({
   __name: "Input",
-  props: /* @__PURE__ */ O(ls, {
+  props: /* @__PURE__ */ O(us, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(as, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(cs, ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = t, l = E(e, "modelValue"), r = (u) => {
-      n("change", u);
-    }, c = (u) => {
-      n("focus", u);
-    }, d = (u) => {
-      n("blur", u);
+    const o = e, n = t, l = E(e, "modelValue"), r = (i) => {
+      n("change", i);
+    }, c = (i) => {
+      n("focus", i);
+    }, d = (i) => {
+      n("blur", i);
     }, f = v(
       () => U(o.styles.control.input, o)
     );
-    return (u, s) => (a(), y(Z, ee(te(o)), {
+    return (i, s) => (a(), y(Z, ee(te(o)), {
       default: L(() => [
-        Y(i("input", {
+        Y(u("input", {
           "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
+          "aria-label": i.id,
           autocomplete: "off",
-          type: u.type,
-          class: C(["w-full", f.value]),
-          disabled: !u.enabled,
-          autofocus: u.isFocused,
-          placeholder: u.placeholder,
+          type: i.type,
+          class: $(["w-full", f.value]),
+          disabled: !i.enabled,
+          autofocus: i.isFocused,
+          placeholder: i.placeholder,
           onChange: r,
           onFocus: c,
           onBlur: d
-        }, null, 42, rs), [
+        }, null, 42, ds), [
           [Te, l.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), is = {
+}), ps = {
   ...F,
   steps: { type: Number, default: 1 }
-}, us = ["change", "focus", "blur"], cs = ["disabled", "step", "autofocus", "placeholder"], $n = /* @__PURE__ */ w({
+}, fs = ["change", "focus", "blur"], ms = ["aria-label", "disabled", "step", "autofocus", "placeholder"], Pn = /* @__PURE__ */ w({
   __name: "InputNumber",
-  props: /* @__PURE__ */ O(is, {
+  props: /* @__PURE__ */ O(ps, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(us, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(fs, ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = t, l = E(e, "modelValue"), r = (u) => {
-      n("change", u);
-    }, c = (u) => {
-      n("focus", u);
-    }, d = (u) => {
-      n("blur", u);
+    const o = e, n = t, l = E(e, "modelValue"), r = (i) => {
+      n("change", i);
+    }, c = (i) => {
+      n("focus", i);
+    }, d = (i) => {
+      n("blur", i);
     }, f = v(
       () => U(o.styles.control.input, o)
     );
-    return (u, s) => (a(), y(Z, ee(te(o)), {
+    return (i, s) => (a(), y(Z, ee(te(o)), {
       default: L(() => [
-        Y(i("input", {
+        Y(u("input", {
           "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
           autocomplete: "off",
+          "aria-label": i.id,
           type: "number",
-          class: C(["w-full", [f.value]]),
-          disabled: !u.enabled,
-          step: u.steps,
-          autofocus: u.isFocused,
-          placeholder: u.placeholder,
+          class: $(["w-full", [f.value]]),
+          disabled: !i.enabled,
+          step: i.steps,
+          autofocus: i.isFocused,
+          placeholder: i.placeholder,
           onChange: r,
           onFocus: c,
           onBlur: d
-        }, null, 42, cs), [
-          [$e, l.value]
+        }, null, 42, ms), [
+          [Ce, l.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), ds = {
+}), bs = {
   ...F,
   rows: { type: Number, default: 4 }
-}, ps = ["change", "focus", "blur"], fs = ["disabled", "rows", "autofocus", "placeholder"], xn = /* @__PURE__ */ w({
+}, gs = ["change", "focus", "blur"], vs = ["aria-label", "disabled", "rows", "autofocus", "placeholder"], Mn = /* @__PURE__ */ w({
   __name: "Textarea",
-  props: /* @__PURE__ */ O(ds, {
+  props: /* @__PURE__ */ O(bs, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(ps, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(gs, ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = t, l = E(e, "modelValue"), r = (u) => {
-      n("change", u);
-    }, c = (u) => {
-      n("focus", u);
-    }, d = (u) => {
-      n("blur", u);
+    const o = e, n = t, l = E(e, "modelValue"), r = (i) => {
+      n("change", i);
+    }, c = (i) => {
+      n("focus", i);
+    }, d = (i) => {
+      n("blur", i);
     }, f = v(
       () => U(o.styles.control.textarea, o)
     );
-    return (u, s) => (a(), y(Z, ee(te(o)), {
+    return (i, s) => (a(), y(Z, ee(te(o)), {
       default: L(() => [
-        Y(i("textarea", {
+        Y(u("textarea", {
           "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
           autocomplete: "off",
           type: "text",
-          class: C(["w-full", f.value]),
-          disabled: !u.enabled,
-          rows: u.rows,
-          autofocus: u.isFocused,
-          placeholder: u.placeholder,
+          "aria-label": i.id,
+          class: $(["w-full", f.value]),
+          disabled: !i.enabled,
+          rows: i.rows,
+          autofocus: i.isFocused,
+          placeholder: i.placeholder,
           onChange: r,
           onFocus: c,
           onBlur: d
-        }, null, 42, fs), [
-          [$e, l.value]
+        }, null, 42, vs), [
+          [Ce, l.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), ms = {
+}), hs = {
   widthLeft: { type: Number, default: 200 },
   widthRight: { type: Number, default: 200 },
   initialLeftOpen: { type: Boolean, default: !0 },
   initialRightOpen: { type: Boolean, default: !0 }
-}, gs = { class: "flex h-full overflow-hidden gap-2" }, bs = {
+}, ys = { class: "flex h-full overflow-hidden gap-2" }, ws = {
   key: 0,
   id: "drawer-left",
   class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, vs = { class: "flex-1 overflow-y-auto bg-white" }, hs = {
+}, ks = { class: "flex-1 overflow-y-auto bg-white" }, _s = {
   key: 1,
   class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, Ln = /* @__PURE__ */ w({
+}, Bn = /* @__PURE__ */ w({
   __name: "drawer",
-  props: ms,
+  props: hs,
   setup(e) {
     const t = e, o = xe(), n = v(() => !!o["left-drawer"]), l = v(() => !!o["right-drawer"]), r = S({
       left: t.initialLeftOpen,
@@ -1796,47 +1814,47 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
     }), c = (d) => {
       r.value[d] = !r.value[d];
     };
-    return (d, f) => (a(), p("main", gs, [
-      n.value ? (a(), p("aside", bs, [
-        i("div", {
+    return (d, f) => (a(), p("main", ys, [
+      n.value ? (a(), p("aside", ws, [
+        u("div", {
           style: G({ width: r.value.left ? d.widthLeft + "px" : "0px" }),
           class: "h-full overflow-hidden bg-white shadow-sm transition-[width] duration-300 ease-in-out"
         }, [
-          i("div", {
+          u("div", {
             style: G({ width: d.widthLeft + "px" }),
             class: "h-full overflow-y-auto p-4"
           }, [
             M(d.$slots, "left-drawer")
           ], 4)
         ], 4),
-        i("button", {
+        u("button", {
           class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
-          onClick: f[0] || (f[0] = (u) => c("left"))
+          onClick: f[0] || (f[0] = (i) => c("left"))
         }, [
-          V(b(q), {
+          V(g(q), {
             size: "lg",
-            icon: r.value.left ? b(T).ChevronLeft : b(T).ChevronRight
+            icon: r.value.left ? g(T).ChevronLeft : g(T).ChevronRight
           }, null, 8, ["icon"])
         ])
       ])) : k("", !0),
-      i("div", vs, [
+      u("div", ks, [
         M(d.$slots, "default")
       ]),
-      l.value ? (a(), p("aside", hs, [
-        i("button", {
+      l.value ? (a(), p("aside", _s, [
+        u("button", {
           class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
-          onClick: f[1] || (f[1] = (u) => c("right"))
+          onClick: f[1] || (f[1] = (i) => c("right"))
         }, [
-          V(b(q), {
+          V(g(q), {
             size: "lg",
-            icon: r.value.right ? b(T).ChevronRight : b(T).ChevronLeft
+            icon: r.value.right ? g(T).ChevronRight : g(T).ChevronLeft
           }, null, 8, ["icon"])
         ]),
-        i("div", {
+        u("div", {
           style: G({ width: r.value.right ? d.widthRight + "px" : "0px" }),
           class: "h-full overflow-hidden bg-white shadow-sm transition-[width] duration-300 ease-in-out"
         }, [
-          i("div", {
+          u("div", {
             style: G({ width: d.widthRight + "px" }),
             class: "h-full overflow-y-auto p-4"
           }, [
@@ -1846,10 +1864,10 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
       ])) : k("", !0)
     ]));
   }
-}), ys = { class: "ml-1" }, ws = { class: "truncate flex-1 min-w-0 text-left" }, ks = {
+}), $s = { class: "ml-1" }, Cs = { class: "truncate flex-1 min-w-0 text-left" }, xs = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, _s = /* @__PURE__ */ w({
+}, Ls = /* @__PURE__ */ w({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1862,9 +1880,9 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
     const o = e, n = t, l = v(() => o.active === o.node.id);
     return (r, c) => {
       const d = ue("TreeItem", !0);
-      return a(), p("li", ys, [
-        i("div", {
-          class: C([
+      return a(), p("li", $s, [
+        u("div", {
+          class: $([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
       hover:bg-gray-100`,
             l.value ? "text-primary" : ""
@@ -1875,25 +1893,25 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
             class: "flex items-center justify-center",
             onClick: c[0] || (c[0] = (f) => n("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (a(), y(b(ut), {
+            e.node.children && e.isExpanded(e.node.id) ? (a(), y(g(ut), {
               key: 0,
               class: "w-3 h-3"
-            })) : (a(), y(b(ct), {
+            })) : (a(), y(g(ct), {
               key: 1,
               class: "w-3 h-3"
             }))
           ])) : k("", !0),
-          i("div", {
+          u("div", {
             class: "flex items-center gap-2 w-full min-w-0",
             onClick: c[1] || (c[1] = (f) => n("select", e.node))
           }, [
-            i("div", ws, h(e.node.label), 1),
-            e.node.tag ? (a(), p("div", ks, h(e.node.tag), 1)) : k("", !0)
+            u("div", Cs, h(e.node.label), 1),
+            e.node.tag ? (a(), p("div", xs, h(e.node.tag), 1)) : k("", !0)
           ])
         ], 2),
         e.node.children && e.isExpanded(e.node.id) ? (a(), p("ul", {
           key: 0,
-          class: C([
+          class: $([
             "ml-4 border-l pl-2",
             { "border-gray-200": !l.value, "border-primary": l.value }
           ])
@@ -1904,14 +1922,14 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
             expanded: e.expanded,
             active: e.active,
             "is-expanded": e.isExpanded,
-            onToggle: c[2] || (c[2] = (u) => n("toggle", u)),
-            onSelect: c[3] || (c[3] = (u) => n("select", u))
+            onToggle: c[2] || (c[2] = (i) => n("toggle", i)),
+            onSelect: c[3] || (c[3] = (i) => n("select", i))
           }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
         ], 2)) : k("", !0)
       ]);
     };
   }
-}), Cs = { class: "select-none text-sm" }, Sn = /* @__PURE__ */ w({
+}), Ss = { class: "select-none text-sm" }, Vn = /* @__PURE__ */ w({
   __name: "TreeView",
   props: {
     data: {},
@@ -1920,17 +1938,17 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
   emits: ["select"],
   setup(e, { emit: t }) {
     const o = e, n = t, l = S(/* @__PURE__ */ new Set()), r = (f) => {
-      const u = f.id;
+      const i = f.id;
       if (!f.children || f.children.length === 0) {
         n("select", f);
         return;
       }
-      l.value.has(u) ? l.value.delete(u) : l.value.add(u);
+      l.value.has(i) ? l.value.delete(i) : l.value.add(i);
     }, c = (f) => {
       n("select", f), l.value.add(f.id);
     }, d = (f) => l.value.has(f);
-    return (f, u) => (a(), p("ul", Cs, [
-      (a(!0), p(x, null, P(o.data, (s) => (a(), y(_s, {
+    return (f, i) => (a(), p("ul", Ss, [
+      (a(!0), p(x, null, P(o.data, (s) => (a(), y(Ls, {
         key: s.id,
         node: s,
         expanded: l.value,
@@ -1941,20 +1959,20 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), $s = {
+}), Ps = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, Pn = /* @__PURE__ */ w({
+}, An = /* @__PURE__ */ w({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, o) => e.loading ? (a(), p("div", $s, [...o[0] || (o[0] = [
-      i("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
+    return (t, o) => e.loading ? (a(), p("div", Ps, [...o[0] || (o[0] = [
+      u("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
     ])])) : k("", !0);
   }
-}), xs = {
+}), Ms = {
   title: { type: String, required: !0 },
   opened: { type: Boolean, default: !0 },
   heightFull: { type: Boolean, default: !1 },
@@ -1963,16 +1981,16 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
     type: Array,
     default: () => []
   }
-}, Ls = ["checked"], Ss = { class: "collapse-title text-gray-500 text-xs font-medium" }, Ps = { class: "flex items-center justify-between" }, Ms = {
+}, Bs = ["checked"], Vs = { class: "collapse-title text-gray-500 text-xs font-medium" }, As = { class: "flex items-center justify-between" }, Is = {
   key: 0,
   class: "list bg-base-100"
-}, Bs = /* @__PURE__ */ w({
+}, Os = /* @__PURE__ */ w({
   __name: "Collapse",
-  props: xs,
+  props: Ms,
   setup(e) {
     const t = xe(), o = e, n = S(o.opened), l = S(o.opened || o.disabled);
     return (r, c) => (a(), p("div", {
-      class: C([
+      class: $([
         "collapse collapse-arrow bg-white w-full border border-gray-300",
         r.heightFull ? "h-full" : "",
         r.disabled ? "collapse-open" : "",
@@ -1985,19 +2003,19 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
         checked: n.value,
         tabindex: "-1",
         onChange: c[0] || (c[0] = (d) => l.value = d.target.checked)
-      }, null, 40, Ls)),
-      i("div", Ss, [
-        i("div", Ps, [
-          i("span", null, h(r.title), 1),
+      }, null, 40, Bs)),
+      u("div", Vs, [
+        u("div", As, [
+          u("span", null, h(r.title), 1),
           o.actions.length > 0 ? (a(), p("div", {
             key: 0,
             class: "relative z-10 flex gap-1",
             onClick: c[1] || (c[1] = ce(() => {
             }, ["stop"]))
           }, [
-            (a(!0), p(x, null, P(o.actions, (d, f) => (a(), y(b(N), {
+            (a(!0), p(x, null, P(o.actions, (d, f) => (a(), y(g(N), {
               key: f,
-              color: b(j).blank,
+              color: g(j).blank,
               size: "xs",
               icon: d.icon,
               tooltip: d.tooltip,
@@ -2012,54 +2030,54 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
           ])) : k("", !0)
         ])
       ]),
-      i("div", {
-        class: C(["collapse-content", b(t).list ? "p-0" : ""])
+      u("div", {
+        class: $(["collapse-content", g(t).list ? "p-0" : ""])
       }, [
         M(r.$slots, "default"),
-        b(t).list ? (a(), p("ul", Ms, [
+        g(t).list ? (a(), p("ul", Is, [
           M(r.$slots, "list")
         ])) : k("", !0)
       ], 2)
     ], 2));
   }
-}), Vs = {
+}), Ds = {
   title: { type: String },
   label: { type: String },
   labelLink: { type: String },
   description: { type: String },
   descriptionLink: { type: String }
-}, As = { class: "list-row" }, Is = { class: "list-col-grow" }, Os = { key: 0 }, Ds = {
+}, Rs = { class: "list-row" }, Ts = { class: "list-col-grow" }, zs = { key: 0 }, Ns = {
   key: 1,
   class: "text-xs text-gray-600"
-}, Rs = ["href"], Ts = { key: 1 }, zs = {
+}, js = ["href"], qs = { key: 1 }, Es = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Ns = ["href"], js = { key: 1 }, Mn = /* @__PURE__ */ w({
+}, Fs = ["href"], Us = { key: 1 }, In = /* @__PURE__ */ w({
   __name: "CollapseRow",
-  props: Vs,
+  props: Ds,
   setup(e) {
-    return (t, o) => (a(), p("li", As, [
-      i("div", Is, [
-        t.title ? (a(), p("div", Os, h(t.title), 1)) : k("", !0),
-        t.description || t.descriptionLink ? (a(), p("div", Ds, [
+    return (t, o) => (a(), p("li", Rs, [
+      u("div", Ts, [
+        t.title ? (a(), p("div", zs, h(t.title), 1)) : k("", !0),
+        t.description || t.descriptionLink ? (a(), p("div", Ns, [
           t.descriptionLink ? (a(), p("a", {
             key: 0,
             href: t.descriptionLink,
             target: "_blank"
-          }, h(t.description ?? t.descriptionLink), 9, Rs)) : (a(), p("span", Ts, h(t.description), 1))
+          }, h(t.description ?? t.descriptionLink), 9, js)) : (a(), p("span", qs, h(t.description), 1))
         ])) : k("", !0)
       ]),
-      t.label ? (a(), p("div", zs, [
+      t.label ? (a(), p("div", Es, [
         t.labelLink ? (a(), p("a", {
           key: 0,
           href: t.labelLink,
           target: "_blank"
-        }, h(t.label), 9, Ns)) : (a(), p("span", js, h(t.label), 1))
+        }, h(t.label), 9, Fs)) : (a(), p("span", Us, h(t.label), 1))
       ])) : k("", !0),
       M(t.$slots, "default")
     ]));
   }
-}), qs = { class: "text-gray-800" }, Bn = /* @__PURE__ */ w({
+}), Ks = { class: "text-gray-800" }, On = /* @__PURE__ */ w({
   __name: "alert",
   props: {
     message: {},
@@ -2074,13 +2092,13 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
     };
     return (o, n) => (a(), p("div", {
       role: "alert",
-      class: C(`alert alert-soft ${t[e.type]} `)
+      class: $(`alert alert-soft ${t[e.type]} `)
     }, [
-      i("span", qs, h(e.message), 1),
+      u("span", Ks, h(e.message), 1),
       M(o.$slots, "default")
     ], 2));
   }
-}), Es = {
+}), Hs = {
   title: { type: String, required: !0 },
   items: {
     type: Array,
@@ -2099,7 +2117,7 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
     default: void 0
   },
   opened: { type: Boolean, default: !0 }
-}, Fs = ["update:modelValue"], Us = (e, t, o, n) => {
+}, Ws = ["update:modelValue"], Gs = (e, t, o, n) => {
   const l = v(
     () => e.value.map((s) => s[o.value])
   ), r = (s) => t.value.includes(s), c = v(() => {
@@ -2109,63 +2127,63 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
   return { isSelected: r, selectedLabel: c, selectAll: () => n("update:modelValue", [...l.value]), selectNone: () => n("update:modelValue", []), toggleItem: (s, m) => {
     m ? n("update:modelValue", [...t.value, s]) : n(
       "update:modelValue",
-      t.value.filter((g) => g !== s)
+      t.value.filter((b) => b !== s)
     );
   } };
-}, Ks = { class: "flex items-center justify-between mb-2" }, Hs = { class: "text-xs text-base-content/50" }, Ws = { class: "flex gap-1" }, Gs = { class: "flex flex-col gap-1" }, Xs = ["checked", "onChange"], Zs = { class: "text-sm flex-1 select-none" }, Js = {
+}, Xs = { class: "flex items-center justify-between mb-2" }, Zs = { class: "text-xs text-base-content/50" }, Js = { class: "flex gap-1" }, Qs = { class: "flex flex-col gap-1" }, Ys = ["checked", "onChange"], en = { class: "text-sm flex-1 select-none" }, tn = {
   key: 1,
   class: "badge badge-sm badge-ghost"
-}, Vn = /* @__PURE__ */ w({
+}, Dn = /* @__PURE__ */ w({
   __name: "filter",
-  props: Es,
-  emits: Fs,
+  props: Hs,
+  emits: Ws,
   setup(e, { emit: t }) {
-    const o = e, n = t, l = v(() => o.items ?? []), { isSelected: r, selectedLabel: c, selectAll: d, selectNone: f, toggleItem: u } = Us(l, we(o, "modelValue"), we(o, "valueKey"), n);
-    return (s, m) => (a(), y(b(Bs), {
+    const o = e, n = t, l = v(() => o.items ?? []), { isSelected: r, selectedLabel: c, selectAll: d, selectNone: f, toggleItem: i } = Gs(l, we(o, "modelValue"), we(o, "valueKey"), n);
+    return (s, m) => (a(), y(g(Os), {
       title: s.title,
       opened: s.opened
     }, {
       default: L(() => [
-        i("div", Ks, [
-          i("span", Hs, h(b(c)) + " of " + h(l.value.length) + " items ", 1),
-          i("div", Ws, [
-            i("button", {
+        u("div", Xs, [
+          u("span", Zs, h(g(c)) + " of " + h(l.value.length) + " items ", 1),
+          u("div", Js, [
+            u("button", {
               class: "btn btn-ghost btn-xs",
               type: "button",
               tabindex: "-1",
               onClick: m[0] || (m[0] = //@ts-ignore
-              (...g) => b(d) && b(d)(...g))
+              (...b) => g(d) && g(d)(...b))
             }, " All "),
-            i("button", {
+            u("button", {
               class: "btn btn-ghost btn-xs",
               type: "button",
               tabindex: "-1",
               onClick: m[1] || (m[1] = //@ts-ignore
-              (...g) => b(f) && b(f)(...g))
+              (...b) => g(f) && g(f)(...b))
             }, " None ")
           ])
         ]),
-        i("div", Gs, [
-          (a(!0), p(x, null, P(l.value, (g) => (a(), p("label", {
-            key: g[s.valueKey],
-            class: C(["flex items-center gap-3 px-2 py-1.5 rounded-lg cursor-pointer transition-colors hover:bg-base-200", { "bg-base-200/60": b(r)(g[s.valueKey]) }])
+        u("div", Qs, [
+          (a(!0), p(x, null, P(l.value, (b) => (a(), p("label", {
+            key: b[s.valueKey],
+            class: $(["flex items-center gap-3 px-2 py-1.5 rounded-lg cursor-pointer transition-colors hover:bg-base-200", { "bg-base-200/60": g(r)(b[s.valueKey]) }])
           }, [
-            i("input", {
+            u("input", {
               type: "checkbox",
               class: "checkbox checkbox-sm",
-              checked: b(r)(g[s.valueKey]),
-              onChange: (_) => b(u)(
-                g[s.valueKey],
+              checked: g(r)(b[s.valueKey]),
+              onChange: (_) => g(i)(
+                b[s.valueKey],
                 _.target.checked
               )
-            }, null, 40, Xs),
-            s.colorKey && g[s.colorKey] ? (a(), p("span", {
+            }, null, 40, Ys),
+            s.colorKey && b[s.colorKey] ? (a(), p("span", {
               key: 0,
               class: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
-              style: G({ backgroundColor: g[s.colorKey] })
+              style: G({ backgroundColor: b[s.colorKey] })
             }, null, 4)) : k("", !0),
-            i("span", Zs, h(g[s.labelKey]), 1),
-            g[s.countKey] > 0 ? (a(), p("span", Js, h(g[s.countKey]), 1)) : k("", !0)
+            u("span", en, h(b[s.labelKey]), 1),
+            b[s.countKey] > 0 ? (a(), p("span", tn, h(b[s.countKey]), 1)) : k("", !0)
           ], 2))), 128))
         ])
       ]),
@@ -2174,11 +2192,11 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], yn = /* @__PUR
   }
 });
 export {
-  Bn as Alert,
-  yn as Autocomplete,
+  On as Alert,
+  $n as Autocomplete,
   At as BadgeSize,
   N as Btn,
-  un as BtnBadge,
+  fn as BtnBadge,
   Bt as BtnBadgeEmits,
   Mt as BtnBadgeProperties,
   Pt as BtnEmits,
@@ -2186,51 +2204,51 @@ export {
   Vt as ButtonSize,
   Se as ButtonTag,
   fe as ButtonType,
-  fn as Card,
-  _n as Checkbox,
-  bn as ClickOutside,
-  Bs as Collapse,
-  Mn as CollapseRow,
+  vn as Card,
+  Ln as Checkbox,
+  wn as ClickOutside,
+  Os as Collapse,
+  In as CollapseRow,
   j as Color,
   Ot as ConfirmModal,
   Z as ControlWrapper,
-  Ln as Drawer,
-  rn as Dropdown,
-  Vn as Filter,
-  Fs as FilterEmits,
-  Es as FilterProperties,
+  Bn as Drawer,
+  pn as Dropdown,
+  Dn as Filter,
+  Ws as FilterEmits,
+  Hs as FilterProperties,
   q as Icon,
   T as IconEnum,
   dt as IconMap,
   pt as IconProperties,
-  Cn as Input,
-  $n as InputNumber,
-  Pn as Loading,
-  kn as Markdown,
-  an as Menu,
-  $t as Modal,
+  Sn as Input,
+  Pn as InputNumber,
+  An as Loading,
+  xn as Markdown,
+  dn as Menu,
+  Ct as Modal,
   me as ModalService,
   Dt as ModalWrapper,
-  wn as MultiSelect,
+  Cn as MultiSelect,
   Rt as NotificationMessage,
-  ge as NotificationService,
+  be as NotificationService,
   Nt as Notifications,
   lo as PaginationComponent,
-  hn as SelectComponent,
-  cn as ShellComponent,
+  _n as SelectComponent,
+  mn as ShellComponent,
   pe as SubMenu,
-  pn as Table,
-  pn as TableComponent,
-  dn as TextCell,
-  xn as Textarea,
-  Sn as TreeView,
-  mn as addClickOutsideEventListener,
+  gn as Table,
+  gn as TableComponent,
+  bn as TextCell,
+  Mn as Textarea,
+  Vn as TreeView,
+  hn as addClickOutsideEventListener,
   U as buildInputStyle,
-  vn as hasCustomEventListener,
-  Do as isDescriptionHidden,
+  kn as hasCustomEventListener,
+  Ro as isDescriptionHidden,
   le as mergeStyles,
   se as myStyles,
-  gn as removeClickOutsideEventListener,
+  yn as removeClickOutsideEventListener,
   Me as showErrors,
-  Us as useFilter
+  Gs as useFilter
 };