@ghentcdh/ui 0.3.0 → 0.4.0

package/index.esm.js

@@ -1,5 +1,5 @@
-import { defineComponent as p, openBlock as s, createElementBlock as r, unref as b, normalizeClass as w, createElementVNode as i, toDisplayString as v, createBlock as g, createCommentVNode as y, Fragment as x, renderList as L, mergeProps as P, computed as k, resolveComponent as oe, withCtx as A, createTextVNode as V, ref as N, watch as ne, onMounted as xe, renderSlot as T, resolveDynamicComponent as le, createVNode as B, normalizeStyle as G, getCurrentInstance as ke, toHandlerKey as fe, camelize as $e, mergeDefaults as Q, useModel as se, normalizeProps as ae, guardReactiveProps as re, withDirectives as J, vModelSelect as Ce, mergeModels as q, inject as _e, resolveDirective as ve, vModelText as Le } from "vue";
-import { RouterLink as Me } from "vue-router";
+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
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
@@ -15,8 +15,8 @@ const _ = (...e) => `<svg
 ).join(`
 `)}
   </svg>`;
-var S = /* @__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))(S || {});
-const Be = {
+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: _(
     "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"
   ),
@@ -56,14 +56,14 @@ const Be = {
     "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")
-}, Pe = ["innerHTML"], H = /* @__PURE__ */ p({
+}, De = ["innerHTML"], j = /* @__PURE__ */ p({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    return (t, n) => (s(), r("div", {
+    return (t, n) => (s(), a("div", {
       class: w([
         {
           "w-full h-full": !e.size,
@@ -71,13 +71,13 @@ const Be = {
           "w-4 h-4": e.size === "sm"
         }
       ]),
-      innerHTML: b(Be)[e.icon]
-    }, null, 10, Pe));
+      innerHTML: f(Pe)[e.icon]
+    }, null, 10, De));
   }
-}), De = { class: "dropdown dropdown-end" }, Ae = {
+}), Ae = { class: "dropdown dropdown-end" }, Te = {
   tabindex: "0",
   class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
-}, Te = { class: "min-w-max flex-no-wrap text-black" }, ie = /* @__PURE__ */ p({
+}, Se = { class: "min-w-max flex-no-wrap text-black" }, re = /* @__PURE__ */ p({
   __name: "sub-menu",
   props: {
     label: {},
@@ -88,29 +88,29 @@ const Be = {
     disableArrow: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (s(), r("div", De, [
+    return (t, n) => (s(), a("div", Ae, [
       i("div", {
         tabindex: "0",
         role: "button",
         class: w([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
         i("span", null, v(e.label), 1),
-        e.disableArrow ? y("", !0) : (s(), g(b(H), {
+        e.disableArrow ? y("", !0) : (s(), g(f(j), {
           key: 0,
-          icon: b(S).ChevronDown,
+          icon: f(z).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      i("ul", Ae, [
-        i("li", Te, [
-          (s(!0), r(x, null, L(e.items, (l) => (s(), g(ge, P({
+      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))
         ])
       ])
     ]));
   }
-}), W = "btn btn-ghost text-left justify-between min-w-max font-normal", ge = /* @__PURE__ */ p({
+}), W = "btn btn-ghost text-left justify-between min-w-max font-normal", pe = /* @__PURE__ */ p({
   __name: "menu-item",
   props: {
     label: {},
@@ -125,35 +125,35 @@ const Be = {
         name: d.routerLink,
         params: d.params
       } : "";
-    }), f = () => {
+    }), h = () => {
       t.action?.();
     };
     return (d, u) => {
       const m = oe("RouterLink");
-      return o.value ? (s(), g(ie, P({ key: 0 }, t, { "btn-class": W }), null, 16)) : n.value ? (s(), g(m, {
+      return o.value ? (s(), g(re, D({ key: 0 }, t, { "btn-class": W }), null, 16)) : n.value ? (s(), g(m, {
         key: 1,
         to: c.value,
         class: w(W),
-        onClick: f
+        onClick: h
       }, {
-        default: A(() => [
+        default: T(() => [
           V(v(e.label), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : l.value ? (s(), r("button", {
+      }, 8, ["to"])) : l.value ? (s(), a("button", {
         key: 2,
         class: w(W),
-        onClick: f
-      }, v(e.label), 1)) : (s(), r("div", {
+        onClick: h
+      }, v(e.label), 1)) : (s(), a("div", {
         key: 3,
         class: w([W, { "btn-disabled": e.disabled }])
       }, v(e.label), 3));
     };
   }
-}), ze = { class: "navbar bg-base-100 shadow-sm" }, Se = { class: "flex-1" }, Ve = {
+}), ze = { class: "navbar bg-base-100 shadow-sm" }, Ve = { class: "flex-1" }, Ne = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, Ne = { class: "flex grow justify-end px-2" }, Ue = { class: "flex items-stretch" }, dn = /* @__PURE__ */ p({
+}, Re = { class: "flex grow justify-end px-2" }, Ue = { class: "flex items-stretch" }, Cn = /* @__PURE__ */ p({
   __name: "menu",
   props: {
     menu: {},
@@ -162,31 +162,31 @@ const Be = {
   setup(e) {
     return (t, n) => {
       const l = oe("RouterLink");
-      return s(), r("nav", ze, [
-        i("div", Se, [
-          e.breadcrumbs ? (s(), r("div", Ve, [
+      return s(), a("nav", ze, [
+        i("div", Ve, [
+          e.breadcrumbs ? (s(), a("div", Ne, [
             i("ul", null, [
-              (s(!0), r(x, null, L(e.breadcrumbs, (o) => (s(), r("li", {
+              (s(!0), a(x, null, L(e.breadcrumbs, (o) => (s(), a("li", {
                 key: o.label
               }, [
                 o.routerLink ? (s(), g(l, {
                   key: 0,
                   to: { name: o.routerLink, params: o.params }
                 }, {
-                  default: A(() => [
+                  default: T(() => [
                     V(v(o.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (s(), r(x, { key: 1 }, [
+                }, 1032, ["to"])) : (s(), a(x, { key: 1 }, [
                   V(v(o.label), 1)
                 ], 64))
               ]))), 128))
             ])
           ])) : y("", !0)
         ]),
-        i("div", Ne, [
+        i("div", Re, [
           i("div", Ue, [
-            (s(!0), r(x, null, L(e.menu, (o) => (s(), g(ge, P({
+            (s(!0), a(x, null, L(e.menu, (o) => (s(), g(pe, D({
               key: o.label
             }, { ref_for: !0 }, o), null, 16))), 128))
           ])
@@ -194,14 +194,14 @@ const Be = {
       ]);
     };
   }
-}), mn = /* @__PURE__ */ p({
+}), _n = /* @__PURE__ */ p({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
     const t = N(!0);
-    return (n, l) => (s(), g(ie, {
+    return (n, l) => (s(), g(re, {
       items: e.items,
       label: "test",
       open: t.value,
@@ -212,30 +212,30 @@ const Be = {
 }), $ = [];
 for (let e = 0; e < 256; ++e)
   $.push((e + 256).toString(16).slice(1));
-function Re(e, t = 0) {
+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 te;
-const Fe = new Uint8Array(16);
+let ne;
+const je = new Uint8Array(16);
 function He() {
-  if (!te) {
+  if (!ne) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    te = crypto.getRandomValues.bind(crypto);
+    ne = crypto.getRandomValues.bind(crypto);
   }
-  return te(Fe);
+  return ne(je);
 }
-const Ke = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), he = { randomUUID: Ke };
-function X(e, t, n) {
-  if (he.randomUUID && !e)
-    return he.randomUUID();
+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, Re(l);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Fe(l);
 }
-const je = { class: "font-bold" }, Oe = { class: "pt-4" }, Ie = { class: "modal-action" }, qe = /* @__PURE__ */ p({
+const Oe = { class: "font-bold" }, Ie = { class: "pt-4" }, qe = { class: "modal-action" }, Ee = /* @__PURE__ */ p({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -253,59 +253,59 @@ const je = { class: "font-bold" }, Oe = { class: "pt-4" }, Ie = { class: "modal-
       sm: "max-w-sm w-[50VW]",
       lg: "max-w-2xl w-[80VW]",
       xl: "max-w-[80VW] w-[80VW]"
-    }, o = e, c = `modal_${X()}`, f = n, d = () => {
+    }, o = e, c = `modal_${Y()}`, h = n, d = () => {
       document.getElementById(c)?.showModal();
     }, u = () => {
-      document.getElementById(c)?.close(), f("closeModal");
+      document.getElementById(c)?.close(), h("closeModal");
     };
-    return t({ closeModal: u, openModal: d }), ne(
+    return t({ closeModal: u, openModal: d }), G(
       () => o.open,
-      (m, a, D) => {
+      (m, r, A) => {
         o.open ? d() : u();
       }
-    ), xe(() => {
+    ), ke(() => {
       o.open && d();
-    }), (m, a) => (s(), r("dialog", {
+    }), (m, r) => (s(), a("dialog", {
       id: c,
       class: "modal"
     }, [
       i("div", {
         class: w(["modal-box bg-white", l[e.width]])
       }, [
-        e.disableClose ? y("", !0) : (s(), r("button", {
+        e.disableClose ? y("", !0) : (s(), a("button", {
           key: 0,
           type: "button",
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
           onClick: u
         }, " ✕ ")),
-        i("h3", je, v(e.modalTitle), 1),
-        i("div", Oe, [
-          T(m.$slots, "content")
-        ]),
+        i("h3", Oe, v(e.modalTitle), 1),
         i("div", Ie, [
-          T(m.$slots, "actions")
+          B(m.$slots, "content")
+        ]),
+        i("div", qe, [
+          B(m.$slots, "actions")
         ])
       ], 2)
     ]));
   }
 });
-var ce = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(ce || {}), pe = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(pe || {}), O = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(O || {});
-const Ee = {
+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 = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
   error: "btn-error text-white"
-}, Ze = {
+}, We = {
   blank: "badge-ghost",
   primary: "badge-primary",
   secondary: "badge-soft badge-primary",
   error: "badge-error"
-}, We = {
+}, Ge = {
   xs: "btn-xs",
   sm: "btn-sm",
   lg: "btn-sm",
   xl: "btn"
-}, Ge = {
+}, Je = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
@@ -315,7 +315,7 @@ const Ee = {
   props: {
     href: {},
     disabled: { type: Boolean, default: !1 },
-    as: { default: pe.button },
+    as: { default: ye.button },
     icon: {},
     type: { default: ce.button },
     outline: { type: Boolean, default: !1 },
@@ -326,28 +326,28 @@ const Ee = {
   emits: ["click"],
   setup(e, { emit: t }) {
     const n = e, l = t;
-    return (o, c) => (s(), g(le(e.as), P({
+    return (o, c) => (s(), g(se(e.as), D({
       class: [
         "btn  p-1 flex justify-center flex-nowrap",
-        b(Ee)[e.color],
-        b(We)[e.size],
+        f(Ze)[e.color],
+        f(Ge)[e.size],
         { "btn-outline": e.outline, "btn-square": e.square }
       ]
     }, n, {
-      onClick: c[0] || (c[0] = (f) => l("click"))
+      onClick: c[0] || (c[0] = (h) => l("click"))
     }), {
-      default: A(() => [
-        e.icon ? (s(), g(b(H), {
+      default: T(() => [
+        e.icon ? (s(), g(f(j), {
           key: 0,
           icon: e.icon,
           size: e.size
         }, null, 8, ["icon", "size"])) : y("", !0),
-        T(o.$slots, "default")
+        B(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Je = ["type", "disabled"], fn = /* @__PURE__ */ p({
+}), Qe = ["type", "disabled"], Ln = /* @__PURE__ */ p({
   __name: "btn-badge",
   props: {
     icon: { default: void 0 },
@@ -359,21 +359,21 @@ const Ee = {
   emits: ["click"],
   setup(e, { emit: t }) {
     const n = t;
-    return (l, o) => (s(), r("button", {
-      class: w(["badge gap-1", b(Ge)[e.size], b(Ze)[e.color]]),
+    return (l, o) => (s(), a("button", {
+      class: w(["badge gap-1", f(Je)[e.size], f(We)[e.color]]),
       type: e.type,
       disabled: e.disabled,
       onClick: o[0] || (o[0] = (c) => n("click"))
     }, [
-      T(l.$slots, "default"),
-      e.icon ? (s(), g(b(H), {
+      B(l.$slots, "default"),
+      e.icon ? (s(), g(f(j), {
         key: 0,
         icon: e.icon,
         size: e.size
       }, null, 8, ["icon", "size"])) : y("", !0)
-    ], 10, Je));
+    ], 10, Qe));
   }
-}), Qe = /* @__PURE__ */ p({
+}), Xe = /* @__PURE__ */ p({
   __name: "confirmModal",
   props: {
     title: {},
@@ -386,29 +386,29 @@ const Ee = {
     const n = t, l = (o) => {
       n("closeModal", { confirmed: o });
     };
-    return (o, c) => (s(), g(qe, {
+    return (o, c) => (s(), g(Ee, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
-      content: A(() => [
+      content: T(() => [
         V(v(e.message), 1)
       ]),
-      actions: A(() => [
-        B(b(I), {
-          color: b(O).secondary,
+      actions: T(() => [
+        P(f(I), {
+          color: f(O).secondary,
           outline: !0,
-          onClick: c[0] || (c[0] = (f) => l(!1))
+          onClick: c[0] || (c[0] = (h) => l(!1))
         }, {
-          default: A(() => [
+          default: T(() => [
             V(v(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        B(b(I), {
-          onClick: c[1] || (c[1] = (f) => l(!0))
+        P(f(I), {
+          onClick: c[1] || (c[1] = (h) => l(!0))
         }, {
-          default: A(() => [
+          default: T(() => [
             V(v(e.confirmLabel), 1)
           ]),
           _: 1
@@ -423,7 +423,7 @@ class ue {
     this.showModal = N(!1), this.modals = [];
   }
   openModal(t) {
-    const n = t.props.onClose, l = X(), o = t;
+    const n = t.props.onClose, l = Y(), o = t;
     t.props.onClose = (c) => {
       n(c), this.closeModal(l);
     }, o.id = l, this.modals = [...this.modals, o], this.showModal.value = Date.now();
@@ -433,7 +433,7 @@ class ue {
   }
   static showConfirm(t) {
     this.getInstance().openModal({
-      component: Qe,
+      component: Xe,
       props: t
     });
   }
@@ -450,11 +450,11 @@ class ue {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const Xe = /* @__PURE__ */ p({
+const Ye = /* @__PURE__ */ p({
   __name: "modalWrapper",
   setup(e) {
     const t = ue.getInstance(), n = k(() => t.showModal.value ? t.modals : []);
-    return (l, o) => (s(!0), r(x, null, L(n.value, (c) => (s(), g(le(c?.component), P({
+    return (l, o) => (s(!0), a(x, null, L(n.value, (c) => (s(), g(se(c?.component), D({
       key: c.id,
       ref_for: !0
     }, c?.props, {
@@ -462,7 +462,7 @@ const Xe = /* @__PURE__ */ p({
       onCloseModal: c?.props?.onClose
     }), null, 16, ["onCloseModal"]))), 128));
   }
-}), Ye = /* @__PURE__ */ p({
+}), et = /* @__PURE__ */ p({
   __name: "notification-message",
   props: {
     message: {},
@@ -475,20 +475,20 @@ const Xe = /* @__PURE__ */ p({
       warning: "alert-warning",
       info: "alert-info"
     };
-    return (n, l) => (s(), r("div", {
+    return (n, l) => (s(), a("div", {
       role: "alert",
       class: w(`alert ${t[e.type]} `)
     }, [
       i("span", null, v(e.message), 1)
     ], 2));
   }
-}), et = 5e3;
+}), tt = 5e3;
 class de {
   constructor() {
     this.notifications = N([]), this.addNotification = (t, n = "info") => {
       const l = {
-        id: X(),
-        duration: et,
+        id: Y(),
+        duration: tt,
         message: t,
         type: n
       };
@@ -520,17 +520,17 @@ class de {
     this.getInstance().removeNotification(t);
   }
 }
-const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__ */ p({
+const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__ */ p({
   __name: "notifications",
   setup(e) {
     const t = de.getInstance();
-    return (n, l) => (s(), r("div", tt, [
-      (s(!0), r(x, null, L(b(t).notifications.value, (o) => (s(), g(Ye, P({
+    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))
     ]));
   }
-}), ot = { class: "h-screen" }, lt = { class: "navbar bg-primary text-primary-content w-full z-100 sticky" }, st = { class: "navbar-start" }, at = { class: "navbar-center" }, rt = ["href"], it = { class: "navbar-end" }, ct = { class: "menu h-full flex-col space-between m-0 overflow-y-auto" }, ut = { class: "flex-grow-1" }, dt = { class: "bg-base-200 p-4" }, mt = { class: "h-full" }, be = 64, hn = /* @__PURE__ */ p({
+}), 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({
   __name: "shell.component",
   props: {
     title: {},
@@ -543,83 +543,83 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
   setup(e, { emit: t }) {
     const l = e, o = N(!1), c = () => {
       o.value = !o.value;
-    }, f = t, d = k(() => l.user ? {
+    }, h = t, d = k(() => l.user ? {
       label: l.user.name,
       items: [
         {
           label: "Logout",
           action: () => {
-            f("logout");
+            h("logout");
           }
         }
       ]
     } : null);
-    return (u, m) => (s(), r(x, null, [
-      B(nt),
-      B(b(Xe)),
-      i("div", ot, [
+    return (u, m) => (s(), a(x, null, [
+      P(ot),
+      P(f(Ye)),
+      i("div", st, [
         i("header", null, [
           i("nav", lt, [
-            i("div", st, [
+            i("div", at, [
               i("button", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
                 onClick: c
               }, [
-                B(b(H), {
-                  icon: b(S).Hamburger
+                P(f(j), {
+                  icon: f(z).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            i("div", at, [
+            i("div", it, [
               i("a", {
                 class: "btn btn-ghost text-xl",
-                href: b("/")
+                href: f("/")
               }, v(e.title), 9, rt)
             ]),
-            i("div", it, [
-              d.value ? (s(), g(b(ie), P({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : y("", !0)
+            i("div", ct, [
+              d.value ? (s(), g(f(re), D({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : y("", !0)
             ])
           ])
         ]),
-        o.value ? (s(), r("aside", {
+        o.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: G({
+          style: J({
             width: e.widthSidebar + "px",
-            top: `${be}px`
+            top: `${fe}px`
           })
         }, [
-          i("div", ct, [
-            i("ul", ut, [
-              (s(!0), r(x, null, L(e.menu, (a) => (s(), r("li", {
-                key: a.label
+          i("div", ut, [
+            i("ul", dt, [
+              (s(!0), a(x, null, L(e.menu, (r) => (s(), a("li", {
+                key: r.label
               }, [
-                B(b(Me), {
-                  to: { name: a.routerLink, params: a.params }
+                P(f(Be), {
+                  to: { name: r.routerLink, params: r.params }
                 }, {
-                  default: A(() => [
-                    V(v(a.label), 1)
+                  default: T(() => [
+                    V(v(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to"])
               ]))), 128))
             ]),
-            i("div", dt, " version: " + v(e.version), 1)
+            i("div", mt, "version: " + v(e.version), 1)
           ])
         ], 4)) : y("", !0),
         i("main", {
-          class: w("overflow-hidden fixed border-red  bg-white p-4 mx-auto max-h-full  shadow-sm "),
-          style: G({
-            top: `${be}px`,
+          class: w("overflow-hidden fixed border-red  bg-white mx-auto max-h-full  shadow-sm "),
+          style: J({
+            top: `${fe}px`,
             bottom: "2px",
             right: "2px",
             left: o.value ? e.widthSidebar + "px" : 0
           })
         }, [
-          i("div", mt, [
-            T(u.$slots, "default")
+          i("div", ht, [
+            B(u.$slots, "default")
           ])
         ], 4)
       ])
@@ -638,23 +638,23 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
   setup(e, { emit: t }) {
     const n = e, l = t, o = k(
       () => n.neverActive ? !1 : n.page === n.currentPage
-    ), c = k(() => n.neverActive ? O.blank : o.value ? O.primary : O.secondary), f = () => {
+    ), c = k(() => n.neverActive ? O.blank : o.value ? O.primary : O.secondary), h = () => {
       l("updatePage", n.page);
     };
-    return (d, u) => (s(), g(b(I), {
+    return (d, u) => (s(), g(f(I), {
       disabled: e.disabled,
       square: !0,
       size: "xs",
       color: c.value,
-      onClick: u[0] || (u[0] = (m) => f())
+      onClick: u[0] || (u[0] = (m) => h())
     }, {
-      default: A(() => [
+      default: T(() => [
         V(v(e.label), 1)
       ]),
       _: 1
     }, 8, ["disabled", "color"]));
   }
-}), ft = { class: "flex gap-2" }, ht = { class: "flex flex-1 justify-center items-center" }, bt = { class: "flex gap-1" }, vt = { class: "text-sm" }, Z = 6, gt = /* @__PURE__ */ p({
+}), 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({
   __name: "pagination.component",
   props: {
     totalItems: { type: Number, default: 0 },
@@ -664,47 +664,47 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
     const n = e, l = t, o = k(() => {
-      let a = Math.ceil(n.totalItems / n.itemsPerPage);
-      return a < 1 ? 1 : a;
-    }), c = Z / 2, f = k(() => {
+      let r = Math.ceil(n.totalItems / n.itemsPerPage);
+      return r < 1 ? 1 : r;
+    }), c = Z / 2, h = k(() => {
       if (o.value <= Z)
         return {
           min: 1,
           max: o.value
         };
-      let a = n.currentPage - c;
-      a <= 1 ? a = 1 : a + Z > o.value && (a = o.value - Z);
-      let D = a + Z;
+      let r = n.currentPage - c;
+      r <= 1 ? r = 1 : r + Z > o.value && (r = o.value - Z);
+      let A = r + Z;
       return {
-        min: a,
-        max: D
+        min: r,
+        max: A
       };
-    }), d = (a) => ({
+    }), d = (r) => ({
       label: "...",
-      currentPage: a,
+      currentPage: r,
       page: -10,
       disabled: !0,
       neverActive: !0
     }), u = k(() => {
-      let a = o.value;
-      a < 1 && (a = 1);
-      const D = n.currentPage, z = [], { min: U, max: K } = f.value;
-      return Array.from({ length: a }, (M, R) => {
-        const h = R + 1;
-        h !== 1 && h !== a && (h > K || h < U) || (h === a && a > 1 && K < a && z.push(d(D)), z.push({
-          label: `${h}`,
-          totalPages: a,
-          currentPage: D,
-          page: h
-        }), h === 1 && a > 1 && U > 1 && z.push(d(D)));
-      }), z;
-    }), m = (a) => {
-      l("updatePage", a);
+      let r = o.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}`,
+          totalPages: r,
+          currentPage: A,
+          page: b
+        }), b === 1 && r > 1 && R > 1 && S.push(d(A)));
+      }), S;
+    }), m = (r) => {
+      l("updatePage", r);
     };
-    return (a, D) => (s(), r("div", ft, [
-      i("div", ht, [
-        i("div", bt, [
-          B(E, P(n, {
+    return (r, A) => (s(), a("div", bt, [
+      i("div", ft, [
+        i("div", vt, [
+          P(E, D(n, {
             page: 1,
             label: "<<",
             "current-page": e.currentPage,
@@ -712,7 +712,7 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: m
           }), null, 16, ["current-page", "disabled"]),
-          B(E, P(n, {
+          P(E, D(n, {
             page: e.currentPage - 1,
             label: "<",
             "current-page": e.currentPage,
@@ -720,11 +720,11 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: m
           }), null, 16, ["page", "current-page", "disabled"]),
-          (s(!0), r(x, null, L(u.value, (z) => (s(), g(E, P({
-            key: z.page,
+          (s(!0), a(x, null, L(u.value, (S) => (s(), g(E, D({
+            key: S.page,
             ref_for: !0
-          }, z, { onUpdatePage: m }), null, 16))), 128)),
-          B(E, P(n, {
+          }, S, { onUpdatePage: m }), null, 16))), 128)),
+          P(E, D(n, {
             page: e.currentPage + 1,
             label: ">",
             "current-page": e.currentPage,
@@ -732,7 +732,7 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
             disabled: n.currentPage === o.value,
             onUpdatePage: m
           }), null, 16, ["page", "current-page", "disabled"]),
-          B(E, P(n, {
+          P(E, D(n, {
             page: o.value,
             label: ">>",
             "current-page": e.currentPage,
@@ -742,15 +742,15 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      i("div", vt, " page " + v(e.currentPage) + " of " + v(o.value), 1)
+      i("div", gt, " page " + v(e.currentPage) + " of " + v(o.value), 1)
     ]));
   }
-}), ye = (e, t) => {
+}), we = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [l, o] of t)
     n[l] = o;
   return n;
-}, pt = () => ({
+}, yt = () => ({
   data: {
     type: Object,
     required: !0
@@ -763,10 +763,10 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
     type: Object,
     required: !1
   }
-}), yt = p({
+}), wt = p({
   name: "TextCell",
   props: {
-    ...pt()
+    ...yt()
   },
   computed: {
     value() {
@@ -774,11 +774,11 @@ const tt = { class: "toast toast-top toast-center z-[999]" }, nt = /* @__PURE__
       return e ? this.column.options?.format === "keyValue" ? e[this.column.options.key] : e : null;
     }
   }
-}), wt = yt;
-function xt(e, t, n, l, o, c) {
+}), xt = wt;
+function kt(e, t, n, l, o, c) {
   return v(e.value);
 }
-const bn = /* @__PURE__ */ ye(wt, [["render", xt]]), kt = { class: "flex-grow pr-2" }, $t = { class: "h-4 w-4" }, Ct = /* @__PURE__ */ p({
+const Bn = /* @__PURE__ */ we(xt, [["render", kt]]), $t = { class: "flex-grow pr-2" }, Ct = { class: "h-4 w-4" }, _t = /* @__PURE__ */ p({
   __name: "sort.header",
   props: {
     column: {},
@@ -788,24 +788,24 @@ const bn = /* @__PURE__ */ ye(wt, [["render", xt]]), kt = { class: "flex-grow pr
   emits: ["sort"],
   setup(e, { emit: t }) {
     const n = e, l = k(
-      () => n.sortDirection === "asc" ? S.BarsArrowUp : S.BarsArrowDown
+      () => n.sortDirection === "asc" ? z.BarsArrowUp : z.BarsArrowDown
     ), o = k(() => n.column.options?.sortId ?? n.column.id), c = () => {
-      f("sort", o.value);
-    }, f = t;
-    return (d, u) => (s(), r("button", {
+      h("sort", o.value);
+    }, h = t;
+    return (d, u) => (s(), a("button", {
       class: "flex items-center",
       onClick: c
     }, [
-      i("span", kt, v(e.column.label), 1),
-      i("div", $t, [
-        e.sortColumn === o.value ? (s(), g(b(H), {
+      i("span", $t, v(e.column.label), 1),
+      i("div", Ct, [
+        e.sortColumn === o.value ? (s(), g(f(j), {
           key: 0,
           icon: l.value
         }, null, 8, ["icon"])) : y("", !0)
       ])
     ]));
   }
-}), _t = { class: "table w-full" }, Lt = { key: 0 }, Mt = ["colspan"], Bt = { class: "flex gap-2" }, vn = /* @__PURE__ */ p({
+}), Lt = { class: "table w-full" }, Mt = { key: 0 }, Bt = ["colspan"], Pt = { class: "flex gap-2" }, Pn = /* @__PURE__ */ p({
   __name: "table.component",
   props: {
     loading: { type: Boolean },
@@ -823,70 +823,70 @@ const bn = /* @__PURE__ */ ye(wt, [["render", xt]]), kt = { class: "flex-grow pr
       n("delete", d);
     }, c = (d) => {
       n("updatePage", d);
-    }, f = (d) => {
+    }, h = (d) => {
       n("sort", d);
     };
-    return (d, u) => (s(), r(x, null, [
-      i("table", _t, [
+    return (d, u) => (s(), a(x, null, [
+      i("table", Lt, [
         i("thead", null, [
           i("tr", null, [
-            (s(!0), r(x, null, L(e.displayColumns, (m) => (s(), r("th", {
+            (s(!0), a(x, null, L(e.displayColumns, (m) => (s(), a("th", {
               key: m.scope
             }, [
-              B(Ct, P({ column: m }, { ref_for: !0 }, e.sort, { onSort: f }), null, 16, ["column"])
+              P(_t, D({ column: m }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
             ]))), 128)),
             u[0] || (u[0] = i("th", null, null, -1))
           ])
         ]),
         i("tbody", null, [
-          e.loading ? (s(), r("tr", Lt, [
+          e.loading ? (s(), a("tr", Mt, [
             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, Mt)
+            ])], 8, Bt)
           ])) : y("", !0),
-          (s(!0), r(x, null, L(e.data, (m) => (s(), r("tr", {
+          (s(!0), a(x, null, L(e.data, (m) => (s(), a("tr", {
             key: m.id
           }, [
-            (s(!0), r(x, null, L(e.displayColumns, (a) => (s(), r("td", {
-              key: a.scope
+            (s(!0), a(x, null, L(e.displayColumns, (r) => (s(), a("td", {
+              key: r.scope
             }, [
-              (s(), g(le(a.component), P({ ref_for: !0 }, a, {
+              (s(), g(se(r.component), D({ ref_for: !0 }, r, {
                 data: m,
-                column: a
+                column: r
               }), null, 16, ["data", "column"]))
             ]))), 128)),
             i("td", null, [
-              i("span", Bt, [
-                (s(!0), r(x, null, L(e.actions, (a) => (s(), g(I, {
-                  key: a.label,
-                  icon: a.icon,
+              i("span", Pt, [
+                (s(!0), a(x, null, L(e.actions, (r) => (s(), g(I, {
+                  key: r.label,
+                  icon: r.icon,
                   outline: !0,
-                  onClick: (D) => a.action(m)
+                  onClick: (A) => r.action(m)
                 }, {
-                  default: A(() => [
-                    V(v(a.label), 1)
+                  default: T(() => [
+                    V(v(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                B(I, {
-                  icon: b(S).Edit,
+                P(I, {
+                  icon: f(z).Edit,
                   outline: !0,
-                  onClick: (a) => l(m)
+                  onClick: (r) => l(m)
                 }, null, 8, ["icon", "onClick"]),
-                B(I, {
-                  icon: b(S).Delete,
+                P(I, {
+                  icon: f(z).Delete,
                   outline: !0,
-                  onClick: (a) => o(m)
+                  onClick: (r) => o(m)
                 }, null, 8, ["icon", "onClick"])
               ])
             ])
           ]))), 128))
         ])
       ]),
-      e.page ? (s(), g(gt, {
+      e.page ? (s(), g(pt, {
         key: 0,
         class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
         "total-items": e.page.count,
@@ -896,38 +896,38 @@ const bn = /* @__PURE__ */ ye(wt, [["render", xt]]), kt = { class: "flex-grow pr
       }, null, 8, ["total-items", "items-per-page", "current-page"])) : y("", !0)
     ], 64));
   }
-}), Pt = {}, Dt = { class: "card bg-base-100 shadow-sm" }, At = { class: "card-body" }, Tt = {
+}), Dt = {}, At = { class: "card bg-base-100 shadow-sm" }, Tt = { class: "card-body" }, St = {
   key: 0,
   class: "card-title"
 }, zt = {
   key: 1,
   class: "card-actions justify-end"
 };
-function St(e, t) {
-  return s(), r("div", Dt, [
-    i("div", At, [
-      e.$slots.title ? (s(), r("h2", Tt, [
-        T(e.$slots, "title")
+function Vt(e, t) {
+  return s(), a("div", At, [
+    i("div", Tt, [
+      e.$slots.title ? (s(), a("h2", St, [
+        B(e.$slots, "title")
       ])) : y("", !0),
       i("p", null, [
-        T(e.$slots, "default"),
-        T(e.$slots, "content")
+        B(e.$slots, "default"),
+        B(e.$slots, "content")
       ]),
-      e.$slots.actions ? (s(), r("div", zt, [
-        T(e.$slots, "actions")
+      e.$slots.actions ? (s(), a("div", zt, [
+        B(e.$slots, "actions")
       ])) : y("", !0)
     ])
   ]);
 }
-const gn = /* @__PURE__ */ ye(Pt, [["render", St]]), pn = (e, t) => {
+const Dn = /* @__PURE__ */ we(Dt, [["render", Vt]]), An = (e, t) => {
   if (!e) return null;
   const n = (l) => {
     e.contains(l.target) || t();
   };
   return document.addEventListener("click", n), n;
-}, yn = (e) => {
+}, Tn = (e) => {
   document.removeEventListener("click", e);
-}, wn = {
+}, Sn = {
   beforeMount(e, t) {
     e.clickOutsideEvent = function(n) {
       e === n.target || e.contains(n.target) || t.value(n);
@@ -937,15 +937,15 @@ const gn = /* @__PURE__ */ ye(Pt, [["render", St]]), pn = (e, t) => {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function xn(e) {
-  const t = ke();
+function zn(e) {
+  const t = $e();
   if (!t)
     return !1;
   const n = t.vnode.props;
-  return n ? !!(n[fe(e)] || // also try camelCase event handler (#2249)
-  n[fe($e(e))]) : !1;
+  return n ? !!(n[he(e)] || // also try camelCase event handler (#2249)
+  n[he(Ce(e))]) : !1;
 }
-const Vt = {
+const Nt = {
   group: {
     root: "group",
     label: "text-primary text-lg font-bold",
@@ -976,23 +976,23 @@ const Vt = {
     root: "flex flex-row gap-x-2",
     item: "w-full"
   }
-}, Y = () => ({
-  id: X(),
+}, ee = () => ({
+  id: Y(),
   visible: !0,
   required: !1,
   enabled: !0,
   isFocused: !1,
   isTouched: !1,
   hideLabel: !1,
-  styles: Vt
-}), Nt = () => ({
-  ...Y(),
+  styles: Nt
+}), Rt = () => ({
+  ...ee(),
   options: [],
   valueKey: "value",
   labelKey: "label"
-}), Ut = (e, t, n) => !!(e && n), Rt = (e, t, n, l) => t === void 0 || t !== void 0 && !e || !l && !n, Ft = { key: 0 }, me = /* @__PURE__ */ p({
+}), 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({
   __name: "ControlWrapper",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ X({
     id: {},
     description: {},
     errors: {},
@@ -1004,9 +1004,9 @@ const Vt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {}
-  }, Y()),
+  }, ee()),
   setup(e) {
-    const t = e, n = k(() => !Rt(
+    const t = e, n = k(() => !Ft(
       t.visible,
       t.description,
       t.isFocused,
@@ -1016,25 +1016,25 @@ const Vt = {
       t.isFocused,
       t.errors
     ));
-    return (c, f) => (s(), r("fieldset", {
+    return (c, h) => (s(), a("fieldset", {
       class: w(e.styles.control.wrapper)
     }, [
-      e.hideLabel ? y("", !0) : (s(), r("legend", {
+      e.hideLabel ? y("", !0) : (s(), a("legend", {
         key: 0,
         class: w(e.styles.control.label)
       }, [
         V(v(e.label) + " ", 1),
-        l.value ? (s(), r("span", Ft, "*")) : y("", !0)
+        l.value ? (s(), a("span", jt, "*")) : y("", !0)
       ], 2)),
-      T(c.$slots, "default"),
+      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)
     ], 2));
   }
-}), Ht = ["disabled"], Kt = ["value"], kn = /* @__PURE__ */ p({
+}), Ht = ["disabled"], Kt = ["value"], Vn = /* @__PURE__ */ p({
   __name: "SelectComponent",
-  props: /* @__PURE__ */ q(/* @__PURE__ */ Q({
+  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
     id: {},
     description: {},
     errors: {},
@@ -1050,7 +1050,7 @@ const Vt = {
     valueKey: {},
     labelKey: {}
   }, {
-    ...Y(),
+    ...ee(),
     options: [],
     valueKey: "value",
     labelKey: "label"
@@ -1060,50 +1060,50 @@ const Vt = {
   }),
   emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, o = se(e, "modelValue"), c = (u) => {
+    const n = e, l = t, o = le(e, "modelValue"), c = (u) => {
       l("change", u);
-    }, f = (u) => {
+    }, h = (u) => {
       l("focus", u);
     }, d = (u) => {
       l("blur", u);
     };
-    return (u, m) => (s(), g(me, ae(re(n)), {
-      default: A(() => [
-        J(i("select", {
-          "onUpdate:modelValue": m[0] || (m[0] = (a) => o.value = a),
+    return (u, m) => (s(), g(me, ae(ie(n)), {
+      default: T(() => [
+        Q(i("select", {
+          "onUpdate:modelValue": m[0] || (m[0] = (r) => o.value = r),
           disabled: !e.enabled,
           class: w(["select select-bordered", e.styles.control.select]),
           onChange: c,
-          onFocus: f,
+          onFocus: h,
           onBlur: d
         }, [
-          (s(!0), r(x, null, L(e.options, (a) => (s(), r("option", {
-            key: a[e.valueKey],
-            value: a
-          }, v(a[e.labelKey]), 9, Kt))), 128))
+          (s(!0), a(x, null, L(e.options, (r) => (s(), a("option", {
+            key: r[e.valueKey],
+            value: r
+          }, v(r[e.labelKey]), 9, Kt))), 128))
         ], 42, Ht), [
-          [Ce, o.value]
+          [_e, o.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), jt = "GHENTCDH_AUTHENTICATION", Ot = () => {
-  const e = _e(jt);
+}), 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, f = {
+    const c = o?.skipAuth ?? e?.options.skipAuthentication, h = {
       accept: "application/json",
       ...l.headers ?? {}
     };
-    o.contentType && (f["Content-Type"] = o.contentType), c || (await e?.updateToken(), f.Authorization = `Bearer ${e?.token()}`);
+    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, a] of Object.entries(o.queryParams))
-        d.searchParams.set(m, a);
+      for (const [m, r] of Object.entries(o.queryParams))
+        d.searchParams.set(m, r);
     const u = await fetch(d.toString(), {
       ...l,
-      headers: f
+      headers: h
     });
     return u.ok ? u.json() : (o?.skipAuth, Promise.reject({
       content: u.body,
@@ -1113,14 +1113,14 @@ const Vt = {
   return {
     get: (n, l) => t(n, { method: "GET" }, l),
     postFile: (n, l, o = {}, c) => {
-      const f = new FormData();
+      const h = new FormData();
       for (const d in o)
-        f.append(d, o[d]);
-      return f.append("file", l), t(
+        h.append(d, o[d]);
+      return h.append("file", l), t(
         n,
         {
           method: "POST",
-          body: f
+          body: h
         },
         { ...c, contentType: void 0 }
       );
@@ -1150,15 +1150,15 @@ const Vt = {
       o
     )
   };
-}, It = ["disabled"], qt = {
+}, qt = ["disabled"], Et = {
   key: 0,
   class: /* @__PURE__ */ w([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50`
   ])
-}, Et = ["onClick", "onBlur"], $n = /* @__PURE__ */ p({
+}, Zt = ["onClick", "onBlur"], Nn = /* @__PURE__ */ p({
   __name: "AutoComplete",
-  props: /* @__PURE__ */ q(/* @__PURE__ */ Q({
+  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
     id: {},
     description: {},
     errors: {},
@@ -1174,50 +1174,50 @@ const Vt = {
     options: {},
     valueKey: {},
     labelKey: {}
-  }, Nt()), {
+  }, Rt()), {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, o = se(e, "modelValue"), c = N(""), f = (h) => {
-      l("change", h);
-    }, d = (h) => {
-      l("focus", h);
-    }, u = (h) => {
-      l("blur", h);
-    }, m = N(!1), a = N([]), D = (h) => {
-      m.value = !0, z(h);
-    }, z = (h) => {
-      o.value = h, f(h);
-    }, U = (h) => {
-      a.value?.length === h + 1 && (a.value = []);
-    }, K = Ot(), M = (h) => h[n.valueKey], R = (h) => h?.[n.labelKey] ?? "";
-    return ne(
+    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,
-      (h) => {
-        h && !M(h) || (m.value = !0, a.value = [], c.value = R(h));
+      (b) => {
+        b && !M(b) || (m.value = !0, r.value = [], c.value = U(b));
       },
       { immediate: !0 }
-    ), ne(
+    ), G(
       () => c.value,
-      (h) => {
+      (b) => {
         if (m.value) {
           m.value = !1;
           return;
         }
-        if (z({ [n.labelKey]: h }), n.config) {
-          const { uri: C, skipAuth: j, dataField: F } = n.config;
-          K.get(`${C}${h}`, { skipAuth: j }).then((ee) => {
-            a.value = ee[F];
+        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];
           });
-        } else n.options && (a.value = n.options.filter((C) => R(C).toLowerCase().includes(h)).slice(0, 10));
+        } else n.options && (r.value = n.options.filter((C) => U(C).toLowerCase().includes(b)).slice(0, 10));
       }
-    ), (h, C) => {
-      const j = ve("click-outside");
-      return s(), g(me, ae(re(n)), {
-        default: A(() => [
-          J(i("input", {
+    ), (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),
             autocomplete: "off",
             type: "text",
@@ -1225,39 +1225,39 @@ const Vt = {
             disabled: !e.enabled,
             onFocus: d,
             onBlur: u
-          }, null, 42, It), [
-            [Le, c.value]
+          }, null, 42, qt), [
+            [Me, c.value]
           ]),
-          J((s(), r("div", null, [
-            a.value?.length ? (s(), r("ul", qt, [
-              (s(!0), r(x, null, L(a.value, (F, ee) => (s(), r("li", {
+          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]
               }, [
                 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: (we) => D(F),
-                  onBlur: (we) => U(ee)
-                }, v(R(F)), 41, Et)
+                  onClick: (xe) => A(F),
+                  onBlur: (xe) => R(te)
+                }, v(U(F)), 41, Zt)
               ]))), 128))
             ])) : y("", !0)
           ])), [
-            [j, () => a.value = []]
+            [K, () => r.value = []]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Zt = {
+}), Wt = {
   key: 0,
   class: /* @__PURE__ */ w([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50 p-0`
   ])
-}, Wt = ["onClick"], Gt = { class: "w-4 mr-2" }, Cn = /* @__PURE__ */ p({
+}, Gt = ["onClick"], Jt = { class: "w-4 mr-2" }, Rn = /* @__PURE__ */ p({
   __name: "MultiSelect",
-  props: /* @__PURE__ */ q(/* @__PURE__ */ Q({
+  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
     id: {},
     description: {},
     errors: {},
@@ -1273,7 +1273,7 @@ const Vt = {
     valueKey: {},
     labelKey: {}
   }, {
-    ...Y(),
+    ...ee(),
     valueKey: "value",
     labelKey: "label"
   }), {
@@ -1282,64 +1282,64 @@ const Vt = {
   }),
   emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, o = se(e, "modelValue");
+    const n = e, l = t, o = le(e, "modelValue");
     let c = !1;
-    const f = (M) => {
+    const h = (M) => {
       l("change", M);
     }, d = N(!1), u = () => {
       d.value = !d.value, c = !0;
     }, m = () => {
       c || (d.value = !1), c = !1;
-    }, a = k(
-      () => o.value?.map((M) => U(M)) ?? []
-    ), D = (M) => a.value.includes(M), z = (M, R) => {
+    }, r = k(
+      () => o.value?.map((M) => R(M)) ?? []
+    ), A = (M) => r.value.includes(M), S = (M, U) => {
       M.preventDefault();
-      let h = o.value ?? [];
-      const C = U(R);
-      D(C) ? h = h.filter((F) => U(F) !== C) : h.push(R), o.value = h, f(h);
-    }, U = (M) => M[n.valueKey], K = (M) => M?.[n.labelKey] ?? "";
-    return (M, R) => {
-      const h = ve("click-outside");
-      return s(), g(me, ae(re(n)), {
-        default: A(() => [
+      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(() => [
           i("button", {
             type: "button",
             class: w([e.styles.control.select, "w-full truncate block"]),
             onClick: u
-          }, v(o.value?.map?.((C) => K(C)).join(", ") ?? "Select value"), 3),
-          J((s(), r("div", null, [
-            d.value ? (s(), r("ul", Zt, [
-              (s(!0), r(x, null, L(e.options, (C) => (s(), r("li", {
+          }, 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]
               }, [
                 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: (j) => z(j, C)
+                  onClick: (K) => S(K, C)
                 }, [
-                  i("div", Gt, [
-                    D(U(C)) ? (s(), g(b(H), {
+                  i("div", Jt, [
+                    A(R(C)) ? (s(), g(f(j), {
                       key: 0,
-                      icon: b(S).Check,
+                      icon: f(z).Check,
                       size: "sm"
                     }, null, 8, ["icon"])) : y("", !0)
                   ]),
-                  V(" " + v(K(C)), 1)
-                ], 8, Wt)
+                  V(" " + v(H(C)), 1)
+                ], 8, Gt)
               ]))), 128))
             ])) : y("", !0)
           ])), [
-            [h, () => m()]
+            [b, () => m()]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Jt = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, Qt = {
+}), Qt = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, Xt = {
   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"
-}, Xt = { class: "flex-1 overflow-y-auto bg-white" }, Yt = { 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" }, _n = /* @__PURE__ */ p({
+}, 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({
   __name: "drawer",
   props: {
     widthLeft: { default: 200 },
@@ -1349,8 +1349,8 @@ const Vt = {
     const t = N({ left: !0, right: !0 }), n = (l) => {
       t.value[l] = !t.value[l];
     };
-    return (l, o) => (s(), r("main", Jt, [
-      i("aside", Qt, [
+    return (l, o) => (s(), a("main", Qt, [
+      i("aside", Xt, [
         i("div", {
           class: w(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
         }, [
@@ -1358,30 +1358,30 @@ const Vt = {
             class: "btn btn-ghost btn-circle",
             onClick: o[0] || (o[0] = (c) => n("left"))
           }, [
-            B(b(H), {
+            P(f(j), {
               size: "sm",
-              icon: t.value.left ? b(S).DblChevronLeft : b(S).DblChevronRight
+              icon: t.value.left ? f(z).DblChevronLeft : f(z).DblChevronRight
             }, null, 8, ["icon"])
           ])
         ], 2),
-        t.value.left ? (s(), r("div", {
+        t.value.left ? (s(), a("div", {
           key: 0,
-          style: G({ width: e.widthLeft + "px" }),
+          style: J({ width: e.widthLeft + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          T(l.$slots, "left-drawer")
+          B(l.$slots, "left-drawer")
         ], 4)) : y("", !0)
       ]),
-      i("div", Xt, [
-        T(l.$slots, "default")
+      i("div", Yt, [
+        B(l.$slots, "default")
       ]),
-      i("aside", Yt, [
-        t.value.right ? (s(), r("div", {
+      i("aside", en, [
+        t.value.right ? (s(), a("div", {
           key: 0,
-          style: G({ width: e.widthRight + "px" }),
+          style: J({ width: e.widthRight + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          T(l.$slots, "right-drawer")
+          B(l.$slots, "right-drawer")
         ], 4)) : y("", !0),
         i("div", {
           class: w(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
@@ -1390,9 +1390,9 @@ const Vt = {
             class: "btn btn-ghost btn-circle",
             onClick: o[1] || (o[1] = (c) => n("right"))
           }, [
-            B(b(H), {
+            P(f(j), {
               size: "sm",
-              icon: t.value.right ? b(S).DblChevronRight : b(S).DblChevronLeft
+              icon: t.value.right ? f(z).DblChevronRight : f(z).DblChevronLeft
             }, null, 8, ["icon"])
           ])
         ], 2)
@@ -1400,8 +1400,8 @@ const Vt = {
     ]));
   }
 });
-function en(e, t) {
-  return s(), r("svg", {
+function tn(e, t) {
+  return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -1415,8 +1415,8 @@ function en(e, t) {
     })
   ]);
 }
-function tn(e, t) {
-  return s(), r("svg", {
+function nn(e, t) {
+  return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -1430,10 +1430,10 @@ function tn(e, t) {
     })
   ]);
 }
-const nn = { class: "ml-1" }, on = { class: "truncate flex-1 min-w-0 text-left" }, ln = {
+const on = { class: "ml-1" }, sn = { class: "truncate flex-1 min-w-0 text-left" }, ln = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, sn = /* @__PURE__ */ p({
+}, an = /* @__PURE__ */ p({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1444,9 +1444,9 @@ const nn = { class: "ml-1" }, on = { 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, f) => {
+    return (c, h) => {
       const d = oe("TreeItem", !0);
-      return s(), r("li", nn, [
+      return s(), a("li", on, [
         i("div", {
           class: w([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
@@ -1454,48 +1454,48 @@ const nn = { class: "ml-1" }, on = { class: "truncate flex-1 min-w-0 text-left"
             o.value ? "text-primary" : ""
           ])
         }, [
-          e.node.children?.length > 0 ? (s(), r("span", {
+          e.node.children?.length > 0 ? (s(), a("span", {
             key: 0,
             class: "flex items-center justify-center",
-            onClick: f[0] || (f[0] = (u) => l("toggle", e.node))
+            onClick: h[0] || (h[0] = (u) => l("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (s(), g(b(en), {
+            e.node.children && e.isExpanded(e.node.id) ? (s(), g(f(tn), {
               key: 0,
               class: "w-3 h-3"
-            })) : (s(), g(b(tn), {
+            })) : (s(), g(f(nn), {
               key: 1,
               class: "w-3 h-3"
             }))
           ])) : y("", !0),
           i("div", {
             class: "flex items-center gap-2 w-full min-w-0",
-            onClick: f[1] || (f[1] = (u) => l("select", e.node))
+            onClick: h[1] || (h[1] = (u) => l("select", e.node))
           }, [
-            i("div", on, v(e.node.label), 1),
-            e.node.tag ? (s(), r("div", ln, v(e.node.tag), 1)) : y("", !0)
+            i("div", sn, v(e.node.label), 1),
+            e.node.tag ? (s(), a("div", ln, v(e.node.tag), 1)) : y("", !0)
           ])
         ], 2),
-        e.node.children && e.isExpanded(e.node.id) ? (s(), r("ul", {
+        e.node.children && e.isExpanded(e.node.id) ? (s(), a("ul", {
           key: 0,
           class: w([
             "ml-4 border-l pl-2",
             { "border-gray-200": !o.value, "border-primary": o.value }
           ])
         }, [
-          (s(!0), r(x, null, L(e.node.children, (u) => (s(), g(d, {
+          (s(!0), a(x, null, L(e.node.children, (u) => (s(), g(d, {
             key: u.id,
             node: u,
             expanded: e.expanded,
             active: e.active,
             "is-expanded": e.isExpanded,
-            onToggle: f[2] || (f[2] = (m) => l("toggle", m)),
-            onSelect: f[3] || (f[3] = (m) => l("select", m))
+            onToggle: h[2] || (h[2] = (m) => l("toggle", m)),
+            onSelect: h[3] || (h[3] = (m) => l("select", m))
           }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
         ], 2)) : y("", !0)
       ]);
     };
   }
-}), an = { class: "select-none text-sm" }, Ln = /* @__PURE__ */ p({
+}), rn = { class: "select-none text-sm" }, Fn = /* @__PURE__ */ p({
   __name: "TreeView",
   props: {
     data: {},
@@ -1510,74 +1510,144 @@ const nn = { class: "ml-1" }, on = { class: "truncate flex-1 min-w-0 text-left"
         return;
       }
       o.value.has(m) ? o.value.delete(m) : o.value.add(m);
-    }, f = (u) => {
+    }, h = (u) => {
       l("select", u), o.value.add(u.id);
     }, d = (u) => o.value.has(u);
-    return (u, m) => (s(), r("ul", an, [
-      (s(!0), r(x, null, L(n.data, (a) => (s(), g(sn, {
-        key: a.id,
-        node: a,
+    return (u, m) => (s(), a("ul", rn, [
+      (s(!0), a(x, null, L(n.data, (r) => (s(), g(an, {
+        key: r.id,
+        node: r,
         expanded: o.value,
         active: e.active,
         "is-expanded": d,
         onToggle: c,
-        onSelect: f
+        onSelect: h
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), rn = {
+}), cn = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, Mn = /* @__PURE__ */ p({
+}, jn = /* @__PURE__ */ p({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => e.loading ? (s(), r("div", rn, [...n[0] || (n[0] = [
+    return (t, n) => e.loading ? (s(), a("div", cn, [...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 = {
+  key: 0,
+  class: "list bg-base-100"
+}, Hn = /* @__PURE__ */ p({
+  __name: "Collapse",
+  props: {
+    title: {},
+    opened: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = ge(), n = e, l = N(n.opened);
+    return G(
+      () => n.opened,
+      () => {
+      },
+      { immediate: !0 }
+    ), (o, c) => (s(), a("div", un, [
+      i("input", {
+        type: "checkbox",
+        checked: l.value
+      }, null, 8, dn),
+      i("div", mn, v(e.title), 1),
+      i("div", {
+        class: w(["collapse-content", f(t).list ? "p-0" : ""])
+      }, [
+        B(o.$slots, "default"),
+        f(t).list ? (s(), a("ul", hn, [
+          B(o.$slots, "list")
+        ])) : y("", !0)
+      ], 2)
+    ]));
+  }
+}), bn = { class: "list-row" }, fn = { class: "list-col-grow" }, vn = {
+  key: 0,
+  class: "text-xs text-gray-600"
+}, gn = ["href"], pn = { key: 1 }, yn = {
+  key: 0,
+  class: "text-xs text-gray-600"
+}, wn = ["href"], xn = { key: 1 }, Kn = /* @__PURE__ */ p({
+  __name: "CollapseRow",
+  props: {
+    title: {},
+    label: {},
+    labelLink: {},
+    description: {},
+    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", {
+            key: 0,
+            href: e.descriptionLink,
+            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)
+    ]));
+  }
 });
 export {
-  $n as Autocomplete,
-  Ge as BadgeSize,
+  Nn as Autocomplete,
+  Je as BadgeSize,
   I as Btn,
-  fn as BtnBadge,
-  We as ButtonSize,
-  gn as Card,
-  wn as ClickOutside,
+  Ln as BtnBadge,
+  Ge as ButtonSize,
+  Dn as Card,
+  Sn as ClickOutside,
+  Hn as Collapse,
+  Kn as CollapseRow,
   O as Color,
-  Qe as ConfirmModal,
+  Xe as ConfirmModal,
   me as ControlWrapper,
-  Nt as DefaultAutoCompleteProperties,
-  Y as DefaultControlProperties,
-  _n as Drawer,
-  mn as Dropdown,
-  H as Icon,
-  S as IconEnum,
-  Be as IconMap,
-  Mn as Loading,
-  dn as Menu,
-  qe as Modal,
+  Rt 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,
-  Xe as ModalWrapper,
-  Cn as MultiSelect,
-  Ye as NotificationMessage,
+  Ye as ModalWrapper,
+  Rn as MultiSelect,
+  et as NotificationMessage,
   de as NotificationService,
-  nt as Notifications,
-  gt as PaginationComponent,
-  kn as SelectComponent,
-  hn as ShellComponent,
-  ie as SubMenu,
-  vn as Table,
-  vn as TableComponent,
-  bn as TextCell,
-  Ln as TreeView,
-  pn as addClickOutsideEventListener,
-  xn as hasCustomEventListener,
-  Rt as isDescriptionHidden,
-  Vt as myStyles,
-  yn as removeClickOutsideEventListener,
+  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
 };