@ghentcdh/ui 0.6.7 → 0.6.9

package/index.esm.js

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