@tb-dev/vue 0.3.5 → 0.3.7

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cva } from 'class-variance-authority';
-import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, createCommentVNode, normalizeStyle, createElementVNode, withDirectives, isRef, vModelText, createTextVNode, normalizeProps, guardReactiveProps, ref, toRef, effectScope } from 'vue';
+import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, createElementVNode, withDirectives, isRef, vModelText, createTextVNode, normalizeProps, guardReactiveProps, ref, toRef, effectScope } from 'vue';
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
 import { unwrap, isNil, toPixel } from '@tb-dev/utils';
@@ -7,7 +7,7 @@ import { Primitive, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, Scroll
 export { DropdownMenuPortal } from 'reka-ui';
 import { RouterLink } from 'vue-router';
 import { createReusableTemplate, reactiveOmit, useVModel, useMediaQuery, useEventListener, computedAsync, useAsyncState, useWindowSize, useElementSize as useElementSize$1, tryOnScopeDispose, onKeyStroke, useLocalStorage } from '@vueuse/core';
-import { Check, Circle, ChevronRight, X, Minus, Plus, CircleIcon, ChevronDown, ChevronUp } from 'lucide-vue-next';
+import { Check, Circle, ChevronRight, X, Minus, Plus, CircleIcon, ChevronDown, ChevronUp, PanelLeft } from 'lucide-vue-next';
 
 function create$1() {
   let APP = null;
@@ -88,7 +88,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     asChild: { type: Boolean },
@@ -133,7 +133,7 @@ const badgeVariants = cva(
   }
 );
 
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: {},
@@ -188,7 +188,7 @@ const buttonVariants = cva(
 
 const _hoisted_1$b = { key: 0 };
 const _hoisted_2$1 = { key: 0 };
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
   __name: "ButtonLink",
   props: {
     buttonClass: {},
@@ -204,7 +204,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$1V), {
+            createVNode(unref(_sfc_main$2b), {
               variant: _ctx.variant,
               size: _ctx.size,
               disabled: _ctx.disabled,
@@ -234,7 +234,53 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  __name: "ButtonIcon",
+  props: {
+    buttonClass: {},
+    class: {},
+    icon: {},
+    iconClass: {},
+    iconSize: {},
+    to: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$2a), {
+        key: 0,
+        to: _ctx.to,
+        variant: "ghost",
+        size: "icon",
+        class: normalizeClass(props.class),
+        "button-class": _ctx.buttonClass
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+            class: normalizeClass(_ctx.iconClass),
+            size: _ctx.iconSize
+          }, null, 8, ["class", "size"]))
+        ]),
+        _: 1
+      }, 8, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$2b), {
+        key: 1,
+        variant: "ghost",
+        size: "icon",
+        class: normalizeClass(unref(cn)(props.class, _ctx.buttonClass))
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+            class: normalizeClass(_ctx.iconClass),
+            size: _ctx.iconSize
+          }, null, 8, ["class", "size"]))
+        ]),
+        _: 1
+      }, 8, ["class"]));
+    };
+  }
+});
+
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
   __name: "ScrollBar",
   props: {
     orientation: { default: "vertical" },
@@ -270,7 +316,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     type: {},
@@ -300,7 +346,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(_sfc_main$1T),
+          createVNode(_sfc_main$28),
           createVNode(unref(ScrollAreaCorner))
         ]),
         _: 3
@@ -309,7 +355,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     class: {}
@@ -332,7 +378,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
   __name: "CardContent",
   props: {
     class: {}
@@ -350,7 +396,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
   __name: "CardDescription",
   props: {
     class: {}
@@ -368,7 +414,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
     class: {}
@@ -391,7 +437,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   __name: "CardTitle",
   props: {
     class: {}
@@ -409,7 +455,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     contentClass: {},
@@ -421,14 +467,14 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1R), null, {
+      return openBlock(), createBlock(unref(_sfc_main$26), null, {
         default: withCtx(() => [
-          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$1O), {
+          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$23), {
             key: 0,
             class: normalizeClass(_ctx.headerClass)
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$1N), {
+              createVNode(unref(_sfc_main$22), {
                 class: normalizeClass(_ctx.titleClass)
               }, {
                 default: withCtx(() => [
@@ -436,7 +482,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$1P), {
+              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$24), {
                 key: 0,
                 class: normalizeClass(_ctx.descriptionClass)
               }, {
@@ -448,11 +494,11 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["class"])) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$1Q), {
+          createVNode(unref(_sfc_main$25), {
             class: normalizeClass(unref(cn)("p-0", _ctx.contentClass))
           }, {
             default: withCtx(() => [
-              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$1S), {
+              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$27), {
                 key: 0,
                 class: normalizeClass(_ctx.scrollAreaClass),
                 style: normalizeStyle({ height: unref(toPixel)(_ctx.scrollAreaHeight) })
@@ -472,7 +518,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     defaultValue: { type: [Boolean, String] },
@@ -521,7 +567,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   props: {
     dir: {},
@@ -544,7 +590,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
@@ -587,7 +633,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -636,7 +682,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuGroup",
   props: {
     asChild: { type: Boolean },
@@ -655,7 +701,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -695,7 +741,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuLabel",
   props: {
     asChild: { type: Boolean },
@@ -725,7 +771,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuRadioGroup",
   props: {
     modelValue: {},
@@ -749,7 +795,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$9 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuRadioItem",
   props: {
     value: {},
@@ -792,7 +838,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSeparator",
   props: {
     asChild: { type: Boolean },
@@ -813,7 +859,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuShortcut",
   props: {
     class: {}
@@ -831,7 +877,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -853,7 +899,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -900,7 +946,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -937,7 +983,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -958,7 +1004,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -981,7 +1027,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   __name: "DialogClose",
   props: {
     asChild: { type: Boolean },
@@ -1000,7 +1046,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "DialogOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1030,7 +1076,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   __name: "DialogContent",
   props: {
     forceMount: { type: Boolean },
@@ -1052,7 +1098,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$1u),
+          createVNode(_sfc_main$1L),
           createVNode(unref(DialogContent), mergeProps({ "data-slot": "dialog-content" }, unref(forwarded), {
             class: unref(cn)(
               "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
@@ -1078,7 +1124,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "DialogDescription",
   props: {
     asChild: { type: Boolean },
@@ -1105,7 +1151,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "DialogFooter",
   props: {
     class: {}
@@ -1123,7 +1169,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   __name: "DialogHeader",
   props: {
     class: {}
@@ -1141,7 +1187,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "DialogScrollContent",
   props: {
     forceMount: { type: Boolean },
@@ -1201,7 +1247,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "DialogTitle",
   props: {
     asChild: { type: Boolean },
@@ -1228,7 +1274,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   __name: "DialogTrigger",
   props: {
     asChild: { type: Boolean },
@@ -1247,7 +1293,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenu",
   props: {
     defaultOpen: { type: Boolean },
@@ -1272,7 +1318,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$8 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
@@ -1315,7 +1361,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -1369,7 +1415,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuGroup",
   props: {
     asChild: { type: Boolean },
@@ -1388,7 +1434,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -1423,7 +1469,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuLabel",
   props: {
     asChild: { type: Boolean },
@@ -1451,7 +1497,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuRadioGroup",
   props: {
     modelValue: {},
@@ -1475,7 +1521,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$7 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuRadioItem",
   props: {
     value: {},
@@ -1518,7 +1564,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSeparator",
   props: {
     asChild: { type: Boolean },
@@ -1539,7 +1585,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuShortcut",
   props: {
     class: {}
@@ -1557,7 +1603,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -1579,7 +1625,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -1626,7 +1672,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -1657,7 +1703,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -1678,7 +1724,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     defaultValue: {},
@@ -1712,7 +1758,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "Label",
   props: {
     for: {},
@@ -1742,7 +1788,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "Label",
   props: {
     class: {}
@@ -1750,7 +1796,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$17), {
+      return openBlock(), createBlock(unref(_sfc_main$1o), {
         class: normalizeClass(unref(cn)("flex w-full flex-col gap-2 font-normal", props.class))
       }, {
         default: withCtx(() => [
@@ -1762,7 +1808,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "NumberField",
   props: {
     defaultValue: {},
@@ -1804,7 +1850,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldContent",
   props: {
     class: {}
@@ -1826,7 +1872,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldDecrement",
   props: {
     disabled: { type: Boolean },
@@ -1859,7 +1905,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldIncrement",
   props: {
     disabled: { type: Boolean },
@@ -1892,7 +1938,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldInput",
   props: {
     class: {}
@@ -1914,7 +1960,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$6 = { class: "w-full" };
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   __name: "InputNumber",
   props: {
     class: {},
@@ -1941,7 +1987,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$15), {
+            createVNode(unref(_sfc_main$1m), {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               "default-value": _ctx.defaultValue,
@@ -1952,11 +1998,11 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               class: normalizeClass(props.class)
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$14), null, {
+                createVNode(unref(_sfc_main$1l), null, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$13)),
-                    createVNode(unref(_sfc_main$11)),
-                    createVNode(unref(_sfc_main$12))
+                    createVNode(unref(_sfc_main$1k)),
+                    createVNode(unref(_sfc_main$1i)),
+                    createVNode(unref(_sfc_main$1j))
                   ]),
                   _: 1
                 })
@@ -1966,7 +2012,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$16), {
+        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$1n), {
           key: 0,
           class: normalizeClass(_ctx.labelClass)
         }, {
@@ -1982,7 +2028,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$5 = { class: "w-full" };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "InputText",
   props: {
     class: {},
@@ -2010,7 +2056,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$18), {
+            createVNode(unref(_sfc_main$1p), {
               modelValue: value.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
               modelModifiers: { trim: true },
@@ -2027,7 +2073,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$16), {
+        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$1n), {
           key: 0,
           class: normalizeClass(_ctx.labelClass)
         }, {
@@ -2043,7 +2089,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$4 = { key: 0 };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "Link",
   props: {
     label: {},
@@ -2063,7 +2109,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "Popover",
   props: {
     defaultOpen: { type: Boolean },
@@ -2086,7 +2132,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "PopoverAnchor",
   props: {
     reference: {},
@@ -2106,7 +2152,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2163,7 +2209,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "PopoverTrigger",
   props: {
     asChild: { type: Boolean },
@@ -2182,7 +2228,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "Progress",
   props: {
     modelValue: { default: 0 },
@@ -2215,7 +2261,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: {
     modelValue: {},
@@ -2253,7 +2299,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupItem",
   props: {
     id: {},
@@ -2296,7 +2342,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
     open: { type: Boolean },
@@ -2327,7 +2373,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2375,7 +2421,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             )
           }), {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$L)),
+              createVNode(unref(_sfc_main$10)),
               createVNode(unref(SelectViewport), {
                 class: normalizeClass(
                   unref(cn)(
@@ -2389,7 +2435,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              createVNode(unref(_sfc_main$M))
+              createVNode(unref(_sfc_main$11))
             ]),
             _: 3
           }, 16, ["class"])
@@ -2400,7 +2446,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "SelectGroup",
   props: {
     asChild: { type: Boolean },
@@ -2420,7 +2466,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$3 = { class: "absolute right-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "SelectItem",
   props: {
     value: {},
@@ -2466,7 +2512,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "SelectItemText",
   props: {
     asChild: { type: Boolean },
@@ -2485,7 +2531,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -2509,7 +2555,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollDownButton",
   props: {
     asChild: { type: Boolean },
@@ -2538,7 +2584,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollUpButton",
   props: {
     asChild: { type: Boolean },
@@ -2567,7 +2613,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "SelectSeparator",
   props: {
     asChild: { type: Boolean },
@@ -2588,7 +2634,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "SelectTrigger",
   props: {
     disabled: { type: Boolean },
@@ -2627,7 +2673,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "SelectValue",
   props: {
     placeholder: {},
@@ -2647,7 +2693,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Separator",
   props: {
     orientation: { default: "horizontal" },
@@ -2670,7 +2716,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "Sheet",
   props: {
     open: { type: Boolean },
@@ -2693,7 +2739,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "SheetClose",
   props: {
     asChild: { type: Boolean },
@@ -2712,7 +2758,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "SheetOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -2743,7 +2789,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2766,7 +2812,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$E),
+          createVNode(_sfc_main$V),
           createVNode(unref(DialogContent), mergeProps({
             "data-slot": "sheet-content",
             class: unref(cn)(
@@ -2797,7 +2843,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "SheetDescription",
   props: {
     asChild: { type: Boolean },
@@ -2824,7 +2870,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "SheetFooter",
   props: {
     class: {}
@@ -2842,7 +2888,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "SheetHeader",
   props: {
     class: {}
@@ -2860,7 +2906,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "SheetTitle",
   props: {
     asChild: { type: Boolean },
@@ -2887,7 +2933,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "SheetTrigger",
   props: {
     asChild: { type: Boolean },
@@ -2920,7 +2966,7 @@ const _hoisted_3 = {
   "data-sidebar": "sidebar",
   class: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2941,12 +2987,12 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         class: unref(cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", props.class)
       }, _ctx.$attrs), [
         renderSlot(_ctx.$slots, "default")
-      ], 16)) : unref(isMobile) ? (openBlock(), createBlock(unref(_sfc_main$G), mergeProps({
+      ], 16)) : unref(isMobile) ? (openBlock(), createBlock(unref(_sfc_main$X), mergeProps({
         key: 1,
         open: unref(openMobile)
       }, _ctx.$attrs, { "onUpdate:open": unref(setOpenMobile) }), {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$D), {
+          createVNode(unref(_sfc_main$U), {
             "data-sidebar": "sidebar",
             "data-slot": "sidebar",
             "data-mobile": "true",
@@ -2957,15 +3003,15 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             })
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$A, { class: "sr-only" }, {
+              createVNode(_sfc_main$R, { class: "sr-only" }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$z, null, {
+                  createVNode(_sfc_main$Q, null, {
                     default: withCtx(() => _cache[0] || (_cache[0] = [
                       createTextVNode("Sidebar")
                     ])),
                     _: 1
                   }),
-                  createVNode(_sfc_main$C, null, {
+                  createVNode(_sfc_main$T, null, {
                     default: withCtx(() => _cache[1] || (_cache[1] = [
                       createTextVNode("Displays the mobile sidebar.")
                     ])),
@@ -3019,7 +3065,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "SidebarContent",
   props: {
     class: {}
@@ -3043,7 +3089,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "SidebarFooter",
   props: {
     class: {}
@@ -3062,8 +3108,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "SidebarHeader",
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroup",
   props: {
     class: {}
   },
@@ -3071,9 +3117,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        "data-slot": "sidebar-header",
-        "data-sidebar": "header",
-        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2", props.class))
+        "data-slot": "sidebar-group",
+        "data-sidebar": "group",
+        class: normalizeClass(unref(cn)("relative flex w-full min-w-0 flex-col p-2", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -3081,23 +3127,51 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
-  __name: "SidebarInset",
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupAction",
   props: {
+    asChild: { type: Boolean },
+    as: {},
     class: {}
   },
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("main", {
-        "data-slot": "sidebar-inset",
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-group-action",
+        "data-sidebar": "group-action",
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
         class: normalizeClass(
           unref(cn)(
-            "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",
+            "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+            "after:absolute after:-inset-2 md:after:hidden",
+            "group-data-[collapsible=icon]:hidden",
             props.class
           )
         )
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "class"]);
+    };
+  }
+});
+
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-group-content",
+        "data-sidebar": "group-content",
+        class: normalizeClass(unref(cn)("w-full text-sm", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -3105,34 +3179,195 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
-  __name: "Tooltip",
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
+  __name: "SidebarGroupLabel",
   props: {
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    delayDuration: {},
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean }
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
   },
-  emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TooltipRoot), mergeProps({ "data-slot": "tooltip" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-group-label",
+        "data-sidebar": "group-label",
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        class: normalizeClass(
+          unref(cn)(
+            "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden 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
+          )
+        )
+      }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 8, ["as", "as-child", "class"]);
     };
   }
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  __name: "SidebarHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-header",
+        "data-sidebar": "header",
+        class: normalizeClass(unref(cn)("flex flex-col gap-2 p-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
+  __name: "SidebarInset",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("main", {
+        "data-slot": "sidebar-inset",
+        class: normalizeClass(
+          unref(cn)(
+            "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 _sfc_main$F = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenu",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        "data-slot": "sidebar-menu",
+        "data-sidebar": "menu",
+        class: normalizeClass(unref(cn)("flex w-full min-w-0 flex-col gap-1", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuAction",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "button" },
+    showOnHover: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-menu-action",
+        "data-sidebar": "menu-action",
+        class: normalizeClass(
+          unref(cn)(
+            "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+            "after:absolute after:-inset-2 md:after:hidden",
+            "peer-data-[size=sm]/menu-button:top-1",
+            "peer-data-[size=default]/menu-button:top-1.5",
+            "peer-data-[size=lg]/menu-button:top-2.5",
+            "group-data-[collapsible=icon]:hidden",
+            _ctx.showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+            props.class
+          )
+        ),
+        as: _ctx.as,
+        "as-child": _ctx.asChild
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "as", "as-child"]);
+    };
+  }
+});
+
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuBadge",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-menu-badge",
+        "data-sidebar": "menu-badge",
+        class: normalizeClass(
+          unref(cn)(
+            "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+            "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+            "peer-data-[size=sm]/menu-button:top-1",
+            "peer-data-[size=default]/menu-button:top-1.5",
+            "peer-data-[size=lg]/menu-button:top-2.5",
+            "group-data-[collapsible=icon]:hidden",
+            props.class
+          )
+        )
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean },
+    delayDuration: {},
+    disableHoverableContent: { type: Boolean },
+    disableClosingTrigger: { type: Boolean },
+    disabled: { type: Boolean },
+    ignoreNonKeyboardFocus: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TooltipRoot), mergeProps({ "data-slot": "tooltip" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3184,7 +3419,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "TooltipProvider",
   props: {
     delayDuration: { default: 0 },
@@ -3207,7 +3442,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "TooltipTrigger",
   props: {
     reference: {},
@@ -3227,7 +3462,116 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuButtonChild",
+  props: {
+    variant: { default: "default" },
+    size: { default: "default" },
+    isActive: { type: Boolean },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps({
+        "data-slot": "sidebar-menu-button",
+        "data-sidebar": "menu-button",
+        "data-size": _ctx.size,
+        "data-active": _ctx.isActive,
+        class: unref(cn)(unref(sidebarMenuButtonVariants)({ variant: _ctx.variant, size: _ctx.size }), props.class),
+        as: _ctx.as,
+        "as-child": _ctx.asChild
+      }, _ctx.$attrs), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-size", "data-active", "class", "as", "as-child"]);
+    };
+  }
+});
+
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "SidebarMenuButton",
+  props: {
+    variant: { default: "default" },
+    size: { default: "default" },
+    isActive: { type: Boolean },
+    class: {},
+    asChild: { type: Boolean },
+    as: { default: "button" },
+    tooltip: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { isMobile, state } = useSidebar();
+    const delegatedProps = computed(() => {
+      const { tooltip, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return !_ctx.tooltip ? (openBlock(), createBlock(_sfc_main$y, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)) : (openBlock(), createBlock(unref(_sfc_main$C), { key: 1 }, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$z), { "as-child": "" }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$y, normalizeProps(guardReactiveProps({ ...delegatedProps.value, ..._ctx.$attrs })), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 16)
+            ]),
+            _: 3
+          }),
+          createVNode(unref(_sfc_main$B), {
+            side: "right",
+            align: "center",
+            hidden: unref(state) !== "collapsed" || unref(isMobile)
+          }, {
+            default: withCtx(() => [
+              typeof _ctx.tooltip === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(_ctx.tooltip), 1)
+              ], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.tooltip), { key: 1 }))
+            ]),
+            _: 1
+          }, 8, ["hidden"])
+        ]),
+        _: 3
+      }));
+    };
+  }
+});
+
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuItem",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        "data-slot": "sidebar-menu-item",
+        "data-sidebar": "menu-item",
+        class: normalizeClass(unref(cn)("group/menu-item relative", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
     class: {}
@@ -3243,7 +3587,122 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSkeleton",
+  props: {
+    showIcon: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const width = computed(() => {
+      return `${Math.floor(Math.random() * 40) + 50}%`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sidebar-menu-skeleton",
+        "data-sidebar": "menu-skeleton",
+        class: normalizeClass(unref(cn)("flex h-8 items-center gap-2 rounded-md px-2", props.class))
+      }, [
+        _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$v), {
+          key: 0,
+          class: "size-4 rounded-md",
+          "data-sidebar": "menu-skeleton-icon"
+        })) : createCommentVNode("", true),
+        createVNode(unref(_sfc_main$v), {
+          class: "h-4 max-w-(--skeleton-width) flex-1",
+          "data-sidebar": "menu-skeleton-text",
+          style: normalizeStyle({ "--skeleton-width": width.value })
+        }, null, 8, ["style"])
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSub",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("ul", {
+        "data-slot": "sidebar-menu-sub",
+        "data-sidebar": "menu-badge",
+        class: normalizeClass(
+          unref(cn)(
+            "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+            "group-data-[collapsible=icon]:hidden",
+            props.class
+          )
+        )
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSubButton",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "a" },
+    size: { default: "md" },
+    isActive: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "sidebar-menu-sub-button",
+        "data-sidebar": "menu-sub-button",
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        "data-size": _ctx.size,
+        "data-active": _ctx.isActive,
+        class: normalizeClass(
+          unref(cn)(
+            "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+            "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+            _ctx.size === "sm" && "text-xs",
+            _ctx.size === "md" && "text-sm",
+            "group-data-[collapsible=icon]:hidden",
+            props.class
+          )
+        )
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "data-size", "data-active", "class"]);
+    };
+  }
+});
+
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "SidebarMenuSubItem",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        "data-slot": "sidebar-menu-sub-item",
+        "data-sidebar": "menu-sub-item",
+        class: normalizeClass(unref(cn)("group/menu-sub-item relative", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SidebarProvider",
   props: {
     defaultOpen: { type: Boolean, default: true },
@@ -3309,7 +3768,91 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 
-cva(
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "SidebarRail",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { toggleSidebar } = useSidebar();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        "data-sidebar": "rail",
+        "data-slot": "sidebar-rail",
+        "aria-label": "Toggle Sidebar",
+        tabindex: -1,
+        title: "Toggle Sidebar",
+        class: normalizeClass(
+          unref(cn)(
+            "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+            "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+            "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+            "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+            "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+            "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+            props.class
+          )
+        ),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(toggleSidebar) && unref(toggleSidebar)(...args))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "SidebarSeparator",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$Y), {
+        "data-slot": "sidebar-separator",
+        "data-sidebar": "separator",
+        class: normalizeClass(unref(cn)("bg-sidebar-border mx-2 w-auto", props.class))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  __name: "SidebarTrigger",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { toggleSidebar } = useSidebar();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$2b), {
+        "data-sidebar": "trigger",
+        "data-slot": "sidebar-trigger",
+        variant: "ghost",
+        size: "icon",
+        class: normalizeClass(unref(cn)("h-7 w-7", props.class)),
+        onClick: unref(toggleSidebar)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(PanelLeft)),
+          _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Toggle Sidebar", -1))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"]);
+    };
+  }
+});
+
+const sidebarMenuButtonVariants = cva(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden 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",
   {
     variants: {
@@ -3337,23 +3880,23 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$n), { "default-open": _ctx.defaultOpen }, {
+      return openBlock(), createBlock(unref(_sfc_main$q), { "default-open": _ctx.defaultOpen }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$x), null, {
+          createVNode(unref(_sfc_main$O), null, {
             default: withCtx(() => [
-              _ctx.$slots.header ? (openBlock(), createBlock(unref(_sfc_main$u), { key: 0 }, {
+              _ctx.$slots.header ? (openBlock(), createBlock(unref(_sfc_main$H), { key: 0 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "header")
                 ]),
                 _: 3
               })) : createCommentVNode("", true),
-              _ctx.$slots.content ? (openBlock(), createBlock(unref(_sfc_main$w), { key: 1 }, {
+              _ctx.$slots.content ? (openBlock(), createBlock(unref(_sfc_main$N), { key: 1 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "content")
                 ]),
                 _: 3
               })) : createCommentVNode("", true),
-              _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$v), { key: 2 }, {
+              _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$M), { key: 2 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "footer")
                 ]),
@@ -3362,12 +3905,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(unref(_sfc_main$t), null, {
+          _ctx.$slots.inset ? (openBlock(), createBlock(unref(_sfc_main$G), { key: 0 }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "inset")
             ]),
             _: 3
-          })
+          })) : renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
       }, 8, ["default-open"]);
@@ -3635,7 +4178,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$i), null, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$_), {
+          createVNode(unref(_sfc_main$1f), {
             to: _ctx.to,
             label: _ctx.label,
             class: normalizeClass(unref(cn)("flex w-full", _ctx.linkClass))
@@ -4148,4 +4691,4 @@ function localRef(key, initial, options) {
   });
 }
 
-export { _sfc_main$1W as Badge, _sfc_main$1V as Button, _sfc_main$1U as ButtonLink, _sfc_main$1M as Card, _sfc_main$1L as Checkbox, _sfc_main$1K as ContextMenu, _sfc_main$1J as ContextMenuCheckboxItem, _sfc_main$1I as ContextMenuContent, _sfc_main$1H as ContextMenuGroup, _sfc_main$1G as ContextMenuItem, _sfc_main$1F as ContextMenuLabel, _sfc_main$1E as ContextMenuRadioGroup, _sfc_main$1D as ContextMenuRadioItem, _sfc_main$1C as ContextMenuSeparator, _sfc_main$1B as ContextMenuShortcut, _sfc_main$1A as ContextMenuSub, _sfc_main$1z as ContextMenuSubContent, _sfc_main$1y as ContextMenuSubTrigger, _sfc_main$1x as ContextMenuTrigger, _sfc_main$1w as Dialog, _sfc_main$1v as DialogClose, _sfc_main$1t as DialogContent, _sfc_main$1s as DialogDescription, _sfc_main$1r as DialogFooter, _sfc_main$1q as DialogHeader, _sfc_main$1u as DialogOverlay, _sfc_main$1p as DialogScrollContent, _sfc_main$1o as DialogTitle, _sfc_main$1n as DialogTrigger, _sfc_main$1m as DropdownMenu, _sfc_main$1l as DropdownMenuCheckboxItem, _sfc_main$1k as DropdownMenuContent, _sfc_main$1j as DropdownMenuGroup, _sfc_main$1i as DropdownMenuItem, _sfc_main$1h as DropdownMenuLabel, _sfc_main$1g as DropdownMenuRadioGroup, _sfc_main$1f as DropdownMenuRadioItem, _sfc_main$1e as DropdownMenuSeparator, _sfc_main$1d as DropdownMenuShortcut, _sfc_main$1c as DropdownMenuSub, _sfc_main$1b as DropdownMenuSubContent, _sfc_main$1a as DropdownMenuSubTrigger, _sfc_main$19 as DropdownMenuTrigger, _sfc_main$18 as Input, _sfc_main$10 as InputNumber, _sfc_main$$ as InputText, _sfc_main$16 as Label, _sfc_main$_ as Link, _sfc_main$Z as Popover, _sfc_main$Y as PopoverAnchor, _sfc_main$X as PopoverContent, _sfc_main$W as PopoverTrigger, _sfc_main$V as Progress, _sfc_main$U as RadioGroup, _sfc_main$T as RadioGroupItem, _sfc_main$1S as ScrollArea, _sfc_main$S as Select, _sfc_main$R as SelectContent, _sfc_main$Q as SelectGroup, _sfc_main$P as SelectItem, _sfc_main$O as SelectItemText, _sfc_main$N as SelectLabel, _sfc_main$M as SelectScrollDownButton, _sfc_main$L as SelectScrollUpButton, _sfc_main$K as SelectSeparator, _sfc_main$J as SelectTrigger, _sfc_main$I as SelectValue, _sfc_main$H as Separator, _sfc_main$G as Sheet, _sfc_main$F as SheetClose, _sfc_main$D as SheetContent, _sfc_main$C as SheetDescription, _sfc_main$B as SheetFooter, _sfc_main$A as SheetHeader, _sfc_main$z as SheetTitle, _sfc_main$y as SheetTrigger, _sfc_main$m as Sidebar, _sfc_main$o as Skeleton, _sfc_main$c as Table, _sfc_main$i as TableCell, _sfc_main$g as TableEmpty, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$h as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$s as Tooltip, _sfc_main$r as TooltipContent, _sfc_main$q as TooltipProvider, _sfc_main$p as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };
+export { _sfc_main$2c as Badge, _sfc_main$2b as Button, _sfc_main$29 as ButtonIcon, _sfc_main$2a as ButtonLink, _sfc_main$21 as Card, _sfc_main$20 as Checkbox, _sfc_main$1$ as ContextMenu, _sfc_main$1_ as ContextMenuCheckboxItem, _sfc_main$1Z as ContextMenuContent, _sfc_main$1Y as ContextMenuGroup, _sfc_main$1X as ContextMenuItem, _sfc_main$1W as ContextMenuLabel, _sfc_main$1V as ContextMenuRadioGroup, _sfc_main$1U as ContextMenuRadioItem, _sfc_main$1T as ContextMenuSeparator, _sfc_main$1S as ContextMenuShortcut, _sfc_main$1R as ContextMenuSub, _sfc_main$1Q as ContextMenuSubContent, _sfc_main$1P as ContextMenuSubTrigger, _sfc_main$1O as ContextMenuTrigger, _sfc_main$1N as Dialog, _sfc_main$1M as DialogClose, _sfc_main$1K as DialogContent, _sfc_main$1J as DialogDescription, _sfc_main$1I as DialogFooter, _sfc_main$1H as DialogHeader, _sfc_main$1L as DialogOverlay, _sfc_main$1G as DialogScrollContent, _sfc_main$1F as DialogTitle, _sfc_main$1E as DialogTrigger, _sfc_main$1D as DropdownMenu, _sfc_main$1C as DropdownMenuCheckboxItem, _sfc_main$1B as DropdownMenuContent, _sfc_main$1A as DropdownMenuGroup, _sfc_main$1z as DropdownMenuItem, _sfc_main$1y as DropdownMenuLabel, _sfc_main$1x as DropdownMenuRadioGroup, _sfc_main$1w as DropdownMenuRadioItem, _sfc_main$1v as DropdownMenuSeparator, _sfc_main$1u as DropdownMenuShortcut, _sfc_main$1t as DropdownMenuSub, _sfc_main$1s as DropdownMenuSubContent, _sfc_main$1r as DropdownMenuSubTrigger, _sfc_main$1q as DropdownMenuTrigger, _sfc_main$1p as Input, _sfc_main$1h as InputNumber, _sfc_main$1g as InputText, _sfc_main$1n as Label, _sfc_main$1f as Link, _sfc_main$1e as Popover, _sfc_main$1d as PopoverAnchor, _sfc_main$1c as PopoverContent, _sfc_main$1b as PopoverTrigger, _sfc_main$1a as Progress, _sfc_main$19 as RadioGroup, _sfc_main$18 as RadioGroupItem, _sfc_main$27 as ScrollArea, _sfc_main$17 as Select, _sfc_main$16 as SelectContent, _sfc_main$15 as SelectGroup, _sfc_main$14 as SelectItem, _sfc_main$13 as SelectItemText, _sfc_main$12 as SelectLabel, _sfc_main$11 as SelectScrollDownButton, _sfc_main$10 as SelectScrollUpButton, _sfc_main$$ as SelectSeparator, _sfc_main$_ as SelectTrigger, _sfc_main$Z as SelectValue, _sfc_main$Y as Separator, _sfc_main$X as Sheet, _sfc_main$W as SheetClose, _sfc_main$U as SheetContent, _sfc_main$T as SheetDescription, _sfc_main$S as SheetFooter, _sfc_main$R as SheetHeader, _sfc_main$Q as SheetTitle, _sfc_main$P as SheetTrigger, _sfc_main$m as Sidebar, _sfc_main$L as SidebarGroup, _sfc_main$K as SidebarGroupAction, _sfc_main$J as SidebarGroupContent, _sfc_main$I as SidebarGroupLabel, _sfc_main$F as SidebarMenu, _sfc_main$E as SidebarMenuAction, _sfc_main$D as SidebarMenuBadge, _sfc_main$x as SidebarMenuButton, _sfc_main$w as SidebarMenuItem, _sfc_main$u as SidebarMenuSkeleton, _sfc_main$t as SidebarMenuSub, _sfc_main$s as SidebarMenuSubButton, _sfc_main$r as SidebarMenuSubItem, _sfc_main$p as SidebarRail, _sfc_main$o as SidebarSeparator, _sfc_main$n as SidebarTrigger, _sfc_main$v as Skeleton, _sfc_main$c as Table, _sfc_main$i as TableCell, _sfc_main$g as TableEmpty, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$h as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$C as Tooltip, _sfc_main$B as TooltipContent, _sfc_main$A as TooltipProvider, _sfc_main$z as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };