npm - @enos5/enos-vue-default - Versions diffs - 1.2.4 → 1.3.1 - Mend

@enos5/enos-vue-default 1.2.4 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/components/TableList.vue.d.ts +65 -0
package/dist/components/TableListForm.vue.d.ts +1 -1
package/dist/components/TableSearch.vue.d.ts +93 -0
package/dist/components/ToggleInput.vue.d.ts +66 -0
package/dist/index.css +3477 -867
package/dist/index.d.ts +55 -53
package/dist/index.docs.d.ts +53 -0
package/dist/index.js +743 -442
package/dist/index.js.map +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -5,139 +5,139 @@ import { Link } from "@inertiajs/vue3";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get ActionCard() {
-    return _sfc_main$K;
+    return _sfc_main$M;
   },
   get ActionMessage() {
-    return _sfc_main$J;
+    return _sfc_main$L;
   },
   get ActionSection() {
-    return _sfc_main$H;
+    return _sfc_main$J;
   },
   get Badge() {
-    return _sfc_main$G;
+    return _sfc_main$I;
   },
   get Button() {
-    return _sfc_main$F;
+    return _sfc_main$H;
   },
   get Card() {
-    return _sfc_main$M;
+    return _sfc_main$O;
   },
   get CardTabs() {
-    return _sfc_main$N;
+    return _sfc_main$P;
   },
   get Checkbox() {
-    return _sfc_main$E;
+    return _sfc_main$G;
   },
   get CheckboxInput() {
-    return _sfc_main$D;
+    return _sfc_main$F;
   },
   get CheckboxMultipleInput() {
-    return _sfc_main$r;
+    return _sfc_main$s;
   },
   get ConfirmationModal() {
-    return _sfc_main$p;
+    return _sfc_main$q;
   },
   get CustomSelect() {
-    return _sfc_main$A;
+    return _sfc_main$C;
   },
   get DateInput() {
-    return _sfc_main$y;
+    return _sfc_main$A;
   },
   get DialogModal() {
-    return _sfc_main$o;
+    return _sfc_main$p;
   },
   get Divider() {
-    return _sfc_main$L;
+    return _sfc_main$N;
   },
   get Dropdown() {
-    return _sfc_main$n;
+    return _sfc_main$o;
   },
   get DropdownLink() {
-    return _sfc_main$m;
+    return _sfc_main$n;
   },
   get EnosVueDefault() {
     return plugin;
   },
   get FormSection() {
-    return _sfc_main$l;
+    return _sfc_main$m;
   },
   get ImageInput() {
-    return _sfc_main$x;
+    return _sfc_main$z;
   },
   get InputError() {
-    return _sfc_main$k;
+    return _sfc_main$l;
   },
   get InputGroup() {
-    return _sfc_main$s;
+    return _sfc_main$t;
   },
   get InputLabel() {
-    return _sfc_main$j;
+    return _sfc_main$k;
   },
   get LinkButton() {
-    return _sfc_main$i;
+    return _sfc_main$j;
   },
   get Modal() {
-    return _sfc_main$q;
+    return _sfc_main$r;
   },
   get NotationInput() {
-    return _sfc_main$w;
+    return _sfc_main$y;
   },
   get RadioInput() {
-    return _sfc_main$v;
+    return _sfc_main$x;
   },
   get RadioMultipleInput() {
-    return _sfc_main$u;
+    return _sfc_main$v;
   },
   get SectionBorder() {
-    return _sfc_main$h;
+    return _sfc_main$i;
   },
   get SectionTitle() {
     return SectionTitle;
   },
   get SelectInput() {
-    return _sfc_main$z;
+    return _sfc_main$B;
   },
   get Sidebar() {
-    return _sfc_main$g;
+    return _sfc_main$h;
   },
   get SidebarContent() {
-    return _sfc_main$f;
+    return _sfc_main$g;
   },
   get SidebarFooter() {
-    return _sfc_main$e;
+    return _sfc_main$f;
   },
   get SidebarGroup() {
-    return _sfc_main$d;
+    return _sfc_main$e;
   },
   get SidebarGroupContent() {
-    return _sfc_main$c;
+    return _sfc_main$d;
   },
   get SidebarGroupLabel() {
-    return _sfc_main$b;
+    return _sfc_main$c;
   },
   get SidebarHeader() {
-    return _sfc_main$a;
+    return _sfc_main$b;
   },
   get SidebarInset() {
-    return _sfc_main$9;
+    return _sfc_main$a;
   },
   get SidebarMenu() {
-    return _sfc_main$8;
+    return _sfc_main$9;
   },
   get SidebarMenuButton() {
-    return _sfc_main$7;
+    return _sfc_main$8;
   },
   get SidebarMenuItem() {
-    return _sfc_main$6;
+    return _sfc_main$7;
   },
   get SidebarProvider() {
-    return _sfc_main$5;
+    return _sfc_main$6;
   },
   get SidebarTrigger() {
-    return _sfc_main$4;
+    return _sfc_main$5;
   },
   get SortControls() {
-    return _sfc_main$3;
+    return _sfc_main$4;
   },
   get TableList() {
     return _sfc_main$1;
@@ -145,29 +145,35 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   get TableListForm() {
     return _sfc_main;
   },
+  get TableSearch() {
+    return _sfc_main$2;
+  },
   get TextArea() {
-    return _sfc_main$B;
+    return _sfc_main$D;
   },
   get TextInput() {
-    return _sfc_main$C;
+    return _sfc_main$E;
   },
   get ThSortable() {
-    return _sfc_main$2;
+    return _sfc_main$3;
   },
   get TinyEditor() {
-    return _sfc_main$t;
+    return _sfc_main$u;
+  },
+  get ToggleInput() {
+    return _sfc_main$w;
   },
   get useSidebar() {
     return useSidebar;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$y = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
-const _hoisted_2$i = {
+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 = {
   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$c = ["aria-selected", "tabindex", "onClick", "onKeydown"];
-const _sfc_main$N = {
+const _hoisted_3$d = ["aria-selected", "tabindex", "onClick", "onKeydown"];
+const _sfc_main$P = {
   __name: "CardTabs",
   props: {
     tabs: {
@@ -236,8 +242,8 @@ const _sfc_main$N = {
       focusTabAtIndex(targetIndex);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
-        createElementVNode("div", _hoisted_2$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+        createElementVNode("div", _hoisted_2$k, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
             return openBlock(), createElementBlock("button", {
               key: tab.value,
@@ -257,22 +263,22 @@ const _sfc_main$N = {
               ]),
               onClick: ($event) => activateTab(tab.value),
               onKeydown: ($event) => onTabKeydown($event, index)
-            }, toDisplayString(tab.label), 47, _hoisted_3$c);
+            }, toDisplayString(tab.label), 47, _hoisted_3$d);
           }), 128))
         ])
       ]);
     };
   }
 };
-const _hoisted_1$x = {
+const _hoisted_1$z = {
   key: 0,
   class: "mb-4"
 };
-const _hoisted_2$h = {
+const _hoisted_2$j = {
   key: 1,
   class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
 };
-const _sfc_main$M = {
+const _sfc_main$O = {
   __name: "Card",
   props: {
     title: {
@@ -333,7 +339,7 @@ const _sfc_main$M = {
       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$N, {
+        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$P, {
           key: 0,
           tabs: __props.tabs,
           "active-tab": __props.activeTab,
@@ -343,9 +349,9 @@ const _sfc_main$M = {
         createElementVNode("div", {
           class: normalizeClass(__props.paddingClass)
         }, [
-          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
+          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
             renderSlot(_ctx.$slots, "customTitle")
-          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$h, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$j, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
           }, [
@@ -378,7 +384,7 @@ const _sfc_main$M = {
     };
   }
 };
-const _sfc_main$L = /* @__PURE__ */ Object.assign({
+const _sfc_main$N = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Divider",
@@ -390,7 +396,7 @@ const _sfc_main$L = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _sfc_main$K = {
+const _sfc_main$M = {
   __name: "ActionCard",
   props: {
     title: {
@@ -405,13 +411,13 @@ const _sfc_main$K = {
   setup(__props) {
     const slots = useSlots();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$M, {
+      return openBlock(), createBlock(_sfc_main$O, {
         title: __props.title,
         "content-class": __props.actionsClass
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
-          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$L, {
+          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$N, {
             key: 0,
             class: "mt-6 pt-4"
           }, {
@@ -426,8 +432,8 @@ const _sfc_main$K = {
     };
   }
 };
-const _hoisted_1$w = { class: "text-sm text-gray-600" };
-const _sfc_main$J = {
+const _hoisted_1$y = { class: "text-sm text-gray-600" };
+const _sfc_main$L = {
   __name: "ActionMessage",
   props: {
     on: Boolean
@@ -441,7 +447,7 @@ const _sfc_main$J = {
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1$w, [
+            withDirectives(createElementVNode("div", _hoisted_1$y, [
               renderSlot(_ctx.$slots, "default")
             ], 512), [
               [vShow, __props.on]
@@ -460,36 +466,36 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$I = {};
-const _hoisted_1$v = { class: "md:col-span-1 flex justify-between" };
-const _hoisted_2$g = { class: "px-4 sm:px-0" };
-const _hoisted_3$b = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
-const _hoisted_4$8 = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
-const _hoisted_5$6 = { class: "px-4 sm:px-0" };
+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 _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$v, [
-    createElementVNode("div", _hoisted_2$g, [
-      createElementVNode("h3", _hoisted_3$b, [
+  return openBlock(), createElementBlock("div", _hoisted_1$x, [
+    createElementVNode("div", _hoisted_2$i, [
+      createElementVNode("h3", _hoisted_3$c, [
         renderSlot(_ctx.$slots, "title")
       ]),
-      createElementVNode("p", _hoisted_4$8, [
+      createElementVNode("p", _hoisted_4$9, [
         renderSlot(_ctx.$slots, "description")
       ])
     ]),
-    createElementVNode("div", _hoisted_5$6, [
+    createElementVNode("div", _hoisted_5$7, [
       renderSlot(_ctx.$slots, "aside")
     ])
   ]);
 }
-const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render]]);
-const _hoisted_1$u = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$f = { class: "mt-5 md:mt-0 md:col-span-2" };
-const _hoisted_3$a = { 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$H = {
+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 = {
   __name: "ActionSection",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -499,8 +505,8 @@ const _sfc_main$H = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$f, [
-          createElementVNode("div", _hoisted_3$a, [
+        createElementVNode("div", _hoisted_2$h, [
+          createElementVNode("div", _hoisted_3$b, [
             renderSlot(_ctx.$slots, "content")
           ])
         ])
@@ -508,8 +514,8 @@ const _sfc_main$H = {
     };
   }
 };
-const _hoisted_1$t = { class: "sr-only" };
-const _sfc_main$G = {
+const _hoisted_1$v = { class: "sr-only" };
+const _sfc_main$I = {
   __name: "Badge",
   props: {
     type: {
@@ -574,7 +580,7 @@ const _sfc_main$G = {
         createElementVNode("span", {
           class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot])
         }, null, 2),
-        createElementVNode("span", _hoisted_1$t, [
+        createElementVNode("span", _hoisted_1$v, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 2)) : (openBlock(), createElementBlock("span", {
@@ -591,8 +597,8 @@ const _sfc_main$G = {
     };
   }
 };
-const _hoisted_1$s = ["type", "disabled"];
-const _sfc_main$F = /* @__PURE__ */ Object.assign({
+const _hoisted_1$u = ["type", "disabled"];
+const _sfc_main$H = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Button",
@@ -659,12 +665,12 @@ const _sfc_main$F = /* @__PURE__ */ Object.assign({
         class: buttonClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$s);
+      ], 16, _hoisted_1$u);
     };
   }
 });
-const _hoisted_1$r = ["value"];
-const _sfc_main$E = {
+const _hoisted_1$t = ["value"];
+const _sfc_main$G = {
   __name: "Checkbox",
   props: {
     checked: {
@@ -694,14 +700,14 @@ const _sfc_main$E = {
         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$r)), [
+      }, null, 8, _hoisted_1$t)), [
         [vModelCheckbox, proxyChecked.value]
       ]);
     };
   }
 };
-const _hoisted_1$q = ["name", "checked", "disabled"];
-const _sfc_main$D = {
+const _hoisted_1$s = ["name", "checked", "disabled"];
+const _sfc_main$F = {
   __name: "CheckboxInput",
   props: {
     modelValue: {
@@ -761,7 +767,7 @@ const _sfc_main$D = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$q),
+        }, null, 40, _hoisted_1$s),
         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",
@@ -773,21 +779,21 @@ const _sfc_main$D = {
     };
   }
 };
-const _hoisted_1$p = { class: "relative flex items-center" };
-const _hoisted_2$e = {
+const _hoisted_1$r = { class: "relative flex items-center" };
+const _hoisted_2$g = {
   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 = {
+const _hoisted_3$a = ["type", "value", "disabled"];
+const _hoisted_4$8 = ["aria-label"];
+const _hoisted_5$6 = {
   key: 0,
   class: "h-5 w-5",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
 };
-const _hoisted_6$5 = {
+const _hoisted_6$6 = {
   key: 1,
   class: "h-5 w-5",
   fill: "none",
@@ -795,7 +801,7 @@ const _hoisted_6$5 = {
   viewBox: "0 0 24 24"
 };
 const DEFAULT_MAX_LENGTH$1 = 254;
-const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextInput",
   props: {
     modelValue: {
@@ -854,8 +860,8 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     __expose({ focus: () => input.value?.focus() });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
-        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           createVNode(unref(LockClosedIcon), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-200" })
         ])) : createCommentVNode("", true),
         createElementVNode("input", mergeProps({
@@ -869,7 +875,7 @@ const _sfc_main$C = /* @__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$9),
+        }), null, 16, _hoisted_3$a),
         isPasswordField.value ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
@@ -877,14 +883,14 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           "aria-label": revealed.value ? "Hide password" : "Show password",
           onClick: toggleVisibility
         }, [
-          revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_5$5, [..._cache[2] || (_cache[2] = [
+          revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_5$6, [..._cache[2] || (_cache[2] = [
             createElementVNode("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M13.875 18.825A10.05 10.05 0 0112 19c-5 0-9.27-3.11-11-7 1.01-2.27 2.78-4.1 5-5.32m3.08-1.3A9.96 9.96 0 0112 5c5 0 9.27 3.11 11 7a11.03 11.03 0 01-4.16 4.91M15 12a3 3 0 00-3-3m0 0a3 3 0 00-2.94 3.59M3 3l18 18"
             }, null, -1)
-          ])])) : (openBlock(), createElementBlock("svg", _hoisted_6$5, [..._cache[3] || (_cache[3] = [
+          ])])) : (openBlock(), createElementBlock("svg", _hoisted_6$6, [..._cache[3] || (_cache[3] = [
             createElementVNode("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -898,14 +904,14 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               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)
+        ], 8, _hoisted_4$8)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$o = ["value", "disabled"];
+const _hoisted_1$q = ["value", "disabled"];
 const DEFAULT_MAX_LENGTH = 1e3;
-const _sfc_main$B = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextArea",
   props: {
     modelValue: String,
@@ -975,13 +981,13 @@ const _sfc_main$B = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           value: props.modelValue,
           disabled: props.disabled,
           onInput: updateValue
-        }), null, 16, _hoisted_1$o)
+        }), null, 16, _hoisted_1$q)
       ]);
     };
   }
 });
-const _hoisted_1$n = ["onClick"];
-const _sfc_main$A = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$p = ["onClick"];
+const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "CustomSelect",
   props: {
     modelValue: {
@@ -1261,7 +1267,7 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       }
                     ]),
                     onClick: withModifiers(($event) => selectOption(option), ["stop"])
-                  }, toDisplayString(optionText(option)), 11, _hoisted_1$n);
+                  }, toDisplayString(optionText(option)), 11, _hoisted_1$p);
                 }), 128))
               ], 6)) : createCommentVNode("", true)
             ]))
@@ -1272,7 +1278,7 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _sfc_main$z = {
+const _sfc_main$B = {
   __name: "SelectInput",
   props: {
     modelValue: {
@@ -1360,7 +1366,7 @@ const _sfc_main$z = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$A, mergeProps({
+      return openBlock(), createBlock(_sfc_main$C, mergeProps({
         "model-value": __props.modelValue,
         "model-modifiers": __props.modelModifiers,
         options: __props.options,
@@ -1386,8 +1392,8 @@ const _sfc_main$z = {
     };
   }
 };
-const _hoisted_1$m = ["type", "max", "value", "disabled"];
-const _sfc_main$y = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$o = ["type", "max", "value", "disabled"];
+const _sfc_main$A = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateInput",
   props: {
     modelValue: {
@@ -1467,22 +1473,22 @@ const _sfc_main$y = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         disabled: props.disabled,
         onInput: handleDateInput,
         onChange: handleDateInput
-      }), null, 16, _hoisted_1$m);
+      }), null, 16, _hoisted_1$o);
     };
   }
 });
-const _hoisted_1$l = { class: "relative" };
-const _hoisted_2$d = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
-const _hoisted_3$8 = ["accept"];
-const _hoisted_4$6 = {
+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_4$7 = {
   key: 0,
   class: "mt-4 rounded-lg border border-neutral-200 bg-neutral-50 p-4 dark:border-neutral-800 dark:bg-neutral-900/50"
 };
-const _hoisted_5$4 = { class: "flex items-center space-x-4" };
-const _hoisted_6$4 = ["src"];
-const _hoisted_7$4 = { class: "text-sm font-medium text-neutral-900 dark:text-neutral-50" };
-const _hoisted_8$2 = { class: "text-xs text-neutral-500 dark:text-neutral-200" };
-const _sfc_main$x = {
+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 = {
   __name: "ImageInput",
   props: {
     currentImageUrl: {
@@ -1516,8 +1522,8 @@ const _sfc_main$x = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$l, [
-          createElementVNode("div", _hoisted_2$d, [
+        createElementVNode("div", _hoisted_1$n, [
+          createElementVNode("div", _hoisted_2$f, [
             createVNode(unref(PhotoIcon), { class: "size-5 text-neutral-400 dark:text-neutral-200" })
           ]),
           createElementVNode("input", mergeProps(__props.attrs, {
@@ -1525,18 +1531,18 @@ const _sfc_main$x = {
             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$8)
+          }), null, 16, _hoisted_3$9)
         ]),
-        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
-          createElementVNode("div", _hoisted_5$4, [
+        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+          createElementVNode("div", _hoisted_5$5, [
             createElementVNode("img", {
               src: props.currentImageUrl,
               alt: "Current logo",
               class: "h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm"
-            }, null, 8, _hoisted_6$4),
+            }, null, 8, _hoisted_6$5),
             createElementVNode("div", null, [
-              createElementVNode("p", _hoisted_7$4, toDisplayString(props.currentLabel), 1),
-              createElementVNode("p", _hoisted_8$2, toDisplayString(props.currentSubtext), 1)
+              createElementVNode("p", _hoisted_7$5, toDisplayString(props.currentLabel), 1),
+              createElementVNode("p", _hoisted_8$3, toDisplayString(props.currentSubtext), 1)
             ])
           ])
         ])) : createCommentVNode("", true)
@@ -1544,9 +1550,9 @@ const _sfc_main$x = {
     };
   }
 };
-const _hoisted_1$k = { 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$c = ["disabled", "onClick"];
-const _sfc_main$w = {
+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 = {
   __name: "NotationInput",
   props: {
     modelValue: {
@@ -1572,7 +1578,7 @@ const _sfc_main$w = {
     const isSelected = (option) => String(option) === String(props.modelValue ?? "");
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option, idx) => {
           return openBlock(), createElementBlock("button", {
             key: `notation-${idx}-${option}`,
@@ -1585,14 +1591,14 @@ const _sfc_main$w = {
             ]]),
             disabled: __props.disabled,
             onClick: ($event) => selectOption(option)
-          }, toDisplayString(option), 11, _hoisted_2$c);
+          }, toDisplayString(option), 11, _hoisted_2$e);
         }), 128))
       ]);
     };
   }
 };
-const _hoisted_1$j = ["name", "value", "checked", "disabled"];
-const _sfc_main$v = {
+const _hoisted_1$l = ["name", "value", "checked", "disabled"];
+const _sfc_main$x = {
   __name: "RadioInput",
   props: {
     modelValue: {
@@ -1647,14 +1653,98 @@ const _sfc_main$v = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$j),
+        }, null, 40, _hoisted_1$l),
         createElementVNode("span", null, toDisplayString(isChecked.value ? "✓" : "○") + " " + toDisplayString(__props.label), 1)
       ], 2);
     };
   }
 };
-const _hoisted_1$i = { class: "flex flex-wrap gap-3" };
-const _sfc_main$u = {
+const _hoisted_1$k = ["name", "checked", "disabled"];
+const _hoisted_2$d = {
+  key: 0,
+  class: "text-sm text-neutral-700 dark:text-neutral-200"
+};
+const _sfc_main$w = {
+  __name: "ToggleInput",
+  props: {
+    modelValue: {
+      type: [Boolean, String, Number, null],
+      default: false
+    },
+    value: {
+      type: [Boolean, String, Number],
+      default: true
+    },
+    uncheckedValue: {
+      type: [Boolean, String, Number, null],
+      default: false
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const isChecked = computed(() => props.modelValue === props.value);
+    const hasFocus = ref(false);
+    const handleFocus = () => {
+      hasFocus.value = true;
+    };
+    const handleBlur = (event) => {
+      hasFocus.value = false;
+      emit("blur", event);
+    };
+    const onChange = (event) => {
+      emit(
+        "update:modelValue",
+        event.target.checked ? props.value : props.uncheckedValue
+      );
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", {
+        class: normalizeClass(["inline-flex items-center gap-3 select-none", [
+          __props.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer",
+          hasFocus.value && !__props.disabled ? "rounded-full ring-2 ring-neutral-900/20 ring-offset-2 ring-offset-white dark:ring-neutral-100/20 dark:ring-offset-neutral-950" : ""
+        ]])
+      }, [
+        createElementVNode("input", {
+          type: "checkbox",
+          class: "sr-only",
+          name: __props.name,
+          checked: isChecked.value,
+          disabled: __props.disabled,
+          onChange,
+          onFocus: handleFocus,
+          onBlur: handleBlur
+        }, null, 40, _hoisted_1$k),
+        createElementVNode("span", {
+          "aria-hidden": "true",
+          class: normalizeClass(["relative inline-flex h-6 w-11 items-center rounded-full border transition-colors duration-200", [
+            isChecked.value ? "border-neutral-900 bg-neutral-900 dark:border-neutral-100 dark:bg-neutral-100" : "border-neutral-300 bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800"
+          ]])
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(["inline-block size-4 rounded-full bg-white shadow-sm transition-transform duration-200 dark:bg-neutral-950", [isChecked.value ? "translate-x-6" : "translate-x-1"]])
+          }, null, 2)
+        ], 2),
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+};
+const _hoisted_1$j = { class: "flex flex-wrap gap-3" };
+const _sfc_main$v = {
   __name: "RadioMultipleInput",
   props: {
     modelValue: {
@@ -1683,9 +1773,9 @@ const _sfc_main$u = {
     });
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$s, {
+          return openBlock(), createBlock(_sfc_main$t, {
             key: `radio-${__props.name ?? "group"}-${option}`,
             type: "radio-input",
             "model-value": props.modelValue,
@@ -1700,11 +1790,11 @@ const _sfc_main$u = {
     };
   }
 };
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "min-h-[12rem] w-full rounded-lg border border-slate-300 bg-slate-50"
 };
-const _sfc_main$t = {
+const _sfc_main$u = {
   __name: "TinyEditor",
   props: {
     modelValue: {
@@ -1809,7 +1899,7 @@ const _sfc_main$t = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { key: editorKey.value }, [
-        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : (openBlock(), createBlock(unref(Editor), {
+        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$i)) : (openBlock(), createBlock(unref(Editor), {
           key: 1,
           "initial-value": content.value,
           "license-key": __props.licenseKey,
@@ -1823,17 +1913,17 @@ const _sfc_main$t = {
     };
   }
 };
-const _hoisted_1$g = ["for"];
-const _hoisted_2$b = {
+const _hoisted_1$h = ["for"];
+const _hoisted_2$c = {
   key: 1,
   class: "text-xs text-gray-500 mb-1 block break-all"
 };
-const _hoisted_3$7 = {
-  key: 15,
+const _hoisted_3$8 = {
+  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$s = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$t = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "InputGroup",
   props: {
     type: {
@@ -1984,7 +2074,9 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const attrs = useAttrs();
     const updateValue = (value) => emit("update:modelValue", value);
     const hasError = computed(() => Boolean(props.errorMessage));
-    const showsInlineChoiceControl = computed(() => isCheckboxSingleType.value || isRadioSingleType.value);
+    const showsInlineChoiceControl = computed(
+      () => isCheckboxSingleType.value || isRadioSingleType.value || isToggleSingleType.value
+    );
     const fieldId = computed(() => {
       const id = attrs.id;
       return typeof id === "string" && id !== "" ? id : void 0;
@@ -2007,9 +2099,12 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const isNotationType = computed(() => props.type === "notation");
     const isCheckboxSingleType = computed(() => props.type === "checkbox-input");
     const isRadioSingleType = computed(() => props.type === "radio-input");
+    const isToggleSingleType = computed(() => props.type === "toggle-input");
     const isCheckboxType = computed(() => props.type === "checkbox");
     const isRadioType = computed(() => props.type === "radio");
-    const isDateType = computed(() => props.type === "date" || props.type === "datetime-local");
+    const 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");
@@ -2059,11 +2154,16 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         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;
+      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(() => ({
@@ -2101,6 +2201,13 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       name: props.name ?? attrs.name,
       disabled: props.disabled
     }));
+    const toggleSingleBindings = computed(() => ({
+      ...attrs,
+      name: props.name,
+      modelValue: props.modelValue,
+      label: props.label || attrs.label || "",
+      disabled: props.disabled
+    }));
     const imageBindings = computed(() => {
       return {
         ...attrs,
@@ -2132,55 +2239,58 @@ const _sfc_main$s = /* @__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$g)) : createCommentVNode("", true),
-        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$b, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
-        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$B, mergeProps({ key: 2 }, textAreaBindings.value, {
+        }, 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, {
           "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$t, mergeProps({ key: 3 }, tinyEditorBindings.value, {
+        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$u, 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$z, mergeProps({ key: 4 }, selectBindings.value, {
+        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$B, 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$y, mergeProps({ key: 5 }, dateBindings.value, {
+        }), null, 16)) : isDateType.value ? (openBlock(), createBlock(_sfc_main$A, 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$C, mergeProps({ key: 6 }, textInputBindings.value, {
+        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$E, 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$x, mergeProps({ key: 7 }, imageBindings.value, {
+        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$z, 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$D, mergeProps({ key: 8 }, checkboxSingleBindings.value, {
+        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$F, 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$v, mergeProps({ key: 9 }, radioSingleBindings.value, {
+        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$x, 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$w, mergeProps({ key: 10 }, notationBindings.value, {
+        }), null, 16)) : isToggleSingleType.value ? (openBlock(), createBlock(_sfc_main$w, 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)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$r, mergeProps({ key: 11 }, checkboxBindings.value, {
+        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$y, 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)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$u, mergeProps({ key: 12 }, radioBindings.value, {
+        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$s, 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, {
+          "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => emit("update:modelValue", $event)),
+          onBlur: _cache[23] || (_cache[23] = ($event) => emit("blur", $event))
         }), null, 16)) : isNoComponentType.value ? renderSlot(_ctx.$slots, "unsupported-type", {
-          key: 13,
+          key: 14,
           type: __props.type,
           modelValue: __props.modelValue,
           updateValue,
           attrs: unref(attrs)
         }) : renderSlot(_ctx.$slots, "unsupported-type", {
-          key: 14,
+          key: 15,
           type: __props.type,
           modelValue: __props.modelValue,
           updateValue,
           attrs: unref(attrs)
         }),
-        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
           createVNode(unref(ExclamationCircleIcon), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
           createElementVNode("span", null, toDisplayString(__props.errorMessage), 1)
         ])) : createCommentVNode("", true)
@@ -2188,8 +2298,8 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$f = { class: "flex flex-wrap gap-3" };
-const _sfc_main$r = {
+const _hoisted_1$g = { class: "flex flex-wrap gap-3" };
+const _sfc_main$s = {
   __name: "CheckboxMultipleInput",
   props: {
     modelValue: {
@@ -2230,9 +2340,9 @@ const _sfc_main$r = {
       emit("update:modelValue", nextSelection);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$s, {
+          return openBlock(), createBlock(_sfc_main$t, {
             key: `checkbox-${option}`,
             type: "checkbox-input",
             name: __props.name,
@@ -2248,7 +2358,7 @@ const _sfc_main$r = {
     };
   }
 };
-const _sfc_main$q = {
+const _sfc_main$r = {
   __name: "Modal",
   props: {
     show: {
@@ -2389,14 +2499,14 @@ const _sfc_main$q = {
     };
   }
 };
-const _hoisted_1$e = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
-const _hoisted_2$a = { class: "sm:flex sm:items-start" };
-const _hoisted_3$6 = { 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$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-neutral-950 dark:text-neutral-50" };
-const _hoisted_6$3 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
-const _hoisted_7$3 = { 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$p = {
+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_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 = {
   __name: "ConfirmationModal",
   props: {
     show: {
@@ -2424,7 +2534,7 @@ const _sfc_main$p = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$q, {
+      return openBlock(), createBlock(_sfc_main$r, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
@@ -2432,22 +2542,22 @@ const _sfc_main$p = {
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$e, [
-            createElementVNode("div", _hoisted_2$a, [
-              createElementVNode("div", _hoisted_3$6, [
+          createElementVNode("div", _hoisted_1$f, [
+            createElementVNode("div", _hoisted_2$b, [
+              createElementVNode("div", _hoisted_3$7, [
                 createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })
               ]),
-              createElementVNode("div", _hoisted_4$5, [
-                createElementVNode("h3", _hoisted_5$3, [
+              createElementVNode("div", _hoisted_4$6, [
+                createElementVNode("h3", _hoisted_5$4, [
                   renderSlot(_ctx.$slots, "title")
                 ]),
-                createElementVNode("div", _hoisted_6$3, [
+                createElementVNode("div", _hoisted_6$4, [
                   renderSlot(_ctx.$slots, "content")
                 ])
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_7$3, [
+          createElementVNode("div", _hoisted_7$4, [
             renderSlot(_ctx.$slots, "footer")
           ])
         ]),
@@ -2456,11 +2566,11 @@ const _sfc_main$p = {
     };
   }
 };
-const _hoisted_1$d = { class: "px-6 py-4" };
-const _hoisted_2$9 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
-const _hoisted_3$5 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
-const _hoisted_4$4 = { 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$o = {
+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_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 = {
   __name: "DialogModal",
   props: {
     show: {
@@ -2483,22 +2593,22 @@ const _sfc_main$o = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$q, {
+      return openBlock(), createBlock(_sfc_main$r, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$d, [
-            createElementVNode("div", _hoisted_2$9, [
+          createElementVNode("div", _hoisted_1$e, [
+            createElementVNode("div", _hoisted_2$a, [
               renderSlot(_ctx.$slots, "title")
             ]),
-            createElementVNode("div", _hoisted_3$5, [
+            createElementVNode("div", _hoisted_3$6, [
               renderSlot(_ctx.$slots, "content")
             ])
           ]),
-          createElementVNode("div", _hoisted_4$4, [
+          createElementVNode("div", _hoisted_4$5, [
             renderSlot(_ctx.$slots, "footer")
           ])
         ]),
@@ -2507,8 +2617,8 @@ const _sfc_main$o = {
     };
   }
 };
-const _hoisted_1$c = { class: "relative inline-block w-fit" };
-const _sfc_main$n = {
+const _hoisted_1$d = { class: "relative inline-block w-fit" };
+const _sfc_main$o = {
   __name: "Dropdown",
   props: {
     align: {
@@ -2649,7 +2759,7 @@ const _sfc_main$n = {
       window.removeEventListener("scroll", handleViewportChange, true);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -2689,13 +2799,13 @@ const _sfc_main$n = {
     };
   }
 };
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   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$8 = ["href"];
-const _sfc_main$m = {
+const _hoisted_2$9 = ["href"];
+const _sfc_main$n = {
   __name: "DropdownLink",
   props: {
     href: String,
@@ -2704,7 +2814,7 @@ const _sfc_main$m = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$b, [
+        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$c, [
           renderSlot(_ctx.$slots, "default")
         ])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
           key: 1,
@@ -2712,7 +2822,7 @@ const _sfc_main$m = {
           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$8)) : (openBlock(), createBlock(unref(Link), {
+        ], 8, _hoisted_2$9)) : (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"
@@ -2726,20 +2836,20 @@ const _sfc_main$m = {
     };
   }
 };
-const _hoisted_1$a = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$7 = { class: "mt-5 md:col-span-2 md:mt-0" };
-const _hoisted_3$4 = { class: "grid grid-cols-6 gap-6" };
-const _hoisted_4$3 = {
+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_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$l = {
+const _sfc_main$m = {
   __name: "FormSection",
   emits: ["submitted"],
   setup(__props) {
     const hasActions = computed(() => !!useSlots().actions);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -2749,18 +2859,18 @@ const _sfc_main$l = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$7, [
+        createElementVNode("div", _hoisted_2$8, [
           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$4, [
+              createElementVNode("div", _hoisted_3$5, [
                 renderSlot(_ctx.$slots, "form")
               ])
             ], 2),
-            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
               renderSlot(_ctx.$slots, "actions")
             ])) : createCommentVNode("", true)
           ], 32)
@@ -2769,8 +2879,8 @@ const _sfc_main$l = {
     };
   }
 };
-const _hoisted_1$9 = { class: "text-sm text-red-600 dark:text-neutral-100" };
-const _sfc_main$k = {
+const _hoisted_1$a = { class: "text-sm text-red-600 dark:text-neutral-100" };
+const _sfc_main$l = {
   __name: "InputError",
   props: {
     message: String
@@ -2778,33 +2888,33 @@ const _sfc_main$k = {
   setup(__props) {
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$9, toDisplayString(__props.message), 1)
+        createElementVNode("p", _hoisted_1$a, toDisplayString(__props.message), 1)
       ], 512)), [
         [vShow, __props.message]
       ]);
     };
   }
 };
-const _hoisted_1$8 = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-const _hoisted_2$6 = { key: 0 };
-const _hoisted_3$3 = { key: 1 };
-const _sfc_main$j = {
+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 = {
   __name: "InputLabel",
   props: {
     value: String
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$8, [
-        __props.value ? (openBlock(), createElementBlock("span", _hoisted_2$6, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$3, [
+      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, [
           renderSlot(_ctx.$slots, "default")
         ]))
       ]);
     };
   }
 };
-const _hoisted_1$7 = ["href", "title", "target", "rel"];
-const _sfc_main$i = /* @__PURE__ */ Object.assign({
+const _hoisted_1$8 = ["href", "title", "target", "rel"];
+const _sfc_main$j = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "LinkButton",
@@ -2873,19 +2983,19 @@ const _sfc_main$i = /* @__PURE__ */ Object.assign({
         class: linkClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$7));
+      ], 16, _hoisted_1$8));
     };
   }
 });
-const _hoisted_1$6 = { class: "hidden sm:block" };
-const _hoisted_2$5 = { class: "py-8" };
-const _sfc_main$h = {
+const _hoisted_1$7 = { class: "hidden sm:block" };
+const _hoisted_2$6 = { class: "py-8" };
+const _sfc_main$i = {
   __name: "SectionBorder",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createElementVNode("div", _hoisted_2$5, [
-          createVNode(_sfc_main$L)
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$6, [
+          createVNode(_sfc_main$N)
         ])
       ]);
     };
@@ -2934,12 +3044,12 @@ function provideSidebarContext(defaultOpen = true) {
 function useSidebar() {
   return inject(SIDEBAR_CONTEXT_KEY, fallbackContext);
 }
-const _hoisted_1$5 = ["data-state", "data-collapsible", "data-variant", "data-side"];
-const _hoisted_2$4 = {
+const _hoisted_1$6 = ["data-state", "data-collapsible", "data-variant", "data-side"];
+const _hoisted_2$5 = {
   "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$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "Sidebar",
   props: {
@@ -2987,15 +3097,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             props.class
           ]
         }, _ctx.$attrs), [
-          createElementVNode("div", _hoisted_2$4, [
+          createElementVNode("div", _hoisted_2$5, [
             renderSlot(_ctx.$slots, "default")
           ])
         ], 16)
-      ], 8, _hoisted_1$5));
+      ], 8, _hoisted_1$6));
     };
   }
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SidebarContent",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3013,7 +3123,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "SidebarFooter",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3031,7 +3141,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroup",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3049,7 +3159,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroupContent",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3067,7 +3177,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "SidebarGroupLabel",
   props: {
@@ -3113,7 +3223,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SidebarHeader",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3131,7 +3241,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "SidebarInset",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3152,7 +3262,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenu",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3170,8 +3280,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["href", "target", "rel"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["href", "target", "rel"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "SidebarMenuButton",
   props: {
@@ -3244,7 +3354,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.title), 1)
         ])
-      ], 16, _hoisted_1$4)) : (openBlock(), createElementBlock("button", mergeProps({
+      ], 16, _hoisted_1$5)) : (openBlock(), createElementBlock("button", mergeProps({
         key: 3,
         type: "button"
       }, sharedAttrs.value), [
@@ -3256,7 +3366,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuItem",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3274,7 +3384,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "SidebarProvider",
   props: {
@@ -3385,19 +3495,24 @@ const createLucideIcon = (iconName, iconNode) => (props, { slots, attrs }) => h(
   },
   slots
 );
-const __iconNode$1 = [
+const __iconNode$2 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
 ];
-const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$1);
-const __iconNode = [
+const PanelLeftClose = createLucideIcon("panel-left-close", __iconNode$2);
+const __iconNode$1 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
 ];
-const PanelLeftOpen = createLucideIcon("panel-left-open", __iconNode);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const PanelLeftOpen = createLucideIcon("panel-left-open", __iconNode$1);
+const __iconNode = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+const Search = createLucideIcon("search", __iconNode);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SidebarTrigger",
   props: {
     class: { type: [Boolean, null, String, Object, Array] }
@@ -3406,7 +3521,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { state, toggleSidebar } = useSidebar();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$F, {
+      return openBlock(), createBlock(_sfc_main$H, {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
         variant: "ghost",
@@ -3423,14 +3538,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { 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$3 = { class: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center" };
-const _hoisted_3$2 = { class: "flex items-center gap-3" };
-const _hoisted_4$2 = { class: "text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-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-neutral-500 dark:text-neutral-200" };
-const _sfc_main$3 = {
+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_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 = {
   __name: "SortControls",
   props: {
     fields: {
@@ -3471,11 +3586,11 @@ const _sfc_main$3 = {
       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, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_2$4, [
+          createElementVNode("div", _hoisted_3$3, [
+            createElementVNode("label", _hoisted_4$3, toDisplayString(__props.sortByLabel) + ":", 1),
+            createElementVNode("div", _hoisted_5$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field) => {
                 return openBlock(), createElementBlock("button", {
                   key: field.key,
@@ -3494,19 +3609,19 @@ const _sfc_main$3 = {
                     key: 1,
                     class: "w-3 h-3 ml-1 inline"
                   })) : createCommentVNode("", true)
-                ], 10, _hoisted_6$2);
+                ], 10, _hoisted_6$3);
               }), 128))
             ])
           ]),
-          createElementVNode("div", _hoisted_7$2, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1)
+          createElementVNode("div", _hoisted_7$3, 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 = {
+const _hoisted_1$3 = { class: "flex items-center space-x-1" };
+const _hoisted_2$3 = { class: "flex flex-col" };
+const _sfc_main$3 = {
   __name: "ThSortable",
   props: {
     field: {
@@ -3538,11 +3653,11 @@ const _sfc_main$2 = {
         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$2, [
+        createElementVNode("div", _hoisted_1$3, [
           createElementVNode("span", null, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          createElementVNode("div", _hoisted_2$2, [
+          createElementVNode("div", _hoisted_2$3, [
             isCurrentSort.value && __props.currentDirection === "asc" ? (openBlock(), createBlock(unref(ChevronUpIcon), {
               key: 0,
               class: normalizeClass([sortIconClass.value, "w-3 h-3"])
@@ -3557,35 +3672,151 @@ const _sfc_main$2 = {
     };
   }
 };
-const _hoisted_1$1 = { class: "min-w-full divide-y divide-neutral-200 dark:divide-neutral-800" };
-const _hoisted_2$1 = { class: "bg-neutral-50/80 dark:bg-neutral-900/80" };
-const _hoisted_3$1 = {
+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_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 = {
+  key: 0,
+  class: "flex sm:flex-row flex-col items-start gap-3 sm:items-center lg:w-auto"
+};
+const _hoisted_7$2 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _hoisted_8$2 = {
+  key: 1,
+  class: "flex items-center text-xs text-neutral-500 dark:text-neutral-400 sm:w-auto sm:text-sm lg:w-auto"
+};
+const _hoisted_9$2 = {
+  key: 0,
+  class: "ml-2"
+};
+const _hoisted_10$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
+const _sfc_main$2 = {
+  __name: "TableSearch",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "Search..."
+    },
+    count: {
+      type: Number,
+      default: null
+    },
+    countLabel: {
+      type: String,
+      default: "results"
+    },
+    queryLabel: {
+      type: String,
+      default: "for"
+    },
+    showDeleted: {
+      type: Boolean,
+      default: false
+    },
+    showDeletedToggle: {
+      type: Boolean,
+      default: false
+    },
+    showDeletedLabel: {
+      type: String,
+      default: "Show deleted"
+    },
+    cardClass: {
+      type: String,
+      default: "rounded-xl border border-neutral-200 bg-white/90 px-6 py-4 shadow-sm dark:border-neutral-800 dark:bg-neutral-950/90"
+    }
+  },
+  emits: ["update:modelValue", "update:showDeleted"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = computed({
+      get: () => props.modelValue,
+      set: (value) => emit("update:modelValue", value)
+    });
+    const showDeletedModel = computed({
+      get: () => props.showDeleted,
+      set: (value) => emit("update:showDeleted", value)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(__props.cardClass)
+      }, [
+        createElementVNode("div", _hoisted_1$2, [
+          createElementVNode("div", _hoisted_2$2, [
+            createElementVNode("div", _hoisted_3$2, [
+              createElementVNode("div", _hoisted_4$2, [
+                createVNode(unref(Search), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-500" })
+              ]),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+                type: "text",
+                placeholder: __props.placeholder,
+                class: "block w-full rounded-lg border border-neutral-300 bg-white py-2 pr-3 pl-10 text-sm text-neutral-900 placeholder:text-neutral-500 transition-all duration-200 focus:border-neutral-500 focus:outline-none dark:border-neutral-700 dark:bg-neutral-900 dark:text-neutral-100 dark:placeholder:text-neutral-500 dark:focus:border-neutral-500"
+              }, null, 8, _hoisted_5$2), [
+                [vModelText, model.value]
+              ])
+            ])
+          ]),
+          __props.showDeletedToggle || __props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+            __props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+              createVNode(_sfc_main$w, {
+                modelValue: showDeletedModel.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeletedModel.value = $event),
+                label: __props.showDeletedLabel
+              }, null, 8, ["modelValue", "label"])
+            ])) : createCommentVNode("", true),
+            __props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+              createElementVNode("span", null, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1),
+              model.value ? (openBlock(), createElementBlock("span", _hoisted_9$2, [
+                createTextVNode(toDisplayString(__props.queryLabel) + " ", 1),
+                createElementVNode("span", _hoisted_10$2, ' "' + toDisplayString(model.value) + '" ', 1)
+              ])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 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_4$1 = {
   key: 0,
   class: "px-6 py-3 text-right text-[11px] font-semibold tracking-[0.12em] text-neutral-600 uppercase dark:text-neutral-200"
 };
-const _hoisted_4$1 = { class: "divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950" };
-const _hoisted_5$1 = {
+const _hoisted_5$1 = { class: "divide-y divide-neutral-200 bg-white dark:divide-neutral-800 dark:bg-neutral-950" };
+const _hoisted_6$1 = {
   key: 0,
   class: "flex items-center"
 };
-const _hoisted_6$1 = ["title"];
-const _hoisted_7$1 = {
+const _hoisted_7$1 = ["title"];
+const _hoisted_8$1 = {
   key: 0,
   class: "ml-2 inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-700 dark:bg-red-950/60 dark:text-neutral-100"
 };
-const _hoisted_8$1 = ["innerHTML"];
-const _hoisted_9$1 = { key: 3 };
-const _hoisted_10$1 = {
+const _hoisted_9$1 = ["innerHTML"];
+const _hoisted_10$1 = { key: 3 };
+const _hoisted_11$1 = {
   key: 0,
   class: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium"
 };
-const _hoisted_11$1 = {
+const _hoisted_12$1 = {
   key: 0,
-  class: "text-center py-12"
+  class: "py-12 text-center"
 };
-const _hoisted_12$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_13$1 = { class: "mb-2 text-lg font-semibold text-neutral-950 dark:text-neutral-50" };
-const _hoisted_14$1 = { class: "mb-4 text-neutral-600 dark:text-neutral-200" };
+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 = {
   __name: "TableList",
   props: {
@@ -3637,18 +3868,68 @@ const _sfc_main$1 = {
     deletedLabel: {
       type: String,
       default: "Deleted"
+    },
+    search: {
+      type: Boolean,
+      default: false
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search..."
+    },
+    searchCountLabel: {
+      type: String,
+      default: "results"
+    },
+    searchQueryLabel: {
+      type: String,
+      default: "for"
+    },
+    searchShowDeleted: {
+      type: Boolean,
+      default: false
+    },
+    searchShowDeletedToggle: {
+      type: Boolean,
+      default: false
+    },
+    searchShowDeletedLabel: {
+      type: String,
+      default: "Show deleted"
     }
   },
-  emits: ["sort"],
+  emits: ["sort", "update:searchShowDeleted"],
   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 searchQuery = ref("");
+    const filteredData = computed(() => {
+      if (!props.search || !searchQuery.value.trim()) {
+        return props.data;
+      }
+      const query = searchQuery.value.toLowerCase().trim();
+      return props.data.filter((item) => {
+        return props.columns.some((column) => {
+          if (column.searchable === false || column.slot) {
+            return false;
+          }
+          const value = column.key.split(".").reduce((obj, key) => obj?.[key], item);
+          if (value === null || value === void 0 || value === "") {
+            return false;
+          }
+          return String(value).toLowerCase().includes(query);
+        });
+      });
+    });
+    const hasData = computed(() => filteredData.value && filteredData.value.length > 0);
     const sortBy = (field) => {
       emit("sort", field);
     };
+    const updateSearchShowDeleted = (value) => {
+      emit("update:searchShowDeleted", value);
+    };
     const truncateText = (value) => {
       const stringValue = String(value ?? "");
       const maxLength = Number(props.maxTextLength);
@@ -3693,96 +3974,114 @@ 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", {
-        class: normalizeClass(["bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90", __props.isCard ? "mx-4 animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0" : ""])
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        __props.search ? (openBlock(), createBlock(_sfc_main$2, {
+          key: 0,
+          "model-value": searchQuery.value,
+          placeholder: __props.searchPlaceholder,
+          count: filteredData.value.length,
+          "count-label": __props.searchCountLabel,
+          "query-label": __props.searchQueryLabel,
+          "show-deleted": __props.searchShowDeleted,
+          "show-deleted-toggle": __props.searchShowDeletedToggle,
+          "show-deleted-label": __props.searchShowDeletedLabel,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
+          "onUpdate:showDeleted": updateSearchShowDeleted
+        }, null, 8, ["model-value", "placeholder", "count", "count-label", "query-label", "show-deleted", "show-deleted-toggle", "show-deleted-label"])) : createCommentVNode("", true),
         createElementVNode("div", {
-          class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-xl" : ""])
+          class: normalizeClass([
+            "bg-white/90 backdrop-blur-sm dark:bg-neutral-950/90",
+            __props.isCard ? "mx-4 animate-fadeIn rounded-2xl border border-neutral-200 shadow-sm dark:border-neutral-800 md:mx-0" : ""
+          ])
         }, [
-          createElementVNode("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))
-                }, [
+          createElementVNode("div", {
+            class: normalizeClass(["overflow-x-auto", __props.isCard ? "rounded-xl" : ""])
+          }, [
+            createElementVNode("table", _hoisted_2$1, [
+              createElementVNode("thead", _hoisted_3$1, [
+                createElementVNode("tr", null, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
-                    return openBlock(), createElementBlock("td", {
-                      key: column.key,
-                      class: normalizeClass(getColumnClass(column))
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: column.key
                     }, [
-                      column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-                        createElementVNode("div", {
-                          class: "truncate text-sm font-medium text-neutral-950 dark:text-neutral-50",
-                          title: getCellContent(item, column)
-                        }, toDisplayString(getCellContent(item, column)), 9, _hoisted_6$1),
-                        isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)
-                      ])) : column.slot ? renderSlot(_ctx.$slots, column.slot, {
+                      column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
+                        key: 0,
+                        field: column.key,
+                        "current-sort-field": __props.sortField,
+                        "current-direction": __props.sortDirection,
+                        onSort: sortBy
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(column.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["field", "current-sort-field", "current-direction"])) : (openBlock(), createElementBlock("th", {
                         key: 1,
+                        class: normalizeClass([getHeaderClass(column), { "text-right": column.align === "right" }])
+                      }, toDisplayString(column.label), 3))
+                    ], 64);
+                  }), 128)),
+                  _ctx.$slots.actions ? (openBlock(), createElementBlock("th", _hoisted_4$1, toDisplayString(__props.actionsLabel), 1)) : createCommentVNode("", true)
+                ])
+              ]),
+              createElementVNode("tbody", _hoisted_5$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(filteredData.value, (item, index) => {
+                  return openBlock(), createElementBlock("tr", {
+                    key: item.id,
+                    class: normalizeClass(__props.rowClasses(item, index))
+                  }, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
+                      return openBlock(), createElementBlock("td", {
+                        key: column.key,
+                        class: normalizeClass(getColumnClass(column))
+                      }, [
+                        column.key === "name" && !column.slot ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+                          createElementVNode("div", {
+                            class: "truncate text-sm font-medium text-neutral-950 dark:text-neutral-50",
+                            title: getCellContent(item, column)
+                          }, toDisplayString(getCellContent(item, column)), 9, _hoisted_7$1),
+                          isDeleted(item) ? (openBlock(), createElementBlock("span", _hoisted_8$1, toDisplayString(__props.deletedLabel), 1)) : createCommentVNode("", true)
+                        ])) : column.slot ? renderSlot(_ctx.$slots, column.slot, {
+                          key: 1,
+                          item,
+                          column,
+                          index
+                        }) : column.render ? (openBlock(), createElementBlock("div", {
+                          key: 2,
+                          innerHTML: column.render(item)
+                        }, null, 8, _hoisted_9$1)) : (openBlock(), createElementBlock("div", _hoisted_10$1, toDisplayString(getCellContent(item, column)), 1))
+                      ], 2);
+                    }), 128)),
+                    _ctx.$slots.actions ? (openBlock(), createElementBlock("td", _hoisted_11$1, [
+                      renderSlot(_ctx.$slots, "actions", {
                         item,
-                        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))
+                      })
+                    ])) : 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: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))
-          ]),
-          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$i, {
-            key: 0,
-            href: __props.emptyState.actionUrl,
-            variant: "primary"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.emptyState.actionText), 1)
+          ], 2),
+          !hasData.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+            createElementVNode("div", _hoisted_13$1, [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.emptyState.icon), { class: "h-8 w-8 text-neutral-400 dark:text-neutral-200" }))
             ]),
-            _: 1
-          }, 8, ["href"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ], 2);
+            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, {
+              key: 0,
+              href: __props.emptyState.actionUrl,
+              variant: "primary"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.emptyState.actionText), 1)
+              ]),
+              _: 1
+            }, 8, ["href"])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ], 2)
+      ]);
     };
   }
 };
@@ -4230,7 +4529,7 @@ const _sfc_main = {
                   return openBlock(), createElementBlock(Fragment, {
                     key: column.key
                   }, [
-                    column.sortable ? (openBlock(), createBlock(_sfc_main$2, {
+                    column.sortable ? (openBlock(), createBlock(_sfc_main$3, {
                       key: 0,
                       field: column.key,
                       "current-sort-field": localSortField.value,
@@ -4264,7 +4563,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$s, {
+                      }, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$t, {
                         key: 1,
                         type: getInputType(column),
                         class: normalizeClass(getInputClass(column)),
@@ -4297,7 +4596,7 @@ const _sfc_main = {
                         key: 0,
                         ref_for: true
                       }, getSlotBindings(item, null, index))) : createCommentVNode("", true),
-                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$F, {
+                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$H, {
                         key: 1,
                         type: "button",
                         variant: "outline",
@@ -4310,7 +4609,7 @@ const _sfc_main = {
                           createVNode(unref(CheckIcon), { class: "size-4" })
                         ]),
                         _: 1
-                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$F, {
+                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$H, {
                         key: 2,
                         type: "button",
                         variant: "secondary",
@@ -4337,7 +4636,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$i, {
+          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$j, {
             key: 0,
             href: __props.emptyState.actionUrl,
             variant: "primary"
@@ -4363,57 +4662,59 @@ const plugin = {
   }
 };
 export {
-  _sfc_main$K as ActionCard,
-  _sfc_main$J as ActionMessage,
-  _sfc_main$H as ActionSection,
-  _sfc_main$G as Badge,
-  _sfc_main$F as Button,
-  _sfc_main$M as Card,
-  _sfc_main$N as CardTabs,
-  _sfc_main$E as Checkbox,
-  _sfc_main$D as CheckboxInput,
-  _sfc_main$r as CheckboxMultipleInput,
-  _sfc_main$p as ConfirmationModal,
-  _sfc_main$A as CustomSelect,
-  _sfc_main$y as DateInput,
-  _sfc_main$o as DialogModal,
-  _sfc_main$L as Divider,
-  _sfc_main$n as Dropdown,
-  _sfc_main$m as DropdownLink,
+  _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,
   plugin as EnosVueDefault,
-  _sfc_main$l as FormSection,
-  _sfc_main$x as ImageInput,
-  _sfc_main$k as InputError,
-  _sfc_main$s as InputGroup,
-  _sfc_main$j as InputLabel,
-  _sfc_main$i as LinkButton,
-  _sfc_main$q as Modal,
-  _sfc_main$w as NotationInput,
-  _sfc_main$v as RadioInput,
-  _sfc_main$u as RadioMultipleInput,
-  _sfc_main$h as SectionBorder,
+  _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,
   SectionTitle,
-  _sfc_main$z as SelectInput,
-  _sfc_main$g as Sidebar,
-  _sfc_main$f as SidebarContent,
-  _sfc_main$e as SidebarFooter,
-  _sfc_main$d as SidebarGroup,
-  _sfc_main$c as SidebarGroupContent,
-  _sfc_main$b as SidebarGroupLabel,
-  _sfc_main$a as SidebarHeader,
-  _sfc_main$9 as SidebarInset,
-  _sfc_main$8 as SidebarMenu,
-  _sfc_main$7 as SidebarMenuButton,
-  _sfc_main$6 as SidebarMenuItem,
-  _sfc_main$5 as SidebarProvider,
-  _sfc_main$4 as SidebarTrigger,
-  _sfc_main$3 as SortControls,
+  _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$B as TextArea,
-  _sfc_main$C as TextInput,
-  _sfc_main$2 as ThSortable,
-  _sfc_main$t as TinyEditor,
+  _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,
   useSidebar
 };
 //# sourceMappingURL=index.js.map