@ghentcdh/ui 0.6.6 → 0.6.8

package/index.esm.js

@@ -1,89 +1,95 @@
-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 { 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 { defineComponent as v, openBlock as l, createElementBlock as c, unref as b, normalizeClass as y, createElementVNode as i, toDisplayString as p, createBlock as g, createCommentVNode as x, Fragment as $, renderList as L, mergeProps as A, computed as k, resolveComponent as re, withCtx as B, createTextVNode as F, ref as S, watch as ne, onMounted as $e, renderSlot as M, resolveDynamicComponent as ce, createVNode as P, withDirectives as U, vModelCheckbox as ge, normalizeStyle as ie, getCurrentInstance as Ce, toHandlerKey as ve, camelize as Be, mergeDefaults as K, useModel as H, normalizeProps as Z, guardReactiveProps as G, vModelSelect as _e, mergeModels as V, resolveDirective as ye, vModelText as ue, onBeforeUnmount as Le, vModelDynamic as Me, useSlots as Pe } from "vue";
+import { RouterLink as Ve } from "vue-router";
+import { v4 as se } from "uuid";
+import { apiNoAuth as Ae, useApi as De } from "@ghentcdh/tools-vue";
+import { ChevronDownIcon as Te, ChevronRightIcon as ze } from "@heroicons/vue/24/solid";
+import Fe from "@tiptap/starter-kit";
+import { useEditor as Se, EditorContent as Ne } from "@tiptap/vue-3";
+import { Markdown as Re } from "tiptap-markdown";
+const C = (...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
+  (t) => ` <path
      stroke-linejoin="round"
       stroke-linecap="round"
-      d="${n}"
+      d="${t}"
     />`
 ).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(
+const Ie = {
+  Edit: C(
     "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
   ),
-  Delete: L(
+  Delete: C(
     "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
   ),
-  BarsArrowDown: L(
+  BarsArrowDown: C(
     "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
   ),
-  BarsArrowUp: L(
+  BarsArrowUp: C(
     "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
   ),
-  Funnel: L(
+  Funnel: C(
     "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"
   ),
-  Close: 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: C("M6 18 18 6M6 6l12 12"),
+  Plus: C("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
+  PaperClip: C(
     "m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"
   ),
-  Hamburger: L("M4 6h16M4 12h16M4 18h16"),
-  ChevronDown: L(
+  Hamburger: C("M4 6h16M4 12h16M4 18h16"),
+  ChevronRight: C(
+    "M8.25 4.5l7.5 7.5-7.5 7.5"
+  ),
+  ChevronLeft: C(
+    "M15.75 19.5L8.25 12l7.5-7.5"
+  ),
+  ChevronDown: C(
     "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z"
   ),
-  ChevronUp: L(
+  ChevronUp: C(
     "M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z"
   ),
-  Check: L("m4.5 12.75 6 6 9-13.5"),
-  View: L(
+  Check: C("m4.5 12.75 6 6 9-13.5"),
+  View: C(
     "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z",
     "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
   ),
-  Text: L(
+  Text: C(
     "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
   ),
-  DblChevronLeft: L(
+  DblChevronLeft: C(
     "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: C("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
+}, Ue = ["innerHTML"], j = /* @__PURE__ */ v({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    return (t, n) => (o(), i("div", {
-      class: w([
+    return (o, t) => (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: b(Ie)[e.icon]
+    }, null, 10, Ue));
   }
-}), Se = { class: "dropdown dropdown-end" }, Ne = {
+}), Ke = { class: "dropdown dropdown-end" }, qe = {
   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({
+}, je = { class: "min-w-max flex-no-wrap text-black" }, de = /* @__PURE__ */ v({
   __name: "sub-menu",
   props: {
     label: {},
@@ -94,29 +100,29 @@ const ze = {
     disableArrow: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (o(), i("div", Se, [
-      a("div", {
+    return (o, t) => (l(), c("div", Ke, [
+      i("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), {
+        i("span", null, p(e.label), 1),
+        e.disableArrow ? x("", !0) : (l(), g(b(j), {
           key: 0,
           icon: b(z).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      a("ul", Ne, [
-        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))
+      i("ul", qe, [
+        i("li", je, [
+          (l(!0), c($, null, L(e.items, (s) => (l(), g(we, A({
+            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({
+}), le = "btn btn-ghost text-left justify-between min-w-max font-normal", we = /* @__PURE__ */ v({
   __name: "menu-item",
   props: {
     label: {},
@@ -125,97 +131,97 @@ 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 o = e, t = k(() => !o.disabled && o.action && "routerLink" in o.action), s = k(() => !o.disabled && o.action), n = k(() => o.items?.length), u = k(() => {
+      const m = o.action;
+      return m && "routerLink" in m && "params" in m ? {
+        name: m.routerLink,
+        params: m.params
       } : "";
     }), h = () => {
-      t.action?.();
+      o.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, d) => {
+      const a = re("RouterLink");
+      return n.value ? (l(), g(de, A({ key: 0 }, o, { "btn-class": le }), null, 16)) : t.value ? (l(), g(a, {
         key: 1,
-        to: c.value,
-        class: w(J),
+        to: u.value,
+        class: y(le),
         onClick: h
       }, {
-        default: D(() => [
-          T(v(e.label), 1)
+        default: B(() => [
+          F(p(e.label), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : l.value ? (o(), i("button", {
+      }, 8, ["to"])) : s.value ? (l(), c("button", {
         key: 2,
-        class: w(J),
+        class: y(le),
         onClick: h
-      }, v(e.label), 1)) : (o(), i("div", {
+      }, p(e.label), 1)) : (l(), c("div", {
         key: 3,
-        class: w([J, { "btn-disabled": e.disabled }])
-      }, v(e.label), 3));
+        class: y([le, { "btn-disabled": e.disabled }])
+      }, p(e.label), 3));
     };
   }
-}), Ke = { class: "navbar bg-base-100 shadow-sm" }, Fe = { class: "flex-1" }, Ie = {
+}), He = { class: "navbar bg-base-100 shadow-sm" }, Oe = { class: "flex-1" }, Ee = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, Ue = { class: "flex grow justify-end px-2" }, He = { class: "flex items-stretch" }, Tn = /* @__PURE__ */ p({
+}, We = { class: "flex grow justify-end px-2" }, Ze = { class: "flex items-stretch" }, Eo = /* @__PURE__ */ v({
   __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, [
-            a("ul", null, [
-              (o(!0), i(x, null, $(e.breadcrumbs, (s) => (o(), i("li", {
-                key: s.label
+    return (o, t) => {
+      const s = re("RouterLink");
+      return l(), c("nav", He, [
+        i("div", Oe, [
+          e.breadcrumbs ? (l(), c("div", Ee, [
+            i("ul", null, [
+              (l(!0), c($, null, L(e.breadcrumbs, (n) => (l(), c("li", {
+                key: n.label
               }, [
-                s.routerLink ? (o(), g(l, {
+                n.routerLink ? (l(), g(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: B(() => [
+                    F(p(n.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (o(), i(x, { key: 1 }, [
-                  T(v(s.label), 1)
+                }, 1032, ["to"])) : (l(), c($, { key: 1 }, [
+                  F(p(n.label), 1)
                 ], 64))
               ]))), 128))
             ])
-          ])) : y("", !0)
+          ])) : x("", !0)
         ]),
-        a("div", Ue, [
-          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))
+        i("div", We, [
+          i("div", Ze, [
+            (l(!0), c($, null, L(e.menu, (n) => (l(), g(we, A({
+              key: n.label
+            }, { ref_for: !0 }, n), null, 16))), 128))
           ])
         ])
       ]);
     };
   }
-}), Sn = /* @__PURE__ */ p({
+}), Wo = /* @__PURE__ */ v({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
-    const t = S(!0);
-    return (n, l) => (o(), g(ie, {
+    const o = S(!0);
+    return (t, s) => (l(), g(de, {
       items: e.items,
       label: "test",
-      open: t.value,
+      open: o.value,
       "btn-class": "",
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), je = { class: "font-bold" }, qe = { class: "pt-4" }, Oe = { class: "modal-action" }, Ee = /* @__PURE__ */ p({
+}), Ge = { class: "font-bold" }, Je = { class: "pt-4" }, Qe = { class: "modal-action" }, Xe = /* @__PURE__ */ v({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -227,133 +233,133 @@ const ze = {
     width: { default: "sm" }
   },
   emits: ["closeModal"],
-  setup(e, { expose: t, emit: n }) {
-    const l = {
+  setup(e, { expose: o, emit: t }) {
+    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_${se()}`, h = t, m = () => {
+      document.getElementById(u)?.showModal();
+    }, d = () => {
+      document.getElementById(u)?.close(), h("closeModal");
     };
-    return t({ closeModal: u, openModal: f }), Q(
-      () => s.open,
-      (d, r, V) => {
-        s.open ? f() : u();
+    return o({ closeModal: d, openModal: m }), ne(
+      () => n.open,
+      (a, r, w) => {
+        n.open ? m() : d();
       }
-    ), pe(() => {
-      s.open && f();
-    }), (d, r) => (o(), i("dialog", {
-      id: c,
+    ), $e(() => {
+      n.open && m();
+    }), (a, r) => (l(), c("dialog", {
+      id: u,
       class: "modal"
     }, [
-      a("div", {
-        class: w(["modal-box bg-white", l[e.width]])
+      i("div", {
+        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: d
         }, " ✕ ")),
-        a("h3", je, v(e.modalTitle), 1),
-        a("div", qe, [
-          B(d.$slots, "content")
+        i("h3", Ge, p(e.modalTitle), 1),
+        i("div", Je, [
+          M(a.$slots, "content")
         ]),
-        a("div", Oe, [
-          B(d.$slots, "actions")
+        i("div", Qe, [
+          M(a.$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 me = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(me || {}), xe = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(xe || {}), X = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(X || {});
+const Ye = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
   error: "btn-error text-white"
-}, Ze = {
+}, et = {
   blank: "badge-ghost",
   primary: "badge-primary",
   secondary: "badge-soft badge-primary",
   error: "badge-error"
-}, Ge = {
+}, tt = {
   xs: "btn-xs",
   sm: "btn-sm",
   lg: "btn-sm",
   xl: "btn"
-}, Je = {
+}, ot = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, q = /* @__PURE__ */ p({
+}, Y = /* @__PURE__ */ v({
   __name: "btn",
   props: {
     href: {},
     disabled: { type: Boolean, default: !1 },
-    as: { default: ve.button },
+    as: { default: xe.button },
     icon: {},
-    type: { default: re.button },
+    type: { default: me.button },
     outline: { type: Boolean, default: !1 },
-    color: { default: j.primary },
+    color: { default: X.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({
+  setup(e, { emit: o }) {
+    const t = e, s = o;
+    return (n, u) => (l(), g(ce(e.as), A({
       class: [
         "btn  p-1 flex justify-center flex-nowrap",
-        b(We)[e.color],
-        b(Ge)[e.size],
+        b(Ye)[e.color],
+        b(tt)[e.size],
         { "btn-outline": e.outline, "btn-square": e.square }
       ]
-    }, n, {
-      onClick: c[0] || (c[0] = (h) => l("click"))
+    }, t, {
+      onClick: u[0] || (u[0] = (h) => s("click"))
     }), {
-      default: D(() => [
-        e.icon ? (o(), g(b(I), {
+      default: B(() => [
+        e.icon ? (l(), g(b(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),
+        M(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Qe = ["type", "disabled"], Nn = /* @__PURE__ */ p({
+}), lt = ["type", "disabled"], Zo = /* @__PURE__ */ v({
   __name: "btn-badge",
   props: {
     icon: { default: void 0 },
-    type: { default: re.button },
+    type: { default: me.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]]),
+  setup(e, { emit: o }) {
+    const t = o;
+    return (s, n) => (l(), c("button", {
+      class: y(["badge gap-1", b(ot)[e.size], b(et)[e.color]]),
       type: e.type,
       disabled: e.disabled,
-      onClick: s[0] || (s[0] = (c) => n("click"))
+      onClick: n[0] || (n[0] = (u) => t("click"))
     }, [
-      B(l.$slots, "default"),
-      e.icon ? (o(), g(b(I), {
+      M(s.$slots, "default"),
+      e.icon ? (l(), g(b(j), {
         key: 0,
         icon: e.icon,
         size: e.size
-      }, null, 8, ["icon", "size"])) : y("", !0)
-    ], 10, Qe));
+      }, null, 8, ["icon", "size"])) : x("", !0)
+    ], 10, lt));
   }
-}), Xe = /* @__PURE__ */ p({
+}), nt = /* @__PURE__ */ v({
   __name: "confirmModal",
   props: {
     title: {},
@@ -362,34 +368,34 @@ const We = {
     cancelLabel: { default: "Cancel" }
   },
   emits: ["closeModal"],
-  setup(e, { emit: t }) {
-    const n = t, l = (s) => {
-      n("closeModal", { confirmed: s });
+  setup(e, { emit: o }) {
+    const t = o, s = (n) => {
+      t("closeModal", { confirmed: n });
     };
-    return (s, c) => (o(), g(Ee, {
+    return (n, u) => (l(), g(Xe, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
-      content: D(() => [
-        T(v(e.message), 1)
+      content: B(() => [
+        F(p(e.message), 1)
       ]),
-      actions: D(() => [
-        C(b(q), {
-          color: b(j).secondary,
+      actions: B(() => [
+        P(b(Y), {
+          color: b(X).secondary,
           outline: !0,
-          onClick: c[0] || (c[0] = (h) => l(!1))
+          onClick: u[0] || (u[0] = (h) => s(!1))
         }, {
-          default: D(() => [
-            T(v(e.cancelLabel), 1)
+          default: B(() => [
+            F(p(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        C(b(q), {
-          onClick: c[1] || (c[1] = (h) => l(!0))
+        P(b(Y), {
+          onClick: u[1] || (u[1] = (h) => s(!0))
         }, {
-          default: D(() => [
-            T(v(e.confirmLabel), 1)
+          default: B(() => [
+            F(p(e.confirmLabel), 1)
           ]),
           _: 1
         })
@@ -398,30 +404,30 @@ const We = {
     }, 8, ["modal-title"]));
   }
 });
-class ce {
+class he {
   constructor() {
     this.showModal = S(!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();
+  openModal(o) {
+    const t = o.props.onClose, s = se(), n = o;
+    o.props.onClose = (u) => {
+      t(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();
+  closeModal(o) {
+    this.modals = this.modals.filter((t) => t.id !== o), this.showModal.value = Date.now();
   }
-  static showConfirm(t) {
+  static showConfirm(o) {
     this.getInstance().openModal({
-      component: Xe,
-      props: t
+      component: nt,
+      props: o
     });
   }
-  static openModal(t) {
-    this.getInstance().openModal(t);
+  static openModal(o) {
+    this.getInstance().openModal(o);
   }
   static getInstance() {
-    return this.instance || (this.instance = new ce()), this.instance;
+    return this.instance || (this.instance = new he()), this.instance;
   }
   static closeAll() {
     this.instance.closeAll();
@@ -430,87 +436,87 @@ class ce {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const Ye = /* @__PURE__ */ p({
+const st = /* @__PURE__ */ v({
   __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 o = he.getInstance(), t = k(() => o.showModal.value ? o.modals : []);
+    return (s, n) => (l(!0), c($, null, L(t.value, (u) => (l(), g(ce(u?.component), A({
+      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({
+}), at = /* @__PURE__ */ v({
   __name: "notification-message",
   props: {
     message: {},
     type: {}
   },
   setup(e) {
-    const t = {
+    const o = {
       success: "alert-success",
       error: "alert-error",
       warning: "alert-warning",
       info: "alert-info"
     };
-    return (n, l) => (o(), i("div", {
+    return (t, s) => (l(), c("div", {
       role: "alert",
-      class: w(`alert ${t[e.type]} `)
+      class: y(`alert ${o[e.type]} `)
     }, [
-      a("span", null, v(e.message), 1)
+      i("span", null, p(e.message), 1)
     ], 2));
   }
-}), tt = 5e3;
-class ue {
+}), it = 5e3;
+class be {
   constructor() {
-    this.notifications = S([]), this.addNotification = (t, n = "info") => {
-      const l = {
-        id: ne(),
-        duration: tt,
-        message: t,
-        type: n
+    this.notifications = S([]), this.addNotification = (o, t = "info") => {
+      const s = {
+        id: se(),
+        duration: it,
+        message: o,
+        type: t
       };
-      this.notifications.value.push(l), this.removeNotificationAfterDuration(l);
-    }, this.removeNotificationAfterDuration = (t) => {
+      this.notifications.value.push(s), this.removeNotificationAfterDuration(s);
+    }, this.removeNotificationAfterDuration = (o) => {
       setTimeout(() => {
-        this.removeNotification(t.id);
-      }, t.duration);
-    }, this.removeNotification = (t) => {
-      this.notifications.value = this.notifications.value.filter((n) => n.id !== t);
+        this.removeNotification(o.id);
+      }, o.duration);
+    }, this.removeNotification = (o) => {
+      this.notifications.value = this.notifications.value.filter((t) => t.id !== o);
     };
   }
   static getInstance() {
-    return this.instance || (this.instance = new ue()), this.instance;
+    return this.instance || (this.instance = new be()), this.instance;
   }
-  static info(t) {
-    this.getInstance().addNotification(t, "info");
+  static info(o) {
+    this.getInstance().addNotification(o, "info");
   }
-  static success(t) {
-    this.getInstance().addNotification(t, "success");
+  static success(o) {
+    this.getInstance().addNotification(o, "success");
   }
-  static warning(t) {
-    this.getInstance().addNotification(t, "warning");
+  static warning(o) {
+    this.getInstance().addNotification(o, "warning");
   }
-  static error(t) {
-    this.getInstance().addNotification(t, "error");
+  static error(o) {
+    this.getInstance().addNotification(o, "error");
   }
-  static removeNotification(t) {
-    this.getInstance().removeNotification(t);
+  static removeNotification(o) {
+    this.getInstance().removeNotification(o);
   }
 }
-const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__ */ p({
+const rt = { class: "toast toast-top toast-center z-[999]" }, ct = /* @__PURE__ */ v({
   __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 o = be.getInstance();
+    return (t, s) => (l(), c("div", rt, [
+      (l(!0), c($, null, L(b(o).notifications.value, (n) => (l(), g(at, A({
+        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({
+}), ut = { class: "flex h-screen flex-col" }, dt = { class: "shrink-0" }, mt = { class: "navbar bg-primary text-primary-content w-full z-100" }, ht = { class: "navbar-start" }, bt = { class: "navbar-center" }, ft = ["href"], pt = { class: "navbar-end" }, vt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, gt = { class: "drawer-side h-full shadow-md" }, yt = { class: "flex-grow overflow-y-auto" }, wt = { class: "bg-base-200 p-4" }, Go = /* @__PURE__ */ v({
   __name: "shell.component",
   props: {
     title: {},
@@ -520,11 +526,11 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     widthSidebar: { default: 300 }
   },
   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,
+  setup(e, { emit: o }) {
+    const s = e, n = S(!1), u = () => {
+      n.value = !n.value;
+    }, h = o, m = k(() => s.user ? {
+      label: s.user.name,
       items: [
         {
           label: "Logout",
@@ -534,80 +540,80 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
         }
       ]
     } : 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, [
-              a("button", {
+    return (d, a) => (l(), c($, null, [
+      P(ct),
+      P(b(st)),
+      i("div", ut, [
+        i("header", dt, [
+          i("nav", mt, [
+            i("div", ht, [
+              i("button", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
-                onClick: c
+                onClick: u
               }, [
-                C(b(I), {
+                P(b(j), {
                   icon: b(z).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            a("div", rt, [
-              a("a", {
+            i("div", bt, [
+              i("a", {
                 class: "btn btn-ghost text-primary-content text-lg color-white",
                 href: b("/")
-              }, v(e.title), 9, ct)
+              }, p(e.title), 9, ft)
             ]),
-            a("div", ut, [
-              f.value ? (o(), g(b(ie), P({ key: 0 }, f.value, { "btn-class": "" }), null, 16)) : y("", !0)
+            i("div", pt, [
+              m.value ? (l(), g(b(de), A({ key: 0 }, m.value, { "btn-class": "" }), null, 16)) : x("", !0)
             ])
           ])
         ]),
-        a("div", {
-          class: w(["drawer flex-1 overflow-hidden", { "drawer-open": s.value }])
+        i("div", {
+          class: y(["drawer flex-1 overflow-hidden", { "drawer-open": n.value }])
         }, [
-          W(a("input", {
+          U(i("input", {
             id: "app-drawer",
-            "onUpdate:modelValue": d[0] || (d[0] = (r) => s.value = r),
+            "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
             type: "checkbox",
             class: "drawer-toggle"
           }, null, 512), [
-            [ye, s.value]
+            [ge, n.value]
           ]),
-          a("main", dt, [
-            B(u.$slots, "default")
+          i("main", vt, [
+            M(d.$slots, "default")
           ]),
-          a("div", mt, [
-            d[1] || (d[1] = a("label", {
+          i("div", gt, [
+            a[1] || (a[1] = i("label", {
               for: "app-drawer",
               "aria-label": "close sidebar",
               class: "drawer-overlay"
             }, null, -1)),
-            a("div", {
+            i("div", {
               class: "menu bg-base-100 h-full flex flex-col justify-between",
-              style: le({ width: e.widthSidebar + "px" })
+              style: ie({ width: e.widthSidebar + "px" })
             }, [
-              a("ul", ft, [
-                (o(!0), i(x, null, $(e.menu, (r) => (o(), i("li", {
+              i("ul", yt, [
+                (l(!0), c($, null, L(e.menu, (r) => (l(), c("li", {
                   key: r.label
                 }, [
-                  C(b(_e), {
+                  P(b(Ve), {
                     to: { name: r.routerLink, params: r.params }
                   }, {
-                    default: D(() => [
-                      T(v(r.label), 1)
+                    default: B(() => [
+                      F(p(r.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])
                 ]))), 128))
               ]),
-              a("div", bt, " version: " + v(e.version), 1)
+              i("div", wt, " version: " + p(e.version), 1)
             ], 4)
           ])
         ], 2)
       ])
     ], 64));
   }
-}), O = /* @__PURE__ */ p({
+}), ee = /* @__PURE__ */ v({
   __name: "pagination-button.component",
   props: {
     currentPage: {},
@@ -617,26 +623,26 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     disabled: { type: Boolean }
   },
   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);
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = k(
+      () => t.neverActive ? !1 : t.page === t.currentPage
+    ), u = k(() => t.neverActive ? X.blank : n.value ? X.primary : X.secondary), h = () => {
+      s("updatePage", t.page);
     };
-    return (f, u) => (o(), g(b(q), {
+    return (m, d) => (l(), g(b(Y), {
       disabled: e.disabled,
       square: !0,
       size: "xs",
-      color: c.value,
-      onClick: u[0] || (u[0] = (d) => h())
+      color: u.value,
+      onClick: d[0] || (d[0] = (a) => h())
     }, {
-      default: D(() => [
-        T(v(e.label), 1)
+      default: B(() => [
+        F(p(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({
+}), xt = { class: "flex gap-2" }, kt = { class: "flex flex-1 justify-center items-center" }, $t = { class: "flex gap-1" }, Ct = { class: "text-sm" }, te = 6, Bt = /* @__PURE__ */ v({
   __name: "pagination.component",
   props: {
     totalItems: { type: Number, default: 0 },
@@ -644,95 +650,95 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     currentPage: { type: Number, default: 1 }
   },
   emits: ["updatePage", "updatePageSize"],
-  setup(e, { emit: t }) {
-    const n = e, l = t, s = k(() => {
-      let r = Math.ceil(n.totalItems / n.itemsPerPage);
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = k(() => {
+      let r = Math.ceil(t.totalItems / t.itemsPerPage);
       return r < 1 ? 1 : r;
-    }), c = E / 2, h = k(() => {
-      if (s.value <= E)
+    }), u = te / 2, h = k(() => {
+      if (n.value <= te)
         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 = t.currentPage - u;
+      r <= 1 ? r = 1 : r + te > n.value && (r = n.value - te);
+      let w = r + te;
       return {
         min: r,
-        max: V
+        max: w
       };
-    }), f = (r) => ({
+    }), m = (r) => ({
       label: "...",
       currentPage: r,
       page: -10,
       disabled: !0,
       neverActive: !0
-    }), u = k(() => {
-      let r = s.value;
+    }), d = k(() => {
+      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 w = t.currentPage, T = [], { min: N, max: E } = h.value;
+      return Array.from({ length: r }, (Q, _) => {
+        const D = _ + 1;
+        D !== 1 && D !== r && (D > E || D < N) || (D === r && r > 1 && E < r && T.push(m(w)), T.push({
+          label: `${D}`,
           totalPages: r,
-          currentPage: V,
-          page: m
-        }), m === 1 && r > 1 && N > 1 && A.push(f(V)));
-      }), A;
-    }), d = (r) => {
-      l("updatePage", r);
+          currentPage: w,
+          page: D
+        }), D === 1 && r > 1 && N > 1 && T.push(m(w)));
+      }), T;
+    }), a = (r) => {
+      s("updatePage", r);
     };
-    return (r, V) => (o(), i("div", ht, [
-      a("div", vt, [
-        a("div", gt, [
-          C(O, P(n, {
+    return (r, w) => (l(), c("div", xt, [
+      i("div", kt, [
+        i("div", $t, [
+          P(ee, A(t, {
             page: 1,
             label: "<<",
             "current-page": e.currentPage,
             "never-active": !0,
             disabled: e.currentPage === 1,
-            onUpdatePage: d
+            onUpdatePage: a
           }), null, 16, ["current-page", "disabled"]),
-          C(O, P(n, {
+          P(ee, A(t, {
             page: e.currentPage - 1,
             label: "<",
             "current-page": e.currentPage,
             "never-active": !0,
             disabled: e.currentPage === 1,
-            onUpdatePage: d
+            onUpdatePage: a
           }), null, 16, ["page", "current-page", "disabled"]),
-          (o(!0), i(x, null, $(u.value, (A) => (o(), g(O, P({
-            key: A.page,
+          (l(!0), c($, null, L(d.value, (T) => (l(), g(ee, A({
+            key: T.page,
             ref_for: !0
-          }, A, { onUpdatePage: d }), null, 16))), 128)),
-          C(O, P(n, {
+          }, T, { onUpdatePage: a }), null, 16))), 128)),
+          P(ee, A(t, {
             page: e.currentPage + 1,
             label: ">",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === s.value,
-            onUpdatePage: d
+            disabled: t.currentPage === n.value,
+            onUpdatePage: a
           }), null, 16, ["page", "current-page", "disabled"]),
-          C(O, P(n, {
-            page: s.value,
+          P(ee, A(t, {
+            page: n.value,
             label: ">>",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === s.value,
-            onUpdatePage: d
+            disabled: t.currentPage === n.value,
+            onUpdatePage: a
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      a("div", pt, " page " + v(e.currentPage) + " of " + v(s.value), 1)
+      i("div", Ct, " page " + p(e.currentPage) + " of " + p(n.value), 1)
     ]));
   }
-}), de = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [l, s] of t)
-    n[l] = s;
-  return n;
-}, wt = () => ({
+}), fe = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [s, n] of o)
+    t[s] = n;
+  return t;
+}, _t = () => ({
   data: {
     type: Object,
     required: !0
@@ -745,10 +751,10 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__
     type: Object,
     required: !1
   }
-}), xt = p({
+}), Lt = v({
   name: "TextCell",
   props: {
-    ...wt()
+    ..._t()
   },
   computed: {
     value() {
@@ -756,11 +762,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";
+}), Mt = Lt;
+function Pt(e, o, t, s, n, u) {
+  return p(e.value);
 }
-const Kn = /* @__PURE__ */ de(kt, [["render", $t]]), Ct = { class: "flex-grow pr-2" }, _t = { class: "h-4 w-4" }, Lt = /* @__PURE__ */ p({
+const Jo = /* @__PURE__ */ fe(Mt, [["render", Pt]]), Vt = { class: "flex-grow pr-2" }, At = { class: "h-4 w-4" }, Dt = /* @__PURE__ */ v({
   __name: "sort.header",
   props: {
     column: {},
@@ -768,26 +774,26 @@ const Kn = /* @__PURE__ */ de(kt, [["render", $t]]), Ct = { class: "flex-grow pr
     sortDirection: {}
   },
   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", {
+  setup(e, { emit: o }) {
+    const t = e, s = k(
+      () => t.sortDirection === "asc" ? z.BarsArrowUp : z.BarsArrowDown
+    ), n = k(() => t.column.options?.sortId ?? t.column.id), u = () => {
+      h("sort", n.value);
+    }, h = o;
+    return (m, d) => (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), {
+      i("span", Vt, p(e.column.label), 1),
+      i("div", At, [
+        e.sortColumn === n.value ? (l(), g(b(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({
+}), Tt = { class: "table w-full" }, zt = { key: 0 }, Ft = ["colspan"], St = { class: "flex gap-2" }, Qo = /* @__PURE__ */ v({
   __name: "table.component",
   props: {
     loading: { type: Boolean },
@@ -798,136 +804,136 @@ const Kn = /* @__PURE__ */ de(kt, [["render", $t]]), Ct = { class: "flex-grow pr
     sort: {}
   },
   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);
+  setup(e, { emit: o }) {
+    const t = o, s = (m) => {
+      t("edit", m);
+    }, n = (m) => {
+      t("delete", m);
+    }, u = (m) => {
+      t("updatePage", m);
+    }, h = (m) => {
+      t("sort", m);
     };
-    return (f, u) => (o(), i(x, null, [
-      a("table", Mt, [
-        a("thead", null, [
-          a("tr", null, [
-            (o(!0), i(x, null, $(e.displayColumns, (d) => (o(), i("th", {
-              key: d.scope
+    return (m, d) => (l(), c($, null, [
+      i("table", Tt, [
+        i("thead", null, [
+          i("tr", null, [
+            (l(!0), c($, null, L(e.displayColumns, (a) => (l(), c("th", {
+              key: a.scope
             }, [
-              C(Lt, P({ column: d }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
+              P(Dt, A({ column: a }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
             ]))), 128)),
-            u[0] || (u[0] = a("th", null, null, -1))
+            d[0] || (d[0] = i("th", null, null, -1))
           ])
         ]),
-        a("tbody", null, [
-          e.loading ? (o(), i("tr", Bt, [
-            a("td", {
+        i("tbody", null, [
+          e.loading ? (l(), c("tr", zt, [
+            i("td", {
               colspan: e.displayColumns.length + 1,
               class: "text-center"
-            }, [...u[1] || (u[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", {
-            key: d.id
+            }, [...d[1] || (d[1] = [
+              i("span", { class: "loading loading-bars loading-xs" }, null, -1)
+            ])], 8, Ft)
+          ])) : x("", !0),
+          (l(!0), c($, null, L(e.data, (a) => (l(), c("tr", {
+            key: a.id
           }, [
-            (o(!0), i(x, null, $(e.displayColumns, (r) => (o(), i("td", {
+            (l(!0), c($, null, L(e.displayColumns, (r) => (l(), c("td", {
               key: r.scope
             }, [
-              (o(), g(ae(r.component), P({ ref_for: !0 }, r, {
-                data: d,
+              (l(), g(ce(r.component), A({ ref_for: !0 }, r, {
+                data: a,
                 column: r
               }), null, 16, ["data", "column"]))
             ]))), 128)),
-            a("td", null, [
-              a("span", Dt, [
-                (o(!0), i(x, null, $(e.actions, (r) => (o(), g(q, {
+            i("td", null, [
+              i("span", St, [
+                (l(!0), c($, null, L(e.actions, (r) => (l(), g(Y, {
                   key: r.label,
                   icon: r.icon,
                   outline: !0,
-                  onClick: (V) => r.action(d)
+                  onClick: (w) => r.action(a)
                 }, {
-                  default: D(() => [
-                    T(v(r.label), 1)
+                  default: B(() => [
+                    F(p(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                C(q, {
+                P(Y, {
                   icon: b(z).Edit,
                   outline: !0,
-                  onClick: (r) => l(d)
+                  onClick: (r) => s(a)
                 }, null, 8, ["icon", "onClick"]),
-                C(q, {
+                P(Y, {
                   icon: b(z).Delete,
                   outline: !0,
-                  onClick: (r) => s(d)
+                  onClick: (r) => n(a)
                 }, null, 8, ["icon", "onClick"])
               ])
             ])
           ]))), 128))
         ])
       ]),
-      e.page ? (o(), g(yt, {
+      e.page ? (l(), g(Bt, {
         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 = {
+}), Nt = {}, Rt = { class: "card bg-base-100 shadow-sm" }, It = { class: "card-body" }, Ut = {
   key: 0,
   class: "card-title"
-}, St = {
+}, Kt = {
   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),
-      a("p", null, [
-        B(e.$slots, "default"),
-        B(e.$slots, "content")
+function qt(e, o) {
+  return l(), c("div", Rt, [
+    i("div", It, [
+      e.$slots.title ? (l(), c("h2", Ut, [
+        M(e.$slots, "title")
+      ])) : x("", !0),
+      i("p", null, [
+        M(e.$slots, "default"),
+        M(e.$slots, "content")
       ]),
-      e.$slots.actions ? (o(), i("div", St, [
-        B(e.$slots, "actions")
-      ])) : y("", !0)
+      e.$slots.actions ? (l(), c("div", Kt, [
+        M(e.$slots, "actions")
+      ])) : x("", !0)
     ])
   ]);
 }
-const In = /* @__PURE__ */ de(Vt, [["render", Nt]]), Un = (e, t) => {
+const Xo = /* @__PURE__ */ fe(Nt, [["render", qt]]), Yo = (e, o) => {
   if (!e) return null;
-  const n = (l) => {
-    e.contains(l.target) || t();
+  const t = (s) => {
+    e.contains(s.target) || o();
   };
-  return document.addEventListener("click", n), n;
-}, Hn = (e) => {
+  return document.addEventListener("click", t), t;
+}, el = (e) => {
   document.removeEventListener("click", e);
-}, jn = {
-  beforeMount(e, t) {
-    e.clickOutsideEvent = function(n) {
-      e === n.target || e.contains(n.target) || t.value(n);
+}, tl = {
+  beforeMount(e, o) {
+    e.clickOutsideEvent = function(t) {
+      e === t.target || e.contains(t.target) || o.value(t);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted(e) {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function qn(e) {
-  const t = we();
-  if (!t)
+function ol(e) {
+  const o = Ce();
+  if (!o)
     return !1;
-  const n = t.vnode.props;
-  return n ? !!(n[me(e)] || // also try camelCase event handler (#2249)
-  n[me(xe(e))]) : !1;
+  const t = o.vnode.props;
+  return t ? !!(t[ve(e)] || // also try camelCase event handler (#2249)
+  t[ve(Be(e))]) : !1;
 }
-const Rt = {
+const jt = {
   group: {
     root: "group",
     label: "text-primary text-lg font-bold",
@@ -951,6 +957,8 @@ const Rt = {
     label: "fieldset-legend",
     error: "",
     input: "input",
+    textarea: "input h-32",
+    checkbox: "checkbox",
     select: "select",
     description: "form-control--description label text-xs text-gray-500"
   },
@@ -958,24 +966,26 @@ const Rt = {
     root: "flex flex-row gap-x-2",
     item: "w-full"
   }
-}, G = () => ({
-  id: ne(),
+}, q = () => ({
+  id: se(),
   visible: !0,
   required: !1,
   enabled: !0,
   isFocused: !1,
   isTouched: !1,
   hideLabel: !1,
-  styles: Rt
-}), Kt = () => ({
-  ...G(),
+  styles: jt,
+  width: "w-24"
+}), Ht = () => ({
+  ...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({
+}), ke = ({ isTouched: e, errors: o }) => !!(e && o), Ot = (e, o, t, s) => o === void 0 || o !== void 0 && !e || !s && !t, J = (e, o) => [e, { "input-error": ke(o) }], Et = { key: 0 }, O = /* @__PURE__ */ v({
   __name: "ControlWrapper",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ K({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -985,39 +995,37 @@ const Rt = {
     isFocused: { type: Boolean },
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
-    styles: {}
-  }, G()),
+    styles: {},
+    width: {}
+  }, q()),
   setup(e) {
-    const t = e, n = k(() => !It(
-      t.visible,
-      t.description,
-      t.isFocused,
+    const o = e, t = k(() => !Ot(
+      o.visible,
+      o.description,
+      o.isFocused,
       !0
-    )), l = k(() => t.required), s = k(() => Ft(
-      t.isTouched,
-      t.isFocused,
-      t.errors
-    ));
-    return (c, h) => (o(), i("fieldset", {
-      class: w(e.styles.control.wrapper)
+    )), s = k(() => o.required), n = k(() => ke(o));
+    return (u, h) => (l(), c("fieldset", {
+      class: y(["fieldset", e.styles.control.wrapper, e.width])
     }, [
-      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)
+        F(p(e.label) + " ", 1),
+        s.value ? (l(), c("span", Et, "*")) : x("", !0)
       ], 2)),
-      B(c.$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)
+      M(u.$slots, "default"),
+      i("p", {
+        class: y(["fieldset-label h-4", { "text-error": n.value }])
+      }, p(n.value ? e.errors : t.value ? e.description : null), 3)
     ], 2));
   }
-}), Ht = ["disabled"], jt = ["value"], On = /* @__PURE__ */ p({
+}), Wt = ["disabled"], Zt = ["value"], ll = /* @__PURE__ */ v({
   __name: "SelectComponent",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1028,11 +1036,12 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     options: {},
     valueKey: {},
     labelKey: {}
   }, {
-    ...G(),
+    ...q(),
     options: [],
     valueKey: "value",
     labelKey: "label"
@@ -1040,46 +1049,49 @@ const Rt = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["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);
-    };
-    return (u, d) => (o(), g(oe, ee(te(n)), {
-      default: D(() => [
-        W(a("select", {
-          "onUpdate:modelValue": d[0] || (d[0] = (r) => s.value = r),
+  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
+      s("change", a);
+    }, h = (a) => {
+      s("focus", a);
+    }, m = (a) => {
+      s("blur", a);
+    }, d = k(
+      () => J(t.styles.control.select, t)
+    );
+    return (a, r) => (l(), g(O, Z(G(t)), {
+      default: B(() => [
+        U(i("select", {
+          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
           disabled: !e.enabled,
-          class: w(["select select-bordered", e.styles.control.select]),
-          onChange: c,
+          class: y(d.value),
+          onChange: u,
           onFocus: h,
-          onBlur: f
+          onBlur: m
         }, [
-          (o(!0), i(x, null, $(e.options, (r) => (o(), i("option", {
-            key: r[e.valueKey],
-            value: r
-          }, v(r[e.labelKey]), 9, jt))), 128))
-        ], 42, Ht), [
-          [ke, s.value]
+          (l(!0), c($, null, L(e.options, (w) => (l(), c("option", {
+            key: w[e.valueKey],
+            value: w
+          }, p(w[e.labelKey]), 9, Zt))), 128))
+        ], 42, Wt), [
+          [_e, n.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), qt = ["disabled"], Ot = {
+}), Gt = ["disabled"], Jt = {
   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({
+}, Qt = ["onClick", "onBlur"], nl = /* @__PURE__ */ v({
   __name: "AutoComplete",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1090,95 +1102,106 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     config: {},
     options: {},
     valueKey: {},
     labelKey: {}
-  }, Kt()), {
+  }, Ht()), {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["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));
+  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue"), u = S(""), h = (f) => {
+      s("change", f);
+    }, m = (f) => {
+      s("focus", f);
+    }, d = (f) => {
+      s("blur", f);
+    }, a = S(!1), r = S([]), w = (f) => {
+      a.value = !0, T(f);
+    }, T = (f) => {
+      n.value = f, h(f);
+    }, N = (f) => {
+      r.value?.length === f + 1 && (r.value = []);
+    }, E = (f) => f[t.valueKey], Q = (f) => f?.[t.labelKey] ?? "";
+    ne(
+      () => n.value,
+      (f) => {
+        f && !E(f) || (a.value = !0, r.value = [], u.value = Q(f));
       },
       { immediate: !0 }
-    ), Q(
-      () => c.value,
-      (m) => {
-        if (d.value) {
-          d.value = !1;
+    ), ne(
+      () => u.value,
+      (f) => {
+        if (a.value) {
+          a.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];
-          });
-        } else n.options && (r.value = n.options.filter((_) => R(_).toLowerCase().includes(m)).slice(0, 10));
+        _(f);
       }
-    ), (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),
+    );
+    const _ = (f) => {
+      if (T({ [t.labelKey]: f }), t.config) {
+        const { uri: I, skipAuth: oe, dataField: W } = t.config;
+        (t.config.skipAuth ? Ae : De()).get(`${I}${f}`).then((ae) => {
+          r.value = ae.data[W];
+        });
+      } else t.options && (r.value = t.options.filter((I) => Q(I).toLowerCase().includes(f)).slice(0, 10));
+    }, D = () => {
+      r.value?.length || _(u.value);
+    }, R = k(
+      () => J(t.styles.control.select, t)
+    );
+    return (f, I) => {
+      const oe = ye("click-outside");
+      return l(), g(O, Z(G(t)), {
+        default: B(() => [
+          U(i("input", {
+            "onUpdate:modelValue": I[0] || (I[0] = (W) => u.value = W),
             autocomplete: "off",
             type: "text",
-            class: w([e.styles.control.select]),
+            class: y([R.value]),
             disabled: !e.enabled,
-            onFocus: f,
-            onBlur: u
-          }, null, 42, qt), [
-            [$e, c.value]
+            onFocus: m,
+            onBlur: d,
+            onClick: D
+          }, null, 42, Gt), [
+            [ue, 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", {
-                key: K[e.valueKey]
+          U((l(), c("div", null, [
+            r.value?.length ? (l(), c("ul", Jt, [
+              (l(!0), c($, null, L(r.value, (W, pe) => (l(), c("li", {
+                key: W[e.valueKey]
               }, [
-                a("button", {
+                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: (ge) => V(K),
-                  onBlur: (ge) => N(se)
-                }, v(R(K)), 41, Et)
+                  onClick: (ae) => w(W),
+                  onBlur: (ae) => N(pe)
+                }, p(Q(W)), 41, Qt)
               ]))), 128))
-            ])) : y("", !0)
+            ])) : x("", !0)
           ])), [
-            [H, () => r.value = []]
+            [oe, () => r.value = []]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Wt = {
+}), Xt = {
   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({
+}, Yt = ["onClick"], eo = { class: "w-4 mr-2" }, sl = /* @__PURE__ */ v({
   __name: "MultiSelect",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1189,77 +1212,84 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     options: {},
     valueKey: {},
     labelKey: {}
   }, {
-    ...G(),
+    ...q(),
     valueKey: "value",
     labelKey: "label"
   }), {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["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;
-    }, d = () => {
-      c || (f.value = !1), c = !1;
+  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue");
+    let u = !1;
+    const h = (_) => {
+      s("change", _);
+    }, m = S(!1), d = () => {
+      m.value = !m.value, u = !0;
+    }, a = () => {
+      u || (m.value = !1), u = !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(() => [
-          a("button", {
+      () => n.value?.map((_) => N(_)) ?? []
+    ), w = (_) => r.value.includes(_), T = (_, D) => {
+      _.preventDefault();
+      let R = n.value ?? [];
+      const f = N(D);
+      w(f) ? R = R.filter((oe) => N(oe) !== f) : R.push(D), n.value = R, h(R);
+    }, N = (_) => _[t.valueKey], E = (_) => _?.[t.labelKey] ?? "", Q = k(
+      () => J(
+        [t.styles.control.select, "w-full truncate block"].join(" "),
+        t
+      )
+    );
+    return (_, D) => {
+      const R = ye("click-outside");
+      return l(), g(O, Z(G(t)), {
+        default: B(() => [
+          i("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(Q.value),
+            onClick: d
+          }, p(n.value?.map?.((f) => E(f)).join(", ") ?? "Select value"), 3),
+          U((l(), c("div", null, [
+            m.value ? (l(), c("ul", Xt, [
+              (l(!0), c($, null, L(e.options, (f) => (l(), c("li", {
+                key: f[e.valueKey]
               }, [
-                a("button", {
+                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: (H) => A(H, _)
+                  onClick: (I) => T(I, f)
                 }, [
-                  a("div", Gt, [
-                    V(N(_)) ? (o(), g(b(I), {
+                  i("div", eo, [
+                    w(N(f)) ? (l(), g(b(j), {
                       key: 0,
                       icon: b(z).Check,
                       size: "sm"
-                    }, null, 8, ["icon"])) : y("", !0)
+                    }, null, 8, ["icon"])) : x("", !0)
                   ]),
-                  T(" " + v(U(_)), 1)
-                ], 8, Zt)
+                  F(" " + p(E(f)), 1)
+                ], 8, Yt)
               ]))), 128))
-            ])) : y("", !0)
+            ])) : x("", !0)
           ])), [
-            [m, () => d()]
+            [R, () => a()]
           ])
         ]),
         _: 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({
+}), to = { class: "card bg-base-100 border border-base-300" }, oo = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, lo = ["title", "onClick"], no = ["innerHTML"], so = { class: "card-body p-3" }, ao = /* @__PURE__ */ v({
   __name: "Markdown",
-  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
+    placeholder: {},
     description: {},
     errors: {},
     label: {},
@@ -1270,9 +1300,10 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     actions: {}
   }, {
-    ...G(),
+    ...q(),
     actions: () => [
       {
         label: "<strong>B</strong>",
@@ -1289,12 +1320,12 @@ const Rt = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["update:modelValue"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const n = e, l = t, s = Y(e, "modelValue"), c = De({
-      content: s.value ?? "",
+  emits: /* @__PURE__ */ V(["change"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue"), u = Se({
+      content: n.value ?? "",
       extensions: [
-        Pe.configure({
+        Fe.configure({
           heading: !1,
           blockquote: !1,
           bulletList: !1,
@@ -1305,37 +1336,38 @@ const Rt = {
           horizontalRule: !1,
           hardBreak: !1
         }),
-        Ae.configure({
+        Re.configure({
           html: !1,
           transformPastedText: !0
           // parse markdown on paste
         })
       ],
       onUpdate({ editor: h }) {
-        l("update:modelValue", h.storage.markdown.getMarkdown());
+        s("change", h.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))
+    return Le(() => {
+      u.value?.destroy();
+    }), (h, m) => (l(), g(O, Z(G(t)), {
+      default: B(() => [
+        i("div", to, [
+          i("div", oo, [
+            (l(!0), c($, null, L(e.actions, (d) => (l(), c("button", {
+              key: d.name,
+              type: "button",
+              class: y(["btn btn-sm btn-ghost", { "btn-active": b(u)?.isActive(d.name) }]),
+              title: d.label,
+              onClick: (a) => d.action(b(u))
             }, [
-              a("span", {
-                innerHTML: u.label
-              }, null, 8, Yt)
-            ], 10, Xt))), 128))
+              i("span", {
+                innerHTML: d.label
+              }, null, 8, no)
+            ], 10, lo))), 128))
           ]),
-          a("div", en, [
-            C(b(Ve), {
-              editor: b(c),
-              class: "prose prose-sm max-w-none min-h-24"
+          i("div", so, [
+            P(b(Ne), {
+              editor: b(u),
+              class: "prose prose-sm max-w-none min-h-96"
             }, null, 8, ["editor"])
           ])
         ])
@@ -1343,73 +1375,295 @@ 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 = {
+}), al = /* @__PURE__ */ fe(ao, [["__scopeId", "data-v-68d3e971"]]), io = { class: "flex items-center justify-center h-full" }, ro = { class: "fieldset-label" }, co = ["disabled"], uo = { class: "font-bold text-gray-500 text-sm" }, il = /* @__PURE__ */ v({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    width: {}
+  }, {
+    ...q()
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
+      s("change", a);
+    }, h = (a) => {
+      s("focus", a);
+    }, m = (a) => {
+      s("blur", a);
+    }, d = k(
+      () => J(t.styles.control.checkbox, t)
+    );
+    return (a, r) => (l(), c("div", io, [
+      P(O, A(t, { "hide-label": !0 }), {
+        default: B(() => [
+          i("label", ro, [
+            U(i("input", {
+              "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+              type: "checkbox",
+              class: y(d.value),
+              disabled: !e.enabled,
+              onChange: u,
+              onFocus: h,
+              onBlur: m
+            }, null, 42, co), [
+              [ge, n.value]
+            ]),
+            i("span", uo, p(e.label), 1)
+          ])
+        ]),
+        _: 1
+      }, 16)
+    ]));
+  }
+}), mo = ["type", "disabled", "autofocus", "placeholder"], rl = /* @__PURE__ */ v({
+  __name: "Input",
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    width: {},
+    type: {}
+  }, {
+    ...q(),
+    type: "text"
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
+      s("change", a);
+    }, h = (a) => {
+      s("focus", a);
+    }, m = (a) => {
+      s("blur", a);
+    }, d = k(
+      () => J(t.styles.control.input, t)
+    );
+    return (a, r) => (l(), g(O, Z(G(t)), {
+      default: B(() => [
+        U(i("input", {
+          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+          autocomplete: "off",
+          type: e.type,
+          class: y(d.value),
+          disabled: !e.enabled,
+          autofocus: e.isFocused,
+          placeholder: e.placeholder,
+          onChange: u,
+          onFocus: h,
+          onBlur: m
+        }, null, 42, mo), [
+          [Me, n.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), ho = ["disabled", "step", "autofocus", "placeholder"], cl = /* @__PURE__ */ v({
+  __name: "InputNumber",
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    width: {},
+    steps: {}
+  }, {
+    ...q(),
+    steps: 1
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
+      s("change", a);
+    }, h = (a) => {
+      s("focus", a);
+    }, m = (a) => {
+      s("blur", a);
+    }, d = k(
+      () => J(t.styles.control.input, t)
+    );
+    return (a, r) => (l(), g(O, Z(G(t)), {
+      default: B(() => [
+        U(i("input", {
+          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+          autocomplete: "off",
+          type: "number",
+          class: y([d.value]),
+          disabled: !e.enabled,
+          step: e.steps,
+          autofocus: e.isFocused,
+          placeholder: e.placeholder,
+          onChange: u,
+          onFocus: h,
+          onBlur: m
+        }, null, 42, ho), [
+          [ue, n.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), bo = ["disabled", "rows", "autofocus", "placeholder"], ul = /* @__PURE__ */ v({
+  __name: "Textarea",
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
+    id: {},
+    placeholder: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    width: {},
+    rows: {}
+  }, {
+    ...q(),
+    rows: 4
+  }), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
+      s("change", a);
+    }, h = (a) => {
+      s("focus", a);
+    }, m = (a) => {
+      s("blur", a);
+    }, d = k(
+      () => J(t.styles.control.textarea, t)
+    );
+    return (a, r) => (l(), g(O, Z(G(t)), {
+      default: B(() => [
+        U(i("textarea", {
+          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+          autocomplete: "off",
+          type: "text",
+          class: y(d.value),
+          disabled: !e.enabled,
+          rows: e.rows,
+          autofocus: e.isFocused,
+          placeholder: e.placeholder,
+          onChange: u,
+          onFocus: h,
+          onBlur: m
+        }, null, 42, bo), [
+          [ue, n.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), fo = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, po = {
   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({
+}, vo = { class: "flex-1 overflow-y-auto bg-white" }, go = { 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" }, dl = /* @__PURE__ */ v({
   __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 o = S({ left: !0, right: !0 }), t = (s) => {
+      o.value[s] = !o.value[s];
     };
-    return (l, s) => (o(), i("main", nn, [
-      a("aside", on, [
-        a("div", {
-          class: w(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
+    return (s, n) => (l(), c("main", fo, [
+      i("aside", po, [
+        i("div", {
+          class: y(["absolute top-0 z-20", o.value.left ? "-right-0" : "-right-2"])
         }, [
-          a("button", {
+          i("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: s[0] || (s[0] = (c) => n("left"))
+            onClick: n[0] || (n[0] = (u) => t("left"))
           }, [
-            C(b(I), {
+            P(b(j), {
               size: "sm",
-              icon: t.value.left ? b(z).DblChevronLeft : b(z).DblChevronRight
+              icon: o.value.left ? b(z).DblChevronLeft : b(z).DblChevronRight
             }, null, 8, ["icon"])
           ])
         ], 2),
-        t.value.left ? (o(), i("div", {
+        o.value.left ? (l(), c("div", {
           key: 0,
-          style: le({ width: e.widthLeft + "px" }),
+          style: ie({ width: e.widthLeft + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(l.$slots, "left-drawer")
-        ], 4)) : y("", !0)
+          M(s.$slots, "left-drawer")
+        ], 4)) : x("", !0)
       ]),
-      a("div", sn, [
-        B(l.$slots, "default")
+      i("div", vo, [
+        M(s.$slots, "default")
       ]),
-      a("aside", ln, [
-        t.value.right ? (o(), i("div", {
+      i("aside", go, [
+        o.value.right ? (l(), c("div", {
           key: 0,
-          style: le({ width: e.widthRight + "px" }),
+          style: ie({ width: e.widthRight + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(l.$slots, "right-drawer")
-        ], 4)) : y("", !0),
-        a("div", {
-          class: w(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
+          M(s.$slots, "right-drawer")
+        ], 4)) : x("", !0),
+        i("div", {
+          class: y(["absolute top-0 z-20", o.value.right ? "-left-0" : "-left-2"])
         }, [
-          a("button", {
+          i("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: s[1] || (s[1] = (c) => n("right"))
+            onClick: n[1] || (n[1] = (u) => t("right"))
           }, [
-            C(b(I), {
+            P(b(j), {
               size: "sm",
-              icon: t.value.right ? b(z).DblChevronRight : b(z).DblChevronLeft
+              icon: o.value.right ? b(z).DblChevronRight : b(z).DblChevronLeft
             }, null, 8, ["icon"])
           ])
         ], 2)
       ])
     ]));
   }
-}), an = { class: "ml-1" }, rn = { class: "truncate flex-1 min-w-0 text-left" }, cn = {
+}), yo = { class: "ml-1" }, wo = { class: "truncate flex-1 min-w-0 text-left" }, xo = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, un = /* @__PURE__ */ p({
+}, ko = /* @__PURE__ */ v({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1418,141 +1672,147 @@ const Rt = {
     isExpanded: { type: Function }
   },
   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, [
-        a("div", {
-          class: w([
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = k(() => t.active === t.node.id);
+    return (u, h) => {
+      const m = re("TreeItem", !0);
+      return l(), c("li", yo, [
+        i("div", {
+          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) > 0 ? (l(), c("span", {
             key: 0,
             class: "flex items-center justify-center",
-            onClick: h[0] || (h[0] = (u) => l("toggle", e.node))
+            onClick: h[0] || (h[0] = (d) => 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(), g(b(Te), {
               key: 0,
               class: "w-3 h-3"
-            })) : (o(), g(b(Be), {
+            })) : (l(), g(b(ze), {
               key: 1,
               class: "w-3 h-3"
             }))
-          ])) : y("", !0),
-          a("div", {
+          ])) : x("", !0),
+          i("div", {
             class: "flex items-center gap-2 w-full min-w-0",
-            onClick: h[1] || (h[1] = (u) => l("select", e.node))
+            onClick: h[1] || (h[1] = (d) => 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)
+            i("div", wo, p(e.node.label), 1),
+            e.node.tag ? (l(), c("div", xo, p(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($, null, L(e.node.children, (d) => (l(), g(m, {
+            key: d.id,
+            node: d,
             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: h[2] || (h[2] = (a) => s("toggle", a)),
+            onSelect: h[3] || (h[3] = (a) => s("select", a))
           }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
-        ], 2)) : y("", !0)
+        ], 2)) : x("", !0)
       ]);
     };
   }
-}), dn = { class: "select-none text-sm" }, Jn = /* @__PURE__ */ p({
+}), $o = { class: "select-none text-sm" }, ml = /* @__PURE__ */ v({
   __name: "TreeView",
   props: {
     data: {},
     active: {}
   },
   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);
+  setup(e, { emit: o }) {
+    const t = e, s = o, n = S(/* @__PURE__ */ new Set()), u = (d) => {
+      const a = d.id;
+      if (!d.children || d.children.length === 0) {
+        s("select", d);
         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(a) ? n.value.delete(a) : n.value.add(a);
+    }, h = (d) => {
+      s("select", d), n.value.add(d.id);
+    }, m = (d) => n.value.has(d);
+    return (d, a) => (l(), c("ul", $o, [
+      (l(!0), c($, null, L(t.data, (r) => (l(), g(ko, {
         key: r.id,
         node: r,
-        expanded: s.value,
+        expanded: n.value,
         active: e.active,
-        "is-expanded": f,
-        onToggle: c,
+        "is-expanded": m,
+        onToggle: u,
         onSelect: h
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), mn = {
+}), Co = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, Qn = /* @__PURE__ */ p({
+}, hl = /* @__PURE__ */ v({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => e.loading ? (o(), i("div", mn, [...n[0] || (n[0] = [
-      a("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
-    ])])) : y("", !0);
+    return (o, t) => e.loading ? (l(), c("div", Co, [...t[0] || (t[0] = [
+      i("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
+    ])])) : 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 = {
+}), Bo = ["checked"], _o = { class: "collapse-title text-gray-500 text-xs font-medium" }, Lo = {
   key: 0,
   class: "list bg-base-100"
-}, Xn = /* @__PURE__ */ p({
+}, bl = /* @__PURE__ */ v({
   __name: "Collapse",
   props: {
     title: {},
-    opened: { type: Boolean, default: !0 }
+    opened: { type: Boolean, default: !0 },
+    heightFull: { type: Boolean }
   },
   setup(e) {
-    const t = be(), n = e, l = S(n.opened);
-    return Q(
-      () => n.opened,
+    const o = Pe(), t = e, s = S(t.opened);
+    return ne(
+      () => t.opened,
       () => {
       },
       { immediate: !0 }
-    ), (s, c) => (o(), i("div", fn, [
-      a("input", {
+    ), (n, u) => (l(), c("div", {
+      class: y([
+        "collapse collapse-arrow bg-white w-full border border-gray-300",
+        e.heightFull ? "h-full" : ""
+      ])
+    }, [
+      i("input", {
         type: "checkbox",
-        checked: l.value
-      }, null, 8, bn),
-      a("div", hn, v(e.title), 1),
-      a("div", {
-        class: w(["collapse-content", b(t).list ? "p-0" : ""])
+        checked: s.value
+      }, null, 8, Bo),
+      i("div", _o, p(e.title), 1),
+      i("div", {
+        class: y(["collapse-content", b(o).list ? "p-0" : ""])
       }, [
-        B(s.$slots, "default"),
-        b(t).list ? (o(), i("ul", vn, [
-          B(s.$slots, "list")
-        ])) : y("", !0)
+        M(n.$slots, "default"),
+        b(o).list ? (l(), c("ul", Lo, [
+          M(n.$slots, "list")
+        ])) : x("", !0)
       ], 2)
-    ]));
+    ], 2));
   }
-}), gn = { class: "list-row" }, pn = { class: "list-col-grow" }, yn = {
-  key: 0,
+}), Mo = { class: "list-row" }, Po = { class: "list-col-grow" }, Vo = { key: 0 }, Ao = {
+  key: 1,
   class: "text-xs text-gray-600"
-}, wn = ["href"], xn = { key: 1 }, kn = {
+}, Do = ["href"], To = { key: 1 }, zo = {
   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({
+}, Fo = ["href"], So = { key: 1 }, fl = /* @__PURE__ */ v({
   __name: "CollapseRow",
   props: {
     title: {},
@@ -1562,75 +1822,97 @@ 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", {
-              key: 0,
-              href: e.descriptionLink,
-              target: "_blank"
-            }, v(e.description ?? e.descriptionLink), 9, wn)) : (o(), i("span", xn, v(e.description), 1))
-          ])) : y("", !0)
-        ]),
-        e.label ? (o(), i("div", kn, [
-          e.labelLink ? (o(), i("a", {
+    return (o, t) => (l(), c("li", Mo, [
+      i("div", Po, [
+        e.title ? (l(), c("div", Vo, p(e.title), 1)) : x("", !0),
+        e.description || e.descriptionLink ? (l(), c("div", Ao, [
+          e.descriptionLink ? (l(), c("a", {
             key: 0,
-            href: e.labelLink,
+            href: e.descriptionLink,
             target: "_blank"
-          }, v(e.label), 9, $n)) : (o(), i("span", Cn, v(e.label), 1))
-        ])) : y("", !0),
-        a("p", _n, [
-          C(l)
-        ])
-      ]);
+          }, p(e.description ?? e.descriptionLink), 9, Do)) : (l(), c("span", To, p(e.description), 1))
+        ])) : x("", !0)
+      ]),
+      e.label ? (l(), c("div", zo, [
+        e.labelLink ? (l(), c("a", {
+          key: 0,
+          href: e.labelLink,
+          target: "_blank"
+        }, p(e.label), 9, Fo)) : (l(), c("span", So, p(e.label), 1))
+      ])) : x("", !0),
+      M(o.$slots, "default")
+    ]));
+  }
+}), No = { class: "text-gray-800" }, pl = /* @__PURE__ */ v({
+  __name: "alert",
+  props: {
+    message: {},
+    type: {}
+  },
+  setup(e) {
+    const o = {
+      success: "alert-success",
+      error: "alert-error",
+      warning: "alert-warning",
+      info: "alert-info"
     };
+    return (t, s) => (l(), c("div", {
+      role: "alert",
+      class: y(`alert alert-soft ${o[e.type]} `)
+    }, [
+      i("span", No, p(e.message), 1),
+      M(t.$slots, "default")
+    ], 2));
   }
 });
 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,
+  pl as Alert,
+  nl as Autocomplete,
+  ot as BadgeSize,
+  Y as Btn,
+  Zo as BtnBadge,
+  tt as ButtonSize,
+  Xo as Card,
+  il as Checkbox,
+  tl as ClickOutside,
+  bl as Collapse,
+  fl as CollapseRow,
+  X as Color,
+  nt as ConfirmModal,
+  O as ControlWrapper,
+  Ht as DefaultAutoCompleteProperties,
+  q as DefaultControlProperties,
+  dl as Drawer,
+  Wo as Dropdown,
+  j 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,
-  Rt as myStyles,
-  Hn as removeClickOutsideEventListener,
-  Ft as showErrors
+  Ie as IconMap,
+  rl as Input,
+  cl as InputNumber,
+  hl as Loading,
+  al as Markdown,
+  Eo as Menu,
+  Xe as Modal,
+  he as ModalService,
+  st as ModalWrapper,
+  sl as MultiSelect,
+  at as NotificationMessage,
+  be as NotificationService,
+  ct as Notifications,
+  Bt as PaginationComponent,
+  ll as SelectComponent,
+  Go as ShellComponent,
+  de as SubMenu,
+  Qo as Table,
+  Qo as TableComponent,
+  Jo as TextCell,
+  ul as Textarea,
+  ml as TreeView,
+  Yo as addClickOutsideEventListener,
+  J as buildInputStyle,
+  ol as hasCustomEventListener,
+  Ot as isDescriptionHidden,
+  jt as myStyles,
+  el as removeClickOutsideEventListener,
+  ke as showErrors
 };