@tb-dev/vue-components 3.0.0 → 4.1.0

package/dist/index.js

@@ -1,17 +1,18 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createElementBlock, computed, normalizeStyle, toDisplayString, resolveDynamicComponent, createCommentVNode, mergeModels, useModel, createTextVNode, withDirectives, isRef, vModelText, useTemplateRef, normalizeProps, guardReactiveProps, Fragment, ref, renderList, createSlots } from 'vue';
-import { useForwardPropsEmits, AccordionRoot, AccordionContent, useForwardProps, AccordionItem, AccordionHeader, AccordionTrigger, AlertDialogRoot, Primitive, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, AvatarRoot, AvatarFallback, AvatarImage, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, CheckboxRoot, CheckboxIndicator, ComboboxRoot, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxContent, ComboboxSeparator, ComboboxViewport, ContextMenuRoot, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogRoot, DialogClose, DialogOverlay, DialogPortal, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuRoot, DropdownMenuCheckboxItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardRoot, HoverCardPortal, HoverCardContent, HoverCardTrigger, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, Label, MenubarRoot, MenubarCheckboxItem, MenubarItemIndicator, MenubarPortal, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, PaginationRoot, PaginationList, PaginationEllipsis, PaginationFirst, PaginationListItem, PaginationLast, PaginationNext, PaginationPrev, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SplitterResizeHandle, SplitterPanel, SplitterGroup, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectIcon, SelectValue, Separator, createContext, TooltipRoot, TooltipPortal, TooltipContent, TooltipArrow, TooltipProvider, TooltipTrigger, SliderRoot, SliderTrack, SliderRange, SliderThumb, SwitchRoot, SwitchThumb, TabsRoot, TabsContent, TabsList, TabsTrigger, TagsInputRoot, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, Toggle } from 'reka-ui';
-export { ComboboxCancel, ComboboxTrigger, DropdownMenuPortal, PaginationList, PaginationListItem, PaginationList as TbPaginationList, PaginationListItem as TbPaginationListItem } from 'reka-ui';
-import { reactiveOmit, useVModel, useMediaQuery } from '@vueuse/core';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createElementBlock, computed, normalizeStyle, toDisplayString, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createTextVNode, mergeModels, useModel, ref, reactive, watch, normalizeProps, guardReactiveProps, onMounted, onUnmounted, withDirectives, isRef, vModelText, useTemplateRef, createSlots } from 'vue';
+import { useForwardPropsEmits, AccordionRoot, AccordionContent, useForwardProps, AccordionItem, AccordionHeader, AccordionTrigger, AlertDialogRoot, Primitive, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, AvatarRoot, AvatarFallback, AvatarImage, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, CalendarRoot, CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarHeader, CalendarHeading, CalendarNext, CalendarPrev, CheckboxRoot, CheckboxIndicator, ComboboxRoot, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxContent, ComboboxSeparator, ComboboxViewport, useFilter, ListboxRoot, DialogRoot, DialogClose, DialogOverlay, DialogPortal, DialogContent, DialogDescription, DialogTitle, DialogTrigger, useId, ListboxGroup, ListboxGroupLabel, ListboxFilter, ListboxItem, ListboxContent, Separator, createContext, ContextMenuRoot, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DropdownMenuRoot, DropdownMenuCheckboxItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardRoot, HoverCardPortal, HoverCardContent, HoverCardTrigger, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, Label, MenubarRoot, MenubarCheckboxItem, MenubarItemIndicator, MenubarPortal, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenuViewport, NavigationMenuRoot, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, PaginationRoot, PaginationList, PaginationEllipsis, PaginationFirst, PaginationListItem, PaginationLast, PaginationNext, PaginationPrev, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SplitterResizeHandle, SplitterPanel, SplitterGroup, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectIcon, SelectValue, TooltipRoot, TooltipPortal, TooltipContent, TooltipArrow, TooltipProvider, TooltipTrigger, SliderRoot, SliderTrack, SliderRange, SliderThumb, SwitchRoot, SwitchThumb, TabsRoot, TabsContent, TabsList, TabsTrigger, TagsInputRoot, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, Toggle } from 'reka-ui';
+export { ComboboxCancel, ComboboxTrigger, DropdownMenuPortal, PaginationList, PaginationListItem } from 'reka-ui';
+import { reactiveOmit, useCurrentElement, useVModel, useMediaQuery } from '@vueuse/core';
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
-import { ChevronDown, Check, SearchIcon, Circle, ChevronRight, X, Minus, Plus, LoaderCircle, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, CircleIcon, GripVertical, ChevronUp, PanelLeft } from 'lucide-vue-next';
+import { ChevronDown, ChevronRight, ChevronLeft, Check, SearchIcon, X, Search, Circle, Minus, Plus, LoaderCircle, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, CircleIcon, GripVertical, ChevronUp, PanelLeft } from 'lucide-vue-next';
 import { cva } from 'class-variance-authority';
 import { RouterLink } from 'vue-router';
 import { toPixel } from '@tb-dev/utils';
+import { DrawerRoot, DrawerClose, DrawerOverlay, DrawerPortal, DrawerContent, DrawerDescription, DrawerTitle, DrawerTrigger } from 'vaul-vue';
 import { Toaster } from 'vue-sonner';
 export { toast as sonner } from 'vue-sonner';
 
-const _sfc_main$3f = /* @__PURE__ */ defineComponent({
+const _sfc_main$3R = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   props: {
     collapsible: { type: Boolean },
@@ -45,7 +46,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-const _sfc_main$3e = /* @__PURE__ */ defineComponent({
+const _sfc_main$3Q = /* @__PURE__ */ defineComponent({
   __name: "AccordionContent",
   props: {
     forceMount: { type: Boolean },
@@ -71,7 +72,7 @@ const _sfc_main$3e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3d = /* @__PURE__ */ defineComponent({
+const _sfc_main$3P = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     disabled: { type: Boolean },
@@ -98,7 +99,7 @@ const _sfc_main$3d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3c = /* @__PURE__ */ defineComponent({
+const _sfc_main$3O = /* @__PURE__ */ defineComponent({
   __name: "AccordionTrigger",
   props: {
     asChild: { type: Boolean },
@@ -132,7 +133,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3b = /* @__PURE__ */ defineComponent({
+const _sfc_main$3N = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     class: {},
@@ -152,7 +153,7 @@ const _sfc_main$3b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3a = /* @__PURE__ */ defineComponent({
+const _sfc_main$3M = /* @__PURE__ */ defineComponent({
   __name: "AlertDescription",
   props: {
     class: {}
@@ -175,7 +176,7 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3L = /* @__PURE__ */ defineComponent({
   __name: "AlertTitle",
   props: {
     class: {}
@@ -208,7 +209,7 @@ const alertVariants = cva(
   }
 );
 
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3K = /* @__PURE__ */ defineComponent({
   __name: "AlertDialog",
   props: {
     open: { type: Boolean },
@@ -230,7 +231,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3J = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: {},
@@ -285,7 +286,7 @@ const buttonVariants = cva(
   }
 );
 
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3I = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogAction",
   props: {
     asChild: { type: Boolean },
@@ -308,7 +309,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3H = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogCancel",
   props: {
     asChild: { type: Boolean },
@@ -331,7 +332,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3G = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogContent",
   props: {
     forceMount: { type: Boolean },
@@ -371,7 +372,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3F = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogDescription",
   props: {
     asChild: { type: Boolean },
@@ -394,7 +395,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3E = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogFooter",
   props: {
     class: {}
@@ -412,7 +413,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3D = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogHeader",
   props: {
     class: {}
@@ -430,7 +431,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3C = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogTitle",
   props: {
     asChild: { type: Boolean },
@@ -453,7 +454,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$3B = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogTrigger",
   props: {
     asChild: { type: Boolean },
@@ -472,7 +473,7 @@ const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$3A = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     class: {}
@@ -493,7 +494,7 @@ const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$3z = /* @__PURE__ */ defineComponent({
   __name: "AvatarFallback",
   props: {
     delayMs: {},
@@ -517,7 +518,7 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$3y = /* @__PURE__ */ defineComponent({
   __name: "AvatarImage",
   props: {
     src: {},
@@ -539,7 +540,7 @@ const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2X = /* @__PURE__ */ defineComponent({
+const _sfc_main$3x = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     asChild: { type: Boolean },
@@ -584,8 +585,8 @@ const badgeVariants = cva(
   }
 );
 
-const _hoisted_1$e = { key: 0 };
-const _sfc_main$2W = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = { key: 0 };
+const _sfc_main$3w = /* @__PURE__ */ defineComponent({
   __name: "ButtonLinkInner",
   props: {
     buttonClass: {},
@@ -598,7 +599,7 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$37), {
+      return openBlock(), createBlock(unref(_sfc_main$3J), {
         disabled: _ctx.disabled,
         size: _ctx.size,
         variant: _ctx.variant,
@@ -606,7 +607,7 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
         class: normalizeClass(unref(cn)("size-full", props.buttonClass))
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$e, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$i, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
       }, 8, ["disabled", "size", "variant", "style", "class"]);
@@ -614,8 +615,8 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$d = { key: 0 };
-const _sfc_main$2V = /* @__PURE__ */ defineComponent({
+const _hoisted_1$h = { key: 0 };
+const _sfc_main$3v = /* @__PURE__ */ defineComponent({
   __name: "ButtonLink",
   props: {
     to: {},
@@ -628,8 +629,8 @@ const _sfc_main$2V = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return _ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createVNode(_sfc_main$2W, {
+      return _ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createVNode(_sfc_main$3w, {
           label: _ctx.label,
           size: _ctx.size,
           variant: _ctx.variant,
@@ -646,7 +647,7 @@ const _sfc_main$2V = /* @__PURE__ */ defineComponent({
         to: { name: _ctx.to }
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$2W, {
+          createVNode(_sfc_main$3w, {
             label: _ctx.label,
             size: _ctx.size,
             variant: _ctx.variant,
@@ -665,7 +666,7 @@ const _sfc_main$2V = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2U = /* @__PURE__ */ defineComponent({
+const _sfc_main$3u = /* @__PURE__ */ defineComponent({
   __name: "ButtonIcon",
   props: {
     buttonClass: {},
@@ -682,7 +683,7 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
       return delegated;
     });
     return (_ctx, _cache) => {
-      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$2V), mergeProps({ key: 0 }, delegatedProps.value, {
+      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$3v), mergeProps({ key: 0 }, delegatedProps.value, {
         to: _ctx.to,
         variant: "ghost",
         size: "icon",
@@ -696,7 +697,7 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class", "size"]))
         ]),
         _: 1
-      }, 16, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$37), mergeProps({ key: 1 }, delegatedProps.value, {
+      }, 16, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$3J), mergeProps({ key: 1 }, delegatedProps.value, {
         variant: "ghost",
         size: "icon",
         class: unref(cn)(props.class, _ctx.buttonClass)
@@ -713,7 +714,7 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2T = /* @__PURE__ */ defineComponent({
+const _sfc_main$3t = /* @__PURE__ */ defineComponent({
   __name: "ScrollBar",
   props: {
     orientation: { default: "vertical" },
@@ -749,7 +750,7 @@ const _sfc_main$2T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+const _sfc_main$3s = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     type: {},
@@ -779,7 +780,7 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(_sfc_main$2T),
+          createVNode(_sfc_main$3t),
           createVNode(unref(ScrollAreaCorner))
         ]),
         _: 3
@@ -788,7 +789,7 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2R = /* @__PURE__ */ defineComponent({
+const _sfc_main$3r = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     class: {}
@@ -811,7 +812,7 @@ const _sfc_main$2R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$3q = /* @__PURE__ */ defineComponent({
   __name: "CardContent",
   props: {
     class: {}
@@ -829,7 +830,7 @@ const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2P = /* @__PURE__ */ defineComponent({
+const _sfc_main$3p = /* @__PURE__ */ defineComponent({
   __name: "CardDescription",
   props: {
     class: {}
@@ -847,7 +848,7 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+const _sfc_main$3o = /* @__PURE__ */ defineComponent({
   __name: "CardFooter",
   props: {
     class: {}
@@ -865,7 +866,7 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+const _sfc_main$3n = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
     class: {}
@@ -888,7 +889,7 @@ const _sfc_main$2N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2M = /* @__PURE__ */ defineComponent({
+const _sfc_main$3m = /* @__PURE__ */ defineComponent({
   __name: "CardTitle",
   props: {
     class: {}
@@ -906,7 +907,7 @@ const _sfc_main$2M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2L = /* @__PURE__ */ defineComponent({
+const _sfc_main$3l = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     contentClass: {},
@@ -919,14 +920,14 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2R), null, {
+      return openBlock(), createBlock(unref(_sfc_main$3r), null, {
         default: withCtx(() => [
-          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$2N), {
+          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$3n), {
             key: 0,
             class: normalizeClass(_ctx.headerClass)
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$2M), {
+              createVNode(unref(_sfc_main$3m), {
                 class: normalizeClass(_ctx.titleClass)
               }, {
                 default: withCtx(() => [
@@ -934,7 +935,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$2P), {
+              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$3p), {
                 key: 0,
                 class: normalizeClass(_ctx.descriptionClass)
               }, {
@@ -946,12 +947,12 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["class"])) : createCommentVNode("", true),
-          _ctx.$slots.default ? (openBlock(), createBlock(unref(_sfc_main$2Q), {
+          _ctx.$slots.default ? (openBlock(), createBlock(unref(_sfc_main$3q), {
             key: 1,
             class: normalizeClass(unref(cn)("p-0", _ctx.contentClass))
           }, {
             default: withCtx(() => [
-              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$2S), {
+              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$3s), {
                 key: 0,
                 class: normalizeClass(_ctx.scrollAreaClass),
                 style: normalizeStyle({ height: unref(toPixel)(_ctx.scrollAreaHeight) })
@@ -964,7 +965,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["class"])) : createCommentVNode("", true),
-          _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$2O), {
+          _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$3o), {
             key: 2,
             class: normalizeClass(_ctx.footerClass)
           }, {
@@ -980,137 +981,186 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2K = /* @__PURE__ */ defineComponent({
-  __name: "Checkbox",
+const _hoisted_1$g = { class: "flex items-center gap-1" };
+const _hoisted_2$1 = { class: "mt-4 flex flex-col gap-y-4 sm:flex-row sm:gap-x-4 sm:gap-y-0" };
+const _sfc_main$3k = /* @__PURE__ */ defineComponent({
+  __name: "Calendar",
   props: {
-    defaultValue: { type: [Boolean, String] },
-    modelValue: { type: [Boolean, String, null] },
+    defaultValue: {},
+    defaultPlaceholder: {},
+    placeholder: {},
+    pagedNavigation: { type: Boolean },
+    preventDeselect: { type: Boolean },
+    weekStartsOn: {},
+    weekdayFormat: {},
+    calendarLabel: {},
+    fixedWeeks: { type: Boolean },
+    maxValue: {},
+    minValue: {},
+    locale: {},
+    numberOfMonths: {},
     disabled: { type: Boolean },
-    value: {},
-    id: {},
+    readonly: { type: Boolean },
+    initialFocus: { type: Boolean },
+    isDateDisabled: { type: Function },
+    isDateUnavailable: { type: Function },
+    dir: {},
+    nextPage: { type: Function },
+    prevPage: { type: Function },
+    modelValue: {},
+    multiple: { type: Boolean },
+    disableDaysOutsideCurrentView: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
-    name: {},
-    required: { type: Boolean },
     class: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "update:placeholder"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(CheckboxRoot), mergeProps({ "data-slot": "checkbox" }, unref(forwarded), {
-        class: unref(cn)(
-          "peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-          props.class
-        )
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(CheckboxIndicator), {
-            "data-slot": "checkbox-indicator",
-            class: "flex items-center justify-center text-current transition-none"
-          }, {
+      return openBlock(), createBlock(unref(CalendarRoot), mergeProps({
+        "data-slot": "calendar",
+        class: unref(cn)("p-3", props.class)
+      }, unref(forwarded)), {
+        default: withCtx(({ grid, weekDays }) => [
+          createVNode(unref(_sfc_main$3c), null, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                createVNode(unref(Check), { class: "size-3.5" })
+              createVNode(unref(_sfc_main$3b)),
+              createElementVNode("div", _hoisted_1$g, [
+                createVNode(unref(_sfc_main$39)),
+                createVNode(unref(_sfc_main$3a))
               ])
             ]),
-            _: 3
-          })
+            _: 1
+          }),
+          createElementVNode("div", _hoisted_2$1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
+              return openBlock(), createBlock(unref(_sfc_main$3h), {
+                key: month.value.toString()
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$3f), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(_sfc_main$3e), null, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
+                            return openBlock(), createBlock(unref(_sfc_main$3d), { key: day }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(day), 1)
+                              ]),
+                              _: 2
+                            }, 1024);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  createVNode(unref(_sfc_main$3g), null, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
+                        return openBlock(), createBlock(unref(_sfc_main$3e), {
+                          key: `weekDate-${index}`,
+                          class: "mt-2 w-full"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
+                              return openBlock(), createBlock(unref(_sfc_main$3j), {
+                                key: weekDate.toString(),
+                                date: weekDate
+                              }, {
+                                default: withCtx(() => [
+                                  createVNode(unref(_sfc_main$3i), {
+                                    day: weekDate,
+                                    month: month.value
+                                  }, null, 8, ["day", "month"])
+                                ]),
+                                _: 2
+                              }, 1032, ["date"]);
+                            }), 128))
+                          ]),
+                          _: 2
+                        }, 1024);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ])
         ]),
-        _: 3
+        _: 1
       }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$2J = /* @__PURE__ */ defineComponent({
-  __name: "Checkbox",
-  props: /* @__PURE__ */ mergeModels({
-    defaultValue: { type: [Boolean, String] },
-    disabled: { type: Boolean }
-  }, {
-    "modelValue": { type: [Boolean, String, null], ...{ required: false } },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const value = useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2K), {
-        modelValue: value.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-        "default-value": _ctx.defaultValue,
-        disabled: _ctx.disabled
-      }, null, 8, ["modelValue", "default-value", "disabled"]);
-    };
-  }
-});
-
-function toBooleanCheckboxValue(value) {
-  return value === true;
-}
-
-const _sfc_main$2I = /* @__PURE__ */ defineComponent({
-  __name: "Combobox",
+const _sfc_main$3j = /* @__PURE__ */ defineComponent({
+  __name: "CalendarCell",
   props: {
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    resetSearchTermOnBlur: { type: Boolean },
-    resetSearchTermOnSelect: { type: Boolean },
-    ignoreFilter: { type: Boolean },
-    modelValue: {},
-    defaultValue: {},
-    multiple: { type: Boolean },
-    dir: {},
-    disabled: { type: Boolean },
-    highlightOnHover: { type: Boolean },
-    by: { type: [String, Function] },
+    date: {},
     asChild: { type: Boolean },
     as: {},
-    name: {},
-    required: { type: Boolean }
+    class: {}
   },
-  emits: ["update:modelValue", "highlight", "update:open"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxRoot), mergeProps({ "data-slot": "combobox" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(CalendarCell), mergeProps({
+        "data-slot": "calendar-cell",
+        class: unref(cn)(
+          "[&:has([data-selected])]:bg-accent relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md",
+          props.class
+        )
+      }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$2H = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxAnchor",
+const _sfc_main$3i = /* @__PURE__ */ defineComponent({
+  __name: "CalendarCellTrigger",
   props: {
-    reference: {},
+    day: {},
+    month: {},
     asChild: { type: Boolean },
-    as: {},
+    as: { default: "button" },
     class: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardProps(delegatedProps);
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxAnchor), mergeProps({ "data-slot": "combobox-anchor" }, unref(forwarded), {
-        class: unref(cn)("w-[200px]", props.class)
-      }), {
+      return openBlock(), createBlock(unref(CalendarCellTrigger), mergeProps({
+        "data-slot": "calendar-cell-trigger",
+        class: unref(cn)(
+          unref(buttonVariants)({ variant: "ghost" }),
+          "size-8 cursor-default p-0 font-normal aria-selected:opacity-100",
+          "[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
+          // Selected
+          "data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground data-[selected]:opacity-100",
+          // Disabled
+          "data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
+          // Unavailable
+          "data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through",
+          // Outside months
+          "data-[outside-view]:text-muted-foreground",
+          props.class
+        )
+      }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1120,8 +1170,8 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2G = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxEmpty",
+const _sfc_main$3h = /* @__PURE__ */ defineComponent({
+  __name: "CalendarGrid",
   props: {
     asChild: { type: Boolean },
     as: {},
@@ -1129,14 +1179,13 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxEmpty), mergeProps({ "data-slot": "combobox-empty" }, delegatedProps.value, {
-        class: unref(cn)("py-6 text-center text-sm", props.class)
-      }), {
+      return openBlock(), createBlock(unref(CalendarGrid), mergeProps({
+        "data-slot": "calendar-grid",
+        class: unref(cn)("w-full border-collapse space-x-1", props.class)
+      }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1146,115 +1195,61 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2F = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxGroup",
+const _sfc_main$3g = /* @__PURE__ */ defineComponent({
+  __name: "CalendarGridBody",
   props: {
     asChild: { type: Boolean },
-    as: {},
-    class: {},
-    heading: {}
+    as: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxGroup), mergeProps({ "data-slot": "combobox-group" }, delegatedProps.value, {
-        class: unref(cn)("text-foreground overflow-hidden p-1", props.class)
-      }), {
+      return openBlock(), createBlock(unref(CalendarGridBody), mergeProps({ "data-slot": "calendar-grid-body" }, props), {
         default: withCtx(() => [
-          _ctx.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
-            key: 0,
-            class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.heading), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["class"]);
+      }, 16);
     };
   }
 });
 
-const _hoisted_1$c = {
-  "data-slot": "command-input-wrapper",
-  class: "flex h-9 items-center gap-2 border-b px-3"
-};
-const _sfc_main$2E = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "ComboboxInput",
+const _sfc_main$3f = /* @__PURE__ */ defineComponent({
+  __name: "CalendarGridHead",
   props: {
-    displayValue: { type: Function },
-    modelValue: {},
-    autoFocus: { type: Boolean },
-    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        createVNode(unref(SearchIcon), { class: "size-4 shrink-0 opacity-50" }),
-        createVNode(unref(ComboboxInput), mergeProps({
-          "data-slot": "command-input",
-          class: unref(cn)(
-            "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
-            props.class
-          )
-        }, { ...unref(forwarded), ..._ctx.$attrs }), {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["class"])
-      ]);
+      return openBlock(), createBlock(unref(CalendarGridHead), mergeProps({ "data-slot": "calendar-grid-head" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });
 
-const _sfc_main$2D = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxItem",
+const _sfc_main$3e = /* @__PURE__ */ defineComponent({
+  __name: "CalendarGridRow",
   props: {
-    textValue: {},
-    value: {},
-    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxItem), mergeProps({ "data-slot": "combobox-item" }, unref(forwarded), {
-        class: unref(cn)(
-          `data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
-          props.class
-        )
-      }), {
+      return openBlock(), createBlock(unref(CalendarGridRow), mergeProps({
+        "data-slot": "calendar-grid-row",
+        class: unref(cn)("flex", props.class)
+      }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1264,8 +1259,900 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2C = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxItemIndicator",
+const _sfc_main$3d = /* @__PURE__ */ defineComponent({
+  __name: "CalendarHeadCell",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CalendarHeadCell), mergeProps({
+        "data-slot": "calendar-head-cell",
+        class: unref(cn)("text-muted-foreground w-8 rounded-md text-[0.8rem] font-normal", props.class)
+      }, unref(forwardedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$3c = /* @__PURE__ */ defineComponent({
+  __name: "CalendarHeader",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CalendarHeader), mergeProps({
+        "data-slot": "calendar-header",
+        class: unref(cn)("relative flex w-full items-center justify-center pt-1", props.class)
+      }, unref(forwardedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$3b = /* @__PURE__ */ defineComponent({
+  __name: "CalendarHeading",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CalendarHeading), mergeProps({
+        "data-slot": "calendar-heading",
+        class: unref(cn)("text-sm font-medium", props.class)
+      }, unref(forwardedProps)), {
+        default: withCtx(({ headingValue }) => [
+          renderSlot(_ctx.$slots, "default", { headingValue }, () => [
+            createTextVNode(toDisplayString(headingValue), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$3a = /* @__PURE__ */ defineComponent({
+  __name: "CalendarNextButton",
+  props: {
+    nextPage: { type: Function },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CalendarNext), mergeProps({
+        "data-slot": "calendar-next-button",
+        class: unref(cn)(
+          unref(buttonVariants)({ variant: "outline" }),
+          "absolute right-1",
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          props.class
+        )
+      }, unref(forwardedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(unref(ChevronRight), { class: "size-4" })
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+  __name: "CalendarPrevButton",
+  props: {
+    prevPage: { type: Function },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CalendarPrev), mergeProps({
+        "data-slot": "calendar-prev-button",
+        class: unref(cn)(
+          unref(buttonVariants)({ variant: "outline" }),
+          "absolute left-1",
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          props.class
+        )
+      }, unref(forwardedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(unref(ChevronLeft), { class: "size-4" })
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+  __name: "Checkbox",
+  props: {
+    defaultValue: { type: [Boolean, String] },
+    modelValue: { type: [Boolean, String, null] },
+    disabled: { type: Boolean },
+    value: {},
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(CheckboxRoot), mergeProps({ "data-slot": "checkbox" }, unref(forwarded), {
+        class: unref(cn)(
+          "peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(CheckboxIndicator), {
+            "data-slot": "checkbox-indicator",
+            class: "flex items-center justify-center text-current transition-none"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createVNode(unref(Check), { class: "size-3.5" })
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+  __name: "Checkbox",
+  props: /* @__PURE__ */ mergeModels({
+    defaultValue: { type: [Boolean, String] },
+    disabled: { type: Boolean }
+  }, {
+    "modelValue": { type: [Boolean, String, null], ...{ required: false } },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const value = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$38), {
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+        "default-value": _ctx.defaultValue,
+        disabled: _ctx.disabled
+      }, null, 8, ["modelValue", "default-value", "disabled"]);
+    };
+  }
+});
+
+function toBooleanCheckboxValue(value) {
+  return value === true;
+}
+
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+  __name: "Combobox",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    resetSearchTermOnBlur: { type: Boolean },
+    resetSearchTermOnSelect: { type: Boolean },
+    ignoreFilter: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    multiple: { type: Boolean },
+    dir: {},
+    disabled: { type: Boolean },
+    highlightOnHover: { type: Boolean },
+    by: { type: [String, Function] },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "highlight", "update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxRoot), mergeProps({ "data-slot": "combobox" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxAnchor",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxAnchor), mergeProps({ "data-slot": "combobox-anchor" }, unref(forwarded), {
+        class: unref(cn)("w-[200px]", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxEmpty",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxEmpty), mergeProps({ "data-slot": "combobox-empty" }, delegatedProps.value, {
+        class: unref(cn)("py-6 text-center text-sm", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    heading: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxGroup), mergeProps({ "data-slot": "combobox-group" }, delegatedProps.value, {
+        class: unref(cn)("text-foreground overflow-hidden p-1", props.class)
+      }), {
+        default: withCtx(() => [
+          _ctx.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
+            key: 0,
+            class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.heading), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _hoisted_1$f = {
+  "data-slot": "command-input-wrapper",
+  class: "flex h-9 items-center gap-2 border-b px-3"
+};
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "ComboboxInput",
+  props: {
+    displayValue: { type: Function },
+    modelValue: {},
+    autoFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createVNode(unref(SearchIcon), { class: "size-4 shrink-0 opacity-50" }),
+        createVNode(unref(ComboboxInput), mergeProps({
+          "data-slot": "command-input",
+          class: unref(cn)(
+            "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+            props.class
+          )
+        }, { ...unref(forwarded), ..._ctx.$attrs }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]);
+    };
+  }
+});
+
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxItem",
+  props: {
+    textValue: {},
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxItem), mergeProps({ "data-slot": "combobox-item" }, unref(forwarded), {
+        class: unref(cn)(
+          `data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxItemIndicator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxItemIndicator), mergeProps({ "data-slot": "combobox-item-indicator" }, unref(forwarded), {
+        class: unref(cn)("ml-auto", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxList",
+  props: {
+    forceMount: { type: Boolean },
+    position: { default: "popper" },
+    bodyLock: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    align: { default: "center" },
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean },
+    class: {},
+    viewportClass: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class", "viewportClass");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxPortal), null, {
+        default: withCtx(() => [
+          createVNode(unref(ComboboxContent), mergeProps({ "data-slot": "combobox-list" }, unref(forwarded), {
+            class: unref(cn)(
+              "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[200px] origin-(--reka-combobox-content-transform-origin) overflow-hidden rounded-md border shadow-md outline-none",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxSeparator), mergeProps({ "data-slot": "combobox-separator" }, delegatedProps.value, {
+        class: unref(cn)("bg-border -mx-1 h-px", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxViewport",
+  props: {
+    nonce: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ComboboxViewport), mergeProps({ "data-slot": "combobox-viewport" }, unref(forwarded), {
+        class: unref(cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
+  __name: "Command",
+  props: {
+    modelValue: { default: "" },
+    defaultValue: {},
+    multiple: { type: Boolean },
+    orientation: {},
+    dir: {},
+    disabled: { type: Boolean },
+    selectionBehavior: {},
+    highlightOnHover: { type: Boolean },
+    by: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue", "highlight", "entryFocus", "leave"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const allItems = ref(/* @__PURE__ */ new Map());
+    const allGroups = ref(/* @__PURE__ */ new Map());
+    const { contains } = useFilter({ sensitivity: "base" });
+    const filterState = reactive({
+      search: "",
+      filtered: {
+        /** The count of all visible items. */
+        count: 0,
+        /** Map from visible item id to its search score. */
+        items: /* @__PURE__ */ new Map(),
+        /** Set of groups with at least one visible item. */
+        groups: /* @__PURE__ */ new Set()
+      }
+    });
+    function filterItems() {
+      if (!filterState.search) {
+        filterState.filtered.count = allItems.value.size;
+        return;
+      }
+      filterState.filtered.groups = /* @__PURE__ */ new Set();
+      let itemCount = 0;
+      for (const [id, value] of allItems.value) {
+        const score = contains(value, filterState.search);
+        filterState.filtered.items.set(id, score ? 1 : 0);
+        if (score) itemCount++;
+      }
+      for (const [groupId, group] of allGroups.value) {
+        for (const itemId of group) {
+          if (filterState.filtered.items.get(itemId) > 0) {
+            filterState.filtered.groups.add(groupId);
+            break;
+          }
+        }
+      }
+      filterState.filtered.count = itemCount;
+    }
+    watch(
+      () => filterState.search,
+      () => {
+        filterItems();
+      }
+    );
+    provideCommandContext({
+      allItems,
+      allGroups,
+      filterState
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ListboxRoot), mergeProps({ "data-slot": "command" }, unref(forwarded), {
+        class: unref(cn)(
+          "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$2X = /* @__PURE__ */ defineComponent({
+  __name: "Dialog",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    modal: { 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(DialogRoot), mergeProps({ "data-slot": "dialog" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$2W = /* @__PURE__ */ defineComponent({
+  __name: "DialogClose",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose), mergeProps({ "data-slot": "dialog-close" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$2V = /* @__PURE__ */ defineComponent({
+  __name: "DialogOverlay",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogOverlay), mergeProps({ "data-slot": "dialog-overlay" }, delegatedProps.value, {
+        class: unref(cn)(
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$2U = /* @__PURE__ */ defineComponent({
+  __name: "DialogContent",
+  props: {
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogPortal), null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2V),
+          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",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default"),
+              createVNode(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" }, {
+                default: withCtx(() => [
+                  createVNode(unref(X)),
+                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                ]),
+                _: 1,
+                __: [0]
+              })
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$2T = /* @__PURE__ */ defineComponent({
+  __name: "DialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogDescription), mergeProps({ "data-slot": "dialog-description" }, unref(forwardedProps), {
+        class: unref(cn)("text-muted-foreground text-sm", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+  __name: "DialogFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "dialog-footer",
+        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$2R = /* @__PURE__ */ defineComponent({
+  __name: "DialogHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "dialog-header",
+        class: normalizeClass(unref(cn)("flex flex-col gap-2 text-center sm:text-left", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
+  __name: "DialogScrollContent",
+  props: {
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogPortal), null, {
+        default: withCtx(() => [
+          createVNode(unref(DialogOverlay), { class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80" }, {
+            default: withCtx(() => [
+              createVNode(unref(DialogContent), mergeProps({
+                class: unref(cn)(
+                  "border-border bg-background relative z-50 my-8 grid w-full max-w-lg gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
+                  props.class
+                )
+              }, unref(forwarded), {
+                onPointerDownOutside: _cache[0] || (_cache[0] = (event) => {
+                  const originalEvent = event.detail.originalEvent;
+                  const target = originalEvent.target;
+                  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+                    event.preventDefault();
+                  }
+                })
+              }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default"),
+                  createVNode(unref(DialogClose), { class: "hover:bg-secondary absolute top-4 right-4 rounded-md p-0.5 transition-colors" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(X), { class: "h-4 w-4" }),
+                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                    ]),
+                    _: 1,
+                    __: [1]
+                  })
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$2P = /* @__PURE__ */ defineComponent({
+  __name: "DialogTitle",
   props: {
     asChild: { type: Boolean },
     as: {},
@@ -1277,10 +2164,10 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwarded = useForwardProps(delegatedProps);
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxItemIndicator), mergeProps({ "data-slot": "combobox-item-indicator" }, unref(forwarded), {
-        class: unref(cn)("ml-auto", props.class)
+      return openBlock(), createBlock(unref(DialogTitle), mergeProps({ "data-slot": "dialog-title" }, unref(forwardedProps), {
+        class: unref(cn)("text-lg leading-none font-semibold", props.class)
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -1291,75 +2178,301 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2B = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxList",
+const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+  __name: "DialogTrigger",
   props: {
-    forceMount: { type: Boolean },
-    position: { default: "popper" },
-    bodyLock: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    align: { default: "center" },
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
     asChild: { type: Boolean },
-    as: {},
-    disableOutsidePointerEvents: { type: Boolean },
-    class: {},
-    viewportClass: {}
+    as: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTrigger), mergeProps({ "data-slot": "dialog-trigger" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+  __name: "CommandDialog",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    modal: { type: Boolean },
+    title: { default: "Command Palette" },
+    description: { default: "Search for a command to run..." }
+  },
+  emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const delegatedProps = reactiveOmit(props, "class", "viewportClass");
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxPortal), null, {
+      return openBlock(), createBlock(unref(_sfc_main$2X), normalizeProps(guardReactiveProps(unref(forwarded))), {
         default: withCtx(() => [
-          createVNode(unref(ComboboxContent), mergeProps({ "data-slot": "combobox-list" }, unref(forwarded), {
-            class: unref(cn)(
-              "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-[200px] origin-(--reka-combobox-content-transform-origin) overflow-hidden rounded-md border shadow-md outline-none",
-              props.class
-            )
-          }), {
+          createVNode(unref(_sfc_main$2U), { class: "overflow-hidden p-0" }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              createVNode(unref(_sfc_main$2R), { class: "sr-only" }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$2P), null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.title), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(_sfc_main$2T), null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.description), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              createVNode(_sfc_main$2Y, null, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              })
             ]),
             _: 3
-          }, 16, ["class"])
+          })
         ]),
         _: 3
-      });
+      }, 16);
     };
   }
 });
 
-const _sfc_main$2A = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxSeparator",
+const _sfc_main$2M = /* @__PURE__ */ defineComponent({
+  __name: "CommandEmpty",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const { filterState } = useCommand();
+    const isRender = computed(() => !!filterState.search && filterState.filtered.count === 0);
+    return (_ctx, _cache) => {
+      return isRender.value ? (openBlock(), createBlock(unref(Primitive), mergeProps({
+        key: 0,
+        "data-slot": "command-empty"
+      }, unref(delegatedProps), {
+        class: unref(cn)("py-6 text-center text-sm", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+const _sfc_main$2L = /* @__PURE__ */ defineComponent({
+  __name: "CommandGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    heading: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const { allGroups, filterState } = useCommand();
+    const id = useId();
+    const isRender = computed(() => !filterState.search ? true : filterState.filtered.groups.has(id));
+    provideCommandGroupContext({ id });
+    onMounted(() => {
+      if (!allGroups.value.has(id)) allGroups.value.set(id, /* @__PURE__ */ new Set());
+    });
+    onUnmounted(() => {
+      allGroups.value.delete(id);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ListboxGroup), mergeProps(unref(delegatedProps), {
+        id: unref(id),
+        "data-slot": "command-group",
+        class: unref(cn)("text-foreground overflow-hidden p-1", props.class),
+        hidden: isRender.value ? void 0 : true
+      }), {
+        default: withCtx(() => [
+          _ctx.heading ? (openBlock(), createBlock(unref(ListboxGroupLabel), {
+            key: 0,
+            class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.heading), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["id", "class", "hidden"]);
+    };
+  }
+});
+
+const _hoisted_1$e = {
+  "data-slot": "command-input-wrapper",
+  class: "flex h-12 items-center gap-2 border-b px-3"
+};
+const _sfc_main$2K = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "CommandInput",
+  props: {
+    modelValue: {},
+    autoFocus: { type: Boolean },
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    const { filterState } = useCommand();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createVNode(unref(Search), { class: "size-4 shrink-0 opacity-50" }),
+        createVNode(unref(ListboxFilter), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
+          modelValue: unref(filterState).search,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filterState).search = $event),
+          "data-slot": "command-input",
+          "auto-focus": "",
+          class: unref(cn)(
+            "placeholder:text-muted-foreground flex h-12 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+            props.class
+          )
+        }), null, 16, ["modelValue", "class"])
+      ]);
+    };
+  }
+});
+
+const _sfc_main$2J = /* @__PURE__ */ defineComponent({
+  __name: "CommandItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const id = useId();
+    const { filterState, allItems, allGroups } = useCommand();
+    const groupContext = useCommandGroup();
+    const isRender = computed(() => {
+      if (!filterState.search) {
+        return true;
+      } else {
+        const filteredCurrentItem = filterState.filtered.items.get(id);
+        if (filteredCurrentItem === void 0) {
+          return true;
+        }
+        return filteredCurrentItem > 0;
+      }
+    });
+    const itemRef = ref();
+    const currentElement = useCurrentElement(itemRef);
+    onMounted(() => {
+      if (!(currentElement.value instanceof HTMLElement)) return;
+      allItems.value.set(id, currentElement.value.textContent ?? props.value?.toString() ?? "");
+      const groupId = groupContext?.id;
+      if (groupId) {
+        if (!allGroups.value.has(groupId)) {
+          allGroups.value.set(groupId, /* @__PURE__ */ new Set([id]));
+        } else {
+          allGroups.value.get(groupId)?.add(id);
+        }
+      }
+    });
+    onUnmounted(() => {
+      allItems.value.delete(id);
+    });
+    return (_ctx, _cache) => {
+      return isRender.value ? (openBlock(), createBlock(unref(ListboxItem), mergeProps({ key: 0 }, unref(forwarded), {
+        id: unref(id),
+        ref_key: "itemRef",
+        ref: itemRef,
+        "data-slot": "command-item",
+        class: unref(cn)(
+          `data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-3 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          props.class
+        ),
+        onSelect: _cache[0] || (_cache[0] = () => {
+          unref(filterState).search = "";
+        })
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["id", "class"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+const _hoisted_1$d = { role: "presentation" };
+const _sfc_main$2I = /* @__PURE__ */ defineComponent({
+  __name: "CommandList",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ListboxContent), mergeProps({ "data-slot": "command-list" }, unref(forwarded), {
+        class: unref(cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", props.class)
+      }), {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$d, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$2H = /* @__PURE__ */ defineComponent({
+  __name: "CommandSeparator",
   props: {
+    orientation: {},
+    decorative: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxSeparator), mergeProps({ "data-slot": "combobox-separator" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(Separator), mergeProps({ "data-slot": "command-separator" }, unref(delegatedProps), {
         class: unref(cn)("bg-border -mx-1 h-px", props.class)
       }), {
         default: withCtx(() => [
@@ -1371,35 +2484,28 @@ const _sfc_main$2A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2z = /* @__PURE__ */ defineComponent({
-  __name: "ComboboxViewport",
+const _sfc_main$2G = /* @__PURE__ */ defineComponent({
+  __name: "CommandShortcut",
   props: {
-    nonce: {},
-    asChild: { type: Boolean },
-    as: {},
     class: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ComboboxViewport), mergeProps({ "data-slot": "combobox-viewport" }, unref(forwarded), {
-        class: unref(cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", props.class)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
+      return openBlock(), createElementBlock("span", {
+        "data-slot": "command-shortcut",
+        class: normalizeClass(unref(cn)("text-muted-foreground ml-auto text-xs tracking-widest", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
     };
   }
 });
 
-const _sfc_main$2y = /* @__PURE__ */ defineComponent({
+const [useCommand, provideCommandContext] = createContext("Command");
+const [useCommandGroup, provideCommandGroupContext] = createContext("CommandGroup");
+
+const _sfc_main$2F = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   props: {
     dir: {},
@@ -1421,8 +2527,8 @@ const _sfc_main$2y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$b = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$2x = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2E = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
@@ -1449,7 +2555,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$b, [
+          createElementVNode("span", _hoisted_1$c, [
             createVNode(unref(ContextMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Check), { class: "size-4" })
@@ -1465,7 +2571,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2w = /* @__PURE__ */ defineComponent({
+const _sfc_main$2D = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -1514,7 +2620,7 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2v = /* @__PURE__ */ defineComponent({
+const _sfc_main$2C = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuGroup",
   props: {
     asChild: { type: Boolean },
@@ -1533,7 +2639,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2u = /* @__PURE__ */ defineComponent({
+const _sfc_main$2B = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -1573,7 +2679,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2t = /* @__PURE__ */ defineComponent({
+const _sfc_main$2A = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuLabel",
   props: {
     asChild: { type: Boolean },
@@ -1603,7 +2709,7 @@ const _sfc_main$2t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2s = /* @__PURE__ */ defineComponent({
+const _sfc_main$2z = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuRadioGroup",
   props: {
     modelValue: {},
@@ -1626,8 +2732,8 @@ const _sfc_main$2s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2y = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuRadioItem",
   props: {
     value: {},
@@ -1654,7 +2760,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$a, [
+          createElementVNode("span", _hoisted_1$b, [
             createVNode(unref(ContextMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Circle), { class: "size-2 fill-current" })
@@ -1670,7 +2776,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+const _sfc_main$2x = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSeparator",
   props: {
     asChild: { type: Boolean },
@@ -1691,7 +2797,7 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+const _sfc_main$2w = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuShortcut",
   props: {
     class: {}
@@ -1709,7 +2815,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2o = /* @__PURE__ */ defineComponent({
+const _sfc_main$2v = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -1731,7 +2837,7 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+const _sfc_main$2u = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -1778,7 +2884,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+const _sfc_main$2t = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -1815,7 +2921,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+const _sfc_main$2s = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -1836,20 +2942,34 @@ const _sfc_main$2l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2k = /* @__PURE__ */ defineComponent({
-  __name: "Dialog",
-  props: {
+const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+  __name: "Drawer",
+  props: {
+    activeSnapPoint: {},
+    closeThreshold: {},
+    shouldScaleBackground: { type: Boolean, default: true },
+    setBackgroundColorOnScale: { type: Boolean },
+    scrollLockTimeout: {},
+    fixed: { type: Boolean },
+    dismissible: { type: Boolean },
+    modal: { type: Boolean },
     open: { type: Boolean },
     defaultOpen: { type: Boolean },
-    modal: { type: Boolean }
+    nested: { type: Boolean },
+    direction: {},
+    noBodyStyles: { type: Boolean },
+    handleOnly: { type: Boolean },
+    preventScrollRestoration: { type: Boolean },
+    snapPoints: {},
+    fadeFromIndex: {}
   },
-  emits: ["update:open"],
+  emits: ["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogRoot), mergeProps({ "data-slot": "dialog" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(DrawerRoot), mergeProps({ "data-slot": "drawer" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1859,8 +2979,8 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2j = /* @__PURE__ */ defineComponent({
-  __name: "DialogClose",
+const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+  __name: "DrawerClose",
   props: {
     asChild: { type: Boolean },
     as: {}
@@ -1868,7 +2988,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogClose), mergeProps({ "data-slot": "dialog-close" }, props), {
+      return openBlock(), createBlock(unref(DrawerClose), mergeProps({ "data-slot": "drawer-close" }, props), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1878,8 +2998,8 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
-  __name: "DialogOverlay",
+const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+  __name: "DrawerOverlay",
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
@@ -1888,28 +3008,20 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogOverlay), mergeProps({ "data-slot": "dialog-overlay" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(DrawerOverlay), mergeProps({ "data-slot": "drawer-overlay" }, unref(delegatedProps), {
         class: unref(cn)(
           "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
           props.class
         )
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
+      }), null, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  __name: "DialogContent",
+const _sfc_main$2o = /* @__PURE__ */ defineComponent({
+  __name: "DrawerContent",
   props: {
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
@@ -1921,33 +3033,27 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPortal), null, {
+      return openBlock(), createBlock(unref(DrawerPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$2i),
-          createVNode(unref(DialogContent), mergeProps({ "data-slot": "dialog-content" }, unref(forwarded), {
+          createVNode(_sfc_main$2p),
+          createVNode(unref(DrawerContent), mergeProps({ "data-slot": "drawer-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",
+              `group/drawer-content bg-background fixed z-50 flex h-auto flex-col`,
+              `data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg`,
+              `data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg`,
+              `data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:sm:max-w-sm`,
+              `data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:sm:max-w-sm`,
               props.class
             )
           }), {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default"),
-              createVNode(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" }, {
-                default: withCtx(() => [
-                  createVNode(unref(X)),
-                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
-                ]),
-                _: 1,
-                __: [0]
-              })
+              _cache[0] || (_cache[0] = createElementVNode("div", { class: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }, null, -1)),
+              renderSlot(_ctx.$slots, "default")
             ]),
-            _: 3
+            _: 3,
+            __: [0]
           }, 16, ["class"])
         ]),
         _: 3
@@ -1956,8 +3062,8 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  __name: "DialogDescription",
+const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+  __name: "DrawerDescription",
   props: {
     asChild: { type: Boolean },
     as: {},
@@ -1965,13 +3071,9 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwardedProps = useForwardProps(delegatedProps);
+    const delegatedProps = reactiveOmit(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogDescription), mergeProps({ "data-slot": "dialog-description" }, unref(forwardedProps), {
+      return openBlock(), createBlock(unref(DrawerDescription), mergeProps({ "data-slot": "drawer-description" }, unref(delegatedProps), {
         class: unref(cn)("text-muted-foreground text-sm", props.class)
       }), {
         default: withCtx(() => [
@@ -1983,8 +3085,8 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  __name: "DialogFooter",
+const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+  __name: "DrawerFooter",
   props: {
     class: {}
   },
@@ -1992,8 +3094,8 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        "data-slot": "dialog-footer",
-        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", props.class))
+        "data-slot": "drawer-footer",
+        class: normalizeClass(unref(cn)("mt-auto flex flex-col gap-2 p-4", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -2001,8 +3103,8 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
-  __name: "DialogHeader",
+const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+  __name: "DrawerHeader",
   props: {
     class: {}
   },
@@ -2010,8 +3112,8 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        "data-slot": "dialog-header",
-        class: normalizeClass(unref(cn)("flex flex-col gap-2 text-center sm:text-left", props.class))
+        "data-slot": "drawer-header",
+        class: normalizeClass(unref(cn)("flex flex-col gap-1.5 p-4", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -2019,68 +3121,8 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2d = /* @__PURE__ */ defineComponent({
-  __name: "DialogScrollContent",
-  props: {
-    forceMount: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPortal), null, {
-        default: withCtx(() => [
-          createVNode(unref(DialogOverlay), { class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80" }, {
-            default: withCtx(() => [
-              createVNode(unref(DialogContent), mergeProps({
-                class: unref(cn)(
-                  "border-border bg-background relative z-50 my-8 grid w-full max-w-lg gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
-                  props.class
-                )
-              }, unref(forwarded), {
-                onPointerDownOutside: _cache[0] || (_cache[0] = (event) => {
-                  const originalEvent = event.detail.originalEvent;
-                  const target = originalEvent.target;
-                  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
-                    event.preventDefault();
-                  }
-                })
-              }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default"),
-                  createVNode(unref(DialogClose), { class: "hover:bg-secondary absolute top-4 right-4 rounded-md p-0.5 transition-colors" }, {
-                    default: withCtx(() => [
-                      createVNode(unref(X), { class: "h-4 w-4" }),
-                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
-                    ]),
-                    _: 1,
-                    __: [1]
-                  })
-                ]),
-                _: 3
-              }, 16, ["class"])
-            ]),
-            _: 3
-          })
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
-  __name: "DialogTitle",
+const _sfc_main$2k = /* @__PURE__ */ defineComponent({
+  __name: "DrawerTitle",
   props: {
     asChild: { type: Boolean },
     as: {},
@@ -2088,14 +3130,10 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwardedProps = useForwardProps(delegatedProps);
+    const delegatedProps = reactiveOmit(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogTitle), mergeProps({ "data-slot": "dialog-title" }, unref(forwardedProps), {
-        class: unref(cn)("text-lg leading-none font-semibold", props.class)
+      return openBlock(), createBlock(unref(DrawerTitle), mergeProps({ "data-slot": "drawer-title" }, unref(delegatedProps), {
+        class: unref(cn)("text-foreground font-semibold", props.class)
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -2106,8 +3144,8 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
-  __name: "DialogTrigger",
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+  __name: "DrawerTrigger",
   props: {
     asChild: { type: Boolean },
     as: {}
@@ -2115,7 +3153,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogTrigger), mergeProps({ "data-slot": "dialog-trigger" }, props), {
+      return openBlock(), createBlock(unref(DrawerTrigger), mergeProps({ "data-slot": "drawer-trigger" }, props), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -2125,7 +3163,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenu",
   props: {
     defaultOpen: { type: Boolean },
@@ -2149,8 +3187,8 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$9 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
@@ -2177,7 +3215,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$9, [
+          createElementVNode("span", _hoisted_1$a, [
             createVNode(unref(DropdownMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Check), { class: "size-4" })
@@ -2193,7 +3231,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -2247,7 +3285,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuGroup",
   props: {
     asChild: { type: Boolean },
@@ -2266,7 +3304,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -2301,7 +3339,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuLabel",
   props: {
     asChild: { type: Boolean },
@@ -2329,7 +3367,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuRadioGroup",
   props: {
     modelValue: {},
@@ -2352,8 +3390,8 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$8 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuRadioItem",
   props: {
     value: {},
@@ -2380,7 +3418,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$8, [
+          createElementVNode("span", _hoisted_1$9, [
             createVNode(unref(DropdownMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Circle), { class: "size-2 fill-current" })
@@ -2396,7 +3434,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSeparator",
   props: {
     asChild: { type: Boolean },
@@ -2417,7 +3455,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuShortcut",
   props: {
     class: {}
@@ -2435,7 +3473,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -2457,7 +3495,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -2504,7 +3542,7 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -2535,7 +3573,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -2556,7 +3594,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
   __name: "HoverCard",
   props: {
     defaultOpen: { type: Boolean },
@@ -2580,7 +3618,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
   __name: "HoverCardContent",
   props: {
     forceMount: { type: Boolean },
@@ -2631,7 +3669,7 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   __name: "HoverCardTrigger",
   props: {
     reference: {},
@@ -2651,7 +3689,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     defaultValue: {},
@@ -2685,7 +3723,7 @@ const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     autocomplete: {},
@@ -2728,7 +3766,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
     }
     __expose({ inputEl, focus, blur, select });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1V), {
+      return openBlock(), createBlock(unref(_sfc_main$21), {
         ref: "inputComponent",
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
@@ -2752,7 +3790,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   __name: "NumberField",
   props: {
     defaultValue: {},
@@ -2795,7 +3833,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldContent",
   props: {
     class: {}
@@ -2817,7 +3855,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldDecrement",
   props: {
     disabled: { type: Boolean },
@@ -2850,7 +3888,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldIncrement",
   props: {
     disabled: { type: Boolean },
@@ -2883,7 +3921,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldInput",
   props: {
     class: {}
@@ -2904,7 +3942,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
   __name: "InputNumber",
   props: {
     class: {},
@@ -2931,7 +3969,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
       set: (it) => emit("update:modelValue", it ?? null)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1T), {
+      return openBlock(), createBlock(unref(_sfc_main$1$), {
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         "default-value": _ctx.defaultValue,
@@ -2946,13 +3984,13 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
         class: normalizeClass(unref(cn)("w-full", props.class))
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$1S), null, {
+          createVNode(unref(_sfc_main$1_), null, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$1R), {
+              createVNode(unref(_sfc_main$1Z), {
                 disabled: _ctx.disabled || _ctx.disableDecrement
               }, null, 8, ["disabled"]),
-              createVNode(unref(_sfc_main$1P)),
-              createVNode(unref(_sfc_main$1Q), {
+              createVNode(unref(_sfc_main$1X)),
+              createVNode(unref(_sfc_main$1Y), {
                 disabled: _ctx.disabled || _ctx.disableIncrement
               }, null, 8, ["disabled"])
             ]),
@@ -2965,7 +4003,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "InputText",
   props: /* @__PURE__ */ mergeModels({
     autocomplete: {},
@@ -3002,7 +4040,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
     }
     __expose({ inputEl, focus, blur, select });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1U), {
+      return openBlock(), createBlock(unref(_sfc_main$20), {
         ref: "inputComponent",
         modelValue: value.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
@@ -3025,7 +4063,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   __name: "Label",
   props: {
     for: {},
@@ -3055,8 +4093,8 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$7 = { key: 0 };
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { key: 0 };
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "Link",
   props: {
     label: {},
@@ -3068,7 +4106,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
         to: { name: _ctx.to }
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$8, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
         ]),
         _: 3
       }, 8, ["to"]);
@@ -3076,80 +4114,299 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   __name: "Loading",
   props: {
-    class: {},
-    icon: {},
-    iconClass: {}
+    class: {},
+    icon: {},
+    iconClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cn)("flex size-full items-center justify-center", props.class))
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(LoaderCircle)), {
+          class: normalizeClass(unref(cn)("loading-icon size-6", _ctx.iconClass))
+        }, null, 8, ["class"]))
+      ], 2);
+    };
+  }
+});
+
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1S, [["__scopeId", "data-v-bf69e6e9"]]);
+
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+  __name: "Menubar",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    dir: {},
+    loop: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarRoot), mergeProps({ "data-slot": "menubar" }, unref(forwarded), {
+        class: unref(cn)("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _hoisted_1$7 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+  __name: "MenubarCheckboxItem",
+  props: {
+    modelValue: { type: [Boolean, String] },
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarCheckboxItem), mergeProps({ "data-slot": "menubar-checkbox-item" }, unref(forwarded), {
+        class: unref(cn)(
+          `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1$7, [
+            createVNode(unref(MenubarItemIndicator), null, {
+              default: withCtx(() => [
+                createVNode(unref(Check), { class: "size-4" })
+              ]),
+              _: 1
+            })
+          ]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+  __name: "MenubarContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    side: {},
+    sideOffset: { default: 8 },
+    align: { default: "start" },
+    alignOffset: { default: -4 },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarPortal), null, {
+        default: withCtx(() => [
+          createVNode(unref(MenubarContent), mergeProps({ "data-slot": "menubar-content" }, unref(forwardedProps), {
+            class: unref(cn)(
+              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--reka-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+  __name: "MenubarGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarGroup), mergeProps({ "data-slot": "menubar-group" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+  __name: "MenubarItem",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    inset: { type: Boolean },
+    variant: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class", "inset", "variant");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarItem), mergeProps({
+        "data-slot": "menubar-item",
+        "data-inset": _ctx.inset ? "" : void 0,
+        "data-variant": _ctx.variant
+      }, unref(forwarded), {
+        class: unref(cn)(
+          `focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-inset", "data-variant", "class"]);
+    };
+  }
+});
+
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+  __name: "MenubarLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    inset: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class", "inset");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarLabel), mergeProps({
+        "data-inset": _ctx.inset ? "" : void 0
+      }, unref(delegatedProps), {
+        class: unref(cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-inset", "class"]);
+    };
+  }
+});
+
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+  __name: "MenubarMenu",
+  props: {
+    value: {}
   },
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cn)("flex items-center justify-center", props.class))
-      }, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ?? unref(LoaderCircle)), {
-          class: normalizeClass(unref(cn)("loading-icon size-6", _ctx.iconClass))
-        }, null, 8, ["class"]))
-      ], 2);
+      return openBlock(), createBlock(unref(MenubarMenu), mergeProps({ "data-slot": "menubar-menu" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });
 
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["__scopeId", "data-v-b457b93c"]]);
-
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  __name: "Menubar",
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+  __name: "MenubarRadioGroup",
   props: {
     modelValue: {},
-    defaultValue: {},
-    dir: {},
-    loop: { type: Boolean },
-    class: {}
+    asChild: { type: Boolean },
+    as: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarRoot), mergeProps({ "data-slot": "menubar" }, unref(forwarded), {
-        class: unref(cn)("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", props.class)
-      }), {
+      return openBlock(), createBlock(unref(MenubarRadioGroup), mergeProps({ "data-slot": "menubar-radio-group" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["class"]);
+      }, 16);
     };
   }
 });
 
 const _hoisted_1$6 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  __name: "MenubarCheckboxItem",
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+  __name: "MenubarRadioItem",
   props: {
-    modelValue: { type: [Boolean, String] },
+    value: {},
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["select", "update:modelValue"],
+  emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -3159,7 +4416,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
     });
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarCheckboxItem), mergeProps({ "data-slot": "menubar-checkbox-item" }, unref(forwarded), {
+      return openBlock(), createBlock(unref(MenubarRadioItem), mergeProps({ "data-slot": "menubar-radio-item" }, unref(forwarded), {
         class: unref(cn)(
           `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
           props.class
@@ -3169,7 +4426,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
           createElementVNode("span", _hoisted_1$6, [
             createVNode(unref(MenubarItemIndicator), null, {
               default: withCtx(() => [
-                createVNode(unref(Check), { class: "size-4" })
+                createVNode(unref(Circle), { class: "size-2 fill-current" })
               ]),
               _: 1
             })
@@ -3182,15 +4439,76 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarSeparator), mergeProps({
+        "data-slot": "menubar-separator",
+        class: unref(cn)("bg-border -mx-1 my-1 h-px", props.class)
+      }, unref(forwardedProps)), null, 16, ["class"]);
+    };
+  }
+});
+
 const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  __name: "MenubarContent",
+  __name: "MenubarShortcut",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        "data-slot": "menubar-shortcut",
+        class: normalizeClass(unref(cn)("text-muted-foreground ml-auto text-xs tracking-widest", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSub",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { 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(MenubarSub), mergeProps({ "data-slot": "menubar-sub" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSubContent",
   props: {
     forceMount: { type: Boolean },
     loop: { type: Boolean },
-    side: {},
-    sideOffset: { default: 8 },
-    align: { default: "start" },
-    alignOffset: { default: -4 },
+    sideOffset: {},
+    alignOffset: {},
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
@@ -3206,19 +4524,21 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
     as: {},
     class: {}
   },
-  setup(__props) {
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwardedProps = useForwardProps(delegatedProps);
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MenubarPortal), null, {
         default: withCtx(() => [
-          createVNode(unref(MenubarContent), mergeProps({ "data-slot": "menubar-content" }, unref(forwardedProps), {
+          createVNode(unref(MenubarSubContent), mergeProps({ "data-slot": "menubar-sub-content" }, unref(forwarded), {
             class: unref(cn)(
-              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--reka-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+              "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
               props.class
             )
           }), {
@@ -3234,165 +4554,166 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  __name: "MenubarGroup",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarGroup), mergeProps({ "data-slot": "menubar-group" }, props), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
-  __name: "MenubarItem",
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSubTrigger",
   props: {
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
     as: {},
     class: {},
-    inset: { type: Boolean },
-    variant: {}
+    inset: { type: Boolean }
   },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
-    const delegatedProps = reactiveOmit(props, "class", "inset", "variant");
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const delegatedProps = reactiveOmit(props, "class", "inset");
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarItem), mergeProps({
-        "data-slot": "menubar-item",
-        "data-inset": _ctx.inset ? "" : void 0,
-        "data-variant": _ctx.variant
-      }, unref(forwarded), {
+      return openBlock(), createBlock(unref(MenubarSubTrigger), mergeProps({
+        "data-slot": "menubar-sub-trigger",
+        "data-inset": _ctx.inset ? "" : void 0
+      }, unref(forwardedProps), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
           props.class
         )
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(ChevronRight), { class: "ml-auto size-4" })
         ]),
         _: 3
-      }, 16, ["data-inset", "data-variant", "class"]);
+      }, 16, ["data-inset", "class"]);
     };
   }
 });
 
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
-  __name: "MenubarLabel",
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+  __name: "MenubarTrigger",
   props: {
+    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
-    class: {},
-    inset: { type: Boolean }
+    class: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = reactiveOmit(props, "class", "inset");
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarLabel), mergeProps({
-        "data-inset": _ctx.inset ? "" : void 0
-      }, unref(delegatedProps), {
-        class: unref(cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
+      return openBlock(), createBlock(unref(MenubarTrigger), mergeProps({ "data-slot": "menubar-trigger" }, unref(forwardedProps), {
+        class: unref(cn)(
+          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
+          props.class
+        )
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["data-inset", "class"]);
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  __name: "MenubarMenu",
+const _hoisted_1$5 = { class: "absolute top-full left-0 isolate z-50 flex justify-center" };
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuViewport",
   props: {
-    value: {}
+    forceMount: { type: Boolean },
+    align: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
   },
   setup(__props) {
     const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarMenu), mergeProps({ "data-slot": "menubar-menu" }, props), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createVNode(unref(NavigationMenuViewport), mergeProps({ "data-slot": "navigation-menu-viewport" }, unref(forwardedProps), {
+          class: unref(cn)(
+            "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--reka-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--reka-navigation-menu-viewport-width)]",
+            props.class
+          )
+        }), null, 16, ["class"])
+      ]);
     };
   }
 });
 
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  __name: "MenubarRadioGroup",
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenu",
   props: {
     modelValue: {},
+    defaultValue: {},
+    dir: {},
+    orientation: {},
+    delayDuration: {},
+    skipDelayDuration: {},
+    disableClickTrigger: { type: Boolean },
+    disableHoverTrigger: { type: Boolean },
+    disablePointerLeaveClose: { type: Boolean },
+    unmountOnHide: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    class: {},
+    viewport: { type: Boolean, default: true }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
+    const delegatedProps = reactiveOmit(props, "class", "viewport");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarRadioGroup), mergeProps({ "data-slot": "menubar-radio-group" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(NavigationMenuRoot), mergeProps({
+        "data-slot": "navigation-menu",
+        "data-viewport": _ctx.viewport
+      }, unref(forwarded), {
+        class: unref(cn)(
+          "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+          props.class
+        )
+      }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          renderSlot(_ctx.$slots, "default"),
+          _ctx.viewport ? (openBlock(), createBlock(_sfc_main$1C, { key: 0 })) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 16);
+      }, 16, ["data-viewport", "class"]);
     };
   }
 });
 
-const _hoisted_1$5 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  __name: "MenubarRadioItem",
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuContent",
   props: {
-    value: {},
-    disabled: { type: Boolean },
-    textValue: {},
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["select"],
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarRadioItem), mergeProps({ "data-slot": "menubar-radio-item" }, unref(forwarded), {
+      return openBlock(), createBlock(unref(NavigationMenuContent), mergeProps({ "data-slot": "navigation-menu-content" }, unref(forwarded), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          `data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto`,
+          `group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none`,
           props.class
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$5, [
-            createVNode(unref(MenubarItemIndicator), null, {
-              default: withCtx(() => [
-                createVNode(unref(Circle), { class: "size-2 fill-current" })
-              ]),
-              _: 1
-            })
-          ]),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -3401,157 +4722,115 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  __name: "MenubarSeparator",
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuIndicator",
   props: {
+    forceMount: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarSeparator), mergeProps({
-        "data-slot": "menubar-separator",
-        class: unref(cn)("bg-border -mx-1 my-1 h-px", props.class)
-      }, unref(forwardedProps)), null, 16, ["class"]);
+      return openBlock(), createBlock(unref(NavigationMenuIndicator), mergeProps({ "data-slot": "navigation-menu-indicator" }, unref(forwardedProps), {
+        class: unref(cn)(
+          "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+          props.class
+        )
+      }), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  __name: "MenubarShortcut",
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+  __name: "NavigationMenuItem",
   props: {
+    value: {},
+    asChild: { type: Boolean },
+    as: {},
     class: {}
   },
   setup(__props) {
     const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        "data-slot": "menubar-shortcut",
-        class: normalizeClass(unref(cn)("text-muted-foreground ml-auto text-xs tracking-widest", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  __name: "MenubarSub",
-  props: {
-    defaultOpen: { type: Boolean },
-    open: { 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(MenubarSub), mergeProps({ "data-slot": "menubar-sub" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(NavigationMenuItem), mergeProps({ "data-slot": "navigation-menu-item" }, unref(delegatedProps), {
+        class: unref(cn)("relative", props.class)
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["class"]);
     };
   }
 });
 
 const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  __name: "MenubarSubContent",
+  __name: "NavigationMenuLink",
   props: {
-    forceMount: { type: Boolean },
-    loop: { type: Boolean },
-    sideOffset: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
+    active: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarPortal), null, {
+      return openBlock(), createBlock(unref(NavigationMenuLink), mergeProps({ "data-slot": "navigation-menu-link" }, unref(forwarded), {
+        class: unref(cn)(
+          `'data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4' flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1`,
+          props.class
+        )
+      }), {
         default: withCtx(() => [
-          createVNode(unref(MenubarSubContent), mergeProps({ "data-slot": "menubar-sub-content" }, unref(forwarded), {
-            class: unref(cn)(
-              "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-              props.class
-            )
-          }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["class"])
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      });
+      }, 16, ["class"]);
     };
   }
 });
 
 const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  __name: "MenubarSubTrigger",
+  __name: "NavigationMenuList",
   props: {
-    disabled: { type: Boolean },
-    textValue: {},
     asChild: { type: Boolean },
     as: {},
-    class: {},
-    inset: { type: Boolean }
+    class: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = reactiveOmit(props, "class", "inset");
+    const delegatedProps = reactiveOmit(props, "class");
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarSubTrigger), mergeProps({
-        "data-slot": "menubar-sub-trigger",
-        "data-inset": _ctx.inset ? "" : void 0
-      }, unref(forwardedProps), {
-        class: unref(cn)(
-          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
-          props.class
-        )
+      return openBlock(), createBlock(unref(NavigationMenuList), mergeProps({ "data-slot": "navigation-menu-list" }, unref(forwardedProps), {
+        class: unref(cn)("group flex flex-1 list-none items-center justify-center gap-1", props.class)
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createVNode(unref(ChevronRight), { class: "ml-auto size-4" })
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["data-inset", "class"]);
+      }, 16, ["class"]);
     };
   }
 });
 
 const _sfc_main$1v = /* @__PURE__ */ defineComponent({
-  __name: "MenubarTrigger",
+  __name: "NavigationMenuTrigger",
   props: {
     disabled: { type: Boolean },
     asChild: { type: Boolean },
@@ -3560,20 +4839,18 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MenubarTrigger), mergeProps({ "data-slot": "menubar-trigger" }, unref(forwardedProps), {
-        class: unref(cn)(
-          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
-          props.class
-        )
+      return openBlock(), createBlock(unref(NavigationMenuTrigger), mergeProps({ "data-slot": "navigation-menu-trigger" }, unref(forwardedProps), {
+        class: unref(cn)(unref(navigationMenuTriggerStyle)(), "group", props.class)
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(ChevronDown), {
+            class: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          })
         ]),
         _: 3
       }, 16, ["class"]);
@@ -3581,6 +4858,10 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   }
 });
 
+const navigationMenuTriggerStyle = cva(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+);
+
 const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   props: {
@@ -5106,6 +6387,28 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
 });
 
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  __name: "SidebarInput",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$21), {
+        "data-slot": "sidebar-input",
+        "data-sidebar": "input",
+        class: normalizeClass(unref(cn)("bg-background h-8 w-full shadow-none", props.class))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "SidebarInset",
   props: {
     class: {}
@@ -5129,7 +6432,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenu",
   props: {
     class: {}
@@ -5148,7 +6451,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuAction",
   props: {
     asChild: { type: Boolean },
@@ -5186,7 +6489,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuBadge",
   props: {
     class: {}
@@ -5215,7 +6518,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
     defaultOpen: { type: Boolean },
@@ -5242,7 +6545,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5294,7 +6597,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "TooltipProvider",
   props: {
     delayDuration: { default: 0 },
@@ -5317,7 +6620,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "TooltipTrigger",
   props: {
     reference: {},
@@ -5337,7 +6640,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuButtonChild",
   props: {
     variant: { default: "default" },
@@ -5368,7 +6671,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5390,16 +6693,16 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       return delegated;
     });
     return (_ctx, _cache) => {
-      return !_ctx.tooltip ? (openBlock(), createBlock(_sfc_main$C, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
+      return !_ctx.tooltip ? (openBlock(), createBlock(_sfc_main$B, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16)) : (openBlock(), createBlock(unref(_sfc_main$G), { key: 1 }, {
+      }, 16)) : (openBlock(), createBlock(unref(_sfc_main$F), { key: 1 }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$D), { "as-child": "" }, {
+          createVNode(unref(_sfc_main$C), { "as-child": "" }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$C, normalizeProps(guardReactiveProps({ ...delegatedProps.value, ..._ctx.$attrs })), {
+              createVNode(_sfc_main$B, normalizeProps(guardReactiveProps({ ...delegatedProps.value, ..._ctx.$attrs })), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
@@ -5408,7 +6711,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(unref(_sfc_main$F), {
+          createVNode(unref(_sfc_main$E), {
             side: "right",
             align: "center",
             hidden: unref(state) !== "collapsed" || unref(isMobile)
@@ -5427,7 +6730,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuItem",
   props: {
     class: {}
@@ -5446,7 +6749,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
     class: {}
@@ -5462,7 +6765,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSkeleton",
   props: {
     showIcon: { type: Boolean },
@@ -5479,12 +6782,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         "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$z), {
+        _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$y), {
           key: 0,
           class: "size-4 rounded-md",
           "data-sidebar": "menu-skeleton-icon"
         })) : createCommentVNode("", true),
-        createVNode(unref(_sfc_main$z), {
+        createVNode(unref(_sfc_main$y), {
           class: "h-4 max-w-(--skeleton-width) flex-1",
           "data-sidebar": "menu-skeleton-text",
           style: normalizeStyle({ "--skeleton-width": width.value })
@@ -5494,7 +6797,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSub",
   props: {
     class: {}
@@ -5519,7 +6822,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSubButton",
   props: {
     asChild: { type: Boolean },
@@ -5558,7 +6861,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSubItem",
   props: {
     class: {}
@@ -5577,7 +6880,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "SidebarProvider",
   props: {
     defaultOpen: { type: Boolean, default: true },
@@ -5637,7 +6940,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SidebarRail",
   props: {
     class: {}
@@ -5672,7 +6975,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "SidebarSeparator",
   props: {
     class: {}
@@ -5694,7 +6997,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SidebarTrigger",
   props: {
     class: {}
@@ -5703,7 +7006,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { toggleSidebar } = useSidebar();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$37), {
+      return openBlock(), createBlock(unref(_sfc_main$3J), {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
         variant: "ghost",
@@ -5743,77 +7046,6 @@ const sidebarMenuButtonVariants = cva(
   }
 );
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
-  __name: "Sidebar",
-  props: /* @__PURE__ */ mergeModels({
-    collapsible: {},
-    defaultOpen: { type: Boolean },
-    side: {},
-    variant: {},
-    width: {},
-    widthMobile: {}
-  }, {
-    "open": { type: Boolean, ...{ required: false } },
-    "openModifiers": {}
-  }),
-  emits: ["update:open"],
-  setup(__props) {
-    const props = __props;
-    const open = useModel(__props, "open");
-    const sidebarStyle = computed(() => {
-      const style = {};
-      if (props.width) style["--sidebar-width"] = toPixel(props.width);
-      if (props.widthMobile) style["--sidebar-width-mobile"] = toPixel(props.widthMobile);
-      return style;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$u), {
-        open: open.value,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
-        "default-open": _ctx.defaultOpen,
-        style: normalizeStyle(sidebarStyle.value)
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$S), {
-            collapsible: _ctx.collapsible,
-            side: _ctx.side,
-            variant: _ctx.variant
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots.header ? (openBlock(), createBlock(unref(_sfc_main$L), { key: 0 }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "header")
-                ]),
-                _: 3
-              })) : createCommentVNode("", true),
-              _ctx.$slots.content ? (openBlock(), createBlock(unref(_sfc_main$R), { key: 1 }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "content")
-                ]),
-                _: 3
-              })) : createCommentVNode("", true),
-              _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$Q), { key: 2 }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "footer")
-                ]),
-                _: 3
-              })) : createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 8, ["collapsible", "side", "variant"]),
-          _ctx.$slots.inset ? (openBlock(), createBlock(unref(_sfc_main$K), { key: 0 }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "inset")
-            ]),
-            _: 3
-          })) : renderSlot(_ctx.$slots, "default", { key: 1 })
-        ]),
-        _: 3
-      }, 8, ["open", "default-open", "style"]);
-    };
-  }
-});
-
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "Slider",
   props: {
@@ -6264,7 +7496,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$j), null, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$1L), {
+          createVNode(unref(_sfc_main$1T), {
             to: _ctx.to,
             label: _ctx.label,
             class: normalizeClass(unref(cn)("flex w-full", _ctx.linkClass))
@@ -6716,4 +7948,4 @@ const toggleVariants = cva(
   }
 );
 
-export { _sfc_main$3f as Accordion, _sfc_main$3e as AccordionContent, _sfc_main$3d as AccordionItem, _sfc_main$3c as AccordionTrigger, _sfc_main$3b as Alert, _sfc_main$3a as AlertDescription, _sfc_main$38 as AlertDialog, _sfc_main$36 as AlertDialogAction, _sfc_main$35 as AlertDialogCancel, _sfc_main$34 as AlertDialogContent, _sfc_main$33 as AlertDialogDescription, _sfc_main$32 as AlertDialogFooter, _sfc_main$31 as AlertDialogHeader, _sfc_main$30 as AlertDialogTitle, _sfc_main$2$ as AlertDialogTrigger, _sfc_main$39 as AlertTitle, _sfc_main$2_ as Avatar, _sfc_main$2Z as AvatarFallback, _sfc_main$2Y as AvatarImage, _sfc_main$2X as Badge, _sfc_main$37 as Button, _sfc_main$2U as ButtonIcon, _sfc_main$2V as ButtonLink, _sfc_main$2L as Card, _sfc_main$2J as Checkbox, _sfc_main$2I as Combobox, _sfc_main$2H as ComboboxAnchor, _sfc_main$2G as ComboboxEmpty, _sfc_main$2F as ComboboxGroup, _sfc_main$2E as ComboboxInput, _sfc_main$2D as ComboboxItem, _sfc_main$2C as ComboboxItemIndicator, _sfc_main$2B as ComboboxList, _sfc_main$2A as ComboboxSeparator, _sfc_main$2z as ComboboxViewport, _sfc_main$2y as ContextMenu, _sfc_main$2x as ContextMenuCheckboxItem, _sfc_main$2w as ContextMenuContent, _sfc_main$2v as ContextMenuGroup, _sfc_main$2u as ContextMenuItem, _sfc_main$2t as ContextMenuLabel, _sfc_main$2s as ContextMenuRadioGroup, _sfc_main$2r as ContextMenuRadioItem, _sfc_main$2q as ContextMenuSeparator, _sfc_main$2p as ContextMenuShortcut, _sfc_main$2o as ContextMenuSub, _sfc_main$2n as ContextMenuSubContent, _sfc_main$2m as ContextMenuSubTrigger, _sfc_main$2l as ContextMenuTrigger, _sfc_main$2k as Dialog, _sfc_main$2j as DialogClose, _sfc_main$2h as DialogContent, _sfc_main$2g as DialogDescription, _sfc_main$2f as DialogFooter, _sfc_main$2e as DialogHeader, _sfc_main$2i as DialogOverlay, _sfc_main$2d as DialogScrollContent, _sfc_main$2c as DialogTitle, _sfc_main$2b as DialogTrigger, _sfc_main$2a as DropdownMenu, _sfc_main$29 as DropdownMenuCheckboxItem, _sfc_main$28 as DropdownMenuContent, _sfc_main$27 as DropdownMenuGroup, _sfc_main$26 as DropdownMenuItem, _sfc_main$25 as DropdownMenuLabel, _sfc_main$24 as DropdownMenuRadioGroup, _sfc_main$23 as DropdownMenuRadioItem, _sfc_main$22 as DropdownMenuSeparator, _sfc_main$21 as DropdownMenuShortcut, _sfc_main$20 as DropdownMenuSub, _sfc_main$1$ as DropdownMenuSubContent, _sfc_main$1_ as DropdownMenuSubTrigger, _sfc_main$1Z as DropdownMenuTrigger, _sfc_main$1Y as HoverCard, _sfc_main$1X as HoverCardContent, _sfc_main$1W as HoverCardTrigger, _sfc_main$1U as Input, _sfc_main$1O as InputNumber, _sfc_main$1N as InputText, _sfc_main$1M as Label, _sfc_main$1L as Link, Loading, _sfc_main$1J as Menubar, _sfc_main$1I as MenubarCheckboxItem, _sfc_main$1H as MenubarContent, _sfc_main$1G as MenubarGroup, _sfc_main$1F as MenubarItem, _sfc_main$1E as MenubarLabel, _sfc_main$1D as MenubarMenu, _sfc_main$1C as MenubarRadioGroup, _sfc_main$1B as MenubarRadioItem, _sfc_main$1A as MenubarSeparator, _sfc_main$1z as MenubarShortcut, _sfc_main$1y as MenubarSub, _sfc_main$1x as MenubarSubContent, _sfc_main$1w as MenubarSubTrigger, _sfc_main$1v as MenubarTrigger, _sfc_main$1u as Pagination, _sfc_main$1t as PaginationContent, _sfc_main$1s as PaginationEllipsis, _sfc_main$1r as PaginationFirst, _sfc_main$1q as PaginationItem, _sfc_main$1p as PaginationLast, _sfc_main$1o as PaginationNext, _sfc_main$1n as PaginationPrevious, _sfc_main$1m as Popover, _sfc_main$1l as PopoverAnchor, _sfc_main$1k as PopoverContent, _sfc_main$1j as PopoverTrigger, _sfc_main$1i as Progress, _sfc_main$1h as RadioGroup, _sfc_main$1g as RadioGroupItem, _sfc_main$1f as ResizableHandle, _sfc_main$1e as ResizablePanel, _sfc_main$1d as ResizablePanelGroup, _sfc_main$2S as ScrollArea, _sfc_main$11 as Select, _sfc_main$1a as SelectGroup, _sfc_main$19 as SelectItem, _sfc_main$18 as SelectItemText, _sfc_main$17 as SelectLabel, _sfc_main$16 as SelectScrollDownButton, _sfc_main$15 as SelectScrollUpButton, _sfc_main$14 as SelectSeparator, _sfc_main$10 as Separator, _sfc_main$$ as Sheet, _sfc_main$_ as SheetClose, _sfc_main$Y as SheetContent, _sfc_main$X as SheetDescription, _sfc_main$W as SheetFooter, _sfc_main$V as SheetHeader, _sfc_main$U as SheetTitle, _sfc_main$T as SheetTrigger, _sfc_main$q as Sidebar, _sfc_main$P as SidebarGroup, _sfc_main$O as SidebarGroupAction, _sfc_main$N as SidebarGroupContent, _sfc_main$M as SidebarGroupLabel, _sfc_main$J as SidebarMenu, _sfc_main$I as SidebarMenuAction, _sfc_main$H as SidebarMenuBadge, _sfc_main$B as SidebarMenuButton, _sfc_main$A as SidebarMenuItem, _sfc_main$y as SidebarMenuSkeleton, _sfc_main$x as SidebarMenuSub, _sfc_main$w as SidebarMenuSubButton, _sfc_main$v as SidebarMenuSubItem, _sfc_main$t as SidebarRail, _sfc_main$s as SidebarSeparator, _sfc_main$r as SidebarTrigger, _sfc_main$z as Skeleton, _sfc_main$p as Slider, _sfc_main$o as Sonner, _sfc_main$m as Switch, _sfc_main$d as Table, _sfc_main$j as TableCell, _sfc_main$h as TableEmpty, _sfc_main$f as TableHead, _sfc_main$c as TableLink, _sfc_main$i as TableRow, _sfc_main$b as Tabs, _sfc_main$a as TabsContent, _sfc_main$9 as TabsList, _sfc_main$8 as TabsTrigger, _sfc_main$7 as TagsInput, _sfc_main$6 as TagsInputInput, _sfc_main$5 as TagsInputItem, _sfc_main$4 as TagsInputItemDelete, _sfc_main$3 as TagsInputItemText, _sfc_main$11 as TbSelect, _sfc_main$q as TbSidebar, _sfc_main$d as TbTable, _sfc_main$c as TbTableLink, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$G as Tooltip, _sfc_main$F as TooltipContent, _sfc_main$E as TooltipProvider, _sfc_main$D as TooltipTrigger, cn, toBooleanCheckboxValue, useSidebar };
+export { _sfc_main$3R as Accordion, _sfc_main$3Q as AccordionContent, _sfc_main$3P as AccordionItem, _sfc_main$3O as AccordionTrigger, _sfc_main$3N as Alert, _sfc_main$3M as AlertDescription, _sfc_main$3K as AlertDialog, _sfc_main$3I as AlertDialogAction, _sfc_main$3H as AlertDialogCancel, _sfc_main$3G as AlertDialogContent, _sfc_main$3F as AlertDialogDescription, _sfc_main$3E as AlertDialogFooter, _sfc_main$3D as AlertDialogHeader, _sfc_main$3C as AlertDialogTitle, _sfc_main$3B as AlertDialogTrigger, _sfc_main$3L as AlertTitle, _sfc_main$3A as Avatar, _sfc_main$3z as AvatarFallback, _sfc_main$3y as AvatarImage, _sfc_main$3x as Badge, _sfc_main$3J as Button, _sfc_main$3u as ButtonIcon, _sfc_main$3v as ButtonLink, _sfc_main$3k as Calendar, _sfc_main$3j as CalendarCell, _sfc_main$3i as CalendarCellTrigger, _sfc_main$3h as CalendarGrid, _sfc_main$3g as CalendarGridBody, _sfc_main$3f as CalendarGridHead, _sfc_main$3e as CalendarGridRow, _sfc_main$3d as CalendarHeadCell, _sfc_main$3c as CalendarHeader, _sfc_main$3b as CalendarHeading, _sfc_main$3a as CalendarNextButton, _sfc_main$39 as CalendarPrevButton, _sfc_main$3l as Card, _sfc_main$37 as Checkbox, _sfc_main$36 as Combobox, _sfc_main$35 as ComboboxAnchor, _sfc_main$34 as ComboboxEmpty, _sfc_main$33 as ComboboxGroup, _sfc_main$32 as ComboboxInput, _sfc_main$31 as ComboboxItem, _sfc_main$30 as ComboboxItemIndicator, _sfc_main$2$ as ComboboxList, _sfc_main$2_ as ComboboxSeparator, _sfc_main$2Z as ComboboxViewport, _sfc_main$2Y as Command, _sfc_main$2N as CommandDialog, _sfc_main$2M as CommandEmpty, _sfc_main$2L as CommandGroup, _sfc_main$2K as CommandInput, _sfc_main$2J as CommandItem, _sfc_main$2I as CommandList, _sfc_main$2H as CommandSeparator, _sfc_main$2G as CommandShortcut, _sfc_main$2F as ContextMenu, _sfc_main$2E as ContextMenuCheckboxItem, _sfc_main$2D as ContextMenuContent, _sfc_main$2C as ContextMenuGroup, _sfc_main$2B as ContextMenuItem, _sfc_main$2A as ContextMenuLabel, _sfc_main$2z as ContextMenuRadioGroup, _sfc_main$2y as ContextMenuRadioItem, _sfc_main$2x as ContextMenuSeparator, _sfc_main$2w as ContextMenuShortcut, _sfc_main$2v as ContextMenuSub, _sfc_main$2u as ContextMenuSubContent, _sfc_main$2t as ContextMenuSubTrigger, _sfc_main$2s as ContextMenuTrigger, _sfc_main$2X as Dialog, _sfc_main$2W as DialogClose, _sfc_main$2U as DialogContent, _sfc_main$2T as DialogDescription, _sfc_main$2S as DialogFooter, _sfc_main$2R as DialogHeader, _sfc_main$2V as DialogOverlay, _sfc_main$2Q as DialogScrollContent, _sfc_main$2P as DialogTitle, _sfc_main$2O as DialogTrigger, _sfc_main$2r as Drawer, _sfc_main$2q as DrawerClose, _sfc_main$2o as DrawerContent, _sfc_main$2n as DrawerDescription, _sfc_main$2m as DrawerFooter, _sfc_main$2l as DrawerHeader, _sfc_main$2p as DrawerOverlay, _sfc_main$2k as DrawerTitle, _sfc_main$2j as DrawerTrigger, _sfc_main$2i as DropdownMenu, _sfc_main$2h as DropdownMenuCheckboxItem, _sfc_main$2g as DropdownMenuContent, _sfc_main$2f as DropdownMenuGroup, _sfc_main$2e as DropdownMenuItem, _sfc_main$2d as DropdownMenuLabel, _sfc_main$2c as DropdownMenuRadioGroup, _sfc_main$2b as DropdownMenuRadioItem, _sfc_main$2a as DropdownMenuSeparator, _sfc_main$29 as DropdownMenuShortcut, _sfc_main$28 as DropdownMenuSub, _sfc_main$27 as DropdownMenuSubContent, _sfc_main$26 as DropdownMenuSubTrigger, _sfc_main$25 as DropdownMenuTrigger, _sfc_main$24 as HoverCard, _sfc_main$23 as HoverCardContent, _sfc_main$22 as HoverCardTrigger, _sfc_main$20 as Input, _sfc_main$1W as InputNumber, _sfc_main$1V as InputText, _sfc_main$1U as Label, _sfc_main$1T as Link, Loading, _sfc_main$1R as Menubar, _sfc_main$1Q as MenubarCheckboxItem, _sfc_main$1P as MenubarContent, _sfc_main$1O as MenubarGroup, _sfc_main$1N as MenubarItem, _sfc_main$1M as MenubarLabel, _sfc_main$1L as MenubarMenu, _sfc_main$1K as MenubarRadioGroup, _sfc_main$1J as MenubarRadioItem, _sfc_main$1I as MenubarSeparator, _sfc_main$1H as MenubarShortcut, _sfc_main$1G as MenubarSub, _sfc_main$1F as MenubarSubContent, _sfc_main$1E as MenubarSubTrigger, _sfc_main$1D as MenubarTrigger, _sfc_main$1B as NavigationMenu, _sfc_main$1A as NavigationMenuContent, _sfc_main$1z as NavigationMenuIndicator, _sfc_main$1y as NavigationMenuItem, _sfc_main$1x as NavigationMenuLink, _sfc_main$1w as NavigationMenuList, _sfc_main$1v as NavigationMenuTrigger, _sfc_main$1C as NavigationMenuViewport, _sfc_main$1u as Pagination, _sfc_main$1t as PaginationContent, _sfc_main$1s as PaginationEllipsis, _sfc_main$1r as PaginationFirst, _sfc_main$1q as PaginationItem, _sfc_main$1p as PaginationLast, _sfc_main$1o as PaginationNext, _sfc_main$1n as PaginationPrevious, _sfc_main$1m as Popover, _sfc_main$1l as PopoverAnchor, _sfc_main$1k as PopoverContent, _sfc_main$1j as PopoverTrigger, _sfc_main$1i as Progress, _sfc_main$1h as RadioGroup, _sfc_main$1g as RadioGroupItem, _sfc_main$1f as ResizableHandle, _sfc_main$1e as ResizablePanel, _sfc_main$1d as ResizablePanelGroup, _sfc_main$3s as ScrollArea, _sfc_main$11 as Select, _sfc_main$1a as SelectGroup, _sfc_main$19 as SelectItem, _sfc_main$18 as SelectItemText, _sfc_main$17 as SelectLabel, _sfc_main$16 as SelectScrollDownButton, _sfc_main$15 as SelectScrollUpButton, _sfc_main$14 as SelectSeparator, _sfc_main$10 as Separator, _sfc_main$$ as Sheet, _sfc_main$_ as SheetClose, _sfc_main$Y as SheetContent, _sfc_main$X as SheetDescription, _sfc_main$W as SheetFooter, _sfc_main$V as SheetHeader, _sfc_main$U as SheetTitle, _sfc_main$T as SheetTrigger, _sfc_main$S as Sidebar, _sfc_main$R as SidebarContent, _sfc_main$Q as SidebarFooter, _sfc_main$P as SidebarGroup, _sfc_main$O as SidebarGroupAction, _sfc_main$N as SidebarGroupContent, _sfc_main$M as SidebarGroupLabel, _sfc_main$L as SidebarHeader, _sfc_main$K as SidebarInput, _sfc_main$J as SidebarInset, _sfc_main$I as SidebarMenu, _sfc_main$H as SidebarMenuAction, _sfc_main$G as SidebarMenuBadge, _sfc_main$A as SidebarMenuButton, _sfc_main$z as SidebarMenuItem, _sfc_main$x as SidebarMenuSkeleton, _sfc_main$w as SidebarMenuSub, _sfc_main$v as SidebarMenuSubButton, _sfc_main$u as SidebarMenuSubItem, _sfc_main$t as SidebarProvider, _sfc_main$s as SidebarRail, _sfc_main$r as SidebarSeparator, _sfc_main$q as SidebarTrigger, _sfc_main$y as Skeleton, _sfc_main$p as Slider, _sfc_main$o as Sonner, _sfc_main$m as Switch, _sfc_main$d as Table, _sfc_main$l as TableBody, _sfc_main$k as TableCaption, _sfc_main$j as TableCell, _sfc_main$h as TableEmpty, _sfc_main$g as TableFooter, _sfc_main$f as TableHead, _sfc_main$e as TableHeader, _sfc_main$c as TableLink, _sfc_main$i as TableRow, _sfc_main$b as Tabs, _sfc_main$a as TabsContent, _sfc_main$9 as TabsList, _sfc_main$8 as TabsTrigger, _sfc_main$7 as TagsInput, _sfc_main$6 as TagsInputInput, _sfc_main$5 as TagsInputItem, _sfc_main$4 as TagsInputItemDelete, _sfc_main$3 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$F as Tooltip, _sfc_main$E as TooltipContent, _sfc_main$D as TooltipProvider, _sfc_main$C as TooltipTrigger, cn, navigationMenuTriggerStyle, sidebarMenuButtonVariants, toBooleanCheckboxValue, useSidebar };