@enos5/enos-vue-default 0.3.0 → 1.0.0

package/dist/index.js

@@ -1,101 +1,128 @@
-import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, createTextVNode, resolveDynamicComponent, vModelText } from "vue";
-import { LockClosedIcon, ChevronDownIcon, PhotoIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
+import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, defineComponent, resolveDynamicComponent, createTextVNode, normalizeProps, vModelText } from "vue";
+import { LockClosedIcon, ChevronDownIcon, PhotoIcon, ExclamationCircleIcon, ExclamationTriangleIcon, Cog6ToothIcon, ArrowRightOnRectangleIcon, ChevronUpDownIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
 import { Link } from "@inertiajs/vue3";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get ActionCard() {
-    return _sfc_main$x;
+    return _sfc_main$G;
   },
   get ActionMessage() {
-    return _sfc_main$w;
+    return _sfc_main$F;
   },
   get ActionSection() {
-    return _sfc_main$u;
+    return _sfc_main$D;
   },
   get Badge() {
-    return _sfc_main$t;
+    return _sfc_main$C;
   },
   get Button() {
-    return _sfc_main$s;
+    return _sfc_main$B;
   },
   get Card() {
-    return _sfc_main$z;
+    return _sfc_main$I;
   },
   get CardTabs() {
-    return _sfc_main$A;
+    return _sfc_main$J;
   },
   get Checkbox() {
-    return _sfc_main$r;
+    return _sfc_main$A;
   },
   get CheckboxInput() {
-    return _sfc_main$q;
+    return _sfc_main$z;
   },
   get CheckboxMultipleInput() {
-    return _sfc_main$e;
+    return _sfc_main$n;
   },
   get ConfirmationModal() {
-    return _sfc_main$c;
+    return _sfc_main$l;
   },
   get CustomSelect() {
-    return _sfc_main$n;
+    return _sfc_main$w;
   },
   get DateInput() {
-    return _sfc_main$l;
+    return _sfc_main$u;
   },
   get DialogModal() {
-    return _sfc_main$b;
+    return _sfc_main$k;
   },
   get Divider() {
-    return _sfc_main$y;
+    return _sfc_main$H;
   },
   get Dropdown() {
-    return _sfc_main$a;
+    return _sfc_main$j;
   },
   get DropdownLink() {
-    return _sfc_main$9;
+    return _sfc_main$i;
   },
   get EnosVueDefault() {
     return plugin;
   },
   get FormSection() {
-    return _sfc_main$8;
+    return _sfc_main$h;
   },
   get ImageInput() {
-    return _sfc_main$k;
+    return _sfc_main$t;
   },
   get InputError() {
-    return _sfc_main$7;
+    return _sfc_main$g;
   },
   get InputGroup() {
-    return _sfc_main$f;
+    return _sfc_main$o;
   },
   get InputLabel() {
-    return _sfc_main$6;
+    return _sfc_main$f;
   },
   get LinkButton() {
-    return _sfc_main$5;
+    return _sfc_main$e;
   },
   get Modal() {
-    return _sfc_main$d;
+    return _sfc_main$m;
   },
   get NotationInput() {
-    return _sfc_main$j;
+    return _sfc_main$s;
   },
   get RadioInput() {
-    return _sfc_main$i;
+    return _sfc_main$r;
   },
   get RadioMultipleInput() {
-    return _sfc_main$h;
+    return _sfc_main$q;
   },
   get SectionBorder() {
-    return _sfc_main$4;
+    return _sfc_main$d;
   },
   get SectionTitle() {
     return SectionTitle;
   },
   get SelectInput() {
-    return _sfc_main$m;
+    return _sfc_main$v;
+  },
+  get SideMenu() {
+    return _sfc_main$4;
+  },
+  get SideMenuBrand() {
+    return _sfc_main$c;
+  },
+  get SideMenuButton() {
+    return _sfc_main$b;
+  },
+  get SideMenuList() {
+    return _sfc_main$a;
+  },
+  get SideMenuNavFooter() {
+    return _sfc_main$9;
+  },
+  get SideMenuNavMain() {
+    return _sfc_main$8;
+  },
+  get SideMenuNavUser() {
+    return _sfc_main$5;
+  },
+  get SideMenuUserInfo() {
+    return _sfc_main$7;
+  },
+  get SideMenuUserMenuContent() {
+    return _sfc_main$6;
   },
   get SortControls() {
     return _sfc_main$3;
@@ -107,25 +134,25 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
     return _sfc_main;
   },
   get TextArea() {
-    return _sfc_main$o;
+    return _sfc_main$x;
   },
   get TextInput() {
-    return _sfc_main$p;
+    return _sfc_main$y;
   },
   get ThSortable() {
     return _sfc_main$2;
   },
   get TinyEditor() {
-    return _sfc_main$g;
+    return _sfc_main$p;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$w = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
-const _hoisted_2$h = {
+const _hoisted_1$F = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
+const _hoisted_2$m = {
   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$A = {
+const _hoisted_3$e = ["aria-selected", "tabindex", "onClick", "onKeydown"];
+const _sfc_main$J = {
   __name: "CardTabs",
   props: {
     tabs: {
@@ -194,8 +221,8 @@ const _sfc_main$A = {
       focusTabAtIndex(targetIndex);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
-        createElementVNode("div", _hoisted_2$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+        createElementVNode("div", _hoisted_2$m, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
             return openBlock(), createElementBlock("button", {
               key: tab.value,
@@ -215,22 +242,22 @@ const _sfc_main$A = {
               ]),
               onClick: ($event) => activateTab(tab.value),
               onKeydown: ($event) => onTabKeydown($event, index)
-            }, toDisplayString(tab.label), 47, _hoisted_3$c);
+            }, toDisplayString(tab.label), 47, _hoisted_3$e);
           }), 128))
         ])
       ]);
     };
   }
 };
-const _hoisted_1$v = {
+const _hoisted_1$E = {
   key: 0,
   class: "mb-4"
 };
-const _hoisted_2$g = {
+const _hoisted_2$l = {
   key: 1,
   class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
 };
-const _sfc_main$z = {
+const _sfc_main$I = {
   __name: "Card",
   props: {
     title: {
@@ -291,7 +318,7 @@ const _sfc_main$z = {
       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$A, {
+        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$J, {
           key: 0,
           tabs: __props.tabs,
           "active-tab": __props.activeTab,
@@ -301,9 +328,9 @@ const _sfc_main$z = {
         createElementVNode("div", {
           class: normalizeClass(__props.paddingClass)
         }, [
-          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
             renderSlot(_ctx.$slots, "customTitle")
-          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$g, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$l, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
           }, [
@@ -336,7 +363,7 @@ const _sfc_main$z = {
     };
   }
 };
-const _sfc_main$y = /* @__PURE__ */ Object.assign({
+const _sfc_main$H = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Divider",
@@ -348,7 +375,7 @@ const _sfc_main$y = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _sfc_main$x = {
+const _sfc_main$G = {
   __name: "ActionCard",
   props: {
     title: {
@@ -363,13 +390,13 @@ const _sfc_main$x = {
   setup(__props) {
     const slots = useSlots();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$I, {
         title: __props.title,
         "content-class": __props.actionsClass
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
-          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$y, {
+          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             class: "mt-6 pt-4"
           }, {
@@ -384,8 +411,8 @@ const _sfc_main$x = {
     };
   }
 };
-const _hoisted_1$u = { class: "text-sm text-gray-600" };
-const _sfc_main$w = {
+const _hoisted_1$D = { class: "text-sm text-gray-600" };
+const _sfc_main$F = {
   __name: "ActionMessage",
   props: {
     on: Boolean
@@ -399,7 +426,7 @@ const _sfc_main$w = {
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1$u, [
+            withDirectives(createElementVNode("div", _hoisted_1$D, [
               renderSlot(_ctx.$slots, "default")
             ], 512), [
               [vShow, __props.on]
@@ -418,36 +445,36 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$v = {};
-const _hoisted_1$t = { class: "md:col-span-1 flex justify-between" };
-const _hoisted_2$f = { class: "px-4 sm:px-0" };
-const _hoisted_3$b = { class: "text-xl font-semibold tracking-tight text-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$E = {};
+const _hoisted_1$C = { class: "md:col-span-1 flex justify-between" };
+const _hoisted_2$k = { class: "px-4 sm:px-0" };
+const _hoisted_3$d = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
+const _hoisted_4$a = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
+const _hoisted_5$8 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$t, [
-    createElementVNode("div", _hoisted_2$f, [
-      createElementVNode("h3", _hoisted_3$b, [
+  return openBlock(), createElementBlock("div", _hoisted_1$C, [
+    createElementVNode("div", _hoisted_2$k, [
+      createElementVNode("h3", _hoisted_3$d, [
         renderSlot(_ctx.$slots, "title")
       ]),
-      createElementVNode("p", _hoisted_4$8, [
+      createElementVNode("p", _hoisted_4$a, [
         renderSlot(_ctx.$slots, "description")
       ])
     ]),
-    createElementVNode("div", _hoisted_5$6, [
+    createElementVNode("div", _hoisted_5$8, [
       renderSlot(_ctx.$slots, "aside")
     ])
   ]);
 }
-const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render]]);
-const _hoisted_1$s = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$e = { class: "mt-5 md:mt-0 md:col-span-2" };
-const _hoisted_3$a = { class: "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$u = {
+const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render]]);
+const _hoisted_1$B = { class: "md:grid md:grid-cols-3 md:gap-6" };
+const _hoisted_2$j = { class: "mt-5 md:mt-0 md:col-span-2" };
+const _hoisted_3$c = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
+const _sfc_main$D = {
   __name: "ActionSection",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
+      return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -457,8 +484,8 @@ const _sfc_main$u = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$e, [
-          createElementVNode("div", _hoisted_3$a, [
+        createElementVNode("div", _hoisted_2$j, [
+          createElementVNode("div", _hoisted_3$c, [
             renderSlot(_ctx.$slots, "content")
           ])
         ])
@@ -466,8 +493,8 @@ const _sfc_main$u = {
     };
   }
 };
-const _hoisted_1$r = { class: "sr-only" };
-const _sfc_main$t = {
+const _hoisted_1$A = { class: "sr-only" };
+const _sfc_main$C = {
   __name: "Badge",
   props: {
     type: {
@@ -532,7 +559,7 @@ const _sfc_main$t = {
         createElementVNode("span", {
           class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot])
         }, null, 2),
-        createElementVNode("span", _hoisted_1$r, [
+        createElementVNode("span", _hoisted_1$A, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 2)) : (openBlock(), createElementBlock("span", {
@@ -549,8 +576,8 @@ const _sfc_main$t = {
     };
   }
 };
-const _hoisted_1$q = ["type", "disabled"];
-const _sfc_main$s = /* @__PURE__ */ Object.assign({
+const _hoisted_1$z = ["type", "disabled"];
+const _sfc_main$B = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Button",
@@ -565,28 +592,49 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({
     },
     variant: {
       type: String,
-      default: "primary"
+      default: "default"
+    },
+    size: {
+      type: String,
+      default: "default"
     }
   },
   setup(__props) {
     const attrs = useAttrs();
     const props = __props;
     const variantClasses = {
-      primary: "bg-neutral-900 text-neutral-50 hover:bg-neutral-900/90 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-700",
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline",
+      primary: "bg-primary text-primary-foreground hover:bg-primary/90",
       success: "bg-emerald-600 text-white hover:bg-emerald-600/90 dark:bg-emerald-600 dark:text-white dark:hover:bg-emerald-600/90",
-      secondary: "bg-gray-300 text-gray-900 hover:bg-gray-300/80 dark:bg-gray-500 dark:text-gray-50 dark:hover:bg-gray-500/80",
-      tertiary: "border border-neutral-200 bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      tertiary: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
       warning: "bg-amber-100 text-amber-700 hover:bg-amber-100/90 focus-visible:ring-amber-500/20 dark:bg-amber-600/20 dark:text-neutral-50 dark:hover:bg-amber-600/30 dark:focus-visible:ring-amber-500/40",
-      danger: "bg-red-100 text-red-700 hover:bg-red-100/90 focus-visible:ring-red-500/20 dark:bg-red-600/20 dark:text-neutral-50 dark:hover:bg-red-600/30 dark:focus-visible:ring-red-500/40",
+      danger: "bg-destructive/10 text-destructive hover:bg-destructive/15 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:text-destructive-foreground dark:hover:bg-destructive/25",
       "warning-solid": "bg-amber-500 text-white hover:bg-amber-500/90 dark:bg-amber-500 dark:text-white dark:hover:bg-amber-500/90",
-      "danger-solid": "bg-red-600 text-white hover:bg-red-600/90 focus-visible:ring-red-500/20 dark:bg-red-600/60 dark:text-white dark:hover:bg-red-600/50 dark:focus-visible:ring-red-500/40"
+      "danger-solid": "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"
+    };
+    const sizeClasses = {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+      icon: "size-9",
+      "icon-sm": "size-8",
+      "icon-lg": "size-10"
     };
     const resolvedVariant = computed(() => {
-      return variantClasses[props.variant] ? props.variant : "primary";
+      return variantClasses[props.variant] ? props.variant : "default";
+    });
+    const resolvedSize = computed(() => {
+      return sizeClasses[props.size] ? props.size : "default";
     });
     const buttonClasses = computed(() => [
-      "inline-flex h-9 min-w-[40px] shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium shadow-xs outline-none transition-all disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+      "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
       variantClasses[resolvedVariant.value],
+      sizeClasses[resolvedSize.value],
       attrs.class
     ]);
     return (_ctx, _cache) => {
@@ -596,12 +644,12 @@ const _sfc_main$s = /* @__PURE__ */ Object.assign({
         class: buttonClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$q);
+      ], 16, _hoisted_1$z);
     };
   }
 });
-const _hoisted_1$p = ["value"];
-const _sfc_main$r = {
+const _hoisted_1$y = ["value"];
+const _sfc_main$A = {
   __name: "Checkbox",
   props: {
     checked: {
@@ -631,14 +679,14 @@ const _sfc_main$r = {
         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$p)), [
+      }, null, 8, _hoisted_1$y)), [
         [vModelCheckbox, proxyChecked.value]
       ]);
     };
   }
 };
-const _hoisted_1$o = ["checked", "disabled"];
-const _sfc_main$q = {
+const _hoisted_1$x = ["checked", "disabled"];
+const _sfc_main$z = {
   __name: "CheckboxInput",
   props: {
     modelValue: {
@@ -693,7 +741,7 @@ const _sfc_main$q = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$o),
+        }, null, 40, _hoisted_1$x),
         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",
@@ -705,21 +753,21 @@ const _sfc_main$q = {
     };
   }
 };
-const _hoisted_1$n = { class: "relative flex items-center" };
-const _hoisted_2$d = {
+const _hoisted_1$w = { class: "relative flex items-center" };
+const _hoisted_2$i = {
   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$b = ["type", "value", "disabled"];
+const _hoisted_4$9 = ["aria-label"];
+const _hoisted_5$7 = {
   key: 0,
   class: "h-5 w-5",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
 };
-const _hoisted_6$5 = {
+const _hoisted_6$7 = {
   key: 1,
   class: "h-5 w-5",
   fill: "none",
@@ -727,7 +775,7 @@ const _hoisted_6$5 = {
   viewBox: "0 0 24 24"
 };
 const DEFAULT_MAX_LENGTH$1 = 254;
-const _sfc_main$p = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$y = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextInput",
   props: {
     modelValue: {
@@ -786,8 +834,8 @@ const _sfc_main$p = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     __expose({ focus: () => input.value?.focus() });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
-        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
+        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
           createVNode(unref(LockClosedIcon), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-200" })
         ])) : createCommentVNode("", true),
         createElementVNode("input", mergeProps({
@@ -801,7 +849,7 @@ const _sfc_main$p = /* @__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$b),
         isPasswordField.value ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
@@ -809,14 +857,14 @@ const _sfc_main$p = /* @__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$7, [..._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$7, [..._cache[3] || (_cache[3] = [
             createElementVNode("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -830,14 +878,14 @@ const _sfc_main$p = /* @__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$9)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$m = ["value", "disabled"];
+const _hoisted_1$v = ["value", "disabled"];
 const DEFAULT_MAX_LENGTH = 1e3;
-const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$x = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextArea",
   props: {
     modelValue: String,
@@ -907,13 +955,13 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           value: props.modelValue,
           disabled: props.disabled,
           onInput: updateValue
-        }), null, 16, _hoisted_1$m)
+        }), null, 16, _hoisted_1$v)
       ]);
     };
   }
 });
-const _hoisted_1$l = ["onClick"];
-const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$u = ["onClick"];
+const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "CustomSelect",
   props: {
     modelValue: {
@@ -1193,7 +1241,7 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       }
                     ]),
                     onClick: withModifiers(($event) => selectOption(option), ["stop"])
-                  }, toDisplayString(optionText(option)), 11, _hoisted_1$l);
+                  }, toDisplayString(optionText(option)), 11, _hoisted_1$u);
                 }), 128))
               ], 6)) : createCommentVNode("", true)
             ]))
@@ -1204,7 +1252,7 @@ const _sfc_main$n = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _sfc_main$m = {
+const _sfc_main$v = {
   __name: "SelectInput",
   props: {
     modelValue: {
@@ -1292,7 +1340,7 @@ const _sfc_main$m = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$n, mergeProps({
+      return openBlock(), createBlock(_sfc_main$w, mergeProps({
         "model-value": __props.modelValue,
         "model-modifiers": __props.modelModifiers,
         options: __props.options,
@@ -1318,8 +1366,8 @@ const _sfc_main$m = {
     };
   }
 };
-const _hoisted_1$k = ["type", "max", "value", "disabled"];
-const _sfc_main$l = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$t = ["type", "max", "value", "disabled"];
+const _sfc_main$u = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateInput",
   props: {
     modelValue: {
@@ -1399,22 +1447,22 @@ const _sfc_main$l = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         disabled: props.disabled,
         onInput: handleDateInput,
         onChange: handleDateInput
-      }), null, 16, _hoisted_1$k);
+      }), null, 16, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$j = { class: "relative" };
-const _hoisted_2$c = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
-const _hoisted_3$8 = ["accept"];
-const _hoisted_4$6 = {
+const _hoisted_1$s = { class: "relative" };
+const _hoisted_2$h = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
+const _hoisted_3$a = ["accept"];
+const _hoisted_4$8 = {
   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$k = {
+const _hoisted_5$6 = { class: "flex items-center space-x-4" };
+const _hoisted_6$6 = ["src"];
+const _hoisted_7$6 = { 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$t = {
   __name: "ImageInput",
   props: {
     currentImageUrl: {
@@ -1448,8 +1496,8 @@ const _sfc_main$k = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$j, [
-          createElementVNode("div", _hoisted_2$c, [
+        createElementVNode("div", _hoisted_1$s, [
+          createElementVNode("div", _hoisted_2$h, [
             createVNode(unref(PhotoIcon), { class: "size-5 text-neutral-400 dark:text-neutral-200" })
           ]),
           createElementVNode("input", mergeProps(__props.attrs, {
@@ -1457,18 +1505,18 @@ const _sfc_main$k = {
             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$a)
         ]),
-        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
-          createElementVNode("div", _hoisted_5$4, [
+        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+          createElementVNode("div", _hoisted_5$6, [
             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$6),
             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$6, toDisplayString(props.currentLabel), 1),
+              createElementVNode("p", _hoisted_8$3, toDisplayString(props.currentSubtext), 1)
             ])
           ])
         ])) : createCommentVNode("", true)
@@ -1476,9 +1524,9 @@ const _sfc_main$k = {
     };
   }
 };
-const _hoisted_1$i = { 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$b = ["disabled", "onClick"];
-const _sfc_main$j = {
+const _hoisted_1$r = { 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$g = ["disabled", "onClick"];
+const _sfc_main$s = {
   __name: "NotationInput",
   props: {
     modelValue: {
@@ -1504,7 +1552,7 @@ const _sfc_main$j = {
     const isSelected = (option) => String(option) === String(props.modelValue ?? "");
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option, idx) => {
           return openBlock(), createElementBlock("button", {
             key: `notation-${idx}-${option}`,
@@ -1517,14 +1565,14 @@ const _sfc_main$j = {
             ]]),
             disabled: __props.disabled,
             onClick: ($event) => selectOption(option)
-          }, toDisplayString(option), 11, _hoisted_2$b);
+          }, toDisplayString(option), 11, _hoisted_2$g);
         }), 128))
       ]);
     };
   }
 };
-const _hoisted_1$h = ["name", "value", "checked", "disabled"];
-const _sfc_main$i = {
+const _hoisted_1$q = ["name", "value", "checked", "disabled"];
+const _sfc_main$r = {
   __name: "RadioInput",
   props: {
     modelValue: {
@@ -1579,14 +1627,14 @@ const _sfc_main$i = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$h),
+        }, null, 40, _hoisted_1$q),
         createElementVNode("span", null, toDisplayString(isChecked.value ? "✓" : "○") + " " + toDisplayString(__props.label), 1)
       ], 2);
     };
   }
 };
-const _hoisted_1$g = { class: "flex flex-wrap gap-3" };
-const _sfc_main$h = {
+const _hoisted_1$p = { class: "flex flex-wrap gap-3" };
+const _sfc_main$q = {
   __name: "RadioMultipleInput",
   props: {
     modelValue: {
@@ -1615,9 +1663,9 @@ const _sfc_main$h = {
     });
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$f, {
+          return openBlock(), createBlock(_sfc_main$o, {
             key: `radio-${__props.name ?? "group"}-${option}`,
             type: "radio-input",
             "model-value": props.modelValue,
@@ -1632,11 +1680,11 @@ const _sfc_main$h = {
     };
   }
 };
-const _hoisted_1$f = {
+const _hoisted_1$o = {
   key: 0,
   class: "min-h-[12rem] w-full rounded-lg border border-slate-300 bg-slate-50"
 };
-const _sfc_main$g = {
+const _sfc_main$p = {
   __name: "TinyEditor",
   props: {
     modelValue: {
@@ -1741,7 +1789,7 @@ const _sfc_main$g = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { key: editorKey.value }, [
-        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$f)) : (openBlock(), createBlock(unref(Editor), {
+        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$o)) : (openBlock(), createBlock(unref(Editor), {
           key: 1,
           "initial-value": content.value,
           "license-key": __props.licenseKey,
@@ -1755,17 +1803,17 @@ const _sfc_main$g = {
     };
   }
 };
-const _hoisted_1$e = ["for"];
-const _hoisted_2$a = {
+const _hoisted_1$n = ["for"];
+const _hoisted_2$f = {
   key: 1,
   class: "text-xs text-gray-500 mb-1 block break-all"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$9 = {
   key: 15,
   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$f = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "InputGroup",
   props: {
     type: {
@@ -2056,40 +2104,40 @@ const _sfc_main$f = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         __props.label && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("label", {
           key: 0,
           for: fieldId.value,
-          class: "text-base font-semibold text-gray-900 mb-1 block"
-        }, toDisplayString(__props.label), 9, _hoisted_1$e)) : createCommentVNode("", true),
-        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$a, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
-        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$o, mergeProps({ key: 2 }, textAreaBindings.value, {
+          class: "text-base font-semibold text-gray-900 dark:text-gray-50 mb-1 block"
+        }, toDisplayString(__props.label), 9, _hoisted_1$n)) : createCommentVNode("", true),
+        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$f, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
+        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$x, mergeProps({ key: 2 }, textAreaBindings.value, {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
-        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$g, mergeProps({ key: 3 }, tinyEditorBindings.value, {
+        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$p, mergeProps({ key: 3 }, tinyEditorBindings.value, {
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
-        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$m, mergeProps({ key: 4 }, selectBindings.value, {
+        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$v, mergeProps({ key: 4 }, selectBindings.value, {
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur", $event))
-        }), null, 16)) : isDateType.value ? (openBlock(), createBlock(_sfc_main$l, mergeProps({ key: 5 }, dateBindings.value, {
+        }), null, 16)) : isDateType.value ? (openBlock(), createBlock(_sfc_main$u, mergeProps({ key: 5 }, dateBindings.value, {
           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[7] || (_cache[7] = ($event) => emit("blur", $event))
-        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$p, mergeProps({ key: 6 }, textInputBindings.value, {
+        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$y, mergeProps({ key: 6 }, textInputBindings.value, {
           "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[9] || (_cache[9] = ($event) => emit("blur", $event))
-        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$k, mergeProps({ key: 7 }, imageBindings.value, {
+        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$t, mergeProps({ key: 7 }, imageBindings.value, {
           "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[11] || (_cache[11] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$q, mergeProps({ key: 8 }, checkboxSingleBindings.value, {
+        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$z, mergeProps({ key: 8 }, checkboxSingleBindings.value, {
           "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[13] || (_cache[13] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$i, mergeProps({ key: 9 }, radioSingleBindings.value, {
+        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$r, mergeProps({ key: 9 }, radioSingleBindings.value, {
           "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[15] || (_cache[15] = ($event) => emit("blur", $event))
-        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$j, mergeProps({ key: 10 }, notationBindings.value, {
+        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$s, mergeProps({ key: 10 }, notationBindings.value, {
           "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[17] || (_cache[17] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$e, mergeProps({ key: 11 }, checkboxBindings.value, {
+        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$n, mergeProps({ key: 11 }, checkboxBindings.value, {
           "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[19] || (_cache[19] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$h, mergeProps({ key: 12 }, radioBindings.value, {
+        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$q, mergeProps({ key: 12 }, radioBindings.value, {
           "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[21] || (_cache[21] = ($event) => emit("blur", $event))
         }), null, 16)) : isNoComponentType.value ? renderSlot(_ctx.$slots, "unsupported-type", {
@@ -2105,7 +2153,7 @@ const _sfc_main$f = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           updateValue,
           attrs: unref(attrs)
         }),
-        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
           createVNode(unref(ExclamationCircleIcon), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
           createElementVNode("span", null, toDisplayString(__props.errorMessage), 1)
         ])) : createCommentVNode("", true)
@@ -2113,8 +2161,8 @@ const _sfc_main$f = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$d = { class: "flex flex-wrap gap-3" };
-const _sfc_main$e = {
+const _hoisted_1$m = { class: "flex flex-wrap gap-3" };
+const _sfc_main$n = {
   __name: "CheckboxMultipleInput",
   props: {
     modelValue: {
@@ -2151,9 +2199,9 @@ const _sfc_main$e = {
       emit("update:modelValue", nextSelection);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$f, {
+          return openBlock(), createBlock(_sfc_main$o, {
             key: `checkbox-${option}`,
             type: "checkbox-input",
             "model-value": isChecked(option),
@@ -2168,7 +2216,7 @@ const _sfc_main$e = {
     };
   }
 };
-const _sfc_main$d = {
+const _sfc_main$m = {
   __name: "Modal",
   props: {
     show: {
@@ -2309,14 +2357,14 @@ const _sfc_main$d = {
     };
   }
 };
-const _hoisted_1$c = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
-const _hoisted_2$9 = { 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$c = {
+const _hoisted_1$l = { class: "bg-white px-4 pb-4 pt-5 dark:bg-neutral-950 sm:p-6 sm:pb-4" };
+const _hoisted_2$e = { class: "sm:flex sm:items-start" };
+const _hoisted_3$8 = { class: "mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-red-100 dark:bg-red-950/60 sm:mx-0 sm:size-10" };
+const _hoisted_4$7 = { class: "mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start" };
+const _hoisted_5$5 = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+const _hoisted_6$5 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
+const _hoisted_7$5 = { 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$l = {
   __name: "ConfirmationModal",
   props: {
     show: {
@@ -2344,7 +2392,7 @@ const _sfc_main$c = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
+      return openBlock(), createBlock(_sfc_main$m, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
@@ -2352,22 +2400,22 @@ const _sfc_main$c = {
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$c, [
-            createElementVNode("div", _hoisted_2$9, [
-              createElementVNode("div", _hoisted_3$6, [
+          createElementVNode("div", _hoisted_1$l, [
+            createElementVNode("div", _hoisted_2$e, [
+              createElementVNode("div", _hoisted_3$8, [
                 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$7, [
+                createElementVNode("h3", _hoisted_5$5, [
                   renderSlot(_ctx.$slots, "title")
                 ]),
-                createElementVNode("div", _hoisted_6$3, [
+                createElementVNode("div", _hoisted_6$5, [
                   renderSlot(_ctx.$slots, "content")
                 ])
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_7$3, [
+          createElementVNode("div", _hoisted_7$5, [
             renderSlot(_ctx.$slots, "footer")
           ])
         ]),
@@ -2376,11 +2424,11 @@ const _sfc_main$c = {
     };
   }
 };
-const _hoisted_1$b = { class: "px-6 py-4" };
-const _hoisted_2$8 = { 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$b = {
+const _hoisted_1$k = { class: "px-6 py-4" };
+const _hoisted_2$d = { class: "text-lg font-medium text-neutral-950 dark:text-neutral-50" };
+const _hoisted_3$7 = { class: "mt-4 text-sm text-neutral-600 dark:text-neutral-200" };
+const _hoisted_4$6 = { 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$k = {
   __name: "DialogModal",
   props: {
     show: {
@@ -2403,22 +2451,22 @@ const _sfc_main$b = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
+      return openBlock(), createBlock(_sfc_main$m, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$b, [
-            createElementVNode("div", _hoisted_2$8, [
+          createElementVNode("div", _hoisted_1$k, [
+            createElementVNode("div", _hoisted_2$d, [
               renderSlot(_ctx.$slots, "title")
             ]),
-            createElementVNode("div", _hoisted_3$5, [
+            createElementVNode("div", _hoisted_3$7, [
               renderSlot(_ctx.$slots, "content")
             ])
           ]),
-          createElementVNode("div", _hoisted_4$4, [
+          createElementVNode("div", _hoisted_4$6, [
             renderSlot(_ctx.$slots, "footer")
           ])
         ]),
@@ -2427,8 +2475,8 @@ const _sfc_main$b = {
     };
   }
 };
-const _hoisted_1$a = { class: "relative inline-block w-fit" };
-const _sfc_main$a = {
+const _hoisted_1$j = { class: "relative inline-block w-fit" };
+const _sfc_main$j = {
   __name: "Dropdown",
   props: {
     align: {
@@ -2569,7 +2617,7 @@ const _sfc_main$a = {
       window.removeEventListener("scroll", handleViewportChange, true);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -2609,13 +2657,13 @@ const _sfc_main$a = {
     };
   }
 };
-const _hoisted_1$9 = {
+const _hoisted_1$i = {
   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$7 = ["href"];
-const _sfc_main$9 = {
+const _hoisted_2$c = ["href"];
+const _sfc_main$i = {
   __name: "DropdownLink",
   props: {
     href: String,
@@ -2624,7 +2672,7 @@ const _sfc_main$9 = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$9, [
+        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$i, [
           renderSlot(_ctx.$slots, "default")
         ])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
           key: 1,
@@ -2632,7 +2680,7 @@ const _sfc_main$9 = {
           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$7)) : (openBlock(), createBlock(unref(Link), {
+        ], 8, _hoisted_2$c)) : (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"
@@ -2646,20 +2694,20 @@ const _sfc_main$9 = {
     };
   }
 };
-const _hoisted_1$8 = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$6 = { 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$h = { class: "md:grid md:grid-cols-3 md:gap-6" };
+const _hoisted_2$b = { class: "mt-5 md:col-span-2 md:mt-0" };
+const _hoisted_3$6 = { class: "grid grid-cols-6 gap-6" };
+const _hoisted_4$5 = {
   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$8 = {
+const _sfc_main$h = {
   __name: "FormSection",
   emits: ["submitted"],
   setup(__props) {
     const hasActions = computed(() => !!useSlots().actions);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -2669,18 +2717,18 @@ const _sfc_main$8 = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$6, [
+        createElementVNode("div", _hoisted_2$b, [
           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$6, [
                 renderSlot(_ctx.$slots, "form")
               ])
             ], 2),
-            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
               renderSlot(_ctx.$slots, "actions")
             ])) : createCommentVNode("", true)
           ], 32)
@@ -2689,8 +2737,8 @@ const _sfc_main$8 = {
     };
   }
 };
-const _hoisted_1$7 = { class: "text-sm text-red-600 dark:text-neutral-100" };
-const _sfc_main$7 = {
+const _hoisted_1$g = { class: "text-sm text-red-600 dark:text-neutral-100" };
+const _sfc_main$g = {
   __name: "InputError",
   props: {
     message: String
@@ -2698,33 +2746,33 @@ const _sfc_main$7 = {
   setup(__props) {
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$7, toDisplayString(__props.message), 1)
+        createElementVNode("p", _hoisted_1$g, toDisplayString(__props.message), 1)
       ], 512)), [
         [vShow, __props.message]
       ]);
     };
   }
 };
-const _hoisted_1$6 = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
-const _hoisted_2$5 = { key: 0 };
-const _hoisted_3$3 = { key: 1 };
-const _sfc_main$6 = {
+const _hoisted_1$f = { class: "block text-sm font-medium text-neutral-700 dark:text-neutral-100" };
+const _hoisted_2$a = { key: 0 };
+const _hoisted_3$5 = { key: 1 };
+const _sfc_main$f = {
   __name: "InputLabel",
   props: {
     value: String
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", _hoisted_1$6, [
-        __props.value ? (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$3, [
+      return openBlock(), createElementBlock("label", _hoisted_1$f, [
+        __props.value ? (openBlock(), createElementBlock("span", _hoisted_2$a, toDisplayString(__props.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_3$5, [
           renderSlot(_ctx.$slots, "default")
         ]))
       ]);
     };
   }
 };
-const _hoisted_1$5 = ["href", "title", "target", "rel"];
-const _sfc_main$5 = /* @__PURE__ */ Object.assign({
+const _hoisted_1$e = ["href", "title", "target", "rel"];
+const _sfc_main$e = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "LinkButton",
@@ -2793,24 +2841,472 @@ const _sfc_main$5 = /* @__PURE__ */ Object.assign({
         class: linkClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$5));
+      ], 16, _hoisted_1$e));
     };
   }
 });
-const _hoisted_1$4 = { class: "hidden sm:block" };
-const _hoisted_2$4 = { class: "py-8" };
-const _sfc_main$4 = {
+const _hoisted_1$d = { class: "hidden sm:block" };
+const _hoisted_2$9 = { class: "py-8" };
+const _sfc_main$d = {
   __name: "SectionBorder",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$4, [
-          createVNode(_sfc_main$y)
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createElementVNode("div", _hoisted_2$9, [
+          createVNode(_sfc_main$H)
         ])
       ]);
     };
   }
 };
+const _hoisted_1$c = { class: "flex size-8 items-center justify-center rounded-md bg-neutral-900 text-sm font-semibold text-white dark:bg-neutral-100 dark:text-neutral-900" };
+const _hoisted_2$8 = { class: "grid flex-1 text-left text-sm text-neutral-900 dark:text-neutral-100" };
+const _hoisted_3$4 = { class: "mb-0.5 truncate leading-tight font-semibold" };
+const _hoisted_4$4 = {
+  key: 0,
+  class: "truncate text-xs text-neutral-500 dark:text-neutral-400"
+};
+const _hoisted_5$4 = ["href", "target", "rel"];
+const _hoisted_6$4 = { class: "flex size-8 items-center justify-center rounded-md bg-neutral-900 text-sm font-semibold text-white dark:bg-neutral-100 dark:text-neutral-900" };
+const _hoisted_7$4 = { class: "grid flex-1 text-left text-sm text-neutral-900 dark:text-neutral-100" };
+const _hoisted_8$2 = { class: "mb-0.5 truncate leading-tight font-semibold" };
+const _hoisted_9$2 = {
+  key: 0,
+  class: "truncate text-xs text-neutral-500 dark:text-neutral-400"
+};
+const _hoisted_10$2 = { class: "flex size-8 items-center justify-center rounded-md bg-neutral-900 text-sm font-semibold text-white dark:bg-neutral-100 dark:text-neutral-900" };
+const _hoisted_11$2 = { class: "grid flex-1 text-left text-sm text-neutral-900 dark:text-neutral-100" };
+const _hoisted_12$2 = { class: "mb-0.5 truncate leading-tight font-semibold" };
+const _hoisted_13$2 = {
+  key: 0,
+  class: "truncate text-xs text-neutral-500 dark:text-neutral-400"
+};
+const sharedClass = "flex items-center gap-3 rounded-lg px-3 py-2 transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-900";
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuBrand",
+  props: {
+    title: {},
+    subtitle: { default: "" },
+    href: { default: void 0 },
+    external: { type: Boolean, default: false },
+    target: { default: void 0 },
+    rel: { default: void 0 },
+    logoText: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const logoFallback = computed(() => {
+      if (props.logoText) {
+        return props.logoText;
+      }
+      return props.title.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0)).join("").toUpperCase();
+    });
+    return (_ctx, _cache) => {
+      return __props.href && !__props.external ? (openBlock(), createBlock(unref(Link), {
+        key: 0,
+        href: __props.href,
+        class: normalizeClass(sharedClass)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "logo", {}, () => [
+            createElementVNode("div", _hoisted_1$c, toDisplayString(logoFallback.value), 1)
+          ]),
+          createElementVNode("div", _hoisted_2$8, [
+            createElementVNode("span", _hoisted_3$4, toDisplayString(__props.title), 1),
+            __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      }, 8, ["href"])) : __props.href && __props.external ? (openBlock(), createElementBlock("a", {
+        key: 1,
+        href: __props.href,
+        target: __props.target,
+        rel: __props.rel,
+        class: normalizeClass(sharedClass)
+      }, [
+        renderSlot(_ctx.$slots, "logo", {}, () => [
+          createElementVNode("div", _hoisted_6$4, toDisplayString(logoFallback.value), 1)
+        ]),
+        createElementVNode("div", _hoisted_7$4, [
+          createElementVNode("span", _hoisted_8$2, toDisplayString(__props.title), 1),
+          __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_9$2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+        ])
+      ], 8, _hoisted_5$4)) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(sharedClass)
+      }, [
+        renderSlot(_ctx.$slots, "logo", {}, () => [
+          createElementVNode("div", _hoisted_10$2, toDisplayString(logoFallback.value), 1)
+        ]),
+        createElementVNode("div", _hoisted_11$2, [
+          createElementVNode("span", _hoisted_12$2, toDisplayString(__props.title), 1),
+          __props.subtitle ? (openBlock(), createElementBlock("span", _hoisted_13$2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)
+        ])
+      ]));
+    };
+  }
+});
+const _hoisted_1$b = ["href", "aria-current", "target", "rel"];
+const baseClass = "flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted dark:text-white";
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuButton",
+  props: {
+    href: {},
+    title: { default: "" },
+    active: { type: Boolean },
+    icon: {},
+    external: { type: Boolean, default: false },
+    target: { default: void 0 },
+    rel: { default: void 0 },
+    activeClass: { default: "bg-muted text-foreground dark:text-white" },
+    class: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    itemClass: { type: [Boolean, null, String, Object, Array], default: "" },
+    iconClass: { default: "h-4 w-4" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return !__props.external ? (openBlock(), createBlock(unref(Link), {
+        key: 0,
+        href: __props.href,
+        "aria-current": __props.active ? "page" : void 0,
+        class: normalizeClass([baseClass, __props.active ? __props.activeClass : "", __props.itemClass, props.class])
+      }, {
+        default: withCtx(() => [
+          __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
+            key: 0,
+            class: normalizeClass(__props.iconClass)
+          }, null, 8, ["class"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.title), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["href", "aria-current", "class"])) : (openBlock(), createElementBlock("a", {
+        key: 1,
+        href: __props.href,
+        "aria-current": __props.active ? "page" : void 0,
+        target: __props.target,
+        rel: __props.rel,
+        class: normalizeClass([baseClass, __props.active ? __props.activeClass : "", __props.itemClass, props.class])
+      }, [
+        __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), {
+          key: 0,
+          class: normalizeClass(__props.iconClass)
+        }, null, 8, ["class"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.title), 1)
+        ])
+      ], 10, _hoisted_1$b));
+    };
+  }
+});
+const _hoisted_1$a = ["aria-label"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuList",
+  props: {
+    items: {},
+    label: { default: "Navigation" },
+    activeClass: { default: "bg-muted text-foreground dark:text-white" },
+    itemClass: { default: "" },
+    iconClass: { default: "h-4 w-4" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", {
+        "aria-label": __props.label,
+        class: "flex flex-col space-y-1 space-x-0"
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+          return openBlock(), createBlock(_sfc_main$b, {
+            key: item.href,
+            href: item.href,
+            title: item.title,
+            icon: item.icon,
+            active: item.active,
+            external: item.external,
+            target: item.target,
+            rel: item.rel,
+            "active-class": __props.activeClass,
+            "item-class": __props.itemClass,
+            "icon-class": __props.iconClass
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "item", { item }, () => [
+                createTextVNode(toDisplayString(item.title), 1)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["href", "title", "icon", "active", "external", "target", "rel", "active-class", "item-class", "icon-class"]);
+        }), 128))
+      ], 8, _hoisted_1$a);
+    };
+  }
+});
+const _hoisted_1$9 = { class: "px-2 py-0" };
+const _hoisted_2$7 = { class: "px-3 pb-2 text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuNavFooter",
+  props: {
+    items: {},
+    label: { default: "Footer" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1$9, [
+        createElementVNode("h3", _hoisted_2$7, toDisplayString(__props.label), 1),
+        createVNode(_sfc_main$a, {
+          items: __props.items,
+          label: "Footer navigation",
+          "item-class": "text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100"
+        }, null, 8, ["items"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$8 = { class: "px-2 py-0" };
+const _hoisted_2$6 = { class: "px-3 pb-2 text-xs font-semibold uppercase tracking-wide text-neutral-500 dark:text-neutral-400" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuNavMain",
+  props: {
+    items: {},
+    label: { default: "Plateforme" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1$8, [
+        createElementVNode("h3", _hoisted_2$6, toDisplayString(__props.label), 1),
+        createVNode(_sfc_main$a, {
+          items: __props.items,
+          label: "Main navigation"
+        }, null, 8, ["items"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$7 = { class: "flex items-center gap-2" };
+const _hoisted_2$5 = { class: "flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-neutral-200 text-xs font-semibold text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100" };
+const _hoisted_3$3 = ["src", "alt"];
+const _hoisted_4$3 = { key: 1 };
+const _hoisted_5$3 = { class: "grid flex-1 text-left text-sm leading-tight text-neutral-900 dark:text-neutral-100" };
+const _hoisted_6$3 = { class: "truncate font-medium" };
+const _hoisted_7$3 = {
+  key: 0,
+  class: "truncate text-xs text-neutral-500 dark:text-neutral-300"
+};
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuUserInfo",
+  props: {
+    name: {},
+    email: { default: "" },
+    avatar: { default: "" },
+    showEmail: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const initials = computed(() => {
+      return props.name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0)).join("").toUpperCase();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$5, [
+          __props.avatar ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: __props.avatar,
+            alt: __props.name,
+            class: "size-full object-cover"
+          }, null, 8, _hoisted_3$3)) : (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString(initials.value), 1))
+        ]),
+        createElementVNode("div", _hoisted_5$3, [
+          createElementVNode("span", _hoisted_6$3, toDisplayString(__props.name), 1),
+          __props.showEmail && __props.email ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.email), 1)) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$6 = { class: "p-0 font-normal" };
+const _hoisted_2$4 = { class: "flex items-center gap-2 px-1 py-1.5 text-left text-sm" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuUserMenuContent",
+  props: {
+    name: {},
+    email: { default: "" },
+    avatar: { default: "" },
+    settingsHref: { default: "" },
+    settingsLabel: { default: "Settings" },
+    logoutLabel: { default: "Log out" }
+  },
+  emits: ["logout"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$6, [
+          createElementVNode("div", _hoisted_2$4, [
+            createVNode(_sfc_main$7, {
+              name: __props.name,
+              email: __props.email,
+              avatar: __props.avatar,
+              "show-email": true
+            }, null, 8, ["name", "email", "avatar"])
+          ])
+        ]),
+        _cache[1] || (_cache[1] = createElementVNode("div", { class: "my-1 border-t border-neutral-200 dark:border-neutral-800" }, null, -1)),
+        __props.settingsHref ? (openBlock(), createBlock(_sfc_main$i, {
+          key: 0,
+          href: __props.settingsHref
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(Cog6ToothIcon), { class: "mr-2 size-4" }),
+            createTextVNode(" " + toDisplayString(__props.settingsLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["href"])) : createCommentVNode("", true),
+        createElementVNode("button", {
+          type: "button",
+          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",
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("logout"))
+        }, [
+          createVNode(unref(ArrowRightOnRectangleIcon), { class: "mr-2 inline size-4" }),
+          createTextVNode(" " + toDisplayString(__props.logoutLabel), 1)
+        ])
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$5 = {
+  type: "button",
+  class: "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-900"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "SideMenuNavUser",
+  props: {
+    user: {},
+    settingsHref: { default: "" },
+    settingsLabel: { default: "Settings" },
+    logoutLabel: { default: "Log out" }
+  },
+  emits: ["logout"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const handleLogout = () => {
+      emit("logout");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$j, {
+        align: "right",
+        width: "48",
+        "content-classes": ["py-1", "bg-white", "dark:bg-neutral-950"]
+      }, {
+        trigger: withCtx(() => [
+          createElementVNode("button", _hoisted_1$5, [
+            createVNode(_sfc_main$7, {
+              name: __props.user.name,
+              email: __props.user.email,
+              avatar: __props.user.avatar
+            }, null, 8, ["name", "email", "avatar"]),
+            createVNode(unref(ChevronUpDownIcon), { class: "ml-auto size-4" })
+          ])
+        ]),
+        content: withCtx(() => [
+          renderSlot(_ctx.$slots, "content", {
+            user: __props.user,
+            logout: handleLogout
+          }, () => [
+            createVNode(_sfc_main$6, {
+              name: __props.user.name,
+              email: __props.user.email,
+              avatar: __props.user.avatar,
+              "settings-href": __props.settingsHref,
+              "settings-label": __props.settingsLabel,
+              "logout-label": __props.logoutLabel,
+              onLogout: handleLogout
+            }, null, 8, ["name", "email", "avatar", "settings-href", "settings-label", "logout-label"])
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _hoisted_1$4 = { class: "grid gap-4" };
+const rootClass = "flex h-full w-full max-w-xs flex-col border-r border-neutral-200 bg-white/95 shadow-sm dark:border-neutral-800 dark:bg-neutral-950";
+const headerClass = "border-b border-neutral-200 p-4 dark:border-neutral-800";
+const contentClass = "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-2";
+const footerClass = "border-t border-neutral-200 p-2 dark:border-neutral-800";
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "SideMenu",
+  props: {
+    brand: { default: void 0 },
+    mainItems: { default: () => [] },
+    footerItems: { default: () => [] },
+    user: { default: void 0 },
+    mainLabel: { default: "Plateforme" },
+    footerLabel: { default: "Ressources" },
+    settingsHref: { default: "" },
+    settingsLabel: { default: "Settings" },
+    logoutLabel: { default: "Log out" },
+    class: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    headerClass: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    contentClass: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    footerClass: { type: [Boolean, null, String, Object, Array], default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const hasHeader = computed(() => Boolean(slots.header || props.brand));
+    const hasContent = computed(() => Boolean(slots.default || props.mainItems.length));
+    const hasFooter = computed(() => Boolean(slots.footer || props.footerItems.length || props.user));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("aside", {
+        class: normalizeClass([rootClass, props.class])
+      }, [
+        hasHeader.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([headerClass, props.headerClass])
+        }, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            __props.brand ? (openBlock(), createBlock(_sfc_main$c, normalizeProps(mergeProps({ key: 0 }, __props.brand)), null, 16)) : createCommentVNode("", true)
+          ])
+        ], 2)) : createCommentVNode("", true),
+        hasContent.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([contentClass, props.contentClass])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            __props.mainItems.length ? (openBlock(), createBlock(_sfc_main$8, {
+              key: 0,
+              items: __props.mainItems,
+              label: __props.mainLabel
+            }, null, 8, ["items", "label"])) : createCommentVNode("", true)
+          ])
+        ], 2)) : createCommentVNode("", true),
+        hasFooter.value ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass([footerClass, props.footerClass])
+        }, [
+          renderSlot(_ctx.$slots, "footer", {}, () => [
+            createElementVNode("div", _hoisted_1$4, [
+              __props.footerItems.length ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 0,
+                items: __props.footerItems,
+                label: __props.footerLabel
+              }, null, 8, ["items", "label"])) : createCommentVNode("", true),
+              __props.user ? (openBlock(), createBlock(_sfc_main$5, {
+                key: 1,
+                user: __props.user,
+                "settings-href": __props.settingsHref,
+                "settings-label": __props.settingsLabel,
+                "logout-label": __props.logoutLabel
+              }, null, 8, ["user", "settings-href", "settings-label", "logout-label"])) : createCommentVNode("", true)
+            ])
+          ])
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 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" };
@@ -3159,7 +3655,7 @@ const _sfc_main$1 = {
           ]),
           createElementVNode("h3", _hoisted_13$1, toDisplayString(__props.emptyState.title), 1),
           createElementVNode("p", _hoisted_14$1, toDisplayString(__props.emptyState.description), 1),
-          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$5, {
+          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$e, {
             key: 0,
             href: __props.emptyState.actionUrl,
             variant: "primary"
@@ -3652,7 +4148,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$f, {
+                      }, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$o, {
                         key: 1,
                         type: getInputType(column),
                         class: normalizeClass(getInputClass(column)),
@@ -3685,10 +4181,11 @@ const _sfc_main = {
                         key: 0,
                         ref_for: true
                       }, getSlotBindings(item, null, index))) : createCommentVNode("", true),
-                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$s, {
+                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$B, {
                         key: 1,
                         type: "button",
-                        variant: "tertiary",
+                        variant: "outline",
+                        size: "icon",
                         title: __props.cancelLabel,
                         "aria-label": __props.cancelLabel,
                         onClick: ($event) => cancelEdit(item, index)
@@ -3697,10 +4194,11 @@ const _sfc_main = {
                           createVNode(unref(CheckIcon), { class: "size-4" })
                         ]),
                         _: 1
-                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$s, {
+                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$B, {
                         key: 2,
                         type: "button",
-                        variant: "warning",
+                        variant: "secondary",
+                        size: "icon",
                         disabled: isRowEditDisabled(item, index),
                         title: __props.editLabel,
                         "aria-label": __props.editLabel,
@@ -3723,7 +4221,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$5, {
+          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$e, {
             key: 0,
             href: __props.emptyState.actionUrl,
             variant: "primary"
@@ -3749,43 +4247,52 @@ const plugin = {
   }
 };
 export {
-  _sfc_main$x as ActionCard,
-  _sfc_main$w as ActionMessage,
-  _sfc_main$u as ActionSection,
-  _sfc_main$t as Badge,
-  _sfc_main$s as Button,
-  _sfc_main$z as Card,
-  _sfc_main$A as CardTabs,
-  _sfc_main$r as Checkbox,
-  _sfc_main$q as CheckboxInput,
-  _sfc_main$e as CheckboxMultipleInput,
-  _sfc_main$c as ConfirmationModal,
-  _sfc_main$n as CustomSelect,
-  _sfc_main$l as DateInput,
-  _sfc_main$b as DialogModal,
-  _sfc_main$y as Divider,
-  _sfc_main$a as Dropdown,
-  _sfc_main$9 as DropdownLink,
+  _sfc_main$G as ActionCard,
+  _sfc_main$F as ActionMessage,
+  _sfc_main$D as ActionSection,
+  _sfc_main$C as Badge,
+  _sfc_main$B as Button,
+  _sfc_main$I as Card,
+  _sfc_main$J as CardTabs,
+  _sfc_main$A as Checkbox,
+  _sfc_main$z as CheckboxInput,
+  _sfc_main$n as CheckboxMultipleInput,
+  _sfc_main$l as ConfirmationModal,
+  _sfc_main$w as CustomSelect,
+  _sfc_main$u as DateInput,
+  _sfc_main$k as DialogModal,
+  _sfc_main$H as Divider,
+  _sfc_main$j as Dropdown,
+  _sfc_main$i as DropdownLink,
   plugin as EnosVueDefault,
-  _sfc_main$8 as FormSection,
-  _sfc_main$k as ImageInput,
-  _sfc_main$7 as InputError,
-  _sfc_main$f as InputGroup,
-  _sfc_main$6 as InputLabel,
-  _sfc_main$5 as LinkButton,
-  _sfc_main$d as Modal,
-  _sfc_main$j as NotationInput,
-  _sfc_main$i as RadioInput,
-  _sfc_main$h as RadioMultipleInput,
-  _sfc_main$4 as SectionBorder,
+  _sfc_main$h as FormSection,
+  _sfc_main$t as ImageInput,
+  _sfc_main$g as InputError,
+  _sfc_main$o as InputGroup,
+  _sfc_main$f as InputLabel,
+  _sfc_main$e as LinkButton,
+  _sfc_main$m as Modal,
+  _sfc_main$s as NotationInput,
+  _sfc_main$r as RadioInput,
+  _sfc_main$q as RadioMultipleInput,
+  _sfc_main$d as SectionBorder,
   SectionTitle,
-  _sfc_main$m as SelectInput,
+  _sfc_main$v as SelectInput,
+  _sfc_main$4 as SideMenu,
+  _sfc_main$c as SideMenuBrand,
+  _sfc_main$b as SideMenuButton,
+  _sfc_main$a as SideMenuList,
+  _sfc_main$9 as SideMenuNavFooter,
+  _sfc_main$8 as SideMenuNavMain,
+  _sfc_main$5 as SideMenuNavUser,
+  _sfc_main$7 as SideMenuUserInfo,
+  _sfc_main$6 as SideMenuUserMenuContent,
   _sfc_main$3 as SortControls,
   _sfc_main$1 as TableList,
   _sfc_main as TableListForm,
-  _sfc_main$o as TextArea,
-  _sfc_main$p as TextInput,
+  _sfc_main$x as TextArea,
+  _sfc_main$y as TextInput,
   _sfc_main$2 as ThSortable,
-  _sfc_main$g as TinyEditor
+  _sfc_main$p as TinyEditor
 };
 //# sourceMappingURL=index.js.map