@ghentcdh/ui 1.1.1 → 3.0.0

package/index.mjs

@@ -1,2372 +1,2331 @@
-import { defineComponent as k, computed as v, openBlock as r, createBlock as y, resolveDynamicComponent as ne, normalizeClass as $, createCommentVNode as _, createElementBlock as f, createElementVNode as u, toDisplayString as w, unref as g, Fragment as L, renderList as M, mergeProps as B, resolveComponent as ce, withCtx as S, createTextVNode as E, ref as x, watch as j, onUnmounted as _e, onMounted as $e, withModifiers as le, renderSlot as P, createVNode as V, withDirectives as Y, vModelCheckbox as Ce, normalizeStyle as X, useAttrs as Ie, getCurrentInstance as De, camelize as Re, toHandlerKey as re, nextTick as xe, normalizeProps as ee, guardReactiveProps as te, Transition as Te, useModel as F, mergeModels as I, onBeforeUnmount as Ee, vModelDynamic as ze, vModelText as Le, useSlots as Se, toRef as we } from "vue";
-import { RouterLink as Ne } from "vue-router";
-import { v4 as de } from "uuid";
-import { LinkIcon as qe, DocumentTextIcon as je, EyeIcon as Fe, CheckIcon as Ke, LanguageIcon as Ue, ChevronDoubleRightIcon as He, ChevronDoubleLeftIcon as We, ChevronUpIcon as Ge, ChevronDownIcon as Xe, ChevronLeftIcon as Ze, ChevronRightIcon as Je, Bars3Icon as Qe, PaperClipIcon as Ye, PlusCircleIcon as et, XMarkIcon as tt, FunnelIcon as ot, BarsArrowUpIcon as st, BarsArrowDownIcon as nt, TrashIcon as lt, PencilSquareIcon as at } from "@heroicons/vue/24/outline";
-import rt from "@tiptap/starter-kit";
-import { useEditor as it, EditorContent as ut } from "@tiptap/vue-3";
-import { Markdown as ct } from "tiptap-markdown";
-import { ChevronDownIcon as dt, ChevronRightIcon as pt } from "@heroicons/vue/24/solid";
-var R = /* @__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.Language = "Language", e.Check = "Check", e.View = "View", e.Text = "Text", e.Link = "Link", e))(R || {});
-const ft = {
-  Edit: at,
-  Delete: lt,
-  BarsArrowDown: nt,
-  BarsArrowUp: st,
-  Funnel: ot,
-  Close: tt,
-  Plus: et,
-  PaperClip: Ye,
-  Hamburger: Qe,
-  ChevronRight: Je,
-  ChevronLeft: Ze,
-  ChevronDown: Xe,
-  ChevronUp: Ge,
-  DblChevronLeft: We,
-  DblChevronRight: He,
-  Language: Ue,
-  Check: Ke,
-  View: Fe,
-  Text: je,
-  Link: qe
-}, mt = {
-  icon: { type: [String, Object, Function] },
-  size: { type: String }
-}, q = /* @__PURE__ */ k({
-  __name: "icon",
-  props: mt,
-  setup(e) {
-    const t = e, o = v(() => t.icon ? typeof t.icon == "string" ? ft[t.icon] : t.icon : null);
-    return (n, l) => o.value ? (r(), y(ne(o.value), {
-      key: 0,
-      "aria-hidden": "true",
-      class: $([
-        {
-          "w-full h-full": !n.size,
-          "w-2 h-2": n.size === "xs",
-          "w-4 h-4": n.size === "sm",
-          "w-6 h-6": n.size === "lg",
-          "w-8 h-8": n.size === "xl"
-        }
-      ])
-    }, null, 8, ["class"])) : _("", !0);
-  }
-}), bt = { class: "dropdown dropdown-end" }, gt = {
-  tabindex: "0",
-  role: "menu",
-  class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
-}, vt = { class: "min-w-max flex-no-wrap text-black" }, pe = /* @__PURE__ */ k({
-  __name: "sub-menu",
-  props: {
-    label: {},
-    items: {},
-    action: { type: Function },
-    disabled: { type: Boolean },
-    btnClass: {},
-    disableArrow: { type: Boolean }
-  },
-  setup(e) {
-    return (t, o) => (r(), f("div", bt, [
-      u("div", {
-        tabindex: "0",
-        role: "button",
-        "aria-haspopup": "menu",
-        class: $([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
-      }, [
-        u("span", null, w(e.label), 1),
-        e.disableArrow ? _("", !0) : (r(), y(g(q), {
-          key: 0,
-          icon: g(R).ChevronDown,
-          size: "sm"
-        }, null, 8, ["icon"]))
-      ], 2),
-      u("ul", gt, [
-        u("li", vt, [
-          (r(!0), f(L, null, M(e.items, (n) => (r(), y(Pe, B({
-            key: n.label
-          }, { ref_for: !0 }, n), null, 16))), 128))
-        ])
-      ])
-    ]));
-  }
-}), oe = "btn btn-ghost text-left justify-between min-w-max font-normal", Pe = /* @__PURE__ */ k({
-  __name: "menu-item",
-  props: {
-    label: {},
-    items: {},
-    action: {},
-    disabled: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e, o = v(() => !t.disabled && t.action && "routerLink" in t.action), n = v(() => !t.disabled && t.action), l = v(() => t.items?.length), a = v(() => {
-      const d = t.action;
-      return d && "routerLink" in d && "params" in d ? {
-        name: d.routerLink,
-        params: d.params
-      } : "";
-    }), c = () => {
-      t.action?.();
-    };
-    return (d, p) => {
-      const i = ce("RouterLink");
-      return l.value ? (r(), y(pe, B({ key: 0 }, t, { "btn-class": oe }), null, 16)) : o.value ? (r(), y(i, {
-        key: 1,
-        to: a.value,
-        class: $(oe),
-        onClick: c
-      }, {
-        default: S(() => [
-          E(w(e.label), 1)
-        ]),
-        _: 1
-      }, 8, ["to"])) : n.value ? (r(), f("button", {
-        key: 2,
-        class: $(oe),
-        onClick: c
-      }, w(e.label), 1)) : (r(), f("div", {
-        key: 3,
-        class: $([oe, { "btn-disabled": e.disabled }])
-      }, w(e.label), 3));
-    };
-  }
-}), ht = { class: "navbar bg-base-100 shadow-sm" }, yt = { class: "flex-1" }, wt = {
-  key: 0,
-  class: "breadcrumbs text-sm"
-}, kt = { class: "flex grow justify-end px-2" }, _t = { class: "flex items-stretch" }, wn = /* @__PURE__ */ k({
-  __name: "menu",
-  props: {
-    menu: {},
-    breadcrumbs: {}
-  },
-  setup(e) {
-    return (t, o) => {
-      const n = ce("RouterLink");
-      return r(), f("nav", ht, [
-        u("div", yt, [
-          e.breadcrumbs ? (r(), f("div", wt, [
-            u("ul", null, [
-              (r(!0), f(L, null, M(e.breadcrumbs, (l) => (r(), f("li", {
-                key: l.label
-              }, [
-                l.routerLink ? (r(), y(n, {
-                  key: 0,
-                  to: { name: l.routerLink, params: l.params },
-                  role: "navigation",
-                  "aria-label": l.label
-                }, {
-                  default: S(() => [
-                    E(w(l.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["to", "aria-label"])) : (r(), f(L, { key: 1 }, [
-                  E(w(l.label), 1)
-                ], 64))
-              ]))), 128))
-            ])
-          ])) : _("", !0)
-        ]),
-        u("div", kt, [
-          u("div", _t, [
-            (r(!0), f(L, null, M(e.menu, (l) => (r(), y(Pe, B({
-              key: l.label
-            }, { ref_for: !0 }, l), null, 16))), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-}), kn = /* @__PURE__ */ k({
-  __name: "dropdown",
-  props: {
-    items: {}
-  },
-  setup(e) {
-    const t = x(!0);
-    return (o, n) => (r(), y(pe, {
-      items: e.items,
-      label: "test",
-      open: t.value,
-      "btn-class": "",
-      "disable-arrow": !0
-    }, null, 8, ["items", "open"]));
-  }
-}), $t = {
-  modalTitle: { type: String, required: !0 },
-  buttonLabel: { type: String },
-  buttonSaveLabel: { type: String },
-  data: { default: void 0 },
-  open: { type: Boolean, default: !1 },
-  disableClose: { type: Boolean, default: !1 },
-  width: { type: String, default: "sm" }
-}, Ct = ["closeModal"], xt = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', ke = (e) => Array.from(e.querySelectorAll(xt)), Lt = ({
-  containerRef: e,
-  isActive: t,
-  onEscape: o,
-  restoreFocus: n = !0
-}) => {
-  let l = null;
-  const a = (p) => {
-    const i = e.value;
-    if (!i) return;
-    if (p.key === "Escape") {
-      o?.();
-      return;
-    }
-    if (p.key !== "Tab") return;
-    const s = ke(i);
-    if (s.length === 0) return;
-    const m = s[0], b = s[s.length - 1];
-    p.shiftKey ? document.activeElement === m && (p.preventDefault(), b.focus()) : document.activeElement === b && (p.preventDefault(), m.focus());
-  }, c = () => {
-    const p = e.value;
-    if (!p) return;
-    l = document.activeElement, document.addEventListener("keydown", a);
-    const i = ke(p);
-    i.length > 0 && i[0].focus();
-  }, d = () => {
-    document.removeEventListener("keydown", a), n && l && (l.focus(), l = null);
-  };
-  j(t, (p) => {
-    p ? c() : d();
-  }, { immediate: !0 }), _e(() => {
-    d();
-  });
-}, St = {
-  xs: "max-w-xs w-[50VW]",
-  sm: "max-w-sm w-[50VW]",
-  lg: "max-w-2xl w-[80VW]",
-  xl: "max-w-[80VW] w-[80VW]"
-}, Pt = {
-  xs: "btn-xs",
-  sm: "btn-sm",
-  lg: "btn-sm",
-  xl: "btn"
-}, Mt = {
-  xs: "badge-xs text-xxs",
-  sm: "badge-sm text-xs",
-  lg: "badge-sm text-xs",
-  xl: "badge text-xs"
-}, Bt = { class: "flex justify-end gap-2 pt-2 mt-2 border-t border-gray-300 shrink-0" }, Vt = /* @__PURE__ */ k({
-  __name: "modal",
-  props: $t,
-  emits: Ct,
-  setup(e, { expose: t, emit: o }) {
-    const n = e, l = `modal_${de()}`, a = `${l}_title`, c = `${l}_content`, d = x(null), p = x(!1), i = o, s = () => {
-      d.value?.showModal(), p.value = !0;
-    }, m = () => {
-      d.value?.close(), p.value = !1, i("closeModal");
-    }, b = () => {
-      n.disableClose || m();
-    };
-    return Lt({
-      containerRef: d,
-      isActive: p,
-      onEscape: () => {
-        n.disableClose || m();
-      }
-    }), t({ closeModal: m, openModal: s }), j(
-      () => n.open,
-      () => {
-        n.open ? s() : m();
-      }
-    ), $e(() => {
-      n.open && s();
-    }), (h, D) => (r(), f("dialog", {
-      ref_key: "dialogRef",
-      ref: d,
-      class: "modal",
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": a,
-      "aria-describedby": c,
-      onCancel: le(b, ["prevent"])
-    }, [
-      u("div", {
-        class: $([
-          "modal-box bg-white min-h-0 max-h-[90vh] flex flex-col overflow-hidden",
-          g(St)[h.width]
-        ])
-      }, [
-        h.disableClose ? _("", !0) : (r(), f("button", {
-          key: 0,
-          type: "button",
-          class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
-          "aria-label": "Close",
-          onClick: m
-        }, " ✕ ")),
-        u("h3", {
-          id: a,
-          class: "font-bold shrink-0"
-        }, w(h.modalTitle), 1),
-        u("div", {
-          id: c,
-          class: "pt-4 flex-1 min-h-0 flex flex-col"
-        }, [
-          P(h.$slots, "content")
-        ]),
-        u("div", Bt, [
-          P(h.$slots, "actions")
-        ])
-      ], 2)
-    ], 544));
-  }
-});
-var fe = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(fe || {}), Me = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(Me || {}), z = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(z || {});
-const At = {
-  blank: "btn-ghost",
-  primary: "btn-primary",
-  secondary: "btn-soft btn-primary",
-  error: "btn-error"
-}, Ot = {
-  blank: "badge-ghost",
-  primary: "badge-primary",
-  secondary: "badge-soft badge-primary",
-  error: "badge-error"
-}, It = {
-  href: { type: String },
-  disabled: { type: Boolean, default: !1 },
-  tooltip: { type: String },
-  as: { type: String, default: Me.button },
-  icon: { type: [String, Object, Function] },
-  type: { type: String, default: fe.button },
-  outline: { type: Boolean, default: !1 },
-  color: { type: String, default: z.primary },
-  size: { type: String, default: "sm" },
-  square: { type: Boolean, default: !1 }
-}, Dt = ["click"], Rt = {
-  icon: { type: [String, Object, Function] },
-  type: { type: String, default: fe.button },
-  color: { type: String, default: z.primary },
-  disabled: { type: Boolean, default: !1 },
-  size: { type: String, default: "sm" }
-}, Tt = ["click"], N = /* @__PURE__ */ k({
-  __name: "btn",
-  props: It,
-  emits: Dt,
-  setup(e, { emit: t }) {
-    const o = e, n = t;
-    return (l, a) => (r(), y(ne(o.as), {
-      class: $([
-        "btn p-1 flex justify-center flex-nowrap",
-        g(At)[o.color],
-        g(Pt)[o.size],
-        { "btn-outline": o.outline, "btn-square": o.square, tooltip: o.tooltip }
-      ]),
-      href: o.href,
-      type: o.type,
-      disabled: o.disabled,
-      "data-tip": o.tooltip,
-      onClick: a[0] || (a[0] = (c) => n("click"))
-    }, {
-      default: S(() => [
-        o.icon ? (r(), y(g(q), {
-          key: 0,
-          icon: o.icon,
-          size: o.size
-        }, null, 8, ["icon", "size"])) : _("", !0),
-        P(l.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["class", "href", "type", "disabled", "data-tip"]));
-  }
-}), Et = ["type", "disabled"], _n = /* @__PURE__ */ k({
-  __name: "btn-badge",
-  props: Rt,
-  emits: Tt,
-  setup(e, { emit: t }) {
-    const o = e, n = t;
-    return (l, a) => (r(), f("button", {
-      class: $(["badge gap-1", g(Mt)[o.size], g(Ot)[o.color]]),
-      type: o.type,
-      disabled: o.disabled,
-      onClick: a[0] || (a[0] = (c) => n("click"))
-    }, [
-      P(l.$slots, "default"),
-      o.icon ? (r(), y(g(q), {
-        key: 0,
-        icon: o.icon,
-        size: o.size
-      }, null, 8, ["icon", "size"])) : _("", !0)
-    ], 10, Et));
-  }
-}), zt = /* @__PURE__ */ k({
-  __name: "confirmModal",
-  props: {
-    title: {},
-    message: {},
-    confirmLabel: { default: "Ok" },
-    cancelLabel: { default: "Cancel" }
-  },
-  emits: ["closeModal"],
-  setup(e, { emit: t }) {
-    const o = t, n = (l) => {
-      o("closeModal", { confirmed: l });
-    };
-    return (l, a) => (r(), y(Vt, {
-      "modal-title": e.title,
-      open: !0,
-      "disable-close": !0
-    }, {
-      content: S(() => [
-        E(w(e.message), 1)
-      ]),
-      actions: S(() => [
-        V(g(N), {
-          color: g(z).secondary,
-          outline: !0,
-          "aria-label": e.cancelLabel,
-          onClick: a[0] || (a[0] = (c) => n(!1))
-        }, {
-          default: S(() => [
-            E(w(e.cancelLabel), 1)
-          ]),
-          _: 1
-        }, 8, ["color", "aria-label"]),
-        V(g(N), {
-          "aria-label": e.confirmLabel,
-          onClick: a[1] || (a[1] = (c) => n(!0))
-        }, {
-          default: S(() => [
-            E(w(e.confirmLabel), 1)
-          ]),
-          _: 1
-        }, 8, ["aria-label"])
-      ]),
-      _: 1
-    }, 8, ["modal-title"]));
-  }
-});
-class me {
-  constructor() {
-    this.showModal = x(!1), this.modals = [];
-  }
-  openModal(t) {
-    const o = t.props.onClose, n = de(), l = t;
-    t.props.onClose = (a) => {
-      o(a), this.closeModal(n);
-    }, l.id = n, this.modals = [...this.modals, l], this.showModal.value = Date.now();
-  }
-  closeModal(t) {
-    this.modals = this.modals.filter((o) => o.id !== t), this.showModal.value = Date.now();
-  }
-  static showConfirm(t) {
-    this.getInstance().openModal({
-      component: zt,
-      props: t
-    });
-  }
-  static openModal(t) {
-    this.getInstance().openModal(t);
-  }
-  static getInstance() {
-    return this.instance || (this.instance = new me()), this.instance;
-  }
-  static closeAll() {
-    this.instance.closeAll();
-  }
-  closeAll() {
-    this.modals = [], this.showModal.value = !1;
-  }
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ControlWrapper-DqO2d36v.js";
+import { Fragment as l, Teleport as u, Transition as d, camelize as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineAsyncComponent as b, defineComponent as x, getCurrentInstance as S, guardReactiveProps as C, h as w, mergeModels as T, mergeProps as E, nextTick as D, normalizeClass as O, normalizeProps as k, normalizeStyle as A, onMounted as ee, onUnmounted as te, openBlock as j, ref as M, renderList as N, renderSlot as P, resolveComponent as ne, resolveDynamicComponent as F, toDisplayString as I, toHandlerKey as L, toRef as re, unref as R, useAttrs as ie, useModel as z, useSlots as ae, vModelCheckbox as oe, vModelDynamic as se, vModelText as ce, watch as B, withCtx as V, withDirectives as H, withModifiers as U } from "vue";
+import { RouterLink as le } from "vue-router";
+//#region src/icons/icon-list.ts
+function W(e) {
+	return x({ render() {
+		return w("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			fill: "none",
+			viewBox: "0 0 24 24",
+			"stroke-width": "1.5",
+			stroke: "currentColor",
+			"aria-hidden": "true"
+		}, e.map((e) => w("path", {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: e
+		})));
+	} });
 }
-const Nt = /* @__PURE__ */ k({
-  __name: "modalWrapper",
-  setup(e) {
-    const t = me.getInstance(), o = v(() => t.showModal.value ? t.modals : []);
-    return (n, l) => (r(!0), f(L, null, M(o.value, (a) => (r(), y(ne(a?.component), B({
-      key: a.id,
-      ref_for: !0
-    }, a?.props, {
-      open: !0,
-      onCloseModal: a?.props?.onClose
-    }), null, 16, ["onCloseModal"]))), 128));
-  }
-}), qt = /* @__PURE__ */ k({
-  __name: "notification-message",
-  props: {
-    message: {},
-    type: {}
-  },
-  setup(e) {
-    const t = {
-      success: "alert-success",
-      error: "alert-error",
-      warning: "alert-warning",
-      info: "alert-info"
-    };
-    return (o, n) => (r(), f("div", {
-      role: "alert",
-      class: $(`alert ${t[e.type]} `)
-    }, [
-      u("span", null, w(e.message), 1)
-    ], 2));
-  }
-}), jt = 5e3;
-class be {
-  constructor() {
-    this.notifications = x([]), this.addNotification = (t, o = "info") => {
-      const n = {
-        id: de(),
-        duration: jt,
-        message: t,
-        type: o
-      };
-      this.notifications.value.push(n), this.removeNotificationAfterDuration(n);
-    }, this.removeNotificationAfterDuration = (t) => {
-      setTimeout(() => {
-        this.removeNotification(t.id);
-      }, t.duration);
-    }, this.removeNotification = (t) => {
-      this.notifications.value = this.notifications.value.filter((o) => o.id !== t);
-    };
-  }
-  static getInstance() {
-    return this.instance || (this.instance = new be()), this.instance;
-  }
-  static info(t) {
-    this.getInstance().addNotification(t, "info");
-  }
-  static success(t) {
-    this.getInstance().addNotification(t, "success");
-  }
-  static warning(t) {
-    this.getInstance().addNotification(t, "warning");
-  }
-  static error(t) {
-    this.getInstance().addNotification(t, "error");
-  }
-  static removeNotification(t) {
-    this.getInstance().removeNotification(t);
-  }
-}
-const Ft = { class: "toast toast-top toast-center z-[999]" }, Kt = /* @__PURE__ */ k({
-  __name: "notifications",
-  setup(e) {
-    const t = be.getInstance();
-    return (o, n) => (r(), f("div", Ft, [
-      (r(!0), f(L, null, M(g(t).notifications.value, (l) => (r(), y(qt, B({
-        key: l.id
-      }, { ref_for: !0 }, l), null, 16))), 128))
-    ]));
-  }
-}), Ut = { class: "flex h-screen flex-col" }, Ht = { class: "shrink-0" }, Wt = { class: "navbar bg-primary text-primary-content w-full z-100" }, Gt = { class: "navbar-start" }, Xt = { class: "navbar-center" }, Zt = ["href"], Jt = { class: "navbar-end" }, Qt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Yt = { class: "drawer-side h-full shadow-md" }, eo = { class: "flex-grow overflow-y-auto" }, to = { class: "bg-base-200 p-4" }, $n = /* @__PURE__ */ k({
-  __name: "shell.component",
-  props: {
-    title: {},
-    menu: {},
-    user: {},
-    version: {},
-    widthSidebar: { default: 300 }
-  },
-  emits: ["logout"],
-  setup(e, { emit: t }) {
-    const n = e, l = x(!1), a = () => {
-      l.value = !l.value;
-    }, c = t, d = v(() => n.user ? {
-      label: n.user.name,
-      items: [
-        {
-          label: "Logout",
-          action: () => {
-            c("logout");
-          }
-        }
-      ]
-    } : null);
-    return (p, i) => (r(), f(L, null, [
-      V(Kt),
-      V(g(Nt)),
-      u("div", Ut, [
-        u("header", Ht, [
-          u("nav", Wt, [
-            u("div", Gt, [
-              u("button", {
-                "aria-label": "open sidebar",
-                class: "btn btn-square btn-ghost p-1",
-                onClick: a
-              }, [
-                V(g(q), {
-                  icon: g(R).Hamburger
-                }, null, 8, ["icon"])
-              ])
-            ]),
-            u("div", Xt, [
-              u("a", {
-                class: "btn btn-ghost text-primary-content text-lg color-white",
-                href: g("/")
-              }, w(e.title), 9, Zt)
-            ]),
-            u("div", Jt, [
-              d.value ? (r(), y(g(pe), B({ key: 0 }, d.value, { "btn-class": "" }), null, 16)) : _("", !0)
-            ])
-          ])
-        ]),
-        u("div", {
-          class: $(["drawer flex-1 overflow-hidden", { "drawer-open": l.value }])
-        }, [
-          Y(u("input", {
-            id: "app-drawer",
-            "onUpdate:modelValue": i[0] || (i[0] = (s) => l.value = s),
-            type: "checkbox",
-            class: "drawer-toggle"
-          }, null, 512), [
-            [Ce, l.value]
-          ]),
-          u("main", Qt, [
-            P(p.$slots, "default")
-          ]),
-          u("div", Yt, [
-            i[1] || (i[1] = u("label", {
-              for: "app-drawer",
-              "aria-label": "close sidebar",
-              class: "drawer-overlay"
-            }, null, -1)),
-            u("div", {
-              class: "menu bg-base-100 h-full flex flex-col justify-between",
-              style: X({ width: e.widthSidebar + "px" })
-            }, [
-              u("ul", eo, [
-                (r(!0), f(L, null, M(e.menu, (s) => (r(), f("li", {
-                  key: s.label
-                }, [
-                  V(g(Ne), {
-                    to: { name: s.routerLink, params: s.params }
-                  }, {
-                    default: S(() => [
-                      E(w(s.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["to"])
-                ]))), 128))
-              ]),
-              u("div", to, " version: " + w(e.version), 1)
-            ], 4)
-          ])
-        ], 2)
-      ])
-    ], 64));
-  }
-}), oo = {
-  currentPage: { type: Number, required: !0 },
-  page: { type: Number, required: !0 },
-  label: { type: String, required: !0 },
-  neverActive: { type: Boolean, default: !1 },
-  disabled: { type: Boolean, default: !1 }
-}, so = ["updatePage", "updatePageSize"], J = /* @__PURE__ */ k({
-  __name: "pagination-button.component",
-  props: oo,
-  emits: so,
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = v(
-      () => o.neverActive ? !1 : o.page === o.currentPage
-    ), a = v(() => o.neverActive ? z.blank : l.value ? z.primary : z.secondary), c = () => {
-      n("updatePage", o.page);
-    };
-    return (d, p) => (r(), y(g(N), {
-      disabled: d.disabled,
-      square: !0,
-      size: "xs",
-      color: a.value,
-      onClick: p[0] || (p[0] = (i) => c())
-    }, {
-      default: S(() => [
-        E(w(d.label), 1)
-      ]),
-      _: 1
-    }, 8, ["disabled", "color"]));
-  }
-}), no = {
-  totalItems: { type: Number, default: 0 },
-  itemsPerPage: { type: Number, default: 1 },
-  currentPage: { type: Number, default: 1 }
-}, lo = ["updatePage", "updatePageSize"], ao = { class: "flex gap-2" }, ro = { class: "flex flex-1 justify-center items-center" }, io = { class: "flex gap-1" }, uo = { class: "text-sm" }, Q = 6, co = /* @__PURE__ */ k({
-  __name: "pagination.component",
-  props: no,
-  emits: lo,
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = v(() => {
-      let s = Math.ceil(o.totalItems / o.itemsPerPage);
-      return s < 1 ? 1 : s;
-    }), a = Q / 2, c = v(() => {
-      if (l.value <= Q)
-        return {
-          min: 1,
-          max: l.value
-        };
-      let s = o.currentPage - a;
-      s <= 1 ? s = 1 : s + Q > l.value && (s = l.value - Q);
-      let m = s + Q;
-      return {
-        min: s,
-        max: m
-      };
-    }), d = (s) => ({
-      label: "...",
-      currentPage: s,
-      page: -10,
-      disabled: !0,
-      neverActive: !0
-    }), p = v(() => {
-      let s = l.value;
-      s < 1 && (s = 1);
-      const m = o.currentPage, b = [], { min: h, max: D } = c.value;
-      return Array.from({ length: s }, (H, A) => {
-        const C = A + 1;
-        C !== 1 && C !== s && (C > D || C < h) || (C === s && s > 1 && D < s && b.push(d(m)), b.push({
-          label: `${C}`,
-          totalPages: s,
-          currentPage: m,
-          page: C
-        }), C === 1 && s > 1 && h > 1 && b.push(d(m)));
-      }), b;
-    }), i = (s) => {
-      n("updatePage", s);
-    };
-    return (s, m) => (r(), f("div", ao, [
-      u("div", ro, [
-        u("div", io, [
-          V(J, B(o, {
-            page: 1,
-            label: "<<",
-            "current-page": s.currentPage,
-            "never-active": !0,
-            disabled: s.currentPage === 1,
-            onUpdatePage: i
-          }), null, 16, ["current-page", "disabled"]),
-          V(J, B(o, {
-            page: s.currentPage - 1,
-            label: "<",
-            "current-page": s.currentPage,
-            "never-active": !0,
-            disabled: s.currentPage === 1,
-            onUpdatePage: i
-          }), null, 16, ["page", "current-page", "disabled"]),
-          (r(!0), f(L, null, M(p.value, (b) => (r(), y(J, B({
-            key: b.page,
-            ref_for: !0
-          }, b, { onUpdatePage: i }), null, 16))), 128)),
-          V(J, B(o, {
-            page: s.currentPage + 1,
-            label: ">",
-            "current-page": s.currentPage,
-            "never-active": !0,
-            disabled: o.currentPage === l.value,
-            onUpdatePage: i
-          }), null, 16, ["page", "current-page", "disabled"]),
-          V(J, B(o, {
-            page: l.value,
-            label: ">>",
-            "current-page": s.currentPage,
-            "never-active": !0,
-            disabled: o.currentPage === l.value,
-            onUpdatePage: i
-          }), null, 16, ["page", "current-page", "disabled"])
-        ])
-      ]),
-      u("div", uo, " page " + w(s.currentPage) + " of " + w(l.value), 1)
-    ]));
-  }
-}), Be = {
-  data: { type: Object, required: !0 },
-  column: { type: Object, required: !0 },
-  options: { type: Object }
-}, Cn = /* @__PURE__ */ k({
-  __name: "text.cell",
-  props: Be,
-  setup(e) {
-    const t = e, o = v(() => {
-      const n = t.data[t.column.id];
-      return n ? t.column.options?.format === "keyValue" ? n[t.column.options.key] : n : null;
-    });
-    return (n, l) => w(o.value);
-  }
-}), po = {
-  column: { type: Object, required: !0 },
-  sortColumn: { type: String },
-  sortDirection: { type: String }
-}, fo = ["sort"], mo = { class: "flex-grow pr-2" }, bo = { class: "h-4 w-4" }, go = /* @__PURE__ */ k({
-  __name: "sort.header",
-  props: po,
-  emits: fo,
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = v(
-      () => o.sortDirection === "asc" ? R.BarsArrowUp : R.BarsArrowDown
-    ), a = v(() => o.column.options?.sortId ?? o.column.id), c = () => {
-      n("sort", a.value);
-    };
-    return (d, p) => (r(), f("button", {
-      class: "flex items-center",
-      onClick: c
-    }, [
-      u("span", mo, w(d.column.label), 1),
-      u("div", bo, [
-        d.sortColumn === a.value ? (r(), y(g(q), {
-          key: 0,
-          icon: l.value
-        }, null, 8, ["icon"])) : _("", !0)
-      ])
-    ]));
-  }
-}), vo = {
-  loading: { type: Boolean, default: !1 },
-  actions: { type: Array },
-  data: { type: Array },
-  displayColumns: {
-    type: Array,
-    required: !0
-  },
-  page: { type: Object },
-  sort: { type: Object }
-}, ho = ["updatePage", "sort"], yo = { class: "table w-full" }, wo = { key: 0 }, ko = ["colspan"], _o = ["ui-id"], $o = { class: "flex gap-2" }, xn = /* @__PURE__ */ k({
-  __name: "table.component",
-  props: vo,
-  emits: ho,
-  setup(e, { emit: t }) {
-    const o = t, n = Ie(), l = v(() => "onEdit" in n), a = v(() => "onDelete" in n), c = (s) => {
-      n.onEdit?.(s);
-    }, d = (s) => {
-      n.onDelete?.(s);
-    }, p = (s) => {
-      o("updatePage", s);
-    }, i = (s) => {
-      o("sort", s);
-    };
-    return (s, m) => (r(), f(L, null, [
-      u("table", yo, [
-        u("thead", null, [
-          u("tr", null, [
-            (r(!0), f(L, null, M(s.displayColumns, (b) => (r(), f("th", {
-              key: b.scope
-            }, [
-              V(go, B({ column: b }, { ref_for: !0 }, s.sort, { onSort: i }), null, 16, ["column"])
-            ]))), 128)),
-            m[0] || (m[0] = u("th", null, null, -1))
-          ])
-        ]),
-        u("tbody", null, [
-          s.loading ? (r(), f("tr", wo, [
-            u("td", {
-              colspan: s.displayColumns.length + 1,
-              class: "text-center"
-            }, [...m[1] || (m[1] = [
-              u("span", { class: "loading loading-bars loading-xs" }, null, -1)
-            ])], 8, ko)
-          ])) : _("", !0),
-          (r(!0), f(L, null, M(s.data, (b) => (r(), f("tr", {
-            key: b.id,
-            "ui-id": `table_${b.id}`
-          }, [
-            (r(!0), f(L, null, M(s.displayColumns, (h) => (r(), f("td", {
-              key: h.scope
-            }, [
-              (r(), y(ne(h.component), B({ ref_for: !0 }, h, {
-                data: b,
-                column: h
-              }), null, 16, ["data", "column"]))
-            ]))), 128)),
-            u("td", null, [
-              u("span", $o, [
-                (r(!0), f(L, null, M(s.actions, (h) => (r(), y(N, {
-                  key: h.label,
-                  "aria-label": h.label,
-                  icon: h.icon,
-                  outline: !0,
-                  onClick: (D) => h.action(b)
-                }, {
-                  default: S(() => [
-                    E(w(h.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["aria-label", "icon", "onClick"]))), 128)),
-                l.value ? (r(), y(N, {
-                  key: 0,
-                  "aria-label": "Edit",
-                  icon: g(R).Edit,
-                  outline: !0,
-                  onClick: (h) => c(b)
-                }, null, 8, ["icon", "onClick"])) : _("", !0),
-                a.value ? (r(), y(N, {
-                  key: 1,
-                  "aria-label": "Delete",
-                  icon: g(R).Delete,
-                  outline: !0,
-                  onClick: (h) => d(b)
-                }, null, 8, ["icon", "onClick"])) : _("", !0)
-              ])
-            ])
-          ], 8, _o))), 128))
-        ])
-      ]),
-      s.page ? (r(), y(co, {
-        key: 0,
-        class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
-        "total-items": s.page.count,
-        "items-per-page": s.page.pageSize,
-        "current-page": s.page.page,
-        onUpdatePage: p
-      }, null, 8, ["total-items", "items-per-page", "current-page"])) : _("", !0)
-    ], 64));
-  }
-}), Co = { class: "flex justify-center" }, Ln = /* @__PURE__ */ k({
-  __name: "boolean.cell",
-  props: Be,
-  setup(e) {
-    const t = e, o = v(() => {
-      const n = t.data[t.column.id];
-      return n ? t.column.options?.format === "keyValue" ? n[t.column.options.key] : n : null;
-    });
-    return (n, l) => (r(), f("div", Co, [
-      o.value === !0 ? (r(), y(q, {
-        key: 0,
-        icon: g(R).Check,
-        size: "sm"
-      }, null, 8, ["icon"])) : _("", !0)
-    ]));
-  }
-}), xo = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [n, l] of t)
-    o[n] = l;
-  return o;
-}, Lo = {}, So = { class: "card bg-base-100 shadow-sm" }, Po = { class: "card-body" }, Mo = {
-  key: 0,
-  class: "card-title"
-}, Bo = {
-  key: 1,
-  class: "card-actions justify-end"
+var ue = W(["M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"]), de = W(["M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"]), fe = W(["M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"]), pe = W(["m4.5 12.75 6 6 9-13.5"]), me = W(["m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"]), he = W(["m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"]), ge = W(["m19.5 8.25-7.5 7.5-7.5-7.5"]), _e = W(["M15.75 19.5 8.25 12l7.5-7.5"]), ve = W(["m8.25 4.5 7.5 7.5-7.5 7.5"]), ye = W(["m4.5 15.75 7.5-7.5 7.5 7.5"]), be = W(["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"]), xe = W(["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"]), Se = W(["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"]), Ce = W(["m10.5 21 5.25-11.25L21 21m-9-3h7.5M3 5.621a48.474 48.474 0 0 1 6-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 0 1-3.827-5.802"]), we = W(["M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"]), Te = W(["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"]), Ee = W(["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"]), De = W(["M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"]), Oe = W(["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"]), ke = W(["M6 18 18 6M6 6l12 12"]), Ae = W(["M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"]), je = W(["M3 4a1 1 0 011-1h16a1 1 0 011 1v2a1 1 0 01-.293.707L13 13.414V19a1 1 0 01-.553.894l-4 2A1 1 0 017 21v-7.586L3.293 6.707A1 1 0 013 6V4z"]), G = /* @__PURE__ */ function(e) {
+	return 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.Language = "Language", e.Check = "Check", e.View = "View", e.Text = "Text", e.Link = "Link", e.Filter = "Filter", e.Sync = "Sync", e;
+}({}), Me = {
+	Edit: Ee,
+	Delete: Oe,
+	BarsArrowDown: de,
+	BarsArrowUp: fe,
+	Funnel: Se,
+	Close: ke,
+	Plus: De,
+	PaperClip: Te,
+	Hamburger: ue,
+	ChevronRight: ve,
+	ChevronLeft: _e,
+	ChevronDown: ge,
+	ChevronUp: ye,
+	DblChevronLeft: me,
+	DblChevronRight: he,
+	Language: Ce,
+	Check: pe,
+	View: xe,
+	Text: be,
+	Link: we,
+	Filter: je,
+	Sync: Ae
+}, Ne = {
+	icon: { type: [
+		String,
+		Object,
+		Function
+	] },
+	size: { type: String }
+}, K = /* @__PURE__ */ x({
+	__name: "icon",
+	props: Ne,
+	setup(e) {
+		let t = e, n = p(() => t.icon ? typeof t.icon == "string" ? Me[t.icon] : t.icon : null);
+		return (e, t) => n.value ? (j(), m(F(n.value), {
+			key: 0,
+			"aria-hidden": "true",
+			class: O([{
+				"w-full h-full": !e.size,
+				"w-2 h-2": e.size === "xs",
+				"w-4 h-4": e.size === "sm",
+				"w-6 h-6": e.size === "lg",
+				"w-8 h-8": e.size === "xl"
+			}])
+		}, null, 8, ["class"])) : h("", !0);
+	}
+}), Pe = { class: "dropdown dropdown-end" }, Fe = {
+	tabindex: "0",
+	role: "menu",
+	class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
+}, Ie = { class: "min-w-max flex-no-wrap text-black" }, q = /* @__PURE__ */ x({
+	__name: "sub-menu",
+	props: {
+		label: {},
+		items: {},
+		action: { type: Function },
+		disabled: { type: Boolean },
+		btnClass: {},
+		disableArrow: { type: Boolean }
+	},
+	setup(e) {
+		return (t, n) => (j(), g("div", Pe, [_("div", {
+			tabindex: "0",
+			role: "button",
+			"aria-haspopup": "menu",
+			class: O([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+		}, [_("span", null, I(e.label), 1), e.disableArrow ? h("", !0) : (j(), m(R(K), {
+			key: 0,
+			icon: R(G).ChevronDown,
+			size: "sm"
+		}, null, 8, ["icon"]))], 2), _("ul", Fe, [_("li", Ie, [(j(!0), g(l, null, N(e.items, (e) => (j(), m(Le, E({ key: e.label }, { ref_for: !0 }, e), null, 16))), 128))])])]));
+	}
+}), J = "btn btn-ghost text-left justify-between min-w-max font-normal", Le = /* @__PURE__ */ x({
+	__name: "menu-item",
+	props: {
+		label: {},
+		items: {},
+		action: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, n = p(() => !t.disabled && t.action && "routerLink" in t.action), r = p(() => !t.disabled && t.action), i = p(() => t.items?.length), a = p(() => {
+			let e = t.action;
+			return e && "routerLink" in e && "params" in e ? {
+				name: e.routerLink,
+				params: e.params
+			} : "";
+		}), o = () => {
+			t.action?.();
+		};
+		return (s, c) => {
+			let l = ne("RouterLink");
+			return i.value ? (j(), m(q, E({ key: 0 }, t, { "btn-class": J }), null, 16)) : n.value ? (j(), m(l, {
+				key: 1,
+				to: a.value,
+				class: O(J),
+				onClick: o
+			}, {
+				default: V(() => [v(I(e.label), 1)]),
+				_: 1
+			}, 8, ["to"])) : r.value ? (j(), g("button", {
+				key: 2,
+				class: O(J),
+				onClick: o
+			}, I(e.label), 1)) : (j(), g("div", {
+				key: 3,
+				class: O([J, { "btn-disabled": e.disabled }])
+			}, I(e.label), 3));
+		};
+	}
+}), Re = { class: "navbar bg-base-100 shadow-sm" }, ze = { class: "flex-1" }, Be = {
+	key: 0,
+	class: "breadcrumbs text-sm"
+}, Ve = { class: "flex grow justify-end px-2" }, He = { class: "flex items-stretch" }, Ue = /* @__PURE__ */ x({
+	__name: "menu",
+	props: {
+		menu: {},
+		breadcrumbs: {}
+	},
+	setup(e) {
+		return (t, n) => {
+			let r = ne("RouterLink");
+			return j(), g("nav", Re, [_("div", ze, [e.breadcrumbs ? (j(), g("div", Be, [_("ul", null, [(j(!0), g(l, null, N(e.breadcrumbs, (e) => (j(), g("li", { key: e.label }, [e.routerLink ? (j(), m(r, {
+				key: 0,
+				to: {
+					name: e.routerLink,
+					params: e.params
+				},
+				role: "navigation",
+				"aria-label": e.label
+			}, {
+				default: V(() => [v(I(e.label), 1)]),
+				_: 2
+			}, 1032, ["to", "aria-label"])) : (j(), g(l, { key: 1 }, [v(I(e.label), 1)], 64))]))), 128))])])) : h("", !0)]), _("div", Ve, [_("div", He, [(j(!0), g(l, null, N(e.menu, (e) => (j(), m(Le, E({ key: e.label }, { ref_for: !0 }, e), null, 16))), 128))])])]);
+		};
+	}
+}), We = /* @__PURE__ */ x({
+	__name: "dropdown",
+	props: { items: {} },
+	setup(e) {
+		let t = M(!0);
+		return (n, r) => (j(), m(q, {
+			items: e.items,
+			label: "test",
+			open: t.value,
+			"btn-class": "",
+			"disable-arrow": !0
+		}, null, 8, ["items", "open"]));
+	}
+}), Ge = {
+	modalTitle: {
+		type: String,
+		required: !0
+	},
+	buttonLabel: { type: String },
+	buttonSaveLabel: { type: String },
+	data: { default: void 0 },
+	open: {
+		type: Boolean,
+		default: !1
+	},
+	disableClose: {
+		type: Boolean,
+		default: !1
+	},
+	width: {
+		type: String,
+		default: "sm"
+	}
+}, Ke = ["closeModal"], qe = "a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Je = (e) => Array.from(e.querySelectorAll(qe)), Ye = ({ containerRef: e, isActive: t, onEscape: n, restoreFocus: r = !0 }) => {
+	let i = null, a = (t) => {
+		let r = e.value;
+		if (!r) return;
+		if (t.key === "Escape") {
+			n?.();
+			return;
+		}
+		if (t.key !== "Tab") return;
+		let i = Je(r);
+		if (i.length === 0) return;
+		let a = i[0], o = i[i.length - 1];
+		t.shiftKey ? document.activeElement === a && (t.preventDefault(), o.focus()) : document.activeElement === o && (t.preventDefault(), a.focus());
+	}, o = () => {
+		let t = e.value;
+		if (!t) return;
+		i = document.activeElement, document.addEventListener("keydown", a);
+		let n = Je(t);
+		n.length > 0 && n[0].focus();
+	}, s = () => {
+		document.removeEventListener("keydown", a), r && i && (i.focus(), i = null);
+	};
+	B(t, (e) => {
+		e ? o() : s();
+	}, { immediate: !0 }), te(() => {
+		s();
+	});
+}, Xe = {
+	xs: "max-w-xs w-[50VW]",
+	sm: "max-w-sm w-[50VW]",
+	lg: "max-w-2xl w-[80VW]",
+	xl: "max-w-[80VW] w-[80VW]"
+}, Ze = {
+	xs: "btn-xs",
+	sm: "btn-sm",
+	lg: "btn-sm",
+	xl: "btn"
+}, Qe = {
+	xs: "badge-xs text-xxs",
+	sm: "badge-sm text-xs",
+	lg: "badge-sm text-xs",
+	xl: "badge text-xs"
+}, $e = { class: "flex justify-end gap-2 pt-2 mt-2 border-t border-gray-300 shrink-0" }, et = /* @__PURE__ */ x({
+	__name: "modal",
+	props: Ge,
+	emits: Ke,
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = `modal_${crypto.randomUUID()}`, a = `${i}_title`, o = `${i}_content`, s = M(null), c = M(!1), l = n, u = () => {
+			s.value?.showModal(), c.value = !0;
+		}, d = () => {
+			s.value?.close(), c.value = !1, l("closeModal");
+		}, f = () => {
+			r.disableClose || d();
+		};
+		return Ye({
+			containerRef: s,
+			isActive: c,
+			onEscape: () => {
+				r.disableClose || d();
+			}
+		}), t({
+			closeModal: d,
+			openModal: u
+		}), B(() => r.open, () => {
+			r.open ? u() : d();
+		}), ee(() => {
+			r.open && u();
+		}), (e, t) => (j(), g("dialog", {
+			ref_key: "dialogRef",
+			ref: s,
+			class: "modal",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": a,
+			"aria-describedby": o,
+			onCancel: U(f, ["prevent"])
+		}, [_("div", { class: O(["modal-box bg-white min-h-0 max-h-[90vh] flex flex-col overflow-hidden", R(Xe)[e.width]]) }, [
+			e.disableClose ? h("", !0) : (j(), g("button", {
+				key: 0,
+				type: "button",
+				class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
+				"aria-label": "Close",
+				onClick: d
+			}, " ✕ ")),
+			e.$slots.title ? P(e.$slots, "title", { key: 1 }) : (j(), g("h3", {
+				key: 2,
+				id: a,
+				class: "font-bold shrink-0"
+			}, I(e.modalTitle), 1)),
+			_("div", {
+				id: o,
+				class: "pt-4 flex-1 min-h-0 flex flex-col"
+			}, [P(e.$slots, "content")]),
+			_("div", $e, [P(e.$slots, "actions")])
+		], 2)], 544));
+	}
+}), Y = /* @__PURE__ */ function(e) {
+	return e.button = "button", e.submit = "submit", e.reset = "reset", e;
+}({}), tt = /* @__PURE__ */ function(e) {
+	return e.a = "a", e.button = "button", e;
+}({}), X = /* @__PURE__ */ function(e) {
+	return e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e.ghost = "ghost", e;
+}({}), nt = {
+	blank: "btn-ghost",
+	primary: "btn-primary",
+	secondary: "btn-soft btn-primary",
+	error: "btn-error",
+	ghost: "btn-ghost"
+}, rt = {
+	blank: "badge-ghost",
+	primary: "badge-primary",
+	secondary: "badge-soft badge-primary",
+	error: "badge-error",
+	ghost: "badge-ghost"
+}, it = {
+	href: { type: String },
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	tooltip: { type: String },
+	as: {
+		type: String,
+		default: tt.button
+	},
+	icon: { type: [
+		String,
+		Object,
+		Function
+	] },
+	type: {
+		type: String,
+		default: Y.button
+	},
+	outline: {
+		type: Boolean,
+		default: !1
+	},
+	color: {
+		type: String,
+		default: X.primary
+	},
+	size: {
+		type: String,
+		default: "sm"
+	},
+	square: {
+		type: Boolean,
+		default: !1
+	},
+	noBorder: {
+		type: Boolean,
+		default: !1
+	}
+}, at = ["click"], ot = {
+	icon: { type: [
+		String,
+		Object,
+		Function
+	] },
+	type: {
+		type: String,
+		default: Y.button
+	},
+	color: {
+		type: String,
+		default: X.primary
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: "sm"
+	}
+}, st = ["click"], ct = {
+	key: 1,
+	class: "whitespace-nowrap"
+}, Z = /* @__PURE__ */ x({
+	__name: "btn",
+	props: it,
+	emits: at,
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (e, t) => (j(), m(F(n.as), {
+			class: O([
+				"btn p-1 flex justify-center flex-nowrap",
+				R(nt)[n.color],
+				R(Ze)[n.size],
+				{
+					"btn-outline": n.outline,
+					"btn-square": n.square,
+					tooltip: n.tooltip,
+					"border-0": n.noBorder
+				}
+			]),
+			href: n.href,
+			type: n.type,
+			disabled: n.disabled,
+			"data-tip": n.tooltip,
+			onClick: t[0] ||= (e) => r("click")
+		}, {
+			default: V(() => [n.icon ? (j(), m(R(K), {
+				key: 0,
+				icon: n.icon
+			}, null, 8, ["icon"])) : h("", !0), e.$slots.default ? (j(), g("span", ct, [P(e.$slots, "default")])) : h("", !0)]),
+			_: 3
+		}, 8, [
+			"class",
+			"href",
+			"type",
+			"disabled",
+			"data-tip"
+		]));
+	}
+}), lt = ["type", "disabled"], ut = /* @__PURE__ */ x({
+	__name: "btn-badge",
+	props: ot,
+	emits: st,
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (e, t) => (j(), g("button", {
+			class: O([
+				"badge gap-1",
+				R(Qe)[n.size],
+				R(rt)[n.color]
+			]),
+			type: n.type,
+			disabled: n.disabled,
+			onClick: t[0] ||= (e) => r("click")
+		}, [P(e.$slots, "default"), n.icon ? (j(), m(R(K), {
+			key: 0,
+			icon: n.icon,
+			size: n.size
+		}, null, 8, ["icon", "size"])) : h("", !0)], 10, lt));
+	}
+}), dt = /* @__PURE__ */ x({
+	__name: "confirmModal",
+	props: {
+		title: {},
+		message: {},
+		confirmLabel: { default: "Ok" },
+		cancelLabel: { default: "Cancel" }
+	},
+	emits: ["closeModal"],
+	setup(e, { emit: t }) {
+		let n = t, r = (e) => {
+			n("closeModal", { confirmed: e });
+		};
+		return (t, n) => (j(), m(et, {
+			"modal-title": e.title,
+			open: !0,
+			"disable-close": !0
+		}, {
+			content: V(() => [v(I(e.message), 1)]),
+			actions: V(() => [y(R(Z), {
+				color: R(X).secondary,
+				outline: !0,
+				"aria-label": e.cancelLabel,
+				onClick: n[0] ||= (e) => r(!1)
+			}, {
+				default: V(() => [v(I(e.cancelLabel), 1)]),
+				_: 1
+			}, 8, ["color", "aria-label"]), y(R(Z), {
+				"aria-label": e.confirmLabel,
+				onClick: n[1] ||= (e) => r(!0)
+			}, {
+				default: V(() => [v(I(e.confirmLabel), 1)]),
+				_: 1
+			}, 8, ["aria-label"])]),
+			_: 1
+		}, 8, ["modal-title"]));
+	}
+}), ft = class e {
+	constructor() {
+		this.showModal = M(!1), this.modals = [];
+	}
+	openModal(e) {
+		let t = e.props.onClose, n = crypto.randomUUID(), r = e;
+		e.props.onClose = (e) => {
+			t(e), this.closeModal(n);
+		}, r.id = n, this.modals = [...this.modals, r], this.showModal.value = Date.now();
+	}
+	closeModal(e) {
+		this.modals = this.modals.filter((t) => t.id !== e), this.showModal.value = Date.now();
+	}
+	static showConfirm(e) {
+		this.getInstance().openModal({
+			component: dt,
+			props: e
+		});
+	}
+	static openModal(e) {
+		this.getInstance().openModal(e);
+	}
+	static getInstance() {
+		return this.instance ||= new e(), this.instance;
+	}
+	static closeAll() {
+		this.instance.closeAll();
+	}
+	closeAll() {
+		this.modals = [], this.showModal.value = !1;
+	}
+}, pt = /* @__PURE__ */ x({
+	__name: "modalWrapper",
+	setup(e) {
+		let t = ft.getInstance(), n = p(() => t.showModal.value ? t.modals : []);
+		return (e, t) => (j(!0), g(l, null, N(n.value, (e) => (j(), m(F(e?.component), E({
+			key: e.id,
+			ref_for: !0
+		}, e?.props, {
+			open: !0,
+			onCloseModal: e?.props?.onClose
+		}), null, 16, ["onCloseModal"]))), 128));
+	}
+}), mt = /* @__PURE__ */ x({
+	__name: "notification-message",
+	props: {
+		message: {},
+		type: {}
+	},
+	setup(e) {
+		let t = {
+			success: "alert-success",
+			error: "alert-error",
+			warning: "alert-warning",
+			info: "alert-info"
+		};
+		return (n, r) => (j(), g("div", {
+			role: "alert",
+			class: O(`alert ${t[e.type]} `)
+		}, [_("span", null, I(e.message), 1)], 2));
+	}
+}), ht = 5e3, gt = class e {
+	constructor() {
+		this.notifications = M([]), this.addNotification = (e, t = "info") => {
+			let n = {
+				id: crypto.randomUUID(),
+				duration: ht,
+				message: e,
+				type: t
+			};
+			this.notifications.value.push(n), this.removeNotificationAfterDuration(n);
+		}, this.removeNotificationAfterDuration = (e) => {
+			setTimeout(() => {
+				this.removeNotification(e.id);
+			}, e.duration);
+		}, this.removeNotification = (e) => {
+			this.notifications.value = this.notifications.value.filter((t) => t.id !== e);
+		};
+	}
+	static getInstance() {
+		return this.instance ||= new e(), this.instance;
+	}
+	static info(e) {
+		this.getInstance().addNotification(e, "info");
+	}
+	static success(e) {
+		this.getInstance().addNotification(e, "success");
+	}
+	static warning(e) {
+		this.getInstance().addNotification(e, "warning");
+	}
+	static error(e) {
+		this.getInstance().addNotification(e, "error");
+	}
+	static removeNotification(e) {
+		this.getInstance().removeNotification(e);
+	}
+}, _t = { class: "toast toast-top toast-center z-[999]" }, vt = /* @__PURE__ */ x({
+	__name: "notifications",
+	setup(e) {
+		let t = gt.getInstance();
+		return (e, n) => (j(), g("div", _t, [(j(!0), g(l, null, N(R(t).notifications.value, (e) => (j(), m(mt, E({ key: e.id }, { ref_for: !0 }, e), null, 16))), 128))]));
+	}
+}), yt = { class: "flex h-screen flex-col" }, bt = { class: "shrink-0" }, xt = { class: "navbar bg-primary text-primary-content w-full z-100" }, St = {
+	key: 0,
+	class: "navbar-start"
+}, Ct = { class: "navbar-center" }, wt = ["href"], Tt = { class: "navbar-end" }, Et = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Dt = { class: "drawer-side h-full shadow-md" }, Ot = { class: "flex-grow overflow-y-auto" }, kt = { class: "bg-base-200 p-4" }, At = /* @__PURE__ */ x({
+	__name: "shell.component",
+	props: {
+		title: {},
+		menu: {},
+		user: {},
+		version: {},
+		widthSidebar: { default: 300 }
+	},
+	emits: ["logout"],
+	setup(e, { emit: t }) {
+		let n = e, r = M(!1), i = () => {
+			r.value = !r.value;
+		}, a = t, o = p(() => n.user ? {
+			label: n.user.name,
+			items: [{
+				label: "Logout",
+				action: () => {
+					a("logout");
+				}
+			}]
+		} : null);
+		return (t, n) => (j(), g(l, null, [
+			y(vt),
+			y(R(pt)),
+			_("div", yt, [_("header", bt, [_("nav", xt, [
+				e.menu?.length ? (j(), g("div", St, [_("button", {
+					"aria-label": "open sidebar",
+					class: "btn btn-square btn-ghost p-1",
+					onClick: i
+				}, [y(R(K), { icon: R(G).Hamburger }, null, 8, ["icon"])])])) : h("", !0),
+				_("div", Ct, [_("a", {
+					class: "btn btn-ghost text-primary-content text-lg color-white",
+					href: R("/")
+				}, I(e.title), 9, wt)]),
+				_("div", Tt, [o.value ? (j(), m(R(q), E({ key: 0 }, o.value, { "btn-class": "" }), null, 16)) : h("", !0)])
+			])]), _("div", { class: O(["drawer flex-1 overflow-hidden", { "drawer-open": r.value }]) }, [
+				H(_("input", {
+					id: "app-drawer",
+					"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
+					type: "checkbox",
+					class: "drawer-toggle"
+				}, null, 512), [[oe, r.value]]),
+				_("main", Et, [P(t.$slots, "default")]),
+				_("div", Dt, [n[1] ||= _("label", {
+					for: "app-drawer",
+					"aria-label": "close sidebar",
+					class: "drawer-overlay"
+				}, null, -1), _("div", {
+					class: "menu bg-base-100 h-full flex flex-col justify-between",
+					style: A({ width: e.widthSidebar + "px" })
+				}, [_("ul", Ot, [(j(!0), g(l, null, N(e.menu, (e) => (j(), g("li", { key: e.label }, [y(R(le), { to: {
+					name: e.routerLink,
+					params: e.params
+				} }, {
+					default: V(() => [v(I(e.label), 1)]),
+					_: 2
+				}, 1032, ["to"])]))), 128))]), _("div", kt, " version: " + I(e.version), 1)], 4)])
+			], 2)])
+		], 64));
+	}
+}), Q = /* @__PURE__ */ x({
+	__name: "pagination-button.component",
+	props: {
+		currentPage: {
+			type: Number,
+			required: !0
+		},
+		page: {
+			type: Number,
+			required: !0
+		},
+		label: {
+			type: String,
+			required: !0
+		},
+		neverActive: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["updatePage", "updatePageSize"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = p(() => n.neverActive ? !1 : n.page === n.currentPage), a = p(() => n.neverActive ? X.blank : i.value ? X.primary : X.secondary), o = () => {
+			r("updatePage", n.page);
+		};
+		return (e, t) => (j(), m(R(Z), {
+			disabled: e.disabled,
+			square: !0,
+			size: "xs",
+			color: a.value,
+			onClick: t[0] ||= (e) => o()
+		}, {
+			default: V(() => [v(I(e.label), 1)]),
+			_: 1
+		}, 8, ["disabled", "color"]));
+	}
+}), jt = {
+	totalItems: {
+		type: Number,
+		default: 0
+	},
+	itemsPerPage: {
+		type: Number,
+		default: 1
+	},
+	currentPage: {
+		type: Number,
+		default: 1
+	},
+	pageSizeOptions: {
+		type: Array,
+		default: () => [
+			10,
+			20,
+			50,
+			100
+		]
+	}
+}, Mt = ["updatePage", "updatePageSize"], Nt = { class: "flex items-center justify-between gap-4" }, Pt = { class: "flex gap-1" }, Ft = { class: "flex items-center gap-4 text-xs text-base-content/60" }, It = { class: "flex items-center gap-2 whitespace-nowrap text-sm" }, Lt = ["value"], Rt = ["value"], zt = { class: "whitespace-nowrap" }, $ = 6, Bt = /* @__PURE__ */ x({
+	__name: "pagination.component",
+	props: jt,
+	emits: Mt,
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = p(() => {
+			let e = Math.ceil(n.totalItems / n.itemsPerPage);
+			return e < 1 ? 1 : e;
+		}), a = $ / 2, o = p(() => {
+			if (i.value <= $) return {
+				min: 1,
+				max: i.value
+			};
+			let e = n.currentPage - a;
+			e <= 1 ? e = 1 : e + $ > i.value && (e = i.value - $);
+			let t = e + $;
+			return {
+				min: e,
+				max: t
+			};
+		}), s = (e) => ({
+			label: "...",
+			currentPage: e,
+			page: -10,
+			disabled: !0,
+			neverActive: !0
+		}), c = p(() => {
+			let e = i.value;
+			e < 1 && (e = 1);
+			let t = n.currentPage, r = [], { min: a, max: c } = o.value;
+			return Array.from({ length: e }, (n, i) => {
+				let o = i + 1;
+				o !== 1 && o !== e && (o > c || o < a) || (o === e && e > 1 && c < e && r.push(s(t)), r.push({
+					label: `${o}`,
+					totalPages: e,
+					currentPage: t,
+					page: o
+				}), o === 1 && e > 1 && a > 1 && r.push(s(t)));
+			}), r;
+		}), u = p(() => {
+			let e = (n.currentPage - 1) * n.itemsPerPage;
+			return Math.min(e + n.itemsPerPage, n.totalItems);
+		}), d = (e) => {
+			r("updatePage", e);
+		}, f = (e) => {
+			r("updatePageSize", Number(e.target.value));
+		};
+		return (e, t) => (j(), g("div", Nt, [_("div", Pt, [
+			y(Q, E(n, {
+				page: 1,
+				label: "<<",
+				"current-page": e.currentPage,
+				"never-active": !0,
+				disabled: e.currentPage === 1,
+				onUpdatePage: d
+			}), null, 16, ["current-page", "disabled"]),
+			y(Q, E(n, {
+				page: e.currentPage - 1,
+				label: "<",
+				"current-page": e.currentPage,
+				"never-active": !0,
+				disabled: e.currentPage === 1,
+				onUpdatePage: d
+			}), null, 16, [
+				"page",
+				"current-page",
+				"disabled"
+			]),
+			(j(!0), g(l, null, N(c.value, (e) => (j(), m(Q, E({
+				key: e.page,
+				ref_for: !0
+			}, e, { onUpdatePage: d }), null, 16))), 128)),
+			y(Q, E(n, {
+				page: e.currentPage + 1,
+				label: ">",
+				"current-page": e.currentPage,
+				"never-active": !0,
+				disabled: n.currentPage === i.value,
+				onUpdatePage: d
+			}), null, 16, [
+				"page",
+				"current-page",
+				"disabled"
+			]),
+			y(Q, E(n, {
+				page: i.value,
+				label: ">>",
+				"current-page": e.currentPage,
+				"never-active": !0,
+				disabled: n.currentPage === i.value,
+				onUpdatePage: d
+			}), null, 16, [
+				"page",
+				"current-page",
+				"disabled"
+			])
+		]), _("div", Ft, [_("label", It, [t[0] ||= v(" Records per page: ", -1), _("select", {
+			class: "select select-xs select-bordered",
+			value: n.itemsPerPage,
+			onChange: f
+		}, [(j(!0), g(l, null, N(e.pageSizeOptions, (e) => (j(), g("option", {
+			key: e,
+			value: e
+		}, I(e), 9, Rt))), 128))], 40, Lt)]), _("span", zt, " Showing " + I(u.value) + " of " + I(e.totalItems) + " records", 1)])]));
+	}
+}), Vt = {
+	column: {
+		type: Object,
+		required: !0
+	},
+	sortColumn: { type: String },
+	sortDirection: { type: String }
+}, Ht = ["sort"], Ut = ["disabled"], Wt = { class: "whitespace-nowrap" }, Gt = { class: "h-4 w-4 relative" }, Kt = /* @__PURE__ */ x({
+	__name: "sort.header",
+	props: Vt,
+	emits: Ht,
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = p(() => n.column.options?.sortable !== !1), a = p(() => n.sortDirection === "asc" ? G.BarsArrowUp : G.BarsArrowDown), o = p(() => n.column.options?.sortId ?? n.column.id), s = () => {
+			i.value && r("sort", o.value);
+		};
+		return (e, t) => (j(), g("button", {
+			class: O(["flex items-center gap-2", i.value ? "cursor-pointer" : "cursor-default"]),
+			disabled: !i.value,
+			onClick: s
+		}, [_("span", Wt, I(e.column.label), 1), _("div", Gt, [i.value && e.sortColumn === o.value ? (j(), m(R(K), {
+			key: 0,
+			icon: a.value
+		}, null, 8, ["icon"])) : h("", !0)])], 10, Ut));
+	}
+}), qt = {
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	multiselect: {
+		type: Boolean,
+		default: !1
+	},
+	actions: { type: Array },
+	data: { type: Array },
+	displayColumns: {
+		type: Array,
+		required: !0
+	},
+	page: { type: Object },
+	sort: { type: Object }
+}, Jt = [
+	"updatePage",
+	"updatePageSize",
+	"sort",
+	"selectionChange"
+], Yt = { class: "border border-gray-200" }, Xt = { class: "overflow-x-auto" }, Zt = { class: "w-full text-sm" }, Qt = { class: "text-xs text-text-muted font-medium border-b border-gray-200 border-solid sticky top-0 rounded-md" }, $t = { class: "border-b border-gray-200" }, en = {
+	key: 0,
+	class: "px-3 py-1 w-10 text-left border-r border-gray-200"
+}, tn = ["checked", "indeterminate"], nn = { key: 0 }, rn = ["colspan"], an = { key: 1 }, on = ["colspan"], sn = ["ui-id"], cn = {
+	key: 0,
+	class: "py-1 px-3"
+}, ln = ["checked", "onChange"], un = {
+	class: "px-3 flex items-center gap-2 rounded-sm relative border hover:bg-gray-50 hover:border-gray-200 border-transparent max-w-56",
+	style: {
+		"min-width": "100%",
+		"min-height": "38px"
+	}
+}, dn = { class: "whitespace-nowrap overflow-hidden overflow-ellipsis" }, fn = { class: "align-middle p-0 sticky right-0 bg-white hover:bg-gray-50 shadow-[-4px_0_6px_-2px_rgba(0,0,0,0.05)]" }, pn = { class: "px-3 py-1 items-center justify-end gap-1 flex whitespace-nowrap" }, mn = { key: 0 }, hn = /* @__PURE__ */ x({
+	inheritAttrs: !1,
+	__name: "table.component",
+	props: qt,
+	emits: Jt,
+	setup(e, { emit: t }) {
+		let n = e, r = M(/* @__PURE__ */ new Set());
+		B(() => n.data, () => {
+			r.value.clear();
+		});
+		let i = p(() => !!n.data?.length && n.data.every((e) => r.value.has(e.id))), a = p(() => !!n.data?.some((e) => r.value.has(e.id)) && !i.value), o = (e) => {
+			let t = new Set(r.value);
+			t.has(e.id) ? t.delete(e.id) : t.add(e.id), r.value = t, u("selectionChange", n.data?.filter((e) => t.has(e.id)) ?? []);
+		}, s = () => {
+			i.value ? r.value = /* @__PURE__ */ new Set() : r.value = new Set(n.data?.map((e) => e.id) ?? []), u("selectionChange", n.data?.filter((e) => r.value.has(e.id)) ?? []);
+		}, c = p(() => {
+			let e = n.actions ?? [];
+			return f.value && e.push({
+				tooltip: "View",
+				icon: G.View,
+				action: x
+			}), v.value && e.push({
+				tooltip: "Edit",
+				icon: G.Edit,
+				action: S
+			}), b.value && e.push({
+				tooltip: "Delete",
+				icon: G.Delete,
+				action: C
+			}), e;
+		}), u = t, d = ie(), f = p(() => "onView" in d), v = p(() => "onEdit" in d), b = p(() => "onDelete" in d), x = (e) => {
+			d.onView?.(e);
+		}, S = (e) => {
+			d.onEdit?.(e);
+		}, C = (e) => {
+			d.onDelete?.(e);
+		}, w = (e) => {
+			u("updatePage", e);
+		}, T = (e) => {
+			u("updatePageSize", e);
+		}, D = (e) => {
+			u("sort", e);
+		};
+		return (e, t) => (j(), g("div", Yt, [_("div", Xt, [_("table", Zt, [_("thead", Qt, [_("tr", $t, [
+			e.multiselect ? (j(), g("th", en, [_("input", {
+				type: "checkbox",
+				checked: i.value,
+				indeterminate: a.value,
+				class: "cursor-pointer",
+				onChange: s
+			}, null, 40, tn)])) : h("", !0),
+			(j(!0), g(l, null, N(e.displayColumns, (t) => (j(), g("th", {
+				key: t.scope,
+				class: "relative px-3 py-1 text-left font-semibold text-text-accent hover:bg-gray-50 select-none border-r border-gray-200",
+				style: A(t.width ? {
+					width: t.width,
+					maxWidth: t.width,
+					minWidth: t.width
+				} : { minWidth: "150px" })
+			}, [y(Kt, E({ column: t }, { ref_for: !0 }, e.sort, { onSort: D }), null, 16, ["column"])], 4))), 128)),
+			t[0] ||= _("th", { class: "sticky right-0 w-10 cursor-grab rounded-tr-md visible bg-white shadow-[-4px_0_6px_-2px_rgba(0,0,0,0.05)]" }, " \xA0 ", -1)
+		])]), _("tbody", null, [e.loading ? (j(), g("tr", nn, [_("td", {
+			colspan: e.displayColumns.length + 1 + +!!e.multiselect,
+			class: "text-center p-2"
+		}, [...t[1] ||= [_("span", { class: "loading loading-bars loading-xs" }, null, -1)]], 8, rn)])) : e.data?.length ? h("", !0) : (j(), g("tr", an, [_("td", {
+			colspan: e.displayColumns.length + 1 + +!!e.multiselect,
+			class: "text-center p-8 font-bold"
+		}, " No records found ", 8, on)])), (j(!0), g(l, null, N(e.data, (t) => (j(), g("tr", {
+			key: t.id,
+			"ui-id": `table_${t.id}`,
+			class: "hover:bg-gray-100 transition-none transition-colors border-b border-gray-200"
+		}, [
+			e.multiselect ? (j(), g("td", cn, [_("input", {
+				type: "checkbox",
+				checked: r.value.has(t.id),
+				class: "cursor-pointer",
+				onChange: (e) => o(t)
+			}, null, 40, ln)])) : h("", !0),
+			(j(!0), g(l, null, N(e.displayColumns, (e) => (j(), g("td", {
+				key: e.scope,
+				class: "py-1 px-3 text-sm overflow-hidden"
+			}, [_("div", un, [_("div", dn, [(j(), m(F(e.component), E({ ref_for: !0 }, e, {
+				data: t,
+				column: e
+			}), null, 16, ["data", "column"]))])])]))), 128)),
+			_("td", fn, [_("span", pn, [(j(!0), g(l, null, N(c.value, (e) => (j(), g(l, { key: e.label }, [!e.visible || e.visible(t) ? (j(), m(Z, {
+				key: 0,
+				"aria-label": e.tooltip ?? e.label,
+				icon: e.icon,
+				color: R(X).secondary,
+				size: "xs",
+				onClick: (n) => e.action(t)
+			}, {
+				default: V(() => [e.label ? (j(), g("span", mn, I(e.label), 1)) : h("", !0)]),
+				_: 2
+			}, 1032, [
+				"aria-label",
+				"icon",
+				"color",
+				"onClick"
+			])) : h("", !0)], 64))), 128))])])
+		], 8, sn))), 128))])])]), e.page ? (j(), m(Bt, {
+			key: 0,
+			class: "p-3",
+			"total-items": e.page.count,
+			"items-per-page": e.page.pageSize,
+			"current-page": e.page.page,
+			onUpdatePage: w,
+			onUpdatePageSize: T
+		}, null, 8, [
+			"total-items",
+			"items-per-page",
+			"current-page"
+		])) : h("", !0)]));
+	}
+}), gn = {
+	data: {
+		type: Object,
+		required: !0
+	},
+	column: {
+		type: Object,
+		required: !0
+	},
+	options: { type: Object }
+}, _n = { class: "truncate" }, vn = ["href"], yn = /* @__PURE__ */ x({
+	__name: "text.cell",
+	props: gn,
+	setup(e) {
+		let t = e, n = p(() => {
+			let e = t.column.options?.dataPath ?? t.column.id, n = t.data[e];
+			if (n == null) return null;
+			let r = t.column.options?.key;
+			return r ? n[r] ?? null : t.column.options?.format === "keyValue" ? n[t.column.options.key] : n;
+		}), r = p(() => typeof n.value == "string" && n.value.startsWith("http"));
+		return (e, t) => (j(), g("div", _n, [r.value ? (j(), g("a", {
+			key: 0,
+			href: n.value,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}, I(n.value), 9, vn)) : (j(), g(l, { key: 1 }, [v(I(n.value), 1)], 64))]));
+	}
+}), bn = { class: "flex justify-center" }, xn = /* @__PURE__ */ x({
+	__name: "boolean.cell",
+	props: gn,
+	setup(e) {
+		let t = e, n = p(() => {
+			let e = t.data[t.column.id];
+			return e ? t.column.options?.format === "keyValue" ? e[t.column.options.key] : e : null;
+		});
+		return (e, t) => (j(), g("div", bn, [n.value === !0 ? (j(), m(K, {
+			key: 0,
+			icon: R(G).Check,
+			size: "sm"
+		}, null, 8, ["icon"])) : h("", !0)]));
+	}
+}), Sn = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, Cn = {}, wn = { class: "card bg-base-100 shadow-sm" }, Tn = { class: "card-body" }, En = {
+	key: 0,
+	class: "card-title"
+}, Dn = {
+	key: 1,
+	class: "card-actions justify-end"
 };
-function Vo(e, t) {
-  return r(), f("div", So, [
-    u("div", Po, [
-      e.$slots.title ? (r(), f("h2", Mo, [
-        P(e.$slots, "title")
-      ])) : _("", !0),
-      u("p", null, [
-        P(e.$slots, "default"),
-        P(e.$slots, "content")
-      ]),
-      e.$slots.actions ? (r(), f("div", Bo, [
-        P(e.$slots, "actions")
-      ])) : _("", !0)
-    ])
-  ]);
+function On(e, t) {
+	return j(), g("div", wn, [_("div", Tn, [
+		e.$slots.title ? (j(), g("h2", En, [P(e.$slots, "title")])) : h("", !0),
+		_("p", null, [P(e.$slots, "default"), P(e.$slots, "content")]),
+		e.$slots.actions ? (j(), g("div", Dn, [P(e.$slots, "actions")])) : h("", !0)
+	])]);
 }
-const Sn = /* @__PURE__ */ xo(Lo, [["render", Vo]]), Pn = (e, t) => {
-  if (!e) return null;
-  const o = (n) => {
-    e.contains(n.target) || t();
-  };
-  return document.addEventListener("click", o), o;
-}, Mn = (e) => {
-  document.removeEventListener("click", e);
-}, Bn = {
-  beforeMount(e, t) {
-    e.clickOutsideEvent = function(o) {
-      e === o.target || e.contains(o.target) || t.value(o);
-    }, document.addEventListener("click", e.clickOutsideEvent);
-  },
-  unmounted(e) {
-    document.removeEventListener("click", e.clickOutsideEvent);
-  }
+var kn = /* @__PURE__ */ Sn(Cn, [["render", On]]), An = (e, t) => {
+	if (!e) return null;
+	let n = (n) => {
+		e.contains(n.target) || t();
+	};
+	return document.addEventListener("click", n), n;
+}, jn = (e) => {
+	document.removeEventListener("click", e);
+}, Mn = {
+	beforeMount(e, t) {
+		e.clickOutsideEvent = function(n) {
+			e === n.target || e.contains(n.target) || t.value(n);
+		}, document.addEventListener("click", e.clickOutsideEvent);
+	},
+	unmounted(e) {
+		document.removeEventListener("click", e.clickOutsideEvent);
+	}
 };
-function Ao(e) {
-  return e.replace(/[:\s_-]+(.)/g, (t, o) => o.toUpperCase()).replace(/^[A-Z]/, (t) => t.toLowerCase());
+//#endregion
+//#region src/utils/hasCustomEventListener.ts
+function Nn(e) {
+	return e.replace(/[:\s_-]+(.)/g, (e, t) => t.toUpperCase()).replace(/^[A-Z]/, (e) => e.toLowerCase());
 }
-function Vn(e) {
-  const t = De();
-  if (!t)
-    return !1;
-  const o = t.vnode.props;
-  if (!o)
-    return !1;
-  const n = Ao(e), l = Re(e);
-  return [
-    re(e),
-    re(l),
-    re(n),
-    `on:${e}`,
-    `on:${l}`,
-    `on:${n}`
-  ].some(
-    (c) => !!o[c]
-  );
+function Pn(e) {
+	let t = S();
+	if (!t) return !1;
+	let n = t.vnode.props;
+	if (!n) return !1;
+	let r = Nn(e), i = f(e);
+	return [
+		L(e),
+		L(i),
+		L(r),
+		`on:${e}`,
+		`on:${i}`,
+		`on:${r}`
+	].some((e) => !!n[e]);
 }
-const Oo = ["select"], ge = {
-  options: { type: Array, required: !1 },
-  isLoading: {
-    type: Boolean,
-    default: !1
-  },
-  query: { type: String, default: null },
-  isActive: { type: Function, default: (e) => !1 }
-}, se = {
-  group: {
-    root: "group",
-    label: "text-primary text-lg font-bold",
-    item: "group-item"
-  },
-  verticalLayout: {
-    root: "flex flex-col gap-x-2",
-    item: "w-full"
-  },
-  horizontalLayout: {
-    root: "flex flex-row gap-x-2",
-    item: "w-full"
-  },
-  arrayList: {
-    root: "fieldset",
-    legend: "fieldset-legend text-xl capitalize"
-  },
-  control: {
-    root: "fieldset",
-    wrapper: "fieldset",
-    label: "fieldset-legend",
-    error: "",
-    input: "input",
-    textarea: "input h-32",
-    checkbox: "checkbox",
-    select: "input pr-14",
-    description: "form-control--description label text-xs text-gray-500"
-  },
-  fixedArrayList: {
-    root: "flex flex-row gap-x-2",
-    item: "w-full"
-  }
-}, ae = (e) => {
-  if (!e) return { ...se };
-  const t = { ...se };
-  for (const o of Object.keys(e)) {
-    const n = e[o];
-    n && typeof n == "object" && (t[o] = { ...se[o], ...n });
-  }
-  return t;
-}, K = {
-  id: { type: String },
-  placeholder: { type: String },
-  description: { type: String },
-  errors: { type: String },
-  label: { type: String },
-  visible: { type: Boolean, default: !1 },
-  required: { type: Boolean, default: !1 },
-  enabled: { type: Boolean, default: !0 },
-  isFocused: { type: Boolean, default: !1 },
-  isTouched: { type: Boolean, default: !1 },
-  hideLabel: { type: Boolean, default: !1 },
-  styles: {
-    type: Object,
-    default: () => se
-  },
-  width: { type: String, default: "w-48" }
-}, ve = {
-  ...K,
-  options: { type: Array, required: !0 },
-  /** Key to use as the display label when options are objects */
-  labelKey: { type: String, default: "label" },
-  /** Key to use as the stored
-   value when options are objects */
-  valueKey: { type: String, default: "value" },
-  /** add a new button next to the list*/
-  enableCreate: { type: Boolean, default: !1 }
-}, Io = ["select", "clear", "close", "create"], Ve = {
-  ...ge,
-  ...ve,
-  isOpen: { type: Boolean, default: !1 },
-  isActive: { type: Function, default: (e) => !1 }
-}, Do = {
-  key: 1,
-  tabindex: "-1",
-  class: "pointer-events-none"
-}, Ro = ["data-index", "aria-selected", "onMousedown", "onMousemove"], To = ["innerHTML"], Eo = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  class: "h-4 w-4 shrink-0 opacity-80",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-width": "2.5"
+//#endregion
+//#region src/form/text/MarkdownFallback.vue?vue&type=script&setup=true&lang.ts
+var Fn = [
+	"id",
+	"aria-label",
+	"value"
+], In = /* @__PURE__ */ x({
+	__name: "MarkdownFallback",
+	props: /* @__PURE__ */ T(e, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T(a, ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = z(e, "modelValue"), a = (e) => {
+			let t = e.target.value;
+			i.value = t, r("change", t);
+		};
+		return (e, t) => (j(), m(c, k(C(n)), {
+			default: V(() => [_("textarea", {
+				id: e.id,
+				"aria-label": e.id,
+				class: O([[e.minHeight, e.width], "textarea textarea-bordered w-full font-mono text-sm"]),
+				value: i.value ?? "",
+				onInput: a
+			}, null, 42, Fn)]),
+			_: 1
+		}, 16));
+	}
+}), Ln = ["select"], Rn = {
+	options: {
+		type: Array,
+		required: !1
+	},
+	isLoading: {
+		type: Boolean,
+		default: !1
+	},
+	query: {
+		type: String,
+		default: void 0
+	},
+	isActive: {
+		type: Function,
+		default: (e) => !1
+	},
+	teleported: {
+		type: Boolean,
+		default: !1
+	}
+}, zn = {
+	...s,
+	options: {
+		type: Array,
+		required: !0
+	},
+	labelKey: {
+		type: String,
+		default: "label"
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	enableCreate: {
+		type: Boolean,
+		default: !1
+	},
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	value: {
+		type: null,
+		default: void 0
+	}
+}, Bn = [
+	"select",
+	"clear",
+	"close",
+	"create"
+], Vn = {
+	...Rn,
+	...zn,
+	isOpen: {
+		type: Boolean,
+		default: !1
+	},
+	isActive: {
+		type: Function,
+		default: (e) => !1
+	}
+}, Hn = {
+	key: 1,
+	tabindex: "-1",
+	class: "pointer-events-none"
+}, Un = [
+	"data-index",
+	"aria-selected",
+	"aria-disabled",
+	"onMousedown",
+	"onMousemove"
+], Wn = ["innerHTML"], Gn = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	class: "h-4 w-4 shrink-0 opacity-80 text-primary",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	stroke: "currentColor",
+	"stroke-width": "2.5"
 };
-function zo(e, t) {
-  if (!t) return e;
-  const o = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  return e.replace(
-    new RegExp(`(${o})`, "gi"),
-    '<mark class="bg-warning/40 text-inherit rounded-sm px-0.5">$1</mark>'
-  );
+function Kn(e, t, n) {
+	if (e || !n) return t;
+	let r = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	return t.replace(RegExp(`(${r})`, "gi"), "<mark class=\"bg-warning/40 text-inherit rounded-sm px-0.5\">$1</mark>");
 }
-const No = /* @__PURE__ */ k({
-  __name: "ListResults",
-  props: ge,
-  emits: Oo,
-  setup(e, { expose: t, emit: o }) {
-    const n = e, l = x(-1), a = x(), c = o;
-    j(
-      () => n.options,
-      () => {
-        l.value = -1;
-      }
-    );
-    function d() {
-      xe(() => {
-        a.value?.querySelector(
-          `[data-index="${l.value}"]`
-        )?.scrollIntoView({ block: "nearest" });
-      });
-    }
-    function p(s) {
-      const m = n.options?.length ?? 0;
-      if (m)
-        switch (s.key) {
-          case "ArrowDown":
-            s.preventDefault(), l.value = (l.value + 1) % m, d();
-            break;
-          case "ArrowUp":
-            s.preventDefault(), l.value = l.value <= 0 ? m - 1 : l.value - 1, d();
-            break;
-          case "Enter":
-            s.preventDefault(), l.value >= 0 && l.value < m && i(n.options[l.value]);
-            break;
-        }
-    }
-    function i(s) {
-      l.value = -1, c("select", s);
-    }
-    return t({ handleKeydown: p }), (s, m) => (r(), f("ul", {
-      ref_key: "listRef",
-      ref: a,
-      role: "listbox",
-      class: "absolute z-50 w-full mt-1 bg-base-100 border border-base-300 rounded-box shadow-xl overflow-auto max-h-64 origin-top p-1"
-    }, [
-      s.isLoading ? (r(), f(L, { key: 0 }, M(2, (b) => u("li", {
-        key: `skel-${b}`,
-        class: "pointer-events-none px-3 py-2"
-      }, [...m[0] || (m[0] = [
-        u("div", { class: "flex items-center gap-3" }, [
-          u("div", { class: "skeleton h-3 w-3/4 rounded" })
-        ], -1)
-      ])])), 64)) : s.options?.length === 0 ? (r(), f("li", Do, [...m[1] || (m[1] = [
-        u("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)
-      ])])) : (r(!0), f(L, { key: 2 }, M(s.options, (b, h) => (r(), f("li", {
-        key: b.value,
-        "data-index": h,
-        role: "option",
-        "aria-selected": h === l.value,
-        onMousedown: le((D) => i(b), ["prevent"]),
-        onMousemove: (D) => l.value = h
-      }, [
-        u("a", {
-          class: $(["flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm transition-colors duration-100", {
-            "active bg-secondary text-primary-content": h === l.value,
-            "hover:bg-base-200": h !== l.value
-          }])
-        }, [
-          u("span", {
-            class: "whitespace-nowrap",
-            innerHTML: zo(b.label, s.query)
-          }, null, 8, To),
-          s.isActive(b) ? (r(), f("svg", Eo, [...m[2] || (m[2] = [
-            u("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              d: "M5 13l4 4L19 7"
-            }, null, -1)
-          ])])) : _("", !0)
-        ], 2)
-      ], 40, Ro))), 128))
-    ], 512));
-  }
-}), Ae = ({ isTouched: e, errors: t }) => !!(e && t), qo = (e, t, o, n) => t === void 0 || t !== void 0 && !e || !n && !o, U = (e, t) => [e, { "input-error": Ae(t) }], jo = { key: 0 }, Z = /* @__PURE__ */ k({
-  __name: "ControlWrapper",
-  props: K,
-  setup(e) {
-    const t = e, o = v(() => !qo(
-      t.visible,
-      t.description,
-      t.isFocused,
-      !0
-    )), n = v(() => t.required), l = v(() => Ae(t)), a = v(() => ae(t.styles));
-    return (c, d) => (r(), f("fieldset", {
-      class: $(["fieldset", [c.width, a.value.control.wrapper]])
-    }, [
-      u("legend", {
-        class: $(a.value.control.label)
-      }, [
-        c.hideLabel ? _("", !0) : (r(), f(L, { key: 0 }, [
-          u("span", null, w(c.label), 1),
-          n.value ? (r(), f("span", jo, "*")) : _("", !0)
-        ], 64)),
-        d[0] || (d[0] = E("   ", -1))
-      ], 2),
-      P(c.$slots, "default"),
-      u("p", {
-        class: $(["fieldset-label h-4", { "text-error": l.value }])
-      }, w(l.value ? c.errors : o.value ? c.description : null), 3)
-    ], 2));
-  }
-}), Fo = ["aria-label"], Ko = { class: "flex items-center w-full" }, Uo = { class: "overflow-hidden w-full" }, Ho = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, Wo = {
-  key: 0,
-  class: "loading loading-spinner loading-xs text-primary pointer-events-none"
-}, he = /* @__PURE__ */ k({
-  __name: "SelectWrapper",
-  props: Ve,
-  emits: Io,
-  setup(e, { emit: t }) {
-    const o = e, n = x(), l = x(), a = t, c = () => {
-      d(), a("clear");
-    }, d = () => {
-      a("close");
-    }, p = (s) => {
-      if (s.key === "Escape") {
-        d();
-        return;
-      }
-      l.value?.handleKeydown(s);
-    }, i = (s) => {
-      n.value && !n.value.contains(s.target) && d();
-    };
-    return $e(() => {
-      document.addEventListener("click", i);
-    }), _e(() => {
-      document.removeEventListener("click", i);
-    }), (s, m) => (r(), f("div", {
-      ref_key: "selectWrapperRef",
-      ref: n,
-      "aria-label": s.id,
-      role: "select"
-    }, [
-      V(Z, ee(te(o)), {
-        default: S(() => [
-          u("div", Ko, [
-            u("div", {
-              class: "relative w-full",
-              onKeydown: p
-            }, [
-              u("div", Uo, [
-                P(s.$slots, "default")
-              ]),
-              u("div", Ho, [
-                s.isLoading && !s.label ? (r(), f("span", Wo)) : _("", !0),
-                s.query && !s.isLoading ? (r(), f("button", {
-                  key: 1,
-                  type: "button",
-                  class: "pointer-events-auto btn btn-ghost btn-xs btn-circle opacity-60 hover:opacity-100",
-                  tabindex: "-1",
-                  "aria-label": "Clear",
-                  onMousedown: le(c, ["prevent"])
-                }, [...m[2] || (m[2] = [
-                  u("svg", {
-                    xmlns: "http://www.w3.org/2000/svg",
-                    class: "h-3.5 w-3.5",
-                    fill: "none",
-                    viewBox: "0 0 24 24",
-                    stroke: "currentColor",
-                    "stroke-width": "2.5"
-                  }, [
-                    u("path", {
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round",
-                      d: "M6 18L18 6M6 6l12 12"
-                    })
-                  ], -1)
-                ])], 32)) : _("", !0),
-                (r(), f("svg", {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  class: $(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": s.isOpen }]),
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  "stroke-width": "2"
-                }, [...m[3] || (m[3] = [
-                  u("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M19 9l-7 7-7-7"
-                  }, null, -1)
-                ])], 2))
-              ]),
-              V(Te, {
-                "enter-active-class": "transition-all duration-150 ease-out",
-                "enter-from-class": "opacity-0 -translate-y-1 scale-y-95",
-                "enter-to-class": "opacity-100 translate-y-0 scale-y-100",
-                "leave-active-class": "transition-all duration-100 ease-in",
-                "leave-from-class": "opacity-100 translate-y-0 scale-y-100",
-                "leave-to-class": "opacity-0 -translate-y-1 scale-y-95"
-              }, {
-                default: S(() => [
-                  s.isOpen ? (r(), y(No, {
-                    key: 0,
-                    ref_key: "listResultsRef",
-                    ref: l,
-                    query: s.query,
-                    options: s.options,
-                    "is-loading": s.isLoading,
-                    "is-active": s.isActive,
-                    onSelect: m[0] || (m[0] = (b) => a("select", b))
-                  }, null, 8, ["query", "options", "is-loading", "is-active"])) : _("", !0)
-                ]),
-                _: 1
-              })
-            ], 32),
-            s.enableCreate ? (r(), y(N, {
-              key: 0,
-              icon: g(R).Plus,
-              color: g(z).blank,
-              size: "lg",
-              tooltip: "Create new",
-              "aria-label": "create",
-              onClick: m[1] || (m[1] = (b) => a("create"))
-            }, null, 8, ["icon", "color"])) : _("", !0)
-          ])
-        ]),
-        _: 3
-      }, 16)
-    ], 8, Fo));
-  }
-}), ue = (e, t) => {
-  if (e)
-    return typeof e == "object" ? e[t.labelKey] : e;
-}, ie = (e, t) => {
-  if (e)
-    return typeof e == "object" ? e[t.valueKey] : e;
-}, Go = (e) => {
-  const t = x([]), o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), l = (s) => {
-    const m = [];
-    o.clear(), n.clear(), s?.forEach((b) => {
-      const h = {
-        value: ie(b, e),
-        label: ue(b, e)
-      };
-      o.set(h.value, b), n.set(h.value, h), m.push(h);
-    }), t.value = m;
-  }, a = (s) => o.get(s.value);
-  return {
-    options: t,
-    setOptions: l,
-    getOriginal: a,
-    getLabels: (...s) => s.map((m) => ue(m, e)),
-    getValues: (...s) => s.map((m) => ie(m, e)),
-    getOption: (s) => n.get(ie(s, e)),
-    getOriginals: (...s) => s.map(a).filter(Boolean)
-  };
-}, ye = (e) => Go(e), Xo = ["aria-label"], An = /* @__PURE__ */ k({
-  __name: "SelectComponent",
-  props: /* @__PURE__ */ I(ve, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = x(!1), n = e, l = t, a = F(e, "modelValue"), c = ye(n), { options: d } = c;
-    j(
-      () => n.options,
-      () => {
-        c.setOptions(n.options);
-      },
-      { immediate: !0 }
-    );
-    const p = (A) => {
-      l("change", A);
-    }, i = v(
-      () => a.value ? c.getLabels(a.value)[0] : ""
-    ), s = v(() => ae(n.styles)), m = v(
-      () => U(s.value.control.select, n)
-    ), b = (A) => {
-      const C = c.getOriginal(A);
-      a.value = C, p(C);
-    }, h = () => {
-      o.value = !1, a.value = null, p(void 0);
-    }, D = (A) => c.getValues(a.value)?.[0] === A.value, H = () => {
-      o.value = !1;
-    };
-    return (A, C) => (r(), y(he, B(n, {
-      options: g(d),
-      disabled: !A.enabled,
-      "is-open": o.value,
-      query: i.value,
-      "is-active": D,
-      onClose: H,
-      onSelect: b,
-      onClear: h
-    }), {
-      default: S(() => [
-        u("button", {
-          type: "button",
-          class: $(["truncate block text-left", [m.value, A.width]]),
-          "aria-label": A.id,
-          role: "combobox",
-          onClick: C[0] || (C[0] = (T) => o.value = !0)
-        }, w(i.value ?? "Select value"), 11, Xo)
-      ]),
-      _: 1
-    }, 16, ["options", "disabled", "is-open", "query"]));
-  }
-}), Zo = {
-  ...ve,
-  ...ge,
-  /** v-model binding */
-  modelValue: {
-    type: [String, Object],
-    default: ""
-  },
-  /**
-   * HTTP mode: async function that receives the search string and returns
-   * an array of strings or { label, value } objects.
-   * e.g. :fetchOptions="(q) => fetch(`/api/search?q=${q}`).then(r => r.json())"
-   */
-  fetchOptions: {
-    type: Function,
-    default: null
-  },
-  /** Debounce delay in ms for HTTP mode */
-  debounceMs: {
-    type: Number,
-    default: 200
-  },
-  /** How many results to show at once */
-  maxResults: {
-    type: Number,
-    default: 8
-  },
-  /** Allow free-text (don't clear input if nothing selected) */
-  freeText: {
-    type: Boolean,
-    default: !1
-  }
+//#endregion
+//#region src/form/select/ListResults.vue
+var qn = /* @__PURE__ */ x({
+	__name: "ListResults",
+	props: Rn,
+	emits: Ln,
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = M(-1), a = M(), o = n;
+		B(() => r.options, () => {
+			i.value = -1;
+		});
+		function s() {
+			D(() => {
+				(a.value?.querySelector(`[data-index="${i.value}"]`))?.scrollIntoView({ block: "nearest" });
+			});
+		}
+		function c(e) {
+			let t = r.options?.length ?? 0;
+			if (t) switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), i.value = (i.value + 1) % t, s();
+					break;
+				case "ArrowUp":
+					e.preventDefault(), i.value = i.value <= 0 ? t - 1 : i.value - 1, s();
+					break;
+				case "Enter":
+					if (e.preventDefault(), i.value >= 0 && i.value < t) {
+						let e = r.options[i.value];
+						e.disabled || u(e);
+					}
+					break;
+			}
+		}
+		function u(e) {
+			i.value = -1, o("select", e);
+		}
+		return t({ handleKeydown: c }), (e, t) => (j(), g("ul", {
+			ref_key: "listRef",
+			ref: a,
+			role: "listbox",
+			"data-select-listbox": "",
+			class: O(["bg-base-100 border border-base-300 rounded-box shadow-xl overflow-auto max-h-72 origin-top p-1", e.teleported ? "" : "absolute z-50 w-full mt-1"])
+		}, [e.isLoading ? (j(), g(l, { key: 0 }, N(2, (e) => _("li", {
+			key: `skel-${e}`,
+			class: "pointer-events-none px-3 py-2"
+		}, [...t[0] ||= [_("div", { class: "flex items-center gap-3" }, [_("div", { class: "skeleton h-3 w-3/4 rounded" })], -1)]])), 64)) : e.options?.length === 0 ? (j(), g("li", Hn, [...t[1] ||= [_("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)]])) : (j(!0), g(l, { key: 2 }, N(e.options, (n, r) => (j(), g("li", {
+			key: n.value,
+			"data-index": r,
+			role: "option",
+			"aria-selected": r === i.value,
+			"aria-disabled": n.disabled,
+			onMousedown: U((e) => !n.disabled && u(n), ["prevent"]),
+			onMousemove: (e) => !n.disabled && (i.value = r)
+		}, [_("a", { class: O(["text-sm flex items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm text-base-content no-underline transition-colors duration-100", {
+			"opacity-40 cursor-not-allowed": n.disabled,
+			"cursor-pointer": !n.disabled,
+			"bg-base-200": !n.disabled && r === i.value,
+			"bg-base-300": e.isActive(n),
+			"hover:bg-base-200": !n.disabled && r !== i.value
+		}]) }, [_("span", {
+			class: "whitespace-nowrap",
+			innerHTML: Kn(e.isActive(n), n.label, e.query)
+		}, null, 8, Wn), e.isActive(n) ? (j(), g("svg", Gn, [...t[2] ||= [_("path", {
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "M5 13l4 4L19 7"
+		}, null, -1)]])) : h("", !0)], 2)], 40, Un))), 128))], 2));
+	}
+}), Jn = ["aria-label"], Yn = { class: "flex items-center w-full" }, Xn = { class: "overflow-hidden w-full" }, Zn = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, Qn = {
+	key: 0,
+	class: "loading loading-spinner loading-xs text-primary pointer-events-none"
+}, $n = /* @__PURE__ */ x({
+	__name: "SelectWrapper",
+	props: Vn,
+	emits: Bn,
+	setup(e, { emit: t }) {
+		let n = e, r = M(), i = M(), a = M(), o = t, s = M("body"), l = p(() => {
+			let e = i.value ?? r.value;
+			if (!e) return {};
+			let t = e.getBoundingClientRect();
+			return {
+				position: "fixed",
+				zIndex: 9999,
+				top: `${t.bottom + 4}px`,
+				left: `${t.left}px`,
+				width: `${t.width}px`
+			};
+		}), f = () => {
+			v(), o("clear");
+		}, v = () => {
+			o("close");
+		}, b = (e) => {
+			if (e.key === "Escape") {
+				v();
+				return;
+			}
+			a.value?.handleKeydown(e);
+		}, x = (e) => {
+			r.value && !r.value.contains(e.target) && v();
+		};
+		return ee(() => {
+			document.addEventListener("click", x);
+			let e = r.value?.closest("dialog");
+			e && (s.value = e);
+		}), te(() => {
+			document.removeEventListener("click", x);
+		}), (e, t) => (j(), g("div", {
+			ref_key: "selectWrapperRef",
+			ref: r,
+			"aria-label": e.id,
+			role: "select"
+		}, [y(c, k(C(n)), {
+			default: V(() => [_("div", Yn, [_("div", {
+				ref_key: "inputWrapperRef",
+				ref: i,
+				class: "relative w-full",
+				onKeydown: b
+			}, [
+				_("div", Xn, [P(e.$slots, "default")]),
+				_("div", Zn, [
+					e.isLoading && !e.label ? (j(), g("span", Qn)) : h("", !0),
+					e.query && !e.isLoading && e.clearable ? (j(), g("button", {
+						key: 1,
+						type: "button",
+						class: "pointer-events-auto btn btn-ghost btn-xs btn-circle opacity-60 hover:opacity-100",
+						tabindex: "-1",
+						"aria-label": "Clear",
+						onMousedown: U(f, ["prevent"])
+					}, [...t[2] ||= [_("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: "h-3.5 w-3.5",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						"stroke-width": "2.5"
+					}, [_("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						d: "M6 18L18 6M6 6l12 12"
+					})], -1)]], 32)) : h("", !0),
+					(j(), g("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						class: O(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": e.isOpen }]),
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						"stroke-width": "2"
+					}, [...t[3] ||= [_("path", {
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						d: "M19 9l-7 7-7-7"
+					}, null, -1)]], 2))
+				]),
+				(j(), m(u, { to: s.value }, [y(d, {
+					"enter-active-class": "transition-all duration-150 ease-out",
+					"enter-from-class": "opacity-0 -translate-y-1 scale-y-95",
+					"enter-to-class": "opacity-100 translate-y-0 scale-y-100",
+					"leave-active-class": "transition-all duration-100 ease-in",
+					"leave-from-class": "opacity-100 translate-y-0 scale-y-100",
+					"leave-to-class": "opacity-0 -translate-y-1 scale-y-95"
+				}, {
+					default: V(() => [e.isOpen ? (j(), m(qn, {
+						key: 0,
+						ref_key: "listResultsRef",
+						ref: a,
+						teleported: !0,
+						style: A(l.value),
+						query: void 0,
+						options: e.options,
+						"is-loading": e.isLoading,
+						"is-active": e.isActive,
+						onSelect: t[0] ||= (e) => o("select", e)
+					}, null, 8, [
+						"style",
+						"options",
+						"is-loading",
+						"is-active"
+					])) : h("", !0)]),
+					_: 1
+				})], 8, ["to"]))
+			], 544), e.enableCreate ? (j(), m(Z, {
+				key: 0,
+				icon: R(G).Plus,
+				color: R(X).blank,
+				size: "lg",
+				tooltip: "Create new",
+				"aria-label": "create",
+				onClick: t[1] ||= (e) => o("create")
+			}, null, 8, ["icon", "color"])) : h("", !0)])]),
+			_: 3
+		}, 16)], 8, Jn));
+	}
+}), er = (e, t) => {
+	if (e) return typeof e == "object" ? e[t.labelKey] : e;
+}, tr = (e, t) => {
+	if (e) return typeof e == "object" ? e[t.valueKey] : e;
+}, nr = (e) => {
+	let t = M([]), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = (i) => {
+		let a = [];
+		n.clear(), r.clear(), i?.forEach((t) => {
+			let i = {
+				value: tr(t, e),
+				label: er(t, e),
+				...t?.disabled !== void 0 && { disabled: !!t.disabled }
+			};
+			n.set(i.value, t), r.set(i.value, i), a.push(i);
+		}), t.value = a;
+	}, a = (e) => n.get(e.value);
+	return {
+		options: t,
+		setOptions: i,
+		getOriginal: a,
+		getLabels: (...t) => t.map((t) => t != null && typeof t != "object" ? r.get(String(t))?.label ?? String(t) : er(t, e)),
+		getValues: (...t) => t.map((t) => tr(t, e)),
+		getOption: (t) => r.get(tr(t, e)),
+		getOriginals: (...e) => e.map(a).filter(Boolean)
+	};
+}, rr = (e) => nr(e), ir = ["aria-label"], ar = /* @__PURE__ */ x({
+	__name: "SelectComponent",
+	props: /* @__PURE__ */ T(zn, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T([
+		"update:modelValue",
+		"change",
+		"clear",
+		"focus",
+		"blur"
+	], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let r = M(!1), a = e, o = n, s = z(e, "modelValue"), c = rr(a), { options: l } = c;
+		B(() => a.options, () => {
+			c.setOptions(a.options);
+		}, { immediate: !0 });
+		let u = (e) => {
+			o("change", e);
+		}, d = p(() => s.value ?? a.value), f = p(() => d.value ? c.getLabels(d.value)[0] : ""), h = p(() => t(a.styles)), g = p(() => i(h.value.control.select, a)), v = (e) => {
+			let t = c.getOriginal(e);
+			s.value = t, r.value = !1, u(t);
+		}, y = () => {
+			r.value = !1, s.value = null, u(void 0);
+		}, b = (e) => c.getValues(d.value)?.[0] === e.value, x = () => {
+			r.value = !1;
+		};
+		return (e, t) => (j(), m($n, E(a, {
+			options: R(l),
+			disabled: !e.enabled,
+			"is-open": r.value,
+			query: f.value,
+			"is-active": b,
+			clearable: a.clearable,
+			onClose: x,
+			onSelect: v,
+			onClear: y
+		}), {
+			default: V(() => [_("button", {
+				type: "button",
+				class: O(["truncate block text-left", [g.value, e.width]]),
+				"aria-label": e.id,
+				role: "combobox",
+				onClick: t[0] ||= (e) => r.value = !0
+			}, I(f.value ?? "Select value"), 11, ir)]),
+			_: 1
+		}, 16, [
+			"options",
+			"disabled",
+			"is-open",
+			"query",
+			"clearable"
+		]));
+	}
+}), or = {
+	...zn,
+	...Rn,
+	modelValue: {
+		type: [String, Object],
+		default: ""
+	},
+	fetchOptions: {
+		type: Function,
+		default: null
+	},
+	debounceMs: {
+		type: Number,
+		default: 200
+	},
+	maxResults: {
+		type: Number,
+		default: 8
+	},
+	freeText: {
+		type: Boolean,
+		default: !1
+	}
 };
-function Jo(e) {
-  const t = x([]), o = x(!1);
-  function n(a) {
-    if (!e.options) {
-      t.value = [];
-      return;
-    }
-    const c = a.toLowerCase(), d = c ? e.options.filter(
-      (p) => ue(p, e).toLowerCase().includes(c)
-    ) : e.options;
-    t.value = d.slice(0, e.maxResults);
-  }
-  function l() {
-    t.value = [];
-  }
-  return { results: t, isLoading: o, search: n, clear: l };
+//#endregion
+//#region src/form/select/composables/useSearch.ts
+function sr(e) {
+	let t = M([]), n = M(!1);
+	function r(n) {
+		if (!e.options) {
+			t.value = [];
+			return;
+		}
+		let r = n.toLowerCase();
+		t.value = (r ? e.options.filter((t) => er(t, e).toLowerCase().includes(r)) : e.options).slice(0, e.maxResults);
+	}
+	function i() {
+		t.value = [];
+	}
+	return {
+		results: t,
+		isLoading: n,
+		search: r,
+		clear: i
+	};
 }
-function Qo(e) {
-  const t = x([]), o = x(!1);
-  let n = null, l = null;
-  async function a(p) {
-    l && l.abort(), l = new AbortController(), o.value = !0;
-    try {
-      const i = await e.fetchOptions(p, l.signal);
-      t.value = (i || []).slice(0, e.maxResults);
-    } catch (i) {
-      i.name !== "AbortError" && (t.value = []);
-    } finally {
-      o.value = !1;
-    }
-  }
-  function c(p) {
-    n && clearTimeout(n), o.value = !0, n = setTimeout(() => {
-      a(p);
-    }, e.debounceMs);
-  }
-  function d() {
-    n && clearTimeout(n), l && l.abort(), t.value = [], o.value = !1;
-  }
-  return { results: t, isLoading: o, search: c, clear: d };
+function cr(e) {
+	let t = M([]), n = M(!1), r = null, i = null;
+	async function a(r) {
+		i && i.abort(), i = new AbortController(), n.value = !0;
+		try {
+			t.value = (await e.fetchOptions(r, i.signal) || []).slice(0, e.maxResults);
+		} catch (e) {
+			e.name !== "AbortError" && (t.value = []);
+		} finally {
+			n.value = !1;
+		}
+	}
+	function o(t) {
+		r && clearTimeout(r), n.value = !0, r = setTimeout(() => {
+			a(t);
+		}, e.debounceMs);
+	}
+	function s() {
+		r && clearTimeout(r), i && i.abort(), t.value = [], n.value = !1;
+	}
+	return {
+		results: t,
+		isLoading: n,
+		search: o,
+		clear: s
+	};
 }
-function Yo(e) {
-  const t = e.fetchOptions ? Qo(e) : Jo(e);
-  function o(n) {
-    t.search(n);
-  }
-  return {
-    results: t.results,
-    isLoading: t.isLoading,
-    triggerSearch: o,
-    clear: t.clear
-  };
+function lr(e) {
+	let t = e.fetchOptions ? cr(e) : sr(e);
+	function n(e) {
+		t.search(e);
+	}
+	return {
+		results: t.results,
+		isLoading: t.isLoading,
+		triggerSearch: n,
+		clear: t.clear
+	};
 }
-const es = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"], On = /* @__PURE__ */ k({
-  __name: "AutoComplete",
-  props: Zo,
-  emits: ["update:modelValue", "change", "clear", "focus", "blur"],
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = x(null), a = x(""), c = x(!1), d = Yo(o), { isLoading: p, triggerSearch: i, clear: s } = d, m = ye(o), { options: b } = m;
-    j(
-      () => d.results.value,
-      () => {
-        m.setOptions(d.results.value);
-      },
-      { immediate: !0 }
-    ), j(
-      () => o.modelValue,
-      (O) => {
-        if (O == null || O === "") {
-          a.value = "";
-          return;
-        }
-        const G = typeof O == "object" ? O[o.labelKey] : O;
-        G !== a.value && (a.value = G);
-      },
-      { immediate: !0 }
-    );
-    const h = (O) => {
-      a.value = O.target.value, o.freeText ? n("update:modelValue", a.value) : n("update:modelValue", ""), i(a.value), c.value = !0;
-    }, D = () => {
-      i(a.value), c.value = !0;
-    };
-    function H() {
-      setTimeout(() => {
-        c.value = !1, o.freeText ? n("change", a.value) : o.modelValue || (a.value = "");
-      }, 150);
-    }
-    const A = (O) => {
-      const G = m.getOriginal(O);
-      a.value = O.label, c.value = !1, n("update:modelValue", G), n("change", G);
-    }, C = () => {
-      a.value = "", s(), c.value = !1, n("update:modelValue", ""), n("clear"), xe(() => l.value?.focus());
-    }, T = () => {
-      c.value = !1;
-    }, W = v(() => ae(o.styles)), Oe = v(
-      () => U(W.value.control.select, o)
-    );
-    return (O, G) => (r(), y(he, B(o, {
-      options: g(b),
-      "is-loading": g(p),
-      "is-open": c.value,
-      query: a.value,
-      onClose: T,
-      onSelect: A,
-      onClear: C
-    }), {
-      default: S(() => [
-        u("input", {
-          ref_key: "inputRef",
-          ref: l,
-          type: "text",
-          role: "combobox",
-          "aria-label": O.id,
-          "aria-expanded": c.value,
-          "aria-autocomplete": "list",
-          "aria-haspopup": "listbox",
-          autocomplete: "off",
-          autocorrect: "off",
-          spellcheck: "false",
-          class: $([Oe.value, "w-full"]),
-          value: a.value,
-          placeholder: O.placeholder,
-          disabled: !O.enabled,
-          onInput: h,
-          onFocus: D,
-          onBlur: H
-        }, null, 42, es)
-      ]),
-      _: 1
-    }, 16, ["options", "is-loading", "is-open", "query"]));
-  }
-}), ts = ["aria-label"], In = /* @__PURE__ */ k({
-  __name: "MultiSelect",
-  props: /* @__PURE__ */ I(Ve, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = x(!1), n = e, l = t, a = F(e, "modelValue"), c = (C) => {
-      l("change", C);
-    }, d = ye(n), { options: p } = d;
-    j(
-      () => n.options,
-      () => {
-        d.setOptions(n.options);
-      },
-      { immediate: !0 }
-    );
-    const i = v(
-      () => a.value ? d.getLabels(...a.value).join(", ") : void 0
-    ), s = v(
-      () => d.getValues(...a.value ?? [])
-    ), m = (C) => {
-      let T = a.value ?? [];
-      if (D(C))
-        T = T.filter(
-          (W) => d.getOption(W)?.value !== C.value
-        );
-      else {
-        const W = d.getOriginal(C);
-        T.push(W);
-      }
-      a.value = T, c(T);
-    }, b = () => {
-      o.value = !1, a.value = [], c([]);
-    }, h = () => {
-      o.value = !1;
-    }, D = (C) => s.value?.includes(C.value) ?? !1, H = v(() => ae(n.styles)), A = v(
-      () => U(H.value.control.select, n)
-    );
-    return (C, T) => (r(), y(he, B(n, {
-      options: g(p),
-      "is-open": o.value,
-      disabled: !C.enabled,
-      query: i.value,
-      "is-active": D,
-      onClose: h,
-      onSelect: m,
-      onClear: b
-    }), {
-      default: S(() => [
-        u("button", {
-          type: "button",
-          class: $(["truncate block text-left", [A.value, C.width]]),
-          "aria-label": C.id,
-          role: "combobox",
-          onClick: T[0] || (T[0] = (W) => o.value = !0)
-        }, w(i.value ?? "Select value"), 11, ts)
-      ]),
-      _: 1
-    }, 16, ["options", "is-open", "disabled", "query"]));
-  }
-}), os = ["change"], ss = {
-  ...K,
-  width: { type: String, default: "w-48" },
-  minHeight: { type: String, default: "min-h-[50vh]" },
-  actions: {
-    type: Object,
-    default: () => [
-      {
-        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()
-      }
-    ]
-  }
-}, ns = ["aria-label"], ls = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, as = ["title", "onClick"], rs = ["innerHTML"], is = { class: "card-body p-3" }, Dn = /* @__PURE__ */ k({
-  __name: "Markdown",
-  props: /* @__PURE__ */ I(ss, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(os, ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = F(e, "modelValue"), a = it({
-      content: l.value ?? "",
-      extensions: [
-        rt.configure({
-          heading: !1,
-          blockquote: !1,
-          bulletList: !1,
-          orderedList: !1,
-          listItem: !1,
-          code: !1,
-          codeBlock: !1,
-          horizontalRule: !1,
-          hardBreak: !1
-        }),
-        ct.configure({
-          html: !1,
-          transformPastedText: !0
-          // parse markdown on paste
-        })
-      ],
-      onUpdate({ editor: c }) {
-        const d = c.storage.markdown.getMarkdown();
-        l.value = d, n("change", d);
-      }
-    });
-    return Ee(() => {
-      a.value?.destroy();
-    }), (c, d) => (r(), y(Z, ee(te(o)), {
-      default: S(() => [
-        u("div", {
-          class: $([[c.minHeight], "card bg-base-100 border border-base-300 w-full"]),
-          "aria-label": c.id,
-          role: "textbox"
-        }, [
-          u("div", ls, [
-            (r(!0), f(L, null, M(c.actions, (p) => (r(), f("button", {
-              key: p.name,
-              tabindex: "-1",
-              type: "button",
-              class: $(["btn btn-sm btn-ghost", { "btn-active": g(a)?.isActive(p.name) }]),
-              title: p.label,
-              onClick: (i) => p.action(g(a))
-            }, [
-              u("span", {
-                innerHTML: p.label
-              }, null, 8, rs)
-            ], 10, as))), 128))
-          ]),
-          u("div", is, [
-            V(g(ut), {
-              editor: g(a),
-              class: "prose prose-sm max-w-none h-full"
-            }, null, 8, ["editor"])
-          ])
-        ], 10, ns)
-      ]),
-      _: 1
-    }, 16));
-  }
-}), us = {
-  ...K
-}, cs = ["change", "focus", "blur"], ds = { class: "flex items-center justify-center h-full" }, ps = { class: "fieldset-label" }, fs = ["aria-label", "disabled"], ms = { class: "font-bold text-gray-500 text-sm" }, Rn = /* @__PURE__ */ k({
-  __name: "Checkbox",
-  props: /* @__PURE__ */ I(us, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(cs, ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
-      n("change", l.value);
-    }, c = (i) => {
-      n("focus", i);
-    }, d = (i) => {
-      n("blur", i);
-    }, p = v(
-      () => U(o.styles.control.checkbox, o)
-    );
-    return (i, s) => (r(), f("div", ds, [
-      V(Z, B(o, { "hide-label": !0 }), {
-        default: S(() => [
-          u("label", ps, [
-            Y(u("input", {
-              "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
-              "aria-label": i.id,
-              role: "checkbox",
-              type: "checkbox",
-              class: $(p.value),
-              disabled: !i.enabled,
-              onChange: a,
-              onFocus: c,
-              onBlur: d
-            }, null, 42, fs), [
-              [Ce, l.value]
-            ]),
-            u("span", ms, w(i.label), 1)
-          ])
-        ]),
-        _: 1
-      }, 16)
-    ]));
-  }
-}), bs = {
-  ...K,
-  type: { type: String, default: "text" }
-}, gs = ["change", "focus", "blur"], vs = ["aria-label", "type", "disabled", "autofocus", "placeholder"], Tn = /* @__PURE__ */ k({
-  __name: "Input",
-  props: /* @__PURE__ */ I(bs, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(gs, ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
-      n("change", i);
-    }, c = (i) => {
-      n("focus", i);
-    }, d = (i) => {
-      n("blur", i);
-    }, p = v(
-      () => U(o.styles.control.input, o)
-    );
-    return (i, s) => (r(), y(Z, ee(te(o)), {
-      default: S(() => [
-        Y(u("input", {
-          "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
-          "aria-label": i.id,
-          autocomplete: "off",
-          type: i.type,
-          class: $(["w-full", p.value]),
-          disabled: !i.enabled,
-          autofocus: i.isFocused,
-          placeholder: i.placeholder,
-          onChange: a,
-          onFocus: c,
-          onBlur: d
-        }, null, 42, vs), [
-          [ze, l.value]
-        ])
-      ]),
-      _: 1
-    }, 16));
-  }
-}), hs = {
-  ...K,
-  steps: { type: Number, default: 1 }
-}, ys = ["change", "focus", "blur"], ws = ["aria-label", "disabled", "step", "autofocus", "placeholder"], En = /* @__PURE__ */ k({
-  __name: "InputNumber",
-  props: /* @__PURE__ */ I(hs, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(ys, ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
-      n("change", i);
-    }, c = (i) => {
-      n("focus", i);
-    }, d = (i) => {
-      n("blur", i);
-    }, p = v(
-      () => U(o.styles?.control?.input, o)
-    );
-    return (i, s) => (r(), y(Z, ee(te(o)), {
-      default: S(() => [
-        Y(u("input", {
-          "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
-          autocomplete: "off",
-          "aria-label": i.id,
-          type: "number",
-          class: $(["w-full", [p.value]]),
-          disabled: !i.enabled,
-          step: i.steps,
-          autofocus: i.isFocused,
-          placeholder: i.placeholder,
-          onChange: a,
-          onFocus: c,
-          onBlur: d
-        }, null, 42, ws), [
-          [Le, l.value]
-        ])
-      ]),
-      _: 1
-    }, 16));
-  }
-}), ks = {
-  ...K,
-  rows: { type: Number, default: 4 }
-}, _s = ["change", "focus", "blur"], $s = ["aria-label", "disabled", "rows", "autofocus", "placeholder"], zn = /* @__PURE__ */ k({
-  __name: "Textarea",
-  props: /* @__PURE__ */ I(ks, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ I(_s, ["update:modelValue"]),
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = F(e, "modelValue"), a = (i) => {
-      n("change", i);
-    }, c = (i) => {
-      n("focus", i);
-    }, d = (i) => {
-      n("blur", i);
-    }, p = v(
-      () => U(o.styles.control.textarea, o)
-    );
-    return (i, s) => (r(), y(Z, ee(te(o)), {
-      default: S(() => [
-        Y(u("textarea", {
-          "onUpdate:modelValue": s[0] || (s[0] = (m) => l.value = m),
-          autocomplete: "off",
-          type: "text",
-          "aria-label": i.id,
-          class: $(["w-full", p.value]),
-          disabled: !i.enabled,
-          rows: i.rows,
-          autofocus: i.isFocused,
-          placeholder: i.placeholder,
-          onChange: a,
-          onFocus: c,
-          onBlur: d
-        }, null, 42, $s), [
-          [Le, l.value]
-        ])
-      ]),
-      _: 1
-    }, 16));
-  }
-}), Cs = {
-  widthLeft: { type: Number, default: 200 },
-  widthRight: { type: Number, default: 200 },
-  initialLeftOpen: { type: Boolean, default: !0 },
-  initialRightOpen: { type: Boolean, default: !0 }
-}, xs = { class: "flex h-full overflow-hidden gap-2" }, Ls = {
-  key: 0,
-  id: "drawer-left",
-  class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, Ss = ["aria-expanded", "aria-label"], Ps = { class: "flex-1 overflow-y-auto bg-white" }, Ms = {
-  key: 1,
-  class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
-}, Bs = ["aria-expanded", "aria-label"], Nn = /* @__PURE__ */ k({
-  __name: "drawer",
-  props: Cs,
-  setup(e) {
-    const t = e, o = Se(), n = v(() => !!o["left-drawer"]), l = v(() => !!o["right-drawer"]), a = x({
-      left: t.initialLeftOpen,
-      right: t.initialRightOpen
-    }), c = (d) => {
-      a.value[d] = !a.value[d];
-    };
-    return (d, p) => (r(), f("main", xs, [
-      n.value ? (r(), f("aside", Ls, [
-        u("div", {
-          id: "drawer-left-panel",
-          style: X({ width: a.value.left ? d.widthLeft + "px" : "0px" }),
-          class: "h-full overflow-hidden bg-white shadow-sm transition-[width] duration-300 ease-in-out"
-        }, [
-          u("div", {
-            style: X({ width: d.widthLeft + "px" }),
-            class: "h-full overflow-y-auto p-4"
-          }, [
-            P(d.$slots, "left-drawer")
-          ], 4)
-        ], 4),
-        u("button", {
-          "aria-expanded": a.value.left,
-          "aria-controls": "drawer-left-panel",
-          "aria-label": a.value.left ? "Collapse left panel" : "Expand left panel",
-          class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
-          onClick: p[0] || (p[0] = (i) => c("left"))
-        }, [
-          V(g(q), {
-            size: "lg",
-            icon: a.value.left ? g(R).ChevronLeft : g(R).ChevronRight
-          }, null, 8, ["icon"])
-        ], 8, Ss)
-      ])) : _("", !0),
-      u("div", Ps, [
-        P(d.$slots, "default")
-      ]),
-      l.value ? (r(), f("aside", Ms, [
-        u("button", {
-          "aria-expanded": a.value.right,
-          "aria-controls": "drawer-right-panel",
-          "aria-label": a.value.right ? "Collapse right panel" : "Expand right panel",
-          class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
-          onClick: p[1] || (p[1] = (i) => c("right"))
-        }, [
-          V(g(q), {
-            size: "lg",
-            icon: a.value.right ? g(R).ChevronRight : g(R).ChevronLeft
-          }, null, 8, ["icon"])
-        ], 8, Bs),
-        u("div", {
-          id: "drawer-right-panel",
-          style: X({ width: a.value.right ? d.widthRight + "px" : "0px" }),
-          class: "h-full overflow-hidden bg-white shadow-sm transition-[width] duration-300 ease-in-out"
-        }, [
-          u("div", {
-            style: X({ width: d.widthRight + "px" }),
-            class: "h-full overflow-y-auto p-4"
-          }, [
-            P(d.$slots, "right-drawer")
-          ], 4)
-        ], 4)
-      ])) : _("", !0)
-    ]));
-  }
-}), Vs = { class: "ml-1" }, As = { class: "truncate flex-1 min-w-0 text-left" }, Os = {
-  key: 0,
-  class: "badge badge-ghost badge-sm flex-shrink-0"
-}, Is = /* @__PURE__ */ k({
-  __name: "TreeItem",
-  props: {
-    active: {},
-    node: {},
-    expanded: {},
-    isExpanded: { type: Function }
-  },
-  emits: ["toggle", "select"],
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = v(() => o.active === o.node.id);
-    return (a, c) => {
-      const d = ce("TreeItem", !0);
-      return r(), f("li", Vs, [
-        u("div", {
-          class: $([
-            `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
-      hover:bg-gray-100`,
-            l.value ? "text-primary" : ""
-          ])
-        }, [
-          (e.node?.children?.length ?? 0) > 0 ? (r(), f("span", {
-            key: 0,
-            class: "flex items-center justify-center",
-            onClick: c[0] || (c[0] = (p) => n("toggle", e.node))
-          }, [
-            e.node.children && e.isExpanded(e.node.id) ? (r(), y(g(dt), {
-              key: 0,
-              class: "w-3 h-3"
-            })) : (r(), y(g(pt), {
-              key: 1,
-              class: "w-3 h-3"
-            }))
-          ])) : _("", !0),
-          u("div", {
-            class: "flex items-center gap-2 w-full min-w-0",
-            onClick: c[1] || (c[1] = (p) => n("select", e.node))
-          }, [
-            u("div", As, w(e.node.label), 1),
-            e.node.tag ? (r(), f("div", Os, w(e.node.tag), 1)) : _("", !0)
-          ])
-        ], 2),
-        e.node.children && e.isExpanded(e.node.id) ? (r(), f("ul", {
-          key: 0,
-          class: $([
-            "ml-4 border-l pl-2",
-            { "border-gray-200": !l.value, "border-primary": l.value }
-          ])
-        }, [
-          (r(!0), f(L, null, M(e.node.children, (p) => (r(), y(d, {
-            key: p.id,
-            node: p,
-            expanded: e.expanded,
-            active: e.active,
-            "is-expanded": e.isExpanded,
-            onToggle: c[2] || (c[2] = (i) => n("toggle", i)),
-            onSelect: c[3] || (c[3] = (i) => n("select", i))
-          }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
-        ], 2)) : _("", !0)
-      ]);
-    };
-  }
-}), Ds = { class: "select-none text-sm" }, qn = /* @__PURE__ */ k({
-  __name: "TreeView",
-  props: {
-    data: {},
-    active: {}
-  },
-  emits: ["select"],
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = x(/* @__PURE__ */ new Set()), a = (p) => {
-      const i = p.id;
-      if (!p.children || p.children.length === 0) {
-        n("select", p);
-        return;
-      }
-      l.value.has(i) ? l.value.delete(i) : l.value.add(i);
-    }, c = (p) => {
-      n("select", p), l.value.add(p.id);
-    }, d = (p) => l.value.has(p);
-    return (p, i) => (r(), f("ul", Ds, [
-      (r(!0), f(L, null, M(o.data, (s) => (r(), y(Is, {
-        key: s.id,
-        node: s,
-        expanded: l.value,
-        active: e.active,
-        "is-expanded": d,
-        onToggle: a,
-        onSelect: c
-      }, null, 8, ["node", "expanded", "active"]))), 128))
-    ]));
-  }
-}), Rs = {
-  key: 0,
-  role: "status",
-  "aria-live": "polite",
-  class: "flex items-center justify-center h-20"
-}, jn = /* @__PURE__ */ k({
-  __name: "loading",
-  props: {
-    loading: { type: Boolean }
-  },
-  setup(e) {
-    return (t, o) => e.loading ? (r(), f("div", Rs, [...o[0] || (o[0] = [
-      u("span", {
-        "aria-hidden": "true",
-        class: "loading loading-bars loading-md text-primary"
-      }, null, -1),
-      u("span", { class: "sr-only" }, "Loading...", -1)
-    ])])) : _("", !0);
-  }
-}), Ts = {
-  title: { type: String, required: !0 },
-  opened: { type: Boolean, default: !0 },
-  heightFull: { type: Boolean, default: !1 },
-  scrollable: { type: Boolean, default: !1 },
-  disabled: { type: Boolean, default: !1 },
-  actions: {
-    type: Array,
-    default: () => []
-  }
-}, Es = ["checked", "aria-label"], zs = { class: "collapse-title text-gray-500 text-xs font-medium" }, Ns = { class: "flex items-center justify-between" }, qs = {
-  key: 0,
-  class: "list bg-base-100"
-}, js = {
-  key: 1,
-  class: "shrink-0 pt-2"
-}, Fs = /* @__PURE__ */ k({
-  __name: "Collapse",
-  props: Ts,
-  setup(e) {
-    const t = Se(), o = e, n = x(o.opened), l = x(o.opened || o.disabled);
-    return (a, c) => (r(), f("div", {
-      class: $(["collapse collapse-arrow bg-white border border-gray-300", [
-        a.scrollable ? "flex-1 min-h-0 !grid-rows-[auto_1fr] overflow-hidden" : "",
-        a.heightFull ? "h-full" : "",
-        a.disabled ? "collapse-open" : "",
-        l.value && !a.scrollable ? "overflow-visible" : ""
-      ]])
-    }, [
-      a.disabled ? _("", !0) : (r(), f("input", {
-        key: 0,
-        type: "checkbox",
-        checked: n.value,
-        tabindex: "-1",
-        "aria-label": "Toggle " + a.title,
-        onChange: c[0] || (c[0] = (d) => l.value = d.target.checked)
-      }, null, 40, Es)),
-      u("div", zs, [
-        u("div", Ns, [
-          u("span", null, w(a.title), 1),
-          o.actions.length > 0 ? (r(), f("div", {
-            key: 0,
-            class: "relative z-10 flex gap-1 overflow-y-auto",
-            onClick: c[1] || (c[1] = le(() => {
-            }, ["stop"]))
-          }, [
-            (r(!0), f(L, null, M(o.actions, (d, p) => (r(), y(g(N), {
-              key: p,
-              color: g(z).blank,
-              size: "xs",
-              icon: d.icon,
-              tooltip: d.tooltip,
-              disabled: d.disabled,
-              onClick: d.onClick
-            }, {
-              default: S(() => [
-                E(w(d.label), 1)
-              ]),
-              _: 2
-            }, 1032, ["color", "icon", "tooltip", "disabled", "onClick"]))), 128))
-          ])) : _("", !0)
-        ])
-      ]),
-      u("div", {
-        class: $(["collapse-content", [
-          a.scrollable ? "!flex !flex-col min-h-0" : "",
-          g(t).list ? "p-0" : ""
-        ]])
-      }, [
-        u("div", {
-          class: $(a.scrollable ? "flex-1 min-h-0 overflow-y-auto" : "")
-        }, [
-          P(a.$slots, "default")
-        ], 2),
-        g(t).list ? (r(), f("ul", qs, [
-          P(a.$slots, "list")
-        ])) : _("", !0),
-        g(t).footer ? (r(), f("div", js, [
-          P(a.$slots, "footer")
-        ])) : _("", !0)
-      ], 2)
-    ], 2));
-  }
-}), Ks = {
-  title: { type: String },
-  label: { type: String },
-  labelLink: { type: String },
-  description: { type: String },
-  descriptionLink: { type: String }
-}, Us = { class: "list-row" }, Hs = { class: "list-col-grow" }, Ws = { key: 0 }, Gs = {
-  key: 1,
-  class: "text-xs text-gray-600"
-}, Xs = ["href"], Zs = { key: 1 }, Js = {
-  key: 0,
-  class: "text-xs text-gray-500"
-}, Qs = ["href"], Ys = { key: 1 }, Fn = /* @__PURE__ */ k({
-  __name: "CollapseRow",
-  props: Ks,
-  setup(e) {
-    return (t, o) => (r(), f("li", Us, [
-      u("div", Hs, [
-        t.title ? (r(), f("div", Ws, w(t.title), 1)) : _("", !0),
-        t.description || t.descriptionLink ? (r(), f("div", Gs, [
-          t.descriptionLink ? (r(), f("a", {
-            key: 0,
-            href: t.descriptionLink,
-            target: "_blank"
-          }, w(t.description ?? t.descriptionLink), 9, Xs)) : (r(), f("span", Zs, w(t.description), 1))
-        ])) : _("", !0)
-      ]),
-      t.label ? (r(), f("div", Js, [
-        t.labelLink ? (r(), f("a", {
-          key: 0,
-          href: t.labelLink,
-          target: "_blank"
-        }, w(t.label), 9, Qs)) : (r(), f("span", Ys, w(t.label), 1))
-      ])) : _("", !0),
-      P(t.$slots, "default")
-    ]));
-  }
-}), en = { class: "text-gray-800" }, Kn = /* @__PURE__ */ k({
-  __name: "alert",
-  props: {
-    message: {},
-    type: {}
-  },
-  setup(e) {
-    const t = {
-      success: "alert-success",
-      error: "alert-error",
-      warning: "alert-warning",
-      info: "alert-info"
-    };
-    return (o, n) => (r(), f("div", {
-      role: "alert",
-      class: $(`alert alert-soft ${t[e.type]} `)
-    }, [
-      u("span", en, w(e.message), 1),
-      P(o.$slots, "default")
-    ], 2));
-  }
-}), tn = {
-  title: { type: String, required: !0 },
-  items: {
-    type: Array,
-    required: !0
-  },
-  modelValue: {
-    type: Array,
-    default: () => []
-  },
-  labelKey: { type: String, default: "label" },
-  valueKey: { type: String, default: "id" },
-  colorKey: { type: String, default: void 0 },
-  countKey: { type: String, default: "count" },
-  counts: {
-    type: Object,
-    default: void 0
-  },
-  opened: { type: Boolean, default: !0 }
-}, on = ["update:modelValue"], sn = (e, t, o, n) => {
-  const l = v(
-    () => e.value.map((s) => s[o.value])
-  ), a = (s) => t.value.includes(s), c = v(() => {
-    const s = t.value.length;
-    return s === 0 ? "None" : s === l.value.length ? "All" : `${s}`;
-  });
-  return { isSelected: a, selectedLabel: c, selectAll: () => n("update:modelValue", [...l.value]), selectNone: () => n("update:modelValue", []), toggleItem: (s, m) => {
-    m ? n("update:modelValue", [...t.value, s]) : n(
-      "update:modelValue",
-      t.value.filter((b) => b !== s)
-    );
-  } };
-}, nn = { class: "flex items-center justify-between mb-2" }, ln = { class: "text-xs text-base-content/50" }, an = { class: "flex gap-1" }, rn = { class: "flex flex-col gap-1" }, un = ["checked", "onChange"], cn = { class: "text-sm flex-1 select-none" }, dn = {
-  key: 1,
-  class: "badge badge-sm badge-ghost"
-}, Un = /* @__PURE__ */ k({
-  __name: "filter",
-  props: tn,
-  emits: on,
-  setup(e, { emit: t }) {
-    const o = e, n = t, l = v(() => o.items ?? []), { isSelected: a, selectedLabel: c, selectAll: d, selectNone: p, toggleItem: i } = sn(l, we(o, "modelValue"), we(o, "valueKey"), n);
-    return (s, m) => (r(), y(g(Fs), {
-      title: s.title,
-      opened: s.opened
-    }, {
-      default: S(() => [
-        u("div", nn, [
-          u("span", ln, w(g(c)) + " of " + w(l.value.length) + " items ", 1),
-          u("div", an, [
-            u("button", {
-              class: "btn btn-ghost btn-xs",
-              type: "button",
-              tabindex: "-1",
-              onClick: m[0] || (m[0] = //@ts-ignore
-              (...b) => g(d) && g(d)(...b))
-            }, " All "),
-            u("button", {
-              class: "btn btn-ghost btn-xs",
-              type: "button",
-              tabindex: "-1",
-              onClick: m[1] || (m[1] = //@ts-ignore
-              (...b) => g(p) && g(p)(...b))
-            }, " None ")
-          ])
-        ]),
-        u("div", rn, [
-          (r(!0), f(L, null, M(l.value, (b) => (r(), f("label", {
-            key: b[s.valueKey],
-            class: $(["flex items-center gap-3 px-2 py-1.5 rounded-lg cursor-pointer transition-colors hover:bg-base-200", { "bg-base-200/60": g(a)(b[s.valueKey]) }])
-          }, [
-            u("input", {
-              type: "checkbox",
-              class: "checkbox checkbox-sm",
-              checked: g(a)(b[s.valueKey]),
-              onChange: (h) => g(i)(
-                b[s.valueKey],
-                h.target.checked
-              )
-            }, null, 40, un),
-            s.colorKey && b[s.colorKey] ? (r(), f("span", {
-              key: 0,
-              class: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
-              style: X({ backgroundColor: b[s.colorKey] })
-            }, null, 4)) : _("", !0),
-            u("span", cn, w(b[s.labelKey]), 1),
-            b[s.countKey] > 0 ? (r(), f("span", dn, w(b[s.countKey]), 1)) : _("", !0)
-          ], 2))), 128))
-        ])
-      ]),
-      _: 1
-    }, 8, ["title", "opened"]));
-  }
+//#endregion
+//#region src/form/select/AutoComplete.vue?vue&type=script&setup=true&lang.ts
+var ur = [
+	"aria-label",
+	"aria-expanded",
+	"value",
+	"placeholder",
+	"disabled"
+], dr = /* @__PURE__ */ x({
+	__name: "AutoComplete",
+	props: or,
+	emits: [
+		"update:modelValue",
+		"change",
+		"clear",
+		"focus",
+		"blur"
+	],
+	setup(e, { emit: n }) {
+		let r = e, a = n, o = M(null), s = M(""), c = M(!1), l = lr(r), { isLoading: u, triggerSearch: d, clear: f } = l, h = rr(r), { options: g } = h;
+		B(() => l.results.value, () => {
+			h.setOptions(l.results.value);
+		}, { immediate: !0 }), B(() => r.modelValue, (e) => {
+			if (e == null || e === "") {
+				s.value = "";
+				return;
+			}
+			let t = typeof e == "object" ? e[r.labelKey] : e;
+			t !== s.value && (s.value = t);
+		}, { immediate: !0 });
+		let v = (e) => {
+			s.value = e.target.value, r.freeText ? a("update:modelValue", s.value) : a("update:modelValue", ""), d(s.value), c.value = !0;
+		}, y = () => {
+			d(s.value), c.value = !0;
+		};
+		function b() {
+			setTimeout(() => {
+				c.value = !1, r.freeText ? a("change", s.value) : r.modelValue || (s.value = "");
+			}, 150);
+		}
+		let x = (e) => {
+			let t = h.getOriginal(e);
+			s.value = e.label, c.value = !1, a("update:modelValue", t), a("change", t);
+		}, S = () => {
+			s.value = "", f(), c.value = !1, a("update:modelValue", ""), a("clear"), D(() => o.value?.focus());
+		}, C = () => {
+			c.value = !1;
+		}, w = p(() => t(r.styles)), T = p(() => i(w.value.control.select, r));
+		return (e, t) => (j(), m($n, E(r, {
+			options: R(g),
+			"is-loading": R(u),
+			"is-open": c.value,
+			query: s.value,
+			onClose: C,
+			onSelect: x,
+			onClear: S
+		}), {
+			default: V(() => [_("input", {
+				ref_key: "inputRef",
+				ref: o,
+				type: "text",
+				role: "combobox",
+				"aria-label": e.id,
+				"aria-expanded": c.value,
+				"aria-autocomplete": "list",
+				"aria-haspopup": "listbox",
+				autocomplete: "off",
+				autocorrect: "off",
+				spellcheck: "false",
+				class: O([T.value, "w-full"]),
+				value: s.value,
+				placeholder: e.placeholder,
+				disabled: !e.enabled,
+				onInput: v,
+				onFocus: y,
+				onBlur: b
+			}, null, 42, ur)]),
+			_: 1
+		}, 16, [
+			"options",
+			"is-loading",
+			"is-open",
+			"query"
+		]));
+	}
+}), fr = ["aria-label"], pr = /* @__PURE__ */ x({
+	__name: "MultiSelect",
+	props: /* @__PURE__ */ T(Vn, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T([
+		"update:modelValue",
+		"change",
+		"clear",
+		"focus",
+		"blur"
+	], ["update:modelValue"]),
+	setup(e, { emit: n }) {
+		let r = M(!1), a = e, o = n, s = z(e, "modelValue"), c = (e) => {
+			o("change", e);
+		}, l = rr(a), { options: u } = l;
+		B(() => a.options, () => {
+			l.setOptions(a.options);
+		}, { immediate: !0 });
+		let d = p(() => s.value ? l.getLabels(...s.value).join(", ") : void 0), f = p(() => l.getValues(...s.value ?? [])), h = (e) => {
+			let t = s.value ?? [];
+			if (y(e)) t = t.filter((t) => l.getOption(t)?.value !== e.value);
+			else {
+				let n = l.getOriginal(e);
+				t.push(n);
+			}
+			s.value = t, c(t);
+		}, g = () => {
+			r.value = !1, s.value = [], c([]);
+		}, v = () => {
+			r.value = !1;
+		}, y = (e) => f.value?.includes(e.value) ?? !1, b = p(() => t(a.styles)), x = p(() => i(b.value.control.select, a));
+		return (e, t) => (j(), m($n, E(a, {
+			options: R(u),
+			"is-open": r.value,
+			disabled: !e.enabled,
+			query: void 0,
+			"is-active": y,
+			onClose: v,
+			onSelect: h,
+			onClear: g
+		}), {
+			default: V(() => [_("button", {
+				type: "button",
+				class: O(["truncate block text-left", [x.value, e.width]]),
+				"aria-label": e.id,
+				role: "combobox",
+				onClick: t[0] ||= (e) => r.value = !0
+			}, I(d.value ?? "Select value"), 11, fr)]),
+			_: 1
+		}, 16, [
+			"options",
+			"is-open",
+			"disabled"
+		]));
+	}
+}), mr = { ...s }, hr = [
+	"change",
+	"focus",
+	"blur"
+], gr = { class: "flex items-center justify-center h-full" }, _r = { class: "fieldset-label" }, vr = ["aria-label", "disabled"], yr = { class: "font-bold text-gray-500 text-sm" }, br = /* @__PURE__ */ x({
+	__name: "Checkbox",
+	props: /* @__PURE__ */ T(mr, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T(hr, ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = z(e, "modelValue"), o = (e) => {
+			r("change", a.value);
+		}, s = (e) => {
+			r("focus", e);
+		}, l = (e) => {
+			r("blur", e);
+		}, u = p(() => i(n.styles.control.checkbox, n));
+		return (e, t) => (j(), g("div", gr, [y(c, E(n, { "hide-label": !0 }), {
+			default: V(() => [_("label", _r, [H(_("input", {
+				"onUpdate:modelValue": t[0] ||= (e) => a.value = e,
+				"aria-label": e.id,
+				role: "checkbox",
+				type: "checkbox",
+				class: O(u.value),
+				disabled: !e.enabled,
+				onChange: o,
+				onFocus: s,
+				onBlur: l
+			}, null, 42, vr), [[oe, a.value]]), _("span", yr, I(e.label), 1)])]),
+			_: 1
+		}, 16)]));
+	}
+}), xr = {
+	...s,
+	type: {
+		type: String,
+		default: "text"
+	},
+	clearable: {
+		type: Boolean,
+		default: !1
+	}
+}, Sr = [
+	"change",
+	"focus",
+	"blur",
+	"clear"
+], Cr = { class: "relative w-full" }, wr = [
+	"aria-label",
+	"type",
+	"disabled",
+	"autofocus",
+	"placeholder"
+], Tr = /* @__PURE__ */ x({
+	__name: "Input",
+	props: /* @__PURE__ */ T(xr, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T(Sr, ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = z(e, "modelValue"), o = (e) => {
+			r("change", e);
+		}, s = (e) => {
+			r("focus", e);
+		}, l = (e) => {
+			r("blur", e);
+		}, u = () => {
+			a.value = "", r("clear");
+		}, d = p(() => i(n.styles.control.input, n));
+		return (e, t) => (j(), m(c, k(C(n)), {
+			default: V(() => [_("div", Cr, [H(_("input", {
+				"onUpdate:modelValue": t[0] ||= (e) => a.value = e,
+				"aria-label": e.id,
+				autocomplete: "off",
+				type: e.type,
+				class: O([[d.value, { "pr-7": e.clearable && a.value }], "!w-full"]),
+				disabled: !e.enabled,
+				autofocus: e.isFocused,
+				placeholder: e.placeholder,
+				onChange: o,
+				onFocus: s,
+				onBlur: l
+			}, null, 42, wr), [[se, a.value]]), e.clearable && a.value ? (j(), g("button", {
+				key: 0,
+				type: "button",
+				class: "absolute inset-y-0 right-0 flex items-center pr-2 btn btn-ghost btn-xs btn-circle opacity-60 hover:opacity-100",
+				tabindex: "-1",
+				"aria-label": "Clear",
+				onMousedown: U(u, ["prevent"])
+			}, [...t[1] ||= [_("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				class: "h-3.5 w-3.5",
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				"stroke-width": "2.5"
+			}, [_("path", {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				d: "M6 18L18 6M6 6l12 12"
+			})], -1)]], 32)) : h("", !0)])]),
+			_: 1
+		}, 16));
+	}
+}), Er = {
+	...s,
+	steps: {
+		type: Number,
+		default: 1
+	}
+}, Dr = [
+	"change",
+	"focus",
+	"blur"
+], Or = [
+	"aria-label",
+	"disabled",
+	"step",
+	"autofocus",
+	"placeholder"
+], kr = /* @__PURE__ */ x({
+	__name: "InputNumber",
+	props: /* @__PURE__ */ T(Er, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T(Dr, ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = z(e, "modelValue"), o = (e) => {
+			r("change", e);
+		}, s = (e) => {
+			r("focus", e);
+		}, l = (e) => {
+			r("blur", e);
+		}, u = p(() => i(n.styles?.control?.input, n));
+		return (e, t) => (j(), m(c, k(C(n)), {
+			default: V(() => [H(_("input", {
+				"onUpdate:modelValue": t[0] ||= (e) => a.value = e,
+				autocomplete: "off",
+				"aria-label": e.id,
+				type: "number",
+				class: O(["w-full", [u.value]]),
+				disabled: !e.enabled,
+				step: e.steps,
+				autofocus: e.isFocused,
+				placeholder: e.placeholder,
+				onChange: o,
+				onFocus: s,
+				onBlur: l
+			}, null, 42, Or), [[ce, a.value]])]),
+			_: 1
+		}, 16));
+	}
+}), Ar = {
+	...s,
+	rows: {
+		type: Number,
+		default: 4
+	},
+	dir: {
+		type: String,
+		default: "ltr"
+	},
+	height: {
+		type: String,
+		default: void 0
+	},
+	minHeight: {
+		type: String,
+		default: void 0
+	}
+}, jr = [
+	"change",
+	"focus",
+	"blur"
+], Mr = [
+	"aria-label",
+	"disabled",
+	"rows",
+	"dir",
+	"autofocus",
+	"placeholder"
+], Nr = /* @__PURE__ */ x({
+	__name: "Textarea",
+	props: /* @__PURE__ */ T(Ar, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ T(jr, ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = z(e, "modelValue"), o = (e) => {
+			r("change", e);
+		}, s = (e) => {
+			r("focus", e);
+		}, l = (e) => {
+			r("blur", e);
+		}, u = p(() => i(n.styles.control.textarea, n));
+		return (e, t) => (j(), m(c, k(C(n)), {
+			default: V(() => [H(_("textarea", {
+				"onUpdate:modelValue": t[0] ||= (e) => a.value = e,
+				autocomplete: "off",
+				type: "text",
+				"aria-label": e.id,
+				class: O(["w-full", u.value]),
+				disabled: !e.enabled,
+				rows: e.rows,
+				dir: e.dir,
+				style: A({
+					height: e.height,
+					minHeight: e.minHeight
+				}),
+				autofocus: e.isFocused,
+				placeholder: e.placeholder,
+				onChange: o,
+				onFocus: s,
+				onBlur: l
+			}, null, 46, Mr), [[ce, a.value]])]),
+			_: 1
+		}, 16));
+	}
+}), Pr = b({
+	loader: () => import("./Markdown-Dj1gzJJq.js"),
+	errorComponent: In,
+	onError(e, t, n) {
+		console.warn("[@ghentcdh/ui] Markdown editor could not load — install the TipTap peer dependencies (@tiptap/pm, @tiptap/starter-kit, @tiptap/vue-3, tiptap-markdown) to enable it. Falling back to a plain textarea.", e), n();
+	}
+}), Fr = {
+	widthLeft: {
+		type: Number,
+		default: 200
+	},
+	widthRight: {
+		type: Number,
+		default: 200
+	},
+	initialLeftOpen: {
+		type: Boolean,
+		default: !0
+	},
+	initialRightOpen: {
+		type: Boolean,
+		default: !0
+	},
+	drawerColor: {
+		type: String,
+		default: "bg-base-200"
+	}
+}, Ir = { class: "flex h-full overflow-hidden gap-2" }, Lr = {
+	key: 0,
+	id: "drawer-left",
+	class: "min-h-0 relative flex-shrink-0 overflow-visible flex"
+}, Rr = ["aria-expanded", "aria-label"], zr = { class: "flex-1 overflow-y-auto bg-white" }, Br = {
+	key: 1,
+	class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
+}, Vr = ["aria-expanded", "aria-label"], Hr = /* @__PURE__ */ x({
+	__name: "drawer",
+	props: Fr,
+	setup(e) {
+		let t = e, n = ae(), r = p(() => !!n["left-drawer"]), i = p(() => !!n["right-drawer"]), a = M({
+			left: t.initialLeftOpen,
+			right: t.initialRightOpen
+		}), o = (e) => {
+			a.value[e] = !a.value[e];
+		};
+		return (e, t) => (j(), g("main", Ir, [
+			r.value ? (j(), g("aside", Lr, [_("div", {
+				id: "drawer-left-panel",
+				style: A({ width: a.value.left ? e.widthLeft + "px" : "0px" }),
+				class: O(["h-full overflow-hidden shadow-sm transition-[width] duration-300 ease-in-out", [e.drawerColor]])
+			}, [_("div", {
+				style: A({ width: e.widthLeft + "px" }),
+				class: "h-full overflow-y-auto p-4"
+			}, [P(e.$slots, "left-drawer")], 4)], 6), _("button", {
+				"aria-expanded": a.value.left,
+				"aria-controls": "drawer-left-panel",
+				"aria-label": a.value.left ? "Collapse left panel" : "Expand left panel",
+				class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
+				onClick: t[0] ||= (e) => o("left")
+			}, [y(R(K), {
+				size: "lg",
+				icon: a.value.left ? R(G).ChevronLeft : R(G).ChevronRight
+			}, null, 8, ["icon"])], 8, Rr)])) : h("", !0),
+			_("div", zr, [P(e.$slots, "default")]),
+			i.value ? (j(), g("aside", Br, [_("button", {
+				"aria-expanded": a.value.right,
+				"aria-controls": "drawer-right-panel",
+				"aria-label": a.value.right ? "Collapse right panel" : "Expand right panel",
+				class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
+				onClick: t[1] ||= (e) => o("right")
+			}, [y(R(K), {
+				size: "lg",
+				icon: a.value.right ? R(G).ChevronRight : R(G).ChevronLeft
+			}, null, 8, ["icon"])], 8, Vr), _("div", {
+				id: "drawer-right-panel",
+				style: A({ width: a.value.right ? e.widthRight + "px" : "0px" }),
+				class: O(["h-full overflow-hidden shadow-sm transition-[width] duration-300 ease-in-out", [e.drawerColor]])
+			}, [_("div", {
+				style: A({ width: e.widthRight + "px" }),
+				class: "h-full overflow-y-auto p-4"
+			}, [P(e.$slots, "right-drawer")], 4)], 6)])) : h("", !0)
+		]));
+	}
+}), Ur = { class: "ml-1" }, Wr = {
+	key: 0,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	class: "w-3 h-3"
+}, Gr = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	class: "w-3 h-3"
+}, Kr = { class: "truncate flex-1 min-w-0 text-left" }, qr = {
+	key: 0,
+	class: "badge badge-ghost badge-sm flex-shrink-0"
+}, Jr = /* @__PURE__ */ x({
+	__name: "TreeItem",
+	props: {
+		active: {},
+		node: {},
+		expanded: {},
+		isExpanded: { type: Function }
+	},
+	emits: ["toggle", "select"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = p(() => n.active === n.node.id);
+		return (t, n) => {
+			let a = ne("TreeItem", !0);
+			return j(), g("li", Ur, [_("div", { class: O(["flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5\n      hover:bg-gray-100", i.value ? "text-primary" : ""]) }, [(e.node?.children?.length ?? 0) > 0 ? (j(), g("span", {
+				key: 0,
+				class: "flex items-center justify-center",
+				onClick: n[0] ||= (t) => r("toggle", e.node)
+			}, [e.node.children && e.isExpanded(e.node.id) ? (j(), g("svg", Wr, [...n[4] ||= [_("path", {
+				"fill-rule": "evenodd",
+				d: "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",
+				"clip-rule": "evenodd"
+			}, null, -1)]])) : (j(), g("svg", Gr, [...n[5] ||= [_("path", {
+				"fill-rule": "evenodd",
+				d: "M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z",
+				"clip-rule": "evenodd"
+			}, null, -1)]]))])) : h("", !0), _("div", {
+				class: "flex items-center gap-2 w-full min-w-0",
+				onClick: n[1] ||= (t) => r("select", e.node)
+			}, [_("div", Kr, I(e.node.label), 1), e.node.tag ? (j(), g("div", qr, I(e.node.tag), 1)) : h("", !0)])], 2), e.node.children && e.isExpanded(e.node.id) ? (j(), g("ul", {
+				key: 0,
+				class: O(["ml-4 border-l pl-2", {
+					"border-gray-200": !i.value,
+					"border-primary": i.value
+				}])
+			}, [(j(!0), g(l, null, N(e.node.children, (t) => (j(), m(a, {
+				key: t.id,
+				node: t,
+				expanded: e.expanded,
+				active: e.active,
+				"is-expanded": e.isExpanded,
+				onToggle: n[2] ||= (e) => r("toggle", e),
+				onSelect: n[3] ||= (e) => r("select", e)
+			}, null, 8, [
+				"node",
+				"expanded",
+				"active",
+				"is-expanded"
+			]))), 128))], 2)) : h("", !0)]);
+		};
+	}
+}), Yr = { class: "select-none text-sm" }, Xr = /* @__PURE__ */ x({
+	__name: "TreeView",
+	props: {
+		data: {},
+		active: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = M(/* @__PURE__ */ new Set()), a = (e) => {
+			let t = e.id;
+			if (!e.children || e.children.length === 0) {
+				r("select", e);
+				return;
+			}
+			i.value.has(t) ? i.value.delete(t) : i.value.add(t);
+		}, o = (e) => {
+			r("select", e), i.value.add(e.id);
+		}, s = (e) => i.value.has(e);
+		return (t, r) => (j(), g("ul", Yr, [(j(!0), g(l, null, N(n.data, (t) => (j(), m(Jr, {
+			key: t.id,
+			node: t,
+			expanded: i.value,
+			active: e.active,
+			"is-expanded": s,
+			onToggle: a,
+			onSelect: o
+		}, null, 8, [
+			"node",
+			"expanded",
+			"active"
+		]))), 128))]));
+	}
+}), Zr = {
+	key: 0,
+	role: "status",
+	"aria-live": "polite",
+	class: "flex items-center justify-center h-20"
+}, Qr = /* @__PURE__ */ x({
+	__name: "loading",
+	props: { loading: { type: Boolean } },
+	setup(e) {
+		return (t, n) => e.loading ? (j(), g("div", Zr, [...n[0] ||= [_("span", {
+			"aria-hidden": "true",
+			class: "loading loading-bars loading-md text-primary"
+		}, null, -1), _("span", { class: "sr-only" }, "Loading...", -1)]])) : h("", !0);
+	}
+}), $r = {
+	title: {
+		type: String,
+		required: !0
+	},
+	opened: {
+		type: Boolean,
+		default: !0
+	},
+	heightFull: {
+		type: Boolean,
+		default: !1
+	},
+	scrollable: {
+		type: Boolean,
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	actions: {
+		type: Array,
+		default: () => []
+	}
+}, ei = ["checked", "aria-label"], ti = { class: "collapse-title text-gray-500 text-xs font-medium" }, ni = { class: "flex items-center justify-between" }, ri = {
+	key: 0,
+	class: "list bg-base-100"
+}, ii = {
+	key: 1,
+	class: "shrink-0 pt-2"
+}, ai = /* @__PURE__ */ x({
+	__name: "Collapse",
+	props: $r,
+	setup(e) {
+		let t = ae(), n = e, r = M(n.opened), i = M(n.opened || n.disabled);
+		return (e, a) => (j(), g("div", { class: O(["collapse collapse-arrow bg-white border border-gray-300", [
+			e.scrollable ? "flex-1 min-h-0 !grid-rows-[auto_1fr] overflow-hidden" : "",
+			e.heightFull ? "h-full" : "",
+			e.disabled ? "collapse-open" : "",
+			i.value && !e.scrollable ? "overflow-visible" : ""
+		]]) }, [
+			e.disabled ? h("", !0) : (j(), g("input", {
+				key: 0,
+				type: "checkbox",
+				checked: r.value,
+				tabindex: "-1",
+				"aria-label": "Toggle " + e.title,
+				onChange: a[0] ||= (e) => i.value = e.target.checked
+			}, null, 40, ei)),
+			_("div", ti, [_("div", ni, [_("span", null, I(e.title), 1), n.actions.length > 0 ? (j(), g("div", {
+				key: 0,
+				class: "relative z-10 flex gap-1 overflow-y-auto",
+				onClick: a[1] ||= U(() => {}, ["stop"])
+			}, [(j(!0), g(l, null, N(n.actions, (e, t) => (j(), m(R(Z), {
+				key: t,
+				color: R(X).blank,
+				size: "xs",
+				icon: e.icon,
+				tooltip: e.tooltip,
+				disabled: e.disabled,
+				onClick: e.onClick
+			}, {
+				default: V(() => [v(I(e.label), 1)]),
+				_: 2
+			}, 1032, [
+				"color",
+				"icon",
+				"tooltip",
+				"disabled",
+				"onClick"
+			]))), 128))])) : h("", !0)])]),
+			_("div", { class: O(["collapse-content", [e.scrollable ? "!flex !flex-col min-h-0" : "", R(t).list ? "p-0" : ""]]) }, [
+				_("div", { class: O(e.scrollable ? "flex-1 min-h-0 overflow-y-auto" : "") }, [P(e.$slots, "default")], 2),
+				R(t).list ? (j(), g("ul", ri, [P(e.$slots, "list")])) : h("", !0),
+				R(t).footer ? (j(), g("div", ii, [P(e.$slots, "footer")])) : h("", !0)
+			], 2)
+		], 2));
+	}
+}), oi = {
+	title: { type: String },
+	label: { type: String },
+	labelLink: { type: String },
+	description: { type: String },
+	descriptionLink: { type: String }
+}, si = { class: "list-row" }, ci = { class: "list-col-grow" }, li = { key: 0 }, ui = {
+	key: 1,
+	class: "text-xs text-gray-600"
+}, di = ["href"], fi = { key: 1 }, pi = {
+	key: 0,
+	class: "text-xs text-gray-500"
+}, mi = ["href"], hi = { key: 1 }, gi = /* @__PURE__ */ x({
+	__name: "CollapseRow",
+	props: oi,
+	setup(e) {
+		return (e, t) => (j(), g("li", si, [
+			_("div", ci, [e.title ? (j(), g("div", li, I(e.title), 1)) : h("", !0), e.description || e.descriptionLink ? (j(), g("div", ui, [e.descriptionLink ? (j(), g("a", {
+				key: 0,
+				href: e.descriptionLink,
+				target: "_blank"
+			}, I(e.description ?? e.descriptionLink), 9, di)) : (j(), g("span", fi, I(e.description), 1))])) : h("", !0)]),
+			e.label ? (j(), g("div", pi, [e.labelLink ? (j(), g("a", {
+				key: 0,
+				href: e.labelLink,
+				target: "_blank"
+			}, I(e.label), 9, mi)) : (j(), g("span", hi, I(e.label), 1))])) : h("", !0),
+			P(e.$slots, "default")
+		]));
+	}
+}), _i = { class: "text-gray-800" }, vi = /* @__PURE__ */ x({
+	__name: "alert",
+	props: {
+		message: {},
+		type: {}
+	},
+	setup(e) {
+		let t = {
+			success: "alert-success",
+			error: "alert-error",
+			warning: "alert-warning",
+			info: "alert-info"
+		};
+		return (n, r) => (j(), g("div", {
+			role: "alert",
+			class: O(`alert alert-soft ${t[e.type]} `)
+		}, [_("span", _i, I(e.message), 1), P(n.$slots, "default")], 2));
+	}
+}), yi = {
+	title: {
+		type: String,
+		required: !0
+	},
+	items: {
+		type: Array,
+		required: !0
+	},
+	modelValue: {
+		type: Array,
+		default: () => []
+	},
+	labelKey: {
+		type: String,
+		default: "label"
+	},
+	valueKey: {
+		type: String,
+		default: "id"
+	},
+	colorKey: {
+		type: String,
+		default: void 0
+	},
+	countKey: {
+		type: String,
+		default: "count"
+	},
+	counts: {
+		type: Object,
+		default: void 0
+	},
+	opened: {
+		type: Boolean,
+		default: !0
+	}
+}, bi = ["update:modelValue"], xi = (e, t, n, r) => {
+	let i = p(() => e.value.map((e) => e[n.value]));
+	return {
+		isSelected: (e) => t.value.includes(e),
+		selectedLabel: p(() => {
+			let e = t.value.length;
+			return e === 0 ? "None" : e === i.value.length ? "All" : `${e}`;
+		}),
+		selectAll: () => r("update:modelValue", [...i.value]),
+		selectNone: () => r("update:modelValue", []),
+		toggleItem: (e, n) => {
+			n ? r("update:modelValue", [...t.value, e]) : r("update:modelValue", t.value.filter((t) => t !== e));
+		}
+	};
+}, Si = { class: "flex items-center justify-between mb-2" }, Ci = { class: "text-xs text-base-content/50" }, wi = { class: "flex gap-1" }, Ti = { class: "flex flex-col gap-1" }, Ei = ["checked", "onChange"], Di = { class: "text-sm flex-1 select-none" }, Oi = {
+	key: 1,
+	class: "badge badge-sm badge-ghost"
+}, ki = /* @__PURE__ */ x({
+	__name: "filter",
+	props: yi,
+	emits: bi,
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = p(() => n.items ?? []), { isSelected: a, selectedLabel: o, selectAll: s, selectNone: c, toggleItem: u } = xi(i, re(n, "modelValue"), re(n, "valueKey"), r);
+		return (e, t) => (j(), m(R(ai), {
+			title: e.title,
+			opened: e.opened
+		}, {
+			default: V(() => [_("div", Si, [_("span", Ci, I(R(o)) + " of " + I(i.value.length) + " items ", 1), _("div", wi, [_("button", {
+				class: "btn btn-ghost btn-xs",
+				type: "button",
+				tabindex: "-1",
+				onClick: t[0] ||= (...e) => R(s) && R(s)(...e)
+			}, " All "), _("button", {
+				class: "btn btn-ghost btn-xs",
+				type: "button",
+				tabindex: "-1",
+				onClick: t[1] ||= (...e) => R(c) && R(c)(...e)
+			}, " None ")])]), _("div", Ti, [(j(!0), g(l, null, N(i.value, (t) => (j(), g("label", {
+				key: t[e.valueKey],
+				class: O(["flex items-center gap-3 px-2 py-1.5 rounded-lg cursor-pointer transition-colors hover:bg-base-200", { "bg-base-200/60": R(a)(t[e.valueKey]) }])
+			}, [
+				_("input", {
+					type: "checkbox",
+					class: "checkbox checkbox-sm",
+					checked: R(a)(t[e.valueKey]),
+					onChange: (n) => R(u)(t[e.valueKey], n.target.checked)
+				}, null, 40, Ei),
+				e.colorKey && t[e.colorKey] ? (j(), g("span", {
+					key: 0,
+					class: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
+					style: A({ backgroundColor: t[e.colorKey] })
+				}, null, 4)) : h("", !0),
+				_("span", Di, I(t[e.labelKey]), 1),
+				t[e.countKey] > 0 ? (j(), g("span", Oi, I(t[e.countKey]), 1)) : h("", !0)
+			], 2))), 128))])]),
+			_: 1
+		}, 8, ["title", "opened"]));
+	}
 });
-export {
-  Kn as Alert,
-  On as Autocomplete,
-  Mt as BadgeSize,
-  Ln as BooleanCell,
-  N as Btn,
-  _n as BtnBadge,
-  Tt as BtnBadgeEmits,
-  Rt as BtnBadgeProperties,
-  Dt as BtnEmits,
-  It as BtnProperties,
-  Pt as ButtonSize,
-  Me as ButtonTag,
-  fe as ButtonType,
-  Sn as Card,
-  Rn as Checkbox,
-  Bn as ClickOutside,
-  Fs as Collapse,
-  Fn as CollapseRow,
-  z as Color,
-  zt as ConfirmModal,
-  Z as ControlWrapper,
-  Nn as Drawer,
-  kn as Dropdown,
-  Un as Filter,
-  on as FilterEmits,
-  tn as FilterProperties,
-  q as Icon,
-  R as IconEnum,
-  ft as IconMap,
-  mt as IconProperties,
-  Tn as Input,
-  En as InputNumber,
-  jn as Loading,
-  Dn as Markdown,
-  wn as Menu,
-  Vt as Modal,
-  Ct as ModalEmits,
-  $t as ModalProperties,
-  me as ModalService,
-  St as ModalSize,
-  Nt as ModalWrapper,
-  In as MultiSelect,
-  qt as NotificationMessage,
-  be as NotificationService,
-  Kt as Notifications,
-  co as PaginationComponent,
-  An as SelectComponent,
-  $n as ShellComponent,
-  pe as SubMenu,
-  xn as Table,
-  xn as TableComponent,
-  Cn as TextCell,
-  zn as Textarea,
-  qn as TreeView,
-  Pn as addClickOutsideEventListener,
-  U as buildInputStyle,
-  Vn as hasCustomEventListener,
-  qo as isDescriptionHidden,
-  ae as mergeStyles,
-  se as myStyles,
-  Mn as removeClickOutsideEventListener,
-  Ae as showErrors,
-  sn as useFilter
-};
+//#endregion
+export { vi as Alert, dr as Autocomplete, Qe as BadgeSize, xn as BooleanCell, Z as Btn, ut as BtnBadge, st as BtnBadgeEmits, ot as BtnBadgeProperties, at as BtnEmits, it as BtnProperties, Ze as ButtonSize, tt as ButtonTag, Y as ButtonType, kn as Card, br as Checkbox, Mn as ClickOutside, ai as Collapse, gi as CollapseRow, X as Color, dt as ConfirmModal, c as ControlWrapper, s as ControlWrapperProperties, Hr as Drawer, We as Dropdown, ki as Filter, bi as FilterEmits, yi as FilterProperties, K as Icon, G as IconEnum, Me as IconMap, Ne as IconProperties, Tr as Input, kr as InputNumber, Qr as Loading, Pr as Markdown, Ue as Menu, et as Modal, Ke as ModalEmits, Ge as ModalProperties, ft as ModalService, Xe as ModalSize, pt as ModalWrapper, pr as MultiSelect, mt as NotificationMessage, gt as NotificationService, vt as Notifications, Bt as PaginationComponent, ar as SelectComponent, At as ShellComponent, q as SubMenu, hn as Table, hn as TableComponent, yn as TextCell, Nr as Textarea, Xr as TreeView, An as addClickOutsideEventListener, i as buildInputStyle, Pn as hasCustomEventListener, o as isDescriptionHidden, t as mergeStyles, r as myStyles, jn as removeClickOutsideEventListener, n as showErrors, xi as useFilter, Ye as useFocusTrap };