@ghentcdh/ui 0.6.1 → 0.6.5

package/index.esm.js

@@ -1,9 +1,12 @@
-import { defineComponent as p, openBlock as s, createElementBlock as a, unref as h, normalizeClass as x, createElementVNode as i, toDisplayString as v, createBlock as g, createCommentVNode as y, Fragment as w, renderList as _, mergeProps as P, computed as k, resolveComponent as Q, withCtx as A, createTextVNode as S, ref as T, watch as Z, onMounted as ye, renderSlot as B, resolveDynamicComponent as ne, createVNode as L, normalizeStyle as G, getCurrentInstance as xe, toHandlerKey as de, camelize as we, mergeDefaults as X, useModel as se, normalizeProps as le, guardReactiveProps as oe, withDirectives as J, vModelSelect as ke, mergeModels as q, resolveDirective as fe, vModelText as $e, useSlots as be } from "vue";
-import { RouterLink as Ce } from "vue-router";
-import { v4 as Y } from "uuid";
-import { useApi as _e } from "@ghentcdh/tools-vue";
-import { ChevronDownIcon as Le, ChevronRightIcon as Me } from "@heroicons/vue/24/solid";
-const C = (...e) => `<svg
+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
     xmlns="http://www.w3.org/2000/svg"
     fill="none"
     viewBox="0 0 24 24"
@@ -18,69 +21,69 @@ const C = (...e) => `<svg
 ).join(`
 `)}
   </svg>`;
-var V = /* @__PURE__ */ ((e) => (e.Edit = "Edit", e.Delete = "Delete", e.BarsArrowDown = "BarsArrowDown", e.BarsArrowUp = "BarsArrowUp", e.Funnel = "Funnel", e.Close = "Close", e.Plus = "Plus", e.PaperClip = "PaperClip", e.Hamburger = "Hamburger", e.ChevronRight = "ChevronRight", e.ChevronLeft = "ChevronLeft", e.ChevronDown = "ChevronDown", e.ChevronUp = "ChevronUp", e.DblChevronLeft = "DblChevronLeft", e.DblChevronRight = "DblChevronRight", e.Check = "Check", e.View = "View", e.Text = "Text", e))(V || {});
-const Be = {
-  Edit: C(
+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(
     "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: C(
+  Delete: L(
     "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: C(
+  BarsArrowDown: L(
     "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
   ),
-  BarsArrowUp: C(
+  BarsArrowUp: L(
     "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
   ),
-  Funnel: C(
+  Funnel: L(
     "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: 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(
+  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(
     "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: C("M4 6h16M4 12h16M4 18h16"),
-  ChevronDown: C(
+  Hamburger: L("M4 6h16M4 12h16M4 18h16"),
+  ChevronDown: L(
     "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: C(
+  ChevronUp: L(
     "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: C("m4.5 12.75 6 6 9-13.5"),
-  View: C(
+  Check: L("m4.5 12.75 6 6 9-13.5"),
+  View: L(
     "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: C(
+  Text: L(
     "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: C(
+  DblChevronLeft: L(
     "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
   ),
-  DblChevronRight: C("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
-}, Pe = ["innerHTML"], F = /* @__PURE__ */ p({
+  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({
   __name: "icon",
   props: {
     icon: {},
     size: {}
   },
   setup(e) {
-    return (t, n) => (s(), a("div", {
-      class: x([
+    return (t, n) => (o(), i("div", {
+      class: w([
         {
           "w-full h-full": !e.size,
           "w-2 h-2": e.size === "xs",
           "w-4 h-4": e.size === "sm"
         }
       ]),
-      innerHTML: h(Be)[e.icon]
-    }, null, 10, Pe));
+      innerHTML: b(ze)[e.icon]
+    }, null, 10, Te));
   }
-}), De = { class: "dropdown dropdown-end" }, Ae = {
+}), Se = { class: "dropdown dropdown-end" }, Ne = {
   tabindex: "0",
   class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
-}, ze = { class: "min-w-max flex-no-wrap text-black" }, ae = /* @__PURE__ */ p({
+}, Re = { class: "min-w-max flex-no-wrap text-black" }, ie = /* @__PURE__ */ p({
   __name: "sub-menu",
   props: {
     label: {},
@@ -91,29 +94,29 @@ const Be = {
     disableArrow: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (s(), a("div", De, [
-      i("div", {
+    return (t, n) => (o(), i("div", Se, [
+      a("div", {
         tabindex: "0",
         role: "button",
-        class: x([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+        class: w([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
-        i("span", null, v(e.label), 1),
-        e.disableArrow ? y("", !0) : (s(), g(h(F), {
+        a("span", null, v(e.label), 1),
+        e.disableArrow ? y("", !0) : (o(), g(b(I), {
           key: 0,
-          icon: h(V).ChevronDown,
+          icon: b(z).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      i("ul", Ae, [
-        i("li", ze, [
-          (s(!0), a(w, null, _(e.items, (o) => (s(), g(he, P({
-            key: o.label
-          }, { ref_for: !0 }, o), null, 16))), 128))
+      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))
         ])
       ])
     ]));
   }
-}), W = "btn btn-ghost text-left justify-between min-w-max font-normal", he = /* @__PURE__ */ p({
+}), J = "btn btn-ghost text-left justify-between min-w-max font-normal", he = /* @__PURE__ */ p({
   __name: "menu-item",
   props: {
     label: {},
@@ -122,41 +125,41 @@ const Be = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, n = k(() => !t.disabled && t.action && "routerLink" in t.action), o = k(() => !t.disabled && t.action), l = k(() => t.items?.length), c = k(() => {
+    const 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
       } : "";
-    }), b = () => {
+    }), h = () => {
       t.action?.();
     };
     return (f, u) => {
-      const d = Q("RouterLink");
-      return l.value ? (s(), g(ae, P({ key: 0 }, t, { "btn-class": W }), null, 16)) : n.value ? (s(), g(d, {
+      const d = X("RouterLink");
+      return s.value ? (o(), g(ie, P({ key: 0 }, t, { "btn-class": J }), null, 16)) : n.value ? (o(), g(d, {
         key: 1,
         to: c.value,
-        class: x(W),
-        onClick: b
+        class: w(J),
+        onClick: h
       }, {
-        default: A(() => [
-          S(v(e.label), 1)
+        default: D(() => [
+          T(v(e.label), 1)
         ]),
         _: 1
-      }, 8, ["to"])) : o.value ? (s(), a("button", {
+      }, 8, ["to"])) : l.value ? (o(), i("button", {
         key: 2,
-        class: x(W),
-        onClick: b
-      }, v(e.label), 1)) : (s(), a("div", {
+        class: w(J),
+        onClick: h
+      }, v(e.label), 1)) : (o(), i("div", {
         key: 3,
-        class: x([W, { "btn-disabled": e.disabled }])
+        class: w([J, { "btn-disabled": e.disabled }])
       }, v(e.label), 3));
     };
   }
-}), Ve = { class: "navbar bg-base-100 shadow-sm" }, Se = { class: "flex-1" }, Te = {
+}), Ke = { class: "navbar bg-base-100 shadow-sm" }, Fe = { class: "flex-1" }, Ie = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, Ne = { class: "flex grow justify-end px-2" }, Re = { class: "flex items-stretch" }, yn = /* @__PURE__ */ p({
+}, Ue = { class: "flex grow justify-end px-2" }, He = { class: "flex items-stretch" }, Tn = /* @__PURE__ */ p({
   __name: "menu",
   props: {
     menu: {},
@@ -164,47 +167,47 @@ const Be = {
   },
   setup(e) {
     return (t, n) => {
-      const o = Q("RouterLink");
-      return s(), a("nav", Ve, [
-        i("div", Se, [
-          e.breadcrumbs ? (s(), a("div", Te, [
-            i("ul", null, [
-              (s(!0), a(w, null, _(e.breadcrumbs, (l) => (s(), a("li", {
-                key: l.label
+      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
               }, [
-                l.routerLink ? (s(), g(o, {
+                s.routerLink ? (o(), g(l, {
                   key: 0,
-                  to: { name: l.routerLink, params: l.params }
+                  to: { name: s.routerLink, params: s.params }
                 }, {
-                  default: A(() => [
-                    S(v(l.label), 1)
+                  default: D(() => [
+                    T(v(s.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (s(), a(w, { key: 1 }, [
-                  S(v(l.label), 1)
+                }, 1032, ["to"])) : (o(), i(x, { key: 1 }, [
+                  T(v(s.label), 1)
                 ], 64))
               ]))), 128))
             ])
           ])) : y("", !0)
         ]),
-        i("div", Ne, [
-          i("div", Re, [
-            (s(!0), a(w, null, _(e.menu, (l) => (s(), g(he, P({
-              key: l.label
-            }, { ref_for: !0 }, l), null, 16))), 128))
+        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))
           ])
         ])
       ]);
     };
   }
-}), xn = /* @__PURE__ */ p({
+}), Sn = /* @__PURE__ */ p({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
-    const t = T(!0);
-    return (n, o) => (s(), g(ae, {
+    const t = S(!0);
+    return (n, l) => (o(), g(ie, {
       items: e.items,
       label: "test",
       open: t.value,
@@ -212,7 +215,7 @@ const Be = {
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), Ke = { class: "font-bold" }, Fe = { class: "pt-4" }, Ue = { class: "modal-action" }, He = /* @__PURE__ */ p({
+}), je = { class: "font-bold" }, qe = { class: "pt-4" }, Oe = { class: "modal-action" }, Ee = /* @__PURE__ */ p({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -225,110 +228,110 @@ const Be = {
   },
   emits: ["closeModal"],
   setup(e, { expose: t, emit: n }) {
-    const o = {
+    const l = {
       xs: "max-w-xs w-[50VW]",
       sm: "max-w-sm w-[50VW]",
       lg: "max-w-2xl w-[80VW]",
       xl: "max-w-[80VW] w-[80VW]"
-    }, l = e, c = `modal_${Y()}`, b = n, f = () => {
+    }, s = e, c = `modal_${ne()}`, h = n, f = () => {
       document.getElementById(c)?.showModal();
     }, u = () => {
-      document.getElementById(c)?.close(), b("closeModal");
+      document.getElementById(c)?.close(), h("closeModal");
     };
-    return t({ closeModal: u, openModal: f }), Z(
-      () => l.open,
-      (d, r, D) => {
-        l.open ? f() : u();
+    return t({ closeModal: u, openModal: f }), Q(
+      () => s.open,
+      (d, r, V) => {
+        s.open ? f() : u();
       }
-    ), ye(() => {
-      l.open && f();
-    }), (d, r) => (s(), a("dialog", {
+    ), pe(() => {
+      s.open && f();
+    }), (d, r) => (o(), i("dialog", {
       id: c,
       class: "modal"
     }, [
-      i("div", {
-        class: x(["modal-box bg-white", o[e.width]])
+      a("div", {
+        class: w(["modal-box bg-white", l[e.width]])
       }, [
-        e.disableClose ? y("", !0) : (s(), a("button", {
+        e.disableClose ? y("", !0) : (o(), i("button", {
           key: 0,
           type: "button",
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
           onClick: u
         }, " ✕ ")),
-        i("h3", Ke, v(e.modalTitle), 1),
-        i("div", Fe, [
+        a("h3", je, v(e.modalTitle), 1),
+        a("div", qe, [
           B(d.$slots, "content")
         ]),
-        i("div", Ue, [
+        a("div", Oe, [
           B(d.$slots, "actions")
         ])
       ], 2)
     ]));
   }
 });
-var ie = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(ie || {}), ve = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(ve || {}), I = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(I || {});
-const Ie = {
+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 = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
   error: "btn-error text-white"
-}, je = {
+}, Ze = {
   blank: "badge-ghost",
   primary: "badge-primary",
   secondary: "badge-soft badge-primary",
   error: "badge-error"
-}, qe = {
+}, Ge = {
   xs: "btn-xs",
   sm: "btn-sm",
   lg: "btn-sm",
   xl: "btn"
-}, Oe = {
+}, Je = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, j = /* @__PURE__ */ p({
+}, q = /* @__PURE__ */ p({
   __name: "btn",
   props: {
     href: {},
     disabled: { type: Boolean, default: !1 },
     as: { default: ve.button },
     icon: {},
-    type: { default: ie.button },
+    type: { default: re.button },
     outline: { type: Boolean, default: !1 },
-    color: { default: I.primary },
+    color: { default: j.primary },
     size: { default: "sm" },
     square: { type: Boolean, default: !1 }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, o = t;
-    return (l, c) => (s(), g(ne(e.as), P({
+    const n = e, l = t;
+    return (s, c) => (o(), g(ae(e.as), P({
       class: [
         "btn  p-1 flex justify-center flex-nowrap",
-        h(Ie)[e.color],
-        h(qe)[e.size],
+        b(We)[e.color],
+        b(Ge)[e.size],
         { "btn-outline": e.outline, "btn-square": e.square }
       ]
     }, n, {
-      onClick: c[0] || (c[0] = (b) => o("click"))
+      onClick: c[0] || (c[0] = (h) => l("click"))
     }), {
-      default: A(() => [
-        e.icon ? (s(), g(h(F), {
+      default: D(() => [
+        e.icon ? (o(), g(b(I), {
           key: 0,
           icon: e.icon,
           size: e.size
         }, null, 8, ["icon", "size"])) : y("", !0),
-        B(l.$slots, "default")
+        B(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Ee = ["type", "disabled"], wn = /* @__PURE__ */ p({
+}), Qe = ["type", "disabled"], Nn = /* @__PURE__ */ p({
   __name: "btn-badge",
   props: {
     icon: { default: void 0 },
-    type: { default: ie.button },
+    type: { default: re.button },
     color: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
     size: { default: "sm" }
@@ -336,21 +339,21 @@ const Ie = {
   emits: ["click"],
   setup(e, { emit: t }) {
     const n = t;
-    return (o, l) => (s(), a("button", {
-      class: x(["badge gap-1", h(Oe)[e.size], h(je)[e.color]]),
+    return (l, s) => (o(), i("button", {
+      class: w(["badge gap-1", b(Je)[e.size], b(Ze)[e.color]]),
       type: e.type,
       disabled: e.disabled,
-      onClick: l[0] || (l[0] = (c) => n("click"))
+      onClick: s[0] || (s[0] = (c) => n("click"))
     }, [
-      B(o.$slots, "default"),
-      e.icon ? (s(), g(h(F), {
+      B(l.$slots, "default"),
+      e.icon ? (o(), g(b(I), {
         key: 0,
         icon: e.icon,
         size: e.size
       }, null, 8, ["icon", "size"])) : y("", !0)
-    ], 10, Ee));
+    ], 10, Qe));
   }
-}), We = /* @__PURE__ */ p({
+}), Xe = /* @__PURE__ */ p({
   __name: "confirmModal",
   props: {
     title: {},
@@ -360,33 +363,33 @@ const Ie = {
   },
   emits: ["closeModal"],
   setup(e, { emit: t }) {
-    const n = t, o = (l) => {
-      n("closeModal", { confirmed: l });
+    const n = t, l = (s) => {
+      n("closeModal", { confirmed: s });
     };
-    return (l, c) => (s(), g(He, {
+    return (s, c) => (o(), g(Ee, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
-      content: A(() => [
-        S(v(e.message), 1)
+      content: D(() => [
+        T(v(e.message), 1)
       ]),
-      actions: A(() => [
-        L(h(j), {
-          color: h(I).secondary,
+      actions: D(() => [
+        C(b(q), {
+          color: b(j).secondary,
           outline: !0,
-          onClick: c[0] || (c[0] = (b) => o(!1))
+          onClick: c[0] || (c[0] = (h) => l(!1))
         }, {
-          default: A(() => [
-            S(v(e.cancelLabel), 1)
+          default: D(() => [
+            T(v(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        L(h(j), {
-          onClick: c[1] || (c[1] = (b) => o(!0))
+        C(b(q), {
+          onClick: c[1] || (c[1] = (h) => l(!0))
         }, {
-          default: A(() => [
-            S(v(e.confirmLabel), 1)
+          default: D(() => [
+            T(v(e.confirmLabel), 1)
           ]),
           _: 1
         })
@@ -395,22 +398,22 @@ const Ie = {
     }, 8, ["modal-title"]));
   }
 });
-class re {
+class ce {
   constructor() {
-    this.showModal = T(!1), this.modals = [];
+    this.showModal = S(!1), this.modals = [];
   }
   openModal(t) {
-    const n = t.props.onClose, o = Y(), l = t;
+    const n = t.props.onClose, l = ne(), s = t;
     t.props.onClose = (c) => {
-      n(c), this.closeModal(o);
-    }, l.id = o, this.modals = [...this.modals, l], this.showModal.value = Date.now();
+      n(c), this.closeModal(l);
+    }, s.id = l, this.modals = [...this.modals, s], this.showModal.value = Date.now();
   }
   closeModal(t) {
     this.modals = this.modals.filter((n) => n.id !== t), this.showModal.value = Date.now();
   }
   static showConfirm(t) {
     this.getInstance().openModal({
-      component: We,
+      component: Xe,
       props: t
     });
   }
@@ -418,7 +421,7 @@ class re {
     this.getInstance().openModal(t);
   }
   static getInstance() {
-    return this.instance || (this.instance = new re()), this.instance;
+    return this.instance || (this.instance = new ce()), this.instance;
   }
   static closeAll() {
     this.instance.closeAll();
@@ -427,11 +430,11 @@ class re {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const Ze = /* @__PURE__ */ p({
+const Ye = /* @__PURE__ */ p({
   __name: "modalWrapper",
   setup(e) {
-    const t = re.getInstance(), n = k(() => t.showModal.value ? t.modals : []);
-    return (o, l) => (s(!0), a(w, null, _(n.value, (c) => (s(), g(ne(c?.component), P({
+    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,
       ref_for: !0
     }, c?.props, {
@@ -439,7 +442,7 @@ const Ze = /* @__PURE__ */ p({
       onCloseModal: c?.props?.onClose
     }), null, 16, ["onCloseModal"]))), 128));
   }
-}), Ge = /* @__PURE__ */ p({
+}), et = /* @__PURE__ */ p({
   __name: "notification-message",
   props: {
     message: {},
@@ -452,24 +455,24 @@ const Ze = /* @__PURE__ */ p({
       warning: "alert-warning",
       info: "alert-info"
     };
-    return (n, o) => (s(), a("div", {
+    return (n, l) => (o(), i("div", {
       role: "alert",
-      class: x(`alert ${t[e.type]} `)
+      class: w(`alert ${t[e.type]} `)
     }, [
-      i("span", null, v(e.message), 1)
+      a("span", null, v(e.message), 1)
     ], 2));
   }
-}), Je = 5e3;
-class ce {
+}), tt = 5e3;
+class ue {
   constructor() {
-    this.notifications = T([]), this.addNotification = (t, n = "info") => {
-      const o = {
-        id: Y(),
-        duration: Je,
+    this.notifications = S([]), this.addNotification = (t, n = "info") => {
+      const l = {
+        id: ne(),
+        duration: tt,
         message: t,
         type: n
       };
-      this.notifications.value.push(o), this.removeNotificationAfterDuration(o);
+      this.notifications.value.push(l), this.removeNotificationAfterDuration(l);
     }, this.removeNotificationAfterDuration = (t) => {
       setTimeout(() => {
         this.removeNotification(t.id);
@@ -479,7 +482,7 @@ class ce {
     };
   }
   static getInstance() {
-    return this.instance || (this.instance = new ce()), this.instance;
+    return this.instance || (this.instance = new ue()), this.instance;
   }
   static info(t) {
     this.getInstance().addNotification(t, "info");
@@ -497,17 +500,17 @@ class ce {
     this.getInstance().removeNotification(t);
   }
 }
-const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__ */ p({
+const nt = { class: "toast toast-top toast-center z-[999]" }, ot = /* @__PURE__ */ p({
   __name: "notifications",
   setup(e) {
-    const t = ce.getInstance();
-    return (n, o) => (s(), a("div", Qe, [
-      (s(!0), a(w, null, _(h(t).notifications.value, (l) => (s(), g(Ge, P({
-        key: l.id
-      }, { ref_for: !0 }, l), null, 16))), 128))
+    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))
     ]));
   }
-}), Ye = { class: "h-screen" }, et = { class: "navbar bg-primary text-primary-content w-full z-100 sticky" }, tt = { class: "navbar-start" }, nt = { class: "navbar-center" }, st = ["href"], lt = { class: "navbar-end" }, ot = { class: "menu h-full flex-col space-between m-0 overflow-y-auto" }, at = { class: "flex-grow-1" }, it = { class: "bg-base-200 p-4" }, rt = { class: "h-full" }, me = 64, kn = /* @__PURE__ */ p({
+}), 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({
   __name: "shell.component",
   props: {
     title: {},
@@ -518,87 +521,89 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
   },
   emits: ["logout"],
   setup(e, { emit: t }) {
-    const o = e, l = T(!1), c = () => {
-      l.value = !l.value;
-    }, b = t, f = k(() => o.user ? {
-      label: o.user.name,
+    const l = e, s = S(!1), c = () => {
+      s.value = !s.value;
+    }, h = t, f = k(() => l.user ? {
+      label: l.user.name,
       items: [
         {
           label: "Logout",
           action: () => {
-            b("logout");
+            h("logout");
           }
         }
       ]
     } : null);
-    return (u, d) => (s(), a(w, null, [
-      L(Xe),
-      L(h(Ze)),
-      i("div", Ye, [
-        i("header", null, [
-          i("nav", et, [
-            i("div", tt, [
-              i("button", {
+    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", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
                 onClick: c
               }, [
-                L(h(F), {
-                  icon: h(V).Hamburger
+                C(b(I), {
+                  icon: b(z).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            i("div", nt, [
-              i("a", {
-                class: "btn btn-ghost text-xl",
-                href: h("/")
-              }, v(e.title), 9, st)
+            a("div", rt, [
+              a("a", {
+                class: "btn btn-ghost text-primary-content text-lg color-white",
+                href: b("/")
+              }, v(e.title), 9, ct)
             ]),
-            i("div", lt, [
-              f.value ? (s(), g(h(ae), P({ key: 0 }, f.value, { "btn-class": "" }), null, 16)) : y("", !0)
+            a("div", ut, [
+              f.value ? (o(), g(b(ie), P({ key: 0 }, f.value, { "btn-class": "" }), null, 16)) : y("", !0)
             ])
           ])
         ]),
-        l.value ? (s(), a("aside", {
-          key: 0,
-          id: "drawer-left",
-          class: "fixed overflow-y-auto z-[1000] min-h-0 min-w-0 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible inset-0",
-          style: G({
-            width: e.widthSidebar + "px",
-            top: `${me}px`
-          })
+        a("div", {
+          class: w(["drawer flex-1 overflow-hidden", { "drawer-open": s.value }])
         }, [
-          i("div", ot, [
-            i("ul", at, [
-              (s(!0), a(w, null, _(e.menu, (r) => (s(), a("li", {
-                key: r.label
-              }, [
-                L(h(Ce), {
-                  to: { name: r.routerLink, params: r.params }
-                }, {
-                  default: A(() => [
-                    S(v(r.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["to"])
-              ]))), 128))
-            ]),
-            i("div", it, " version: " + v(e.version), 1)
-          ])
-        ], 4)) : y("", !0),
-        i("main", {
-          class: x("overflow-hidden fixed border-red  bg-white mx-auto max-h-full  shadow-sm "),
-          style: G({
-            top: `${me}px`,
-            bottom: "2px",
-            right: "2px",
-            left: l.value ? e.widthSidebar + "px" : 0
-          })
-        }, [
-          i("div", rt, [
+          W(a("input", {
+            id: "app-drawer",
+            "onUpdate:modelValue": d[0] || (d[0] = (r) => s.value = r),
+            type: "checkbox",
+            class: "drawer-toggle"
+          }, null, 512), [
+            [ye, s.value]
+          ]),
+          a("main", dt, [
             B(u.$slots, "default")
+          ]),
+          a("div", mt, [
+            d[1] || (d[1] = a("label", {
+              for: "app-drawer",
+              "aria-label": "close sidebar",
+              class: "drawer-overlay"
+            }, null, -1)),
+            a("div", {
+              class: "menu bg-base-100 h-full flex flex-col justify-between",
+              style: le({ width: e.widthSidebar + "px" })
+            }, [
+              a("ul", ft, [
+                (o(!0), i(x, null, $(e.menu, (r) => (o(), i("li", {
+                  key: r.label
+                }, [
+                  C(b(_e), {
+                    to: { name: r.routerLink, params: r.params }
+                  }, {
+                    default: D(() => [
+                      T(v(r.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to"])
+                ]))), 128))
+              ]),
+              a("div", bt, " version: " + v(e.version), 1)
+            ], 4)
           ])
-        ], 4)
+        ], 2)
       ])
     ], 64));
   }
@@ -613,25 +618,25 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
   },
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = k(
+    const n = e, l = t, s = k(
       () => n.neverActive ? !1 : n.page === n.currentPage
-    ), c = k(() => n.neverActive ? I.blank : l.value ? I.primary : I.secondary), b = () => {
-      o("updatePage", n.page);
+    ), c = k(() => n.neverActive ? j.blank : s.value ? j.primary : j.secondary), h = () => {
+      l("updatePage", n.page);
     };
-    return (f, u) => (s(), g(h(j), {
+    return (f, u) => (o(), g(b(q), {
       disabled: e.disabled,
       square: !0,
       size: "xs",
       color: c.value,
-      onClick: u[0] || (u[0] = (d) => b())
+      onClick: u[0] || (u[0] = (d) => h())
     }, {
-      default: A(() => [
-        S(v(e.label), 1)
+      default: D(() => [
+        T(v(e.label), 1)
       ]),
       _: 1
     }, 8, ["disabled", "color"]));
   }
-}), ct = { class: "flex gap-2" }, ut = { class: "flex flex-1 justify-center items-center" }, dt = { class: "flex gap-1" }, mt = { class: "text-sm" }, E = 6, ft = /* @__PURE__ */ p({
+}), 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({
   __name: "pagination.component",
   props: {
     totalItems: { type: Number, default: 0 },
@@ -640,21 +645,21 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
   },
   emits: ["updatePage", "updatePageSize"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = k(() => {
+    const n = e, l = t, s = k(() => {
       let r = Math.ceil(n.totalItems / n.itemsPerPage);
       return r < 1 ? 1 : r;
-    }), c = E / 2, b = k(() => {
-      if (l.value <= E)
+    }), c = E / 2, h = k(() => {
+      if (s.value <= E)
         return {
           min: 1,
-          max: l.value
+          max: s.value
         };
       let r = n.currentPage - c;
-      r <= 1 ? r = 1 : r + E > l.value && (r = l.value - E);
-      let D = r + E;
+      r <= 1 ? r = 1 : r + E > s.value && (r = s.value - E);
+      let V = r + E;
       return {
         min: r,
-        max: D
+        max: V
       };
     }), f = (r) => ({
       label: "...",
@@ -663,25 +668,25 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
       disabled: !0,
       neverActive: !0
     }), u = k(() => {
-      let r = l.value;
+      let r = s.value;
       r < 1 && (r = 1);
-      const D = n.currentPage, z = [], { min: N, max: U } = b.value;
+      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 && z.push(f(D)), z.push({
+        m !== 1 && m !== r && (m > U || m < N) || (m === r && r > 1 && U < r && A.push(f(V)), A.push({
           label: `${m}`,
           totalPages: r,
-          currentPage: D,
+          currentPage: V,
           page: m
-        }), m === 1 && r > 1 && N > 1 && z.push(f(D)));
-      }), z;
+        }), m === 1 && r > 1 && N > 1 && A.push(f(V)));
+      }), A;
     }), d = (r) => {
-      o("updatePage", r);
+      l("updatePage", r);
     };
-    return (r, D) => (s(), a("div", ct, [
-      i("div", ut, [
-        i("div", dt, [
-          L(O, P(n, {
+    return (r, V) => (o(), i("div", ht, [
+      a("div", vt, [
+        a("div", gt, [
+          C(O, P(n, {
             page: 1,
             label: "<<",
             "current-page": e.currentPage,
@@ -689,7 +694,7 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: d
           }), null, 16, ["current-page", "disabled"]),
-          L(O, P(n, {
+          C(O, P(n, {
             page: e.currentPage - 1,
             label: "<",
             "current-page": e.currentPage,
@@ -697,37 +702,37 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
             disabled: e.currentPage === 1,
             onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"]),
-          (s(!0), a(w, null, _(u.value, (z) => (s(), g(O, P({
-            key: z.page,
+          (o(!0), i(x, null, $(u.value, (A) => (o(), g(O, P({
+            key: A.page,
             ref_for: !0
-          }, z, { onUpdatePage: d }), null, 16))), 128)),
-          L(O, P(n, {
+          }, A, { onUpdatePage: d }), null, 16))), 128)),
+          C(O, P(n, {
             page: e.currentPage + 1,
             label: ">",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === l.value,
+            disabled: n.currentPage === s.value,
             onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"]),
-          L(O, P(n, {
-            page: l.value,
+          C(O, P(n, {
+            page: s.value,
             label: ">>",
             "current-page": e.currentPage,
             "never-active": !0,
-            disabled: n.currentPage === l.value,
+            disabled: n.currentPage === s.value,
             onUpdatePage: d
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      i("div", mt, " page " + v(e.currentPage) + " of " + v(l.value), 1)
+      a("div", pt, " page " + v(e.currentPage) + " of " + v(s.value), 1)
     ]));
   }
-}), ge = (e, t) => {
+}), de = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, l] of t)
-    n[o] = l;
+  for (const [l, s] of t)
+    n[l] = s;
   return n;
-}, bt = () => ({
+}, wt = () => ({
   data: {
     type: Object,
     required: !0
@@ -740,10 +745,10 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
     type: Object,
     required: !1
   }
-}), ht = p({
+}), xt = p({
   name: "TextCell",
   props: {
-    ...bt()
+    ...wt()
   },
   computed: {
     value() {
@@ -751,11 +756,11 @@ const Qe = { class: "toast toast-top toast-center z-[999]" }, Xe = /* @__PURE__
       return e ? this.column.options?.format === "keyValue" ? e[this.column.options.key] : e : null;
     }
   }
-}), vt = ht;
-function gt(e, t, n, o, l, c) {
-  return v(e.value);
+}), kt = xt;
+function $t(e, t, n, l, s, c) {
+  return v(e.value) + " - value";
 }
-const $n = /* @__PURE__ */ ge(vt, [["render", gt]]), pt = { class: "flex-grow pr-2" }, yt = { class: "h-4 w-4" }, xt = /* @__PURE__ */ p({
+const Kn = /* @__PURE__ */ de(kt, [["render", $t]]), Ct = { class: "flex-grow pr-2" }, _t = { class: "h-4 w-4" }, Lt = /* @__PURE__ */ p({
   __name: "sort.header",
   props: {
     column: {},
@@ -764,25 +769,25 @@ const $n = /* @__PURE__ */ ge(vt, [["render", gt]]), pt = { class: "flex-grow pr
   },
   emits: ["sort"],
   setup(e, { emit: t }) {
-    const n = e, o = k(
-      () => n.sortDirection === "asc" ? V.BarsArrowUp : V.BarsArrowDown
-    ), l = k(() => n.column.options?.sortId ?? n.column.id), c = () => {
-      b("sort", l.value);
-    }, b = t;
-    return (f, u) => (s(), a("button", {
+    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", {
       class: "flex items-center",
       onClick: c
     }, [
-      i("span", pt, v(e.column.label), 1),
-      i("div", yt, [
-        e.sortColumn === l.value ? (s(), g(h(F), {
+      a("span", Ct, v(e.column.label), 1),
+      a("div", _t, [
+        e.sortColumn === s.value ? (o(), g(b(I), {
           key: 0,
-          icon: o.value
+          icon: l.value
         }, null, 8, ["icon"])) : y("", !0)
       ])
     ]));
   }
-}), wt = { class: "table w-full" }, kt = { key: 0 }, $t = ["colspan"], Ct = { class: "flex gap-2" }, Cn = /* @__PURE__ */ p({
+}), Mt = { class: "table w-full" }, Bt = { key: 0 }, Pt = ["colspan"], Dt = { class: "flex gap-2" }, Fn = /* @__PURE__ */ p({
   __name: "table.component",
   props: {
     loading: { type: Boolean },
@@ -794,76 +799,76 @@ const $n = /* @__PURE__ */ ge(vt, [["render", gt]]), pt = { class: "flex-grow pr
   },
   emits: ["delete", "edit", "updatePage", "sort"],
   setup(e, { emit: t }) {
-    const n = t, o = (f) => {
+    const n = t, l = (f) => {
       n("edit", f);
-    }, l = (f) => {
+    }, s = (f) => {
       n("delete", f);
     }, c = (f) => {
       n("updatePage", f);
-    }, b = (f) => {
+    }, h = (f) => {
       n("sort", f);
     };
-    return (f, u) => (s(), a(w, null, [
-      i("table", wt, [
-        i("thead", null, [
-          i("tr", null, [
-            (s(!0), a(w, null, _(e.displayColumns, (d) => (s(), a("th", {
+    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
             }, [
-              L(xt, P({ column: d }, { ref_for: !0 }, e.sort, { onSort: b }), null, 16, ["column"])
+              C(Lt, P({ column: d }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
             ]))), 128)),
-            u[0] || (u[0] = i("th", null, null, -1))
+            u[0] || (u[0] = a("th", null, null, -1))
           ])
         ]),
-        i("tbody", null, [
-          e.loading ? (s(), a("tr", kt, [
-            i("td", {
+        a("tbody", null, [
+          e.loading ? (o(), i("tr", Bt, [
+            a("td", {
               colspan: e.displayColumns.length + 1,
               class: "text-center"
             }, [...u[1] || (u[1] = [
-              i("span", { class: "loading loading-bars loading-xs" }, null, -1)
-            ])], 8, $t)
+              a("span", { class: "loading loading-bars loading-xs" }, null, -1)
+            ])], 8, Pt)
           ])) : y("", !0),
-          (s(!0), a(w, null, _(e.data, (d) => (s(), a("tr", {
+          (o(!0), i(x, null, $(e.data, (d) => (o(), i("tr", {
             key: d.id
           }, [
-            (s(!0), a(w, null, _(e.displayColumns, (r) => (s(), a("td", {
+            (o(!0), i(x, null, $(e.displayColumns, (r) => (o(), i("td", {
               key: r.scope
             }, [
-              (s(), g(ne(r.component), P({ ref_for: !0 }, r, {
+              (o(), g(ae(r.component), P({ ref_for: !0 }, r, {
                 data: d,
                 column: r
               }), null, 16, ["data", "column"]))
             ]))), 128)),
-            i("td", null, [
-              i("span", Ct, [
-                (s(!0), a(w, null, _(e.actions, (r) => (s(), g(j, {
+            a("td", null, [
+              a("span", Dt, [
+                (o(!0), i(x, null, $(e.actions, (r) => (o(), g(q, {
                   key: r.label,
                   icon: r.icon,
                   outline: !0,
-                  onClick: (D) => r.action(d)
+                  onClick: (V) => r.action(d)
                 }, {
-                  default: A(() => [
-                    S(v(r.label), 1)
+                  default: D(() => [
+                    T(v(r.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                L(j, {
-                  icon: h(V).Edit,
+                C(q, {
+                  icon: b(z).Edit,
                   outline: !0,
-                  onClick: (r) => o(d)
+                  onClick: (r) => l(d)
                 }, null, 8, ["icon", "onClick"]),
-                L(j, {
-                  icon: h(V).Delete,
+                C(q, {
+                  icon: b(z).Delete,
                   outline: !0,
-                  onClick: (r) => l(d)
+                  onClick: (r) => s(d)
                 }, null, 8, ["icon", "onClick"])
               ])
             ])
           ]))), 128))
         ])
       ]),
-      e.page ? (s(), g(ft, {
+      e.page ? (o(), g(yt, {
         key: 0,
         class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
         "total-items": e.page.count,
@@ -873,38 +878,38 @@ const $n = /* @__PURE__ */ ge(vt, [["render", gt]]), pt = { class: "flex-grow pr
       }, null, 8, ["total-items", "items-per-page", "current-page"])) : y("", !0)
     ], 64));
   }
-}), _t = {}, Lt = { class: "card bg-base-100 shadow-sm" }, Mt = { class: "card-body" }, Bt = {
+}), Vt = {}, At = { class: "card bg-base-100 shadow-sm" }, zt = { class: "card-body" }, Tt = {
   key: 0,
   class: "card-title"
-}, Pt = {
+}, St = {
   key: 1,
   class: "card-actions justify-end"
 };
-function Dt(e, t) {
-  return s(), a("div", Lt, [
-    i("div", Mt, [
-      e.$slots.title ? (s(), a("h2", Bt, [
+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),
-      i("p", null, [
+      a("p", null, [
         B(e.$slots, "default"),
         B(e.$slots, "content")
       ]),
-      e.$slots.actions ? (s(), a("div", Pt, [
+      e.$slots.actions ? (o(), i("div", St, [
         B(e.$slots, "actions")
       ])) : y("", !0)
     ])
   ]);
 }
-const _n = /* @__PURE__ */ ge(_t, [["render", Dt]]), Ln = (e, t) => {
+const In = /* @__PURE__ */ de(Vt, [["render", Nt]]), Un = (e, t) => {
   if (!e) return null;
-  const n = (o) => {
-    e.contains(o.target) || t();
+  const n = (l) => {
+    e.contains(l.target) || t();
   };
   return document.addEventListener("click", n), n;
-}, Mn = (e) => {
+}, Hn = (e) => {
   document.removeEventListener("click", e);
-}, Bn = {
+}, jn = {
   beforeMount(e, t) {
     e.clickOutsideEvent = function(n) {
       e === n.target || e.contains(n.target) || t.value(n);
@@ -914,15 +919,15 @@ const _n = /* @__PURE__ */ ge(_t, [["render", Dt]]), Ln = (e, t) => {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
 };
-function Pn(e) {
-  const t = xe();
+function qn(e) {
+  const t = we();
   if (!t)
     return !1;
   const n = t.vnode.props;
-  return n ? !!(n[de(e)] || // also try camelCase event handler (#2249)
-  n[de(we(e))]) : !1;
+  return n ? !!(n[me(e)] || // also try camelCase event handler (#2249)
+  n[me(xe(e))]) : !1;
 }
-const At = {
+const Rt = {
   group: {
     root: "group",
     label: "text-primary text-lg font-bold",
@@ -953,23 +958,23 @@ const At = {
     root: "flex flex-row gap-x-2",
     item: "w-full"
   }
-}, ee = () => ({
-  id: Y(),
+}, G = () => ({
+  id: ne(),
   visible: !0,
   required: !1,
   enabled: !0,
   isFocused: !1,
   isTouched: !1,
   hideLabel: !1,
-  styles: At
-}), zt = () => ({
-  ...ee(),
+  styles: Rt
+}), Kt = () => ({
+  ...G(),
   options: [],
   valueKey: "value",
   labelKey: "label"
-}), Vt = (e, t, n) => !!(e && n), St = (e, t, n, o) => t === void 0 || t !== void 0 && !e || !o && !n, Tt = { key: 0 }, ue = /* @__PURE__ */ p({
+}), 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({
   __name: "ControlWrapper",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ Z({
     id: {},
     description: {},
     errors: {},
@@ -981,37 +986,37 @@ const At = {
     isTouched: { type: Boolean },
     hideLabel: { type: Boolean },
     styles: {}
-  }, ee()),
+  }, G()),
   setup(e) {
-    const t = e, n = k(() => !St(
+    const t = e, n = k(() => !It(
       t.visible,
       t.description,
       t.isFocused,
       !0
-    )), o = k(() => t.required), l = k(() => Vt(
+    )), l = k(() => t.required), s = k(() => Ft(
       t.isTouched,
       t.isFocused,
       t.errors
     ));
-    return (c, b) => (s(), a("fieldset", {
-      class: x(e.styles.control.wrapper)
+    return (c, h) => (o(), i("fieldset", {
+      class: w(e.styles.control.wrapper)
     }, [
-      e.hideLabel ? y("", !0) : (s(), a("legend", {
+      e.hideLabel ? y("", !0) : (o(), i("legend", {
         key: 0,
-        class: x(e.styles.control.label)
+        class: w(e.styles.control.label)
       }, [
-        S(v(e.label) + " ", 1),
-        o.value ? (s(), a("span", Tt, "*")) : y("", !0)
+        T(v(e.label) + " ", 1),
+        l.value ? (o(), i("span", Ut, "*")) : y("", !0)
       ], 2)),
       B(c.$slots, "default"),
-      i("p", {
-        class: x(["fieldset-label h-4", { "text-error": l.value }])
-      }, v(l.value ? e.errors : n.value ? e.description : null), 3)
+      a("p", {
+        class: w(["fieldset-label h-4", { "text-error": s.value }])
+      }, v(s.value ? e.errors : n.value ? e.description : null), 3)
     ], 2));
   }
-}), Nt = ["disabled"], Rt = ["value"], Dn = /* @__PURE__ */ p({
+}), Ht = ["disabled"], jt = ["value"], On = /* @__PURE__ */ p({
   __name: "SelectComponent",
-  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
+  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
     id: {},
     description: {},
     errors: {},
@@ -1027,7 +1032,7 @@ const At = {
     valueKey: {},
     labelKey: {}
   }, {
-    ...ee(),
+    ...G(),
     options: [],
     valueKey: "value",
     labelKey: "label"
@@ -1035,45 +1040,45 @@ const At = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, o = t, l = se(e, "modelValue"), c = (u) => {
-      o("change", u);
-    }, b = (u) => {
-      o("focus", u);
+    const n = e, l = t, s = Y(e, "modelValue"), c = (u) => {
+      l("change", u);
+    }, h = (u) => {
+      l("focus", u);
     }, f = (u) => {
-      o("blur", u);
+      l("blur", u);
     };
-    return (u, d) => (s(), g(ue, le(oe(n)), {
-      default: A(() => [
-        J(i("select", {
-          "onUpdate:modelValue": d[0] || (d[0] = (r) => l.value = r),
+    return (u, d) => (o(), g(oe, ee(te(n)), {
+      default: D(() => [
+        W(a("select", {
+          "onUpdate:modelValue": d[0] || (d[0] = (r) => s.value = r),
           disabled: !e.enabled,
-          class: x(["select select-bordered", e.styles.control.select]),
+          class: w(["select select-bordered", e.styles.control.select]),
           onChange: c,
-          onFocus: b,
+          onFocus: h,
           onBlur: f
         }, [
-          (s(!0), a(w, null, _(e.options, (r) => (s(), a("option", {
+          (o(!0), i(x, null, $(e.options, (r) => (o(), i("option", {
             key: r[e.valueKey],
             value: r
-          }, v(r[e.labelKey]), 9, Rt))), 128))
-        ], 42, Nt), [
-          [ke, l.value]
+          }, v(r[e.labelKey]), 9, jt))), 128))
+        ], 42, Ht), [
+          [ke, s.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), Kt = ["disabled"], Ft = {
+}), qt = ["disabled"], Ot = {
   key: 0,
-  class: /* @__PURE__ */ x([
+  class: /* @__PURE__ */ w([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50`
   ])
-}, Ut = ["onClick", "onBlur"], An = /* @__PURE__ */ p({
+}, Et = ["onClick", "onBlur"], En = /* @__PURE__ */ p({
   __name: "AutoComplete",
-  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
+  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
     id: {},
     description: {},
     errors: {},
@@ -1089,71 +1094,71 @@ const At = {
     options: {},
     valueKey: {},
     labelKey: {}
-  }, zt()), {
+  }, Kt()), {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, o = t, l = se(e, "modelValue"), c = T(""), b = (m) => {
-      o("change", m);
+    const n = e, l = t, s = Y(e, "modelValue"), c = S(""), h = (m) => {
+      l("change", m);
     }, f = (m) => {
-      o("focus", m);
+      l("focus", m);
     }, u = (m) => {
-      o("blur", m);
-    }, d = T(!1), r = T([]), D = (m) => {
-      d.value = !0, z(m);
-    }, z = (m) => {
-      l.value = m, b(m);
+      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 = _e(), M = (m) => m[n.valueKey], R = (m) => m?.[n.labelKey] ?? "";
-    return Z(
-      () => l.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));
       },
       { immediate: !0 }
-    ), Z(
+    ), Q(
       () => c.value,
       (m) => {
         if (d.value) {
           d.value = !1;
           return;
         }
-        if (z({ [n.labelKey]: m }), n.config) {
-          const { uri: $, skipAuth: H, dataField: K } = n.config;
-          U.get(`${$}${m}`, { skipAuth: H }).then((te) => {
-            r.value = te[K];
+        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));
+        } else n.options && (r.value = n.options.filter((_) => R(_).toLowerCase().includes(m)).slice(0, 10));
       }
-    ), (m, $) => {
+    ), (m, _) => {
       const H = fe("click-outside");
-      return s(), g(ue, le(oe(n)), {
-        default: A(() => [
-          J(i("input", {
-            "onUpdate:modelValue": $[0] || ($[0] = (K) => c.value = K),
+      return o(), g(oe, ee(te(n)), {
+        default: D(() => [
+          W(a("input", {
+            "onUpdate:modelValue": _[0] || (_[0] = (K) => c.value = K),
             autocomplete: "off",
             type: "text",
-            class: x([e.styles.control.select]),
+            class: w([e.styles.control.select]),
             disabled: !e.enabled,
             onFocus: f,
             onBlur: u
-          }, null, 42, Kt), [
+          }, null, 42, qt), [
             [$e, c.value]
           ]),
-          J((s(), a("div", null, [
-            r.value?.length ? (s(), a("ul", Ft, [
-              (s(!0), a(w, null, _(r.value, (K, te) => (s(), a("li", {
+          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]
               }, [
-                i("button", {
+                a("button", {
                   class: "w-full h-8 border-b-1 border-gray-200 border-x-0 border-t-0 px-4 py-2 text-left hover:bg-primary-content cursor-pointer",
                   type: "button",
-                  onClick: (pe) => D(K),
-                  onBlur: (pe) => N(te)
-                }, v(R(K)), 41, Ut)
+                  onClick: (ge) => V(K),
+                  onBlur: (ge) => N(se)
+                }, v(R(K)), 41, Et)
               ]))), 128))
             ])) : y("", !0)
           ])), [
@@ -1164,15 +1169,15 @@ const At = {
       }, 16);
     };
   }
-}), Ht = {
+}), Wt = {
   key: 0,
-  class: /* @__PURE__ */ x([
+  class: /* @__PURE__ */ w([
     `bg-base-100 w-52 shadow -mt-5
         absolute z-50 p-0`
   ])
-}, It = ["onClick"], jt = { class: "w-4 mr-2" }, zn = /* @__PURE__ */ p({
+}, Zt = ["onClick"], Gt = { class: "w-4 mr-2" }, Wn = /* @__PURE__ */ p({
   __name: "MultiSelect",
-  props: /* @__PURE__ */ q(/* @__PURE__ */ X({
+  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
     id: {},
     description: {},
     errors: {},
@@ -1188,59 +1193,59 @@ const At = {
     valueKey: {},
     labelKey: {}
   }, {
-    ...ee(),
+    ...G(),
     valueKey: "value",
     labelKey: "label"
   }), {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ q(["change", "focus", "blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ F(["change", "focus", "blur"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const n = e, o = t, l = se(e, "modelValue");
+    const n = e, l = t, s = Y(e, "modelValue");
     let c = !1;
-    const b = (M) => {
-      o("change", M);
-    }, f = T(!1), u = () => {
+    const h = (M) => {
+      l("change", M);
+    }, f = S(!1), u = () => {
       f.value = !f.value, c = !0;
     }, d = () => {
       c || (f.value = !1), c = !1;
     }, r = k(
-      () => l.value?.map((M) => N(M)) ?? []
-    ), D = (M) => r.value.includes(M), z = (M, R) => {
+      () => s.value?.map((M) => N(M)) ?? []
+    ), V = (M) => r.value.includes(M), A = (M, R) => {
       M.preventDefault();
-      let m = l.value ?? [];
-      const $ = N(R);
-      D($) ? m = m.filter((K) => N(K) !== $) : m.push(R), l.value = m, b(m);
+      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 s(), g(ue, le(oe(n)), {
-        default: A(() => [
-          i("button", {
+      return o(), g(oe, ee(te(n)), {
+        default: D(() => [
+          a("button", {
             type: "button",
-            class: x([e.styles.control.select, "w-full truncate block"]),
+            class: w([e.styles.control.select, "w-full truncate block"]),
             onClick: u
-          }, v(l.value?.map?.(($) => U($)).join(", ") ?? "Select value"), 3),
-          J((s(), a("div", null, [
-            f.value ? (s(), a("ul", Ht, [
-              (s(!0), a(w, null, _(e.options, ($) => (s(), a("li", {
-                key: $[e.valueKey]
+          }, 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]
               }, [
-                i("button", {
+                a("button", {
                   class: "w-full flex h-8 border-b-1 border-gray-200 border-x-0 border-t-0 p-2 text-left hover:bg-primary-content cursor-pointer",
                   type: "button",
-                  onClick: (H) => z(H, $)
+                  onClick: (H) => A(H, _)
                 }, [
-                  i("div", jt, [
-                    D(N($)) ? (s(), g(h(F), {
+                  a("div", Gt, [
+                    V(N(_)) ? (o(), g(b(I), {
                       key: 0,
-                      icon: h(V).Check,
+                      icon: b(z).Check,
                       size: "sm"
                     }, null, 8, ["icon"])) : y("", !0)
                   ]),
-                  S(" " + v(U($)), 1)
-                ], 8, It)
+                  T(" " + v(U(_)), 1)
+                ], 8, Zt)
               ]))), 128))
             ])) : y("", !0)
           ])), [
@@ -1251,73 +1256,160 @@ const At = {
       }, 16);
     };
   }
-}), qt = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, Ot = {
+}), 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({
+  __name: "Markdown",
+  props: /* @__PURE__ */ F(/* @__PURE__ */ Z({
+    id: {},
+    description: {},
+    errors: {},
+    label: {},
+    visible: { type: Boolean },
+    required: { type: Boolean },
+    enabled: { type: Boolean },
+    isFocused: { type: Boolean },
+    isTouched: { type: Boolean },
+    hideLabel: { type: Boolean },
+    styles: {},
+    actions: {}
+  }, {
+    ...G(),
+    actions: () => [
+      {
+        label: "<strong>B</strong>",
+        name: "bold",
+        action: (e) => e?.chain().focus().toggleBold().run()
+      },
+      {
+        label: "<em>I</em>",
+        name: "italic",
+        action: (e) => e?.chain().focus().toggleItalic().run()
+      }
+    ]
+  }), {
+    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 ?? "",
+      extensions: [
+        Pe.configure({
+          heading: !1,
+          blockquote: !1,
+          bulletList: !1,
+          orderedList: !1,
+          listItem: !1,
+          code: !1,
+          codeBlock: !1,
+          horizontalRule: !1,
+          hardBreak: !1
+        }),
+        Ae.configure({
+          html: !1,
+          transformPastedText: !0
+          // parse markdown on paste
+        })
+      ],
+      onUpdate({ editor: h }) {
+        l("update:modelValue", 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))
+            }, [
+              a("span", {
+                innerHTML: u.label
+              }, null, 8, Yt)
+            ], 10, Xt))), 128))
+          ]),
+          a("div", en, [
+            C(b(Ve), {
+              editor: b(c),
+              class: "prose prose-sm max-w-none min-h-24"
+            }, null, 8, ["editor"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Zn = /* @__PURE__ */ de(tn, [["__scopeId", "data-v-0d8fa163"]]), nn = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, on = {
   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"
-}, Et = { class: "flex-1 overflow-y-auto bg-white" }, Wt = { class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible" }, Vn = /* @__PURE__ */ p({
+}, 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({
   __name: "drawer",
   props: {
     widthLeft: { default: 200 },
     widthRight: { default: 200 }
   },
   setup(e) {
-    const t = T({ left: !0, right: !0 }), n = (o) => {
-      t.value[o] = !t.value[o];
+    const t = S({ left: !0, right: !0 }), n = (l) => {
+      t.value[l] = !t.value[l];
     };
-    return (o, l) => (s(), a("main", qt, [
-      i("aside", Ot, [
-        i("div", {
-          class: x(["absolute top-0 z-20", t.value.left ? "-right-0" : "-right-2"])
+    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"])
         }, [
-          i("button", {
+          a("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: l[0] || (l[0] = (c) => n("left"))
+            onClick: s[0] || (s[0] = (c) => n("left"))
           }, [
-            L(h(F), {
+            C(b(I), {
               size: "sm",
-              icon: t.value.left ? h(V).DblChevronLeft : h(V).DblChevronRight
+              icon: t.value.left ? b(z).DblChevronLeft : b(z).DblChevronRight
             }, null, 8, ["icon"])
           ])
         ], 2),
-        t.value.left ? (s(), a("div", {
+        t.value.left ? (o(), i("div", {
           key: 0,
-          style: G({ width: e.widthLeft + "px" }),
+          style: le({ width: e.widthLeft + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(o.$slots, "left-drawer")
+          B(l.$slots, "left-drawer")
         ], 4)) : y("", !0)
       ]),
-      i("div", Et, [
-        B(o.$slots, "default")
+      a("div", sn, [
+        B(l.$slots, "default")
       ]),
-      i("aside", Wt, [
-        t.value.right ? (s(), a("div", {
+      a("aside", ln, [
+        t.value.right ? (o(), i("div", {
           key: 0,
-          style: G({ width: e.widthRight + "px" }),
+          style: le({ width: e.widthRight + "px" }),
           class: "h-full overflow-y-auto p-4"
         }, [
-          B(o.$slots, "right-drawer")
+          B(l.$slots, "right-drawer")
         ], 4)) : y("", !0),
-        i("div", {
-          class: x(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
+        a("div", {
+          class: w(["absolute top-0 z-20", t.value.right ? "-left-0" : "-left-2"])
         }, [
-          i("button", {
+          a("button", {
             class: "btn btn-ghost btn-circle",
-            onClick: l[1] || (l[1] = (c) => n("right"))
+            onClick: s[1] || (s[1] = (c) => n("right"))
           }, [
-            L(h(F), {
+            C(b(I), {
               size: "sm",
-              icon: t.value.right ? h(V).DblChevronRight : h(V).DblChevronLeft
+              icon: t.value.right ? b(z).DblChevronRight : b(z).DblChevronLeft
             }, null, 8, ["icon"])
           ])
         ], 2)
       ])
     ]));
   }
-}), Zt = { class: "ml-1" }, Gt = { class: "truncate flex-1 min-w-0 text-left" }, Jt = {
+}), an = { class: "ml-1" }, rn = { class: "truncate flex-1 min-w-0 text-left" }, cn = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, Qt = /* @__PURE__ */ p({
+}, un = /* @__PURE__ */ p({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1327,59 +1419,59 @@ const At = {
   },
   emits: ["toggle", "select"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = k(() => n.active === n.node.id);
-    return (c, b) => {
-      const f = Q("TreeItem", !0);
-      return s(), a("li", Zt, [
-        i("div", {
-          class: x([
+    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([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
       hover:bg-gray-100`,
-            l.value ? "text-primary" : ""
+            s.value ? "text-primary" : ""
           ])
         }, [
-          e.node.children?.length > 0 ? (s(), a("span", {
+          e.node.children?.length > 0 ? (o(), i("span", {
             key: 0,
             class: "flex items-center justify-center",
-            onClick: b[0] || (b[0] = (u) => o("toggle", e.node))
+            onClick: h[0] || (h[0] = (u) => l("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (s(), g(h(Le), {
+            e.node.children && e.isExpanded(e.node.id) ? (o(), g(b(Me), {
               key: 0,
               class: "w-3 h-3"
-            })) : (s(), g(h(Me), {
+            })) : (o(), g(b(Be), {
               key: 1,
               class: "w-3 h-3"
             }))
           ])) : y("", !0),
-          i("div", {
+          a("div", {
             class: "flex items-center gap-2 w-full min-w-0",
-            onClick: b[1] || (b[1] = (u) => o("select", e.node))
+            onClick: h[1] || (h[1] = (u) => l("select", e.node))
           }, [
-            i("div", Gt, v(e.node.label), 1),
-            e.node.tag ? (s(), a("div", Jt, v(e.node.tag), 1)) : y("", !0)
+            a("div", rn, v(e.node.label), 1),
+            e.node.tag ? (o(), i("div", cn, v(e.node.tag), 1)) : y("", !0)
           ])
         ], 2),
-        e.node.children && e.isExpanded(e.node.id) ? (s(), a("ul", {
+        e.node.children && e.isExpanded(e.node.id) ? (o(), i("ul", {
           key: 0,
-          class: x([
+          class: w([
             "ml-4 border-l pl-2",
-            { "border-gray-200": !l.value, "border-primary": l.value }
+            { "border-gray-200": !s.value, "border-primary": s.value }
           ])
         }, [
-          (s(!0), a(w, null, _(e.node.children, (u) => (s(), g(f, {
+          (o(!0), i(x, null, $(e.node.children, (u) => (o(), g(f, {
             key: u.id,
             node: u,
             expanded: e.expanded,
             active: e.active,
             "is-expanded": e.isExpanded,
-            onToggle: b[2] || (b[2] = (d) => o("toggle", d)),
-            onSelect: b[3] || (b[3] = (d) => o("select", d))
+            onToggle: h[2] || (h[2] = (d) => l("toggle", d)),
+            onSelect: h[3] || (h[3] = (d) => l("select", d))
           }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
         ], 2)) : y("", !0)
       ]);
     };
   }
-}), Xt = { class: "select-none text-sm" }, Sn = /* @__PURE__ */ p({
+}), dn = { class: "select-none text-sm" }, Jn = /* @__PURE__ */ p({
   __name: "TreeView",
   props: {
     data: {},
@@ -1387,80 +1479,80 @@ const At = {
   },
   emits: ["select"],
   setup(e, { emit: t }) {
-    const n = e, o = t, l = T(/* @__PURE__ */ new Set()), c = (u) => {
+    const n = e, l = t, s = S(/* @__PURE__ */ new Set()), c = (u) => {
       const d = u.id;
       if (!u.children || u.children.length === 0) {
-        o("select", u);
+        l("select", u);
         return;
       }
-      l.value.has(d) ? l.value.delete(d) : l.value.add(d);
-    }, b = (u) => {
-      o("select", u), l.value.add(u.id);
-    }, f = (u) => l.value.has(u);
-    return (u, d) => (s(), a("ul", Xt, [
-      (s(!0), a(w, null, _(n.data, (r) => (s(), g(Qt, {
+      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, {
         key: r.id,
         node: r,
-        expanded: l.value,
+        expanded: s.value,
         active: e.active,
         "is-expanded": f,
         onToggle: c,
-        onSelect: b
+        onSelect: h
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), Yt = {
+}), mn = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, Tn = /* @__PURE__ */ p({
+}, Qn = /* @__PURE__ */ p({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => e.loading ? (s(), a("div", Yt, [...n[0] || (n[0] = [
-      i("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
+    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);
   }
-}), en = { class: "collapse collapse-arrow bg-white w-full border border-gray-300" }, tn = ["checked"], nn = { class: "collapse-title text-gray-500 text-xs font-medium" }, sn = {
+}), 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 = {
   key: 0,
   class: "list bg-base-100"
-}, Nn = /* @__PURE__ */ p({
+}, Xn = /* @__PURE__ */ p({
   __name: "Collapse",
   props: {
     title: {},
     opened: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = be(), n = e, o = T(n.opened);
-    return Z(
+    const t = be(), n = e, l = S(n.opened);
+    return Q(
       () => n.opened,
       () => {
       },
       { immediate: !0 }
-    ), (l, c) => (s(), a("div", en, [
-      i("input", {
+    ), (s, c) => (o(), i("div", fn, [
+      a("input", {
         type: "checkbox",
-        checked: o.value
-      }, null, 8, tn),
-      i("div", nn, v(e.title), 1),
-      i("div", {
-        class: x(["collapse-content", h(t).list ? "p-0" : ""])
+        checked: l.value
+      }, null, 8, bn),
+      a("div", hn, v(e.title), 1),
+      a("div", {
+        class: w(["collapse-content", b(t).list ? "p-0" : ""])
       }, [
-        B(l.$slots, "default"),
-        h(t).list ? (s(), a("ul", sn, [
-          B(l.$slots, "list")
+        B(s.$slots, "default"),
+        b(t).list ? (o(), i("ul", vn, [
+          B(s.$slots, "list")
         ])) : y("", !0)
       ], 2)
     ]));
   }
-}), ln = { class: "list-row" }, on = { class: "list-col-grow" }, an = {
+}), gn = { class: "list-row" }, pn = { class: "list-col-grow" }, yn = {
   key: 0,
   class: "text-xs text-gray-600"
-}, rn = ["href"], cn = { key: 1 }, un = {
+}, wn = ["href"], xn = { key: 1 }, kn = {
   key: 0,
   class: "text-xs text-gray-500"
-}, dn = ["href"], mn = { key: 1 }, fn = { class: "list-col-wrap text-xs text-gray-500" }, Rn = /* @__PURE__ */ p({
+}, $n = ["href"], Cn = { key: 1 }, _n = { class: "list-col-wrap text-xs text-gray-500" }, Yn = /* @__PURE__ */ p({
   __name: "CollapseRow",
   props: {
     title: {},
@@ -1471,73 +1563,74 @@ const At = {
   },
   setup(e) {
     return be(), (t, n) => {
-      const o = Q("ng-content");
-      return s(), a("li", ln, [
-        i("div", on, [
-          i("div", null, v(e.title), 1),
-          e.description || e.descriptionLink ? (s(), a("div", an, [
-            e.descriptionLink ? (s(), a("a", {
+      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, rn)) : (s(), a("span", cn, v(e.description), 1))
+            }, v(e.description ?? e.descriptionLink), 9, wn)) : (o(), i("span", xn, v(e.description), 1))
           ])) : y("", !0)
         ]),
-        e.label ? (s(), a("div", un, [
-          e.labelLink ? (s(), a("a", {
+        e.label ? (o(), i("div", kn, [
+          e.labelLink ? (o(), i("a", {
             key: 0,
             href: e.labelLink,
             target: "_blank"
-          }, v(e.label), 9, dn)) : (s(), a("span", mn, v(e.label), 1))
+          }, v(e.label), 9, $n)) : (o(), i("span", Cn, v(e.label), 1))
         ])) : y("", !0),
-        i("p", fn, [
-          L(o)
+        a("p", _n, [
+          C(l)
         ])
       ]);
     };
   }
 });
 export {
-  An as Autocomplete,
-  Oe as BadgeSize,
-  j as Btn,
-  wn as BtnBadge,
-  qe as ButtonSize,
-  _n as Card,
-  Bn as ClickOutside,
-  Nn as Collapse,
-  Rn as CollapseRow,
-  I as Color,
-  We as ConfirmModal,
-  ue as ControlWrapper,
-  zt as DefaultAutoCompleteProperties,
-  ee as DefaultControlProperties,
-  Vn as Drawer,
-  xn as Dropdown,
-  F as Icon,
-  V as IconEnum,
-  Be as IconMap,
-  Tn as Loading,
-  yn as Menu,
-  He as Modal,
-  re as ModalService,
-  Ze as ModalWrapper,
-  zn as MultiSelect,
-  Ge as NotificationMessage,
-  ce as NotificationService,
-  Xe as Notifications,
-  ft as PaginationComponent,
-  Dn as SelectComponent,
-  kn as ShellComponent,
-  ae as SubMenu,
-  Cn as Table,
-  Cn as TableComponent,
-  $n as TextCell,
-  Sn as TreeView,
-  Ln as addClickOutsideEventListener,
-  Pn as hasCustomEventListener,
-  St as isDescriptionHidden,
-  At as myStyles,
-  Mn as removeClickOutsideEventListener,
-  Vt as showErrors
+  En as Autocomplete,
+  Je as BadgeSize,
+  q as Btn,
+  Nn as BtnBadge,
+  Ge as ButtonSize,
+  In as Card,
+  jn as ClickOutside,
+  Xn as Collapse,
+  Yn as CollapseRow,
+  j as Color,
+  Xe as ConfirmModal,
+  oe as ControlWrapper,
+  Kt as DefaultAutoCompleteProperties,
+  G as DefaultControlProperties,
+  Gn as Drawer,
+  Sn as Dropdown,
+  I as Icon,
+  z as IconEnum,
+  ze as IconMap,
+  Qn as Loading,
+  Zn as Markdown,
+  Tn as Menu,
+  Ee as Modal,
+  ce as ModalService,
+  Ye as ModalWrapper,
+  Wn as MultiSelect,
+  et as NotificationMessage,
+  ue as NotificationService,
+  ot as Notifications,
+  yt as PaginationComponent,
+  On as SelectComponent,
+  Rn as ShellComponent,
+  ie as SubMenu,
+  Fn as Table,
+  Fn as TableComponent,
+  Kn as TextCell,
+  Jn as TreeView,
+  Un as addClickOutsideEventListener,
+  qn as hasCustomEventListener,
+  It as isDescriptionHidden,
+  Rt as myStyles,
+  Hn as removeClickOutsideEventListener,
+  Ft as showErrors
 };