@ghentcdh/ui 0.6.8 → 0.7.0

package/index.esm.js

@@ -1,95 +1,402 @@
-import { defineComponent as v, openBlock as l, createElementBlock as c, unref as b, normalizeClass as y, createElementVNode as i, toDisplayString as p, createBlock as g, createCommentVNode as x, Fragment as $, renderList as L, mergeProps as A, computed as k, resolveComponent as re, withCtx as B, createTextVNode as F, ref as S, watch as ne, onMounted as $e, renderSlot as M, resolveDynamicComponent as ce, createVNode as P, withDirectives as U, vModelCheckbox as ge, normalizeStyle as ie, getCurrentInstance as Ce, toHandlerKey as ve, camelize as Be, mergeDefaults as K, useModel as H, normalizeProps as Z, guardReactiveProps as G, vModelSelect as _e, mergeModels as V, resolveDirective as ye, vModelText as ue, onBeforeUnmount as Le, vModelDynamic as Me, useSlots as Pe } from "vue";
-import { RouterLink as Ve } from "vue-router";
-import { v4 as se } from "uuid";
-import { apiNoAuth as Ae, useApi as De } from "@ghentcdh/tools-vue";
-import { ChevronDownIcon as Te, ChevronRightIcon as ze } from "@heroicons/vue/24/solid";
-import Fe from "@tiptap/starter-kit";
-import { useEditor as Se, EditorContent as Ne } from "@tiptap/vue-3";
-import { Markdown as Re } from "tiptap-markdown";
-const C = (...e) => `<svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    stroke-width="1.5"
-    stroke="currentColor" >
-    ${e.map(
-  (t) => ` <path
-     stroke-linejoin="round"
-      stroke-linecap="round"
-      d="${t}"
-    />`
-).join(`
-`)}
-  </svg>`;
-var z = /* @__PURE__ */ ((e) => (e.Edit = "Edit", e.Delete = "Delete", e.BarsArrowDown = "BarsArrowDown", e.BarsArrowUp = "BarsArrowUp", e.Funnel = "Funnel", e.Close = "Close", e.Plus = "Plus", e.PaperClip = "PaperClip", e.Hamburger = "Hamburger", e.ChevronRight = "ChevronRight", e.ChevronLeft = "ChevronLeft", e.ChevronDown = "ChevronDown", e.ChevronUp = "ChevronUp", e.DblChevronLeft = "DblChevronLeft", e.DblChevronRight = "DblChevronRight", e.Check = "Check", e.View = "View", e.Text = "Text", e))(z || {});
-const Ie = {
-  Edit: C(
-    "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
-  ),
-  Delete: C(
-    "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
-  ),
-  BarsArrowDown: C(
-    "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
-  ),
-  BarsArrowUp: C(
-    "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
-  ),
-  Funnel: C(
-    "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"
-  ),
-  Close: C("M6 18 18 6M6 6l12 12"),
-  Plus: C("M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"),
-  PaperClip: C(
-    "m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"
-  ),
-  Hamburger: C("M4 6h16M4 12h16M4 18h16"),
-  ChevronRight: C(
-    "M8.25 4.5l7.5 7.5-7.5 7.5"
-  ),
-  ChevronLeft: C(
-    "M15.75 19.5L8.25 12l7.5-7.5"
-  ),
-  ChevronDown: C(
-    "M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z"
-  ),
-  ChevronUp: C(
-    "M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z"
-  ),
-  Check: C("m4.5 12.75 6 6 9-13.5"),
-  View: C(
-    "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z",
-    "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-  ),
-  Text: C(
-    "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
-  ),
-  DblChevronLeft: C(
-    "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
-  ),
-  DblChevronRight: C("m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5")
-}, Ue = ["innerHTML"], j = /* @__PURE__ */ v({
+import { openBlock as l, createElementBlock as c, createElementVNode as r, defineComponent as w, computed as v, createBlock as y, resolveDynamicComponent as se, normalizeClass as _, createCommentVNode as k, toDisplayString as b, unref as g, Fragment as C, renderList as S, mergeProps as P, resolveComponent as ie, withCtx as L, createTextVNode as N, ref as M, watch as G, onMounted as ke, renderSlot as B, createVNode as V, withDirectives as Y, vModelCheckbox as xe, normalizeStyle as Z, useAttrs as Ve, getCurrentInstance as Ae, toHandlerKey as ye, camelize as je, withModifiers as ce, nextTick as _e, onUnmounted as Oe, normalizeProps as ee, guardReactiveProps as te, Transition as Re, useModel as E, mergeModels as O, onBeforeUnmount as Te, vModelDynamic as De, vModelText as $e, useSlots as Ce, toRef as we } from "vue";
+import { RouterLink as Ne } from "vue-router";
+import { v4 as ue } from "uuid";
+import ze from "@tiptap/starter-kit";
+import { useEditor as qe, EditorContent as Ie } from "@tiptap/vue-3";
+import { Markdown as Ee } from "tiptap-markdown";
+import { ChevronDownIcon as Fe, ChevronRightIcon as He } from "@heroicons/vue/24/solid";
+function Ke(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
+    })
+  ]);
+}
+function Ue(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25"
+    })
+  ]);
+}
+function We(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12"
+    })
+  ]);
+}
+function Ze(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m4.5 12.75 6 6 9-13.5"
+    })
+  ]);
+}
+function Ge(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
+    })
+  ]);
+}
+function Je(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
+    })
+  ]);
+}
+function Qe(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m19.5 8.25-7.5 7.5-7.5-7.5"
+    })
+  ]);
+}
+function Xe(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.75 19.5 8.25 12l7.5-7.5"
+    })
+  ]);
+}
+function Ye(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m8.25 4.5 7.5 7.5-7.5 7.5"
+    })
+  ]);
+}
+function et(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "m4.5 15.75 7.5-7.5 7.5 7.5"
+    })
+  ]);
+}
+function tt(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    })
+  ]);
+}
+function ot(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    }),
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+    })
+  ]);
+}
+function nt(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    })
+  ]);
+}
+function st(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    })
+  ]);
+}
+function lt(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    })
+  ]);
+}
+function at(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    })
+  ]);
+}
+function rt(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    })
+  ]);
+}
+function it(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
+    })
+  ]);
+}
+function ct(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "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"
+    })
+  ]);
+}
+function ut(e, t) {
+  return l(), c("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 18 18 6M6 6l12 12"
+    })
+  ]);
+}
+var D = /* @__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))(D || {});
+const dt = {
+  Edit: rt,
+  Delete: ct,
+  BarsArrowDown: Ue,
+  BarsArrowUp: We,
+  Funnel: nt,
+  Close: ut,
+  Plus: it,
+  PaperClip: at,
+  Hamburger: Ke,
+  ChevronRight: Ye,
+  ChevronLeft: Xe,
+  ChevronDown: Qe,
+  ChevronUp: et,
+  DblChevronLeft: Ge,
+  DblChevronRight: Je,
+  Language: st,
+  Check: Ze,
+  View: ot,
+  Text: tt,
+  Link: lt
+}, pt = {
+  icon: { type: [String, Object, Function] },
+  size: { type: String }
+}, I = /* @__PURE__ */ w({
   __name: "icon",
-  props: {
-    icon: {},
-    size: {}
-  },
+  props: pt,
   setup(e) {
-    return (o, t) => (l(), c("div", {
-      class: y([
+    const t = e, o = v(() => t.icon ? typeof t.icon == "string" ? dt[t.icon] : t.icon : null);
+    return (s, a) => o.value ? (l(), y(se(o.value), {
+      key: 0,
+      class: _([
         {
-          "w-full h-full": !e.size,
-          "w-2 h-2": e.size === "xs",
-          "w-4 h-4": e.size === "sm"
+          "w-full h-full": !s.size,
+          "w-2 h-2": s.size === "xs",
+          "w-4 h-4": s.size === "sm",
+          "w-6 h-6": s.size === "lg",
+          "w-8 h-8": s.size === "xl"
         }
-      ]),
-      innerHTML: b(Ie)[e.icon]
-    }, null, 10, Ue));
+      ])
+    }, null, 8, ["class"])) : k("", !0);
   }
-}), Ke = { class: "dropdown dropdown-end" }, qe = {
+}), ft = { class: "dropdown dropdown-end" }, mt = {
   tabindex: "0",
   class: "menu dropdown-content bg-white z-1 mt-4 p-2 shadow-sm"
-}, je = { class: "min-w-max flex-no-wrap text-black" }, de = /* @__PURE__ */ v({
+}, ht = { class: "min-w-max flex-no-wrap text-black" }, de = /* @__PURE__ */ w({
   __name: "sub-menu",
   props: {
     label: {},
@@ -100,29 +407,29 @@ const Ie = {
     disableArrow: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => (l(), c("div", Ke, [
-      i("div", {
+    return (t, o) => (l(), c("div", ft, [
+      r("div", {
         tabindex: "0",
         role: "button",
-        class: y([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
+        class: _([e.btnClass, "btn btn-ghost text-right flex-nowrap flex"])
       }, [
-        i("span", null, p(e.label), 1),
-        e.disableArrow ? x("", !0) : (l(), g(b(j), {
+        r("span", null, b(e.label), 1),
+        e.disableArrow ? k("", !0) : (l(), y(g(I), {
           key: 0,
-          icon: b(z).ChevronDown,
+          icon: g(D).ChevronDown,
           size: "sm"
         }, null, 8, ["icon"]))
       ], 2),
-      i("ul", qe, [
-        i("li", je, [
-          (l(!0), c($, null, L(e.items, (s) => (l(), g(we, A({
+      r("ul", mt, [
+        r("li", ht, [
+          (l(!0), c(C, null, S(e.items, (s) => (l(), y(Le, P({
             key: s.label
           }, { ref_for: !0 }, s), null, 16))), 128))
         ])
       ])
     ]));
   }
-}), le = "btn btn-ghost text-left justify-between min-w-max font-normal", we = /* @__PURE__ */ v({
+}), oe = "btn btn-ghost text-left justify-between min-w-max font-normal", Le = /* @__PURE__ */ w({
   __name: "menu-item",
   props: {
     label: {},
@@ -131,97 +438,97 @@ const Ie = {
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, t = k(() => !o.disabled && o.action && "routerLink" in o.action), s = k(() => !o.disabled && o.action), n = k(() => o.items?.length), u = k(() => {
-      const m = o.action;
-      return m && "routerLink" in m && "params" in m ? {
-        name: m.routerLink,
-        params: m.params
+    const t = e, o = v(() => !t.disabled && t.action && "routerLink" in t.action), s = v(() => !t.disabled && t.action), a = v(() => t.items?.length), i = v(() => {
+      const p = t.action;
+      return p && "routerLink" in p && "params" in p ? {
+        name: p.routerLink,
+        params: p.params
       } : "";
-    }), h = () => {
-      o.action?.();
+    }), d = () => {
+      t.action?.();
     };
-    return (m, d) => {
-      const a = re("RouterLink");
-      return n.value ? (l(), g(de, A({ key: 0 }, o, { "btn-class": le }), null, 16)) : t.value ? (l(), g(a, {
+    return (p, f) => {
+      const u = ie("RouterLink");
+      return a.value ? (l(), y(de, P({ key: 0 }, t, { "btn-class": oe }), null, 16)) : o.value ? (l(), y(u, {
         key: 1,
-        to: u.value,
-        class: y(le),
-        onClick: h
+        to: i.value,
+        class: _(oe),
+        onClick: d
       }, {
-        default: B(() => [
-          F(p(e.label), 1)
+        default: L(() => [
+          N(b(e.label), 1)
         ]),
         _: 1
       }, 8, ["to"])) : s.value ? (l(), c("button", {
         key: 2,
-        class: y(le),
-        onClick: h
-      }, p(e.label), 1)) : (l(), c("div", {
+        class: _(oe),
+        onClick: d
+      }, b(e.label), 1)) : (l(), c("div", {
         key: 3,
-        class: y([le, { "btn-disabled": e.disabled }])
-      }, p(e.label), 3));
+        class: _([oe, { "btn-disabled": e.disabled }])
+      }, b(e.label), 3));
     };
   }
-}), He = { class: "navbar bg-base-100 shadow-sm" }, Oe = { class: "flex-1" }, Ee = {
+}), gt = { class: "navbar bg-base-100 shadow-sm" }, vt = { class: "flex-1" }, bt = {
   key: 0,
   class: "breadcrumbs text-sm"
-}, We = { class: "flex grow justify-end px-2" }, Ze = { class: "flex items-stretch" }, Eo = /* @__PURE__ */ v({
+}, yt = { class: "flex grow justify-end px-2" }, wt = { class: "flex items-stretch" }, ls = /* @__PURE__ */ w({
   __name: "menu",
   props: {
     menu: {},
     breadcrumbs: {}
   },
   setup(e) {
-    return (o, t) => {
-      const s = re("RouterLink");
-      return l(), c("nav", He, [
-        i("div", Oe, [
-          e.breadcrumbs ? (l(), c("div", Ee, [
-            i("ul", null, [
-              (l(!0), c($, null, L(e.breadcrumbs, (n) => (l(), c("li", {
-                key: n.label
+    return (t, o) => {
+      const s = ie("RouterLink");
+      return l(), c("nav", gt, [
+        r("div", vt, [
+          e.breadcrumbs ? (l(), c("div", bt, [
+            r("ul", null, [
+              (l(!0), c(C, null, S(e.breadcrumbs, (a) => (l(), c("li", {
+                key: a.label
               }, [
-                n.routerLink ? (l(), g(s, {
+                a.routerLink ? (l(), y(s, {
                   key: 0,
-                  to: { name: n.routerLink, params: n.params }
+                  to: { name: a.routerLink, params: a.params }
                 }, {
-                  default: B(() => [
-                    F(p(n.label), 1)
+                  default: L(() => [
+                    N(b(a.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["to"])) : (l(), c($, { key: 1 }, [
-                  F(p(n.label), 1)
+                }, 1032, ["to"])) : (l(), c(C, { key: 1 }, [
+                  N(b(a.label), 1)
                 ], 64))
               ]))), 128))
             ])
-          ])) : x("", !0)
+          ])) : k("", !0)
         ]),
-        i("div", We, [
-          i("div", Ze, [
-            (l(!0), c($, null, L(e.menu, (n) => (l(), g(we, A({
-              key: n.label
-            }, { ref_for: !0 }, n), null, 16))), 128))
+        r("div", yt, [
+          r("div", wt, [
+            (l(!0), c(C, null, S(e.menu, (a) => (l(), y(Le, P({
+              key: a.label
+            }, { ref_for: !0 }, a), null, 16))), 128))
           ])
         ])
       ]);
     };
   }
-}), Wo = /* @__PURE__ */ v({
+}), as = /* @__PURE__ */ w({
   __name: "dropdown",
   props: {
     items: {}
   },
   setup(e) {
-    const o = S(!0);
-    return (t, s) => (l(), g(de, {
+    const t = M(!0);
+    return (o, s) => (l(), y(de, {
       items: e.items,
       label: "test",
-      open: o.value,
+      open: t.value,
       "btn-class": "",
       "disable-arrow": !0
     }, null, 8, ["items", "open"]));
   }
-}), Ge = { class: "font-bold" }, Je = { class: "pt-4" }, Qe = { class: "modal-action" }, Xe = /* @__PURE__ */ v({
+}), kt = { class: "font-bold" }, xt = { class: "pt-4" }, _t = { class: "modal-action" }, $t = /* @__PURE__ */ w({
   __name: "modal",
   props: {
     modalTitle: {},
@@ -233,133 +540,137 @@ const Ie = {
     width: { default: "sm" }
   },
   emits: ["closeModal"],
-  setup(e, { expose: o, emit: t }) {
+  setup(e, { expose: t, emit: o }) {
     const s = {
       xs: "max-w-xs w-[50VW]",
       sm: "max-w-sm w-[50VW]",
       lg: "max-w-2xl w-[80VW]",
       xl: "max-w-[80VW] w-[80VW]"
-    }, n = e, u = `modal_${se()}`, h = t, m = () => {
-      document.getElementById(u)?.showModal();
-    }, d = () => {
-      document.getElementById(u)?.close(), h("closeModal");
+    }, a = e, i = `modal_${ue()}`, d = o, p = () => {
+      document.getElementById(i)?.showModal();
+    }, f = () => {
+      document.getElementById(i)?.close(), d("closeModal");
     };
-    return o({ closeModal: d, openModal: m }), ne(
-      () => n.open,
-      (a, r, w) => {
-        n.open ? m() : d();
+    return t({ closeModal: f, openModal: p }), G(
+      () => a.open,
+      (u, n, m) => {
+        a.open ? p() : f();
       }
-    ), $e(() => {
-      n.open && m();
-    }), (a, r) => (l(), c("dialog", {
-      id: u,
+    ), ke(() => {
+      a.open && p();
+    }), (u, n) => (l(), c("dialog", {
+      id: i,
       class: "modal"
     }, [
-      i("div", {
-        class: y(["modal-box bg-white", s[e.width]])
+      r("div", {
+        class: _(["modal-box bg-white", s[e.width]])
       }, [
-        e.disableClose ? x("", !0) : (l(), c("button", {
+        e.disableClose ? k("", !0) : (l(), c("button", {
           key: 0,
           type: "button",
           class: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2",
-          onClick: d
+          onClick: f
         }, " ✕ ")),
-        i("h3", Ge, p(e.modalTitle), 1),
-        i("div", Je, [
-          M(a.$slots, "content")
+        r("h3", kt, b(e.modalTitle), 1),
+        r("div", xt, [
+          B(u.$slots, "content")
         ]),
-        i("div", Qe, [
-          M(a.$slots, "actions")
+        r("div", _t, [
+          B(u.$slots, "actions")
         ])
       ], 2)
     ]));
   }
 });
-var me = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(me || {}), xe = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(xe || {}), X = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(X || {});
-const Ye = {
+var pe = /* @__PURE__ */ ((e) => (e.button = "button", e.submit = "submit", e.reset = "reset", e))(pe || {}), Me = /* @__PURE__ */ ((e) => (e.a = "a", e.button = "button", e))(Me || {}), q = /* @__PURE__ */ ((e) => (e.blank = "blank", e.primary = "primary", e.secondary = "secondary", e.error = "error", e))(q || {});
+const Ct = {
   blank: "btn-ghost",
   primary: "btn-primary",
   secondary: "btn-soft btn-primary",
-  error: "btn-error text-white"
-}, et = {
+  error: "btn-error"
+}, Lt = {
   blank: "badge-ghost",
   primary: "badge-primary",
   secondary: "badge-soft badge-primary",
   error: "badge-error"
-}, tt = {
+}, Mt = {
+  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: pe.button },
+  outline: { type: Boolean, default: !1 },
+  color: { type: String, default: q.primary },
+  size: { type: String, default: "sm" },
+  square: { type: Boolean, default: !1 }
+}, St = ["click"], Bt = {
+  icon: { type: [String, Object, Function] },
+  type: { type: String, default: pe.button },
+  color: { type: String },
+  disabled: { type: Boolean, default: !1 },
+  size: { type: String, default: "sm" }
+}, Pt = ["click"], Vt = {
   xs: "btn-xs",
   sm: "btn-sm",
   lg: "btn-sm",
   xl: "btn"
-}, ot = {
+}, At = {
   xs: "badge-xs text-xxs",
   sm: "badge-sm text-xs",
   lg: "badge-sm text-xs",
   xl: "badge text-xs"
-}, Y = /* @__PURE__ */ v({
+}, z = /* @__PURE__ */ w({
   __name: "btn",
-  props: {
-    href: {},
-    disabled: { type: Boolean, default: !1 },
-    as: { default: xe.button },
-    icon: {},
-    type: { default: me.button },
-    outline: { type: Boolean, default: !1 },
-    color: { default: X.primary },
-    size: { default: "sm" },
-    square: { type: Boolean, default: !1 }
-  },
-  emits: ["click"],
-  setup(e, { emit: o }) {
-    const t = e, s = o;
-    return (n, u) => (l(), g(ce(e.as), A({
-      class: [
-        "btn  p-1 flex justify-center flex-nowrap",
-        b(Ye)[e.color],
-        b(tt)[e.size],
-        { "btn-outline": e.outline, "btn-square": e.square }
-      ]
-    }, t, {
-      onClick: u[0] || (u[0] = (h) => s("click"))
-    }), {
-      default: B(() => [
-        e.icon ? (l(), g(b(j), {
+  props: Mt,
+  emits: St,
+  setup(e, { emit: t }) {
+    const o = e, s = t;
+    return (a, i) => (l(), y(se(o.as), {
+      class: _([
+        "btn p-1 flex justify-center flex-nowrap",
+        g(Ct)[o.color],
+        g(Vt)[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: i[0] || (i[0] = (d) => s("click"))
+    }, {
+      default: L(() => [
+        o.icon ? (l(), y(g(I), {
           key: 0,
-          icon: e.icon,
-          size: e.size
-        }, null, 8, ["icon", "size"])) : x("", !0),
-        M(n.$slots, "default")
+          icon: o.icon,
+          size: o.size
+        }, null, 8, ["icon", "size"])) : k("", !0),
+        B(a.$slots, "default")
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 8, ["class", "href", "type", "disabled", "data-tip"]));
   }
-}), lt = ["type", "disabled"], Zo = /* @__PURE__ */ v({
+}), jt = ["type", "disabled"], rs = /* @__PURE__ */ w({
   __name: "btn-badge",
-  props: {
-    icon: { default: void 0 },
-    type: { default: me.button },
-    color: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    size: { default: "sm" }
-  },
-  emits: ["click"],
-  setup(e, { emit: o }) {
-    const t = o;
-    return (s, n) => (l(), c("button", {
-      class: y(["badge gap-1", b(ot)[e.size], b(et)[e.color]]),
-      type: e.type,
-      disabled: e.disabled,
-      onClick: n[0] || (n[0] = (u) => t("click"))
+  props: Bt,
+  emits: Pt,
+  setup(e, { emit: t }) {
+    const o = e, s = t;
+    return (a, i) => (l(), c("button", {
+      class: _(["badge gap-1", g(At)[o.size], g(Lt)[o.color]]),
+      type: o.type,
+      disabled: o.disabled,
+      onClick: i[0] || (i[0] = (d) => s("click"))
     }, [
-      M(s.$slots, "default"),
-      e.icon ? (l(), g(b(j), {
+      B(a.$slots, "default"),
+      o.icon ? (l(), y(g(I), {
         key: 0,
-        icon: e.icon,
-        size: e.size
-      }, null, 8, ["icon", "size"])) : x("", !0)
-    ], 10, lt));
+        icon: o.icon,
+        size: o.size
+      }, null, 8, ["icon", "size"])) : k("", !0)
+    ], 10, jt));
   }
-}), nt = /* @__PURE__ */ v({
+}), Ot = /* @__PURE__ */ w({
   __name: "confirmModal",
   props: {
     title: {},
@@ -368,34 +679,34 @@ const Ye = {
     cancelLabel: { default: "Cancel" }
   },
   emits: ["closeModal"],
-  setup(e, { emit: o }) {
-    const t = o, s = (n) => {
-      t("closeModal", { confirmed: n });
+  setup(e, { emit: t }) {
+    const o = t, s = (a) => {
+      o("closeModal", { confirmed: a });
     };
-    return (n, u) => (l(), g(Xe, {
+    return (a, i) => (l(), y($t, {
       "modal-title": e.title,
       open: !0,
       "disable-close": !0
     }, {
-      content: B(() => [
-        F(p(e.message), 1)
+      content: L(() => [
+        N(b(e.message), 1)
       ]),
-      actions: B(() => [
-        P(b(Y), {
-          color: b(X).secondary,
+      actions: L(() => [
+        V(g(z), {
+          color: g(q).secondary,
           outline: !0,
-          onClick: u[0] || (u[0] = (h) => s(!1))
+          onClick: i[0] || (i[0] = (d) => s(!1))
         }, {
-          default: B(() => [
-            F(p(e.cancelLabel), 1)
+          default: L(() => [
+            N(b(e.cancelLabel), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        P(b(Y), {
-          onClick: u[1] || (u[1] = (h) => s(!0))
+        V(g(z), {
+          onClick: i[1] || (i[1] = (d) => s(!0))
         }, {
-          default: B(() => [
-            F(p(e.confirmLabel), 1)
+          default: L(() => [
+            N(b(e.confirmLabel), 1)
           ]),
           _: 1
         })
@@ -404,30 +715,30 @@ const Ye = {
     }, 8, ["modal-title"]));
   }
 });
-class he {
+class fe {
   constructor() {
-    this.showModal = S(!1), this.modals = [];
+    this.showModal = M(!1), this.modals = [];
   }
-  openModal(o) {
-    const t = o.props.onClose, s = se(), n = o;
-    o.props.onClose = (u) => {
-      t(u), this.closeModal(s);
-    }, n.id = s, this.modals = [...this.modals, n], this.showModal.value = Date.now();
+  openModal(t) {
+    const o = t.props.onClose, s = ue(), a = t;
+    t.props.onClose = (i) => {
+      o(i), this.closeModal(s);
+    }, a.id = s, this.modals = [...this.modals, a], this.showModal.value = Date.now();
   }
-  closeModal(o) {
-    this.modals = this.modals.filter((t) => t.id !== o), this.showModal.value = Date.now();
+  closeModal(t) {
+    this.modals = this.modals.filter((o) => o.id !== t), this.showModal.value = Date.now();
   }
-  static showConfirm(o) {
+  static showConfirm(t) {
     this.getInstance().openModal({
-      component: nt,
-      props: o
+      component: Ot,
+      props: t
     });
   }
-  static openModal(o) {
-    this.getInstance().openModal(o);
+  static openModal(t) {
+    this.getInstance().openModal(t);
   }
   static getInstance() {
-    return this.instance || (this.instance = new he()), this.instance;
+    return this.instance || (this.instance = new fe()), this.instance;
   }
   static closeAll() {
     this.instance.closeAll();
@@ -436,87 +747,87 @@ class he {
     this.modals = [], this.showModal.value = !1;
   }
 }
-const st = /* @__PURE__ */ v({
+const Rt = /* @__PURE__ */ w({
   __name: "modalWrapper",
   setup(e) {
-    const o = he.getInstance(), t = k(() => o.showModal.value ? o.modals : []);
-    return (s, n) => (l(!0), c($, null, L(t.value, (u) => (l(), g(ce(u?.component), A({
-      key: u.id,
+    const t = fe.getInstance(), o = v(() => t.showModal.value ? t.modals : []);
+    return (s, a) => (l(!0), c(C, null, S(o.value, (i) => (l(), y(se(i?.component), P({
+      key: i.id,
       ref_for: !0
-    }, u?.props, {
+    }, i?.props, {
       open: !0,
-      onCloseModal: u?.props?.onClose
+      onCloseModal: i?.props?.onClose
     }), null, 16, ["onCloseModal"]))), 128));
   }
-}), at = /* @__PURE__ */ v({
+}), Tt = /* @__PURE__ */ w({
   __name: "notification-message",
   props: {
     message: {},
     type: {}
   },
   setup(e) {
-    const o = {
+    const t = {
       success: "alert-success",
       error: "alert-error",
       warning: "alert-warning",
       info: "alert-info"
     };
-    return (t, s) => (l(), c("div", {
+    return (o, s) => (l(), c("div", {
       role: "alert",
-      class: y(`alert ${o[e.type]} `)
+      class: _(`alert ${t[e.type]} `)
     }, [
-      i("span", null, p(e.message), 1)
+      r("span", null, b(e.message), 1)
     ], 2));
   }
-}), it = 5e3;
-class be {
+}), Dt = 5e3;
+class me {
   constructor() {
-    this.notifications = S([]), this.addNotification = (o, t = "info") => {
+    this.notifications = M([]), this.addNotification = (t, o = "info") => {
       const s = {
-        id: se(),
-        duration: it,
-        message: o,
-        type: t
+        id: ue(),
+        duration: Dt,
+        message: t,
+        type: o
       };
       this.notifications.value.push(s), this.removeNotificationAfterDuration(s);
-    }, this.removeNotificationAfterDuration = (o) => {
+    }, this.removeNotificationAfterDuration = (t) => {
       setTimeout(() => {
-        this.removeNotification(o.id);
-      }, o.duration);
-    }, this.removeNotification = (o) => {
-      this.notifications.value = this.notifications.value.filter((t) => t.id !== o);
+        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;
+    return this.instance || (this.instance = new me()), this.instance;
   }
-  static info(o) {
-    this.getInstance().addNotification(o, "info");
+  static info(t) {
+    this.getInstance().addNotification(t, "info");
   }
-  static success(o) {
-    this.getInstance().addNotification(o, "success");
+  static success(t) {
+    this.getInstance().addNotification(t, "success");
   }
-  static warning(o) {
-    this.getInstance().addNotification(o, "warning");
+  static warning(t) {
+    this.getInstance().addNotification(t, "warning");
   }
-  static error(o) {
-    this.getInstance().addNotification(o, "error");
+  static error(t) {
+    this.getInstance().addNotification(t, "error");
   }
-  static removeNotification(o) {
-    this.getInstance().removeNotification(o);
+  static removeNotification(t) {
+    this.getInstance().removeNotification(t);
   }
 }
-const rt = { class: "toast toast-top toast-center z-[999]" }, ct = /* @__PURE__ */ v({
+const Nt = { class: "toast toast-top toast-center z-[999]" }, zt = /* @__PURE__ */ w({
   __name: "notifications",
   setup(e) {
-    const o = be.getInstance();
-    return (t, s) => (l(), c("div", rt, [
-      (l(!0), c($, null, L(b(o).notifications.value, (n) => (l(), g(at, A({
-        key: n.id
-      }, { ref_for: !0 }, n), null, 16))), 128))
+    const t = me.getInstance();
+    return (o, s) => (l(), c("div", Nt, [
+      (l(!0), c(C, null, S(g(t).notifications.value, (a) => (l(), y(Tt, P({
+        key: a.id
+      }, { ref_for: !0 }, a), null, 16))), 128))
     ]));
   }
-}), ut = { class: "flex h-screen flex-col" }, dt = { class: "shrink-0" }, mt = { class: "navbar bg-primary text-primary-content w-full z-100" }, ht = { class: "navbar-start" }, bt = { class: "navbar-center" }, ft = ["href"], pt = { class: "navbar-end" }, vt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, gt = { class: "drawer-side h-full shadow-md" }, yt = { class: "flex-grow overflow-y-auto" }, wt = { class: "bg-base-200 p-4" }, Go = /* @__PURE__ */ v({
+}), qt = { class: "flex h-screen flex-col" }, It = { class: "shrink-0" }, Et = { class: "navbar bg-primary text-primary-content w-full z-100" }, Ft = { class: "navbar-start" }, Ht = { class: "navbar-center" }, Kt = ["href"], Ut = { class: "navbar-end" }, Wt = { class: "drawer-content overflow-y-auto mb-2 mr-2 shadow-md" }, Zt = { class: "drawer-side h-full shadow-md" }, Gt = { class: "flex-grow overflow-y-auto" }, Jt = { class: "bg-base-200 p-4" }, is = /* @__PURE__ */ w({
   __name: "shell.component",
   props: {
     title: {},
@@ -526,414 +837,410 @@ const rt = { class: "toast toast-top toast-center z-[999]" }, ct = /* @__PURE__
     widthSidebar: { default: 300 }
   },
   emits: ["logout"],
-  setup(e, { emit: o }) {
-    const s = e, n = S(!1), u = () => {
-      n.value = !n.value;
-    }, h = o, m = k(() => s.user ? {
+  setup(e, { emit: t }) {
+    const s = e, a = M(!1), i = () => {
+      a.value = !a.value;
+    }, d = t, p = v(() => s.user ? {
       label: s.user.name,
       items: [
         {
           label: "Logout",
           action: () => {
-            h("logout");
+            d("logout");
           }
         }
       ]
     } : null);
-    return (d, a) => (l(), c($, null, [
-      P(ct),
-      P(b(st)),
-      i("div", ut, [
-        i("header", dt, [
-          i("nav", mt, [
-            i("div", ht, [
-              i("button", {
+    return (f, u) => (l(), c(C, null, [
+      V(zt),
+      V(g(Rt)),
+      r("div", qt, [
+        r("header", It, [
+          r("nav", Et, [
+            r("div", Ft, [
+              r("button", {
                 "aria-label": "open sidebar",
                 class: "btn btn-square btn-ghost p-1",
-                onClick: u
+                onClick: i
               }, [
-                P(b(j), {
-                  icon: b(z).Hamburger
+                V(g(I), {
+                  icon: g(D).Hamburger
                 }, null, 8, ["icon"])
               ])
             ]),
-            i("div", bt, [
-              i("a", {
+            r("div", Ht, [
+              r("a", {
                 class: "btn btn-ghost text-primary-content text-lg color-white",
-                href: b("/")
-              }, p(e.title), 9, ft)
+                href: g("/")
+              }, b(e.title), 9, Kt)
             ]),
-            i("div", pt, [
-              m.value ? (l(), g(b(de), A({ key: 0 }, m.value, { "btn-class": "" }), null, 16)) : x("", !0)
+            r("div", Ut, [
+              p.value ? (l(), y(g(de), P({ key: 0 }, p.value, { "btn-class": "" }), null, 16)) : k("", !0)
             ])
           ])
         ]),
-        i("div", {
-          class: y(["drawer flex-1 overflow-hidden", { "drawer-open": n.value }])
+        r("div", {
+          class: _(["drawer flex-1 overflow-hidden", { "drawer-open": a.value }])
         }, [
-          U(i("input", {
+          Y(r("input", {
             id: "app-drawer",
-            "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
+            "onUpdate:modelValue": u[0] || (u[0] = (n) => a.value = n),
             type: "checkbox",
             class: "drawer-toggle"
           }, null, 512), [
-            [ge, n.value]
+            [xe, a.value]
           ]),
-          i("main", vt, [
-            M(d.$slots, "default")
+          r("main", Wt, [
+            B(f.$slots, "default")
           ]),
-          i("div", gt, [
-            a[1] || (a[1] = i("label", {
+          r("div", Zt, [
+            u[1] || (u[1] = r("label", {
               for: "app-drawer",
               "aria-label": "close sidebar",
               class: "drawer-overlay"
             }, null, -1)),
-            i("div", {
+            r("div", {
               class: "menu bg-base-100 h-full flex flex-col justify-between",
-              style: ie({ width: e.widthSidebar + "px" })
+              style: Z({ width: e.widthSidebar + "px" })
             }, [
-              i("ul", yt, [
-                (l(!0), c($, null, L(e.menu, (r) => (l(), c("li", {
-                  key: r.label
+              r("ul", Gt, [
+                (l(!0), c(C, null, S(e.menu, (n) => (l(), c("li", {
+                  key: n.label
                 }, [
-                  P(b(Ve), {
-                    to: { name: r.routerLink, params: r.params }
+                  V(g(Ne), {
+                    to: { name: n.routerLink, params: n.params }
                   }, {
-                    default: B(() => [
-                      F(p(r.label), 1)
+                    default: L(() => [
+                      N(b(n.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["to"])
                 ]))), 128))
               ]),
-              i("div", wt, " version: " + p(e.version), 1)
+              r("div", Jt, " version: " + b(e.version), 1)
             ], 4)
           ])
         ], 2)
       ])
     ], 64));
   }
-}), ee = /* @__PURE__ */ v({
+}), Qt = {
+  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 }
+}, Xt = ["updatePage", "updatePageSize"], Q = /* @__PURE__ */ w({
   __name: "pagination-button.component",
-  props: {
-    currentPage: {},
-    page: {},
-    label: {},
-    neverActive: { type: Boolean, default: !1 },
-    disabled: { type: Boolean }
-  },
-  emits: ["updatePage", "updatePageSize"],
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = k(
-      () => t.neverActive ? !1 : t.page === t.currentPage
-    ), u = k(() => t.neverActive ? X.blank : n.value ? X.primary : X.secondary), h = () => {
-      s("updatePage", t.page);
+  props: Qt,
+  emits: Xt,
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = v(
+      () => o.neverActive ? !1 : o.page === o.currentPage
+    ), i = v(() => o.neverActive ? q.blank : a.value ? q.primary : q.secondary), d = () => {
+      s("updatePage", o.page);
     };
-    return (m, d) => (l(), g(b(Y), {
-      disabled: e.disabled,
+    return (p, f) => (l(), y(g(z), {
+      disabled: p.disabled,
       square: !0,
       size: "xs",
-      color: u.value,
-      onClick: d[0] || (d[0] = (a) => h())
+      color: i.value,
+      onClick: f[0] || (f[0] = (u) => d())
     }, {
-      default: B(() => [
-        F(p(e.label), 1)
+      default: L(() => [
+        N(b(p.label), 1)
       ]),
       _: 1
     }, 8, ["disabled", "color"]));
   }
-}), xt = { class: "flex gap-2" }, kt = { class: "flex flex-1 justify-center items-center" }, $t = { class: "flex gap-1" }, Ct = { class: "text-sm" }, te = 6, Bt = /* @__PURE__ */ v({
+}), Yt = {
+  totalItems: { type: Number, default: 0 },
+  itemsPerPage: { type: Number, default: 1 },
+  currentPage: { type: Number, default: 1 }
+}, eo = ["updatePage", "updatePageSize"], to = { class: "flex gap-2" }, oo = { class: "flex flex-1 justify-center items-center" }, no = { class: "flex gap-1" }, so = { class: "text-sm" }, X = 6, lo = /* @__PURE__ */ w({
   __name: "pagination.component",
-  props: {
-    totalItems: { type: Number, default: 0 },
-    itemsPerPage: { type: Number, default: 1 },
-    currentPage: { type: Number, default: 1 }
-  },
-  emits: ["updatePage", "updatePageSize"],
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = k(() => {
-      let r = Math.ceil(t.totalItems / t.itemsPerPage);
-      return r < 1 ? 1 : r;
-    }), u = te / 2, h = k(() => {
-      if (n.value <= te)
+  props: Yt,
+  emits: eo,
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = v(() => {
+      let n = Math.ceil(o.totalItems / o.itemsPerPage);
+      return n < 1 ? 1 : n;
+    }), i = X / 2, d = v(() => {
+      if (a.value <= X)
         return {
           min: 1,
-          max: n.value
+          max: a.value
         };
-      let r = t.currentPage - u;
-      r <= 1 ? r = 1 : r + te > n.value && (r = n.value - te);
-      let w = r + te;
+      let n = o.currentPage - i;
+      n <= 1 ? n = 1 : n + X > a.value && (n = a.value - X);
+      let m = n + X;
       return {
-        min: r,
-        max: w
+        min: n,
+        max: m
       };
-    }), m = (r) => ({
+    }), p = (n) => ({
       label: "...",
-      currentPage: r,
+      currentPage: n,
       page: -10,
       disabled: !0,
       neverActive: !0
-    }), d = k(() => {
-      let r = n.value;
-      r < 1 && (r = 1);
-      const w = t.currentPage, T = [], { min: N, max: E } = h.value;
-      return Array.from({ length: r }, (Q, _) => {
-        const D = _ + 1;
-        D !== 1 && D !== r && (D > E || D < N) || (D === r && r > 1 && E < r && T.push(m(w)), T.push({
-          label: `${D}`,
-          totalPages: r,
-          currentPage: w,
-          page: D
-        }), D === 1 && r > 1 && N > 1 && T.push(m(w)));
-      }), T;
-    }), a = (r) => {
-      s("updatePage", r);
+    }), f = v(() => {
+      let n = a.value;
+      n < 1 && (n = 1);
+      const m = o.currentPage, h = [], { min: x, max: R } = d.value;
+      return Array.from({ length: n }, (K, A) => {
+        const $ = A + 1;
+        $ !== 1 && $ !== n && ($ > R || $ < x) || ($ === n && n > 1 && R < n && h.push(p(m)), h.push({
+          label: `${$}`,
+          totalPages: n,
+          currentPage: m,
+          page: $
+        }), $ === 1 && n > 1 && x > 1 && h.push(p(m)));
+      }), h;
+    }), u = (n) => {
+      s("updatePage", n);
     };
-    return (r, w) => (l(), c("div", xt, [
-      i("div", kt, [
-        i("div", $t, [
-          P(ee, A(t, {
+    return (n, m) => (l(), c("div", to, [
+      r("div", oo, [
+        r("div", no, [
+          V(Q, P(o, {
             page: 1,
             label: "<<",
-            "current-page": e.currentPage,
+            "current-page": n.currentPage,
             "never-active": !0,
-            disabled: e.currentPage === 1,
-            onUpdatePage: a
+            disabled: n.currentPage === 1,
+            onUpdatePage: u
           }), null, 16, ["current-page", "disabled"]),
-          P(ee, A(t, {
-            page: e.currentPage - 1,
+          V(Q, P(o, {
+            page: n.currentPage - 1,
             label: "<",
-            "current-page": e.currentPage,
+            "current-page": n.currentPage,
             "never-active": !0,
-            disabled: e.currentPage === 1,
-            onUpdatePage: a
+            disabled: n.currentPage === 1,
+            onUpdatePage: u
           }), null, 16, ["page", "current-page", "disabled"]),
-          (l(!0), c($, null, L(d.value, (T) => (l(), g(ee, A({
-            key: T.page,
+          (l(!0), c(C, null, S(f.value, (h) => (l(), y(Q, P({
+            key: h.page,
             ref_for: !0
-          }, T, { onUpdatePage: a }), null, 16))), 128)),
-          P(ee, A(t, {
-            page: e.currentPage + 1,
+          }, h, { onUpdatePage: u }), null, 16))), 128)),
+          V(Q, P(o, {
+            page: n.currentPage + 1,
             label: ">",
-            "current-page": e.currentPage,
+            "current-page": n.currentPage,
             "never-active": !0,
-            disabled: t.currentPage === n.value,
-            onUpdatePage: a
+            disabled: o.currentPage === a.value,
+            onUpdatePage: u
           }), null, 16, ["page", "current-page", "disabled"]),
-          P(ee, A(t, {
-            page: n.value,
+          V(Q, P(o, {
+            page: a.value,
             label: ">>",
-            "current-page": e.currentPage,
+            "current-page": n.currentPage,
             "never-active": !0,
-            disabled: t.currentPage === n.value,
-            onUpdatePage: a
+            disabled: o.currentPage === a.value,
+            onUpdatePage: u
           }), null, 16, ["page", "current-page", "disabled"])
         ])
       ]),
-      i("div", Ct, " page " + p(e.currentPage) + " of " + p(n.value), 1)
+      r("div", so, " page " + b(n.currentPage) + " of " + b(a.value), 1)
     ]));
   }
-}), fe = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [s, n] of o)
-    t[s] = n;
-  return t;
-}, _t = () => ({
-  data: {
-    type: Object,
-    required: !0
-  },
-  column: {
-    type: Object,
-    required: !0
-  },
-  options: {
-    type: Object,
-    required: !1
-  }
-}), Lt = v({
-  name: "TextCell",
-  props: {
-    ..._t()
-  },
-  computed: {
-    value() {
-      const e = this.data[this.column.id];
-      return e ? this.column.options?.format === "keyValue" ? e[this.column.options.key] : e : null;
-    }
+}), ao = {
+  data: { type: Object, required: !0 },
+  column: { type: Object, required: !0 },
+  options: { type: Object }
+}, cs = /* @__PURE__ */ w({
+  __name: "text.cell",
+  props: ao,
+  setup(e) {
+    const t = e, o = v(() => {
+      const s = t.data[t.column.id];
+      return s ? t.column.options?.format === "keyValue" ? s[t.column.options.key] : s : null;
+    });
+    return (s, a) => b(o.value);
   }
-}), Mt = Lt;
-function Pt(e, o, t, s, n, u) {
-  return p(e.value);
-}
-const Jo = /* @__PURE__ */ fe(Mt, [["render", Pt]]), Vt = { class: "flex-grow pr-2" }, At = { class: "h-4 w-4" }, Dt = /* @__PURE__ */ v({
+}), ro = {
+  column: { type: Object, required: !0 },
+  sortColumn: { type: String },
+  sortDirection: { type: String }
+}, io = ["sort"], co = { class: "flex-grow pr-2" }, uo = { class: "h-4 w-4" }, po = /* @__PURE__ */ w({
   __name: "sort.header",
-  props: {
-    column: {},
-    sortColumn: {},
-    sortDirection: {}
-  },
-  emits: ["sort"],
-  setup(e, { emit: o }) {
-    const t = e, s = k(
-      () => t.sortDirection === "asc" ? z.BarsArrowUp : z.BarsArrowDown
-    ), n = k(() => t.column.options?.sortId ?? t.column.id), u = () => {
-      h("sort", n.value);
-    }, h = o;
-    return (m, d) => (l(), c("button", {
+  props: ro,
+  emits: io,
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = v(
+      () => o.sortDirection === "asc" ? D.BarsArrowUp : D.BarsArrowDown
+    ), i = v(() => o.column.options?.sortId ?? o.column.id), d = () => {
+      s("sort", i.value);
+    };
+    return (p, f) => (l(), c("button", {
       class: "flex items-center",
-      onClick: u
+      onClick: d
     }, [
-      i("span", Vt, p(e.column.label), 1),
-      i("div", At, [
-        e.sortColumn === n.value ? (l(), g(b(j), {
+      r("span", co, b(p.column.label), 1),
+      r("div", uo, [
+        p.sortColumn === i.value ? (l(), y(g(I), {
           key: 0,
-          icon: s.value
-        }, null, 8, ["icon"])) : x("", !0)
+          icon: a.value
+        }, null, 8, ["icon"])) : k("", !0)
       ])
     ]));
   }
-}), Tt = { class: "table w-full" }, zt = { key: 0 }, Ft = ["colspan"], St = { class: "flex gap-2" }, Qo = /* @__PURE__ */ v({
+}), fo = {
+  loading: { type: Boolean, default: !1 },
+  actions: { type: Array },
+  data: { type: Array },
+  displayColumns: { type: Array, required: !0 },
+  page: { type: Object },
+  sort: { type: Object }
+}, mo = ["updatePage", "sort"], ho = { class: "table w-full" }, go = { key: 0 }, vo = ["colspan"], bo = { class: "flex gap-2" }, us = /* @__PURE__ */ w({
   __name: "table.component",
-  props: {
-    loading: { type: Boolean },
-    actions: {},
-    data: {},
-    displayColumns: {},
-    page: {},
-    sort: {}
-  },
-  emits: ["delete", "edit", "updatePage", "sort"],
-  setup(e, { emit: o }) {
-    const t = o, s = (m) => {
-      t("edit", m);
-    }, n = (m) => {
-      t("delete", m);
-    }, u = (m) => {
-      t("updatePage", m);
-    }, h = (m) => {
-      t("sort", m);
+  props: fo,
+  emits: mo,
+  setup(e, { emit: t }) {
+    const o = t, s = Ve(), a = v(() => "onEdit" in s), i = v(() => "onDelete" in s), d = (n) => {
+      s.onEdit?.(n);
+    }, p = (n) => {
+      s.onDelete?.(n);
+    }, f = (n) => {
+      o("updatePage", n);
+    }, u = (n) => {
+      o("sort", n);
     };
-    return (m, d) => (l(), c($, null, [
-      i("table", Tt, [
-        i("thead", null, [
-          i("tr", null, [
-            (l(!0), c($, null, L(e.displayColumns, (a) => (l(), c("th", {
-              key: a.scope
+    return (n, m) => (l(), c(C, null, [
+      r("table", ho, [
+        r("thead", null, [
+          r("tr", null, [
+            (l(!0), c(C, null, S(n.displayColumns, (h) => (l(), c("th", {
+              key: h.scope
             }, [
-              P(Dt, A({ column: a }, { ref_for: !0 }, e.sort, { onSort: h }), null, 16, ["column"])
+              V(po, P({ column: h }, { ref_for: !0 }, n.sort, { onSort: u }), null, 16, ["column"])
             ]))), 128)),
-            d[0] || (d[0] = i("th", null, null, -1))
+            m[0] || (m[0] = r("th", null, null, -1))
           ])
         ]),
-        i("tbody", null, [
-          e.loading ? (l(), c("tr", zt, [
-            i("td", {
-              colspan: e.displayColumns.length + 1,
+        r("tbody", null, [
+          n.loading ? (l(), c("tr", go, [
+            r("td", {
+              colspan: n.displayColumns.length + 1,
               class: "text-center"
-            }, [...d[1] || (d[1] = [
-              i("span", { class: "loading loading-bars loading-xs" }, null, -1)
-            ])], 8, Ft)
-          ])) : x("", !0),
-          (l(!0), c($, null, L(e.data, (a) => (l(), c("tr", {
-            key: a.id
+            }, [...m[1] || (m[1] = [
+              r("span", { class: "loading loading-bars loading-xs" }, null, -1)
+            ])], 8, vo)
+          ])) : k("", !0),
+          (l(!0), c(C, null, S(n.data, (h) => (l(), c("tr", {
+            key: h.id
           }, [
-            (l(!0), c($, null, L(e.displayColumns, (r) => (l(), c("td", {
-              key: r.scope
+            (l(!0), c(C, null, S(n.displayColumns, (x) => (l(), c("td", {
+              key: x.scope
             }, [
-              (l(), g(ce(r.component), A({ ref_for: !0 }, r, {
-                data: a,
-                column: r
+              (l(), y(se(x.component), P({ ref_for: !0 }, x, {
+                data: h,
+                column: x
               }), null, 16, ["data", "column"]))
             ]))), 128)),
-            i("td", null, [
-              i("span", St, [
-                (l(!0), c($, null, L(e.actions, (r) => (l(), g(Y, {
-                  key: r.label,
-                  icon: r.icon,
+            r("td", null, [
+              r("span", bo, [
+                (l(!0), c(C, null, S(n.actions, (x) => (l(), y(z, {
+                  key: x.label,
+                  icon: x.icon,
                   outline: !0,
-                  onClick: (w) => r.action(a)
+                  onClick: (R) => x.action(h)
                 }, {
-                  default: B(() => [
-                    F(p(r.label), 1)
+                  default: L(() => [
+                    N(b(x.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["icon", "onClick"]))), 128)),
-                P(Y, {
-                  icon: b(z).Edit,
+                a.value ? (l(), y(z, {
+                  key: 0,
+                  icon: g(D).Edit,
                   outline: !0,
-                  onClick: (r) => s(a)
-                }, null, 8, ["icon", "onClick"]),
-                P(Y, {
-                  icon: b(z).Delete,
+                  onClick: (x) => d(h)
+                }, null, 8, ["icon", "onClick"])) : k("", !0),
+                i.value ? (l(), y(z, {
+                  key: 1,
+                  icon: g(D).Delete,
                   outline: !0,
-                  onClick: (r) => n(a)
-                }, null, 8, ["icon", "onClick"])
+                  onClick: (x) => p(h)
+                }, null, 8, ["icon", "onClick"])) : k("", !0)
               ])
             ])
           ]))), 128))
         ])
       ]),
-      e.page ? (l(), g(Bt, {
+      n.page ? (l(), y(lo, {
         key: 0,
         class: "border-gray-300 border-t pt-4 border-x-0 border-b-0",
-        "total-items": e.page.count,
-        "items-per-page": e.page.pageSize,
-        "current-page": e.page.page,
-        onUpdatePage: u
-      }, null, 8, ["total-items", "items-per-page", "current-page"])) : x("", !0)
+        "total-items": n.page.count,
+        "items-per-page": n.page.pageSize,
+        "current-page": n.page.page,
+        onUpdatePage: f
+      }, null, 8, ["total-items", "items-per-page", "current-page"])) : k("", !0)
     ], 64));
   }
-}), Nt = {}, Rt = { class: "card bg-base-100 shadow-sm" }, It = { class: "card-body" }, Ut = {
+}), yo = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [s, a] of t)
+    o[s] = a;
+  return o;
+}, wo = {}, ko = { class: "card bg-base-100 shadow-sm" }, xo = { class: "card-body" }, _o = {
   key: 0,
   class: "card-title"
-}, Kt = {
+}, $o = {
   key: 1,
   class: "card-actions justify-end"
 };
-function qt(e, o) {
-  return l(), c("div", Rt, [
-    i("div", It, [
-      e.$slots.title ? (l(), c("h2", Ut, [
-        M(e.$slots, "title")
-      ])) : x("", !0),
-      i("p", null, [
-        M(e.$slots, "default"),
-        M(e.$slots, "content")
+function Co(e, t) {
+  return l(), c("div", ko, [
+    r("div", xo, [
+      e.$slots.title ? (l(), c("h2", _o, [
+        B(e.$slots, "title")
+      ])) : k("", !0),
+      r("p", null, [
+        B(e.$slots, "default"),
+        B(e.$slots, "content")
       ]),
-      e.$slots.actions ? (l(), c("div", Kt, [
-        M(e.$slots, "actions")
-      ])) : x("", !0)
+      e.$slots.actions ? (l(), c("div", $o, [
+        B(e.$slots, "actions")
+      ])) : k("", !0)
     ])
   ]);
 }
-const Xo = /* @__PURE__ */ fe(Nt, [["render", qt]]), Yo = (e, o) => {
+const ds = /* @__PURE__ */ yo(wo, [["render", Co]]), ps = (e, t) => {
   if (!e) return null;
-  const t = (s) => {
-    e.contains(s.target) || o();
+  const o = (s) => {
+    e.contains(s.target) || t();
   };
-  return document.addEventListener("click", t), t;
-}, el = (e) => {
+  return document.addEventListener("click", o), o;
+}, fs = (e) => {
   document.removeEventListener("click", e);
-}, tl = {
-  beforeMount(e, o) {
-    e.clickOutsideEvent = function(t) {
-      e === t.target || e.contains(t.target) || o.value(t);
+}, ms = {
+  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);
   }
 };
-function ol(e) {
-  const o = Ce();
-  if (!o)
+function hs(e) {
+  const t = Ae();
+  if (!t)
     return !1;
-  const t = o.vnode.props;
-  return t ? !!(t[ve(e)] || // also try camelCase event handler (#2249)
-  t[ve(Be(e))]) : !1;
+  const o = t.vnode.props;
+  return o ? !!(o[ye(e)] || // also try camelCase event handler (#2249)
+  o[ye(je(e))]) : !1;
 }
-const jt = {
+const Lo = ["select"], he = {
+  options: { type: Array, required: !1 },
+  isLoading: {
+    type: Boolean,
+    default: !1
+  },
+  query: { type: String, default: null },
+  isActive: { type: Function, default: (e) => !1 }
+}, ne = {
   group: {
     root: "group",
     label: "text-primary text-lg font-bold",
@@ -959,352 +1266,605 @@ const jt = {
     input: "input",
     textarea: "input h-32",
     checkbox: "checkbox",
-    select: "select",
+    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"
   }
-}, q = () => ({
-  id: se(),
-  visible: !0,
-  required: !1,
-  enabled: !0,
-  isFocused: !1,
-  isTouched: !1,
-  hideLabel: !1,
-  styles: jt,
-  width: "w-24"
-}), Ht = () => ({
-  ...q(),
-  options: [],
-  valueKey: "value",
-  labelKey: "label"
-}), ke = ({ isTouched: e, errors: o }) => !!(e && o), Ot = (e, o, t, s) => o === void 0 || o !== void 0 && !e || !s && !t, J = (e, o) => [e, { "input-error": ke(o) }], Et = { key: 0 }, O = /* @__PURE__ */ v({
+}, le = (e) => {
+  if (!e) return { ...ne };
+  const t = { ...ne };
+  for (const o of Object.keys(e)) {
+    const s = e[o];
+    s && typeof s == "object" && (t[o] = { ...ne[o], ...s });
+  }
+  return t;
+}, F = {
+  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: () => ne
+  },
+  width: { type: String, default: "w-48" }
+}, ge = {
+  ...F,
+  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 }
+}, Mo = ["select", "clear", "close", "create"], Se = {
+  ...he,
+  ...ge,
+  isOpen: { type: Boolean, default: !1 },
+  isActive: { type: Function, default: (e) => !1 }
+}, So = {
+  key: 1,
+  tabindex: "-1",
+  class: "pointer-events-none"
+}, Bo = ["data-index", "aria-selected", "onMousedown", "onMousemove"], Po = ["innerHTML"], Vo = {
+  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"
+};
+function Ao(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>'
+  );
+}
+const jo = /* @__PURE__ */ w({
+  __name: "ListResults",
+  props: he,
+  emits: Lo,
+  setup(e, { expose: t, emit: o }) {
+    const s = e, a = M(-1), i = M(), d = o;
+    G(
+      () => s.options,
+      () => {
+        a.value = -1;
+      }
+    );
+    function p() {
+      _e(() => {
+        i.value?.querySelector(
+          `[data-index="${a.value}"]`
+        )?.scrollIntoView({ block: "nearest" });
+      });
+    }
+    function f(n) {
+      const m = s.options?.length ?? 0;
+      if (m)
+        switch (n.key) {
+          case "ArrowDown":
+            n.preventDefault(), a.value = (a.value + 1) % m, p();
+            break;
+          case "ArrowUp":
+            n.preventDefault(), a.value = a.value <= 0 ? m - 1 : a.value - 1, p();
+            break;
+          case "Enter":
+            n.preventDefault(), a.value >= 0 && a.value < m && u(s.options[a.value]);
+            break;
+        }
+    }
+    function u(n) {
+      a.value = -1, d("select", n);
+    }
+    return t({ handleKeydown: f }), (n, m) => (l(), c("ul", {
+      ref_key: "listRef",
+      ref: i,
+      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"
+    }, [
+      n.isLoading ? (l(), c(C, { key: 0 }, S(2, (h) => r("li", {
+        key: `skel-${h}`,
+        class: "pointer-events-none px-3 py-2"
+      }, [...m[0] || (m[0] = [
+        r("div", { class: "flex items-center gap-3" }, [
+          r("div", { class: "skeleton h-3 w-3/4 rounded" })
+        ], -1)
+      ])])), 64)) : n.options.length === 0 ? (l(), c("li", So, [...m[1] || (m[1] = [
+        r("span", { class: "px-3 py-2 text-sm opacity-50 italic" }, " No results found ", -1)
+      ])])) : (l(!0), c(C, { key: 2 }, S(n.options, (h, x) => (l(), c("li", {
+        key: h.value,
+        "data-index": x,
+        role: "option",
+        "aria-selected": x === a.value,
+        onMousedown: ce((R) => u(h), ["prevent"]),
+        onMousemove: (R) => a.value = x
+      }, [
+        r("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": x === a.value,
+            "hover:bg-base-200": x !== a.value
+          }])
+        }, [
+          r("span", {
+            class: "whitespace-nowrap",
+            innerHTML: Ao(h.label, n.query)
+          }, null, 8, Po),
+          n.isActive(h) ? (l(), c("svg", Vo, [...m[2] || (m[2] = [
+            r("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              d: "M5 13l4 4L19 7"
+            }, null, -1)
+          ])])) : k("", !0)
+        ], 2)
+      ], 40, Bo))), 128))
+    ], 512));
+  }
+}), Be = ({ isTouched: e, errors: t }) => !!(e && t), Oo = (e, t, o, s) => t === void 0 || t !== void 0 && !e || !s && !o, H = (e, t) => [e, { "input-error": Be(t) }], Ro = { key: 0 }, J = /* @__PURE__ */ w({
   __name: "ControlWrapper",
-  props: /* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {}
-  }, q()),
+  props: F,
   setup(e) {
-    const o = e, t = k(() => !Ot(
-      o.visible,
-      o.description,
-      o.isFocused,
+    const t = e, o = v(() => !Oo(
+      t.visible,
+      t.description,
+      t.isFocused,
       !0
-    )), s = k(() => o.required), n = k(() => ke(o));
-    return (u, h) => (l(), c("fieldset", {
-      class: y(["fieldset", e.styles.control.wrapper, e.width])
+    )), s = v(() => t.required), a = v(() => Be(t)), i = v(() => le(t.styles));
+    return (d, p) => (l(), c("fieldset", {
+      class: _(["fieldset", [d.width, i.value.control.wrapper]])
     }, [
-      e.hideLabel ? x("", !0) : (l(), c("legend", {
-        key: 0,
-        class: y(e.styles.control.label)
+      r("legend", {
+        class: _(i.value.control.label)
       }, [
-        F(p(e.label) + " ", 1),
-        s.value ? (l(), c("span", Et, "*")) : x("", !0)
-      ], 2)),
-      M(u.$slots, "default"),
-      i("p", {
-        class: y(["fieldset-label h-4", { "text-error": n.value }])
-      }, p(n.value ? e.errors : t.value ? e.description : null), 3)
+        d.hideLabel ? k("", !0) : (l(), c(C, { key: 0 }, [
+          r("span", null, b(d.label), 1),
+          s.value ? (l(), c("span", Ro, "*")) : k("", !0)
+        ], 64)),
+        p[0] || (p[0] = N("   ", -1))
+      ], 2),
+      B(d.$slots, "default"),
+      r("p", {
+        class: _(["fieldset-label h-4", { "text-error": a.value }])
+      }, b(a.value ? d.errors : o.value ? d.description : null), 3)
     ], 2));
   }
-}), Wt = ["disabled"], Zt = ["value"], ll = /* @__PURE__ */ v({
+}), To = { class: "flex items-center w-full" }, Do = { class: "overflow-hidden w-full" }, No = { class: "absolute inset-y-0 right-0 flex items-center pr-3 gap-1 pointer-events-none" }, zo = {
+  key: 0,
+  class: "loading loading-spinner loading-xs text-primary pointer-events-none"
+}, ve = /* @__PURE__ */ w({
+  __name: "SelectWrapper",
+  props: Se,
+  emits: Mo,
+  setup(e, { emit: t }) {
+    const o = e, s = M(), a = M(), i = t, d = () => {
+      p(), i("clear");
+    }, p = () => {
+      i("close");
+    }, f = (n) => {
+      if (n.key === "Escape") {
+        p();
+        return;
+      }
+      a.value?.handleKeydown(n);
+    }, u = (n) => {
+      s.value && !s.value.contains(n.target) && p();
+    };
+    return ke(() => {
+      document.addEventListener("click", u);
+    }), Oe(() => {
+      document.removeEventListener("click", u);
+    }), (n, m) => (l(), c("div", {
+      ref_key: "selectWrapperRef",
+      ref: s
+    }, [
+      V(J, ee(te(o)), {
+        default: L(() => [
+          r("div", To, [
+            r("div", {
+              class: "relative w-full",
+              onKeydown: f
+            }, [
+              r("div", Do, [
+                B(n.$slots, "default")
+              ]),
+              r("div", No, [
+                n.isLoading && !n.label ? (l(), c("span", zo)) : k("", !0),
+                n.query && !n.isLoading ? (l(), c("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: ce(d, ["prevent"])
+                }, [...m[2] || (m[2] = [
+                  r("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"
+                  }, [
+                    r("path", {
+                      "stroke-linecap": "round",
+                      "stroke-linejoin": "round",
+                      d: "M6 18L18 6M6 6l12 12"
+                    })
+                  ], -1)
+                ])], 32)) : k("", !0),
+                (l(), c("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  class: _(["h-4 w-4 opacity-40 transition-transform duration-200", { "rotate-180": n.isOpen }]),
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [...m[3] || (m[3] = [
+                  r("path", {
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    d: "M19 9l-7 7-7-7"
+                  }, null, -1)
+                ])], 2))
+              ]),
+              V(Re, {
+                "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: L(() => [
+                  n.isOpen ? (l(), y(jo, {
+                    key: 0,
+                    ref_key: "listResultsRef",
+                    ref: a,
+                    query: n.query,
+                    options: n.options,
+                    "is-loading": n.isLoading,
+                    "is-active": n.isActive,
+                    onSelect: m[0] || (m[0] = (h) => i("select", h))
+                  }, null, 8, ["query", "options", "is-loading", "is-active"])) : k("", !0)
+                ]),
+                _: 1
+              })
+            ], 32),
+            n.enableCreate ? (l(), y(z, {
+              key: 0,
+              icon: "Plus",
+              color: "blank",
+              size: "lg",
+              tooltip: "Create new",
+              onClick: m[1] || (m[1] = (h) => i("create"))
+            })) : k("", !0)
+          ])
+        ]),
+        _: 3
+      }, 16)
+    ], 512));
+  }
+}), re = (e, t) => {
+  if (e)
+    return typeof e == "object" ? e[t.labelKey] : e;
+}, ae = (e, t) => {
+  if (e)
+    return typeof e == "object" ? e[t.valueKey] : e;
+}, qo = (e) => {
+  const t = M([]), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), a = (n) => {
+    const m = [];
+    o.clear(), s.clear(), n?.forEach((h) => {
+      const x = {
+        value: ae(h, e),
+        label: re(h, e)
+      };
+      o.set(x.value, h), m.push(x);
+    }), t.value = m;
+  }, i = (n) => o.get(n.value);
+  return {
+    options: t,
+    setOptions: a,
+    getOriginal: i,
+    getLabels: (...n) => n.map((m) => re(m, e)),
+    getValues: (...n) => n.map((m) => ae(m, e)),
+    getOption: (n) => s.get(ae(n, e)),
+    getOriginals: (...n) => n.map(i).filter(Boolean)
+  };
+}, be = (e) => qo(e), gs = /* @__PURE__ */ w({
   __name: "SelectComponent",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {},
-    options: {},
-    valueKey: {},
-    labelKey: {}
-  }, {
-    ...q(),
-    options: [],
-    valueKey: "value",
-    labelKey: "label"
-  }), {
+  props: /* @__PURE__ */ O(ge, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
-      s("change", a);
-    }, h = (a) => {
-      s("focus", a);
-    }, m = (a) => {
-      s("blur", a);
-    }, d = k(
-      () => J(t.styles.control.select, t)
+  emits: /* @__PURE__ */ O(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = M(!1), s = e, a = t, i = E(e, "modelValue"), d = be(s), { options: p } = d;
+    G(
+      () => s.options,
+      () => {
+        d.setOptions(s.options);
+      },
+      { immediate: !0 }
     );
-    return (a, r) => (l(), g(O, Z(G(t)), {
-      default: B(() => [
-        U(i("select", {
-          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
-          disabled: !e.enabled,
-          class: y(d.value),
-          onChange: u,
-          onFocus: h,
-          onBlur: m
-        }, [
-          (l(!0), c($, null, L(e.options, (w) => (l(), c("option", {
-            key: w[e.valueKey],
-            value: w
-          }, p(w[e.labelKey]), 9, Zt))), 128))
-        ], 42, Wt), [
-          [_e, n.value]
-        ])
+    const f = (A) => {
+      a("change", A);
+    }, u = v(
+      () => i.value ? d.getLabels(i.value)[0] : ""
+    ), n = v(() => le(s.styles)), m = v(
+      () => H(n.value.control.select, s)
+    ), h = (A) => {
+      const $ = d.getOriginal(A);
+      i.value = $, f($);
+    }, x = () => {
+      o.value = !1, i.value = null, f(void 0);
+    }, R = (A) => d.getValues(i.value)?.[0] === A.value, K = () => {
+      o.value = !1;
+    };
+    return (A, $) => (l(), y(ve, P(s, {
+      options: g(p),
+      disabled: !A.enabled,
+      "is-open": o.value,
+      query: u.value,
+      "is-active": R,
+      onClose: K,
+      onSelect: h,
+      onClear: x
+    }), {
+      default: L(() => [
+        r("button", {
+          type: "button",
+          class: _(["truncate block text-left", [m.value, A.width]]),
+          onClick: $[0] || ($[0] = (T) => o.value = !0)
+        }, b(u.value ?? "Select value"), 3)
       ]),
       _: 1
-    }, 16));
+    }, 16, ["options", "disabled", "is-open", "query"]));
   }
-}), Gt = ["disabled"], Jt = {
-  key: 0,
-  class: /* @__PURE__ */ y([
-    `bg-base-100 w-52 shadow -mt-5
-        absolute z-50`
-  ])
-}, Qt = ["onClick", "onBlur"], nl = /* @__PURE__ */ v({
+}), Io = {
+  ...ge,
+  ...he,
+  /** 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 Eo(e) {
+  const t = M([]), o = M(!1);
+  function s(i) {
+    if (!e.options) {
+      t.value = [];
+      return;
+    }
+    const d = i.toLowerCase(), p = d ? e.options.filter(
+      (f) => re(f, e).toLowerCase().includes(d)
+    ) : e.options;
+    t.value = p.slice(0, e.maxResults);
+  }
+  function a() {
+    t.value = [];
+  }
+  return { results: t, isLoading: o, search: s, clear: a };
+}
+function Fo(e) {
+  const t = M([]), o = M(!1);
+  let s = null, a = null;
+  async function i(f) {
+    a && a.abort(), a = new AbortController(), o.value = !0;
+    try {
+      const u = await e.fetchOptions(f, a.signal);
+      t.value = (u || []).slice(0, e.maxResults);
+    } catch (u) {
+      u.name !== "AbortError" && (t.value = []);
+    } finally {
+      o.value = !1;
+    }
+  }
+  function d(f) {
+    s && clearTimeout(s), o.value = !0, s = setTimeout(() => {
+      i(f);
+    }, e.debounceMs);
+  }
+  function p() {
+    s && clearTimeout(s), a && a.abort(), t.value = [], o.value = !1;
+  }
+  return { results: t, isLoading: o, search: d, clear: p };
+}
+function Ho(e) {
+  const t = e.fetchOptions ? Fo(e) : Eo(e);
+  function o(s) {
+    t.search(s);
+  }
+  return {
+    results: t.results,
+    isLoading: t.isLoading,
+    triggerSearch: o,
+    clear: t.clear
+  };
+}
+const Ko = ["aria-expanded", "value", "placeholder", "disabled"], vs = /* @__PURE__ */ w({
   __name: "AutoComplete",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {},
-    config: {},
-    options: {},
-    valueKey: {},
-    labelKey: {}
-  }, Ht()), {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue"), u = S(""), h = (f) => {
-      s("change", f);
-    }, m = (f) => {
-      s("focus", f);
-    }, d = (f) => {
-      s("blur", f);
-    }, a = S(!1), r = S([]), w = (f) => {
-      a.value = !0, T(f);
-    }, T = (f) => {
-      n.value = f, h(f);
-    }, N = (f) => {
-      r.value?.length === f + 1 && (r.value = []);
-    }, E = (f) => f[t.valueKey], Q = (f) => f?.[t.labelKey] ?? "";
-    ne(
-      () => n.value,
-      (f) => {
-        f && !E(f) || (a.value = !0, r.value = [], u.value = Q(f));
+  props: Io,
+  emits: ["update:modelValue", "change", "clear", "focus", "blur"],
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = M(null), i = M(""), d = M(!1), p = Ho(o), { isLoading: f, triggerSearch: u, clear: n } = p, m = be(o), { options: h } = m;
+    G(
+      () => p.results.value,
+      () => {
+        m.setOptions(p.results.value);
       },
       { immediate: !0 }
-    ), ne(
-      () => u.value,
-      (f) => {
-        if (a.value) {
-          a.value = !1;
+    ), G(
+      () => o.modelValue,
+      (j) => {
+        if (j == null || j === "") {
+          i.value = "";
           return;
         }
-        _(f);
-      }
-    );
-    const _ = (f) => {
-      if (T({ [t.labelKey]: f }), t.config) {
-        const { uri: I, skipAuth: oe, dataField: W } = t.config;
-        (t.config.skipAuth ? Ae : De()).get(`${I}${f}`).then((ae) => {
-          r.value = ae.data[W];
-        });
-      } else t.options && (r.value = t.options.filter((I) => Q(I).toLowerCase().includes(f)).slice(0, 10));
-    }, D = () => {
-      r.value?.length || _(u.value);
-    }, R = k(
-      () => J(t.styles.control.select, t)
+        const W = typeof j == "object" ? j[o.labelKey] : j;
+        W !== i.value && (i.value = W);
+      },
+      { immediate: !0 }
     );
-    return (f, I) => {
-      const oe = ye("click-outside");
-      return l(), g(O, Z(G(t)), {
-        default: B(() => [
-          U(i("input", {
-            "onUpdate:modelValue": I[0] || (I[0] = (W) => u.value = W),
-            autocomplete: "off",
-            type: "text",
-            class: y([R.value]),
-            disabled: !e.enabled,
-            onFocus: m,
-            onBlur: d,
-            onClick: D
-          }, null, 42, Gt), [
-            [ue, u.value]
-          ]),
-          U((l(), c("div", null, [
-            r.value?.length ? (l(), c("ul", Jt, [
-              (l(!0), c($, null, L(r.value, (W, pe) => (l(), c("li", {
-                key: W[e.valueKey]
-              }, [
-                i("button", {
-                  class: "w-full h-8 border-b-1 border-gray-200 border-x-0 border-t-0 px-4 py-2 text-left hover:bg-primary-content cursor-pointer",
-                  type: "button",
-                  onClick: (ae) => w(W),
-                  onBlur: (ae) => N(pe)
-                }, p(Q(W)), 41, Qt)
-              ]))), 128))
-            ])) : x("", !0)
-          ])), [
-            [oe, () => r.value = []]
-          ])
-        ]),
-        _: 1
-      }, 16);
+    const x = (j) => {
+      i.value = j.target.value, o.freeText ? s("update:modelValue", i.value) : s("update:modelValue", ""), u(i.value), d.value = !0;
+    }, R = () => {
+      u(i.value), d.value = !0;
     };
+    function K() {
+      setTimeout(() => {
+        d.value = !1, o.freeText ? s("change", i.value) : o.modelValue || (i.value = "");
+      }, 150);
+    }
+    const A = (j) => {
+      const W = m.getOriginal(j);
+      i.value = j.label, d.value = !1, s("update:modelValue", W), s("change", W);
+    }, $ = () => {
+      i.value = "", n(), d.value = !1, s("update:modelValue", ""), s("clear"), _e(() => a.value?.focus());
+    }, T = () => {
+      d.value = !1;
+    }, U = v(() => le(o.styles)), Pe = v(
+      () => H(U.value.control.select, o)
+    );
+    return (j, W) => (l(), y(ve, P(o, {
+      options: g(h),
+      "is-loading": g(f),
+      "is-open": d.value,
+      query: i.value,
+      onClose: T,
+      onSelect: A,
+      onClear: $
+    }), {
+      default: L(() => [
+        r("input", {
+          ref_key: "inputRef",
+          ref: a,
+          type: "text",
+          role: "combobox",
+          "aria-expanded": d.value,
+          "aria-autocomplete": "list",
+          "aria-haspopup": "listbox",
+          autocomplete: "off",
+          autocorrect: "off",
+          spellcheck: "false",
+          class: _([Pe.value, "w-full"]),
+          value: i.value,
+          placeholder: j.placeholder,
+          disabled: !j.enabled,
+          onInput: x,
+          onFocus: R,
+          onBlur: K
+        }, null, 42, Ko)
+      ]),
+      _: 1
+    }, 16, ["options", "is-loading", "is-open", "query"]));
   }
-}), Xt = {
-  key: 0,
-  class: /* @__PURE__ */ y([
-    `bg-base-100 w-52 shadow -mt-5
-        absolute z-50 p-0`
-  ])
-}, Yt = ["onClick"], eo = { class: "w-4 mr-2" }, sl = /* @__PURE__ */ v({
+}), bs = /* @__PURE__ */ w({
   __name: "MultiSelect",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {},
-    options: {},
-    valueKey: {},
-    labelKey: {}
-  }, {
-    ...q(),
-    valueKey: "value",
-    labelKey: "label"
-  }), {
+  props: /* @__PURE__ */ O(Se, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue");
-    let u = !1;
-    const h = (_) => {
-      s("change", _);
-    }, m = S(!1), d = () => {
-      m.value = !m.value, u = !0;
-    }, a = () => {
-      u || (m.value = !1), u = !1;
-    }, r = k(
-      () => n.value?.map((_) => N(_)) ?? []
-    ), w = (_) => r.value.includes(_), T = (_, D) => {
-      _.preventDefault();
-      let R = n.value ?? [];
-      const f = N(D);
-      w(f) ? R = R.filter((oe) => N(oe) !== f) : R.push(D), n.value = R, h(R);
-    }, N = (_) => _[t.valueKey], E = (_) => _?.[t.labelKey] ?? "", Q = k(
-      () => J(
-        [t.styles.control.select, "w-full truncate block"].join(" "),
-        t
-      )
+  emits: /* @__PURE__ */ O(["update:modelValue", "change", "clear", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = M(!1), s = e, a = t, i = E(e, "modelValue"), d = ($) => {
+      a("change", $);
+    }, p = be(s), { options: f } = p;
+    G(
+      () => s.options,
+      () => {
+        p.setOptions(s.options);
+      },
+      { immediate: !0 }
     );
-    return (_, D) => {
-      const R = ye("click-outside");
-      return l(), g(O, Z(G(t)), {
-        default: B(() => [
-          i("button", {
-            type: "button",
-            class: y(Q.value),
-            onClick: d
-          }, p(n.value?.map?.((f) => E(f)).join(", ") ?? "Select value"), 3),
-          U((l(), c("div", null, [
-            m.value ? (l(), c("ul", Xt, [
-              (l(!0), c($, null, L(e.options, (f) => (l(), c("li", {
-                key: f[e.valueKey]
-              }, [
-                i("button", {
-                  class: "w-full flex h-8 border-b-1 border-gray-200 border-x-0 border-t-0 p-2 text-left hover:bg-primary-content cursor-pointer",
-                  type: "button",
-                  onClick: (I) => T(I, f)
-                }, [
-                  i("div", eo, [
-                    w(N(f)) ? (l(), g(b(j), {
-                      key: 0,
-                      icon: b(z).Check,
-                      size: "sm"
-                    }, null, 8, ["icon"])) : x("", !0)
-                  ]),
-                  F(" " + p(E(f)), 1)
-                ], 8, Yt)
-              ]))), 128))
-            ])) : x("", !0)
-          ])), [
-            [R, () => a()]
-          ])
-        ]),
-        _: 1
-      }, 16);
-    };
+    const u = v(
+      () => i.value ? p.getLabels(...i.value).join(", ") : void 0
+    ), n = v(
+      () => p.getValues(...i.value ?? [])
+    ), m = ($) => {
+      let T = i.value ?? [];
+      if (R($))
+        T = T.filter(
+          (U) => p.getOption(U) !== $.value
+        );
+      else {
+        const U = p.getOriginal($);
+        T.push(U);
+      }
+      i.value = T, d(T);
+    }, h = () => {
+      o.value = !1, i.value = [], d([]);
+    }, x = () => {
+      o.value = !1;
+    }, R = ($) => n.value?.includes($.value) ?? !1, K = v(() => le(s.styles)), A = v(
+      () => H(K.value.control.select, s)
+    );
+    return ($, T) => (l(), y(ve, P(s, {
+      options: g(f),
+      "is-open": o.value,
+      disabled: !$.enabled,
+      query: u.value,
+      "is-active": R,
+      onClose: x,
+      onSelect: m,
+      onClear: h
+    }), {
+      default: L(() => [
+        r("button", {
+          type: "button",
+          class: _(["truncate block text-left", [A.value, $.width]]),
+          onClick: T[0] || (T[0] = (U) => o.value = !0)
+        }, b(u.value ?? "Select value"), 3)
+      ]),
+      _: 1
+    }, 16, ["options", "is-open", "disabled", "query"]));
   }
-}), to = { class: "card bg-base-100 border border-base-300" }, oo = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, lo = ["title", "onClick"], no = ["innerHTML"], so = { class: "card-body p-3" }, ao = /* @__PURE__ */ v({
-  __name: "Markdown",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {},
-    actions: {}
-  }, {
-    ...q(),
-    actions: () => [
+}), Uo = ["change"], Wo = {
+  ...F,
+  width: { type: String, default: "w-48" },
+  minHeight: { type: String, default: "min-h-96" },
+  actions: {
+    type: Object,
+    default: () => [
       {
         label: "<strong>B</strong>",
         name: "bold",
@@ -1316,16 +1876,19 @@ const jt = {
         action: (e) => e?.chain().focus().toggleItalic().run()
       }
     ]
-  }), {
+  }
+}, Zo = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, Go = ["title", "onClick"], Jo = ["innerHTML"], Qo = { class: "card-body p-3" }, ys = /* @__PURE__ */ w({
+  __name: "Markdown",
+  props: /* @__PURE__ */ O(Wo, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["change"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue"), u = Se({
-      content: n.value ?? "",
+  emits: /* @__PURE__ */ O(Uo, ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = E(e, "modelValue"), i = qe({
+      content: a.value ?? "",
       extensions: [
-        Fe.configure({
+        ze.configure({
           heading: !1,
           blockquote: !1,
           bulletList: !1,
@@ -1336,334 +1899,287 @@ const jt = {
           horizontalRule: !1,
           hardBreak: !1
         }),
-        Re.configure({
+        Ee.configure({
           html: !1,
           transformPastedText: !0
           // parse markdown on paste
         })
       ],
-      onUpdate({ editor: h }) {
-        s("change", h.storage.markdown.getMarkdown());
+      onUpdate({ editor: d }) {
+        s("change", d.storage.markdown.getMarkdown());
       }
     });
-    return Le(() => {
-      u.value?.destroy();
-    }), (h, m) => (l(), g(O, Z(G(t)), {
-      default: B(() => [
-        i("div", to, [
-          i("div", oo, [
-            (l(!0), c($, null, L(e.actions, (d) => (l(), c("button", {
-              key: d.name,
+    return Te(() => {
+      i.value?.destroy();
+    }), (d, p) => (l(), y(J, ee(te(o)), {
+      default: L(() => [
+        r("div", {
+          class: _([[d.minHeight], "card bg-base-100 border border-base-300 w-full"])
+        }, [
+          r("div", Zo, [
+            (l(!0), c(C, null, S(d.actions, (f) => (l(), c("button", {
+              key: f.name,
+              tabindex: "-1",
               type: "button",
-              class: y(["btn btn-sm btn-ghost", { "btn-active": b(u)?.isActive(d.name) }]),
-              title: d.label,
-              onClick: (a) => d.action(b(u))
+              class: _(["btn btn-sm btn-ghost", { "btn-active": g(i)?.isActive(f.name) }]),
+              title: f.label,
+              onClick: (u) => f.action(g(i))
             }, [
-              i("span", {
-                innerHTML: d.label
-              }, null, 8, no)
-            ], 10, lo))), 128))
+              r("span", {
+                innerHTML: f.label
+              }, null, 8, Jo)
+            ], 10, Go))), 128))
           ]),
-          i("div", so, [
-            P(b(Ne), {
-              editor: b(u),
-              class: "prose prose-sm max-w-none min-h-96"
+          r("div", Qo, [
+            V(g(Ie), {
+              editor: g(i),
+              class: "prose prose-sm max-w-none h-full"
             }, null, 8, ["editor"])
           ])
-        ])
+        ], 2)
       ]),
       _: 1
     }, 16));
   }
-}), al = /* @__PURE__ */ fe(ao, [["__scopeId", "data-v-68d3e971"]]), io = { class: "flex items-center justify-center h-full" }, ro = { class: "fieldset-label" }, co = ["disabled"], uo = { class: "font-bold text-gray-500 text-sm" }, il = /* @__PURE__ */ v({
+}), Xo = {
+  ...F
+}, Yo = ["change", "focus", "blur"], en = { class: "flex items-center justify-center h-full" }, tn = { class: "fieldset-label" }, on = ["disabled"], nn = { class: "font-bold text-gray-500 text-sm" }, ws = /* @__PURE__ */ w({
   __name: "Checkbox",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {}
-  }, {
-    ...q()
-  }), {
+  props: /* @__PURE__ */ O(Xo, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
-      s("change", a);
-    }, h = (a) => {
-      s("focus", a);
-    }, m = (a) => {
-      s("blur", a);
-    }, d = k(
-      () => J(t.styles.control.checkbox, t)
+  emits: /* @__PURE__ */ O(Yo, ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
+      s("change", u);
+    }, d = (u) => {
+      s("focus", u);
+    }, p = (u) => {
+      s("blur", u);
+    }, f = v(
+      () => H(o.styles.control.checkbox, o)
     );
-    return (a, r) => (l(), c("div", io, [
-      P(O, A(t, { "hide-label": !0 }), {
-        default: B(() => [
-          i("label", ro, [
-            U(i("input", {
-              "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+    return (u, n) => (l(), c("div", en, [
+      V(J, P(o, { "hide-label": !0 }), {
+        default: L(() => [
+          r("label", tn, [
+            Y(r("input", {
+              "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
               type: "checkbox",
-              class: y(d.value),
-              disabled: !e.enabled,
-              onChange: u,
-              onFocus: h,
-              onBlur: m
-            }, null, 42, co), [
-              [ge, n.value]
+              class: _(f.value),
+              disabled: !u.enabled,
+              onChange: i,
+              onFocus: d,
+              onBlur: p
+            }, null, 42, on), [
+              [xe, a.value]
             ]),
-            i("span", uo, p(e.label), 1)
+            r("span", nn, b(u.label), 1)
           ])
         ]),
         _: 1
       }, 16)
     ]));
   }
-}), mo = ["type", "disabled", "autofocus", "placeholder"], rl = /* @__PURE__ */ v({
+}), sn = {
+  ...F,
+  type: { type: String, default: "text" }
+}, ln = ["change", "focus", "blur"], an = ["type", "disabled", "autofocus", "placeholder"], ks = /* @__PURE__ */ w({
   __name: "Input",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {},
-    type: {}
-  }, {
-    ...q(),
-    type: "text"
-  }), {
+  props: /* @__PURE__ */ O(sn, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
-      s("change", a);
-    }, h = (a) => {
-      s("focus", a);
-    }, m = (a) => {
-      s("blur", a);
-    }, d = k(
-      () => J(t.styles.control.input, t)
+  emits: /* @__PURE__ */ O(ln, ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
+      s("change", u);
+    }, d = (u) => {
+      s("focus", u);
+    }, p = (u) => {
+      s("blur", u);
+    }, f = v(
+      () => H(o.styles.control.input, o)
     );
-    return (a, r) => (l(), g(O, Z(G(t)), {
-      default: B(() => [
-        U(i("input", {
-          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+    return (u, n) => (l(), y(J, ee(te(o)), {
+      default: L(() => [
+        Y(r("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
           autocomplete: "off",
-          type: e.type,
-          class: y(d.value),
-          disabled: !e.enabled,
-          autofocus: e.isFocused,
-          placeholder: e.placeholder,
-          onChange: u,
-          onFocus: h,
-          onBlur: m
-        }, null, 42, mo), [
-          [Me, n.value]
+          type: u.type,
+          class: _(["w-full", f.value]),
+          disabled: !u.enabled,
+          autofocus: u.isFocused,
+          placeholder: u.placeholder,
+          onChange: i,
+          onFocus: d,
+          onBlur: p
+        }, null, 42, an), [
+          [De, a.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), ho = ["disabled", "step", "autofocus", "placeholder"], cl = /* @__PURE__ */ v({
+}), rn = {
+  ...F,
+  steps: { type: Number, default: 1 }
+}, cn = ["change", "focus", "blur"], un = ["disabled", "step", "autofocus", "placeholder"], xs = /* @__PURE__ */ w({
   __name: "InputNumber",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {},
-    steps: {}
-  }, {
-    ...q(),
-    steps: 1
-  }), {
+  props: /* @__PURE__ */ O(rn, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
-      s("change", a);
-    }, h = (a) => {
-      s("focus", a);
-    }, m = (a) => {
-      s("blur", a);
-    }, d = k(
-      () => J(t.styles.control.input, t)
+  emits: /* @__PURE__ */ O(cn, ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
+      s("change", u);
+    }, d = (u) => {
+      s("focus", u);
+    }, p = (u) => {
+      s("blur", u);
+    }, f = v(
+      () => H(o.styles.control.input, o)
     );
-    return (a, r) => (l(), g(O, Z(G(t)), {
-      default: B(() => [
-        U(i("input", {
-          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+    return (u, n) => (l(), y(J, ee(te(o)), {
+      default: L(() => [
+        Y(r("input", {
+          "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
           autocomplete: "off",
           type: "number",
-          class: y([d.value]),
-          disabled: !e.enabled,
-          step: e.steps,
-          autofocus: e.isFocused,
-          placeholder: e.placeholder,
-          onChange: u,
-          onFocus: h,
-          onBlur: m
-        }, null, 42, ho), [
-          [ue, n.value]
+          class: _(["w-full", [f.value]]),
+          disabled: !u.enabled,
+          step: u.steps,
+          autofocus: u.isFocused,
+          placeholder: u.placeholder,
+          onChange: i,
+          onFocus: d,
+          onBlur: p
+        }, null, 42, un), [
+          [$e, a.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), bo = ["disabled", "rows", "autofocus", "placeholder"], ul = /* @__PURE__ */ v({
+}), dn = {
+  ...F,
+  rows: { type: Number, default: 4 }
+}, pn = ["change", "focus", "blur"], fn = ["disabled", "rows", "autofocus", "placeholder"], _s = /* @__PURE__ */ w({
   __name: "Textarea",
-  props: /* @__PURE__ */ V(/* @__PURE__ */ K({
-    id: {},
-    placeholder: {},
-    description: {},
-    errors: {},
-    label: {},
-    visible: { type: Boolean },
-    required: { type: Boolean },
-    enabled: { type: Boolean },
-    isFocused: { type: Boolean },
-    isTouched: { type: Boolean },
-    hideLabel: { type: Boolean },
-    styles: {},
-    width: {},
-    rows: {}
-  }, {
-    ...q(),
-    rows: 4
-  }), {
+  props: /* @__PURE__ */ O(dn, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = H(e, "modelValue"), u = (a) => {
-      s("change", a);
-    }, h = (a) => {
-      s("focus", a);
-    }, m = (a) => {
-      s("blur", a);
-    }, d = k(
-      () => J(t.styles.control.textarea, t)
+  emits: /* @__PURE__ */ O(pn, ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = E(e, "modelValue"), i = (u) => {
+      s("change", u);
+    }, d = (u) => {
+      s("focus", u);
+    }, p = (u) => {
+      s("blur", u);
+    }, f = v(
+      () => H(o.styles.control.textarea, o)
     );
-    return (a, r) => (l(), g(O, Z(G(t)), {
-      default: B(() => [
-        U(i("textarea", {
-          "onUpdate:modelValue": r[0] || (r[0] = (w) => n.value = w),
+    return (u, n) => (l(), y(J, ee(te(o)), {
+      default: L(() => [
+        Y(r("textarea", {
+          "onUpdate:modelValue": n[0] || (n[0] = (m) => a.value = m),
           autocomplete: "off",
           type: "text",
-          class: y(d.value),
-          disabled: !e.enabled,
-          rows: e.rows,
-          autofocus: e.isFocused,
-          placeholder: e.placeholder,
-          onChange: u,
-          onFocus: h,
-          onBlur: m
-        }, null, 42, bo), [
-          [ue, n.value]
+          class: _(["w-full", f.value]),
+          disabled: !u.enabled,
+          rows: u.rows,
+          autofocus: u.isFocused,
+          placeholder: u.placeholder,
+          onChange: i,
+          onFocus: d,
+          onBlur: p
+        }, null, 42, fn), [
+          [$e, a.value]
         ])
       ]),
       _: 1
     }, 16));
   }
-}), fo = { class: "grid grid-cols-[auto_1fr_auto] h-full overflow-hidden" }, po = {
+}), mn = {
+  widthLeft: { type: Number, default: 200 },
+  widthRight: { type: Number, default: 200 },
+  initialLeftOpen: { type: Boolean, default: !0 },
+  initialRightOpen: { type: Boolean, default: !0 }
+}, hn = { class: "flex h-full overflow-hidden gap-2" }, gn = {
+  key: 0,
   id: "drawer-left",
-  class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible"
-}, vo = { class: "flex-1 overflow-y-auto bg-white" }, go = { class: "min-h-0 min-w-6 relative flex-shrink-0 bg-white shadow-lg transition-all duration-300 ease-in-out border-l border-gray-200 overflow-visible" }, dl = /* @__PURE__ */ v({
+  class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
+}, vn = { class: "flex-1 overflow-y-auto bg-white" }, bn = {
+  key: 1,
+  class: "min-h-0 relative flex-shrink-0 bg-white overflow-visible flex"
+}, $s = /* @__PURE__ */ w({
   __name: "drawer",
-  props: {
-    widthLeft: { default: 200 },
-    widthRight: { default: 200 }
-  },
+  props: mn,
   setup(e) {
-    const o = S({ left: !0, right: !0 }), t = (s) => {
-      o.value[s] = !o.value[s];
+    const t = e, o = Ce(), s = v(() => !!o["left-drawer"]), a = v(() => !!o["right-drawer"]), i = M({
+      left: t.initialLeftOpen,
+      right: t.initialRightOpen
+    }), d = (p) => {
+      i.value[p] = !i.value[p];
     };
-    return (s, n) => (l(), c("main", fo, [
-      i("aside", po, [
-        i("div", {
-          class: y(["absolute top-0 z-20", o.value.left ? "-right-0" : "-right-2"])
+    return (p, f) => (l(), c("main", hn, [
+      s.value ? (l(), c("aside", gn, [
+        r("div", {
+          style: Z({ width: i.value.left ? p.widthLeft + "px" : "0px" }),
+          class: "h-full overflow-hidden bg-white shadow-sm transition-[width] duration-300 ease-in-out"
         }, [
-          i("button", {
-            class: "btn btn-ghost btn-circle",
-            onClick: n[0] || (n[0] = (u) => t("left"))
+          r("div", {
+            style: Z({ width: p.widthLeft + "px" }),
+            class: "h-full overflow-y-auto p-4"
           }, [
-            P(b(j), {
-              size: "sm",
-              icon: o.value.left ? b(z).DblChevronLeft : b(z).DblChevronRight
-            }, null, 8, ["icon"])
-          ])
-        ], 2),
-        o.value.left ? (l(), c("div", {
-          key: 0,
-          style: ie({ width: e.widthLeft + "px" }),
-          class: "h-full overflow-y-auto p-4"
+            B(p.$slots, "left-drawer")
+          ], 4)
+        ], 4),
+        r("button", {
+          class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
+          onClick: f[0] || (f[0] = (u) => d("left"))
         }, [
-          M(s.$slots, "left-drawer")
-        ], 4)) : x("", !0)
-      ]),
-      i("div", vo, [
-        M(s.$slots, "default")
+          V(g(I), {
+            size: "lg",
+            icon: i.value.left ? g(D).ChevronLeft : g(D).ChevronRight
+          }, null, 8, ["icon"])
+        ])
+      ])) : k("", !0),
+      r("div", vn, [
+        B(p.$slots, "default")
       ]),
-      i("aside", go, [
-        o.value.right ? (l(), c("div", {
-          key: 0,
-          style: ie({ width: e.widthRight + "px" }),
-          class: "h-full overflow-y-auto p-4"
+      a.value ? (l(), c("aside", bn, [
+        r("button", {
+          class: "hover:bg-base-300 hover:text-base-content transition-colors cursor-pointer",
+          onClick: f[1] || (f[1] = (u) => d("right"))
         }, [
-          M(s.$slots, "right-drawer")
-        ], 4)) : x("", !0),
-        i("div", {
-          class: y(["absolute top-0 z-20", o.value.right ? "-left-0" : "-left-2"])
+          V(g(I), {
+            size: "lg",
+            icon: i.value.right ? g(D).ChevronRight : g(D).ChevronLeft
+          }, null, 8, ["icon"])
+        ]),
+        r("div", {
+          style: Z({ width: i.value.right ? p.widthRight + "px" : "0px" }),
+          class: "h-full overflow-hidden bg-white shadow-sm transition-[width] duration-300 ease-in-out"
         }, [
-          i("button", {
-            class: "btn btn-ghost btn-circle",
-            onClick: n[1] || (n[1] = (u) => t("right"))
+          r("div", {
+            style: Z({ width: p.widthRight + "px" }),
+            class: "h-full overflow-y-auto p-4"
           }, [
-            P(b(j), {
-              size: "sm",
-              icon: o.value.right ? b(z).DblChevronRight : b(z).DblChevronLeft
-            }, null, 8, ["icon"])
-          ])
-        ], 2)
-      ])
+            B(p.$slots, "right-drawer")
+          ], 4)
+        ], 4)
+      ])) : k("", !0)
     ]));
   }
-}), yo = { class: "ml-1" }, wo = { class: "truncate flex-1 min-w-0 text-left" }, xo = {
+}), yn = { class: "ml-1" }, wn = { class: "truncate flex-1 min-w-0 text-left" }, kn = {
   key: 0,
   class: "badge badge-ghost badge-sm flex-shrink-0"
-}, ko = /* @__PURE__ */ v({
+}, xn = /* @__PURE__ */ w({
   __name: "TreeItem",
   props: {
     active: {},
@@ -1672,247 +2188,379 @@ const jt = {
     isExpanded: { type: Function }
   },
   emits: ["toggle", "select"],
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = k(() => t.active === t.node.id);
-    return (u, h) => {
-      const m = re("TreeItem", !0);
-      return l(), c("li", yo, [
-        i("div", {
-          class: y([
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = v(() => o.active === o.node.id);
+    return (i, d) => {
+      const p = ie("TreeItem", !0);
+      return l(), c("li", yn, [
+        r("div", {
+          class: _([
             `flex items-center gap-1 cursor-pointer rounded-md px-1 py-0.5
       hover:bg-gray-100`,
-            n.value ? "text-primary" : ""
+            a.value ? "text-primary" : ""
           ])
         }, [
           (e.node?.children?.length ?? 0) > 0 ? (l(), c("span", {
             key: 0,
             class: "flex items-center justify-center",
-            onClick: h[0] || (h[0] = (d) => s("toggle", e.node))
+            onClick: d[0] || (d[0] = (f) => s("toggle", e.node))
           }, [
-            e.node.children && e.isExpanded(e.node.id) ? (l(), g(b(Te), {
+            e.node.children && e.isExpanded(e.node.id) ? (l(), y(g(Fe), {
               key: 0,
               class: "w-3 h-3"
-            })) : (l(), g(b(ze), {
+            })) : (l(), y(g(He), {
               key: 1,
               class: "w-3 h-3"
             }))
-          ])) : x("", !0),
-          i("div", {
+          ])) : k("", !0),
+          r("div", {
             class: "flex items-center gap-2 w-full min-w-0",
-            onClick: h[1] || (h[1] = (d) => s("select", e.node))
+            onClick: d[1] || (d[1] = (f) => s("select", e.node))
           }, [
-            i("div", wo, p(e.node.label), 1),
-            e.node.tag ? (l(), c("div", xo, p(e.node.tag), 1)) : x("", !0)
+            r("div", wn, b(e.node.label), 1),
+            e.node.tag ? (l(), c("div", kn, b(e.node.tag), 1)) : k("", !0)
           ])
         ], 2),
         e.node.children && e.isExpanded(e.node.id) ? (l(), c("ul", {
           key: 0,
-          class: y([
+          class: _([
             "ml-4 border-l pl-2",
-            { "border-gray-200": !n.value, "border-primary": n.value }
+            { "border-gray-200": !a.value, "border-primary": a.value }
           ])
         }, [
-          (l(!0), c($, null, L(e.node.children, (d) => (l(), g(m, {
-            key: d.id,
-            node: d,
+          (l(!0), c(C, null, S(e.node.children, (f) => (l(), y(p, {
+            key: f.id,
+            node: f,
             expanded: e.expanded,
             active: e.active,
             "is-expanded": e.isExpanded,
-            onToggle: h[2] || (h[2] = (a) => s("toggle", a)),
-            onSelect: h[3] || (h[3] = (a) => s("select", a))
+            onToggle: d[2] || (d[2] = (u) => s("toggle", u)),
+            onSelect: d[3] || (d[3] = (u) => s("select", u))
           }, null, 8, ["node", "expanded", "active", "is-expanded"]))), 128))
-        ], 2)) : x("", !0)
+        ], 2)) : k("", !0)
       ]);
     };
   }
-}), $o = { class: "select-none text-sm" }, ml = /* @__PURE__ */ v({
+}), _n = { class: "select-none text-sm" }, Cs = /* @__PURE__ */ w({
   __name: "TreeView",
   props: {
     data: {},
     active: {}
   },
   emits: ["select"],
-  setup(e, { emit: o }) {
-    const t = e, s = o, n = S(/* @__PURE__ */ new Set()), u = (d) => {
-      const a = d.id;
-      if (!d.children || d.children.length === 0) {
-        s("select", d);
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = M(/* @__PURE__ */ new Set()), i = (f) => {
+      const u = f.id;
+      if (!f.children || f.children.length === 0) {
+        s("select", f);
         return;
       }
-      n.value.has(a) ? n.value.delete(a) : n.value.add(a);
-    }, h = (d) => {
-      s("select", d), n.value.add(d.id);
-    }, m = (d) => n.value.has(d);
-    return (d, a) => (l(), c("ul", $o, [
-      (l(!0), c($, null, L(t.data, (r) => (l(), g(ko, {
-        key: r.id,
-        node: r,
-        expanded: n.value,
+      a.value.has(u) ? a.value.delete(u) : a.value.add(u);
+    }, d = (f) => {
+      s("select", f), a.value.add(f.id);
+    }, p = (f) => a.value.has(f);
+    return (f, u) => (l(), c("ul", _n, [
+      (l(!0), c(C, null, S(o.data, (n) => (l(), y(xn, {
+        key: n.id,
+        node: n,
+        expanded: a.value,
         active: e.active,
-        "is-expanded": m,
-        onToggle: u,
-        onSelect: h
+        "is-expanded": p,
+        onToggle: i,
+        onSelect: d
       }, null, 8, ["node", "expanded", "active"]))), 128))
     ]));
   }
-}), Co = {
+}), $n = {
   key: 0,
   class: "flex items-center justify-center h-20"
-}, hl = /* @__PURE__ */ v({
+}, Ls = /* @__PURE__ */ w({
   __name: "loading",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (o, t) => e.loading ? (l(), c("div", Co, [...t[0] || (t[0] = [
-      i("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
-    ])])) : x("", !0);
+    return (t, o) => e.loading ? (l(), c("div", $n, [...o[0] || (o[0] = [
+      r("span", { class: "loading loading-bars loading-md text-primary" }, null, -1)
+    ])])) : k("", !0);
   }
-}), Bo = ["checked"], _o = { class: "collapse-title text-gray-500 text-xs font-medium" }, Lo = {
+}), Cn = {
+  title: { type: String, required: !0 },
+  opened: { type: Boolean, default: !0 },
+  heightFull: { type: Boolean, default: !1 },
+  disabled: { type: Boolean, default: !1 },
+  actions: {
+    type: Array,
+    default: () => []
+  }
+}, Ln = ["checked"], Mn = { class: "collapse-title text-gray-500 text-xs font-medium" }, Sn = { class: "flex items-center justify-between" }, Bn = {
   key: 0,
   class: "list bg-base-100"
-}, bl = /* @__PURE__ */ v({
+}, Pn = /* @__PURE__ */ w({
   __name: "Collapse",
-  props: {
-    title: {},
-    opened: { type: Boolean, default: !0 },
-    heightFull: { type: Boolean }
-  },
+  props: Cn,
   setup(e) {
-    const o = Pe(), t = e, s = S(t.opened);
-    return ne(
-      () => t.opened,
-      () => {
-      },
-      { immediate: !0 }
-    ), (n, u) => (l(), c("div", {
-      class: y([
+    const t = Ce(), o = e, s = M(o.opened), a = M(o.opened || o.disabled);
+    return (i, d) => (l(), c("div", {
+      class: _([
         "collapse collapse-arrow bg-white w-full border border-gray-300",
-        e.heightFull ? "h-full" : ""
+        i.heightFull ? "h-full" : "",
+        i.disabled ? "collapse-open" : "",
+        a.value ? "overflow-visible" : ""
       ])
     }, [
-      i("input", {
+      i.disabled ? k("", !0) : (l(), c("input", {
+        key: 0,
         type: "checkbox",
-        checked: s.value
-      }, null, 8, Bo),
-      i("div", _o, p(e.title), 1),
-      i("div", {
-        class: y(["collapse-content", b(o).list ? "p-0" : ""])
+        checked: s.value,
+        tabindex: "-1",
+        onChange: d[0] || (d[0] = (p) => a.value = p.target.checked)
+      }, null, 40, Ln)),
+      r("div", Mn, [
+        r("div", Sn, [
+          r("span", null, b(i.title), 1),
+          o.actions.length > 0 ? (l(), c("div", {
+            key: 0,
+            class: "relative z-10 flex gap-1",
+            onClick: d[1] || (d[1] = ce(() => {
+            }, ["stop"]))
+          }, [
+            (l(!0), c(C, null, S(o.actions, (p, f) => (l(), y(g(z), {
+              key: f,
+              color: g(q).blank,
+              size: "xs",
+              icon: p.icon,
+              tooltip: p.tooltip,
+              disabled: p.disabled,
+              onClick: p.onClick
+            }, {
+              default: L(() => [
+                N(b(p.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["color", "icon", "tooltip", "disabled", "onClick"]))), 128))
+          ])) : k("", !0)
+        ])
+      ]),
+      r("div", {
+        class: _(["collapse-content", g(t).list ? "p-0" : ""])
       }, [
-        M(n.$slots, "default"),
-        b(o).list ? (l(), c("ul", Lo, [
-          M(n.$slots, "list")
-        ])) : x("", !0)
+        B(i.$slots, "default"),
+        g(t).list ? (l(), c("ul", Bn, [
+          B(i.$slots, "list")
+        ])) : k("", !0)
       ], 2)
     ], 2));
   }
-}), Mo = { class: "list-row" }, Po = { class: "list-col-grow" }, Vo = { key: 0 }, Ao = {
+}), Vn = {
+  title: { type: String },
+  label: { type: String },
+  labelLink: { type: String },
+  description: { type: String },
+  descriptionLink: { type: String }
+}, An = { class: "list-row" }, jn = { class: "list-col-grow" }, On = { key: 0 }, Rn = {
   key: 1,
   class: "text-xs text-gray-600"
-}, Do = ["href"], To = { key: 1 }, zo = {
+}, Tn = ["href"], Dn = { key: 1 }, Nn = {
   key: 0,
   class: "text-xs text-gray-500"
-}, Fo = ["href"], So = { key: 1 }, fl = /* @__PURE__ */ v({
+}, zn = ["href"], qn = { key: 1 }, Ms = /* @__PURE__ */ w({
   __name: "CollapseRow",
-  props: {
-    title: {},
-    label: {},
-    labelLink: {},
-    description: {},
-    descriptionLink: {}
-  },
+  props: Vn,
   setup(e) {
-    return (o, t) => (l(), c("li", Mo, [
-      i("div", Po, [
-        e.title ? (l(), c("div", Vo, p(e.title), 1)) : x("", !0),
-        e.description || e.descriptionLink ? (l(), c("div", Ao, [
-          e.descriptionLink ? (l(), c("a", {
+    return (t, o) => (l(), c("li", An, [
+      r("div", jn, [
+        t.title ? (l(), c("div", On, b(t.title), 1)) : k("", !0),
+        t.description || t.descriptionLink ? (l(), c("div", Rn, [
+          t.descriptionLink ? (l(), c("a", {
             key: 0,
-            href: e.descriptionLink,
+            href: t.descriptionLink,
             target: "_blank"
-          }, p(e.description ?? e.descriptionLink), 9, Do)) : (l(), c("span", To, p(e.description), 1))
-        ])) : x("", !0)
+          }, b(t.description ?? t.descriptionLink), 9, Tn)) : (l(), c("span", Dn, b(t.description), 1))
+        ])) : k("", !0)
       ]),
-      e.label ? (l(), c("div", zo, [
-        e.labelLink ? (l(), c("a", {
+      t.label ? (l(), c("div", Nn, [
+        t.labelLink ? (l(), c("a", {
           key: 0,
-          href: e.labelLink,
+          href: t.labelLink,
           target: "_blank"
-        }, p(e.label), 9, Fo)) : (l(), c("span", So, p(e.label), 1))
-      ])) : x("", !0),
-      M(o.$slots, "default")
+        }, b(t.label), 9, zn)) : (l(), c("span", qn, b(t.label), 1))
+      ])) : k("", !0),
+      B(t.$slots, "default")
     ]));
   }
-}), No = { class: "text-gray-800" }, pl = /* @__PURE__ */ v({
+}), In = { class: "text-gray-800" }, Ss = /* @__PURE__ */ w({
   __name: "alert",
   props: {
     message: {},
     type: {}
   },
   setup(e) {
-    const o = {
+    const t = {
       success: "alert-success",
       error: "alert-error",
       warning: "alert-warning",
       info: "alert-info"
     };
-    return (t, s) => (l(), c("div", {
+    return (o, s) => (l(), c("div", {
       role: "alert",
-      class: y(`alert alert-soft ${o[e.type]} `)
+      class: _(`alert alert-soft ${t[e.type]} `)
     }, [
-      i("span", No, p(e.message), 1),
-      M(t.$slots, "default")
+      r("span", In, b(e.message), 1),
+      B(o.$slots, "default")
     ], 2));
   }
+}), En = {
+  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 }
+}, Fn = ["update:modelValue"], Hn = (e, t, o, s) => {
+  const a = v(
+    () => e.value.map((n) => n[o.value])
+  ), i = (n) => t.value.includes(n), d = v(() => {
+    const n = t.value.length;
+    return n === 0 ? "None" : n === a.value.length ? "All" : `${n}`;
+  });
+  return { isSelected: i, selectedLabel: d, selectAll: () => s("update:modelValue", [...a.value]), selectNone: () => s("update:modelValue", []), toggleItem: (n, m) => {
+    m ? s("update:modelValue", [...t.value, n]) : s(
+      "update:modelValue",
+      t.value.filter((h) => h !== n)
+    );
+  } };
+}, Kn = { class: "flex items-center justify-between mb-2" }, Un = { class: "text-xs text-base-content/50" }, Wn = { class: "flex gap-1" }, Zn = { class: "flex flex-col gap-1" }, Gn = ["checked", "onChange"], Jn = { class: "text-sm flex-1 select-none" }, Qn = {
+  key: 1,
+  class: "badge badge-sm badge-ghost"
+}, Bs = /* @__PURE__ */ w({
+  __name: "filter",
+  props: En,
+  emits: Fn,
+  setup(e, { emit: t }) {
+    const o = e, s = t, a = v(() => o.items ?? []), { isSelected: i, selectedLabel: d, selectAll: p, selectNone: f, toggleItem: u } = Hn(a, we(o, "modelValue"), we(o, "valueKey"), s);
+    return (n, m) => (l(), y(g(Pn), {
+      title: n.title,
+      opened: n.opened
+    }, {
+      default: L(() => [
+        r("div", Kn, [
+          r("span", Un, b(g(d)) + " of " + b(a.value.length) + " items ", 1),
+          r("div", Wn, [
+            r("button", {
+              class: "btn btn-ghost btn-xs",
+              type: "button",
+              tabindex: "-1",
+              onClick: m[0] || (m[0] = //@ts-ignore
+              (...h) => g(p) && g(p)(...h))
+            }, " All "),
+            r("button", {
+              class: "btn btn-ghost btn-xs",
+              type: "button",
+              tabindex: "-1",
+              onClick: m[1] || (m[1] = //@ts-ignore
+              (...h) => g(f) && g(f)(...h))
+            }, " None ")
+          ])
+        ]),
+        r("div", Zn, [
+          (l(!0), c(C, null, S(a.value, (h) => (l(), c("label", {
+            key: h[n.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(i)(h[n.valueKey]) }])
+          }, [
+            r("input", {
+              type: "checkbox",
+              class: "checkbox checkbox-sm",
+              checked: g(i)(h[n.valueKey]),
+              onChange: (x) => g(u)(
+                h[n.valueKey],
+                x.target.checked
+              )
+            }, null, 40, Gn),
+            n.colorKey && h[n.colorKey] ? (l(), c("span", {
+              key: 0,
+              class: "w-3 h-3 rounded-full shrink-0 ring-1 ring-black/10",
+              style: Z({ backgroundColor: h[n.colorKey] })
+            }, null, 4)) : k("", !0),
+            r("span", Jn, b(h[n.labelKey]), 1),
+            h[n.countKey] > 0 ? (l(), c("span", Qn, b(h[n.countKey]), 1)) : k("", !0)
+          ], 2))), 128))
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "opened"]));
+  }
 });
 export {
-  pl as Alert,
-  nl as Autocomplete,
-  ot as BadgeSize,
-  Y as Btn,
-  Zo as BtnBadge,
-  tt as ButtonSize,
-  Xo as Card,
-  il as Checkbox,
-  tl as ClickOutside,
-  bl as Collapse,
-  fl as CollapseRow,
-  X as Color,
-  nt as ConfirmModal,
-  O as ControlWrapper,
-  Ht as DefaultAutoCompleteProperties,
-  q as DefaultControlProperties,
-  dl as Drawer,
-  Wo as Dropdown,
-  j as Icon,
-  z as IconEnum,
-  Ie as IconMap,
-  rl as Input,
-  cl as InputNumber,
-  hl as Loading,
-  al as Markdown,
-  Eo as Menu,
-  Xe as Modal,
-  he as ModalService,
-  st as ModalWrapper,
-  sl as MultiSelect,
-  at as NotificationMessage,
-  be as NotificationService,
-  ct as Notifications,
-  Bt as PaginationComponent,
-  ll as SelectComponent,
-  Go as ShellComponent,
+  Ss as Alert,
+  vs as Autocomplete,
+  At as BadgeSize,
+  z as Btn,
+  rs as BtnBadge,
+  Pt as BtnBadgeEmits,
+  Bt as BtnBadgeProperties,
+  St as BtnEmits,
+  Mt as BtnProperties,
+  Vt as ButtonSize,
+  Me as ButtonTag,
+  pe as ButtonType,
+  ds as Card,
+  ws as Checkbox,
+  ms as ClickOutside,
+  Pn as Collapse,
+  Ms as CollapseRow,
+  q as Color,
+  Ot as ConfirmModal,
+  J as ControlWrapper,
+  $s as Drawer,
+  as as Dropdown,
+  Bs as Filter,
+  Fn as FilterEmits,
+  En as FilterProperties,
+  I as Icon,
+  D as IconEnum,
+  dt as IconMap,
+  pt as IconProperties,
+  ks as Input,
+  xs as InputNumber,
+  Ls as Loading,
+  ys as Markdown,
+  ls as Menu,
+  $t as Modal,
+  fe as ModalService,
+  Rt as ModalWrapper,
+  bs as MultiSelect,
+  Tt as NotificationMessage,
+  me as NotificationService,
+  zt as Notifications,
+  lo as PaginationComponent,
+  gs as SelectComponent,
+  is as ShellComponent,
   de as SubMenu,
-  Qo as Table,
-  Qo as TableComponent,
-  Jo as TextCell,
-  ul as Textarea,
-  ml as TreeView,
-  Yo as addClickOutsideEventListener,
-  J as buildInputStyle,
-  ol as hasCustomEventListener,
-  Ot as isDescriptionHidden,
-  jt as myStyles,
-  el as removeClickOutsideEventListener,
-  ke as showErrors
+  us as Table,
+  us as TableComponent,
+  cs as TextCell,
+  _s as Textarea,
+  Cs as TreeView,
+  ps as addClickOutsideEventListener,
+  H as buildInputStyle,
+  hs as hasCustomEventListener,
+  Oo as isDescriptionHidden,
+  le as mergeStyles,
+  ne as myStyles,
+  fs as removeClickOutsideEventListener,
+  Be as showErrors,
+  Hn as useFilter
 };