@tb-dev/vue-components 6.0.3 → 7.0.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode, normalizeClass, createVNode, createElementBlock, computed, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, ref, reactive, watch, normalizeProps, guardReactiveProps, onMounted, onUnmounted, withDirectives, isRef, vModelText, resolveDynamicComponent, normalizeStyle } from 'vue';
-import { useForwardPropsEmits, AccordionRoot, AccordionContent, useForwardProps, AccordionItem, AccordionHeader, AccordionTrigger, AlertDialogRoot, Primitive, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, AvatarRoot, AvatarFallback, AvatarImage, 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, 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, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, PaginationRoot, PaginationList, PaginationEllipsis, PaginationFirst, PaginationListItem, PaginationLast, PaginationNext, PaginationPrev, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SplitterResizeHandle, SplitterPanel, SplitterGroup, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, 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';
+import { useForwardPropsEmits, AccordionRoot, AccordionContent, useForwardProps, AccordionItem, AccordionHeader, AccordionTrigger, AlertDialogRoot, Primitive, AlertDialogAction, AlertDialogCancel, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, AvatarRoot, AvatarFallback, AvatarImage, Separator, 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, 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, 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, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, PaginationRoot, PaginationList, PaginationEllipsis, PaginationFirst, PaginationListItem, PaginationLast, PaginationNext, PaginationPrev, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SplitterResizeHandle, SplitterPanel, SplitterGroup, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, 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, FocusScope, PaginationList, PaginationListItem, Presence, Primitive, RovingFocusGroup, RovingFocusItem, Slot, VisuallyHidden, useDateFormatter, useEmitAsProps, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits } from 'reka-ui';
-import { reactiveOmit, useCurrentElement, useVModel, useMediaQuery } from '@vueuse/core';
+import { reactiveOmit, useCurrentElement, useVModel, useMediaQuery, defaultDocument } from '@vueuse/core';
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
 import { ChevronDown, ChevronRight, ChevronLeft, Check, SearchIcon, X, Search, Circle, LoaderCircle, Minus, Plus, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, CircleIcon, GripVertical, ChevronUp, PanelLeft } from 'lucide-vue-next';
@@ -11,7 +11,7 @@ import { Toaster } from 'vue-sonner';
 export { toast as sonner } from 'vue-sonner';
 import { toPixel } from '@tb-dev/utils';
 
-const _sfc_main$3F = /* @__PURE__ */ defineComponent({
+const _sfc_main$3Y = /* @__PURE__ */ defineComponent({
   __name: "Accordion",
   props: {
     collapsible: { type: Boolean },
@@ -45,7 +45,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-const _sfc_main$3E = /* @__PURE__ */ defineComponent({
+const _sfc_main$3X = /* @__PURE__ */ defineComponent({
   __name: "AccordionContent",
   props: {
     forceMount: { type: Boolean },
@@ -71,7 +71,7 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3D = /* @__PURE__ */ defineComponent({
+const _sfc_main$3W = /* @__PURE__ */ defineComponent({
   __name: "AccordionItem",
   props: {
     disabled: { type: Boolean },
@@ -98,7 +98,7 @@ const _sfc_main$3D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3C = /* @__PURE__ */ defineComponent({
+const _sfc_main$3V = /* @__PURE__ */ defineComponent({
   __name: "AccordionTrigger",
   props: {
     asChild: { type: Boolean },
@@ -132,7 +132,7 @@ const _sfc_main$3C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3B = /* @__PURE__ */ defineComponent({
+const _sfc_main$3U = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
     class: {},
@@ -152,7 +152,7 @@ const _sfc_main$3B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3A = /* @__PURE__ */ defineComponent({
+const _sfc_main$3T = /* @__PURE__ */ defineComponent({
   __name: "AlertDescription",
   props: {
     class: {}
@@ -173,7 +173,7 @@ const _sfc_main$3A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3z = /* @__PURE__ */ defineComponent({
+const _sfc_main$3S = /* @__PURE__ */ defineComponent({
   __name: "AlertTitle",
   props: {
     class: {}
@@ -206,7 +206,7 @@ const alertVariants = cva(
   }
 );
 
-const _sfc_main$3y = /* @__PURE__ */ defineComponent({
+const _sfc_main$3R = /* @__PURE__ */ defineComponent({
   __name: "AlertDialog",
   props: {
     open: { type: Boolean },
@@ -228,7 +228,7 @@ const _sfc_main$3y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3x = /* @__PURE__ */ defineComponent({
+const _sfc_main$3Q = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: {},
@@ -274,7 +274,9 @@ const buttonVariants = cva(
         xs: "h-6 rounded-md gap-1 px-1.5 has-[>svg]:px-1.5 text-xs",
         sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9"
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -284,7 +286,7 @@ const buttonVariants = cva(
   }
 );
 
-const _sfc_main$3w = /* @__PURE__ */ defineComponent({
+const _sfc_main$3P = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogAction",
   props: {
     asChild: { type: Boolean },
@@ -307,7 +309,7 @@ const _sfc_main$3w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3v = /* @__PURE__ */ defineComponent({
+const _sfc_main$3O = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogCancel",
   props: {
     asChild: { type: Boolean },
@@ -330,7 +332,7 @@ const _sfc_main$3v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3u = /* @__PURE__ */ defineComponent({
+const _sfc_main$3N = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogContent",
   props: {
     forceMount: { type: Boolean },
@@ -370,7 +372,7 @@ const _sfc_main$3u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3t = /* @__PURE__ */ defineComponent({
+const _sfc_main$3M = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogDescription",
   props: {
     asChild: { type: Boolean },
@@ -393,7 +395,7 @@ const _sfc_main$3t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3s = /* @__PURE__ */ defineComponent({
+const _sfc_main$3L = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogFooter",
   props: {
     class: {}
@@ -411,7 +413,7 @@ const _sfc_main$3s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3r = /* @__PURE__ */ defineComponent({
+const _sfc_main$3K = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogHeader",
   props: {
     class: {}
@@ -429,7 +431,7 @@ const _sfc_main$3r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3q = /* @__PURE__ */ defineComponent({
+const _sfc_main$3J = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogTitle",
   props: {
     asChild: { type: Boolean },
@@ -452,7 +454,7 @@ const _sfc_main$3q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3p = /* @__PURE__ */ defineComponent({
+const _sfc_main$3I = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogTrigger",
   props: {
     asChild: { type: Boolean },
@@ -471,7 +473,7 @@ const _sfc_main$3p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3o = /* @__PURE__ */ defineComponent({
+const _sfc_main$3H = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
     class: {}
@@ -492,7 +494,7 @@ const _sfc_main$3o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3n = /* @__PURE__ */ defineComponent({
+const _sfc_main$3G = /* @__PURE__ */ defineComponent({
   __name: "AvatarFallback",
   props: {
     delayMs: {},
@@ -516,7 +518,7 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3m = /* @__PURE__ */ defineComponent({
+const _sfc_main$3F = /* @__PURE__ */ defineComponent({
   __name: "AvatarImage",
   props: {
     src: {},
@@ -538,7 +540,7 @@ const _sfc_main$3m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3l = /* @__PURE__ */ defineComponent({
+const _sfc_main$3E = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     asChild: { type: Boolean },
@@ -583,7 +585,122 @@ const badgeVariants = cva(
   }
 );
 
-const _sfc_main$3k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$i = ["data-orientation"];
+const _sfc_main$3D = /* @__PURE__ */ defineComponent({
+  __name: "ButtonGroup",
+  props: {
+    class: {},
+    orientation: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": props.orientation,
+        class: normalizeClass(unref(cn)(unref(buttonGroupVariants)({ orientation: props.orientation }), props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$i);
+    };
+  }
+});
+
+const _sfc_main$3C = /* @__PURE__ */ defineComponent({
+  __name: "Separator",
+  props: {
+    orientation: { default: "horizontal" },
+    decorative: { type: Boolean, default: true },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Separator), mergeProps({ "data-slot": "separator-root" }, unref(delegatedProps), {
+        class: unref(cn)(
+          `bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,
+          props.class
+        )
+      }), null, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$3B = /* @__PURE__ */ defineComponent({
+  __name: "ButtonGroupSeparator",
+  props: {
+    orientation: { default: "vertical" },
+    decorative: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$3C), mergeProps({ "data-slot": "button-group-separator" }, unref(delegatedProps), {
+        orientation: props.orientation,
+        class: unref(cn)(
+          "bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",
+          props.class
+        )
+      }), null, 16, ["orientation", "class"]);
+    };
+  }
+});
+
+const _sfc_main$3A = /* @__PURE__ */ defineComponent({
+  __name: "ButtonGroupText",
+  props: {
+    class: {},
+    orientation: {},
+    asChild: { type: Boolean },
+    as: { default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": props.orientation,
+        as: __props.as,
+        "as-child": __props.asChild,
+        class: normalizeClass(unref(cn)(
+          "bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+          props.class
+        ))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["data-orientation", "as", "as-child", "class"]);
+    };
+  }
+});
+
+const buttonGroupVariants = cva(
+  "flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md has-[>[data-slot=button-group]]:gap-2",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+
+const _sfc_main$3z = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     class: {}
@@ -604,7 +721,7 @@ const _sfc_main$3k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3j = /* @__PURE__ */ defineComponent({
+const _sfc_main$3y = /* @__PURE__ */ defineComponent({
   __name: "CardAction",
   props: {
     class: {}
@@ -622,7 +739,7 @@ const _sfc_main$3j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3i = /* @__PURE__ */ defineComponent({
+const _sfc_main$3x = /* @__PURE__ */ defineComponent({
   __name: "CardContent",
   props: {
     class: {}
@@ -640,7 +757,7 @@ const _sfc_main$3i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3h = /* @__PURE__ */ defineComponent({
+const _sfc_main$3w = /* @__PURE__ */ defineComponent({
   __name: "CardDescription",
   props: {
     class: {}
@@ -658,7 +775,7 @@ const _sfc_main$3h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3g = /* @__PURE__ */ defineComponent({
+const _sfc_main$3v = /* @__PURE__ */ defineComponent({
   __name: "CardFooter",
   props: {
     class: {}
@@ -676,7 +793,7 @@ const _sfc_main$3g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3f = /* @__PURE__ */ defineComponent({
+const _sfc_main$3u = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
     class: {}
@@ -697,7 +814,7 @@ const _sfc_main$3f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3e = /* @__PURE__ */ defineComponent({
+const _sfc_main$3t = /* @__PURE__ */ defineComponent({
   __name: "CardTitle",
   props: {
     class: {}
@@ -715,9 +832,9 @@ const _sfc_main$3e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$e = { class: "flex items-center gap-1" };
+const _hoisted_1$h = { 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$3d = /* @__PURE__ */ defineComponent({
+const _sfc_main$3s = /* @__PURE__ */ defineComponent({
   __name: "Calendar",
   props: {
     defaultValue: {},
@@ -760,28 +877,28 @@ const _sfc_main$3d = /* @__PURE__ */ defineComponent({
         class: unref(cn)("p-3", props.class)
       }, unref(forwarded)), {
         default: withCtx(({ grid, weekDays }) => [
-          createVNode(unref(_sfc_main$35), null, {
+          createVNode(unref(_sfc_main$3k), null, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$34)),
-              createElementVNode("div", _hoisted_1$e, [
-                createVNode(unref(_sfc_main$32)),
-                createVNode(unref(_sfc_main$33))
+              createVNode(unref(_sfc_main$3j)),
+              createElementVNode("div", _hoisted_1$h, [
+                createVNode(unref(_sfc_main$3h)),
+                createVNode(unref(_sfc_main$3i))
               ])
             ]),
             _: 1
           }),
           createElementVNode("div", _hoisted_2$1, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(grid, (month) => {
-              return openBlock(), createBlock(unref(_sfc_main$3a), {
+              return openBlock(), createBlock(unref(_sfc_main$3p), {
                 key: month.value.toString()
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$38), null, {
+                  createVNode(unref(_sfc_main$3n), null, {
                     default: withCtx(() => [
-                      createVNode(unref(_sfc_main$37), null, {
+                      createVNode(unref(_sfc_main$3m), null, {
                         default: withCtx(() => [
                           (openBlock(true), createElementBlock(Fragment, null, renderList(weekDays, (day) => {
-                            return openBlock(), createBlock(unref(_sfc_main$36), { key: day }, {
+                            return openBlock(), createBlock(unref(_sfc_main$3l), { key: day }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString(day), 1)
                               ]),
@@ -794,21 +911,21 @@ const _sfc_main$3d = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1024),
-                  createVNode(unref(_sfc_main$39), null, {
+                  createVNode(unref(_sfc_main$3o), null, {
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
-                        return openBlock(), createBlock(unref(_sfc_main$37), {
+                        return openBlock(), createBlock(unref(_sfc_main$3m), {
                           key: `weekDate-${index}`,
                           class: "mt-2 w-full"
                         }, {
                           default: withCtx(() => [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(weekDates, (weekDate) => {
-                              return openBlock(), createBlock(unref(_sfc_main$3c), {
+                              return openBlock(), createBlock(unref(_sfc_main$3r), {
                                 key: weekDate.toString(),
                                 date: weekDate
                               }, {
                                 default: withCtx(() => [
-                                  createVNode(unref(_sfc_main$3b), {
+                                  createVNode(unref(_sfc_main$3q), {
                                     day: weekDate,
                                     month: month.value
                                   }, null, 8, ["day", "month"])
@@ -835,7 +952,7 @@ const _sfc_main$3d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3c = /* @__PURE__ */ defineComponent({
+const _sfc_main$3r = /* @__PURE__ */ defineComponent({
   __name: "CalendarCell",
   props: {
     date: {},
@@ -864,7 +981,7 @@ const _sfc_main$3c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3b = /* @__PURE__ */ defineComponent({
+const _sfc_main$3q = /* @__PURE__ */ defineComponent({
   __name: "CalendarCellTrigger",
   props: {
     day: {},
@@ -904,7 +1021,7 @@ const _sfc_main$3b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$3a = /* @__PURE__ */ defineComponent({
+const _sfc_main$3p = /* @__PURE__ */ defineComponent({
   __name: "CalendarGrid",
   props: {
     asChild: { type: Boolean },
@@ -929,7 +1046,7 @@ const _sfc_main$3a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$39 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3o = /* @__PURE__ */ defineComponent({
   __name: "CalendarGridBody",
   props: {
     asChild: { type: Boolean },
@@ -948,7 +1065,7 @@ const _sfc_main$39 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$38 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3n = /* @__PURE__ */ defineComponent({
   __name: "CalendarGridHead",
   props: {
     asChild: { type: Boolean },
@@ -968,7 +1085,7 @@ const _sfc_main$38 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$37 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3m = /* @__PURE__ */ defineComponent({
   __name: "CalendarGridRow",
   props: {
     asChild: { type: Boolean },
@@ -993,7 +1110,7 @@ const _sfc_main$37 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$36 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3l = /* @__PURE__ */ defineComponent({
   __name: "CalendarHeadCell",
   props: {
     asChild: { type: Boolean },
@@ -1018,7 +1135,7 @@ const _sfc_main$36 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$35 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3k = /* @__PURE__ */ defineComponent({
   __name: "CalendarHeader",
   props: {
     asChild: { type: Boolean },
@@ -1043,7 +1160,7 @@ const _sfc_main$35 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$34 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3j = /* @__PURE__ */ defineComponent({
   __name: "CalendarHeading",
   props: {
     asChild: { type: Boolean },
@@ -1070,7 +1187,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$33 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3i = /* @__PURE__ */ defineComponent({
   __name: "CalendarNextButton",
   props: {
     nextPage: { type: Function },
@@ -1103,7 +1220,7 @@ const _sfc_main$33 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$32 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3h = /* @__PURE__ */ defineComponent({
   __name: "CalendarPrevButton",
   props: {
     prevPage: { type: Function },
@@ -1136,7 +1253,7 @@ const _sfc_main$32 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$31 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3g = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     defaultValue: { type: [Boolean, String] },
@@ -1154,10 +1271,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
   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), {
@@ -1169,7 +1283,7 @@ const _sfc_main$31 = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(CheckboxIndicator), {
             "data-slot": "checkbox-indicator",
-            class: "flex items-center justify-center text-current transition-none"
+            class: "grid place-content-center text-current transition-none"
           }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "default", {}, () => [
@@ -1189,7 +1303,7 @@ function toBooleanCheckboxValue(value) {
   return value === true;
 }
 
-const _sfc_main$30 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3f = /* @__PURE__ */ defineComponent({
   __name: "Combobox",
   props: {
     open: { type: Boolean },
@@ -1228,7 +1342,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$3e = /* @__PURE__ */ defineComponent({
   __name: "ComboboxAnchor",
   props: {
     reference: {},
@@ -1238,10 +1352,7 @@ const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxAnchor), mergeProps({ "data-slot": "combobox-anchor" }, unref(forwarded), {
@@ -1256,7 +1367,7 @@ const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$3d = /* @__PURE__ */ defineComponent({
   __name: "ComboboxEmpty",
   props: {
     asChild: { type: Boolean },
@@ -1265,12 +1376,9 @@ const _sfc_main$2_ = /* @__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(ComboboxEmpty), mergeProps({ "data-slot": "combobox-empty" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(ComboboxEmpty), mergeProps({ "data-slot": "combobox-empty" }, unref(delegatedProps), {
         class: unref(cn)("py-6 text-center text-sm", props.class)
       }), {
         default: withCtx(() => [
@@ -1282,7 +1390,7 @@ const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$3c = /* @__PURE__ */ defineComponent({
   __name: "ComboboxGroup",
   props: {
     asChild: { type: Boolean },
@@ -1292,18 +1400,15 @@ const _sfc_main$2Z = /* @__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(ComboboxGroup), mergeProps({ "data-slot": "combobox-group" }, delegatedProps.value, {
-        class: unref(cn)("text-foreground overflow-hidden p-1", props.class)
+      return openBlock(), createBlock(unref(ComboboxGroup), mergeProps({ "data-slot": "combobox-group" }, unref(delegatedProps), {
+        class: unref(cn)("overflow-hidden p-1 text-foreground", props.class)
       }), {
         default: withCtx(() => [
           __props.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
             key: 0,
-            class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
+            class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.heading), 1)
@@ -1318,11 +1423,11 @@ const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$d = {
+const _hoisted_1$g = {
   "data-slot": "command-input-wrapper",
   class: "flex h-9 items-center gap-2 border-b px-3"
 };
-const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$3b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1340,13 +1445,10 @@ const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
   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(), createElementBlock("div", _hoisted_1$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createVNode(unref(SearchIcon), { class: "size-4 shrink-0 opacity-50" }),
         createVNode(unref(ComboboxInput), mergeProps({
           "data-slot": "command-input",
@@ -1365,7 +1467,7 @@ const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2X = /* @__PURE__ */ defineComponent({
+const _sfc_main$3a = /* @__PURE__ */ defineComponent({
   __name: "ComboboxItem",
   props: {
     textValue: {},
@@ -1379,15 +1481,12 @@ const _sfc_main$2X = /* @__PURE__ */ defineComponent({
   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(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`,
+          "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:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
           props.class
         )
       }), {
@@ -1400,7 +1499,7 @@ const _sfc_main$2X = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2W = /* @__PURE__ */ defineComponent({
+const _sfc_main$39 = /* @__PURE__ */ defineComponent({
   __name: "ComboboxItemIndicator",
   props: {
     asChild: { type: Boolean },
@@ -1409,10 +1508,7 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxItemIndicator), mergeProps({ "data-slot": "combobox-item-indicator" }, unref(forwarded), {
@@ -1427,7 +1523,7 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2V = /* @__PURE__ */ defineComponent({
+const _sfc_main$38 = /* @__PURE__ */ defineComponent({
   __name: "ComboboxList",
   props: {
     forceMount: { type: Boolean },
@@ -1453,21 +1549,20 @@ const _sfc_main$2V = /* @__PURE__ */ defineComponent({
     asChild: { type: Boolean },
     as: {},
     disableOutsidePointerEvents: { type: Boolean },
-    class: {},
-    viewportClass: {}
+    class: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const delegatedProps = reactiveOmit(props, "class", "viewportClass");
+    const delegatedProps = reactiveOmit(props, "class");
     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",
+              "z-50 w-[200px] rounded-md border bg-popover text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden shadow-md outline-none 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",
               props.class
             )
           }), {
@@ -1483,7 +1578,7 @@ const _sfc_main$2V = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2U = /* @__PURE__ */ defineComponent({
+const _sfc_main$37 = /* @__PURE__ */ defineComponent({
   __name: "ComboboxSeparator",
   props: {
     asChild: { type: Boolean },
@@ -1492,12 +1587,9 @@ const _sfc_main$2U = /* @__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(ComboboxSeparator), mergeProps({ "data-slot": "combobox-separator" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(ComboboxSeparator), mergeProps({ "data-slot": "combobox-separator" }, unref(delegatedProps), {
         class: unref(cn)("bg-border -mx-1 h-px", props.class)
       }), {
         default: withCtx(() => [
@@ -1509,7 +1601,7 @@ const _sfc_main$2U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2T = /* @__PURE__ */ defineComponent({
+const _sfc_main$36 = /* @__PURE__ */ defineComponent({
   __name: "ComboboxViewport",
   props: {
     nonce: {},
@@ -1519,10 +1611,7 @@ const _sfc_main$2T = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ComboboxViewport), mergeProps({ "data-slot": "combobox-viewport" }, unref(forwarded), {
@@ -1537,7 +1626,7 @@ const _sfc_main$2T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+const _sfc_main$35 = /* @__PURE__ */ defineComponent({
   __name: "Command",
   props: {
     modelValue: { default: "" },
@@ -1585,7 +1674,9 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
       for (const [id, value] of allItems.value) {
         const score = contains(value, filterState.search);
         filterState.filtered.items.set(id, score ? 1 : 0);
-        if (score) itemCount++;
+        if (score) {
+          itemCount++;
+        }
       }
       for (const [groupId, group] of allGroups.value) {
         for (const itemId of group) {
@@ -1597,12 +1688,9 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
       }
       filterState.filtered.count = itemCount;
     }
-    watch(
-      () => filterState.search,
-      () => {
-        filterItems();
-      }
-    );
+    watch(() => filterState.search, () => {
+      filterItems();
+    });
     provideCommandContext({
       allItems,
       allGroups,
@@ -1610,10 +1698,7 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
     });
     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
-        )
+        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")
@@ -1624,7 +1709,7 @@ const _sfc_main$2S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2R = /* @__PURE__ */ defineComponent({
+const _sfc_main$34 = /* @__PURE__ */ defineComponent({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -1647,7 +1732,7 @@ const _sfc_main$2R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$33 = /* @__PURE__ */ defineComponent({
   __name: "DialogClose",
   props: {
     asChild: { type: Boolean },
@@ -1666,7 +1751,7 @@ const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2P = /* @__PURE__ */ defineComponent({
+const _sfc_main$32 = /* @__PURE__ */ defineComponent({
   __name: "DialogOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -1676,12 +1761,9 @@ const _sfc_main$2P = /* @__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(DialogOverlay), mergeProps({ "data-slot": "dialog-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
@@ -1696,7 +1778,7 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+const _sfc_main$31 = /* @__PURE__ */ defineComponent({
   __name: "DialogContent",
   props: {
     forceMount: { type: Boolean },
@@ -1709,15 +1791,12 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
   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(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$2P),
+          createVNode(_sfc_main$32),
           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",
@@ -1743,7 +1822,7 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+const _sfc_main$30 = /* @__PURE__ */ defineComponent({
   __name: "DialogDescription",
   props: {
     asChild: { type: Boolean },
@@ -1752,10 +1831,7 @@ const _sfc_main$2N = /* @__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(DialogDescription), mergeProps({ "data-slot": "dialog-description" }, unref(forwardedProps), {
@@ -1770,7 +1846,7 @@ const _sfc_main$2N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2M = /* @__PURE__ */ defineComponent({
+const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
   __name: "DialogFooter",
   props: {
     class: {}
@@ -1788,7 +1864,7 @@ const _sfc_main$2M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2L = /* @__PURE__ */ defineComponent({
+const _sfc_main$2_ = /* @__PURE__ */ defineComponent({
   __name: "DialogHeader",
   props: {
     class: {}
@@ -1806,7 +1882,7 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2K = /* @__PURE__ */ defineComponent({
+const _sfc_main$2Z = /* @__PURE__ */ defineComponent({
   __name: "DialogScrollContent",
   props: {
     forceMount: { type: Boolean },
@@ -1819,19 +1895,16 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
   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(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" }, {
+          createVNode(unref(DialogOverlay), { class: "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }, {
             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",
+                  "relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
                   props.class
                 )
               }, unref(forwarded), {
@@ -1845,9 +1918,9 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
               }), {
                 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" }, {
+                  createVNode(unref(DialogClose), { class: "absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary" }, {
                     default: withCtx(() => [
-                      createVNode(unref(X), { class: "h-4 w-4" }),
+                      createVNode(unref(X), { class: "w-4 h-4" }),
                       _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
                     ]),
                     _: 1
@@ -1865,7 +1938,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2J = /* @__PURE__ */ defineComponent({
+const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
   __name: "DialogTitle",
   props: {
     asChild: { type: Boolean },
@@ -1874,10 +1947,7 @@ const _sfc_main$2J = /* @__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(DialogTitle), mergeProps({ "data-slot": "dialog-title" }, unref(forwardedProps), {
@@ -1892,7 +1962,7 @@ const _sfc_main$2J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2I = /* @__PURE__ */ defineComponent({
+const _sfc_main$2X = /* @__PURE__ */ defineComponent({
   __name: "DialogTrigger",
   props: {
     asChild: { type: Boolean },
@@ -1911,7 +1981,7 @@ const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2H = /* @__PURE__ */ defineComponent({
+const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   __name: "CommandDialog",
   props: {
     open: { type: Boolean },
@@ -1926,19 +1996,19 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2R), normalizeProps(guardReactiveProps(unref(forwarded))), {
+      return openBlock(), createBlock(unref(_sfc_main$34), normalizeProps(guardReactiveProps(unref(forwarded))), {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$2O), { class: "overflow-hidden p-0" }, {
+          createVNode(unref(_sfc_main$31), { class: "overflow-hidden p-0" }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$2L), { class: "sr-only" }, {
+              createVNode(unref(_sfc_main$2_), { class: "sr-only" }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$2J), null, {
+                  createVNode(unref(_sfc_main$2Y), null, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(__props.title), 1)
                     ]),
                     _: 1
                   }),
-                  createVNode(unref(_sfc_main$2N), null, {
+                  createVNode(unref(_sfc_main$30), null, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(__props.description), 1)
                     ]),
@@ -1947,7 +2017,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(_sfc_main$2S, null, {
+              createVNode(_sfc_main$35, null, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
@@ -1963,7 +2033,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2G = /* @__PURE__ */ defineComponent({
+const _sfc_main$2V = /* @__PURE__ */ defineComponent({
   __name: "CommandEmpty",
   props: {
     asChild: { type: Boolean },
@@ -1991,7 +2061,7 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2F = /* @__PURE__ */ defineComponent({
+const _sfc_main$2U = /* @__PURE__ */ defineComponent({
   __name: "CommandGroup",
   props: {
     asChild: { type: Boolean },
@@ -2007,7 +2077,9 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
     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());
+      if (!allGroups.value.has(id)) {
+        allGroups.value.set(id, /* @__PURE__ */ new Set());
+      }
     });
     onUnmounted(() => {
       allGroups.value.delete(id);
@@ -2022,7 +2094,7 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           __props.heading ? (openBlock(), createBlock(unref(ListboxGroupLabel), {
             key: 0,
-            class: "text-muted-foreground px-2 py-1.5 text-xs font-medium"
+            class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(__props.heading), 1)
@@ -2037,11 +2109,11 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$c = {
+const _hoisted_1$f = {
   "data-slot": "command-input-wrapper",
   class: "flex h-12 items-center gap-2 border-b px-3"
 };
-const _sfc_main$2E = /* @__PURE__ */ defineComponent({
+const _sfc_main$2T = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2060,7 +2132,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     const forwardedProps = useForwardProps(delegatedProps);
     const { filterState } = useCommand();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createVNode(unref(Search), { class: "size-4 shrink-0 opacity-50" }),
         createVNode(unref(ListboxFilter), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
           modelValue: unref(filterState).search,
@@ -2077,7 +2149,7 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2D = /* @__PURE__ */ defineComponent({
+const _sfc_main$2S = /* @__PURE__ */ defineComponent({
   __name: "CommandItem",
   props: {
     value: {},
@@ -2109,8 +2181,10 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
     const itemRef = ref();
     const currentElement = useCurrentElement(itemRef);
     onMounted(() => {
-      if (!(currentElement.value instanceof HTMLElement)) return;
-      allItems.value.set(id, currentElement.value.textContent ?? props.value?.toString() ?? "");
+      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)) {
@@ -2130,7 +2204,7 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
         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`,
+          "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:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
           props.class
         ),
         onSelect: _cache[0] || (_cache[0] = () => {
@@ -2146,8 +2220,8 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$b = { role: "presentation" };
-const _sfc_main$2C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = { role: "presentation" };
+const _sfc_main$2R = /* @__PURE__ */ defineComponent({
   __name: "CommandList",
   props: {
     asChild: { type: Boolean },
@@ -2163,7 +2237,7 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
         class: unref(cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", props.class)
       }), {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$b, [
+          createElementVNode("div", _hoisted_1$e, [
             renderSlot(_ctx.$slots, "default")
           ])
         ]),
@@ -2173,7 +2247,7 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2B = /* @__PURE__ */ defineComponent({
+const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
   __name: "CommandSeparator",
   props: {
     orientation: {},
@@ -2198,7 +2272,7 @@ const _sfc_main$2B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2A = /* @__PURE__ */ defineComponent({
+const _sfc_main$2P = /* @__PURE__ */ defineComponent({
   __name: "CommandShortcut",
   props: {
     class: {}
@@ -2219,7 +2293,7 @@ const _sfc_main$2A = /* @__PURE__ */ defineComponent({
 const [useCommand, provideCommandContext] = createContext("Command");
 const [useCommandGroup, provideCommandGroupContext] = createContext("CommandGroup");
 
-const _sfc_main$2z = /* @__PURE__ */ defineComponent({
+const _sfc_main$2O = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   props: {
     pressOpenDelay: {},
@@ -2242,8 +2316,8 @@ const _sfc_main$2z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$2y = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2N = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
@@ -2270,7 +2344,7 @@ const _sfc_main$2y = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$a, [
+          createElementVNode("span", _hoisted_1$d, [
             createVNode(unref(ContextMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Check), { class: "size-4" })
@@ -2286,7 +2360,7 @@ const _sfc_main$2y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2x = /* @__PURE__ */ defineComponent({
+const _sfc_main$2M = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -2337,7 +2411,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2w = /* @__PURE__ */ defineComponent({
+const _sfc_main$2L = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuGroup",
   props: {
     asChild: { type: Boolean },
@@ -2356,7 +2430,7 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2v = /* @__PURE__ */ defineComponent({
+const _sfc_main$2K = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -2396,7 +2470,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2u = /* @__PURE__ */ defineComponent({
+const _sfc_main$2J = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuLabel",
   props: {
     asChild: { type: Boolean },
@@ -2426,7 +2500,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2t = /* @__PURE__ */ defineComponent({
+const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuRadioGroup",
   props: {
     modelValue: {},
@@ -2449,8 +2523,8 @@ const _sfc_main$2t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$9 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$2s = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuRadioItem",
   props: {
     value: {},
@@ -2477,7 +2551,7 @@ const _sfc_main$2s = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$9, [
+          createElementVNode("span", _hoisted_1$c, [
             createVNode(unref(ContextMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Circle), { class: "size-2 fill-current" })
@@ -2493,7 +2567,7 @@ const _sfc_main$2s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSeparator",
   props: {
     asChild: { type: Boolean },
@@ -2514,7 +2588,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+const _sfc_main$2F = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuShortcut",
   props: {
     class: {}
@@ -2532,7 +2606,7 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+const _sfc_main$2E = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -2554,7 +2628,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2o = /* @__PURE__ */ defineComponent({
+const _sfc_main$2D = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -2603,7 +2677,7 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+const _sfc_main$2C = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -2640,7 +2714,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+const _sfc_main$2B = /* @__PURE__ */ defineComponent({
   __name: "ContextMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -2661,7 +2735,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+const _sfc_main$2A = /* @__PURE__ */ defineComponent({
   __name: "Drawer",
   props: {
     activeSnapPoint: {},
@@ -2698,7 +2772,7 @@ const _sfc_main$2l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2k = /* @__PURE__ */ defineComponent({
+const _sfc_main$2z = /* @__PURE__ */ defineComponent({
   __name: "DrawerClose",
   props: {
     asChild: { type: Boolean },
@@ -2717,7 +2791,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+const _sfc_main$2y = /* @__PURE__ */ defineComponent({
   __name: "DrawerOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -2739,7 +2813,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+const _sfc_main$2x = /* @__PURE__ */ defineComponent({
   __name: "DrawerContent",
   props: {
     forceMount: { type: Boolean },
@@ -2756,7 +2830,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DrawerPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$2j),
+          createVNode(_sfc_main$2y),
           createVNode(unref(DrawerContent), mergeProps({ "data-slot": "drawer-content" }, unref(forwarded), {
             class: unref(cn)(
               `group/drawer-content bg-background fixed z-50 flex h-auto flex-col`,
@@ -2780,7 +2854,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+const _sfc_main$2w = /* @__PURE__ */ defineComponent({
   __name: "DrawerDescription",
   props: {
     asChild: { type: Boolean },
@@ -2803,7 +2877,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2g = /* @__PURE__ */ defineComponent({
+const _sfc_main$2v = /* @__PURE__ */ defineComponent({
   __name: "DrawerFooter",
   props: {
     class: {}
@@ -2821,7 +2895,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
+const _sfc_main$2u = /* @__PURE__ */ defineComponent({
   __name: "DrawerHeader",
   props: {
     class: {}
@@ -2839,7 +2913,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+const _sfc_main$2t = /* @__PURE__ */ defineComponent({
   __name: "DrawerTitle",
   props: {
     asChild: { type: Boolean },
@@ -2862,7 +2936,7 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2d = /* @__PURE__ */ defineComponent({
+const _sfc_main$2s = /* @__PURE__ */ defineComponent({
   __name: "DrawerTrigger",
   props: {
     asChild: { type: Boolean },
@@ -2881,7 +2955,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+const _sfc_main$2r = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenu",
   props: {
     defaultOpen: { type: Boolean },
@@ -2905,8 +2979,8 @@ const _sfc_main$2c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$8 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2q = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
@@ -2920,20 +2994,17 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   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(DropdownMenuCheckboxItem), mergeProps({ "data-slot": "dropdown-menu-checkbox-item" }, unref(forwarded), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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`,
+          "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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$8, [
+          createElementVNode("span", _hoisted_1$b, [
             createVNode(unref(DropdownMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Check), { class: "size-4" })
@@ -2949,7 +3020,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+const _sfc_main$2p = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -2979,10 +3050,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
   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(DropdownMenuPortal), null, {
@@ -3005,7 +3073,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2o = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuGroup",
   props: {
     asChild: { type: Boolean },
@@ -3024,7 +3092,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2n = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     disabled: { type: Boolean },
@@ -3037,7 +3105,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = reactiveOmit(props, "inset", "variant");
+    const delegatedProps = reactiveOmit(props, "inset", "variant", "class");
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps({
@@ -3046,7 +3114,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
         "data-variant": __props.variant
       }, 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-[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
         )
       }), {
@@ -3059,7 +3127,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2m = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuLabel",
   props: {
     asChild: { type: Boolean },
@@ -3087,7 +3155,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2l = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuRadioGroup",
   props: {
     modelValue: {},
@@ -3110,8 +3178,8 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$7 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2k = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuRadioItem",
   props: {
     value: {},
@@ -3125,20 +3193,17 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
   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(DropdownMenuRadioItem), mergeProps({ "data-slot": "dropdown-menu-radio-item" }, unref(forwarded), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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`,
+          "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm 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, [
+          createElementVNode("span", _hoisted_1$a, [
             createVNode(unref(DropdownMenuItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Circle), { class: "size-2 fill-current" })
@@ -3154,7 +3219,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSeparator",
   props: {
     asChild: { type: Boolean },
@@ -3163,19 +3228,16 @@ const _sfc_main$24 = /* @__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(DropdownMenuSeparator), mergeProps({ "data-slot": "dropdown-menu-separator" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(DropdownMenuSeparator), mergeProps({ "data-slot": "dropdown-menu-separator" }, unref(delegatedProps), {
         class: unref(cn)("bg-border -mx-1 my-1 h-px", props.class)
       }), null, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuShortcut",
   props: {
     class: {}
@@ -3193,7 +3255,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -3215,7 +3277,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -3243,10 +3305,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   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(DropdownMenuSubContent), mergeProps({ "data-slot": "dropdown-menu-sub-content" }, unref(forwarded), {
@@ -3264,7 +3323,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -3295,7 +3354,7 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -3316,7 +3375,146 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
+  __name: "Empty",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "empty",
+        class: normalizeClass(unref(cn)(
+          "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
+          props.class
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+  __name: "EmptyContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "empty-content",
+        class: normalizeClass(unref(cn)(
+          "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
+          props.class
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  __name: "EmptyDescription",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", {
+        "data-slot": "empty-description",
+        class: normalizeClass(unref(cn)(
+          "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+          _ctx.$attrs.class ?? ""
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  __name: "EmptyHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "empty-header",
+        class: normalizeClass(unref(cn)(
+          "flex max-w-sm flex-col items-center gap-2 text-center",
+          _ctx.$attrs.class ?? ""
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _hoisted_1$9 = ["data-variant"];
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  __name: "EmptyMedia",
+  props: {
+    class: {},
+    variant: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "empty-icon",
+        "data-variant": __props.variant,
+        class: normalizeClass(unref(cn)(unref(emptyMediaVariants)({ variant: __props.variant }), props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$9);
+    };
+  }
+});
+
+const _hoisted_1$8 = ["data-variant"];
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+  __name: "EmptyTitle",
+  props: {
+    class: {},
+    variant: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "empty-icon",
+        "data-variant": __props.variant,
+        class: normalizeClass(unref(cn)(unref(emptyMediaVariants)({ variant: __props.variant }), props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$8);
+    };
+  }
+});
+
+const emptyMediaVariants = cva(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   __name: "HoverCard",
   props: {
     defaultOpen: { type: Boolean },
@@ -3340,7 +3538,7 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   __name: "HoverCardContent",
   props: {
     forceMount: { type: Boolean },
@@ -3393,7 +3591,7 @@ const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
   __name: "HoverCardTrigger",
   props: {
     reference: {},
@@ -3413,7 +3611,7 @@ const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
   __name: "Input",
   props: {
     defaultValue: {},
@@ -3443,9 +3641,245 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
       ]);
     };
   }
-});
+});
+
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+  __name: "Item",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "div" },
+    class: {},
+    variant: {},
+    size: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "item",
+        as: __props.as,
+        "as-child": __props.asChild,
+        class: normalizeClass(unref(cn)(unref(itemVariants)({ variant: __props.variant, size: __props.size }), props.class))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "class"]);
+    };
+  }
+});
+
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+  __name: "ItemActions",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "item-actions",
+        class: normalizeClass(unref(cn)("flex items-center gap-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+  __name: "ItemContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "item-content",
+        class: normalizeClass(unref(cn)("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+  __name: "ItemDescription",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", {
+        "data-slot": "item-description",
+        class: normalizeClass(unref(cn)(
+          "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+          "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+          props.class
+        ))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+  __name: "ItemFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "item-footer",
+        class: normalizeClass(unref(cn)("flex basis-full items-center justify-between gap-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+  __name: "ItemGroup",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        role: "list",
+        "data-slot": "item-group",
+        class: normalizeClass(unref(cn)("group/item-group flex flex-col", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+  __name: "ItemHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "item-header",
+        class: normalizeClass(unref(cn)("flex basis-full items-center justify-between gap-2", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _hoisted_1$7 = ["data-variant"];
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+  __name: "ItemMedia",
+  props: {
+    class: {},
+    variant: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "item-media",
+        "data-variant": props.variant,
+        class: normalizeClass(unref(cn)(unref(itemMediaVariants)({ variant: __props.variant }), props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$7);
+    };
+  }
+});
+
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+  __name: "ItemSeparator",
+  props: {
+    orientation: {},
+    decorative: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$3C), {
+        "data-slot": "item-separator",
+        orientation: "horizontal",
+        class: normalizeClass(unref(cn)("my-0", props.class))
+      }, null, 8, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+  __name: "ItemTitle",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "item-title",
+        class: normalizeClass(unref(cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const itemVariants = cva(
+  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
 
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
   __name: "Label",
   props: {
     for: {},
@@ -3475,7 +3909,7 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   __name: "Loading",
   props: {
     class: {},
@@ -3504,9 +3938,9 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1V, [["__scopeId", "data-v-bf69e6e9"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1U, [["__scopeId", "data-v-bf69e6e9"]]);
 
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   __name: "Menubar",
   props: {
     modelValue: {},
@@ -3538,7 +3972,7 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$6 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   __name: "MenubarCheckboxItem",
   props: {
     modelValue: { type: [Boolean, String] },
@@ -3581,7 +4015,7 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   __name: "MenubarContent",
   props: {
     forceMount: { type: Boolean },
@@ -3635,7 +4069,7 @@ const _sfc_main$1S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   __name: "MenubarGroup",
   props: {
     asChild: { type: Boolean },
@@ -3654,7 +4088,7 @@ const _sfc_main$1R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   __name: "MenubarItem",
   props: {
     disabled: { type: Boolean },
@@ -3691,7 +4125,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   __name: "MenubarLabel",
   props: {
     asChild: { type: Boolean },
@@ -3717,7 +4151,7 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
   __name: "MenubarMenu",
   props: {
     value: {}
@@ -3735,7 +4169,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   __name: "MenubarRadioGroup",
   props: {
     modelValue: {},
@@ -3759,7 +4193,7 @@ const _sfc_main$1N = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$5 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   __name: "MenubarRadioItem",
   props: {
     value: {},
@@ -3802,7 +4236,7 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   __name: "MenubarSeparator",
   props: {
     asChild: { type: Boolean },
@@ -3825,7 +4259,7 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   __name: "MenubarShortcut",
   props: {
     class: {}
@@ -3843,7 +4277,7 @@ const _sfc_main$1K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   __name: "MenubarSub",
   props: {
     defaultOpen: { type: Boolean },
@@ -3865,7 +4299,7 @@ const _sfc_main$1J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   __name: "MenubarSubContent",
   props: {
     forceMount: { type: Boolean },
@@ -3919,7 +4353,7 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
   __name: "MenubarSubTrigger",
   props: {
     disabled: { type: Boolean },
@@ -3953,7 +4387,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   __name: "MenubarTrigger",
   props: {
     disabled: { type: Boolean },
@@ -3985,7 +4419,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$4 = { class: "absolute top-full left-0 isolate z-50 flex justify-center" };
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuViewport",
   props: {
     forceMount: { type: Boolean },
@@ -4002,7 +4436,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$4, [
         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)]",
+            "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-(--reka-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border shadow md:w-[var(--reka-navigation-menu-viewport-width)] left-(--reka-navigation-menu-viewport-left)",
             props.class
           )
         }), null, 16, ["class"])
@@ -4011,7 +4445,7 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenu",
   props: {
     modelValue: {},
@@ -4040,14 +4474,11 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
         "data-slot": "navigation-menu",
         "data-viewport": __props.viewport
       }, unref(forwarded), {
-        class: unref(cn)(
-          "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
-          props.class
-        )
+        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"),
-          __props.viewport ? (openBlock(), createBlock(_sfc_main$1F, { key: 0 })) : createCommentVNode("", true)
+          __props.viewport ? (openBlock(), createBlock(_sfc_main$1E, { key: 0 })) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["data-viewport", "class"]);
@@ -4055,7 +4486,7 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -4073,8 +4504,8 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NavigationMenuContent), mergeProps({ "data-slot": "navigation-menu-content" }, unref(forwarded), {
         class: unref(cn)(
-          `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`,
+          "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
         )
       }), {
@@ -4087,7 +4518,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuIndicator",
   props: {
     forceMount: { type: Boolean },
@@ -4102,7 +4533,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       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",
+          "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
         )
       }), {
@@ -4115,7 +4546,7 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuItem",
   props: {
     value: {},
@@ -4139,7 +4570,7 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuLink",
   props: {
     active: { type: Boolean },
@@ -4156,7 +4587,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       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`,
+          "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 flex flex-col gap-1 rounded-sm p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
           props.class
         )
       }), {
@@ -4169,7 +4600,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuList",
   props: {
     asChild: { type: Boolean },
@@ -4182,7 +4613,10 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       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)
+        class: unref(cn)(
+          "group flex flex-1 list-none items-center justify-center gap-1",
+          props.class
+        )
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -4193,7 +4627,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   __name: "NavigationMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -4212,7 +4646,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
           createVNode(unref(ChevronDown), {
-            class: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            class: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
           })
         ]),
@@ -4226,7 +4660,7 @@ 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$1x = /* @__PURE__ */ defineComponent({
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   __name: "NumberField",
   props: {
     defaultValue: {},
@@ -4252,10 +4686,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   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(NumberFieldRoot), mergeProps(unref(forwarded), {
@@ -4270,7 +4701,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldContent",
   props: {
     class: {}
@@ -4280,7 +4711,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cn)(
-          "relative [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5 [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5",
+          "relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5",
           props.class
         ))
       }, [
@@ -4290,7 +4721,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldDecrement",
   props: {
     disabled: { type: Boolean },
@@ -4300,15 +4731,12 @@ 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 forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NumberFieldDecrement), mergeProps({ "data-slot": "decrement" }, unref(forwarded), {
         class: unref(cn)(
-          "absolute top-1/2 left-0 -translate-y-1/2 p-3 disabled:cursor-not-allowed disabled:opacity-20",
+          "absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20",
           props.class
         )
       }), {
@@ -4323,7 +4751,7 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldIncrement",
   props: {
     disabled: { type: Boolean },
@@ -4333,15 +4761,12 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class");
     const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NumberFieldIncrement), mergeProps({ "data-slot": "increment" }, unref(forwarded), {
         class: unref(cn)(
-          "absolute top-1/2 right-0 -translate-y-1/2 p-3 disabled:cursor-not-allowed disabled:opacity-20",
+          "absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3",
           props.class
         )
       }), {
@@ -4356,7 +4781,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   __name: "NumberFieldInput",
   props: {
     class: {}
@@ -4367,7 +4792,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(NumberFieldInput), {
         "data-slot": "input",
         class: normalizeClass(unref(cn)(
-          "border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-9 w-full rounded-md border bg-transparent py-1 text-center text-sm shadow-sm transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-9 w-full rounded-md border border-input bg-transparent py-1 text-sm text-center shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
           props.class
         ))
       }, null, 8, ["class"]);
@@ -4375,7 +4800,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   __name: "Pagination",
   props: {
     page: {},
@@ -4408,7 +4833,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   __name: "PaginationContent",
   props: {
     asChild: { type: Boolean },
@@ -4434,7 +4859,7 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   __name: "PaginationEllipsis",
   props: {
     asChild: { type: Boolean },
@@ -4463,7 +4888,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   __name: "PaginationFirst",
   props: {
     asChild: { type: Boolean },
@@ -4492,7 +4917,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1o = /* @__PURE__ */ defineComponent({
+const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   __name: "PaginationItem",
   props: {
     value: {},
@@ -4524,7 +4949,7 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1n = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "PaginationLast",
   props: {
     asChild: { type: Boolean },
@@ -4553,7 +4978,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "PaginationNext",
   props: {
     asChild: { type: Boolean },
@@ -4582,7 +5007,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   __name: "PaginationPrevious",
   props: {
     asChild: { type: Boolean },
@@ -4611,7 +5036,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   __name: "Popover",
   props: {
     defaultOpen: { type: Boolean },
@@ -4634,7 +5059,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   __name: "PopoverAnchor",
   props: {
     reference: {},
@@ -4654,7 +5079,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4713,7 +5138,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   __name: "PopoverTrigger",
   props: {
     asChild: { type: Boolean },
@@ -4732,7 +5157,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "Progress",
   props: {
     modelValue: { default: 0 },
@@ -4766,7 +5191,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: {
     modelValue: {},
@@ -4804,7 +5229,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupItem",
   props: {
     id: {},
@@ -4851,7 +5276,7 @@ const _hoisted_1$3 = {
   key: 0,
   class: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border"
 };
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "ResizableHandle",
   props: {
     id: {},
@@ -4888,7 +5313,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "ResizablePanel",
   props: {
     collapsedSize: {},
@@ -4917,7 +5342,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "ResizablePanelGroup",
   props: {
     id: {},
@@ -4951,7 +5376,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "ScrollBar",
   props: {
     orientation: { default: "vertical" },
@@ -4962,12 +5387,9 @@ const _sfc_main$1a = /* @__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(ScrollAreaScrollbar), mergeProps({ "data-slot": "scroll-area-scrollbar" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(ScrollAreaScrollbar), mergeProps({ "data-slot": "scroll-area-scrollbar" }, unref(delegatedProps), {
         class: unref(cn)(
           "flex touch-none p-px transition-colors select-none",
           __props.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
@@ -4987,7 +5409,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     type: {},
@@ -4999,12 +5421,9 @@ const _sfc_main$19 = /* @__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(ScrollAreaRoot), mergeProps({ "data-slot": "scroll-area" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(ScrollAreaRoot), mergeProps({ "data-slot": "scroll-area" }, unref(delegatedProps), {
         class: unref(cn)("relative", props.class)
       }), {
         default: withCtx(() => [
@@ -5017,7 +5436,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(_sfc_main$1a),
+          createVNode(_sfc_main$19),
           createVNode(unref(ScrollAreaCorner))
         ]),
         _: 3
@@ -5026,7 +5445,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
     open: { type: Boolean },
@@ -5057,7 +5476,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -5091,10 +5510,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   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(SelectPortal), null, {
@@ -5107,11 +5523,11 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
             )
           }), {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$11)),
+              createVNode(unref(_sfc_main$10)),
               createVNode(unref(SelectViewport), {
                 class: normalizeClass(unref(cn)(
                   "p-1",
-                  __props.position === "popper" && "h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1"
+                  __props.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width) scroll-my-1"
                 ))
               }, {
                 default: withCtx(() => [
@@ -5119,7 +5535,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              createVNode(unref(_sfc_main$12))
+              createVNode(unref(_sfc_main$11))
             ]),
             _: 3
           }, 16, ["class"])
@@ -5130,7 +5546,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "SelectGroup",
   props: {
     asChild: { type: Boolean },
@@ -5150,7 +5566,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$2 = { class: "absolute right-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "SelectItem",
   props: {
     value: {},
@@ -5162,15 +5578,12 @@ const _sfc_main$15 = /* @__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(SelectItem), mergeProps({ "data-slot": "select-item" }, unref(forwardedProps), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,
+          "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
           props.class
         )
       }), {
@@ -5196,7 +5609,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "SelectItemText",
   props: {
     asChild: { type: Boolean },
@@ -5215,7 +5628,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -5239,7 +5652,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollDownButton",
   props: {
     asChild: { type: Boolean },
@@ -5248,10 +5661,7 @@ const _sfc_main$12 = /* @__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(SelectScrollDownButton), mergeProps({ "data-slot": "select-scroll-down-button" }, unref(forwardedProps), {
@@ -5268,7 +5678,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollUpButton",
   props: {
     asChild: { type: Boolean },
@@ -5277,10 +5687,7 @@ const _sfc_main$11 = /* @__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(SelectScrollUpButton), mergeProps({ "data-slot": "select-scroll-up-button" }, unref(forwardedProps), {
@@ -5297,7 +5704,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "SelectSeparator",
   props: {
     asChild: { type: Boolean },
@@ -5306,19 +5713,16 @@ const _sfc_main$10 = /* @__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(SelectSeparator), mergeProps({ "data-slot": "select-separator" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(SelectSeparator), mergeProps({ "data-slot": "select-separator" }, unref(delegatedProps), {
         class: unref(cn)("bg-border pointer-events-none -mx-1 my-1 h-px", props.class)
       }), null, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "SelectTrigger",
   props: {
     disabled: { type: Boolean },
@@ -5338,7 +5742,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
         "data-size": __props.size
       }, unref(forwardedProps), {
         class: unref(cn)(
-          `border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          "border-input data-placeholder:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
           props.class
         )
       }), {
@@ -5357,7 +5761,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "SelectValue",
   props: {
     placeholder: {},
@@ -5377,29 +5781,6 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
-  __name: "Separator",
-  props: {
-    orientation: { default: "horizontal" },
-    decorative: { type: Boolean, default: true },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Separator), mergeProps({ "data-slot": "separator-root" }, unref(delegatedProps), {
-        class: unref(cn)(
-          `bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,
-          props.class
-        )
-      }), null, 16, ["class"]);
-    };
-  }
-});
-
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Sheet",
   props: {
@@ -5452,10 +5833,7 @@ const _sfc_main$W = /* @__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": "sheet-overlay",
@@ -5463,7 +5841,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
           "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
         )
-      }, delegatedProps.value), {
+      }, unref(delegatedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -5535,15 +5913,12 @@ const _sfc_main$U = /* @__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(DialogDescription), mergeProps({
         "data-slot": "sheet-description",
         class: unref(cn)("text-muted-foreground text-sm", props.class)
-      }, delegatedProps.value), {
+      }, unref(delegatedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -5598,15 +5973,12 @@ const _sfc_main$R = /* @__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(DialogTitle), mergeProps({
         "data-slot": "sheet-title",
         class: unref(cn)("text-foreground font-semibold", props.class)
-      }, delegatedProps.value), {
+      }, unref(delegatedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -5635,7 +6007,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const SIDEBAR_COOKIE_NAME = "sidebar:state";
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
@@ -5912,10 +6284,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1X), {
+      return openBlock(), createBlock(unref(_sfc_main$24), {
         "data-slot": "sidebar-input",
         "data-sidebar": "input",
-        class: normalizeClass(unref(cn)("bg-background h-8 w-full shadow-none", props.class))
+        class: normalizeClass(unref(cn)(
+          "bg-background h-8 w-full shadow-none",
+          props.class
+        ))
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -6200,12 +6575,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { isMobile, state } = useSidebar();
-    const delegatedProps = computed(() => {
-      const { tooltip, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "tooltip");
     return (_ctx, _cache) => {
-      return !__props.tooltip ? (openBlock(), createBlock(_sfc_main$y, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
+      return !__props.tooltip ? (openBlock(), createBlock(_sfc_main$y, normalizeProps(mergeProps({ key: 0 }, { ...unref(delegatedProps), ..._ctx.$attrs })), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -6214,7 +6586,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(_sfc_main$z), { "as-child": "" }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$y, normalizeProps(guardReactiveProps({ ...delegatedProps.value, ..._ctx.$attrs })), {
+              createVNode(_sfc_main$y, normalizeProps(guardReactiveProps({ ...unref(delegatedProps), ..._ctx.$attrs })), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
@@ -6391,7 +6763,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SidebarProvider",
   props: {
-    defaultOpen: { type: Boolean, default: true },
+    defaultOpen: { type: Boolean, default: !defaultDocument?.cookie.includes(`${SIDEBAR_COOKIE_NAME}=false`) },
     open: { type: Boolean, default: void 0 },
     class: {}
   },
@@ -6434,10 +6806,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               "--sidebar-width": unref(SIDEBAR_WIDTH),
               "--sidebar-width-icon": unref(SIDEBAR_WIDTH_ICON)
             },
-            class: unref(cn)(
-              "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
-              props.class
-            )
+            class: unref(cn)("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", props.class)
           }, _ctx.$attrs), [
             renderSlot(_ctx.$slots, "default")
           ], 16)
@@ -6489,7 +6858,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$Z), {
+      return openBlock(), createBlock(unref(_sfc_main$3C), {
         "data-slot": "sidebar-separator",
         "data-sidebar": "separator",
         class: normalizeClass(unref(cn)("bg-sidebar-border mx-2 w-auto", props.class))
@@ -6512,7 +6881,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { toggleSidebar } = useSidebar();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$3x), {
+      return openBlock(), createBlock(unref(_sfc_main$3Q), {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
         variant: "ghost",
@@ -6670,10 +7039,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   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(SwitchRoot), mergeProps({ "data-slot": "switch" }, unref(forwarded), {
@@ -6789,7 +7155,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("td", {
         "data-slot": "table-cell",
         class: normalizeClass(unref(cn)(
-          "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+          "p-2 align-middle [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-[2px]",
           props.class
         ))
       }, [
@@ -6826,16 +7192,16 @@ const _sfc_main$e = /* @__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(_sfc_main$f, null, {
         default: withCtx(() => [
           createVNode(_sfc_main$g, mergeProps({
-            class: unref(cn)("text-foreground p-4 align-middle text-sm whitespace-nowrap", props.class)
-          }, delegatedProps.value), {
+            class: unref(cn)(
+              "p-4 whitespace-nowrap align-middle text-sm text-foreground",
+              props.class
+            )
+          }, unref(delegatedProps)), {
             default: withCtx(() => [
               createElementVNode("div", _hoisted_1, [
                 renderSlot(_ctx.$slots, "default")
@@ -6879,7 +7245,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("th", {
         "data-slot": "table-head",
         class: normalizeClass(unref(cn)(
-          "text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+          "text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 *:[[role=checkbox]]:translate-y-[2px]",
           props.class
         ))
       }, [
@@ -7239,8 +7605,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(Toggle), mergeProps({ "data-slot": "toggle" }, unref(forwarded), {
         class: unref(cn)(unref(toggleVariants)({ variant: __props.variant, size: __props.size }), props.class)
       }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+        default: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
         ]),
         _: 3
       }, 16, ["class"]);
@@ -7269,4 +7635,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$3y as AlertDialog, _sfc_main$3w as AlertDialogAction, _sfc_main$3v as AlertDialogCancel, _sfc_main$3u as AlertDialogContent, _sfc_main$3t as AlertDialogDescription, _sfc_main$3s as AlertDialogFooter, _sfc_main$3r as AlertDialogHeader, _sfc_main$3q as AlertDialogTitle, _sfc_main$3p as AlertDialogTrigger, _sfc_main$3z as AlertTitle, _sfc_main$3o as Avatar, _sfc_main$3n as AvatarFallback, _sfc_main$3m as AvatarImage, _sfc_main$3l as Badge, _sfc_main$3x as Button, _sfc_main$3d as Calendar, _sfc_main$3c as CalendarCell, _sfc_main$3b as CalendarCellTrigger, _sfc_main$3a as CalendarGrid, _sfc_main$39 as CalendarGridBody, _sfc_main$38 as CalendarGridHead, _sfc_main$37 as CalendarGridRow, _sfc_main$36 as CalendarHeadCell, _sfc_main$35 as CalendarHeader, _sfc_main$34 as CalendarHeading, _sfc_main$33 as CalendarNextButton, _sfc_main$32 as CalendarPrevButton, _sfc_main$3k as Card, _sfc_main$3j as CardAction, _sfc_main$3i as CardContent, _sfc_main$3h as CardDescription, _sfc_main$3g as CardFooter, _sfc_main$3f as CardHeader, _sfc_main$3e as CardTitle, _sfc_main$31 as Checkbox, _sfc_main$30 as Combobox, _sfc_main$2$ as ComboboxAnchor, _sfc_main$2_ as ComboboxEmpty, _sfc_main$2Z as ComboboxGroup, _sfc_main$2Y as ComboboxInput, _sfc_main$2X as ComboboxItem, _sfc_main$2W as ComboboxItemIndicator, _sfc_main$2V as ComboboxList, _sfc_main$2U as ComboboxSeparator, _sfc_main$2T as ComboboxViewport, _sfc_main$2S as Command, _sfc_main$2H as CommandDialog, _sfc_main$2G as CommandEmpty, _sfc_main$2F as CommandGroup, _sfc_main$2E as CommandInput, _sfc_main$2D as CommandItem, _sfc_main$2C as CommandList, _sfc_main$2B as CommandSeparator, _sfc_main$2A as CommandShortcut, _sfc_main$2z as ContextMenu, _sfc_main$2y as ContextMenuCheckboxItem, _sfc_main$2x as ContextMenuContent, _sfc_main$2w as ContextMenuGroup, _sfc_main$2v as ContextMenuItem, _sfc_main$2u as ContextMenuLabel, _sfc_main$2t as ContextMenuRadioGroup, _sfc_main$2s as ContextMenuRadioItem, _sfc_main$2r as ContextMenuSeparator, _sfc_main$2q as ContextMenuShortcut, _sfc_main$2p as ContextMenuSub, _sfc_main$2o as ContextMenuSubContent, _sfc_main$2n as ContextMenuSubTrigger, _sfc_main$2m as ContextMenuTrigger, _sfc_main$2R as Dialog, _sfc_main$2Q as DialogClose, _sfc_main$2O as DialogContent, _sfc_main$2N as DialogDescription, _sfc_main$2M as DialogFooter, _sfc_main$2L as DialogHeader, _sfc_main$2P as DialogOverlay, _sfc_main$2K as DialogScrollContent, _sfc_main$2J as DialogTitle, _sfc_main$2I as DialogTrigger, _sfc_main$2l as Drawer, _sfc_main$2k as DrawerClose, _sfc_main$2i as DrawerContent, _sfc_main$2h as DrawerDescription, _sfc_main$2g as DrawerFooter, _sfc_main$2f as DrawerHeader, _sfc_main$2j as DrawerOverlay, _sfc_main$2e as DrawerTitle, _sfc_main$2d as DrawerTrigger, _sfc_main$2c as DropdownMenu, _sfc_main$2b as DropdownMenuCheckboxItem, _sfc_main$2a as DropdownMenuContent, _sfc_main$29 as DropdownMenuGroup, _sfc_main$28 as DropdownMenuItem, _sfc_main$27 as DropdownMenuLabel, _sfc_main$26 as DropdownMenuRadioGroup, _sfc_main$25 as DropdownMenuRadioItem, _sfc_main$24 as DropdownMenuSeparator, _sfc_main$23 as DropdownMenuShortcut, _sfc_main$22 as DropdownMenuSub, _sfc_main$21 as DropdownMenuSubContent, _sfc_main$20 as DropdownMenuSubTrigger, _sfc_main$1$ as DropdownMenuTrigger, _sfc_main$1_ as HoverCard, _sfc_main$1Z as HoverCardContent, _sfc_main$1Y as HoverCardTrigger, _sfc_main$1X as Input, _sfc_main$1W as Label, Loading, _sfc_main$1U as Menubar, _sfc_main$1T as MenubarCheckboxItem, _sfc_main$1S as MenubarContent, _sfc_main$1R as MenubarGroup, _sfc_main$1Q as MenubarItem, _sfc_main$1P as MenubarLabel, _sfc_main$1O as MenubarMenu, _sfc_main$1N as MenubarRadioGroup, _sfc_main$1M as MenubarRadioItem, _sfc_main$1L as MenubarSeparator, _sfc_main$1K as MenubarShortcut, _sfc_main$1J as MenubarSub, _sfc_main$1I as MenubarSubContent, _sfc_main$1H as MenubarSubTrigger, _sfc_main$1G as MenubarTrigger, _sfc_main$1E as NavigationMenu, _sfc_main$1D as NavigationMenuContent, _sfc_main$1C as NavigationMenuIndicator, _sfc_main$1B as NavigationMenuItem, _sfc_main$1A as NavigationMenuLink, _sfc_main$1z as NavigationMenuList, _sfc_main$1y as NavigationMenuTrigger, _sfc_main$1F as NavigationMenuViewport, _sfc_main$1x as NumberField, _sfc_main$1w as NumberFieldContent, _sfc_main$1v as NumberFieldDecrement, _sfc_main$1u as NumberFieldIncrement, _sfc_main$1t as NumberFieldInput, _sfc_main$1s as Pagination, _sfc_main$1r as PaginationContent, _sfc_main$1q as PaginationEllipsis, _sfc_main$1p as PaginationFirst, _sfc_main$1o as PaginationItem, _sfc_main$1n as PaginationLast, _sfc_main$1m as PaginationNext, _sfc_main$1l as PaginationPrevious, _sfc_main$1k as Popover, _sfc_main$1j as PopoverAnchor, _sfc_main$1i as PopoverContent, _sfc_main$1h as PopoverTrigger, _sfc_main$1g as Progress, _sfc_main$1f as RadioGroup, _sfc_main$1e as RadioGroupItem, _sfc_main$1d as ResizableHandle, _sfc_main$1c as ResizablePanel, _sfc_main$1b as ResizablePanelGroup, _sfc_main$19 as ScrollArea, _sfc_main$18 as Select, _sfc_main$17 as SelectContent, _sfc_main$16 as SelectGroup, _sfc_main$15 as SelectItem, _sfc_main$14 as SelectItemText, _sfc_main$13 as SelectLabel, _sfc_main$12 as SelectScrollDownButton, _sfc_main$11 as SelectScrollUpButton, _sfc_main$10 as SelectSeparator, _sfc_main$$ as SelectTrigger, _sfc_main$_ as SelectValue, _sfc_main$Z as Separator, _sfc_main$Y as Sheet, _sfc_main$X as SheetClose, _sfc_main$V as SheetContent, _sfc_main$U as SheetDescription, _sfc_main$T as SheetFooter, _sfc_main$S as SheetHeader, _sfc_main$R as SheetTitle, _sfc_main$Q as SheetTrigger, _sfc_main$P as Sidebar, _sfc_main$O as SidebarContent, _sfc_main$N as SidebarFooter, _sfc_main$M as SidebarGroup, _sfc_main$L as SidebarGroupAction, _sfc_main$K as SidebarGroupContent, _sfc_main$J as SidebarGroupLabel, _sfc_main$I as SidebarHeader, _sfc_main$H as SidebarInput, _sfc_main$G as SidebarInset, _sfc_main$F as SidebarMenu, _sfc_main$E as SidebarMenuAction, _sfc_main$D as SidebarMenuBadge, _sfc_main$x as SidebarMenuButton, _sfc_main$w as SidebarMenuItem, _sfc_main$u as SidebarMenuSkeleton, _sfc_main$t as SidebarMenuSub, _sfc_main$s as SidebarMenuSubButton, _sfc_main$r as SidebarMenuSubItem, _sfc_main$q as SidebarProvider, _sfc_main$p as SidebarRail, _sfc_main$o as SidebarSeparator, _sfc_main$n as SidebarTrigger, _sfc_main$v as Skeleton, _sfc_main$m as Slider, _sfc_main$l as Sonner, _sfc_main$k as Switch, _sfc_main$j as Table, _sfc_main$i as TableBody, _sfc_main$h as TableCaption, _sfc_main$g as TableCell, _sfc_main$e as TableEmpty, _sfc_main$d as TableFooter, _sfc_main$c as TableHead, _sfc_main$b as TableHeader, _sfc_main$f as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$C as Tooltip, _sfc_main$B as TooltipContent, _sfc_main$A as TooltipProvider, _sfc_main$z as TooltipTrigger, cn, navigationMenuTriggerStyle, sidebarMenuButtonVariants, toBooleanCheckboxValue, useSidebar };
+export { _sfc_main$3Y as Accordion, _sfc_main$3X as AccordionContent, _sfc_main$3W as AccordionItem, _sfc_main$3V as AccordionTrigger, _sfc_main$3U as Alert, _sfc_main$3T as AlertDescription, _sfc_main$3R as AlertDialog, _sfc_main$3P as AlertDialogAction, _sfc_main$3O as AlertDialogCancel, _sfc_main$3N as AlertDialogContent, _sfc_main$3M as AlertDialogDescription, _sfc_main$3L as AlertDialogFooter, _sfc_main$3K as AlertDialogHeader, _sfc_main$3J as AlertDialogTitle, _sfc_main$3I as AlertDialogTrigger, _sfc_main$3S as AlertTitle, _sfc_main$3H as Avatar, _sfc_main$3G as AvatarFallback, _sfc_main$3F as AvatarImage, _sfc_main$3E as Badge, _sfc_main$3Q as Button, _sfc_main$3D as ButtonGroup, _sfc_main$3B as ButtonGroupSeparator, _sfc_main$3A as ButtonGroupText, _sfc_main$3s as Calendar, _sfc_main$3r as CalendarCell, _sfc_main$3q as CalendarCellTrigger, _sfc_main$3p as CalendarGrid, _sfc_main$3o as CalendarGridBody, _sfc_main$3n as CalendarGridHead, _sfc_main$3m as CalendarGridRow, _sfc_main$3l as CalendarHeadCell, _sfc_main$3k as CalendarHeader, _sfc_main$3j as CalendarHeading, _sfc_main$3i as CalendarNextButton, _sfc_main$3h as CalendarPrevButton, _sfc_main$3z as Card, _sfc_main$3y as CardAction, _sfc_main$3x as CardContent, _sfc_main$3w as CardDescription, _sfc_main$3v as CardFooter, _sfc_main$3u as CardHeader, _sfc_main$3t as CardTitle, _sfc_main$3g as Checkbox, _sfc_main$3f as Combobox, _sfc_main$3e as ComboboxAnchor, _sfc_main$3d as ComboboxEmpty, _sfc_main$3c as ComboboxGroup, _sfc_main$3b as ComboboxInput, _sfc_main$3a as ComboboxItem, _sfc_main$39 as ComboboxItemIndicator, _sfc_main$38 as ComboboxList, _sfc_main$37 as ComboboxSeparator, _sfc_main$36 as ComboboxViewport, _sfc_main$35 as Command, _sfc_main$2W as CommandDialog, _sfc_main$2V as CommandEmpty, _sfc_main$2U as CommandGroup, _sfc_main$2T as CommandInput, _sfc_main$2S as CommandItem, _sfc_main$2R as CommandList, _sfc_main$2Q as CommandSeparator, _sfc_main$2P as CommandShortcut, _sfc_main$2O as ContextMenu, _sfc_main$2N as ContextMenuCheckboxItem, _sfc_main$2M as ContextMenuContent, _sfc_main$2L as ContextMenuGroup, _sfc_main$2K as ContextMenuItem, _sfc_main$2J as ContextMenuLabel, _sfc_main$2I as ContextMenuRadioGroup, _sfc_main$2H as ContextMenuRadioItem, _sfc_main$2G as ContextMenuSeparator, _sfc_main$2F as ContextMenuShortcut, _sfc_main$2E as ContextMenuSub, _sfc_main$2D as ContextMenuSubContent, _sfc_main$2C as ContextMenuSubTrigger, _sfc_main$2B as ContextMenuTrigger, _sfc_main$34 as Dialog, _sfc_main$33 as DialogClose, _sfc_main$31 as DialogContent, _sfc_main$30 as DialogDescription, _sfc_main$2$ as DialogFooter, _sfc_main$2_ as DialogHeader, _sfc_main$32 as DialogOverlay, _sfc_main$2Z as DialogScrollContent, _sfc_main$2Y as DialogTitle, _sfc_main$2X as DialogTrigger, _sfc_main$2A as Drawer, _sfc_main$2z as DrawerClose, _sfc_main$2x as DrawerContent, _sfc_main$2w as DrawerDescription, _sfc_main$2v as DrawerFooter, _sfc_main$2u as DrawerHeader, _sfc_main$2y as DrawerOverlay, _sfc_main$2t as DrawerTitle, _sfc_main$2s as DrawerTrigger, _sfc_main$2r as DropdownMenu, _sfc_main$2q as DropdownMenuCheckboxItem, _sfc_main$2p as DropdownMenuContent, _sfc_main$2o as DropdownMenuGroup, _sfc_main$2n as DropdownMenuItem, _sfc_main$2m as DropdownMenuLabel, _sfc_main$2l as DropdownMenuRadioGroup, _sfc_main$2k as DropdownMenuRadioItem, _sfc_main$2j as DropdownMenuSeparator, _sfc_main$2i as DropdownMenuShortcut, _sfc_main$2h as DropdownMenuSub, _sfc_main$2g as DropdownMenuSubContent, _sfc_main$2f as DropdownMenuSubTrigger, _sfc_main$2e as DropdownMenuTrigger, _sfc_main$2d as Empty, _sfc_main$2c as EmptyContent, _sfc_main$2b as EmptyDescription, _sfc_main$2a as EmptyHeader, _sfc_main$29 as EmptyMedia, _sfc_main$28 as EmptyTitle, _sfc_main$27 as HoverCard, _sfc_main$26 as HoverCardContent, _sfc_main$25 as HoverCardTrigger, _sfc_main$24 as Input, _sfc_main$23 as Item, _sfc_main$22 as ItemActions, _sfc_main$21 as ItemContent, _sfc_main$20 as ItemDescription, _sfc_main$1$ as ItemFooter, _sfc_main$1_ as ItemGroup, _sfc_main$1Z as ItemHeader, _sfc_main$1Y as ItemMedia, _sfc_main$1X as ItemSeparator, _sfc_main$1W as ItemTitle, _sfc_main$1V as Label, Loading, _sfc_main$1T as Menubar, _sfc_main$1S as MenubarCheckboxItem, _sfc_main$1R as MenubarContent, _sfc_main$1Q as MenubarGroup, _sfc_main$1P as MenubarItem, _sfc_main$1O as MenubarLabel, _sfc_main$1N as MenubarMenu, _sfc_main$1M as MenubarRadioGroup, _sfc_main$1L as MenubarRadioItem, _sfc_main$1K as MenubarSeparator, _sfc_main$1J as MenubarShortcut, _sfc_main$1I as MenubarSub, _sfc_main$1H as MenubarSubContent, _sfc_main$1G as MenubarSubTrigger, _sfc_main$1F as MenubarTrigger, _sfc_main$1D as NavigationMenu, _sfc_main$1C as NavigationMenuContent, _sfc_main$1B as NavigationMenuIndicator, _sfc_main$1A as NavigationMenuItem, _sfc_main$1z as NavigationMenuLink, _sfc_main$1y as NavigationMenuList, _sfc_main$1x as NavigationMenuTrigger, _sfc_main$1E as NavigationMenuViewport, _sfc_main$1w as NumberField, _sfc_main$1v as NumberFieldContent, _sfc_main$1u as NumberFieldDecrement, _sfc_main$1t as NumberFieldIncrement, _sfc_main$1s as NumberFieldInput, _sfc_main$1r as Pagination, _sfc_main$1q as PaginationContent, _sfc_main$1p as PaginationEllipsis, _sfc_main$1o as PaginationFirst, _sfc_main$1n as PaginationItem, _sfc_main$1m as PaginationLast, _sfc_main$1l as PaginationNext, _sfc_main$1k as PaginationPrevious, _sfc_main$1j as Popover, _sfc_main$1i as PopoverAnchor, _sfc_main$1h as PopoverContent, _sfc_main$1g as PopoverTrigger, _sfc_main$1f as Progress, _sfc_main$1e as RadioGroup, _sfc_main$1d as RadioGroupItem, _sfc_main$1c as ResizableHandle, _sfc_main$1b as ResizablePanel, _sfc_main$1a as ResizablePanelGroup, _sfc_main$18 as ScrollArea, _sfc_main$17 as Select, _sfc_main$16 as SelectContent, _sfc_main$15 as SelectGroup, _sfc_main$14 as SelectItem, _sfc_main$13 as SelectItemText, _sfc_main$12 as SelectLabel, _sfc_main$11 as SelectScrollDownButton, _sfc_main$10 as SelectScrollUpButton, _sfc_main$$ as SelectSeparator, _sfc_main$_ as SelectTrigger, _sfc_main$Z as SelectValue, _sfc_main$3C as Separator, _sfc_main$Y as Sheet, _sfc_main$X as SheetClose, _sfc_main$V as SheetContent, _sfc_main$U as SheetDescription, _sfc_main$T as SheetFooter, _sfc_main$S as SheetHeader, _sfc_main$R as SheetTitle, _sfc_main$Q as SheetTrigger, _sfc_main$P as Sidebar, _sfc_main$O as SidebarContent, _sfc_main$N as SidebarFooter, _sfc_main$M as SidebarGroup, _sfc_main$L as SidebarGroupAction, _sfc_main$K as SidebarGroupContent, _sfc_main$J as SidebarGroupLabel, _sfc_main$I as SidebarHeader, _sfc_main$H as SidebarInput, _sfc_main$G as SidebarInset, _sfc_main$F as SidebarMenu, _sfc_main$E as SidebarMenuAction, _sfc_main$D as SidebarMenuBadge, _sfc_main$x as SidebarMenuButton, _sfc_main$w as SidebarMenuItem, _sfc_main$u as SidebarMenuSkeleton, _sfc_main$t as SidebarMenuSub, _sfc_main$s as SidebarMenuSubButton, _sfc_main$r as SidebarMenuSubItem, _sfc_main$q as SidebarProvider, _sfc_main$p as SidebarRail, _sfc_main$o as SidebarSeparator, _sfc_main$n as SidebarTrigger, _sfc_main$v as Skeleton, _sfc_main$m as Slider, _sfc_main$l as Sonner, _sfc_main$k as Switch, _sfc_main$j as Table, _sfc_main$i as TableBody, _sfc_main$h as TableCaption, _sfc_main$g as TableCell, _sfc_main$e as TableEmpty, _sfc_main$d as TableFooter, _sfc_main$c as TableHead, _sfc_main$b as TableHeader, _sfc_main$f as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$C as Tooltip, _sfc_main$B as TooltipContent, _sfc_main$A as TooltipProvider, _sfc_main$z as TooltipTrigger, buttonGroupVariants, cn, emptyMediaVariants, itemMediaVariants, itemVariants, navigationMenuTriggerStyle, sidebarMenuButtonVariants, toBooleanCheckboxValue, useSidebar };