@enos5/enos-vue-default 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,8 +1,3787 @@
+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, createTextVNode, resolveDynamicComponent, vModelText } 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$x;
+  },
+  get ActionMessage() {
+    return _sfc_main$w;
+  },
+  get ActionSection() {
+    return _sfc_main$u;
+  },
+  get Badge() {
+    return _sfc_main$t;
+  },
+  get Button() {
+    return _sfc_main$s;
+  },
+  get Card() {
+    return _sfc_main$z;
+  },
+  get CardTabs() {
+    return _sfc_main$A;
+  },
+  get Checkbox() {
+    return _sfc_main$r;
+  },
+  get CheckboxInput() {
+    return _sfc_main$q;
+  },
+  get CheckboxMultipleInput() {
+    return _sfc_main$e;
+  },
+  get ConfirmationModal() {
+    return _sfc_main$c;
+  },
+  get CustomSelect() {
+    return _sfc_main$n;
+  },
+  get DateInput() {
+    return _sfc_main$l;
+  },
+  get DialogModal() {
+    return _sfc_main$b;
+  },
+  get Divider() {
+    return _sfc_main$y;
+  },
+  get Dropdown() {
+    return _sfc_main$a;
+  },
+  get DropdownLink() {
+    return _sfc_main$9;
+  },
+  get EnosVueDefault() {
+    return plugin;
+  },
+  get FormSection() {
+    return _sfc_main$8;
+  },
+  get ImageInput() {
+    return _sfc_main$k;
+  },
+  get InputError() {
+    return _sfc_main$7;
+  },
+  get InputGroup() {
+    return _sfc_main$f;
+  },
+  get InputLabel() {
+    return _sfc_main$6;
+  },
+  get LinkButton() {
+    return _sfc_main$5;
+  },
+  get Modal() {
+    return _sfc_main$d;
+  },
+  get NotationInput() {
+    return _sfc_main$j;
+  },
+  get RadioInput() {
+    return _sfc_main$i;
+  },
+  get RadioMultipleInput() {
+    return _sfc_main$h;
+  },
+  get SectionBorder() {
+    return _sfc_main$4;
+  },
+  get SectionTitle() {
+    return SectionTitle;
+  },
+  get SelectInput() {
+    return _sfc_main$m;
+  },
+  get SortControls() {
+    return _sfc_main$3;
+  },
+  get TableList() {
+    return _sfc_main$1;
+  },
+  get TableListForm() {
+    return _sfc_main;
+  },
+  get TextArea() {
+    return _sfc_main$o;
+  },
+  get TextInput() {
+    return _sfc_main$p;
+  },
+  get ThSortable() {
+    return _sfc_main$2;
+  },
+  get TinyEditor() {
+    return _sfc_main$g;
+  }
+}, Symbol.toStringTag, { value: "Module" }));
+const _hoisted_1$w = { class: "border-b border-gray-200/80 bg-gray-50/80 p-2" };
+const _hoisted_2$h = {
+  role: "tablist",
+  class: "flex rounded-lg bg-white shadow-sm ring-1 ring-gray-200/80 overflow-hidden"
+};
+const _hoisted_3$c = ["aria-selected", "tabindex", "onClick", "onKeydown"];
+const _sfc_main$A = {
+  __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$w, [
+        createElementVNode("div", _hoisted_2$h, [
+          (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-blue-500/40 focus-visible:ring-inset",
+                currentActiveTab.value === tab.value ? "bg-blue-50 text-blue-700 shadow-[inset_0_-2px_0_0_rgb(37_99_235)]" : "text-gray-700 hover:bg-gray-50",
+                {
+                  "border-r border-gray-200/80": index !== __props.tabs.length - 1
+                }
+              ]),
+              onClick: ($event) => activateTab(tab.value),
+              onKeydown: ($event) => onTabKeydown($event, index)
+            }, toDisplayString(tab.label), 47, _hoisted_3$c);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+};
+const _hoisted_1$v = {
+  key: 0,
+  class: "mb-4"
+};
+const _hoisted_2$g = {
+  key: 1,
+  class: "mb-4 text-xl font-semibold tracking-tight text-slate-900"
+};
+const _sfc_main$z = {
+  __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(["bg-white border border-slate-200/70 rounded-2xl shadow-[0_12px_30px_rgba(15,23,42,0.06)]", __props.overflowClass, { "sticky top-6 self-start": __props.sticky }, __props.cardClass])
+      }, [
+        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$A, {
+          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$v, [
+            renderSlot(_ctx.$slots, "customTitle")
+          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$g, 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" : "", __props.contentClass])
+                }, [
+                  renderSlot(_ctx.$slots, "default")
+                ], 2))
+              ]),
+              _: 3
+            }, 8, ["enter-from-class", "leave-to-class"])
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+};
+const _sfc_main$y = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "Divider",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({ class: "border-t border-gray-200" }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _sfc_main$x = {
+  __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$z, {
+        title: __props.title,
+        "content-class": __props.actionsClass
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$y, {
+            key: 0,
+            class: "mt-6 pt-4"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "danger")
+            ]),
+            _: 3
+          })) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["title", "content-class"]);
+    };
+  }
+};
+const _hoisted_1$u = { class: "text-sm text-gray-600" };
+const _sfc_main$w = {
+  __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$u, [
+              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$v = {};
+const _hoisted_1$t = { class: "md:col-span-1 flex justify-between" };
+const _hoisted_2$f = { class: "px-4 sm:px-0" };
+const _hoisted_3$b = { class: "text-xl font-semibold tracking-tight text-slate-900" };
+const _hoisted_4$8 = { class: "mt-1 max-w-2xl text-sm text-slate-600" };
+const _hoisted_5$6 = { class: "px-4 sm:px-0" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$t, [
+    createElementVNode("div", _hoisted_2$f, [
+      createElementVNode("h3", _hoisted_3$b, [
+        renderSlot(_ctx.$slots, "title")
+      ]),
+      createElementVNode("p", _hoisted_4$8, [
+        renderSlot(_ctx.$slots, "description")
+      ])
+    ]),
+    createElementVNode("div", _hoisted_5$6, [
+      renderSlot(_ctx.$slots, "aside")
+    ])
+  ]);
+}
+const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render]]);
+const _hoisted_1$s = { class: "md:grid md:grid-cols-3 md:gap-6" };
+const _hoisted_2$e = { class: "mt-5 md:mt-0 md:col-span-2" };
+const _hoisted_3$a = { class: "px-4 py-5 sm:p-6 bg-white shadow sm:rounded-lg" };
+const _sfc_main$u = {
+  __name: "ActionSection",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+        createVNode(SectionTitle, null, {
+          title: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          description: withCtx(() => [
+            renderSlot(_ctx.$slots, "description")
+          ]),
+          _: 3
+        }),
+        createElementVNode("div", _hoisted_2$e, [
+          createElementVNode("div", _hoisted_3$a, [
+            renderSlot(_ctx.$slots, "content")
+          ])
+        ])
+      ]);
+    };
+  }
+};
+const _hoisted_1$r = { class: "sr-only" };
+const _sfc_main$t = {
+  __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$r, [
+          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$q = ["type", "disabled"];
+const _sfc_main$s = /* @__PURE__ */ Object.assign({
+  inheritAttrs: false
+}, {
+  __name: "Button",
+  props: {
+    type: {
+      type: String,
+      default: "submit"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    variant: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(__props) {
+    const attrs = useAttrs();
+    const props = __props;
+    const variantClasses = {
+      primary: "bg-gradient-to-r from-blue-500 to-blue-600 text-white shadow-[0_6px_14px_rgba(37,99,235,0.14)] hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_8px_18px_rgba(37,99,235,0.18)] focus:ring-blue-500 disabled:hover:from-blue-500 disabled:hover:to-blue-600",
+      success: "bg-gradient-to-r from-green-500 to-green-600 text-white shadow-[0_6px_14px_rgba(34,197,94,0.14)] hover:from-green-600 hover:to-green-700 hover:shadow-[0_8px_18px_rgba(34,197,94,0.18)] focus:ring-green-500 disabled:hover:from-green-500 disabled:hover:to-green-600",
+      secondary: "bg-gradient-to-r from-slate-700 to-slate-800 text-white shadow-[0_8px_18px_rgba(15,23,42,0.16)] hover:from-slate-800 hover:to-slate-900 hover:shadow-[0_10px_22px_rgba(15,23,42,0.22)] focus:ring-slate-500 disabled:hover:from-slate-700 disabled:hover:to-slate-800",
+      tertiary: "border border-slate-300 bg-white text-slate-700 shadow-sm hover:bg-slate-50 hover:border-slate-400 hover:shadow focus:ring-slate-500 disabled:hover:bg-white",
+      warning: "border border-amber-300 bg-amber-50 text-amber-800 shadow-sm hover:bg-amber-100 focus:ring-amber-500 disabled:hover:bg-amber-50",
+      danger: "border border-rose-300 bg-rose-50 text-rose-700 shadow-sm hover:bg-rose-100 focus:ring-rose-500 disabled:hover:bg-rose-50",
+      "warning-solid": "bg-gradient-to-r from-yellow-500 to-yellow-600 text-white shadow-[0_6px_14px_rgba(251,206,3,0.14)] hover:from-yellow-600 hover:to-yellow-700 hover:shadow-[0_8px_18px_rgba(251,206,3,0.18)] focus:ring-yellow-500 disabled:hover:from-yellow-500 disabled:hover:to-yellow-600",
+      "danger-solid": "bg-gradient-to-r from-red-500 to-red-600 text-white shadow-[0_6px_14px_rgba(239,68,68,0.14)] hover:from-red-600 hover:to-red-700 hover:shadow-[0_8px_18px_rgba(239,68,68,0.18)] focus:ring-red-500 disabled:hover:from-red-500 disabled:hover:to-red-600"
+    };
+    const resolvedVariant = computed(() => {
+      return variantClasses[props.variant] ? props.variant : "primary";
+    });
+    const buttonClasses = computed(() => [
+      "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold tracking-tight transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-50 disabled:cursor-not-allowed disabled:opacity-50",
+      variantClasses[resolvedVariant.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$q);
+    };
+  }
+});
+const _hoisted_1$p = ["value"];
+const _sfc_main$r = {
+  __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-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500"
+      }, null, 8, _hoisted_1$p)), [
+        [vModelCheckbox, proxyChecked.value]
+      ]);
+    };
+  }
+};
+const _hoisted_1$o = ["checked", "disabled"];
+const _sfc_main$q = {
+  __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: ""
+    },
+    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 ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
+          __props.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
+          hasFocus.value && !__props.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
+        ]])
+      }, [
+        createElementVNode("input", {
+          type: "checkbox",
+          class: "sr-only",
+          checked: isChecked.value,
+          disabled: __props.disabled,
+          onChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur
+        }, null, 40, _hoisted_1$o),
+        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" : "border-current/70 text-transparent",
+            "rounded"
+          ]])
+        }, " ✓ ", 2),
+        createElementVNode("span", null, toDisplayString(__props.label), 1)
+      ], 2);
+    };
+  }
+};
+const _hoisted_1$n = { class: "relative flex items-center" };
+const _hoisted_2$d = {
+  key: 0,
+  class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
+};
+const _hoisted_3$9 = ["type", "value", "disabled"];
+const _hoisted_4$7 = ["aria-label"];
+const _hoisted_5$5 = {
+  key: 0,
+  class: "h-5 w-5",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24"
+};
+const _hoisted_6$5 = {
+  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$p = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "TextInput",
+  props: {
+    modelValue: {
+      type: [String, Number, null],
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disabledClass: {
+      type: String,
+      default: "!bg-slate-100"
+    }
+  },
+  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-slate-300 bg-white text-slate-900 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20 placeholder:text-slate-400",
+      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$n, [
+        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+          createVNode(unref(LockClosedIcon), { class: "h-5 w-5 text-slate-400" })
+        ])) : 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$9),
+        isPasswordField.value ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          type: "button",
+          class: "absolute inset-y-0 right-0 flex items-center pr-3 text-slate-400 hover:text-slate-600 focus:outline-none",
+          "aria-label": revealed.value ? "Hide password" : "Show password",
+          onClick: toggleVisibility
+        }, [
+          revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_5$5, [..._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$5, [..._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$7)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$m = ["value", "disabled"];
+const DEFAULT_MAX_LENGTH = 1e3;
+const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "TextArea",
+  props: {
+    modelValue: String,
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disabledClass: {
+      type: String,
+      default: "!bg-gray-200"
+    },
+    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 border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
+      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$m)
+      ]);
+    };
+  }
+});
+const _hoisted_1$l = ["onClick"];
+const _sfc_main$n = /* @__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-md border border-gray-300 bg-white px-4 py-3 text-sm focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
+    },
+    normalTextClass: {
+      type: [String, Array, Object],
+      default: "text-gray-900"
+    },
+    deletedSelectedClass: {
+      type: [String, Array, Object],
+      default: "text-red-600"
+    },
+    optionClass: {
+      type: [String, Array, Object],
+      default: "text-[#111827]"
+    },
+    deletedOptionClass: {
+      type: [String, Array, Object],
+      default: "text-[#dc2626]"
+    },
+    placeholderClass: {
+      type: [String, Array, Object],
+      default: "text-[#111827]"
+    },
+    dropdownClass: {
+      type: [String, Array, Object],
+      default: "bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-auto z-50"
+    },
+    dropdownOptionClass: {
+      type: [String, Array, Object],
+      default: "px-4 py-3 hover:bg-gray-100 cursor-pointer transition-colors"
+    },
+    dropdownSelectedClass: {
+      type: [String, Array, Object],
+      default: "bg-blue-50 text-blue-600 font-medium"
+    }
+  },
+  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({ "text-gray-400": !__props.modelValue && __props.placeholder })
+          }, toDisplayString(displayText.value), 3),
+          createVNode(unref(ChevronDownIcon), {
+            class: normalizeClass(["size-5 text-gray-400 transition-transform", { "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$l);
+                }), 128))
+              ], 6)) : createCommentVNode("", true)
+            ]))
+          ]),
+          _: 1
+        })
+      ], 512);
+    };
+  }
+});
+const _sfc_main$m = {
+  __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$n, 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$k = ["type", "max", "value", "disabled"];
+const _sfc_main$l = /* @__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: "!bg-gray-200"
+    }
+  },
+  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(() => [
+      "w-full border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm",
+      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$k);
+    };
+  }
+});
+const _hoisted_1$j = { class: "relative" };
+const _hoisted_2$c = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
+const _hoisted_3$8 = ["accept"];
+const _hoisted_4$6 = {
+  key: 0,
+  class: "mt-4 p-4 bg-gray-50 rounded-lg border border-gray-200"
+};
+const _hoisted_5$4 = { class: "flex items-center space-x-4" };
+const _hoisted_6$4 = ["src"];
+const _hoisted_7$4 = { class: "text-sm font-medium text-gray-900" };
+const _hoisted_8$2 = { class: "text-xs text-gray-500" };
+const _sfc_main$k = {
+  __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$j, [
+          createElementVNode("div", _hoisted_2$c, [
+            createVNode(unref(PhotoIcon), { class: "size-5 text-gray-400" })
+          ]),
+          createElementVNode("input", mergeProps(__props.attrs, {
+            type: "file",
+            accept: __props.accept,
+            class: "block w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg bg-white text-sm file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-medium file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 cursor-pointer",
+            onChange: handleFileChange
+          }), null, 16, _hoisted_3$8)
+        ]),
+        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+          createElementVNode("div", _hoisted_5$4, [
+            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$4),
+            createElementVNode("div", null, [
+              createElementVNode("p", _hoisted_7$4, toDisplayString(props.currentLabel), 1),
+              createElementVNode("p", _hoisted_8$2, toDisplayString(props.currentSubtext), 1)
+            ])
+          ])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const _hoisted_1$i = { class: "flex h-12 overflow-hidden rounded-lg border border-gray-300 text-sm" };
+const _hoisted_2$b = ["disabled", "onClick"];
+const _sfc_main$j = {
+  __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$i, [
+        (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-gray-300 px-2 text-center font-semibold transition-colors duration-150 first:border-l-0", [
+              idx === 0 ? "rounded-l-lg" : "",
+              idx === normalizedOptions.value.length - 1 ? "rounded-r-lg" : "",
+              isSelected(option) ? "bg-indigo-600 text-white" : "bg-white text-gray-700 hover:bg-gray-50",
+              "focus-visible:ring-2   "
+            ]]),
+            disabled: __props.disabled,
+            onClick: ($event) => selectOption(option)
+          }, toDisplayString(option), 11, _hoisted_2$b);
+        }), 128))
+      ]);
+    };
+  }
+};
+const _hoisted_1$h = ["name", "value", "checked", "disabled"];
+const _sfc_main$i = {
+  __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 ? "bg-indigo-600 text-white border-indigo-600" : "text-gray-600 border-gray-200",
+          __props.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer",
+          hasFocus.value && !__props.disabled ? "ring-2 ring-indigo-500/80 ring-offset-2 ring-offset-white" : ""
+        ]])
+      }, [
+        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$h),
+        createElementVNode("span", null, toDisplayString(isChecked.value ? "✓" : "○") + " " + toDisplayString(__props.label), 1)
+      ], 2);
+    };
+  }
+};
+const _hoisted_1$g = { class: "flex flex-wrap gap-3" };
+const _sfc_main$h = {
+  __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$g, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
+          return openBlock(), createBlock(_sfc_main$f, {
+            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$f = {
+  key: 0,
+  class: "min-h-[12rem] w-full rounded-lg border border-slate-300 bg-slate-50"
+};
+const _sfc_main$g = {
+  __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$f)) : (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$e = ["for"];
+const _hoisted_2$a = {
+  key: 1,
+  class: "text-xs text-gray-500 mb-1 block break-all"
+};
+const _hoisted_3$7 = {
+  key: 15,
+  class: "flex items-center mt-2 text-sm text-red-600"
+};
+const defaultFieldClass = "block w-full rounded-lg border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 placeholder:text-slate-400 shadow-sm transition-all duration-200 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20";
+const _sfc_main$f = /* @__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: "!bg-gray-200"
+    },
+    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);
+    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 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,
+      modelValue: props.modelValue,
+      disabled: props.disabled,
+      disabledClass: props.disabledClass
+    }));
+    const textAreaBindings = computed(() => ({
+      ...attrs,
+      class: [defaultFieldClass, attrs.class],
+      modelValue: props.modelValue,
+      disabled: props.disabled,
+      disabledClass: props.disabledClass
+    }));
+    const dateBindings = computed(() => ({
+      ...attrs,
+      class: [defaultFieldClass, attrs.class],
+      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],
+        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,
+      modelValue: props.modelValue,
+      options: props.options,
+      disabled: props.disabled
+    }));
+    const checkboxBindings = computed(() => ({
+      ...attrs,
+      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,
+      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 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 mb-1 block"
+        }, toDisplayString(__props.label), 9, _hoisted_1$e)) : createCommentVNode("", true),
+        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$a, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
+        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$o, 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$g, 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$m, 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(_sfc_main$l, 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$p, 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$k, 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$q, 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$i, 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)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$j, mergeProps({ key: 10 }, notationBindings.value, {
+          "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => emit("update:modelValue", $event)),
+          onBlur: _cache[17] || (_cache[17] = ($event) => emit("blur", $event))
+        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$e, mergeProps({ key: 11 }, checkboxBindings.value, {
+          "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => emit("update:modelValue", $event)),
+          onBlur: _cache[19] || (_cache[19] = ($event) => emit("blur", $event))
+        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$h, mergeProps({ key: 12 }, radioBindings.value, {
+          "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => emit("update:modelValue", $event)),
+          onBlur: _cache[21] || (_cache[21] = ($event) => emit("blur", $event))
+        }), null, 16)) : isNoComponentType.value ? renderSlot(_ctx.$slots, "unsupported-type", {
+          key: 13,
+          type: __props.type,
+          modelValue: __props.modelValue,
+          updateValue,
+          attrs: unref(attrs)
+        }) : renderSlot(_ctx.$slots, "unsupported-type", {
+          key: 14,
+          type: __props.type,
+          modelValue: __props.modelValue,
+          updateValue,
+          attrs: unref(attrs)
+        }),
+        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+          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$d = { class: "flex flex-wrap gap-3" };
+const _sfc_main$e = {
+  __name: "CheckboxMultipleInput",
+  props: {
+    modelValue: {
+      type: Array,
+      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 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$d, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
+          return openBlock(), createBlock(_sfc_main$f, {
+            key: `checkbox-${option}`,
+            type: "checkbox-input",
+            "model-value": isChecked(option),
+            value: true,
+            "unchecked-value": false,
+            label: option,
+            disabled: __props.disabled,
+            "onUpdate:modelValue": (checked) => updateSelection(option, checked)
+          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]);
+        }), 128))
+      ]);
+    };
+  }
+};
+const _sfc_main$d = {
+  __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-gray-500 opacity-75" }, 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 bg-white rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full sm:mx-auto", maxWidthClass.value])
+              }, [
+                showSlot.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+              ], 2), [
+                [vShow, __props.show]
+              ])
+            ]),
+            _: 3
+          })
+        ], 2)
+      ], 512);
+    };
+  }
+};
+const _hoisted_1$c = { class: "bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4" };
+const _hoisted_2$9 = { class: "sm:flex sm:items-start" };
+const _hoisted_3$6 = { class: "mx-auto shrink-0 flex items-center justify-center size-12 rounded-full bg-red-100 sm:mx-0 sm:size-10" };
+const _hoisted_4$5 = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" };
+const _hoisted_5$3 = { class: "text-lg font-medium text-gray-900" };
+const _hoisted_6$3 = { class: "mt-4 text-sm text-gray-600" };
+const _hoisted_7$3 = { class: "flex flex-col-reverse lg:flex-row lg:justify-end px-6 py-4 bg-gray-100 text-end gap-4 lg:gap-0" };
+const _sfc_main$c = {
+  __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$d, {
+        show: __props.show,
+        "max-width": __props.maxWidth,
+        closeable: __props.closeable,
+        position: __props.position,
+        onClose: close
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$c, [
+            createElementVNode("div", _hoisted_2$9, [
+              createElementVNode("div", _hoisted_3$6, [
+                createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600" })
+              ]),
+              createElementVNode("div", _hoisted_4$5, [
+                createElementVNode("h3", _hoisted_5$3, [
+                  renderSlot(_ctx.$slots, "title")
+                ]),
+                createElementVNode("div", _hoisted_6$3, [
+                  renderSlot(_ctx.$slots, "content")
+                ])
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_7$3, [
+            renderSlot(_ctx.$slots, "footer")
+          ])
+        ]),
+        _: 3
+      }, 8, ["show", "max-width", "closeable", "position"]);
+    };
+  }
+};
+const _hoisted_1$b = { class: "px-6 py-4" };
+const _hoisted_2$8 = { class: "text-lg font-medium text-gray-900" };
+const _hoisted_3$5 = { class: "mt-4 text-sm text-gray-600" };
+const _hoisted_4$4 = { class: "flex flex-row justify-end px-6 py-4 bg-gray-100 text-end" };
+const _sfc_main$b = {
+  __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$d, {
+        show: __props.show,
+        "max-width": __props.maxWidth,
+        closeable: __props.closeable,
+        onClose: close
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$b, [
+            createElementVNode("div", _hoisted_2$8, [
+              renderSlot(_ctx.$slots, "title")
+            ]),
+            createElementVNode("div", _hoisted_3$5, [
+              renderSlot(_ctx.$slots, "content")
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4$4, [
+            renderSlot(_ctx.$slots, "footer")
+          ])
+        ]),
+        _: 3
+      }, 8, ["show", "max-width", "closeable"]);
+    };
+  }
+};
+const _hoisted_1$a = { class: "relative inline-block w-fit" };
+const _sfc_main$a = {
+  __name: "Dropdown",
+  props: {
+    align: {
+      type: String,
+      default: "right"
+    },
+    width: {
+      type: String,
+      default: "48"
+    },
+    contentClasses: {
+      type: Array,
+      default: () => ["py-1", "bg-white"]
+    }
+  },
+  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$a, [
+        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-gray-900/10", [widthClass.value, alignmentClasses.value]]),
+                style: normalizeStyle(menuStyle.value),
+                onClick: _cache[1] || (_cache[1] = ($event) => open.value = false)
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(["rounded-xl ring-1 ring-gray-200/60 backdrop-blur-sm bg-white/95", __props.contentClasses])
+                }, [
+                  renderSlot(_ctx.$slots, "content")
+                ], 2)
+              ], 6)) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]))
+      ]);
+    };
+  }
+};
+const _hoisted_1$9 = {
+  key: 0,
+  type: "submit",
+  class: "block w-full px-4 py-2 text-start text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
+};
+const _hoisted_2$7 = ["href"];
+const _sfc_main$9 = {
+  __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$9, [
+          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-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 8, _hoisted_2$7)) : (openBlock(), createBlock(unref(Link), {
+          key: 2,
+          href: __props.href,
+          class: "block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out"
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["href"]))
+      ]);
+    };
+  }
+};
+const _hoisted_1$8 = { class: "md:grid md:grid-cols-3 md:gap-6" };
+const _hoisted_2$6 = { class: "mt-5 md:mt-0 md:col-span-2 shadow sm:rounded-lg" };
+const _hoisted_3$4 = { class: "grid grid-cols-6 gap-6" };
+const _hoisted_4$3 = {
+  key: 0,
+  class: "flex items-center justify-start px-3 pb-6 bg-white text-end sm:rounded-bl-md sm:rounded-br-md"
+};
+const _sfc_main$8 = {
+  __name: "FormSection",
+  emits: ["submitted"],
+  setup(__props) {
+    const hasActions = computed(() => !!useSlots().actions);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createVNode(SectionTitle, null, {
+          title: withCtx(() => [
+            renderSlot(_ctx.$slots, "title")
+          ]),
+          description: withCtx(() => [
+            renderSlot(_ctx.$slots, "description")
+          ]),
+          _: 3
+        }),
+        createElementVNode("div", _hoisted_2$6, [
+          createElementVNode("form", {
+            onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("submitted"), ["prevent"]))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(["px-4 py-5 bg-white sm:p-6", hasActions.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
+            }, [
+              createElementVNode("div", _hoisted_3$4, [
+                renderSlot(_ctx.$slots, "form")
+              ])
+            ], 2),
+            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+              renderSlot(_ctx.$slots, "actions")
+            ])) : createCommentVNode("", true)
+          ], 32)
+        ])
+      ]);
+    };
+  }
+};
+const _hoisted_1$7 = { class: "text-sm text-red-600" };
+const _sfc_main$7 = {
+  __name: "InputError",
+  props: {
+    message: String
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", null, [
+        createElementVNode("p", _hoisted_1$7, toDisplayString(__props.message), 1)
+      ], 512)), [
+        [vShow, __props.message]
+      ]);
+    };
+  }
+};
+const _hoisted_1$6 = { class: "block font-medium text-sm text-gray-700" };
+const _hoisted_2$5 = { key: 0 };
+const _hoisted_3$3 = { key: 1 };
+const _sfc_main$6 = {
+  __name: "InputLabel",
+  props: {
+    value: String
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", _hoisted_1$6, [
+        __props.value ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$3, [
+          renderSlot(_ctx.$slots, "default")
+        ]))
+      ]);
+    };
+  }
+};
+const _hoisted_1$5 = ["href", "title", "target", "rel"];
+const _sfc_main$5 = /* @__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-gradient-to-r from-blue-500 to-blue-600 text-white shadow-[0_6px_14px_rgba(37,99,235,0.14)] hover:from-blue-600 hover:to-blue-700 hover:shadow-[0_8px_18px_rgba(37,99,235,0.18)] focus:ring-blue-500",
+      success: "bg-gradient-to-r from-green-500 to-green-600 text-white shadow-[0_6px_14px_rgba(34,197,94,0.14)] hover:from-green-600 hover:to-green-700 hover:shadow-[0_8px_18px_rgba(34,197,94,0.18)] focus:ring-green-500",
+      secondary: "bg-gradient-to-r from-slate-700 to-slate-800 text-white shadow-[0_8px_18px_rgba(15,23,42,0.16)] hover:from-slate-800 hover:to-slate-900 hover:shadow-[0_10px_22px_rgba(15,23,42,0.22)] focus:ring-slate-500",
+      tertiary: "border border-slate-300 bg-white text-slate-700 shadow-sm hover:bg-slate-50 hover:border-slate-400 hover:shadow focus:ring-slate-500",
+      warning: "border border-amber-300 bg-amber-50 text-amber-800 shadow-sm hover:bg-amber-100 focus:ring-amber-500",
+      danger: "border border-rose-300 bg-rose-50 text-rose-700 shadow-sm hover:bg-rose-100 focus:ring-rose-500",
+      "warning-solid": "bg-gradient-to-r from-yellow-500 to-yellow-600 text-white shadow-[0_6px_14px_rgba(251,206,3,0.14)] hover:from-yellow-600 hover:to-yellow-700 hover:shadow-[0_8px_18px_rgba(251,206,3,0.18)] focus:ring-yellow-500 disabled:hover:from-yellow-500 disabled:hover:to-yellow-600",
+      "danger-solid": "bg-gradient-to-r from-red-500 to-red-600 text-white shadow-[0_6px_14px_rgba(239,68,68,0.14)] hover:from-red-600 hover:to-red-700 hover:shadow-[0_8px_18px_rgba(239,68,68,0.18)] focus:ring-red-500 disabled:hover:from-red-500 disabled:hover:to-red-600"
+    };
+    const resolvedVariant = computed(() => {
+      return variantClasses[props.variant] ? props.variant : "primary";
+    });
+    const linkClasses = computed(() => [
+      "min-w-[40px] min-h-[35px] inline-flex items-center justify-center rounded-lg px-4 py-2 text-sm font-semibold tracking-tight transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-slate-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$5));
+    };
+  }
+});
+const _hoisted_1$4 = { class: "hidden sm:block" };
+const _hoisted_2$4 = { class: "py-8" };
+const _sfc_main$4 = {
+  __name: "SectionBorder",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_2$4, [
+          createVNode(_sfc_main$y)
+        ])
+      ]);
+    };
+  }
+};
+const _hoisted_1$3 = { class: "bg-white/80 backdrop-blur-sm border border-gray-200/60 rounded-xl px-6 py-4" };
+const _hoisted_2$3 = { class: "flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4" };
+const _hoisted_3$2 = { class: "flex items-center gap-3" };
+const _hoisted_4$2 = { class: "text-sm font-medium text-gray-700" };
+const _hoisted_5$2 = { class: "flex flex-wrap items-center gap-2" };
+const _hoisted_6$2 = ["onClick"];
+const _hoisted_7$2 = { class: "text-xs text-gray-500" };
+const _sfc_main$3 = {
+  __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$3, [
+        createElementVNode("div", _hoisted_2$3, [
+          createElementVNode("div", _hoisted_3$2, [
+            createElementVNode("label", _hoisted_4$2, toDisplayString(__props.sortByLabel) + ":", 1),
+            createElementVNode("div", _hoisted_5$2, [
+              (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-blue-500 text-white shadow-sm" : "bg-gray-100 text-gray-700 hover:bg-gray-200"
+                  ])
+                }, [
+                  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$2);
+              }), 128))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_7$2, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1)
+        ])
+      ]);
+    };
+  }
+};
+const _hoisted_1$2 = { class: "flex items-center space-x-1" };
+const _hoisted_2$2 = { class: "flex flex-col" };
+const _sfc_main$2 = {
+  __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-gray-400";
+      }
+      return "text-blue-600";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("th", {
+        class: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider cursor-pointer hover:bg-gray-100 transition-colors duration-150",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort", __props.field))
+      }, [
+        createElementVNode("div", _hoisted_1$2, [
+          createElementVNode("span", null, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          createElementVNode("div", _hoisted_2$2, [
+            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$1 = { class: "min-w-full divide-y divide-slate-200/80" };
+const _hoisted_2$1 = { class: "bg-slate-50/80" };
+const _hoisted_3$1 = {
+  key: 0,
+  class: "px-6 py-3 text-right text-[11px] font-semibold tracking-[0.12em] text-slate-600 uppercase"
+};
+const _hoisted_4$1 = { class: "bg-white divide-y divide-slate-200/80" };
+const _hoisted_5$1 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _hoisted_6$1 = ["title"];
+const _hoisted_7$1 = {
+  key: 0,
+  class: "ml-2 inline-flex items-center rounded-full bg-rose-100 px-2 py-1 text-xs font-medium text-rose-700"
+};
+const _hoisted_8$1 = ["innerHTML"];
+const _hoisted_9$1 = { key: 3 };
+const _hoisted_10$1 = {
+  key: 0,
+  class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
+};
+const _hoisted_11$1 = {
+  key: 0,
+  class: "text-center py-12"
+};
+const _hoisted_12$1 = { class: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-slate-100 mb-4" };
+const _hoisted_13$1 = { class: "mb-2 text-lg font-semibold text-slate-900" };
+const _hoisted_14$1 = { class: "mb-4 text-slate-600" };
+const _sfc_main$1 = {
+  __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-rose-50 hover:bg-rose-100" : "odd:bg-white even:bg-slate-50 hover:bg-slate-100"
+      ]
+    },
+    maxTextLength: {
+      type: Number,
+      default: 40
+    },
+    isCard: {
+      type: Boolean,
+      default: true
+    },
+    actionsLabel: {
+      type: String,
+      default: "Actions"
+    },
+    deletedLabel: {
+      type: String,
+      default: "Deleted"
+    }
+  },
+  emits: ["sort"],
+  setup(__props, { emit: __emit }) {
+    const slots = useSlots();
+    const props = __props;
+    const emit = __emit;
+    computed(() => !!slots.actions);
+    const hasData = computed(() => props.data && props.data.length > 0);
+    const sortBy = (field) => {
+      emit("sort", field);
+    };
+    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-slate-600";
+      }
+      return classes;
+    };
+    const getHeaderClass = (column) => {
+      if (column.sortable) {
+        return "";
+      }
+      return "px-6 py-3 text-left text-[11px] font-semibold tracking-[0.12em] text-slate-600 uppercase";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["bg-white/90 backdrop-blur-sm", __props.isCard ? "border border-slate-200/70 rounded-2xl shadow-[0_12px_30px_rgba(15,23,42,0.06)] animate-fadeIn mx-4 md:mx-0" : ""])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-xl" : ""])
+        }, [
+          createElementVNode("table", _hoisted_1$1, [
+            createElementVNode("thead", _hoisted_2$1, [
+              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$2, {
+                      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_3$1, toDisplayString(__props.actionsLabel), 1)) : createCommentVNode("", true)
+              ])
+            ]),
+            createElementVNode("tbody", _hoisted_4$1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (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_5$1, [
+                        createElementVNode("div", {
+                          class: "text-sm font-medium text-slate-900 truncate",
+                          title: getCellContent(item, column)
+                        }, toDisplayString(getCellContent(item, column)), 9, _hoisted_6$1),
+                        isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_7$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_8$1)) : (openBlock(), createElementBlock("div", _hoisted_9$1, toDisplayString(getCellContent(item, column)), 1))
+                    ], 2);
+                  }), 128)),
+                  _ctx.$slots.actions ? (openBlock(), createElementBlock("td", _hoisted_10$1, [
+                    renderSlot(_ctx.$slots, "actions", {
+                      item,
+                      index
+                    })
+                  ])) : createCommentVNode("", true)
+                ], 2);
+              }), 128))
+            ])
+          ])
+        ], 2),
+        !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+          createElementVNode("div", _hoisted_12$1, [
+            (openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "w-8 h-8 text-slate-400" }))
+          ]),
+          createElementVNode("h3", _hoisted_13$1, toDisplayString(__props.emptyState.title), 1),
+          createElementVNode("p", _hoisted_14$1, toDisplayString(__props.emptyState.description), 1),
+          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$5, {
+            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 = { class: "relative max-w-sm" };
+const _hoisted_2 = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
+const _hoisted_3 = ["placeholder"];
+const _hoisted_4 = { class: "min-w-full divide-y divide-gray-200" };
+const _hoisted_5 = { class: "bg-gray-50" };
+const _hoisted_6 = {
+  key: 0,
+  class: "px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider"
+};
+const _hoisted_7 = { class: "bg-white divide-y divide-gray-200" };
+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"
+};
+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-gray-100" };
+const _hoisted_17 = { class: "mb-2 text-lg font-medium text-gray-900" };
+const _hoisted_18 = { class: "mb-4 text-gray-500" };
+const _sfc_main = {
+  __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" : "odd:bg-white even:bg-gray-50 hover:bg-gray-100"
+      ]
+    },
+    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-gray-600";
+      }
+      return classes;
+    };
+    const getHeaderClass = (column) => {
+      if (column.sortable) {
+        return "";
+      }
+      return "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider";
+    };
+    const getInputType = (column) => column.inputType || "text";
+    const getInputClass = (column) => {
+      let classes = "block w-full min-w-[12rem] sm:min-w-[10rem] max-w-xs rounded-md border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-900 shadow-none placeholder-gray-400 transition-colors duration-200 focus:border-blue-500 focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-500/20";
+      if (column.inputClass) {
+        classes += ` ${column.inputClass}`;
+      }
+      if (column.isSecondary) {
+        classes += " text-gray-600";
+      }
+      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", __props.isCard ? "mx-4 md:mx-0 border border-gray-200/60 rounded-xl shadow-[0_1px_3px_rgba(0,0,0,0.1)] animate-fadeIn" : ""])
+      }, [
+        __props.search ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([
+            "px-6 py-4",
+            __props.isCard ? "border-b border-gray-200 bg-gray-50/80 rounded-t-xl" : "mb-4 bg-white/80 backdrop-blur-sm"
+          ])
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(MagnifyingGlassIcon), { class: "h-4 w-4 text-gray-400" })
+            ]),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+              type: "text",
+              placeholder: __props.searchPlaceholder,
+              class: "block w-full rounded-md border border-gray-200 bg-white pl-9 pr-3 py-2 text-sm text-gray-900 placeholder-gray-500 transition-colors duration-200 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
+            }, null, 8, _hoisted_3), [
+              [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$2, {
+                      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$f, {
+                        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$s, {
+                        key: 1,
+                        type: "button",
+                        variant: "tertiary",
+                        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$s, {
+                        key: 2,
+                        type: "button",
+                        variant: "warning",
+                        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-gray-400" }))
+          ]),
+          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$5, {
+            key: 0,
+            href: __props.emptyState.actionUrl,
+            variant: "primary"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.emptyState.actionText), 1)
+            ]),
+            _: 1
+          }, 8, ["href"])) : createCommentVNode("", true)
+        ]))
+      ], 2);
+    };
+  }
+};
 const plugin = {
-  install(_app) {
+  install(app) {
+    for (const [name, component] of Object.entries(components)) {
+      if (name === "EnosVueDefault") {
+        continue;
+      }
+      app.component(name, component);
+    }
   }
 };
 export {
-  plugin as EnosVueDefault
+  _sfc_main$x as ActionCard,
+  _sfc_main$w as ActionMessage,
+  _sfc_main$u as ActionSection,
+  _sfc_main$t as Badge,
+  _sfc_main$s as Button,
+  _sfc_main$z as Card,
+  _sfc_main$A as CardTabs,
+  _sfc_main$r as Checkbox,
+  _sfc_main$q as CheckboxInput,
+  _sfc_main$e as CheckboxMultipleInput,
+  _sfc_main$c as ConfirmationModal,
+  _sfc_main$n as CustomSelect,
+  _sfc_main$l as DateInput,
+  _sfc_main$b as DialogModal,
+  _sfc_main$y as Divider,
+  _sfc_main$a as Dropdown,
+  _sfc_main$9 as DropdownLink,
+  plugin as EnosVueDefault,
+  _sfc_main$8 as FormSection,
+  _sfc_main$k as ImageInput,
+  _sfc_main$7 as InputError,
+  _sfc_main$f as InputGroup,
+  _sfc_main$6 as InputLabel,
+  _sfc_main$5 as LinkButton,
+  _sfc_main$d as Modal,
+  _sfc_main$j as NotationInput,
+  _sfc_main$i as RadioInput,
+  _sfc_main$h as RadioMultipleInput,
+  _sfc_main$4 as SectionBorder,
+  SectionTitle,
+  _sfc_main$m as SelectInput,
+  _sfc_main$3 as SortControls,
+  _sfc_main$1 as TableList,
+  _sfc_main as TableListForm,
+  _sfc_main$o as TextArea,
+  _sfc_main$p as TextInput,
+  _sfc_main$2 as ThSortable,
+  _sfc_main$g as TinyEditor
 };
 //# sourceMappingURL=index.js.map