@ark-ui/react 3.0.2 → 3.2.0

package/dist/components/index.js

@@ -5,6 +5,8 @@ export { AccordionItemContext } from './accordion/accordion-item-context.js';
 export { AccordionItemIndicator } from './accordion/accordion-item-indicator.js';
 export { AccordionItemTrigger } from './accordion/accordion-item-trigger.js';
 export { AccordionRoot } from './accordion/accordion-root.js';
+export { AccordionRootProvider } from './accordion/accordion-root-provider.js';
+export { useAccordion } from './accordion/use-accordion.js';
 export { useAccordionContext } from './accordion/use-accordion-context.js';
 export { useAccordionItemContext } from './accordion/use-accordion-item-context.js';
 import * as accordion from './accordion/accordion.js';
@@ -13,6 +15,8 @@ export { AvatarContext } from './avatar/avatar-context.js';
 export { AvatarFallback } from './avatar/avatar-fallback.js';
 export { AvatarImage } from './avatar/avatar-image.js';
 export { AvatarRoot } from './avatar/avatar-root.js';
+export { AvatarRootProvider } from './avatar/avatar-root-provider.js';
+export { useAvatar } from './avatar/use-avatar.js';
 export { useAvatarContext } from './avatar/use-avatar-context.js';
 import * as avatar from './avatar/avatar.js';
 export { avatar as Avatar };
@@ -25,7 +29,9 @@ export { CarouselItemGroup } from './carousel/carousel-item-group.js';
 export { CarouselNextTrigger } from './carousel/carousel-next-trigger.js';
 export { CarouselPrevTrigger } from './carousel/carousel-prev-trigger.js';
 export { CarouselRoot } from './carousel/carousel-root.js';
+export { CarouselRootProvider } from './carousel/carousel-root-provider.js';
 export { CarouselViewport } from './carousel/carousel-viewport.js';
+export { useCarousel } from './carousel/use-carousel.js';
 export { useCarouselContext } from './carousel/use-carousel-context.js';
 import * as carousel from './carousel/carousel.js';
 export { carousel as Carousel };
@@ -35,6 +41,8 @@ export { CheckboxHiddenInput } from './checkbox/checkbox-hidden-input.js';
 export { CheckboxIndicator } from './checkbox/checkbox-indicator.js';
 export { CheckboxLabel } from './checkbox/checkbox-label.js';
 export { CheckboxRoot } from './checkbox/checkbox-root.js';
+export { CheckboxRootProvider } from './checkbox/checkbox-root-provider.js';
+export { useCheckbox } from './checkbox/use-checkbox.js';
 export { useCheckboxContext } from './checkbox/use-checkbox-context.js';
 import * as checkbox from './checkbox/checkbox.js';
 export { checkbox as Checkbox };
@@ -44,14 +52,18 @@ export { ClipboardIndicator } from './clipboard/clipboard-indicator.js';
 export { ClipboardInput } from './clipboard/clipboard-input.js';
 export { ClipboardLabel } from './clipboard/clipboard-label.js';
 export { ClipboardRoot } from './clipboard/clipboard-root.js';
+export { ClipboardRootProvider } from './clipboard/clipboard-root-provider.js';
 export { ClipboardTrigger } from './clipboard/clipboard-trigger.js';
+export { useClipboard } from './clipboard/use-clipboard.js';
 export { useClipboardContext } from './clipboard/use-clipboard-context.js';
 import * as clipboard from './clipboard/clipboard.js';
 export { clipboard as Clipboard };
 export { CollapsibleContent } from './collapsible/collapsible-content.js';
 export { CollapsibleContext } from './collapsible/collapsible-context.js';
 export { CollapsibleRoot } from './collapsible/collapsible-root.js';
+export { CollapsibleRootProvider } from './collapsible/collapsible-root-provider.js';
 export { CollapsibleTrigger } from './collapsible/collapsible-trigger.js';
+export { useCollapsible } from './collapsible/use-collapsible.js';
 export { useCollapsibleContext } from './collapsible/use-collapsible-context.js';
 import * as collapsible from './collapsible/collapsible.js';
 export { collapsible as Collapsible };
@@ -72,6 +84,7 @@ export { ColorPickerHiddenInput } from './color-picker/color-picker-hidden-input
 export { ColorPickerLabel } from './color-picker/color-picker-label.js';
 export { ColorPickerPositioner } from './color-picker/color-picker-positioner.js';
 export { ColorPickerRoot } from './color-picker/color-picker-root.js';
+export { ColorPickerRootProvider } from './color-picker/color-picker-root-provider.js';
 export { ColorPickerSwatch } from './color-picker/color-picker-swatch.js';
 export { ColorPickerSwatchGroup } from './color-picker/color-picker-swatch-group.js';
 export { ColorPickerSwatchIndicator } from './color-picker/color-picker-swatch-indicator.js';
@@ -80,6 +93,7 @@ export { ColorPickerTransparencyGrid } from './color-picker/color-picker-transpa
 export { ColorPickerTrigger } from './color-picker/color-picker-trigger.js';
 export { ColorPickerValueText } from './color-picker/color-picker-value-text.js';
 export { ColorPickerView } from './color-picker/color-picker-view.js';
+export { useColorPicker } from './color-picker/use-color-picker.js';
 export { useColorPickerContext } from './color-picker/use-color-picker-context.js';
 import * as colorPicker from './color-picker/color-picker.js';
 export { colorPicker as ColorPicker };
@@ -97,7 +111,9 @@ export { ComboboxItemText } from './combobox/combobox-item-text.js';
 export { ComboboxLabel } from './combobox/combobox-label.js';
 export { ComboboxPositioner } from './combobox/combobox-positioner.js';
 export { ComboboxRoot } from './combobox/combobox-root.js';
+export { ComboboxRootProvider } from './combobox/combobox-root-provider.js';
 export { ComboboxTrigger } from './combobox/combobox-trigger.js';
+export { useCombobox } from './combobox/use-combobox.js';
 export { useComboboxContext } from './combobox/use-combobox-context.js';
 export { useComboboxItemContext } from './combobox/use-combobox-item-context.js';
 import * as combobox from './combobox/combobox.js';
@@ -115,6 +131,7 @@ export { DatePickerPresetTrigger } from './date-picker/date-picker-preset-trigge
 export { DatePickerPrevTrigger } from './date-picker/date-picker-prev-trigger.js';
 export { DatePickerRangeText } from './date-picker/date-picker-range-text.js';
 export { DatePickerRoot } from './date-picker/date-picker-root.js';
+export { DatePickerRootProvider } from './date-picker/date-picker-root-provider.js';
 export { DatePickerTable } from './date-picker/date-picker-table.js';
 export { DatePickerTableBody } from './date-picker/date-picker-table-body.js';
 export { DatePickerTableCell } from './date-picker/date-picker-table-cell.js';
@@ -127,6 +144,7 @@ export { DatePickerView } from './date-picker/date-picker-view.js';
 export { DatePickerViewControl } from './date-picker/date-picker-view-control.js';
 export { DatePickerViewTrigger } from './date-picker/date-picker-view-trigger.js';
 export { DatePickerYearSelect } from './date-picker/date-picker-year-select.js';
+export { useDatePicker } from './date-picker/use-date-picker.js';
 export { useDatePickerContext } from './date-picker/use-date-picker-context.js';
 import * as datePicker from './date-picker/date-picker.js';
 export { datePicker as DatePicker };
@@ -137,8 +155,10 @@ export { DialogContext } from './dialog/dialog-context.js';
 export { DialogDescription } from './dialog/dialog-description.js';
 export { DialogPositioner } from './dialog/dialog-positioner.js';
 export { DialogRoot } from './dialog/dialog-root.js';
+export { DialogRootProvider } from './dialog/dialog-root-provider.js';
 export { DialogTitle } from './dialog/dialog-title.js';
 export { DialogTrigger } from './dialog/dialog-trigger.js';
+export { useDialog } from './dialog/use-dialog.js';
 export { useDialogContext } from './dialog/use-dialog-context.js';
 import * as dialog from './dialog/dialog.js';
 export { dialog as Dialog };
@@ -151,13 +171,16 @@ export { EditableInput } from './editable/editable-input.js';
 export { EditableLabel } from './editable/editable-label.js';
 export { EditablePreview } from './editable/editable-preview.js';
 export { EditableRoot } from './editable/editable-root.js';
+export { EditableRootProvider } from './editable/editable-root-provider.js';
 export { EditableSubmitTrigger } from './editable/editable-submit-trigger.js';
+export { useEditable } from './editable/use-editable.js';
 export { useEditableContext } from './editable/use-editable-context.js';
 import * as editable from './editable/editable.js';
 export { editable as Editable };
 export { ark, jsxFactory } from './factory.js';
 export { FileUploadContext } from './file-upload/file-upload-context.js';
 export { FileUploadDropzone } from './file-upload/file-upload-dropzone.js';
+export { FileUploadHiddenInput } from './file-upload/file-upload-hidden-input.js';
 export { FileUploadItem } from './file-upload/file-upload-item.js';
 export { FileUploadItemDeleteTrigger } from './file-upload/file-upload-item-delete-trigger.js';
 export { FileUploadItemGroup } from './file-upload/file-upload-item-group.js';
@@ -167,8 +190,9 @@ export { FileUploadItemPreviewImage } from './file-upload/file-upload-item-previ
 export { FileUploadItemSizeText } from './file-upload/file-upload-item-size-text.js';
 export { FileUploadLabel } from './file-upload/file-upload-label.js';
 export { FileUploadRoot } from './file-upload/file-upload-root.js';
+export { FileUploadRootProvider } from './file-upload/file-upload-root-provider.js';
 export { FileUploadTrigger } from './file-upload/file-upload-trigger.js';
-export { FileUploadHiddenInput } from './file-upload/file-upload-hidden-input.js';
+export { useFileUpload } from './file-upload/use-file-upload.js';
 export { useFileUploadContext } from './file-upload/use-file-upload-context.js';
 import * as fileUpload from './file-upload/file-upload.js';
 export { fileUpload as FileUpload };
@@ -182,7 +206,9 @@ export { HoverCardContent } from './hover-card/hover-card-content.js';
 export { HoverCardContext } from './hover-card/hover-card-context.js';
 export { HoverCardPositioner } from './hover-card/hover-card-positioner.js';
 export { HoverCardRoot } from './hover-card/hover-card-root.js';
+export { HoverCardRootProvider } from './hover-card/hover-card-root-provider.js';
 export { HoverCardTrigger } from './hover-card/hover-card-trigger.js';
+export { useHoverCard } from './hover-card/use-hover-card.js';
 export { useHoverCardContext } from './hover-card/use-hover-card-context.js';
 import * as hoverCard from './hover-card/hover-card.js';
 export { hoverCard as HoverCard };
@@ -203,9 +229,11 @@ export { MenuPositioner } from './menu/menu-positioner.js';
 export { MenuRadioItem } from './menu/menu-radio-item.js';
 export { MenuRadioItemGroup } from './menu/menu-radio-item-group.js';
 export { MenuRoot } from './menu/menu-root.js';
+export { MenuRootProvider } from './menu/menu-root-provider.js';
 export { MenuSeparator } from './menu/menu-separator.js';
 export { MenuTrigger } from './menu/menu-trigger.js';
 export { MenuTriggerItem } from './menu/menu-trigger-item.js';
+export { useMenu } from './menu/use-menu.js';
 export { useMenuContext } from './menu/use-menu-context.js';
 export { useMenuItemContext } from './menu/use-menu-item-context.js';
 import * as menu from './menu/menu.js';
@@ -217,7 +245,9 @@ export { NumberInputIncrementTrigger } from './number-input/number-input-increme
 export { NumberInputInput } from './number-input/number-input-input.js';
 export { NumberInputLabel } from './number-input/number-input-label.js';
 export { NumberInputRoot } from './number-input/number-input-root.js';
+export { NumberInputRootProvider } from './number-input/number-input-root-provider.js';
 export { NumberInputScrubber } from './number-input/number-input-scrubber.js';
+export { useNumberInput } from './number-input/use-number-input.js';
 export { useNumberInputContext } from './number-input/use-number-input-context.js';
 import * as numberInput from './number-input/number-input.js';
 export { numberInput as NumberInput };
@@ -227,15 +257,19 @@ export { PaginationItem } from './pagination/pagination-item.js';
 export { PaginationNextTrigger } from './pagination/pagination-next-trigger.js';
 export { PaginationPrevTrigger } from './pagination/pagination-prev-trigger.js';
 export { PaginationRoot } from './pagination/pagination-root.js';
+export { PaginationRootProvider } from './pagination/pagination-root-provider.js';
+export { usePagination } from './pagination/use-pagination.js';
 export { usePaginationContext } from './pagination/use-pagination-context.js';
 import * as pagination from './pagination/pagination.js';
 export { pagination as Pagination };
 export { PinInputContext } from './pin-input/pin-input-context.js';
 export { PinInputControl } from './pin-input/pin-input-control.js';
+export { PinInputHiddenInput } from './pin-input/pin-input-hidden-input.js';
 export { PinInputInput } from './pin-input/pin-input-input.js';
 export { PinInputLabel } from './pin-input/pin-input-label.js';
 export { PinInputRoot } from './pin-input/pin-input-root.js';
-export { PinInputHiddenInput } from './pin-input/pin-input-hidden-input.js';
+export { PinInputRootProvider } from './pin-input/pin-input-root-provider.js';
+export { usePinInput } from './pin-input/use-pin-input.js';
 export { usePinInputContext } from './pin-input/use-pin-input-context.js';
 import * as pinInput from './pin-input/pin-input.js';
 export { pinInput as PinInput };
@@ -249,8 +283,10 @@ export { PopoverDescription } from './popover/popover-description.js';
 export { PopoverIndicator } from './popover/popover-indicator.js';
 export { PopoverPositioner } from './popover/popover-positioner.js';
 export { PopoverRoot } from './popover/popover-root.js';
+export { PopoverRootProvider } from './popover/popover-root-provider.js';
 export { PopoverTitle } from './popover/popover-title.js';
 export { PopoverTrigger } from './popover/popover-trigger.js';
+export { usePopover } from './popover/use-popover.js';
 export { usePopoverContext } from './popover/use-popover-context.js';
 import * as popover from './popover/popover.js';
 export { popover as Popover };
@@ -266,9 +302,11 @@ export { ProgressContext } from './progress/progress-context.js';
 export { ProgressLabel } from './progress/progress-label.js';
 export { ProgressRange } from './progress/progress-range.js';
 export { ProgressRoot } from './progress/progress-root.js';
+export { ProgressRootProvider } from './progress/progress-root-provider.js';
 export { ProgressTrack } from './progress/progress-track.js';
 export { ProgressValueText } from './progress/progress-value-text.js';
 export { ProgressView } from './progress/progress-view.js';
+export { useProgress } from './progress/use-progress.js';
 export { useProgressContext } from './progress/use-progress-context.js';
 import * as progress from './progress/progress.js';
 export { progress as Progress };
@@ -281,18 +319,22 @@ export { RadioGroupItemHiddenInput } from './radio-group/radio-group-item-hidden
 export { RadioGroupItemText } from './radio-group/radio-group-item-text.js';
 export { RadioGroupLabel } from './radio-group/radio-group-label.js';
 export { RadioGroupRoot } from './radio-group/radio-group-root.js';
+export { RadioGroupRootProvider } from './radio-group/radio-group-root-provider.js';
+export { useRadioGroup } from './radio-group/use-radio-group.js';
 export { useRadioGroupContext } from './radio-group/use-radio-group-context.js';
 export { useRadioGroupItemContext } from './radio-group/use-radio-group-item-context.js';
 import * as radioGroup from './radio-group/radio-group.js';
 export { radioGroup as RadioGroup };
 export { RatingGroupContext } from './rating-group/rating-group-context.js';
 export { RatingGroupControl } from './rating-group/rating-group-control.js';
+export { RatingGroupHiddenInput } from './rating-group/rating-group-hidden-input.js';
 export { RatingGroupItem } from './rating-group/rating-group-item.js';
 export { RatingGroupItemContext } from './rating-group/rating-group-item-context.js';
 export { RatingGroupLabel } from './rating-group/rating-group-label.js';
 export { RatingGroupRoot } from './rating-group/rating-group-root.js';
+export { RatingGroupRootProvider } from './rating-group/rating-group-root-provider.js';
+export { useRatingGroup } from './rating-group/use-rating-group.js';
 export { useRatingGroupContext } from './rating-group/use-rating-group-context.js';
-export { RatingGroupHiddenInput } from './rating-group/rating-group-hidden-input.js';
 export { useRatingGroupItemContext } from './rating-group/use-rating-group-item-context.js';
 import * as ratingGroup from './rating-group/rating-group.js';
 export { ratingGroup as RatingGroup };
@@ -305,6 +347,8 @@ export { SegmentGroupItemHiddenInput } from './segment-group/segment-group-item-
 export { SegmentGroupItemText } from './segment-group/segment-group-item-text.js';
 export { SegmentGroupLabel } from './segment-group/segment-group-label.js';
 export { SegmentGroupRoot } from './segment-group/segment-group-root.js';
+export { SegmentGroupRootProvider } from './segment-group/segment-group-root-provider.js';
+export { useSegmentGroup } from './segment-group/use-segment-group.js';
 export { useSegmentGroupContext } from './segment-group/use-segment-group-context.js';
 export { useSegmentGroupItemContext } from './segment-group/use-segment-group-item-context.js';
 import * as segmentGroup from './segment-group/segment-group.js';
@@ -324,8 +368,10 @@ export { SelectItemText } from './select/select-item-text.js';
 export { SelectLabel } from './select/select-label.js';
 export { SelectPositioner } from './select/select-positioner.js';
 export { SelectRoot } from './select/select-root.js';
+export { SelectRootProvider } from './select/select-root-provider.js';
 export { SelectTrigger } from './select/select-trigger.js';
 export { SelectValueText } from './select/select-value-text.js';
+export { useSelect } from './select/use-select.js';
 export { useSelectContext } from './select/use-select-context.js';
 export { useSelectItemContext } from './select/use-select-item-context.js';
 import * as select from './select/select.js';
@@ -338,9 +384,11 @@ export { SliderMarker } from './slider/slider-marker.js';
 export { SliderMarkerGroup } from './slider/slider-marker-group.js';
 export { SliderRange } from './slider/slider-range.js';
 export { SliderRoot } from './slider/slider-root.js';
+export { SliderRootProvider } from './slider/slider-root-provider.js';
 export { SliderThumb } from './slider/slider-thumb.js';
 export { SliderTrack } from './slider/slider-track.js';
 export { SliderValueText } from './slider/slider-value-text.js';
+export { useSlider } from './slider/use-slider.js';
 export { useSliderContext } from './slider/use-slider-context.js';
 import * as slider from './slider/slider.js';
 export { slider as Slider };
@@ -348,6 +396,8 @@ export { SplitterContext } from './splitter/splitter-context.js';
 export { SplitterPanel } from './splitter/splitter-panel.js';
 export { SplitterResizeTrigger } from './splitter/splitter-resize-trigger.js';
 export { SplitterRoot } from './splitter/splitter-root.js';
+export { SplitterRootProvider } from './splitter/splitter-root-provider.js';
+export { useSplitter } from './splitter/use-splitter.js';
 export { useSplitterContext } from './splitter/use-splitter-context.js';
 import * as splitter from './splitter/splitter.js';
 export { splitter as Splitter };
@@ -356,7 +406,9 @@ export { SwitchControl } from './switch/switch-control.js';
 export { SwitchHiddenInput } from './switch/switch-hidden-input.js';
 export { SwitchLabel } from './switch/switch-label.js';
 export { SwitchRoot } from './switch/switch-root.js';
+export { SwitchRootProvider } from './switch/switch-root-provider.js';
 export { SwitchThumb } from './switch/switch-thumb.js';
+export { useSwitch } from './switch/use-switch.js';
 export { useSwitchContext } from './switch/use-switch-context.js';
 import * as _switch from './switch/switch.js';
 export { _switch as Switch };
@@ -366,22 +418,26 @@ export { TabList } from './tabs/tab-list.js';
 export { TabTrigger } from './tabs/tab-trigger.js';
 export { TabsContext } from './tabs/tabs-context.js';
 export { TabsRoot } from './tabs/tabs-root.js';
+export { TabsRootProvider } from './tabs/tabs-root-provider.js';
+export { useTabs } from './tabs/use-tabs.js';
 export { useTabsContext } from './tabs/use-tabs-context.js';
 import * as tabs from './tabs/tabs.js';
 export { tabs as Tabs };
 export { TagsInputClearTrigger } from './tags-input/tags-input-clear-trigger.js';
 export { TagsInputContext } from './tags-input/tags-input-context.js';
 export { TagsInputControl } from './tags-input/tags-input-control.js';
+export { TagsInputHiddenInput } from './tags-input/tags-input-hidden-input.js';
 export { TagsInputInput } from './tags-input/tags-input-input.js';
 export { TagsInputItem } from './tags-input/tags-input-item.js';
 export { TagsInputItemContext } from './tags-input/tags-input-item-context.js';
 export { TagsInputItemDeleteTrigger } from './tags-input/tags-input-item-delete-trigger.js';
 export { TagsInputItemInput } from './tags-input/tags-input-item-input.js';
-export { TagsInputHiddenInput } from './tags-input/tags-input-hidden-input.js';
 export { TagsInputItemPreview } from './tags-input/tags-input-item-preview.js';
 export { TagsInputItemText } from './tags-input/tags-input-item-text.js';
 export { TagsInputLabel } from './tags-input/tags-input-label.js';
 export { TagsInputRoot } from './tags-input/tags-input-root.js';
+export { TagsInputRootProvider } from './tags-input/tags-input-root-provider.js';
+export { useTagsInput } from './tags-input/use-tags-input.js';
 export { useTagsInputContext } from './tags-input/use-tags-input-context.js';
 export { useTagsInputItemContext } from './tags-input/use-tags-input-item-context.js';
 import * as tagsInput from './tags-input/tags-input.js';
@@ -400,6 +456,8 @@ export { toast as Toast };
 export { ToggleGroupContext } from './toggle-group/toggle-group-context.js';
 export { ToggleGroupItem } from './toggle-group/toggle-group-item.js';
 export { ToggleGroupRoot } from './toggle-group/toggle-group-root.js';
+export { ToggleGroupRootProvider } from './toggle-group/toggle-group-root-provider.js';
+export { useToggleGroup } from './toggle-group/use-toggle-group.js';
 export { useToggleGroupContext } from './toggle-group/use-toggle-group-context.js';
 import * as toggleGroup from './toggle-group/toggle-group.js';
 export { toggleGroup as ToggleGroup };
@@ -409,7 +467,9 @@ export { TooltipContent } from './tooltip/tooltip-content.js';
 export { TooltipContext } from './tooltip/tooltip-context.js';
 export { TooltipPositioner } from './tooltip/tooltip-positioner.js';
 export { TooltipRoot } from './tooltip/tooltip-root.js';
+export { TooltipRootProvider } from './tooltip/tooltip-root-provider.js';
 export { TooltipTrigger } from './tooltip/tooltip-trigger.js';
+export { useTooltip } from './tooltip/use-tooltip.js';
 export { useTooltipContext } from './tooltip/use-tooltip-context.js';
 import * as tooltip from './tooltip/tooltip.js';
 export { tooltip as Tooltip };
@@ -426,7 +486,9 @@ export { TreeViewItemIndicator } from './tree-view/tree-view-item-indicator.js';
 export { TreeViewItemText } from './tree-view/tree-view-item-text.js';
 export { TreeViewLabel } from './tree-view/tree-view-label.js';
 export { TreeViewRoot } from './tree-view/tree-view-root.js';
+export { TreeViewRootProvider } from './tree-view/tree-view-root-provider.js';
 export { TreeViewTree } from './tree-view/tree-view-tree.js';
+export { useTreeView } from './tree-view/use-tree-view.js';
 export { useTreeViewContext } from './tree-view/use-tree-view-context.js';
 export { useTreeViewItemContext } from './tree-view/use-tree-view-item-context.js';
 import * as treeView from './tree-view/tree-view.js';

package/dist/components/menu/index.cjs

@@ -19,9 +19,11 @@ const menuPositioner = require('./menu-positioner.cjs');
 const menuRadioItem = require('./menu-radio-item.cjs');
 const menuRadioItemGroup = require('./menu-radio-item-group.cjs');
 const menuRoot = require('./menu-root.cjs');
+const menuRootProvider = require('./menu-root-provider.cjs');
 const menuSeparator = require('./menu-separator.cjs');
 const menuTrigger = require('./menu-trigger.cjs');
 const menuTriggerItem = require('./menu-trigger-item.cjs');
+const useMenu = require('./use-menu.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuItemContext = require('./use-menu-item-context.cjs');
 const menu = require('./menu.cjs');
@@ -45,9 +47,11 @@ exports.MenuPositioner = menuPositioner.MenuPositioner;
 exports.MenuRadioItem = menuRadioItem.MenuRadioItem;
 exports.MenuRadioItemGroup = menuRadioItemGroup.MenuRadioItemGroup;
 exports.MenuRoot = menuRoot.MenuRoot;
+exports.MenuRootProvider = menuRootProvider.MenuRootProvider;
 exports.MenuSeparator = menuSeparator.MenuSeparator;
 exports.MenuTrigger = menuTrigger.MenuTrigger;
 exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
+exports.useMenu = useMenu.useMenu;
 exports.useMenuContext = useMenuContext.useMenuContext;
 exports.useMenuItemContext = useMenuItemContext.useMenuItemContext;
 exports.Menu = menu;

package/dist/components/menu/index.d.cts

@@ -16,10 +16,12 @@ export { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
 export { MenuRadioItem, type MenuRadioItemProps } from './menu-radio-item';
 export { MenuRadioItemGroup, type MenuRadioItemGroupProps } from './menu-radio-item-group';
 export { MenuRoot, type MenuRootProps } from './menu-root';
+export { MenuRootProvider, type MenuRootProviderProps } from './menu-root-provider';
 export { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
 export { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
 export { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
-export { type UseMenuContext, useMenuContext } from './use-menu-context';
-export { type UseMenuItemContext, useMenuItemContext } from './use-menu-item-context';
+export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu';
+export { useMenuContext, type UseMenuContext } from './use-menu-context';
+export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context';
 export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context';
 export * as Menu from './menu';

package/dist/components/menu/index.d.ts

@@ -16,10 +16,12 @@ export { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
 export { MenuRadioItem, type MenuRadioItemProps } from './menu-radio-item';
 export { MenuRadioItemGroup, type MenuRadioItemGroupProps } from './menu-radio-item-group';
 export { MenuRoot, type MenuRootProps } from './menu-root';
+export { MenuRootProvider, type MenuRootProviderProps } from './menu-root-provider';
 export { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
 export { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
 export { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
-export { type UseMenuContext, useMenuContext } from './use-menu-context';
-export { type UseMenuItemContext, useMenuItemContext } from './use-menu-item-context';
+export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu';
+export { useMenuContext, type UseMenuContext } from './use-menu-context';
+export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context';
 export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context';
 export * as Menu from './menu';

package/dist/components/menu/index.js

@@ -15,9 +15,11 @@ export { MenuPositioner } from './menu-positioner.js';
 export { MenuRadioItem } from './menu-radio-item.js';
 export { MenuRadioItemGroup } from './menu-radio-item-group.js';
 export { MenuRoot } from './menu-root.js';
+export { MenuRootProvider } from './menu-root-provider.js';
 export { MenuSeparator } from './menu-separator.js';
 export { MenuTrigger } from './menu-trigger.js';
 export { MenuTriggerItem } from './menu-trigger-item.js';
+export { useMenu } from './use-menu.js';
 export { useMenuContext } from './use-menu-context.js';
 export { useMenuItemContext } from './use-menu-item-context.js';
 import * as menu from './menu.js';

package/dist/components/menu/menu-arrow-tip.cjs

@@ -11,7 +11,7 @@ const useMenuContext = require('./use-menu-context.cjs');
 
 const MenuArrowTip = react.forwardRef((props, ref) => {
   const menu = useMenuContext.useMenuContext();
-  const mergedProps = react$1.mergeProps(menu.arrowTipProps, props);
+  const mergedProps = react$1.mergeProps(menu.getArrowTipProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 MenuArrowTip.displayName = "MenuArrowTip";

package/dist/components/menu/menu-arrow-tip.js

@@ -7,7 +7,7 @@ import { useMenuContext } from './use-menu-context.js';
 
 const MenuArrowTip = forwardRef((props, ref) => {
   const menu = useMenuContext();
-  const mergedProps = mergeProps(menu.arrowTipProps, props);
+  const mergedProps = mergeProps(menu.getArrowTipProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 MenuArrowTip.displayName = "MenuArrowTip";

package/dist/components/menu/menu-arrow.cjs

@@ -11,7 +11,7 @@ const useMenuContext = require('./use-menu-context.cjs');
 
 const MenuArrow = react.forwardRef((props, ref) => {
   const menu = useMenuContext.useMenuContext();
-  const mergedProps = react$1.mergeProps(menu.arrowProps, props);
+  const mergedProps = react$1.mergeProps(menu.getArrowProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 MenuArrow.displayName = "MenuArrow";

package/dist/components/menu/menu-arrow.js

@@ -7,7 +7,7 @@ import { useMenuContext } from './use-menu-context.js';
 
 const MenuArrow = forwardRef((props, ref) => {
   const menu = useMenuContext();
-  const mergedProps = mergeProps(menu.arrowProps, props);
+  const mergedProps = mergeProps(menu.getArrowProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 MenuArrow.displayName = "MenuArrow";

package/dist/components/menu/menu-content.cjs

@@ -13,7 +13,7 @@ const useMenuContext = require('./use-menu-context.cjs');
 const MenuContent = react.forwardRef((props, ref) => {
   const menu = useMenuContext.useMenuContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(menu.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(menu.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

package/dist/components/menu/menu-content.js

@@ -9,7 +9,7 @@ import { useMenuContext } from './use-menu-context.js';
 const MenuContent = forwardRef((props, ref) => {
   const menu = useMenuContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(menu.contentProps, presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(menu.getContentProps(), presence.getPresenceProps(ref), props);
   if (presence.unmounted) {
     return null;
   }

package/dist/components/menu/menu-context-trigger.cjs

@@ -12,7 +12,7 @@ const useMenuContext = require('./use-menu-context.cjs');
 const MenuContextTrigger = react.forwardRef(
   (props, ref) => {
     const menu = useMenuContext.useMenuContext();
-    const mergedProps = react$1.mergeProps(menu.contextTriggerProps, props);
+    const mergedProps = react$1.mergeProps(menu.getContextTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/menu/menu-context-trigger.js

@@ -8,7 +8,7 @@ import { useMenuContext } from './use-menu-context.js';
 const MenuContextTrigger = forwardRef(
   (props, ref) => {
     const menu = useMenuContext();
-    const mergedProps = mergeProps(menu.contextTriggerProps, props);
+    const mergedProps = mergeProps(menu.getContextTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/menu/menu-indicator.cjs

@@ -11,7 +11,7 @@ const useMenuContext = require('./use-menu-context.cjs');
 
 const MenuIndicator = react.forwardRef((props, ref) => {
   const menu = useMenuContext.useMenuContext();
-  const mergedProps = react$1.mergeProps(menu.indicatorProps, props);
+  const mergedProps = react$1.mergeProps(menu.getIndicatorProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 MenuIndicator.displayName = "MenuIndicator";

package/dist/components/menu/menu-indicator.js

@@ -7,7 +7,7 @@ import { useMenuContext } from './use-menu-context.js';
 
 const MenuIndicator = forwardRef((props, ref) => {
   const menu = useMenuContext();
-  const mergedProps = mergeProps(menu.indicatorProps, props);
+  const mergedProps = mergeProps(menu.getIndicatorProps(), props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 MenuIndicator.displayName = "MenuIndicator";

package/dist/components/menu/menu-positioner.cjs

@@ -12,7 +12,7 @@ const useMenuContext = require('./use-menu-context.cjs');
 
 const MenuPositioner = react.forwardRef((props, ref) => {
   const menu = useMenuContext.useMenuContext();
-  const mergedProps = react$1.mergeProps(menu.positionerProps, props);
+  const mergedProps = react$1.mergeProps(menu.getPositionerProps(), props);
   const presence = usePresenceContext.usePresenceContext();
   if (presence.unmounted) {
     return null;

package/dist/components/menu/menu-positioner.js

@@ -8,7 +8,7 @@ import { useMenuContext } from './use-menu-context.js';
 
 const MenuPositioner = forwardRef((props, ref) => {
   const menu = useMenuContext();
-  const mergedProps = mergeProps(menu.positionerProps, props);
+  const mergedProps = mergeProps(menu.getPositionerProps(), props);
   const presence = usePresenceContext();
   if (presence.unmounted) {
     return null;

package/dist/components/menu/menu-root-provider.cjs

@@ -0,0 +1,38 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const react$1 = require('react');
+const useEffectOnce = require('../../utils/use-effect-once.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const usePresenceContext = require('../presence/use-presence-context.cjs');
+const useMenuContext = require('./use-menu-context.cjs');
+const useMenuMachineContext = require('./use-menu-machine-context.cjs');
+const useMenuTriggerItemContext = require('./use-menu-trigger-item-context.cjs');
+
+const MenuRootProvider = (props) => {
+  const parentApi = useMenuContext.useMenuContext();
+  const parentMachine = useMenuMachineContext.useMenuMachineContext();
+  const [presenceProps, { value: menu, children }] = splitPresenceProps.splitPresenceProps(props);
+  const { api, machine } = menu;
+  const presence = usePresence.usePresence(react.mergeProps({ present: api.open }, presenceProps));
+  useEffectOnce.useEffectOnce(() => {
+    if (!parentMachine)
+      return;
+    if (!parentApi)
+      return;
+    parentApi.setChild(machine);
+    api.setParent(parentMachine);
+  });
+  const triggerItemContext = react$1.useCallback(
+    () => parentApi?.getTriggerItemProps(api),
+    [api, parentApi]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(useMenuTriggerItemContext.MenuTriggerItemProvider, { value: triggerItemContext, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuMachineContext.MenuMachineProvider, { value: machine, children: /* @__PURE__ */ jsxRuntime.jsx(useMenuContext.MenuProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(usePresenceContext.PresenceProvider, { value: presence, children }) }) }) });
+};
+
+exports.MenuRootProvider = MenuRootProvider;

package/dist/components/menu/menu-root-provider.d.cts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseMenuReturn } from './use-menu';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseMenuReturn;
+}
+export interface MenuRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/menu/menu-root-provider.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { UsePresenceProps } from '../presence';
+import { UseMenuReturn } from './use-menu';
+
+interface RootProviderProps {
+    children?: ReactNode;
+    value: UseMenuReturn;
+}
+export interface MenuRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const MenuRootProvider: (props: MenuRootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};