@ghentcdh/ui 0.8.6 → 1.0.2

package/index.esm.js

@@ -1,42 +1,42 @@
-import { defineComponent as k, computed as h, openBlock as r, createBlock as w, resolveDynamicComponent as ne, normalizeClass as $, createCommentVNode as _, createElementBlock as f, createElementVNode as u, toDisplayString as y, unref as g, Fragment as L, renderList as P, mergeProps as B, resolveComponent as ce, withCtx as S, createTextVNode as E, ref as x, watch as q, onUnmounted as _e, onMounted as $e, withModifiers as le, renderSlot as M, createVNode as V, withDirectives as Y, vModelCheckbox as Ce, normalizeStyle as X, useAttrs as Oe, getCurrentInstance as Ie, camelize as De, toHandlerKey as re, nextTick as xe, normalizeProps as ee, guardReactiveProps as te, Transition as Te, useModel as F, mergeModels as I, onBeforeUnmount as Re, vModelDynamic as Ee, vModelText as Le, useSlots as Se, toRef as we } from "vue";
-import { RouterLink as ze } from "vue-router";
+import { defineComponent as k, computed as h, openBlock as r, createBlock as y, resolveDynamicComponent as ne, normalizeClass as $, createCommentVNode as _, createElementBlock as f, createElementVNode as u, toDisplayString as w, unref as g, Fragment as L, renderList as M, mergeProps as B, resolveComponent as ce, withCtx as S, createTextVNode as E, ref as x, watch as j, onUnmounted as _e, onMounted as $e, withModifiers as le, renderSlot as P, createVNode as V, withDirectives as Y, vModelCheckbox as Ce, normalizeStyle as X, useAttrs as Ie, getCurrentInstance as De, camelize as Te, toHandlerKey as re, nextTick as xe, normalizeProps as ee, guardReactiveProps as te, Transition as Re, useModel as F, mergeModels as I, onBeforeUnmount as Ee, vModelDynamic as ze, vModelText as Le, useSlots as Se, toRef as we } from "vue";
+import { RouterLink as Ne } from "vue-router";
 import { v4 as de } from "uuid";
-import { LinkIcon as Ne, DocumentTextIcon as qe, EyeIcon as je, CheckIcon as Fe, LanguageIcon as Ke, ChevronDoubleRightIcon as Ue, ChevronDoubleLeftIcon as He, ChevronUpIcon as We, ChevronDownIcon as Ge, ChevronLeftIcon as Xe, ChevronRightIcon as Ze, Bars3Icon as Je, PaperClipIcon as Qe, PlusCircleIcon as Ye, XMarkIcon as et, FunnelIcon as tt, BarsArrowUpIcon as ot, BarsArrowDownIcon as st, TrashIcon as nt, PencilSquareIcon as lt } from "@heroicons/vue/24/outline";
-import at from "@tiptap/starter-kit";
-import { useEditor as rt, EditorContent as it } from "@tiptap/vue-3";
-import { Markdown as ut } from "tiptap-markdown";
-import { ChevronDownIcon as ct, ChevronRightIcon as dt } from "@heroicons/vue/24/solid";
-var R = /* @__PURE__ */ ((e) => (e.Edit = "Edit", e.Delete = "Delete", e.BarsArrowDown = "BarsArrowDown", e.BarsArrowUp = "BarsArrowUp", e.Funnel = "Funnel", e.Close = "Close", e.Plus = "Plus", e.PaperClip = "PaperClip", e.Hamburger = "Hamburger", e.ChevronRight = "ChevronRight", e.ChevronLeft = "ChevronLeft", e.ChevronDown = "ChevronDown", e.ChevronUp = "ChevronUp", e.DblChevronLeft = "DblChevronLeft", e.DblChevronRight = "DblChevronRight", e.Language = "Language", e.Check = "Check", e.View = "View", e.Text = "Text", e.Link = "Link", e))(R || {});
-const pt = {
-  Edit: lt,
-  Delete: nt,
-  BarsArrowDown: st,
-  BarsArrowUp: ot,
-  Funnel: tt,
-  Close: et,
-  Plus: Ye,
-  PaperClip: Qe,
-  Hamburger: Je,
-  ChevronRight: Ze,
-  ChevronLeft: Xe,
-  ChevronDown: Ge,
-  ChevronUp: We,
-  DblChevronLeft: He,
-  DblChevronRight: Ue,
-  Language: Ke,
-  Check: Fe,
-  View: je,
-  Text: qe,
-  Link: Ne
-}, ft = {
+import { LinkIcon as qe, DocumentTextIcon as je, EyeIcon as Fe, CheckIcon as Ke, LanguageIcon as Ue, ChevronDoubleRightIcon as He, ChevronDoubleLeftIcon as We, ChevronUpIcon as Ge, ChevronDownIcon as Xe, ChevronLeftIcon as Ze, ChevronRightIcon as Je, Bars3Icon as Qe, PaperClipIcon as Ye, PlusCircleIcon as et, XMarkIcon as tt, FunnelIcon as ot, BarsArrowUpIcon as st, BarsArrowDownIcon as nt, TrashIcon as lt, PencilSquareIcon as at } from "@heroicons/vue/24/outline";
+import rt from "@tiptap/starter-kit";
+import { useEditor as it, EditorContent as ut } from "@tiptap/vue-3";
+import { Markdown as ct } from "tiptap-markdown";
+import { ChevronDownIcon as dt, ChevronRightIcon as pt } from "@heroicons/vue/24/solid";
+var T = /* @__PURE__ */ ((e) => (e.Edit = "Edit", e.Delete = "Delete", e.BarsArrowDown = "BarsArrowDown", e.BarsArrowUp = "BarsArrowUp", e.Funnel = "Funnel", e.Close = "Close", e.Plus = "Plus", e.PaperClip = "PaperClip", e.Hamburger = "Hamburger", e.ChevronRight = "ChevronRight", e.ChevronLeft = "ChevronLeft", e.ChevronDown = "ChevronDown", e.ChevronUp = "ChevronUp", e.DblChevronLeft = "DblChevronLeft", e.DblChevronRight = "DblChevronRight", e.Language = "Language", e.Check = "Check", e.View = "View", e.Text = "Text", e.Link = "Link", e))(T || {});
+const ft = {
+  Edit: at,
+  Delete: lt,
+  BarsArrowDown: nt,
+  BarsArrowUp: st,
+  Funnel: ot,
+  Close: tt,
+  Plus: et,
+  PaperClip: Ye,
+  Hamburger: Qe,
+  ChevronRight: Je,
+  ChevronLeft: Ze,
+  ChevronDown: Xe,
+  ChevronUp: Ge,
+  DblChevronLeft: We,
+  DblChevronRight: He,
+  Language: Ue,
+  Check: Ke,
+  View: Fe,
+  Text: je,
+  Link: qe
+}, mt = {
   icon: { type: [String, Object, Function] },
   size: { type: String }
-}, j = /* @__PURE__ */ k({
+}, q = /* @__PURE__ */ k({
   __name: "icon",
-  props: ft,
+  props: mt,
   setup(e) {
-    const t = e, o = h(() => t.icon ? typeof t.icon == "string" ? pt[t.icon] : t.icon : null);
-    return (n, l) => o.value ? (r(), w(ne(o.value), {
+    const t = e, o = h(() => t.icon ? typeof t.icon == "string" ? ft[t.icon] : t.icon : null);
+    return (n, l) => o.value ? (r(), y(ne(o.value), {
       key: 0,
       "aria-hidden": "true",
       class: $([
@@ -50,11 +50,11 @@ const pt = {
       ])
     }, null, 8, ["class"])) : _("", !0);
   }
-}), bt = { class: "dropdown dropdown-end" }, mt = {
+}), bt = { class: "dropdown dropdown-end" }, gt = {
   tabindex: "0",
   role: "menu",
   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__ */ k({
+}, vt = { class: "min-w-max flex-no-wrap text-black" }, pe = /* @__PURE__ */ k({
   __name: "sub-menu",
   props: {
     label: {},
@@ -72,16 +72,16 @@ const pt = {
         "aria-haspopup": "menu",
         class: $([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
-        u("span", null, y(e.label), 1),
-        e.disableArrow ? _("", !0) : (r(), w(g(j), {
+        u("span", null, w(e.label), 1),
+        e.disableArrow ? _("", !0) : (r(), y(g(q), {
           key: 0,
-          icon: g(R).ChevronDown,
+          icon: g(T).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      u("ul", mt, [
-        u("li", gt, [
-          (r(!0), f(L, null, P(e.items, (n) => (r(), w(Pe, B({
+      u("ul", gt, [
+        u("li", vt, [
+          (r(!0), f(L, null, M(e.items, (n) => (r(), y(Pe, B({
             key: n.label
           }, { ref_for: !0 }, n), null, 16))), 128))
         ])
@@ -108,30 +108,30 @@ const pt = {
     };
     return (d, p) => {
       const i = ce("RouterLink");
-      return l.value ? (r(), w(pe, B({ key: 0 }, t, { "btn-class": oe }), null, 16)) : o.value ? (r(), w(i, {
+      return l.value ? (r(), y(pe, B({ key: 0 }, t, { "btn-class": oe }), null, 16)) : o.value ? (r(), y(i, {
         key: 1,
         to: a.value,
         class: $(oe),
         onClick: c
       }, {
         default: S(() => [
-          E(y(e.label), 1)
+          E(w(e.label), 1)
         ]),
         _: 1
       }, 8, ["to"])) : n.value ? (r(), f("button", {
         key: 2,
         class: $(oe),
         onClick: c
-      }, y(e.label), 1)) : (r(), f("div", {
+      }, w(e.label), 1)) : (r(), f("div", {
         key: 3,
         class: $([oe, { "btn-disabled": e.disabled }])
-      }, y(e.label), 3));
+      }, w(e.label), 3));
     };
   }
-}), vt = { class: "navbar bg-base-100 shadow-sm" }, ht = { class: "flex-1" }, yt = {
+}), ht = { class: "navbar bg-base-100 shadow-sm" }, yt = { class: "flex-1" }, wt = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, wt = { class: "flex grow justify-end px-2" }, kt = { class: "flex items-stretch" }, yn = /* @__PURE__ */ k({
+}, kt = { class: "flex grow justify-end px-2" }, _t = { class: "flex items-stretch" }, kn = /* @__PURE__ */ k({
   __name: "menu",
   props: {
     menu: {},
@@ -140,33 +140,33 @@ const pt = {
   setup(e) {
     return (t, o) => {
       const n = ce("RouterLink");
-      return r(), f("nav", vt, [
-        u("div", ht, [
-          e.breadcrumbs ? (r(), f("div", yt, [
+      return r(), f("nav", ht, [
+        u("div", yt, [
+          e.breadcrumbs ? (r(), f("div", wt, [
             u("ul", null, [
-              (r(!0), f(L, null, P(e.breadcrumbs, (l) => (r(), f("li", {
+              (r(!0), f(L, null, M(e.breadcrumbs, (l) => (r(), f("li", {
                 key: l.label
               }, [
-                l.routerLink ? (r(), w(n, {
+                l.routerLink ? (r(), y(n, {
                   key: 0,
                   to: { name: l.routerLink, params: l.params },
                   role: "navigation",
                   "aria-label": l.label
                 }, {
                   default: S(() => [
-                    E(y(l.label), 1)
+                    E(w(l.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to", "aria-label"])) : (r(), f(L, { key: 1 }, [
-                  E(y(l.label), 1)
+                  E(w(l.label), 1)
                 ], 64))
               ]))), 128))
             ])
           ])) : _("", !0)
         ]),
-        u("div", wt, [
-          u("div", kt, [
-            (r(!0), f(L, null, P(e.menu, (l) => (r(), w(Pe, B({
+        u("div", kt, [
+          u("div", _t, [
+            (r(!0), f(L, null, M(e.menu, (l) => (r(), y(Pe, B({
               key: l.label
             }, { ref_for: !0 }, l), null, 16))), 128))
           ])
@@ -174,14 +174,14 @@ const pt = {
       ]);
     };
   }
-}), wn = /* @__PURE__ */ k({
+}), _n = /* @__PURE__ */ k({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
     const t = x(!0);
-    return (o, n) => (r(), w(pe, {
+    return (o, n) => (r(), y(pe, {
       items: e.items,
       label: "test",
       open: t.value,
@@ -189,7 +189,7 @@ const pt = {
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), _t = {
+}), $t = {
   modalTitle: { type: String, required: !0 },
   buttonLabel: { type: String },
   buttonSaveLabel: { type: String },
@@ -197,7 +197,7 @@ const pt = {
   open: { type: Boolean, default: !1 },
   disableClose: { type: Boolean, default: !1 },
   width: { type: String, default: "sm" }
-}, $t = ["closeModal"], Ct = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', ke = (e) => Array.from(e.querySelectorAll(Ct)), xt = ({
+}, Ct = ["closeModal"], xt = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', ke = (e) => Array.from(e.querySelectorAll(xt)), Lt = ({
   containerRef: e,
   isActive: t,
   onEscape: o,
@@ -214,8 +214,8 @@ const pt = {
     if (p.key !== "Tab") return;
     const s = ke(i);
     if (s.length === 0) return;
-    const b = s[0], m = s[s.length - 1];
-    p.shiftKey ? document.activeElement === b && (p.preventDefault(), m.focus()) : document.activeElement === m && (p.preventDefault(), b.focus());
+    const m = s[0], b = s[s.length - 1];
+    p.shiftKey ? document.activeElement === m && (p.preventDefault(), b.focus()) : document.activeElement === b && (p.preventDefault(), m.focus());
   }, c = () => {
     const p = e.value;
     if (!p) return;
@@ -225,48 +225,48 @@ const pt = {
   }, d = () => {
     document.removeEventListener("keydown", a), n && l && (l.focus(), l = null);
   };
-  q(t, (p) => {
+  j(t, (p) => {
     p ? c() : d();
   }), _e(() => {
     d();
   });
-}, Lt = {
+}, St = {
   xs: "max-w-xs w-[50VW]",
   sm: "max-w-sm w-[50VW]",
   lg: "max-w-2xl w-[80VW]",
   xl: "max-w-[80VW] w-[80VW]"
-}, St = {
+}, Pt = {
   xs: "btn-xs",
   sm: "btn-sm",
   lg: "btn-sm",
   xl: "btn"
-}, Pt = {
+}, Mt = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, Mt = ["aria-labelledby", "aria-describedby"], Bt = { class: "flex justify-end gap-2 p-2 mt-2 border-t border-gray-300" }, Vt = /* @__PURE__ */ k({
+}, Bt = ["aria-labelledby", "aria-describedby"], Vt = { class: "flex justify-end gap-2 pt-2 mt-2 border-t border-gray-300 shrink-0" }, At = /* @__PURE__ */ k({
   __name: "modal",
-  props: _t,
-  emits: $t,
+  props: $t,
+  emits: Ct,
   setup(e, { expose: t, emit: o }) {
     const n = e, l = `modal_${de()}`, a = `${l}_title`, c = `${l}_content`, d = x(null), p = x(!1), i = o, s = () => {
       d.value?.showModal(), p.value = !0;
-    }, b = () => {
-      d.value?.close(), p.value = !1, i("closeModal");
     }, m = () => {
-      n.disableClose || b();
+      d.value?.close(), p.value = !1, i("closeModal");
+    }, b = () => {
+      n.disableClose || m();
     };
-    return xt({
+    return Lt({
       containerRef: d,
       isActive: p,
       onEscape: () => {
-        n.disableClose || b();
+        n.disableClose || m();
       }
-    }), t({ closeModal: b, openModal: s }), q(
+    }), t({ closeModal: m, openModal: s }), j(
       () => n.open,
       () => {
-        n.open ? s() : b();
+        n.open ? s() : m();
       }
     ), $e(() => {
       n.open && s();
@@ -278,47 +278,50 @@ const pt = {
       "aria-modal": "true",
       "aria-labelledby": v.modalTitle,
       "aria-describedby": v.modalTitle,
-      onCancel: le(m, ["prevent"])
+      onCancel: le(b, ["prevent"])
     }, [
       u("div", {
-        class: $(["modal-box bg-white", g(Lt)[v.width]])
+        class: $([
+          "modal-box bg-white min-h-0 max-h-[90vh] flex flex-col overflow-hidden",
+          g(St)[v.width]
+        ])
       }, [
         v.disableClose ? _("", !0) : (r(), f("button", {
           key: 0,
           type: "button",
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
           "aria-label": "Close",
-          onClick: b
+          onClick: m
         }, " ✕ ")),
         u("h3", {
           id: a,
-          class: "font-bold"
-        }, y(v.modalTitle), 1),
+          class: "font-bold shrink-0"
+        }, w(v.modalTitle), 1),
         u("div", {
           id: c,
-          class: "pt-4"
+          class: "pt-4 flex-1 min-h-0 flex flex-col"
         }, [
-          M(v.$slots, "content")
+          P(v.$slots, "content")
         ]),
-        u("div", Bt, [
-          M(v.$slots, "actions")
+        u("div", Vt, [
+          P(v.$slots, "actions")
         ])
       ], 2)
-    ], 40, Mt));
+    ], 40, Bt));
   }
 });
-var fe = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(fe || {}), Me = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(Me || {}), N = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(N || {});
-const At = {
+var fe = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(fe || {}), Me = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(Me || {}), z = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(z || {});
+const Ot = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
   error: "btn-error"
-}, Ot = {
+}, It = {
   blank: "badge-ghost",
   primary: "badge-primary",
   secondary: "badge-soft badge-primary",
   error: "badge-error"
-}, It = {
+}, Dt = {
   href: { type: String },
   disabled: { type: Boolean, default: !1 },
   tooltip: { type: String },
@@ -326,26 +329,26 @@ const At = {
   icon: { type: [String, Object, Function] },
   type: { type: String, default: fe.button },
   outline: { type: Boolean, default: !1 },
-  color: { type: String, default: N.primary },
+  color: { type: String, default: z.primary },
   size: { type: String, default: "sm" },
   square: { type: Boolean, default: !1 }
-}, Dt = ["click"], Tt = {
+}, Tt = ["click"], Rt = {
   icon: { type: [String, Object, Function] },
   type: { type: String, default: fe.button },
-  color: { type: String },
+  color: { type: String, default: z.primary },
   disabled: { type: Boolean, default: !1 },
   size: { type: String, default: "sm" }
-}, Rt = ["click"], z = /* @__PURE__ */ k({
+}, Et = ["click"], N = /* @__PURE__ */ k({
   __name: "btn",
-  props: It,
-  emits: Dt,
+  props: Dt,
+  emits: Tt,
   setup(e, { emit: t }) {
     const o = e, n = t;
-    return (l, a) => (r(), w(ne(o.as), {
+    return (l, a) => (r(), y(ne(o.as), {
       class: $([
         "btn p-1 flex justify-center flex-nowrap",
-        g(At)[o.color],
-        g(St)[o.size],
+        g(Ot)[o.color],
+        g(Pt)[o.size],
         { "btn-outline": o.outline, "btn-square": o.square, tooltip: o.tooltip }
       ]),
       href: o.href,
@@ -355,37 +358,37 @@ const At = {
       onClick: a[0] || (a[0] = (c) => n("click"))
     }, {
       default: S(() => [
-        o.icon ? (r(), w(g(j), {
+        o.icon ? (r(), y(g(q), {
           key: 0,
           icon: o.icon,
           size: o.size
         }, null, 8, ["icon", "size"])) : _("", !0),
-        M(l.$slots, "default")
+        P(l.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "href", "type", "disabled", "data-tip"]));
   }
-}), Et = ["type", "disabled"], kn = /* @__PURE__ */ k({
+}), zt = ["type", "disabled"], $n = /* @__PURE__ */ k({
   __name: "btn-badge",
-  props: Tt,
-  emits: Rt,
+  props: Rt,
+  emits: Et,
   setup(e, { emit: t }) {
     const o = e, n = t;
     return (l, a) => (r(), f("button", {
-      class: $(["badge gap-1", g(Pt)[o.size], g(Ot)[o.color]]),
+      class: $(["badge gap-1", g(Mt)[o.size], g(It)[o.color]]),
       type: o.type,
       disabled: o.disabled,
       onClick: a[0] || (a[0] = (c) => n("click"))
     }, [
-      M(l.$slots, "default"),
-      o.icon ? (r(), w(g(j), {
+      P(l.$slots, "default"),
+      o.icon ? (r(), y(g(q), {
         key: 0,
         icon: o.icon,
         size: o.size
       }, null, 8, ["icon", "size"])) : _("", !0)
-    ], 10, Et));
+    ], 10, zt));
   }
-}), zt = /* @__PURE__ */ k({
+}), Nt = /* @__PURE__ */ k({
   __name: "confirmModal",
   props: {
     title: {},
@@ -398,32 +401,32 @@ const At = {
     const o = t, n = (l) => {
       o("closeModal", { confirmed: l });
     };
-    return (l, a) => (r(), w(Vt, {
+    return (l, a) => (r(), y(At, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
       content: S(() => [
-        E(y(e.message), 1)
+        E(w(e.message), 1)
       ]),
       actions: S(() => [
-        V(g(z), {
-          color: g(N).secondary,
+        V(g(N), {
+          color: g(z).secondary,
           outline: !0,
           "aria-label": e.cancelLabel,
           onClick: a[0] || (a[0] = (c) => n(!1))
         }, {
           default: S(() => [
-            E(y(e.cancelLabel), 1)
+            E(w(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color", "aria-label"]),
-        V(g(z), {
+        V(g(N), {
           "aria-label": e.confirmLabel,
           onClick: a[1] || (a[1] = (c) => n(!0))
         }, {
           default: S(() => [
-            E(y(e.confirmLabel), 1)
+            E(w(e.confirmLabel), 1)
           ]),
           _: 1
         }, 8, ["aria-label"])
@@ -432,7 +435,7 @@ const At = {
     }, 8, ["modal-title"]));
   }
 });
-class be {
+class me {
   constructor() {
     this.showModal = x(!1), this.modals = [];
   }
@@ -447,7 +450,7 @@ class be {
   }
   static showConfirm(t) {
     this.getInstance().openModal({
-      component: zt,
+      component: Nt,
       props: t
     });
   }
@@ -455,7 +458,7 @@ class be {
     this.getInstance().openModal(t);
   }
   static getInstance() {
-    return this.instance || (this.instance = new be()), this.instance;
+    return this.instance || (this.instance = new me()), this.instance;
   }
   static closeAll() {
     this.instance.closeAll();
@@ -464,11 +467,11 @@ class be {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const Nt = /* @__PURE__ */ k({
+const qt = /* @__PURE__ */ k({
   __name: "modalWrapper",
   setup(e) {
-    const t = be.getInstance(), o = h(() => t.showModal.value ? t.modals : []);
-    return (n, l) => (r(!0), f(L, null, P(o.value, (a) => (r(), w(ne(a?.component), B({
+    const t = me.getInstance(), o = h(() => t.showModal.value ? t.modals : []);
+    return (n, l) => (r(!0), f(L, null, M(o.value, (a) => (r(), y(ne(a?.component), B({
       key: a.id,
       ref_for: !0
     }, a?.props, {
@@ -476,7 +479,7 @@ const Nt = /* @__PURE__ */ k({
       onCloseModal: a?.props?.onClose
     }), null, 16, ["onCloseModal"]))), 128));
   }
-}), qt = /* @__PURE__ */ k({
+}), jt = /* @__PURE__ */ k({
   __name: "notification-message",
   props: {
     message: {},
@@ -493,16 +496,16 @@ const Nt = /* @__PURE__ */ k({
       role: "alert",
       class: $(`alert ${t[e.type]} `)
     }, [
-      u("span", null, y(e.message), 1)
+      u("span", null, w(e.message), 1)
     ], 2));
   }
-}), jt = 5e3;
-class me {
+}), Ft = 5e3;
+class be {
   constructor() {
     this.notifications = x([]), this.addNotification = (t, o = "info") => {
       const n = {
         id: de(),
-        duration: jt,
+        duration: Ft,
         message: t,
         type: o
       };
@@ -516,7 +519,7 @@ class me {
     };
   }
   static getInstance() {
-    return this.instance || (this.instance = new me()), this.instance;
+    return this.instance || (this.instance = new be()), this.instance;
   }
   static info(t) {
     this.getInstance().addNotification(t, "info");
@@ -534,17 +537,17 @@ class me {
     this.getInstance().removeNotification(t);
   }
 }
-const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__ */ k({
+const Kt = { class: "toast toast-top toast-center z-[999]" }, Ut = /* @__PURE__ */ k({
   __name: "notifications",
   setup(e) {
-    const t = me.getInstance();
-    return (o, n) => (r(), f("div", Ft, [
-      (r(!0), f(L, null, P(g(t).notifications.value, (l) => (r(), w(qt, B({
+    const t = be.getInstance();
+    return (o, n) => (r(), f("div", Kt, [
+      (r(!0), f(L, null, M(g(t).notifications.value, (l) => (r(), y(jt, B({
         key: l.id
       }, { ref_for: !0 }, l), null, 16))), 128))
     ]));
   }
-}), Ut = { class: "flex h-screen flex-col" }, Ht = { class: "shrink-0" }, Wt = { class: "navbar bg-primary text-primary-content w-full z-100" }, Gt = { class: "navbar-start" }, Xt = { class: "navbar-center" }, Zt = ["href"], Jt = { class: "navbar-end" }, Qt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Yt = { class: "drawer-side h-full shadow-md" }, eo = { class: "flex-grow overflow-y-auto" }, to = { class: "bg-base-200 p-4" }, _n = /* @__PURE__ */ k({
+}), Ht = { class: "flex h-screen flex-col" }, Wt = { class: "shrink-0" }, Gt = { class: "navbar bg-primary text-primary-content w-full z-100" }, Xt = { class: "navbar-start" }, Zt = { class: "navbar-center" }, Jt = ["href"], Qt = { class: "navbar-end" }, Yt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, eo = { class: "drawer-side h-full shadow-md" }, to = { class: "flex-grow overflow-y-auto" }, oo = { class: "bg-base-200 p-4" }, Cn = /* @__PURE__ */ k({
   __name: "shell.component",
   props: {
     title: {},
@@ -569,30 +572,30 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
       ]
     } : null);
     return (p, i) => (r(), f(L, null, [
-      V(Kt),
-      V(g(Nt)),
-      u("div", Ut, [
-        u("header", Ht, [
-          u("nav", Wt, [
-            u("div", Gt, [
+      V(Ut),
+      V(g(qt)),
+      u("div", Ht, [
+        u("header", Wt, [
+          u("nav", Gt, [
+            u("div", Xt, [
               u("button", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
                 onClick: a
               }, [
-                V(g(j), {
-                  icon: g(R).Hamburger
+                V(g(q), {
+                  icon: g(T).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            u("div", Xt, [
+            u("div", Zt, [
               u("a", {
                 class: "btn btn-ghost text-primary-content text-lg color-white",
                 href: g("/")
-              }, y(e.title), 9, Zt)
+              }, w(e.title), 9, Jt)
             ]),
-            u("div", Jt, [
-              d.value ? (r(), w(g(pe), B({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : _("", !0)
+            u("div", Qt, [
+              d.value ? (r(), y(g(pe), B({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : _("", !0)
             ])
           ])
         ]),
@@ -607,10 +610,10 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
           }, null, 512), [
             [Ce, l.value]
           ]),
-          u("main", Qt, [
-            M(p.$slots, "default")
+          u("main", Yt, [
+            P(p.$slots, "default")
           ]),
-          u("div", Yt, [
+          u("div", eo, [
             i[1] || (i[1] = u("label", {
               for: "app-drawer",
               "aria-label": "close sidebar",
@@ -620,44 +623,44 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
               class: "menu bg-base-100 h-full flex flex-col justify-between",
               style: X({ width: e.widthSidebar + "px" })
             }, [
-              u("ul", eo, [
-                (r(!0), f(L, null, P(e.menu, (s) => (r(), f("li", {
+              u("ul", to, [
+                (r(!0), f(L, null, M(e.menu, (s) => (r(), f("li", {
                   key: s.label
                 }, [
-                  V(g(ze), {
+                  V(g(Ne), {
                     to: { name: s.routerLink, params: s.params }
                   }, {
                     default: S(() => [
-                      E(y(s.label), 1)
+                      E(w(s.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])
                 ]))), 128))
               ]),
-              u("div", to, " version: " + y(e.version), 1)
+              u("div", oo, " version: " + w(e.version), 1)
             ], 4)
           ])
         ], 2)
       ])
     ], 64));
   }
-}), oo = {
+}), so = {
   currentPage: { type: Number, required: !0 },
   page: { type: Number, required: !0 },
   label: { type: String, required: !0 },
   neverActive: { type: Boolean, default: !1 },
   disabled: { type: Boolean, default: !1 }
-}, so = ["updatePage", "updatePageSize"], J = /* @__PURE__ */ k({
+}, no = ["updatePage", "updatePageSize"], J = /* @__PURE__ */ k({
   __name: "pagination-button.component",
-  props: oo,
-  emits: so,
+  props: so,
+  emits: no,
   setup(e, { emit: t }) {
     const o = e, n = t, l = h(
       () => o.neverActive ? !1 : o.page === o.currentPage
-    ), a = h(() => o.neverActive ? N.blank : l.value ? N.primary : N.secondary), c = () => {
+    ), a = h(() => o.neverActive ? z.blank : l.value ? z.primary : z.secondary), c = () => {
       n("updatePage", o.page);
     };
-    return (d, p) => (r(), w(g(z), {
+    return (d, p) => (r(), y(g(N), {
       disabled: d.disabled,
       square: !0,
       size: "xs",
@@ -665,19 +668,19 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
       onClick: p[0] || (p[0] = (i) => c())
     }, {
       default: S(() => [
-        E(y(d.label), 1)
+        E(w(d.label), 1)
       ]),
       _: 1
     }, 8, ["disabled", "color"]));
   }
-}), no = {
+}), lo = {
   totalItems: { type: Number, default: 0 },
   itemsPerPage: { type: Number, default: 1 },
   currentPage: { type: Number, default: 1 }
-}, lo = ["updatePage", "updatePageSize"], ao = { class: "flex gap-2" }, ro = { class: "flex flex-1 justify-center items-center" }, io = { class: "flex gap-1" }, uo = { class: "text-sm" }, Q = 6, co = /* @__PURE__ */ k({
+}, ao = ["updatePage", "updatePageSize"], ro = { class: "flex gap-2" }, io = { class: "flex flex-1 justify-center items-center" }, uo = { class: "flex gap-1" }, co = { class: "text-sm" }, Q = 6, po = /* @__PURE__ */ k({
   __name: "pagination.component",
-  props: no,
-  emits: lo,
+  props: lo,
+  emits: ao,
   setup(e, { emit: t }) {
     const o = e, n = t, l = h(() => {
       let s = Math.ceil(o.totalItems / o.itemsPerPage);
@@ -690,10 +693,10 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
         };
       let s = o.currentPage - a;
       s <= 1 ? s = 1 : s + Q > l.value && (s = l.value - Q);
-      let b = s + Q;
+      let m = s + Q;
       return {
         min: s,
-        max: b
+        max: m
       };
     }), d = (s) => ({
       label: "...",
@@ -704,22 +707,22 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
     }), p = h(() => {
       let s = l.value;
       s < 1 && (s = 1);
-      const b = o.currentPage, m = [], { min: v, max: D } = c.value;
+      const m = o.currentPage, b = [], { min: v, max: D } = c.value;
       return Array.from({ length: s }, (H, A) => {
         const C = A + 1;
-        C !== 1 && C !== s && (C > D || C < v) || (C === s && s > 1 && D < s && m.push(d(b)), m.push({
+        C !== 1 && C !== s && (C > D || C < v) || (C === s && s > 1 && D < s && b.push(d(m)), b.push({
           label: `${C}`,
           totalPages: s,
-          currentPage: b,
+          currentPage: m,
           page: C
-        }), C === 1 && s > 1 && v > 1 && m.push(d(b)));
-      }), m;
+        }), C === 1 && s > 1 && v > 1 && b.push(d(m)));
+      }), b;
     }), i = (s) => {
       n("updatePage", s);
     };
-    return (s, b) => (r(), f("div", ao, [
-      u("div", ro, [
-        u("div", io, [
+    return (s, m) => (r(), f("div", ro, [
+      u("div", io, [
+        u("div", uo, [
           V(J, B(o, {
             page: 1,
             label: "<<",
@@ -736,10 +739,10 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
             disabled: s.currentPage === 1,
             onUpdatePage: i
           }), null, 16, ["page", "current-page", "disabled"]),
-          (r(!0), f(L, null, P(p.value, (m) => (r(), w(J, B({
-            key: m.page,
+          (r(!0), f(L, null, M(p.value, (b) => (r(), y(J, B({
+            key: b.page,
             ref_for: !0
-          }, m, { onUpdatePage: i }), null, 16))), 128)),
+          }, b, { onUpdatePage: i }), null, 16))), 128)),
           V(J, B(o, {
             page: s.currentPage + 1,
             label: ">",
@@ -758,34 +761,34 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      u("div", uo, " page " + y(s.currentPage) + " of " + y(l.value), 1)
+      u("div", co, " page " + w(s.currentPage) + " of " + w(l.value), 1)
     ]));
   }
-}), po = {
+}), Be = {
   data: { type: Object, required: !0 },
   column: { type: Object, required: !0 },
   options: { type: Object }
-}, $n = /* @__PURE__ */ k({
+}, xn = /* @__PURE__ */ k({
   __name: "text.cell",
-  props: po,
+  props: Be,
   setup(e) {
     const t = e, o = h(() => {
       const n = t.data[t.column.id];
       return n ? t.column.options?.format === "keyValue" ? n[t.column.options.key] : n : null;
     });
-    return (n, l) => y(o.value);
+    return (n, l) => w(o.value);
   }
 }), fo = {
   column: { type: Object, required: !0 },
   sortColumn: { type: String },
   sortDirection: { type: String }
-}, bo = ["sort"], mo = { class: "flex-grow pr-2" }, go = { class: "h-4 w-4" }, vo = /* @__PURE__ */ k({
+}, mo = ["sort"], bo = { class: "flex-grow pr-2" }, go = { class: "h-4 w-4" }, vo = /* @__PURE__ */ k({
   __name: "sort.header",
   props: fo,
-  emits: bo,
+  emits: mo,
   setup(e, { emit: t }) {
     const o = e, n = t, l = h(
-      () => o.sortDirection === "asc" ? R.BarsArrowUp : R.BarsArrowDown
+      () => o.sortDirection === "asc" ? T.BarsArrowUp : T.BarsArrowDown
     ), a = h(() => o.column.options?.sortId ?? o.column.id), c = () => {
       n("sort", a.value);
     };
@@ -793,9 +796,9 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
       class: "flex items-center",
       onClick: c
     }, [
-      u("span", mo, y(d.column.label), 1),
+      u("span", bo, w(d.column.label), 1),
       u("div", go, [
-        d.sortColumn === a.value ? (r(), w(g(j), {
+        d.sortColumn === a.value ? (r(), y(g(q), {
           key: 0,
           icon: l.value
         }, null, 8, ["icon"])) : _("", !0)
@@ -806,15 +809,18 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
   loading: { type: Boolean, default: !1 },
   actions: { type: Array },
   data: { type: Array },
-  displayColumns: { type: Array, required: !0 },
+  displayColumns: {
+    type: Array,
+    required: !0
+  },
   page: { type: Object },
   sort: { type: Object }
-}, yo = ["updatePage", "sort"], wo = { class: "table w-full" }, ko = { key: 0 }, _o = ["colspan"], $o = ["ui-id"], Co = { class: "flex gap-2" }, Cn = /* @__PURE__ */ k({
+}, yo = ["updatePage", "sort"], wo = { class: "table w-full" }, ko = { key: 0 }, _o = ["colspan"], $o = ["ui-id"], Co = { class: "flex gap-2" }, Ln = /* @__PURE__ */ k({
   __name: "table.component",
   props: ho,
   emits: yo,
   setup(e, { emit: t }) {
-    const o = t, n = Oe(), l = h(() => "onEdit" in n), a = h(() => "onDelete" in n), c = (s) => {
+    const o = t, n = Ie(), l = h(() => "onEdit" in n), a = h(() => "onDelete" in n), c = (s) => {
       n.onEdit?.(s);
     }, d = (s) => {
       n.onDelete?.(s);
@@ -823,16 +829,16 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
     }, i = (s) => {
       o("sort", s);
     };
-    return (s, b) => (r(), f(L, null, [
+    return (s, m) => (r(), f(L, null, [
       u("table", wo, [
         u("thead", null, [
           u("tr", null, [
-            (r(!0), f(L, null, P(s.displayColumns, (m) => (r(), f("th", {
-              key: m.scope
+            (r(!0), f(L, null, M(s.displayColumns, (b) => (r(), f("th", {
+              key: b.scope
             }, [
-              V(vo, B({ column: m }, { ref_for: !0 }, s.sort, { onSort: i }), null, 16, ["column"])
+              V(vo, B({ column: b }, { ref_for: !0 }, s.sort, { onSort: i }), null, 16, ["column"])
             ]))), 128)),
-            b[0] || (b[0] = u("th", null, null, -1))
+            m[0] || (m[0] = u("th", null, null, -1))
           ])
         ]),
         u("tbody", null, [
@@ -840,56 +846,56 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
             u("td", {
               colspan: s.displayColumns.length + 1,
               class: "text-center"
-            }, [...b[1] || (b[1] = [
+            }, [...m[1] || (m[1] = [
               u("span", { class: "loading loading-bars loading-xs" }, null, -1)
             ])], 8, _o)
           ])) : _("", !0),
-          (r(!0), f(L, null, P(s.data, (m) => (r(), f("tr", {
-            key: m.id,
-            "ui-id": `table_${m.id}`
+          (r(!0), f(L, null, M(s.data, (b) => (r(), f("tr", {
+            key: b.id,
+            "ui-id": `table_${b.id}`
           }, [
-            (r(!0), f(L, null, P(s.displayColumns, (v) => (r(), f("td", {
+            (r(!0), f(L, null, M(s.displayColumns, (v) => (r(), f("td", {
               key: v.scope
             }, [
-              (r(), w(ne(v.component), B({ ref_for: !0 }, v, {
-                data: m,
+              (r(), y(ne(v.component), B({ ref_for: !0 }, v, {
+                data: b,
                 column: v
               }), null, 16, ["data", "column"]))
             ]))), 128)),
             u("td", null, [
               u("span", Co, [
-                (r(!0), f(L, null, P(s.actions, (v) => (r(), w(z, {
+                (r(!0), f(L, null, M(s.actions, (v) => (r(), y(N, {
                   key: v.label,
                   "aria-label": v.label,
                   icon: v.icon,
                   outline: !0,
-                  onClick: (D) => v.action(m)
+                  onClick: (D) => v.action(b)
                 }, {
                   default: S(() => [
-                    E(y(v.label), 1)
+                    E(w(v.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["aria-label", "icon", "onClick"]))), 128)),
-                l.value ? (r(), w(z, {
+                l.value ? (r(), y(N, {
                   key: 0,
                   "aria-label": "Edit",
-                  icon: g(R).Edit,
+                  icon: g(T).Edit,
                   outline: !0,
-                  onClick: (v) => c(m)
+                  onClick: (v) => c(b)
                 }, null, 8, ["icon", "onClick"])) : _("", !0),
-                a.value ? (r(), w(z, {
+                a.value ? (r(), y(N, {
                   key: 1,
                   "aria-label": "Delete",
-                  icon: g(R).Delete,
+                  icon: g(T).Delete,
                   outline: !0,
-                  onClick: (v) => d(m)
+                  onClick: (v) => d(b)
                 }, null, 8, ["icon", "onClick"])) : _("", !0)
               ])
             ])
           ], 8, $o))), 128))
         ])
       ]),
-      s.page ? (r(), w(co, {
+      s.page ? (r(), y(po, {
         key: 0,
         class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
         "total-items": s.page.count,
@@ -899,43 +905,59 @@ const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__
       }, null, 8, ["total-items", "items-per-page", "current-page"])) : _("", !0)
     ], 64));
   }
-}), xo = (e, t) => {
+}), xo = { class: "flex justify-center" }, Sn = /* @__PURE__ */ k({
+  __name: "boolean.cell",
+  props: Be,
+  setup(e) {
+    const t = e, o = h(() => {
+      const n = t.data[t.column.id];
+      return n ? t.column.options?.format === "keyValue" ? n[t.column.options.key] : n : null;
+    });
+    return (n, l) => (r(), f("div", xo, [
+      o.value === !0 ? (r(), y(q, {
+        key: 0,
+        icon: g(T).Check,
+        size: "sm"
+      }, null, 8, ["icon"])) : _("", !0)
+    ]));
+  }
+}), Lo = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [n, l] of t)
     o[n] = l;
   return o;
-}, Lo = {}, So = { class: "card bg-base-100 shadow-sm" }, Po = { class: "card-body" }, Mo = {
+}, So = {}, Po = { class: "card bg-base-100 shadow-sm" }, Mo = { class: "card-body" }, Bo = {
   key: 0,
   class: "card-title"
-}, Bo = {
+}, Vo = {
   key: 1,
   class: "card-actions justify-end"
 };
-function Vo(e, t) {
-  return r(), f("div", So, [
-    u("div", Po, [
-      e.$slots.title ? (r(), f("h2", Mo, [
-        M(e.$slots, "title")
+function Ao(e, t) {
+  return r(), f("div", Po, [
+    u("div", Mo, [
+      e.$slots.title ? (r(), f("h2", Bo, [
+        P(e.$slots, "title")
       ])) : _("", !0),
       u("p", null, [
-        M(e.$slots, "default"),
-        M(e.$slots, "content")
+        P(e.$slots, "default"),
+        P(e.$slots, "content")
       ]),
-      e.$slots.actions ? (r(), f("div", Bo, [
-        M(e.$slots, "actions")
+      e.$slots.actions ? (r(), f("div", Vo, [
+        P(e.$slots, "actions")
       ])) : _("", !0)
     ])
   ]);
 }
-const xn = /* @__PURE__ */ xo(Lo, [["render", Vo]]), Ln = (e, t) => {
+const Pn = /* @__PURE__ */ Lo(So, [["render", Ao]]), Mn = (e, t) => {
   if (!e) return null;
   const o = (n) => {
     e.contains(n.target) || t();
   };
   return document.addEventListener("click", o), o;
-}, Sn = (e) => {
+}, Bn = (e) => {
   document.removeEventListener("click", e);
-}, Pn = {
+}, Vn = {
   beforeMount(e, t) {
     e.clickOutsideEvent = function(o) {
       e === o.target || e.contains(o.target) || t.value(o);
@@ -945,17 +967,17 @@ const xn = /* @__PURE__ */ xo(Lo, [["render", Vo]]), Ln = (e, t) => {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function Ao(e) {
+function Oo(e) {
   return e.replace(/[:\s_-]+(.)/g, (t, o) => o.toUpperCase()).replace(/^[A-Z]/, (t) => t.toLowerCase());
 }
-function Mn(e) {
-  const t = Ie();
+function An(e) {
+  const t = De();
   if (!t)
     return !1;
   const o = t.vnode.props;
   if (!o)
     return !1;
-  const n = Ao(e), l = De(e);
+  const n = Oo(e), l = Te(e);
   return [
     re(e),
     re(l),
@@ -967,7 +989,7 @@ function Mn(e) {
     (c) => !!o[c]
   );
 }
-const Oo = ["select"], ge = {
+const Io = ["select"], ge = {
   options: { type: Array, required: !1 },
   isLoading: {
     type: Boolean,
@@ -1043,16 +1065,16 @@ const Oo = ["select"], ge = {
   valueKey: { type: String, default: "value" },
   /** add a new button next to the list*/
   enableCreate: { type: Boolean, default: !1 }
-}, Io = ["select", "clear", "close", "create"], Be = {
+}, Do = ["select", "clear", "close", "create"], Ve = {
   ...ge,
   ...ve,
   isOpen: { type: Boolean, default: !1 },
   isActive: { type: Function, default: (e) => !1 }
-}, Do = {
+}, To = {
   key: 1,
   tabindex: "-1",
   class: "pointer-events-none"
-}, To = ["data-index", "aria-selected", "onMousedown", "onMousemove"], Ro = ["innerHTML"], Eo = {
+}, Ro = ["data-index", "aria-selected", "onMousedown", "onMousemove"], Eo = ["innerHTML"], zo = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4 shrink-0 opacity-80",
@@ -1061,7 +1083,7 @@ const Oo = ["select"], ge = {
   stroke: "currentColor",
   "stroke-width": "2.5"
 };
-function zo(e, t) {
+function No(e, t) {
   if (!t) return e;
   const o = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   return e.replace(
@@ -1069,13 +1091,13 @@ function zo(e, t) {
     '<mark class="bg-warning/40 text-inherit rounded-sm px-0.5">$1</mark>'
   );
 }
-const No = /* @__PURE__ */ k({
+const qo = /* @__PURE__ */ k({
   __name: "ListResults",
   props: ge,
-  emits: Oo,
+  emits: Io,
   setup(e, { expose: t, emit: o }) {
     const n = e, l = x(-1), a = x(), c = o;
-    q(
+    j(
       () => n.options,
       () => {
         l.value = -1;
@@ -1089,44 +1111,44 @@ const No = /* @__PURE__ */ k({
       });
     }
     function p(s) {
-      const b = n.options?.length ?? 0;
-      if (b)
+      const m = n.options?.length ?? 0;
+      if (m)
         switch (s.key) {
           case "ArrowDown":
-            s.preventDefault(), l.value = (l.value + 1) % b, d();
+            s.preventDefault(), l.value = (l.value + 1) % m, d();
             break;
           case "ArrowUp":
-            s.preventDefault(), l.value = l.value <= 0 ? b - 1 : l.value - 1, d();
+            s.preventDefault(), l.value = l.value <= 0 ? m - 1 : l.value - 1, d();
             break;
           case "Enter":
-            s.preventDefault(), l.value >= 0 && l.value < b && i(n.options[l.value]);
+            s.preventDefault(), l.value >= 0 && l.value < m && i(n.options[l.value]);
             break;
         }
     }
     function i(s) {
       l.value = -1, c("select", s);
     }
-    return t({ handleKeydown: p }), (s, b) => (r(), f("ul", {
+    return t({ handleKeydown: p }), (s, m) => (r(), f("ul", {
       ref_key: "listRef",
       ref: a,
       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 ? (r(), f(L, { key: 0 }, P(2, (m) => u("li", {
-        key: `skel-${m}`,
+      s.isLoading ? (r(), f(L, { key: 0 }, M(2, (b) => u("li", {
+        key: `skel-${b}`,
         class: "pointer-events-none px-3 py-2"
-      }, [...b[0] || (b[0] = [
+      }, [...m[0] || (m[0] = [
         u("div", { class: "flex items-center gap-3" }, [
           u("div", { class: "skeleton h-3 w-3/4 rounded" })
         ], -1)
-      ])])), 64)) : s.options.length === 0 ? (r(), f("li", Do, [...b[1] || (b[1] = [
+      ])])), 64)) : s.options?.length === 0 ? (r(), f("li", To, [...m[1] || (m[1] = [
         u("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)
-      ])])) : (r(!0), f(L, { key: 2 }, P(s.options, (m, v) => (r(), f("li", {
-        key: m.value,
+      ])])) : (r(!0), f(L, { key: 2 }, M(s.options, (b, v) => (r(), f("li", {
+        key: b.value,
         "data-index": v,
         role: "option",
         "aria-selected": v === l.value,
-        onMousedown: le((D) => i(m), ["prevent"]),
+        onMousedown: le((D) => i(b), ["prevent"]),
         onMousemove: (D) => l.value = v
       }, [
         u("a", {
@@ -1137,9 +1159,9 @@ const No = /* @__PURE__ */ k({
         }, [
           u("span", {
             class: "whitespace-nowrap",
-            innerHTML: zo(m.label, s.query)
-          }, null, 8, Ro),
-          s.isActive(m) ? (r(), f("svg", Eo, [...b[2] || (b[2] = [
+            innerHTML: No(b.label, s.query)
+          }, null, 8, Eo),
+          s.isActive(b) ? (r(), f("svg", zo, [...m[2] || (m[2] = [
             u("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -1147,19 +1169,19 @@ const No = /* @__PURE__ */ k({
             }, null, -1)
           ])])) : _("", !0)
         ], 2)
-      ], 40, To))), 128))
+      ], 40, Ro))), 128))
     ], 512));
   }
-}), Ve = ({ isTouched: e, errors: t }) => !!(e && t), qo = (e, t, o, n) => t === void 0 || t !== void 0 && !e || !n && !o, U = (e, t) => [e, { "input-error": Ve(t) }], jo = { key: 0 }, Z = /* @__PURE__ */ k({
+}), Ae = ({ isTouched: e, errors: t }) => !!(e && t), jo = (e, t, o, n) => t === void 0 || t !== void 0 && !e || !n && !o, U = (e, t) => [e, { "input-error": Ae(t) }], Fo = { key: 0 }, Z = /* @__PURE__ */ k({
   __name: "ControlWrapper",
   props: K,
   setup(e) {
-    const t = e, o = h(() => !qo(
+    const t = e, o = h(() => !jo(
       t.visible,
       t.description,
       t.isFocused,
       !0
-    )), n = h(() => t.required), l = h(() => Ve(t)), a = h(() => ae(t.styles));
+    )), n = h(() => t.required), l = h(() => Ae(t)), a = h(() => ae(t.styles));
     return (c, d) => (r(), f("fieldset", {
       class: $(["fieldset", [c.width, a.value.control.wrapper]])
     }, [
@@ -1167,24 +1189,24 @@ const No = /* @__PURE__ */ k({
         class: $(a.value.control.label)
       }, [
         c.hideLabel ? _("", !0) : (r(), f(L, { key: 0 }, [
-          u("span", null, y(c.label), 1),
-          n.value ? (r(), f("span", jo, "*")) : _("", !0)
+          u("span", null, w(c.label), 1),
+          n.value ? (r(), f("span", Fo, "*")) : _("", !0)
         ], 64)),
         d[0] || (d[0] = E("   ", -1))
       ], 2),
-      M(c.$slots, "default"),
+      P(c.$slots, "default"),
       u("p", {
         class: $(["fieldset-label h-4", { "text-error": l.value }])
-      }, y(l.value ? c.errors : o.value ? c.description : null), 3)
+      }, w(l.value ? c.errors : o.value ? c.description : null), 3)
     ], 2));
   }
-}), Fo = ["aria-label"], Ko = { class: "flex items-center w-full" }, Uo = { class: "overflow-hidden w-full" }, Ho = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, Wo = {
+}), Ko = ["aria-label"], Uo = { class: "flex items-center w-full" }, Ho = { class: "overflow-hidden w-full" }, Wo = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, Go = {
   key: 0,
   class: "loading loading-spinner loading-xs text-primary pointer-events-none"
 }, he = /* @__PURE__ */ k({
   __name: "SelectWrapper",
-  props: Be,
-  emits: Io,
+  props: Ve,
+  emits: Do,
   setup(e, { emit: t }) {
     const o = e, n = x(), l = x(), a = t, c = () => {
       d(), a("clear");
@@ -1203,7 +1225,7 @@ const No = /* @__PURE__ */ k({
       document.addEventListener("click", i);
     }), _e(() => {
       document.removeEventListener("click", i);
-    }), (s, b) => (r(), f("div", {
+    }), (s, m) => (r(), f("div", {
       ref_key: "selectWrapperRef",
       ref: n,
       "aria-label": s.id,
@@ -1211,16 +1233,16 @@ const No = /* @__PURE__ */ k({
     }, [
       V(Z, ee(te(o)), {
         default: S(() => [
-          u("div", Ko, [
+          u("div", Uo, [
             u("div", {
               class: "relative w-full",
               onKeydown: p
             }, [
-              u("div", Uo, [
-                M(s.$slots, "default")
-              ]),
               u("div", Ho, [
-                s.isLoading && !s.label ? (r(), f("span", Wo)) : _("", !0),
+                P(s.$slots, "default")
+              ]),
+              u("div", Wo, [
+                s.isLoading && !s.label ? (r(), f("span", Go)) : _("", !0),
                 s.query && !s.isLoading ? (r(), f("button", {
                   key: 1,
                   type: "button",
@@ -1228,7 +1250,7 @@ const No = /* @__PURE__ */ k({
                   tabindex: "-1",
                   "aria-label": "Clear",
                   onMousedown: le(c, ["prevent"])
-                }, [...b[2] || (b[2] = [
+                }, [...m[2] || (m[2] = [
                   u("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     class: "h-3.5 w-3.5",
@@ -1251,7 +1273,7 @@ const No = /* @__PURE__ */ k({
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
                   "stroke-width": "2"
-                }, [...b[3] || (b[3] = [
+                }, [...m[3] || (m[3] = [
                   u("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -1259,7 +1281,7 @@ const No = /* @__PURE__ */ k({
                   }, null, -1)
                 ])], 2))
               ]),
-              V(Te, {
+              V(Re, {
                 "enter-active-class": "transition-all duration-150 ease-out",
                 "enter-from-class": "opacity-0 -translate-y-1 scale-y-95",
                 "enter-to-class": "opacity-100 translate-y-0 scale-y-100",
@@ -1268,7 +1290,7 @@ const No = /* @__PURE__ */ k({
                 "leave-to-class": "opacity-0 -translate-y-1 scale-y-95"
               }, {
                 default: S(() => [
-                  s.isOpen ? (r(), w(No, {
+                  s.isOpen ? (r(), y(qo, {
                     key: 0,
                     ref_key: "listResultsRef",
                     ref: l,
@@ -1276,26 +1298,26 @@ const No = /* @__PURE__ */ k({
                     options: s.options,
                     "is-loading": s.isLoading,
                     "is-active": s.isActive,
-                    onSelect: b[0] || (b[0] = (m) => a("select", m))
+                    onSelect: m[0] || (m[0] = (b) => a("select", b))
                   }, null, 8, ["query", "options", "is-loading", "is-active"])) : _("", !0)
                 ]),
                 _: 1
               })
             ], 32),
-            s.enableCreate ? (r(), w(z, {
+            s.enableCreate ? (r(), y(N, {
               key: 0,
-              icon: "Plus",
-              color: "blank",
+              icon: g(T).Plus,
+              color: g(z).blank,
               size: "lg",
               tooltip: "Create new",
               "aria-label": "create",
-              onClick: b[1] || (b[1] = (m) => a("create"))
-            })) : _("", !0)
+              onClick: m[1] || (m[1] = (b) => a("create"))
+            }, null, 8, ["icon", "color"])) : _("", !0)
           ])
         ]),
         _: 3
       }, 16)
-    ], 8, Fo));
+    ], 8, Ko));
   }
 }), ue = (e, t) => {
   if (e)
@@ -1303,27 +1325,27 @@ const No = /* @__PURE__ */ k({
 }, ie = (e, t) => {
   if (e)
     return typeof e == "object" ? e[t.valueKey] : e;
-}, Go = (e) => {
+}, Xo = (e) => {
   const t = x([]), o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), l = (s) => {
-    const b = [];
-    o.clear(), n.clear(), s?.forEach((m) => {
+    const m = [];
+    o.clear(), n.clear(), s?.forEach((b) => {
       const v = {
-        value: ie(m, e),
-        label: ue(m, e)
+        value: ie(b, e),
+        label: ue(b, e)
       };
-      o.set(v.value, m), b.push(v);
-    }), t.value = b;
+      o.set(v.value, b), n.set(v.value, v), m.push(v);
+    }), t.value = m;
   }, a = (s) => o.get(s.value);
   return {
     options: t,
     setOptions: l,
     getOriginal: a,
-    getLabels: (...s) => s.map((b) => ue(b, e)),
-    getValues: (...s) => s.map((b) => ie(b, e)),
+    getLabels: (...s) => s.map((m) => ue(m, e)),
+    getValues: (...s) => s.map((m) => ie(m, e)),
     getOption: (s) => n.get(ie(s, e)),
     getOriginals: (...s) => s.map(a).filter(Boolean)
   };
-}, ye = (e) => Go(e), Xo = ["aria-label"], Bn = /* @__PURE__ */ k({
+}, ye = (e) => Xo(e), Zo = ["aria-label"], On = /* @__PURE__ */ k({
   __name: "SelectComponent",
   props: /* @__PURE__ */ I(ve, {
     modelValue: {},
@@ -1332,7 +1354,7 @@ const No = /* @__PURE__ */ k({
   emits: /* @__PURE__ */ I(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = x(!1), n = e, l = t, a = F(e, "modelValue"), c = ye(n), { options: d } = c;
-    q(
+    j(
       () => n.options,
       () => {
         c.setOptions(n.options);
@@ -1343,9 +1365,9 @@ const No = /* @__PURE__ */ k({
       l("change", A);
     }, i = h(
       () => a.value ? c.getLabels(a.value)[0] : ""
-    ), s = h(() => ae(n.styles)), b = h(
+    ), s = h(() => ae(n.styles)), m = h(
       () => U(s.value.control.select, n)
-    ), m = (A) => {
+    ), b = (A) => {
       const C = c.getOriginal(A);
       a.value = C, p(C);
     }, v = () => {
@@ -1353,29 +1375,29 @@ const No = /* @__PURE__ */ k({
     }, D = (A) => c.getValues(a.value)?.[0] === A.value, H = () => {
       o.value = !1;
     };
-    return (A, C) => (r(), w(he, B(n, {
+    return (A, C) => (r(), y(he, B(n, {
       options: g(d),
       disabled: !A.enabled,
       "is-open": o.value,
       query: i.value,
       "is-active": D,
       onClose: H,
-      onSelect: m,
+      onSelect: b,
       onClear: v
     }), {
       default: S(() => [
         u("button", {
           type: "button",
-          class: $(["truncate block text-left", [b.value, A.width]]),
+          class: $(["truncate block text-left", [m.value, A.width]]),
           "aria-label": A.id,
           role: "combobox",
-          onClick: C[0] || (C[0] = (T) => o.value = !0)
-        }, y(i.value ?? "Select value"), 11, Xo)
+          onClick: C[0] || (C[0] = (R) => o.value = !0)
+        }, w(i.value ?? "Select value"), 11, Zo)
       ]),
       _: 1
     }, 16, ["options", "disabled", "is-open", "query"]));
   }
-}), Zo = {
+}), Jo = {
   ...ve,
   ...ge,
   /** v-model binding */
@@ -1408,7 +1430,7 @@ const No = /* @__PURE__ */ k({
     default: !1
   }
 };
-function Jo(e) {
+function Qo(e) {
   const t = x([]), o = x(!1);
   function n(a) {
     if (!e.options) {
@@ -1425,7 +1447,7 @@ function Jo(e) {
   }
   return { results: t, isLoading: o, search: n, clear: l };
 }
-function Qo(e) {
+function Yo(e) {
   const t = x([]), o = x(!1);
   let n = null, l = null;
   async function a(p) {
@@ -1449,8 +1471,8 @@ function Qo(e) {
   }
   return { results: t, isLoading: o, search: c, clear: d };
 }
-function Yo(e) {
-  const t = e.fetchOptions ? Qo(e) : Jo(e);
+function es(e) {
+  const t = e.fetchOptions ? Yo(e) : Qo(e);
   function o(n) {
     t.search(n);
   }
@@ -1461,19 +1483,19 @@ function Yo(e) {
     clear: t.clear
   };
 }
-const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"], Vn = /* @__PURE__ */ k({
+const ts = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"], In = /* @__PURE__ */ k({
   __name: "AutoComplete",
-  props: Zo,
+  props: Jo,
   emits: ["update:modelValue", "change", "clear", "focus", "blur"],
   setup(e, { emit: t }) {
-    const o = e, n = t, l = x(null), a = x(""), c = x(!1), d = Yo(o), { isLoading: p, triggerSearch: i, clear: s } = d, b = ye(o), { options: m } = b;
-    q(
+    const o = e, n = t, l = x(null), a = x(""), c = x(!1), d = es(o), { isLoading: p, triggerSearch: i, clear: s } = d, m = ye(o), { options: b } = m;
+    j(
       () => d.results.value,
       () => {
-        b.setOptions(d.results.value);
+        m.setOptions(d.results.value);
       },
       { immediate: !0 }
-    ), q(
+    ), j(
       () => o.modelValue,
       (O) => {
         if (O == null || O === "") {
@@ -1496,21 +1518,21 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
       }, 150);
     }
     const A = (O) => {
-      const G = b.getOriginal(O);
+      const G = m.getOriginal(O);
       a.value = O.label, c.value = !1, n("update:modelValue", G), n("change", G);
     }, C = () => {
       a.value = "", s(), c.value = !1, n("update:modelValue", ""), n("clear"), xe(() => l.value?.focus());
-    }, T = () => {
+    }, R = () => {
       c.value = !1;
-    }, W = h(() => ae(o.styles)), Ae = h(
+    }, W = h(() => ae(o.styles)), Oe = h(
       () => U(W.value.control.select, o)
     );
-    return (O, G) => (r(), w(he, B(o, {
-      options: g(m),
+    return (O, G) => (r(), y(he, B(o, {
+      options: g(b),
       "is-loading": g(p),
       "is-open": c.value,
       query: a.value,
-      onClose: T,
+      onClose: R,
       onSelect: A,
       onClear: C
     }), {
@@ -1527,21 +1549,21 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           autocomplete: "off",
           autocorrect: "off",
           spellcheck: "false",
-          class: $([Ae.value, "w-full"]),
+          class: $([Oe.value, "w-full"]),
           value: a.value,
           placeholder: O.placeholder,
           disabled: !O.enabled,
           onInput: v,
           onFocus: D,
           onBlur: H
-        }, null, 42, es)
+        }, null, 42, ts)
       ]),
       _: 1
     }, 16, ["options", "is-loading", "is-open", "query"]));
   }
-}), ts = ["aria-label"], An = /* @__PURE__ */ k({
+}), os = ["aria-label"], Dn = /* @__PURE__ */ k({
   __name: "MultiSelect",
-  props: /* @__PURE__ */ I(Be, {
+  props: /* @__PURE__ */ I(Ve, {
     modelValue: {},
     modelModifiers: {}
   }),
@@ -1550,7 +1572,7 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     const o = x(!1), n = e, l = t, a = F(e, "modelValue"), c = (C) => {
       l("change", C);
     }, d = ye(n), { options: p } = d;
-    q(
+    j(
       () => n.options,
       () => {
         d.setOptions(n.options);
@@ -1561,33 +1583,33 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
       () => a.value ? d.getLabels(...a.value).join(", ") : void 0
     ), s = h(
       () => d.getValues(...a.value ?? [])
-    ), b = (C) => {
-      let T = a.value ?? [];
+    ), m = (C) => {
+      let R = a.value ?? [];
       if (D(C))
-        T = T.filter(
-          (W) => d.getOption(W) !== C.value
+        R = R.filter(
+          (W) => d.getOption(W)?.value !== C.value
         );
       else {
         const W = d.getOriginal(C);
-        T.push(W);
+        R.push(W);
       }
-      a.value = T, c(T);
-    }, m = () => {
+      a.value = R, c(R);
+    }, b = () => {
       o.value = !1, a.value = [], c([]);
     }, v = () => {
       o.value = !1;
     }, D = (C) => s.value?.includes(C.value) ?? !1, H = h(() => ae(n.styles)), A = h(
       () => U(H.value.control.select, n)
     );
-    return (C, T) => (r(), w(he, B(n, {
+    return (C, R) => (r(), y(he, B(n, {
       options: g(p),
       "is-open": o.value,
       disabled: !C.enabled,
       query: i.value,
       "is-active": D,
       onClose: v,
-      onSelect: b,
-      onClear: m
+      onSelect: m,
+      onClear: b
     }), {
       default: S(() => [
         u("button", {
@@ -1595,16 +1617,16 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           class: $(["truncate block text-left", [A.value, C.width]]),
           "aria-label": C.id,
           role: "combobox",
-          onClick: T[0] || (T[0] = (W) => o.value = !0)
-        }, y(i.value ?? "Select value"), 11, ts)
+          onClick: R[0] || (R[0] = (W) => o.value = !0)
+        }, w(i.value ?? "Select value"), 11, os)
       ]),
       _: 1
     }, 16, ["options", "is-open", "disabled", "query"]));
   }
-}), os = ["change"], ss = {
+}), ss = ["change"], ns = {
   ...K,
   width: { type: String, default: "w-48" },
-  minHeight: { type: String, default: "min-h-96" },
+  minHeight: { type: String, default: "min-h-[50vh]" },
   actions: {
     type: Object,
     default: () => [
@@ -1620,18 +1642,18 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
       }
     ]
   }
-}, ns = ["aria-label"], ls = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, as = ["title", "onClick"], rs = ["innerHTML"], is = { class: "card-body p-3" }, On = /* @__PURE__ */ k({
+}, ls = ["aria-label"], as = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, rs = ["title", "onClick"], is = ["innerHTML"], us = { class: "card-body p-3" }, Tn = /* @__PURE__ */ k({
   __name: "Markdown",
-  props: /* @__PURE__ */ I(ss, {
+  props: /* @__PURE__ */ I(ns, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(os, ["update:modelValue"]),
+  emits: /* @__PURE__ */ I(ss, ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e, n = t, l = F(e, "modelValue"), a = rt({
+    const o = e, n = t, l = F(e, "modelValue"), a = it({
       content: l.value ?? "",
       extensions: [
-        at.configure({
+        rt.configure({
           heading: !1,
           blockquote: !1,
           bulletList: !1,
@@ -1642,7 +1664,7 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           horizontalRule: !1,
           hardBreak: !1
         }),
-        ut.configure({
+        ct.configure({
           html: !1,
           transformPastedText: !0
           // parse markdown on paste
@@ -1652,17 +1674,17 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
         n("change", c.storage.markdown.getMarkdown());
       }
     });
-    return Re(() => {
+    return Ee(() => {
       a.value?.destroy();
-    }), (c, d) => (r(), w(Z, ee(te(o)), {
+    }), (c, d) => (r(), y(Z, ee(te(o)), {
       default: S(() => [
         u("div", {
           class: $([[c.minHeight], "card bg-base-100 border border-base-300 w-full"]),
           "aria-label": c.id,
           role: "textbox"
         }, [
-          u("div", ls, [
-            (r(!0), f(L, null, P(c.actions, (p) => (r(), f("button", {
+          u("div", as, [
+            (r(!0), f(L, null, M(c.actions, (p) => (r(), f("button", {
               key: p.name,
               tabindex: "-1",
               type: "button",
@@ -1672,29 +1694,29 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
             }, [
               u("span", {
                 innerHTML: p.label
-              }, null, 8, rs)
-            ], 10, as))), 128))
+              }, null, 8, is)
+            ], 10, rs))), 128))
           ]),
-          u("div", is, [
-            V(g(it), {
+          u("div", us, [
+            V(g(ut), {
               editor: g(a),
               class: "prose prose-sm max-w-none h-full"
             }, null, 8, ["editor"])
           ])
-        ], 10, ns)
+        ], 10, ls)
       ]),
       _: 1
     }, 16));
   }
-}), us = {
+}), cs = {
   ...K
-}, cs = ["change", "focus", "blur"], ds = { class: "flex items-center justify-center h-full" }, ps = { class: "fieldset-label" }, fs = ["aria-label", "disabled"], bs = { class: "font-bold text-gray-500 text-sm" }, In = /* @__PURE__ */ k({
+}, ds = ["change", "focus", "blur"], ps = { class: "flex items-center justify-center h-full" }, fs = { class: "fieldset-label" }, ms = ["aria-label", "disabled"], bs = { class: "font-bold text-gray-500 text-sm" }, Rn = /* @__PURE__ */ k({
   __name: "Checkbox",
-  props: /* @__PURE__ */ I(us, {
+  props: /* @__PURE__ */ I(cs, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(cs, ["update:modelValue"]),
+  emits: /* @__PURE__ */ I(ds, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
       n("change", l.value);
@@ -1705,12 +1727,12 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     }, p = h(
       () => U(o.styles.control.checkbox, o)
     );
-    return (i, s) => (r(), f("div", ds, [
+    return (i, s) => (r(), f("div", ps, [
       V(Z, B(o, { "hide-label": !0 }), {
         default: S(() => [
-          u("label", ps, [
+          u("label", fs, [
             Y(u("input", {
-              "onUpdate:modelValue": s[0] || (s[0] = (b) => l.value = b),
+              "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
               "aria-label": i.id,
               role: "checkbox",
               type: "checkbox",
@@ -1719,26 +1741,26 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
               onChange: a,
               onFocus: c,
               onBlur: d
-            }, null, 42, fs), [
+            }, null, 42, ms), [
               [Ce, l.value]
             ]),
-            u("span", bs, y(i.label), 1)
+            u("span", bs, w(i.label), 1)
           ])
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), ms = {
+}), gs = {
   ...K,
   type: { type: String, default: "text" }
-}, gs = ["change", "focus", "blur"], vs = ["aria-label", "type", "disabled", "autofocus", "placeholder"], Dn = /* @__PURE__ */ k({
+}, vs = ["change", "focus", "blur"], hs = ["aria-label", "type", "disabled", "autofocus", "placeholder"], En = /* @__PURE__ */ k({
   __name: "Input",
-  props: /* @__PURE__ */ I(ms, {
+  props: /* @__PURE__ */ I(gs, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(gs, ["update:modelValue"]),
+  emits: /* @__PURE__ */ I(vs, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
       n("change", i);
@@ -1749,10 +1771,10 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     }, p = h(
       () => U(o.styles.control.input, o)
     );
-    return (i, s) => (r(), w(Z, ee(te(o)), {
+    return (i, s) => (r(), y(Z, ee(te(o)), {
       default: S(() => [
         Y(u("input", {
-          "onUpdate:modelValue": s[0] || (s[0] = (b) => l.value = b),
+          "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
           "aria-label": i.id,
           autocomplete: "off",
           type: i.type,
@@ -1763,23 +1785,23 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           onChange: a,
           onFocus: c,
           onBlur: d
-        }, null, 42, vs), [
-          [Ee, l.value]
+        }, null, 42, hs), [
+          [ze, l.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), hs = {
+}), ys = {
   ...K,
   steps: { type: Number, default: 1 }
-}, ys = ["change", "focus", "blur"], ws = ["aria-label", "disabled", "step", "autofocus", "placeholder"], Tn = /* @__PURE__ */ k({
+}, ws = ["change", "focus", "blur"], ks = ["aria-label", "disabled", "step", "autofocus", "placeholder"], zn = /* @__PURE__ */ k({
   __name: "InputNumber",
-  props: /* @__PURE__ */ I(hs, {
+  props: /* @__PURE__ */ I(ys, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(ys, ["update:modelValue"]),
+  emits: /* @__PURE__ */ I(ws, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
       n("change", i);
@@ -1788,12 +1810,12 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     }, d = (i) => {
       n("blur", i);
     }, p = h(
-      () => U(o.styles.control.input, o)
+      () => U(o.styles?.control?.input, o)
     );
-    return (i, s) => (r(), w(Z, ee(te(o)), {
+    return (i, s) => (r(), y(Z, ee(te(o)), {
       default: S(() => [
         Y(u("input", {
-          "onUpdate:modelValue": s[0] || (s[0] = (b) => l.value = b),
+          "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
           autocomplete: "off",
           "aria-label": i.id,
           type: "number",
@@ -1805,23 +1827,23 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           onChange: a,
           onFocus: c,
           onBlur: d
-        }, null, 42, ws), [
+        }, null, 42, ks), [
           [Le, l.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), ks = {
+}), _s = {
   ...K,
   rows: { type: Number, default: 4 }
-}, _s = ["change", "focus", "blur"], $s = ["aria-label", "disabled", "rows", "autofocus", "placeholder"], Rn = /* @__PURE__ */ k({
+}, $s = ["change", "focus", "blur"], Cs = ["aria-label", "disabled", "rows", "autofocus", "placeholder"], Nn = /* @__PURE__ */ k({
   __name: "Textarea",
-  props: /* @__PURE__ */ I(ks, {
+  props: /* @__PURE__ */ I(_s, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ I(_s, ["update:modelValue"]),
+  emits: /* @__PURE__ */ I($s, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
       n("change", i);
@@ -1832,10 +1854,10 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     }, p = h(
       () => U(o.styles.control.textarea, o)
     );
-    return (i, s) => (r(), w(Z, ee(te(o)), {
+    return (i, s) => (r(), y(Z, ee(te(o)), {
       default: S(() => [
         Y(u("textarea", {
-          "onUpdate:modelValue": s[0] || (s[0] = (b) => l.value = b),
+          "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
           autocomplete: "off",
           type: "text",
           "aria-label": i.id,
@@ -1847,28 +1869,28 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           onChange: a,
           onFocus: c,
           onBlur: d
-        }, null, 42, $s), [
+        }, null, 42, Cs), [
           [Le, l.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), Cs = {
+}), xs = {
   widthLeft: { type: Number, default: 200 },
   widthRight: { type: Number, default: 200 },
   initialLeftOpen: { type: Boolean, default: !0 },
   initialRightOpen: { type: Boolean, default: !0 }
-}, xs = { class: "flex h-full overflow-hidden gap-2" }, Ls = {
+}, Ls = { class: "flex h-full overflow-hidden gap-2" }, Ss = {
   key: 0,
   id: "drawer-left",
   class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, Ss = ["aria-expanded", "aria-label"], Ps = { class: "flex-1 overflow-y-auto bg-white" }, Ms = {
+}, Ps = ["aria-expanded", "aria-label"], Ms = { class: "flex-1 overflow-y-auto bg-white" }, Bs = {
   key: 1,
   class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, Bs = ["aria-expanded", "aria-label"], En = /* @__PURE__ */ k({
+}, Vs = ["aria-expanded", "aria-label"], qn = /* @__PURE__ */ k({
   __name: "drawer",
-  props: Cs,
+  props: xs,
   setup(e) {
     const t = e, o = Se(), n = h(() => !!o["left-drawer"]), l = h(() => !!o["right-drawer"]), a = x({
       left: t.initialLeftOpen,
@@ -1876,8 +1898,8 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     }), c = (d) => {
       a.value[d] = !a.value[d];
     };
-    return (d, p) => (r(), f("main", xs, [
-      n.value ? (r(), f("aside", Ls, [
+    return (d, p) => (r(), f("main", Ls, [
+      n.value ? (r(), f("aside", Ss, [
         u("div", {
           id: "drawer-left-panel",
           style: X({ width: a.value.left ? d.widthLeft + "px" : "0px" }),
@@ -1887,7 +1909,7 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
             style: X({ width: d.widthLeft + "px" }),
             class: "h-full overflow-y-auto p-4"
           }, [
-            M(d.$slots, "left-drawer")
+            P(d.$slots, "left-drawer")
           ], 4)
         ], 4),
         u("button", {
@@ -1897,16 +1919,16 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
           onClick: p[0] || (p[0] = (i) => c("left"))
         }, [
-          V(g(j), {
+          V(g(q), {
             size: "lg",
-            icon: a.value.left ? g(R).ChevronLeft : g(R).ChevronRight
+            icon: a.value.left ? g(T).ChevronLeft : g(T).ChevronRight
           }, null, 8, ["icon"])
-        ], 8, Ss)
+        ], 8, Ps)
       ])) : _("", !0),
-      u("div", Ps, [
-        M(d.$slots, "default")
+      u("div", Ms, [
+        P(d.$slots, "default")
       ]),
-      l.value ? (r(), f("aside", Ms, [
+      l.value ? (r(), f("aside", Bs, [
         u("button", {
           "aria-expanded": a.value.right,
           "aria-controls": "drawer-right-panel",
@@ -1914,11 +1936,11 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
           class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
           onClick: p[1] || (p[1] = (i) => c("right"))
         }, [
-          V(g(j), {
+          V(g(q), {
             size: "lg",
-            icon: a.value.right ? g(R).ChevronRight : g(R).ChevronLeft
+            icon: a.value.right ? g(T).ChevronRight : g(T).ChevronLeft
           }, null, 8, ["icon"])
-        ], 8, Bs),
+        ], 8, Vs),
         u("div", {
           id: "drawer-right-panel",
           style: X({ width: a.value.right ? d.widthRight + "px" : "0px" }),
@@ -1928,16 +1950,16 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
             style: X({ width: d.widthRight + "px" }),
             class: "h-full overflow-y-auto p-4"
           }, [
-            M(d.$slots, "right-drawer")
+            P(d.$slots, "right-drawer")
           ], 4)
         ], 4)
       ])) : _("", !0)
     ]));
   }
-}), Vs = { class: "ml-1" }, As = { class: "truncate flex-1 min-w-0 text-left" }, Os = {
+}), As = { class: "ml-1" }, Os = { class: "truncate flex-1 min-w-0 text-left" }, Is = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, Is = /* @__PURE__ */ k({
+}, Ds = /* @__PURE__ */ k({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1950,7 +1972,7 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     const o = e, n = t, l = h(() => o.active === o.node.id);
     return (a, c) => {
       const d = ce("TreeItem", !0);
-      return r(), f("li", Vs, [
+      return r(), f("li", As, [
         u("div", {
           class: $([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
@@ -1963,10 +1985,10 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
             class: "flex items-center justify-center",
             onClick: c[0] || (c[0] = (p) => n("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (r(), w(g(ct), {
+            e.node.children && e.isExpanded(e.node.id) ? (r(), y(g(dt), {
               key: 0,
               class: "w-3 h-3"
-            })) : (r(), w(g(dt), {
+            })) : (r(), y(g(pt), {
               key: 1,
               class: "w-3 h-3"
             }))
@@ -1975,8 +1997,8 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
             class: "flex items-center gap-2 w-full min-w-0",
             onClick: c[1] || (c[1] = (p) => n("select", e.node))
           }, [
-            u("div", As, y(e.node.label), 1),
-            e.node.tag ? (r(), f("div", Os, y(e.node.tag), 1)) : _("", !0)
+            u("div", Os, w(e.node.label), 1),
+            e.node.tag ? (r(), f("div", Is, w(e.node.tag), 1)) : _("", !0)
           ])
         ], 2),
         e.node.children && e.isExpanded(e.node.id) ? (r(), f("ul", {
@@ -1986,7 +2008,7 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
             { "border-gray-200": !l.value, "border-primary": l.value }
           ])
         }, [
-          (r(!0), f(L, null, P(e.node.children, (p) => (r(), w(d, {
+          (r(!0), f(L, null, M(e.node.children, (p) => (r(), y(d, {
             key: p.id,
             node: p,
             expanded: e.expanded,
@@ -1999,7 +2021,7 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
       ]);
     };
   }
-}), Ds = { class: "select-none text-sm" }, zn = /* @__PURE__ */ k({
+}), Ts = { class: "select-none text-sm" }, jn = /* @__PURE__ */ k({
   __name: "TreeView",
   props: {
     data: {},
@@ -2017,8 +2039,8 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     }, c = (p) => {
       n("select", p), l.value.add(p.id);
     }, d = (p) => l.value.has(p);
-    return (p, i) => (r(), f("ul", Ds, [
-      (r(!0), f(L, null, P(o.data, (s) => (r(), w(Is, {
+    return (p, i) => (r(), f("ul", Ts, [
+      (r(!0), f(L, null, M(o.data, (s) => (r(), y(Ds, {
         key: s.id,
         node: s,
         expanded: l.value,
@@ -2029,18 +2051,18 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), Ts = {
+}), Rs = {
   key: 0,
   role: "status",
   "aria-live": "polite",
   class: "flex items-center justify-center h-20"
-}, Nn = /* @__PURE__ */ k({
+}, Fn = /* @__PURE__ */ k({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, o) => e.loading ? (r(), f("div", Ts, [...o[0] || (o[0] = [
+    return (t, o) => e.loading ? (r(), f("div", Rs, [...o[0] || (o[0] = [
       u("span", {
         "aria-hidden": "true",
         class: "loading loading-bars loading-md text-primary"
@@ -2048,30 +2070,34 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
       u("span", { class: "sr-only" }, "Loading...", -1)
     ])])) : _("", !0);
   }
-}), Rs = {
+}), Es = {
   title: { type: String, required: !0 },
   opened: { type: Boolean, default: !0 },
   heightFull: { type: Boolean, default: !1 },
+  scrollable: { type: Boolean, default: !1 },
   disabled: { type: Boolean, default: !1 },
   actions: {
     type: Array,
     default: () => []
   }
-}, Es = ["checked", "aria-label"], zs = { class: "collapse-title text-gray-500 text-xs font-medium" }, Ns = { class: "flex items-center justify-between" }, qs = {
+}, zs = ["checked", "aria-label"], Ns = { class: "collapse-title text-gray-500 text-xs font-medium" }, qs = { class: "flex items-center justify-between" }, js = {
   key: 0,
   class: "list bg-base-100"
-}, js = /* @__PURE__ */ k({
+}, Fs = {
+  key: 1,
+  class: "shrink-0 pt-2"
+}, Ks = /* @__PURE__ */ k({
   __name: "Collapse",
-  props: Rs,
+  props: Es,
   setup(e) {
     const t = Se(), o = e, n = x(o.opened), l = x(o.opened || o.disabled);
     return (a, c) => (r(), f("div", {
-      class: $([
-        "collapse collapse-arrow bg-white w-full border border-gray-300",
+      class: $(["collapse collapse-arrow bg-white border border-gray-300", [
+        a.scrollable ? "flex-1 min-h-0 !grid-rows-[auto_1fr] overflow-hidden" : "",
         a.heightFull ? "h-full" : "",
         a.disabled ? "collapse-open" : "",
-        l.value ? "overflow-visible" : ""
-      ])
+        l.value && !a.scrollable ? "overflow-visible" : ""
+      ]])
     }, [
       a.disabled ? _("", !0) : (r(), f("input", {
         key: 0,
@@ -2080,19 +2106,19 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
         tabindex: "-1",
         "aria-label": "Toggle " + a.title,
         onChange: c[0] || (c[0] = (d) => l.value = d.target.checked)
-      }, null, 40, Es)),
-      u("div", zs, [
-        u("div", Ns, [
-          u("span", null, y(a.title), 1),
+      }, null, 40, zs)),
+      u("div", Ns, [
+        u("div", qs, [
+          u("span", null, w(a.title), 1),
           o.actions.length > 0 ? (r(), f("div", {
             key: 0,
-            class: "relative z-10 flex gap-1",
+            class: "relative z-10 flex gap-1 overflow-y-auto",
             onClick: c[1] || (c[1] = le(() => {
             }, ["stop"]))
           }, [
-            (r(!0), f(L, null, P(o.actions, (d, p) => (r(), w(g(z), {
+            (r(!0), f(L, null, M(o.actions, (d, p) => (r(), y(g(N), {
               key: p,
-              color: g(N).blank,
+              color: g(z).blank,
               size: "xs",
               icon: d.icon,
               tooltip: d.tooltip,
@@ -2100,7 +2126,7 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
               onClick: d.onClick
             }, {
               default: S(() => [
-                E(y(d.label), 1)
+                E(w(d.label), 1)
               ]),
               _: 2
             }, 1032, ["color", "icon", "tooltip", "disabled", "onClick"]))), 128))
@@ -2108,53 +2134,63 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
         ])
       ]),
       u("div", {
-        class: $(["collapse-content", g(t).list ? "p-0" : ""])
+        class: $(["collapse-content", [
+          a.scrollable ? "!flex !flex-col min-h-0" : "",
+          g(t).list ? "p-0" : ""
+        ]])
       }, [
-        M(a.$slots, "default"),
-        g(t).list ? (r(), f("ul", qs, [
-          M(a.$slots, "list")
+        u("div", {
+          class: $(a.scrollable ? "flex-1 min-h-0 overflow-y-auto" : "")
+        }, [
+          P(a.$slots, "default")
+        ], 2),
+        g(t).list ? (r(), f("ul", js, [
+          P(a.$slots, "list")
+        ])) : _("", !0),
+        g(t).footer ? (r(), f("div", Fs, [
+          P(a.$slots, "footer")
         ])) : _("", !0)
       ], 2)
     ], 2));
   }
-}), Fs = {
+}), Us = {
   title: { type: String },
   label: { type: String },
   labelLink: { type: String },
   description: { type: String },
   descriptionLink: { type: String }
-}, Ks = { class: "list-row" }, Us = { class: "list-col-grow" }, Hs = { key: 0 }, Ws = {
+}, Hs = { class: "list-row" }, Ws = { class: "list-col-grow" }, Gs = { key: 0 }, Xs = {
   key: 1,
   class: "text-xs text-gray-600"
-}, Gs = ["href"], Xs = { key: 1 }, Zs = {
+}, Zs = ["href"], Js = { key: 1 }, Qs = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Js = ["href"], Qs = { key: 1 }, qn = /* @__PURE__ */ k({
+}, Ys = ["href"], en = { key: 1 }, Kn = /* @__PURE__ */ k({
   __name: "CollapseRow",
-  props: Fs,
+  props: Us,
   setup(e) {
-    return (t, o) => (r(), f("li", Ks, [
-      u("div", Us, [
-        t.title ? (r(), f("div", Hs, y(t.title), 1)) : _("", !0),
-        t.description || t.descriptionLink ? (r(), f("div", Ws, [
+    return (t, o) => (r(), f("li", Hs, [
+      u("div", Ws, [
+        t.title ? (r(), f("div", Gs, w(t.title), 1)) : _("", !0),
+        t.description || t.descriptionLink ? (r(), f("div", Xs, [
           t.descriptionLink ? (r(), f("a", {
             key: 0,
             href: t.descriptionLink,
             target: "_blank"
-          }, y(t.description ?? t.descriptionLink), 9, Gs)) : (r(), f("span", Xs, y(t.description), 1))
+          }, w(t.description ?? t.descriptionLink), 9, Zs)) : (r(), f("span", Js, w(t.description), 1))
         ])) : _("", !0)
       ]),
-      t.label ? (r(), f("div", Zs, [
+      t.label ? (r(), f("div", Qs, [
         t.labelLink ? (r(), f("a", {
           key: 0,
           href: t.labelLink,
           target: "_blank"
-        }, y(t.label), 9, Js)) : (r(), f("span", Qs, y(t.label), 1))
+        }, w(t.label), 9, Ys)) : (r(), f("span", en, w(t.label), 1))
       ])) : _("", !0),
-      M(t.$slots, "default")
+      P(t.$slots, "default")
     ]));
   }
-}), Ys = { class: "text-gray-800" }, jn = /* @__PURE__ */ k({
+}), tn = { class: "text-gray-800" }, Un = /* @__PURE__ */ k({
   __name: "alert",
   props: {
     message: {},
@@ -2171,11 +2207,11 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
       role: "alert",
       class: $(`alert alert-soft ${t[e.type]} `)
     }, [
-      u("span", Ys, y(e.message), 1),
-      M(o.$slots, "default")
+      u("span", tn, w(e.message), 1),
+      P(o.$slots, "default")
     ], 2));
   }
-}), en = {
+}), on = {
   title: { type: String, required: !0 },
   items: {
     type: Array,
@@ -2194,73 +2230,73 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
     default: void 0
   },
   opened: { type: Boolean, default: !0 }
-}, tn = ["update:modelValue"], on = (e, t, o, n) => {
+}, sn = ["update:modelValue"], nn = (e, t, o, n) => {
   const l = h(
     () => e.value.map((s) => s[o.value])
   ), a = (s) => t.value.includes(s), c = h(() => {
     const s = t.value.length;
     return s === 0 ? "None" : s === l.value.length ? "All" : `${s}`;
   });
-  return { isSelected: a, selectedLabel: c, selectAll: () => n("update:modelValue", [...l.value]), selectNone: () => n("update:modelValue", []), toggleItem: (s, b) => {
-    b ? n("update:modelValue", [...t.value, s]) : n(
+  return { isSelected: a, 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((m) => m !== s)
+      t.value.filter((b) => b !== s)
     );
   } };
-}, sn = { class: "flex items-center justify-between mb-2" }, nn = { class: "text-xs text-base-content/50" }, ln = { class: "flex gap-1" }, an = { class: "flex flex-col gap-1" }, rn = ["checked", "onChange"], un = { class: "text-sm flex-1 select-none" }, cn = {
+}, ln = { class: "flex items-center justify-between mb-2" }, an = { class: "text-xs text-base-content/50" }, rn = { class: "flex gap-1" }, un = { class: "flex flex-col gap-1" }, cn = ["checked", "onChange"], dn = { class: "text-sm flex-1 select-none" }, pn = {
   key: 1,
   class: "badge badge-sm badge-ghost"
-}, Fn = /* @__PURE__ */ k({
+}, Hn = /* @__PURE__ */ k({
   __name: "filter",
-  props: en,
-  emits: tn,
+  props: on,
+  emits: sn,
   setup(e, { emit: t }) {
-    const o = e, n = t, l = h(() => o.items ?? []), { isSelected: a, selectedLabel: c, selectAll: d, selectNone: p, toggleItem: i } = on(l, we(o, "modelValue"), we(o, "valueKey"), n);
-    return (s, b) => (r(), w(g(js), {
+    const o = e, n = t, l = h(() => o.items ?? []), { isSelected: a, selectedLabel: c, selectAll: d, selectNone: p, toggleItem: i } = nn(l, we(o, "modelValue"), we(o, "valueKey"), n);
+    return (s, m) => (r(), y(g(Ks), {
       title: s.title,
       opened: s.opened
     }, {
       default: S(() => [
-        u("div", sn, [
-          u("span", nn, y(g(c)) + " of " + y(l.value.length) + " items ", 1),
-          u("div", ln, [
+        u("div", ln, [
+          u("span", an, w(g(c)) + " of " + w(l.value.length) + " items ", 1),
+          u("div", rn, [
             u("button", {
               class: "btn btn-ghost btn-xs",
               type: "button",
               tabindex: "-1",
-              onClick: b[0] || (b[0] = //@ts-ignore
-              (...m) => g(d) && g(d)(...m))
+              onClick: m[0] || (m[0] = //@ts-ignore
+              (...b) => g(d) && g(d)(...b))
             }, " All "),
             u("button", {
               class: "btn btn-ghost btn-xs",
               type: "button",
               tabindex: "-1",
-              onClick: b[1] || (b[1] = //@ts-ignore
-              (...m) => g(p) && g(p)(...m))
+              onClick: m[1] || (m[1] = //@ts-ignore
+              (...b) => g(p) && g(p)(...b))
             }, " None ")
           ])
         ]),
-        u("div", an, [
-          (r(!0), f(L, null, P(l.value, (m) => (r(), f("label", {
-            key: m[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(a)(m[s.valueKey]) }])
+        u("div", un, [
+          (r(!0), f(L, null, M(l.value, (b) => (r(), f("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(a)(b[s.valueKey]) }])
           }, [
             u("input", {
               type: "checkbox",
               class: "checkbox checkbox-sm",
-              checked: g(a)(m[s.valueKey]),
+              checked: g(a)(b[s.valueKey]),
               onChange: (v) => g(i)(
-                m[s.valueKey],
+                b[s.valueKey],
                 v.target.checked
               )
-            }, null, 40, rn),
-            s.colorKey && m[s.colorKey] ? (r(), f("span", {
+            }, null, 40, cn),
+            s.colorKey && b[s.colorKey] ? (r(), f("span", {
               key: 0,
               class: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
-              style: X({ backgroundColor: m[s.colorKey] })
+              style: X({ backgroundColor: b[s.colorKey] })
             }, null, 4)) : _("", !0),
-            u("span", un, y(m[s.labelKey]), 1),
-            m[s.countKey] > 0 ? (r(), f("span", cn, y(m[s.countKey]), 1)) : _("", !0)
+            u("span", dn, w(b[s.labelKey]), 1),
+            b[s.countKey] > 0 ? (r(), f("span", pn, w(b[s.countKey]), 1)) : _("", !0)
           ], 2))), 128))
         ])
       ]),
@@ -2269,66 +2305,67 @@ const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"],
   }
 });
 export {
-  jn as Alert,
-  Vn as Autocomplete,
-  Pt as BadgeSize,
-  z as Btn,
-  kn as BtnBadge,
-  Rt as BtnBadgeEmits,
-  Tt as BtnBadgeProperties,
-  Dt as BtnEmits,
-  It as BtnProperties,
-  St as ButtonSize,
+  Un as Alert,
+  In as Autocomplete,
+  Mt as BadgeSize,
+  Sn as BooleanCell,
+  N as Btn,
+  $n as BtnBadge,
+  Et as BtnBadgeEmits,
+  Rt as BtnBadgeProperties,
+  Tt as BtnEmits,
+  Dt as BtnProperties,
+  Pt as ButtonSize,
   Me as ButtonTag,
   fe as ButtonType,
-  xn as Card,
-  In as Checkbox,
-  Pn as ClickOutside,
-  js as Collapse,
-  qn as CollapseRow,
-  N as Color,
-  zt as ConfirmModal,
+  Pn as Card,
+  Rn as Checkbox,
+  Vn as ClickOutside,
+  Ks as Collapse,
+  Kn as CollapseRow,
+  z as Color,
+  Nt as ConfirmModal,
   Z as ControlWrapper,
-  En as Drawer,
-  wn as Dropdown,
-  Fn as Filter,
-  tn as FilterEmits,
-  en as FilterProperties,
-  j as Icon,
-  R as IconEnum,
-  pt as IconMap,
-  ft as IconProperties,
-  Dn as Input,
-  Tn as InputNumber,
-  Nn as Loading,
-  On as Markdown,
-  yn as Menu,
-  Vt as Modal,
-  $t as ModalEmits,
-  _t as ModalProperties,
-  be as ModalService,
-  Lt as ModalSize,
-  Nt as ModalWrapper,
-  An as MultiSelect,
-  qt as NotificationMessage,
-  me as NotificationService,
-  Kt as Notifications,
-  co as PaginationComponent,
-  Bn as SelectComponent,
-  _n as ShellComponent,
+  qn as Drawer,
+  _n as Dropdown,
+  Hn as Filter,
+  sn as FilterEmits,
+  on as FilterProperties,
+  q as Icon,
+  T as IconEnum,
+  ft as IconMap,
+  mt as IconProperties,
+  En as Input,
+  zn as InputNumber,
+  Fn as Loading,
+  Tn as Markdown,
+  kn as Menu,
+  At as Modal,
+  Ct as ModalEmits,
+  $t as ModalProperties,
+  me as ModalService,
+  St as ModalSize,
+  qt as ModalWrapper,
+  Dn as MultiSelect,
+  jt as NotificationMessage,
+  be as NotificationService,
+  Ut as Notifications,
+  po as PaginationComponent,
+  On as SelectComponent,
+  Cn as ShellComponent,
   pe as SubMenu,
-  Cn as Table,
-  Cn as TableComponent,
-  $n as TextCell,
-  Rn as Textarea,
-  zn as TreeView,
-  Ln as addClickOutsideEventListener,
+  Ln as Table,
+  Ln as TableComponent,
+  xn as TextCell,
+  Nn as Textarea,
+  jn as TreeView,
+  Mn as addClickOutsideEventListener,
   U as buildInputStyle,
-  Mn as hasCustomEventListener,
-  qo as isDescriptionHidden,
+  An as hasCustomEventListener,
+  jo as isDescriptionHidden,
   ae as mergeStyles,
   se as myStyles,
-  Sn as removeClickOutsideEventListener,
-  Ve as showErrors,
-  on as useFilter
+  Bn as removeClickOutsideEventListener,
+  Ae as showErrors,
+  nn as useFilter
 };