@ghentcdh/ui 0.6.9 → 0.7.0

package/index.esm.js

@@ -1,4 +1,4 @@
-import { openBlock as l, createElementBlock as c, createElementVNode as r, defineComponent as w, computed as v, createBlock as y, resolveDynamicComponent as se, normalizeClass as x, createCommentVNode as k, toDisplayString as b, unref as g, Fragment as C, renderList as S, mergeProps as P, resolveComponent as ie, withCtx as L, createTextVNode as N, ref as M, watch as G, onMounted as ke, renderSlot as B, createVNode as V, withDirectives as Y, vModelCheckbox as _e, normalizeStyle as Z, useAttrs as Ve, getCurrentInstance as Ae, toHandlerKey as ye, camelize as je, withModifiers as ce, nextTick as xe, onUnmounted as Oe, normalizeProps as ee, guardReactiveProps as te, Transition as Re, useModel as E, mergeModels as O, onBeforeUnmount as Te, vModelDynamic as De, vModelText as $e, useSlots as Ce, toRef as we } from "vue";
+import { openBlock as l, createElementBlock as c, createElementVNode as r, defineComponent as w, computed as v, createBlock as y, resolveDynamicComponent as se, normalizeClass as _, createCommentVNode as k, toDisplayString as b, unref as g, Fragment as C, renderList as S, mergeProps as P, resolveComponent as ie, withCtx as L, createTextVNode as N, ref as M, watch as G, onMounted as ke, renderSlot as B, createVNode as V, withDirectives as Y, vModelCheckbox as xe, normalizeStyle as Z, useAttrs as Ve, getCurrentInstance as Ae, toHandlerKey as ye, camelize as je, withModifiers as ce, nextTick as _e, onUnmounted as Oe, normalizeProps as ee, guardReactiveProps as te, Transition as Re, useModel as E, mergeModels as O, onBeforeUnmount as Te, vModelDynamic as De, vModelText as $e, useSlots as Ce, toRef as we } from "vue";
 import { RouterLink as Ne } from "vue-router";
 import { v4 as ue } from "uuid";
 import ze from "@tiptap/starter-kit";
@@ -382,7 +382,7 @@ const dt = {
     const t = e, o = v(() => t.icon ? typeof t.icon == "string" ? dt[t.icon] : t.icon : null);
     return (s, a) => o.value ? (l(), y(se(o.value), {
       key: 0,
-      class: x([
+      class: _([
         {
           "w-full h-full": !s.size,
           "w-2 h-2": s.size === "xs",
@@ -411,7 +411,7 @@ const dt = {
       r("div", {
         tabindex: "0",
         role: "button",
-        class: x([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+        class: _([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
         r("span", null, b(e.label), 1),
         e.disableArrow ? k("", !0) : (l(), y(g(I), {
@@ -452,7 +452,7 @@ const dt = {
       return a.value ? (l(), y(de, P({ key: 0 }, t, { "btn-class": oe }), null, 16)) : o.value ? (l(), y(u, {
         key: 1,
         to: i.value,
-        class: x(oe),
+        class: _(oe),
         onClick: d
       }, {
         default: L(() => [
@@ -461,18 +461,18 @@ const dt = {
         _: 1
       }, 8, ["to"])) : s.value ? (l(), c("button", {
         key: 2,
-        class: x(oe),
+        class: _(oe),
         onClick: d
       }, b(e.label), 1)) : (l(), c("div", {
         key: 3,
-        class: x([oe, { "btn-disabled": e.disabled }])
+        class: _([oe, { "btn-disabled": e.disabled }])
       }, b(e.label), 3));
     };
   }
 }), gt = { class: "navbar bg-base-100 shadow-sm" }, vt = { class: "flex-1" }, bt = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, yt = { class: "flex grow justify-end px-2" }, wt = { class: "flex items-stretch" }, ss = /* @__PURE__ */ w({
+}, yt = { class: "flex grow justify-end px-2" }, wt = { class: "flex items-stretch" }, ls = /* @__PURE__ */ w({
   __name: "menu",
   props: {
     menu: {},
@@ -513,7 +513,7 @@ const dt = {
       ]);
     };
   }
-}), ls = /* @__PURE__ */ w({
+}), as = /* @__PURE__ */ w({
   __name: "dropdown",
   props: {
     items: {}
@@ -528,7 +528,7 @@ const dt = {
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), kt = { class: "font-bold" }, _t = { class: "pt-4" }, xt = { class: "modal-action" }, $t = /* @__PURE__ */ w({
+}), kt = { class: "font-bold" }, xt = { class: "pt-4" }, _t = { class: "modal-action" }, $t = /* @__PURE__ */ w({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -563,7 +563,7 @@ const dt = {
       class: "modal"
     }, [
       r("div", {
-        class: x(["modal-box bg-white", s[e.width]])
+        class: _(["modal-box bg-white", s[e.width]])
       }, [
         e.disableClose ? k("", !0) : (l(), c("button", {
           key: 0,
@@ -572,22 +572,22 @@ const dt = {
           onClick: f
         }, " ✕ ")),
         r("h3", kt, b(e.modalTitle), 1),
-        r("div", _t, [
+        r("div", xt, [
           B(u.$slots, "content")
         ]),
-        r("div", xt, [
+        r("div", _t, [
           B(u.$slots, "actions")
         ])
       ], 2)
     ]));
   }
 });
-var pe = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(pe || {}), 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 || {});
+var pe = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(pe || {}), Me = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(Me || {}), q = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(q || {});
 const Ct = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
-  error: "btn-error text-white"
+  error: "btn-error"
 }, Lt = {
   blank: "badge-ghost",
   primary: "badge-primary",
@@ -601,7 +601,7 @@ const Ct = {
   icon: { type: [String, Object, Function] },
   type: { type: String, default: pe.button },
   outline: { type: Boolean, default: !1 },
-  color: { type: String, default: z.primary },
+  color: { type: String, default: q.primary },
   size: { type: String, default: "sm" },
   square: { type: Boolean, default: !1 }
 }, St = ["click"], Bt = {
@@ -620,14 +620,14 @@ const Ct = {
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, q = /* @__PURE__ */ w({
+}, z = /* @__PURE__ */ w({
   __name: "btn",
   props: Mt,
   emits: St,
   setup(e, { emit: t }) {
     const o = e, s = t;
     return (a, i) => (l(), y(se(o.as), {
-      class: x([
+      class: _([
         "btn p-1 flex justify-center flex-nowrap",
         g(Ct)[o.color],
         g(Vt)[o.size],
@@ -650,14 +650,14 @@ const Ct = {
       _: 3
     }, 8, ["class", "href", "type", "disabled", "data-tip"]));
   }
-}), jt = ["type", "disabled"], as = /* @__PURE__ */ w({
+}), jt = ["type", "disabled"], rs = /* @__PURE__ */ w({
   __name: "btn-badge",
   props: Bt,
   emits: Pt,
   setup(e, { emit: t }) {
     const o = e, s = t;
     return (a, i) => (l(), c("button", {
-      class: x(["badge gap-1", g(At)[o.size], g(Lt)[o.color]]),
+      class: _(["badge gap-1", g(At)[o.size], g(Lt)[o.color]]),
       type: o.type,
       disabled: o.disabled,
       onClick: i[0] || (i[0] = (d) => s("click"))
@@ -692,8 +692,8 @@ const Ct = {
         N(b(e.message), 1)
       ]),
       actions: L(() => [
-        V(g(q), {
-          color: g(z).secondary,
+        V(g(z), {
+          color: g(q).secondary,
           outline: !0,
           onClick: i[0] || (i[0] = (d) => s(!1))
         }, {
@@ -702,7 +702,7 @@ const Ct = {
           ]),
           _: 1
         }, 8, ["color"]),
-        V(g(q), {
+        V(g(z), {
           onClick: i[1] || (i[1] = (d) => s(!0))
         }, {
           default: L(() => [
@@ -774,7 +774,7 @@ const Rt = /* @__PURE__ */ w({
     };
     return (o, s) => (l(), c("div", {
       role: "alert",
-      class: x(`alert ${t[e.type]} `)
+      class: _(`alert ${t[e.type]} `)
     }, [
       r("span", null, b(e.message), 1)
     ], 2));
@@ -827,7 +827,7 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
       }, { ref_for: !0 }, a), null, 16))), 128))
     ]));
   }
-}), qt = { class: "flex h-screen flex-col" }, It = { class: "shrink-0" }, Et = { class: "navbar bg-primary text-primary-content w-full z-100" }, Ft = { class: "navbar-start" }, Ht = { class: "navbar-center" }, Kt = ["href"], Ut = { class: "navbar-end" }, Wt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Zt = { class: "drawer-side h-full shadow-md" }, Gt = { class: "flex-grow overflow-y-auto" }, Jt = { class: "bg-base-200 p-4" }, rs = /* @__PURE__ */ w({
+}), qt = { class: "flex h-screen flex-col" }, It = { class: "shrink-0" }, Et = { class: "navbar bg-primary text-primary-content w-full z-100" }, Ft = { class: "navbar-start" }, Ht = { class: "navbar-center" }, Kt = ["href"], Ut = { class: "navbar-end" }, Wt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Zt = { class: "drawer-side h-full shadow-md" }, Gt = { class: "flex-grow overflow-y-auto" }, Jt = { class: "bg-base-200 p-4" }, is = /* @__PURE__ */ w({
   __name: "shell.component",
   props: {
     title: {},
@@ -880,7 +880,7 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
           ])
         ]),
         r("div", {
-          class: x(["drawer flex-1 overflow-hidden", { "drawer-open": a.value }])
+          class: _(["drawer flex-1 overflow-hidden", { "drawer-open": a.value }])
         }, [
           Y(r("input", {
             id: "app-drawer",
@@ -888,7 +888,7 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
             type: "checkbox",
             class: "drawer-toggle"
           }, null, 512), [
-            [_e, a.value]
+            [xe, a.value]
           ]),
           r("main", Wt, [
             B(f.$slots, "default")
@@ -937,10 +937,10 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
   setup(e, { emit: t }) {
     const o = e, s = t, a = v(
       () => o.neverActive ? !1 : o.page === o.currentPage
-    ), i = v(() => o.neverActive ? z.blank : a.value ? z.primary : z.secondary), d = () => {
+    ), i = v(() => o.neverActive ? q.blank : a.value ? q.primary : q.secondary), d = () => {
       s("updatePage", o.page);
     };
-    return (p, f) => (l(), y(g(q), {
+    return (p, f) => (l(), y(g(z), {
       disabled: p.disabled,
       square: !0,
       size: "xs",
@@ -987,15 +987,15 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
     }), f = v(() => {
       let n = a.value;
       n < 1 && (n = 1);
-      const m = o.currentPage, h = [], { min: _, max: R } = d.value;
-      return Array.from({ length: n }, (K, j) => {
-        const $ = j + 1;
-        $ !== 1 && $ !== n && ($ > R || $ < _) || ($ === n && n > 1 && R < n && h.push(p(m)), h.push({
+      const m = o.currentPage, h = [], { min: x, max: R } = d.value;
+      return Array.from({ length: n }, (K, A) => {
+        const $ = A + 1;
+        $ !== 1 && $ !== n && ($ > R || $ < x) || ($ === n && n > 1 && R < n && h.push(p(m)), h.push({
           label: `${$}`,
           totalPages: n,
           currentPage: m,
           page: $
-        }), $ === 1 && n > 1 && _ > 1 && h.push(p(m)));
+        }), $ === 1 && n > 1 && x > 1 && h.push(p(m)));
       }), h;
     }), u = (n) => {
       s("updatePage", n);
@@ -1048,7 +1048,7 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
   data: { type: Object, required: !0 },
   column: { type: Object, required: !0 },
   options: { type: Object }
-}, is = /* @__PURE__ */ w({
+}, cs = /* @__PURE__ */ w({
   __name: "text.cell",
   props: ao,
   setup(e) {
@@ -1092,7 +1092,7 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
   displayColumns: { type: Array, required: !0 },
   page: { type: Object },
   sort: { type: Object }
-}, mo = ["updatePage", "sort"], ho = { class: "table w-full" }, go = { key: 0 }, vo = ["colspan"], bo = { class: "flex gap-2" }, cs = /* @__PURE__ */ w({
+}, mo = ["updatePage", "sort"], ho = { class: "table w-full" }, go = { key: 0 }, vo = ["colspan"], bo = { class: "flex gap-2" }, us = /* @__PURE__ */ w({
   __name: "table.component",
   props: fo,
   emits: mo,
@@ -1130,38 +1130,38 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
           (l(!0), c(C, null, S(n.data, (h) => (l(), c("tr", {
             key: h.id
           }, [
-            (l(!0), c(C, null, S(n.displayColumns, (_) => (l(), c("td", {
-              key: _.scope
+            (l(!0), c(C, null, S(n.displayColumns, (x) => (l(), c("td", {
+              key: x.scope
             }, [
-              (l(), y(se(_.component), P({ ref_for: !0 }, _, {
+              (l(), y(se(x.component), P({ ref_for: !0 }, x, {
                 data: h,
-                column: _
+                column: x
               }), null, 16, ["data", "column"]))
             ]))), 128)),
             r("td", null, [
               r("span", bo, [
-                (l(!0), c(C, null, S(n.actions, (_) => (l(), y(q, {
-                  key: _.label,
-                  icon: _.icon,
+                (l(!0), c(C, null, S(n.actions, (x) => (l(), y(z, {
+                  key: x.label,
+                  icon: x.icon,
                   outline: !0,
-                  onClick: (R) => _.action(h)
+                  onClick: (R) => x.action(h)
                 }, {
                   default: L(() => [
-                    N(b(_.label), 1)
+                    N(b(x.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                a.value ? (l(), y(q, {
+                a.value ? (l(), y(z, {
                   key: 0,
                   icon: g(D).Edit,
                   outline: !0,
-                  onClick: (_) => d(h)
+                  onClick: (x) => d(h)
                 }, null, 8, ["icon", "onClick"])) : k("", !0),
-                i.value ? (l(), y(q, {
+                i.value ? (l(), y(z, {
                   key: 1,
                   icon: g(D).Delete,
                   outline: !0,
-                  onClick: (_) => p(h)
+                  onClick: (x) => p(h)
                 }, null, 8, ["icon", "onClick"])) : k("", !0)
               ])
             ])
@@ -1183,7 +1183,7 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
   for (const [s, a] of t)
     o[s] = a;
   return o;
-}, wo = {}, ko = { class: "card bg-base-100 shadow-sm" }, _o = { class: "card-body" }, xo = {
+}, wo = {}, ko = { class: "card bg-base-100 shadow-sm" }, xo = { class: "card-body" }, _o = {
   key: 0,
   class: "card-title"
 }, $o = {
@@ -1192,8 +1192,8 @@ const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__
 };
 function Co(e, t) {
   return l(), c("div", ko, [
-    r("div", _o, [
-      e.$slots.title ? (l(), c("h2", xo, [
+    r("div", xo, [
+      e.$slots.title ? (l(), c("h2", _o, [
         B(e.$slots, "title")
       ])) : k("", !0),
       r("p", null, [
@@ -1206,15 +1206,15 @@ function Co(e, t) {
     ])
   ]);
 }
-const us = /* @__PURE__ */ yo(wo, [["render", Co]]), ds = (e, t) => {
+const ds = /* @__PURE__ */ yo(wo, [["render", Co]]), ps = (e, t) => {
   if (!e) return null;
   const o = (s) => {
     e.contains(s.target) || t();
   };
   return document.addEventListener("click", o), o;
-}, ps = (e) => {
+}, fs = (e) => {
   document.removeEventListener("click", e);
-}, fs = {
+}, ms = {
   beforeMount(e, t) {
     e.clickOutsideEvent = function(o) {
       e === o.target || e.contains(o.target) || t.value(o);
@@ -1224,7 +1224,7 @@ const us = /* @__PURE__ */ yo(wo, [["render", Co]]), ds = (e, t) => {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function ms(e) {
+function hs(e) {
   const t = Ae();
   if (!t)
     return !1;
@@ -1233,7 +1233,7 @@ function ms(e) {
   o[ye(je(e))]) : !1;
 }
 const Lo = ["select"], he = {
-  options: { type: Array, required: !0 },
+  options: { type: Array, required: !1 },
   isLoading: {
     type: Boolean,
     default: !1
@@ -1305,14 +1305,17 @@ const Lo = ["select"], he = {
   labelKey: { type: String, default: "label" },
   /** Key to use as the stored
    value when options are objects */
-  valueKey: { type: String, default: "value" }
-}, Mo = ["select", "clear", "close"], Se = {
+  valueKey: { type: String, default: "value" },
+  /** add a new button next to the list*/
+  enableCreate: { type: Boolean, default: !1 }
+}, Mo = ["select", "clear", "close", "create"], Se = {
   ...he,
   ...ge,
   isOpen: { type: Boolean, default: !1 },
   isActive: { type: Function, default: (e) => !1 }
 }, So = {
   key: 1,
+  tabindex: "-1",
   class: "pointer-events-none"
 }, Bo = ["data-index", "aria-selected", "onMousedown", "onMousemove"], Po = ["innerHTML"], Vo = {
   key: 0,
@@ -1344,7 +1347,7 @@ const jo = /* @__PURE__ */ w({
       }
     );
     function p() {
-      xe(() => {
+      _e(() => {
         i.value?.querySelector(
           `[data-index="${a.value}"]`
         )?.scrollIntoView({ block: "nearest" });
@@ -1383,18 +1386,18 @@ const jo = /* @__PURE__ */ w({
         ], -1)
       ])])), 64)) : n.options.length === 0 ? (l(), c("li", So, [...m[1] || (m[1] = [
         r("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)
-      ])])) : (l(!0), c(C, { key: 2 }, S(n.options, (h, _) => (l(), c("li", {
+      ])])) : (l(!0), c(C, { key: 2 }, S(n.options, (h, x) => (l(), c("li", {
         key: h.value,
-        "data-index": _,
+        "data-index": x,
         role: "option",
-        "aria-selected": _ === a.value,
+        "aria-selected": x === a.value,
         onMousedown: ce((R) => u(h), ["prevent"]),
-        onMousemove: (R) => a.value = _
+        onMousemove: (R) => a.value = x
       }, [
         r("a", {
-          class: x(["flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm transition-colors duration-100", {
-            "active bg-secondary text-primary-content": _ === a.value,
-            "hover:bg-base-200": _ !== a.value
+          class: _(["flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm transition-colors duration-100", {
+            "active bg-secondary text-primary-content": x === a.value,
+            "hover:bg-base-200": x !== a.value
           }])
         }, [
           r("span", {
@@ -1423,10 +1426,10 @@ const jo = /* @__PURE__ */ w({
       !0
     )), s = v(() => t.required), a = v(() => Be(t)), i = v(() => le(t.styles));
     return (d, p) => (l(), c("fieldset", {
-      class: x(["fieldset", [d.width, i.value.control.wrapper]])
+      class: _(["fieldset", [d.width, i.value.control.wrapper]])
     }, [
       r("legend", {
-        class: x(i.value.control.label)
+        class: _(i.value.control.label)
       }, [
         d.hideLabel ? k("", !0) : (l(), c(C, { key: 0 }, [
           r("span", null, b(d.label), 1),
@@ -1436,11 +1439,11 @@ const jo = /* @__PURE__ */ w({
       ], 2),
       B(d.$slots, "default"),
       r("p", {
-        class: x(["fieldset-label h-4", { "text-error": a.value }])
+        class: _(["fieldset-label h-4", { "text-error": a.value }])
       }, b(a.value ? d.errors : o.value ? d.description : null), 3)
     ], 2));
   }
-}), To = { class: "overflow-hidden" }, Do = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, No = {
+}), To = { class: "flex items-center w-full" }, Do = { class: "overflow-hidden w-full" }, No = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, zo = {
   key: 0,
   class: "loading loading-spinner loading-xs text-primary pointer-events-none"
 }, ve = /* @__PURE__ */ w({
@@ -1471,76 +1474,86 @@ const jo = /* @__PURE__ */ w({
     }, [
       V(J, ee(te(o)), {
         default: L(() => [
-          r("div", {
-            class: "relative",
-            onKeydown: f
-          }, [
-            r("div", To, [
-              B(n.$slots, "default")
-            ]),
-            r("div", Do, [
-              n.isLoading && !n.label ? (l(), c("span", No)) : k("", !0),
-              n.query && !n.isLoading ? (l(), c("button", {
-                key: 1,
-                type: "button",
-                class: "pointer-events-auto btn btn-ghost btn-xs btn-circle opacity-60 hover:opacity-100",
-                tabindex: "-1",
-                "aria-label": "Clear",
-                onMousedown: ce(d, ["prevent"])
-              }, [...m[1] || (m[1] = [
-                r("svg", {
+          r("div", To, [
+            r("div", {
+              class: "relative w-full",
+              onKeydown: f
+            }, [
+              r("div", Do, [
+                B(n.$slots, "default")
+              ]),
+              r("div", No, [
+                n.isLoading && !n.label ? (l(), c("span", zo)) : k("", !0),
+                n.query && !n.isLoading ? (l(), c("button", {
+                  key: 1,
+                  type: "button",
+                  class: "pointer-events-auto btn btn-ghost btn-xs btn-circle opacity-60 hover:opacity-100",
+                  tabindex: "-1",
+                  "aria-label": "Clear",
+                  onMousedown: ce(d, ["prevent"])
+                }, [...m[2] || (m[2] = [
+                  r("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    class: "h-3.5 w-3.5",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    "stroke-width": "2.5"
+                  }, [
+                    r("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  ], -1)
+                ])], 32)) : k("", !0),
+                (l(), c("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
-                  class: "h-3.5 w-3.5",
+                  class: _(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": n.isOpen }]),
                   fill: "none",
                   viewBox: "0 0 24 24",
                   stroke: "currentColor",
-                  "stroke-width": "2.5"
-                }, [
+                  "stroke-width": "2"
+                }, [...m[3] || (m[3] = [
                   r("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
-                    d: "M6 18L18 6M6 6l12 12"
-                  })
-                ], -1)
-              ])], 32)) : k("", !0),
-              (l(), c("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                class: x(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": n.isOpen }]),
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                "stroke-width": "2"
-              }, [...m[2] || (m[2] = [
-                r("path", {
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round",
-                  d: "M19 9l-7 7-7-7"
-                }, null, -1)
-              ])], 2))
-            ]),
-            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",
-              "leave-active-class": "transition-all duration-100 ease-in",
-              "leave-from-class": "opacity-100 translate-y-0 scale-y-100",
-              "leave-to-class": "opacity-0 -translate-y-1 scale-y-95"
-            }, {
-              default: L(() => [
-                n.isOpen ? (l(), y(jo, {
-                  key: 0,
-                  ref_key: "listResultsRef",
-                  ref: a,
-                  query: n.query,
-                  options: n.options,
-                  "is-loading": n.isLoading,
-                  "is-active": n.isActive,
-                  onSelect: m[0] || (m[0] = (h) => i("select", h))
-                }, null, 8, ["query", "options", "is-loading", "is-active"])) : k("", !0)
+                    d: "M19 9l-7 7-7-7"
+                  }, null, -1)
+                ])], 2))
               ]),
-              _: 1
-            })
-          ], 32)
+              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",
+                "leave-active-class": "transition-all duration-100 ease-in",
+                "leave-from-class": "opacity-100 translate-y-0 scale-y-100",
+                "leave-to-class": "opacity-0 -translate-y-1 scale-y-95"
+              }, {
+                default: L(() => [
+                  n.isOpen ? (l(), y(jo, {
+                    key: 0,
+                    ref_key: "listResultsRef",
+                    ref: a,
+                    query: n.query,
+                    options: n.options,
+                    "is-loading": n.isLoading,
+                    "is-active": n.isActive,
+                    onSelect: m[0] || (m[0] = (h) => i("select", h))
+                  }, null, 8, ["query", "options", "is-loading", "is-active"])) : k("", !0)
+                ]),
+                _: 1
+              })
+            ], 32),
+            n.enableCreate ? (l(), y(z, {
+              key: 0,
+              icon: "Plus",
+              color: "blank",
+              size: "lg",
+              tooltip: "Create new",
+              onClick: m[1] || (m[1] = (h) => i("create"))
+            })) : k("", !0)
+          ])
         ]),
         _: 3
       }, 16)
@@ -1552,15 +1565,15 @@ const jo = /* @__PURE__ */ w({
 }, ae = (e, t) => {
   if (e)
     return typeof e == "object" ? e[t.valueKey] : e;
-}, zo = (e) => {
+}, qo = (e) => {
   const t = M([]), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), a = (n) => {
     const m = [];
     o.clear(), s.clear(), n?.forEach((h) => {
-      const _ = {
+      const x = {
         value: ae(h, e),
         label: re(h, e)
       };
-      o.set(_.value, h), m.push(_);
+      o.set(x.value, h), m.push(x);
     }), t.value = m;
   }, i = (n) => o.get(n.value);
   return {
@@ -1572,13 +1585,13 @@ const jo = /* @__PURE__ */ w({
     getOption: (n) => s.get(ae(n, e)),
     getOriginals: (...n) => n.map(i).filter(Boolean)
   };
-}, be = (e) => zo(e), hs = /* @__PURE__ */ w({
+}, be = (e) => qo(e), gs = /* @__PURE__ */ w({
   __name: "SelectComponent",
   props: /* @__PURE__ */ O(ge, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = M(!1), s = e, a = t, i = E(e, "modelValue"), d = be(s), { options: p } = d;
     G(
@@ -1588,41 +1601,41 @@ const jo = /* @__PURE__ */ w({
       },
       { immediate: !0 }
     );
-    const f = (j) => {
-      a("change", j);
+    const f = (A) => {
+      a("change", A);
     }, u = v(
       () => i.value ? d.getLabels(i.value)[0] : ""
     ), n = v(() => le(s.styles)), m = v(
       () => H(n.value.control.select, s)
-    ), h = (j) => {
-      const $ = d.getOriginal(j);
+    ), h = (A) => {
+      const $ = d.getOriginal(A);
       i.value = $, f($);
-    }, _ = () => {
+    }, x = () => {
       o.value = !1, i.value = null, f(void 0);
-    }, R = (j) => d.getValues(i.value)?.[0] === j.value, K = () => {
+    }, R = (A) => d.getValues(i.value)?.[0] === A.value, K = () => {
       o.value = !1;
     };
-    return (j, $) => (l(), y(ve, P(s, {
+    return (A, $) => (l(), y(ve, P(s, {
       options: g(p),
-      disabled: !j.enabled,
+      disabled: !A.enabled,
       "is-open": o.value,
       query: u.value,
       "is-active": R,
       onClose: K,
       onSelect: h,
-      onClear: _
+      onClear: x
     }), {
       default: L(() => [
         r("button", {
           type: "button",
-          class: x(["truncate block text-left", [m.value, j.width]]),
+          class: _(["truncate block text-left", [m.value, A.width]]),
           onClick: $[0] || ($[0] = (T) => o.value = !0)
         }, b(u.value ?? "Select value"), 3)
       ]),
       _: 1
     }, 16, ["options", "disabled", "is-open", "query"]));
   }
-}), qo = {
+}), Io = {
   ...ge,
   ...he,
   /** v-model binding */
@@ -1655,7 +1668,7 @@ const jo = /* @__PURE__ */ w({
     default: !1
   }
 };
-function Io(e) {
+function Eo(e) {
   const t = M([]), o = M(!1);
   function s(i) {
     if (!e.options) {
@@ -1672,7 +1685,7 @@ function Io(e) {
   }
   return { results: t, isLoading: o, search: s, clear: a };
 }
-function Eo(e) {
+function Fo(e) {
   const t = M([]), o = M(!1);
   let s = null, a = null;
   async function i(f) {
@@ -1696,8 +1709,8 @@ function Eo(e) {
   }
   return { results: t, isLoading: o, search: d, clear: p };
 }
-function Fo(e) {
-  const t = e.fetchOptions ? Eo(e) : Io(e);
+function Ho(e) {
+  const t = e.fetchOptions ? Fo(e) : Eo(e);
   function o(s) {
     t.search(s);
   }
@@ -1708,12 +1721,12 @@ function Fo(e) {
     clear: t.clear
   };
 }
-const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PURE__ */ w({
+const Ko = ["aria-expanded", "value", "placeholder", "disabled"], vs = /* @__PURE__ */ w({
   __name: "AutoComplete",
-  props: qo,
-  emits: ["change", "focus", "blur"],
+  props: Io,
+  emits: ["update:modelValue", "change", "clear", "focus", "blur"],
   setup(e, { emit: t }) {
-    const o = e, s = t, a = M(null), i = M(""), d = M(!1), p = Fo(o), { isLoading: f, triggerSearch: u, clear: n } = p, m = be(o), { options: h } = m;
+    const o = e, s = t, a = M(null), i = M(""), d = M(!1), p = Ho(o), { isLoading: f, triggerSearch: u, clear: n } = p, m = be(o), { options: h } = m;
     G(
       () => p.results.value,
       () => {
@@ -1722,43 +1735,43 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       { immediate: !0 }
     ), G(
       () => o.modelValue,
-      (A) => {
-        if (A == null || A === "") {
+      (j) => {
+        if (j == null || j === "") {
           i.value = "";
           return;
         }
-        const W = typeof A == "object" ? A[o.labelKey] : A;
+        const W = typeof j == "object" ? j[o.labelKey] : j;
         W !== i.value && (i.value = W);
       },
       { immediate: !0 }
     );
-    const _ = (A) => {
-      i.value = A.target.value, o.freeText || s("update:modelValue", ""), u(i.value), d.value = !0;
+    const x = (j) => {
+      i.value = j.target.value, o.freeText ? s("update:modelValue", i.value) : s("update:modelValue", ""), u(i.value), d.value = !0;
     }, R = () => {
       u(i.value), d.value = !0;
     };
     function K() {
       setTimeout(() => {
-        d.value = !1, !o.freeText && !o.modelValue && (i.value = "");
+        d.value = !1, o.freeText ? s("change", i.value) : o.modelValue || (i.value = "");
       }, 150);
     }
-    const j = (A) => {
-      const W = m.getOriginal(A);
-      i.value = A.label, d.value = !1, s("update:modelValue", W), s("change", W);
+    const A = (j) => {
+      const W = m.getOriginal(j);
+      i.value = j.label, d.value = !1, s("update:modelValue", W), s("change", W);
     }, $ = () => {
-      i.value = "", n(), d.value = !1, s("update:modelValue", ""), s("clear"), xe(() => a.value?.focus());
+      i.value = "", n(), d.value = !1, s("update:modelValue", ""), s("clear"), _e(() => a.value?.focus());
     }, T = () => {
       d.value = !1;
     }, U = v(() => le(o.styles)), Pe = v(
       () => H(U.value.control.select, o)
     );
-    return (A, W) => (l(), y(ve, P(o, {
+    return (j, W) => (l(), y(ve, P(o, {
       options: g(h),
       "is-loading": g(f),
       "is-open": d.value,
       query: i.value,
       onClose: T,
-      onSelect: j,
+      onSelect: A,
       onClear: $
     }), {
       default: L(() => [
@@ -1773,25 +1786,25 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
           autocomplete: "off",
           autocorrect: "off",
           spellcheck: "false",
-          class: x([Pe.value, A.width]),
+          class: _([Pe.value, "w-full"]),
           value: i.value,
-          placeholder: A.placeholder,
-          disabled: !A.enabled,
-          onInput: _,
+          placeholder: j.placeholder,
+          disabled: !j.enabled,
+          onInput: x,
           onFocus: R,
           onBlur: K
-        }, null, 42, Ho)
+        }, null, 42, Ko)
       ]),
       _: 1
     }, 16, ["options", "is-loading", "is-open", "query"]));
   }
-}), vs = /* @__PURE__ */ w({
+}), bs = /* @__PURE__ */ w({
   __name: "MultiSelect",
   props: /* @__PURE__ */ O(Se, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = M(!1), s = e, a = t, i = E(e, "modelValue"), d = ($) => {
       a("change", $);
@@ -1820,9 +1833,9 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       i.value = T, d(T);
     }, h = () => {
       o.value = !1, i.value = [], d([]);
-    }, _ = () => {
+    }, x = () => {
       o.value = !1;
-    }, R = ($) => n.value?.includes($.value) ?? !1, K = v(() => le(s.styles)), j = v(
+    }, R = ($) => n.value?.includes($.value) ?? !1, K = v(() => le(s.styles)), A = v(
       () => H(K.value.control.select, s)
     );
     return ($, T) => (l(), y(ve, P(s, {
@@ -1831,21 +1844,21 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       disabled: !$.enabled,
       query: u.value,
       "is-active": R,
-      onClose: _,
+      onClose: x,
       onSelect: m,
       onClear: h
     }), {
       default: L(() => [
         r("button", {
           type: "button",
-          class: x(["truncate block text-left", [j.value, $.width]]),
+          class: _(["truncate block text-left", [A.value, $.width]]),
           onClick: T[0] || (T[0] = (U) => o.value = !0)
         }, b(u.value ?? "Select value"), 3)
       ]),
       _: 1
     }, 16, ["options", "is-open", "disabled", "query"]));
   }
-}), Ko = ["change"], Uo = {
+}), Uo = ["change"], Wo = {
   ...F,
   width: { type: String, default: "w-48" },
   minHeight: { type: String, default: "min-h-96" },
@@ -1864,13 +1877,13 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       }
     ]
   }
-}, Wo = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, Zo = ["title", "onClick"], Go = ["innerHTML"], Jo = { class: "card-body p-3" }, bs = /* @__PURE__ */ w({
+}, Zo = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, Go = ["title", "onClick"], Jo = ["innerHTML"], Qo = { class: "card-body p-3" }, ys = /* @__PURE__ */ w({
   __name: "Markdown",
-  props: /* @__PURE__ */ O(Uo, {
+  props: /* @__PURE__ */ O(Wo, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(Ko, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(Uo, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, s = t, a = E(e, "modelValue"), i = qe({
       content: a.value ?? "",
@@ -1901,23 +1914,23 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
     }), (d, p) => (l(), y(J, ee(te(o)), {
       default: L(() => [
         r("div", {
-          class: x([[d.minHeight], "card bg-base-100 border border-base-300 w-full"])
+          class: _([[d.minHeight], "card bg-base-100 border border-base-300 w-full"])
         }, [
-          r("div", Wo, [
+          r("div", Zo, [
             (l(!0), c(C, null, S(d.actions, (f) => (l(), c("button", {
               key: f.name,
               tabindex: "-1",
               type: "button",
-              class: x(["btn btn-sm btn-ghost", { "btn-active": g(i)?.isActive(f.name) }]),
+              class: _(["btn btn-sm btn-ghost", { "btn-active": g(i)?.isActive(f.name) }]),
               title: f.label,
               onClick: (u) => f.action(g(i))
             }, [
               r("span", {
                 innerHTML: f.label
-              }, null, 8, Go)
-            ], 10, Zo))), 128))
+              }, null, 8, Jo)
+            ], 10, Go))), 128))
           ]),
-          r("div", Jo, [
+          r("div", Qo, [
             V(g(Ie), {
               editor: g(i),
               class: "prose prose-sm max-w-none h-full"
@@ -1928,15 +1941,15 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       _: 1
     }, 16));
   }
-}), Qo = {
+}), Xo = {
   ...F
-}, Xo = ["change", "focus", "blur"], Yo = { class: "flex items-center justify-center h-full" }, en = { class: "fieldset-label" }, tn = ["disabled"], on = { class: "font-bold text-gray-500 text-sm" }, ys = /* @__PURE__ */ w({
+}, Yo = ["change", "focus", "blur"], en = { class: "flex items-center justify-center h-full" }, tn = { class: "fieldset-label" }, on = ["disabled"], nn = { class: "font-bold text-gray-500 text-sm" }, ws = /* @__PURE__ */ w({
   __name: "Checkbox",
-  props: /* @__PURE__ */ O(Qo, {
+  props: /* @__PURE__ */ O(Xo, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(Xo, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(Yo, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
       s("change", u);
@@ -1947,38 +1960,38 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
     }, f = v(
       () => H(o.styles.control.checkbox, o)
     );
-    return (u, n) => (l(), c("div", Yo, [
+    return (u, n) => (l(), c("div", en, [
       V(J, P(o, { "hide-label": !0 }), {
         default: L(() => [
-          r("label", en, [
+          r("label", tn, [
             Y(r("input", {
               "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
               type: "checkbox",
-              class: x(f.value),
+              class: _(f.value),
               disabled: !u.enabled,
               onChange: i,
               onFocus: d,
               onBlur: p
-            }, null, 42, tn), [
-              [_e, a.value]
+            }, null, 42, on), [
+              [xe, a.value]
             ]),
-            r("span", on, b(u.label), 1)
+            r("span", nn, b(u.label), 1)
           ])
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), nn = {
+}), sn = {
   ...F,
   type: { type: String, default: "text" }
-}, sn = ["change", "focus", "blur"], ln = ["type", "disabled", "autofocus", "placeholder"], ws = /* @__PURE__ */ w({
+}, ln = ["change", "focus", "blur"], an = ["type", "disabled", "autofocus", "placeholder"], ks = /* @__PURE__ */ w({
   __name: "Input",
-  props: /* @__PURE__ */ O(nn, {
+  props: /* @__PURE__ */ O(sn, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(sn, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(ln, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
       s("change", u);
@@ -1995,30 +2008,30 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
           "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
           autocomplete: "off",
           type: u.type,
-          class: x(["w-full", f.value]),
+          class: _(["w-full", f.value]),
           disabled: !u.enabled,
           autofocus: u.isFocused,
           placeholder: u.placeholder,
           onChange: i,
           onFocus: d,
           onBlur: p
-        }, null, 42, ln), [
+        }, null, 42, an), [
           [De, a.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), an = {
+}), rn = {
   ...F,
   steps: { type: Number, default: 1 }
-}, rn = ["change", "focus", "blur"], cn = ["disabled", "step", "autofocus", "placeholder"], ks = /* @__PURE__ */ w({
+}, cn = ["change", "focus", "blur"], un = ["disabled", "step", "autofocus", "placeholder"], xs = /* @__PURE__ */ w({
   __name: "InputNumber",
-  props: /* @__PURE__ */ O(an, {
+  props: /* @__PURE__ */ O(rn, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(rn, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(cn, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
       s("change", u);
@@ -2035,7 +2048,7 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
           "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
           autocomplete: "off",
           type: "number",
-          class: x(["w-full", [f.value]]),
+          class: _(["w-full", [f.value]]),
           disabled: !u.enabled,
           step: u.steps,
           autofocus: u.isFocused,
@@ -2043,23 +2056,23 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
           onChange: i,
           onFocus: d,
           onBlur: p
-        }, null, 42, cn), [
+        }, null, 42, un), [
           [$e, a.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), un = {
+}), dn = {
   ...F,
   rows: { type: Number, default: 4 }
-}, dn = ["change", "focus", "blur"], pn = ["disabled", "rows", "autofocus", "placeholder"], _s = /* @__PURE__ */ w({
+}, pn = ["change", "focus", "blur"], fn = ["disabled", "rows", "autofocus", "placeholder"], _s = /* @__PURE__ */ w({
   __name: "Textarea",
-  props: /* @__PURE__ */ O(un, {
+  props: /* @__PURE__ */ O(dn, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(dn, ["update:modelValue"]),
+  emits: /* @__PURE__ */ O(pn, ["update:modelValue"]),
   setup(e, { emit: t }) {
     const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
       s("change", u);
@@ -2076,7 +2089,7 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
           "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
           autocomplete: "off",
           type: "text",
-          class: x(["w-full", f.value]),
+          class: _(["w-full", f.value]),
           disabled: !u.enabled,
           rows: u.rows,
           autofocus: u.isFocused,
@@ -2084,28 +2097,28 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
           onChange: i,
           onFocus: d,
           onBlur: p
-        }, null, 42, pn), [
+        }, null, 42, fn), [
           [$e, a.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), fn = {
+}), mn = {
   widthLeft: { type: Number, default: 200 },
   widthRight: { type: Number, default: 200 },
   initialLeftOpen: { type: Boolean, default: !0 },
   initialRightOpen: { type: Boolean, default: !0 }
-}, mn = { class: "flex h-full overflow-hidden gap-2" }, hn = {
+}, hn = { class: "flex h-full overflow-hidden gap-2" }, gn = {
   key: 0,
   id: "drawer-left",
   class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, gn = { class: "flex-1 overflow-y-auto bg-white" }, vn = {
+}, vn = { class: "flex-1 overflow-y-auto bg-white" }, bn = {
   key: 1,
   class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, xs = /* @__PURE__ */ w({
+}, $s = /* @__PURE__ */ w({
   __name: "drawer",
-  props: fn,
+  props: mn,
   setup(e) {
     const t = e, o = Ce(), s = v(() => !!o["left-drawer"]), a = v(() => !!o["right-drawer"]), i = M({
       left: t.initialLeftOpen,
@@ -2113,8 +2126,8 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
     }), d = (p) => {
       i.value[p] = !i.value[p];
     };
-    return (p, f) => (l(), c("main", mn, [
-      s.value ? (l(), c("aside", hn, [
+    return (p, f) => (l(), c("main", hn, [
+      s.value ? (l(), c("aside", gn, [
         r("div", {
           style: Z({ width: i.value.left ? p.widthLeft + "px" : "0px" }),
           class: "h-full overflow-hidden bg-white shadow-sm transition-[width] duration-300 ease-in-out"
@@ -2136,10 +2149,10 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
           }, null, 8, ["icon"])
         ])
       ])) : k("", !0),
-      r("div", gn, [
+      r("div", vn, [
         B(p.$slots, "default")
       ]),
-      a.value ? (l(), c("aside", vn, [
+      a.value ? (l(), c("aside", bn, [
         r("button", {
           class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
           onClick: f[1] || (f[1] = (u) => d("right"))
@@ -2163,10 +2176,10 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       ])) : k("", !0)
     ]));
   }
-}), bn = { class: "ml-1" }, yn = { class: "truncate flex-1 min-w-0 text-left" }, wn = {
+}), yn = { class: "ml-1" }, wn = { class: "truncate flex-1 min-w-0 text-left" }, kn = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, kn = /* @__PURE__ */ w({
+}, xn = /* @__PURE__ */ w({
   __name: "TreeItem",
   props: {
     active: {},
@@ -2179,9 +2192,9 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
     const o = e, s = t, a = v(() => o.active === o.node.id);
     return (i, d) => {
       const p = ie("TreeItem", !0);
-      return l(), c("li", bn, [
+      return l(), c("li", yn, [
         r("div", {
-          class: x([
+          class: _([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
       hover:bg-gray-100`,
             a.value ? "text-primary" : ""
@@ -2204,13 +2217,13 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
             class: "flex items-center gap-2 w-full min-w-0",
             onClick: d[1] || (d[1] = (f) => s("select", e.node))
           }, [
-            r("div", yn, b(e.node.label), 1),
-            e.node.tag ? (l(), c("div", wn, b(e.node.tag), 1)) : k("", !0)
+            r("div", wn, b(e.node.label), 1),
+            e.node.tag ? (l(), c("div", kn, b(e.node.tag), 1)) : k("", !0)
           ])
         ], 2),
         e.node.children && e.isExpanded(e.node.id) ? (l(), c("ul", {
           key: 0,
-          class: x([
+          class: _([
             "ml-4 border-l pl-2",
             { "border-gray-200": !a.value, "border-primary": a.value }
           ])
@@ -2228,7 +2241,7 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       ]);
     };
   }
-}), _n = { class: "select-none text-sm" }, $s = /* @__PURE__ */ w({
+}), _n = { class: "select-none text-sm" }, Cs = /* @__PURE__ */ w({
   __name: "TreeView",
   props: {
     data: {},
@@ -2247,7 +2260,7 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       s("select", f), a.value.add(f.id);
     }, p = (f) => a.value.has(f);
     return (f, u) => (l(), c("ul", _n, [
-      (l(!0), c(C, null, S(o.data, (n) => (l(), y(kn, {
+      (l(!0), c(C, null, S(o.data, (n) => (l(), y(xn, {
         key: n.id,
         node: n,
         expanded: a.value,
@@ -2258,20 +2271,20 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), xn = {
+}), $n = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, Cs = /* @__PURE__ */ w({
+}, Ls = /* @__PURE__ */ w({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, o) => e.loading ? (l(), c("div", xn, [...o[0] || (o[0] = [
+    return (t, o) => e.loading ? (l(), c("div", $n, [...o[0] || (o[0] = [
       r("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
     ])])) : k("", !0);
   }
-}), $n = {
+}), Cn = {
   title: { type: String, required: !0 },
   opened: { type: Boolean, default: !0 },
   heightFull: { type: Boolean, default: !1 },
@@ -2280,16 +2293,16 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
     type: Array,
     default: () => []
   }
-}, Cn = ["checked"], Ln = { class: "collapse-title text-gray-500 text-xs font-medium" }, Mn = { class: "flex items-center justify-between" }, Sn = {
+}, Ln = ["checked"], Mn = { class: "collapse-title text-gray-500 text-xs font-medium" }, Sn = { class: "flex items-center justify-between" }, Bn = {
   key: 0,
   class: "list bg-base-100"
-}, Bn = /* @__PURE__ */ w({
+}, Pn = /* @__PURE__ */ w({
   __name: "Collapse",
-  props: $n,
+  props: Cn,
   setup(e) {
     const t = Ce(), o = e, s = M(o.opened), a = M(o.opened || o.disabled);
     return (i, d) => (l(), c("div", {
-      class: x([
+      class: _([
         "collapse collapse-arrow bg-white w-full border border-gray-300",
         i.heightFull ? "h-full" : "",
         i.disabled ? "collapse-open" : "",
@@ -2302,9 +2315,9 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
         checked: s.value,
         tabindex: "-1",
         onChange: d[0] || (d[0] = (p) => a.value = p.target.checked)
-      }, null, 40, Cn)),
-      r("div", Ln, [
-        r("div", Mn, [
+      }, null, 40, Ln)),
+      r("div", Mn, [
+        r("div", Sn, [
           r("span", null, b(i.title), 1),
           o.actions.length > 0 ? (l(), c("div", {
             key: 0,
@@ -2312,9 +2325,9 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
             onClick: d[1] || (d[1] = ce(() => {
             }, ["stop"]))
           }, [
-            (l(!0), c(C, null, S(o.actions, (p, f) => (l(), y(g(q), {
+            (l(!0), c(C, null, S(o.actions, (p, f) => (l(), y(g(z), {
               key: f,
-              color: g(z).blank,
+              color: g(q).blank,
               size: "xs",
               icon: p.icon,
               tooltip: p.tooltip,
@@ -2330,53 +2343,53 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
         ])
       ]),
       r("div", {
-        class: x(["collapse-content", g(t).list ? "p-0" : ""])
+        class: _(["collapse-content", g(t).list ? "p-0" : ""])
       }, [
         B(i.$slots, "default"),
-        g(t).list ? (l(), c("ul", Sn, [
+        g(t).list ? (l(), c("ul", Bn, [
           B(i.$slots, "list")
         ])) : k("", !0)
       ], 2)
     ], 2));
   }
-}), Pn = {
+}), Vn = {
   title: { type: String },
   label: { type: String },
   labelLink: { type: String },
   description: { type: String },
   descriptionLink: { type: String }
-}, Vn = { class: "list-row" }, An = { class: "list-col-grow" }, jn = { key: 0 }, On = {
+}, An = { class: "list-row" }, jn = { class: "list-col-grow" }, On = { key: 0 }, Rn = {
   key: 1,
   class: "text-xs text-gray-600"
-}, Rn = ["href"], Tn = { key: 1 }, Dn = {
+}, Tn = ["href"], Dn = { key: 1 }, Nn = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Nn = ["href"], zn = { key: 1 }, Ls = /* @__PURE__ */ w({
+}, zn = ["href"], qn = { key: 1 }, Ms = /* @__PURE__ */ w({
   __name: "CollapseRow",
-  props: Pn,
+  props: Vn,
   setup(e) {
-    return (t, o) => (l(), c("li", Vn, [
-      r("div", An, [
-        t.title ? (l(), c("div", jn, b(t.title), 1)) : k("", !0),
-        t.description || t.descriptionLink ? (l(), c("div", On, [
+    return (t, o) => (l(), c("li", An, [
+      r("div", jn, [
+        t.title ? (l(), c("div", On, b(t.title), 1)) : k("", !0),
+        t.description || t.descriptionLink ? (l(), c("div", Rn, [
           t.descriptionLink ? (l(), c("a", {
             key: 0,
             href: t.descriptionLink,
             target: "_blank"
-          }, b(t.description ?? t.descriptionLink), 9, Rn)) : (l(), c("span", Tn, b(t.description), 1))
+          }, b(t.description ?? t.descriptionLink), 9, Tn)) : (l(), c("span", Dn, b(t.description), 1))
         ])) : k("", !0)
       ]),
-      t.label ? (l(), c("div", Dn, [
+      t.label ? (l(), c("div", Nn, [
         t.labelLink ? (l(), c("a", {
           key: 0,
           href: t.labelLink,
           target: "_blank"
-        }, b(t.label), 9, Nn)) : (l(), c("span", zn, b(t.label), 1))
+        }, b(t.label), 9, zn)) : (l(), c("span", qn, b(t.label), 1))
       ])) : k("", !0),
       B(t.$slots, "default")
     ]));
   }
-}), qn = { class: "text-gray-800" }, Ms = /* @__PURE__ */ w({
+}), In = { class: "text-gray-800" }, Ss = /* @__PURE__ */ w({
   __name: "alert",
   props: {
     message: {},
@@ -2391,13 +2404,13 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
     };
     return (o, s) => (l(), c("div", {
       role: "alert",
-      class: x(`alert alert-soft ${t[e.type]} `)
+      class: _(`alert alert-soft ${t[e.type]} `)
     }, [
-      r("span", qn, b(e.message), 1),
+      r("span", In, b(e.message), 1),
       B(o.$slots, "default")
     ], 2));
   }
-}), In = {
+}), En = {
   title: { type: String, required: !0 },
   items: {
     type: Array,
@@ -2416,7 +2429,7 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
     default: void 0
   },
   opened: { type: Boolean, default: !0 }
-}, En = ["update:modelValue"], Fn = (e, t, o, s) => {
+}, Fn = ["update:modelValue"], Hn = (e, t, o, s) => {
   const a = v(
     () => e.value.map((n) => n[o.value])
   ), i = (n) => t.value.includes(n), d = v(() => {
@@ -2429,23 +2442,23 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
       t.value.filter((h) => h !== n)
     );
   } };
-}, Hn = { class: "flex items-center justify-between mb-2" }, Kn = { class: "text-xs text-base-content/50" }, Un = { class: "flex gap-1" }, Wn = { class: "flex flex-col gap-1" }, Zn = ["checked", "onChange"], Gn = { class: "text-sm flex-1 select-none" }, Jn = {
+}, Kn = { class: "flex items-center justify-between mb-2" }, Un = { class: "text-xs text-base-content/50" }, Wn = { class: "flex gap-1" }, Zn = { class: "flex flex-col gap-1" }, Gn = ["checked", "onChange"], Jn = { class: "text-sm flex-1 select-none" }, Qn = {
   key: 1,
   class: "badge badge-sm badge-ghost"
-}, Ss = /* @__PURE__ */ w({
+}, Bs = /* @__PURE__ */ w({
   __name: "filter",
-  props: In,
-  emits: En,
+  props: En,
+  emits: Fn,
   setup(e, { emit: t }) {
-    const o = e, s = t, a = v(() => o.items ?? []), { isSelected: i, selectedLabel: d, selectAll: p, selectNone: f, toggleItem: u } = Fn(a, we(o, "modelValue"), we(o, "valueKey"), s);
-    return (n, m) => (l(), y(g(Bn), {
+    const o = e, s = t, a = v(() => o.items ?? []), { isSelected: i, selectedLabel: d, selectAll: p, selectNone: f, toggleItem: u } = Hn(a, we(o, "modelValue"), we(o, "valueKey"), s);
+    return (n, m) => (l(), y(g(Pn), {
       title: n.title,
       opened: n.opened
     }, {
       default: L(() => [
-        r("div", Hn, [
-          r("span", Kn, b(g(d)) + " of " + b(a.value.length) + " items ", 1),
-          r("div", Un, [
+        r("div", Kn, [
+          r("span", Un, b(g(d)) + " of " + b(a.value.length) + " items ", 1),
+          r("div", Wn, [
             r("button", {
               class: "btn btn-ghost btn-xs",
               type: "button",
@@ -2462,27 +2475,27 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
             }, " None ")
           ])
         ]),
-        r("div", Wn, [
+        r("div", Zn, [
           (l(!0), c(C, null, S(a.value, (h) => (l(), c("label", {
             key: h[n.valueKey],
-            class: x(["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(i)(h[n.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(i)(h[n.valueKey]) }])
           }, [
             r("input", {
               type: "checkbox",
               class: "checkbox checkbox-sm",
               checked: g(i)(h[n.valueKey]),
-              onChange: (_) => g(u)(
+              onChange: (x) => g(u)(
                 h[n.valueKey],
-                _.target.checked
+                x.target.checked
               )
-            }, null, 40, Zn),
+            }, null, 40, Gn),
             n.colorKey && h[n.colorKey] ? (l(), c("span", {
               key: 0,
               class: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
               style: Z({ backgroundColor: h[n.colorKey] })
             }, null, 4)) : k("", !0),
-            r("span", Gn, b(h[n.labelKey]), 1),
-            h[n.countKey] > 0 ? (l(), c("span", Jn, b(h[n.countKey]), 1)) : k("", !0)
+            r("span", Jn, b(h[n.labelKey]), 1),
+            h[n.countKey] > 0 ? (l(), c("span", Qn, b(h[n.countKey]), 1)) : k("", !0)
           ], 2))), 128))
         ])
       ]),
@@ -2491,11 +2504,11 @@ const Ho = ["aria-expanded", "value", "placeholder", "disabled"], gs = /* @__PUR
   }
 });
 export {
-  Ms as Alert,
-  gs as Autocomplete,
+  Ss as Alert,
+  vs as Autocomplete,
   At as BadgeSize,
-  q as Btn,
-  as as BtnBadge,
+  z as Btn,
+  rs as BtnBadge,
   Pt as BtnBadgeEmits,
   Bt as BtnBadgeProperties,
   St as BtnEmits,
@@ -2503,51 +2516,51 @@ export {
   Vt as ButtonSize,
   Me as ButtonTag,
   pe as ButtonType,
-  us as Card,
-  ys as Checkbox,
-  fs as ClickOutside,
-  Bn as Collapse,
-  Ls as CollapseRow,
-  z as Color,
+  ds as Card,
+  ws as Checkbox,
+  ms as ClickOutside,
+  Pn as Collapse,
+  Ms as CollapseRow,
+  q as Color,
   Ot as ConfirmModal,
   J as ControlWrapper,
-  xs as Drawer,
-  ls as Dropdown,
-  Ss as Filter,
-  En as FilterEmits,
-  In as FilterProperties,
+  $s as Drawer,
+  as as Dropdown,
+  Bs as Filter,
+  Fn as FilterEmits,
+  En as FilterProperties,
   I as Icon,
   D as IconEnum,
   dt as IconMap,
   pt as IconProperties,
-  ws as Input,
-  ks as InputNumber,
-  Cs as Loading,
-  bs as Markdown,
-  ss as Menu,
+  ks as Input,
+  xs as InputNumber,
+  Ls as Loading,
+  ys as Markdown,
+  ls as Menu,
   $t as Modal,
   fe as ModalService,
   Rt as ModalWrapper,
-  vs as MultiSelect,
+  bs as MultiSelect,
   Tt as NotificationMessage,
   me as NotificationService,
   zt as Notifications,
   lo as PaginationComponent,
-  hs as SelectComponent,
-  rs as ShellComponent,
+  gs as SelectComponent,
+  is as ShellComponent,
   de as SubMenu,
-  cs as Table,
-  cs as TableComponent,
-  is as TextCell,
+  us as Table,
+  us as TableComponent,
+  cs as TextCell,
   _s as Textarea,
-  $s as TreeView,
-  ds as addClickOutsideEventListener,
+  Cs as TreeView,
+  ps as addClickOutsideEventListener,
   H as buildInputStyle,
-  ms as hasCustomEventListener,
+  hs as hasCustomEventListener,
   Oo as isDescriptionHidden,
   le as mergeStyles,
   ne as myStyles,
-  ps as removeClickOutsideEventListener,
+  fs as removeClickOutsideEventListener,
   Be as showErrors,
-  Fn as useFilter
+  Hn as useFilter
 };