@tb-dev/vue 0.3.8 → 0.3.10

package/dist/index.js

@@ -1,13 +1,13 @@
 import { cva } from 'class-variance-authority';
-import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, createElementVNode, withDirectives, isRef, vModelText, createTextVNode, normalizeProps, guardReactiveProps, ref, toRef, effectScope } from 'vue';
+import { inject as inject$1, toValue, defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, normalizeClass, createElementBlock, Fragment, createVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, createTextVNode, createElementVNode, withDirectives, isRef, vModelText, normalizeProps, guardReactiveProps, ref, toRef, effectScope } from 'vue';
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
 import { unwrap, isNil, toPixel } from '@tb-dev/utils';
-import { Primitive, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, useForwardPropsEmits, CheckboxRoot, CheckboxIndicator, ContextMenuRoot, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, useForwardProps, ContextMenuSubTrigger, ContextMenuTrigger, DialogRoot, DialogClose, DialogOverlay, DialogPortal, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuRoot, DropdownMenuCheckboxItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Label, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectIcon, SelectValue, Separator, createContext, TooltipRoot, TooltipPortal, TooltipContent, TooltipArrow, TooltipProvider, TooltipTrigger, TabsRoot, TabsContent, TabsList, TabsTrigger, TagsInputRoot, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, Toggle } from 'reka-ui';
-export { DropdownMenuPortal } from 'reka-ui';
+import { Primitive, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, useForwardPropsEmits, CheckboxRoot, CheckboxIndicator, ComboboxRoot, useForwardProps, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxContent, ComboboxSeparator, ComboboxViewport, ContextMenuRoot, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogRoot, DialogClose, DialogOverlay, DialogPortal, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuRoot, DropdownMenuCheckboxItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Label, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, MenubarRoot, MenubarCheckboxItem, MenubarItemIndicator, MenubarPortal, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, PaginationRoot, PaginationList, PaginationEllipsis, PaginationFirst, PaginationListItem, PaginationLast, PaginationNext, PaginationPrev, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectIcon, SelectValue, Separator, createContext, TooltipRoot, TooltipPortal, TooltipContent, TooltipArrow, TooltipProvider, TooltipTrigger, SwitchRoot, SwitchThumb, TabsRoot, TabsContent, TabsList, TabsTrigger, TagsInputRoot, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, Toggle } from 'reka-ui';
+export { ComboboxCancel, ComboboxTrigger, DropdownMenuPortal } from 'reka-ui';
 import { RouterLink } from 'vue-router';
 import { createReusableTemplate, reactiveOmit, useVModel, useMediaQuery, useEventListener, computedAsync, useAsyncState, useWindowSize, useElementSize as useElementSize$1, tryOnScopeDispose, onKeyStroke, useLocalStorage } from '@vueuse/core';
-import { Check, Circle, ChevronRight, X, Minus, Plus, CircleIcon, ChevronDown, ChevronUp, PanelLeft } from 'lucide-vue-next';
+import { Check, SearchIcon, Circle, ChevronRight, X, Minus, Plus, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, CircleIcon, ChevronDown, ChevronUp, PanelLeft } from 'lucide-vue-next';
 
 function create$1() {
   let APP = null;
@@ -88,7 +88,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+const _sfc_main$2L = /* @__PURE__ */ defineComponent({
   __name: "Badge",
   props: {
     asChild: { type: Boolean },
@@ -133,7 +133,7 @@ const badgeVariants = cva(
   }
 );
 
-const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+const _sfc_main$2K = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     variant: {},
@@ -186,9 +186,9 @@ const buttonVariants = cva(
   }
 );
 
-const _hoisted_1$b = { key: 0 };
+const _hoisted_1$e = { key: 0 };
 const _hoisted_2$1 = { key: 0 };
-const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+const _sfc_main$2J = /* @__PURE__ */ defineComponent({
   __name: "ButtonLink",
   props: {
     buttonClass: {},
@@ -204,14 +204,14 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(DefineTemplate), null, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$2b), {
+            createVNode(unref(_sfc_main$2K), {
               variant: _ctx.variant,
               size: _ctx.size,
               disabled: _ctx.disabled,
               class: normalizeClass(unref(cn)("size-full", _ctx.buttonClass))
             }, {
               default: withCtx(() => [
-                _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+                _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$e, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
               ]),
               _: 3
             }, 8, ["variant", "size", "disabled", "class"])
@@ -234,7 +234,7 @@ const _sfc_main$2a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   __name: "ButtonIcon",
   props: {
     buttonClass: {},
@@ -247,7 +247,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$2a), {
+      return _ctx.to ? (openBlock(), createBlock(unref(_sfc_main$2J), {
         key: 0,
         to: _ctx.to,
         variant: "ghost",
@@ -262,7 +262,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class", "size"]))
         ]),
         _: 1
-      }, 8, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$2b), {
+      }, 8, ["to", "class", "button-class"])) : (openBlock(), createBlock(unref(_sfc_main$2K), {
         key: 1,
         variant: "ghost",
         size: "icon",
@@ -280,7 +280,7 @@ const _sfc_main$29 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2H = /* @__PURE__ */ defineComponent({
   __name: "ScrollBar",
   props: {
     orientation: { default: "vertical" },
@@ -316,7 +316,7 @@ const _sfc_main$28 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2G = /* @__PURE__ */ defineComponent({
   __name: "ScrollArea",
   props: {
     type: {},
@@ -346,7 +346,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(_sfc_main$28),
+          createVNode(_sfc_main$2H),
           createVNode(unref(ScrollAreaCorner))
         ]),
         _: 3
@@ -355,7 +355,7 @@ const _sfc_main$27 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2F = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     class: {}
@@ -378,7 +378,7 @@ const _sfc_main$26 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2E = /* @__PURE__ */ defineComponent({
   __name: "CardContent",
   props: {
     class: {}
@@ -396,7 +396,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2D = /* @__PURE__ */ defineComponent({
   __name: "CardDescription",
   props: {
     class: {}
@@ -414,7 +414,25 @@ const _sfc_main$24 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2C = /* @__PURE__ */ defineComponent({
+  __name: "CardFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card-footer",
+        class: normalizeClass(unref(cn)("flex items-center px-6 [.border-t]:pt-6", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$2B = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
     class: {}
@@ -437,7 +455,7 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2A = /* @__PURE__ */ defineComponent({
   __name: "CardTitle",
   props: {
     class: {}
@@ -455,11 +473,12 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2z = /* @__PURE__ */ defineComponent({
   __name: "Card",
   props: {
     contentClass: {},
     descriptionClass: {},
+    footerClass: {},
     headerClass: {},
     scrollAreaClass: {},
     scrollAreaHeight: { default: "auto" },
@@ -467,14 +486,14 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$26), null, {
+      return openBlock(), createBlock(unref(_sfc_main$2F), null, {
         default: withCtx(() => [
-          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$23), {
+          _ctx.$slots.title ? (openBlock(), createBlock(unref(_sfc_main$2B), {
             key: 0,
             class: normalizeClass(_ctx.headerClass)
           }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$22), {
+              createVNode(unref(_sfc_main$2A), {
                 class: normalizeClass(_ctx.titleClass)
               }, {
                 default: withCtx(() => [
@@ -482,7 +501,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$24), {
+              _ctx.$slots.description ? (openBlock(), createBlock(unref(_sfc_main$2D), {
                 key: 0,
                 class: normalizeClass(_ctx.descriptionClass)
               }, {
@@ -494,11 +513,12 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 8, ["class"])) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$25), {
+          _ctx.$slots.default ? (openBlock(), createBlock(unref(_sfc_main$2E), {
+            key: 1,
             class: normalizeClass(unref(cn)("p-0", _ctx.contentClass))
           }, {
             default: withCtx(() => [
-              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$27), {
+              _ctx.scrollAreaHeight && _ctx.scrollAreaHeight !== "auto" ? (openBlock(), createBlock(unref(_sfc_main$2G), {
                 key: 0,
                 class: normalizeClass(_ctx.scrollAreaClass),
                 style: normalizeStyle({ height: unref(toPixel)(_ctx.scrollAreaHeight) })
@@ -510,7 +530,16 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
               }, 8, ["class", "style"])) : renderSlot(_ctx.$slots, "default", { key: 1 })
             ]),
             _: 3
-          }, 8, ["class"])
+          }, 8, ["class"])) : createCommentVNode("", true),
+          _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$2C), {
+            key: 2,
+            class: normalizeClass(_ctx.footerClass)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "footer")
+            ]),
+            _: 3
+          }, 8, ["class"])) : createCommentVNode("", true)
         ]),
         _: 3
       });
@@ -518,7 +547,7 @@ const _sfc_main$21 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2y = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     defaultValue: { type: [Boolean, String] },
@@ -567,19 +596,33 @@ const _sfc_main$20 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenu",
+const _sfc_main$2x = /* @__PURE__ */ defineComponent({
+  __name: "Combobox",
   props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    resetSearchTermOnBlur: { type: Boolean },
+    resetSearchTermOnSelect: { type: Boolean },
+    ignoreFilter: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    multiple: { type: Boolean },
     dir: {},
-    modal: { type: Boolean }
+    disabled: { type: Boolean },
+    highlightOnHover: { type: Boolean },
+    by: { type: [String, Function] },
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
   },
-  emits: ["update:open"],
+  emits: ["update:modelValue", "highlight", "update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuRoot), mergeProps({ "data-slot": "context-menu" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(ComboboxRoot), mergeProps({ "data-slot": "combobox" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -589,42 +632,26 @@ const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuCheckboxItem",
+const _sfc_main$2w = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxAnchor",
   props: {
-    modelValue: { type: [Boolean, String] },
-    disabled: { type: Boolean },
-    textValue: {},
+    reference: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["select", "update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuCheckboxItem), mergeProps({ "data-slot": "context-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`,
-          props.class
-        )
+      return openBlock(), createBlock(unref(ComboboxAnchor), mergeProps({ "data-slot": "combobox-anchor" }, unref(forwarded), {
+        class: unref(cn)("w-[200px]", props.class)
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$a, [
-            createVNode(unref(ContextMenuItemIndicator), null, {
-              default: withCtx(() => [
-                createVNode(unref(Check), { class: "size-4" })
-              ]),
-              _: 1
-            })
-          ]),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -633,84 +660,124 @@ const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuContent",
+const _sfc_main$2v = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxEmpty",
   props: {
-    forceMount: { type: Boolean },
-    loop: { type: Boolean },
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuPortal), null, {
+      return openBlock(), createBlock(unref(ComboboxEmpty), mergeProps({ "data-slot": "combobox-empty" }, delegatedProps.value, {
+        class: unref(cn)("py-6 text-center text-sm", props.class)
+      }), {
         default: withCtx(() => [
-          createVNode(unref(ContextMenuContent), mergeProps({ "data-slot": "context-menu-content" }, unref(forwarded), {
-            class: unref(cn)(
-              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-context-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-              props.class
-            )
-          }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["class"])
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      });
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuGroup",
+const _sfc_main$2u = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxGroup",
   props: {
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    class: {},
+    heading: {}
   },
   setup(__props) {
     const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuGroup), mergeProps({ "data-slot": "context-menu-group" }, props), {
+      return openBlock(), createBlock(unref(ComboboxGroup), mergeProps({ "data-slot": "combobox-group" }, delegatedProps.value, {
+        class: unref(cn)("overflow-hidden p-1 text-foreground", props.class)
+      }), {
         default: withCtx(() => [
+          _ctx.heading ? (openBlock(), createBlock(unref(ComboboxLabel), {
+            key: 0,
+            class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.heading), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1X = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuItem",
+const _hoisted_1$d = {
+  "data-slot": "command-input-wrapper",
+  class: "flex h-9 items-center gap-2 border-b px-3"
+};
+const _sfc_main$2t = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "ComboboxInput",
   props: {
+    displayValue: { type: Function },
+    modelValue: {},
+    autoFocus: { type: Boolean },
     disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createVNode(unref(SearchIcon), { class: "size-4 shrink-0 opacity-50" }),
+        createVNode(unref(ComboboxInput), mergeProps({
+          "data-slot": "command-input",
+          class: unref(cn)(
+            "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+            props.class
+          )
+        }, { ...unref(forwarded), ..._ctx.$attrs }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class"])
+      ]);
+    };
+  }
+});
+
+const _sfc_main$2s = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxItem",
+  props: {
     textValue: {},
+    value: {},
+    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
-    class: {},
-    inset: { type: Boolean },
-    variant: { default: "default" }
+    class: {}
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -722,13 +789,9 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
     });
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuItem), mergeProps({
-        "data-slot": "context-menu-item",
-        "data-inset": _ctx.inset ? "" : void 0,
-        "data-variant": _ctx.variant
-      }, unref(forwarded), {
+      return openBlock(), createBlock(unref(ComboboxItem), mergeProps({ "data-slot": "combobox-item" }, unref(forwarded), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          `data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
           props.class
         )
       }), {
@@ -736,18 +799,17 @@ const _sfc_main$1X = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["data-inset", "data-variant", "class"]);
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1W = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuLabel",
+const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxItemIndicator",
   props: {
     asChild: { type: Boolean },
     as: {},
-    class: {},
-    inset: { type: Boolean }
+    class: {}
   },
   setup(__props) {
     const props = __props;
@@ -755,81 +817,92 @@ const _sfc_main$1W = /* @__PURE__ */ defineComponent({
       const { class: _, ...delegated } = props;
       return delegated;
     });
+    const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuLabel), mergeProps({
-        "data-slot": "context-menu-label",
-        "data-inset": _ctx.inset ? "" : void 0
-      }, delegatedProps.value, {
-        class: unref(cn)("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
+      return openBlock(), createBlock(unref(ComboboxItemIndicator), mergeProps({ "data-slot": "combobox-item-indicator" }, unref(forwarded), {
+        class: unref(cn)("ml-auto", props.class)
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["data-inset", "class"]);
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1V = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuRadioGroup",
+const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxList",
   props: {
-    modelValue: {},
+    forceMount: { type: Boolean },
+    position: { default: "popper" },
+    bodyLock: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    align: { default: "center" },
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    disableOutsidePointerEvents: { type: Boolean },
+    class: {},
+    viewportClass: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
+    const delegatedProps = reactiveOmit(props, "class", "viewportClass");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuRadioGroup), mergeProps({ "data-slot": "context-menu-radio-group" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(ComboboxPortal), null, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          createVNode(unref(ComboboxContent), mergeProps({ "data-slot": "combobox-list" }, unref(forwarded), {
+            class: unref(cn)(
+              "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
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
         ]),
         _: 3
-      }, 16);
+      });
     };
   }
 });
 
-const _hoisted_1$9 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1U = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuRadioItem",
+const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxSeparator",
   props: {
-    value: {},
-    disabled: { type: Boolean },
-    textValue: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuRadioItem), mergeProps({ "data-slot": "context-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`,
-          props.class
-        )
+      return openBlock(), createBlock(unref(ComboboxSeparator), mergeProps({ "data-slot": "combobox-separator" }, delegatedProps.value, {
+        class: unref(cn)("bg-border -mx-1 h-px", props.class)
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$9, [
-            createVNode(unref(ContextMenuItemIndicator), null, {
-              default: withCtx(() => [
-                createVNode(unref(Circle), { class: "size-2 fill-current" })
-              ]),
-              _: 1
-            })
-          ]),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -838,9 +911,10 @@ const _sfc_main$1U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1T = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuSeparator",
+const _sfc_main$2o = /* @__PURE__ */ defineComponent({
+  __name: "ComboboxViewport",
   props: {
+    nonce: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
@@ -851,69 +925,98 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
       const { class: _, ...delegated } = props;
       return delegated;
     });
+    const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuSeparator), mergeProps({ "data-slot": "context-menu-separator" }, delegatedProps.value, {
-        class: unref(cn)("bg-border -mx-1 my-1 h-px", props.class)
-      }), null, 16, ["class"]);
+      return openBlock(), createBlock(unref(ComboboxViewport), mergeProps({ "data-slot": "combobox-viewport" }, unref(forwarded), {
+        class: unref(cn)("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1S = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuShortcut",
+const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenu",
   props: {
-    class: {}
+    dir: {},
+    modal: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        "data-slot": "context-menu-shortcut",
-        class: normalizeClass(unref(cn)("text-muted-foreground ml-auto text-xs tracking-widest", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
+      return openBlock(), createBlock(unref(ContextMenuRoot), mergeProps({ "data-slot": "context-menu" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });
 
-const _sfc_main$1R = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuSub",
+const _hoisted_1$c = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuCheckboxItem",
   props: {
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean }
+    modelValue: { type: [Boolean, String] },
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
   },
-  emits: ["update:open"],
+  emits: ["select", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const forwarded = useForwardPropsEmits(props, emits);
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuSub), mergeProps({ "data-slot": "context-menu-sub" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(ContextMenuCheckboxItem), mergeProps({ "data-slot": "context-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`,
+          props.class
+        )
+      }), {
         default: withCtx(() => [
+          createElementVNode("span", _hoisted_1$c, [
+            createVNode(unref(ContextMenuItemIndicator), null, {
+              default: withCtx(() => [
+                createVNode(unref(Check), { class: "size-4" })
+              ]),
+              _: 1
+            })
+          ]),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuSubContent",
+const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuContent",
   props: {
     forceMount: { type: Boolean },
     loop: { type: Boolean },
-    sideOffset: {},
     alignOffset: {},
     avoidCollisions: { type: Boolean },
     collisionBoundary: {},
     collisionPadding: {},
-    arrowPadding: {},
     sticky: {},
     hideWhenDetached: { type: Boolean },
     positionStrategy: {},
-    updatePositionStrategy: {},
     disableUpdateOnLayoutShift: { type: Boolean },
     prioritizePosition: { type: Boolean },
     reference: {},
@@ -921,7 +1024,7 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     as: {},
     class: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -931,112 +1034,129 @@ const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
     });
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuSubContent), mergeProps({ "data-slot": "context-menu-sub-content" }, unref(forwarded), {
-        class: unref(cn)(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-          props.class
-        )
-      }), {
+      return openBlock(), createBlock(unref(ContextMenuPortal), null, {
+        default: withCtx(() => [
+          createVNode(unref(ContextMenuContent), mergeProps({ "data-slot": "context-menu-content" }, unref(forwarded), {
+            class: unref(cn)(
+              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-context-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$2k = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ContextMenuGroup), mergeProps({ "data-slot": "context-menu-group" }, props), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["class"]);
+      }, 16);
     };
   }
 });
 
-const _sfc_main$1P = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuSubTrigger",
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuItem",
   props: {
     disabled: { type: Boolean },
     textValue: {},
     asChild: { type: Boolean },
     as: {},
     class: {},
-    inset: { type: Boolean }
+    inset: { type: Boolean },
+    variant: { default: "default" }
   },
-  setup(__props) {
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwardedProps = useForwardProps(delegatedProps);
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuSubTrigger), mergeProps({
-        "data-slot": "context-menu-sub-trigger",
-        "data-inset": _ctx.inset ? "" : void 0
-      }, unref(forwardedProps), {
+      return openBlock(), createBlock(unref(ContextMenuItem), mergeProps({
+        "data-slot": "context-menu-item",
+        "data-inset": _ctx.inset ? "" : void 0,
+        "data-variant": _ctx.variant
+      }, unref(forwarded), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none 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
         )
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default"),
-          createVNode(unref(ChevronRight), { class: "ml-auto" })
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["data-inset", "class"]);
+      }, 16, ["data-inset", "data-variant", "class"]);
     };
   }
 });
 
-const _sfc_main$1O = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenuTrigger",
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuLabel",
   props: {
-    disabled: { type: Boolean },
     asChild: { type: Boolean },
-    as: {}
+    as: {},
+    class: {},
+    inset: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
-    const forwardedProps = useForwardProps(props);
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ContextMenuTrigger), mergeProps({ "data-slot": "context-menu-trigger" }, unref(forwardedProps)), {
+      return openBlock(), createBlock(unref(ContextMenuLabel), mergeProps({
+        "data-slot": "context-menu-label",
+        "data-inset": _ctx.inset ? "" : void 0
+      }, delegatedProps.value, {
+        class: unref(cn)("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16);
+      }, 16, ["data-inset", "class"]);
     };
   }
 });
 
-const _sfc_main$1N = /* @__PURE__ */ defineComponent({
-  __name: "Dialog",
+const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuRadioGroup",
   props: {
-    open: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    modal: { type: Boolean }
+    modelValue: {},
+    asChild: { type: Boolean },
+    as: {}
   },
-  emits: ["update:open"],
+  emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogRoot), mergeProps({ "data-slot": "dialog" }, unref(forwarded)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-
-const _sfc_main$1M = /* @__PURE__ */ defineComponent({
-  __name: "DialogClose",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogClose), mergeProps({ "data-slot": "dialog-close" }, props), {
+      return openBlock(), createBlock(unref(ContextMenuRadioGroup), mergeProps({ "data-slot": "context-menu-radio-group" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1046,28 +1166,42 @@ const _sfc_main$1M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1L = /* @__PURE__ */ defineComponent({
-  __name: "DialogOverlay",
+const _hoisted_1$b = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuRadioItem",
   props: {
-    forceMount: { type: Boolean },
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  setup(__props) {
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogOverlay), mergeProps({ "data-slot": "dialog-overlay" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(ContextMenuRadioItem), mergeProps({ "data-slot": "context-menu-radio-item" }, unref(forwarded), {
         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",
+          `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$b, [
+            createVNode(unref(ContextMenuItemIndicator), null, {
+              default: withCtx(() => [
+                createVNode(unref(Circle), { class: "size-2 fill-current" })
+              ]),
+              _: 1
+            })
+          ]),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -1076,92 +1210,38 @@ const _sfc_main$1L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1K = /* @__PURE__ */ defineComponent({
-  __name: "DialogContent",
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuSeparator",
   props: {
-    forceMount: { type: Boolean },
-    trapFocus: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPortal), null, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$1L),
-          createVNode(unref(DialogContent), mergeProps({ "data-slot": "dialog-content" }, unref(forwarded), {
-            class: unref(cn)(
-              "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
-              props.class
-            )
-          }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default"),
-              createVNode(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" }, {
-                default: withCtx(() => [
-                  createVNode(unref(X)),
-                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 3
-          }, 16, ["class"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-
-const _sfc_main$1J = /* @__PURE__ */ defineComponent({
-  __name: "DialogDescription",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwardedProps = useForwardProps(delegatedProps);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogDescription), mergeProps({ "data-slot": "dialog-description" }, unref(forwardedProps), {
-        class: unref(cn)("text-muted-foreground text-sm", props.class)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
+      return openBlock(), createBlock(unref(ContextMenuSeparator), mergeProps({ "data-slot": "context-menu-separator" }, delegatedProps.value, {
+        class: unref(cn)("bg-border -mx-1 my-1 h-px", props.class)
+      }), null, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1I = /* @__PURE__ */ defineComponent({
-  __name: "DialogFooter",
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuShortcut",
   props: {
     class: {}
   },
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "dialog-footer",
-        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", props.class))
+      return openBlock(), createElementBlock("span", {
+        "data-slot": "context-menu-shortcut",
+        class: normalizeClass(unref(cn)("text-muted-foreground ml-auto text-xs tracking-widest", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -1169,35 +1249,51 @@ const _sfc_main$1I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1H = /* @__PURE__ */ defineComponent({
-  __name: "DialogHeader",
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuSub",
   props: {
-    class: {}
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "dialog-header",
-        class: normalizeClass(unref(cn)("flex flex-col gap-2 text-center sm:text-left", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
+      return openBlock(), createBlock(unref(ContextMenuSub), mergeProps({ "data-slot": "context-menu-sub" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
     };
   }
 });
 
-const _sfc_main$1G = /* @__PURE__ */ defineComponent({
-  __name: "DialogScrollContent",
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuSubContent",
   props: {
     forceMount: { type: Boolean },
-    trapFocus: { type: Boolean },
-    disableOutsidePointerEvents: { type: Boolean },
+    loop: { type: Boolean },
+    sideOffset: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -1207,52 +1303,30 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
     });
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPortal), null, {
+      return openBlock(), createBlock(unref(ContextMenuSubContent), mergeProps({ "data-slot": "context-menu-sub-content" }, unref(forwarded), {
+        class: unref(cn)(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+          props.class
+        )
+      }), {
         default: withCtx(() => [
-          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)(
-                  "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), {
-                onPointerDownOutside: _cache[0] || (_cache[0] = (event) => {
-                  const originalEvent = event.detail.originalEvent;
-                  const target = originalEvent.target;
-                  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
-                    event.preventDefault();
-                  }
-                })
-              }), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default"),
-                  createVNode(unref(DialogClose), { class: "absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary" }, {
-                    default: withCtx(() => [
-                      createVNode(unref(X), { class: "w-4 h-4" }),
-                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 3
-              }, 16, ["class"])
-            ]),
-            _: 3
-          })
+          renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      });
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1F = /* @__PURE__ */ defineComponent({
-  __name: "DialogTitle",
+const _sfc_main$2b = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuSubTrigger",
   props: {
+    disabled: { type: Boolean },
+    textValue: {},
     asChild: { type: Boolean },
     as: {},
-    class: {}
+    class: {},
+    inset: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -1262,28 +1336,37 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
     });
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogTitle), mergeProps({ "data-slot": "dialog-title" }, unref(forwardedProps), {
-        class: unref(cn)("text-lg leading-none font-semibold", props.class)
+      return openBlock(), createBlock(unref(ContextMenuSubTrigger), mergeProps({
+        "data-slot": "context-menu-sub-trigger",
+        "data-inset": _ctx.inset ? "" : void 0
+      }, unref(forwardedProps), {
+        class: unref(cn)(
+          `focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          props.class
+        )
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(ChevronRight), { class: "ml-auto" })
         ]),
         _: 3
-      }, 16, ["class"]);
+      }, 16, ["data-inset", "class"]);
     };
   }
 });
 
-const _sfc_main$1E = /* @__PURE__ */ defineComponent({
-  __name: "DialogTrigger",
+const _sfc_main$2a = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenuTrigger",
   props: {
+    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {}
   },
   setup(__props) {
     const props = __props;
+    const forwardedProps = useForwardProps(props);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogTrigger), mergeProps({ "data-slot": "dialog-trigger" }, props), {
+      return openBlock(), createBlock(unref(ContextMenuTrigger), mergeProps({ "data-slot": "context-menu-trigger" }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1293,12 +1376,11 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1D = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenu",
+const _sfc_main$29 = /* @__PURE__ */ defineComponent({
+  __name: "Dialog",
   props: {
-    defaultOpen: { type: Boolean },
     open: { type: Boolean },
-    dir: {},
+    defaultOpen: { type: Boolean },
     modal: { type: Boolean }
   },
   emits: ["update:open"],
@@ -1307,7 +1389,7 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuRoot), mergeProps({ "data-slot": "dropdown-menu" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(DialogRoot), mergeProps({ "data-slot": "dialog" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1317,42 +1399,47 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$8 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1C = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuCheckboxItem",
+const _sfc_main$28 = /* @__PURE__ */ defineComponent({
+  __name: "DialogClose",
   props: {
-    modelValue: { type: [Boolean, String] },
-    disabled: { type: Boolean },
-    textValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose), mergeProps({ "data-slot": "dialog-close" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$27 = /* @__PURE__ */ defineComponent({
+  __name: "DialogOverlay",
+  props: {
+    forceMount: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["select", "update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuCheckboxItem), mergeProps({ "data-slot": "dropdown-menu-checkbox-item" }, unref(forwarded), {
+      return openBlock(), createBlock(unref(DialogOverlay), mergeProps({ "data-slot": "dialog-overlay" }, delegatedProps.value, {
         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`,
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
           props.class
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$8, [
-            createVNode(unref(DropdownMenuItemIndicator), null, {
-              default: withCtx(() => [
-                createVNode(unref(Check), { class: "size-4" })
-              ]),
-              _: 1
-            })
-          ]),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -1361,31 +1448,17 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1B = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuContent",
+const _sfc_main$26 = /* @__PURE__ */ defineComponent({
+  __name: "DialogContent",
   props: {
     forceMount: { type: Boolean },
-    loop: { type: Boolean },
-    side: {},
-    sideOffset: { default: 4 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    positionStrategy: {},
-    updatePositionStrategy: {},
-    disableUpdateOnLayoutShift: { type: Boolean },
-    prioritizePosition: { type: Boolean },
-    reference: {},
+    trapFocus: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
   },
-  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -1395,16 +1468,24 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
     });
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuPortal), null, {
+      return openBlock(), createBlock(unref(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(unref(DropdownMenuContent), mergeProps({ "data-slot": "dropdown-menu-content" }, unref(forwarded), {
+          createVNode(_sfc_main$27),
+          createVNode(unref(DialogContent), mergeProps({ "data-slot": "dialog-content" }, unref(forwarded), {
             class: unref(cn)(
-              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+              "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
               props.class
             )
           }), {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              renderSlot(_ctx.$slots, "default"),
+              createVNode(unref(DialogClose), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" }, {
+                default: withCtx(() => [
+                  createVNode(unref(X)),
+                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                ]),
+                _: 1
+              })
             ]),
             _: 3
           }, 16, ["class"])
@@ -1415,8 +1496,1120 @@ const _sfc_main$1B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1A = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuGroup",
+const _sfc_main$25 = /* @__PURE__ */ defineComponent({
+  __name: "DialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogDescription), mergeProps({ "data-slot": "dialog-description" }, unref(forwardedProps), {
+        class: unref(cn)("text-muted-foreground text-sm", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$24 = /* @__PURE__ */ defineComponent({
+  __name: "DialogFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "dialog-footer",
+        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$23 = /* @__PURE__ */ defineComponent({
+  __name: "DialogHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "dialog-header",
+        class: normalizeClass(unref(cn)("flex flex-col gap-2 text-center sm:text-left", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$22 = /* @__PURE__ */ defineComponent({
+  __name: "DialogScrollContent",
+  props: {
+    forceMount: { type: Boolean },
+    trapFocus: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogPortal), null, {
+        default: withCtx(() => [
+          createVNode(unref(DialogOverlay), { class: "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)(
+                  "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), {
+                onPointerDownOutside: _cache[0] || (_cache[0] = (event) => {
+                  const originalEvent = event.detail.originalEvent;
+                  const target = originalEvent.target;
+                  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+                    event.preventDefault();
+                  }
+                })
+              }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default"),
+                  createVNode(unref(DialogClose), { class: "absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(X), { class: "w-4 h-4" }),
+                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$21 = /* @__PURE__ */ defineComponent({
+  __name: "DialogTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTitle), mergeProps({ "data-slot": "dialog-title" }, unref(forwardedProps), {
+        class: unref(cn)("text-lg leading-none font-semibold", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$20 = /* @__PURE__ */ defineComponent({
+  __name: "DialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTrigger), mergeProps({ "data-slot": "dialog-trigger" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$1$ = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenu",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean },
+    dir: {},
+    modal: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuRoot), mergeProps({ "data-slot": "dropdown-menu" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _hoisted_1$a = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$1_ = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuCheckboxItem",
+  props: {
+    modelValue: { type: [Boolean, String] },
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(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`,
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1$a, [
+            createVNode(unref(DropdownMenuItemIndicator), null, {
+              default: withCtx(() => [
+                createVNode(unref(Check), { class: "size-4" })
+              ]),
+              _: 1
+            })
+          ]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1Z = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    side: {},
+    sideOffset: { default: 4 },
+    align: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuPortal), null, {
+        default: withCtx(() => [
+          createVNode(unref(DropdownMenuContent), mergeProps({ "data-slot": "dropdown-menu-content" }, unref(forwarded), {
+            class: unref(cn)(
+              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$1Y = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuGroup",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuGroup), mergeProps({ "data-slot": "dropdown-menu-group" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$1X = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuItem",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    inset: { type: Boolean },
+    variant: { default: "default" }
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "inset", "variant");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps({
+        "data-slot": "dropdown-menu-item",
+        "data-inset": _ctx.inset ? "" : void 0,
+        "data-variant": _ctx.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`,
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-inset", "data-variant", "class"]);
+    };
+  }
+});
+
+const _sfc_main$1W = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuLabel",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    inset: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class", "inset");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuLabel), mergeProps({
+        "data-slot": "dropdown-menu-label",
+        "data-inset": _ctx.inset ? "" : void 0
+      }, unref(forwardedProps), {
+        class: unref(cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["data-inset", "class"]);
+    };
+  }
+});
+
+const _sfc_main$1V = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuRadioGroup",
+  props: {
+    modelValue: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuRadioGroup), mergeProps({ "data-slot": "dropdown-menu-radio-group" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _hoisted_1$9 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$1U = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuRadioItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(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`,
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1$9, [
+            createVNode(unref(DropdownMenuItemIndicator), null, {
+              default: withCtx(() => [
+                createVNode(unref(Circle), { class: "size-2 fill-current" })
+              ]),
+              _: 1
+            })
+          ]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1T = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuSeparator",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuSeparator), mergeProps({ "data-slot": "dropdown-menu-separator" }, delegatedProps.value, {
+        class: unref(cn)("bg-border -mx-1 my-1 h-px", props.class)
+      }), null, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1S = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuShortcut",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        "data-slot": "dropdown-menu-shortcut",
+        class: normalizeClass(unref(cn)("text-muted-foreground ml-auto text-xs tracking-widest", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$1R = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuSub",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuSub), mergeProps({ "data-slot": "dropdown-menu-sub" }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$1Q = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuSubContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    sideOffset: {},
+    alignOffset: {},
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuSubContent), mergeProps({ "data-slot": "dropdown-menu-sub-content" }, unref(forwarded), {
+        class: unref(cn)(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1P = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuSubTrigger",
+  props: {
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    inset: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class", "inset");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuSubTrigger), mergeProps({ "data-slot": "dropdown-menu-sub-trigger" }, unref(forwardedProps), {
+        class: unref(cn)(
+          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          createVNode(unref(ChevronRight), { class: "ml-auto size-4" })
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1O = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuTrigger",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const forwardedProps = useForwardProps(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DropdownMenuTrigger), mergeProps({ "data-slot": "dropdown-menu-trigger" }, unref(forwardedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$1N = /* @__PURE__ */ defineComponent({
+  __name: "Input",
+  props: {
+    defaultValue: {},
+    modelValue: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useVModel(props, "modelValue", emits, {
+      passive: true,
+      defaultValue: props.defaultValue
+    });
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("input", {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        "data-slot": "input",
+        class: normalizeClass(
+          unref(cn)(
+            "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+            "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+            "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+            props.class
+          )
+        )
+      }, null, 2)), [
+        [vModelText, unref(modelValue)]
+      ]);
+    };
+  }
+});
+
+const _sfc_main$1M = /* @__PURE__ */ defineComponent({
+  __name: "Label",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Label), mergeProps({ "data-slot": "label" }, delegatedProps.value, {
+        class: unref(cn)(
+          "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1L = /* @__PURE__ */ defineComponent({
+  __name: "Label",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1M), {
+        class: normalizeClass(unref(cn)("flex w-full flex-col gap-2 font-normal", props.class))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1K = /* @__PURE__ */ defineComponent({
+  __name: "NumberField",
+  props: {
+    defaultValue: {},
+    modelValue: {},
+    min: {},
+    max: {},
+    step: {},
+    stepSnapping: { type: Boolean },
+    formatOptions: {},
+    locale: {},
+    disabled: { type: Boolean },
+    disableWheelChange: { type: Boolean },
+    id: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NumberFieldRoot), mergeProps(unref(forwarded), {
+        class: unref(cn)("grid gap-1.5", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1J = /* @__PURE__ */ defineComponent({
+  __name: "NumberFieldContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(
+          unref(cn)(
+            "relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5",
+            props.class
+          )
+        )
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$1I = /* @__PURE__ */ defineComponent({
+  __name: "NumberFieldDecrement",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NumberFieldDecrement), mergeProps({ "data-slot": "decrement" }, unref(forwarded), {
+        class: unref(cn)(
+          "absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(unref(Minus), { class: "h-4 w-4" })
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1H = /* @__PURE__ */ defineComponent({
+  __name: "NumberFieldIncrement",
+  props: {
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NumberFieldIncrement), mergeProps({ "data-slot": "increment" }, unref(forwarded), {
+        class: unref(cn)(
+          "absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(unref(Plus), { class: "h-4 w-4" })
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1G = /* @__PURE__ */ defineComponent({
+  __name: "NumberFieldInput",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NumberFieldInput), {
+        "data-slot": "input",
+        class: normalizeClass(
+          unref(cn)(
+            "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"]);
+    };
+  }
+});
+
+const _hoisted_1$8 = { class: "w-full" };
+const _sfc_main$1F = /* @__PURE__ */ defineComponent({
+  __name: "InputNumber",
+  props: {
+    class: {},
+    defaultValue: {},
+    disabled: { type: Boolean },
+    formatOptions: { default: () => ({ useGrouping: false }) },
+    label: {},
+    labelClass: {},
+    max: {},
+    min: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = computed({
+      // eslint-disable-next-line no-undefined
+      get: () => props.modelValue ?? void 0,
+      set: (it) => emit("update:modelValue", it ?? null)
+    });
+    const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(DefineTemplate), null, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$1K), {
+              modelValue: value.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              "default-value": _ctx.defaultValue,
+              "format-options": _ctx.formatOptions,
+              min: _ctx.min,
+              max: _ctx.max,
+              disabled: _ctx.disabled,
+              class: normalizeClass(unref(cn)("w-full", props.class))
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$1J), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(_sfc_main$1I)),
+                    createVNode(unref(_sfc_main$1G)),
+                    createVNode(unref(_sfc_main$1H))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "default-value", "format-options", "min", "max", "disabled", "class"])
+          ]),
+          _: 1
+        }),
+        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$1L), {
+          key: 0,
+          class: normalizeClass(_ctx.labelClass)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("span", _hoisted_1$8, toDisplayString(_ctx.label), 1),
+            createVNode(unref(ReuseTemplate))
+          ]),
+          _: 1
+        }, 8, ["class"])) : (openBlock(), createBlock(unref(ReuseTemplate), { key: 1 }))
+      ], 64);
+    };
+  }
+});
+
+const _hoisted_1$7 = { class: "w-full" };
+const _sfc_main$1E = /* @__PURE__ */ defineComponent({
+  __name: "InputText",
+  props: {
+    class: {},
+    disabled: { type: Boolean },
+    label: {},
+    labelClass: {},
+    max: {},
+    min: {},
+    modelValue: {},
+    onBlur: { type: Function },
+    placeholder: {},
+    size: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const value = computed({
+      // eslint-disable-next-line no-undefined
+      get: () => props.modelValue ?? void 0,
+      set: (it) => emit("update:modelValue", it ?? null)
+    });
+    const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(DefineTemplate), null, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$1N), {
+              modelValue: value.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+              modelModifiers: { trim: true },
+              type: "text",
+              placeholder: _ctx.placeholder,
+              disabled: _ctx.disabled,
+              maxlength: _ctx.max,
+              minlength: _ctx.min,
+              size: _ctx.size,
+              spellcheck: "false",
+              class: normalizeClass(unref(cn)("focus-visible:ring-0 disabled:cursor-default", props.class)),
+              onBlur: _ctx.onBlur
+            }, null, 8, ["modelValue", "placeholder", "disabled", "maxlength", "minlength", "size", "class", "onBlur"])
+          ]),
+          _: 1
+        }),
+        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$1L), {
+          key: 0,
+          class: normalizeClass(_ctx.labelClass)
+        }, {
+          default: withCtx(() => [
+            createElementVNode("span", _hoisted_1$7, toDisplayString(_ctx.label), 1),
+            createVNode(unref(ReuseTemplate))
+          ]),
+          _: 1
+        }, 8, ["class"])) : (openBlock(), createBlock(unref(ReuseTemplate), { key: 1 }))
+      ], 64);
+    };
+  }
+});
+
+const _hoisted_1$6 = { key: 0 };
+const _sfc_main$1D = /* @__PURE__ */ defineComponent({
+  __name: "Link",
+  props: {
+    label: {},
+    to: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(RouterLink), {
+        to: { name: _ctx.to }
+      }, {
+        default: withCtx(() => [
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+        ]),
+        _: 3
+      }, 8, ["to"]);
+    };
+  }
+});
+
+const _sfc_main$1C = /* @__PURE__ */ defineComponent({
+  __name: "Menubar",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    dir: {},
+    loop: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarRoot), mergeProps({ "data-slot": "menubar" }, unref(forwarded), {
+        class: unref(cn)("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _hoisted_1$5 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$1B = /* @__PURE__ */ defineComponent({
+  __name: "MenubarCheckboxItem",
+  props: {
+    modelValue: { type: [Boolean, String] },
+    disabled: { type: Boolean },
+    textValue: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["select", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarCheckboxItem), mergeProps({ "data-slot": "menubar-checkbox-item" }, unref(forwarded), {
+        class: unref(cn)(
+          `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1$5, [
+            createVNode(unref(MenubarItemIndicator), null, {
+              default: withCtx(() => [
+                createVNode(unref(Check), { class: "size-4" })
+              ]),
+              _: 1
+            })
+          ]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
+const _sfc_main$1A = /* @__PURE__ */ defineComponent({
+  __name: "MenubarContent",
+  props: {
+    forceMount: { type: Boolean },
+    loop: { type: Boolean },
+    side: {},
+    sideOffset: { default: 8 },
+    align: { default: "start" },
+    alignOffset: { default: -4 },
+    avoidCollisions: { type: Boolean },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: {},
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: {},
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean },
+    reference: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarPortal), null, {
+        default: withCtx(() => [
+          createVNode(unref(MenubarContent), mergeProps({ "data-slot": "menubar-content" }, unref(forwardedProps), {
+            class: unref(cn)(
+              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--reka-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+const _sfc_main$1z = /* @__PURE__ */ defineComponent({
+  __name: "MenubarGroup",
   props: {
     asChild: { type: Boolean },
     as: {}
@@ -1424,7 +2617,7 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuGroup), mergeProps({ "data-slot": "dropdown-menu-group" }, props), {
+      return openBlock(), createBlock(unref(MenubarGroup), mergeProps({ "data-slot": "menubar-group" }, props), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1434,8 +2627,8 @@ const _sfc_main$1A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1z = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuItem",
+const _sfc_main$1y = /* @__PURE__ */ defineComponent({
+  __name: "MenubarItem",
   props: {
     disabled: { type: Boolean },
     textValue: {},
@@ -1443,18 +2636,20 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     as: {},
     class: {},
     inset: { type: Boolean },
-    variant: { default: "default" }
+    variant: {}
   },
-  setup(__props) {
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const delegatedProps = reactiveOmit(props, "inset", "variant");
-    const forwardedProps = useForwardProps(delegatedProps);
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class", "inset", "variant");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuItem), mergeProps({
-        "data-slot": "dropdown-menu-item",
+      return openBlock(), createBlock(unref(MenubarItem), mergeProps({
+        "data-slot": "menubar-item",
         "data-inset": _ctx.inset ? "" : void 0,
         "data-variant": _ctx.variant
-      }, unref(forwardedProps), {
+      }, unref(forwarded), {
         class: unref(cn)(
           `focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
           props.class
@@ -1469,8 +2664,8 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1y = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuLabel",
+const _sfc_main$1x = /* @__PURE__ */ defineComponent({
+  __name: "MenubarLabel",
   props: {
     asChild: { type: Boolean },
     as: {},
@@ -1480,12 +2675,10 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const delegatedProps = reactiveOmit(props, "class", "inset");
-    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuLabel), mergeProps({
-        "data-slot": "dropdown-menu-label",
+      return openBlock(), createBlock(unref(MenubarLabel), mergeProps({
         "data-inset": _ctx.inset ? "" : void 0
-      }, unref(forwardedProps), {
+      }, unref(delegatedProps), {
         class: unref(cn)("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", props.class)
       }), {
         default: withCtx(() => [
@@ -1497,8 +2690,26 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1x = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuRadioGroup",
+const _sfc_main$1w = /* @__PURE__ */ defineComponent({
+  __name: "MenubarMenu",
+  props: {
+    value: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarMenu), mergeProps({ "data-slot": "menubar-menu" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+
+const _sfc_main$1v = /* @__PURE__ */ defineComponent({
+  __name: "MenubarRadioGroup",
   props: {
     modelValue: {},
     asChild: { type: Boolean },
@@ -1510,7 +2721,7 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuRadioGroup), mergeProps({ "data-slot": "dropdown-menu-radio-group" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(MenubarRadioGroup), mergeProps({ "data-slot": "menubar-radio-group" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1520,9 +2731,9 @@ const _sfc_main$1x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _hoisted_1$7 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$1w = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuRadioItem",
+const _hoisted_1$4 = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" };
+const _sfc_main$1u = /* @__PURE__ */ defineComponent({
+  __name: "MenubarRadioItem",
   props: {
     value: {},
     disabled: { type: Boolean },
@@ -1541,15 +2752,15 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
     });
     const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuRadioItem), mergeProps({ "data-slot": "dropdown-menu-radio-item" }, unref(forwarded), {
+      return openBlock(), createBlock(unref(MenubarRadioItem), mergeProps({ "data-slot": "menubar-radio-item" }, unref(forwarded), {
         class: unref(cn)(
-          `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-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-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
           props.class
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1$7, [
-            createVNode(unref(DropdownMenuItemIndicator), null, {
+          createElementVNode("span", _hoisted_1$4, [
+            createVNode(unref(MenubarItemIndicator), null, {
               default: withCtx(() => [
                 createVNode(unref(Circle), { class: "size-2 fill-current" })
               ]),
@@ -1564,8 +2775,8 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1v = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuSeparator",
+const _sfc_main$1t = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSeparator",
   props: {
     asChild: { type: Boolean },
     as: {},
@@ -1577,16 +2788,18 @@ const _sfc_main$1v = /* @__PURE__ */ defineComponent({
       const { class: _, ...delegated } = props;
       return delegated;
     });
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuSeparator), mergeProps({ "data-slot": "dropdown-menu-separator" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(MenubarSeparator), mergeProps({
+        "data-slot": "menubar-separator",
         class: unref(cn)("bg-border -mx-1 my-1 h-px", props.class)
-      }), null, 16, ["class"]);
+      }, unref(forwardedProps)), null, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1u = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuShortcut",
+const _sfc_main$1s = /* @__PURE__ */ defineComponent({
+  __name: "MenubarShortcut",
   props: {
     class: {}
   },
@@ -1594,7 +2807,7 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        "data-slot": "dropdown-menu-shortcut",
+        "data-slot": "menubar-shortcut",
         class: normalizeClass(unref(cn)("text-muted-foreground ml-auto text-xs tracking-widest", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
@@ -1603,8 +2816,8 @@ const _sfc_main$1u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1t = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuSub",
+const _sfc_main$1r = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSub",
   props: {
     defaultOpen: { type: Boolean },
     open: { type: Boolean }
@@ -1615,7 +2828,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const forwarded = useForwardPropsEmits(props, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuSub), mergeProps({ "data-slot": "dropdown-menu-sub" }, unref(forwarded)), {
+      return openBlock(), createBlock(unref(MenubarSub), mergeProps({ "data-slot": "menubar-sub" }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -1625,8 +2838,8 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1s = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuSubContent",
+const _sfc_main$1q = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSubContent",
   props: {
     forceMount: { type: Boolean },
     loop: { type: Boolean },
@@ -1652,28 +2865,33 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuSubContent), mergeProps({ "data-slot": "dropdown-menu-sub-content" }, unref(forwarded), {
-        class: unref(cn)(
-          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-          props.class
-        )
-      }), {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MenubarPortal), null, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          createVNode(unref(MenubarSubContent), mergeProps({ "data-slot": "menubar-sub-content" }, unref(forwarded), {
+            class: unref(cn)(
+              "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
         ]),
         _: 3
-      }, 16, ["class"]);
+      });
     };
   }
 });
 
-const _sfc_main$1r = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuSubTrigger",
+const _sfc_main$1p = /* @__PURE__ */ defineComponent({
+  __name: "MenubarSubTrigger",
   props: {
     disabled: { type: Boolean },
     textValue: {},
@@ -1687,9 +2905,12 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
     const delegatedProps = reactiveOmit(props, "class", "inset");
     const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuSubTrigger), mergeProps({ "data-slot": "dropdown-menu-sub-trigger" }, unref(forwardedProps), {
+      return openBlock(), createBlock(unref(MenubarSubTrigger), mergeProps({
+        "data-slot": "menubar-sub-trigger",
+        "data-inset": _ctx.inset ? "" : void 0
+      }, unref(forwardedProps), {
         class: unref(cn)(
-          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",
           props.class
         )
       }), {
@@ -1698,70 +2919,15 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
           createVNode(unref(ChevronRight), { class: "ml-auto size-4" })
         ]),
         _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-
-const _sfc_main$1q = /* @__PURE__ */ defineComponent({
-  __name: "DropdownMenuTrigger",
-  props: {
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwardedProps = useForwardProps(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DropdownMenuTrigger), mergeProps({ "data-slot": "dropdown-menu-trigger" }, unref(forwardedProps)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-
-const _sfc_main$1p = /* @__PURE__ */ defineComponent({
-  __name: "Input",
-  props: {
-    defaultValue: {},
-    modelValue: {},
-    class: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useVModel(props, "modelValue", emits, {
-      passive: true,
-      defaultValue: props.defaultValue
-    });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("input", {
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-        "data-slot": "input",
-        class: normalizeClass(
-          unref(cn)(
-            "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-            "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-            "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-            props.class
-          )
-        )
-      }, null, 2)), [
-        [vModelText, unref(modelValue)]
-      ]);
+      }, 16, ["data-inset", "class"]);
     };
   }
 });
 
 const _sfc_main$1o = /* @__PURE__ */ defineComponent({
-  __name: "Label",
+  __name: "MenubarTrigger",
   props: {
-    for: {},
+    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
@@ -1772,10 +2938,11 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
       const { class: _, ...delegated } = props;
       return delegated;
     });
+    const forwardedProps = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Label), mergeProps({ "data-slot": "label" }, delegatedProps.value, {
+      return openBlock(), createBlock(unref(MenubarTrigger), mergeProps({ "data-slot": "menubar-trigger" }, unref(forwardedProps), {
         class: unref(cn)(
-          "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+          "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",
           props.class
         )
       }), {
@@ -1789,60 +2956,57 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
 });
 
 const _sfc_main$1n = /* @__PURE__ */ defineComponent({
-  __name: "Label",
+  __name: "Pagination",
   props: {
+    page: {},
+    defaultPage: {},
+    itemsPerPage: {},
+    total: {},
+    siblingCount: {},
+    disabled: { type: Boolean },
+    showEdges: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
     class: {}
   },
-  setup(__props) {
+  emits: ["update:page"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1o), {
-        class: normalizeClass(unref(cn)("flex w-full flex-col gap-2 font-normal", props.class))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+      return openBlock(), createBlock(unref(PaginationRoot), mergeProps({ "data-slot": "pagination" }, unref(forwarded), {
+        class: unref(cn)("mx-auto flex w-full justify-center", props.class)
+      }), {
+        default: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
         ]),
         _: 3
-      }, 8, ["class"]);
+      }, 16, ["class"]);
     };
   }
 });
 
 const _sfc_main$1m = /* @__PURE__ */ defineComponent({
-  __name: "NumberField",
+  __name: "PaginationContent",
   props: {
-    defaultValue: {},
-    modelValue: {},
-    min: {},
-    max: {},
-    step: {},
-    stepSnapping: { type: Boolean },
-    formatOptions: {},
-    locale: {},
-    disabled: { type: Boolean },
-    disableWheelChange: { type: Boolean },
-    id: {},
     asChild: { type: Boolean },
     as: {},
-    name: {},
-    required: { type: Boolean },
     class: {}
   },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emits = __emit;
     const delegatedProps = computed(() => {
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    const forwarded = useForwardPropsEmits(delegatedProps, emits);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NumberFieldRoot), mergeProps(unref(forwarded), {
-        class: unref(cn)("grid gap-1.5", props.class)
+      return openBlock(), createBlock(unref(PaginationList), mergeProps({ "data-slot": "pagination-content" }, delegatedProps.value, {
+        class: unref(cn)("flex flex-row items-center gap-1", props.class)
       }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+        default: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
         ]),
         _: 3
       }, 16, ["class"]);
@@ -1851,31 +3015,8 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
 });
 
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
-  __name: "NumberFieldContent",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(
-          unref(cn)(
-            "relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5",
-            props.class
-          )
-        )
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
-  __name: "NumberFieldDecrement",
+  __name: "PaginationEllipsis",
   props: {
-    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
     class: {}
@@ -1886,17 +3027,14 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
       const { class: _, ...delegated } = props;
       return delegated;
     });
-    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 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20",
-          props.class
-        )
+      return openBlock(), createBlock(unref(PaginationEllipsis), mergeProps({ "data-slot": "pagination-ellipsis" }, delegatedProps.value, {
+        class: unref(cn)("flex size-9 items-center justify-center", props.class)
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(Minus), { class: "h-4 w-4" })
+            createVNode(unref(MoreHorizontal), { class: "size-4" }),
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "More pages", -1))
           ])
         ]),
         _: 3
@@ -1905,31 +3043,27 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1j = /* @__PURE__ */ defineComponent({
-  __name: "NumberFieldIncrement",
+const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+  __name: "PaginationFirst",
   props: {
-    disabled: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
+    size: { default: "default" },
     class: {}
   },
   setup(__props) {
     const props = __props;
-    const delegatedProps = computed(() => {
-      const { class: _, ...delegated } = props;
-      return delegated;
-    });
+    const delegatedProps = reactiveOmit(props, "class", "size");
     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 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3",
-          props.class
-        )
-      }), {
+      return openBlock(), createBlock(unref(PaginationFirst), mergeProps({
+        "data-slot": "pagination-first",
+        class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
+      }, unref(forwarded)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(Plus), { class: "h-4 w-4" })
+            createVNode(unref(ChevronLeftIcon)),
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "hidden sm:block" }, "First", -1))
           ])
         ]),
         _: 3
@@ -1938,178 +3072,126 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1i = /* @__PURE__ */ defineComponent({
-  __name: "NumberFieldInput",
+const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  __name: "PaginationItem",
   props: {
-    class: {}
+    value: {},
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "icon" },
+    class: {},
+    isActive: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
+    const delegatedProps = reactiveOmit(props, "class", "size", "isActive");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NumberFieldInput), {
-        "data-slot": "input",
-        class: normalizeClass(
-          unref(cn)(
-            "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
-          )
+      return openBlock(), createBlock(unref(PaginationListItem), mergeProps({ "data-slot": "pagination-item" }, unref(delegatedProps), {
+        class: unref(cn)(
+          unref(buttonVariants)({
+            variant: _ctx.isActive ? "outline" : "ghost",
+            size: _ctx.size
+          }),
+          props.class
         )
-      }, null, 8, ["class"]);
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
     };
   }
 });
 
-const _hoisted_1$6 = { class: "w-full" };
-const _sfc_main$1h = /* @__PURE__ */ defineComponent({
-  __name: "InputNumber",
+const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+  __name: "PaginationLast",
   props: {
-    class: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    formatOptions: { default: () => ({ useGrouping: false }) },
-    label: {},
-    labelClass: {},
-    max: {},
-    min: {},
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const value = computed({
-      // eslint-disable-next-line no-undefined
-      get: () => props.modelValue ?? void 0,
-      set: (it) => emit("update:modelValue", it ?? null)
-    });
-    const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(DefineTemplate), null, {
-          default: withCtx(() => [
-            createVNode(unref(_sfc_main$1m), {
-              modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-              "default-value": _ctx.defaultValue,
-              "format-options": _ctx.formatOptions,
-              min: _ctx.min,
-              max: _ctx.max,
-              disabled: _ctx.disabled,
-              class: normalizeClass(unref(cn)("w-full", props.class))
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(_sfc_main$1l), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(_sfc_main$1k)),
-                    createVNode(unref(_sfc_main$1i)),
-                    createVNode(unref(_sfc_main$1j))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue", "default-value", "format-options", "min", "max", "disabled", "class"])
-          ]),
-          _: 1
-        }),
-        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$1n), {
-          key: 0,
-          class: normalizeClass(_ctx.labelClass)
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", _hoisted_1$6, toDisplayString(_ctx.label), 1),
-            createVNode(unref(ReuseTemplate))
-          ]),
-          _: 1
-        }, 8, ["class"])) : (openBlock(), createBlock(unref(ReuseTemplate), { key: 1 }))
-      ], 64);
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "default" },
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class", "size");
+    const forwarded = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PaginationLast), mergeProps({
+        "data-slot": "pagination-last",
+        class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
+      }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "hidden sm:block" }, "Last", -1)),
+            createVNode(unref(ChevronRightIcon))
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
     };
   }
 });
 
-const _hoisted_1$5 = { class: "w-full" };
-const _sfc_main$1g = /* @__PURE__ */ defineComponent({
-  __name: "InputText",
+const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  __name: "PaginationNext",
   props: {
-    class: {},
-    disabled: { type: Boolean },
-    label: {},
-    labelClass: {},
-    max: {},
-    min: {},
-    modelValue: {},
-    onBlur: { type: Function },
-    placeholder: {},
-    size: {}
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "default" },
+    class: {}
   },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const value = computed({
-      // eslint-disable-next-line no-undefined
-      get: () => props.modelValue ?? void 0,
-      set: (it) => emit("update:modelValue", it ?? null)
-    });
-    const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
+    const delegatedProps = reactiveOmit(props, "class", "size");
+    const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(DefineTemplate), null, {
-          default: withCtx(() => [
-            createVNode(unref(_sfc_main$1p), {
-              modelValue: value.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
-              modelModifiers: { trim: true },
-              type: "text",
-              placeholder: _ctx.placeholder,
-              disabled: _ctx.disabled,
-              maxlength: _ctx.max,
-              minlength: _ctx.min,
-              size: _ctx.size,
-              spellcheck: "false",
-              class: normalizeClass(unref(cn)("focus-visible:ring-0 disabled:cursor-default", props.class)),
-              onBlur: _ctx.onBlur
-            }, null, 8, ["modelValue", "placeholder", "disabled", "maxlength", "minlength", "size", "class", "onBlur"])
-          ]),
-          _: 1
-        }),
-        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$1n), {
-          key: 0,
-          class: normalizeClass(_ctx.labelClass)
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", _hoisted_1$5, toDisplayString(_ctx.label), 1),
-            createVNode(unref(ReuseTemplate))
-          ]),
-          _: 1
-        }, 8, ["class"])) : (openBlock(), createBlock(unref(ReuseTemplate), { key: 1 }))
-      ], 64);
+      return openBlock(), createBlock(unref(PaginationNext), mergeProps({
+        "data-slot": "pagination-next",
+        class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
+      }, unref(forwarded)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "hidden sm:block" }, "Next", -1)),
+            createVNode(unref(ChevronRightIcon))
+          ])
+        ]),
+        _: 3
+      }, 16, ["class"]);
     };
   }
 });
 
-const _hoisted_1$4 = { key: 0 };
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
-  __name: "Link",
+const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  __name: "PaginationPrevious",
   props: {
-    label: {},
-    to: {}
+    asChild: { type: Boolean },
+    as: {},
+    size: { default: "default" },
+    class: {}
   },
   setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class", "size");
+    const forwarded = useForwardProps(delegatedProps);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(RouterLink), {
-        to: { name: _ctx.to }
-      }, {
+      return openBlock(), createBlock(unref(PaginationPrev), mergeProps({
+        "data-slot": "pagination-previous",
+        class: unref(cn)(unref(buttonVariants)({ variant: "ghost", size: _ctx.size }), "gap-1 px-2.5 sm:pr-2.5", props.class)
+      }, unref(forwarded)), {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$4, toDisplayString(_ctx.label), 1)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(unref(ChevronLeftIcon)),
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "hidden sm:block" }, "Previous", -1))
+          ])
         ]),
         _: 3
-      }, 8, ["to"]);
+      }, 16, ["class"]);
     };
   }
 });
 
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "Popover",
   props: {
     defaultOpen: { type: Boolean },
@@ -2132,7 +3214,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "PopoverAnchor",
   props: {
     reference: {},
@@ -2152,7 +3234,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2209,7 +3291,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   __name: "PopoverTrigger",
   props: {
     asChild: { type: Boolean },
@@ -2228,7 +3310,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "Progress",
   props: {
     modelValue: { default: 0 },
@@ -2261,7 +3343,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1a = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: {
     modelValue: {},
@@ -2299,7 +3381,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupItem",
   props: {
     id: {},
@@ -2342,7 +3424,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+const _sfc_main$18 = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
     open: { type: Boolean },
@@ -2373,7 +3455,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2421,7 +3503,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
             )
           }), {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$10)),
+              createVNode(unref(_sfc_main$11)),
               createVNode(unref(SelectViewport), {
                 class: normalizeClass(
                   unref(cn)(
@@ -2435,7 +3517,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              createVNode(unref(_sfc_main$11))
+              createVNode(unref(_sfc_main$12))
             ]),
             _: 3
           }, 16, ["class"])
@@ -2446,7 +3528,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   __name: "SelectGroup",
   props: {
     asChild: { type: Boolean },
@@ -2466,7 +3548,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
 });
 
 const _hoisted_1$3 = { class: "absolute right-2 flex size-3.5 items-center justify-center" };
-const _sfc_main$14 = /* @__PURE__ */ defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "SelectItem",
   props: {
     value: {},
@@ -2512,7 +3594,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "SelectItemText",
   props: {
     asChild: { type: Boolean },
@@ -2531,7 +3613,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -2555,7 +3637,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollDownButton",
   props: {
     asChild: { type: Boolean },
@@ -2584,7 +3666,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollUpButton",
   props: {
     asChild: { type: Boolean },
@@ -2613,7 +3695,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "SelectSeparator",
   props: {
     asChild: { type: Boolean },
@@ -2634,7 +3716,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "SelectTrigger",
   props: {
     disabled: { type: Boolean },
@@ -2673,7 +3755,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "SelectValue",
   props: {
     placeholder: {},
@@ -2693,7 +3775,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "Separator",
   props: {
     orientation: { default: "horizontal" },
@@ -2716,7 +3798,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "Sheet",
   props: {
     open: { type: Boolean },
@@ -2739,7 +3821,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "SheetClose",
   props: {
     asChild: { type: Boolean },
@@ -2758,7 +3840,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "SheetOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -2789,7 +3871,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2812,7 +3894,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogPortal), null, {
         default: withCtx(() => [
-          createVNode(_sfc_main$V),
+          createVNode(_sfc_main$W),
           createVNode(unref(DialogContent), mergeProps({
             "data-slot": "sheet-content",
             class: unref(cn)(
@@ -2843,7 +3925,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "SheetDescription",
   props: {
     asChild: { type: Boolean },
@@ -2870,7 +3952,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "SheetFooter",
   props: {
     class: {}
@@ -2888,7 +3970,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "SheetHeader",
   props: {
     class: {}
@@ -2906,7 +3988,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "SheetTitle",
   props: {
     asChild: { type: Boolean },
@@ -2933,7 +4015,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "SheetTrigger",
   props: {
     asChild: { type: Boolean },
@@ -2966,7 +4048,7 @@ const _hoisted_3 = {
   "data-sidebar": "sidebar",
   class: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
 };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2987,12 +4069,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         class: unref(cn)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", props.class)
       }, _ctx.$attrs), [
         renderSlot(_ctx.$slots, "default")
-      ], 16)) : unref(isMobile) ? (openBlock(), createBlock(unref(_sfc_main$X), mergeProps({
+      ], 16)) : unref(isMobile) ? (openBlock(), createBlock(unref(_sfc_main$Y), mergeProps({
         key: 1,
         open: unref(openMobile)
       }, _ctx.$attrs, { "onUpdate:open": unref(setOpenMobile) }), {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$U), {
+          createVNode(unref(_sfc_main$V), {
             "data-sidebar": "sidebar",
             "data-slot": "sidebar",
             "data-mobile": "true",
@@ -3003,15 +4085,15 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             })
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$R, { class: "sr-only" }, {
+              createVNode(_sfc_main$S, { class: "sr-only" }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$Q, null, {
+                  createVNode(_sfc_main$R, null, {
                     default: withCtx(() => _cache[0] || (_cache[0] = [
                       createTextVNode("Sidebar")
                     ])),
                     _: 1
                   }),
-                  createVNode(_sfc_main$T, null, {
+                  createVNode(_sfc_main$U, null, {
                     default: withCtx(() => _cache[1] || (_cache[1] = [
                       createTextVNode("Displays the mobile sidebar.")
                     ])),
@@ -3065,7 +4147,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "SidebarContent",
   props: {
     class: {}
@@ -3089,7 +4171,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "SidebarFooter",
   props: {
     class: {}
@@ -3108,7 +4190,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroup",
   props: {
     class: {}
@@ -3127,7 +4209,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroupAction",
   props: {
     asChild: { type: Boolean },
@@ -3160,7 +4242,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroupContent",
   props: {
     class: {}
@@ -3179,7 +4261,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "SidebarGroupLabel",
   props: {
     asChild: { type: Boolean },
@@ -3211,7 +4293,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "SidebarHeader",
   props: {
     class: {}
@@ -3230,7 +4312,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "SidebarInset",
   props: {
     class: {}
@@ -3254,7 +4336,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenu",
   props: {
     class: {}
@@ -3273,7 +4355,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuAction",
   props: {
     asChild: { type: Boolean },
@@ -3311,7 +4393,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuBadge",
   props: {
     class: {}
@@ -3340,7 +4422,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
     defaultOpen: { type: Boolean },
@@ -3367,7 +4449,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3419,7 +4501,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "TooltipProvider",
   props: {
     delayDuration: { default: 0 },
@@ -3442,7 +4524,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "TooltipTrigger",
   props: {
     reference: {},
@@ -3462,7 +4544,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuButtonChild",
   props: {
     variant: { default: "default" },
@@ -3493,7 +4575,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3515,16 +4597,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return delegated;
     });
     return (_ctx, _cache) => {
-      return !_ctx.tooltip ? (openBlock(), createBlock(_sfc_main$y, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
+      return !_ctx.tooltip ? (openBlock(), createBlock(_sfc_main$z, normalizeProps(mergeProps({ key: 0 }, { ...delegatedProps.value, ..._ctx.$attrs })), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16)) : (openBlock(), createBlock(unref(_sfc_main$C), { key: 1 }, {
+      }, 16)) : (openBlock(), createBlock(unref(_sfc_main$D), { key: 1 }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$z), { "as-child": "" }, {
+          createVNode(unref(_sfc_main$A), { "as-child": "" }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$y, normalizeProps(guardReactiveProps({ ...delegatedProps.value, ..._ctx.$attrs })), {
+              createVNode(_sfc_main$z, normalizeProps(guardReactiveProps({ ...delegatedProps.value, ..._ctx.$attrs })), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
                 ]),
@@ -3533,7 +4615,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          createVNode(unref(_sfc_main$B), {
+          createVNode(unref(_sfc_main$C), {
             side: "right",
             align: "center",
             hidden: unref(state) !== "collapsed" || unref(isMobile)
@@ -3552,7 +4634,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuItem",
   props: {
     class: {}
@@ -3571,7 +4653,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
     class: {}
@@ -3587,7 +4669,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSkeleton",
   props: {
     showIcon: { type: Boolean },
@@ -3604,12 +4686,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         "data-sidebar": "menu-skeleton",
         class: normalizeClass(unref(cn)("flex h-8 items-center gap-2 rounded-md px-2", props.class))
       }, [
-        _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$v), {
+        _ctx.showIcon ? (openBlock(), createBlock(unref(_sfc_main$w), {
           key: 0,
           class: "size-4 rounded-md",
           "data-sidebar": "menu-skeleton-icon"
         })) : createCommentVNode("", true),
-        createVNode(unref(_sfc_main$v), {
+        createVNode(unref(_sfc_main$w), {
           class: "h-4 max-w-(--skeleton-width) flex-1",
           "data-sidebar": "menu-skeleton-text",
           style: normalizeStyle({ "--skeleton-width": width.value })
@@ -3619,7 +4701,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSub",
   props: {
     class: {}
@@ -3644,7 +4726,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSubButton",
   props: {
     asChild: { type: Boolean },
@@ -3683,7 +4765,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "SidebarMenuSubItem",
   props: {
     class: {}
@@ -3702,7 +4784,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "SidebarProvider",
   props: {
     defaultOpen: { type: Boolean, default: true },
@@ -3768,7 +4850,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SidebarRail",
   props: {
     class: {}
@@ -3803,7 +4885,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "SidebarSeparator",
   props: {
     class: {}
@@ -3811,7 +4893,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$Y), {
+      return openBlock(), createBlock(unref(_sfc_main$Z), {
         "data-slot": "sidebar-separator",
         "data-sidebar": "separator",
         class: normalizeClass(unref(cn)("bg-sidebar-border mx-2 w-auto", props.class))
@@ -3825,7 +4907,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "SidebarTrigger",
   props: {
     class: {}
@@ -3834,7 +4916,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { toggleSidebar } = useSidebar();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2b), {
+      return openBlock(), createBlock(unref(_sfc_main$2K), {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
         variant: "ghost",
@@ -3873,30 +4955,30 @@ const sidebarMenuButtonVariants = cva(
   }
 );
 
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "Sidebar",
   props: {
     defaultOpen: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$q), { "default-open": _ctx.defaultOpen }, {
+      return openBlock(), createBlock(unref(_sfc_main$r), { "default-open": _ctx.defaultOpen }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$O), null, {
+          createVNode(unref(_sfc_main$P), null, {
             default: withCtx(() => [
-              _ctx.$slots.header ? (openBlock(), createBlock(unref(_sfc_main$H), { key: 0 }, {
+              _ctx.$slots.header ? (openBlock(), createBlock(unref(_sfc_main$I), { key: 0 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "header")
                 ]),
                 _: 3
               })) : createCommentVNode("", true),
-              _ctx.$slots.content ? (openBlock(), createBlock(unref(_sfc_main$N), { key: 1 }, {
+              _ctx.$slots.content ? (openBlock(), createBlock(unref(_sfc_main$O), { key: 1 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "content")
                 ]),
                 _: 3
               })) : createCommentVNode("", true),
-              _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$M), { key: 2 }, {
+              _ctx.$slots.footer ? (openBlock(), createBlock(unref(_sfc_main$N), { key: 2 }, {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "footer")
                 ]),
@@ -3905,7 +4987,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }),
-          _ctx.$slots.inset ? (openBlock(), createBlock(unref(_sfc_main$G), { key: 0 }, {
+          _ctx.$slots.inset ? (openBlock(), createBlock(unref(_sfc_main$H), { key: 0 }, {
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "inset")
             ]),
@@ -3918,6 +5000,57 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  __name: "Switch",
+  props: {
+    defaultValue: { type: Boolean },
+    modelValue: { type: [Boolean, null] },
+    disabled: { type: Boolean },
+    id: {},
+    value: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean },
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = computed(() => {
+      const { class: _, ...delegated } = props;
+      return delegated;
+    });
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SwitchRoot), mergeProps({ "data-slot": "switch" }, unref(forwarded), {
+        class: unref(cn)(
+          "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          createVNode(unref(SwitchThumb), {
+            "data-slot": "switch-thumb",
+            class: normalizeClass(
+              unref(cn)(
+                "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+              )
+            )
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "thumb")
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+
 const _hoisted_1$1 = {
   "data-slot": "table-container",
   class: "relative w-full overflow-auto"
@@ -4178,7 +5311,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$i), null, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$1f), {
+          createVNode(unref(_sfc_main$1D), {
             to: _ctx.to,
             label: _ctx.label,
             class: normalizeClass(unref(cn)("flex w-full", _ctx.linkClass))
@@ -4691,4 +5824,4 @@ function localRef(key, initial, options) {
   });
 }
 
-export { _sfc_main$2c as Badge, _sfc_main$2b as Button, _sfc_main$29 as ButtonIcon, _sfc_main$2a as ButtonLink, _sfc_main$21 as Card, _sfc_main$20 as Checkbox, _sfc_main$1$ as ContextMenu, _sfc_main$1_ as ContextMenuCheckboxItem, _sfc_main$1Z as ContextMenuContent, _sfc_main$1Y as ContextMenuGroup, _sfc_main$1X as ContextMenuItem, _sfc_main$1W as ContextMenuLabel, _sfc_main$1V as ContextMenuRadioGroup, _sfc_main$1U as ContextMenuRadioItem, _sfc_main$1T as ContextMenuSeparator, _sfc_main$1S as ContextMenuShortcut, _sfc_main$1R as ContextMenuSub, _sfc_main$1Q as ContextMenuSubContent, _sfc_main$1P as ContextMenuSubTrigger, _sfc_main$1O as ContextMenuTrigger, _sfc_main$1N as Dialog, _sfc_main$1M as DialogClose, _sfc_main$1K as DialogContent, _sfc_main$1J as DialogDescription, _sfc_main$1I as DialogFooter, _sfc_main$1H as DialogHeader, _sfc_main$1L as DialogOverlay, _sfc_main$1G as DialogScrollContent, _sfc_main$1F as DialogTitle, _sfc_main$1E as DialogTrigger, _sfc_main$1D as DropdownMenu, _sfc_main$1C as DropdownMenuCheckboxItem, _sfc_main$1B as DropdownMenuContent, _sfc_main$1A as DropdownMenuGroup, _sfc_main$1z as DropdownMenuItem, _sfc_main$1y as DropdownMenuLabel, _sfc_main$1x as DropdownMenuRadioGroup, _sfc_main$1w as DropdownMenuRadioItem, _sfc_main$1v as DropdownMenuSeparator, _sfc_main$1u as DropdownMenuShortcut, _sfc_main$1t as DropdownMenuSub, _sfc_main$1s as DropdownMenuSubContent, _sfc_main$1r as DropdownMenuSubTrigger, _sfc_main$1q as DropdownMenuTrigger, _sfc_main$1p as Input, _sfc_main$1h as InputNumber, _sfc_main$1g as InputText, _sfc_main$1n as Label, _sfc_main$1f as Link, _sfc_main$1e as Popover, _sfc_main$1d as PopoverAnchor, _sfc_main$1c as PopoverContent, _sfc_main$1b as PopoverTrigger, _sfc_main$1a as Progress, _sfc_main$19 as RadioGroup, _sfc_main$18 as RadioGroupItem, _sfc_main$27 as ScrollArea, _sfc_main$17 as Select, _sfc_main$16 as SelectContent, _sfc_main$15 as SelectGroup, _sfc_main$14 as SelectItem, _sfc_main$13 as SelectItemText, _sfc_main$12 as SelectLabel, _sfc_main$11 as SelectScrollDownButton, _sfc_main$10 as SelectScrollUpButton, _sfc_main$$ as SelectSeparator, _sfc_main$_ as SelectTrigger, _sfc_main$Z as SelectValue, _sfc_main$Y as Separator, _sfc_main$X as Sheet, _sfc_main$W as SheetClose, _sfc_main$U as SheetContent, _sfc_main$T as SheetDescription, _sfc_main$S as SheetFooter, _sfc_main$R as SheetHeader, _sfc_main$Q as SheetTitle, _sfc_main$P as SheetTrigger, _sfc_main$m as Sidebar, _sfc_main$L as SidebarGroup, _sfc_main$K as SidebarGroupAction, _sfc_main$J as SidebarGroupContent, _sfc_main$I as SidebarGroupLabel, _sfc_main$F as SidebarMenu, _sfc_main$E as SidebarMenuAction, _sfc_main$D as SidebarMenuBadge, _sfc_main$x as SidebarMenuButton, _sfc_main$w as SidebarMenuItem, _sfc_main$u as SidebarMenuSkeleton, _sfc_main$t as SidebarMenuSub, _sfc_main$s as SidebarMenuSubButton, _sfc_main$r as SidebarMenuSubItem, _sfc_main$p as SidebarRail, _sfc_main$o as SidebarSeparator, _sfc_main$n as SidebarTrigger, _sfc_main$v as Skeleton, _sfc_main$c as Table, _sfc_main$i as TableCell, _sfc_main$g as TableEmpty, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$h as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$C as Tooltip, _sfc_main$B as TooltipContent, _sfc_main$A as TooltipProvider, _sfc_main$z as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };
+export { _sfc_main$2L as Badge, _sfc_main$2K as Button, _sfc_main$2I as ButtonIcon, _sfc_main$2J as ButtonLink, _sfc_main$2z as Card, _sfc_main$2y as Checkbox, _sfc_main$2x as Combobox, _sfc_main$2w as ComboboxAnchor, _sfc_main$2v as ComboboxEmpty, _sfc_main$2u as ComboboxGroup, _sfc_main$2t as ComboboxInput, _sfc_main$2s as ComboboxItem, _sfc_main$2r as ComboboxItemIndicator, _sfc_main$2q as ComboboxList, _sfc_main$2p as ComboboxSeparator, _sfc_main$2o as ComboboxViewport, _sfc_main$2n as ContextMenu, _sfc_main$2m as ContextMenuCheckboxItem, _sfc_main$2l as ContextMenuContent, _sfc_main$2k as ContextMenuGroup, _sfc_main$2j as ContextMenuItem, _sfc_main$2i as ContextMenuLabel, _sfc_main$2h as ContextMenuRadioGroup, _sfc_main$2g as ContextMenuRadioItem, _sfc_main$2f as ContextMenuSeparator, _sfc_main$2e as ContextMenuShortcut, _sfc_main$2d as ContextMenuSub, _sfc_main$2c as ContextMenuSubContent, _sfc_main$2b as ContextMenuSubTrigger, _sfc_main$2a as ContextMenuTrigger, _sfc_main$29 as Dialog, _sfc_main$28 as DialogClose, _sfc_main$26 as DialogContent, _sfc_main$25 as DialogDescription, _sfc_main$24 as DialogFooter, _sfc_main$23 as DialogHeader, _sfc_main$27 as DialogOverlay, _sfc_main$22 as DialogScrollContent, _sfc_main$21 as DialogTitle, _sfc_main$20 as DialogTrigger, _sfc_main$1$ as DropdownMenu, _sfc_main$1_ as DropdownMenuCheckboxItem, _sfc_main$1Z as DropdownMenuContent, _sfc_main$1Y as DropdownMenuGroup, _sfc_main$1X as DropdownMenuItem, _sfc_main$1W as DropdownMenuLabel, _sfc_main$1V as DropdownMenuRadioGroup, _sfc_main$1U as DropdownMenuRadioItem, _sfc_main$1T as DropdownMenuSeparator, _sfc_main$1S as DropdownMenuShortcut, _sfc_main$1R as DropdownMenuSub, _sfc_main$1Q as DropdownMenuSubContent, _sfc_main$1P as DropdownMenuSubTrigger, _sfc_main$1O as DropdownMenuTrigger, _sfc_main$1N as Input, _sfc_main$1F as InputNumber, _sfc_main$1E as InputText, _sfc_main$1L as Label, _sfc_main$1D as Link, _sfc_main$1C as Menubar, _sfc_main$1B as MenubarCheckboxItem, _sfc_main$1A as MenubarContent, _sfc_main$1z as MenubarGroup, _sfc_main$1y as MenubarItem, _sfc_main$1x as MenubarLabel, _sfc_main$1w as MenubarMenu, _sfc_main$1v as MenubarRadioGroup, _sfc_main$1u as MenubarRadioItem, _sfc_main$1t as MenubarSeparator, _sfc_main$1s as MenubarShortcut, _sfc_main$1r as MenubarSub, _sfc_main$1q as MenubarSubContent, _sfc_main$1p as MenubarSubTrigger, _sfc_main$1o as MenubarTrigger, _sfc_main$1n as Pagination, _sfc_main$1m as PaginationContent, _sfc_main$1l as PaginationEllipsis, _sfc_main$1k as PaginationFirst, _sfc_main$1j as PaginationItem, _sfc_main$1i as PaginationLast, _sfc_main$1h as PaginationNext, _sfc_main$1g as PaginationPrevious, _sfc_main$1f as Popover, _sfc_main$1e as PopoverAnchor, _sfc_main$1d as PopoverContent, _sfc_main$1c as PopoverTrigger, _sfc_main$1b as Progress, _sfc_main$1a as RadioGroup, _sfc_main$19 as RadioGroupItem, _sfc_main$2G 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$n as Sidebar, _sfc_main$M as SidebarGroup, _sfc_main$L as SidebarGroupAction, _sfc_main$K as SidebarGroupContent, _sfc_main$J as SidebarGroupLabel, _sfc_main$G as SidebarMenu, _sfc_main$F as SidebarMenuAction, _sfc_main$E as SidebarMenuBadge, _sfc_main$y as SidebarMenuButton, _sfc_main$x as SidebarMenuItem, _sfc_main$v as SidebarMenuSkeleton, _sfc_main$u as SidebarMenuSub, _sfc_main$t as SidebarMenuSubButton, _sfc_main$s as SidebarMenuSubItem, _sfc_main$q as SidebarRail, _sfc_main$p as SidebarSeparator, _sfc_main$o as SidebarTrigger, _sfc_main$w as Skeleton, _sfc_main$m as Switch, _sfc_main$c as Table, _sfc_main$i as TableCell, _sfc_main$g as TableEmpty, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$h as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$D as Tooltip, _sfc_main$C as TooltipContent, _sfc_main$B as TooltipProvider, _sfc_main$A as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };