@ghentcdh/ui 1.1.0 → 2.0.0

package/index-WrdKkd9c.js

@@ -0,0 +1,2633 @@
+import { defineComponent as _, h as _e, computed as b, openBlock as a, createBlock as x, resolveDynamicComponent as ie, normalizeClass as C, createCommentVNode as w, createElementBlock as d, createElementVNode as i, toDisplayString as k, unref as g, Fragment as B, renderList as z, mergeProps as R, resolveComponent as fe, withCtx as V, createTextVNode as q, ref as L, watch as W, onUnmounted as Ce, onMounted as Le, withModifiers as se, renderSlot as I, createVNode as E, withDirectives as oe, vModelCheckbox as Se, normalizeStyle as H, useAttrs as ze, getCurrentInstance as Re, camelize as Ee, toHandlerKey as ue, useModel as G, normalizeProps as le, guardReactiveProps as ae, mergeModels as F, nextTick as Me, Teleport as Te, Transition as je, vModelDynamic as Fe, vModelText as Pe, defineAsyncComponent as Ne, useSlots as Be, toRef as $e } from "vue";
+import { RouterLink as qe } from "vue-router";
+function A(e) {
+  return _({
+    render() {
+      return _e(
+        "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(
+          (s) => _e("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: s
+          })
+        )
+      );
+    }
+  });
+}
+const Ue = A(["M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"]), Ke = A([
+  "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
+]), He = A([
+  "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
+]), We = A(["m4.5 12.75 6 6 9-13.5"]), Ze = A([
+  "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
+]), Ge = A([
+  "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
+]), Xe = A(["m19.5 8.25-7.5 7.5-7.5-7.5"]), Je = A(["M15.75 19.5 8.25 12l7.5-7.5"]), Qe = A(["m8.25 4.5 7.5 7.5-7.5 7.5"]), Ye = A(["m4.5 15.75 7.5-7.5 7.5 7.5"]), et = A([
+  "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"
+]), tt = A([
+  "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"
+]), st = A([
+  "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"
+]), ot = A([
+  "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"
+]), lt = A([
+  "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"
+]), at = A([
+  "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"
+]), nt = A([
+  "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"
+]), rt = A([
+  "M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+]), it = A([
+  "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"
+]), ct = A(["M6 18 18 6M6 6l12 12"]), ut = A([
+  "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"
+]), dt = A([
+  "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"
+]);
+var j = /* @__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.Filter = "Filter", e.Sync = "Sync", e))(j || {});
+const pt = {
+  Edit: nt,
+  Delete: it,
+  BarsArrowDown: Ke,
+  BarsArrowUp: He,
+  Funnel: st,
+  Close: ct,
+  Plus: rt,
+  PaperClip: at,
+  Hamburger: Ue,
+  ChevronRight: Qe,
+  ChevronLeft: Je,
+  ChevronDown: Xe,
+  ChevronUp: Ye,
+  DblChevronLeft: Ze,
+  DblChevronRight: Ge,
+  Language: ot,
+  Check: We,
+  View: tt,
+  Text: et,
+  Link: lt,
+  Filter: dt,
+  Sync: ut
+}, ft = {
+  icon: { type: [String, Object, Function] },
+  size: { type: String }
+}, Z = /* @__PURE__ */ _({
+  __name: "icon",
+  props: ft,
+  setup(e) {
+    const s = e, t = b(() => s.icon ? typeof s.icon == "string" ? pt[s.icon] : s.icon : null);
+    return (o, l) => t.value ? (a(), x(ie(t.value), {
+      key: 0,
+      "aria-hidden": "true",
+      class: C([
+        {
+          "w-full h-full": !o.size,
+          "w-2 h-2": o.size === "xs",
+          "w-4 h-4": o.size === "sm",
+          "w-6 h-6": o.size === "lg",
+          "w-8 h-8": o.size === "xl"
+        }
+      ])
+    }, null, 8, ["class"])) : w("", !0);
+  }
+}), vt = { class: "dropdown dropdown-end" }, mt = {
+  tabindex: "0",
+  role: "menu",
+  class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
+}, ht = { class: "min-w-max flex-no-wrap text-black" }, ve = /* @__PURE__ */ _({
+  __name: "sub-menu",
+  props: {
+    label: {},
+    items: {},
+    action: { type: Function },
+    disabled: { type: Boolean },
+    btnClass: {},
+    disableArrow: { type: Boolean }
+  },
+  setup(e) {
+    return (s, t) => (a(), d("div", vt, [
+      i("div", {
+        tabindex: "0",
+        role: "button",
+        "aria-haspopup": "menu",
+        class: C([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+      }, [
+        i("span", null, k(e.label), 1),
+        e.disableArrow ? w("", !0) : (a(), x(g(Z), {
+          key: 0,
+          icon: g(j).ChevronDown,
+          size: "sm"
+        }, null, 8, ["icon"]))
+      ], 2),
+      i("ul", mt, [
+        i("li", ht, [
+          (a(!0), d(B, null, z(e.items, (o) => (a(), x(Ve, R({
+            key: o.label
+          }, { ref_for: !0 }, o), null, 16))), 128))
+        ])
+      ])
+    ]));
+  }
+}), ne = "btn btn-ghost text-left justify-between min-w-max font-normal", Ve = /* @__PURE__ */ _({
+  __name: "menu-item",
+  props: {
+    label: {},
+    items: {},
+    action: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const s = e, t = b(() => !s.disabled && s.action && "routerLink" in s.action), o = b(() => !s.disabled && s.action), l = b(() => s.items?.length), n = b(() => {
+      const f = s.action;
+      return f && "routerLink" in f && "params" in f ? {
+        name: f.routerLink,
+        params: f.params
+      } : "";
+    }), c = () => {
+      s.action?.();
+    };
+    return (f, v) => {
+      const p = fe("RouterLink");
+      return l.value ? (a(), x(ve, R({ key: 0 }, s, { "btn-class": ne }), null, 16)) : t.value ? (a(), x(p, {
+        key: 1,
+        to: n.value,
+        class: C(ne),
+        onClick: c
+      }, {
+        default: V(() => [
+          q(k(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["to"])) : o.value ? (a(), d("button", {
+        key: 2,
+        class: C(ne),
+        onClick: c
+      }, k(e.label), 1)) : (a(), d("div", {
+        key: 3,
+        class: C([ne, { "btn-disabled": e.disabled }])
+      }, k(e.label), 3));
+    };
+  }
+}), bt = { class: "navbar bg-base-100 shadow-sm" }, gt = { class: "flex-1" }, yt = {
+  key: 0,
+  class: "breadcrumbs text-sm"
+}, wt = { class: "flex grow justify-end px-2" }, kt = { class: "flex items-stretch" }, zl = /* @__PURE__ */ _({
+  __name: "menu",
+  props: {
+    menu: {},
+    breadcrumbs: {}
+  },
+  setup(e) {
+    return (s, t) => {
+      const o = fe("RouterLink");
+      return a(), d("nav", bt, [
+        i("div", gt, [
+          e.breadcrumbs ? (a(), d("div", yt, [
+            i("ul", null, [
+              (a(!0), d(B, null, z(e.breadcrumbs, (l) => (a(), d("li", {
+                key: l.label
+              }, [
+                l.routerLink ? (a(), x(o, {
+                  key: 0,
+                  to: { name: l.routerLink, params: l.params },
+                  role: "navigation",
+                  "aria-label": l.label
+                }, {
+                  default: V(() => [
+                    q(k(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "aria-label"])) : (a(), d(B, { key: 1 }, [
+                  q(k(l.label), 1)
+                ], 64))
+              ]))), 128))
+            ])
+          ])) : w("", !0)
+        ]),
+        i("div", wt, [
+          i("div", kt, [
+            (a(!0), d(B, null, z(e.menu, (l) => (a(), x(Ve, R({
+              key: l.label
+            }, { ref_for: !0 }, l), null, 16))), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+}), Rl = /* @__PURE__ */ _({
+  __name: "dropdown",
+  props: {
+    items: {}
+  },
+  setup(e) {
+    const s = L(!0);
+    return (t, o) => (a(), x(ve, {
+      items: e.items,
+      label: "test",
+      open: s.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" }
+}, $t = ["closeModal"], xt = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])', xe = (e) => Array.from(e.querySelectorAll(xt)), Ct = ({
+  containerRef: e,
+  isActive: s,
+  onEscape: t,
+  restoreFocus: o = !0
+}) => {
+  let l = null;
+  const n = (v) => {
+    const p = e.value;
+    if (!p) return;
+    if (v.key === "Escape") {
+      t?.();
+      return;
+    }
+    if (v.key !== "Tab") return;
+    const r = xe(p);
+    if (r.length === 0) return;
+    const m = r[0], u = r[r.length - 1];
+    v.shiftKey ? document.activeElement === m && (v.preventDefault(), u.focus()) : document.activeElement === u && (v.preventDefault(), m.focus());
+  }, c = () => {
+    const v = e.value;
+    if (!v) return;
+    l = document.activeElement, document.addEventListener("keydown", n);
+    const p = xe(v);
+    p.length > 0 && p[0].focus();
+  }, f = () => {
+    document.removeEventListener("keydown", n), o && l && (l.focus(), l = null);
+  };
+  W(s, (v) => {
+    v ? c() : f();
+  }, { immediate: !0 }), Ce(() => {
+    f();
+  });
+}, Lt = {
+  xs: "max-w-xs w-[50VW]",
+  sm: "max-w-sm w-[50VW]",
+  lg: "max-w-2xl w-[80VW]",
+  xl: "max-w-[80VW] w-[80VW]"
+}, St = {
+  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"
+}, Pt = { class: "flex justify-end gap-2 pt-2 mt-2 border-t border-gray-300 shrink-0" }, Bt = /* @__PURE__ */ _({
+  __name: "modal",
+  props: _t,
+  emits: $t,
+  setup(e, { expose: s, emit: t }) {
+    const o = e, l = `modal_${crypto.randomUUID()}`, n = `${l}_title`, c = `${l}_content`, f = L(null), v = L(!1), p = t, r = () => {
+      f.value?.showModal(), v.value = !0;
+    }, m = () => {
+      f.value?.close(), v.value = !1, p("closeModal");
+    }, u = () => {
+      o.disableClose || m();
+    };
+    return Ct({
+      containerRef: f,
+      isActive: v,
+      onEscape: () => {
+        o.disableClose || m();
+      }
+    }), s({ closeModal: m, openModal: r }), W(
+      () => o.open,
+      () => {
+        o.open ? r() : m();
+      }
+    ), Le(() => {
+      o.open && r();
+    }), (h, $) => (a(), d("dialog", {
+      ref_key: "dialogRef",
+      ref: f,
+      class: "modal",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": n,
+      "aria-describedby": c,
+      onCancel: se(u, ["prevent"])
+    }, [
+      i("div", {
+        class: C([
+          "modal-box bg-white min-h-0 max-h-[90vh] flex flex-col overflow-hidden",
+          g(Lt)[h.width]
+        ])
+      }, [
+        h.disableClose ? w("", !0) : (a(), d("button", {
+          key: 0,
+          type: "button",
+          class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
+          "aria-label": "Close",
+          onClick: m
+        }, " ✕ ")),
+        h.$slots.title ? I(h.$slots, "title", { key: 1 }) : (a(), d("h3", {
+          key: 2,
+          id: n,
+          class: "font-bold shrink-0"
+        }, k(h.modalTitle), 1)),
+        i("div", {
+          id: c,
+          class: "pt-4 flex-1 min-h-0 flex flex-col"
+        }, [
+          I(h.$slots, "content")
+        ]),
+        i("div", Pt, [
+          I(h.$slots, "actions")
+        ])
+      ], 2)
+    ], 544));
+  }
+});
+var me = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(me || {}), Ae = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(Ae || {}), K = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e.ghost = "ghost", e))(K || {});
+const Vt = {
+  blank: "btn-ghost",
+  primary: "btn-primary",
+  secondary: "btn-soft btn-primary",
+  error: "btn-error",
+  ghost: "btn-ghost"
+}, At = {
+  blank: "badge-ghost",
+  primary: "badge-primary",
+  secondary: "badge-soft badge-primary",
+  error: "badge-error",
+  ghost: "badge-ghost"
+}, Ot = {
+  href: { type: String },
+  disabled: { type: Boolean, default: !1 },
+  tooltip: { type: String },
+  as: { type: String, default: Ae.button },
+  icon: { type: [String, Object, Function] },
+  type: { type: String, default: me.button },
+  outline: { type: Boolean, default: !1 },
+  color: { type: String, default: K.primary },
+  size: { type: String, default: "sm" },
+  square: { type: Boolean, default: !1 },
+  noBorder: { type: Boolean, default: !1 }
+}, It = ["click"], Dt = {
+  icon: { type: [String, Object, Function] },
+  type: { type: String, default: me.button },
+  color: { type: String, default: K.primary },
+  disabled: { type: Boolean, default: !1 },
+  size: { type: String, default: "sm" }
+}, zt = ["click"], Rt = {
+  key: 1,
+  class: "whitespace-nowrap"
+}, Q = /* @__PURE__ */ _({
+  __name: "btn",
+  props: Ot,
+  emits: It,
+  setup(e, { emit: s }) {
+    const t = e, o = s;
+    return (l, n) => (a(), x(ie(t.as), {
+      class: C([
+        "btn p-1 flex justify-center flex-nowrap",
+        g(Vt)[t.color],
+        g(St)[t.size],
+        {
+          "btn-outline": t.outline,
+          "btn-square": t.square,
+          tooltip: t.tooltip,
+          "border-0": t.noBorder
+        }
+      ]),
+      href: t.href,
+      type: t.type,
+      disabled: t.disabled,
+      "data-tip": t.tooltip,
+      onClick: n[0] || (n[0] = (c) => o("click"))
+    }, {
+      default: V(() => [
+        t.icon ? (a(), x(g(Z), {
+          key: 0,
+          icon: t.icon
+        }, null, 8, ["icon"])) : w("", !0),
+        l.$slots.default ? (a(), d("span", Rt, [
+          I(l.$slots, "default")
+        ])) : w("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "href", "type", "disabled", "data-tip"]));
+  }
+}), Et = ["type", "disabled"], El = /* @__PURE__ */ _({
+  __name: "btn-badge",
+  props: Dt,
+  emits: zt,
+  setup(e, { emit: s }) {
+    const t = e, o = s;
+    return (l, n) => (a(), d("button", {
+      class: C(["badge gap-1", g(Mt)[t.size], g(At)[t.color]]),
+      type: t.type,
+      disabled: t.disabled,
+      onClick: n[0] || (n[0] = (c) => o("click"))
+    }, [
+      I(l.$slots, "default"),
+      t.icon ? (a(), x(g(Z), {
+        key: 0,
+        icon: t.icon,
+        size: t.size
+      }, null, 8, ["icon", "size"])) : w("", !0)
+    ], 10, Et));
+  }
+}), Tt = /* @__PURE__ */ _({
+  __name: "confirmModal",
+  props: {
+    title: {},
+    message: {},
+    confirmLabel: { default: "Ok" },
+    cancelLabel: { default: "Cancel" }
+  },
+  emits: ["closeModal"],
+  setup(e, { emit: s }) {
+    const t = s, o = (l) => {
+      t("closeModal", { confirmed: l });
+    };
+    return (l, n) => (a(), x(Bt, {
+      "modal-title": e.title,
+      open: !0,
+      "disable-close": !0
+    }, {
+      content: V(() => [
+        q(k(e.message), 1)
+      ]),
+      actions: V(() => [
+        E(g(Q), {
+          color: g(K).secondary,
+          outline: !0,
+          "aria-label": e.cancelLabel,
+          onClick: n[0] || (n[0] = (c) => o(!1))
+        }, {
+          default: V(() => [
+            q(k(e.cancelLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["color", "aria-label"]),
+        E(g(Q), {
+          "aria-label": e.confirmLabel,
+          onClick: n[1] || (n[1] = (c) => o(!0))
+        }, {
+          default: V(() => [
+            q(k(e.confirmLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["aria-label"])
+      ]),
+      _: 1
+    }, 8, ["modal-title"]));
+  }
+});
+class he {
+  constructor() {
+    this.showModal = L(!1), this.modals = [];
+  }
+  openModal(s) {
+    const t = s.props.onClose, o = crypto.randomUUID(), l = s;
+    s.props.onClose = (n) => {
+      t(n), this.closeModal(o);
+    }, l.id = o, this.modals = [...this.modals, l], this.showModal.value = Date.now();
+  }
+  closeModal(s) {
+    this.modals = this.modals.filter((t) => t.id !== s), this.showModal.value = Date.now();
+  }
+  static showConfirm(s) {
+    this.getInstance().openModal({
+      component: Tt,
+      props: s
+    });
+  }
+  static openModal(s) {
+    this.getInstance().openModal(s);
+  }
+  static getInstance() {
+    return this.instance || (this.instance = new he()), this.instance;
+  }
+  static closeAll() {
+    this.instance.closeAll();
+  }
+  closeAll() {
+    this.modals = [], this.showModal.value = !1;
+  }
+}
+const jt = /* @__PURE__ */ _({
+  __name: "modalWrapper",
+  setup(e) {
+    const s = he.getInstance(), t = b(() => s.showModal.value ? s.modals : []);
+    return (o, l) => (a(!0), d(B, null, z(t.value, (n) => (a(), x(ie(n?.component), R({
+      key: n.id,
+      ref_for: !0
+    }, n?.props, {
+      open: !0,
+      onCloseModal: n?.props?.onClose
+    }), null, 16, ["onCloseModal"]))), 128));
+  }
+}), Ft = /* @__PURE__ */ _({
+  __name: "notification-message",
+  props: {
+    message: {},
+    type: {}
+  },
+  setup(e) {
+    const s = {
+      success: "alert-success",
+      error: "alert-error",
+      warning: "alert-warning",
+      info: "alert-info"
+    };
+    return (t, o) => (a(), d("div", {
+      role: "alert",
+      class: C(`alert ${s[e.type]} `)
+    }, [
+      i("span", null, k(e.message), 1)
+    ], 2));
+  }
+}), Nt = 5e3;
+class be {
+  constructor() {
+    this.notifications = L([]), this.addNotification = (s, t = "info") => {
+      const o = {
+        id: crypto.randomUUID(),
+        duration: Nt,
+        message: s,
+        type: t
+      };
+      this.notifications.value.push(o), this.removeNotificationAfterDuration(o);
+    }, this.removeNotificationAfterDuration = (s) => {
+      setTimeout(() => {
+        this.removeNotification(s.id);
+      }, s.duration);
+    }, this.removeNotification = (s) => {
+      this.notifications.value = this.notifications.value.filter((t) => t.id !== s);
+    };
+  }
+  static getInstance() {
+    return this.instance || (this.instance = new be()), this.instance;
+  }
+  static info(s) {
+    this.getInstance().addNotification(s, "info");
+  }
+  static success(s) {
+    this.getInstance().addNotification(s, "success");
+  }
+  static warning(s) {
+    this.getInstance().addNotification(s, "warning");
+  }
+  static error(s) {
+    this.getInstance().addNotification(s, "error");
+  }
+  static removeNotification(s) {
+    this.getInstance().removeNotification(s);
+  }
+}
+const qt = { class: "toast toast-top toast-center z-[999]" }, Ut = /* @__PURE__ */ _({
+  __name: "notifications",
+  setup(e) {
+    const s = be.getInstance();
+    return (t, o) => (a(), d("div", qt, [
+      (a(!0), d(B, null, z(g(s).notifications.value, (l) => (a(), x(Ft, R({
+        key: l.id
+      }, { ref_for: !0 }, l), null, 16))), 128))
+    ]));
+  }
+}), Kt = { class: "flex h-screen flex-col" }, Ht = { class: "shrink-0" }, Wt = { class: "navbar bg-primary text-primary-content w-full z-100" }, Zt = { class: "navbar-start" }, Gt = { class: "navbar-center" }, Xt = ["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" }, es = { class: "flex-grow overflow-y-auto" }, ts = { class: "bg-base-200 p-4" }, Tl = /* @__PURE__ */ _({
+  __name: "shell.component",
+  props: {
+    title: {},
+    menu: {},
+    user: {},
+    version: {},
+    widthSidebar: { default: 300 }
+  },
+  emits: ["logout"],
+  setup(e, { emit: s }) {
+    const o = e, l = L(!1), n = () => {
+      l.value = !l.value;
+    }, c = s, f = b(() => o.user ? {
+      label: o.user.name,
+      items: [
+        {
+          label: "Logout",
+          action: () => {
+            c("logout");
+          }
+        }
+      ]
+    } : null);
+    return (v, p) => (a(), d(B, null, [
+      E(Ut),
+      E(g(jt)),
+      i("div", Kt, [
+        i("header", Ht, [
+          i("nav", Wt, [
+            i("div", Zt, [
+              i("button", {
+                "aria-label": "open sidebar",
+                class: "btn btn-square btn-ghost p-1",
+                onClick: n
+              }, [
+                E(g(Z), {
+                  icon: g(j).Hamburger
+                }, null, 8, ["icon"])
+              ])
+            ]),
+            i("div", Gt, [
+              i("a", {
+                class: "btn btn-ghost text-primary-content text-lg color-white",
+                href: g("/")
+              }, k(e.title), 9, Xt)
+            ]),
+            i("div", Jt, [
+              f.value ? (a(), x(g(ve), R({ key: 0 }, f.value, { "btn-class": "" }), null, 16)) : w("", !0)
+            ])
+          ])
+        ]),
+        i("div", {
+          class: C(["drawer flex-1 overflow-hidden", { "drawer-open": l.value }])
+        }, [
+          oe(i("input", {
+            id: "app-drawer",
+            "onUpdate:modelValue": p[0] || (p[0] = (r) => l.value = r),
+            type: "checkbox",
+            class: "drawer-toggle"
+          }, null, 512), [
+            [Se, l.value]
+          ]),
+          i("main", Qt, [
+            I(v.$slots, "default")
+          ]),
+          i("div", Yt, [
+            p[1] || (p[1] = i("label", {
+              for: "app-drawer",
+              "aria-label": "close sidebar",
+              class: "drawer-overlay"
+            }, null, -1)),
+            i("div", {
+              class: "menu bg-base-100 h-full flex flex-col justify-between",
+              style: H({ width: e.widthSidebar + "px" })
+            }, [
+              i("ul", es, [
+                (a(!0), d(B, null, z(e.menu, (r) => (a(), d("li", {
+                  key: r.label
+                }, [
+                  E(g(qe), {
+                    to: { name: r.routerLink, params: r.params }
+                  }, {
+                    default: V(() => [
+                      q(k(r.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to"])
+                ]))), 128))
+              ]),
+              i("div", ts, " version: " + k(e.version), 1)
+            ], 4)
+          ])
+        ], 2)
+      ])
+    ], 64));
+  }
+}), ss = {
+  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 }
+}, os = ["updatePage", "updatePageSize"], ee = /* @__PURE__ */ _({
+  __name: "pagination-button.component",
+  props: ss,
+  emits: os,
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = b(
+      () => t.neverActive ? !1 : t.page === t.currentPage
+    ), n = b(() => t.neverActive ? K.blank : l.value ? K.primary : K.secondary), c = () => {
+      o("updatePage", t.page);
+    };
+    return (f, v) => (a(), x(g(Q), {
+      disabled: f.disabled,
+      square: !0,
+      size: "xs",
+      color: n.value,
+      onClick: v[0] || (v[0] = (p) => c())
+    }, {
+      default: V(() => [
+        q(k(f.label), 1)
+      ]),
+      _: 1
+    }, 8, ["disabled", "color"]));
+  }
+}), ls = {
+  totalItems: { type: Number, default: 0 },
+  itemsPerPage: { type: Number, default: 1 },
+  currentPage: { type: Number, default: 1 },
+  pageSizeOptions: { type: Array, default: () => [10, 20, 50, 100] }
+}, as = ["updatePage", "updatePageSize"], ns = { class: "flex items-center justify-between gap-4" }, rs = { class: "flex gap-1" }, is = { class: "flex items-center gap-4 text-xs text-base-content/60" }, cs = { class: "flex items-center gap-2 whitespace-nowrap text-sm" }, us = ["value"], ds = ["value"], ps = { class: "whitespace-nowrap" }, te = 6, fs = /* @__PURE__ */ _({
+  __name: "pagination.component",
+  props: ls,
+  emits: as,
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = b(() => {
+      let u = Math.ceil(t.totalItems / t.itemsPerPage);
+      return u < 1 ? 1 : u;
+    }), n = te / 2, c = b(() => {
+      if (l.value <= te)
+        return {
+          min: 1,
+          max: l.value
+        };
+      let u = t.currentPage - n;
+      u <= 1 ? u = 1 : u + te > l.value && (u = l.value - te);
+      let h = u + te;
+      return {
+        min: u,
+        max: h
+      };
+    }), f = (u) => ({
+      label: "...",
+      currentPage: u,
+      page: -10,
+      disabled: !0,
+      neverActive: !0
+    }), v = b(() => {
+      let u = l.value;
+      u < 1 && (u = 1);
+      const h = t.currentPage, $ = [], { min: N, max: U } = c.value;
+      return Array.from({ length: u }, (S, O) => {
+        const D = O + 1;
+        D !== 1 && D !== u && (D > U || D < N) || (D === u && u > 1 && U < u && $.push(f(h)), $.push({
+          label: `${D}`,
+          totalPages: u,
+          currentPage: h,
+          page: D
+        }), D === 1 && u > 1 && N > 1 && $.push(f(h)));
+      }), $;
+    }), p = b(() => {
+      const u = (t.currentPage - 1) * t.itemsPerPage;
+      return Math.min(u + t.itemsPerPage, t.totalItems);
+    }), r = (u) => {
+      o("updatePage", u);
+    }, m = (u) => {
+      const h = Number(u.target.value);
+      o("updatePageSize", h);
+    };
+    return (u, h) => (a(), d("div", ns, [
+      i("div", rs, [
+        E(ee, R(t, {
+          page: 1,
+          label: "<<",
+          "current-page": u.currentPage,
+          "never-active": !0,
+          disabled: u.currentPage === 1,
+          onUpdatePage: r
+        }), null, 16, ["current-page", "disabled"]),
+        E(ee, R(t, {
+          page: u.currentPage - 1,
+          label: "<",
+          "current-page": u.currentPage,
+          "never-active": !0,
+          disabled: u.currentPage === 1,
+          onUpdatePage: r
+        }), null, 16, ["page", "current-page", "disabled"]),
+        (a(!0), d(B, null, z(v.value, ($) => (a(), x(ee, R({
+          key: $.page,
+          ref_for: !0
+        }, $, { onUpdatePage: r }), null, 16))), 128)),
+        E(ee, R(t, {
+          page: u.currentPage + 1,
+          label: ">",
+          "current-page": u.currentPage,
+          "never-active": !0,
+          disabled: t.currentPage === l.value,
+          onUpdatePage: r
+        }), null, 16, ["page", "current-page", "disabled"]),
+        E(ee, R(t, {
+          page: l.value,
+          label: ">>",
+          "current-page": u.currentPage,
+          "never-active": !0,
+          disabled: t.currentPage === l.value,
+          onUpdatePage: r
+        }), null, 16, ["page", "current-page", "disabled"])
+      ]),
+      i("div", is, [
+        i("label", cs, [
+          h[0] || (h[0] = q(" Records per page: ", -1)),
+          i("select", {
+            class: "select select-xs select-bordered",
+            value: t.itemsPerPage,
+            onChange: m
+          }, [
+            (a(!0), d(B, null, z(u.pageSizeOptions, ($) => (a(), d("option", {
+              key: $,
+              value: $
+            }, k($), 9, ds))), 128))
+          ], 40, us)
+        ]),
+        i("span", ps, " Showing " + k(p.value) + " of " + k(u.totalItems) + " records", 1)
+      ])
+    ]));
+  }
+}), vs = {
+  column: { type: Object, required: !0 },
+  sortColumn: { type: String },
+  sortDirection: { type: String }
+}, ms = ["sort"], hs = ["disabled"], bs = { class: "whitespace-nowrap" }, gs = { class: "h-4 w-4 relative" }, ys = /* @__PURE__ */ _({
+  __name: "sort.header",
+  props: vs,
+  emits: ms,
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = b(() => t.column.options?.sortable !== !1), n = b(
+      () => t.sortDirection === "asc" ? j.BarsArrowUp : j.BarsArrowDown
+    ), c = b(() => t.column.options?.sortId ?? t.column.id), f = () => {
+      l.value && o("sort", c.value);
+    };
+    return (v, p) => (a(), d("button", {
+      class: C(["flex items-center gap-2", l.value ? "cursor-pointer" : "cursor-default"]),
+      disabled: !l.value,
+      onClick: f
+    }, [
+      i("span", bs, k(v.column.label), 1),
+      i("div", gs, [
+        l.value && v.sortColumn === c.value ? (a(), x(g(Z), {
+          key: 0,
+          icon: n.value
+        }, null, 8, ["icon"])) : w("", !0)
+      ])
+    ], 10, hs));
+  }
+}), ws = {
+  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 }
+}, ks = [
+  "updatePage",
+  "updatePageSize",
+  "sort",
+  "selectionChange"
+], _s = { class: "border border-gray-200" }, $s = { class: "overflow-x-auto" }, xs = { class: "w-full text-sm" }, Cs = { class: "text-xs text-text-muted font-medium border-b border-gray-200 border-solid sticky top-0 rounded-md" }, Ls = { class: "border-b border-gray-200" }, Ss = {
+  key: 0,
+  class: "px-3 py-1 w-10 text-left border-r border-gray-200"
+}, Ms = ["checked", "indeterminate"], Ps = { key: 0 }, Bs = ["colspan"], Vs = { key: 1 }, As = ["colspan"], Os = ["ui-id"], Is = {
+  key: 0,
+  class: "py-1 px-3"
+}, Ds = ["checked", "onChange"], zs = {
+  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" }
+}, Rs = { class: "whitespace-nowrap overflow-hidden overflow-ellipsis" }, Es = { class: "align-middle p-0 sticky right-0 bg-white shadow-lg hover:bg-gray-50" }, Ts = { class: "px-3 py-1 items-center justify-end gap-1 h-full flex border-gray-200 shadow-[-4px_0_6px_-2px_rgba(0,0,0,0.05)]" }, js = { key: 0 }, Fs = { inheritAttrs: !1 }, jl = /* @__PURE__ */ _({
+  ...Fs,
+  __name: "table.component",
+  props: ws,
+  emits: ks,
+  setup(e, { emit: s }) {
+    const t = e, o = L(/* @__PURE__ */ new Set());
+    W(
+      () => t.data,
+      () => {
+        o.value.clear();
+      }
+    );
+    const l = b(
+      () => !!t.data?.length && t.data.every((y) => o.value.has(y.id))
+    ), n = b(
+      () => !!t.data?.some((y) => o.value.has(y.id)) && !l.value
+    ), c = (y) => {
+      const M = new Set(o.value);
+      M.has(y.id) ? M.delete(y.id) : M.add(y.id), o.value = M, p(
+        "selectionChange",
+        t.data?.filter((P) => M.has(P.id)) ?? []
+      );
+    }, f = () => {
+      l.value ? o.value = /* @__PURE__ */ new Set() : o.value = new Set(t.data?.map((y) => y.id) ?? []), p(
+        "selectionChange",
+        t.data?.filter((y) => o.value.has(y.id)) ?? []
+      );
+    }, v = b(() => {
+      const y = t.actions ?? [];
+      return m.value && y.push({
+        tooltip: "View",
+        icon: j.View,
+        action: $
+      }), u.value && y.push({
+        tooltip: "Edit",
+        icon: j.Edit,
+        action: N
+      }), h.value && y.push({
+        tooltip: "Delete",
+        icon: j.Delete,
+        action: U
+      }), y;
+    }), p = s, r = ze(), m = b(() => "onView" in r), u = b(() => "onEdit" in r), h = b(() => "onDelete" in r), $ = (y) => {
+      r.onView?.(y);
+    }, N = (y) => {
+      r.onEdit?.(y);
+    }, U = (y) => {
+      r.onDelete?.(y);
+    }, S = (y) => {
+      p("updatePage", y);
+    }, O = (y) => {
+      p("updatePageSize", y);
+    }, D = (y) => {
+      p("sort", y);
+    };
+    return (y, M) => (a(), d("div", _s, [
+      i("div", $s, [
+        i("table", xs, [
+          i("thead", Cs, [
+            i("tr", Ls, [
+              y.multiselect ? (a(), d("th", Ss, [
+                i("input", {
+                  type: "checkbox",
+                  checked: l.value,
+                  indeterminate: n.value,
+                  class: "cursor-pointer",
+                  onChange: f
+                }, null, 40, Ms)
+              ])) : w("", !0),
+              (a(!0), d(B, null, z(y.displayColumns, (P) => (a(), d("th", {
+                key: P.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: H(
+                  P.width ? {
+                    width: P.width,
+                    maxWidth: P.width,
+                    minWidth: P.width
+                  } : { minWidth: "150px" }
+                )
+              }, [
+                E(ys, R({ column: P }, { ref_for: !0 }, y.sort, { onSort: D }), null, 16, ["column"])
+              ], 4))), 128)),
+              M[0] || (M[0] = i("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)]" }, "   ", -1))
+            ])
+          ]),
+          i("tbody", null, [
+            y.loading ? (a(), d("tr", Ps, [
+              i("td", {
+                colspan: y.displayColumns.length + 1 + (y.multiselect ? 1 : 0),
+                class: "text-center p-2"
+              }, [...M[1] || (M[1] = [
+                i("span", { class: "loading loading-bars loading-xs" }, null, -1)
+              ])], 8, Bs)
+            ])) : y.data?.length ? w("", !0) : (a(), d("tr", Vs, [
+              i("td", {
+                colspan: y.displayColumns.length + 1 + (y.multiselect ? 1 : 0),
+                class: "text-center p-8 font-bold"
+              }, " No records found ", 8, As)
+            ])),
+            (a(!0), d(B, null, z(y.data, (P) => (a(), d("tr", {
+              key: P.id,
+              "ui-id": `table_${P.id}`,
+              class: "hover:bg-gray-100 transition-none transition-colors border-b border-gray-200"
+            }, [
+              y.multiselect ? (a(), d("td", Is, [
+                i("input", {
+                  type: "checkbox",
+                  checked: o.value.has(P.id),
+                  class: "cursor-pointer",
+                  onChange: (T) => c(P)
+                }, null, 40, Ds)
+              ])) : w("", !0),
+              (a(!0), d(B, null, z(y.displayColumns, (T) => (a(), d("td", {
+                key: T.scope,
+                class: "py-1 px-3 text-sm overflow-hidden"
+              }, [
+                i("div", zs, [
+                  i("div", Rs, [
+                    (a(), x(ie(T.component), R({ ref_for: !0 }, T, {
+                      data: P,
+                      column: T
+                    }), null, 16, ["data", "column"]))
+                  ])
+                ])
+              ]))), 128)),
+              i("td", Es, [
+                i("span", Ts, [
+                  (a(!0), d(B, null, z(v.value, (T) => (a(), d(B, {
+                    key: T.label
+                  }, [
+                    !T.visible || T.visible(P) ? (a(), x(Q, {
+                      key: 0,
+                      "aria-label": T.tooltip ?? T.label,
+                      icon: T.icon,
+                      color: g(K).secondary,
+                      size: "xs",
+                      onClick: (Ol) => T.action(P)
+                    }, {
+                      default: V(() => [
+                        T.label ? (a(), d("span", js, k(T.label), 1)) : w("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["aria-label", "icon", "color", "onClick"])) : w("", !0)
+                  ], 64))), 128))
+                ])
+              ])
+            ], 8, Os))), 128))
+          ])
+        ])
+      ]),
+      y.page ? (a(), x(fs, {
+        key: 0,
+        class: "p-3",
+        "total-items": y.page.count,
+        "items-per-page": y.page.pageSize,
+        "current-page": y.page.page,
+        onUpdatePage: S,
+        onUpdatePageSize: O
+      }, null, 8, ["total-items", "items-per-page", "current-page"])) : w("", !0)
+    ]));
+  }
+}), Oe = {
+  data: { type: Object, required: !0 },
+  column: { type: Object, required: !0 },
+  options: { type: Object }
+}, Ns = { class: "truncate" }, qs = ["href"], Fl = /* @__PURE__ */ _({
+  __name: "text.cell",
+  props: Oe,
+  setup(e) {
+    const s = e, t = b(() => {
+      const l = s.column.options?.dataPath ?? s.column.id, n = s.data[l];
+      if (n == null) return null;
+      const c = s.column.options?.key;
+      return c ? n[c] ?? null : s.column.options?.format === "keyValue" ? n[s.column.options.key] : n;
+    }), o = b(
+      () => typeof t.value == "string" && t.value.startsWith("http")
+    );
+    return (l, n) => (a(), d("div", Ns, [
+      o.value ? (a(), d("a", {
+        key: 0,
+        href: t.value,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, k(t.value), 9, qs)) : (a(), d(B, { key: 1 }, [
+        q(k(t.value), 1)
+      ], 64))
+    ]));
+  }
+}), Us = { class: "flex justify-center" }, Nl = /* @__PURE__ */ _({
+  __name: "boolean.cell",
+  props: Oe,
+  setup(e) {
+    const s = e, t = b(() => {
+      const o = s.data[s.column.id];
+      return o ? s.column.options?.format === "keyValue" ? o[s.column.options.key] : o : null;
+    });
+    return (o, l) => (a(), d("div", Us, [
+      t.value === !0 ? (a(), x(Z, {
+        key: 0,
+        icon: g(j).Check,
+        size: "sm"
+      }, null, 8, ["icon"])) : w("", !0)
+    ]));
+  }
+}), Ks = (e, s) => {
+  const t = e.__vccOpts || e;
+  for (const [o, l] of s)
+    t[o] = l;
+  return t;
+}, Hs = {}, Ws = { class: "card bg-base-100 shadow-sm" }, Zs = { class: "card-body" }, Gs = {
+  key: 0,
+  class: "card-title"
+}, Xs = {
+  key: 1,
+  class: "card-actions justify-end"
+};
+function Js(e, s) {
+  return a(), d("div", Ws, [
+    i("div", Zs, [
+      e.$slots.title ? (a(), d("h2", Gs, [
+        I(e.$slots, "title")
+      ])) : w("", !0),
+      i("p", null, [
+        I(e.$slots, "default"),
+        I(e.$slots, "content")
+      ]),
+      e.$slots.actions ? (a(), d("div", Xs, [
+        I(e.$slots, "actions")
+      ])) : w("", !0)
+    ])
+  ]);
+}
+const ql = /* @__PURE__ */ Ks(Hs, [["render", Js]]), Ul = (e, s) => {
+  if (!e) return null;
+  const t = (o) => {
+    e.contains(o.target) || s();
+  };
+  return document.addEventListener("click", t), t;
+}, Kl = (e) => {
+  document.removeEventListener("click", e);
+}, Hl = {
+  beforeMount(e, s) {
+    e.clickOutsideEvent = function(t) {
+      e === t.target || e.contains(t.target) || s.value(t);
+    }, document.addEventListener("click", e.clickOutsideEvent);
+  },
+  unmounted(e) {
+    document.removeEventListener("click", e.clickOutsideEvent);
+  }
+};
+function Qs(e) {
+  return e.replace(/[:\s_-]+(.)/g, (s, t) => t.toUpperCase()).replace(/^[A-Z]/, (s) => s.toLowerCase());
+}
+function Wl(e) {
+  const s = Re();
+  if (!s)
+    return !1;
+  const t = s.vnode.props;
+  if (!t)
+    return !1;
+  const o = Qs(e), l = Ee(e);
+  return [
+    ue(e),
+    ue(l),
+    ue(o),
+    `on:${e}`,
+    `on:${l}`,
+    `on:${o}`
+  ].some(
+    (c) => !!t[c]
+  );
+}
+const re = {
+  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: "textarea 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"
+  }
+}, ce = (e) => {
+  if (!e) return { ...re };
+  const s = { ...re };
+  for (const t of Object.keys(e)) {
+    const o = e[t];
+    o && typeof o == "object" && (s[t] = { ...re[t], ...o });
+  }
+  return s;
+}, X = {
+  id: { type: String, default: void 0 },
+  placeholder: { type: String, default: void 0 },
+  description: { type: String, default: void 0 },
+  errors: { type: String, default: void 0 },
+  label: { type: String, default: void 0 },
+  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: () => re
+  },
+  width: { type: String, default: "!w-48" },
+  size: { type: String, default: void 0 },
+  hideErrors: { type: Boolean, default: !1 }
+}, Ys = ["change"], eo = {
+  ...X,
+  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()
+      }
+    ]
+  }
+}, Ie = ({ isTouched: e, errors: s }) => !!(e && s), to = (e, s, t, o) => s === void 0 || s !== void 0 && !e || !o && !t, J = (e, s) => [
+  e,
+  {
+    "input-sm": s.size === "sm",
+    "input-error": Ie(s)
+  }
+], so = {
+  key: 0,
+  class: "flex items-center justify-between mb-2"
+}, oo = { key: 0 }, Y = /* @__PURE__ */ _({
+  __name: "ControlWrapper",
+  props: X,
+  setup(e) {
+    const s = e, t = b(() => !to(
+      s.visible,
+      s.description,
+      s.isFocused,
+      !0
+    )), o = b(() => s.required), l = b(() => Ie(s)), n = b(() => ce(s.styles));
+    return (c, f) => (a(), d("fieldset", {
+      class: C(["fieldset", [c.width, n.value.control.wrapper]])
+    }, [
+      i("legend", {
+        class: C(["w-full inline-block", [
+          n.value.control.label,
+          { "p-0 h-0 leading-none": c.hideLabel }
+        ]])
+      }, [
+        c.hideLabel ? w("", !0) : (a(), d("div", so, [
+          i("div", null, [
+            i("span", null, k(c.label), 1),
+            o.value ? (a(), d("span", oo, "*")) : w("", !0)
+          ]),
+          I(c.$slots, "label-action")
+        ]))
+      ], 2),
+      I(c.$slots, "default"),
+      c.hideErrors ? w("", !0) : (a(), d("p", {
+        key: 0,
+        class: C(["fieldset-label h-4", { "text-error": l.value }])
+      }, k(l.value ? c.errors : t.value ? c.description : null), 3))
+    ], 2));
+  }
+}), lo = ["id", "aria-label", "value"], ao = /* @__PURE__ */ _({
+  __name: "MarkdownFallback",
+  props: /* @__PURE__ */ F(eo, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(Ys, ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = G(e, "modelValue"), n = (c) => {
+      const f = c.target.value;
+      l.value = f, o("change", f);
+    };
+    return (c, f) => (a(), x(Y, le(ae(t)), {
+      default: V(() => [
+        i("textarea", {
+          id: c.id,
+          "aria-label": c.id,
+          class: C([[c.minHeight, c.width], "textarea textarea-bordered w-full font-mono text-sm"]),
+          value: l.value ?? "",
+          onInput: n
+        }, null, 42, lo)
+      ]),
+      _: 1
+    }, 16));
+  }
+}), no = ["select"], ge = {
+  options: { type: Array, required: !1 },
+  isLoading: {
+    type: Boolean,
+    default: !1
+  },
+  query: { type: String, default: void 0 },
+  isActive: { type: Function, default: (e) => !1 },
+  /** When true the list is teleported to <body>; positioning is handled via inline style from the parent */
+  teleported: { type: Boolean, default: !1 }
+}, ye = {
+  ...X,
+  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 },
+  /** Whether to show the clear button when a value is selected */
+  clearable: { type: Boolean, default: !1 },
+  /** Alternative to v-model — accepts a string id or a full option object */
+  value: { type: null, default: void 0 }
+}, ro = ["select", "clear", "close", "create"], De = {
+  ...ge,
+  ...ye,
+  isOpen: { type: Boolean, default: !1 },
+  isActive: { type: Function, default: (e) => !1 }
+}, io = {
+  key: 1,
+  tabindex: "-1",
+  class: "pointer-events-none"
+}, co = ["data-index", "aria-selected", "aria-disabled", "onMousedown", "onMousemove"], uo = ["innerHTML"], po = {
+  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 fo(e, s, t) {
+  if (e || !t) return s;
+  const o = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return s.replace(
+    new RegExp(`(${o})`, "gi"),
+    '<mark class="bg-warning/40 text-inherit rounded-sm px-0.5">$1</mark>'
+  );
+}
+const vo = /* @__PURE__ */ _({
+  __name: "ListResults",
+  props: ge,
+  emits: no,
+  setup(e, { expose: s, emit: t }) {
+    const o = e, l = L(-1), n = L(), c = t;
+    W(
+      () => o.options,
+      () => {
+        l.value = -1;
+      }
+    );
+    function f() {
+      Me(() => {
+        n.value?.querySelector(
+          `[data-index="${l.value}"]`
+        )?.scrollIntoView({ block: "nearest" });
+      });
+    }
+    function v(r) {
+      const m = o.options?.length ?? 0;
+      if (m)
+        switch (r.key) {
+          case "ArrowDown":
+            r.preventDefault(), l.value = (l.value + 1) % m, f();
+            break;
+          case "ArrowUp":
+            r.preventDefault(), l.value = l.value <= 0 ? m - 1 : l.value - 1, f();
+            break;
+          case "Enter":
+            if (r.preventDefault(), l.value >= 0 && l.value < m) {
+              const u = o.options[l.value];
+              u.disabled || p(u);
+            }
+            break;
+        }
+    }
+    function p(r) {
+      l.value = -1, c("select", r);
+    }
+    return s({ handleKeydown: v }), (r, m) => (a(), d("ul", {
+      ref_key: "listRef",
+      ref: n,
+      role: "listbox",
+      "data-select-listbox": "",
+      class: C(["bg-base-100 border border-base-300 rounded-box shadow-xl overflow-auto max-h-72 origin-top p-1", r.teleported ? "" : "absolute z-50 w-full mt-1"])
+    }, [
+      r.isLoading ? (a(), d(B, { key: 0 }, z(2, (u) => i("li", {
+        key: `skel-${u}`,
+        class: "pointer-events-none px-3 py-2"
+      }, [...m[0] || (m[0] = [
+        i("div", { class: "flex items-center gap-3" }, [
+          i("div", { class: "skeleton h-3 w-3/4 rounded" })
+        ], -1)
+      ])])), 64)) : r.options?.length === 0 ? (a(), d("li", io, [...m[1] || (m[1] = [
+        i("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)
+      ])])) : (a(!0), d(B, { key: 2 }, z(r.options, (u, h) => (a(), d("li", {
+        key: u.value,
+        "data-index": h,
+        role: "option",
+        "aria-selected": h === l.value,
+        "aria-disabled": u.disabled,
+        onMousedown: se(($) => !u.disabled && p(u), ["prevent"]),
+        onMousemove: ($) => !u.disabled && (l.value = h)
+      }, [
+        i("a", {
+          class: C(["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": u.disabled,
+            "cursor-pointer": !u.disabled,
+            "bg-base-200": !u.disabled && h === l.value,
+            "bg-base-300": r.isActive(u),
+            "hover:bg-base-200": !u.disabled && h !== l.value
+          }])
+        }, [
+          i("span", {
+            class: "whitespace-nowrap",
+            innerHTML: fo(r.isActive(u), u.label, r.query)
+          }, null, 8, uo),
+          r.isActive(u) ? (a(), d("svg", po, [...m[2] || (m[2] = [
+            i("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              d: "M5 13l4 4L19 7"
+            }, null, -1)
+          ])])) : w("", !0)
+        ], 2)
+      ], 40, co))), 128))
+    ], 2));
+  }
+}), mo = ["aria-label"], ho = { class: "flex items-center w-full" }, bo = { class: "overflow-hidden w-full" }, go = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, yo = {
+  key: 0,
+  class: "loading loading-spinner loading-xs text-primary pointer-events-none"
+}, we = /* @__PURE__ */ _({
+  __name: "SelectWrapper",
+  props: De,
+  emits: ro,
+  setup(e, { emit: s }) {
+    const t = e, o = L(), l = L(), n = L(), c = s, f = L("body"), v = b(() => {
+      const h = l.value ?? o.value;
+      if (!h) return {};
+      const $ = h.getBoundingClientRect();
+      return {
+        position: "fixed",
+        zIndex: 9999,
+        top: `${$.bottom + 4}px`,
+        left: `${$.left}px`,
+        width: `${$.width}px`
+      };
+    }), p = () => {
+      r(), c("clear");
+    }, r = () => {
+      c("close");
+    }, m = (h) => {
+      if (h.key === "Escape") {
+        r();
+        return;
+      }
+      n.value?.handleKeydown(h);
+    }, u = (h) => {
+      o.value && !o.value.contains(h.target) && r();
+    };
+    return Le(() => {
+      document.addEventListener("click", u);
+      const h = o.value?.closest("dialog");
+      h && (f.value = h);
+    }), Ce(() => {
+      document.removeEventListener("click", u);
+    }), (h, $) => (a(), d("div", {
+      ref_key: "selectWrapperRef",
+      ref: o,
+      "aria-label": h.id,
+      role: "select"
+    }, [
+      E(Y, le(ae(t)), {
+        default: V(() => [
+          i("div", ho, [
+            i("div", {
+              ref_key: "inputWrapperRef",
+              ref: l,
+              class: "relative w-full",
+              onKeydown: m
+            }, [
+              i("div", bo, [
+                I(h.$slots, "default")
+              ]),
+              i("div", go, [
+                h.isLoading && !h.label ? (a(), d("span", yo)) : w("", !0),
+                h.query && !h.isLoading && h.clearable ? (a(), d("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: se(p, ["prevent"])
+                }, [...$[2] || ($[2] = [
+                  i("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"
+                  }, [
+                    i("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  ], -1)
+                ])], 32)) : w("", !0),
+                (a(), d("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  class: C(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": h.isOpen }]),
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [...$[3] || ($[3] = [
+                  i("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M19 9l-7 7-7-7"
+                  }, null, -1)
+                ])], 2))
+              ]),
+              (a(), x(Te, { to: f.value }, [
+                E(je, {
+                  "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(() => [
+                    h.isOpen ? (a(), x(vo, {
+                      key: 0,
+                      ref_key: "listResultsRef",
+                      ref: n,
+                      teleported: !0,
+                      style: H(v.value),
+                      query: void 0,
+                      options: h.options,
+                      "is-loading": h.isLoading,
+                      "is-active": h.isActive,
+                      onSelect: $[0] || ($[0] = (N) => c("select", N))
+                    }, null, 8, ["style", "options", "is-loading", "is-active"])) : w("", !0)
+                  ]),
+                  _: 1
+                })
+              ], 8, ["to"]))
+            ], 544),
+            h.enableCreate ? (a(), x(Q, {
+              key: 0,
+              icon: g(j).Plus,
+              color: g(K).blank,
+              size: "lg",
+              tooltip: "Create new",
+              "aria-label": "create",
+              onClick: $[1] || ($[1] = (N) => c("create"))
+            }, null, 8, ["icon", "color"])) : w("", !0)
+          ])
+        ]),
+        _: 3
+      }, 16)
+    ], 8, mo));
+  }
+}), pe = (e, s) => {
+  if (e)
+    return typeof e == "object" ? e[s.labelKey] : e;
+}, de = (e, s) => {
+  if (e)
+    return typeof e == "object" ? e[s.valueKey] : e;
+}, wo = (e) => {
+  const s = L([]), t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), l = (r) => {
+    const m = [];
+    t.clear(), o.clear(), r?.forEach((u) => {
+      const h = {
+        value: de(u, e),
+        label: pe(u, e),
+        ...u?.disabled !== void 0 && { disabled: !!u.disabled }
+      };
+      t.set(h.value, u), o.set(h.value, h), m.push(h);
+    }), s.value = m;
+  }, n = (r) => t.get(r.value);
+  return {
+    options: s,
+    setOptions: l,
+    getOriginal: n,
+    getLabels: (...r) => r.map((m) => m != null && typeof m != "object" ? o.get(String(m))?.label ?? String(m) : pe(m, e)),
+    getValues: (...r) => r.map((m) => de(m, e)),
+    getOption: (r) => o.get(de(r, e)),
+    getOriginals: (...r) => r.map(n).filter(Boolean)
+  };
+}, ke = (e) => wo(e), ko = ["aria-label"], Zl = /* @__PURE__ */ _({
+  __name: "SelectComponent",
+  props: /* @__PURE__ */ F(ye, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const t = L(!1), o = e, l = s, n = G(e, "modelValue"), c = ke(o), { options: f } = c;
+    W(
+      () => o.options,
+      () => {
+        c.setOptions(o.options);
+      },
+      { immediate: !0 }
+    );
+    const v = (S) => {
+      l("change", S);
+    }, p = b(() => n.value ?? o.value), r = b(
+      () => p.value ? c.getLabels(p.value)[0] : ""
+    ), m = b(() => ce(o.styles)), u = b(
+      () => J(m.value.control.select, o)
+    ), h = (S) => {
+      const O = c.getOriginal(S);
+      n.value = O, t.value = !1, v(O);
+    }, $ = () => {
+      t.value = !1, n.value = null, v(void 0);
+    }, N = (S) => c.getValues(p.value)?.[0] === S.value, U = () => {
+      t.value = !1;
+    };
+    return (S, O) => (a(), x(we, R(o, {
+      options: g(f),
+      disabled: !S.enabled,
+      "is-open": t.value,
+      query: r.value,
+      "is-active": N,
+      clearable: o.clearable,
+      onClose: U,
+      onSelect: h,
+      onClear: $
+    }), {
+      default: V(() => [
+        i("button", {
+          type: "button",
+          class: C(["truncate block text-left", [u.value, S.width]]),
+          "aria-label": S.id,
+          role: "combobox",
+          onClick: O[0] || (O[0] = (D) => t.value = !0)
+        }, k(r.value ?? "Select value"), 11, ko)
+      ]),
+      _: 1
+    }, 16, ["options", "disabled", "is-open", "query", "clearable"]));
+  }
+}), _o = {
+  ...ye,
+  ...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
+  }
+};
+function $o(e) {
+  const s = L([]), t = L(!1);
+  function o(n) {
+    if (!e.options) {
+      s.value = [];
+      return;
+    }
+    const c = n.toLowerCase(), f = c ? e.options.filter(
+      (v) => pe(v, e).toLowerCase().includes(c)
+    ) : e.options;
+    s.value = f.slice(0, e.maxResults);
+  }
+  function l() {
+    s.value = [];
+  }
+  return { results: s, isLoading: t, search: o, clear: l };
+}
+function xo(e) {
+  const s = L([]), t = L(!1);
+  let o = null, l = null;
+  async function n(v) {
+    l && l.abort(), l = new AbortController(), t.value = !0;
+    try {
+      const p = await e.fetchOptions(v, l.signal);
+      s.value = (p || []).slice(0, e.maxResults);
+    } catch (p) {
+      p.name !== "AbortError" && (s.value = []);
+    } finally {
+      t.value = !1;
+    }
+  }
+  function c(v) {
+    o && clearTimeout(o), t.value = !0, o = setTimeout(() => {
+      n(v);
+    }, e.debounceMs);
+  }
+  function f() {
+    o && clearTimeout(o), l && l.abort(), s.value = [], t.value = !1;
+  }
+  return { results: s, isLoading: t, search: c, clear: f };
+}
+function Co(e) {
+  const s = e.fetchOptions ? xo(e) : $o(e);
+  function t(o) {
+    s.search(o);
+  }
+  return {
+    results: s.results,
+    isLoading: s.isLoading,
+    triggerSearch: t,
+    clear: s.clear
+  };
+}
+const Lo = ["aria-label", "aria-expanded", "value", "placeholder", "disabled"], Gl = /* @__PURE__ */ _({
+  __name: "AutoComplete",
+  props: _o,
+  emits: ["update:modelValue", "change", "clear", "focus", "blur"],
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = L(null), n = L(""), c = L(!1), f = Co(t), { isLoading: v, triggerSearch: p, clear: r } = f, m = ke(t), { options: u } = m;
+    W(
+      () => f.results.value,
+      () => {
+        m.setOptions(f.results.value);
+      },
+      { immediate: !0 }
+    ), W(
+      () => t.modelValue,
+      (M) => {
+        if (M == null || M === "") {
+          n.value = "";
+          return;
+        }
+        const P = typeof M == "object" ? M[t.labelKey] : M;
+        P !== n.value && (n.value = P);
+      },
+      { immediate: !0 }
+    );
+    const h = (M) => {
+      n.value = M.target.value, t.freeText ? o("update:modelValue", n.value) : o("update:modelValue", ""), p(n.value), c.value = !0;
+    }, $ = () => {
+      p(n.value), c.value = !0;
+    };
+    function N() {
+      setTimeout(() => {
+        c.value = !1, t.freeText ? o("change", n.value) : t.modelValue || (n.value = "");
+      }, 150);
+    }
+    const U = (M) => {
+      const P = m.getOriginal(M);
+      n.value = M.label, c.value = !1, o("update:modelValue", P), o("change", P);
+    }, S = () => {
+      n.value = "", r(), c.value = !1, o("update:modelValue", ""), o("clear"), Me(() => l.value?.focus());
+    }, O = () => {
+      c.value = !1;
+    }, D = b(() => ce(t.styles)), y = b(
+      () => J(D.value.control.select, t)
+    );
+    return (M, P) => (a(), x(we, R(t, {
+      options: g(u),
+      "is-loading": g(v),
+      "is-open": c.value,
+      query: n.value,
+      onClose: O,
+      onSelect: U,
+      onClear: S
+    }), {
+      default: V(() => [
+        i("input", {
+          ref_key: "inputRef",
+          ref: l,
+          type: "text",
+          role: "combobox",
+          "aria-label": M.id,
+          "aria-expanded": c.value,
+          "aria-autocomplete": "list",
+          "aria-haspopup": "listbox",
+          autocomplete: "off",
+          autocorrect: "off",
+          spellcheck: "false",
+          class: C([y.value, "w-full"]),
+          value: n.value,
+          placeholder: M.placeholder,
+          disabled: !M.enabled,
+          onInput: h,
+          onFocus: $,
+          onBlur: N
+        }, null, 42, Lo)
+      ]),
+      _: 1
+    }, 16, ["options", "is-loading", "is-open", "query"]));
+  }
+}), So = ["aria-label"], Xl = /* @__PURE__ */ _({
+  __name: "MultiSelect",
+  props: /* @__PURE__ */ F(De, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const t = L(!1), o = e, l = s, n = G(e, "modelValue"), c = (S) => {
+      l("change", S);
+    }, f = ke(o), { options: v } = f;
+    W(
+      () => o.options,
+      () => {
+        f.setOptions(o.options);
+      },
+      { immediate: !0 }
+    );
+    const p = b(
+      () => n.value ? f.getLabels(...n.value).join(", ") : void 0
+    ), r = b(
+      () => f.getValues(...n.value ?? [])
+    ), m = (S) => {
+      let O = n.value ?? [];
+      if ($(S))
+        O = O.filter(
+          (D) => f.getOption(D)?.value !== S.value
+        );
+      else {
+        const D = f.getOriginal(S);
+        O.push(D);
+      }
+      n.value = O, c(O);
+    }, u = () => {
+      t.value = !1, n.value = [], c([]);
+    }, h = () => {
+      t.value = !1;
+    }, $ = (S) => r.value?.includes(S.value) ?? !1, N = b(() => ce(o.styles)), U = b(
+      () => J(N.value.control.select, o)
+    );
+    return (S, O) => (a(), x(we, R(o, {
+      options: g(v),
+      "is-open": t.value,
+      disabled: !S.enabled,
+      query: void 0,
+      "is-active": $,
+      onClose: h,
+      onSelect: m,
+      onClear: u
+    }), {
+      default: V(() => [
+        i("button", {
+          type: "button",
+          class: C(["truncate block text-left", [U.value, S.width]]),
+          "aria-label": S.id,
+          role: "combobox",
+          onClick: O[0] || (O[0] = (D) => t.value = !0)
+        }, k(p.value ?? "Select value"), 11, So)
+      ]),
+      _: 1
+    }, 16, ["options", "is-open", "disabled"]));
+  }
+}), Mo = {
+  ...X
+}, Po = ["change", "focus", "blur"], Bo = { class: "flex items-center justify-center h-full" }, Vo = { class: "fieldset-label" }, Ao = ["aria-label", "disabled"], Oo = { class: "font-bold text-gray-500 text-sm" }, Jl = /* @__PURE__ */ _({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ F(Mo, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(Po, ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = G(e, "modelValue"), n = (p) => {
+      o("change", l.value);
+    }, c = (p) => {
+      o("focus", p);
+    }, f = (p) => {
+      o("blur", p);
+    }, v = b(
+      () => J(t.styles.control.checkbox, t)
+    );
+    return (p, r) => (a(), d("div", Bo, [
+      E(Y, R(t, { "hide-label": !0 }), {
+        default: V(() => [
+          i("label", Vo, [
+            oe(i("input", {
+              "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m),
+              "aria-label": p.id,
+              role: "checkbox",
+              type: "checkbox",
+              class: C(v.value),
+              disabled: !p.enabled,
+              onChange: n,
+              onFocus: c,
+              onBlur: f
+            }, null, 42, Ao), [
+              [Se, l.value]
+            ]),
+            i("span", Oo, k(p.label), 1)
+          ])
+        ]),
+        _: 1
+      }, 16)
+    ]));
+  }
+}), Io = {
+  ...X,
+  type: { type: String, default: "text" },
+  clearable: { type: Boolean, default: !1 }
+}, Do = ["change", "focus", "blur", "clear"], zo = { class: "relative w-full" }, Ro = ["aria-label", "type", "disabled", "autofocus", "placeholder"], Ql = /* @__PURE__ */ _({
+  __name: "Input",
+  props: /* @__PURE__ */ F(Io, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(Do, ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = G(e, "modelValue"), n = (r) => {
+      o("change", r);
+    }, c = (r) => {
+      o("focus", r);
+    }, f = (r) => {
+      o("blur", r);
+    }, v = () => {
+      l.value = "", o("clear");
+    }, p = b(
+      () => J(t.styles.control.input, t)
+    );
+    return (r, m) => (a(), x(Y, le(ae(t)), {
+      default: V(() => [
+        i("div", zo, [
+          oe(i("input", {
+            "onUpdate:modelValue": m[0] || (m[0] = (u) => l.value = u),
+            "aria-label": r.id,
+            autocomplete: "off",
+            type: r.type,
+            class: C([[p.value, { "pr-7": r.clearable && l.value }], "!w-full"]),
+            disabled: !r.enabled,
+            autofocus: r.isFocused,
+            placeholder: r.placeholder,
+            onChange: n,
+            onFocus: c,
+            onBlur: f
+          }, null, 42, Ro), [
+            [Fe, l.value]
+          ]),
+          r.clearable && l.value ? (a(), d("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: se(v, ["prevent"])
+          }, [...m[1] || (m[1] = [
+            i("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"
+            }, [
+              i("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                d: "M6 18L18 6M6 6l12 12"
+              })
+            ], -1)
+          ])], 32)) : w("", !0)
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Eo = {
+  ...X,
+  steps: { type: Number, default: 1 }
+}, To = ["change", "focus", "blur"], jo = ["aria-label", "disabled", "step", "autofocus", "placeholder"], Yl = /* @__PURE__ */ _({
+  __name: "InputNumber",
+  props: /* @__PURE__ */ F(Eo, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(To, ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = G(e, "modelValue"), n = (p) => {
+      o("change", p);
+    }, c = (p) => {
+      o("focus", p);
+    }, f = (p) => {
+      o("blur", p);
+    }, v = b(
+      () => J(t.styles?.control?.input, t)
+    );
+    return (p, r) => (a(), x(Y, le(ae(t)), {
+      default: V(() => [
+        oe(i("input", {
+          "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m),
+          autocomplete: "off",
+          "aria-label": p.id,
+          type: "number",
+          class: C(["w-full", [v.value]]),
+          disabled: !p.enabled,
+          step: p.steps,
+          autofocus: p.isFocused,
+          placeholder: p.placeholder,
+          onChange: n,
+          onFocus: c,
+          onBlur: f
+        }, null, 42, jo), [
+          [Pe, l.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), Fo = {
+  ...X,
+  rows: { type: Number, default: 4 },
+  dir: { type: String, default: "ltr" },
+  height: { type: String, default: void 0 },
+  minHeight: { type: String, default: void 0 }
+}, No = ["change", "focus", "blur"], qo = ["aria-label", "disabled", "rows", "dir", "autofocus", "placeholder"], ea = /* @__PURE__ */ _({
+  __name: "Textarea",
+  props: /* @__PURE__ */ F(Fo, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(No, ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = G(e, "modelValue"), n = (p) => {
+      o("change", p);
+    }, c = (p) => {
+      o("focus", p);
+    }, f = (p) => {
+      o("blur", p);
+    }, v = b(
+      () => J(t.styles.control.textarea, t)
+    );
+    return (p, r) => (a(), x(Y, le(ae(t)), {
+      default: V(() => [
+        oe(i("textarea", {
+          "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m),
+          autocomplete: "off",
+          type: "text",
+          "aria-label": p.id,
+          class: C(["w-full", v.value]),
+          disabled: !p.enabled,
+          rows: p.rows,
+          dir: p.dir,
+          style: H({ height: p.height, minHeight: p.minHeight }),
+          autofocus: p.isFocused,
+          placeholder: p.placeholder,
+          onChange: n,
+          onFocus: c,
+          onBlur: f
+        }, null, 46, qo), [
+          [Pe, l.value]
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), ta = Ne({
+  loader: () => import("./Markdown-OZGmR-pI.js"),
+  errorComponent: ao,
+  onError(e, s, t) {
+    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
+    ), t();
+  }
+}), Uo = {
+  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" }
+}, Ko = { class: "flex h-full overflow-hidden gap-2" }, Ho = {
+  key: 0,
+  id: "drawer-left",
+  class: "min-h-0 relative flex-shrink-0 overflow-visible flex"
+}, Wo = ["aria-expanded", "aria-label"], Zo = { class: "flex-1 overflow-y-auto bg-white" }, Go = {
+  key: 1,
+  class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
+}, Xo = ["aria-expanded", "aria-label"], sa = /* @__PURE__ */ _({
+  __name: "drawer",
+  props: Uo,
+  setup(e) {
+    const s = e, t = Be(), o = b(() => !!t["left-drawer"]), l = b(() => !!t["right-drawer"]), n = L({
+      left: s.initialLeftOpen,
+      right: s.initialRightOpen
+    }), c = (f) => {
+      n.value[f] = !n.value[f];
+    };
+    return (f, v) => (a(), d("main", Ko, [
+      o.value ? (a(), d("aside", Ho, [
+        i("div", {
+          id: "drawer-left-panel",
+          style: H({ width: n.value.left ? f.widthLeft + "px" : "0px" }),
+          class: C(["h-full overflow-hidden shadow-sm transition-[width] duration-300 ease-in-out", [f.drawerColor]])
+        }, [
+          i("div", {
+            style: H({ width: f.widthLeft + "px" }),
+            class: "h-full overflow-y-auto p-4"
+          }, [
+            I(f.$slots, "left-drawer")
+          ], 4)
+        ], 6),
+        i("button", {
+          "aria-expanded": n.value.left,
+          "aria-controls": "drawer-left-panel",
+          "aria-label": n.value.left ? "Collapse left panel" : "Expand left panel",
+          class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
+          onClick: v[0] || (v[0] = (p) => c("left"))
+        }, [
+          E(g(Z), {
+            size: "lg",
+            icon: n.value.left ? g(j).ChevronLeft : g(j).ChevronRight
+          }, null, 8, ["icon"])
+        ], 8, Wo)
+      ])) : w("", !0),
+      i("div", Zo, [
+        I(f.$slots, "default")
+      ]),
+      l.value ? (a(), d("aside", Go, [
+        i("button", {
+          "aria-expanded": n.value.right,
+          "aria-controls": "drawer-right-panel",
+          "aria-label": n.value.right ? "Collapse right panel" : "Expand right panel",
+          class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
+          onClick: v[1] || (v[1] = (p) => c("right"))
+        }, [
+          E(g(Z), {
+            size: "lg",
+            icon: n.value.right ? g(j).ChevronRight : g(j).ChevronLeft
+          }, null, 8, ["icon"])
+        ], 8, Xo),
+        i("div", {
+          id: "drawer-right-panel",
+          style: H({ width: n.value.right ? f.widthRight + "px" : "0px" }),
+          class: C(["h-full overflow-hidden shadow-sm transition-[width] duration-300 ease-in-out", [f.drawerColor]])
+        }, [
+          i("div", {
+            style: H({ width: f.widthRight + "px" }),
+            class: "h-full overflow-y-auto p-4"
+          }, [
+            I(f.$slots, "right-drawer")
+          ], 4)
+        ], 6)
+      ])) : w("", !0)
+    ]));
+  }
+}), Jo = { class: "ml-1" }, Qo = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  class: "w-3 h-3"
+}, Yo = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  class: "w-3 h-3"
+}, el = { class: "truncate flex-1 min-w-0 text-left" }, tl = {
+  key: 0,
+  class: "badge badge-ghost badge-sm flex-shrink-0"
+}, sl = /* @__PURE__ */ _({
+  __name: "TreeItem",
+  props: {
+    active: {},
+    node: {},
+    expanded: {},
+    isExpanded: { type: Function }
+  },
+  emits: ["toggle", "select"],
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = b(() => t.active === t.node.id);
+    return (n, c) => {
+      const f = fe("TreeItem", !0);
+      return a(), d("li", Jo, [
+        i("div", {
+          class: C([
+            `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 ? (a(), d("span", {
+            key: 0,
+            class: "flex items-center justify-center",
+            onClick: c[0] || (c[0] = (v) => o("toggle", e.node))
+          }, [
+            e.node.children && e.isExpanded(e.node.id) ? (a(), d("svg", Qo, [...c[4] || (c[4] = [
+              i("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)
+            ])])) : (a(), d("svg", Yo, [...c[5] || (c[5] = [
+              i("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)
+            ])]))
+          ])) : w("", !0),
+          i("div", {
+            class: "flex items-center gap-2 w-full min-w-0",
+            onClick: c[1] || (c[1] = (v) => o("select", e.node))
+          }, [
+            i("div", el, k(e.node.label), 1),
+            e.node.tag ? (a(), d("div", tl, k(e.node.tag), 1)) : w("", !0)
+          ])
+        ], 2),
+        e.node.children && e.isExpanded(e.node.id) ? (a(), d("ul", {
+          key: 0,
+          class: C([
+            "ml-4 border-l pl-2",
+            { "border-gray-200": !l.value, "border-primary": l.value }
+          ])
+        }, [
+          (a(!0), d(B, null, z(e.node.children, (v) => (a(), x(f, {
+            key: v.id,
+            node: v,
+            expanded: e.expanded,
+            active: e.active,
+            "is-expanded": e.isExpanded,
+            onToggle: c[2] || (c[2] = (p) => o("toggle", p)),
+            onSelect: c[3] || (c[3] = (p) => o("select", p))
+          }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
+        ], 2)) : w("", !0)
+      ]);
+    };
+  }
+}), ol = { class: "select-none text-sm" }, oa = /* @__PURE__ */ _({
+  __name: "TreeView",
+  props: {
+    data: {},
+    active: {}
+  },
+  emits: ["select"],
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = L(/* @__PURE__ */ new Set()), n = (v) => {
+      const p = v.id;
+      if (!v.children || v.children.length === 0) {
+        o("select", v);
+        return;
+      }
+      l.value.has(p) ? l.value.delete(p) : l.value.add(p);
+    }, c = (v) => {
+      o("select", v), l.value.add(v.id);
+    }, f = (v) => l.value.has(v);
+    return (v, p) => (a(), d("ul", ol, [
+      (a(!0), d(B, null, z(t.data, (r) => (a(), x(sl, {
+        key: r.id,
+        node: r,
+        expanded: l.value,
+        active: e.active,
+        "is-expanded": f,
+        onToggle: n,
+        onSelect: c
+      }, null, 8, ["node", "expanded", "active"]))), 128))
+    ]));
+  }
+}), ll = {
+  key: 0,
+  role: "status",
+  "aria-live": "polite",
+  class: "flex items-center justify-center h-20"
+}, la = /* @__PURE__ */ _({
+  __name: "loading",
+  props: {
+    loading: { type: Boolean }
+  },
+  setup(e) {
+    return (s, t) => e.loading ? (a(), d("div", ll, [...t[0] || (t[0] = [
+      i("span", {
+        "aria-hidden": "true",
+        class: "loading loading-bars loading-md text-primary"
+      }, null, -1),
+      i("span", { class: "sr-only" }, "Loading...", -1)
+    ])])) : w("", !0);
+  }
+}), al = {
+  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: () => []
+  }
+}, nl = ["checked", "aria-label"], rl = { class: "collapse-title text-gray-500 text-xs font-medium" }, il = { class: "flex items-center justify-between" }, cl = {
+  key: 0,
+  class: "list bg-base-100"
+}, ul = {
+  key: 1,
+  class: "shrink-0 pt-2"
+}, dl = /* @__PURE__ */ _({
+  __name: "Collapse",
+  props: al,
+  setup(e) {
+    const s = Be(), t = e, o = L(t.opened), l = L(t.opened || t.disabled);
+    return (n, c) => (a(), d("div", {
+      class: C(["collapse collapse-arrow bg-white border border-gray-300", [
+        n.scrollable ? "flex-1 min-h-0 !grid-rows-[auto_1fr] overflow-hidden" : "",
+        n.heightFull ? "h-full" : "",
+        n.disabled ? "collapse-open" : "",
+        l.value && !n.scrollable ? "overflow-visible" : ""
+      ]])
+    }, [
+      n.disabled ? w("", !0) : (a(), d("input", {
+        key: 0,
+        type: "checkbox",
+        checked: o.value,
+        tabindex: "-1",
+        "aria-label": "Toggle " + n.title,
+        onChange: c[0] || (c[0] = (f) => l.value = f.target.checked)
+      }, null, 40, nl)),
+      i("div", rl, [
+        i("div", il, [
+          i("span", null, k(n.title), 1),
+          t.actions.length > 0 ? (a(), d("div", {
+            key: 0,
+            class: "relative z-10 flex gap-1 overflow-y-auto",
+            onClick: c[1] || (c[1] = se(() => {
+            }, ["stop"]))
+          }, [
+            (a(!0), d(B, null, z(t.actions, (f, v) => (a(), x(g(Q), {
+              key: v,
+              color: g(K).blank,
+              size: "xs",
+              icon: f.icon,
+              tooltip: f.tooltip,
+              disabled: f.disabled,
+              onClick: f.onClick
+            }, {
+              default: V(() => [
+                q(k(f.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["color", "icon", "tooltip", "disabled", "onClick"]))), 128))
+          ])) : w("", !0)
+        ])
+      ]),
+      i("div", {
+        class: C(["collapse-content", [
+          n.scrollable ? "!flex !flex-col min-h-0" : "",
+          g(s).list ? "p-0" : ""
+        ]])
+      }, [
+        i("div", {
+          class: C(n.scrollable ? "flex-1 min-h-0 overflow-y-auto" : "")
+        }, [
+          I(n.$slots, "default")
+        ], 2),
+        g(s).list ? (a(), d("ul", cl, [
+          I(n.$slots, "list")
+        ])) : w("", !0),
+        g(s).footer ? (a(), d("div", ul, [
+          I(n.$slots, "footer")
+        ])) : w("", !0)
+      ], 2)
+    ], 2));
+  }
+}), pl = {
+  title: { type: String },
+  label: { type: String },
+  labelLink: { type: String },
+  description: { type: String },
+  descriptionLink: { type: String }
+}, fl = { class: "list-row" }, vl = { class: "list-col-grow" }, ml = { key: 0 }, hl = {
+  key: 1,
+  class: "text-xs text-gray-600"
+}, bl = ["href"], gl = { key: 1 }, yl = {
+  key: 0,
+  class: "text-xs text-gray-500"
+}, wl = ["href"], kl = { key: 1 }, aa = /* @__PURE__ */ _({
+  __name: "CollapseRow",
+  props: pl,
+  setup(e) {
+    return (s, t) => (a(), d("li", fl, [
+      i("div", vl, [
+        s.title ? (a(), d("div", ml, k(s.title), 1)) : w("", !0),
+        s.description || s.descriptionLink ? (a(), d("div", hl, [
+          s.descriptionLink ? (a(), d("a", {
+            key: 0,
+            href: s.descriptionLink,
+            target: "_blank"
+          }, k(s.description ?? s.descriptionLink), 9, bl)) : (a(), d("span", gl, k(s.description), 1))
+        ])) : w("", !0)
+      ]),
+      s.label ? (a(), d("div", yl, [
+        s.labelLink ? (a(), d("a", {
+          key: 0,
+          href: s.labelLink,
+          target: "_blank"
+        }, k(s.label), 9, wl)) : (a(), d("span", kl, k(s.label), 1))
+      ])) : w("", !0),
+      I(s.$slots, "default")
+    ]));
+  }
+}), _l = { class: "text-gray-800" }, na = /* @__PURE__ */ _({
+  __name: "alert",
+  props: {
+    message: {},
+    type: {}
+  },
+  setup(e) {
+    const s = {
+      success: "alert-success",
+      error: "alert-error",
+      warning: "alert-warning",
+      info: "alert-info"
+    };
+    return (t, o) => (a(), d("div", {
+      role: "alert",
+      class: C(`alert alert-soft ${s[e.type]} `)
+    }, [
+      i("span", _l, k(e.message), 1),
+      I(t.$slots, "default")
+    ], 2));
+  }
+}), $l = {
+  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 }
+}, xl = ["update:modelValue"], Cl = (e, s, t, o) => {
+  const l = b(
+    () => e.value.map((r) => r[t.value])
+  ), n = (r) => s.value.includes(r), c = b(() => {
+    const r = s.value.length;
+    return r === 0 ? "None" : r === l.value.length ? "All" : `${r}`;
+  });
+  return { isSelected: n, selectedLabel: c, selectAll: () => o("update:modelValue", [...l.value]), selectNone: () => o("update:modelValue", []), toggleItem: (r, m) => {
+    m ? o("update:modelValue", [...s.value, r]) : o(
+      "update:modelValue",
+      s.value.filter((u) => u !== r)
+    );
+  } };
+}, Ll = { class: "flex items-center justify-between mb-2" }, Sl = { class: "text-xs text-base-content/50" }, Ml = { class: "flex gap-1" }, Pl = { class: "flex flex-col gap-1" }, Bl = ["checked", "onChange"], Vl = { class: "text-sm flex-1 select-none" }, Al = {
+  key: 1,
+  class: "badge badge-sm badge-ghost"
+}, ra = /* @__PURE__ */ _({
+  __name: "filter",
+  props: $l,
+  emits: xl,
+  setup(e, { emit: s }) {
+    const t = e, o = s, l = b(() => t.items ?? []), { isSelected: n, selectedLabel: c, selectAll: f, selectNone: v, toggleItem: p } = Cl(l, $e(t, "modelValue"), $e(t, "valueKey"), o);
+    return (r, m) => (a(), x(g(dl), {
+      title: r.title,
+      opened: r.opened
+    }, {
+      default: V(() => [
+        i("div", Ll, [
+          i("span", Sl, k(g(c)) + " of " + k(l.value.length) + " items ", 1),
+          i("div", Ml, [
+            i("button", {
+              class: "btn btn-ghost btn-xs",
+              type: "button",
+              tabindex: "-1",
+              onClick: m[0] || (m[0] = //@ts-ignore
+              (...u) => g(f) && g(f)(...u))
+            }, " All "),
+            i("button", {
+              class: "btn btn-ghost btn-xs",
+              type: "button",
+              tabindex: "-1",
+              onClick: m[1] || (m[1] = //@ts-ignore
+              (...u) => g(v) && g(v)(...u))
+            }, " None ")
+          ])
+        ]),
+        i("div", Pl, [
+          (a(!0), d(B, null, z(l.value, (u) => (a(), d("label", {
+            key: u[r.valueKey],
+            class: C(["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(n)(u[r.valueKey]) }])
+          }, [
+            i("input", {
+              type: "checkbox",
+              class: "checkbox checkbox-sm",
+              checked: g(n)(u[r.valueKey]),
+              onChange: (h) => g(p)(
+                u[r.valueKey],
+                h.target.checked
+              )
+            }, null, 40, Bl),
+            r.colorKey && u[r.colorKey] ? (a(), d("span", {
+              key: 0,
+              class: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
+              style: H({ backgroundColor: u[r.colorKey] })
+            }, null, 4)) : w("", !0),
+            i("span", Vl, k(u[r.labelKey]), 1),
+            u[r.countKey] > 0 ? (a(), d("span", Al, k(u[r.countKey]), 1)) : w("", !0)
+          ], 2))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "opened"]));
+  }
+});
+export {
+  ea as $,
+  Tt as A,
+  Mt as B,
+  Hl as C,
+  sa as D,
+  Rl as E,
+  xl as F,
+  ra as G,
+  Z as H,
+  j as I,
+  Ql as J,
+  Yl as K,
+  la as L,
+  ta as M,
+  be as N,
+  zl as O,
+  Bt as P,
+  jt as Q,
+  Xl as R,
+  Ft as S,
+  Ut as T,
+  fs as U,
+  Zl as V,
+  Tl as W,
+  ve as X,
+  jl as Y,
+  Fl as Z,
+  Y as _,
+  zt as a,
+  oa as a0,
+  Ul as a1,
+  J as a2,
+  ql as a3,
+  Wl as a4,
+  to as a5,
+  ce as a6,
+  re as a7,
+  Kl as a8,
+  Ie as a9,
+  Cl as aa,
+  Ct as ab,
+  Dt as b,
+  It as c,
+  Ot as d,
+  St as e,
+  Ae as f,
+  me as g,
+  K as h,
+  X as i,
+  $l as j,
+  pt as k,
+  ft as l,
+  eo as m,
+  Ys as n,
+  $t as o,
+  _t as p,
+  he as q,
+  Lt as r,
+  na as s,
+  Gl as t,
+  Nl as u,
+  Q as v,
+  El as w,
+  Jl as x,
+  dl as y,
+  aa as z
+};