@enos5/enos-vue-default 1.5.4 → 1.5.6

package/dist/index.js

@@ -1,4878 +1,61 @@
-import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, vModelText, createSlots } from "vue";
-import { LockClosedIcon, ChevronDownIcon, PhotoIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
-import Editor from "@tinymce/tinymce-vue";
-import { Link } from "@inertiajs/vue3";
-const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  get ActionCard() {
-    return _sfc_main$O;
-  },
-  get ActionMessage() {
-    return _sfc_main$N;
-  },
-  get ActionSection() {
-    return _sfc_main$L;
-  },
-  get Badge() {
-    return _sfc_main$K;
-  },
-  get Button() {
-    return _sfc_main$J;
-  },
-  get Card() {
-    return _sfc_main$Q;
-  },
-  get CardTabs() {
-    return _sfc_main$R;
-  },
-  get Checkbox() {
-    return _sfc_main$I;
-  },
-  get CheckboxInput() {
-    return _sfc_main$H;
-  },
-  get CheckboxMultipleInput() {
-    return _sfc_main$u;
-  },
-  get ConfirmationModal() {
-    return _sfc_main$s;
-  },
-  get CustomSelect() {
-    return _sfc_main$E;
-  },
-  get DateInput() {
-    return DateInput;
-  },
-  get DialogModal() {
-    return _sfc_main$r;
-  },
-  get Divider() {
-    return _sfc_main$P;
-  },
-  get Dropdown() {
-    return _sfc_main$q;
-  },
-  get DropdownLink() {
-    return _sfc_main$p;
-  },
-  get EnosVueDefault() {
-    return plugin;
-  },
-  get FormSection() {
-    return _sfc_main$o;
-  },
-  get ImageInput() {
-    return _sfc_main$B;
-  },
-  get InputError() {
-    return _sfc_main$n;
-  },
-  get InputGroup() {
-    return _sfc_main$v;
-  },
-  get InputLabel() {
-    return _sfc_main$m;
-  },
-  get LinkButton() {
-    return _sfc_main$l;
-  },
-  get Modal() {
-    return _sfc_main$t;
-  },
-  get NotationInput() {
-    return _sfc_main$A;
-  },
-  get RadioInput() {
-    return _sfc_main$z;
-  },
-  get RadioMultipleInput() {
-    return _sfc_main$x;
-  },
-  get SectionBorder() {
-    return _sfc_main$k;
-  },
-  get SectionTitle() {
-    return SectionTitle;
-  },
-  get SelectInput() {
-    return _sfc_main$D;
-  },
-  get Sidebar() {
-    return _sfc_main$j;
-  },
-  get SidebarContent() {
-    return _sfc_main$i;
-  },
-  get SidebarFooter() {
-    return _sfc_main$h;
-  },
-  get SidebarGroup() {
-    return _sfc_main$g;
-  },
-  get SidebarGroupContent() {
-    return _sfc_main$f;
-  },
-  get SidebarGroupLabel() {
-    return _sfc_main$e;
-  },
-  get SidebarHeader() {
-    return _sfc_main$d;
-  },
-  get SidebarInset() {
-    return _sfc_main$c;
-  },
-  get SidebarMenu() {
-    return _sfc_main$b;
-  },
-  get SidebarMenuButton() {
-    return _sfc_main$a;
-  },
-  get SidebarMenuItem() {
-    return _sfc_main$9;
-  },
-  get SidebarProvider() {
-    return _sfc_main$8;
-  },
-  get SidebarTrigger() {
-    return _sfc_main$7;
-  },
-  get SortControls() {
-    return _sfc_main$6;
-  },
-  get TableList() {
-    return _sfc_main$3;
-  },
-  get TableListForm() {
-    return _sfc_main$2;
-  },
-  get TableSearch() {
-    return _sfc_main$4;
-  },
-  get TextArea() {
-    return _sfc_main$F;
-  },
-  get TextInput() {
-    return _sfc_main$G;
-  },
-  get ThSortable() {
-    return _sfc_main$5;
-  },
-  get TinyEditor() {
-    return _sfc_main$w;
-  },
-  get Toast() {
-    return _sfc_main$1;
-  },
-  get ToastContainer() {
-    return _sfc_main;
-  },
-  get ToggleInput() {
-    return _sfc_main$y;
-  },
-  get useSidebar() {
-    return useSidebar;
-  }
-}, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$C = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
-const _hoisted_2$l = {
-  role: "tablist",
-  class: "flex overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-neutral-200 dark:bg-neutral-950 dark:ring-neutral-800"
-};
-const _hoisted_3$e = ["aria-selected", "tabindex", "onClick", "onKeydown"];
-const _sfc_main$R = {
-  __name: "CardTabs",
-  props: {
-    tabs: {
-      type: Array,
-      default: () => [],
-      validator: (tabs) => tabs.every((tab) => typeof tab === "object" && tab !== null && typeof tab.value === "string" && tab.value.length > 0 && typeof tab.label === "string")
-    },
-    activeTab: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    "update:activeTab",
-    "tab-click"
-  ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const tabButtons = ref([]);
-    const availableTabValues = computed(() => props.tabs.map((tab) => tab.value));
-    const currentActiveTab = computed(() => availableTabValues.value.includes(props.activeTab) ? props.activeTab : availableTabValues.value[0] ?? "");
-    watch(currentActiveTab, (value) => {
-      if (value !== props.activeTab) {
-        emit("update:activeTab", value);
-      }
-    }, { immediate: true });
-    const setTabButtonRef = (element, index) => {
-      tabButtons.value[index] = element;
-    };
-    const activateTab = (value) => {
-      if (!value || value === props.activeTab) {
-        return;
-      }
-      emit("update:activeTab", value);
-      emit("tab-click", value);
-    };
-    const focusTabAtIndex = (index) => {
-      tabButtons.value[index]?.focus();
-    };
-    const onTabKeydown = (event, index) => {
-      if (props.tabs.length === 0) {
-        return;
-      }
-      let targetIndex = index;
-      switch (event.key) {
-        case "ArrowRight":
-        case "ArrowDown":
-          targetIndex = (index + 1) % props.tabs.length;
-          break;
-        case "ArrowLeft":
-        case "ArrowUp":
-          targetIndex = (index - 1 + props.tabs.length) % props.tabs.length;
-          break;
-        case "Home":
-          targetIndex = 0;
-          break;
-        case "End":
-          targetIndex = props.tabs.length - 1;
-          break;
-        default:
-          return;
-      }
-      event.preventDefault();
-      activateTab(props.tabs[targetIndex].value);
-      focusTabAtIndex(targetIndex);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
-        createElementVNode("div", _hoisted_2$l, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
-            return openBlock(), createElementBlock("button", {
-              key: tab.value,
-              ref_for: true,
-              ref: (element) => setTabButtonRef(element, index),
-              type: "button",
-              style: normalizeStyle({ width: `${100 / __props.tabs.length}%` }),
-              role: "tab",
-              "aria-selected": currentActiveTab.value === tab.value,
-              tabindex: currentActiveTab.value === tab.value ? 0 : -1,
-              class: normalizeClass([
-                "px-4 py-3 text-center text-sm font-semibold tracking-wide transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-neutral-900/20 focus-visible:ring-inset dark:focus-visible:ring-neutral-100/20",
-                currentActiveTab.value === tab.value ? "bg-neutral-100 text-neutral-950 shadow-[inset_0_-2px_0_0_rgb(23_23_23)] dark:bg-neutral-800 dark:text-neutral-50 dark:shadow-[inset_0_-2px_0_0_rgb(245_245_245)]" : "text-neutral-700 hover:bg-neutral-50 dark:text-neutral-100 dark:hover:bg-neutral-900",
-                {
-                  "border-r border-neutral-200 dark:border-neutral-800": index !== __props.tabs.length - 1
-                }
-              ]),
-              onClick: ($event) => activateTab(tab.value),
-              onKeydown: ($event) => onTabKeydown($event, index)
-            }, toDisplayString(tab.label), 47, _hoisted_3$e);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-};
-const _hoisted_1$B = {
-  key: 0,
-  class: "mb-4"
-};
-const _hoisted_2$k = {
-  key: 1,
-  class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
-};
-const _sfc_main$Q = {
-  __name: "Card",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    sticky: {
-      type: Boolean,
-      default: false
-    },
-    paddingClass: {
-      type: String,
-      default: "p-6 lg:p-8"
-    },
-    cardClass: {
-      type: String,
-      default: ""
-    },
-    overflowClass: {
-      type: String,
-      default: "overflow-visible"
-    },
-    contentClass: {
-      type: String,
-      default: ""
-    },
-    tabs: {
-      type: Array,
-      default: () => [],
-      validator: (tabs) => tabs.every((tab) => typeof tab === "object" && tab !== null && typeof tab.value === "string" && tab.value.length > 0 && typeof tab.label === "string")
-    },
-    activeTab: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    "update:activeTab",
-    "tab-click"
-  ],
-  setup(__props) {
-    const props = __props;
-    const previousActiveTab = ref("");
-    const slideDirection = ref("right");
-    const currentTabIndex = computed(() => {
-      return props.tabs.findIndex((tab) => tab.value === props.activeTab);
-    });
-    computed(() => {
-      return props.tabs.findIndex((tab) => tab.value === previousActiveTab.value);
-    });
-    watch(currentTabIndex, (newIndex, oldIndex) => {
-      if (oldIndex !== void 0 && oldIndex !== -1 && newIndex !== -1 && newIndex !== oldIndex) {
-        slideDirection.value = newIndex > oldIndex ? "right" : "left";
-        previousActiveTab.value = props.activeTab;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["rounded-2xl border border-neutral-200 bg-white text-neutral-950 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", __props.overflowClass, { "sticky top-6 self-start": __props.sticky }, __props.cardClass])
-      }, [
-        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$R, {
-          key: 0,
-          tabs: __props.tabs,
-          "active-tab": __props.activeTab,
-          "onUpdate:activeTab": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:activeTab", $event)),
-          onTabClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("tab-click", $event))
-        }, null, 8, ["tabs", "active-tab"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass(__props.paddingClass)
-        }, [
-          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
-            renderSlot(_ctx.$slots, "customTitle")
-          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$k, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
-          }, [
-            createVNode(Transition, {
-              "enter-active-class": "transition-all duration-200 ease-in-out",
-              "enter-from-class": slideDirection.value === "right" ? "translate-x-full opacity-0" : "-translate-x-full opacity-0",
-              "enter-to-class": "translate-x-0 opacity-100",
-              "leave-active-class": "transition-all duration-200 ease-in-out",
-              "leave-from-class": "translate-x-0 opacity-100",
-              "leave-to-class": slideDirection.value === "right" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
-              mode: "out-in"
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createElementBlock("div", {
-                  key: __props.activeTab,
-                  class: normalizeClass([
-                    __props.tabs.length > 0 ? "p-2" : "",
-                    "dark:text-neutral-50 dark:[&_h1]:text-neutral-50 dark:[&_h2]:text-neutral-50 dark:[&_h3]:text-neutral-50 dark:[&_h4]:text-neutral-50 dark:[&_h5]:text-neutral-50 dark:[&_h6]:text-neutral-50 dark:[&_p]:text-neutral-100 dark:[&_span]:text-neutral-100 dark:[&_label]:text-neutral-100 dark:[&_li]:text-neutral-100 dark:[&_a]:text-neutral-100",
-                    __props.contentClass
-                  ])
-                }, [
-                  renderSlot(_ctx.$slots, "default")
-                ], 2))
-              ]),
-              _: 3
-            }, 8, ["enter-from-class", "leave-to-class"])
-          ], 2)
-        ], 2)
-      ], 2);
-    };
-  }
-};
-const _sfc_main$P = /* @__PURE__ */ Object.assign({
-  inheritAttrs: false
-}, {
-  __name: "Divider",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({ class: "border-t border-neutral-200 dark:border-neutral-800" }, _ctx.$attrs), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
-const _sfc_main$O = {
-  __name: "ActionCard",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    actionsClass: {
-      type: String,
-      default: "space-y-3"
-    }
-  },
-  setup(__props) {
-    const slots = useSlots();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Q, {
-        title: __props.title,
-        "content-class": __props.actionsClass
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$P, {
-            key: 0,
-            class: "mt-6 pt-4"
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "danger")
-            ]),
-            _: 3
-          })) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["title", "content-class"]);
-    };
-  }
-};
-const _hoisted_1$A = { class: "text-sm text-gray-600" };
-const _sfc_main$N = {
-  __name: "ActionMessage",
-  props: {
-    on: Boolean
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(Transition, {
-          "leave-active-class": "transition ease-in duration-1000",
-          "leave-from-class": "opacity-100",
-          "leave-to-class": "opacity-0"
-        }, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1$A, [
-              renderSlot(_ctx.$slots, "default")
-            ], 512), [
-              [vShow, __props.on]
-            ])
-          ]),
-          _: 3
-        })
-      ]);
-    };
-  }
-};
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$M = {};
-const _hoisted_1$z = { class: "md:col-span-1 flex justify-between" };
-const _hoisted_2$j = { class: "px-4 sm:px-0" };
-const _hoisted_3$d = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
-const _hoisted_4$9 = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
-const _hoisted_5$7 = { class: "px-4 sm:px-0" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$z, [
-    createElementVNode("div", _hoisted_2$j, [
-      createElementVNode("h3", _hoisted_3$d, [
-        renderSlot(_ctx.$slots, "title")
-      ]),
-      createElementVNode("p", _hoisted_4$9, [
-        renderSlot(_ctx.$slots, "description")
-      ])
-    ]),
-    createElementVNode("div", _hoisted_5$7, [
-      renderSlot(_ctx.$slots, "aside")
-    ])
-  ]);
-}
-const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render]]);
-const _hoisted_1$y = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$i = { class: "mt-5 md:mt-0 md:col-span-2" };
-const _hoisted_3$c = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
-const _sfc_main$L = {
-  __name: "ActionSection",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
-        createVNode(SectionTitle, null, {
-          title: withCtx(() => [
-            renderSlot(_ctx.$slots, "title")
-          ]),
-          description: withCtx(() => [
-            renderSlot(_ctx.$slots, "description")
-          ]),
-          _: 3
-        }),
-        createElementVNode("div", _hoisted_2$i, [
-          createElementVNode("div", _hoisted_3$c, [
-            renderSlot(_ctx.$slots, "content")
-          ])
-        ])
-      ]);
-    };
-  }
-};
-const _hoisted_1$x = { class: "sr-only" };
-const _sfc_main$K = {
-  __name: "Badge",
-  props: {
-    type: {
-      type: String,
-      default: "default",
-      validator: (value) => ["default", "dot"].includes(value)
-    },
-    color: {
-      type: String,
-      default: "default",
-      validator: (value) => [
-        "default",
-        "primary",
-        "secondary",
-        "success",
-        "warning",
-        "danger",
-        "info",
-        "gray"
-      ].includes(value)
-    },
-    size: {
-      type: String,
-      default: "md",
-      validator: (value) => ["xs", "sm", "md", "lg"].includes(value)
-    },
-    rounded: {
-      type: String,
-      default: "full",
-      validator: (value) => ["none", "sm", "md", "lg", "full"].includes(value)
-    }
-  },
-  setup(__props) {
-    const colorClasses = {
-      default: { bg: "bg-slate-100", text: "text-slate-700", dot: "bg-slate-600" },
-      primary: { bg: "bg-blue-100", text: "text-blue-700", dot: "bg-blue-600" },
-      secondary: { bg: "bg-slate-100", text: "text-slate-700", dot: "bg-slate-600" },
-      success: { bg: "bg-emerald-100", text: "text-emerald-700", dot: "bg-emerald-600" },
-      warning: { bg: "bg-amber-100", text: "text-amber-700", dot: "bg-amber-600" },
-      danger: { bg: "bg-rose-100", text: "text-rose-700", dot: "bg-rose-600" },
-      info: { bg: "bg-cyan-100", text: "text-cyan-700", dot: "bg-cyan-600" },
-      gray: { bg: "bg-slate-100", text: "text-slate-600", dot: "bg-slate-600" }
-    };
-    const sizeClasses = {
-      xs: "px-1.5 py-0.5 text-xs",
-      sm: "px-2 py-0.5 text-xs",
-      md: "px-2.5 py-0.5 text-xs",
-      lg: "px-3 py-1 text-sm"
-    };
-    const roundedClasses = {
-      none: "rounded-none",
-      sm: "rounded-sm",
-      md: "rounded-md",
-      lg: "rounded-lg",
-      full: "rounded-full"
-    };
-    return (_ctx, _cache) => {
-      return __props.type === "dot" ? (openBlock(), createElementBlock("span", {
-        key: 0,
-        class: normalizeClass(["inline-flex items-center justify-center w-6 h-6 rounded-full", colorClasses[__props.color].bg])
-      }, [
-        createElementVNode("span", {
-          class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot])
-        }, null, 2),
-        createElementVNode("span", _hoisted_1$x, [
-          renderSlot(_ctx.$slots, "default")
-        ])
-      ], 2)) : (openBlock(), createElementBlock("span", {
-        key: 1,
-        class: normalizeClass(["inline-flex items-center font-medium", [
-          colorClasses[__props.color].bg,
-          colorClasses[__props.color].text,
-          sizeClasses[__props.size],
-          roundedClasses[__props.rounded]
-        ]])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2));
-    };
-  }
-};
-const _hoisted_1$w = ["type", "disabled"];
-const _sfc_main$J = /* @__PURE__ */ Object.assign({
-  inheritAttrs: false
-}, {
-  __name: "Button",
-  props: {
-    type: {
-      type: String,
-      default: "submit"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    variant: {
-      type: String,
-      default: "default"
-    },
-    size: {
-      type: String,
-      default: "default"
-    }
-  },
-  setup(__props) {
-    const attrs = useAttrs();
-    const props = __props;
-    const variantClasses = {
-      default: "bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-      link: "text-primary underline-offset-4 hover:underline",
-      primary: "bg-primary text-primary-foreground hover:bg-primary/90",
-      success: "bg-emerald-600 text-white hover:bg-emerald-600/90 dark:bg-emerald-600 dark:text-white dark:hover:bg-emerald-600/90",
-      tertiary: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-      warning: "bg-amber-100 text-amber-700 hover:bg-amber-100/90 focus-visible:ring-amber-500/20 dark:bg-amber-600/20 dark:text-neutral-50 dark:hover:bg-amber-600/30 dark:focus-visible:ring-amber-500/40",
-      danger: "bg-destructive/10 text-destructive hover:bg-destructive/15 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:text-destructive-foreground dark:hover:bg-destructive/25",
-      "warning-solid": "bg-amber-500 text-white hover:bg-amber-500/90 dark:bg-amber-500 dark:text-white dark:hover:bg-amber-500/90",
-      "danger-solid": "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"
-    };
-    const sizeClasses = {
-      default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-      icon: "size-9",
-      "icon-sm": "size-8",
-      "icon-lg": "size-10"
-    };
-    const resolvedVariant = computed(() => {
-      return variantClasses[props.variant] ? props.variant : "default";
-    });
-    const resolvedSize = computed(() => {
-      return sizeClasses[props.size] ? props.size : "default";
-    });
-    const buttonClasses = computed(() => [
-      "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-      variantClasses[resolvedVariant.value],
-      sizeClasses[resolvedSize.value],
-      attrs.class
-    ]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps(unref(attrs), {
-        type: __props.type,
-        disabled: __props.disabled,
-        class: buttonClasses.value
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$w);
-    };
-  }
-});
-const _hoisted_1$v = ["value"];
-const _sfc_main$I = {
-  __name: "Checkbox",
-  props: {
-    checked: {
-      type: [Array, Boolean],
-      default: false
-    },
-    value: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["update:checked"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const proxyChecked = computed({
-      get() {
-        return props.checked;
-      },
-      set(val) {
-        emit("update:checked", val);
-      }
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("input", {
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => proxyChecked.value = $event),
-        type: "checkbox",
-        value: __props.value,
-        class: "rounded border-neutral-300 text-neutral-900 shadow-sm focus:ring-neutral-900 dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-100 dark:focus:ring-neutral-100"
-      }, null, 8, _hoisted_1$v)), [
-        [vModelCheckbox, proxyChecked.value]
-      ]);
-    };
-  }
-};
-const _hoisted_1$u = ["name", "checked", "disabled"];
-const _sfc_main$H = {
-  __name: "CheckboxInput",
-  props: {
-    modelValue: {
-      type: [Boolean, String, Number, null],
-      default: false
-    },
-    value: {
-      type: [Boolean, String, Number],
-      default: true
-    },
-    uncheckedValue: {
-      type: [Boolean, String, Number, null],
-      default: false
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const isChecked = computed(() => props.modelValue === props.value);
-    const hasFocus = ref(false);
-    const handleFocus = () => {
-      hasFocus.value = true;
-    };
-    const handleBlur = () => {
-      hasFocus.value = false;
-    };
-    const onChange = (event) => {
-      emit("update:modelValue", event.target.checked ? props.value : props.uncheckedValue);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["inline-flex items-center gap-2 rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
-          isChecked.value ? "border-neutral-900 bg-neutral-900 text-neutral-50 dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-50" : "border-neutral-200 text-neutral-600 dark:border-neutral-800 dark:text-neutral-100",
-          __props.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
-          hasFocus.value && !__props.disabled ? "ring-2 ring-neutral-900/20 ring-offset-2 ring-offset-white dark:ring-neutral-100/20 dark:ring-offset-neutral-950" : ""
-        ]])
-      }, [
-        createElementVNode("input", {
-          type: "checkbox",
-          class: "sr-only",
-          name: __props.name,
-          checked: isChecked.value,
-          disabled: __props.disabled,
-          onChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        }, null, 40, _hoisted_1$u),
-        createElementVNode("span", {
-          class: normalizeClass(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
-            isChecked.value ? "border-current bg-white/15 text-current dark:bg-neutral-900/15" : "border-current/70 text-transparent",
-            "rounded"
-          ]])
-        }, " ✓ ", 2),
-        createElementVNode("span", null, toDisplayString(__props.label), 1)
-      ], 2);
-    };
-  }
-};
-const _hoisted_1$t = { class: "relative flex items-center" };
-const _hoisted_2$h = {
-  key: 0,
-  class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
-};
-const _hoisted_3$b = ["type", "value", "disabled"];
-const _hoisted_4$8 = ["aria-label"];
-const _hoisted_5$6 = {
-  key: 0,
-  class: "h-5 w-5",
-  fill: "none",
-  stroke: "currentColor",
-  viewBox: "0 0 24 24"
-};
-const _hoisted_6$6 = {
-  key: 1,
-  class: "h-5 w-5",
-  fill: "none",
-  stroke: "currentColor",
-  viewBox: "0 0 24 24"
-};
-const DEFAULT_MAX_LENGTH$1 = 254;
-const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
-  __name: "TextInput",
-  props: {
-    modelValue: {
-      type: [String, Number, null],
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disabledClass: {
-      type: String,
-      default: "!border-neutral-200 !bg-neutral-100 !text-neutral-500 dark:!border-neutral-800 dark:!bg-neutral-900 dark:!text-neutral-500"
-    }
-  },
-  emits: ["update:modelValue", "blur"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const input = ref(null);
-    const revealed = ref(false);
-    const baseType = computed(() => String(attrs.type ?? "text"));
-    const isPasswordField = computed(() => baseType.value === "password");
-    const inputType = computed(() => isPasswordField.value && revealed.value ? "text" : baseType.value);
-    const normalizedValue = computed(() => props.modelValue ?? "");
-    const inputAttrs = computed(() => {
-      const { class: _class, type: _type, ...rest } = attrs;
-      if (rest.maxlength === void 0) {
-        rest.maxlength = DEFAULT_MAX_LENGTH$1;
-      }
-      return rest;
-    });
-    const inputClasses = computed(() => [
-      "w-full min-w-0 max-w-full rounded-lg border border-neutral-200 bg-white text-neutral-950 shadow-sm outline-none transition-colors placeholder:text-neutral-400 focus:border-neutral-900 focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
-      attrs.class,
-      isPasswordField.value ? "pr-10 pl-10" : ""
-    ]);
-    const toggleVisibility = () => {
-      revealed.value = !revealed.value;
-    };
-    const handleWheel = (event) => {
-      if (inputType.value !== "number") {
-        return;
-      }
-      event.preventDefault();
-      const scrollTarget = document.scrollingElement ?? document.documentElement ?? document.body;
-      if (scrollTarget) {
-        scrollTarget.scrollTop += event.deltaY;
-      }
-    };
-    onMounted(() => {
-      if (input.value?.hasAttribute("autofocus")) {
-        input.value.focus();
-      }
-    });
-    __expose({ focus: () => input.value?.focus() });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
-        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
-          createVNode(unref(LockClosedIcon), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-200" })
-        ])) : createCommentVNode("", true),
-        createElementVNode("input", mergeProps({
-          ref_key: "input",
-          ref: input
-        }, inputAttrs.value, {
-          type: inputType.value,
-          class: [inputClasses.value, props.disabled ? props.disabledClass : null],
-          value: normalizedValue.value,
-          disabled: props.disabled,
-          onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value)),
-          onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
-          onWheel: handleWheel
-        }), null, 16, _hoisted_3$b),
-        isPasswordField.value ? (openBlock(), createElementBlock("button", {
-          key: 1,
-          type: "button",
-          class: "absolute inset-y-0 right-0 flex items-center pr-3 text-neutral-400 transition-colors hover:text-neutral-700 focus:outline-none dark:text-neutral-200 dark:hover:text-neutral-50",
-          "aria-label": revealed.value ? "Hide password" : "Show password",
-          onClick: toggleVisibility
-        }, [
-          revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_5$6, [..._cache[2] || (_cache[2] = [
-            createElementVNode("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              "stroke-width": "2",
-              d: "M13.875 18.825A10.05 10.05 0 0112 19c-5 0-9.27-3.11-11-7 1.01-2.27 2.78-4.1 5-5.32m3.08-1.3A9.96 9.96 0 0112 5c5 0 9.27 3.11 11 7a11.03 11.03 0 01-4.16 4.91M15 12a3 3 0 00-3-3m0 0a3 3 0 00-2.94 3.59M3 3l18 18"
-            }, null, -1)
-          ])])) : (openBlock(), createElementBlock("svg", _hoisted_6$6, [..._cache[3] || (_cache[3] = [
-            createElementVNode("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              "stroke-width": "2",
-              d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-            }, null, -1),
-            createElementVNode("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              "stroke-width": "2",
-              d: "M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7S3.732 16.057 2.458 12z"
-            }, null, -1)
-          ])]))
-        ], 8, _hoisted_4$8)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const _hoisted_1$s = ["value", "disabled"];
-const DEFAULT_MAX_LENGTH = 1e3;
-const _sfc_main$F = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
-  __name: "TextArea",
-  props: {
-    modelValue: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disabledClass: {
-      type: String,
-      default: "!border-neutral-200 !bg-neutral-100 !text-neutral-500 dark:!border-neutral-800 dark:!bg-neutral-900 dark:!text-neutral-500"
-    },
-    autoResize: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const textarea = ref(null);
-    const textareaAttrs = computed(() => {
-      const { class: _class, ...rest } = attrs;
-      if (rest.maxlength === void 0) {
-        rest.maxlength = DEFAULT_MAX_LENGTH;
-      }
-      return rest;
-    });
-    const textareaClasses = computed(() => [
-      "w-full min-w-0 max-w-full rounded-lg border border-neutral-200 bg-white px-4 py-3 text-sm text-neutral-950 shadow-sm outline-none transition-colors placeholder:text-neutral-400 focus:border-neutral-900 focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
-      props.autoResize ? "resize-none overflow-y-auto" : "resize-y",
-      attrs.class
-    ]);
-    const resizeTextarea = () => {
-      if (!props.autoResize || !textarea.value) {
-        return;
-      }
-      textarea.value.style.height = "auto";
-      textarea.value.style.height = `${textarea.value.scrollHeight}px`;
-    };
-    const updateValue = (event) => {
-      emit("update:modelValue", event.target.value);
-      resizeTextarea();
-    };
-    onMounted(() => {
-      if (textarea.value?.hasAttribute("autofocus")) {
-        textarea.value.focus();
-      }
-      nextTick(() => {
-        resizeTextarea();
-      });
-    });
-    watch(() => props.modelValue, () => {
-      nextTick(() => {
-        resizeTextarea();
-      });
-    });
-    __expose({ focus: () => textarea.value?.focus() });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("textarea", mergeProps({
-          ref_key: "textarea",
-          ref: textarea
-        }, textareaAttrs.value, {
-          class: [textareaClasses.value, props.disabled ? props.disabledClass : ""],
-          value: props.modelValue,
-          disabled: props.disabled,
-          onInput: updateValue
-        }), null, 16, _hoisted_1$s)
-      ]);
-    };
-  }
-});
-const _hoisted_1$r = ["onClick"];
-const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
-  __name: "CustomSelect",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean, null],
-      default: ""
-    },
-    modelModifiers: {
-      type: Object,
-      default: () => ({})
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    placeholderDisabled: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    softDeleteAware: {
-      type: Boolean,
-      default: false
-    },
-    labelKey: {
-      type: String,
-      default: "name"
-    },
-    valueKey: {
-      type: String,
-      default: "id"
-    },
-    deletedKey: {
-      type: String,
-      default: "deleted_at"
-    },
-    optionLabel: {
-      type: Function,
-      default: null
-    },
-    baseClass: {
-      type: [String, Array, Object],
-      default: "block w-full rounded-lg border border-neutral-200 bg-white px-4 py-3 text-sm shadow-sm outline-none transition-colors focus:border-neutral-900 focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10"
-    },
-    normalTextClass: {
-      type: [String, Array, Object],
-      default: "text-neutral-950 dark:text-neutral-50"
-    },
-    deletedSelectedClass: {
-      type: [String, Array, Object],
-      default: "text-red-600 dark:text-neutral-100"
-    },
-    optionClass: {
-      type: [String, Array, Object],
-      default: "text-neutral-950 dark:text-neutral-50"
-    },
-    deletedOptionClass: {
-      type: [String, Array, Object],
-      default: "text-red-600 dark:text-neutral-100"
-    },
-    placeholderClass: {
-      type: [String, Array, Object],
-      default: "text-neutral-500 dark:text-neutral-200"
-    },
-    dropdownClass: {
-      type: [String, Array, Object],
-      default: "z-50 max-h-60 overflow-auto rounded-lg border border-neutral-200 bg-white shadow-xl dark:border-neutral-800 dark:bg-neutral-950"
-    },
-    dropdownOptionClass: {
-      type: [String, Array, Object],
-      default: "cursor-pointer px-4 py-3 transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-900"
-    },
-    dropdownSelectedClass: {
-      type: [String, Array, Object],
-      default: "bg-neutral-100 font-medium text-neutral-950 dark:bg-neutral-900 dark:text-neutral-50"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const isOpen = ref(false);
-    const rootRef = ref(null);
-    const triggerRef = ref(null);
-    const dropdownMenuRef = ref(null);
-    const dropdownStyle = ref({});
-    const isObjectOption = (option) => typeof option === "object" && option !== null;
-    const optionValue = (option) => {
-      if (isObjectOption(option)) {
-        return option[props.valueKey];
-      }
-      return option;
-    };
-    const optionText = (option) => {
-      if (props.optionLabel) {
-        return props.optionLabel(option);
-      }
-      if (isObjectOption(option)) {
-        return option[props.labelKey] ?? option[props.valueKey] ?? "";
-      }
-      return option;
-    };
-    const optionDeleted = (option) => {
-      if (!props.softDeleteAware || !isObjectOption(option)) {
-        return false;
-      }
-      return Boolean(option[props.deletedKey]);
-    };
-    const modelValueAsString = computed(() => String(props.modelValue ?? ""));
-    const selectedDeletedOption = computed(() => {
-      if (!props.softDeleteAware || modelValueAsString.value === "") {
-        return null;
-      }
-      return props.options.find((option) => optionDeleted(option) && String(optionValue(option) ?? "") === modelValueAsString.value) ?? null;
-    });
-    const availableOptions = computed(() => {
-      if (!props.softDeleteAware) {
-        return props.options;
-      }
-      return props.options.filter((option) => !optionDeleted(option));
-    });
-    const displayText = computed(() => {
-      if (props.modelValue === null || props.modelValue === void 0 || props.modelValue === "" && !props.options.some((option) => optionValue(option) === "")) {
-        return props.placeholder;
-      }
-      const selectedOption = props.options.find((option) => {
-        const optionVal = optionValue(option);
-        return optionVal === props.modelValue || String(optionVal) === String(props.modelValue);
-      });
-      return selectedOption ? optionText(selectedOption) : props.modelValue;
-    });
-    const normalizeEmittedValue = (value) => {
-      if (props.modelModifiers.number) {
-        if (value === "") {
-          return "";
-        }
-        return Number(value);
-      }
-      return value;
-    };
-    const toggleDropdown = () => {
-      if (!props.disabled) {
-        isOpen.value = !isOpen.value;
-      }
-    };
-    const selectOption = (option) => {
-      const value = optionValue(option);
-      emit("update:modelValue", normalizeEmittedValue(value));
-      isOpen.value = false;
-    };
-    const selectPlaceholder = () => {
-      if (!props.placeholderDisabled) {
-        emit("update:modelValue", normalizeEmittedValue(""));
-        isOpen.value = false;
-      }
-    };
-    const updateDropdownPosition = () => {
-      if (!triggerRef.value) {
-        return;
-      }
-      const rect = triggerRef.value.getBoundingClientRect();
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
-      const spaceBelow = viewportHeight - rect.bottom - 8;
-      const spaceAbove = rect.top - 8;
-      const shouldOpenUpward = spaceBelow < 240 && spaceAbove > spaceBelow;
-      const width = Math.min(rect.width, Math.max(viewportWidth - rect.left - 16, 160));
-      const maxHeight = Math.max(Math.min(240, shouldOpenUpward ? spaceAbove : spaceBelow), 120);
-      dropdownStyle.value = {
-        position: "fixed",
-        left: `${Math.max(rect.left, 8)}px`,
-        width: `${width}px`,
-        maxHeight: `${maxHeight}px`,
-        zIndex: "9999",
-        ...shouldOpenUpward ? { bottom: `${viewportHeight - rect.top + 1}px` } : { top: `${rect.bottom - 1}px` }
-      };
-    };
-    const closeDropdown = (event) => {
-      const clickedInsideTrigger = rootRef.value?.contains(event.target);
-      const clickedInsideMenu = dropdownMenuRef.value?.contains(event.target);
-      if (!clickedInsideTrigger && !clickedInsideMenu) {
-        isOpen.value = false;
-      }
-    };
-    onMounted(() => {
-      document.addEventListener("click", closeDropdown);
-      window.addEventListener("resize", updateDropdownPosition);
-      window.addEventListener("scroll", updateDropdownPosition, true);
-    });
-    onBeforeUnmount(() => {
-      document.removeEventListener("click", closeDropdown);
-      window.removeEventListener("resize", updateDropdownPosition);
-      window.removeEventListener("scroll", updateDropdownPosition, true);
-    });
-    watch(isOpen, async (open) => {
-      if (!open) {
-        return;
-      }
-      await nextTick();
-      updateDropdownPosition();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "rootRef",
-        ref: rootRef,
-        class: "relative",
-        onClick: toggleDropdown
-      }, [
-        createElementVNode("div", mergeProps({
-          ref_key: "triggerRef",
-          ref: triggerRef,
-          class: [
-            __props.baseClass,
-            selectedDeletedOption.value ? __props.deletedSelectedClass : __props.normalTextClass,
-            "flex items-center justify-between cursor-pointer",
-            unref(attrs).class
-          ]
-        }, unref(attrs), { tabindex: "0" }), [
-          createElementVNode("span", {
-            class: normalizeClass(!__props.modelValue && __props.placeholder ? __props.placeholderClass : null)
-          }, toDisplayString(displayText.value), 3),
-          createVNode(unref(ChevronDownIcon), {
-            class: normalizeClass(["size-5 text-neutral-400 transition-transform dark:text-neutral-200", { "rotate-180": isOpen.value }])
-          }, null, 8, ["class"])
-        ], 16),
-        createVNode(Transition, {
-          "enter-active-class": "transition-all duration-200 ease-out",
-          "enter-from-class": "opacity-0 transform scale-95 -translate-y-2",
-          "enter-to-class": "opacity-100 transform scale-100 translate-y-0",
-          "leave-active-class": "transition-all duration-150 ease-in",
-          "leave-from-class": "opacity-100 transform scale-100 translate-y-0",
-          "leave-to-class": "opacity-0 transform scale-95 -translate-y-2"
-        }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(Teleport, { to: "body" }, [
-              isOpen.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                ref_key: "dropdownMenuRef",
-                ref: dropdownMenuRef,
-                class: normalizeClass(__props.dropdownClass),
-                style: normalizeStyle(dropdownStyle.value)
-              }, [
-                __props.placeholder ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass([
-                    __props.dropdownOptionClass,
-                    __props.placeholderClass,
-                    { "text-gray-400": !__props.modelValue }
-                  ]),
-                  onClick: withModifiers(selectPlaceholder, ["stop"])
-                }, toDisplayString(__props.placeholder), 3)) : createCommentVNode("", true),
-                selectedDeletedOption.value ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: normalizeClass([
-                    __props.dropdownOptionClass,
-                    __props.deletedOptionClass,
-                    __props.dropdownSelectedClass
-                  ])
-                }, toDisplayString(optionText(selectedDeletedOption.value)), 3)) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(availableOptions.value, (option) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: String(optionValue(option)),
-                    class: normalizeClass([
-                      __props.dropdownOptionClass,
-                      __props.optionClass,
-                      {
-                        [__props.dropdownSelectedClass]: optionValue(option) === __props.modelValue || String(optionValue(option)) === String(__props.modelValue),
-                        "rounded-b-lg": option === availableOptions.value[availableOptions.value.length - 1] && !__props.placeholder,
-                        "rounded-lg": !__props.placeholder && availableOptions.value.length === 1
-                      }
-                    ]),
-                    onClick: withModifiers(($event) => selectOption(option), ["stop"])
-                  }, toDisplayString(optionText(option)), 11, _hoisted_1$r);
-                }), 128))
-              ], 6)) : createCommentVNode("", true)
-            ]))
-          ]),
-          _: 1
-        })
-      ], 512);
-    };
-  }
-});
-const _sfc_main$D = {
-  __name: "SelectInput",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean, null],
-      default: ""
-    },
-    modelModifiers: {
-      type: Object,
-      default: () => ({})
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    placeholderDisabled: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    softDeleteAware: {
-      type: Boolean,
-      default: false
-    },
-    labelKey: {
-      type: String,
-      default: "name"
-    },
-    valueKey: {
-      type: String,
-      default: "id"
-    },
-    deletedKey: {
-      type: String,
-      default: "deleted_at"
-    },
-    optionLabel: {
-      type: Function,
-      default: null
-    },
-    baseClass: {
-      type: [String, Array, Object],
-      default: "block w-full rounded-lg border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
-    },
-    normalTextClass: {
-      type: [String, Array, Object],
-      default: "text-slate-900"
-    },
-    deletedSelectedClass: {
-      type: [String, Array, Object],
-      default: "text-red-600"
-    },
-    optionClass: {
-      type: [String, Array, Object],
-      default: "text-slate-900"
-    },
-    deletedOptionClass: {
-      type: [String, Array, Object],
-      default: "text-rose-700"
-    },
-    placeholderClass: {
-      type: [String, Array, Object],
-      default: "text-slate-500"
-    },
-    dropdownClass: {
-      type: [String, Array, Object],
-      default: "bg-white/95 border border-slate-200 rounded-xl shadow-xl max-h-60 overflow-auto z-50 backdrop-blur-sm"
-    },
-    dropdownOptionClass: {
-      type: [String, Array, Object],
-      default: "px-4 py-3 hover:bg-slate-100 cursor-pointer transition-colors"
-    },
-    dropdownSelectedClass: {
-      type: [String, Array, Object],
-      default: "bg-blue-50 text-blue-700 font-medium"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$E, mergeProps({
-        "model-value": __props.modelValue,
-        "model-modifiers": __props.modelModifiers,
-        options: __props.options,
-        placeholder: __props.placeholder,
-        "placeholder-disabled": __props.placeholderDisabled,
-        disabled: __props.disabled,
-        "soft-delete-aware": __props.softDeleteAware,
-        "label-key": __props.labelKey,
-        "value-key": __props.valueKey,
-        "deleted-key": __props.deletedKey,
-        "option-label": __props.optionLabel,
-        "base-class": __props.baseClass,
-        "normal-text-class": __props.normalTextClass,
-        "deleted-selected-class": __props.deletedSelectedClass,
-        "option-class": __props.optionClass,
-        "deleted-option-class": __props.deletedOptionClass,
-        "placeholder-class": __props.placeholderClass,
-        "dropdown-class": __props.dropdownClass,
-        "dropdown-option-class": __props.dropdownOptionClass,
-        "dropdown-selected-class": __props.dropdownSelectedClass,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
-      }, _ctx.$attrs), null, 16, ["model-value", "model-modifiers", "options", "placeholder", "placeholder-disabled", "disabled", "soft-delete-aware", "label-key", "value-key", "deleted-key", "option-label", "base-class", "normal-text-class", "deleted-selected-class", "option-class", "deleted-option-class", "placeholder-class", "dropdown-class", "dropdown-option-class", "dropdown-selected-class"]);
-    };
-  }
-};
-const _hoisted_1$q = ["type", "max", "value", "disabled"];
-const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
-  __name: "DateInput",
-  props: {
-    modelValue: {
-      type: [String, Number, null],
-      default: ""
-    },
-    withTimestamp: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disabledClass: {
-      type: String,
-      default: "!border-neutral-200 !bg-neutral-100 !text-neutral-500 dark:!border-neutral-800 dark:!bg-neutral-900 dark:!text-neutral-500"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const input = ref(null);
-    const inputType = computed(() => props.withTimestamp ? "datetime-local" : "date");
-    const normalizedValue = computed(() => props.modelValue ?? "");
-    const cappedMax = computed(() => {
-      const limit = props.withTimestamp ? "9999-12-31T23:59" : "9999-12-31";
-      const incoming = attrs.max;
-      if (typeof incoming !== "string" || incoming === "") {
-        return limit;
-      }
-      return incoming > limit ? limit : incoming;
-    });
-    const inputAttrs = computed(() => {
-      const { class: _class, type: _type, ...rest } = attrs;
-      return rest;
-    });
-    const inputClasses = computed(() => [
-      "date-input w-full rounded-lg border border-neutral-200 bg-white px-4 py-3 text-sm text-neutral-950 shadow-sm outline-none transition-colors focus:border-neutral-900 focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
-      attrs.class
-    ]);
-    const normalizeDateValue = (rawValue) => {
-      if (typeof rawValue !== "string") {
-        return "";
-      }
-      return rawValue.replace(/^(\d{4})\d+/, "$1");
-    };
-    const handleDateInput = (event) => {
-      const target = event.target;
-      if (!target) {
-        return;
-      }
-      const rawValue = String(target.value ?? "");
-      const normalized = normalizeDateValue(rawValue);
-      if (normalized !== rawValue) {
-        target.value = normalized;
-      }
-      emit("update:modelValue", normalized);
-    };
-    onMounted(() => {
-      if (input.value?.hasAttribute("autofocus")) {
-        input.value.focus();
-      }
-    });
-    __expose({ focus: () => input.value?.focus() });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("input", mergeProps({
-        ref_key: "input",
-        ref: input
-      }, inputAttrs.value, {
-        type: inputType.value,
-        max: cappedMax.value,
-        class: [inputClasses.value, props.disabled ? props.disabledClass : null],
-        value: normalizedValue.value,
-        disabled: props.disabled,
-        onInput: handleDateInput,
-        onChange: handleDateInput
-      }), null, 16, _hoisted_1$q);
-    };
-  }
-});
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-35dd480a"]]);
-const _hoisted_1$p = { class: "relative" };
-const _hoisted_2$g = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
-const _hoisted_3$a = ["accept"];
-const _hoisted_4$7 = {
-  key: 0,
-  class: "mt-4 rounded-lg border border-neutral-200 bg-neutral-50 p-4 dark:border-neutral-800 dark:bg-neutral-900/50"
-};
-const _hoisted_5$5 = { class: "flex items-center space-x-4" };
-const _hoisted_6$5 = ["src"];
-const _hoisted_7$5 = { class: "text-sm font-medium text-neutral-900 dark:text-neutral-50" };
-const _hoisted_8$3 = { class: "text-xs text-neutral-500 dark:text-neutral-200" };
-const _sfc_main$B = {
-  __name: "ImageInput",
-  props: {
-    currentImageUrl: {
-      type: String,
-      default: ""
-    },
-    accept: {
-      type: String,
-      default: "image/*"
-    },
-    currentLabel: {
-      type: String,
-      default: "Current logo"
-    },
-    currentSubtext: {
-      type: String,
-      default: "Upload a new logo to replace this one"
-    },
-    attrs: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const handleFileChange = (event) => {
-      const file = event.target.files?.[0] ?? null;
-      emit("update:modelValue", file);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$p, [
-          createElementVNode("div", _hoisted_2$g, [
-            createVNode(unref(PhotoIcon), { class: "size-5 text-neutral-400 dark:text-neutral-200" })
-          ]),
-          createElementVNode("input", mergeProps(__props.attrs, {
-            type: "file",
-            accept: __props.accept,
-            class: "block w-full cursor-pointer rounded-lg border border-neutral-200 bg-white py-3 pl-10 pr-4 text-sm text-neutral-700 shadow-sm transition-all duration-200 file:mr-4 file:rounded-md file:border-0 file:bg-neutral-900 file:px-4 file:py-2 file:text-sm file:font-medium file:text-neutral-50 hover:file:bg-neutral-800 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-100 dark:file:bg-neutral-800 dark:file:text-neutral-50 dark:hover:file:bg-neutral-700 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
-            onChange: handleFileChange
-          }), null, 16, _hoisted_3$a)
-        ]),
-        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
-          createElementVNode("div", _hoisted_5$5, [
-            createElementVNode("img", {
-              src: props.currentImageUrl,
-              alt: "Current logo",
-              class: "h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm"
-            }, null, 8, _hoisted_6$5),
-            createElementVNode("div", null, [
-              createElementVNode("p", _hoisted_7$5, toDisplayString(props.currentLabel), 1),
-              createElementVNode("p", _hoisted_8$3, toDisplayString(props.currentSubtext), 1)
-            ])
-          ])
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-const _hoisted_1$o = { class: "flex h-12 overflow-hidden rounded-lg border border-neutral-200 bg-white text-sm dark:border-neutral-800 dark:bg-neutral-950" };
-const _hoisted_2$f = ["disabled", "onClick"];
-const _sfc_main$A = {
-  __name: "NotationInput",
-  props: {
-    modelValue: {
-      type: [String, Number, null],
-      default: ""
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const normalizedOptions = computed(() => {
-      return props.options.map((option) => option === null || option === void 0 ? "" : String(option).trim()).filter((option) => option !== "");
-    });
-    const isSelected = (option) => String(option) === String(props.modelValue ?? "");
-    const selectOption = (option) => emit("update:modelValue", option);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option, idx) => {
-          return openBlock(), createElementBlock("button", {
-            key: `notation-${idx}-${option}`,
-            type: "button",
-            class: normalizeClass(["flex-1 border-l border-neutral-200 px-2 text-center font-semibold transition-colors duration-150 first:border-l-0 dark:border-neutral-800", [
-              idx === 0 ? "rounded-l-lg" : "",
-              idx === normalizedOptions.value.length - 1 ? "rounded-r-lg" : "",
-              isSelected(option) ? "bg-neutral-900 text-neutral-50 dark:bg-neutral-800 dark:text-neutral-50" : "bg-white text-neutral-700 hover:bg-neutral-100 dark:bg-neutral-950 dark:text-neutral-100 dark:hover:bg-neutral-900",
-              "focus-visible:ring-2 focus-visible:ring-neutral-900/20 focus-visible:ring-offset-0 dark:focus-visible:ring-neutral-100/20"
-            ]]),
-            disabled: __props.disabled,
-            onClick: ($event) => selectOption(option)
-          }, toDisplayString(option), 11, _hoisted_2$f);
-        }), 128))
-      ]);
-    };
-  }
-};
-const _hoisted_1$n = ["name", "value", "checked", "disabled"];
-const _sfc_main$z = {
-  __name: "RadioInput",
-  props: {
-    modelValue: {
-      type: [String, Number, Boolean, null],
-      default: null
-    },
-    value: {
-      type: [String, Number, Boolean],
-      default: true
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const isChecked = computed(() => String(props.modelValue ?? "") === String(props.value));
-    const hasFocus = ref(false);
-    const handleFocus = () => {
-      hasFocus.value = true;
-    };
-    const handleBlur = () => {
-      hasFocus.value = false;
-    };
-    const onChange = () => emit("update:modelValue", props.value);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium select-none transition-colors", [
-          isChecked.value ? "border-neutral-900 bg-neutral-900 text-neutral-50 dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-50" : "border-neutral-200 text-neutral-600 dark:border-neutral-800 dark:text-neutral-100",
-          __props.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
-          hasFocus.value && !__props.disabled ? "ring-2 ring-neutral-900/20 ring-offset-2 ring-offset-white dark:ring-neutral-100/20 dark:ring-offset-neutral-950" : ""
-        ]])
-      }, [
-        createElementVNode("input", {
-          type: "radio",
-          class: "sr-only",
-          name: __props.name,
-          value: __props.value,
-          checked: isChecked.value,
-          disabled: __props.disabled,
-          onChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        }, null, 40, _hoisted_1$n),
-        createElementVNode("span", null, toDisplayString(isChecked.value ? "✓" : "○") + " " + toDisplayString(__props.label), 1)
-      ], 2);
-    };
-  }
-};
-const _hoisted_1$m = ["name", "checked", "disabled"];
-const _hoisted_2$e = {
-  key: 0,
-  class: "text-sm text-neutral-700 dark:text-neutral-200"
-};
-const _sfc_main$y = {
-  __name: "ToggleInput",
-  props: {
-    modelValue: {
-      type: [Boolean, String, Number, null],
-      default: false
-    },
-    value: {
-      type: [Boolean, String, Number],
-      default: true
-    },
-    uncheckedValue: {
-      type: [Boolean, String, Number, null],
-      default: false
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue", "blur"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const isChecked = computed(() => props.modelValue === props.value);
-    const hasFocus = ref(false);
-    const handleFocus = () => {
-      hasFocus.value = true;
-    };
-    const handleBlur = (event) => {
-      hasFocus.value = false;
-      emit("blur", event);
-    };
-    const onChange = (event) => {
-      emit(
-        "update:modelValue",
-        event.target.checked ? props.value : props.uncheckedValue
-      );
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["inline-flex items-center gap-3 select-none", [
-          __props.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
-          hasFocus.value && !__props.disabled ? "rounded-full ring-2 ring-neutral-900/20 ring-offset-2 ring-offset-white dark:ring-neutral-100/20 dark:ring-offset-neutral-950" : ""
-        ]])
-      }, [
-        createElementVNode("input", {
-          type: "checkbox",
-          class: "sr-only",
-          name: __props.name,
-          checked: isChecked.value,
-          disabled: __props.disabled,
-          onChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        }, null, 40, _hoisted_1$m),
-        createElementVNode("span", {
-          "aria-hidden": "true",
-          class: normalizeClass(["relative inline-flex h-6 w-11 items-center rounded-full border transition-colors duration-200", [
-            isChecked.value ? "border-neutral-900 bg-neutral-900 dark:border-neutral-100 dark:bg-neutral-100" : "border-neutral-300 bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800"
-          ]])
-        }, [
-          createElementVNode("span", {
-            class: normalizeClass(["inline-block size-4 rounded-full bg-white shadow-sm transition-transform duration-200 dark:bg-neutral-950", [isChecked.value ? "translate-x-6" : "translate-x-1"]])
-          }, null, 2)
-        ], 2),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-};
-const _hoisted_1$l = { class: "flex flex-wrap gap-3" };
-const _sfc_main$x = {
-  __name: "RadioMultipleInput",
-  props: {
-    modelValue: {
-      type: [String, Number, null],
-      default: ""
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const normalizedOptions = computed(() => {
-      return props.options.map((option) => option === null || option === void 0 ? "" : String(option).trim()).filter((option) => option !== "");
-    });
-    const selectOption = (option) => emit("update:modelValue", option);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$v, {
-            key: `radio-${__props.name ?? "group"}-${option}`,
-            type: "radio-input",
-            "model-value": props.modelValue,
-            name: __props.name,
-            value: option,
-            label: option,
-            disabled: __props.disabled,
-            "onUpdate:modelValue": selectOption
-          }, null, 8, ["model-value", "name", "value", "label", "disabled"]);
-        }), 128))
-      ]);
-    };
-  }
-};
-const _hoisted_1$k = {
-  key: 0,
-  class: "min-h-[12rem] w-full rounded-lg border border-slate-300 bg-slate-50"
-};
-const _sfc_main$w = {
-  __name: "TinyEditor",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    height: {
-      type: Number,
-      default: 300
-    },
-    menubar: {
-      type: [Boolean, String],
-      default: false
-    },
-    toolbar: {
-      type: [String, Array],
-      default: "undo redo | bold italic underline | bullist numlist | link image | alignleft aligncenter alignright | code"
-    },
-    plugins: {
-      type: [String, Array],
-      default: () => ["link", "table", "code", "lists", "image"]
-    },
-    init: {
-      type: Object,
-      default: () => ({})
-    },
-    licenseKey: {
-      type: String,
-      default: "gpl"
-    },
-    outputFormat: {
-      type: String,
-      default: "html"
-    }
-  },
-  emits: ["update:modelValue", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const content = ref(props.modelValue ?? "");
-    const isEditorReady = ref(false);
-    const editorRevision = ref(0);
-    const loadTinyMce = async () => {
-      const tinymceModule = await import("./tinymce-WPdeGquX.js").then((n) => n.t);
-      const tinymce = tinymceModule.default ?? tinymceModule;
-      if (typeof globalThis !== "undefined" && !globalThis.tinymce) {
-        globalThis.tinymce = tinymce;
-      }
-      await Promise.all([
-        import("./index-Ch9hFG6f.js").then((n) => n.i),
-        import("./index-6eLEqodC.js").then((n) => n.i),
-        import("./index-G1cAlO5C.js").then((n) => n.i),
-        import("./index-CiFpmPug.js").then((n) => n.i),
-        import("./index-BPcdR1qv.js").then((n) => n.i),
-        import("./index-Cjhk16SP.js").then((n) => n.i),
-        import("./index-D7sesyMc.js").then((n) => n.i),
-        import("./index-BHTvTOGk.js").then((n) => n.i)
-      ]);
-      isEditorReady.value = true;
-    };
-    watch(
-      () => props.modelValue,
-      (value) => {
-        const nextValue = value ?? "";
-        if (nextValue === content.value) {
-          return;
-        }
-        content.value = nextValue;
-        editorRevision.value += 1;
-      }
-    );
-    const normalizedToolbar = computed(() => Array.isArray(props.toolbar) ? props.toolbar.join(" | ") : props.toolbar);
-    const normalizedPlugins = computed(() => Array.isArray(props.plugins) ? [...props.plugins] : props.plugins);
-    const editorKey = computed(() => {
-      const mode = props.readonly ? "tiny-editor-readonly" : "tiny-editor-editable";
-      const menubarKey = props.menubar === void 0 ? "menubar-undefined" : `menubar-${String(props.menubar)}`;
-      return `${mode}-${menubarKey}-${editorRevision.value}`;
-    });
-    const editorInit = computed(() => ({
-      height: props.height,
-      menubar: props.menubar,
-      plugins: normalizedPlugins.value,
-      toolbar: normalizedToolbar.value,
-      skin: false,
-      content_css: false,
-      ...props.init
-    }));
-    onMounted(() => {
-      void loadTinyMce();
-    });
-    const handleEditorInput = (_event, editor) => {
-      const nextValue = editor.getContent({ format: props.outputFormat });
-      content.value = nextValue;
-      emit("update:modelValue", nextValue);
-    };
-    const handleEditorBlur = (_event, editor) => {
-      emit("blur", editor.getContent({ format: props.outputFormat }));
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", { key: editorKey.value }, [
-        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$k)) : (openBlock(), createBlock(unref(Editor), {
-          key: 1,
-          "initial-value": content.value,
-          "license-key": __props.licenseKey,
-          readonly: __props.readonly,
-          "output-format": __props.outputFormat,
-          init: editorInit.value,
-          onInput: handleEditorInput,
-          onBlur: handleEditorBlur
-        }, null, 8, ["initial-value", "license-key", "readonly", "output-format", "init"]))
-      ]);
-    };
-  }
-};
-const _hoisted_1$j = ["for"];
-const _hoisted_2$d = {
-  key: 1,
-  class: "text-xs text-gray-500 mb-1 block break-all"
-};
-const _hoisted_3$9 = {
-  key: 16,
-  class: "flex items-center mt-2 text-sm text-red-600"
-};
-const defaultFieldClass = "block w-full rounded-lg border border-neutral-200 bg-white px-4 py-3 text-sm text-neutral-950 placeholder:text-neutral-400 shadow-sm transition-all duration-200 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10";
-const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
-  __name: "InputGroup",
-  props: {
-    type: {
-      type: String,
-      required: true
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    helperText: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    errorMessage: {
-      type: String,
-      default: ""
-    },
-    modelValue: {
-      type: [String, Number, Boolean, Array, null],
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disabledClass: {
-      type: String,
-      default: "!border-neutral-200 !bg-neutral-100 !text-neutral-500 dark:!border-neutral-800 dark:!bg-neutral-900 dark:!text-neutral-500"
-    },
-    modelModifiers: {
-      type: Object,
-      default: () => ({})
-    },
-    withTimestamp: {
-      type: Boolean,
-      default: false
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    placeholderDisabled: {
-      type: Boolean,
-      default: false
-    },
-    softDeleteAware: {
-      type: Boolean,
-      default: false
-    },
-    labelKey: {
-      type: String,
-      default: "name"
-    },
-    valueKey: {
-      type: String,
-      default: "id"
-    },
-    deletedKey: {
-      type: String,
-      default: "deleted_at"
-    },
-    optionLabel: {
-      type: Function,
-      default: null
-    },
-    baseClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    normalTextClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    deletedSelectedClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    optionClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    deletedOptionClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    placeholderClass: {
-      type: [String, Array, Object],
-      default: void 0
-    },
-    accept: {
-      type: String,
-      default: void 0
-    },
-    currentImageUrl: {
-      type: String,
-      default: ""
-    },
-    currentLabel: {
-      type: String,
-      default: "Current logo"
-    },
-    currentSubtext: {
-      type: String,
-      default: "Upload a new logo to replace this one"
-    },
-    height: {
-      type: Number,
-      default: 300
-    },
-    menubar: {
-      type: [Boolean, String],
-      default: false
-    },
-    toolbar: {
-      type: [String, Array],
-      default: void 0
-    },
-    plugins: {
-      type: [String, Array],
-      default: void 0
-    },
-    init: {
-      type: Object,
-      default: void 0
-    },
-    licenseKey: {
-      type: String,
-      default: "gpl"
-    },
-    outputFormat: {
-      type: String,
-      default: "html"
-    }
-  },
-  emits: ["update:modelValue", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const updateValue = (value) => emit("update:modelValue", value);
-    const hasError = computed(() => Boolean(props.errorMessage));
-    const showsInlineChoiceControl = computed(
-      () => isCheckboxSingleType.value || isRadioSingleType.value || isToggleSingleType.value
-    );
-    const fieldId = computed(() => {
-      const id = attrs.id;
-      return typeof id === "string" && id !== "" ? id : void 0;
-    });
-    const textLikeTypes = [
-      "text",
-      "email",
-      "password",
-      "number",
-      "time",
-      "url",
-      "tel",
-      "search",
-      "month",
-      "week",
-      "color"
-    ];
-    const noComponentTypes = [];
-    const isImageType = computed(() => props.type === "image");
-    const isNotationType = computed(() => props.type === "notation");
-    const isCheckboxSingleType = computed(() => props.type === "checkbox-input");
-    const isRadioSingleType = computed(() => props.type === "radio-input");
-    const isToggleSingleType = computed(() => props.type === "toggle-input");
-    const isCheckboxType = computed(() => props.type === "checkbox");
-    const isRadioType = computed(() => props.type === "radio");
-    const isDateType = computed(
-      () => props.type === "date" || props.type === "datetime-local"
-    );
-    const isTextareaType = computed(() => props.type === "textarea");
-    const isTinyEditorType = computed(() => props.type === "tiny-editor");
-    const isSelectType = computed(() => props.type === "select");
-    const isTextLikeType = computed(() => textLikeTypes.includes(props.type));
-    const isNoComponentType = computed(() => noComponentTypes.includes(props.type));
-    const textInputBindings = computed(() => ({
-      ...attrs,
-      class: [defaultFieldClass, attrs.class],
-      type: props.type,
-      name: props.name,
-      modelValue: props.modelValue,
-      disabled: props.disabled,
-      disabledClass: props.disabledClass
-    }));
-    const textAreaBindings = computed(() => ({
-      ...attrs,
-      class: [defaultFieldClass, attrs.class],
-      name: props.name,
-      modelValue: props.modelValue,
-      disabled: props.disabled,
-      disabledClass: props.disabledClass
-    }));
-    const dateBindings = computed(() => ({
-      ...attrs,
-      class: [defaultFieldClass, attrs.class],
-      name: props.name,
-      modelValue: props.modelValue,
-      withTimestamp: props.type === "datetime-local" || props.withTimestamp,
-      disabled: props.disabled,
-      disabledClass: props.disabledClass
-    }));
-    const selectBindings = computed(() => {
-      const inputProps = {
-        ...attrs,
-        class: [defaultFieldClass, attrs.class],
-        name: props.name,
-        modelValue: props.modelValue,
-        modelModifiers: props.modelModifiers,
-        options: props.options,
-        placeholder: props.placeholder,
-        placeholderDisabled: props.placeholderDisabled,
-        disabled: props.disabled,
-        softDeleteAware: props.softDeleteAware,
-        labelKey: props.labelKey,
-        valueKey: props.valueKey,
-        deletedKey: props.deletedKey,
-        optionLabel: props.optionLabel
-      };
-      if (props.baseClass !== void 0) inputProps.baseClass = props.baseClass;
-      if (props.normalTextClass !== void 0)
-        inputProps.normalTextClass = props.normalTextClass;
-      if (props.deletedSelectedClass !== void 0)
-        inputProps.deletedSelectedClass = props.deletedSelectedClass;
-      if (props.optionClass !== void 0)
-        inputProps.optionClass = props.optionClass;
-      if (props.deletedOptionClass !== void 0)
-        inputProps.deletedOptionClass = props.deletedOptionClass;
-      if (props.placeholderClass !== void 0)
-        inputProps.placeholderClass = props.placeholderClass;
-      return inputProps;
-    });
-    const notationBindings = computed(() => ({
-      ...attrs,
-      name: props.name,
-      modelValue: props.modelValue,
-      options: props.options,
-      disabled: props.disabled
-    }));
-    const checkboxBindings = computed(() => ({
-      ...attrs,
-      name: props.name,
-      modelValue: props.modelValue,
-      options: props.options,
-      disabled: props.disabled
-    }));
-    const radioBindings = computed(() => ({
-      ...attrs,
-      modelValue: props.modelValue,
-      options: props.options,
-      name: props.name ?? attrs.name,
-      disabled: props.disabled
-    }));
-    const checkboxSingleBindings = computed(() => ({
-      ...attrs,
-      name: props.name,
-      modelValue: props.modelValue,
-      label: props.label || attrs.label || "",
-      disabled: props.disabled
-    }));
-    const radioSingleBindings = computed(() => ({
-      ...attrs,
-      modelValue: props.modelValue,
-      label: props.label || attrs.label || "",
-      name: props.name ?? attrs.name,
-      disabled: props.disabled
-    }));
-    const toggleSingleBindings = computed(() => ({
-      ...attrs,
-      name: props.name,
-      modelValue: props.modelValue,
-      label: props.label || attrs.label || "",
-      disabled: props.disabled
-    }));
-    const imageBindings = computed(() => {
-      return {
-        ...attrs,
-        accept: props.accept ?? attrs.accept ?? "image/*",
-        modelValue: props.modelValue,
-        currentImageUrl: props.currentImageUrl,
-        currentLabel: props.currentLabel,
-        currentSubtext: props.currentSubtext
-      };
-    });
-    const tinyEditorBindings = computed(() => {
-      const inputProps = {
-        ...attrs,
-        modelValue: typeof props.modelValue === "string" ? props.modelValue : "",
-        readonly: props.disabled,
-        height: props.height,
-        menubar: props.menubar,
-        licenseKey: props.licenseKey,
-        outputFormat: props.outputFormat
-      };
-      if (props.toolbar !== void 0) inputProps.toolbar = props.toolbar;
-      if (props.plugins !== void 0) inputProps.plugins = props.plugins;
-      if (props.init !== void 0) inputProps.init = props.init;
-      return inputProps;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        __props.label && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("label", {
-          key: 0,
-          for: fieldId.value,
-          class: "text-base font-semibold text-gray-900 dark:text-gray-50 mb-1 block"
-        }, toDisplayString(__props.label), 9, _hoisted_1$j)) : createCommentVNode("", true),
-        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
-        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$F, mergeProps({ key: 2 }, textAreaBindings.value, {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
-        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$w, mergeProps({ key: 3 }, tinyEditorBindings.value, {
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
-        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$D, mergeProps({ key: 4 }, selectBindings.value, {
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur", $event))
-        }), null, 16)) : isDateType.value ? (openBlock(), createBlock(DateInput, mergeProps({ key: 5 }, dateBindings.value, {
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[7] || (_cache[7] = ($event) => emit("blur", $event))
-        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$G, mergeProps({ key: 6 }, textInputBindings.value, {
-          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[9] || (_cache[9] = ($event) => emit("blur", $event))
-        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$B, mergeProps({ key: 7 }, imageBindings.value, {
-          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[11] || (_cache[11] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({ key: 8 }, checkboxSingleBindings.value, {
-          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[13] || (_cache[13] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$z, mergeProps({ key: 9 }, radioSingleBindings.value, {
-          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[15] || (_cache[15] = ($event) => emit("blur", $event))
-        }), null, 16)) : isToggleSingleType.value ? (openBlock(), createBlock(_sfc_main$y, mergeProps({ key: 10 }, toggleSingleBindings.value, {
-          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[17] || (_cache[17] = ($event) => emit("blur", $event))
-        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$A, mergeProps({ key: 11 }, notationBindings.value, {
-          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[19] || (_cache[19] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$u, mergeProps({ key: 12 }, checkboxBindings.value, {
-          "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[21] || (_cache[21] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$x, mergeProps({ key: 13 }, radioBindings.value, {
-          "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => emit("update:modelValue", $event)),
-          onBlur: _cache[23] || (_cache[23] = ($event) => emit("blur", $event))
-        }), null, 16)) : isNoComponentType.value ? renderSlot(_ctx.$slots, "unsupported-type", {
-          key: 14,
-          type: __props.type,
-          modelValue: __props.modelValue,
-          updateValue,
-          attrs: unref(attrs)
-        }) : renderSlot(_ctx.$slots, "unsupported-type", {
-          key: 15,
-          type: __props.type,
-          modelValue: __props.modelValue,
-          updateValue,
-          attrs: unref(attrs)
-        }),
-        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
-          createVNode(unref(ExclamationCircleIcon), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
-          createElementVNode("span", null, toDisplayString(__props.errorMessage), 1)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const _hoisted_1$i = { class: "flex flex-wrap gap-3" };
-const _sfc_main$u = {
-  __name: "CheckboxMultipleInput",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: void 0
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const normalizedOptions = computed(() => {
-      return props.options.map((option) => option === null || option === void 0 ? "" : String(option).trim()).filter((option) => option !== "");
-    });
-    const isChecked = (option) => {
-      return Array.isArray(props.modelValue) && props.modelValue.includes(option);
-    };
-    const updateSelection = (option, checked) => {
-      const nextSelection = Array.isArray(props.modelValue) ? [...props.modelValue] : [];
-      const index = nextSelection.indexOf(option);
-      if (checked && index === -1) {
-        nextSelection.push(option);
-      } else if (!checked && index !== -1) {
-        nextSelection.splice(index, 1);
-      }
-      emit("update:modelValue", nextSelection);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$v, {
-            key: `checkbox-${option}`,
-            type: "checkbox-input",
-            name: __props.name,
-            "model-value": isChecked(option),
-            value: true,
-            "unchecked-value": false,
-            label: option,
-            disabled: __props.disabled,
-            "onUpdate:modelValue": (checked) => updateSelection(option, checked)
-          }, null, 8, ["name", "model-value", "label", "disabled", "onUpdate:modelValue"]);
-        }), 128))
-      ]);
-    };
-  }
-};
-const _sfc_main$t = {
-  __name: "Modal",
-  props: {
-    show: {
-      type: Boolean,
-      default: false
-    },
-    maxWidth: {
-      type: String,
-      default: "2xl"
-    },
-    closeable: {
-      type: Boolean,
-      default: true
-    },
-    position: {
-      type: String,
-      default: "center",
-      validator: (value) => ["top", "center", "bottom"].includes(value)
-    }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const dialog = ref();
-    const showSlot = ref(props.show);
-    const openModal = () => {
-      document.body.style.overflow = "hidden";
-      showSlot.value = true;
-      dialog.value?.showModal();
-    };
-    const closeModal = () => {
-      document.body.style.overflow = null;
-      setTimeout(() => {
-        dialog.value?.close();
-        showSlot.value = false;
-      }, 200);
-    };
-    watch(() => props.show, () => {
-      if (props.show) {
-        openModal();
-      } else {
-        closeModal();
-      }
-    });
-    onMounted(() => {
-      if (props.show) {
-        openModal();
-      }
-    });
-    const close = () => {
-      if (props.closeable) {
-        emit("close");
-      }
-    };
-    const closeOnEscape = (e) => {
-      if (e.key === "Escape") {
-        e.preventDefault();
-        if (props.show) {
-          close();
-        }
-      }
-    };
-    onMounted(() => document.addEventListener("keydown", closeOnEscape));
-    onUnmounted(() => {
-      document.removeEventListener("keydown", closeOnEscape);
-      document.body.style.overflow = null;
-    });
-    const maxWidthClass = computed(() => {
-      return {
-        "sm": "sm:max-w-sm",
-        "md": "sm:max-w-md",
-        "lg": "sm:max-w-lg",
-        "xl": "sm:max-w-xl",
-        "2xl": "sm:max-w-2xl"
-      }[props.maxWidth];
-    });
-    const positionClasses = computed(() => {
-      switch (props.position) {
-        case "top":
-          return "flex-col items-center pt-16";
-        case "bottom":
-          return "flex-col items-center justify-end pb-16";
-        default:
-          return "items-center justify-center";
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("dialog", {
-        class: "z-50 m-0 min-h-full min-w-full overflow-y-auto bg-transparent backdrop:bg-transparent",
-        ref_key: "dialog",
-        ref: dialog
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50 flex", positionClasses.value])
-        }, [
-          createVNode(Transition, {
-            "enter-active-class": "ease-out duration-300",
-            "enter-from-class": "opacity-0",
-            "enter-to-class": "opacity-100",
-            "leave-active-class": "ease-in duration-200",
-            "leave-from-class": "opacity-100",
-            "leave-to-class": "opacity-0"
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("div", {
-                class: "fixed inset-0 z-40 transform transition-all",
-                onClick: close
-              }, [..._cache[0] || (_cache[0] = [
-                createElementVNode("div", { class: "absolute inset-0 bg-neutral-950/55 backdrop-blur-[2px]" }, null, -1)
-              ])], 512), [
-                [vShow, __props.show]
-              ])
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, {
-            "enter-active-class": "ease-out duration-300",
-            "enter-from-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-            "enter-to-class": "opacity-100 translate-y-0 sm:scale-100",
-            "leave-active-class": "ease-in duration-200",
-            "leave-from-class": "opacity-100 translate-y-0 sm:scale-100",
-            "leave-to-class": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("div", {
-                class: normalizeClass(["relative z-50 mb-6 overflow-hidden rounded-lg border border-neutral-200 bg-white shadow-xl transform transition-all dark:border-neutral-800 dark:bg-neutral-950 sm:mx-auto sm:w-full", maxWidthClass.value])
-              }, [
-                showSlot.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
-              ], 2), [
-                [vShow, __props.show]
-              ])
-            ]),
-            _: 3
-          })
-        ], 2)
-      ], 512);
-    };
-  }
-};
-const _hoisted_1$h = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
-const _hoisted_2$c = { class: "sm:flex sm:items-start" };
-const _hoisted_3$8 = { class: "mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-red-100 dark:bg-red-950/60 sm:mx-0 sm:size-10" };
-const _hoisted_4$6 = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" };
-const _hoisted_5$4 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-const _hoisted_6$4 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
-const _hoisted_7$4 = { class: "flex flex-col-reverse gap-4 border-t border-neutral-200 bg-neutral-50 px-6 py-4 text-end dark:border-neutral-800 dark:bg-neutral-900/60 lg:flex-row lg:justify-end lg:gap-0" };
-const _sfc_main$s = {
-  __name: "ConfirmationModal",
-  props: {
-    show: {
-      type: Boolean,
-      default: false
-    },
-    maxWidth: {
-      type: String,
-      default: "2xl"
-    },
-    closeable: {
-      type: Boolean,
-      default: true
-    },
-    position: {
-      type: String,
-      default: "center",
-      validator: (value) => ["top", "center", "bottom"].includes(value)
-    }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const close = () => {
-      emit("close");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        show: __props.show,
-        "max-width": __props.maxWidth,
-        closeable: __props.closeable,
-        position: __props.position,
-        onClose: close
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$h, [
-            createElementVNode("div", _hoisted_2$c, [
-              createElementVNode("div", _hoisted_3$8, [
-                createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })
-              ]),
-              createElementVNode("div", _hoisted_4$6, [
-                createElementVNode("h3", _hoisted_5$4, [
-                  renderSlot(_ctx.$slots, "title")
-                ]),
-                createElementVNode("div", _hoisted_6$4, [
-                  renderSlot(_ctx.$slots, "content")
-                ])
-              ])
-            ])
-          ]),
-          createElementVNode("div", _hoisted_7$4, [
-            renderSlot(_ctx.$slots, "footer")
-          ])
-        ]),
-        _: 3
-      }, 8, ["show", "max-width", "closeable", "position"]);
-    };
-  }
-};
-const _hoisted_1$g = { class: "px-6 py-4" };
-const _hoisted_2$b = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-const _hoisted_3$7 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
-const _hoisted_4$5 = { class: "flex flex-row justify-end border-t border-neutral-200 bg-neutral-50 px-6 py-4 text-end dark:border-neutral-800 dark:bg-neutral-900/60" };
-const _sfc_main$r = {
-  __name: "DialogModal",
-  props: {
-    show: {
-      type: Boolean,
-      default: false
-    },
-    maxWidth: {
-      type: String,
-      default: "2xl"
-    },
-    closeable: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const close = () => {
-      emit("close");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
-        show: __props.show,
-        "max-width": __props.maxWidth,
-        closeable: __props.closeable,
-        onClose: close
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$g, [
-            createElementVNode("div", _hoisted_2$b, [
-              renderSlot(_ctx.$slots, "title")
-            ]),
-            createElementVNode("div", _hoisted_3$7, [
-              renderSlot(_ctx.$slots, "content")
-            ])
-          ]),
-          createElementVNode("div", _hoisted_4$5, [
-            renderSlot(_ctx.$slots, "footer")
-          ])
-        ]),
-        _: 3
-      }, 8, ["show", "max-width", "closeable"]);
-    };
-  }
-};
-const _hoisted_1$f = { class: "relative inline-block w-fit" };
-const _sfc_main$q = {
-  __name: "Dropdown",
-  props: {
-    align: {
-      type: String,
-      default: "right"
-    },
-    width: {
-      type: String,
-      default: "48"
-    },
-    contentClasses: {
-      type: Array,
-      default: () => ["py-1", "bg-white", "dark:bg-neutral-950"]
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const open = ref(false);
-    const triggerRef = ref(null);
-    const menuRef = ref(null);
-    const menuStyle = ref({
-      position: "fixed",
-      left: "0px",
-      top: "0px",
-      visibility: "hidden"
-    });
-    const menuOriginClass = ref("ltr:origin-top-right rtl:origin-top-left");
-    let revealFrame = null;
-    const closeOnEscape = (e) => {
-      if (open.value && e.key === "Escape") {
-        open.value = false;
-      }
-    };
-    const closeOnOutsideClick = (event) => {
-      if (!open.value) {
-        return;
-      }
-      const target = event.target;
-      if (!(target instanceof Node)) {
-        return;
-      }
-      if (triggerRef.value?.contains(target) || menuRef.value?.contains(target)) {
-        return;
-      }
-      open.value = false;
-    };
-    const setOriginClass = (alignRight, openUpward) => {
-      const horizontal = alignRight ? "ltr:origin-top-right rtl:origin-top-left" : "ltr:origin-top-left rtl:origin-top-right";
-      menuOriginClass.value = `${horizontal} ${openUpward ? "origin-bottom" : "origin-top"}`;
-    };
-    const widthClass = computed(() => {
-      return {
-        "48": "w-48"
-      }[props.width.toString()];
-    });
-    const alignmentClasses = computed(() => {
-      return menuOriginClass.value;
-    });
-    const updateDropdownPosition = () => {
-      if (!triggerRef.value || !menuRef.value) {
-        return;
-      }
-      const rect = triggerRef.value.getBoundingClientRect();
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
-      const menuWidth = menuRef.value.offsetWidth;
-      const menuHeight = menuRef.value.offsetHeight;
-      const gap = 8;
-      const spaceLeft = rect.left - gap;
-      const spaceRight = viewportWidth - rect.right - gap;
-      let alignRight = props.align === "right";
-      if (alignRight && rect.right + menuWidth > viewportWidth - gap && spaceLeft > spaceRight) {
-        alignRight = false;
-      } else if (!alignRight && rect.left + menuWidth > viewportWidth - gap && spaceRight > spaceLeft) {
-        alignRight = true;
-      }
-      let left = alignRight ? rect.right - menuWidth : rect.left;
-      left = Math.max(gap, Math.min(left, viewportWidth - menuWidth - gap));
-      const spaceBelow = viewportHeight - rect.bottom - gap;
-      const spaceAbove = rect.top - gap;
-      const openUpward = spaceBelow < menuHeight && spaceAbove > spaceBelow;
-      menuStyle.value = {
-        position: "fixed",
-        left: `${left}px`,
-        ...openUpward ? { bottom: `${viewportHeight - rect.top + gap}px` } : { top: `${rect.bottom + gap}px` },
-        zIndex: "9999",
-        maxHeight: `${Math.max(Math.min(openUpward ? spaceAbove : spaceBelow, 320), 160)}px`
-      };
-      setOriginClass(alignRight, openUpward);
-    };
-    const refreshPosition = async () => {
-      if (!open.value) {
-        return;
-      }
-      if (revealFrame !== null) {
-        cancelAnimationFrame(revealFrame);
-        revealFrame = null;
-      }
-      menuStyle.value = {
-        ...menuStyle.value,
-        visibility: "hidden"
-      };
-      await nextTick();
-      updateDropdownPosition();
-      revealFrame = requestAnimationFrame(() => {
-        if (!open.value) {
-          return;
-        }
-        menuStyle.value = {
-          ...menuStyle.value,
-          visibility: "visible"
-        };
-      });
-    };
-    const handleViewportChange = () => {
-      if (open.value) {
-        updateDropdownPosition();
-      }
-    };
-    watch(open, (value) => {
-      if (value) {
-        refreshPosition();
-      }
-    });
-    onMounted(() => {
-      document.addEventListener("keydown", closeOnEscape);
-      document.addEventListener("pointerdown", closeOnOutsideClick, true);
-      window.addEventListener("resize", handleViewportChange);
-      window.addEventListener("scroll", handleViewportChange, true);
-    });
-    onUnmounted(() => {
-      if (revealFrame !== null) {
-        cancelAnimationFrame(revealFrame);
-      }
-      document.removeEventListener("keydown", closeOnEscape);
-      document.removeEventListener("pointerdown", closeOnOutsideClick, true);
-      window.removeEventListener("resize", handleViewportChange);
-      window.removeEventListener("scroll", handleViewportChange, true);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createElementVNode("div", {
-          ref_key: "triggerRef",
-          ref: triggerRef,
-          onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
-        }, [
-          renderSlot(_ctx.$slots, "trigger", { open: open.value })
-        ], 512),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
-          createVNode(Transition, {
-            "enter-active-class": "transition-opacity duration-150 ease-out",
-            "enter-from-class": "opacity-0",
-            "enter-to-class": "opacity-100",
-            "leave-active-class": "transition-opacity duration-100 ease-in",
-            "leave-from-class": "opacity-100",
-            "leave-to-class": "opacity-0"
-          }, {
-            default: withCtx(() => [
-              open.value ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                ref_key: "menuRef",
-                ref: menuRef,
-                class: normalizeClass(["z-50 rounded-xl shadow-xl shadow-neutral-950/10 dark:shadow-black/30", [widthClass.value, alignmentClasses.value]]),
-                style: normalizeStyle(menuStyle.value),
-                onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
-              }, [
-                createElementVNode("div", {
-                  class: normalizeClass(["rounded-xl border border-neutral-200 bg-white/95 backdrop-blur-sm dark:border-neutral-800 dark:bg-neutral-950/95", __props.contentClasses])
-                }, [
-                  renderSlot(_ctx.$slots, "content")
-                ], 2)
-              ], 6)) : createCommentVNode("", true)
-            ]),
-            _: 3
-          })
-        ]))
-      ]);
-    };
-  }
-};
-const _hoisted_1$e = {
-  key: 0,
-  type: "submit",
-  class: "block w-full px-4 py-2 text-start text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
-};
-const _hoisted_2$a = ["href"];
-const _sfc_main$p = {
-  __name: "DropdownLink",
-  props: {
-    href: String,
-    as: String
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$e, [
-          renderSlot(_ctx.$slots, "default")
-        ])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
-          key: 1,
-          href: __props.href,
-          class: "block px-4 py-2 text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_2$a)) : (openBlock(), createBlock(unref(Link), {
-          key: 2,
-          href: __props.href,
-          class: "block px-4 py-2 text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["href"]))
-      ]);
-    };
-  }
-};
-const _hoisted_1$d = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$9 = { class: "mt-5 md:col-span-2 md:mt-0" };
-const _hoisted_3$6 = { class: "grid grid-cols-6 gap-6" };
-const _hoisted_4$4 = {
-  key: 0,
-  class: "flex items-center justify-start rounded-b-lg border border-t-0 border-neutral-200 bg-neutral-50 px-3 pb-6 text-end dark:border-neutral-800 dark:bg-neutral-900/60 sm:rounded-bl-md sm:rounded-br-md"
-};
-const _sfc_main$o = {
-  __name: "FormSection",
-  emits: ["submitted"],
-  setup(__props) {
-    const hasActions = computed(() => !!useSlots().actions);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createVNode(SectionTitle, null, {
-          title: withCtx(() => [
-            renderSlot(_ctx.$slots, "title")
-          ]),
-          description: withCtx(() => [
-            renderSlot(_ctx.$slots, "description")
-          ]),
-          _: 3
-        }),
-        createElementVNode("div", _hoisted_2$9, [
-          createElementVNode("form", {
-            onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("submitted"), ["prevent"]))
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(["rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6", hasActions.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
-            }, [
-              createElementVNode("div", _hoisted_3$6, [
-                renderSlot(_ctx.$slots, "form")
-              ])
-            ], 2),
-            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
-              renderSlot(_ctx.$slots, "actions")
-            ])) : createCommentVNode("", true)
-          ], 32)
-        ])
-      ]);
-    };
-  }
-};
-const _hoisted_1$c = { class: "text-sm text-red-600 dark:text-neutral-100" };
-const _sfc_main$n = {
-  __name: "InputError",
-  props: {
-    message: String
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$c, toDisplayString(__props.message), 1)
-      ], 512)), [
-        [vShow, __props.message]
-      ]);
-    };
-  }
-};
-const _hoisted_1$b = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-const _hoisted_2$8 = { key: 0 };
-const _hoisted_3$5 = { key: 1 };
-const _sfc_main$m = {
-  __name: "InputLabel",
-  props: {
-    value: String
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$b, [
-        __props.value ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$5, [
-          renderSlot(_ctx.$slots, "default")
-        ]))
-      ]);
-    };
-  }
-};
-const _hoisted_1$a = ["href", "title", "target", "rel"];
-const _sfc_main$l = /* @__PURE__ */ Object.assign({
-  inheritAttrs: false
-}, {
-  __name: "LinkButton",
-  props: {
-    href: {
-      type: String,
-      required: true
-    },
-    title: {
-      type: String,
-      default: null
-    },
-    external: {
-      type: Boolean,
-      default: false
-    },
-    target: {
-      type: String,
-      default: null
-    },
-    rel: {
-      type: String,
-      default: null
-    },
-    variant: {
-      type: String,
-      default: "primary"
-    }
-  },
-  setup(__props) {
-    const attrs = useAttrs();
-    const props = __props;
-    const variantClasses = {
-      primary: "bg-neutral-900 text-neutral-50 hover:bg-neutral-900/90 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-700",
-      success: "bg-emerald-600 text-white hover:bg-emerald-600/90 dark:bg-emerald-600 dark:text-white dark:hover:bg-emerald-600/90",
-      secondary: "bg-gray-300 text-gray-900 hover:bg-gray-300/80 dark:bg-gray-500 dark:text-gray-50 dark:hover:bg-gray-500/80",
-      tertiary: "border border-neutral-200 bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-      warning: "bg-amber-100 text-amber-700 hover:bg-amber-100/90 focus-visible:ring-amber-500/20 dark:bg-amber-600/20 dark:text-neutral-50 dark:hover:bg-amber-600/30 dark:focus-visible:ring-amber-500/40",
-      danger: "bg-red-100 text-red-700 hover:bg-red-100/90 focus-visible:ring-red-500/20 dark:bg-red-600/20 dark:text-neutral-50 dark:hover:bg-red-600/30 dark:focus-visible:ring-red-500/40",
-      "warning-solid": "bg-amber-500 text-white hover:bg-amber-500/90 dark:bg-amber-500 dark:text-white dark:hover:bg-amber-500/90",
-      "danger-solid": "bg-red-600 text-white hover:bg-red-600/90 focus-visible:ring-red-500/20 dark:bg-red-600/60 dark:text-white dark:hover:bg-red-600/50 dark:focus-visible:ring-red-500/40"
-    };
-    const resolvedVariant = computed(() => {
-      return variantClasses[props.variant] ? props.variant : "primary";
-    });
-    const linkClasses = computed(() => [
-      "inline-flex h-9 min-w-[40px] shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium shadow-xs outline-none transition-all aria-invalid:border-red-500 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
-      variantClasses[resolvedVariant.value],
-      attrs.class
-    ]);
-    return (_ctx, _cache) => {
-      return !__props.external ? (openBlock(), createBlock(unref(Link), mergeProps({ key: 0 }, unref(attrs), {
-        href: __props.href,
-        title: __props.title,
-        class: linkClasses.value
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["href", "title", "class"])) : (openBlock(), createElementBlock("a", mergeProps({ key: 1 }, unref(attrs), {
-        href: __props.href,
-        title: __props.title,
-        target: __props.target,
-        rel: __props.rel,
-        class: linkClasses.value
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$a));
-    };
-  }
-});
-const _hoisted_1$9 = { class: "hidden sm:block" };
-const _hoisted_2$7 = { class: "py-8" };
-const _sfc_main$k = {
-  __name: "SectionBorder",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createElementVNode("div", _hoisted_2$7, [
-          createVNode(_sfc_main$P)
-        ])
-      ]);
-    };
-  }
-};
-const SIDEBAR_CONTEXT_KEY = /* @__PURE__ */ Symbol("SidebarContext");
-const fallbackOpen = ref(true);
-const fallbackContext = {
-  state: computed(() => fallbackOpen.value ? "expanded" : "collapsed"),
-  open: fallbackOpen,
-  setOpen: (value) => {
-    fallbackOpen.value = value;
-  },
-  toggleSidebar: () => {
-    fallbackOpen.value = !fallbackOpen.value;
-  },
-  expand: () => {
-    fallbackOpen.value = true;
-  },
-  collapse: () => {
-    fallbackOpen.value = false;
-  }
-};
-function provideSidebarContext(defaultOpen = true) {
-  const open = ref(defaultOpen);
-  const state = computed(() => open.value ? "expanded" : "collapsed");
-  const context = {
-    state,
-    open,
-    setOpen: (value) => {
-      open.value = value;
-    },
-    toggleSidebar: () => {
-      open.value = !open.value;
-    },
-    expand: () => {
-      open.value = true;
-    },
-    collapse: () => {
-      open.value = false;
-    }
-  };
-  provide(SIDEBAR_CONTEXT_KEY, context);
-  return context;
-}
-function useSidebar() {
-  return inject(SIDEBAR_CONTEXT_KEY, fallbackContext);
-}
-const _hoisted_1$8 = ["data-state", "data-collapsible", "data-variant", "data-side"];
-const _hoisted_2$6 = {
-  "data-sidebar": "sidebar",
-  class: "bg-sidebar text-sidebar-foreground flex h-full w-full flex-col group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
-};
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "Sidebar",
-  props: {
-    side: { default: "left" },
-    variant: { default: "sidebar" },
-    collapsible: { default: "offcanvas" },
-    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const { state } = useSidebar();
-    return (_ctx, _cache) => {
-      return __props.collapsible === "none" ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        "data-slot": "sidebar",
-        "data-sidebar": "sidebar",
-        class: [
-          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
-          props.class
-        ]
-      }, _ctx.$attrs), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16)) : (openBlock(), createElementBlock("div", {
-        key: 1,
-        class: "group peer text-sidebar-foreground hidden md:block",
-        "data-slot": "sidebar",
-        "data-state": unref(state),
-        "data-collapsible": unref(state) === "collapsed" ? __props.collapsible : "",
-        "data-variant": __props.variant,
-        "data-side": __props.side
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass([
-            "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
-            "group-data-[collapsible=offcanvas]:w-0",
-            "group-data-[side=right]:rotate-180",
-            __props.variant === "floating" || __props.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-          ])
-        }, null, 2),
-        createElementVNode("div", mergeProps({
-          class: [
-            "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
-            __props.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
-            __props.variant === "floating" || __props.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
-            props.class
-          ]
-        }, _ctx.$attrs), [
-          createElementVNode("div", _hoisted_2$6, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ], 16)
-      ], 8, _hoisted_1$8));
-    };
-  }
-});
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "SidebarContent",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "sidebar-content",
-        "data-sidebar": "content",
-        class: normalizeClass(["flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", props.class])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "SidebarFooter",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "sidebar-footer",
-        "data-sidebar": "footer",
-        class: normalizeClass(["flex flex-col gap-2 p-2", props.class])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "SidebarGroup",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "sidebar-group",
-        "data-sidebar": "group",
-        class: normalizeClass(["relative flex w-full min-w-0 flex-col p-2", props.class])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "SidebarGroupContent",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "sidebar-group-content",
-        "data-sidebar": "group-content",
-        class: normalizeClass(["w-full text-sm", props.class])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "SidebarGroupLabel",
-  props: {
-    as: { default: "div" },
-    asChild: { type: Boolean, default: false },
-    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const baseClass = computed(() => [
-      "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-none transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-      "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-      props.class
-    ]);
-    const childVNode = computed(() => {
-      if (!props.asChild) {
-        return null;
-      }
-      const content = slots.default?.() ?? [];
-      const firstVNode = content.find((entry) => isVNode(entry));
-      if (!firstVNode) {
-        return null;
-      }
-      return cloneVNode(firstVNode, {
-        ...attrs,
-        class: [baseClass.value, firstVNode.props?.class]
-      });
-    });
-    return (_ctx, _cache) => {
-      return !__props.asChild ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
-        key: 0,
-        "data-slot": "sidebar-group-label",
-        "data-sidebar": "group-label",
-        class: baseClass.value
-      }, unref(attrs)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"])) : childVNode.value ? (openBlock(), createBlock(resolveDynamicComponent(childVNode.value), { key: 1 })) : createCommentVNode("", true);
-    };
-  }
-});
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "SidebarHeader",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "sidebar-header",
-        "data-sidebar": "header",
-        class: normalizeClass(["flex flex-col gap-2 p-2", props.class])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "SidebarInset",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("main", {
-        "data-slot": "sidebar-inset",
-        class: normalizeClass([
-          "bg-background relative flex w-full flex-1 flex-col",
-          "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
-          props.class
-        ])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenu",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ul", {
-        "data-slot": "sidebar-menu",
-        "data-sidebar": "menu",
-        class: normalizeClass(["flex w-full min-w-0 flex-col gap-1", props.class])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _hoisted_1$7 = ["href", "target", "rel"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "SidebarMenuButton",
-  props: {
-    href: { default: void 0 },
-    title: { default: "" },
-    active: { type: Boolean, default: void 0 },
-    isActive: { type: Boolean, default: void 0 },
-    icon: { default: void 0 },
-    external: { type: Boolean, default: false },
-    target: { default: void 0 },
-    rel: { default: void 0 },
-    variant: { default: "default" },
-    size: { default: "default" },
-    as: { default: void 0 },
-    asChild: { type: Boolean, default: false },
-    tooltip: { default: void 0 },
-    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const resolvedActive = computed(() => props.active ?? props.isActive ?? false);
-    const baseClass = computed(() => [
-      "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:p-2! group-data-[collapsible=icon]:[&>*:first-child]:mx-auto group-data-[collapsible=icon]:[&>*:first-child]:flex group-data-[collapsible=icon]:[&>*:first-child]:items-center group-data-[collapsible=icon]:[&>*:first-child]:justify-center [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
-      props.variant === "outline" ? "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]" : "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-      props.size === "sm" ? "h-7 text-xs" : props.size === "lg" ? "h-12 text-sm group-data-[collapsible=icon]:p-0!" : "h-8 text-sm",
-      props.class
-    ]);
-    const sharedAttrs = computed(() => ({
-      ...attrs,
-      title: props.tooltip ?? (props.title || void 0),
-      "data-slot": "sidebar-menu-button",
-      "data-sidebar": "menu-button",
-      "data-size": props.size,
-      "data-active": resolvedActive.value ? "true" : void 0,
-      "aria-current": resolvedActive.value ? "page" : void 0,
-      class: baseClass.value
-    }));
-    const childVNode = computed(() => {
-      if (!props.asChild) {
-        return null;
-      }
-      const content = slots.default?.() ?? [];
-      const firstVNode = content.find((entry) => isVNode(entry));
-      if (!firstVNode) {
-        return null;
-      }
-      return cloneVNode(firstVNode, mergeProps(sharedAttrs.value, firstVNode.props ?? {}));
-    });
-    return (_ctx, _cache) => {
-      return __props.asChild && childVNode.value ? (openBlock(), createBlock(resolveDynamicComponent(childVNode.value), { key: 0 })) : (__props.as === "link" || !__props.as) && __props.href && !__props.external ? (openBlock(), createBlock(unref(Link), mergeProps({
-        key: 1,
-        href: __props.href
-      }, sharedAttrs.value), {
-        default: withCtx(() => [
-          __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.title), 1)
-          ])
-        ]),
-        _: 3
-      }, 16, ["href"])) : __props.href && (__props.external || __props.as === "a") ? (openBlock(), createElementBlock("a", mergeProps({
-        key: 2,
-        href: __props.href,
-        target: __props.target,
-        rel: __props.rel
-      }, sharedAttrs.value), [
-        __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(__props.title), 1)
-        ])
-      ], 16, _hoisted_1$7)) : (openBlock(), createElementBlock("button", mergeProps({
-        key: 3,
-        type: "button"
-      }, sharedAttrs.value), [
-        __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createTextVNode(toDisplayString(__props.title), 1)
-        ])
-      ], 16));
-    };
-  }
-});
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "SidebarMenuItem",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        "data-slot": "sidebar-menu-item",
-        "data-sidebar": "menu-item",
-        class: normalizeClass(["group/menu-item relative", props.class])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...{ inheritAttrs: false },
-  __name: "SidebarProvider",
-  props: {
-    defaultOpen: { type: Boolean, default: true },
-    width: { default: "16rem" },
-    iconWidth: { default: "3rem" },
-    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    provideSidebarContext(props.defaultOpen);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        "data-slot": "sidebar-wrapper",
-        style: {
-          "--sidebar-width": props.width,
-          "--sidebar-width-icon": props.iconWidth
-        },
-        class: [
-          "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
-          props.class
-        ]
-      }, _ctx.$attrs), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
-const isEmptyString = (value) => value === "";
-const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-const toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-const toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": 2,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-const LUCIDE_CONTEXT = /* @__PURE__ */ Symbol("lucide-icons");
-function useLucideProps() {
-  return inject(LUCIDE_CONTEXT, {});
-}
-const Icon = ({
-  name,
-  iconNode,
-  absoluteStrokeWidth,
-  "absolute-stroke-width": absoluteStrokeWidthKebabCase,
-  strokeWidth,
-  "stroke-width": strokeWidthKebabCase,
-  size,
-  color,
-  ...props
-}, { slots }) => {
-  const {
-    size: contextSize,
-    color: contextColor,
-    strokeWidth: contextStrokeWidth = 2,
-    absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
-    class: contextClass = ""
-  } = useLucideProps();
-  const calculatedStrokeWidth = computed(() => {
-    const isAbsoluteStrokeWidth = isEmptyString(absoluteStrokeWidth) || isEmptyString(absoluteStrokeWidthKebabCase) || absoluteStrokeWidth === true || absoluteStrokeWidthKebabCase === true || contextAbsoluteStrokeWidth === true;
-    const strokeWidthValue = strokeWidth || strokeWidthKebabCase || contextStrokeWidth || defaultAttributes["stroke-width"];
-    if (isAbsoluteStrokeWidth) {
-      return Number(strokeWidthValue) * 24 / Number(size ?? contextSize ?? defaultAttributes.width);
-    }
-    return strokeWidthValue;
-  });
-  return h(
-    "svg",
-    {
-      ...defaultAttributes,
-      ...props,
-      width: size ?? contextSize ?? defaultAttributes.width,
-      height: size ?? contextSize ?? defaultAttributes.height,
-      stroke: color ?? contextColor ?? defaultAttributes.stroke,
-      "stroke-width": calculatedStrokeWidth.value,
-      class: mergeClasses(
-        "lucide",
-        contextClass,
-        ...name ? [`lucide-${toKebabCase(toPascalCase(name))}-icon`, `lucide-${toKebabCase(name)}`] : ["lucide-icon"]
-      )
-    },
-    [...iconNode.map((child) => h(...child)), ...slots.default ? [slots.default()] : []]
-  );
-};
-const createLucideIcon = (iconName, iconNode) => (props, { slots, attrs }) => h(
-  Icon,
-  {
-    ...attrs,
-    ...props,
-    iconNode,
-    name: iconName
-  },
-  slots
-);
-const __iconNode$2 = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
-];
-const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$2);
-const __iconNode$1 = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M9 3v18", key: "fh3hqa" }],
-  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-];
-const PanelLeftOpen = createLucideIcon("panel-left-open", __iconNode$1);
-const __iconNode = [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-];
-const Search = createLucideIcon("search", __iconNode);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "SidebarTrigger",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] }
-  },
-  setup(__props) {
-    const props = __props;
-    const { state, toggleSidebar } = useSidebar();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$J, {
-        "data-sidebar": "trigger",
-        "data-slot": "sidebar-trigger",
-        variant: "ghost",
-        size: "icon",
-        class: normalizeClass(["h-7 w-7", props.class]),
-        onClick: unref(toggleSidebar)
-      }, {
-        default: withCtx(() => [
-          unref(state) === "collapsed" ? (openBlock(), createBlock(unref(PanelLeftOpen), { key: 0 })) : (openBlock(), createBlock(unref(PanelLeftClose), { key: 1 })),
-          _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Basculer la barre latérale", -1))
-        ]),
-        _: 1
-      }, 8, ["class", "onClick"]);
-    };
-  }
-});
-const _hoisted_1$6 = { class: "rounded-xl border border-neutral-200 bg-white/80 px-6 py-4 backdrop-blur-sm dark:border-neutral-800 dark:bg-neutral-950/80" };
-const _hoisted_2$5 = { class: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center" };
-const _hoisted_3$4 = { class: "flex items-center gap-3" };
-const _hoisted_4$3 = { class: "text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-const _hoisted_5$3 = { class: "flex flex-wrap items-center gap-2" };
-const _hoisted_6$3 = ["onClick"];
-const _hoisted_7$3 = { class: "text-xs text-neutral-500 dark:text-neutral-200" };
-const _sfc_main$6 = {
-  __name: "SortControls",
-  props: {
-    fields: {
-      type: Array,
-      required: true,
-      validator: (value) => {
-        return value.every(
-          (field) => typeof field === "object" && field.key && field.label
-        );
-      }
-    },
-    currentSortField: {
-      type: String,
-      default: ""
-    },
-    currentDirection: {
-      type: String,
-      default: "asc",
-      validator: (value) => ["asc", "desc"].includes(value)
-    },
-    count: {
-      type: Number,
-      default: 0
-    },
-    countLabel: {
-      type: String,
-      default: "items"
-    },
-    sortByLabel: {
-      type: String,
-      default: "Sort by"
-    }
-  },
-  emits: ["sort"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const handleSort = (fieldKey) => {
-      emit("sort", fieldKey);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$5, [
-          createElementVNode("div", _hoisted_3$4, [
-            createElementVNode("label", _hoisted_4$3, toDisplayString(__props.sortByLabel) + ":", 1),
-            createElementVNode("div", _hoisted_5$3, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field) => {
-                return openBlock(), createElementBlock("button", {
-                  key: field.key,
-                  onClick: ($event) => handleSort(field.key),
-                  class: normalizeClass([
-                    "px-3 py-1.5 text-sm font-medium rounded-lg transition-all duration-200",
-                    __props.currentSortField === field.key ? "bg-neutral-900 text-neutral-50 shadow-sm dark:bg-neutral-800 dark:text-neutral-50" : "bg-neutral-100 text-neutral-700 hover:bg-neutral-200 dark:bg-neutral-900 dark:text-neutral-100 dark:hover:bg-neutral-800"
-                  ])
-                }, [
-                  createTextVNode(toDisplayString(field.label) + " ", 1),
-                  __props.currentSortField === field.key && __props.currentDirection === "asc" ? (openBlock(), createBlock(unref(ChevronUpIcon), {
-                    key: 0,
-                    class: "w-3 h-3 ml-1 inline"
-                  })) : createCommentVNode("", true),
-                  __props.currentSortField === field.key && __props.currentDirection === "desc" ? (openBlock(), createBlock(unref(ChevronDownIcon), {
-                    key: 1,
-                    class: "w-3 h-3 ml-1 inline"
-                  })) : createCommentVNode("", true)
-                ], 10, _hoisted_6$3);
-              }), 128))
-            ])
-          ]),
-          createElementVNode("div", _hoisted_7$3, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1)
-        ])
-      ]);
-    };
-  }
-};
-const _hoisted_1$5 = { class: "flex items-center space-x-1" };
-const _hoisted_2$4 = { class: "flex flex-col" };
-const _sfc_main$5 = {
-  __name: "ThSortable",
-  props: {
-    field: {
-      type: String,
-      required: true
-    },
-    currentSortField: {
-      type: String,
-      default: ""
-    },
-    currentDirection: {
-      type: String,
-      default: "asc"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const isCurrentSort = computed(() => {
-      return props.field === props.currentSortField;
-    });
-    const sortIconClass = computed(() => {
-      if (!isCurrentSort.value) {
-        return "text-neutral-400 dark:text-neutral-200";
-      }
-      return "text-neutral-900 dark:text-neutral-100";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("th", {
-        class: "cursor-pointer px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-neutral-500 transition-colors duration-150 hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-900",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort", __props.field))
-      }, [
-        createElementVNode("div", _hoisted_1$5, [
-          createElementVNode("span", null, [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          createElementVNode("div", _hoisted_2$4, [
-            isCurrentSort.value && __props.currentDirection === "asc" ? (openBlock(), createBlock(unref(ChevronUpIcon), {
-              key: 0,
-              class: normalizeClass([sortIconClass.value, "w-3 h-3"])
-            }, null, 8, ["class"])) : createCommentVNode("", true),
-            isCurrentSort.value && __props.currentDirection === "desc" ? (openBlock(), createBlock(unref(ChevronDownIcon), {
-              key: 1,
-              class: normalizeClass([sortIconClass.value, "w-3 h-3"])
-            }, null, 8, ["class"])) : createCommentVNode("", true)
-          ])
-        ])
-      ]);
-    };
-  }
-};
-const _hoisted_1$4 = { class: "flex flex-col items-start gap-4 lg:flex-row lg:flex-wrap lg:items-center lg:justify-between" };
-const _hoisted_2$3 = { class: "flex w-full min-w-0 flex-1 flex-col gap-3 lg:flex-row lg:items-center" };
-const _hoisted_3$3 = { class: "relative w-full lg:max-w-md" };
-const _hoisted_4$2 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" };
-const _hoisted_5$2 = ["placeholder"];
-const _hoisted_6$2 = { class: "min-w-0 flex-1" };
-const _hoisted_7$2 = {
-  key: 0,
-  class: "flex shrink-0 flex-col items-start gap-3 sm:flex-row sm:items-center lg:w-auto"
-};
-const _hoisted_8$2 = {
-  key: 0,
-  class: "flex items-center"
-};
-const _hoisted_9$2 = {
-  key: 1,
-  class: "flex items-center text-xs text-neutral-500 dark:text-neutral-400 sm:w-auto sm:text-sm lg:w-auto"
-};
-const _hoisted_10$2 = {
-  key: 0,
-  class: "ml-2"
-};
-const _hoisted_11$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
-const _sfc_main$4 = {
-  __name: "TableSearch",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: "Search..."
-    },
-    count: {
-      type: Number,
-      default: null
-    },
-    countLabel: {
-      type: String,
-      default: "results"
-    },
-    queryLabel: {
-      type: String,
-      default: "for"
-    },
-    showDeleted: {
-      type: Boolean,
-      default: false
-    },
-    showDeletedToggle: {
-      type: Boolean,
-      default: false
-    },
-    showDeletedLabel: {
-      type: String,
-      default: "Show deleted"
-    },
-    cardClass: {
-      type: String,
-      default: "rounded-xl border border-neutral-200 bg-white/90 px-6 py-4 shadow-sm dark:border-neutral-800 dark:bg-neutral-950/90"
-    }
-  },
-  emits: ["update:modelValue", "update:showDeleted"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const model = computed({
-      get: () => props.modelValue,
-      set: (value) => emit("update:modelValue", value)
-    });
-    const showDeletedModel = computed({
-      get: () => props.showDeleted,
-      set: (value) => emit("update:showDeleted", value)
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(__props.cardClass)
-      }, [
-        createElementVNode("div", _hoisted_1$4, [
-          createElementVNode("div", _hoisted_2$3, [
-            createElementVNode("div", _hoisted_3$3, [
-              createElementVNode("div", _hoisted_4$2, [
-                createVNode(unref(Search), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-500" })
-              ]),
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-                type: "text",
-                placeholder: __props.placeholder,
-                class: "block w-full rounded-lg border border-neutral-300 bg-white py-2 pr-3 pl-10 text-sm text-neutral-900 placeholder:text-neutral-500 transition-all duration-200 focus:border-neutral-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100 dark:placeholder:text-neutral-500 dark:focus:border-neutral-500"
-              }, null, 8, _hoisted_5$2), [
-                [vModelText, model.value]
-              ])
-            ]),
-            createElementVNode("div", _hoisted_6$2, [
-              renderSlot(_ctx.$slots, "search-fields")
-            ])
-          ]),
-          __props.showDeletedToggle || __props.count !== null || _ctx.$slots.controls ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
-            __props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
-              createVNode(_sfc_main$y, {
-                modelValue: showDeletedModel.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeletedModel.value = $event),
-                label: __props.showDeletedLabel
-              }, null, 8, ["modelValue", "label"])
-            ])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "controls"),
-            __props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
-              createElementVNode("span", null, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1),
-              model.value ? (openBlock(), createElementBlock("span", _hoisted_10$2, [
-                createTextVNode(toDisplayString(__props.queryLabel) + " ", 1),
-                createElementVNode("span", _hoisted_11$2, ' "' + toDisplayString(model.value) + '" ', 1)
-              ])) : createCommentVNode("", true)
-            ])) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ])
-      ], 2);
-    };
-  }
-};
-const _hoisted_1$3 = { class: "space-y-6" };
-const _hoisted_2$2 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
-const _hoisted_3$2 = { class: "bg-neutral-50/80 dark:bg-neutral-900/80" };
-const _hoisted_4$1 = {
-  key: 0,
-  class: "px-6 py-3 text-right text-[11px] font-semibold tracking-[0.12em] text-neutral-600 uppercase dark:text-neutral-200"
-};
-const _hoisted_5$1 = { class: "divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950" };
-const _hoisted_6$1 = {
-  key: 0,
-  class: "flex items-center"
-};
-const _hoisted_7$1 = ["title"];
-const _hoisted_8$1 = {
-  key: 0,
-  class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-700 dark:bg-red-950/60 dark:text-neutral-100"
-};
-const _hoisted_9$1 = ["innerHTML"];
-const _hoisted_10$1 = { key: 3 };
-const _hoisted_11$1 = {
-  key: 0,
-  class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-};
-const _hoisted_12$1 = {
-  key: 0,
-  class: "py-12 text-center"
-};
-const _hoisted_13$1 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
-const _hoisted_14$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
-const _hoisted_15$1 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
-const _sfc_main$3 = {
-  __name: "TableList",
-  props: {
-    data: {
-      type: Array,
-      required: true
-    },
-    columns: {
-      type: Array,
-      required: true
-    },
-    sortField: {
-      type: String,
-      default: ""
-    },
-    sortDirection: {
-      type: String,
-      default: "asc"
-    },
-    emptyState: {
-      type: Object,
-      default: () => ({
-        icon: "UsersIcon",
-        title: "No data found",
-        description: "No items to display.",
-        actionText: null,
-        actionUrl: null
-      })
-    },
-    rowClasses: {
-      type: Function,
-      default: (item, index) => [
-        "transition-colors duration-150",
-        item.deleted_at ? "bg-red-50 hover:bg-red-100 dark:bg-red-950/30 dark:hover:bg-red-950/50" : "odd:bg-white even:bg-neutral-50 hover:bg-neutral-100 dark:odd:bg-neutral-950 dark:even:bg-neutral-900/70 dark:hover:bg-neutral-900"
-      ]
-    },
-    maxTextLength: {
-      type: Number,
-      default: 40
-    },
-    isCard: {
-      type: Boolean,
-      default: true
-    },
-    actionsLabel: {
-      type: String,
-      default: "Actions"
-    },
-    deletedLabel: {
-      type: String,
-      default: "Deleted"
-    },
-    search: {
-      type: Boolean,
-      default: false
-    },
-    searchPlaceholder: {
-      type: String,
-      default: "Search..."
-    },
-    searchCountLabel: {
-      type: String,
-      default: "results"
-    },
-    searchQueryLabel: {
-      type: String,
-      default: "for"
-    },
-    searchShowDeleted: {
-      type: Boolean,
-      default: false
-    },
-    searchShowDeletedToggle: {
-      type: Boolean,
-      default: false
-    },
-    searchShowDeletedLabel: {
-      type: String,
-      default: "Show deleted"
-    }
-  },
-  emits: ["sort", "update:searchShowDeleted"],
-  setup(__props, { emit: __emit }) {
-    const slots = useSlots();
-    const props = __props;
-    const emit = __emit;
-    computed(() => !!slots.actions);
-    const searchQuery = ref("");
-    const filteredData = computed(() => {
-      if (!props.search || !searchQuery.value.trim()) {
-        return props.data;
-      }
-      const query = searchQuery.value.toLowerCase().trim();
-      return props.data.filter((item) => {
-        return props.columns.some((column) => {
-          if (column.searchable === false || column.slot) {
-            return false;
-          }
-          const value = column.key.split(".").reduce((obj, key) => obj?.[key], item);
-          if (value === null || value === void 0 || value === "") {
-            return false;
-          }
-          return String(value).toLowerCase().includes(query);
-        });
-      });
-    });
-    const hasData = computed(() => filteredData.value && filteredData.value.length > 0);
-    const sortBy = (field) => {
-      emit("sort", field);
-    };
-    const updateSearchShowDeleted = (value) => {
-      emit("update:searchShowDeleted", value);
-    };
-    const truncateText = (value) => {
-      const stringValue = String(value ?? "");
-      const maxLength = Number(props.maxTextLength);
-      if (!Number.isFinite(maxLength) || maxLength <= 0 || stringValue.length <= maxLength) {
-        return stringValue;
-      }
-      return `${stringValue.slice(0, maxLength)}...`;
-    };
-    const getCellContent = (item, column) => {
-      if (column.slot) {
-        return null;
-      }
-      if (column.render) {
-        return column.render(item);
-      }
-      const value = column.key.split(".").reduce((obj, key) => obj?.[key], item);
-      if (value === null || value === void 0 || value === "") {
-        return "-";
-      }
-      return truncateText(value);
-    };
-    const isDeleted = (item) => {
-      return item.deleted_at || item.deleted;
-    };
-    const getColumnClass = (column) => {
-      if (column.class) {
-        return column.class;
-      }
-      let classes = "px-6 py-4 text-sm truncate";
-      if (!column.isSecondary) {
-        classes += " font-medium";
-      }
-      if (column.isSecondary) {
-        classes += " text-neutral-600 dark:text-neutral-200";
-      }
-      return classes;
-    };
-    const getHeaderClass = (column) => {
-      if (column.sortable) {
-        return "";
-      }
-      return "px-6 py-3 text-left text-[11px] font-semibold tracking-[0.12em] text-neutral-600 uppercase dark:text-neutral-200";
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        __props.search ? (openBlock(), createBlock(_sfc_main$4, {
-          key: 0,
-          "model-value": searchQuery.value,
-          placeholder: __props.searchPlaceholder,
-          count: filteredData.value.length,
-          "count-label": __props.searchCountLabel,
-          "query-label": __props.searchQueryLabel,
-          "show-deleted": __props.searchShowDeleted,
-          "show-deleted-toggle": __props.searchShowDeletedToggle,
-          "show-deleted-label": __props.searchShowDeletedLabel,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-          "onUpdate:showDeleted": updateSearchShowDeleted
-        }, createSlots({ _: 2 }, [
-          _ctx.$slots["search-fields"] ? {
-            name: "search-fields",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "search-fields")
-            ]),
-            key: "0"
-          } : void 0,
-          _ctx.$slots.controls ? {
-            name: "controls",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "controls")
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["model-value", "placeholder", "count", "count-label", "query-label", "show-deleted", "show-deleted-toggle", "show-deleted-label"])) : createCommentVNode("", true),
-        createElementVNode("div", {
-          class: normalizeClass([
-            "bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90",
-            __props.isCard ? "mx-4 animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0" : ""
-          ])
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-xl" : ""])
-          }, [
-            createElementVNode("table", _hoisted_2$2, [
-              createElementVNode("thead", _hoisted_3$2, [
-                createElementVNode("tr", null, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-                    return openBlock(), createElementBlock(Fragment, {
-                      key: column.key
-                    }, [
-                      column.sortable ? (openBlock(), createBlock(_sfc_main$5, {
-                        key: 0,
-                        field: column.key,
-                        "current-sort-field": __props.sortField,
-                        "current-direction": __props.sortDirection,
-                        onSort: sortBy
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(column.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["field", "current-sort-field", "current-direction"])) : (openBlock(), createElementBlock("th", {
-                        key: 1,
-                        class: normalizeClass([getHeaderClass(column), { "text-right": column.align === "right" }])
-                      }, toDisplayString(column.label), 3))
-                    ], 64);
-                  }), 128)),
-                  _ctx.$slots.actions ? (openBlock(), createElementBlock("th", _hoisted_4$1, toDisplayString(__props.actionsLabel), 1)) : createCommentVNode("", true)
-                ])
-              ]),
-              createElementVNode("tbody", _hoisted_5$1, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(filteredData.value, (item, index) => {
-                  return openBlock(), createElementBlock("tr", {
-                    key: item.id,
-                    class: normalizeClass(__props.rowClasses(item, index))
-                  }, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-                      return openBlock(), createElementBlock("td", {
-                        key: column.key,
-                        class: normalizeClass(getColumnClass(column))
-                      }, [
-                        column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-                          createElementVNode("div", {
-                            class: "truncate text-sm font-medium text-neutral-950 dark:text-neutral-50",
-                            title: getCellContent(item, column)
-                          }, toDisplayString(getCellContent(item, column)), 9, _hoisted_7$1),
-                          isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)
-                        ])) : column.slot ? renderSlot(_ctx.$slots, column.slot, {
-                          key: 1,
-                          item,
-                          column,
-                          index
-                        }) : column.render ? (openBlock(), createElementBlock("div", {
-                          key: 2,
-                          innerHTML: column.render(item)
-                        }, null, 8, _hoisted_9$1)) : (openBlock(), createElementBlock("div", _hoisted_10$1, toDisplayString(getCellContent(item, column)), 1))
-                      ], 2);
-                    }), 128)),
-                    _ctx.$slots.actions ? (openBlock(), createElementBlock("td", _hoisted_11$1, [
-                      renderSlot(_ctx.$slots, "actions", {
-                        item,
-                        index
-                      })
-                    ])) : createCommentVNode("", true)
-                  ], 2);
-                }), 128))
-              ])
-            ])
-          ], 2),
-          !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-            createElementVNode("div", _hoisted_13$1, [
-              (openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))
-            ]),
-            createElementVNode("h3", _hoisted_14$1, toDisplayString(__props.emptyState.title), 1),
-            createElementVNode("p", _hoisted_15$1, toDisplayString(__props.emptyState.description), 1),
-            __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$l, {
-              key: 0,
-              href: __props.emptyState.actionUrl,
-              variant: "primary"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.emptyState.actionText), 1)
-              ]),
-              _: 1
-            }, 8, ["href"])) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ], 2)
-      ]);
-    };
-  }
-};
-const _hoisted_1$2 = { class: "relative max-w-sm" };
-const _hoisted_2$1 = { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" };
-const _hoisted_3$1 = ["placeholder"];
-const _hoisted_4 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
-const _hoisted_5 = { class: "bg-neutral-50 dark:bg-neutral-900" };
-const _hoisted_6 = {
-  key: 0,
-  class: "px-6 py-3 text-right text-xs font-medium uppercase tracking-wider text-neutral-500 dark:text-neutral-200"
-};
-const _hoisted_7 = { class: "divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950" };
-const _hoisted_8 = {
-  key: 2,
-  class: "flex items-center"
-};
-const _hoisted_9 = ["title"];
-const _hoisted_10 = {
-  key: 0,
-  class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-800 dark:bg-red-950/60 dark:text-neutral-100"
-};
-const _hoisted_11 = ["innerHTML"];
-const _hoisted_12 = { key: 5 };
-const _hoisted_13 = {
-  key: 0,
-  class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
-};
-const _hoisted_14 = { class: "flex items-center justify-end gap-2" };
-const _hoisted_15 = {
-  key: 2,
-  class: "py-12 text-center"
-};
-const _hoisted_16 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
-const _hoisted_17 = { class: "mb-2 text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-const _hoisted_18 = { class: "mb-4 text-neutral-500 dark:text-neutral-200" };
-const _sfc_main$2 = {
-  __name: "TableListForm",
-  props: {
-    data: {
-      type: Array,
-      required: true
-    },
-    columns: {
-      type: Array,
-      required: true
-    },
-    sortField: {
-      type: String,
-      default: ""
-    },
-    sortDirection: {
-      type: String,
-      default: "asc"
-    },
-    emptyState: {
-      type: Object,
-      default: () => ({
-        icon: "UsersIcon",
-        title: "No data found",
-        description: "No items to display.",
-        actionText: null,
-        actionUrl: null
-      })
-    },
-    rowClasses: {
-      type: Function,
-      default: (item) => [
-        "transition-colors duration-150",
-        item.deleted_at ? "bg-red-50 hover:bg-red-100 dark:bg-red-950/30 dark:hover:bg-red-950/50" : "odd:bg-white even:bg-neutral-50 hover:bg-neutral-100 dark:odd:bg-neutral-950 dark:even:bg-neutral-900/70 dark:hover:bg-neutral-900"
-      ]
-    },
-    getErrorMessage: {
-      type: Function,
-      default: () => null
-    },
-    search: {
-      type: Boolean,
-      default: true
-    },
-    searchPlaceholder: {
-      type: String,
-      default: "Search..."
-    },
-    rowKey: {
-      type: [String, Function],
-      default: "id"
-    },
-    isDeletedFn: {
-      type: Function,
-      default: (item) => Boolean(item?.deleted_at || item?.deleted)
-    },
-    mutateRows: {
-      type: Boolean,
-      default: true
-    },
-    isCard: {
-      type: Boolean,
-      default: true
-    },
-    actionsLabel: {
-      type: String,
-      default: "Actions"
-    },
-    deletedLabel: {
-      type: String,
-      default: "Deleted"
-    },
-    maxTextLength: {
-      type: Number,
-      default: 40
-    },
-    rowEditing: {
-      type: Boolean,
-      default: true
-    },
-    editingRowKey: {
-      type: [String, Number, null],
-      default: void 0
-    },
-    canEditRow: {
-      type: Function,
-      default: () => true
-    },
-    editLabel: {
-      type: String,
-      default: "Edit row"
-    },
-    cancelLabel: {
-      type: String,
-      default: "Done editing"
-    }
-  },
-  emits: ["sort", "update", "update:editingRowKey", "edit-start", "edit-cancel"],
-  setup(__props, { emit: __emit }) {
-    const slots = useSlots();
-    const props = __props;
-    const emit = __emit;
-    const localSortField = ref(props.sortField);
-    const localSortDirection = ref(props.sortDirection);
-    const searchQuery = ref("");
-    const internalEditingRowKey = ref(null);
-    const editingDraft = ref({});
-    const resolvedEditingRowKey = computed(() => {
-      return props.editingRowKey !== void 0 ? props.editingRowKey : internalEditingRowKey.value;
-    });
-    watch(() => props.sortField, (value) => {
-      localSortField.value = value;
-    });
-    watch(() => props.sortDirection, (value) => {
-      localSortDirection.value = value;
-    });
-    watch(() => props.rowEditing, (value) => {
-      if (!value) {
-        resetEditState();
-      }
-    });
-    watch(resolvedEditingRowKey, (nextKey, previousKey) => {
-      if (nextKey === previousKey) {
-        return;
-      }
-      if (nextKey === null || nextKey === void 0 || nextKey === "") {
-        editingDraft.value = {};
-        return;
-      }
-      const activeItem = props.data.find((item, index) => getRowKey(item, index) === nextKey);
-      editingDraft.value = activeItem ? cloneValue(activeItem) : {};
-    });
-    watch(
-      () => props.data,
-      () => {
-        if (resolvedEditingRowKey.value === null || resolvedEditingRowKey.value === void 0) {
-          return;
-        }
-        const activeItem = props.data.find((item, index) => getRowKey(item, index) === resolvedEditingRowKey.value);
-        if (!activeItem) {
-          resetEditState();
-        }
-      },
-      { deep: true }
-    );
-    const sortedData = computed(() => {
-      let filteredData = props.data;
-      if (props.search && searchQuery.value.trim()) {
-        const query = searchQuery.value.toLowerCase().trim();
-        filteredData = props.data.filter((item) => {
-          return props.columns.some((column) => {
-            if (!column.searchable) {
-              return false;
-            }
-            const value = getNestedValue(item, column.key);
-            if (value === null || value === void 0 || value === "") {
-              return false;
-            }
-            return String(value).toLowerCase().includes(query);
-          });
-        });
-      }
-      if (!localSortField.value) {
-        return filteredData;
-      }
-      return [...filteredData].sort((a, b) => {
-        const aValue = getNestedValue(a, localSortField.value);
-        const bValue = getNestedValue(b, localSortField.value);
-        if (aValue === null || aValue === void 0 || aValue === "") return 1;
-        if (bValue === null || bValue === void 0 || bValue === "") return -1;
-        let comparison = 0;
-        if (aValue < bValue) comparison = -1;
-        if (aValue > bValue) comparison = 1;
-        return localSortDirection.value === "desc" ? -comparison : comparison;
-      });
-    });
-    const hasActionsSlot = computed(() => Boolean(slots.actions));
-    const hasActionsColumn = computed(() => hasActionsSlot.value || props.rowEditing);
-    const hasData = computed(() => sortedData.value && sortedData.value.length > 0);
-    const sortBy = (field) => {
-      if (localSortField.value === field) {
-        localSortDirection.value = localSortDirection.value === "asc" ? "desc" : "asc";
-      } else {
-        localSortField.value = field;
-        localSortDirection.value = "asc";
-      }
-      emit("sort", { field, direction: localSortDirection.value });
-    };
-    const cloneValue = (value) => {
-      if (Array.isArray(value)) {
-        return value.map((entry) => cloneValue(entry));
-      }
-      if (value && typeof value === "object") {
-        return Object.fromEntries(
-          Object.entries(value).map(([key, entry]) => [key, cloneValue(entry)])
-        );
-      }
-      return value;
-    };
-    const truncateText = (value) => {
-      const stringValue = String(value ?? "");
-      const maxLength = Number(props.maxTextLength);
-      if (!Number.isFinite(maxLength) || maxLength <= 0 || stringValue.length <= maxLength) {
-        return stringValue;
-      }
-      return `${stringValue.slice(0, maxLength)}...`;
-    };
-    const getNestedValue = (obj, path) => {
-      if (!path || typeof path !== "string") {
-        return obj;
-      }
-      return path.split(".").reduce((current, key) => current?.[key], obj);
-    };
-    const setNestedValue = (obj, path, value) => {
-      if (!path || typeof path !== "string" || obj == null) {
-        return;
-      }
-      const keys = path.split(".");
-      const lastKey = keys.pop();
-      let current = obj;
-      for (const key of keys) {
-        if (current[key] === void 0 || current[key] === null || typeof current[key] !== "object") {
-          current[key] = {};
-        }
-        current = current[key];
-      }
-      if (lastKey !== void 0) {
-        current[lastKey] = value;
-      }
-    };
-    const getDataIndex = (item) => {
-      if (item?.id) {
-        return props.data.findIndex((row) => row?.id === item.id);
-      }
-      return props.data.findIndex((row) => row === item);
-    };
-    const getRowKey = (item, index) => {
-      if (typeof props.rowKey === "function") {
-        const customKey = props.rowKey(item, index);
-        return customKey ?? `row-${index}`;
-      }
-      const resolved = getNestedValue(item, props.rowKey);
-      return resolved ?? `row-${index}`;
-    };
-    const getEditSlotName = (column) => `${column.slot}-edit`;
-    const isDeleted = (item) => props.isDeletedFn(item);
-    const setEditingRowKey = (value) => {
-      if (props.editingRowKey === void 0) {
-        internalEditingRowKey.value = value;
-      }
-      emit("update:editingRowKey", value);
-    };
-    const isEditingRow = (item, index) => {
-      return props.rowEditing && resolvedEditingRowKey.value !== null && resolvedEditingRowKey.value === getRowKey(item, index);
-    };
-    const isRowEditDisabled = (item, index) => {
-      if (!props.rowEditing) {
-        return true;
-      }
-      if (!props.canEditRow(item, index) || isDeleted(item)) {
-        return true;
-      }
-      return resolvedEditingRowKey.value !== null && !isEditingRow(item, index);
-    };
-    const resetEditState = () => {
-      setEditingRowKey(null);
-    };
-    const startEdit = (item, index) => {
-      if (isRowEditDisabled(item, index)) {
-        return;
-      }
-      const rowKey = getRowKey(item, index);
-      setEditingRowKey(rowKey);
-      emit("edit-start", {
-        item,
-        index: getDataIndex(item),
-        rowKey
-      });
-    };
-    const cancelEdit = (item, index) => {
-      emit("edit-cancel", {
-        item,
-        index: getDataIndex(item),
-        rowKey: getRowKey(item, index)
-      });
-      resetEditState();
-    };
-    const updateDraft = (field, value, item, eventName = void 0) => {
-      setNestedValue(editingDraft.value, field, value);
-      if (props.mutateRows) {
-        setNestedValue(item, field, cloneValue(value));
-      }
-      emit("update", {
-        item,
-        draft: editingDraft.value,
-        field,
-        value,
-        index: getDataIndex(item),
-        rowKey: resolvedEditingRowKey.value,
-        event: eventName
-      });
-    };
-    const getCellContent = (item, column) => {
-      if (column.slot) {
-        return null;
-      }
-      if (column.render) {
-        return column.render(item);
-      }
-      const value = getNestedValue(item, column.key);
-      if (value === null || value === void 0 || value === "") {
-        return "-";
-      }
-      return truncateText(value);
-    };
-    const getColumnClass = (column, item, index) => {
-      if (column.class) {
-        return column.class;
-      }
-      const isEditing = isEditingRow(item, index) && (column.input || slots[getEditSlotName(column)]);
-      let classes = isEditing ? "px-6 py-3 text-sm align-top" : "px-6 py-4 text-sm truncate";
-      if (!column.isSecondary) {
-        classes += " font-medium";
-      }
-      if (column.isSecondary) {
-        classes += " text-neutral-600 dark:text-neutral-200";
-      }
-      return classes;
-    };
-    const getHeaderClass = (column) => {
-      if (column.sortable) {
-        return "";
-      }
-      return "px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-neutral-500 dark:text-neutral-200";
-    };
-    const getInputType = (column) => column.inputType || "text";
-    const getInputClass = (column) => {
-      let classes = "block w-full max-w-xs min-w-[12rem] rounded-lg border border-neutral-200 bg-neutral-50 px-3 py-2 text-sm text-neutral-900 shadow-none placeholder:text-neutral-400 transition-colors duration-200 focus:border-neutral-900 focus:bg-white focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-900 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:bg-neutral-950 dark:focus:ring-neutral-100/10 sm:min-w-[10rem]";
-      if (column.inputClass) {
-        classes += ` ${column.inputClass}`;
-      }
-      if (column.isSecondary) {
-        classes += " text-neutral-600 dark:text-neutral-200";
-      }
-      return classes;
-    };
-    const getInputPlaceholder = (column) => column.placeholder || column.label || "";
-    const getInputValue = (item, column, index) => {
-      if (isEditingRow(item, index)) {
-        return getNestedValue(editingDraft.value, column.key) ?? "";
-      }
-      return getNestedValue(item, column.key) ?? "";
-    };
-    const getColumnError = (item, column) => {
-      const arrayIndex = getDataIndex(item);
-      if (arrayIndex === -1) {
-        return null;
-      }
-      return props.getErrorMessage(arrayIndex, column.key);
-    };
-    const getSlotBindings = (item, column, index) => ({
-      item,
-      column,
-      index,
-      isEditing: isEditingRow(item, index),
-      draft: editingDraft.value,
-      rowKey: getRowKey(item, index),
-      updateDraft: (field, value) => updateDraft(field, value, item),
-      startEdit: () => startEdit(item, index),
-      cancelEdit: () => cancelEdit(item, index)
-    });
-    const resolveColumnDisabled = (column, item, index) => {
-      const disabled = typeof column.disabled === "function" ? column.disabled(item, index) : column.disabled;
-      return Boolean(disabled || isDeleted(item));
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["bg-white dark:bg-neutral-950", __props.isCard ? "mx-4 animate-fadeIn rounded-xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0" : ""])
-      }, [
-        __props.search ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([
-            "px-6 py-4",
-            __props.isCard ? "rounded-t-xl border-b border-neutral-200 bg-neutral-50/80 dark:border-neutral-800 dark:bg-neutral-900/80" : "mb-4 bg-white/80 backdrop-blur-sm dark:bg-neutral-950/80"
-          ])
-        }, [
-          createElementVNode("div", _hoisted_1$2, [
-            createElementVNode("div", _hoisted_2$1, [
-              createVNode(unref(MagnifyingGlassIcon), { class: "h-4 w-4 text-neutral-400 dark:text-neutral-200" })
-            ]),
-            withDirectives(createElementVNode("input", {
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
-              type: "text",
-              placeholder: __props.searchPlaceholder,
-              class: "block w-full rounded-lg border border-neutral-200 bg-white py-2 pl-9 pr-3 text-sm text-neutral-900 placeholder:text-neutral-500 transition-colors duration-200 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10"
-            }, null, 8, _hoisted_3$1), [
-              [vModelText, searchQuery.value]
-            ])
-          ])
-        ], 2)) : createCommentVNode("", true),
-        hasData.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-xl" : ""])
-        }, [
-          createElementVNode("table", _hoisted_4, [
-            createElementVNode("thead", _hoisted_5, [
-              createElementVNode("tr", null, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-                  return openBlock(), createElementBlock(Fragment, {
-                    key: column.key
-                  }, [
-                    column.sortable ? (openBlock(), createBlock(_sfc_main$5, {
-                      key: 0,
-                      field: column.key,
-                      "current-sort-field": localSortField.value,
-                      "current-direction": localSortDirection.value,
-                      onSort: sortBy
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(column.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["field", "current-sort-field", "current-direction"])) : (openBlock(), createElementBlock("th", {
-                      key: 1,
-                      class: normalizeClass([getHeaderClass(column), { "text-right": column.align === "right" }])
-                    }, toDisplayString(column.label), 3))
-                  ], 64);
-                }), 128)),
-                hasActionsColumn.value ? (openBlock(), createElementBlock("th", _hoisted_6, toDisplayString(__props.actionsLabel), 1)) : createCommentVNode("", true)
-              ])
-            ]),
-            createElementVNode("tbody", _hoisted_7, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(sortedData.value, (item, index) => {
-                return openBlock(), createElementBlock("tr", {
-                  key: getRowKey(item, index),
-                  class: normalizeClass(__props.rowClasses(item, index))
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-                    return openBlock(), createElementBlock("td", {
-                      key: column.key,
-                      class: normalizeClass([getColumnClass(column, item, index), { "text-right": column.align === "right" }])
-                    }, [
-                      isEditingRow(item, index) && column.slot && unref(slots)[getEditSlotName(column)] ? renderSlot(_ctx.$slots, getEditSlotName(column), mergeProps({
-                        key: 0,
-                        ref_for: true
-                      }, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$v, {
-                        key: 1,
-                        type: getInputType(column),
-                        class: normalizeClass(getInputClass(column)),
-                        placeholder: getInputPlaceholder(column),
-                        "model-value": getInputValue(item, column, index),
-                        disabled: resolveColumnDisabled(column, item, index),
-                        maxlength: column.maxlength,
-                        "error-message": getColumnError(item, column),
-                        "helper-text": "",
-                        "onUpdate:modelValue": (value) => updateDraft(column.key, value, item),
-                        onBlur: (event) => updateDraft(column.key, event?.target?.value ?? getInputValue(item, column, index), item, "blur")
-                      }, null, 8, ["type", "class", "placeholder", "model-value", "disabled", "maxlength", "error-message", "onUpdate:modelValue", "onBlur"])) : column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_8, [
-                        createElementVNode("div", {
-                          class: "text-sm font-medium truncate",
-                          title: getCellContent(item, column)
-                        }, toDisplayString(getCellContent(item, column)), 9, _hoisted_9),
-                        isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)
-                      ])) : column.slot ? renderSlot(_ctx.$slots, column.slot, mergeProps({
-                        key: 3,
-                        ref_for: true
-                      }, getSlotBindings(item, column, index))) : column.render ? (openBlock(), createElementBlock("div", {
-                        key: 4,
-                        innerHTML: column.render(item)
-                      }, null, 8, _hoisted_11)) : (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(getCellContent(item, column)), 1))
-                    ], 2);
-                  }), 128)),
-                  hasActionsColumn.value ? (openBlock(), createElementBlock("td", _hoisted_13, [
-                    createElementVNode("div", _hoisted_14, [
-                      hasActionsSlot.value ? renderSlot(_ctx.$slots, "actions", mergeProps({
-                        key: 0,
-                        ref_for: true
-                      }, getSlotBindings(item, null, index))) : createCommentVNode("", true),
-                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$J, {
-                        key: 1,
-                        type: "button",
-                        variant: "outline",
-                        size: "icon",
-                        title: __props.cancelLabel,
-                        "aria-label": __props.cancelLabel,
-                        onClick: ($event) => cancelEdit(item, index)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(CheckIcon), { class: "size-4" })
-                        ]),
-                        _: 1
-                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$J, {
-                        key: 2,
-                        type: "button",
-                        variant: "secondary",
-                        size: "icon",
-                        disabled: isRowEditDisabled(item, index),
-                        title: __props.editLabel,
-                        "aria-label": __props.editLabel,
-                        onClick: ($event) => startEdit(item, index)
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(PencilSquareIcon), { class: "size-4" })
-                        ]),
-                        _: 1
-                      }, 8, ["disabled", "title", "aria-label", "onClick"])) : createCommentVNode("", true)
-                    ])
-                  ])) : createCommentVNode("", true)
-                ], 2);
-              }), 128))
-            ])
-          ])
-        ], 2)) : (openBlock(), createElementBlock("div", _hoisted_15, [
-          createElementVNode("div", _hoisted_16, [
-            (openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))
-          ]),
-          createElementVNode("h3", _hoisted_17, toDisplayString(__props.emptyState.title), 1),
-          createElementVNode("p", _hoisted_18, toDisplayString(__props.emptyState.description), 1),
-          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$l, {
-            key: 0,
-            href: __props.emptyState.actionUrl,
-            variant: "primary"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.emptyState.actionText), 1)
-            ]),
-            _: 1
-          }, 8, ["href"])) : createCommentVNode("", true)
-        ]))
-      ], 2);
-    };
-  }
-};
-const _hoisted_1$1 = { class: "grid gap-1" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Toast",
-  props: {
-    class: { type: [Boolean, null, String, Object, Array] },
-    variant: {}
-  },
-  emits: ["close"],
-  setup(__props) {
-    const props = __props;
-    const variants = {
-      default: "bg-background border-border text-foreground",
-      destructive: "bg-destructive text-destructive-foreground border-destructive",
-      success: "bg-green-500 text-white border-green-600 dark:bg-green-700 dark:border-green-800",
-      error: "bg-red-500 text-white border-red-600 dark:bg-red-900 dark:border-red-950"
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "relative flex w-full max-w-sm items-center justify-between space-x-4 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all",
-          variants[__props.variant || "default"],
-          props.class
-        ]),
-        role: "alert"
-      }, [
-        createElementVNode("div", _hoisted_1$1, [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        createElementVNode("button", {
-          class: "absolute top-2 right-2 rounded-md opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
-        }, [..._cache[1] || (_cache[1] = [
-          createElementVNode("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            "stroke-width": "2",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            class: "h-4 w-4"
-          }, [
-            createElementVNode("line", {
-              x1: "18",
-              y1: "6",
-              x2: "6",
-              y2: "18"
-            }),
-            createElementVNode("line", {
-              x1: "6",
-              y1: "6",
-              x2: "18",
-              y2: "18"
-            })
-          ], -1),
-          createElementVNode("span", { class: "sr-only" }, "Close", -1)
-        ])])
-      ], 2);
-    };
-  }
-});
-const _hoisted_1 = { class: "fixed top-4 right-4 z-50 space-y-2" };
-const _hoisted_2 = {
-  key: 0,
-  class: "font-semibold"
-};
-const _hoisted_3 = { class: "text-sm opacity-90" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ToastContainer",
-  props: {
-    maxToasts: {},
-    position: {},
-    variant: {},
-    defaultTitle: {}
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const toasts = ref([]);
-    const addToast = (message, options = {}) => {
-      const {
-        variant = "success",
-        duration = 5e3,
-        title
-      } = options;
-      const id = Date.now().toString();
-      const toast = {
-        id,
-        title: title ?? (props.defaultTitle || void 0),
-        message,
-        variant,
-        duration
-      };
-      toasts.value.push(toast);
-      if (duration > 0) {
-        setTimeout(() => {
-          removeToast(id);
-        }, duration);
-      }
-    };
-    const removeToast = (id) => {
-      const index = toasts.value.findIndex((toast) => toast.id === id);
-      if (index > -1) {
-        toasts.value.splice(index, 1);
-      }
-    };
-    __expose({
-      addToast
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(toasts.value, (toast) => {
-          return openBlock(), createBlock(_sfc_main$1, {
-            key: toast.id,
-            variant: toast.variant || props.variant,
-            onClose: ($event) => removeToast(toast.id)
-          }, {
-            default: withCtx(() => [
-              toast.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(toast.title), 1)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_3, toDisplayString(toast.message), 1)
-            ]),
-            _: 2
-          }, 1032, ["variant", "onClose"]);
-        }), 128))
-      ]);
-    };
-  }
-});
-const plugin = {
-  install(app) {
-    for (const [name, component] of Object.entries(components)) {
-      if (name === "EnosVueDefault") {
-        continue;
-      }
-      app.component(name, component);
-    }
-  }
-};
+import './styles.css';
+import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, S, B, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1 } from "./plugin-CtVat25d.js";
 export {
-  _sfc_main$O as ActionCard,
-  _sfc_main$N as ActionMessage,
-  _sfc_main$L as ActionSection,
-  _sfc_main$K as Badge,
-  _sfc_main$J as Button,
-  _sfc_main$Q as Card,
-  _sfc_main$R as CardTabs,
-  _sfc_main$I as Checkbox,
-  _sfc_main$H as CheckboxInput,
-  _sfc_main$u as CheckboxMultipleInput,
-  _sfc_main$s as ConfirmationModal,
-  _sfc_main$E as CustomSelect,
-  DateInput,
-  _sfc_main$r as DialogModal,
-  _sfc_main$P as Divider,
-  _sfc_main$q as Dropdown,
-  _sfc_main$p as DropdownLink,
-  plugin as EnosVueDefault,
-  _sfc_main$o as FormSection,
-  _sfc_main$B as ImageInput,
-  _sfc_main$n as InputError,
-  _sfc_main$v as InputGroup,
-  _sfc_main$m as InputLabel,
-  _sfc_main$l as LinkButton,
-  _sfc_main$t as Modal,
-  _sfc_main$A as NotationInput,
-  _sfc_main$z as RadioInput,
-  _sfc_main$x as RadioMultipleInput,
-  _sfc_main$k as SectionBorder,
-  SectionTitle,
-  _sfc_main$D as SelectInput,
-  _sfc_main$j as Sidebar,
-  _sfc_main$i as SidebarContent,
-  _sfc_main$h as SidebarFooter,
-  _sfc_main$g as SidebarGroup,
-  _sfc_main$f as SidebarGroupContent,
-  _sfc_main$e as SidebarGroupLabel,
-  _sfc_main$d as SidebarHeader,
-  _sfc_main$c as SidebarInset,
-  _sfc_main$b as SidebarMenu,
-  _sfc_main$a as SidebarMenuButton,
-  _sfc_main$9 as SidebarMenuItem,
-  _sfc_main$8 as SidebarProvider,
-  _sfc_main$7 as SidebarTrigger,
-  _sfc_main$6 as SortControls,
-  _sfc_main$3 as TableList,
-  _sfc_main$2 as TableListForm,
-  _sfc_main$4 as TableSearch,
-  _sfc_main$F as TextArea,
-  _sfc_main$G as TextInput,
-  _sfc_main$5 as ThSortable,
-  _sfc_main$w as TinyEditor,
-  _sfc_main$1 as Toast,
-  _sfc_main as ToastContainer,
-  _sfc_main$y as ToggleInput,
-  useSidebar
+  _ as ActionCard,
+  a as ActionMessage,
+  b as ActionSection,
+  c as Badge,
+  d as Button,
+  e as Card,
+  f as CardTabs,
+  g as Checkbox,
+  h as CheckboxInput,
+  i as CheckboxMultipleInput,
+  j as ConfirmationModal,
+  k as CustomSelect,
+  D as DateInput,
+  l as DialogModal,
+  m as Divider,
+  n as Dropdown,
+  o as DropdownLink,
+  p as EnosVueDefault,
+  q as FormSection,
+  r as ImageInput,
+  s as InputError,
+  t as InputGroup,
+  u as InputLabel,
+  v as LinkButton,
+  w as Modal,
+  x as NotationInput,
+  y as RadioInput,
+  z as RadioMultipleInput,
+  A as SectionBorder,
+  S as SectionTitle,
+  B as SelectInput,
+  C as Sidebar,
+  E as SidebarContent,
+  F as SidebarFooter,
+  G as SidebarGroup,
+  H as SidebarGroupContent,
+  I as SidebarGroupLabel,
+  J as SidebarHeader,
+  K as SidebarInset,
+  L as SidebarMenu,
+  M as SidebarMenuButton,
+  N as SidebarMenuItem,
+  O as SidebarProvider,
+  P as SidebarTrigger,
+  Q as SortControls,
+  R as TableList,
+  T as TableListForm,
+  U as TableSearch,
+  V as TextArea,
+  W as TextInput,
+  X as ThSortable,
+  Y as TinyEditor,
+  Z as Toast,
+  $ as ToastContainer,
+  a0 as ToggleInput,
+  a1 as useSidebar
 };
 //# sourceMappingURL=index.js.map