@ghentcdh/ui 0.6.7 → 0.6.8

package/index.esm.js

@@ -1,75 +1,81 @@
-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 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
+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(
-  (o) => ` <path
+  (t) => ` <path
      stroke-linejoin="round"
       stroke-linecap="round"
-      d="${o}"
+      d="${t}"
     />`
 ).join(`
 `)}
   </svg>`;
-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(
+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 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: M(
+  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: M(
+  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: M(
+  BarsArrowUp: C(
     "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
   ),
-  Funnel: M(
+  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: 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(
+  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: M("M4 6h16M4 12h16M4 18h16"),
-  ChevronDown: M(
+  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: M(
+  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: M("m4.5 12.75 6 6 9-13.5"),
-  View: M(
+  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: M(
+  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: M(
+  DblChevronLeft: C(
     "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
   ),
-  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({
+  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, o) => (l(), c("div", {
+    return (o, t) => (l(), c("div", {
       class: y([
         {
           "w-full h-full": !e.size,
@@ -77,13 +83,13 @@ const Fe = {
           "w-4 h-4": e.size === "sm"
         }
       ]),
-      innerHTML: f(Fe)[e.icon]
-    }, null, 10, Se));
+      innerHTML: b(Ie)[e.icon]
+    }, null, 10, Ue));
   }
-}), Ne = { class: "dropdown dropdown-end" }, Ke = {
+}), 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" }, re = /* @__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 Fe = {
     disableArrow: { type: Boolean }
   },
   setup(e) {
-    return (t, o) => (l(), c("div", Ne, [
-      a("div", {
+    return (o, t) => (l(), c("div", Ke, [
+      i("div", {
         tabindex: "0",
         role: "button",
         class: y([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
-        a("span", null, h(e.label), 1),
-        e.disableArrow ? x("", !0) : (l(), v(f(j), {
+        i("span", null, p(e.label), 1),
+        e.disableArrow ? x("", !0) : (l(), g(b(j), {
           key: 0,
-          icon: f(F).ChevronDown,
+          icon: b(z).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      a("ul", Ke, [
-        a("li", Re, [
-          (l(!0), c(k, null, L(e.items, (s) => (l(), v(ve, V({
+      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))
         ])
       ])
     ]));
   }
-}), ee = "btn btn-ghost text-left justify-between min-w-max font-normal", ve = /* @__PURE__ */ p({
+}), le = "btn btn-ghost text-left justify-between min-w-max font-normal", we = /* @__PURE__ */ v({
   __name: "menu-item",
   props: {
     label: {},
@@ -125,74 +131,74 @@ const Fe = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    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;
+    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
       } : "";
-    }), b = () => {
-      t.action?.();
+    }), h = () => {
+      o.action?.();
     };
-    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, {
+    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: u.value,
-        class: y(ee),
-        onClick: b
+        class: y(le),
+        onClick: h
       }, {
-        default: C(() => [
-          S(h(e.label), 1)
+        default: B(() => [
+          F(p(e.label), 1)
         ]),
         _: 1
       }, 8, ["to"])) : s.value ? (l(), c("button", {
         key: 2,
-        class: y(ee),
-        onClick: b
-      }, h(e.label), 1)) : (l(), c("div", {
+        class: y(le),
+        onClick: h
+      }, p(e.label), 1)) : (l(), c("div", {
         key: 3,
-        class: y([ee, { "btn-disabled": e.disabled }])
-      }, h(e.label), 3));
+        class: y([le, { "btn-disabled": e.disabled }])
+      }, p(e.label), 3));
     };
   }
-}), Ie = { class: "navbar bg-base-100 shadow-sm" }, Ue = { class: "flex-1" }, qe = {
+}), He = { class: "navbar bg-base-100 shadow-sm" }, Oe = { class: "flex-1" }, Ee = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, je = { class: "flex grow justify-end px-2" }, He = { class: "flex items-stretch" }, qo = /* @__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, o) => {
-      const s = oe("RouterLink");
-      return l(), c("nav", Ie, [
-        a("div", Ue, [
-          e.breadcrumbs ? (l(), c("div", qe, [
-            a("ul", null, [
-              (l(!0), c(k, null, L(e.breadcrumbs, (n) => (l(), c("li", {
+    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
               }, [
-                n.routerLink ? (l(), v(s, {
+                n.routerLink ? (l(), g(s, {
                   key: 0,
                   to: { name: n.routerLink, params: n.params }
                 }, {
-                  default: C(() => [
-                    S(h(n.label), 1)
+                  default: B(() => [
+                    F(p(n.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (l(), c(k, { key: 1 }, [
-                  S(h(n.label), 1)
+                }, 1032, ["to"])) : (l(), c($, { key: 1 }, [
+                  F(p(n.label), 1)
                 ], 64))
               ]))), 128))
             ])
           ])) : x("", !0)
         ]),
-        a("div", je, [
-          a("div", He, [
-            (l(!0), c(k, null, L(e.menu, (n) => (l(), v(ve, V({
+        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))
           ])
@@ -200,22 +206,22 @@ const Fe = {
       ]);
     };
   }
-}), jo = /* @__PURE__ */ p({
+}), Wo = /* @__PURE__ */ v({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
-    const t = N(!0);
-    return (o, s) => (l(), v(re, {
+    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"]));
   }
-}), Oe = { class: "font-bold" }, Ee = { class: "pt-4" }, We = { class: "modal-action" }, Ze = /* @__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 Fe = {
     width: { default: "sm" }
   },
   emits: ["closeModal"],
-  setup(e, { expose: t, emit: o }) {
+  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]"
-    }, n = e, u = `modal_${le()}`, b = o, m = () => {
+    }, n = e, u = `modal_${se()}`, h = t, m = () => {
       document.getElementById(u)?.showModal();
-    }, i = () => {
-      document.getElementById(u)?.close(), b("closeModal");
+    }, d = () => {
+      document.getElementById(u)?.close(), h("closeModal");
     };
-    return t({ closeModal: i, openModal: m }), te(
+    return o({ closeModal: d, openModal: m }), ne(
       () => n.open,
-      (d, r, A) => {
-        n.open ? m() : i();
+      (a, r, w) => {
+        n.open ? m() : d();
       }
-    ), xe(() => {
+    ), $e(() => {
       n.open && m();
-    }), (d, r) => (l(), c("dialog", {
+    }), (a, r) => (l(), c("dialog", {
       id: u,
       class: "modal"
     }, [
-      a("div", {
+      i("div", {
         class: y(["modal-box bg-white", s[e.width]])
       }, [
         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: i
+          onClick: d
         }, " ✕ ")),
-        a("h3", Oe, h(e.modalTitle), 1),
-        a("div", Ee, [
-          D(d.$slots, "content")
+        i("h3", Ge, p(e.modalTitle), 1),
+        i("div", Je, [
+          M(a.$slots, "content")
         ]),
-        a("div", We, [
-          D(d.$slots, "actions")
+        i("div", Qe, [
+          M(a.$slots, "actions")
         ])
       ], 2)
     ]));
   }
 });
-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 = {
+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"
-}, Je = {
+}, et = {
   blank: "badge-ghost",
   primary: "badge-primary",
   secondary: "badge-soft badge-primary",
   error: "badge-error"
-}, Qe = {
+}, tt = {
   xs: "btn-xs",
   sm: "btn-sm",
   lg: "btn-sm",
   xl: "btn"
-}, Xe = {
+}, ot = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, J = /* @__PURE__ */ p({
+}, Y = /* @__PURE__ */ v({
   __name: "btn",
   props: {
     href: {},
     disabled: { type: Boolean, default: !1 },
-    as: { default: ge.button },
+    as: { default: xe.button },
     icon: {},
-    type: { default: ce.button },
+    type: { default: me.button },
     outline: { type: Boolean, default: !1 },
-    color: { default: G.primary },
+    color: { default: X.primary },
     size: { default: "sm" },
     square: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const o = e, s = t;
-    return (n, u) => (l(), v(ae(e.as), V({
+  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",
-        f(Ge)[e.color],
-        f(Qe)[e.size],
+        b(Ye)[e.color],
+        b(tt)[e.size],
         { "btn-outline": e.outline, "btn-square": e.square }
       ]
-    }, o, {
-      onClick: u[0] || (u[0] = (b) => s("click"))
+    }, t, {
+      onClick: u[0] || (u[0] = (h) => s("click"))
     }), {
-      default: C(() => [
-        e.icon ? (l(), v(f(j), {
+      default: B(() => [
+        e.icon ? (l(), g(b(j), {
           key: 0,
           icon: e.icon,
           size: e.size
         }, null, 8, ["icon", "size"])) : x("", !0),
-        D(n.$slots, "default")
+        M(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ye = ["type", "disabled"], Ho = /* @__PURE__ */ p({
+}), lt = ["type", "disabled"], Zo = /* @__PURE__ */ v({
   __name: "btn-badge",
   props: {
     icon: { default: void 0 },
-    type: { default: ce.button },
+    type: { default: me.button },
     color: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
     size: { default: "sm" }
   },
   emits: ["click"],
-  setup(e, { emit: t }) {
-    const o = t;
+  setup(e, { emit: o }) {
+    const t = o;
     return (s, n) => (l(), c("button", {
-      class: y(["badge gap-1", f(Xe)[e.size], f(Je)[e.color]]),
+      class: y(["badge gap-1", b(ot)[e.size], b(et)[e.color]]),
       type: e.type,
       disabled: e.disabled,
-      onClick: n[0] || (n[0] = (u) => o("click"))
+      onClick: n[0] || (n[0] = (u) => t("click"))
     }, [
-      D(s.$slots, "default"),
-      e.icon ? (l(), v(f(j), {
+      M(s.$slots, "default"),
+      e.icon ? (l(), g(b(j), {
         key: 0,
         icon: e.icon,
         size: e.size
       }, null, 8, ["icon", "size"])) : x("", !0)
-    ], 10, Ye));
+    ], 10, lt));
   }
-}), et = /* @__PURE__ */ p({
+}), nt = /* @__PURE__ */ v({
   __name: "confirmModal",
   props: {
     title: {},
@@ -362,34 +368,34 @@ const Ge = {
     cancelLabel: { default: "Cancel" }
   },
   emits: ["closeModal"],
-  setup(e, { emit: t }) {
-    const o = t, s = (n) => {
-      o("closeModal", { confirmed: n });
+  setup(e, { emit: o }) {
+    const t = o, s = (n) => {
+      t("closeModal", { confirmed: n });
     };
-    return (n, u) => (l(), v(Ze, {
+    return (n, u) => (l(), g(Xe, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
-      content: C(() => [
-        S(h(e.message), 1)
+      content: B(() => [
+        F(p(e.message), 1)
       ]),
-      actions: C(() => [
-        B(f(J), {
-          color: f(G).secondary,
+      actions: B(() => [
+        P(b(Y), {
+          color: b(X).secondary,
           outline: !0,
-          onClick: u[0] || (u[0] = (b) => s(!1))
+          onClick: u[0] || (u[0] = (h) => s(!1))
         }, {
-          default: C(() => [
-            S(h(e.cancelLabel), 1)
+          default: B(() => [
+            F(p(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        B(f(J), {
-          onClick: u[1] || (u[1] = (b) => s(!0))
+        P(b(Y), {
+          onClick: u[1] || (u[1] = (h) => s(!0))
         }, {
-          default: C(() => [
-            S(h(e.confirmLabel), 1)
+          default: B(() => [
+            F(p(e.confirmLabel), 1)
           ]),
           _: 1
         })
@@ -398,30 +404,30 @@ const Ge = {
     }, 8, ["modal-title"]));
   }
 });
-class ue {
+class he {
   constructor() {
-    this.showModal = N(!1), this.modals = [];
+    this.showModal = S(!1), this.modals = [];
   }
-  openModal(t) {
-    const o = t.props.onClose, s = le(), n = t;
-    t.props.onClose = (u) => {
-      o(u), this.closeModal(s);
+  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((o) => o.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: et,
-      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 ue()), this.instance;
+    return this.instance || (this.instance = new he()), this.instance;
   }
   static closeAll() {
     this.instance.closeAll();
@@ -430,11 +436,11 @@ class ue {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const tt = /* @__PURE__ */ p({
+const st = /* @__PURE__ */ v({
   __name: "modalWrapper",
   setup(e) {
-    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({
+    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
     }, u?.props, {
@@ -442,75 +448,75 @@ const tt = /* @__PURE__ */ p({
       onCloseModal: u?.props?.onClose
     }), null, 16, ["onCloseModal"]))), 128));
   }
-}), ot = /* @__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 (o, s) => (l(), c("div", {
+    return (t, s) => (l(), c("div", {
       role: "alert",
-      class: y(`alert ${t[e.type]} `)
+      class: y(`alert ${o[e.type]} `)
     }, [
-      a("span", null, h(e.message), 1)
+      i("span", null, p(e.message), 1)
     ], 2));
   }
-}), lt = 5e3;
-class de {
+}), it = 5e3;
+class be {
   constructor() {
-    this.notifications = N([]), this.addNotification = (t, o = "info") => {
+    this.notifications = S([]), this.addNotification = (o, t = "info") => {
       const s = {
-        id: le(),
-        duration: lt,
-        message: t,
-        type: o
+        id: se(),
+        duration: it,
+        message: o,
+        type: t
       };
       this.notifications.value.push(s), this.removeNotificationAfterDuration(s);
-    }, this.removeNotificationAfterDuration = (t) => {
+    }, this.removeNotificationAfterDuration = (o) => {
       setTimeout(() => {
-        this.removeNotification(t.id);
-      }, t.duration);
-    }, this.removeNotification = (t) => {
-      this.notifications.value = this.notifications.value.filter((o) => o.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 de()), 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]" }, st = /* @__PURE__ */ p({
+const rt = { class: "toast toast-top toast-center z-[999]" }, ct = /* @__PURE__ */ v({
   __name: "notifications",
   setup(e) {
-    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({
+    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))
     ]));
   }
-}), 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({
+}), 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,94 +526,94 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, st = /* @__PURE__
     widthSidebar: { default: 300 }
   },
   emits: ["logout"],
-  setup(e, { emit: t }) {
-    const s = e, n = N(!1), u = () => {
+  setup(e, { emit: o }) {
+    const s = e, n = S(!1), u = () => {
       n.value = !n.value;
-    }, b = t, m = $(() => s.user ? {
+    }, h = o, m = k(() => s.user ? {
       label: s.user.name,
       items: [
         {
           label: "Logout",
           action: () => {
-            b("logout");
+            h("logout");
           }
         }
       ]
     } : null);
-    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", {
+    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: u
               }, [
-                B(f(j), {
-                  icon: f(F).Hamburger
+                P(b(j), {
+                  icon: b(z).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            a("div", ut, [
-              a("a", {
+            i("div", bt, [
+              i("a", {
                 class: "btn btn-ghost text-primary-content text-lg color-white",
-                href: f("/")
-              }, h(e.title), 9, dt)
+                href: b("/")
+              }, p(e.title), 9, ft)
             ]),
-            a("div", mt, [
-              m.value ? (l(), v(f(re), V({ key: 0 }, m.value, { "btn-class": "" }), null, 16)) : x("", !0)
+            i("div", pt, [
+              m.value ? (l(), g(b(de), A({ key: 0 }, m.value, { "btn-class": "" }), null, 16)) : x("", !0)
             ])
           ])
         ]),
-        a("div", {
+        i("div", {
           class: y(["drawer flex-1 overflow-hidden", { "drawer-open": n.value }])
         }, [
-          I(a("input", {
+          U(i("input", {
             id: "app-drawer",
-            "onUpdate:modelValue": d[0] || (d[0] = (r) => n.value = r),
+            "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
             type: "checkbox",
             class: "drawer-toggle"
           }, null, 512), [
-            [fe, n.value]
+            [ge, n.value]
           ]),
-          a("main", bt, [
-            D(i.$slots, "default")
+          i("main", vt, [
+            M(d.$slots, "default")
           ]),
-          a("div", ft, [
-            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: se({ width: e.widthSidebar + "px" })
+              style: ie({ width: e.widthSidebar + "px" })
             }, [
-              a("ul", ht, [
-                (l(!0), c(k, null, L(e.menu, (r) => (l(), c("li", {
+              i("ul", yt, [
+                (l(!0), c($, null, L(e.menu, (r) => (l(), c("li", {
                   key: r.label
                 }, [
-                  B(f(_e), {
+                  P(b(Ve), {
                     to: { name: r.routerLink, params: r.params }
                   }, {
-                    default: C(() => [
-                      S(h(r.label), 1)
+                    default: B(() => [
+                      F(p(r.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])
                 ]))), 128))
               ]),
-              a("div", pt, " version: " + h(e.version), 1)
+              i("div", wt, " version: " + p(e.version), 1)
             ], 4)
           ])
         ], 2)
       ])
     ], 64));
   }
-}), Q = /* @__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]" }, st = /* @__PURE__
     disabled: { type: Boolean }
   },
   emits: ["updatePage", "updatePageSize"],
-  setup(e, { emit: t }) {
-    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);
+  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 (m, i) => (l(), v(f(J), {
+    return (m, d) => (l(), g(b(Y), {
       disabled: e.disabled,
       square: !0,
       size: "xs",
       color: u.value,
-      onClick: i[0] || (i[0] = (d) => b())
+      onClick: d[0] || (d[0] = (a) => h())
     }, {
-      default: C(() => [
-        S(h(e.label), 1)
+      default: B(() => [
+        F(p(e.label), 1)
       ]),
       _: 1
     }, 8, ["disabled", "color"]));
   }
-}), 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({
+}), 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,22 +650,22 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, st = /* @__PURE__
     currentPage: { type: Number, default: 1 }
   },
   emits: ["updatePage", "updatePageSize"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, n = $(() => {
-      let r = Math.ceil(o.totalItems / o.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;
-    }), u = X / 2, b = $(() => {
-      if (n.value <= X)
+    }), u = te / 2, h = k(() => {
+      if (n.value <= te)
         return {
           min: 1,
           max: n.value
         };
-      let r = o.currentPage - u;
-      r <= 1 ? r = 1 : r + X > n.value && (r = n.value - X);
-      let A = r + X;
+      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: A
+        max: w
       };
     }), m = (r) => ({
       label: "...",
@@ -667,72 +673,72 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, st = /* @__PURE__
       page: -10,
       disabled: !0,
       neverActive: !0
-    }), i = $(() => {
+    }), d = k(() => {
       let r = n.value;
       r < 1 && (r = 1);
-      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}`,
+      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: A,
-          page: w
-        }), w === 1 && r > 1 && R > 1 && T.push(m(A)));
+          currentPage: w,
+          page: D
+        }), D === 1 && r > 1 && N > 1 && T.push(m(w)));
       }), T;
-    }), d = (r) => {
+    }), a = (r) => {
       s("updatePage", r);
     };
-    return (r, A) => (l(), c("div", vt, [
-      a("div", gt, [
-        a("div", yt, [
-          B(Q, V(o, {
+    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"]),
-          B(Q, V(o, {
+          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"]),
-          (l(!0), c(k, null, L(i.value, (T) => (l(), v(Q, V({
+          (l(!0), c($, null, L(d.value, (T) => (l(), g(ee, A({
             key: T.page,
             ref_for: !0
-          }, T, { onUpdatePage: d }), null, 16))), 128)),
-          B(Q, V(o, {
+          }, T, { onUpdatePage: a }), null, 16))), 128)),
+          P(ee, A(t, {
             page: e.currentPage + 1,
             label: ">",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: o.currentPage === n.value,
-            onUpdatePage: d
+            disabled: t.currentPage === n.value,
+            onUpdatePage: a
           }), null, 16, ["page", "current-page", "disabled"]),
-          B(Q, V(o, {
+          P(ee, A(t, {
             page: n.value,
             label: ">>",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: o.currentPage === n.value,
-            onUpdatePage: d
+            disabled: t.currentPage === n.value,
+            onUpdatePage: a
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      a("div", xt, " page " + h(e.currentPage) + " of " + h(n.value), 1)
+      i("div", Ct, " page " + p(e.currentPage) + " of " + p(n.value), 1)
     ]));
   }
-}), me = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [s, n] of t)
-    o[s] = n;
-  return o;
-}, kt = () => ({
+}), 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]" }, st = /* @__PURE__
     type: Object,
     required: !1
   }
-}), $t = p({
+}), Lt = v({
   name: "TextCell",
   props: {
-    ...kt()
+    ..._t()
   },
   computed: {
     value() {
@@ -756,11 +762,11 @@ const nt = { class: "toast toast-top toast-center z-[999]" }, st = /* @__PURE__
       return e ? this.column.options?.format === "keyValue" ? e[this.column.options.key] : e : null;
     }
   }
-}), Ct = $t;
-function Bt(e, t, o, s, n, u) {
-  return h(e.value) + " - value";
+}), Mt = Lt;
+function Pt(e, o, t, s, n, u) {
+  return p(e.value);
 }
-const Eo = /* @__PURE__ */ me(Ct, [["render", Bt]]), _t = { class: "flex-grow pr-2" }, Lt = { class: "h-4 w-4" }, Mt = /* @__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 Eo = /* @__PURE__ */ me(Ct, [["render", Bt]]), _t = { class: "flex-grow pr
     sortDirection: {}
   },
   emits: ["sort"],
-  setup(e, { emit: t }) {
-    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", {
+  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: u
     }, [
-      a("span", _t, h(e.column.label), 1),
-      a("div", Lt, [
-        e.sortColumn === n.value ? (l(), v(f(j), {
+      i("span", Vt, p(e.column.label), 1),
+      i("div", At, [
+        e.sortColumn === n.value ? (l(), g(b(j), {
           key: 0,
           icon: s.value
         }, null, 8, ["icon"])) : x("", !0)
       ])
     ]));
   }
-}), Pt = { class: "table w-full" }, Vt = { key: 0 }, Dt = ["colspan"], At = { class: "flex gap-2" }, Wo = /* @__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,77 +804,77 @@ const Eo = /* @__PURE__ */ me(Ct, [["render", Bt]]), _t = { class: "flex-grow pr
     sort: {}
   },
   emits: ["delete", "edit", "updatePage", "sort"],
-  setup(e, { emit: t }) {
-    const o = t, s = (m) => {
-      o("edit", m);
+  setup(e, { emit: o }) {
+    const t = o, s = (m) => {
+      t("edit", m);
     }, n = (m) => {
-      o("delete", m);
+      t("delete", m);
     }, u = (m) => {
-      o("updatePage", m);
-    }, b = (m) => {
-      o("sort", m);
+      t("updatePage", m);
+    }, h = (m) => {
+      t("sort", m);
     };
-    return (m, i) => (l(), c(k, null, [
-      a("table", Pt, [
-        a("thead", null, [
-          a("tr", null, [
-            (l(!0), c(k, null, L(e.displayColumns, (d) => (l(), c("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
             }, [
-              B(Mt, V({ column: d }, { ref_for: !0 }, e.sort, { onSort: b }), null, 16, ["column"])
+              P(Dt, A({ column: a }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
             ]))), 128)),
-            i[0] || (i[0] = a("th", null, null, -1))
+            d[0] || (d[0] = i("th", null, null, -1))
           ])
         ]),
-        a("tbody", null, [
-          e.loading ? (l(), c("tr", Vt, [
-            a("td", {
+        i("tbody", null, [
+          e.loading ? (l(), c("tr", zt, [
+            i("td", {
               colspan: e.displayColumns.length + 1,
               class: "text-center"
-            }, [...i[1] || (i[1] = [
-              a("span", { class: "loading loading-bars loading-xs" }, null, -1)
-            ])], 8, Dt)
+            }, [...d[1] || (d[1] = [
+              i("span", { class: "loading loading-bars loading-xs" }, null, -1)
+            ])], 8, Ft)
           ])) : x("", !0),
-          (l(!0), c(k, null, L(e.data, (d) => (l(), c("tr", {
-            key: d.id
+          (l(!0), c($, null, L(e.data, (a) => (l(), c("tr", {
+            key: a.id
           }, [
-            (l(!0), c(k, null, L(e.displayColumns, (r) => (l(), c("td", {
+            (l(!0), c($, null, L(e.displayColumns, (r) => (l(), c("td", {
               key: r.scope
             }, [
-              (l(), v(ae(r.component), V({ 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", At, [
-                (l(!0), c(k, null, L(e.actions, (r) => (l(), v(J, {
+            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: (A) => r.action(d)
+                  onClick: (w) => r.action(a)
                 }, {
-                  default: C(() => [
-                    S(h(r.label), 1)
+                  default: B(() => [
+                    F(p(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                B(J, {
-                  icon: f(F).Edit,
+                P(Y, {
+                  icon: b(z).Edit,
                   outline: !0,
-                  onClick: (r) => s(d)
+                  onClick: (r) => s(a)
                 }, null, 8, ["icon", "onClick"]),
-                B(J, {
-                  icon: f(F).Delete,
+                P(Y, {
+                  icon: b(z).Delete,
                   outline: !0,
-                  onClick: (r) => n(d)
+                  onClick: (r) => n(a)
                 }, null, 8, ["icon", "onClick"])
               ])
             ])
           ]))), 128))
         ])
       ]),
-      e.page ? (l(), v(wt, {
+      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,
@@ -878,56 +884,56 @@ const Eo = /* @__PURE__ */ me(Ct, [["render", Bt]]), _t = { class: "flex-grow pr
       }, null, 8, ["total-items", "items-per-page", "current-page"])) : x("", !0)
     ], 64));
   }
-}), Tt = {}, zt = { class: "card bg-base-100 shadow-sm" }, Ft = { class: "card-body" }, St = {
+}), Nt = {}, Rt = { class: "card bg-base-100 shadow-sm" }, It = { class: "card-body" }, Ut = {
   key: 0,
   class: "card-title"
-}, Nt = {
+}, Kt = {
   key: 1,
   class: "card-actions justify-end"
 };
-function Kt(e, t) {
-  return l(), c("div", zt, [
-    a("div", Ft, [
-      e.$slots.title ? (l(), c("h2", St, [
-        D(e.$slots, "title")
+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),
-      a("p", null, [
-        D(e.$slots, "default"),
-        D(e.$slots, "content")
+      i("p", null, [
+        M(e.$slots, "default"),
+        M(e.$slots, "content")
       ]),
-      e.$slots.actions ? (l(), c("div", Nt, [
-        D(e.$slots, "actions")
+      e.$slots.actions ? (l(), c("div", Kt, [
+        M(e.$slots, "actions")
       ])) : x("", !0)
     ])
   ]);
 }
-const Zo = /* @__PURE__ */ me(Tt, [["render", Kt]]), Go = (e, t) => {
+const Xo = /* @__PURE__ */ fe(Nt, [["render", qt]]), Yo = (e, o) => {
   if (!e) return null;
-  const o = (s) => {
-    e.contains(s.target) || t();
+  const t = (s) => {
+    e.contains(s.target) || o();
   };
-  return document.addEventListener("click", o), o;
-}, Jo = (e) => {
+  return document.addEventListener("click", t), t;
+}, el = (e) => {
   document.removeEventListener("click", e);
-}, Qo = {
-  beforeMount(e, t) {
-    e.clickOutsideEvent = function(o) {
-      e === o.target || e.contains(o.target) || t.value(o);
+}, 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 Xo(e) {
-  const t = we();
-  if (!t)
+function ol(e) {
+  const o = Ce();
+  if (!o)
     return !1;
-  const o = t.vnode.props;
-  return o ? !!(o[be(e)] || // also try camelCase event handler (#2249)
-  o[be(ke(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",
@@ -952,6 +958,7 @@ const Rt = {
     error: "",
     input: "input",
     textarea: "input h-32",
+    checkbox: "checkbox",
     select: "select",
     description: "form-control--description label text-xs text-gray-500"
   },
@@ -960,25 +967,23 @@ const Rt = {
     item: "w-full"
   }
 }, q = () => ({
-  id: le(),
+  id: se(),
   visible: !0,
   required: !1,
   enabled: !0,
   isFocused: !1,
   isTouched: !1,
   hideLabel: !1,
-  styles: Rt
-}), It = () => ({
+  styles: jt,
+  width: "w-24"
+}), Ht = () => ({
   ...q(),
   options: [],
   valueKey: "value",
   labelKey: "label"
-}), 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({
+}), 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__ */ U({
+  props: /* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -990,38 +995,35 @@ const Rt = {
     isFocused: { type: Boolean },
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
-    styles: {}
+    styles: {},
+    width: {}
   }, q()),
   setup(e) {
-    const t = e, o = $(() => !Ut(
-      t.visible,
-      t.description,
-      t.isFocused,
+    const o = e, t = k(() => !Ot(
+      o.visible,
+      o.description,
+      o.isFocused,
       !0
-    )), s = $(() => t.required), n = $(() => ye(
-      t.isTouched,
-      t.isFocused,
-      t.errors
-    ));
-    return (u, b) => (l(), c("fieldset", {
-      class: y(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 ? x("", !0) : (l(), c("legend", {
         key: 0,
         class: y(e.styles.control.label)
       }, [
-        S(h(e.label) + " ", 1),
-        s.value ? (l(), c("span", qt, "*")) : x("", !0)
+        F(p(e.label) + " ", 1),
+        s.value ? (l(), c("span", Et, "*")) : x("", !0)
       ], 2)),
-      D(u.$slots, "default"),
-      a("p", {
+      M(u.$slots, "default"),
+      i("p", {
         class: y(["fieldset-label h-4", { "text-error": n.value }])
-      }, h(n.value ? e.errors : o.value ? e.description : null), 3)
+      }, p(n.value ? e.errors : t.value ? e.description : null), 3)
     ], 2));
   }
-}), jt = ["disabled"], Ht = ["value"], el = /* @__PURE__ */ p({
+}), Wt = ["disabled"], Zt = ["value"], ll = /* @__PURE__ */ v({
   __name: "SelectComponent",
-  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1034,6 +1036,7 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     options: {},
     valueKey: {},
     labelKey: {}
@@ -1046,45 +1049,47 @@ const Rt = {
     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("select", {
-          "onUpdate:modelValue": d[0] || (d[0] = (r) => n.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: y(["select select-bordered", e.styles.control.select]),
+          class: y(d.value),
           onChange: u,
-          onFocus: b,
+          onFocus: h,
           onBlur: m
         }, [
-          (l(!0), c(k, null, L(e.options, (r) => (l(), c("option", {
-            key: r[e.valueKey],
-            value: r
-          }, h(r[e.labelKey]), 9, Ht))), 128))
-        ], 42, jt), [
-          [$e, n.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));
   }
-}), Ot = ["disabled"], Et = {
+}), Gt = ["disabled"], Jt = {
   key: 0,
   class: /* @__PURE__ */ y([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50`
   ])
-}, Wt = ["onClick", "onBlur"], tl = /* @__PURE__ */ p({
+}, Qt = ["onClick", "onBlur"], nl = /* @__PURE__ */ v({
   __name: "AutoComplete",
-  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1097,94 +1102,104 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     config: {},
     options: {},
     valueKey: {},
     labelKey: {}
-  }, It()), {
+  }, Ht()), {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    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(
+  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,
-      (g) => {
-        g && !E(g) || (d.value = !0, r.value = [], u.value = _(g));
+      (f) => {
+        f && !E(f) || (a.value = !0, r.value = [], u.value = Q(f));
       },
       { immediate: !0 }
-    ), te(
+    ), ne(
       () => u.value,
-      (g) => {
-        if (d.value) {
-          d.value = !1;
+      (f) => {
+        if (a.value) {
+          a.value = !1;
           return;
         }
-        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 o.options && (r.value = o.options.filter((w) => _(w).toLowerCase().includes(g)).slice(0, 10));
+        _(f);
       }
-    ), (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),
+    );
+    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: y([e.styles.control.select]),
+            class: y([R.value]),
             disabled: !e.enabled,
             onFocus: m,
-            onBlur: i
-          }, null, 42, Ot), [
-            [ie, u.value]
+            onBlur: d,
+            onClick: D
+          }, null, 42, Gt), [
+            [ue, u.value]
           ]),
-          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]
+          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: (ne) => A(K),
-                  onBlur: (ne) => R(Y)
-                }, h(_(K)), 41, Wt)
+                  onClick: (ae) => w(W),
+                  onBlur: (ae) => N(pe)
+                }, p(Q(W)), 41, Qt)
               ]))), 128))
             ])) : x("", !0)
           ])), [
-            [z, () => r.value = []]
+            [oe, () => r.value = []]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), Zt = {
+}), Xt = {
   key: 0,
   class: /* @__PURE__ */ y([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50 p-0`
   ])
-}, Gt = ["onClick"], Jt = { class: "w-4 mr-2" }, ol = /* @__PURE__ */ p({
+}, Yt = ["onClick"], eo = { class: "w-4 mr-2" }, sl = /* @__PURE__ */ v({
   __name: "MultiSelect",
-  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1197,6 +1212,7 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     options: {},
     valueKey: {},
     labelKey: {}
@@ -1208,65 +1224,70 @@ const Rt = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ P(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = e, s = t, n = H(e, "modelValue");
+  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 b = (_) => {
+    const h = (_) => {
       s("change", _);
-    }, m = N(!1), i = () => {
+    }, m = S(!1), d = () => {
       m.value = !m.value, u = !0;
-    }, d = () => {
+    }, a = () => {
       u || (m.value = !1), u = !1;
-    }, r = $(
-      () => n.value?.map((_) => R(_)) ?? []
-    ), A = (_) => r.value.includes(_), T = (_, g) => {
+    }, r = k(
+      () => n.value?.map((_) => N(_)) ?? []
+    ), w = (_) => r.value.includes(_), T = (_, D) => {
       _.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", {
+      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: 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]
+            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: (K) => T(K, z)
+                  onClick: (I) => T(I, f)
                 }, [
-                  a("div", Jt, [
-                    A(R(z)) ? (l(), v(f(j), {
+                  i("div", eo, [
+                    w(N(f)) ? (l(), g(b(j), {
                       key: 0,
-                      icon: f(F).Check,
+                      icon: b(z).Check,
                       size: "sm"
                     }, null, 8, ["icon"])) : x("", !0)
                   ]),
-                  S(" " + h(E(z)), 1)
-                ], 8, Gt)
+                  F(" " + p(E(f)), 1)
+                ], 8, Yt)
               ]))), 128))
             ])) : x("", !0)
           ])), [
-            [w, () => d()]
+            [R, () => a()]
           ])
         ]),
         _: 1
       }, 16);
     };
   }
-}), 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({
+}), 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__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1279,6 +1300,7 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     actions: {}
   }, {
     ...q(),
@@ -1298,12 +1320,12 @@ const Rt = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ P(["update:modelValue"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = e, s = t, n = H(e, "modelValue"), u = Ae({
+  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: [
-        De.configure({
+        Fe.configure({
           heading: !1,
           blockquote: !1,
           bulletList: !1,
@@ -1314,37 +1336,38 @@ const Rt = {
           horizontalRule: !1,
           hardBreak: !1
         }),
-        ze.configure({
+        Re.configure({
           html: !1,
           transformPastedText: !0
           // parse markdown on paste
         })
       ],
-      onUpdate({ editor: b }) {
-        s("update:modelValue", b.storage.markdown.getMarkdown());
+      onUpdate({ editor: h }) {
+        s("change", h.storage.markdown.getMarkdown());
       }
     });
-    return Ce(() => {
+    return Le(() => {
       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))
+    }), (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: i.label
-              }, null, 8, eo)
-            ], 10, Yt))), 128))
+              i("span", {
+                innerHTML: d.label
+              }, null, 8, no)
+            ], 10, lo))), 128))
           ]),
-          a("div", to, [
-            B(f(Te), {
-              editor: f(u),
-              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"])
           ])
         ])
@@ -1352,9 +1375,9 @@ const Rt = {
       _: 1
     }, 16));
   }
-}), 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({
+}), 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__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1367,49 +1390,49 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
-    options: {},
-    valueKey: {},
-    labelKey: {}
+    width: {}
   }, {
     ...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),
+  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(["checkbox", e.styles.control.checkbox]),
+              class: y(d.value),
               disabled: !e.enabled,
               onChange: u,
-              onFocus: b,
+              onFocus: h,
               onBlur: m
-            }, null, 42, so), [
-              [fe, n.value]
+            }, null, 42, co), [
+              [ge, n.value]
             ]),
-            a("span", ao, h(e.label), 1)
+            i("span", uo, p(e.label), 1)
           ])
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), io = ["type", "disabled", "autofocus", "placeholder"], sl = /* @__PURE__ */ p({
+}), mo = ["type", "disabled", "autofocus", "placeholder"], rl = /* @__PURE__ */ v({
   __name: "Input",
-  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1422,6 +1445,7 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     type: {}
   }, {
     ...q(),
@@ -1430,38 +1454,40 @@ const Rt = {
     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),
+  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([e.styles.control.input]),
+          class: y(d.value),
           disabled: !e.enabled,
           autofocus: e.isFocused,
           placeholder: e.placeholder,
           onChange: u,
-          onFocus: b,
+          onFocus: h,
           onBlur: m
-        }, null, 42, io), [
-          [Be, n.value]
+        }, null, 42, mo), [
+          [Me, n.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), ro = ["disabled", "step", "autofocus", "placeholder"], al = /* @__PURE__ */ p({
+}), ho = ["disabled", "step", "autofocus", "placeholder"], cl = /* @__PURE__ */ v({
   __name: "InputNumber",
-  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1474,6 +1500,7 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     steps: {}
   }, {
     ...q(),
@@ -1482,39 +1509,41 @@ const Rt = {
     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),
+  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([e.styles.control.input]),
+          class: y([d.value]),
           disabled: !e.enabled,
           step: e.steps,
           autofocus: e.isFocused,
           placeholder: e.placeholder,
           onChange: u,
-          onFocus: b,
+          onFocus: h,
           onBlur: m
-        }, null, 42, ro), [
-          [ie, n.value]
+        }, null, 42, ho), [
+          [ue, n.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), co = ["disabled", "rows", "autofocus", "placeholder"], il = /* @__PURE__ */ p({
+}), bo = ["disabled", "rows", "autofocus", "placeholder"], ul = /* @__PURE__ */ v({
   __name: "Textarea",
-  props: /* @__PURE__ */ P(/* @__PURE__ */ U({
+  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
     id: {},
     placeholder: {},
     description: {},
@@ -1527,6 +1556,7 @@ const Rt = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {},
+    width: {},
     rows: {}
   }, {
     ...q(),
@@ -1535,103 +1565,105 @@ const Rt = {
     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),
+  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([e.styles.control.textarea]),
+          class: y(d.value),
           disabled: !e.enabled,
           rows: e.rows,
           autofocus: e.isFocused,
           placeholder: e.placeholder,
           onChange: u,
-          onFocus: b,
+          onFocus: h,
           onBlur: m
-        }, null, 42, co), [
-          [ie, n.value]
+        }, null, 42, bo), [
+          [ue, n.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), uo = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, mo = {
+}), 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"
-}, 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({
+}, 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 = N({ left: !0, right: !0 }), o = (s) => {
-      t.value[s] = !t.value[s];
+    const o = S({ left: !0, right: !0 }), t = (s) => {
+      o.value[s] = !o.value[s];
     };
-    return (s, n) => (l(), c("main", uo, [
-      a("aside", mo, [
-        a("div", {
-          class: y(["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: n[0] || (n[0] = (u) => o("left"))
+            onClick: n[0] || (n[0] = (u) => t("left"))
           }, [
-            B(f(j), {
+            P(b(j), {
               size: "sm",
-              icon: t.value.left ? f(F).DblChevronLeft : f(F).DblChevronRight
+              icon: o.value.left ? b(z).DblChevronLeft : b(z).DblChevronRight
             }, null, 8, ["icon"])
           ])
         ], 2),
-        t.value.left ? (l(), c("div", {
+        o.value.left ? (l(), c("div", {
           key: 0,
-          style: se({ width: e.widthLeft + "px" }),
+          style: ie({ width: e.widthLeft + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          D(s.$slots, "left-drawer")
+          M(s.$slots, "left-drawer")
         ], 4)) : x("", !0)
       ]),
-      a("div", bo, [
-        D(s.$slots, "default")
+      i("div", vo, [
+        M(s.$slots, "default")
       ]),
-      a("aside", fo, [
-        t.value.right ? (l(), c("div", {
+      i("aside", go, [
+        o.value.right ? (l(), c("div", {
           key: 0,
-          style: se({ width: e.widthRight + "px" }),
+          style: ie({ width: e.widthRight + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          D(s.$slots, "right-drawer")
+          M(s.$slots, "right-drawer")
         ], 4)) : x("", !0),
-        a("div", {
-          class: y(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
+        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: n[1] || (n[1] = (u) => o("right"))
+            onClick: n[1] || (n[1] = (u) => t("right"))
           }, [
-            B(f(j), {
+            P(b(j), {
               size: "sm",
-              icon: t.value.right ? f(F).DblChevronRight : f(F).DblChevronLeft
+              icon: o.value.right ? b(z).DblChevronRight : b(z).DblChevronLeft
             }, null, 8, ["icon"])
           ])
         ], 2)
       ])
     ]));
   }
-}), ho = { class: "ml-1" }, po = { class: "truncate flex-1 min-w-0 text-left" }, vo = {
+}), 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"
-}, go = /* @__PURE__ */ p({
+}, ko = /* @__PURE__ */ v({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1640,37 +1672,37 @@ const Rt = {
     isExpanded: { type: Function }
   },
   emits: ["toggle", "select"],
-  setup(e, { emit: t }) {
-    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", {
+  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`,
             n.value ? "text-primary" : ""
           ])
         }, [
-          e.node.children?.length > 0 ? (l(), c("span", {
+          (e.node?.children?.length ?? 0) > 0 ? (l(), c("span", {
             key: 0,
             class: "flex items-center justify-center",
-            onClick: b[0] || (b[0] = (i) => s("toggle", e.node))
+            onClick: h[0] || (h[0] = (d) => s("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (l(), v(f(Pe), {
+            e.node.children && e.isExpanded(e.node.id) ? (l(), g(b(Te), {
               key: 0,
               class: "w-3 h-3"
-            })) : (l(), v(f(Ve), {
+            })) : (l(), g(b(ze), {
               key: 1,
               class: "w-3 h-3"
             }))
           ])) : x("", !0),
-          a("div", {
+          i("div", {
             class: "flex items-center gap-2 w-full min-w-0",
-            onClick: b[1] || (b[1] = (i) => s("select", e.node))
+            onClick: h[1] || (h[1] = (d) => s("select", e.node))
           }, [
-            a("div", po, h(e.node.label), 1),
-            e.node.tag ? (l(), c("div", vo, h(e.node.tag), 1)) : x("", !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) ? (l(), c("ul", {
@@ -1680,101 +1712,107 @@ const Rt = {
             { "border-gray-200": !n.value, "border-primary": n.value }
           ])
         }, [
-          (l(!0), c(k, null, L(e.node.children, (i) => (l(), v(m, {
-            key: i.id,
-            node: i,
+          (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: b[2] || (b[2] = (d) => s("toggle", d)),
-            onSelect: b[3] || (b[3] = (d) => s("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)) : x("", !0)
       ]);
     };
   }
-}), yo = { class: "select-none text-sm" }, cl = /* @__PURE__ */ p({
+}), $o = { class: "select-none text-sm" }, ml = /* @__PURE__ */ v({
   __name: "TreeView",
   props: {
     data: {},
     active: {}
   },
   emits: ["select"],
-  setup(e, { emit: t }) {
-    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);
+  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;
       }
-      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, {
+      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: n.value,
         active: e.active,
         "is-expanded": m,
         onToggle: u,
-        onSelect: b
+        onSelect: h
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), xo = {
+}), Co = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, ul = /* @__PURE__ */ p({
+}, hl = /* @__PURE__ */ v({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    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)
+    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);
   }
-}), 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 = {
+}), Bo = ["checked"], _o = { class: "collapse-title text-gray-500 text-xs font-medium" }, Lo = {
   key: 0,
   class: "list bg-base-100"
-}, dl = /* @__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 = pe(), o = e, s = N(o.opened);
-    return te(
-      () => o.opened,
+    const o = Pe(), t = e, s = S(t.opened);
+    return ne(
+      () => t.opened,
       () => {
       },
       { immediate: !0 }
-    ), (n, u) => (l(), c("div", wo, [
-      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: s.value
-      }, null, 8, ko),
-      a("div", $o, h(e.title), 1),
-      a("div", {
-        class: y(["collapse-content", f(t).list ? "p-0" : ""])
+      }, null, 8, Bo),
+      i("div", _o, p(e.title), 1),
+      i("div", {
+        class: y(["collapse-content", b(o).list ? "p-0" : ""])
       }, [
-        D(n.$slots, "default"),
-        f(t).list ? (l(), c("ul", Co, [
-          D(n.$slots, "list")
+        M(n.$slots, "default"),
+        b(o).list ? (l(), c("ul", Lo, [
+          M(n.$slots, "list")
         ])) : x("", !0)
       ], 2)
-    ]));
+    ], 2));
   }
-}), Bo = { class: "list-row" }, _o = { class: "list-col-grow" }, Lo = {
-  key: 0,
+}), Mo = { class: "list-row" }, Po = { class: "list-col-grow" }, Vo = { key: 0 }, Ao = {
+  key: 1,
   class: "text-xs text-gray-600"
-}, Mo = ["href"], Po = { key: 1 }, Vo = {
+}, Do = ["href"], To = { key: 1 }, zo = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Do = ["href"], Ao = { key: 1 }, To = { class: "list-col-wrap text-xs text-gray-500" }, ml = /* @__PURE__ */ p({
+}, Fo = ["href"], So = { key: 1 }, fl = /* @__PURE__ */ v({
   __name: "CollapseRow",
   props: {
     title: {},
@@ -1784,80 +1822,97 @@ const Rt = {
     descriptionLink: {}
   },
   setup(e) {
-    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"
-            }, h(e.description ?? e.descriptionLink), 9, Mo)) : (l(), c("span", Po, h(e.description), 1))
-          ])) : x("", !0)
-        ]),
-        e.label ? (l(), c("div", Vo, [
-          e.labelLink ? (l(), c("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"
-          }, h(e.label), 9, Do)) : (l(), c("span", Ao, h(e.label), 1))
-        ])) : x("", !0),
-        a("p", To, [
-          B(s)
-        ])
-      ]);
+          }, 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 {
-  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,
+  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,
-  It as DefaultAutoCompleteProperties,
+  Ht as DefaultAutoCompleteProperties,
   q as DefaultControlProperties,
-  rl as Drawer,
-  jo as Dropdown,
+  dl as Drawer,
+  Wo 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,
-  Jo as removeClickOutsideEventListener,
-  ye as showErrors
+  z as IconEnum,
+  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
 };