@ghentcdh/ui 0.4.0 → 0.5.1

package/index.esm.js

@@ -1,6 +1,9 @@
-import { defineComponent as p, openBlock as s, createElementBlock as a, unref as f, normalizeClass as w, createElementVNode as i, toDisplayString as v, createBlock as g, createCommentVNode as y, Fragment as x, renderList as L, mergeProps as D, computed as k, resolveComponent as oe, withCtx as T, createTextVNode as V, ref as N, watch as G, onMounted as ke, renderSlot as B, resolveDynamicComponent as se, createVNode as P, normalizeStyle as J, getCurrentInstance as $e, toHandlerKey as he, camelize as Ce, mergeDefaults as X, useModel as le, normalizeProps as ae, guardReactiveProps as ie, withDirectives as Q, vModelSelect as _e, mergeModels as q, inject as Le, resolveDirective as ve, vModelText as Me, useSlots as ge } from "vue";
-import { RouterLink as Be } from "vue-router";
-const _ = (...e) => `<svg
+import { defineComponent as p, openBlock as s, createElementBlock as a, unref as h, normalizeClass as x, createElementVNode as i, toDisplayString as v, createBlock as g, createCommentVNode as y, Fragment as w, renderList as _, mergeProps as P, computed as k, resolveComponent as Q, withCtx as A, createTextVNode as S, ref as T, watch as Z, onMounted as ye, renderSlot as B, resolveDynamicComponent as ne, createVNode as L, normalizeStyle as G, getCurrentInstance as xe, toHandlerKey as de, camelize as we, mergeDefaults as X, useModel as se, normalizeProps as le, guardReactiveProps as oe, withDirectives as J, vModelSelect as ke, mergeModels as q, resolveDirective as fe, vModelText as $e, useSlots as be } from "vue";
+import { RouterLink as Ce } from "vue-router";
+import { v4 as Y } from "uuid";
+import { useApi as _e } from "@ghentcdh/tools-vue";
+import { ChevronDownIcon as Le, ChevronRightIcon as Me } from "@heroicons/vue/24/solid";
+const C = (...e) => `<svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
@@ -15,48 +18,48 @@ const _ = (...e) => `<svg
 ).join(`
 `)}
   </svg>`;
-var z = /* @__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.Check = "Check", e.View = "View", e.Text = "Text", e))(z || {});
-const Pe = {
-  Edit: _(
+var V = /* @__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.Check = "Check", e.View = "View", e.Text = "Text", e))(V || {});
+const Be = {
+  Edit: C(
     "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
   ),
-  Delete: _(
+  Delete: C(
     "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
   ),
-  BarsArrowDown: _(
+  BarsArrowDown: C(
     "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
   ),
-  BarsArrowUp: _(
+  BarsArrowUp: C(
     "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
   ),
-  Funnel: _(
+  Funnel: C(
     "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"
   ),
-  Close: _("M6 18 18 6M6 6l12 12"),
-  Plus: _("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
-  PaperClip: _(
+  Close: C("M6 18 18 6M6 6l12 12"),
+  Plus: C("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  PaperClip: C(
     "m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"
   ),
-  Hamburger: _("M4 6h16M4 12h16M4 18h16"),
-  ChevronDown: _(
+  Hamburger: C("M4 6h16M4 12h16M4 18h16"),
+  ChevronDown: C(
     "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z"
   ),
-  ChevronUp: _(
+  ChevronUp: C(
     "M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z"
   ),
-  Check: _("m4.5 12.75 6 6 9-13.5"),
-  View: _(
+  Check: C("m4.5 12.75 6 6 9-13.5"),
+  View: C(
     "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z",
     "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
   ),
-  Text: _(
+  Text: C(
     "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
   ),
-  DblChevronLeft: _(
+  DblChevronLeft: C(
     "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
   ),
-  DblChevronRight: _("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
-}, De = ["innerHTML"], j = /* @__PURE__ */ p({
+  DblChevronRight: C("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
+}, Pe = ["innerHTML"], F = /* @__PURE__ */ p({
   __name: "icon",
   props: {
     icon: {},
@@ -64,20 +67,20 @@ const Pe = {
   },
   setup(e) {
     return (t, n) => (s(), a("div", {
-      class: w([
+      class: x([
         {
           "w-full h-full": !e.size,
           "w-2 h-2": e.size === "xs",
           "w-4 h-4": e.size === "sm"
         }
       ]),
-      innerHTML: f(Pe)[e.icon]
-    }, null, 10, De));
+      innerHTML: h(Be)[e.icon]
+    }, null, 10, Pe));
   }
-}), Ae = { class: "dropdown dropdown-end" }, Te = {
+}), De = { class: "dropdown dropdown-end" }, Ae = {
   tabindex: "0",
   class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
-}, Se = { class: "min-w-max flex-no-wrap text-black" }, re = /* @__PURE__ */ p({
+}, ze = { class: "min-w-max flex-no-wrap text-black" }, ae = /* @__PURE__ */ p({
   __name: "sub-menu",
   props: {
     label: {},
@@ -88,29 +91,29 @@ const Pe = {
     disableArrow: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (s(), a("div", Ae, [
+    return (t, n) => (s(), a("div", De, [
       i("div", {
         tabindex: "0",
         role: "button",
-        class: w([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+        class: x([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
         i("span", null, v(e.label), 1),
-        e.disableArrow ? y("", !0) : (s(), g(f(j), {
+        e.disableArrow ? y("", !0) : (s(), g(h(F), {
           key: 0,
-          icon: f(z).ChevronDown,
+          icon: h(V).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      i("ul", Te, [
-        i("li", Se, [
-          (s(!0), a(x, null, L(e.items, (l) => (s(), g(pe, D({
-            key: l.label
-          }, { ref_for: !0 }, l), null, 16))), 128))
+      i("ul", Ae, [
+        i("li", ze, [
+          (s(!0), a(w, null, _(e.items, (o) => (s(), g(he, P({
+            key: o.label
+          }, { ref_for: !0 }, o), null, 16))), 128))
         ])
       ])
     ]));
   }
-}), W = "btn btn-ghost text-left justify-between min-w-max font-normal", pe = /* @__PURE__ */ p({
+}), W = "btn btn-ghost text-left justify-between min-w-max font-normal", he = /* @__PURE__ */ p({
   __name: "menu-item",
   props: {
     label: {},
@@ -119,41 +122,41 @@ const Pe = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = k(() => !t.disabled && t.action && "routerLink" in t.action), l = k(() => !t.disabled && t.action), o = k(() => t.items?.length), c = k(() => {
-      const d = t.action;
-      return d && "routerLink" in d && "params" in d ? {
-        name: d.routerLink,
-        params: d.params
+    const t = e, n = k(() => !t.disabled && t.action && "routerLink" in t.action), o = k(() => !t.disabled && t.action), l = k(() => t.items?.length), c = k(() => {
+      const f = t.action;
+      return f && "routerLink" in f && "params" in f ? {
+        name: f.routerLink,
+        params: f.params
       } : "";
-    }), h = () => {
+    }), b = () => {
       t.action?.();
     };
-    return (d, u) => {
-      const m = oe("RouterLink");
-      return o.value ? (s(), g(re, D({ key: 0 }, t, { "btn-class": W }), null, 16)) : n.value ? (s(), g(m, {
+    return (f, u) => {
+      const d = Q("RouterLink");
+      return l.value ? (s(), g(ae, P({ key: 0 }, t, { "btn-class": W }), null, 16)) : n.value ? (s(), g(d, {
         key: 1,
         to: c.value,
-        class: w(W),
-        onClick: h
+        class: x(W),
+        onClick: b
       }, {
-        default: T(() => [
-          V(v(e.label), 1)
+        default: A(() => [
+          S(v(e.label), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : l.value ? (s(), a("button", {
+      }, 8, ["to"])) : o.value ? (s(), a("button", {
         key: 2,
-        class: w(W),
-        onClick: h
+        class: x(W),
+        onClick: b
       }, v(e.label), 1)) : (s(), a("div", {
         key: 3,
-        class: w([W, { "btn-disabled": e.disabled }])
+        class: x([W, { "btn-disabled": e.disabled }])
       }, v(e.label), 3));
     };
   }
-}), ze = { class: "navbar bg-base-100 shadow-sm" }, Ve = { class: "flex-1" }, Ne = {
+}), Ve = { class: "navbar bg-base-100 shadow-sm" }, Se = { class: "flex-1" }, Te = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, Re = { class: "flex grow justify-end px-2" }, Ue = { class: "flex items-stretch" }, Cn = /* @__PURE__ */ p({
+}, Ne = { class: "flex grow justify-end px-2" }, Re = { class: "flex items-stretch" }, yn = /* @__PURE__ */ p({
   __name: "menu",
   props: {
     menu: {},
@@ -161,47 +164,47 @@ const Pe = {
   },
   setup(e) {
     return (t, n) => {
-      const l = oe("RouterLink");
-      return s(), a("nav", ze, [
-        i("div", Ve, [
-          e.breadcrumbs ? (s(), a("div", Ne, [
+      const o = Q("RouterLink");
+      return s(), a("nav", Ve, [
+        i("div", Se, [
+          e.breadcrumbs ? (s(), a("div", Te, [
             i("ul", null, [
-              (s(!0), a(x, null, L(e.breadcrumbs, (o) => (s(), a("li", {
-                key: o.label
+              (s(!0), a(w, null, _(e.breadcrumbs, (l) => (s(), a("li", {
+                key: l.label
               }, [
-                o.routerLink ? (s(), g(l, {
+                l.routerLink ? (s(), g(o, {
                   key: 0,
-                  to: { name: o.routerLink, params: o.params }
+                  to: { name: l.routerLink, params: l.params }
                 }, {
-                  default: T(() => [
-                    V(v(o.label), 1)
+                  default: A(() => [
+                    S(v(l.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (s(), a(x, { key: 1 }, [
-                  V(v(o.label), 1)
+                }, 1032, ["to"])) : (s(), a(w, { key: 1 }, [
+                  S(v(l.label), 1)
                 ], 64))
               ]))), 128))
             ])
           ])) : y("", !0)
         ]),
-        i("div", Re, [
-          i("div", Ue, [
-            (s(!0), a(x, null, L(e.menu, (o) => (s(), g(pe, D({
-              key: o.label
-            }, { ref_for: !0 }, o), null, 16))), 128))
+        i("div", Ne, [
+          i("div", Re, [
+            (s(!0), a(w, null, _(e.menu, (l) => (s(), g(he, P({
+              key: l.label
+            }, { ref_for: !0 }, l), null, 16))), 128))
           ])
         ])
       ]);
     };
   }
-}), _n = /* @__PURE__ */ p({
+}), xn = /* @__PURE__ */ p({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
-    const t = N(!0);
-    return (n, l) => (s(), g(re, {
+    const t = T(!0);
+    return (n, o) => (s(), g(ae, {
       items: e.items,
       label: "test",
       open: t.value,
@@ -209,33 +212,7 @@ const Pe = {
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), $ = [];
-for (let e = 0; e < 256; ++e)
-  $.push((e + 256).toString(16).slice(1));
-function Fe(e, t = 0) {
-  return ($[e[t + 0]] + $[e[t + 1]] + $[e[t + 2]] + $[e[t + 3]] + "-" + $[e[t + 4]] + $[e[t + 5]] + "-" + $[e[t + 6]] + $[e[t + 7]] + "-" + $[e[t + 8]] + $[e[t + 9]] + "-" + $[e[t + 10]] + $[e[t + 11]] + $[e[t + 12]] + $[e[t + 13]] + $[e[t + 14]] + $[e[t + 15]]).toLowerCase();
-}
-let ne;
-const je = new Uint8Array(16);
-function He() {
-  if (!ne) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    ne = crypto.getRandomValues.bind(crypto);
-  }
-  return ne(je);
-}
-const Ke = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), be = { randomUUID: Ke };
-function Y(e, t, n) {
-  if (be.randomUUID && !e)
-    return be.randomUUID();
-  e = e || {};
-  const l = e.random ?? e.rng?.() ?? He();
-  if (l.length < 16)
-    throw new Error("Random bytes length must be >= 16");
-  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Fe(l);
-}
-const Oe = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-action" }, Ee = /* @__PURE__ */ p({
+}), Ke = { class: "font-bold" }, Fe = { class: "pt-4" }, Ue = { class: "modal-action" }, He = /* @__PURE__ */ p({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -248,29 +225,29 @@ const Oe = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-
   },
   emits: ["closeModal"],
   setup(e, { expose: t, emit: n }) {
-    const l = {
+    const o = {
       xs: "max-w-xs w-[50VW]",
       sm: "max-w-sm w-[50VW]",
       lg: "max-w-2xl w-[80VW]",
       xl: "max-w-[80VW] w-[80VW]"
-    }, o = e, c = `modal_${Y()}`, h = n, d = () => {
+    }, l = e, c = `modal_${Y()}`, b = n, f = () => {
       document.getElementById(c)?.showModal();
     }, u = () => {
-      document.getElementById(c)?.close(), h("closeModal");
+      document.getElementById(c)?.close(), b("closeModal");
     };
-    return t({ closeModal: u, openModal: d }), G(
-      () => o.open,
-      (m, r, A) => {
-        o.open ? d() : u();
+    return t({ closeModal: u, openModal: f }), Z(
+      () => l.open,
+      (d, r, D) => {
+        l.open ? f() : u();
       }
-    ), ke(() => {
-      o.open && d();
-    }), (m, r) => (s(), a("dialog", {
+    ), ye(() => {
+      l.open && f();
+    }), (d, r) => (s(), a("dialog", {
       id: c,
       class: "modal"
     }, [
       i("div", {
-        class: w(["modal-box bg-white", l[e.width]])
+        class: x(["modal-box bg-white", o[e.width]])
       }, [
         e.disableClose ? y("", !0) : (s(), a("button", {
           key: 0,
@@ -278,80 +255,80 @@ const Oe = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
           onClick: u
         }, " ✕ ")),
-        i("h3", Oe, v(e.modalTitle), 1),
-        i("div", Ie, [
-          B(m.$slots, "content")
+        i("h3", Ke, v(e.modalTitle), 1),
+        i("div", Fe, [
+          B(d.$slots, "content")
         ]),
-        i("div", qe, [
-          B(m.$slots, "actions")
+        i("div", Ue, [
+          B(d.$slots, "actions")
         ])
       ], 2)
     ]));
   }
 });
-var ce = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(ce || {}), ye = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(ye || {}), O = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(O || {});
-const Ze = {
+var ie = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(ie || {}), ve = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(ve || {}), I = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(I || {});
+const Ie = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
   error: "btn-error text-white"
-}, We = {
+}, je = {
   blank: "badge-ghost",
   primary: "badge-primary",
   secondary: "badge-soft badge-primary",
   error: "badge-error"
-}, Ge = {
+}, qe = {
   xs: "btn-xs",
   sm: "btn-sm",
   lg: "btn-sm",
   xl: "btn"
-}, Je = {
+}, Oe = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, I = /* @__PURE__ */ p({
+}, j = /* @__PURE__ */ p({
   __name: "btn",
   props: {
     href: {},
     disabled: { type: Boolean, default: !1 },
-    as: { default: ye.button },
+    as: { default: ve.button },
     icon: {},
-    type: { default: ce.button },
+    type: { default: ie.button },
     outline: { type: Boolean, default: !1 },
-    color: { default: O.primary },
+    color: { default: I.primary },
     size: { default: "sm" },
     square: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, l = t;
-    return (o, c) => (s(), g(se(e.as), D({
+    const n = e, o = t;
+    return (l, c) => (s(), g(ne(e.as), P({
       class: [
         "btn  p-1 flex justify-center flex-nowrap",
-        f(Ze)[e.color],
-        f(Ge)[e.size],
+        h(Ie)[e.color],
+        h(qe)[e.size],
         { "btn-outline": e.outline, "btn-square": e.square }
       ]
     }, n, {
-      onClick: c[0] || (c[0] = (h) => l("click"))
+      onClick: c[0] || (c[0] = (b) => o("click"))
     }), {
-      default: T(() => [
-        e.icon ? (s(), g(f(j), {
+      default: A(() => [
+        e.icon ? (s(), g(h(F), {
           key: 0,
           icon: e.icon,
           size: e.size
         }, null, 8, ["icon", "size"])) : y("", !0),
-        B(o.$slots, "default")
+        B(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qe = ["type", "disabled"], Ln = /* @__PURE__ */ p({
+}), Ee = ["type", "disabled"], wn = /* @__PURE__ */ p({
   __name: "btn-badge",
   props: {
     icon: { default: void 0 },
-    type: { default: ce.button },
+    type: { default: ie.button },
     color: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
     size: { default: "sm" }
@@ -359,21 +336,21 @@ const Ze = {
   emits: ["click"],
   setup(e, { emit: t }) {
     const n = t;
-    return (l, o) => (s(), a("button", {
-      class: w(["badge gap-1", f(Je)[e.size], f(We)[e.color]]),
+    return (o, l) => (s(), a("button", {
+      class: x(["badge gap-1", h(Oe)[e.size], h(je)[e.color]]),
       type: e.type,
       disabled: e.disabled,
-      onClick: o[0] || (o[0] = (c) => n("click"))
+      onClick: l[0] || (l[0] = (c) => n("click"))
     }, [
-      B(l.$slots, "default"),
-      e.icon ? (s(), g(f(j), {
+      B(o.$slots, "default"),
+      e.icon ? (s(), g(h(F), {
         key: 0,
         icon: e.icon,
         size: e.size
       }, null, 8, ["icon", "size"])) : y("", !0)
-    ], 10, Qe));
+    ], 10, Ee));
   }
-}), Xe = /* @__PURE__ */ p({
+}), We = /* @__PURE__ */ p({
   __name: "confirmModal",
   props: {
     title: {},
@@ -383,33 +360,33 @@ const Ze = {
   },
   emits: ["closeModal"],
   setup(e, { emit: t }) {
-    const n = t, l = (o) => {
-      n("closeModal", { confirmed: o });
+    const n = t, o = (l) => {
+      n("closeModal", { confirmed: l });
     };
-    return (o, c) => (s(), g(Ee, {
+    return (l, c) => (s(), g(He, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
-      content: T(() => [
-        V(v(e.message), 1)
+      content: A(() => [
+        S(v(e.message), 1)
       ]),
-      actions: T(() => [
-        P(f(I), {
-          color: f(O).secondary,
+      actions: A(() => [
+        L(h(j), {
+          color: h(I).secondary,
           outline: !0,
-          onClick: c[0] || (c[0] = (h) => l(!1))
+          onClick: c[0] || (c[0] = (b) => o(!1))
         }, {
-          default: T(() => [
-            V(v(e.cancelLabel), 1)
+          default: A(() => [
+            S(v(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        P(f(I), {
-          onClick: c[1] || (c[1] = (h) => l(!0))
+        L(h(j), {
+          onClick: c[1] || (c[1] = (b) => o(!0))
         }, {
-          default: T(() => [
-            V(v(e.confirmLabel), 1)
+          default: A(() => [
+            S(v(e.confirmLabel), 1)
           ]),
           _: 1
         })
@@ -418,22 +395,22 @@ const Ze = {
     }, 8, ["modal-title"]));
   }
 });
-class ue {
+class re {
   constructor() {
-    this.showModal = N(!1), this.modals = [];
+    this.showModal = T(!1), this.modals = [];
   }
   openModal(t) {
-    const n = t.props.onClose, l = Y(), o = t;
+    const n = t.props.onClose, o = Y(), l = t;
     t.props.onClose = (c) => {
-      n(c), this.closeModal(l);
-    }, o.id = l, this.modals = [...this.modals, o], this.showModal.value = Date.now();
+      n(c), this.closeModal(o);
+    }, l.id = o, this.modals = [...this.modals, l], this.showModal.value = Date.now();
   }
   closeModal(t) {
     this.modals = this.modals.filter((n) => n.id !== t), this.showModal.value = Date.now();
   }
   static showConfirm(t) {
     this.getInstance().openModal({
-      component: Xe,
+      component: We,
       props: t
     });
   }
@@ -441,7 +418,7 @@ class ue {
     this.getInstance().openModal(t);
   }
   static getInstance() {
-    return this.instance || (this.instance = new ue()), this.instance;
+    return this.instance || (this.instance = new re()), this.instance;
   }
   static closeAll() {
     this.instance.closeAll();
@@ -450,11 +427,11 @@ class ue {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const Ye = /* @__PURE__ */ p({
+const Ze = /* @__PURE__ */ p({
   __name: "modalWrapper",
   setup(e) {
-    const t = ue.getInstance(), n = k(() => t.showModal.value ? t.modals : []);
-    return (l, o) => (s(!0), a(x, null, L(n.value, (c) => (s(), g(se(c?.component), D({
+    const t = re.getInstance(), n = k(() => t.showModal.value ? t.modals : []);
+    return (o, l) => (s(!0), a(w, null, _(n.value, (c) => (s(), g(ne(c?.component), P({
       key: c.id,
       ref_for: !0
     }, c?.props, {
@@ -462,7 +439,7 @@ const Ye = /* @__PURE__ */ p({
       onCloseModal: c?.props?.onClose
     }), null, 16, ["onCloseModal"]))), 128));
   }
-}), et = /* @__PURE__ */ p({
+}), Ge = /* @__PURE__ */ p({
   __name: "notification-message",
   props: {
     message: {},
@@ -475,24 +452,24 @@ const Ye = /* @__PURE__ */ p({
       warning: "alert-warning",
       info: "alert-info"
     };
-    return (n, l) => (s(), a("div", {
+    return (n, o) => (s(), a("div", {
       role: "alert",
-      class: w(`alert ${t[e.type]} `)
+      class: x(`alert ${t[e.type]} `)
     }, [
       i("span", null, v(e.message), 1)
     ], 2));
   }
-}), tt = 5e3;
-class de {
+}), Je = 5e3;
+class ce {
   constructor() {
-    this.notifications = N([]), this.addNotification = (t, n = "info") => {
-      const l = {
+    this.notifications = T([]), this.addNotification = (t, n = "info") => {
+      const o = {
         id: Y(),
-        duration: tt,
+        duration: Je,
         message: t,
         type: n
       };
-      this.notifications.value.push(l), this.removeNotificationAfterDuration(l);
+      this.notifications.value.push(o), this.removeNotificationAfterDuration(o);
     }, this.removeNotificationAfterDuration = (t) => {
       setTimeout(() => {
         this.removeNotification(t.id);
@@ -502,7 +479,7 @@ class de {
     };
   }
   static getInstance() {
-    return this.instance || (this.instance = new de()), this.instance;
+    return this.instance || (this.instance = new ce()), this.instance;
   }
   static info(t) {
     this.getInstance().addNotification(t, "info");
@@ -520,17 +497,17 @@ class de {
     this.getInstance().removeNotification(t);
   }
 }
-const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__ */ p({
+const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__ */ p({
   __name: "notifications",
   setup(e) {
-    const t = de.getInstance();
-    return (n, l) => (s(), a("div", nt, [
-      (s(!0), a(x, null, L(f(t).notifications.value, (o) => (s(), g(et, D({
-        key: o.id
-      }, { ref_for: !0 }, o), null, 16))), 128))
+    const t = ce.getInstance();
+    return (n, o) => (s(), a("div", Qe, [
+      (s(!0), a(w, null, _(h(t).notifications.value, (l) => (s(), g(Ge, P({
+        key: l.id
+      }, { ref_for: !0 }, l), null, 16))), 128))
     ]));
   }
-}), st = { class: "h-screen" }, lt = { class: "navbar bg-primary text-primary-content w-full z-100 sticky" }, at = { class: "navbar-start" }, it = { class: "navbar-center" }, rt = ["href"], ct = { class: "navbar-end" }, ut = { class: "menu h-full flex-col space-between m-0 overflow-y-auto" }, dt = { class: "flex-grow-1" }, mt = { class: "bg-base-200 p-4" }, ht = { class: "h-full" }, fe = 64, Mn = /* @__PURE__ */ p({
+}), Ye = { class: "h-screen" }, et = { class: "navbar bg-primary text-primary-content w-full z-100 sticky" }, tt = { class: "navbar-start" }, nt = { class: "navbar-center" }, st = ["href"], lt = { class: "navbar-end" }, ot = { class: "menu h-full flex-col space-between m-0 overflow-y-auto" }, at = { class: "flex-grow-1" }, it = { class: "bg-base-200 p-4" }, rt = { class: "h-full" }, me = 64, kn = /* @__PURE__ */ p({
   __name: "shell.component",
   props: {
     title: {},
@@ -541,91 +518,91 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   },
   emits: ["logout"],
   setup(e, { emit: t }) {
-    const l = e, o = N(!1), c = () => {
-      o.value = !o.value;
-    }, h = t, d = k(() => l.user ? {
-      label: l.user.name,
+    const o = e, l = T(!1), c = () => {
+      l.value = !l.value;
+    }, b = t, f = k(() => o.user ? {
+      label: o.user.name,
       items: [
         {
           label: "Logout",
           action: () => {
-            h("logout");
+            b("logout");
           }
         }
       ]
     } : null);
-    return (u, m) => (s(), a(x, null, [
-      P(ot),
-      P(f(Ye)),
-      i("div", st, [
+    return (u, d) => (s(), a(w, null, [
+      L(Xe),
+      L(h(Ze)),
+      i("div", Ye, [
         i("header", null, [
-          i("nav", lt, [
-            i("div", at, [
+          i("nav", et, [
+            i("div", tt, [
               i("button", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
                 onClick: c
               }, [
-                P(f(j), {
-                  icon: f(z).Hamburger
+                L(h(F), {
+                  icon: h(V).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            i("div", it, [
+            i("div", nt, [
               i("a", {
                 class: "btn btn-ghost text-xl",
-                href: f("/")
-              }, v(e.title), 9, rt)
+                href: h("/")
+              }, v(e.title), 9, st)
             ]),
-            i("div", ct, [
-              d.value ? (s(), g(f(re), D({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : y("", !0)
+            i("div", lt, [
+              f.value ? (s(), g(h(ae), P({ key: 0 }, f.value, { "btn-class": "" }), null, 16)) : y("", !0)
             ])
           ])
         ]),
-        o.value ? (s(), a("aside", {
+        l.value ? (s(), a("aside", {
           key: 0,
           id: "drawer-left",
           class: "fixed overflow-y-auto z-[1000] min-h-0 min-w-0 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible inset-0",
-          style: J({
+          style: G({
             width: e.widthSidebar + "px",
-            top: `${fe}px`
+            top: `${me}px`
           })
         }, [
-          i("div", ut, [
-            i("ul", dt, [
-              (s(!0), a(x, null, L(e.menu, (r) => (s(), a("li", {
+          i("div", ot, [
+            i("ul", at, [
+              (s(!0), a(w, null, _(e.menu, (r) => (s(), a("li", {
                 key: r.label
               }, [
-                P(f(Be), {
+                L(h(Ce), {
                   to: { name: r.routerLink, params: r.params }
                 }, {
-                  default: T(() => [
-                    V(v(r.label), 1)
+                  default: A(() => [
+                    S(v(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to"])
               ]))), 128))
             ]),
-            i("div", mt, "version: " + v(e.version), 1)
+            i("div", it, " version: " + v(e.version), 1)
           ])
         ], 4)) : y("", !0),
         i("main", {
-          class: w("overflow-hidden fixed border-red  bg-white mx-auto max-h-full  shadow-sm "),
-          style: J({
-            top: `${fe}px`,
+          class: x("overflow-hidden fixed border-red  bg-white mx-auto max-h-full  shadow-sm "),
+          style: G({
+            top: `${me}px`,
             bottom: "2px",
             right: "2px",
-            left: o.value ? e.widthSidebar + "px" : 0
+            left: l.value ? e.widthSidebar + "px" : 0
           })
         }, [
-          i("div", ht, [
+          i("div", rt, [
             B(u.$slots, "default")
           ])
         ], 4)
       ])
     ], 64));
   }
-}), E = /* @__PURE__ */ p({
+}), O = /* @__PURE__ */ p({
   __name: "pagination-button.component",
   props: {
     currentPage: {},
@@ -636,25 +613,25 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   },
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
-    const n = e, l = t, o = k(
+    const n = e, o = t, l = k(
       () => n.neverActive ? !1 : n.page === n.currentPage
-    ), c = k(() => n.neverActive ? O.blank : o.value ? O.primary : O.secondary), h = () => {
-      l("updatePage", n.page);
+    ), c = k(() => n.neverActive ? I.blank : l.value ? I.primary : I.secondary), b = () => {
+      o("updatePage", n.page);
     };
-    return (d, u) => (s(), g(f(I), {
+    return (f, u) => (s(), g(h(j), {
       disabled: e.disabled,
       square: !0,
       size: "xs",
       color: c.value,
-      onClick: u[0] || (u[0] = (m) => h())
+      onClick: u[0] || (u[0] = (d) => b())
     }, {
-      default: T(() => [
-        V(v(e.label), 1)
+      default: A(() => [
+        S(v(e.label), 1)
       ]),
       _: 1
     }, 8, ["disabled", "color"]));
   }
-}), bt = { class: "flex gap-2" }, ft = { class: "flex flex-1 justify-center items-center" }, vt = { class: "flex gap-1" }, gt = { class: "text-sm" }, Z = 6, pt = /* @__PURE__ */ p({
+}), ct = { class: "flex gap-2" }, ut = { class: "flex flex-1 justify-center items-center" }, dt = { class: "flex gap-1" }, mt = { class: "text-sm" }, E = 6, ft = /* @__PURE__ */ p({
   __name: "pagination.component",
   props: {
     totalItems: { type: Number, default: 0 },
@@ -663,94 +640,94 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   },
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
-    const n = e, l = t, o = k(() => {
+    const n = e, o = t, l = k(() => {
       let r = Math.ceil(n.totalItems / n.itemsPerPage);
       return r < 1 ? 1 : r;
-    }), c = Z / 2, h = k(() => {
-      if (o.value <= Z)
+    }), c = E / 2, b = k(() => {
+      if (l.value <= E)
         return {
           min: 1,
-          max: o.value
+          max: l.value
         };
       let r = n.currentPage - c;
-      r <= 1 ? r = 1 : r + Z > o.value && (r = o.value - Z);
-      let A = r + Z;
+      r <= 1 ? r = 1 : r + E > l.value && (r = l.value - E);
+      let D = r + E;
       return {
         min: r,
-        max: A
+        max: D
       };
-    }), d = (r) => ({
+    }), f = (r) => ({
       label: "...",
       currentPage: r,
       page: -10,
       disabled: !0,
       neverActive: !0
     }), u = k(() => {
-      let r = o.value;
+      let r = l.value;
       r < 1 && (r = 1);
-      const A = n.currentPage, S = [], { min: R, max: H } = h.value;
-      return Array.from({ length: r }, (M, U) => {
-        const b = U + 1;
-        b !== 1 && b !== r && (b > H || b < R) || (b === r && r > 1 && H < r && S.push(d(A)), S.push({
-          label: `${b}`,
+      const D = n.currentPage, z = [], { min: N, max: U } = b.value;
+      return Array.from({ length: r }, (M, R) => {
+        const m = R + 1;
+        m !== 1 && m !== r && (m > U || m < N) || (m === r && r > 1 && U < r && z.push(f(D)), z.push({
+          label: `${m}`,
           totalPages: r,
-          currentPage: A,
-          page: b
-        }), b === 1 && r > 1 && R > 1 && S.push(d(A)));
-      }), S;
-    }), m = (r) => {
-      l("updatePage", r);
+          currentPage: D,
+          page: m
+        }), m === 1 && r > 1 && N > 1 && z.push(f(D)));
+      }), z;
+    }), d = (r) => {
+      o("updatePage", r);
     };
-    return (r, A) => (s(), a("div", bt, [
-      i("div", ft, [
-        i("div", vt, [
-          P(E, D(n, {
+    return (r, D) => (s(), a("div", ct, [
+      i("div", ut, [
+        i("div", dt, [
+          L(O, P(n, {
             page: 1,
             label: "<<",
             "current-page": e.currentPage,
             "never-active": !0,
             disabled: e.currentPage === 1,
-            onUpdatePage: m
+            onUpdatePage: d
           }), null, 16, ["current-page", "disabled"]),
-          P(E, D(n, {
+          L(O, P(n, {
             page: e.currentPage - 1,
             label: "<",
             "current-page": e.currentPage,
             "never-active": !0,
             disabled: e.currentPage === 1,
-            onUpdatePage: m
+            onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"]),
-          (s(!0), a(x, null, L(u.value, (S) => (s(), g(E, D({
-            key: S.page,
+          (s(!0), a(w, null, _(u.value, (z) => (s(), g(O, P({
+            key: z.page,
             ref_for: !0
-          }, S, { onUpdatePage: m }), null, 16))), 128)),
-          P(E, D(n, {
+          }, z, { onUpdatePage: d }), null, 16))), 128)),
+          L(O, P(n, {
             page: e.currentPage + 1,
             label: ">",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === o.value,
-            onUpdatePage: m
+            disabled: n.currentPage === l.value,
+            onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"]),
-          P(E, D(n, {
-            page: o.value,
+          L(O, P(n, {
+            page: l.value,
             label: ">>",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === o.value,
-            onUpdatePage: m
+            disabled: n.currentPage === l.value,
+            onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      i("div", gt, " page " + v(e.currentPage) + " of " + v(o.value), 1)
+      i("div", mt, " page " + v(e.currentPage) + " of " + v(l.value), 1)
     ]));
   }
-}), we = (e, t) => {
+}), ge = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [l, o] of t)
-    n[l] = o;
+  for (const [o, l] of t)
+    n[o] = l;
   return n;
-}, yt = () => ({
+}, bt = () => ({
   data: {
     type: Object,
     required: !0
@@ -763,10 +740,10 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     type: Object,
     required: !1
   }
-}), wt = p({
+}), ht = p({
   name: "TextCell",
   props: {
-    ...yt()
+    ...bt()
   },
   computed: {
     value() {
@@ -774,11 +751,11 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
       return e ? this.column.options?.format === "keyValue" ? e[this.column.options.key] : e : null;
     }
   }
-}), xt = wt;
-function kt(e, t, n, l, o, c) {
+}), vt = ht;
+function gt(e, t, n, o, l, c) {
   return v(e.value);
 }
-const Bn = /* @__PURE__ */ we(xt, [["render", kt]]), $t = { class: "flex-grow pr-2" }, Ct = { class: "h-4 w-4" }, _t = /* @__PURE__ */ p({
+const $n = /* @__PURE__ */ ge(vt, [["render", gt]]), pt = { class: "flex-grow pr-2" }, yt = { class: "h-4 w-4" }, xt = /* @__PURE__ */ p({
   __name: "sort.header",
   props: {
     column: {},
@@ -787,25 +764,25 @@ const Bn = /* @__PURE__ */ we(xt, [["render", kt]]), $t = { class: "flex-grow pr
   },
   emits: ["sort"],
   setup(e, { emit: t }) {
-    const n = e, l = k(
-      () => n.sortDirection === "asc" ? z.BarsArrowUp : z.BarsArrowDown
-    ), o = k(() => n.column.options?.sortId ?? n.column.id), c = () => {
-      h("sort", o.value);
-    }, h = t;
-    return (d, u) => (s(), a("button", {
+    const n = e, o = k(
+      () => n.sortDirection === "asc" ? V.BarsArrowUp : V.BarsArrowDown
+    ), l = k(() => n.column.options?.sortId ?? n.column.id), c = () => {
+      b("sort", l.value);
+    }, b = t;
+    return (f, u) => (s(), a("button", {
       class: "flex items-center",
       onClick: c
     }, [
-      i("span", $t, v(e.column.label), 1),
-      i("div", Ct, [
-        e.sortColumn === o.value ? (s(), g(f(j), {
+      i("span", pt, v(e.column.label), 1),
+      i("div", yt, [
+        e.sortColumn === l.value ? (s(), g(h(F), {
           key: 0,
-          icon: l.value
+          icon: o.value
         }, null, 8, ["icon"])) : y("", !0)
       ])
     ]));
   }
-}), Lt = { class: "table w-full" }, Mt = { key: 0 }, Bt = ["colspan"], Pt = { class: "flex gap-2" }, Pn = /* @__PURE__ */ p({
+}), wt = { class: "table w-full" }, kt = { key: 0 }, $t = ["colspan"], Ct = { class: "flex gap-2" }, Cn = /* @__PURE__ */ p({
   __name: "table.component",
   props: {
     loading: { type: Boolean },
@@ -817,76 +794,76 @@ const Bn = /* @__PURE__ */ we(xt, [["render", kt]]), $t = { class: "flex-grow pr
   },
   emits: ["delete", "edit", "updatePage", "sort"],
   setup(e, { emit: t }) {
-    const n = t, l = (d) => {
-      n("edit", d);
-    }, o = (d) => {
-      n("delete", d);
-    }, c = (d) => {
-      n("updatePage", d);
-    }, h = (d) => {
-      n("sort", d);
+    const n = t, o = (f) => {
+      n("edit", f);
+    }, l = (f) => {
+      n("delete", f);
+    }, c = (f) => {
+      n("updatePage", f);
+    }, b = (f) => {
+      n("sort", f);
     };
-    return (d, u) => (s(), a(x, null, [
-      i("table", Lt, [
+    return (f, u) => (s(), a(w, null, [
+      i("table", wt, [
         i("thead", null, [
           i("tr", null, [
-            (s(!0), a(x, null, L(e.displayColumns, (m) => (s(), a("th", {
-              key: m.scope
+            (s(!0), a(w, null, _(e.displayColumns, (d) => (s(), a("th", {
+              key: d.scope
             }, [
-              P(_t, D({ column: m }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
+              L(xt, P({ column: d }, { ref_for: !0 }, e.sort, { onSort: b }), null, 16, ["column"])
             ]))), 128)),
             u[0] || (u[0] = i("th", null, null, -1))
           ])
         ]),
         i("tbody", null, [
-          e.loading ? (s(), a("tr", Mt, [
+          e.loading ? (s(), a("tr", kt, [
             i("td", {
               colspan: e.displayColumns.length + 1,
               class: "text-center"
             }, [...u[1] || (u[1] = [
               i("span", { class: "loading loading-bars loading-xs" }, null, -1)
-            ])], 8, Bt)
+            ])], 8, $t)
           ])) : y("", !0),
-          (s(!0), a(x, null, L(e.data, (m) => (s(), a("tr", {
-            key: m.id
+          (s(!0), a(w, null, _(e.data, (d) => (s(), a("tr", {
+            key: d.id
           }, [
-            (s(!0), a(x, null, L(e.displayColumns, (r) => (s(), a("td", {
+            (s(!0), a(w, null, _(e.displayColumns, (r) => (s(), a("td", {
               key: r.scope
             }, [
-              (s(), g(se(r.component), D({ ref_for: !0 }, r, {
-                data: m,
+              (s(), g(ne(r.component), P({ ref_for: !0 }, r, {
+                data: d,
                 column: r
               }), null, 16, ["data", "column"]))
             ]))), 128)),
             i("td", null, [
-              i("span", Pt, [
-                (s(!0), a(x, null, L(e.actions, (r) => (s(), g(I, {
+              i("span", Ct, [
+                (s(!0), a(w, null, _(e.actions, (r) => (s(), g(j, {
                   key: r.label,
                   icon: r.icon,
                   outline: !0,
-                  onClick: (A) => r.action(m)
+                  onClick: (D) => r.action(d)
                 }, {
-                  default: T(() => [
-                    V(v(r.label), 1)
+                  default: A(() => [
+                    S(v(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                P(I, {
-                  icon: f(z).Edit,
+                L(j, {
+                  icon: h(V).Edit,
                   outline: !0,
-                  onClick: (r) => l(m)
+                  onClick: (r) => o(d)
                 }, null, 8, ["icon", "onClick"]),
-                P(I, {
-                  icon: f(z).Delete,
+                L(j, {
+                  icon: h(V).Delete,
                   outline: !0,
-                  onClick: (r) => o(m)
+                  onClick: (r) => l(d)
                 }, null, 8, ["icon", "onClick"])
               ])
             ])
           ]))), 128))
         ])
       ]),
-      e.page ? (s(), g(pt, {
+      e.page ? (s(), g(ft, {
         key: 0,
         class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
         "total-items": e.page.count,
@@ -896,38 +873,38 @@ const Bn = /* @__PURE__ */ we(xt, [["render", kt]]), $t = { class: "flex-grow pr
       }, null, 8, ["total-items", "items-per-page", "current-page"])) : y("", !0)
     ], 64));
   }
-}), Dt = {}, At = { class: "card bg-base-100 shadow-sm" }, Tt = { class: "card-body" }, St = {
+}), _t = {}, Lt = { class: "card bg-base-100 shadow-sm" }, Mt = { class: "card-body" }, Bt = {
   key: 0,
   class: "card-title"
-}, zt = {
+}, Pt = {
   key: 1,
   class: "card-actions justify-end"
 };
-function Vt(e, t) {
-  return s(), a("div", At, [
-    i("div", Tt, [
-      e.$slots.title ? (s(), a("h2", St, [
+function Dt(e, t) {
+  return s(), a("div", Lt, [
+    i("div", Mt, [
+      e.$slots.title ? (s(), a("h2", Bt, [
         B(e.$slots, "title")
       ])) : y("", !0),
       i("p", null, [
         B(e.$slots, "default"),
         B(e.$slots, "content")
       ]),
-      e.$slots.actions ? (s(), a("div", zt, [
+      e.$slots.actions ? (s(), a("div", Pt, [
         B(e.$slots, "actions")
       ])) : y("", !0)
     ])
   ]);
 }
-const Dn = /* @__PURE__ */ we(Dt, [["render", Vt]]), An = (e, t) => {
+const _n = /* @__PURE__ */ ge(_t, [["render", Dt]]), Ln = (e, t) => {
   if (!e) return null;
-  const n = (l) => {
-    e.contains(l.target) || t();
+  const n = (o) => {
+    e.contains(o.target) || t();
   };
   return document.addEventListener("click", n), n;
-}, Tn = (e) => {
+}, Mn = (e) => {
   document.removeEventListener("click", e);
-}, Sn = {
+}, Bn = {
   beforeMount(e, t) {
     e.clickOutsideEvent = function(n) {
       e === n.target || e.contains(n.target) || t.value(n);
@@ -937,15 +914,15 @@ const Dn = /* @__PURE__ */ we(Dt, [["render", Vt]]), An = (e, t) => {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function zn(e) {
-  const t = $e();
+function Pn(e) {
+  const t = xe();
   if (!t)
     return !1;
   const n = t.vnode.props;
-  return n ? !!(n[he(e)] || // also try camelCase event handler (#2249)
-  n[he(Ce(e))]) : !1;
+  return n ? !!(n[de(e)] || // also try camelCase event handler (#2249)
+  n[de(we(e))]) : !1;
 }
-const Nt = {
+const At = {
   group: {
     root: "group",
     label: "text-primary text-lg font-bold",
@@ -984,13 +961,13 @@ const Nt = {
   isFocused: !1,
   isTouched: !1,
   hideLabel: !1,
-  styles: Nt
-}), Rt = () => ({
+  styles: At
+}), zt = () => ({
   ...ee(),
   options: [],
   valueKey: "value",
   labelKey: "label"
-}), Ut = (e, t, n) => !!(e && n), Ft = (e, t, n, l) => t === void 0 || t !== void 0 && !e || !l && !n, jt = { key: 0 }, me = /* @__PURE__ */ p({
+}), Vt = (e, t, n) => !!(e && n), St = (e, t, n, o) => t === void 0 || t !== void 0 && !e || !o && !n, Tt = { key: 0 }, ue = /* @__PURE__ */ p({
   __name: "ControlWrapper",
   props: /* @__PURE__ */ X({
     id: {},
@@ -1006,33 +983,33 @@ const Nt = {
     styles: {}
   }, ee()),
   setup(e) {
-    const t = e, n = k(() => !Ft(
+    const t = e, n = k(() => !St(
       t.visible,
       t.description,
       t.isFocused,
       !0
-    )), l = k(() => t.required), o = k(() => Ut(
+    )), o = k(() => t.required), l = k(() => Vt(
       t.isTouched,
       t.isFocused,
       t.errors
     ));
-    return (c, h) => (s(), a("fieldset", {
-      class: w(e.styles.control.wrapper)
+    return (c, b) => (s(), a("fieldset", {
+      class: x(e.styles.control.wrapper)
     }, [
       e.hideLabel ? y("", !0) : (s(), a("legend", {
         key: 0,
-        class: w(e.styles.control.label)
+        class: x(e.styles.control.label)
       }, [
-        V(v(e.label) + " ", 1),
-        l.value ? (s(), a("span", jt, "*")) : y("", !0)
+        S(v(e.label) + " ", 1),
+        o.value ? (s(), a("span", Tt, "*")) : y("", !0)
       ], 2)),
       B(c.$slots, "default"),
       i("p", {
-        class: w(["fieldset-label h-4", { "text-error": o.value }])
-      }, v(o.value ? e.errors : n.value ? e.description : null), 3)
+        class: x(["fieldset-label h-4", { "text-error": l.value }])
+      }, v(l.value ? e.errors : n.value ? e.description : null), 3)
     ], 2));
   }
-}), Ht = ["disabled"], Kt = ["value"], Vn = /* @__PURE__ */ p({
+}), Nt = ["disabled"], Rt = ["value"], Dn = /* @__PURE__ */ p({
   __name: "SelectComponent",
   props: /* @__PURE__ */ q(/* @__PURE__ */ X({
     id: {},
@@ -1060,103 +1037,41 @@ const Nt = {
   }),
   emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, o = le(e, "modelValue"), c = (u) => {
-      l("change", u);
-    }, h = (u) => {
-      l("focus", u);
-    }, d = (u) => {
-      l("blur", u);
+    const n = e, o = t, l = se(e, "modelValue"), c = (u) => {
+      o("change", u);
+    }, b = (u) => {
+      o("focus", u);
+    }, f = (u) => {
+      o("blur", u);
     };
-    return (u, m) => (s(), g(me, ae(ie(n)), {
-      default: T(() => [
-        Q(i("select", {
-          "onUpdate:modelValue": m[0] || (m[0] = (r) => o.value = r),
+    return (u, d) => (s(), g(ue, le(oe(n)), {
+      default: A(() => [
+        J(i("select", {
+          "onUpdate:modelValue": d[0] || (d[0] = (r) => l.value = r),
           disabled: !e.enabled,
-          class: w(["select select-bordered", e.styles.control.select]),
+          class: x(["select select-bordered", e.styles.control.select]),
           onChange: c,
-          onFocus: h,
-          onBlur: d
+          onFocus: b,
+          onBlur: f
         }, [
-          (s(!0), a(x, null, L(e.options, (r) => (s(), a("option", {
+          (s(!0), a(w, null, _(e.options, (r) => (s(), a("option", {
             key: r[e.valueKey],
             value: r
-          }, v(r[e.labelKey]), 9, Kt))), 128))
-        ], 42, Ht), [
-          [_e, o.value]
+          }, v(r[e.labelKey]), 9, Rt))), 128))
+        ], 42, Nt), [
+          [ke, l.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), Ot = "GHENTCDH_AUTHENTICATION", It = () => {
-  const e = Le(Ot);
-  e || console.warn("No auth provided, authorized calls may not work");
-  const t = async (n, l, o = { contentType: "application/json" }) => {
-    const c = o?.skipAuth ?? e?.options.skipAuthentication, h = {
-      accept: "application/json",
-      ...l.headers ?? {}
-    };
-    o.contentType && (h["Content-Type"] = o.contentType), c || (await e?.updateToken(), h.Authorization = `Bearer ${e?.token()}`);
-    const d = new URL(n, window.location.href);
-    if (o?.queryParams)
-      for (const [m, r] of Object.entries(o.queryParams))
-        d.searchParams.set(m, r);
-    const u = await fetch(d.toString(), {
-      ...l,
-      headers: h
-    });
-    return u.ok ? u.json() : (o?.skipAuth, Promise.reject({
-      content: u.body,
-      status: u.status
-    }));
-  };
-  return {
-    get: (n, l) => t(n, { method: "GET" }, l),
-    postFile: (n, l, o = {}, c) => {
-      const h = new FormData();
-      for (const d in o)
-        h.append(d, o[d]);
-      return h.append("file", l), t(
-        n,
-        {
-          method: "POST",
-          body: h
-        },
-        { ...c, contentType: void 0 }
-      );
-    },
-    post: (n, l, o) => t(
-      n,
-      {
-        method: "POST",
-        body: JSON.stringify(l)
-      },
-      o
-    ),
-    patch: (n, l, o) => t(
-      n,
-      {
-        method: "PATCH",
-        body: JSON.stringify(l)
-      },
-      o
-    ),
-    delete: (n, l, o) => t(
-      n,
-      {
-        method: "DELETE",
-        body: JSON.stringify(l)
-      },
-      o
-    )
-  };
-}, qt = ["disabled"], Et = {
+}), Kt = ["disabled"], Ft = {
   key: 0,
-  class: /* @__PURE__ */ w([
+  class: /* @__PURE__ */ x([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50`
   ])
-}, Zt = ["onClick", "onBlur"], Nn = /* @__PURE__ */ p({
+}, Ut = ["onClick", "onBlur"], An = /* @__PURE__ */ p({
   __name: "AutoComplete",
   props: /* @__PURE__ */ q(/* @__PURE__ */ X({
     id: {},
@@ -1174,88 +1089,88 @@ const Nt = {
     options: {},
     valueKey: {},
     labelKey: {}
-  }, Rt()), {
+  }, zt()), {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, o = le(e, "modelValue"), c = N(""), h = (b) => {
-      l("change", b);
-    }, d = (b) => {
-      l("focus", b);
-    }, u = (b) => {
-      l("blur", b);
-    }, m = N(!1), r = N([]), A = (b) => {
-      m.value = !0, S(b);
-    }, S = (b) => {
-      o.value = b, h(b);
-    }, R = (b) => {
-      r.value?.length === b + 1 && (r.value = []);
-    }, H = It(), M = (b) => b[n.valueKey], U = (b) => b?.[n.labelKey] ?? "";
-    return G(
-      () => o.value,
-      (b) => {
-        b && !M(b) || (m.value = !0, r.value = [], c.value = U(b));
+    const n = e, o = t, l = se(e, "modelValue"), c = T(""), b = (m) => {
+      o("change", m);
+    }, f = (m) => {
+      o("focus", m);
+    }, u = (m) => {
+      o("blur", m);
+    }, d = T(!1), r = T([]), D = (m) => {
+      d.value = !0, z(m);
+    }, z = (m) => {
+      l.value = m, b(m);
+    }, N = (m) => {
+      r.value?.length === m + 1 && (r.value = []);
+    }, U = _e(), M = (m) => m[n.valueKey], R = (m) => m?.[n.labelKey] ?? "";
+    return Z(
+      () => l.value,
+      (m) => {
+        m && !M(m) || (d.value = !0, r.value = [], c.value = R(m));
       },
       { immediate: !0 }
-    ), G(
+    ), Z(
       () => c.value,
-      (b) => {
-        if (m.value) {
-          m.value = !1;
+      (m) => {
+        if (d.value) {
+          d.value = !1;
           return;
         }
-        if (S({ [n.labelKey]: b }), n.config) {
-          const { uri: C, skipAuth: K, dataField: F } = n.config;
-          H.get(`${C}${b}`, { skipAuth: K }).then((te) => {
-            r.value = te[F];
+        if (z({ [n.labelKey]: m }), n.config) {
+          const { uri: $, skipAuth: H, dataField: K } = n.config;
+          U.get(`${$}${m}`, { skipAuth: H }).then((te) => {
+            r.value = te[K];
           });
-        } else n.options && (r.value = n.options.filter((C) => U(C).toLowerCase().includes(b)).slice(0, 10));
+        } else n.options && (r.value = n.options.filter(($) => R($).toLowerCase().includes(m)).slice(0, 10));
       }
-    ), (b, C) => {
-      const K = ve("click-outside");
-      return s(), g(me, ae(ie(n)), {
-        default: T(() => [
-          Q(i("input", {
-            "onUpdate:modelValue": C[0] || (C[0] = (F) => c.value = F),
+    ), (m, $) => {
+      const H = fe("click-outside");
+      return s(), g(ue, le(oe(n)), {
+        default: A(() => [
+          J(i("input", {
+            "onUpdate:modelValue": $[0] || ($[0] = (K) => c.value = K),
             autocomplete: "off",
             type: "text",
-            class: w([e.styles.control.select]),
+            class: x([e.styles.control.select]),
             disabled: !e.enabled,
-            onFocus: d,
+            onFocus: f,
             onBlur: u
-          }, null, 42, qt), [
-            [Me, c.value]
+          }, null, 42, Kt), [
+            [$e, c.value]
           ]),
-          Q((s(), a("div", null, [
-            r.value?.length ? (s(), a("ul", Et, [
-              (s(!0), a(x, null, L(r.value, (F, te) => (s(), a("li", {
-                key: F[e.valueKey]
+          J((s(), a("div", null, [
+            r.value?.length ? (s(), a("ul", Ft, [
+              (s(!0), a(w, null, _(r.value, (K, te) => (s(), a("li", {
+                key: K[e.valueKey]
               }, [
                 i("button", {
                   class: "w-full h-8 border-b-1 border-gray-200 border-x-0 border-t-0 px-4 py-2 text-left hover:bg-primary-content cursor-pointer",
                   type: "button",
-                  onClick: (xe) => A(F),
-                  onBlur: (xe) => R(te)
-                }, v(U(F)), 41, Zt)
+                  onClick: (pe) => D(K),
+                  onBlur: (pe) => N(te)
+                }, v(R(K)), 41, Ut)
               ]))), 128))
             ])) : y("", !0)
           ])), [
-            [K, () => r.value = []]
+            [H, () => r.value = []]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Wt = {
+}), Ht = {
   key: 0,
-  class: /* @__PURE__ */ w([
+  class: /* @__PURE__ */ x([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50 p-0`
   ])
-}, Gt = ["onClick"], Jt = { class: "w-4 mr-2" }, Rn = /* @__PURE__ */ p({
+}, It = ["onClick"], jt = { class: "w-4 mr-2" }, zn = /* @__PURE__ */ p({
   __name: "MultiSelect",
   props: /* @__PURE__ */ q(/* @__PURE__ */ X({
     id: {},
@@ -1282,158 +1197,127 @@ const Nt = {
   }),
   emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, o = le(e, "modelValue");
+    const n = e, o = t, l = se(e, "modelValue");
     let c = !1;
-    const h = (M) => {
-      l("change", M);
-    }, d = N(!1), u = () => {
-      d.value = !d.value, c = !0;
-    }, m = () => {
-      c || (d.value = !1), c = !1;
+    const b = (M) => {
+      o("change", M);
+    }, f = T(!1), u = () => {
+      f.value = !f.value, c = !0;
+    }, d = () => {
+      c || (f.value = !1), c = !1;
     }, r = k(
-      () => o.value?.map((M) => R(M)) ?? []
-    ), A = (M) => r.value.includes(M), S = (M, U) => {
+      () => l.value?.map((M) => N(M)) ?? []
+    ), D = (M) => r.value.includes(M), z = (M, R) => {
       M.preventDefault();
-      let b = o.value ?? [];
-      const C = R(U);
-      A(C) ? b = b.filter((F) => R(F) !== C) : b.push(U), o.value = b, h(b);
-    }, R = (M) => M[n.valueKey], H = (M) => M?.[n.labelKey] ?? "";
-    return (M, U) => {
-      const b = ve("click-outside");
-      return s(), g(me, ae(ie(n)), {
-        default: T(() => [
+      let m = l.value ?? [];
+      const $ = N(R);
+      D($) ? m = m.filter((K) => N(K) !== $) : m.push(R), l.value = m, b(m);
+    }, N = (M) => M[n.valueKey], U = (M) => M?.[n.labelKey] ?? "";
+    return (M, R) => {
+      const m = fe("click-outside");
+      return s(), g(ue, le(oe(n)), {
+        default: A(() => [
           i("button", {
             type: "button",
-            class: w([e.styles.control.select, "w-full truncate block"]),
+            class: x([e.styles.control.select, "w-full truncate block"]),
             onClick: u
-          }, v(o.value?.map?.((C) => H(C)).join(", ") ?? "Select value"), 3),
-          Q((s(), a("div", null, [
-            d.value ? (s(), a("ul", Wt, [
-              (s(!0), a(x, null, L(e.options, (C) => (s(), a("li", {
-                key: C[e.valueKey]
+          }, v(l.value?.map?.(($) => U($)).join(", ") ?? "Select value"), 3),
+          J((s(), a("div", null, [
+            f.value ? (s(), a("ul", Ht, [
+              (s(!0), a(w, null, _(e.options, ($) => (s(), a("li", {
+                key: $[e.valueKey]
               }, [
                 i("button", {
                   class: "w-full flex h-8 border-b-1 border-gray-200 border-x-0 border-t-0 p-2 text-left hover:bg-primary-content cursor-pointer",
                   type: "button",
-                  onClick: (K) => S(K, C)
+                  onClick: (H) => z(H, $)
                 }, [
-                  i("div", Jt, [
-                    A(R(C)) ? (s(), g(f(j), {
+                  i("div", jt, [
+                    D(N($)) ? (s(), g(h(F), {
                       key: 0,
-                      icon: f(z).Check,
+                      icon: h(V).Check,
                       size: "sm"
                     }, null, 8, ["icon"])) : y("", !0)
                   ]),
-                  V(" " + v(H(C)), 1)
-                ], 8, Gt)
+                  S(" " + v(U($)), 1)
+                ], 8, It)
               ]))), 128))
             ])) : y("", !0)
           ])), [
-            [b, () => m()]
+            [m, () => d()]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Qt = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, Xt = {
+}), qt = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, Ot = {
   id: "drawer-left",
   class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible"
-}, Yt = { class: "flex-1 overflow-y-auto bg-white" }, en = { class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible" }, Un = /* @__PURE__ */ p({
+}, Et = { class: "flex-1 overflow-y-auto bg-white" }, Wt = { class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible" }, Vn = /* @__PURE__ */ p({
   __name: "drawer",
   props: {
     widthLeft: { default: 200 },
     widthRight: { default: 200 }
   },
   setup(e) {
-    const t = N({ left: !0, right: !0 }), n = (l) => {
-      t.value[l] = !t.value[l];
+    const t = T({ left: !0, right: !0 }), n = (o) => {
+      t.value[o] = !t.value[o];
     };
-    return (l, o) => (s(), a("main", Qt, [
-      i("aside", Xt, [
+    return (o, l) => (s(), a("main", qt, [
+      i("aside", Ot, [
         i("div", {
-          class: w(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
+          class: x(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
         }, [
           i("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: o[0] || (o[0] = (c) => n("left"))
+            onClick: l[0] || (l[0] = (c) => n("left"))
           }, [
-            P(f(j), {
+            L(h(F), {
               size: "sm",
-              icon: t.value.left ? f(z).DblChevronLeft : f(z).DblChevronRight
+              icon: t.value.left ? h(V).DblChevronLeft : h(V).DblChevronRight
             }, null, 8, ["icon"])
           ])
         ], 2),
         t.value.left ? (s(), a("div", {
           key: 0,
-          style: J({ width: e.widthLeft + "px" }),
+          style: G({ width: e.widthLeft + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(l.$slots, "left-drawer")
+          B(o.$slots, "left-drawer")
         ], 4)) : y("", !0)
       ]),
-      i("div", Yt, [
-        B(l.$slots, "default")
+      i("div", Et, [
+        B(o.$slots, "default")
       ]),
-      i("aside", en, [
+      i("aside", Wt, [
         t.value.right ? (s(), a("div", {
           key: 0,
-          style: J({ width: e.widthRight + "px" }),
+          style: G({ width: e.widthRight + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(l.$slots, "right-drawer")
+          B(o.$slots, "right-drawer")
         ], 4)) : y("", !0),
         i("div", {
-          class: w(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
+          class: x(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
         }, [
           i("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: o[1] || (o[1] = (c) => n("right"))
+            onClick: l[1] || (l[1] = (c) => n("right"))
           }, [
-            P(f(j), {
+            L(h(F), {
               size: "sm",
-              icon: t.value.right ? f(z).DblChevronRight : f(z).DblChevronLeft
+              icon: t.value.right ? h(V).DblChevronRight : h(V).DblChevronLeft
             }, null, 8, ["icon"])
           ])
         ], 2)
       ])
     ]));
   }
-});
-function tn(e, t) {
-  return s(), a("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    i("path", {
-      "fill-rule": "evenodd",
-      d: "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-function nn(e, t) {
-  return s(), a("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "currentColor",
-    "aria-hidden": "true",
-    "data-slot": "icon"
-  }, [
-    i("path", {
-      "fill-rule": "evenodd",
-      d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
-      "clip-rule": "evenodd"
-    })
-  ]);
-}
-const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left" }, ln = {
+}), Zt = { class: "ml-1" }, Gt = { class: "truncate flex-1 min-w-0 text-left" }, Jt = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, an = /* @__PURE__ */ p({
+}, Qt = /* @__PURE__ */ p({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1443,59 +1327,59 @@ const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left"
   },
   emits: ["toggle", "select"],
   setup(e, { emit: t }) {
-    const n = e, l = t, o = k(() => n.active === n.node.id);
-    return (c, h) => {
-      const d = oe("TreeItem", !0);
-      return s(), a("li", on, [
+    const n = e, o = t, l = k(() => n.active === n.node.id);
+    return (c, b) => {
+      const f = Q("TreeItem", !0);
+      return s(), a("li", Zt, [
         i("div", {
-          class: w([
+          class: x([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
       hover:bg-gray-100`,
-            o.value ? "text-primary" : ""
+            l.value ? "text-primary" : ""
           ])
         }, [
           e.node.children?.length > 0 ? (s(), a("span", {
             key: 0,
             class: "flex items-center justify-center",
-            onClick: h[0] || (h[0] = (u) => l("toggle", e.node))
+            onClick: b[0] || (b[0] = (u) => o("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (s(), g(f(tn), {
+            e.node.children && e.isExpanded(e.node.id) ? (s(), g(h(Le), {
               key: 0,
               class: "w-3 h-3"
-            })) : (s(), g(f(nn), {
+            })) : (s(), g(h(Me), {
               key: 1,
               class: "w-3 h-3"
             }))
           ])) : y("", !0),
           i("div", {
             class: "flex items-center gap-2 w-full min-w-0",
-            onClick: h[1] || (h[1] = (u) => l("select", e.node))
+            onClick: b[1] || (b[1] = (u) => o("select", e.node))
           }, [
-            i("div", sn, v(e.node.label), 1),
-            e.node.tag ? (s(), a("div", ln, v(e.node.tag), 1)) : y("", !0)
+            i("div", Gt, v(e.node.label), 1),
+            e.node.tag ? (s(), a("div", Jt, v(e.node.tag), 1)) : y("", !0)
           ])
         ], 2),
         e.node.children && e.isExpanded(e.node.id) ? (s(), a("ul", {
           key: 0,
-          class: w([
+          class: x([
             "ml-4 border-l pl-2",
-            { "border-gray-200": !o.value, "border-primary": o.value }
+            { "border-gray-200": !l.value, "border-primary": l.value }
           ])
         }, [
-          (s(!0), a(x, null, L(e.node.children, (u) => (s(), g(d, {
+          (s(!0), a(w, null, _(e.node.children, (u) => (s(), g(f, {
             key: u.id,
             node: u,
             expanded: e.expanded,
             active: e.active,
             "is-expanded": e.isExpanded,
-            onToggle: h[2] || (h[2] = (m) => l("toggle", m)),
-            onSelect: h[3] || (h[3] = (m) => l("select", m))
+            onToggle: b[2] || (b[2] = (d) => o("toggle", d)),
+            onSelect: b[3] || (b[3] = (d) => o("select", d))
           }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
         ], 2)) : y("", !0)
       ]);
     };
   }
-}), rn = { class: "select-none text-sm" }, Fn = /* @__PURE__ */ p({
+}), Xt = { class: "select-none text-sm" }, Sn = /* @__PURE__ */ p({
   __name: "TreeView",
   props: {
     data: {},
@@ -1503,80 +1387,80 @@ const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left"
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = e, l = t, o = N(/* @__PURE__ */ new Set()), c = (u) => {
-      const m = u.id;
+    const n = e, o = t, l = T(/* @__PURE__ */ new Set()), c = (u) => {
+      const d = u.id;
       if (!u.children || u.children.length === 0) {
-        l("select", u);
+        o("select", u);
         return;
       }
-      o.value.has(m) ? o.value.delete(m) : o.value.add(m);
-    }, h = (u) => {
-      l("select", u), o.value.add(u.id);
-    }, d = (u) => o.value.has(u);
-    return (u, m) => (s(), a("ul", rn, [
-      (s(!0), a(x, null, L(n.data, (r) => (s(), g(an, {
+      l.value.has(d) ? l.value.delete(d) : l.value.add(d);
+    }, b = (u) => {
+      o("select", u), l.value.add(u.id);
+    }, f = (u) => l.value.has(u);
+    return (u, d) => (s(), a("ul", Xt, [
+      (s(!0), a(w, null, _(n.data, (r) => (s(), g(Qt, {
         key: r.id,
         node: r,
-        expanded: o.value,
+        expanded: l.value,
         active: e.active,
-        "is-expanded": d,
+        "is-expanded": f,
         onToggle: c,
-        onSelect: h
+        onSelect: b
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), cn = {
+}), Yt = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, jn = /* @__PURE__ */ p({
+}, Tn = /* @__PURE__ */ p({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => e.loading ? (s(), a("div", cn, [...n[0] || (n[0] = [
+    return (t, n) => e.loading ? (s(), a("div", Yt, [...n[0] || (n[0] = [
       i("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
     ])])) : y("", !0);
   }
-}), un = { class: "collapse collapse-arrow bg-white w-full border border-gray-300" }, dn = ["checked"], mn = { class: "collapse-title text-gray-500 text-xs font-medium" }, hn = {
+}), en = { class: "collapse collapse-arrow bg-white w-full border border-gray-300" }, tn = ["checked"], nn = { class: "collapse-title text-gray-500 text-xs font-medium" }, sn = {
   key: 0,
   class: "list bg-base-100"
-}, Hn = /* @__PURE__ */ p({
+}, Nn = /* @__PURE__ */ p({
   __name: "Collapse",
   props: {
     title: {},
     opened: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = ge(), n = e, l = N(n.opened);
-    return G(
+    const t = be(), n = e, o = T(n.opened);
+    return Z(
       () => n.opened,
       () => {
       },
       { immediate: !0 }
-    ), (o, c) => (s(), a("div", un, [
+    ), (l, c) => (s(), a("div", en, [
       i("input", {
         type: "checkbox",
-        checked: l.value
-      }, null, 8, dn),
-      i("div", mn, v(e.title), 1),
+        checked: o.value
+      }, null, 8, tn),
+      i("div", nn, v(e.title), 1),
       i("div", {
-        class: w(["collapse-content", f(t).list ? "p-0" : ""])
+        class: x(["collapse-content", h(t).list ? "p-0" : ""])
       }, [
-        B(o.$slots, "default"),
-        f(t).list ? (s(), a("ul", hn, [
-          B(o.$slots, "list")
+        B(l.$slots, "default"),
+        h(t).list ? (s(), a("ul", sn, [
+          B(l.$slots, "list")
         ])) : y("", !0)
       ], 2)
     ]));
   }
-}), bn = { class: "list-row" }, fn = { class: "list-col-grow" }, vn = {
+}), ln = { class: "list-row" }, on = { class: "list-col-grow" }, an = {
   key: 0,
   class: "text-xs text-gray-600"
-}, gn = ["href"], pn = { key: 1 }, yn = {
+}, rn = ["href"], cn = { key: 1 }, un = {
   key: 0,
-  class: "text-xs text-gray-600"
-}, wn = ["href"], xn = { key: 1 }, Kn = /* @__PURE__ */ p({
+  class: "text-xs text-gray-500"
+}, dn = ["href"], mn = { key: 1 }, fn = { class: "list-col-wrap text-xs text-gray-500" }, Rn = /* @__PURE__ */ p({
   __name: "CollapseRow",
   props: {
     title: {},
@@ -1586,68 +1470,74 @@ const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left"
     descriptionLink: {}
   },
   setup(e) {
-    return ge(), (t, n) => (s(), a("li", bn, [
-      i("div", fn, [
-        i("div", null, v(e.title), 1),
-        e.description || e.descriptionLink ? (s(), a("div", vn, [
-          e.descriptionLink ? (s(), a("a", {
+    return be(), (t, n) => {
+      const o = Q("ng-content");
+      return s(), a("li", ln, [
+        i("div", on, [
+          i("div", null, v(e.title), 1),
+          e.description || e.descriptionLink ? (s(), a("div", an, [
+            e.descriptionLink ? (s(), a("a", {
+              key: 0,
+              href: e.descriptionLink,
+              target: "_blank"
+            }, v(e.description ?? e.descriptionLink), 9, rn)) : (s(), a("span", cn, v(e.description), 1))
+          ])) : y("", !0)
+        ]),
+        e.label ? (s(), a("div", un, [
+          e.labelLink ? (s(), a("a", {
             key: 0,
-            href: e.descriptionLink,
+            href: e.labelLink,
             target: "_blank"
-          }, v(e.description ?? e.descriptionLink), 9, gn)) : (s(), a("span", pn, v(e.description), 1))
-        ])) : y("", !0)
-      ]),
-      e.label ? (s(), a("div", yn, [
-        e.labelLink ? (s(), a("a", {
-          key: 0,
-          href: e.labelLink,
-          target: "_blank"
-        }, v(e.label), 9, wn)) : (s(), a("span", xn, v(e.label), 1))
-      ])) : y("", !0)
-    ]));
+          }, v(e.label), 9, dn)) : (s(), a("span", mn, v(e.label), 1))
+        ])) : y("", !0),
+        i("p", fn, [
+          L(o)
+        ])
+      ]);
+    };
   }
 });
 export {
-  Nn as Autocomplete,
-  Je as BadgeSize,
-  I as Btn,
-  Ln as BtnBadge,
-  Ge as ButtonSize,
-  Dn as Card,
-  Sn as ClickOutside,
-  Hn as Collapse,
-  Kn as CollapseRow,
-  O as Color,
-  Xe as ConfirmModal,
-  me as ControlWrapper,
-  Rt as DefaultAutoCompleteProperties,
+  An as Autocomplete,
+  Oe as BadgeSize,
+  j as Btn,
+  wn as BtnBadge,
+  qe as ButtonSize,
+  _n as Card,
+  Bn as ClickOutside,
+  Nn as Collapse,
+  Rn as CollapseRow,
+  I as Color,
+  We as ConfirmModal,
+  ue as ControlWrapper,
+  zt as DefaultAutoCompleteProperties,
   ee as DefaultControlProperties,
-  Un as Drawer,
-  _n as Dropdown,
-  j as Icon,
-  z as IconEnum,
-  Pe as IconMap,
-  jn as Loading,
-  Cn as Menu,
-  Ee as Modal,
-  ue as ModalService,
-  Ye as ModalWrapper,
-  Rn as MultiSelect,
-  et as NotificationMessage,
-  de as NotificationService,
-  ot as Notifications,
-  pt as PaginationComponent,
-  Vn as SelectComponent,
-  Mn as ShellComponent,
-  re as SubMenu,
-  Pn as Table,
-  Pn as TableComponent,
-  Bn as TextCell,
-  Fn as TreeView,
-  An as addClickOutsideEventListener,
-  zn as hasCustomEventListener,
-  Ft as isDescriptionHidden,
-  Nt as myStyles,
-  Tn as removeClickOutsideEventListener,
-  Ut as showErrors
+  Vn as Drawer,
+  xn as Dropdown,
+  F as Icon,
+  V as IconEnum,
+  Be as IconMap,
+  Tn as Loading,
+  yn as Menu,
+  He as Modal,
+  re as ModalService,
+  Ze as ModalWrapper,
+  zn as MultiSelect,
+  Ge as NotificationMessage,
+  ce as NotificationService,
+  Xe as Notifications,
+  ft as PaginationComponent,
+  Dn as SelectComponent,
+  kn as ShellComponent,
+  ae as SubMenu,
+  Cn as Table,
+  Cn as TableComponent,
+  $n as TextCell,
+  Sn as TreeView,
+  Ln as addClickOutsideEventListener,
+  Pn as hasCustomEventListener,
+  St as isDescriptionHidden,
+  At as myStyles,
+  Mn as removeClickOutsideEventListener,
+  Vt as showErrors
 };