@enos5/enos-vue-default 1.3.0 → 1.4.0

package/dist/index.js

@@ -5,175 +5,181 @@ import { Link } from "@inertiajs/vue3";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get ActionCard() {
-    return _sfc_main$M;
+    return _sfc_main$O;
   },
   get ActionMessage() {
-    return _sfc_main$L;
+    return _sfc_main$N;
   },
   get ActionSection() {
-    return _sfc_main$J;
+    return _sfc_main$L;
   },
   get Badge() {
-    return _sfc_main$I;
+    return _sfc_main$K;
   },
   get Button() {
-    return _sfc_main$H;
+    return _sfc_main$J;
   },
   get Card() {
-    return _sfc_main$O;
+    return _sfc_main$Q;
   },
   get CardTabs() {
-    return _sfc_main$P;
+    return _sfc_main$R;
   },
   get Checkbox() {
-    return _sfc_main$G;
+    return _sfc_main$I;
   },
   get CheckboxInput() {
-    return _sfc_main$F;
+    return _sfc_main$H;
   },
   get CheckboxMultipleInput() {
-    return _sfc_main$s;
+    return _sfc_main$u;
   },
   get ConfirmationModal() {
-    return _sfc_main$q;
+    return _sfc_main$s;
   },
   get CustomSelect() {
-    return _sfc_main$C;
+    return _sfc_main$E;
   },
   get DateInput() {
-    return _sfc_main$A;
+    return _sfc_main$C;
   },
   get DialogModal() {
-    return _sfc_main$p;
+    return _sfc_main$r;
   },
   get Divider() {
-    return _sfc_main$N;
+    return _sfc_main$P;
   },
   get Dropdown() {
-    return _sfc_main$o;
+    return _sfc_main$q;
   },
   get DropdownLink() {
-    return _sfc_main$n;
+    return _sfc_main$p;
   },
   get EnosVueDefault() {
     return plugin;
   },
   get FormSection() {
-    return _sfc_main$m;
+    return _sfc_main$o;
   },
   get ImageInput() {
-    return _sfc_main$z;
+    return _sfc_main$B;
   },
   get InputError() {
-    return _sfc_main$l;
+    return _sfc_main$n;
   },
   get InputGroup() {
-    return _sfc_main$t;
+    return _sfc_main$v;
   },
   get InputLabel() {
-    return _sfc_main$k;
+    return _sfc_main$m;
   },
   get LinkButton() {
-    return _sfc_main$j;
+    return _sfc_main$l;
   },
   get Modal() {
-    return _sfc_main$r;
+    return _sfc_main$t;
   },
   get NotationInput() {
-    return _sfc_main$y;
+    return _sfc_main$A;
   },
   get RadioInput() {
-    return _sfc_main$x;
+    return _sfc_main$z;
   },
   get RadioMultipleInput() {
-    return _sfc_main$v;
+    return _sfc_main$x;
   },
   get SectionBorder() {
-    return _sfc_main$i;
+    return _sfc_main$k;
   },
   get SectionTitle() {
     return SectionTitle;
   },
   get SelectInput() {
-    return _sfc_main$B;
+    return _sfc_main$D;
   },
   get Sidebar() {
-    return _sfc_main$h;
+    return _sfc_main$j;
   },
   get SidebarContent() {
-    return _sfc_main$g;
+    return _sfc_main$i;
   },
   get SidebarFooter() {
-    return _sfc_main$f;
+    return _sfc_main$h;
   },
   get SidebarGroup() {
-    return _sfc_main$e;
+    return _sfc_main$g;
   },
   get SidebarGroupContent() {
-    return _sfc_main$d;
+    return _sfc_main$f;
   },
   get SidebarGroupLabel() {
-    return _sfc_main$c;
+    return _sfc_main$e;
   },
   get SidebarHeader() {
-    return _sfc_main$b;
+    return _sfc_main$d;
   },
   get SidebarInset() {
-    return _sfc_main$a;
+    return _sfc_main$c;
   },
   get SidebarMenu() {
-    return _sfc_main$9;
+    return _sfc_main$b;
   },
   get SidebarMenuButton() {
-    return _sfc_main$8;
+    return _sfc_main$a;
   },
   get SidebarMenuItem() {
-    return _sfc_main$7;
+    return _sfc_main$9;
   },
   get SidebarProvider() {
-    return _sfc_main$6;
+    return _sfc_main$8;
   },
   get SidebarTrigger() {
-    return _sfc_main$5;
+    return _sfc_main$7;
   },
   get SortControls() {
-    return _sfc_main$4;
+    return _sfc_main$6;
   },
   get TableList() {
-    return _sfc_main$1;
+    return _sfc_main$3;
   },
   get TableListForm() {
-    return _sfc_main;
+    return _sfc_main$2;
   },
   get TableSearch() {
-    return _sfc_main$2;
+    return _sfc_main$4;
   },
   get TextArea() {
-    return _sfc_main$D;
+    return _sfc_main$F;
   },
   get TextInput() {
-    return _sfc_main$E;
+    return _sfc_main$G;
   },
   get ThSortable() {
-    return _sfc_main$3;
+    return _sfc_main$5;
   },
   get TinyEditor() {
-    return _sfc_main$u;
+    return _sfc_main$w;
+  },
+  get Toast() {
+    return _sfc_main$1;
+  },
+  get ToastContainer() {
+    return _sfc_main;
   },
   get ToggleInput() {
-    return _sfc_main$w;
+    return _sfc_main$y;
   },
   get useSidebar() {
     return useSidebar;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$A = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
-const _hoisted_2$k = {
+const _hoisted_1$C = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
+const _hoisted_2$l = {
   role: "tablist",
   class: "flex overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-neutral-200 dark:bg-neutral-950 dark:ring-neutral-800"
 };
-const _hoisted_3$d = ["aria-selected", "tabindex", "onClick", "onKeydown"];
-const _sfc_main$P = {
+const _hoisted_3$e = ["aria-selected", "tabindex", "onClick", "onKeydown"];
+const _sfc_main$R = {
   __name: "CardTabs",
   props: {
     tabs: {
@@ -242,8 +248,8 @@ const _sfc_main$P = {
       focusTabAtIndex(targetIndex);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
-        createElementVNode("div", _hoisted_2$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+        createElementVNode("div", _hoisted_2$l, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
             return openBlock(), createElementBlock("button", {
               key: tab.value,
@@ -263,22 +269,22 @@ const _sfc_main$P = {
               ]),
               onClick: ($event) => activateTab(tab.value),
               onKeydown: ($event) => onTabKeydown($event, index)
-            }, toDisplayString(tab.label), 47, _hoisted_3$d);
+            }, toDisplayString(tab.label), 47, _hoisted_3$e);
           }), 128))
         ])
       ]);
     };
   }
 };
-const _hoisted_1$z = {
+const _hoisted_1$B = {
   key: 0,
   class: "mb-4"
 };
-const _hoisted_2$j = {
+const _hoisted_2$k = {
   key: 1,
   class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
 };
-const _sfc_main$O = {
+const _sfc_main$Q = {
   __name: "Card",
   props: {
     title: {
@@ -339,7 +345,7 @@ const _sfc_main$O = {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["rounded-2xl border border-neutral-200 bg-white text-neutral-950 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", __props.overflowClass, { "sticky top-6 self-start": __props.sticky }, __props.cardClass])
       }, [
-        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$P, {
+        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$R, {
           key: 0,
           tabs: __props.tabs,
           "active-tab": __props.activeTab,
@@ -349,9 +355,9 @@ const _sfc_main$O = {
         createElementVNode("div", {
           class: normalizeClass(__props.paddingClass)
         }, [
-          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
+          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
             renderSlot(_ctx.$slots, "customTitle")
-          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$j, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$k, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
           }, [
@@ -384,7 +390,7 @@ const _sfc_main$O = {
     };
   }
 };
-const _sfc_main$N = /* @__PURE__ */ Object.assign({
+const _sfc_main$P = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Divider",
@@ -396,7 +402,7 @@ const _sfc_main$N = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _sfc_main$M = {
+const _sfc_main$O = {
   __name: "ActionCard",
   props: {
     title: {
@@ -411,13 +417,13 @@ const _sfc_main$M = {
   setup(__props) {
     const slots = useSlots();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$O, {
+      return openBlock(), createBlock(_sfc_main$Q, {
         title: __props.title,
         "content-class": __props.actionsClass
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
-          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$N, {
+          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$P, {
             key: 0,
             class: "mt-6 pt-4"
           }, {
@@ -432,8 +438,8 @@ const _sfc_main$M = {
     };
   }
 };
-const _hoisted_1$y = { class: "text-sm text-gray-600" };
-const _sfc_main$L = {
+const _hoisted_1$A = { class: "text-sm text-gray-600" };
+const _sfc_main$N = {
   __name: "ActionMessage",
   props: {
     on: Boolean
@@ -447,7 +453,7 @@ const _sfc_main$L = {
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1$y, [
+            withDirectives(createElementVNode("div", _hoisted_1$A, [
               renderSlot(_ctx.$slots, "default")
             ], 512), [
               [vShow, __props.on]
@@ -466,16 +472,16 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$K = {};
-const _hoisted_1$x = { class: "md:col-span-1 flex justify-between" };
-const _hoisted_2$i = { class: "px-4 sm:px-0" };
-const _hoisted_3$c = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
+const _sfc_main$M = {};
+const _hoisted_1$z = { class: "md:col-span-1 flex justify-between" };
+const _hoisted_2$j = { class: "px-4 sm:px-0" };
+const _hoisted_3$d = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
 const _hoisted_4$9 = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
 const _hoisted_5$7 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$x, [
-    createElementVNode("div", _hoisted_2$i, [
-      createElementVNode("h3", _hoisted_3$c, [
+  return openBlock(), createElementBlock("div", _hoisted_1$z, [
+    createElementVNode("div", _hoisted_2$j, [
+      createElementVNode("h3", _hoisted_3$d, [
         renderSlot(_ctx.$slots, "title")
       ]),
       createElementVNode("p", _hoisted_4$9, [
@@ -487,15 +493,15 @@ function _sfc_render(_ctx, _cache) {
     ])
   ]);
 }
-const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render]]);
-const _hoisted_1$w = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$h = { class: "mt-5 md:mt-0 md:col-span-2" };
-const _hoisted_3$b = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
-const _sfc_main$J = {
+const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render]]);
+const _hoisted_1$y = { class: "md:grid md:grid-cols-3 md:gap-6" };
+const _hoisted_2$i = { class: "mt-5 md:mt-0 md:col-span-2" };
+const _hoisted_3$c = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
+const _sfc_main$L = {
   __name: "ActionSection",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -505,8 +511,8 @@ const _sfc_main$J = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$h, [
-          createElementVNode("div", _hoisted_3$b, [
+        createElementVNode("div", _hoisted_2$i, [
+          createElementVNode("div", _hoisted_3$c, [
             renderSlot(_ctx.$slots, "content")
           ])
         ])
@@ -514,8 +520,8 @@ const _sfc_main$J = {
     };
   }
 };
-const _hoisted_1$v = { class: "sr-only" };
-const _sfc_main$I = {
+const _hoisted_1$x = { class: "sr-only" };
+const _sfc_main$K = {
   __name: "Badge",
   props: {
     type: {
@@ -580,7 +586,7 @@ const _sfc_main$I = {
         createElementVNode("span", {
           class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot])
         }, null, 2),
-        createElementVNode("span", _hoisted_1$v, [
+        createElementVNode("span", _hoisted_1$x, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 2)) : (openBlock(), createElementBlock("span", {
@@ -597,8 +603,8 @@ const _sfc_main$I = {
     };
   }
 };
-const _hoisted_1$u = ["type", "disabled"];
-const _sfc_main$H = /* @__PURE__ */ Object.assign({
+const _hoisted_1$w = ["type", "disabled"];
+const _sfc_main$J = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Button",
@@ -665,12 +671,12 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({
         class: buttonClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$u);
+      ], 16, _hoisted_1$w);
     };
   }
 });
-const _hoisted_1$t = ["value"];
-const _sfc_main$G = {
+const _hoisted_1$v = ["value"];
+const _sfc_main$I = {
   __name: "Checkbox",
   props: {
     checked: {
@@ -700,14 +706,14 @@ const _sfc_main$G = {
         type: "checkbox",
         value: __props.value,
         class: "rounded border-neutral-300 text-neutral-900 shadow-sm focus:ring-neutral-900 dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-100 dark:focus:ring-neutral-100"
-      }, null, 8, _hoisted_1$t)), [
+      }, null, 8, _hoisted_1$v)), [
         [vModelCheckbox, proxyChecked.value]
       ]);
     };
   }
 };
-const _hoisted_1$s = ["name", "checked", "disabled"];
-const _sfc_main$F = {
+const _hoisted_1$u = ["name", "checked", "disabled"];
+const _sfc_main$H = {
   __name: "CheckboxInput",
   props: {
     modelValue: {
@@ -767,7 +773,7 @@ const _sfc_main$F = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$s),
+        }, null, 40, _hoisted_1$u),
         createElementVNode("span", {
           class: normalizeClass(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
             isChecked.value ? "border-current bg-white/15 text-current dark:bg-neutral-900/15" : "border-current/70 text-transparent",
@@ -779,12 +785,12 @@ const _sfc_main$F = {
     };
   }
 };
-const _hoisted_1$r = { class: "relative flex items-center" };
-const _hoisted_2$g = {
+const _hoisted_1$t = { class: "relative flex items-center" };
+const _hoisted_2$h = {
   key: 0,
   class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
 };
-const _hoisted_3$a = ["type", "value", "disabled"];
+const _hoisted_3$b = ["type", "value", "disabled"];
 const _hoisted_4$8 = ["aria-label"];
 const _hoisted_5$6 = {
   key: 0,
@@ -801,7 +807,7 @@ const _hoisted_6$6 = {
   viewBox: "0 0 24 24"
 };
 const DEFAULT_MAX_LENGTH$1 = 254;
-const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextInput",
   props: {
     modelValue: {
@@ -860,8 +866,8 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     __expose({ focus: () => input.value?.focus() });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$r, [
-        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
           createVNode(unref(LockClosedIcon), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-200" })
         ])) : createCommentVNode("", true),
         createElementVNode("input", mergeProps({
@@ -875,7 +881,7 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           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$a),
+        }), null, 16, _hoisted_3$b),
         isPasswordField.value ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
@@ -909,9 +915,9 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$q = ["value", "disabled"];
+const _hoisted_1$s = ["value", "disabled"];
 const DEFAULT_MAX_LENGTH = 1e3;
-const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$F = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextArea",
   props: {
     modelValue: String,
@@ -981,13 +987,13 @@ const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           value: props.modelValue,
           disabled: props.disabled,
           onInput: updateValue
-        }), null, 16, _hoisted_1$q)
+        }), null, 16, _hoisted_1$s)
       ]);
     };
   }
 });
-const _hoisted_1$p = ["onClick"];
-const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$r = ["onClick"];
+const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "CustomSelect",
   props: {
     modelValue: {
@@ -1267,7 +1273,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       }
                     ]),
                     onClick: withModifiers(($event) => selectOption(option), ["stop"])
-                  }, toDisplayString(optionText(option)), 11, _hoisted_1$p);
+                  }, toDisplayString(optionText(option)), 11, _hoisted_1$r);
                 }), 128))
               ], 6)) : createCommentVNode("", true)
             ]))
@@ -1278,7 +1284,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _sfc_main$B = {
+const _sfc_main$D = {
   __name: "SelectInput",
   props: {
     modelValue: {
@@ -1366,7 +1372,7 @@ const _sfc_main$B = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$C, mergeProps({
+      return openBlock(), createBlock(_sfc_main$E, mergeProps({
         "model-value": __props.modelValue,
         "model-modifiers": __props.modelModifiers,
         options: __props.options,
@@ -1392,8 +1398,8 @@ const _sfc_main$B = {
     };
   }
 };
-const _hoisted_1$o = ["type", "max", "value", "disabled"];
-const _sfc_main$A = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$q = ["type", "max", "value", "disabled"];
+const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateInput",
   props: {
     modelValue: {
@@ -1473,13 +1479,13 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         disabled: props.disabled,
         onInput: handleDateInput,
         onChange: handleDateInput
-      }), null, 16, _hoisted_1$o);
+      }), null, 16, _hoisted_1$q);
     };
   }
 });
-const _hoisted_1$n = { class: "relative" };
-const _hoisted_2$f = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
-const _hoisted_3$9 = ["accept"];
+const _hoisted_1$p = { class: "relative" };
+const _hoisted_2$g = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
+const _hoisted_3$a = ["accept"];
 const _hoisted_4$7 = {
   key: 0,
   class: "mt-4 rounded-lg border border-neutral-200 bg-neutral-50 p-4 dark:border-neutral-800 dark:bg-neutral-900/50"
@@ -1488,7 +1494,7 @@ const _hoisted_5$5 = { class: "flex items-center space-x-4" };
 const _hoisted_6$5 = ["src"];
 const _hoisted_7$5 = { class: "text-sm font-medium text-neutral-900 dark:text-neutral-50" };
 const _hoisted_8$3 = { class: "text-xs text-neutral-500 dark:text-neutral-200" };
-const _sfc_main$z = {
+const _sfc_main$B = {
   __name: "ImageInput",
   props: {
     currentImageUrl: {
@@ -1522,8 +1528,8 @@ const _sfc_main$z = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$n, [
-          createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_1$p, [
+          createElementVNode("div", _hoisted_2$g, [
             createVNode(unref(PhotoIcon), { class: "size-5 text-neutral-400 dark:text-neutral-200" })
           ]),
           createElementVNode("input", mergeProps(__props.attrs, {
@@ -1531,7 +1537,7 @@ const _sfc_main$z = {
             accept: __props.accept,
             class: "block w-full cursor-pointer rounded-lg border border-neutral-200 bg-white py-3 pl-10 pr-4 text-sm text-neutral-700 shadow-sm transition-all duration-200 file:mr-4 file:rounded-md file:border-0 file:bg-neutral-900 file:px-4 file:py-2 file:text-sm file:font-medium file:text-neutral-50 hover:file:bg-neutral-800 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-100 dark:file:bg-neutral-800 dark:file:text-neutral-50 dark:hover:file:bg-neutral-700 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
             onChange: handleFileChange
-          }), null, 16, _hoisted_3$9)
+          }), null, 16, _hoisted_3$a)
         ]),
         props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
           createElementVNode("div", _hoisted_5$5, [
@@ -1550,9 +1556,9 @@ const _sfc_main$z = {
     };
   }
 };
-const _hoisted_1$m = { class: "flex h-12 overflow-hidden rounded-lg border border-neutral-200 bg-white text-sm dark:border-neutral-800 dark:bg-neutral-950" };
-const _hoisted_2$e = ["disabled", "onClick"];
-const _sfc_main$y = {
+const _hoisted_1$o = { class: "flex h-12 overflow-hidden rounded-lg border border-neutral-200 bg-white text-sm dark:border-neutral-800 dark:bg-neutral-950" };
+const _hoisted_2$f = ["disabled", "onClick"];
+const _sfc_main$A = {
   __name: "NotationInput",
   props: {
     modelValue: {
@@ -1578,7 +1584,7 @@ const _sfc_main$y = {
     const isSelected = (option) => String(option) === String(props.modelValue ?? "");
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option, idx) => {
           return openBlock(), createElementBlock("button", {
             key: `notation-${idx}-${option}`,
@@ -1591,14 +1597,14 @@ const _sfc_main$y = {
             ]]),
             disabled: __props.disabled,
             onClick: ($event) => selectOption(option)
-          }, toDisplayString(option), 11, _hoisted_2$e);
+          }, toDisplayString(option), 11, _hoisted_2$f);
         }), 128))
       ]);
     };
   }
 };
-const _hoisted_1$l = ["name", "value", "checked", "disabled"];
-const _sfc_main$x = {
+const _hoisted_1$n = ["name", "value", "checked", "disabled"];
+const _sfc_main$z = {
   __name: "RadioInput",
   props: {
     modelValue: {
@@ -1653,18 +1659,18 @@ const _sfc_main$x = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$l),
+        }, null, 40, _hoisted_1$n),
         createElementVNode("span", null, toDisplayString(isChecked.value ? "✓" : "○") + " " + toDisplayString(__props.label), 1)
       ], 2);
     };
   }
 };
-const _hoisted_1$k = ["name", "checked", "disabled"];
-const _hoisted_2$d = {
+const _hoisted_1$m = ["name", "checked", "disabled"];
+const _hoisted_2$e = {
   key: 0,
   class: "text-sm text-neutral-700 dark:text-neutral-200"
 };
-const _sfc_main$w = {
+const _sfc_main$y = {
   __name: "ToggleInput",
   props: {
     modelValue: {
@@ -1727,7 +1733,7 @@ const _sfc_main$w = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$k),
+        }, null, 40, _hoisted_1$m),
         createElementVNode("span", {
           "aria-hidden": "true",
           class: normalizeClass(["relative inline-flex h-6 w-11 items-center rounded-full border transition-colors duration-200", [
@@ -1738,13 +1744,13 @@ const _sfc_main$w = {
             class: normalizeClass(["inline-block size-4 rounded-full bg-white shadow-sm transition-transform duration-200 dark:bg-neutral-950", [isChecked.value ? "translate-x-6" : "translate-x-1"]])
           }, null, 2)
         ], 2),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 };
-const _hoisted_1$j = { class: "flex flex-wrap gap-3" };
-const _sfc_main$v = {
+const _hoisted_1$l = { class: "flex flex-wrap gap-3" };
+const _sfc_main$x = {
   __name: "RadioMultipleInput",
   props: {
     modelValue: {
@@ -1773,9 +1779,9 @@ const _sfc_main$v = {
     });
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$t, {
+          return openBlock(), createBlock(_sfc_main$v, {
             key: `radio-${__props.name ?? "group"}-${option}`,
             type: "radio-input",
             "model-value": props.modelValue,
@@ -1790,11 +1796,11 @@ const _sfc_main$v = {
     };
   }
 };
-const _hoisted_1$i = {
+const _hoisted_1$k = {
   key: 0,
   class: "min-h-[12rem] w-full rounded-lg border border-slate-300 bg-slate-50"
 };
-const _sfc_main$u = {
+const _sfc_main$w = {
   __name: "TinyEditor",
   props: {
     modelValue: {
@@ -1899,7 +1905,7 @@ const _sfc_main$u = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { key: editorKey.value }, [
-        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$i)) : (openBlock(), createBlock(unref(Editor), {
+        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$k)) : (openBlock(), createBlock(unref(Editor), {
           key: 1,
           "initial-value": content.value,
           "license-key": __props.licenseKey,
@@ -1913,17 +1919,17 @@ const _sfc_main$u = {
     };
   }
 };
-const _hoisted_1$h = ["for"];
-const _hoisted_2$c = {
+const _hoisted_1$j = ["for"];
+const _hoisted_2$d = {
   key: 1,
   class: "text-xs text-gray-500 mb-1 block break-all"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$9 = {
   key: 16,
   class: "flex items-center mt-2 text-sm text-red-600"
 };
 const defaultFieldClass = "block w-full rounded-lg border border-neutral-200 bg-white px-4 py-3 text-sm text-neutral-950 placeholder:text-neutral-400 shadow-sm transition-all duration-200 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10";
-const _sfc_main$t = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "InputGroup",
   props: {
     type: {
@@ -2239,42 +2245,42 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           key: 0,
           for: fieldId.value,
           class: "text-base font-semibold text-gray-900 dark:text-gray-50 mb-1 block"
-        }, toDisplayString(__props.label), 9, _hoisted_1$h)) : createCommentVNode("", true),
-        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$c, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
-        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$D, mergeProps({ key: 2 }, textAreaBindings.value, {
+        }, toDisplayString(__props.label), 9, _hoisted_1$j)) : createCommentVNode("", true),
+        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
+        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$F, mergeProps({ key: 2 }, textAreaBindings.value, {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
-        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$u, mergeProps({ key: 3 }, tinyEditorBindings.value, {
+        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$w, mergeProps({ key: 3 }, tinyEditorBindings.value, {
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
-        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$B, mergeProps({ key: 4 }, selectBindings.value, {
+        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$D, mergeProps({ key: 4 }, selectBindings.value, {
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur", $event))
-        }), null, 16)) : isDateType.value ? (openBlock(), createBlock(_sfc_main$A, mergeProps({ key: 5 }, dateBindings.value, {
+        }), null, 16)) : isDateType.value ? (openBlock(), createBlock(_sfc_main$C, 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$E, mergeProps({ key: 6 }, textInputBindings.value, {
+        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$G, mergeProps({ key: 6 }, textInputBindings.value, {
           "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[9] || (_cache[9] = ($event) => emit("blur", $event))
-        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$z, mergeProps({ key: 7 }, imageBindings.value, {
+        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$B, mergeProps({ key: 7 }, imageBindings.value, {
           "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[11] || (_cache[11] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$F, mergeProps({ key: 8 }, checkboxSingleBindings.value, {
+        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({ key: 8 }, checkboxSingleBindings.value, {
           "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[13] || (_cache[13] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$x, mergeProps({ key: 9 }, radioSingleBindings.value, {
+        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$z, mergeProps({ key: 9 }, radioSingleBindings.value, {
           "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[15] || (_cache[15] = ($event) => emit("blur", $event))
-        }), null, 16)) : isToggleSingleType.value ? (openBlock(), createBlock(_sfc_main$w, mergeProps({ key: 10 }, toggleSingleBindings.value, {
+        }), null, 16)) : isToggleSingleType.value ? (openBlock(), createBlock(_sfc_main$y, mergeProps({ key: 10 }, toggleSingleBindings.value, {
           "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[17] || (_cache[17] = ($event) => emit("blur", $event))
-        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$y, mergeProps({ key: 11 }, notationBindings.value, {
+        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$A, mergeProps({ key: 11 }, notationBindings.value, {
           "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[19] || (_cache[19] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$s, mergeProps({ key: 12 }, checkboxBindings.value, {
+        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$u, mergeProps({ key: 12 }, checkboxBindings.value, {
           "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[21] || (_cache[21] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$v, mergeProps({ key: 13 }, radioBindings.value, {
+        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$x, mergeProps({ key: 13 }, radioBindings.value, {
           "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[23] || (_cache[23] = ($event) => emit("blur", $event))
         }), null, 16)) : isNoComponentType.value ? renderSlot(_ctx.$slots, "unsupported-type", {
@@ -2290,7 +2296,7 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           updateValue,
           attrs: unref(attrs)
         }),
-        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
           createVNode(unref(ExclamationCircleIcon), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
           createElementVNode("span", null, toDisplayString(__props.errorMessage), 1)
         ])) : createCommentVNode("", true)
@@ -2298,8 +2304,8 @@ const _sfc_main$t = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$g = { class: "flex flex-wrap gap-3" };
-const _sfc_main$s = {
+const _hoisted_1$i = { class: "flex flex-wrap gap-3" };
+const _sfc_main$u = {
   __name: "CheckboxMultipleInput",
   props: {
     modelValue: {
@@ -2340,9 +2346,9 @@ const _sfc_main$s = {
       emit("update:modelValue", nextSelection);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$t, {
+          return openBlock(), createBlock(_sfc_main$v, {
             key: `checkbox-${option}`,
             type: "checkbox-input",
             name: __props.name,
@@ -2358,7 +2364,7 @@ const _sfc_main$s = {
     };
   }
 };
-const _sfc_main$r = {
+const _sfc_main$t = {
   __name: "Modal",
   props: {
     show: {
@@ -2499,14 +2505,14 @@ const _sfc_main$r = {
     };
   }
 };
-const _hoisted_1$f = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
-const _hoisted_2$b = { class: "sm:flex sm:items-start" };
-const _hoisted_3$7 = { class: "mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-red-100 dark:bg-red-950/60 sm:mx-0 sm:size-10" };
+const _hoisted_1$h = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
+const _hoisted_2$c = { class: "sm:flex sm:items-start" };
+const _hoisted_3$8 = { class: "mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-red-100 dark:bg-red-950/60 sm:mx-0 sm:size-10" };
 const _hoisted_4$6 = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" };
 const _hoisted_5$4 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
 const _hoisted_6$4 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
 const _hoisted_7$4 = { class: "flex flex-col-reverse gap-4 border-t border-neutral-200 bg-neutral-50 px-6 py-4 text-end dark:border-neutral-800 dark:bg-neutral-900/60 lg:flex-row lg:justify-end lg:gap-0" };
-const _sfc_main$q = {
+const _sfc_main$s = {
   __name: "ConfirmationModal",
   props: {
     show: {
@@ -2534,7 +2540,7 @@ const _sfc_main$q = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
@@ -2542,9 +2548,9 @@ const _sfc_main$q = {
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$f, [
-            createElementVNode("div", _hoisted_2$b, [
-              createElementVNode("div", _hoisted_3$7, [
+          createElementVNode("div", _hoisted_1$h, [
+            createElementVNode("div", _hoisted_2$c, [
+              createElementVNode("div", _hoisted_3$8, [
                 createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })
               ]),
               createElementVNode("div", _hoisted_4$6, [
@@ -2566,11 +2572,11 @@ const _sfc_main$q = {
     };
   }
 };
-const _hoisted_1$e = { class: "px-6 py-4" };
-const _hoisted_2$a = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-const _hoisted_3$6 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
+const _hoisted_1$g = { class: "px-6 py-4" };
+const _hoisted_2$b = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+const _hoisted_3$7 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
 const _hoisted_4$5 = { class: "flex flex-row justify-end border-t border-neutral-200 bg-neutral-50 px-6 py-4 text-end dark:border-neutral-800 dark:bg-neutral-900/60" };
-const _sfc_main$p = {
+const _sfc_main$r = {
   __name: "DialogModal",
   props: {
     show: {
@@ -2593,18 +2599,18 @@ const _sfc_main$p = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$e, [
-            createElementVNode("div", _hoisted_2$a, [
+          createElementVNode("div", _hoisted_1$g, [
+            createElementVNode("div", _hoisted_2$b, [
               renderSlot(_ctx.$slots, "title")
             ]),
-            createElementVNode("div", _hoisted_3$6, [
+            createElementVNode("div", _hoisted_3$7, [
               renderSlot(_ctx.$slots, "content")
             ])
           ]),
@@ -2617,8 +2623,8 @@ const _sfc_main$p = {
     };
   }
 };
-const _hoisted_1$d = { class: "relative inline-block w-fit" };
-const _sfc_main$o = {
+const _hoisted_1$f = { class: "relative inline-block w-fit" };
+const _sfc_main$q = {
   __name: "Dropdown",
   props: {
     align: {
@@ -2759,7 +2765,7 @@ const _sfc_main$o = {
       window.removeEventListener("scroll", handleViewportChange, true);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -2799,13 +2805,13 @@ const _sfc_main$o = {
     };
   }
 };
-const _hoisted_1$c = {
+const _hoisted_1$e = {
   key: 0,
   type: "submit",
   class: "block w-full px-4 py-2 text-start text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
 };
-const _hoisted_2$9 = ["href"];
-const _sfc_main$n = {
+const _hoisted_2$a = ["href"];
+const _sfc_main$p = {
   __name: "DropdownLink",
   props: {
     href: String,
@@ -2814,7 +2820,7 @@ const _sfc_main$n = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$c, [
+        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$e, [
           renderSlot(_ctx.$slots, "default")
         ])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
           key: 1,
@@ -2822,7 +2828,7 @@ const _sfc_main$n = {
           class: "block px-4 py-2 text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
         }, [
           renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_2$9)) : (openBlock(), createBlock(unref(Link), {
+        ], 8, _hoisted_2$a)) : (openBlock(), createBlock(unref(Link), {
           key: 2,
           href: __props.href,
           class: "block px-4 py-2 text-sm leading-5 text-neutral-700 transition duration-150 ease-in-out hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none dark:text-neutral-100 dark:hover:bg-neutral-900 dark:focus:bg-neutral-900"
@@ -2836,20 +2842,20 @@ const _sfc_main$n = {
     };
   }
 };
-const _hoisted_1$b = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$8 = { class: "mt-5 md:col-span-2 md:mt-0" };
-const _hoisted_3$5 = { class: "grid grid-cols-6 gap-6" };
+const _hoisted_1$d = { class: "md:grid md:grid-cols-3 md:gap-6" };
+const _hoisted_2$9 = { class: "mt-5 md:col-span-2 md:mt-0" };
+const _hoisted_3$6 = { class: "grid grid-cols-6 gap-6" };
 const _hoisted_4$4 = {
   key: 0,
   class: "flex items-center justify-start rounded-b-lg border border-t-0 border-neutral-200 bg-neutral-50 px-3 pb-6 text-end dark:border-neutral-800 dark:bg-neutral-900/60 sm:rounded-bl-md sm:rounded-br-md"
 };
-const _sfc_main$m = {
+const _sfc_main$o = {
   __name: "FormSection",
   emits: ["submitted"],
   setup(__props) {
     const hasActions = computed(() => !!useSlots().actions);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -2859,14 +2865,14 @@ const _sfc_main$m = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$8, [
+        createElementVNode("div", _hoisted_2$9, [
           createElementVNode("form", {
             onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("submitted"), ["prevent"]))
           }, [
             createElementVNode("div", {
               class: normalizeClass(["rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6", hasActions.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
             }, [
-              createElementVNode("div", _hoisted_3$5, [
+              createElementVNode("div", _hoisted_3$6, [
                 renderSlot(_ctx.$slots, "form")
               ])
             ], 2),
@@ -2879,8 +2885,8 @@ const _sfc_main$m = {
     };
   }
 };
-const _hoisted_1$a = { class: "text-sm text-red-600 dark:text-neutral-100" };
-const _sfc_main$l = {
+const _hoisted_1$c = { class: "text-sm text-red-600 dark:text-neutral-100" };
+const _sfc_main$n = {
   __name: "InputError",
   props: {
     message: String
@@ -2888,33 +2894,33 @@ const _sfc_main$l = {
   setup(__props) {
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$a, toDisplayString(__props.message), 1)
+        createElementVNode("p", _hoisted_1$c, toDisplayString(__props.message), 1)
       ], 512)), [
         [vShow, __props.message]
       ]);
     };
   }
 };
-const _hoisted_1$9 = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-const _hoisted_2$7 = { key: 0 };
-const _hoisted_3$4 = { key: 1 };
-const _sfc_main$k = {
+const _hoisted_1$b = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
+const _hoisted_2$8 = { key: 0 };
+const _hoisted_3$5 = { key: 1 };
+const _sfc_main$m = {
   __name: "InputLabel",
   props: {
     value: String
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$9, [
-        __props.value ? (openBlock(), createElementBlock("span", _hoisted_2$7, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$4, [
+      return openBlock(), createElementBlock("label", _hoisted_1$b, [
+        __props.value ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$5, [
           renderSlot(_ctx.$slots, "default")
         ]))
       ]);
     };
   }
 };
-const _hoisted_1$8 = ["href", "title", "target", "rel"];
-const _sfc_main$j = /* @__PURE__ */ Object.assign({
+const _hoisted_1$a = ["href", "title", "target", "rel"];
+const _sfc_main$l = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "LinkButton",
@@ -2983,19 +2989,19 @@ const _sfc_main$j = /* @__PURE__ */ Object.assign({
         class: linkClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$8));
+      ], 16, _hoisted_1$a));
     };
   }
 });
-const _hoisted_1$7 = { class: "hidden sm:block" };
-const _hoisted_2$6 = { class: "py-8" };
-const _sfc_main$i = {
+const _hoisted_1$9 = { class: "hidden sm:block" };
+const _hoisted_2$7 = { class: "py-8" };
+const _sfc_main$k = {
   __name: "SectionBorder",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createElementVNode("div", _hoisted_2$6, [
-          createVNode(_sfc_main$N)
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_2$7, [
+          createVNode(_sfc_main$P)
         ])
       ]);
     };
@@ -3044,12 +3050,12 @@ function provideSidebarContext(defaultOpen = true) {
 function useSidebar() {
   return inject(SIDEBAR_CONTEXT_KEY, fallbackContext);
 }
-const _hoisted_1$6 = ["data-state", "data-collapsible", "data-variant", "data-side"];
-const _hoisted_2$5 = {
+const _hoisted_1$8 = ["data-state", "data-collapsible", "data-variant", "data-side"];
+const _hoisted_2$6 = {
   "data-sidebar": "sidebar",
   class: "bg-sidebar text-sidebar-foreground flex h-full w-full flex-col group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "Sidebar",
   props: {
@@ -3097,15 +3103,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             props.class
           ]
         }, _ctx.$attrs), [
-          createElementVNode("div", _hoisted_2$5, [
+          createElementVNode("div", _hoisted_2$6, [
             renderSlot(_ctx.$slots, "default")
           ])
         ], 16)
-      ], 8, _hoisted_1$6));
+      ], 8, _hoisted_1$8));
     };
   }
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SidebarContent",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3123,7 +3129,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "SidebarFooter",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3141,7 +3147,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroup",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3159,7 +3165,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroupContent",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3177,7 +3183,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "SidebarGroupLabel",
   props: {
@@ -3223,7 +3229,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "SidebarHeader",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3241,7 +3247,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "SidebarInset",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3262,7 +3268,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenu",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3280,8 +3286,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["href", "target", "rel"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = ["href", "target", "rel"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "SidebarMenuButton",
   props: {
@@ -3354,7 +3360,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.title), 1)
         ])
-      ], 16, _hoisted_1$5)) : (openBlock(), createElementBlock("button", mergeProps({
+      ], 16, _hoisted_1$7)) : (openBlock(), createElementBlock("button", mergeProps({
         key: 3,
         type: "button"
       }, sharedAttrs.value), [
@@ -3366,7 +3372,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuItem",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3384,7 +3390,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "SidebarProvider",
   props: {
@@ -3512,7 +3518,7 @@ const __iconNode = [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
 const Search = createLucideIcon("search", __iconNode);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "SidebarTrigger",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3521,7 +3527,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { state, toggleSidebar } = useSidebar();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$H, {
+      return openBlock(), createBlock(_sfc_main$J, {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
         variant: "ghost",
@@ -3538,14 +3544,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "rounded-xl border border-neutral-200 bg-white/80 px-6 py-4 backdrop-blur-sm dark:border-neutral-800 dark:bg-neutral-950/80" };
-const _hoisted_2$4 = { class: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center" };
-const _hoisted_3$3 = { class: "flex items-center gap-3" };
+const _hoisted_1$6 = { class: "rounded-xl border border-neutral-200 bg-white/80 px-6 py-4 backdrop-blur-sm dark:border-neutral-800 dark:bg-neutral-950/80" };
+const _hoisted_2$5 = { class: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center" };
+const _hoisted_3$4 = { class: "flex items-center gap-3" };
 const _hoisted_4$3 = { class: "text-sm font-medium text-neutral-700 dark:text-neutral-100" };
 const _hoisted_5$3 = { class: "flex flex-wrap items-center gap-2" };
 const _hoisted_6$3 = ["onClick"];
 const _hoisted_7$3 = { class: "text-xs text-neutral-500 dark:text-neutral-200" };
-const _sfc_main$4 = {
+const _sfc_main$6 = {
   __name: "SortControls",
   props: {
     fields: {
@@ -3586,9 +3592,9 @@ const _sfc_main$4 = {
       emit("sort", fieldKey);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$4, [
-          createElementVNode("div", _hoisted_3$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("div", _hoisted_2$5, [
+          createElementVNode("div", _hoisted_3$4, [
             createElementVNode("label", _hoisted_4$3, toDisplayString(__props.sortByLabel) + ":", 1),
             createElementVNode("div", _hoisted_5$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field) => {
@@ -3619,9 +3625,9 @@ const _sfc_main$4 = {
     };
   }
 };
-const _hoisted_1$3 = { class: "flex items-center space-x-1" };
-const _hoisted_2$3 = { class: "flex flex-col" };
-const _sfc_main$3 = {
+const _hoisted_1$5 = { class: "flex items-center space-x-1" };
+const _hoisted_2$4 = { class: "flex flex-col" };
+const _sfc_main$5 = {
   __name: "ThSortable",
   props: {
     field: {
@@ -3653,11 +3659,11 @@ const _sfc_main$3 = {
         class: "cursor-pointer px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-neutral-500 transition-colors duration-150 hover:bg-neutral-100 dark:text-neutral-200 dark:hover:bg-neutral-900",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort", __props.field))
       }, [
-        createElementVNode("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_1$5, [
           createElementVNode("span", null, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          createElementVNode("div", _hoisted_2$3, [
+          createElementVNode("div", _hoisted_2$4, [
             isCurrentSort.value && __props.currentDirection === "asc" ? (openBlock(), createBlock(unref(ChevronUpIcon), {
               key: 0,
               class: normalizeClass([sortIconClass.value, "w-3 h-3"])
@@ -3672,9 +3678,9 @@ const _sfc_main$3 = {
     };
   }
 };
-const _hoisted_1$2 = { class: "flex flex-col lg:items-center items-start justify-between gap-4 lg:flex-row" };
-const _hoisted_2$2 = { class: "flex w-full lg:max-w-md" };
-const _hoisted_3$2 = { class: "relative w-full" };
+const _hoisted_1$4 = { class: "flex flex-col lg:items-center items-start justify-between gap-4 lg:flex-row" };
+const _hoisted_2$3 = { class: "flex w-full lg:max-w-md" };
+const _hoisted_3$3 = { class: "relative w-full" };
 const _hoisted_4$2 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" };
 const _hoisted_5$2 = ["placeholder"];
 const _hoisted_6$2 = {
@@ -3694,7 +3700,7 @@ const _hoisted_9$2 = {
   class: "ml-2"
 };
 const _hoisted_10$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
-const _sfc_main$2 = {
+const _sfc_main$4 = {
   __name: "TableSearch",
   props: {
     modelValue: {
@@ -3750,9 +3756,9 @@ const _sfc_main$2 = {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(__props.cardClass)
       }, [
-        createElementVNode("div", _hoisted_1$2, [
-          createElementVNode("div", _hoisted_2$2, [
-            createElementVNode("div", _hoisted_3$2, [
+        createElementVNode("div", _hoisted_1$4, [
+          createElementVNode("div", _hoisted_2$3, [
+            createElementVNode("div", _hoisted_3$3, [
               createElementVNode("div", _hoisted_4$2, [
                 createVNode(unref(Search), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-500" })
               ]),
@@ -3768,7 +3774,7 @@ const _sfc_main$2 = {
           ]),
           __props.showDeletedToggle || __props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
             __props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
-              createVNode(_sfc_main$w, {
+              createVNode(_sfc_main$y, {
                 modelValue: showDeletedModel.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeletedModel.value = $event),
                 label: __props.showDeletedLabel
@@ -3787,9 +3793,9 @@ const _sfc_main$2 = {
     };
   }
 };
-const _hoisted_1$1 = { class: "space-y-6" };
-const _hoisted_2$1 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
-const _hoisted_3$1 = { class: "bg-neutral-50/80 dark:bg-neutral-900/80" };
+const _hoisted_1$3 = { class: "space-y-6" };
+const _hoisted_2$2 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
+const _hoisted_3$2 = { class: "bg-neutral-50/80 dark:bg-neutral-900/80" };
 const _hoisted_4$1 = {
   key: 0,
   class: "px-6 py-3 text-right text-[11px] font-semibold tracking-[0.12em] text-neutral-600 uppercase dark:text-neutral-200"
@@ -3817,7 +3823,7 @@ const _hoisted_12$1 = {
 const _hoisted_13$1 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
 const _hoisted_14$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
 const _hoisted_15$1 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
-const _sfc_main$1 = {
+const _sfc_main$3 = {
   __name: "TableList",
   props: {
     data: {
@@ -3974,8 +3980,8 @@ const _sfc_main$1 = {
       return "px-6 py-3 text-left text-[11px] font-semibold tracking-[0.12em] text-neutral-600 uppercase dark:text-neutral-200";
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        __props.search ? (openBlock(), createBlock(_sfc_main$2, {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        __props.search ? (openBlock(), createBlock(_sfc_main$4, {
           key: 0,
           "model-value": searchQuery.value,
           placeholder: __props.searchPlaceholder,
@@ -3997,14 +4003,14 @@ const _sfc_main$1 = {
           createElementVNode("div", {
             class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-xl" : ""])
           }, [
-            createElementVNode("table", _hoisted_2$1, [
-              createElementVNode("thead", _hoisted_3$1, [
+            createElementVNode("table", _hoisted_2$2, [
+              createElementVNode("thead", _hoisted_3$2, [
                 createElementVNode("tr", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
                     return openBlock(), createElementBlock(Fragment, {
                       key: column.key
                     }, [
-                      column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
+                      column.sortable ? (openBlock(), createBlock(_sfc_main$5, {
                         key: 0,
                         field: column.key,
                         "current-sort-field": __props.sortField,
@@ -4069,7 +4075,7 @@ const _sfc_main$1 = {
             ]),
             createElementVNode("h3", _hoisted_14$1, toDisplayString(__props.emptyState.title), 1),
             createElementVNode("p", _hoisted_15$1, toDisplayString(__props.emptyState.description), 1),
-            __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$j, {
+            __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$l, {
               key: 0,
               href: __props.emptyState.actionUrl,
               variant: "primary"
@@ -4085,9 +4091,9 @@ const _sfc_main$1 = {
     };
   }
 };
-const _hoisted_1 = { class: "relative max-w-sm" };
-const _hoisted_2 = { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" };
-const _hoisted_3 = ["placeholder"];
+const _hoisted_1$2 = { class: "relative max-w-sm" };
+const _hoisted_2$1 = { class: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none" };
+const _hoisted_3$1 = ["placeholder"];
 const _hoisted_4 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
 const _hoisted_5 = { class: "bg-neutral-50 dark:bg-neutral-900" };
 const _hoisted_6 = {
@@ -4118,7 +4124,7 @@ const _hoisted_15 = {
 const _hoisted_16 = { class: "mb-4 inline-flex h-16 w-16 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-900" };
 const _hoisted_17 = { class: "mb-2 text-lg font-medium text-neutral-950 dark:text-neutral-50" };
 const _hoisted_18 = { class: "mb-4 text-neutral-500 dark:text-neutral-200" };
-const _sfc_main = {
+const _sfc_main$2 = {
   __name: "TableListForm",
   props: {
     data: {
@@ -4504,8 +4510,8 @@ const _sfc_main = {
             __props.isCard ? "rounded-t-xl border-b border-neutral-200 bg-neutral-50/80 dark:border-neutral-800 dark:bg-neutral-900/80" : "mb-4 bg-white/80 backdrop-blur-sm dark:bg-neutral-950/80"
           ])
         }, [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_1$2, [
+            createElementVNode("div", _hoisted_2$1, [
               createVNode(unref(MagnifyingGlassIcon), { class: "h-4 w-4 text-neutral-400 dark:text-neutral-200" })
             ]),
             withDirectives(createElementVNode("input", {
@@ -4513,7 +4519,7 @@ const _sfc_main = {
               type: "text",
               placeholder: __props.searchPlaceholder,
               class: "block w-full rounded-lg border border-neutral-200 bg-white py-2 pl-9 pr-3 text-sm text-neutral-900 placeholder:text-neutral-500 transition-colors duration-200 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10"
-            }, null, 8, _hoisted_3), [
+            }, null, 8, _hoisted_3$1), [
               [vModelText, searchQuery.value]
             ])
           ])
@@ -4529,7 +4535,7 @@ const _sfc_main = {
                   return openBlock(), createElementBlock(Fragment, {
                     key: column.key
                   }, [
-                    column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
+                    column.sortable ? (openBlock(), createBlock(_sfc_main$5, {
                       key: 0,
                       field: column.key,
                       "current-sort-field": localSortField.value,
@@ -4563,7 +4569,7 @@ const _sfc_main = {
                       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$t, {
+                      }, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$v, {
                         key: 1,
                         type: getInputType(column),
                         class: normalizeClass(getInputClass(column)),
@@ -4596,7 +4602,7 @@ const _sfc_main = {
                         key: 0,
                         ref_for: true
                       }, getSlotBindings(item, null, index))) : createCommentVNode("", true),
-                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$H, {
+                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$J, {
                         key: 1,
                         type: "button",
                         variant: "outline",
@@ -4609,7 +4615,7 @@ const _sfc_main = {
                           createVNode(unref(CheckIcon), { class: "size-4" })
                         ]),
                         _: 1
-                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$H, {
+                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$J, {
                         key: 2,
                         type: "button",
                         variant: "secondary",
@@ -4636,7 +4642,7 @@ const _sfc_main = {
           ]),
           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$j, {
+          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$l, {
             key: 0,
             href: __props.emptyState.actionUrl,
             variant: "primary"
@@ -4651,6 +4657,120 @@ const _sfc_main = {
     };
   }
 };
+const _hoisted_1$1 = { class: "grid gap-1" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Toast",
+  props: {
+    class: { type: [Boolean, null, String, Object, Array] },
+    variant: {}
+  },
+  emits: ["close"],
+  setup(__props) {
+    const props = __props;
+    const variants = {
+      default: "bg-background border-border text-foreground",
+      destructive: "bg-destructive text-destructive-foreground border-destructive",
+      success: "bg-green-500 text-white border-green-600 dark:bg-green-700 dark:border-green-800",
+      error: "bg-red-500 text-white border-red-600 dark:bg-red-900 dark:border-red-950"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "relative flex w-full max-w-sm items-center justify-between space-x-4 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all",
+          variants[__props.variant || "default"],
+          props.class
+        ]),
+        role: "alert"
+      }, [
+        createElementVNode("div", _hoisted_1$1, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        createElementVNode("button", {
+          class: "absolute top-2 right-2 rounded-md opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+        }, [..._cache[1] || (_cache[1] = [
+          createElementVNode("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "h-4 w-4"
+          }, [
+            createElementVNode("line", {
+              x1: "18",
+              y1: "6",
+              x2: "6",
+              y2: "18"
+            }),
+            createElementVNode("line", {
+              x1: "6",
+              y1: "6",
+              x2: "18",
+              y2: "18"
+            })
+          ], -1),
+          createElementVNode("span", { class: "sr-only" }, "Close", -1)
+        ])])
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = { class: "fixed top-4 right-4 z-50 space-y-2" };
+const _hoisted_2 = { class: "font-semibold" };
+const _hoisted_3 = { class: "text-sm opacity-90" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ToastContainer",
+  setup(__props, { expose: __expose }) {
+    const toasts = ref([]);
+    const addToast = (message, type = "success", duration = 5e3) => {
+      const id = Date.now().toString();
+      const toast = {
+        id,
+        title: type === "error" ? "Error" : "Success",
+        message,
+        variant: type === "error" ? "destructive" : "default",
+        duration
+      };
+      toasts.value.push(toast);
+      if (duration > 0) {
+        setTimeout(() => {
+          removeToast(id);
+        }, duration);
+      }
+    };
+    const removeToast = (id) => {
+      const index = toasts.value.findIndex((toast) => toast.id === id);
+      if (index > -1) {
+        toasts.value.splice(index, 1);
+      }
+    };
+    __expose({
+      addToast
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(toasts.value, (toast) => {
+          return openBlock(), createBlock(_sfc_main$1, {
+            key: toast.id,
+            variant: toast.variant,
+            onClose: ($event) => removeToast(toast.id)
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_2, toDisplayString(toast.title), 1),
+              createElementVNode("div", _hoisted_3, toDisplayString(toast.message), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant", "onClose"]);
+        }), 128))
+      ]);
+    };
+  }
+});
 const plugin = {
   install(app) {
     for (const [name, component] of Object.entries(components)) {
@@ -4662,59 +4782,61 @@ const plugin = {
   }
 };
 export {
-  _sfc_main$M as ActionCard,
-  _sfc_main$L as ActionMessage,
-  _sfc_main$J as ActionSection,
-  _sfc_main$I as Badge,
-  _sfc_main$H as Button,
-  _sfc_main$O as Card,
-  _sfc_main$P as CardTabs,
-  _sfc_main$G as Checkbox,
-  _sfc_main$F as CheckboxInput,
-  _sfc_main$s as CheckboxMultipleInput,
-  _sfc_main$q as ConfirmationModal,
-  _sfc_main$C as CustomSelect,
-  _sfc_main$A as DateInput,
-  _sfc_main$p as DialogModal,
-  _sfc_main$N as Divider,
-  _sfc_main$o as Dropdown,
-  _sfc_main$n as DropdownLink,
+  _sfc_main$O as ActionCard,
+  _sfc_main$N as ActionMessage,
+  _sfc_main$L as ActionSection,
+  _sfc_main$K as Badge,
+  _sfc_main$J as Button,
+  _sfc_main$Q as Card,
+  _sfc_main$R as CardTabs,
+  _sfc_main$I as Checkbox,
+  _sfc_main$H as CheckboxInput,
+  _sfc_main$u as CheckboxMultipleInput,
+  _sfc_main$s as ConfirmationModal,
+  _sfc_main$E as CustomSelect,
+  _sfc_main$C as DateInput,
+  _sfc_main$r as DialogModal,
+  _sfc_main$P as Divider,
+  _sfc_main$q as Dropdown,
+  _sfc_main$p as DropdownLink,
   plugin as EnosVueDefault,
-  _sfc_main$m as FormSection,
-  _sfc_main$z as ImageInput,
-  _sfc_main$l as InputError,
-  _sfc_main$t as InputGroup,
-  _sfc_main$k as InputLabel,
-  _sfc_main$j as LinkButton,
-  _sfc_main$r as Modal,
-  _sfc_main$y as NotationInput,
-  _sfc_main$x as RadioInput,
-  _sfc_main$v as RadioMultipleInput,
-  _sfc_main$i as SectionBorder,
+  _sfc_main$o as FormSection,
+  _sfc_main$B as ImageInput,
+  _sfc_main$n as InputError,
+  _sfc_main$v as InputGroup,
+  _sfc_main$m as InputLabel,
+  _sfc_main$l as LinkButton,
+  _sfc_main$t as Modal,
+  _sfc_main$A as NotationInput,
+  _sfc_main$z as RadioInput,
+  _sfc_main$x as RadioMultipleInput,
+  _sfc_main$k as SectionBorder,
   SectionTitle,
-  _sfc_main$B as SelectInput,
-  _sfc_main$h as Sidebar,
-  _sfc_main$g as SidebarContent,
-  _sfc_main$f as SidebarFooter,
-  _sfc_main$e as SidebarGroup,
-  _sfc_main$d as SidebarGroupContent,
-  _sfc_main$c as SidebarGroupLabel,
-  _sfc_main$b as SidebarHeader,
-  _sfc_main$a as SidebarInset,
-  _sfc_main$9 as SidebarMenu,
-  _sfc_main$8 as SidebarMenuButton,
-  _sfc_main$7 as SidebarMenuItem,
-  _sfc_main$6 as SidebarProvider,
-  _sfc_main$5 as SidebarTrigger,
-  _sfc_main$4 as SortControls,
-  _sfc_main$1 as TableList,
-  _sfc_main as TableListForm,
-  _sfc_main$2 as TableSearch,
-  _sfc_main$D as TextArea,
-  _sfc_main$E as TextInput,
-  _sfc_main$3 as ThSortable,
-  _sfc_main$u as TinyEditor,
-  _sfc_main$w as ToggleInput,
+  _sfc_main$D as SelectInput,
+  _sfc_main$j as Sidebar,
+  _sfc_main$i as SidebarContent,
+  _sfc_main$h as SidebarFooter,
+  _sfc_main$g as SidebarGroup,
+  _sfc_main$f as SidebarGroupContent,
+  _sfc_main$e as SidebarGroupLabel,
+  _sfc_main$d as SidebarHeader,
+  _sfc_main$c as SidebarInset,
+  _sfc_main$b as SidebarMenu,
+  _sfc_main$a as SidebarMenuButton,
+  _sfc_main$9 as SidebarMenuItem,
+  _sfc_main$8 as SidebarProvider,
+  _sfc_main$7 as SidebarTrigger,
+  _sfc_main$6 as SortControls,
+  _sfc_main$3 as TableList,
+  _sfc_main$2 as TableListForm,
+  _sfc_main$4 as TableSearch,
+  _sfc_main$F as TextArea,
+  _sfc_main$G as TextInput,
+  _sfc_main$5 as ThSortable,
+  _sfc_main$w as TinyEditor,
+  _sfc_main$1 as Toast,
+  _sfc_main as ToastContainer,
+  _sfc_main$y as ToggleInput,
   useSidebar
 };
 //# sourceMappingURL=index.js.map