@enos5/enos-vue-default 1.0.0 → 1.2.0

package/dist/index.js

@@ -1,129 +1,141 @@
-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 { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, vModelText } from "vue";
+import { LockClosedIcon, ChevronDownIcon, PhotoIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
 import { Link } from "@inertiajs/vue3";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get ActionCard() {
-    return _sfc_main$G;
+    return _sfc_main$K;
   },
   get ActionMessage() {
-    return _sfc_main$F;
+    return _sfc_main$J;
   },
   get ActionSection() {
-    return _sfc_main$D;
+    return _sfc_main$H;
   },
   get Badge() {
-    return _sfc_main$C;
+    return _sfc_main$G;
   },
   get Button() {
-    return _sfc_main$B;
+    return _sfc_main$F;
   },
   get Card() {
-    return _sfc_main$I;
+    return _sfc_main$M;
   },
   get CardTabs() {
-    return _sfc_main$J;
+    return _sfc_main$N;
   },
   get Checkbox() {
-    return _sfc_main$A;
+    return _sfc_main$E;
   },
   get CheckboxInput() {
-    return _sfc_main$z;
+    return _sfc_main$D;
   },
   get CheckboxMultipleInput() {
-    return _sfc_main$n;
+    return _sfc_main$r;
   },
   get ConfirmationModal() {
-    return _sfc_main$l;
+    return _sfc_main$p;
   },
   get CustomSelect() {
-    return _sfc_main$w;
+    return _sfc_main$A;
   },
   get DateInput() {
-    return _sfc_main$u;
+    return _sfc_main$y;
   },
   get DialogModal() {
-    return _sfc_main$k;
+    return _sfc_main$o;
   },
   get Divider() {
-    return _sfc_main$H;
+    return _sfc_main$L;
   },
   get Dropdown() {
-    return _sfc_main$j;
+    return _sfc_main$n;
   },
   get DropdownLink() {
-    return _sfc_main$i;
+    return _sfc_main$m;
   },
   get EnosVueDefault() {
     return plugin;
   },
   get FormSection() {
-    return _sfc_main$h;
+    return _sfc_main$l;
   },
   get ImageInput() {
-    return _sfc_main$t;
+    return _sfc_main$x;
   },
   get InputError() {
-    return _sfc_main$g;
+    return _sfc_main$k;
   },
   get InputGroup() {
-    return _sfc_main$o;
+    return _sfc_main$s;
   },
   get InputLabel() {
-    return _sfc_main$f;
+    return _sfc_main$j;
   },
   get LinkButton() {
-    return _sfc_main$e;
+    return _sfc_main$i;
   },
   get Modal() {
-    return _sfc_main$m;
+    return _sfc_main$q;
   },
   get NotationInput() {
-    return _sfc_main$s;
+    return _sfc_main$w;
   },
   get RadioInput() {
-    return _sfc_main$r;
+    return _sfc_main$v;
   },
   get RadioMultipleInput() {
-    return _sfc_main$q;
+    return _sfc_main$u;
   },
   get SectionBorder() {
-    return _sfc_main$d;
+    return _sfc_main$h;
   },
   get SectionTitle() {
     return SectionTitle;
   },
   get SelectInput() {
-    return _sfc_main$v;
+    return _sfc_main$z;
   },
-  get SideMenu() {
-    return _sfc_main$4;
+  get Sidebar() {
+    return _sfc_main$g;
+  },
+  get SidebarContent() {
+    return _sfc_main$f;
+  },
+  get SidebarFooter() {
+    return _sfc_main$e;
   },
-  get SideMenuBrand() {
+  get SidebarGroup() {
+    return _sfc_main$d;
+  },
+  get SidebarGroupContent() {
     return _sfc_main$c;
   },
-  get SideMenuButton() {
+  get SidebarGroupLabel() {
     return _sfc_main$b;
   },
-  get SideMenuList() {
+  get SidebarHeader() {
     return _sfc_main$a;
   },
-  get SideMenuNavFooter() {
+  get SidebarInset() {
     return _sfc_main$9;
   },
-  get SideMenuNavMain() {
+  get SidebarMenu() {
     return _sfc_main$8;
   },
-  get SideMenuNavUser() {
-    return _sfc_main$5;
-  },
-  get SideMenuUserInfo() {
+  get SidebarMenuButton() {
     return _sfc_main$7;
   },
-  get SideMenuUserMenuContent() {
+  get SidebarMenuItem() {
     return _sfc_main$6;
   },
+  get SidebarProvider() {
+    return _sfc_main$5;
+  },
+  get SidebarTrigger() {
+    return _sfc_main$4;
+  },
   get SortControls() {
     return _sfc_main$3;
   },
@@ -134,25 +146,25 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
     return _sfc_main;
   },
   get TextArea() {
-    return _sfc_main$x;
+    return _sfc_main$B;
   },
   get TextInput() {
-    return _sfc_main$y;
+    return _sfc_main$C;
   },
   get ThSortable() {
     return _sfc_main$2;
   },
   get TinyEditor() {
-    return _sfc_main$p;
+    return _sfc_main$t;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-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 = {
+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 = {
   role: "tablist",
   class: "flex overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-neutral-200 dark:bg-neutral-950 dark:ring-neutral-800"
 };
-const _hoisted_3$e = ["aria-selected", "tabindex", "onClick", "onKeydown"];
-const _sfc_main$J = {
+const _hoisted_3$c = ["aria-selected", "tabindex", "onClick", "onKeydown"];
+const _sfc_main$N = {
   __name: "CardTabs",
   props: {
     tabs: {
@@ -221,8 +233,8 @@ const _sfc_main$J = {
       focusTabAtIndex(targetIndex);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
-        createElementVNode("div", _hoisted_2$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+        createElementVNode("div", _hoisted_2$i, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
             return openBlock(), createElementBlock("button", {
               key: tab.value,
@@ -242,22 +254,22 @@ const _sfc_main$J = {
               ]),
               onClick: ($event) => activateTab(tab.value),
               onKeydown: ($event) => onTabKeydown($event, index)
-            }, toDisplayString(tab.label), 47, _hoisted_3$e);
+            }, toDisplayString(tab.label), 47, _hoisted_3$c);
           }), 128))
         ])
       ]);
     };
   }
 };
-const _hoisted_1$E = {
+const _hoisted_1$x = {
   key: 0,
   class: "mb-4"
 };
-const _hoisted_2$l = {
+const _hoisted_2$h = {
   key: 1,
   class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
 };
-const _sfc_main$I = {
+const _sfc_main$M = {
   __name: "Card",
   props: {
     title: {
@@ -318,7 +330,7 @@ const _sfc_main$I = {
       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$J, {
+        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$N, {
           key: 0,
           tabs: __props.tabs,
           "active-tab": __props.activeTab,
@@ -328,9 +340,9 @@ const _sfc_main$I = {
         createElementVNode("div", {
           class: normalizeClass(__props.paddingClass)
         }, [
-          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
+          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
             renderSlot(_ctx.$slots, "customTitle")
-          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$l, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$h, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
           }, [
@@ -363,7 +375,7 @@ const _sfc_main$I = {
     };
   }
 };
-const _sfc_main$H = /* @__PURE__ */ Object.assign({
+const _sfc_main$L = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Divider",
@@ -375,7 +387,7 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _sfc_main$G = {
+const _sfc_main$K = {
   __name: "ActionCard",
   props: {
     title: {
@@ -390,13 +402,13 @@ const _sfc_main$G = {
   setup(__props) {
     const slots = useSlots();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$I, {
+      return openBlock(), createBlock(_sfc_main$M, {
         title: __props.title,
         "content-class": __props.actionsClass
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
-          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$H, {
+          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$L, {
             key: 0,
             class: "mt-6 pt-4"
           }, {
@@ -411,8 +423,8 @@ const _sfc_main$G = {
     };
   }
 };
-const _hoisted_1$D = { class: "text-sm text-gray-600" };
-const _sfc_main$F = {
+const _hoisted_1$w = { class: "text-sm text-gray-600" };
+const _sfc_main$J = {
   __name: "ActionMessage",
   props: {
     on: Boolean
@@ -426,7 +438,7 @@ const _sfc_main$F = {
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1$D, [
+            withDirectives(createElementVNode("div", _hoisted_1$w, [
               renderSlot(_ctx.$slots, "default")
             ], 512), [
               [vShow, __props.on]
@@ -445,36 +457,36 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-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" };
+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" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$C, [
-    createElementVNode("div", _hoisted_2$k, [
-      createElementVNode("h3", _hoisted_3$d, [
+  return openBlock(), createElementBlock("div", _hoisted_1$v, [
+    createElementVNode("div", _hoisted_2$g, [
+      createElementVNode("h3", _hoisted_3$b, [
         renderSlot(_ctx.$slots, "title")
       ]),
-      createElementVNode("p", _hoisted_4$a, [
+      createElementVNode("p", _hoisted_4$8, [
         renderSlot(_ctx.$slots, "description")
       ])
     ]),
-    createElementVNode("div", _hoisted_5$8, [
+    createElementVNode("div", _hoisted_5$6, [
       renderSlot(_ctx.$slots, "aside")
     ])
   ]);
 }
-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 = {
+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 = {
   __name: "ActionSection",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -484,8 +496,8 @@ const _sfc_main$D = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$j, [
-          createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_2$f, [
+          createElementVNode("div", _hoisted_3$a, [
             renderSlot(_ctx.$slots, "content")
           ])
         ])
@@ -493,8 +505,8 @@ const _sfc_main$D = {
     };
   }
 };
-const _hoisted_1$A = { class: "sr-only" };
-const _sfc_main$C = {
+const _hoisted_1$t = { class: "sr-only" };
+const _sfc_main$G = {
   __name: "Badge",
   props: {
     type: {
@@ -559,7 +571,7 @@ const _sfc_main$C = {
         createElementVNode("span", {
           class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot])
         }, null, 2),
-        createElementVNode("span", _hoisted_1$A, [
+        createElementVNode("span", _hoisted_1$t, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 2)) : (openBlock(), createElementBlock("span", {
@@ -576,8 +588,8 @@ const _sfc_main$C = {
     };
   }
 };
-const _hoisted_1$z = ["type", "disabled"];
-const _sfc_main$B = /* @__PURE__ */ Object.assign({
+const _hoisted_1$s = ["type", "disabled"];
+const _sfc_main$F = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Button",
@@ -644,12 +656,12 @@ const _sfc_main$B = /* @__PURE__ */ Object.assign({
         class: buttonClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$z);
+      ], 16, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$y = ["value"];
-const _sfc_main$A = {
+const _hoisted_1$r = ["value"];
+const _sfc_main$E = {
   __name: "Checkbox",
   props: {
     checked: {
@@ -679,14 +691,14 @@ const _sfc_main$A = {
         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$y)), [
+      }, null, 8, _hoisted_1$r)), [
         [vModelCheckbox, proxyChecked.value]
       ]);
     };
   }
 };
-const _hoisted_1$x = ["checked", "disabled"];
-const _sfc_main$z = {
+const _hoisted_1$q = ["name", "checked", "disabled"];
+const _sfc_main$D = {
   __name: "CheckboxInput",
   props: {
     modelValue: {
@@ -705,6 +717,10 @@ const _sfc_main$z = {
       type: String,
       default: ""
     },
+    name: {
+      type: String,
+      default: void 0
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -736,12 +752,13 @@ const _sfc_main$z = {
         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$x),
+        }, null, 40, _hoisted_1$q),
         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",
@@ -753,21 +770,21 @@ const _sfc_main$z = {
     };
   }
 };
-const _hoisted_1$w = { class: "relative flex items-center" };
-const _hoisted_2$i = {
+const _hoisted_1$p = { class: "relative flex items-center" };
+const _hoisted_2$e = {
   key: 0,
   class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
 };
-const _hoisted_3$b = ["type", "value", "disabled"];
-const _hoisted_4$9 = ["aria-label"];
-const _hoisted_5$7 = {
+const _hoisted_3$9 = ["type", "value", "disabled"];
+const _hoisted_4$7 = ["aria-label"];
+const _hoisted_5$5 = {
   key: 0,
   class: "h-5 w-5",
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24"
 };
-const _hoisted_6$7 = {
+const _hoisted_6$5 = {
   key: 1,
   class: "h-5 w-5",
   fill: "none",
@@ -775,7 +792,7 @@ const _hoisted_6$7 = {
   viewBox: "0 0 24 24"
 };
 const DEFAULT_MAX_LENGTH$1 = 254;
-const _sfc_main$y = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextInput",
   props: {
     modelValue: {
@@ -834,8 +851,8 @@ const _sfc_main$y = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     __expose({ focus: () => input.value?.focus() });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$w, [
-        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createVNode(unref(LockClosedIcon), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-200" })
         ])) : createCommentVNode("", true),
         createElementVNode("input", mergeProps({
@@ -849,7 +866,7 @@ const _sfc_main$y = /* @__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$b),
+        }), null, 16, _hoisted_3$9),
         isPasswordField.value ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
@@ -857,14 +874,14 @@ const _sfc_main$y = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           "aria-label": revealed.value ? "Hide password" : "Show password",
           onClick: toggleVisibility
         }, [
-          revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_5$7, [..._cache[2] || (_cache[2] = [
+          revealed.value ? (openBlock(), createElementBlock("svg", _hoisted_5$5, [..._cache[2] || (_cache[2] = [
             createElementVNode("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M13.875 18.825A10.05 10.05 0 0112 19c-5 0-9.27-3.11-11-7 1.01-2.27 2.78-4.1 5-5.32m3.08-1.3A9.96 9.96 0 0112 5c5 0 9.27 3.11 11 7a11.03 11.03 0 01-4.16 4.91M15 12a3 3 0 00-3-3m0 0a3 3 0 00-2.94 3.59M3 3l18 18"
             }, null, -1)
-          ])])) : (openBlock(), createElementBlock("svg", _hoisted_6$7, [..._cache[3] || (_cache[3] = [
+          ])])) : (openBlock(), createElementBlock("svg", _hoisted_6$5, [..._cache[3] || (_cache[3] = [
             createElementVNode("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -878,14 +895,14 @@ const _sfc_main$y = /* @__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$9)) : createCommentVNode("", true)
+        ], 8, _hoisted_4$7)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$v = ["value", "disabled"];
+const _hoisted_1$o = ["value", "disabled"];
 const DEFAULT_MAX_LENGTH = 1e3;
-const _sfc_main$x = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$B = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextArea",
   props: {
     modelValue: String,
@@ -955,13 +972,13 @@ const _sfc_main$x = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           value: props.modelValue,
           disabled: props.disabled,
           onInput: updateValue
-        }), null, 16, _hoisted_1$v)
+        }), null, 16, _hoisted_1$o)
       ]);
     };
   }
 });
-const _hoisted_1$u = ["onClick"];
-const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$n = ["onClick"];
+const _sfc_main$A = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "CustomSelect",
   props: {
     modelValue: {
@@ -1241,7 +1258,7 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       }
                     ]),
                     onClick: withModifiers(($event) => selectOption(option), ["stop"])
-                  }, toDisplayString(optionText(option)), 11, _hoisted_1$u);
+                  }, toDisplayString(optionText(option)), 11, _hoisted_1$n);
                 }), 128))
               ], 6)) : createCommentVNode("", true)
             ]))
@@ -1252,7 +1269,7 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _sfc_main$v = {
+const _sfc_main$z = {
   __name: "SelectInput",
   props: {
     modelValue: {
@@ -1340,7 +1357,7 @@ const _sfc_main$v = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$w, mergeProps({
+      return openBlock(), createBlock(_sfc_main$A, mergeProps({
         "model-value": __props.modelValue,
         "model-modifiers": __props.modelModifiers,
         options: __props.options,
@@ -1366,8 +1383,8 @@ const _sfc_main$v = {
     };
   }
 };
-const _hoisted_1$t = ["type", "max", "value", "disabled"];
-const _sfc_main$u = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$m = ["type", "max", "value", "disabled"];
+const _sfc_main$y = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateInput",
   props: {
     modelValue: {
@@ -1447,22 +1464,22 @@ const _sfc_main$u = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         disabled: props.disabled,
         onInput: handleDateInput,
         onChange: handleDateInput
-      }), null, 16, _hoisted_1$t);
+      }), null, 16, _hoisted_1$m);
     };
   }
 });
-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 = {
+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 = {
   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$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 = {
+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 = {
   __name: "ImageInput",
   props: {
     currentImageUrl: {
@@ -1496,8 +1513,8 @@ const _sfc_main$t = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$s, [
-          createElementVNode("div", _hoisted_2$h, [
+        createElementVNode("div", _hoisted_1$l, [
+          createElementVNode("div", _hoisted_2$d, [
             createVNode(unref(PhotoIcon), { class: "size-5 text-neutral-400 dark:text-neutral-200" })
           ]),
           createElementVNode("input", mergeProps(__props.attrs, {
@@ -1505,18 +1522,18 @@ const _sfc_main$t = {
             accept: __props.accept,
             class: "block w-full cursor-pointer rounded-lg border border-neutral-200 bg-white py-3 pl-10 pr-4 text-sm text-neutral-700 shadow-sm transition-all duration-200 file:mr-4 file:rounded-md file:border-0 file:bg-neutral-900 file:px-4 file:py-2 file:text-sm file:font-medium file:text-neutral-50 hover:file:bg-neutral-800 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-100 dark:file:bg-neutral-800 dark:file:text-neutral-50 dark:hover:file:bg-neutral-700 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
             onChange: handleFileChange
-          }), null, 16, _hoisted_3$a)
+          }), null, 16, _hoisted_3$8)
         ]),
-        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
-          createElementVNode("div", _hoisted_5$6, [
+        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+          createElementVNode("div", _hoisted_5$4, [
             createElementVNode("img", {
               src: props.currentImageUrl,
               alt: "Current logo",
               class: "h-16 w-auto max-w-24 object-contain rounded-lg shadow-sm"
-            }, null, 8, _hoisted_6$6),
+            }, null, 8, _hoisted_6$4),
             createElementVNode("div", null, [
-              createElementVNode("p", _hoisted_7$6, toDisplayString(props.currentLabel), 1),
-              createElementVNode("p", _hoisted_8$3, toDisplayString(props.currentSubtext), 1)
+              createElementVNode("p", _hoisted_7$4, toDisplayString(props.currentLabel), 1),
+              createElementVNode("p", _hoisted_8$2, toDisplayString(props.currentSubtext), 1)
             ])
           ])
         ])) : createCommentVNode("", true)
@@ -1524,9 +1541,9 @@ const _sfc_main$t = {
     };
   }
 };
-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 = {
+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 = {
   __name: "NotationInput",
   props: {
     modelValue: {
@@ -1552,7 +1569,7 @@ const _sfc_main$s = {
     const isSelected = (option) => String(option) === String(props.modelValue ?? "");
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option, idx) => {
           return openBlock(), createElementBlock("button", {
             key: `notation-${idx}-${option}`,
@@ -1565,14 +1582,14 @@ const _sfc_main$s = {
             ]]),
             disabled: __props.disabled,
             onClick: ($event) => selectOption(option)
-          }, toDisplayString(option), 11, _hoisted_2$g);
+          }, toDisplayString(option), 11, _hoisted_2$c);
         }), 128))
       ]);
     };
   }
 };
-const _hoisted_1$q = ["name", "value", "checked", "disabled"];
-const _sfc_main$r = {
+const _hoisted_1$j = ["name", "value", "checked", "disabled"];
+const _sfc_main$v = {
   __name: "RadioInput",
   props: {
     modelValue: {
@@ -1627,14 +1644,14 @@ const _sfc_main$r = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$q),
+        }, null, 40, _hoisted_1$j),
         createElementVNode("span", null, toDisplayString(isChecked.value ? "✓" : "○") + " " + toDisplayString(__props.label), 1)
       ], 2);
     };
   }
 };
-const _hoisted_1$p = { class: "flex flex-wrap gap-3" };
-const _sfc_main$q = {
+const _hoisted_1$i = { class: "flex flex-wrap gap-3" };
+const _sfc_main$u = {
   __name: "RadioMultipleInput",
   props: {
     modelValue: {
@@ -1663,9 +1680,9 @@ const _sfc_main$q = {
     });
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$o, {
+          return openBlock(), createBlock(_sfc_main$s, {
             key: `radio-${__props.name ?? "group"}-${option}`,
             type: "radio-input",
             "model-value": props.modelValue,
@@ -1680,11 +1697,11 @@ const _sfc_main$q = {
     };
   }
 };
-const _hoisted_1$o = {
+const _hoisted_1$h = {
   key: 0,
   class: "min-h-[12rem] w-full rounded-lg border border-slate-300 bg-slate-50"
 };
-const _sfc_main$p = {
+const _sfc_main$t = {
   __name: "TinyEditor",
   props: {
     modelValue: {
@@ -1789,7 +1806,7 @@ const _sfc_main$p = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { key: editorKey.value }, [
-        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$o)) : (openBlock(), createBlock(unref(Editor), {
+        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$h)) : (openBlock(), createBlock(unref(Editor), {
           key: 1,
           "initial-value": content.value,
           "license-key": __props.licenseKey,
@@ -1803,17 +1820,17 @@ const _sfc_main$p = {
     };
   }
 };
-const _hoisted_1$n = ["for"];
-const _hoisted_2$f = {
+const _hoisted_1$g = ["for"];
+const _hoisted_2$b = {
   key: 1,
   class: "text-xs text-gray-500 mb-1 block break-all"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$7 = {
   key: 15,
   class: "flex items-center mt-2 text-sm text-red-600"
 };
 const defaultFieldClass = "block w-full rounded-lg border border-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$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$s = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "InputGroup",
   props: {
     type: {
@@ -1999,6 +2016,7 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       ...attrs,
       class: [defaultFieldClass, attrs.class],
       type: props.type,
+      name: props.name,
       modelValue: props.modelValue,
       disabled: props.disabled,
       disabledClass: props.disabledClass
@@ -2006,6 +2024,7 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const textAreaBindings = computed(() => ({
       ...attrs,
       class: [defaultFieldClass, attrs.class],
+      name: props.name,
       modelValue: props.modelValue,
       disabled: props.disabled,
       disabledClass: props.disabledClass
@@ -2013,6 +2032,7 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const dateBindings = computed(() => ({
       ...attrs,
       class: [defaultFieldClass, attrs.class],
+      name: props.name,
       modelValue: props.modelValue,
       withTimestamp: props.type === "datetime-local" || props.withTimestamp,
       disabled: props.disabled,
@@ -2022,6 +2042,7 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       const inputProps = {
         ...attrs,
         class: [defaultFieldClass, attrs.class],
+        name: props.name,
         modelValue: props.modelValue,
         modelModifiers: props.modelModifiers,
         options: props.options,
@@ -2044,12 +2065,14 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     const notationBindings = computed(() => ({
       ...attrs,
+      name: props.name,
       modelValue: props.modelValue,
       options: props.options,
       disabled: props.disabled
     }));
     const checkboxBindings = computed(() => ({
       ...attrs,
+      name: props.name,
       modelValue: props.modelValue,
       options: props.options,
       disabled: props.disabled
@@ -2063,6 +2086,7 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     }));
     const checkboxSingleBindings = computed(() => ({
       ...attrs,
+      name: props.name,
       modelValue: props.modelValue,
       label: props.label || attrs.label || "",
       disabled: props.disabled
@@ -2105,39 +2129,39 @@ const _sfc_main$o = /* @__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$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, {
+        }, 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, {
           "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$p, mergeProps({ key: 3 }, tinyEditorBindings.value, {
+        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$t, 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$v, mergeProps({ key: 4 }, selectBindings.value, {
+        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$z, 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$u, mergeProps({ key: 5 }, dateBindings.value, {
+        }), null, 16)) : isDateType.value ? (openBlock(), createBlock(_sfc_main$y, 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$y, mergeProps({ key: 6 }, textInputBindings.value, {
+        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$C, 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$t, mergeProps({ key: 7 }, imageBindings.value, {
+        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$x, 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$z, mergeProps({ key: 8 }, checkboxSingleBindings.value, {
+        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$D, 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$r, mergeProps({ key: 9 }, radioSingleBindings.value, {
+        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$v, 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$s, mergeProps({ key: 10 }, notationBindings.value, {
+        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$w, 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$n, mergeProps({ key: 11 }, checkboxBindings.value, {
+        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$r, 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$q, mergeProps({ key: 12 }, radioBindings.value, {
+        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$u, 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", {
@@ -2153,7 +2177,7 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           updateValue,
           attrs: unref(attrs)
         }),
-        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
           createVNode(unref(ExclamationCircleIcon), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
           createElementVNode("span", null, toDisplayString(__props.errorMessage), 1)
         ])) : createCommentVNode("", true)
@@ -2161,8 +2185,8 @@ const _sfc_main$o = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$m = { class: "flex flex-wrap gap-3" };
-const _sfc_main$n = {
+const _hoisted_1$f = { class: "flex flex-wrap gap-3" };
+const _sfc_main$r = {
   __name: "CheckboxMultipleInput",
   props: {
     modelValue: {
@@ -2173,6 +2197,10 @@ const _sfc_main$n = {
       type: Array,
       default: () => []
     },
+    name: {
+      type: String,
+      default: void 0
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -2199,24 +2227,25 @@ const _sfc_main$n = {
       emit("update:modelValue", nextSelection);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$o, {
+          return openBlock(), createBlock(_sfc_main$s, {
             key: `checkbox-${option}`,
             type: "checkbox-input",
+            name: __props.name,
             "model-value": isChecked(option),
             value: true,
             "unchecked-value": false,
             label: option,
             disabled: __props.disabled,
             "onUpdate:modelValue": (checked) => updateSelection(option, checked)
-          }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]);
+          }, null, 8, ["name", "model-value", "label", "disabled", "onUpdate:modelValue"]);
         }), 128))
       ]);
     };
   }
 };
-const _sfc_main$m = {
+const _sfc_main$q = {
   __name: "Modal",
   props: {
     show: {
@@ -2357,14 +2386,14 @@ const _sfc_main$m = {
     };
   }
 };
-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 = {
+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 = {
   __name: "ConfirmationModal",
   props: {
     show: {
@@ -2392,7 +2421,7 @@ const _sfc_main$l = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$m, {
+      return openBlock(), createBlock(_sfc_main$q, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
@@ -2400,22 +2429,22 @@ const _sfc_main$l = {
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$l, [
-            createElementVNode("div", _hoisted_2$e, [
-              createElementVNode("div", _hoisted_3$8, [
+          createElementVNode("div", _hoisted_1$e, [
+            createElementVNode("div", _hoisted_2$a, [
+              createElementVNode("div", _hoisted_3$6, [
                 createVNode(unref(ExclamationTriangleIcon), { class: "size-6 text-red-600 dark:text-neutral-100" })
               ]),
-              createElementVNode("div", _hoisted_4$7, [
-                createElementVNode("h3", _hoisted_5$5, [
+              createElementVNode("div", _hoisted_4$5, [
+                createElementVNode("h3", _hoisted_5$3, [
                   renderSlot(_ctx.$slots, "title")
                 ]),
-                createElementVNode("div", _hoisted_6$5, [
+                createElementVNode("div", _hoisted_6$3, [
                   renderSlot(_ctx.$slots, "content")
                 ])
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_7$5, [
+          createElementVNode("div", _hoisted_7$3, [
             renderSlot(_ctx.$slots, "footer")
           ])
         ]),
@@ -2424,11 +2453,11 @@ const _sfc_main$l = {
     };
   }
 };
-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 = {
+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 = {
   __name: "DialogModal",
   props: {
     show: {
@@ -2451,22 +2480,22 @@ const _sfc_main$k = {
       emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$m, {
+      return openBlock(), createBlock(_sfc_main$q, {
         show: __props.show,
         "max-width": __props.maxWidth,
         closeable: __props.closeable,
         onClose: close
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$k, [
-            createElementVNode("div", _hoisted_2$d, [
+          createElementVNode("div", _hoisted_1$d, [
+            createElementVNode("div", _hoisted_2$9, [
               renderSlot(_ctx.$slots, "title")
             ]),
-            createElementVNode("div", _hoisted_3$7, [
+            createElementVNode("div", _hoisted_3$5, [
               renderSlot(_ctx.$slots, "content")
             ])
           ]),
-          createElementVNode("div", _hoisted_4$6, [
+          createElementVNode("div", _hoisted_4$4, [
             renderSlot(_ctx.$slots, "footer")
           ])
         ]),
@@ -2475,8 +2504,8 @@ const _sfc_main$k = {
     };
   }
 };
-const _hoisted_1$j = { class: "relative inline-block w-fit" };
-const _sfc_main$j = {
+const _hoisted_1$c = { class: "relative inline-block w-fit" };
+const _sfc_main$n = {
   __name: "Dropdown",
   props: {
     align: {
@@ -2617,7 +2646,7 @@ const _sfc_main$j = {
       window.removeEventListener("scroll", handleViewportChange, true);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createElementVNode("div", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -2657,13 +2686,13 @@ const _sfc_main$j = {
     };
   }
 };
-const _hoisted_1$i = {
+const _hoisted_1$b = {
   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$c = ["href"];
-const _sfc_main$i = {
+const _hoisted_2$8 = ["href"];
+const _sfc_main$m = {
   __name: "DropdownLink",
   props: {
     href: String,
@@ -2672,7 +2701,7 @@ const _sfc_main$i = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$i, [
+        __props.as == "button" ? (openBlock(), createElementBlock("button", _hoisted_1$b, [
           renderSlot(_ctx.$slots, "default")
         ])) : __props.as == "a" ? (openBlock(), createElementBlock("a", {
           key: 1,
@@ -2680,7 +2709,7 @@ const _sfc_main$i = {
           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$c)) : (openBlock(), createBlock(unref(Link), {
+        ], 8, _hoisted_2$8)) : (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"
@@ -2694,20 +2723,20 @@ const _sfc_main$i = {
     };
   }
 };
-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 = {
+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 = {
   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$h = {
+const _sfc_main$l = {
   __name: "FormSection",
   emits: ["submitted"],
   setup(__props) {
     const hasActions = computed(() => !!useSlots().actions);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -2717,18 +2746,18 @@ const _sfc_main$h = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$b, [
+        createElementVNode("div", _hoisted_2$7, [
           createElementVNode("form", {
             onSubmit: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("submitted"), ["prevent"]))
           }, [
             createElementVNode("div", {
               class: normalizeClass(["rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6", hasActions.value ? "sm:rounded-tl-md sm:rounded-tr-md" : "sm:rounded-md"])
             }, [
-              createElementVNode("div", _hoisted_3$6, [
+              createElementVNode("div", _hoisted_3$4, [
                 renderSlot(_ctx.$slots, "form")
               ])
             ], 2),
-            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+            hasActions.value ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
               renderSlot(_ctx.$slots, "actions")
             ])) : createCommentVNode("", true)
           ], 32)
@@ -2737,8 +2766,8 @@ const _sfc_main$h = {
     };
   }
 };
-const _hoisted_1$g = { class: "text-sm text-red-600 dark:text-neutral-100" };
-const _sfc_main$g = {
+const _hoisted_1$9 = { class: "text-sm text-red-600 dark:text-neutral-100" };
+const _sfc_main$k = {
   __name: "InputError",
   props: {
     message: String
@@ -2746,33 +2775,33 @@ const _sfc_main$g = {
   setup(__props) {
     return (_ctx, _cache) => {
       return withDirectives((openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$g, toDisplayString(__props.message), 1)
+        createElementVNode("p", _hoisted_1$9, toDisplayString(__props.message), 1)
       ], 512)), [
         [vShow, __props.message]
       ]);
     };
   }
 };
-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 = {
+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 = {
   __name: "InputLabel",
   props: {
     value: String
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      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, [
+      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, [
           renderSlot(_ctx.$slots, "default")
         ]))
       ]);
     };
   }
 };
-const _hoisted_1$e = ["href", "title", "target", "rel"];
-const _sfc_main$e = /* @__PURE__ */ Object.assign({
+const _hoisted_1$7 = ["href", "title", "target", "rel"];
+const _sfc_main$i = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "LinkButton",
@@ -2841,469 +2870,553 @@ const _sfc_main$e = /* @__PURE__ */ Object.assign({
         class: linkClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$e));
+      ], 16, _hoisted_1$7));
     };
   }
 });
-const _hoisted_1$d = { class: "hidden sm:block" };
-const _hoisted_2$9 = { class: "py-8" };
-const _sfc_main$d = {
+const _hoisted_1$6 = { class: "hidden sm:block" };
+const _hoisted_2$5 = { class: "py-8" };
+const _sfc_main$h = {
   __name: "SectionBorder",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createElementVNode("div", _hoisted_2$9, [
-          createVNode(_sfc_main$H)
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("div", _hoisted_2$5, [
+          createVNode(_sfc_main$L)
         ])
       ]);
     };
   }
 };
-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 SIDEBAR_CONTEXT_KEY = /* @__PURE__ */ Symbol("SidebarContext");
+const fallbackOpen = ref(true);
+const fallbackContext = {
+  state: computed(() => fallbackOpen.value ? "expanded" : "collapsed"),
+  open: fallbackOpen,
+  setOpen: (value) => {
+    fallbackOpen.value = value;
+  },
+  toggleSidebar: () => {
+    fallbackOpen.value = !fallbackOpen.value;
+  },
+  expand: () => {
+    fallbackOpen.value = true;
+  },
+  collapse: () => {
+    fallbackOpen.value = false;
+  }
 };
-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"
+function provideSidebarContext(defaultOpen = true) {
+  const open = ref(defaultOpen);
+  const state = computed(() => open.value ? "expanded" : "collapsed");
+  const context = {
+    state,
+    open,
+    setOpen: (value) => {
+      open.value = value;
+    },
+    toggleSidebar: () => {
+      open.value = !open.value;
+    },
+    expand: () => {
+      open.value = true;
+    },
+    collapse: () => {
+      open.value = false;
+    }
+  };
+  provide(SIDEBAR_CONTEXT_KEY, context);
+  return context;
+}
+function useSidebar() {
+  return inject(SIDEBAR_CONTEXT_KEY, fallbackContext);
+}
+const _hoisted_1$5 = ["data-state", "data-collapsible", "data-variant", "data-side"];
+const _hoisted_2$4 = {
+  "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 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",
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "Sidebar",
   props: {
-    title: {},
-    subtitle: { default: "" },
-    href: { default: void 0 },
-    external: { type: Boolean, default: false },
-    target: { default: void 0 },
-    rel: { default: void 0 },
-    logoText: { default: "" }
+    side: { default: "left" },
+    variant: { default: "sidebar" },
+    collapsible: { default: "offcanvas" },
+    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
   },
   setup(__props) {
     const props = __props;
-    const logoFallback = computed(() => {
-      if (props.logoText) {
-        return props.logoText;
-      }
-      return props.title.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0)).join("").toUpperCase();
-    });
+    const { state } = useSidebar();
     return (_ctx, _cache) => {
-      return __props.href && !__props.external ? (openBlock(), createBlock(unref(Link), {
+      return __props.collapsible === "none" ? (openBlock(), createElementBlock("div", mergeProps({
         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", {
+        "data-slot": "sidebar",
+        "data-sidebar": "sidebar",
+        class: [
+          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
+          props.class
+        ]
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16)) : (openBlock(), createElementBlock("div", {
         key: 1,
-        href: __props.href,
-        target: __props.target,
-        rel: __props.rel,
-        class: normalizeClass(sharedClass)
+        class: "group peer text-sidebar-foreground hidden md:block",
+        "data-slot": "sidebar",
+        "data-state": unref(state),
+        "data-collapsible": unref(state) === "collapsed" ? __props.collapsible : "",
+        "data-variant": __props.variant,
+        "data-side": __props.side
       }, [
-        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)
+        createElementVNode("div", {
+          class: normalizeClass([
+            "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+            "group-data-[collapsible=offcanvas]:w-0",
+            "group-data-[side=right]:rotate-180",
+            __props.variant === "floating" || __props.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+          ])
+        }, null, 2),
+        createElementVNode("div", mergeProps({
+          class: [
+            "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+            __props.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+            __props.variant === "floating" || __props.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+            props.class
+          ]
+        }, _ctx.$attrs), [
+          createElementVNode("div", _hoisted_2$4, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ], 16)
+      ], 8, _hoisted_1$5));
+    };
+  }
+});
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "SidebarContent",
+  props: {
+    class: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-content",
+        "data-sidebar": "content",
+        class: normalizeClass(["flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", props.class])
       }, [
-        renderSlot(_ctx.$slots, "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)
-        ])
-      ]));
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "SidebarFooter",
+  props: {
+    class: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-footer",
+        "data-sidebar": "footer",
+        class: normalizeClass(["flex flex-col gap-2 p-2", props.class])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroup",
+  props: {
+    class: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-group",
+        "data-sidebar": "group",
+        class: normalizeClass(["relative flex w-full min-w-0 flex-col p-2", props.class])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupContent",
+  props: {
+    class: { type: [Boolean, null, String, Object, Array] }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-group-content",
+        "data-sidebar": "group-content",
+        class: normalizeClass(["w-full text-sm", props.class])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-const _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",
+  ...{ inheritAttrs: false },
+  __name: "SidebarGroupLabel",
   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" }
+    as: { default: "div" },
+    asChild: { type: Boolean, default: false },
+    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
   },
   setup(__props) {
     const props = __props;
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const baseClass = computed(() => [
+      "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-none transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+      props.class
+    ]);
+    const childVNode = computed(() => {
+      if (!props.asChild) {
+        return null;
+      }
+      const content = slots.default?.() ?? [];
+      const firstVNode = content.find((entry) => isVNode(entry));
+      if (!firstVNode) {
+        return null;
+      }
+      return cloneVNode(firstVNode, {
+        ...attrs,
+        class: [baseClass.value, firstVNode.props?.class]
+      });
+    });
     return (_ctx, _cache) => {
-      return !__props.external ? (openBlock(), createBlock(unref(Link), {
+      return !__props.asChild ? (openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
         key: 0,
-        href: __props.href,
-        "aria-current": __props.active ? "page" : void 0,
-        class: normalizeClass([baseClass, __props.active ? __props.activeClass : "", __props.itemClass, props.class])
-      }, {
+        "data-slot": "sidebar-group-label",
+        "data-sidebar": "group-label",
+        class: baseClass.value
+      }, unref(attrs)), {
         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)
-          ])
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 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));
+      }, 16, ["class"])) : childVNode.value ? (openBlock(), createBlock(resolveDynamicComponent(childVNode.value), { key: 1 })) : createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$a = ["aria-label"];
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "SideMenuList",
+  __name: "SidebarHeader",
   props: {
-    items: {},
-    label: { default: "Navigation" },
-    activeClass: { default: "bg-muted text-foreground dark:text-white" },
-    itemClass: { default: "" },
-    iconClass: { default: "h-4 w-4" }
+    class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(__props) {
+    const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", {
-        "aria-label": __props.label,
-        class: "flex flex-col space-y-1 space-x-0"
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-header",
+        "data-sidebar": "header",
+        class: normalizeClass(["flex flex-col gap-2 p-2", props.class])
       }, [
-        (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);
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-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",
+  __name: "SidebarInset",
   props: {
-    items: {},
-    label: { default: "Footer" }
+    class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(__props) {
+    const props = __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"])
-      ]);
+      return openBlock(), createElementBlock("main", {
+        "data-slot": "sidebar-inset",
+        class: normalizeClass([
+          "bg-background relative flex w-full flex-1 flex-col",
+          "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+          props.class
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-const _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",
+  __name: "SidebarMenu",
   props: {
-    items: {},
-    label: { default: "Plateforme" }
+    class: { type: [Boolean, null, String, Object, Array] }
   },
   setup(__props) {
+    const props = __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"])
-      ]);
+      return openBlock(), createElementBlock("ul", {
+        "data-slot": "sidebar-menu",
+        "data-sidebar": "menu",
+        class: normalizeClass(["flex w-full min-w-0 flex-col gap-1", props.class])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-const _hoisted_1$7 = { 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 _hoisted_1$4 = ["href", "target", "rel"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "SideMenuUserInfo",
+  ...{ inheritAttrs: false },
+  __name: "SidebarMenuButton",
   props: {
-    name: {},
-    email: { default: "" },
-    avatar: { default: "" },
-    showEmail: { type: Boolean, default: false }
+    href: { default: void 0 },
+    title: { default: "" },
+    active: { type: Boolean, default: void 0 },
+    isActive: { type: Boolean, default: void 0 },
+    icon: { default: void 0 },
+    external: { type: Boolean, default: false },
+    target: { default: void 0 },
+    rel: { default: void 0 },
+    variant: { default: "default" },
+    size: { default: "default" },
+    as: { default: void 0 },
+    asChild: { type: Boolean, default: false },
+    tooltip: { default: void 0 },
+    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
   },
   setup(__props) {
     const props = __props;
-    const initials = computed(() => {
-      return props.name.split(" ").filter(Boolean).slice(0, 2).map((part) => part.charAt(0)).join("").toUpperCase();
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const resolvedActive = computed(() => props.active ?? props.isActive ?? false);
+    const baseClass = computed(() => [
+      "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+      props.variant === "outline" ? "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]" : "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+      props.size === "sm" ? "h-7 text-xs" : props.size === "lg" ? "h-12 text-sm group-data-[collapsible=icon]:p-0!" : "h-8 text-sm",
+      props.class
+    ]);
+    const sharedAttrs = computed(() => ({
+      ...attrs,
+      title: props.tooltip ?? (props.title || void 0),
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": props.size,
+      "data-active": resolvedActive.value ? "true" : void 0,
+      "aria-current": resolvedActive.value ? "page" : void 0,
+      class: baseClass.value
+    }));
+    const childVNode = computed(() => {
+      if (!props.asChild) {
+        return null;
+      }
+      const content = slots.default?.() ?? [];
+      const firstVNode = content.find((entry) => isVNode(entry));
+      if (!firstVNode) {
+        return null;
+      }
+      return cloneVNode(firstVNode, mergeProps(sharedAttrs.value, firstVNode.props ?? {}));
     });
     return (_ctx, _cache) => {
-      return 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))
+      return __props.asChild && childVNode.value ? (openBlock(), createBlock(resolveDynamicComponent(childVNode.value), { key: 0 })) : (__props.as === "link" || !__props.as) && __props.href && !__props.external ? (openBlock(), createBlock(unref(Link), mergeProps({
+        key: 1,
+        href: __props.href
+      }, sharedAttrs.value), {
+        default: withCtx(() => [
+          __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.title), 1)
+          ])
         ]),
-        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)
+        _: 3
+      }, 16, ["href"])) : __props.href && (__props.external || __props.as === "a") ? (openBlock(), createElementBlock("a", mergeProps({
+        key: 2,
+        href: __props.href,
+        target: __props.target,
+        rel: __props.rel
+      }, sharedAttrs.value), [
+        __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.title), 1)
         ])
-      ]);
+      ], 16, _hoisted_1$4)) : (openBlock(), createElementBlock("button", mergeProps({
+        key: 3,
+        type: "button"
+      }, sharedAttrs.value), [
+        __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(__props.title), 1)
+        ])
+      ], 16));
     };
   }
 });
-const _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",
+  __name: "SidebarMenuItem",
   props: {
-    name: {},
-    email: { default: "" },
-    avatar: { default: "" },
-    settingsHref: { default: "" },
-    settingsLabel: { default: "Settings" },
-    logoutLabel: { default: "Log out" }
+    class: { type: [Boolean, null, String, Object, Array] }
   },
-  emits: ["logout"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props) {
+    const props = __props;
     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);
+      return openBlock(), createElementBlock("li", {
+        "data-slot": "sidebar-menu-item",
+        "data-sidebar": "menu-item",
+        class: normalizeClass(["group/menu-item relative", props.class])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
-const _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",
+  ...{ inheritAttrs: false },
+  __name: "SidebarProvider",
   props: {
-    user: {},
-    settingsHref: { default: "" },
-    settingsLabel: { default: "Settings" },
-    logoutLabel: { default: "Log out" }
+    defaultOpen: { type: Boolean, default: true },
+    width: { default: "16rem" },
+    iconWidth: { default: "3rem" },
+    class: { type: [Boolean, null, String, Object, Array], default: void 0 }
   },
-  emits: ["logout"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const handleLogout = () => {
-      emit("logout");
-    };
+  setup(__props) {
+    const props = __props;
+    provideSidebarContext(props.defaultOpen);
     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
-      });
+      return openBlock(), createElementBlock("div", mergeProps({
+        "data-slot": "sidebar-wrapper",
+        style: {
+          "--sidebar-width": props.width,
+          "--sidebar-width-icon": props.iconWidth
+        },
+        class: [
+          "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+          props.class
+        ]
+      }, _ctx.$attrs), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
     };
   }
 });
-const _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 isEmptyString = (value) => value === "";
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const toCamelCase = (string) => string.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
+);
+const toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const LUCIDE_CONTEXT = /* @__PURE__ */ Symbol("lucide-icons");
+function useLucideProps() {
+  return inject(LUCIDE_CONTEXT, {});
+}
+const Icon = ({
+  name,
+  iconNode,
+  absoluteStrokeWidth,
+  "absolute-stroke-width": absoluteStrokeWidthKebabCase,
+  strokeWidth,
+  "stroke-width": strokeWidthKebabCase,
+  size,
+  color,
+  ...props
+}, { slots }) => {
+  const {
+    size: contextSize,
+    color: contextColor,
+    strokeWidth: contextStrokeWidth = 2,
+    absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
+    class: contextClass = ""
+  } = useLucideProps();
+  const calculatedStrokeWidth = computed(() => {
+    const isAbsoluteStrokeWidth = isEmptyString(absoluteStrokeWidth) || isEmptyString(absoluteStrokeWidthKebabCase) || absoluteStrokeWidth === true || absoluteStrokeWidthKebabCase === true || contextAbsoluteStrokeWidth === true;
+    const strokeWidthValue = strokeWidth || strokeWidthKebabCase || contextStrokeWidth || defaultAttributes["stroke-width"];
+    if (isAbsoluteStrokeWidth) {
+      return Number(strokeWidthValue) * 24 / Number(size ?? contextSize ?? defaultAttributes.width);
+    }
+    return strokeWidthValue;
+  });
+  return h(
+    "svg",
+    {
+      ...defaultAttributes,
+      ...props,
+      width: size ?? contextSize ?? defaultAttributes.width,
+      height: size ?? contextSize ?? defaultAttributes.height,
+      stroke: color ?? contextColor ?? defaultAttributes.stroke,
+      "stroke-width": calculatedStrokeWidth.value,
+      class: mergeClasses(
+        "lucide",
+        contextClass,
+        ...name ? [`lucide-${toKebabCase(toPascalCase(name))}-icon`, `lucide-${toKebabCase(name)}`] : ["lucide-icon"]
+      )
+    },
+    [...iconNode.map((child) => h(...child)), ...slots.default ? [slots.default()] : []]
+  );
+};
+const createLucideIcon = (iconName, iconNode) => (props, { slots, attrs }) => h(
+  Icon,
+  {
+    ...attrs,
+    ...props,
+    iconNode,
+    name: iconName
+  },
+  slots
+);
+const __iconNode$1 = [
+  ["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 = [
+  ["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({
-  __name: "SideMenu",
+  __name: "SidebarTrigger",
   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 }
+    class: { type: [Boolean, null, String, Object, Array] }
   },
   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));
+    const { state, toggleSidebar } = useSidebar();
     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);
+      return openBlock(), createBlock(_sfc_main$F, {
+        "data-sidebar": "trigger",
+        "data-slot": "sidebar-trigger",
+        variant: "ghost",
+        size: "icon",
+        class: normalizeClass(["h-7 w-7", props.class]),
+        onClick: unref(toggleSidebar)
+      }, {
+        default: withCtx(() => [
+          unref(state) === "collapsed" ? (openBlock(), createBlock(unref(PanelLeftOpen), { key: 0 })) : (openBlock(), createBlock(unref(PanelLeftClose), { key: 1 })),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Basculer la barre latérale", -1))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"]);
     };
   }
 });
@@ -3655,7 +3768,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$e, {
+          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$i, {
             key: 0,
             href: __props.emptyState.actionUrl,
             variant: "primary"
@@ -4148,7 +4261,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$o, {
+                      }, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$s, {
                         key: 1,
                         type: getInputType(column),
                         class: normalizeClass(getInputClass(column)),
@@ -4181,7 +4294,7 @@ const _sfc_main = {
                         key: 0,
                         ref_for: true
                       }, getSlotBindings(item, null, index))) : createCommentVNode("", true),
-                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$B, {
+                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$F, {
                         key: 1,
                         type: "button",
                         variant: "outline",
@@ -4194,7 +4307,7 @@ const _sfc_main = {
                           createVNode(unref(CheckIcon), { class: "size-4" })
                         ]),
                         _: 1
-                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$B, {
+                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$F, {
                         key: 2,
                         type: "button",
                         variant: "secondary",
@@ -4221,7 +4334,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$e, {
+          __props.emptyState.actionText && __props.emptyState.actionUrl ? (openBlock(), createBlock(_sfc_main$i, {
             key: 0,
             href: __props.emptyState.actionUrl,
             variant: "primary"
@@ -4247,52 +4360,56 @@ const plugin = {
   }
 };
 export {
-  _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,
+  _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,
   plugin as EnosVueDefault,
-  _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,
+  _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,
   SectionTitle,
-  _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$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$1 as TableList,
   _sfc_main as TableListForm,
-  _sfc_main$x as TextArea,
-  _sfc_main$y as TextInput,
+  _sfc_main$B as TextArea,
+  _sfc_main$C as TextInput,
   _sfc_main$2 as ThSortable,
-  _sfc_main$p as TinyEditor
+  _sfc_main$t as TinyEditor
 };
 //# sourceMappingURL=index.js.map