npm - @ghentcdh/ui - Versions diffs - 0.6.6 → 0.6.7 - Mend

@ghentcdh/ui 0.6.6 → 0.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/index.mjs CHANGED Viewed

@@ -1,89 +1,89 @@
-import { defineComponent as p, openBlock as o, createElementBlock as i, unref as b, normalizeClass as w, createElementVNode as a, toDisplayString as v, createBlock as g, createCommentVNode as y, Fragment as x, renderList as $, mergeProps as P, computed as k, resolveComponent as X, withCtx as D, createTextVNode as T, ref as S, watch as Q, onMounted as pe, renderSlot as B, resolveDynamicComponent as ae, createVNode as C, withDirectives as W, vModelCheckbox as ye, normalizeStyle as le, getCurrentInstance as we, toHandlerKey as me, camelize as xe, mergeDefaults as Z, useModel as Y, normalizeProps as ee, guardReactiveProps as te, vModelSelect as ke, mergeModels as F, resolveDirective as fe, vModelText as $e, onBeforeUnmount as Ce, useSlots as be } from "vue";
+import { defineComponent as p, openBlock as l, createElementBlock as c, unref as f, normalizeClass as y, createElementVNode as a, toDisplayString as h, createBlock as v, createCommentVNode as x, Fragment as k, renderList as L, mergeProps as V, computed as $, resolveComponent as oe, withCtx as C, createTextVNode as S, ref as N, watch as te, onMounted as xe, renderSlot as D, resolveDynamicComponent as ae, createVNode as B, withDirectives as I, vModelCheckbox as fe, normalizeStyle as se, getCurrentInstance as we, toHandlerKey as be, camelize as ke, mergeDefaults as U, useModel as H, normalizeProps as W, guardReactiveProps as Z, vModelSelect as $e, mergeModels as P, resolveDirective as he, vModelText as ie, onBeforeUnmount as Ce, vModelDynamic as Be, useSlots as pe } from "vue";
 import { RouterLink as _e } from "vue-router";
-import { v4 as ne } from "uuid";
-import { useApi as Le } from "@ghentcdh/tools-vue";
-import { ChevronDownIcon as Me, ChevronRightIcon as Be } from "@heroicons/vue/24/solid";
-import Pe from "@tiptap/starter-kit";
-import { useEditor as De, EditorContent as Ve } from "@tiptap/vue-3";
-import { Markdown as Ae } from "tiptap-markdown";
-const L = (...e) => `<svg
+import { v4 as le } from "uuid";
+import { apiNoAuth as Le, useApi as Me } from "@ghentcdh/tools-vue";
+import { ChevronDownIcon as Pe, ChevronRightIcon as Ve } from "@heroicons/vue/24/solid";
+import De from "@tiptap/starter-kit";
+import { useEditor as Ae, EditorContent as Te } from "@tiptap/vue-3";
+import { Markdown as ze } from "tiptap-markdown";
+const M = (...e) => `<svg
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
     stroke-width="1.5"
     stroke="currentColor" >
     ${e.map(
-  (n) => ` <path
+  (o) => ` <path
      stroke-linejoin="round"
       stroke-linecap="round"
-      d="${n}"
+      d="${o}"
     />`
 ).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 ze = {
-  Edit: L(
+var F = /* @__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))(F || {});
+const Fe = {
+  Edit: M(
     "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: L(
+  Delete: M(
     "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: L(
+  BarsArrowDown: M(
     "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
   ),
-  BarsArrowUp: L(
+  BarsArrowUp: M(
     "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
   ),
-  Funnel: L(
+  Funnel: M(
     "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: L("M6 18 18 6M6 6l12 12"),
-  Plus: L("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
-  PaperClip: L(
+  Close: M("M6 18 18 6M6 6l12 12"),
+  Plus: M("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  PaperClip: M(
     "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: L("M4 6h16M4 12h16M4 18h16"),
-  ChevronDown: L(
+  Hamburger: M("M4 6h16M4 12h16M4 18h16"),
+  ChevronDown: M(
     "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: L(
+  ChevronUp: M(
     "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: L("m4.5 12.75 6 6 9-13.5"),
-  View: L(
+  Check: M("m4.5 12.75 6 6 9-13.5"),
+  View: M(
     "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: L(
+  Text: M(
     "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: L(
+  DblChevronLeft: M(
     "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
   ),
-  DblChevronRight: L("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
-}, Te = ["innerHTML"], I = /* @__PURE__ */ p({
+  DblChevronRight: M("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
+}, Se = ["innerHTML"], j = /* @__PURE__ */ p({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    return (t, n) => (o(), i("div", {
-      class: w([
+    return (t, o) => (l(), c("div", {
+      class: y([
         {
           "w-full h-full": !e.size,
           "w-2 h-2": e.size === "xs",
           "w-4 h-4": e.size === "sm"
         }
       ]),
-      innerHTML: b(ze)[e.icon]
-    }, null, 10, Te));
+      innerHTML: f(Fe)[e.icon]
+    }, null, 10, Se));
   }
-}), Se = { class: "dropdown dropdown-end" }, Ne = {
+}), Ne = { class: "dropdown dropdown-end" }, Ke = {
   tabindex: "0",
   class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
-}, Re = { class: "min-w-max flex-no-wrap text-black" }, ie = /* @__PURE__ */ p({
+}, Re = { class: "min-w-max flex-no-wrap text-black" }, re = /* @__PURE__ */ p({
   __name: "sub-menu",
   props: {
     label: {},
@@ -94,29 +94,29 @@ const ze = {
     disableArrow: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (o(), i("div", Se, [
+    return (t, o) => (l(), c("div", Ne, [
       a("div", {
         tabindex: "0",
         role: "button",
-        class: w([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+        class: y([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
-        a("span", null, v(e.label), 1),
-        e.disableArrow ? y("", !0) : (o(), g(b(I), {
+        a("span", null, h(e.label), 1),
+        e.disableArrow ? x("", !0) : (l(), v(f(j), {
           key: 0,
-          icon: b(z).ChevronDown,
+          icon: f(F).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      a("ul", Ne, [
+      a("ul", Ke, [
         a("li", Re, [
-          (o(!0), i(x, null, $(e.items, (l) => (o(), g(he, P({
-            key: l.label
-          }, { ref_for: !0 }, l), null, 16))), 128))
+          (l(!0), c(k, null, L(e.items, (s) => (l(), v(ve, V({
+            key: s.label
+          }, { ref_for: !0 }, s), null, 16))), 128))
         ])
       ])
     ]));
   }
-}), J = "btn btn-ghost text-left justify-between min-w-max font-normal", he = /* @__PURE__ */ p({
+}), ee = "btn btn-ghost text-left justify-between min-w-max font-normal", ve = /* @__PURE__ */ p({
   __name: "menu-item",
   props: {
     label: {},
@@ -125,89 +125,89 @@ const ze = {
     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), s = k(() => t.items?.length), c = k(() => {
-      const f = t.action;
-      return f && "routerLink" in f && "params" in f ? {
-        name: f.routerLink,
-        params: f.params
+    const t = e, o = $(() => !t.disabled && t.action && "routerLink" in t.action), s = $(() => !t.disabled && t.action), n = $(() => t.items?.length), u = $(() => {
+      const m = t.action;
+      return m && "routerLink" in m && "params" in m ? {
+        name: m.routerLink,
+        params: m.params
       } : "";
-    }), h = () => {
+    }), b = () => {
       t.action?.();
     };
-    return (f, u) => {
-      const d = X("RouterLink");
-      return s.value ? (o(), g(ie, P({ key: 0 }, t, { "btn-class": J }), null, 16)) : n.value ? (o(), g(d, {
+    return (m, i) => {
+      const d = oe("RouterLink");
+      return n.value ? (l(), v(re, V({ key: 0 }, t, { "btn-class": ee }), null, 16)) : o.value ? (l(), v(d, {
         key: 1,
-        to: c.value,
-        class: w(J),
-        onClick: h
+        to: u.value,
+        class: y(ee),
+        onClick: b
       }, {
-        default: D(() => [
-          T(v(e.label), 1)
+        default: C(() => [
+          S(h(e.label), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : l.value ? (o(), i("button", {
+      }, 8, ["to"])) : s.value ? (l(), c("button", {
         key: 2,
-        class: w(J),
-        onClick: h
-      }, v(e.label), 1)) : (o(), i("div", {
+        class: y(ee),
+        onClick: b
+      }, h(e.label), 1)) : (l(), c("div", {
         key: 3,
-        class: w([J, { "btn-disabled": e.disabled }])
-      }, v(e.label), 3));
+        class: y([ee, { "btn-disabled": e.disabled }])
+      }, h(e.label), 3));
     };
   }
-}), Ke = { class: "navbar bg-base-100 shadow-sm" }, Fe = { class: "flex-1" }, Ie = {
+}), Ie = { class: "navbar bg-base-100 shadow-sm" }, Ue = { class: "flex-1" }, qe = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, Ue = { class: "flex grow justify-end px-2" }, He = { class: "flex items-stretch" }, Tn = /* @__PURE__ */ p({
+}, je = { class: "flex grow justify-end px-2" }, He = { class: "flex items-stretch" }, qo = /* @__PURE__ */ p({
   __name: "menu",
   props: {
     menu: {},
     breadcrumbs: {}
   },
   setup(e) {
-    return (t, n) => {
-      const l = X("RouterLink");
-      return o(), i("nav", Ke, [
-        a("div", Fe, [
-          e.breadcrumbs ? (o(), i("div", Ie, [
+    return (t, o) => {
+      const s = oe("RouterLink");
+      return l(), c("nav", Ie, [
+        a("div", Ue, [
+          e.breadcrumbs ? (l(), c("div", qe, [
             a("ul", null, [
-              (o(!0), i(x, null, $(e.breadcrumbs, (s) => (o(), i("li", {
-                key: s.label
+              (l(!0), c(k, null, L(e.breadcrumbs, (n) => (l(), c("li", {
+                key: n.label
               }, [
-                s.routerLink ? (o(), g(l, {
+                n.routerLink ? (l(), v(s, {
                   key: 0,
-                  to: { name: s.routerLink, params: s.params }
+                  to: { name: n.routerLink, params: n.params }
                 }, {
-                  default: D(() => [
-                    T(v(s.label), 1)
+                  default: C(() => [
+                    S(h(n.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (o(), i(x, { key: 1 }, [
-                  T(v(s.label), 1)
+                }, 1032, ["to"])) : (l(), c(k, { key: 1 }, [
+                  S(h(n.label), 1)
                 ], 64))
               ]))), 128))
             ])
-          ])) : y("", !0)
+          ])) : x("", !0)
         ]),
-        a("div", Ue, [
+        a("div", je, [
           a("div", He, [
-            (o(!0), i(x, null, $(e.menu, (s) => (o(), g(he, P({
-              key: s.label
-            }, { ref_for: !0 }, s), null, 16))), 128))
+            (l(!0), c(k, null, L(e.menu, (n) => (l(), v(ve, V({
+              key: n.label
+            }, { ref_for: !0 }, n), null, 16))), 128))
           ])
         ])
       ]);
     };
   }
-}), Sn = /* @__PURE__ */ p({
+}), jo = /* @__PURE__ */ p({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
-    const t = S(!0);
-    return (n, l) => (o(), g(ie, {
+    const t = N(!0);
+    return (o, s) => (l(), v(re, {
       items: e.items,
       label: "test",
       open: t.value,
@@ -215,7 +215,7 @@ const ze = {
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), je = { class: "font-bold" }, qe = { class: "pt-4" }, Oe = { class: "modal-action" }, Ee = /* @__PURE__ */ p({
+}), Oe = { class: "font-bold" }, Ee = { class: "pt-4" }, We = { class: "modal-action" }, Ze = /* @__PURE__ */ p({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -227,133 +227,133 @@ const ze = {
     width: { default: "sm" }
   },
   emits: ["closeModal"],
-  setup(e, { expose: t, emit: n }) {
-    const l = {
+  setup(e, { expose: t, emit: o }) {
+    const s = {
       xs: "max-w-xs w-[50VW]",
       sm: "max-w-sm w-[50VW]",
       lg: "max-w-2xl w-[80VW]",
       xl: "max-w-[80VW] w-[80VW]"
-    }, s = e, c = `modal_${ne()}`, h = n, f = () => {
-      document.getElementById(c)?.showModal();
-    }, u = () => {
-      document.getElementById(c)?.close(), h("closeModal");
+    }, n = e, u = `modal_${le()}`, b = o, m = () => {
+      document.getElementById(u)?.showModal();
+    }, i = () => {
+      document.getElementById(u)?.close(), b("closeModal");
     };
-    return t({ closeModal: u, openModal: f }), Q(
-      () => s.open,
-      (d, r, V) => {
-        s.open ? f() : u();
+    return t({ closeModal: i, openModal: m }), te(
+      () => n.open,
+      (d, r, A) => {
+        n.open ? m() : i();
       }
-    ), pe(() => {
-      s.open && f();
-    }), (d, r) => (o(), i("dialog", {
-      id: c,
+    ), xe(() => {
+      n.open && m();
+    }), (d, r) => (l(), c("dialog", {
+      id: u,
       class: "modal"
     }, [
       a("div", {
-        class: w(["modal-box bg-white", l[e.width]])
+        class: y(["modal-box bg-white", s[e.width]])
       }, [
-        e.disableClose ? y("", !0) : (o(), i("button", {
+        e.disableClose ? x("", !0) : (l(), c("button", {
           key: 0,
           type: "button",
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
-          onClick: u
+          onClick: i
         }, " ✕ ")),
-        a("h3", je, v(e.modalTitle), 1),
-        a("div", qe, [
-          B(d.$slots, "content")
+        a("h3", Oe, h(e.modalTitle), 1),
+        a("div", Ee, [
+          D(d.$slots, "content")
         ]),
-        a("div", Oe, [
-          B(d.$slots, "actions")
+        a("div", We, [
+          D(d.$slots, "actions")
         ])
       ], 2)
     ]));
   }
 });
-var re = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(re || {}), ve = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(ve || {}), j = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(j || {});
-const We = {
+var ce = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(ce || {}), ge = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(ge || {}), G = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(G || {});
+const Ge = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
   error: "btn-error text-white"
-}, Ze = {
+}, 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 = {
+}, Xe = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, q = /* @__PURE__ */ p({
+}, J = /* @__PURE__ */ p({
   __name: "btn",
   props: {
     href: {},
     disabled: { type: Boolean, default: !1 },
-    as: { default: ve.button },
+    as: { default: ge.button },
     icon: {},
-    type: { default: re.button },
+    type: { default: ce.button },
     outline: { type: Boolean, default: !1 },
-    color: { default: j.primary },
+    color: { default: G.primary },
     size: { default: "sm" },
     square: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, l = t;
-    return (s, c) => (o(), g(ae(e.as), P({
+    const o = e, s = t;
+    return (n, u) => (l(), v(ae(e.as), V({
       class: [
         "btn  p-1 flex justify-center flex-nowrap",
-        b(We)[e.color],
-        b(Ge)[e.size],
+        f(Ge)[e.color],
+        f(Qe)[e.size],
         { "btn-outline": e.outline, "btn-square": e.square }
       ]
-    }, n, {
-      onClick: c[0] || (c[0] = (h) => l("click"))
+    }, o, {
+      onClick: u[0] || (u[0] = (b) => s("click"))
     }), {
-      default: D(() => [
-        e.icon ? (o(), g(b(I), {
+      default: C(() => [
+        e.icon ? (l(), v(f(j), {
           key: 0,
           icon: e.icon,
           size: e.size
-        }, null, 8, ["icon", "size"])) : y("", !0),
-        B(s.$slots, "default")
+        }, null, 8, ["icon", "size"])) : x("", !0),
+        D(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qe = ["type", "disabled"], Nn = /* @__PURE__ */ p({
+}), Ye = ["type", "disabled"], Ho = /* @__PURE__ */ p({
   __name: "btn-badge",
   props: {
     icon: { default: void 0 },
-    type: { default: re.button },
+    type: { default: ce.button },
     color: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
     size: { default: "sm" }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = t;
-    return (l, s) => (o(), i("button", {
-      class: w(["badge gap-1", b(Je)[e.size], b(Ze)[e.color]]),
+    const o = t;
+    return (s, n) => (l(), c("button", {
+      class: y(["badge gap-1", f(Xe)[e.size], f(Je)[e.color]]),
       type: e.type,
       disabled: e.disabled,
-      onClick: s[0] || (s[0] = (c) => n("click"))
+      onClick: n[0] || (n[0] = (u) => o("click"))
     }, [
-      B(l.$slots, "default"),
-      e.icon ? (o(), g(b(I), {
+      D(s.$slots, "default"),
+      e.icon ? (l(), v(f(j), {
         key: 0,
         icon: e.icon,
         size: e.size
-      }, null, 8, ["icon", "size"])) : y("", !0)
-    ], 10, Qe));
+      }, null, 8, ["icon", "size"])) : x("", !0)
+    ], 10, Ye));
   }
-}), Xe = /* @__PURE__ */ p({
+}), et = /* @__PURE__ */ p({
   __name: "confirmModal",
   props: {
     title: {},
@@ -363,33 +363,33 @@ const We = {
   },
   emits: ["closeModal"],
   setup(e, { emit: t }) {
-    const n = t, l = (s) => {
-      n("closeModal", { confirmed: s });
+    const o = t, s = (n) => {
+      o("closeModal", { confirmed: n });
     };
-    return (s, c) => (o(), g(Ee, {
+    return (n, u) => (l(), v(Ze, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
-      content: D(() => [
-        T(v(e.message), 1)
+      content: C(() => [
+        S(h(e.message), 1)
       ]),
-      actions: D(() => [
-        C(b(q), {
-          color: b(j).secondary,
+      actions: C(() => [
+        B(f(J), {
+          color: f(G).secondary,
           outline: !0,
-          onClick: c[0] || (c[0] = (h) => l(!1))
+          onClick: u[0] || (u[0] = (b) => s(!1))
         }, {
-          default: D(() => [
-            T(v(e.cancelLabel), 1)
+          default: C(() => [
+            S(h(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        C(b(q), {
-          onClick: c[1] || (c[1] = (h) => l(!0))
+        B(f(J), {
+          onClick: u[1] || (u[1] = (b) => s(!0))
         }, {
-          default: D(() => [
-            T(v(e.confirmLabel), 1)
+          default: C(() => [
+            S(h(e.confirmLabel), 1)
           ]),
           _: 1
         })
@@ -398,22 +398,22 @@ const We = {
     }, 8, ["modal-title"]));
   }
 });
-class ce {
+class ue {
   constructor() {
-    this.showModal = S(!1), this.modals = [];
+    this.showModal = N(!1), this.modals = [];
   }
   openModal(t) {
-    const n = t.props.onClose, l = ne(), s = t;
-    t.props.onClose = (c) => {
-      n(c), this.closeModal(l);
-    }, s.id = l, this.modals = [...this.modals, s], this.showModal.value = Date.now();
+    const o = t.props.onClose, s = le(), n = t;
+    t.props.onClose = (u) => {
+      o(u), this.closeModal(s);
+    }, n.id = s, this.modals = [...this.modals, n], this.showModal.value = Date.now();
   }
   closeModal(t) {
-    this.modals = this.modals.filter((n) => n.id !== t), this.showModal.value = Date.now();
+    this.modals = this.modals.filter((o) => o.id !== t), this.showModal.value = Date.now();
   }
   static showConfirm(t) {
     this.getInstance().openModal({
-      component: Xe,
+      component: et,
       props: t
     });
   }
@@ -421,7 +421,7 @@ class ce {
     this.getInstance().openModal(t);
   }
   static getInstance() {
-    return this.instance || (this.instance = new ce()), this.instance;
+    return this.instance || (this.instance = new ue()), this.instance;
   }
   static closeAll() {
     this.instance.closeAll();
@@ -430,19 +430,19 @@ class ce {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const Ye = /* @__PURE__ */ p({
+const tt = /* @__PURE__ */ p({
   __name: "modalWrapper",
   setup(e) {
-    const t = ce.getInstance(), n = k(() => t.showModal.value ? t.modals : []);
-    return (l, s) => (o(!0), i(x, null, $(n.value, (c) => (o(), g(ae(c?.component), P({
-      key: c.id,
+    const t = ue.getInstance(), o = $(() => t.showModal.value ? t.modals : []);
+    return (s, n) => (l(!0), c(k, null, L(o.value, (u) => (l(), v(ae(u?.component), V({
+      key: u.id,
       ref_for: !0
-    }, c?.props, {
+    }, u?.props, {
       open: !0,
-      onCloseModal: c?.props?.onClose
+      onCloseModal: u?.props?.onClose
     }), null, 16, ["onCloseModal"]))), 128));
   }
-}), et = /* @__PURE__ */ p({
+}), ot = /* @__PURE__ */ p({
   __name: "notification-message",
   props: {
     message: {},
@@ -455,34 +455,34 @@ const Ye = /* @__PURE__ */ p({
       warning: "alert-warning",
       info: "alert-info"
     };
-    return (n, l) => (o(), i("div", {
+    return (o, s) => (l(), c("div", {
       role: "alert",
-      class: w(`alert ${t[e.type]} `)
+      class: y(`alert ${t[e.type]} `)
     }, [
-      a("span", null, v(e.message), 1)
+      a("span", null, h(e.message), 1)
     ], 2));
   }
-}), tt = 5e3;
-class ue {
+}), lt = 5e3;
+class de {
   constructor() {
-    this.notifications = S([]), this.addNotification = (t, n = "info") => {
-      const l = {
-        id: ne(),
-        duration: tt,
+    this.notifications = N([]), this.addNotification = (t, o = "info") => {
+      const s = {
+        id: le(),
+        duration: lt,
         message: t,
-        type: n
+        type: o
       };
-      this.notifications.value.push(l), this.removeNotificationAfterDuration(l);
+      this.notifications.value.push(s), this.removeNotificationAfterDuration(s);
     }, this.removeNotificationAfterDuration = (t) => {
       setTimeout(() => {
         this.removeNotification(t.id);
       }, t.duration);
     }, this.removeNotification = (t) => {
-      this.notifications.value = this.notifications.value.filter((n) => n.id !== t);
+      this.notifications.value = this.notifications.value.filter((o) => o.id !== t);
     };
   }
   static getInstance() {
-    return this.instance || (this.instance = new ue()), this.instance;
+    return this.instance || (this.instance = new de()), this.instance;
   }
   static info(t) {
     this.getInstance().addNotification(t, "info");
@@ -500,17 +500,17 @@ class ue {
     this.getInstance().removeNotification(t);
   }
 }
-const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__ */ p({
+const nt = { class: "toast toast-top toast-center z-[999]" }, st = /* @__PURE__ */ p({
   __name: "notifications",
   setup(e) {
-    const t = ue.getInstance();
-    return (n, l) => (o(), i("div", nt, [
-      (o(!0), i(x, null, $(b(t).notifications.value, (s) => (o(), g(et, P({
-        key: s.id
-      }, { ref_for: !0 }, s), null, 16))), 128))
+    const t = de.getInstance();
+    return (o, s) => (l(), c("div", nt, [
+      (l(!0), c(k, null, L(f(t).notifications.value, (n) => (l(), v(ot, V({
+        key: n.id
+      }, { ref_for: !0 }, n), null, 16))), 128))
     ]));
   }
-}), st = { class: "flex h-screen flex-col" }, lt = { class: "shrink-0" }, at = { class: "navbar bg-primary text-primary-content w-full z-100" }, it = { class: "navbar-start" }, rt = { class: "navbar-center" }, ct = ["href"], ut = { class: "navbar-end" }, dt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, mt = { class: "drawer-side h-full shadow-md" }, ft = { class: "flex-grow overflow-y-auto" }, bt = { class: "bg-base-200 p-4" }, Rn = /* @__PURE__ */ p({
+}), at = { class: "flex h-screen flex-col" }, it = { class: "shrink-0" }, rt = { class: "navbar bg-primary text-primary-content w-full z-100" }, ct = { class: "navbar-start" }, ut = { class: "navbar-center" }, dt = ["href"], mt = { class: "navbar-end" }, bt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, ft = { class: "drawer-side h-full shadow-md" }, ht = { class: "flex-grow overflow-y-auto" }, pt = { class: "bg-base-200 p-4" }, Oo = /* @__PURE__ */ p({
   __name: "shell.component",
   props: {
     title: {},
@@ -521,62 +521,62 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   },
   emits: ["logout"],
   setup(e, { emit: t }) {
-    const l = e, s = S(!1), c = () => {
-      s.value = !s.value;
-    }, h = t, f = k(() => l.user ? {
-      label: l.user.name,
+    const s = e, n = N(!1), u = () => {
+      n.value = !n.value;
+    }, b = t, m = $(() => s.user ? {
+      label: s.user.name,
       items: [
         {
           label: "Logout",
           action: () => {
-            h("logout");
+            b("logout");
           }
         }
       ]
     } : null);
-    return (u, d) => (o(), i(x, null, [
-      C(ot),
-      C(b(Ye)),
-      a("div", st, [
-        a("header", lt, [
-          a("nav", at, [
-            a("div", it, [
+    return (i, d) => (l(), c(k, null, [
+      B(st),
+      B(f(tt)),
+      a("div", at, [
+        a("header", it, [
+          a("nav", rt, [
+            a("div", ct, [
               a("button", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
-                onClick: c
+                onClick: u
               }, [
-                C(b(I), {
-                  icon: b(z).Hamburger
+                B(f(j), {
+                  icon: f(F).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            a("div", rt, [
+            a("div", ut, [
               a("a", {
                 class: "btn btn-ghost text-primary-content text-lg color-white",
-                href: b("/")
-              }, v(e.title), 9, ct)
+                href: f("/")
+              }, h(e.title), 9, dt)
             ]),
-            a("div", ut, [
-              f.value ? (o(), g(b(ie), P({ key: 0 }, f.value, { "btn-class": "" }), null, 16)) : y("", !0)
+            a("div", mt, [
+              m.value ? (l(), v(f(re), V({ key: 0 }, m.value, { "btn-class": "" }), null, 16)) : x("", !0)
             ])
           ])
         ]),
         a("div", {
-          class: w(["drawer flex-1 overflow-hidden", { "drawer-open": s.value }])
+          class: y(["drawer flex-1 overflow-hidden", { "drawer-open": n.value }])
         }, [
-          W(a("input", {
+          I(a("input", {
             id: "app-drawer",
-            "onUpdate:modelValue": d[0] || (d[0] = (r) => s.value = r),
+            "onUpdate:modelValue": d[0] || (d[0] = (r) => n.value = r),
             type: "checkbox",
             class: "drawer-toggle"
           }, null, 512), [
-            [ye, s.value]
+            [fe, n.value]
           ]),
-          a("main", dt, [
-            B(u.$slots, "default")
+          a("main", bt, [
+            D(i.$slots, "default")
           ]),
-          a("div", mt, [
+          a("div", ft, [
             d[1] || (d[1] = a("label", {
               for: "app-drawer",
               "aria-label": "close sidebar",
@@ -584,30 +584,30 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
             }, null, -1)),
             a("div", {
               class: "menu bg-base-100 h-full flex flex-col justify-between",
-              style: le({ width: e.widthSidebar + "px" })
+              style: se({ width: e.widthSidebar + "px" })
             }, [
-              a("ul", ft, [
-                (o(!0), i(x, null, $(e.menu, (r) => (o(), i("li", {
+              a("ul", ht, [
+                (l(!0), c(k, null, L(e.menu, (r) => (l(), c("li", {
                   key: r.label
                 }, [
-                  C(b(_e), {
+                  B(f(_e), {
                     to: { name: r.routerLink, params: r.params }
                   }, {
-                    default: D(() => [
-                      T(v(r.label), 1)
+                    default: C(() => [
+                      S(h(r.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])
                 ]))), 128))
               ]),
-              a("div", bt, " version: " + v(e.version), 1)
+              a("div", pt, " version: " + h(e.version), 1)
             ], 4)
           ])
         ], 2)
       ])
     ], 64));
   }
-}), O = /* @__PURE__ */ p({
+}), Q = /* @__PURE__ */ p({
   __name: "pagination-button.component",
   props: {
     currentPage: {},
@@ -618,25 +618,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, s = k(
-      () => n.neverActive ? !1 : n.page === n.currentPage
-    ), c = k(() => n.neverActive ? j.blank : s.value ? j.primary : j.secondary), h = () => {
-      l("updatePage", n.page);
+    const o = e, s = t, n = $(
+      () => o.neverActive ? !1 : o.page === o.currentPage
+    ), u = $(() => o.neverActive ? G.blank : n.value ? G.primary : G.secondary), b = () => {
+      s("updatePage", o.page);
     };
-    return (f, u) => (o(), g(b(q), {
+    return (m, i) => (l(), v(f(J), {
       disabled: e.disabled,
       square: !0,
       size: "xs",
-      color: c.value,
-      onClick: u[0] || (u[0] = (d) => h())
+      color: u.value,
+      onClick: i[0] || (i[0] = (d) => b())
     }, {
-      default: D(() => [
-        T(v(e.label), 1)
+      default: C(() => [
+        S(h(e.label), 1)
       ]),
       _: 1
     }, 8, ["disabled", "color"]));
   }
-}), ht = { class: "flex gap-2" }, vt = { class: "flex flex-1 justify-center items-center" }, gt = { class: "flex gap-1" }, pt = { class: "text-sm" }, E = 6, yt = /* @__PURE__ */ p({
+}), vt = { class: "flex gap-2" }, gt = { class: "flex flex-1 justify-center items-center" }, yt = { class: "flex gap-1" }, xt = { class: "text-sm" }, X = 6, wt = /* @__PURE__ */ p({
   __name: "pagination.component",
   props: {
     totalItems: { type: Number, default: 0 },
@@ -645,48 +645,48 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
   },
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
-    const n = e, l = t, s = k(() => {
-      let r = Math.ceil(n.totalItems / n.itemsPerPage);
+    const o = e, s = t, n = $(() => {
+      let r = Math.ceil(o.totalItems / o.itemsPerPage);
       return r < 1 ? 1 : r;
-    }), c = E / 2, h = k(() => {
-      if (s.value <= E)
+    }), u = X / 2, b = $(() => {
+      if (n.value <= X)
         return {
           min: 1,
-          max: s.value
+          max: n.value
         };
-      let r = n.currentPage - c;
-      r <= 1 ? r = 1 : r + E > s.value && (r = s.value - E);
-      let V = r + E;
+      let r = o.currentPage - u;
+      r <= 1 ? r = 1 : r + X > n.value && (r = n.value - X);
+      let A = r + X;
       return {
         min: r,
-        max: V
+        max: A
       };
-    }), f = (r) => ({
+    }), m = (r) => ({
       label: "...",
       currentPage: r,
       page: -10,
       disabled: !0,
       neverActive: !0
-    }), u = k(() => {
-      let r = s.value;
+    }), i = $(() => {
+      let r = n.value;
       r < 1 && (r = 1);
-      const V = n.currentPage, A = [], { min: N, max: U } = h.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 && A.push(f(V)), A.push({
-          label: `${m}`,
+      const A = o.currentPage, T = [], { min: R, max: E } = b.value;
+      return Array.from({ length: r }, (_, g) => {
+        const w = g + 1;
+        w !== 1 && w !== r && (w > E || w < R) || (w === r && r > 1 && E < r && T.push(m(A)), T.push({
+          label: `${w}`,
           totalPages: r,
-          currentPage: V,
-          page: m
-        }), m === 1 && r > 1 && N > 1 && A.push(f(V)));
-      }), A;
+          currentPage: A,
+          page: w
+        }), w === 1 && r > 1 && R > 1 && T.push(m(A)));
+      }), T;
     }), d = (r) => {
-      l("updatePage", r);
+      s("updatePage", r);
     };
-    return (r, V) => (o(), i("div", ht, [
-      a("div", vt, [
-        a("div", gt, [
-          C(O, P(n, {
+    return (r, A) => (l(), c("div", vt, [
+      a("div", gt, [
+        a("div", yt, [
+          B(Q, V(o, {
             page: 1,
             label: "<<",
             "current-page": e.currentPage,
@@ -694,7 +694,7 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: d
           }), null, 16, ["current-page", "disabled"]),
-          C(O, P(n, {
+          B(Q, V(o, {
             page: e.currentPage - 1,
             label: "<",
             "current-page": e.currentPage,
@@ -702,37 +702,37 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"]),
-          (o(!0), i(x, null, $(u.value, (A) => (o(), g(O, P({
-            key: A.page,
+          (l(!0), c(k, null, L(i.value, (T) => (l(), v(Q, V({
+            key: T.page,
             ref_for: !0
-          }, A, { onUpdatePage: d }), null, 16))), 128)),
-          C(O, P(n, {
+          }, T, { onUpdatePage: d }), null, 16))), 128)),
+          B(Q, V(o, {
             page: e.currentPage + 1,
             label: ">",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === s.value,
+            disabled: o.currentPage === n.value,
             onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"]),
-          C(O, P(n, {
-            page: s.value,
+          B(Q, V(o, {
+            page: n.value,
             label: ">>",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === s.value,
+            disabled: o.currentPage === n.value,
             onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      a("div", pt, " page " + v(e.currentPage) + " of " + v(s.value), 1)
+      a("div", xt, " page " + h(e.currentPage) + " of " + h(n.value), 1)
     ]));
   }
-}), de = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, s] of t)
-    n[l] = s;
-  return n;
-}, wt = () => ({
+}), me = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [s, n] of t)
+    o[s] = n;
+  return o;
+}, kt = () => ({
   data: {
     type: Object,
     required: !0
@@ -745,10 +745,10 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     type: Object,
     required: !1
   }
-}), xt = p({
+}), $t = p({
   name: "TextCell",
   props: {
-    ...wt()
+    ...kt()
   },
   computed: {
     value() {
@@ -756,11 +756,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;
     }
   }
-}), kt = xt;
-function $t(e, t, n, l, s, c) {
-  return v(e.value) + " - value";
+}), Ct = $t;
+function Bt(e, t, o, s, n, u) {
+  return h(e.value) + " - value";
 }
-const Kn = /* @__PURE__ */ de(kt, [["render", $t]]), Ct = { class: "flex-grow pr-2" }, _t = { class: "h-4 w-4" }, Lt = /* @__PURE__ */ p({
+const Eo = /* @__PURE__ */ me(Ct, [["render", Bt]]), _t = { class: "flex-grow pr-2" }, Lt = { class: "h-4 w-4" }, Mt = /* @__PURE__ */ p({
   __name: "sort.header",
   props: {
     column: {},
@@ -769,25 +769,25 @@ const Kn = /* @__PURE__ */ de(kt, [["render", $t]]), Ct = { class: "flex-grow pr
   },
   emits: ["sort"],
   setup(e, { emit: t }) {
-    const n = e, l = k(
-      () => n.sortDirection === "asc" ? z.BarsArrowUp : z.BarsArrowDown
-    ), s = k(() => n.column.options?.sortId ?? n.column.id), c = () => {
-      h("sort", s.value);
-    }, h = t;
-    return (f, u) => (o(), i("button", {
+    const o = e, s = $(
+      () => o.sortDirection === "asc" ? F.BarsArrowUp : F.BarsArrowDown
+    ), n = $(() => o.column.options?.sortId ?? o.column.id), u = () => {
+      b("sort", n.value);
+    }, b = t;
+    return (m, i) => (l(), c("button", {
       class: "flex items-center",
-      onClick: c
+      onClick: u
     }, [
-      a("span", Ct, v(e.column.label), 1),
-      a("div", _t, [
-        e.sortColumn === s.value ? (o(), g(b(I), {
+      a("span", _t, h(e.column.label), 1),
+      a("div", Lt, [
+        e.sortColumn === n.value ? (l(), v(f(j), {
           key: 0,
-          icon: l.value
-        }, null, 8, ["icon"])) : y("", !0)
+          icon: s.value
+        }, null, 8, ["icon"])) : x("", !0)
       ])
     ]));
   }
-}), Mt = { class: "table w-full" }, Bt = { key: 0 }, Pt = ["colspan"], Dt = { class: "flex gap-2" }, Fn = /* @__PURE__ */ p({
+}), Pt = { class: "table w-full" }, Vt = { key: 0 }, Dt = ["colspan"], At = { class: "flex gap-2" }, Wo = /* @__PURE__ */ p({
   __name: "table.component",
   props: {
     loading: { type: Boolean },
@@ -799,133 +799,133 @@ const Kn = /* @__PURE__ */ de(kt, [["render", $t]]), Ct = { class: "flex-grow pr
   },
   emits: ["delete", "edit", "updatePage", "sort"],
   setup(e, { emit: t }) {
-    const n = t, l = (f) => {
-      n("edit", f);
-    }, s = (f) => {
-      n("delete", f);
-    }, c = (f) => {
-      n("updatePage", f);
-    }, h = (f) => {
-      n("sort", f);
+    const o = t, s = (m) => {
+      o("edit", m);
+    }, n = (m) => {
+      o("delete", m);
+    }, u = (m) => {
+      o("updatePage", m);
+    }, b = (m) => {
+      o("sort", m);
     };
-    return (f, u) => (o(), i(x, null, [
-      a("table", Mt, [
+    return (m, i) => (l(), c(k, null, [
+      a("table", Pt, [
         a("thead", null, [
           a("tr", null, [
-            (o(!0), i(x, null, $(e.displayColumns, (d) => (o(), i("th", {
+            (l(!0), c(k, null, L(e.displayColumns, (d) => (l(), c("th", {
               key: d.scope
             }, [
-              C(Lt, P({ column: d }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
+              B(Mt, V({ column: d }, { ref_for: !0 }, e.sort, { onSort: b }), null, 16, ["column"])
             ]))), 128)),
-            u[0] || (u[0] = a("th", null, null, -1))
+            i[0] || (i[0] = a("th", null, null, -1))
           ])
         ]),
         a("tbody", null, [
-          e.loading ? (o(), i("tr", Bt, [
+          e.loading ? (l(), c("tr", Vt, [
             a("td", {
               colspan: e.displayColumns.length + 1,
               class: "text-center"
-            }, [...u[1] || (u[1] = [
+            }, [...i[1] || (i[1] = [
               a("span", { class: "loading loading-bars loading-xs" }, null, -1)
-            ])], 8, Pt)
-          ])) : y("", !0),
-          (o(!0), i(x, null, $(e.data, (d) => (o(), i("tr", {
+            ])], 8, Dt)
+          ])) : x("", !0),
+          (l(!0), c(k, null, L(e.data, (d) => (l(), c("tr", {
             key: d.id
           }, [
-            (o(!0), i(x, null, $(e.displayColumns, (r) => (o(), i("td", {
+            (l(!0), c(k, null, L(e.displayColumns, (r) => (l(), c("td", {
               key: r.scope
             }, [
-              (o(), g(ae(r.component), P({ ref_for: !0 }, r, {
+              (l(), v(ae(r.component), V({ ref_for: !0 }, r, {
                 data: d,
                 column: r
               }), null, 16, ["data", "column"]))
             ]))), 128)),
             a("td", null, [
-              a("span", Dt, [
-                (o(!0), i(x, null, $(e.actions, (r) => (o(), g(q, {
+              a("span", At, [
+                (l(!0), c(k, null, L(e.actions, (r) => (l(), v(J, {
                   key: r.label,
                   icon: r.icon,
                   outline: !0,
-                  onClick: (V) => r.action(d)
+                  onClick: (A) => r.action(d)
                 }, {
-                  default: D(() => [
-                    T(v(r.label), 1)
+                  default: C(() => [
+                    S(h(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                C(q, {
-                  icon: b(z).Edit,
+                B(J, {
+                  icon: f(F).Edit,
                   outline: !0,
-                  onClick: (r) => l(d)
+                  onClick: (r) => s(d)
                 }, null, 8, ["icon", "onClick"]),
-                C(q, {
-                  icon: b(z).Delete,
+                B(J, {
+                  icon: f(F).Delete,
                   outline: !0,
-                  onClick: (r) => s(d)
+                  onClick: (r) => n(d)
                 }, null, 8, ["icon", "onClick"])
               ])
             ])
           ]))), 128))
         ])
       ]),
-      e.page ? (o(), g(yt, {
+      e.page ? (l(), v(wt, {
         key: 0,
         class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
         "total-items": e.page.count,
         "items-per-page": e.page.pageSize,
         "current-page": e.page.page,
-        onUpdatePage: c
-      }, null, 8, ["total-items", "items-per-page", "current-page"])) : y("", !0)
+        onUpdatePage: u
+      }, null, 8, ["total-items", "items-per-page", "current-page"])) : x("", !0)
     ], 64));
   }
-}), Vt = {}, At = { class: "card bg-base-100 shadow-sm" }, zt = { class: "card-body" }, Tt = {
+}), Tt = {}, zt = { class: "card bg-base-100 shadow-sm" }, Ft = { class: "card-body" }, St = {
   key: 0,
   class: "card-title"
-}, St = {
+}, Nt = {
   key: 1,
   class: "card-actions justify-end"
 };
-function Nt(e, t) {
-  return o(), i("div", At, [
-    a("div", zt, [
-      e.$slots.title ? (o(), i("h2", Tt, [
-        B(e.$slots, "title")
-      ])) : y("", !0),
+function Kt(e, t) {
+  return l(), c("div", zt, [
+    a("div", Ft, [
+      e.$slots.title ? (l(), c("h2", St, [
+        D(e.$slots, "title")
+      ])) : x("", !0),
       a("p", null, [
-        B(e.$slots, "default"),
-        B(e.$slots, "content")
+        D(e.$slots, "default"),
+        D(e.$slots, "content")
       ]),
-      e.$slots.actions ? (o(), i("div", St, [
-        B(e.$slots, "actions")
-      ])) : y("", !0)
+      e.$slots.actions ? (l(), c("div", Nt, [
+        D(e.$slots, "actions")
+      ])) : x("", !0)
     ])
   ]);
 }
-const In = /* @__PURE__ */ de(Vt, [["render", Nt]]), Un = (e, t) => {
+const Zo = /* @__PURE__ */ me(Tt, [["render", Kt]]), Go = (e, t) => {
   if (!e) return null;
-  const n = (l) => {
-    e.contains(l.target) || t();
+  const o = (s) => {
+    e.contains(s.target) || t();
   };
-  return document.addEventListener("click", n), n;
-}, Hn = (e) => {
+  return document.addEventListener("click", o), o;
+}, Jo = (e) => {
   document.removeEventListener("click", e);
-}, jn = {
+}, Qo = {
   beforeMount(e, t) {
-    e.clickOutsideEvent = function(n) {
-      e === n.target || e.contains(n.target) || t.value(n);
+    e.clickOutsideEvent = function(o) {
+      e === o.target || e.contains(o.target) || t.value(o);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted(e) {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function qn(e) {
+function Xo(e) {
   const t = we();
   if (!t)
     return !1;
-  const n = t.vnode.props;
-  return n ? !!(n[me(e)] || // also try camelCase event handler (#2249)
-  n[me(xe(e))]) : !1;
+  const o = t.vnode.props;
+  return o ? !!(o[be(e)] || // also try camelCase event handler (#2249)
+  o[be(ke(e))]) : !1;
 }
 const Rt = {
   group: {
@@ -951,6 +951,7 @@ const Rt = {
     label: "fieldset-legend",
     error: "",
     input: "input",
+    textarea: "input h-32",
     select: "select",
     description: "form-control--description label text-xs text-gray-500"
   },
@@ -958,8 +959,8 @@ const Rt = {
     root: "flex flex-row gap-x-2",
     item: "w-full"
   }
-}, G = () => ({
-  id: ne(),
+}, q = () => ({
+  id: le(),
   visible: !0,
   required: !1,
   enabled: !0,
@@ -967,15 +968,19 @@ const Rt = {
   isTouched: !1,
   hideLabel: !1,
   styles: Rt
-}), Kt = () => ({
-  ...G(),
+}), It = () => ({
+  ...q(),
   options: [],
   valueKey: "value",
   labelKey: "label"
-}), Ft = (e, t, n) => !!(e && n), It = (e, t, n, l) => t === void 0 || t !== void 0 && !e || !l && !n, Ut = { key: 0 }, oe = /* @__PURE__ */ p({
+}), ye = (e, t, o) => !!(e && o), Ut = (e, t, o, s) => t === void 0 || t !== void 0 && !e || !s && !o, Yo = (e, t, o, s) => [
+  e?.control.input,
+  { "input-error": ye(o, t, s) }
+], qt = { key: 0 }, O = /* @__PURE__ */ p({
   __name: "ControlWrapper",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ U({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -986,38 +991,39 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {}
-  }, G()),
+  }, q()),
   setup(e) {
-    const t = e, n = k(() => !It(
+    const t = e, o = $(() => !Ut(
       t.visible,
       t.description,
       t.isFocused,
       !0
-    )), l = k(() => t.required), s = k(() => Ft(
+    )), s = $(() => t.required), n = $(() => ye(
       t.isTouched,
       t.isFocused,
       t.errors
     ));
-    return (c, h) => (o(), i("fieldset", {
-      class: w(e.styles.control.wrapper)
+    return (u, b) => (l(), c("fieldset", {
+      class: y(e.styles.control.wrapper)
     }, [
-      e.hideLabel ? y("", !0) : (o(), i("legend", {
+      e.hideLabel ? x("", !0) : (l(), c("legend", {
         key: 0,
-        class: w(e.styles.control.label)
+        class: y(e.styles.control.label)
       }, [
-        T(v(e.label) + " ", 1),
-        l.value ? (o(), i("span", Ut, "*")) : y("", !0)
+        S(h(e.label) + " ", 1),
+        s.value ? (l(), c("span", qt, "*")) : x("", !0)
       ], 2)),
-      B(c.$slots, "default"),
+      D(u.$slots, "default"),
       a("p", {
-        class: w(["fieldset-label h-4", { "text-error": s.value }])
-      }, v(s.value ? e.errors : n.value ? e.description : null), 3)
+        class: y(["fieldset-label h-4", { "text-error": n.value }])
+      }, h(n.value ? e.errors : o.value ? e.description : null), 3)
     ], 2));
   }
-}), Ht = ["disabled"], jt = ["value"], On = /* @__PURE__ */ p({
+}), jt = ["disabled"], Ht = ["value"], el = /* @__PURE__ */ p({
   __name: "SelectComponent",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1032,7 +1038,7 @@ const Rt = {
     valueKey: {},
     labelKey: {}
   }, {
-    ...G(),
+    ...q(),
     options: [],
     valueKey: "value",
     labelKey: "label"
@@ -1040,46 +1046,47 @@ const Rt = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, s = Y(e, "modelValue"), c = (u) => {
-      l("change", u);
-    }, h = (u) => {
-      l("focus", u);
-    }, f = (u) => {
-      l("blur", u);
+    const o = e, s = t, n = H(e, "modelValue"), u = (i) => {
+      s("change", i);
+    }, b = (i) => {
+      s("focus", i);
+    }, m = (i) => {
+      s("blur", i);
     };
-    return (u, d) => (o(), g(oe, ee(te(n)), {
-      default: D(() => [
-        W(a("select", {
-          "onUpdate:modelValue": d[0] || (d[0] = (r) => s.value = r),
+    return (i, d) => (l(), v(O, W(Z(o)), {
+      default: C(() => [
+        I(a("select", {
+          "onUpdate:modelValue": d[0] || (d[0] = (r) => n.value = r),
           disabled: !e.enabled,
-          class: w(["select select-bordered", e.styles.control.select]),
-          onChange: c,
-          onFocus: h,
-          onBlur: f
+          class: y(["select select-bordered", e.styles.control.select]),
+          onChange: u,
+          onFocus: b,
+          onBlur: m
         }, [
-          (o(!0), i(x, null, $(e.options, (r) => (o(), i("option", {
+          (l(!0), c(k, null, L(e.options, (r) => (l(), c("option", {
             key: r[e.valueKey],
             value: r
-          }, v(r[e.labelKey]), 9, jt))), 128))
-        ], 42, Ht), [
-          [ke, s.value]
+          }, h(r[e.labelKey]), 9, Ht))), 128))
+        ], 42, jt), [
+          [$e, n.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), qt = ["disabled"], Ot = {
+}), Ot = ["disabled"], Et = {
   key: 0,
-  class: /* @__PURE__ */ w([
+  class: /* @__PURE__ */ y([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50`
   ])
-}, Et = ["onClick", "onBlur"], En = /* @__PURE__ */ p({
+}, Wt = ["onClick", "onBlur"], tl = /* @__PURE__ */ p({
   __name: "AutoComplete",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1094,91 +1101,92 @@ const Rt = {
     options: {},
     valueKey: {},
     labelKey: {}
-  }, Kt()), {
+  }, It()), {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, s = Y(e, "modelValue"), c = S(""), h = (m) => {
-      l("change", m);
-    }, f = (m) => {
-      l("focus", m);
-    }, u = (m) => {
-      l("blur", m);
-    }, d = S(!1), r = S([]), V = (m) => {
-      d.value = !0, A(m);
-    }, A = (m) => {
-      s.value = m, h(m);
-    }, N = (m) => {
-      r.value?.length === m + 1 && (r.value = []);
-    }, U = Le(), M = (m) => m[n.valueKey], R = (m) => m?.[n.labelKey] ?? "";
-    return Q(
-      () => s.value,
-      (m) => {
-        m && !M(m) || (d.value = !0, r.value = [], c.value = R(m));
+    const o = e, s = t, n = H(e, "modelValue"), u = N(""), b = (g) => {
+      s("change", g);
+    }, m = (g) => {
+      s("focus", g);
+    }, i = (g) => {
+      s("blur", g);
+    }, d = N(!1), r = N([]), A = (g) => {
+      d.value = !0, T(g);
+    }, T = (g) => {
+      n.value = g, b(g);
+    }, R = (g) => {
+      r.value?.length === g + 1 && (r.value = []);
+    }, E = (g) => g[o.valueKey], _ = (g) => g?.[o.labelKey] ?? "";
+    return te(
+      () => n.value,
+      (g) => {
+        g && !E(g) || (d.value = !0, r.value = [], u.value = _(g));
       },
       { immediate: !0 }
-    ), Q(
-      () => c.value,
-      (m) => {
+    ), te(
+      () => u.value,
+      (g) => {
         if (d.value) {
           d.value = !1;
           return;
         }
-        if (A({ [n.labelKey]: m }), n.config) {
-          const { uri: _, skipAuth: H, dataField: K } = n.config;
-          U.get(`${_}${m}`, { skipAuth: H }).then((se) => {
-            r.value = se.data[K];
+        if (T({ [o.labelKey]: g }), o.config) {
+          const { uri: w, skipAuth: z, dataField: K } = o.config;
+          (o.config.skipAuth ? Le : Me()).get(`${w}${g}`).then((ne) => {
+            r.value = ne.data[K];
           });
-        } else n.options && (r.value = n.options.filter((_) => R(_).toLowerCase().includes(m)).slice(0, 10));
+        } else o.options && (r.value = o.options.filter((w) => _(w).toLowerCase().includes(g)).slice(0, 10));
       }
-    ), (m, _) => {
-      const H = fe("click-outside");
-      return o(), g(oe, ee(te(n)), {
-        default: D(() => [
-          W(a("input", {
-            "onUpdate:modelValue": _[0] || (_[0] = (K) => c.value = K),
+    ), (g, w) => {
+      const z = he("click-outside");
+      return l(), v(O, W(Z(o)), {
+        default: C(() => [
+          I(a("input", {
+            "onUpdate:modelValue": w[0] || (w[0] = (K) => u.value = K),
             autocomplete: "off",
             type: "text",
-            class: w([e.styles.control.select]),
+            class: y([e.styles.control.select]),
             disabled: !e.enabled,
-            onFocus: f,
-            onBlur: u
-          }, null, 42, qt), [
-            [$e, c.value]
+            onFocus: m,
+            onBlur: i
+          }, null, 42, Ot), [
+            [ie, u.value]
           ]),
-          W((o(), i("div", null, [
-            r.value?.length ? (o(), i("ul", Ot, [
-              (o(!0), i(x, null, $(r.value, (K, se) => (o(), i("li", {
+          I((l(), c("div", null, [
+            r.value?.length ? (l(), c("ul", Et, [
+              (l(!0), c(k, null, L(r.value, (K, Y) => (l(), c("li", {
                 key: K[e.valueKey]
               }, [
                 a("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: (ge) => V(K),
-                  onBlur: (ge) => N(se)
-                }, v(R(K)), 41, Et)
+                  onClick: (ne) => A(K),
+                  onBlur: (ne) => R(Y)
+                }, h(_(K)), 41, Wt)
               ]))), 128))
-            ])) : y("", !0)
+            ])) : x("", !0)
           ])), [
-            [H, () => r.value = []]
+            [z, () => r.value = []]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Wt = {
+}), Zt = {
   key: 0,
-  class: /* @__PURE__ */ w([
+  class: /* @__PURE__ */ y([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50 p-0`
   ])
-}, Zt = ["onClick"], Gt = { class: "w-4 mr-2" }, Wn = /* @__PURE__ */ p({
+}, Gt = ["onClick"], Jt = { class: "w-4 mr-2" }, ol = /* @__PURE__ */ p({
   __name: "MultiSelect",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1193,73 +1201,74 @@ const Rt = {
     valueKey: {},
     labelKey: {}
   }, {
-    ...G(),
+    ...q(),
     valueKey: "value",
     labelKey: "label"
   }), {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, s = Y(e, "modelValue");
-    let c = !1;
-    const h = (M) => {
-      l("change", M);
-    }, f = S(!1), u = () => {
-      f.value = !f.value, c = !0;
+    const o = e, s = t, n = H(e, "modelValue");
+    let u = !1;
+    const b = (_) => {
+      s("change", _);
+    }, m = N(!1), i = () => {
+      m.value = !m.value, u = !0;
     }, d = () => {
-      c || (f.value = !1), c = !1;
-    }, r = k(
-      () => s.value?.map((M) => N(M)) ?? []
-    ), V = (M) => r.value.includes(M), A = (M, R) => {
-      M.preventDefault();
-      let m = s.value ?? [];
-      const _ = N(R);
-      V(_) ? m = m.filter((K) => N(K) !== _) : m.push(R), s.value = m, h(m);
-    }, N = (M) => M[n.valueKey], U = (M) => M?.[n.labelKey] ?? "";
-    return (M, R) => {
-      const m = fe("click-outside");
-      return o(), g(oe, ee(te(n)), {
-        default: D(() => [
+      u || (m.value = !1), u = !1;
+    }, r = $(
+      () => n.value?.map((_) => R(_)) ?? []
+    ), A = (_) => r.value.includes(_), T = (_, g) => {
+      _.preventDefault();
+      let w = n.value ?? [];
+      const z = R(g);
+      A(z) ? w = w.filter((Y) => R(Y) !== z) : w.push(g), n.value = w, b(w);
+    }, R = (_) => _[o.valueKey], E = (_) => _?.[o.labelKey] ?? "";
+    return (_, g) => {
+      const w = he("click-outside");
+      return l(), v(O, W(Z(o)), {
+        default: C(() => [
           a("button", {
             type: "button",
-            class: w([e.styles.control.select, "w-full truncate block"]),
-            onClick: u
-          }, v(s.value?.map?.((_) => U(_)).join(", ") ?? "Select value"), 3),
-          W((o(), i("div", null, [
-            f.value ? (o(), i("ul", Wt, [
-              (o(!0), i(x, null, $(e.options, (_) => (o(), i("li", {
-                key: _[e.valueKey]
+            class: y([e.styles.control.select, "w-full truncate block"]),
+            onClick: i
+          }, h(n.value?.map?.((z) => E(z)).join(", ") ?? "Select value"), 3),
+          I((l(), c("div", null, [
+            m.value ? (l(), c("ul", Zt, [
+              (l(!0), c(k, null, L(e.options, (z) => (l(), c("li", {
+                key: z[e.valueKey]
               }, [
                 a("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: (H) => A(H, _)
+                  onClick: (K) => T(K, z)
                 }, [
-                  a("div", Gt, [
-                    V(N(_)) ? (o(), g(b(I), {
+                  a("div", Jt, [
+                    A(R(z)) ? (l(), v(f(j), {
                       key: 0,
-                      icon: b(z).Check,
+                      icon: f(F).Check,
                       size: "sm"
-                    }, null, 8, ["icon"])) : y("", !0)
+                    }, null, 8, ["icon"])) : x("", !0)
                   ]),
-                  T(" " + v(U(_)), 1)
-                ], 8, Zt)
+                  S(" " + h(E(z)), 1)
+                ], 8, Gt)
               ]))), 128))
-            ])) : y("", !0)
+            ])) : x("", !0)
           ])), [
-            [m, () => d()]
+            [w, () => d()]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Jt = { class: "card bg-base-100 border border-base-300" }, Qt = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, Xt = ["title", "onClick"], Yt = ["innerHTML"], en = { class: "card-body p-3" }, tn = /* @__PURE__ */ p({
+}), Qt = { class: "card bg-base-100 border border-base-300" }, Xt = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, Yt = ["title", "onClick"], eo = ["innerHTML"], to = { class: "card-body p-3" }, oo = /* @__PURE__ */ p({
   __name: "Markdown",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1272,7 +1281,7 @@ const Rt = {
     styles: {},
     actions: {}
   }, {
-    ...G(),
+    ...q(),
     actions: () => [
       {
         label: "<strong>B</strong>",
@@ -1289,12 +1298,12 @@ const Rt = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["update:modelValue"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, l = t, s = Y(e, "modelValue"), c = De({
-      content: s.value ?? "",
+    const o = e, s = t, n = H(e, "modelValue"), u = Ae({
+      content: n.value ?? "",
       extensions: [
-        Pe.configure({
+        De.configure({
           heading: !1,
           blockquote: !1,
           bulletList: !1,
@@ -1305,36 +1314,36 @@ const Rt = {
           horizontalRule: !1,
           hardBreak: !1
         }),
-        Ae.configure({
+        ze.configure({
           html: !1,
           transformPastedText: !0
           // parse markdown on paste
         })
       ],
-      onUpdate({ editor: h }) {
-        l("update:modelValue", h.storage.markdown.getMarkdown());
+      onUpdate({ editor: b }) {
+        s("update:modelValue", b.storage.markdown.getMarkdown());
       }
     });
     return Ce(() => {
-      c.value?.destroy();
-    }), (h, f) => (o(), g(oe, ee(te(n)), {
-      default: D(() => [
-        a("div", Jt, [
-          a("div", Qt, [
-            (o(!0), i(x, null, $(e.actions, (u) => (o(), i("button", {
-              key: u.name,
-              class: w(["btn btn-sm btn-ghost", { "btn-active": b(c)?.isActive(u.name) }]),
-              title: u.label,
-              onClick: (d) => u.action(b(c))
+      u.value?.destroy();
+    }), (b, m) => (l(), v(O, W(Z(o)), {
+      default: C(() => [
+        a("div", Qt, [
+          a("div", Xt, [
+            (l(!0), c(k, null, L(e.actions, (i) => (l(), c("button", {
+              key: i.name,
+              class: y(["btn btn-sm btn-ghost", { "btn-active": f(u)?.isActive(i.name) }]),
+              title: i.label,
+              onClick: (d) => i.action(f(u))
             }, [
               a("span", {
-                innerHTML: u.label
-              }, null, 8, Yt)
-            ], 10, Xt))), 128))
+                innerHTML: i.label
+              }, null, 8, eo)
+            ], 10, Yt))), 128))
           ]),
-          a("div", en, [
-            C(b(Ve), {
-              editor: b(c),
+          a("div", to, [
+            B(f(Te), {
+              editor: f(u),
               class: "prose prose-sm max-w-none min-h-24"
             }, null, 8, ["editor"])
           ])
@@ -1343,73 +1352,286 @@ const Rt = {
       _: 1
     }, 16));
   }
-}), Zn = /* @__PURE__ */ de(tn, [["__scopeId", "data-v-0d8fa163"]]), nn = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, on = {
+}), ll = /* @__PURE__ */ me(oo, [["__scopeId", "data-v-0d8fa163"]]), lo = { class: "flex items-center justify-center h-full" }, no = { class: "fieldset-label" }, so = ["disabled"], ao = { class: "font-bold text-gray-500 text-sm" }, nl = /* @__PURE__ */ p({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    options: {},
+    valueKey: {},
+    labelKey: {}
+  }, {
+    ...q()
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, n = H(e, "modelValue"), u = (i) => {
+      s("change", i);
+    }, b = (i) => {
+      s("focus", i);
+    }, m = (i) => {
+      s("blur", i);
+    };
+    return (i, d) => (l(), c("div", lo, [
+      B(O, V(o, { "hide-label": !0 }), {
+        default: C(() => [
+          a("label", no, [
+            I(a("input", {
+              "onUpdate:modelValue": d[0] || (d[0] = (r) => n.value = r),
+              type: "checkbox",
+              class: y(["checkbox", e.styles.control.checkbox]),
+              disabled: !e.enabled,
+              onChange: u,
+              onFocus: b,
+              onBlur: m
+            }, null, 42, so), [
+              [fe, n.value]
+            ]),
+            a("span", ao, h(e.label), 1)
+          ])
+        ]),
+        _: 1
+      }, 16)
+    ]));
+  }
+}), io = ["type", "disabled", "autofocus", "placeholder"], sl = /* @__PURE__ */ p({
+  __name: "Input",
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    type: {}
+  }, {
+    ...q(),
+    type: "text"
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, n = H(e, "modelValue"), u = (i) => {
+      s("change", i);
+    }, b = (i) => {
+      s("focus", i);
+    }, m = (i) => {
+      s("blur", i);
+    };
+    return (i, d) => (l(), v(O, W(Z(o)), {
+      default: C(() => [
+        I(a("input", {
+          "onUpdate:modelValue": d[0] || (d[0] = (r) => n.value = r),
+          autocomplete: "off",
+          type: e.type,
+          class: y([e.styles.control.input]),
+          disabled: !e.enabled,
+          autofocus: e.isFocused,
+          placeholder: e.placeholder,
+          onChange: u,
+          onFocus: b,
+          onBlur: m
+        }, null, 42, io), [
+          [Be, n.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), ro = ["disabled", "step", "autofocus", "placeholder"], al = /* @__PURE__ */ p({
+  __name: "InputNumber",
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    steps: {}
+  }, {
+    ...q(),
+    steps: 1
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, n = H(e, "modelValue"), u = (i) => {
+      s("change", i);
+    }, b = (i) => {
+      s("focus", i);
+    }, m = (i) => {
+      s("blur", i);
+    };
+    return (i, d) => (l(), v(O, W(Z(o)), {
+      default: C(() => [
+        I(a("input", {
+          "onUpdate:modelValue": d[0] || (d[0] = (r) => n.value = r),
+          autocomplete: "off",
+          type: "number",
+          class: y([e.styles.control.input]),
+          disabled: !e.enabled,
+          step: e.steps,
+          autofocus: e.isFocused,
+          placeholder: e.placeholder,
+          onChange: u,
+          onFocus: b,
+          onBlur: m
+        }, null, 42, ro), [
+          [ie, n.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), co = ["disabled", "rows", "autofocus", "placeholder"], il = /* @__PURE__ */ p({
+  __name: "Textarea",
+  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    rows: {}
+  }, {
+    ...q(),
+    rows: 4
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, n = H(e, "modelValue"), u = (i) => {
+      s("change", i);
+    }, b = (i) => {
+      s("focus", i);
+    }, m = (i) => {
+      s("blur", i);
+    };
+    return (i, d) => (l(), v(O, W(Z(o)), {
+      default: C(() => [
+        I(a("textarea", {
+          "onUpdate:modelValue": d[0] || (d[0] = (r) => n.value = r),
+          autocomplete: "off",
+          type: "text",
+          class: y([e.styles.control.textarea]),
+          disabled: !e.enabled,
+          rows: e.rows,
+          autofocus: e.isFocused,
+          placeholder: e.placeholder,
+          onChange: u,
+          onFocus: b,
+          onBlur: m
+        }, null, 42, co), [
+          [ie, n.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), uo = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, mo = {
   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"
-}, sn = { class: "flex-1 overflow-y-auto bg-white" }, ln = { 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" }, Gn = /* @__PURE__ */ p({
+}, bo = { class: "flex-1 overflow-y-auto bg-white" }, fo = { 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" }, rl = /* @__PURE__ */ p({
   __name: "drawer",
   props: {
     widthLeft: { default: 200 },
     widthRight: { default: 200 }
   },
   setup(e) {
-    const t = S({ left: !0, right: !0 }), n = (l) => {
-      t.value[l] = !t.value[l];
+    const t = N({ left: !0, right: !0 }), o = (s) => {
+      t.value[s] = !t.value[s];
     };
-    return (l, s) => (o(), i("main", nn, [
-      a("aside", on, [
+    return (s, n) => (l(), c("main", uo, [
+      a("aside", mo, [
         a("div", {
-          class: w(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
+          class: y(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
         }, [
           a("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: s[0] || (s[0] = (c) => n("left"))
+            onClick: n[0] || (n[0] = (u) => o("left"))
           }, [
-            C(b(I), {
+            B(f(j), {
               size: "sm",
-              icon: t.value.left ? b(z).DblChevronLeft : b(z).DblChevronRight
+              icon: t.value.left ? f(F).DblChevronLeft : f(F).DblChevronRight
             }, null, 8, ["icon"])
           ])
         ], 2),
-        t.value.left ? (o(), i("div", {
+        t.value.left ? (l(), c("div", {
           key: 0,
-          style: le({ width: e.widthLeft + "px" }),
+          style: se({ width: e.widthLeft + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(l.$slots, "left-drawer")
-        ], 4)) : y("", !0)
+          D(s.$slots, "left-drawer")
+        ], 4)) : x("", !0)
       ]),
-      a("div", sn, [
-        B(l.$slots, "default")
+      a("div", bo, [
+        D(s.$slots, "default")
       ]),
-      a("aside", ln, [
-        t.value.right ? (o(), i("div", {
+      a("aside", fo, [
+        t.value.right ? (l(), c("div", {
           key: 0,
-          style: le({ width: e.widthRight + "px" }),
+          style: se({ width: e.widthRight + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(l.$slots, "right-drawer")
-        ], 4)) : y("", !0),
+          D(s.$slots, "right-drawer")
+        ], 4)) : x("", !0),
         a("div", {
-          class: w(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
+          class: y(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
         }, [
           a("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: s[1] || (s[1] = (c) => n("right"))
+            onClick: n[1] || (n[1] = (u) => o("right"))
           }, [
-            C(b(I), {
+            B(f(j), {
               size: "sm",
-              icon: t.value.right ? b(z).DblChevronRight : b(z).DblChevronLeft
+              icon: t.value.right ? f(F).DblChevronRight : f(F).DblChevronLeft
             }, null, 8, ["icon"])
           ])
         ], 2)
       ])
     ]));
   }
-}), an = { class: "ml-1" }, rn = { class: "truncate flex-1 min-w-0 text-left" }, cn = {
+}), ho = { class: "ml-1" }, po = { class: "truncate flex-1 min-w-0 text-left" }, vo = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, un = /* @__PURE__ */ p({
+}, go = /* @__PURE__ */ p({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1419,59 +1641,59 @@ const Rt = {
   },
   emits: ["toggle", "select"],
   setup(e, { emit: t }) {
-    const n = e, l = t, s = k(() => n.active === n.node.id);
-    return (c, h) => {
-      const f = X("TreeItem", !0);
-      return o(), i("li", an, [
+    const o = e, s = t, n = $(() => o.active === o.node.id);
+    return (u, b) => {
+      const m = oe("TreeItem", !0);
+      return l(), c("li", ho, [
         a("div", {
-          class: w([
+          class: y([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
       hover:bg-gray-100`,
-            s.value ? "text-primary" : ""
+            n.value ? "text-primary" : ""
           ])
         }, [
-          e.node.children?.length > 0 ? (o(), i("span", {
+          e.node.children?.length > 0 ? (l(), c("span", {
             key: 0,
             class: "flex items-center justify-center",
-            onClick: h[0] || (h[0] = (u) => l("toggle", e.node))
+            onClick: b[0] || (b[0] = (i) => s("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (o(), g(b(Me), {
+            e.node.children && e.isExpanded(e.node.id) ? (l(), v(f(Pe), {
               key: 0,
               class: "w-3 h-3"
-            })) : (o(), g(b(Be), {
+            })) : (l(), v(f(Ve), {
               key: 1,
               class: "w-3 h-3"
             }))
-          ])) : y("", !0),
+          ])) : x("", !0),
           a("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] = (i) => s("select", e.node))
           }, [
-            a("div", rn, v(e.node.label), 1),
-            e.node.tag ? (o(), i("div", cn, v(e.node.tag), 1)) : y("", !0)
+            a("div", po, h(e.node.label), 1),
+            e.node.tag ? (l(), c("div", vo, h(e.node.tag), 1)) : x("", !0)
           ])
         ], 2),
-        e.node.children && e.isExpanded(e.node.id) ? (o(), i("ul", {
+        e.node.children && e.isExpanded(e.node.id) ? (l(), c("ul", {
           key: 0,
-          class: w([
+          class: y([
             "ml-4 border-l pl-2",
-            { "border-gray-200": !s.value, "border-primary": s.value }
+            { "border-gray-200": !n.value, "border-primary": n.value }
           ])
         }, [
-          (o(!0), i(x, null, $(e.node.children, (u) => (o(), g(f, {
-            key: u.id,
-            node: u,
+          (l(!0), c(k, null, L(e.node.children, (i) => (l(), v(m, {
+            key: i.id,
+            node: i,
             expanded: e.expanded,
             active: e.active,
             "is-expanded": e.isExpanded,
-            onToggle: h[2] || (h[2] = (d) => l("toggle", d)),
-            onSelect: h[3] || (h[3] = (d) => l("select", d))
+            onToggle: b[2] || (b[2] = (d) => s("toggle", d)),
+            onSelect: b[3] || (b[3] = (d) => s("select", d))
           }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
-        ], 2)) : y("", !0)
+        ], 2)) : x("", !0)
       ]);
     };
   }
-}), dn = { class: "select-none text-sm" }, Jn = /* @__PURE__ */ p({
+}), yo = { class: "select-none text-sm" }, cl = /* @__PURE__ */ p({
   __name: "TreeView",
   props: {
     data: {},
@@ -1479,80 +1701,80 @@ const Rt = {
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = e, l = t, s = S(/* @__PURE__ */ new Set()), c = (u) => {
-      const d = u.id;
-      if (!u.children || u.children.length === 0) {
-        l("select", u);
+    const o = e, s = t, n = N(/* @__PURE__ */ new Set()), u = (i) => {
+      const d = i.id;
+      if (!i.children || i.children.length === 0) {
+        s("select", i);
         return;
       }
-      s.value.has(d) ? s.value.delete(d) : s.value.add(d);
-    }, h = (u) => {
-      l("select", u), s.value.add(u.id);
-    }, f = (u) => s.value.has(u);
-    return (u, d) => (o(), i("ul", dn, [
-      (o(!0), i(x, null, $(n.data, (r) => (o(), g(un, {
+      n.value.has(d) ? n.value.delete(d) : n.value.add(d);
+    }, b = (i) => {
+      s("select", i), n.value.add(i.id);
+    }, m = (i) => n.value.has(i);
+    return (i, d) => (l(), c("ul", yo, [
+      (l(!0), c(k, null, L(o.data, (r) => (l(), v(go, {
         key: r.id,
         node: r,
-        expanded: s.value,
+        expanded: n.value,
         active: e.active,
-        "is-expanded": f,
-        onToggle: c,
-        onSelect: h
+        "is-expanded": m,
+        onToggle: u,
+        onSelect: b
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), mn = {
+}), xo = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, Qn = /* @__PURE__ */ p({
+}, ul = /* @__PURE__ */ p({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => e.loading ? (o(), i("div", mn, [...n[0] || (n[0] = [
+    return (t, o) => e.loading ? (l(), c("div", xo, [...o[0] || (o[0] = [
       a("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
-    ])])) : y("", !0);
+    ])])) : x("", !0);
   }
-}), fn = { class: "collapse collapse-arrow bg-white w-full border border-gray-300" }, bn = ["checked"], hn = { class: "collapse-title text-gray-500 text-xs font-medium" }, vn = {
+}), wo = { class: "collapse collapse-arrow bg-white w-full border border-gray-300" }, ko = ["checked"], $o = { class: "collapse-title text-gray-500 text-xs font-medium" }, Co = {
   key: 0,
   class: "list bg-base-100"
-}, Xn = /* @__PURE__ */ p({
+}, dl = /* @__PURE__ */ p({
   __name: "Collapse",
   props: {
     title: {},
     opened: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = be(), n = e, l = S(n.opened);
-    return Q(
-      () => n.opened,
+    const t = pe(), o = e, s = N(o.opened);
+    return te(
+      () => o.opened,
       () => {
       },
       { immediate: !0 }
-    ), (s, c) => (o(), i("div", fn, [
+    ), (n, u) => (l(), c("div", wo, [
       a("input", {
         type: "checkbox",
-        checked: l.value
-      }, null, 8, bn),
-      a("div", hn, v(e.title), 1),
+        checked: s.value
+      }, null, 8, ko),
+      a("div", $o, h(e.title), 1),
       a("div", {
-        class: w(["collapse-content", b(t).list ? "p-0" : ""])
+        class: y(["collapse-content", f(t).list ? "p-0" : ""])
       }, [
-        B(s.$slots, "default"),
-        b(t).list ? (o(), i("ul", vn, [
-          B(s.$slots, "list")
-        ])) : y("", !0)
+        D(n.$slots, "default"),
+        f(t).list ? (l(), c("ul", Co, [
+          D(n.$slots, "list")
+        ])) : x("", !0)
       ], 2)
     ]));
   }
-}), gn = { class: "list-row" }, pn = { class: "list-col-grow" }, yn = {
+}), Bo = { class: "list-row" }, _o = { class: "list-col-grow" }, Lo = {
   key: 0,
   class: "text-xs text-gray-600"
-}, wn = ["href"], xn = { key: 1 }, kn = {
+}, Mo = ["href"], Po = { key: 1 }, Vo = {
   key: 0,
   class: "text-xs text-gray-500"
-}, $n = ["href"], Cn = { key: 1 }, _n = { class: "list-col-wrap text-xs text-gray-500" }, Yn = /* @__PURE__ */ p({
+}, Do = ["href"], Ao = { key: 1 }, To = { class: "list-col-wrap text-xs text-gray-500" }, ml = /* @__PURE__ */ p({
   __name: "CollapseRow",
   props: {
     title: {},
@@ -1562,75 +1784,80 @@ const Rt = {
     descriptionLink: {}
   },
   setup(e) {
-    return be(), (t, n) => {
-      const l = X("ng-content");
-      return o(), i("li", gn, [
-        a("div", pn, [
-          a("div", null, v(e.title), 1),
-          e.description || e.descriptionLink ? (o(), i("div", yn, [
-            e.descriptionLink ? (o(), i("a", {
+    return pe(), (t, o) => {
+      const s = oe("ng-content");
+      return l(), c("li", Bo, [
+        a("div", _o, [
+          a("div", null, h(e.title), 1),
+          e.description || e.descriptionLink ? (l(), c("div", Lo, [
+            e.descriptionLink ? (l(), c("a", {
               key: 0,
               href: e.descriptionLink,
               target: "_blank"
-            }, v(e.description ?? e.descriptionLink), 9, wn)) : (o(), i("span", xn, v(e.description), 1))
-          ])) : y("", !0)
+            }, h(e.description ?? e.descriptionLink), 9, Mo)) : (l(), c("span", Po, h(e.description), 1))
+          ])) : x("", !0)
         ]),
-        e.label ? (o(), i("div", kn, [
-          e.labelLink ? (o(), i("a", {
+        e.label ? (l(), c("div", Vo, [
+          e.labelLink ? (l(), c("a", {
             key: 0,
             href: e.labelLink,
             target: "_blank"
-          }, v(e.label), 9, $n)) : (o(), i("span", Cn, v(e.label), 1))
-        ])) : y("", !0),
-        a("p", _n, [
-          C(l)
+          }, h(e.label), 9, Do)) : (l(), c("span", Ao, h(e.label), 1))
+        ])) : x("", !0),
+        a("p", To, [
+          B(s)
         ])
       ]);
     };
   }
 });
 export {
-  En as Autocomplete,
-  Je as BadgeSize,
-  q as Btn,
-  Nn as BtnBadge,
-  Ge as ButtonSize,
-  In as Card,
-  jn as ClickOutside,
-  Xn as Collapse,
-  Yn as CollapseRow,
-  j as Color,
-  Xe as ConfirmModal,
-  oe as ControlWrapper,
-  Kt as DefaultAutoCompleteProperties,
-  G as DefaultControlProperties,
-  Gn as Drawer,
-  Sn as Dropdown,
-  I as Icon,
-  z as IconEnum,
-  ze as IconMap,
-  Qn as Loading,
-  Zn as Markdown,
-  Tn as Menu,
-  Ee as Modal,
-  ce as ModalService,
-  Ye as ModalWrapper,
-  Wn as MultiSelect,
-  et as NotificationMessage,
-  ue as NotificationService,
-  ot as Notifications,
-  yt as PaginationComponent,
-  On as SelectComponent,
-  Rn as ShellComponent,
-  ie as SubMenu,
-  Fn as Table,
-  Fn as TableComponent,
-  Kn as TextCell,
-  Jn as TreeView,
-  Un as addClickOutsideEventListener,
-  qn as hasCustomEventListener,
-  It as isDescriptionHidden,
+  tl as Autocomplete,
+  Xe as BadgeSize,
+  J as Btn,
+  Ho as BtnBadge,
+  Qe as ButtonSize,
+  Zo as Card,
+  nl as Checkbox,
+  Qo as ClickOutside,
+  dl as Collapse,
+  ml as CollapseRow,
+  G as Color,
+  et as ConfirmModal,
+  O as ControlWrapper,
+  It as DefaultAutoCompleteProperties,
+  q as DefaultControlProperties,
+  rl as Drawer,
+  jo as Dropdown,
+  j as Icon,
+  F as IconEnum,
+  Fe as IconMap,
+  sl as Input,
+  al as InputNumber,
+  ul as Loading,
+  ll as Markdown,
+  qo as Menu,
+  Ze as Modal,
+  ue as ModalService,
+  tt as ModalWrapper,
+  ol as MultiSelect,
+  ot as NotificationMessage,
+  de as NotificationService,
+  st as Notifications,
+  wt as PaginationComponent,
+  el as SelectComponent,
+  Oo as ShellComponent,
+  re as SubMenu,
+  Wo as Table,
+  Wo as TableComponent,
+  Eo as TextCell,
+  il as Textarea,
+  cl as TreeView,
+  Go as addClickOutsideEventListener,
+  Xo as hasCustomEventListener,
+  Yo as inputClasses,
+  Ut as isDescriptionHidden,
   Rt as myStyles,
-  Hn as removeClickOutsideEventListener,
-  Ft as showErrors
+  Jo as removeClickOutsideEventListener,
+  ye as showErrors
 };