@ark-ui/react 0.11.0-beta.0 → 0.11.0-beta.2

package/index.mjs

@@ -1,17 +1,45 @@
 export { createAnatomy } from '@zag-js/anatomy';
 export { Portal } from '@zag-js/react';
-export { Accordion } from './accordion/accordion.mjs';
+export { Accordion } from './accordion/index.mjs';
+export { Avatar } from './avatar/index.mjs';
+export { Carousel } from './carousel/index.mjs';
+export { Checkbox } from './checkbox/index.mjs';
+export { ColorPicker } from './color-picker/index.mjs';
+export { Combobox } from './combobox/index.mjs';
+export { DatePicker } from './date-picker/index.mjs';
+export { Dialog } from './dialog/index.mjs';
+export { Editable } from './editable/index.mjs';
+export { Environment } from './environment/index.mjs';
+export { HoverCard } from './hover-card/index.mjs';
+export { Menu } from './menu/index.mjs';
+export { NumberInput } from './number-input/index.mjs';
+export { Pagination } from './pagination/index.mjs';
+export { PinInput } from './pin-input/index.mjs';
+export { Popover } from './popover/index.mjs';
+export { Presence } from './presence/index.mjs';
+export { Pressable } from './pressable/index.mjs';
+export { RadioGroup } from './radio-group/index.mjs';
+export { RangeSlider } from './range-slider/index.mjs';
+export { RatingGroup } from './rating-group/index.mjs';
+export { SegmentGroup } from './segment-group/index.mjs';
+export { Select } from './select/index.mjs';
+export { Slider } from './slider/index.mjs';
+export { Splitter } from './splitter/index.mjs';
+export { Switch } from './switch/index.mjs';
+export { Tabs } from './tabs/index.mjs';
+export { TagsInput } from './tags-input/index.mjs';
+export { Toast } from './toast/index.mjs';
+export { Tooltip } from './tooltip/index.mjs';
 export { AccordionContent } from './accordion/accordion-content.mjs';
-export { useAccordionContext } from './accordion/accordion-context.mjs';
 export { AccordionItem } from './accordion/accordion-item.mjs';
-export { useAccordionItemContext } from './accordion/accordion-item-context.mjs';
 export { AccordionTrigger } from './accordion/accordion-trigger.mjs';
-export { Avatar } from './avatar/avatar.mjs';
-export { useAvatarContext } from './avatar/avatar-context.mjs';
+export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+export { useAccordionContext } from './accordion/accordion-context.mjs';
+export { useAccordionItemContext } from './accordion/accordion-item-context.mjs';
 export { AvatarFallback } from './avatar/avatar-fallback.mjs';
 export { AvatarImage } from './avatar/avatar-image.mjs';
-export { Carousel } from './carousel/carousel.mjs';
-export { useCarouselContext } from './carousel/carousel-context.mjs';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { useAvatarContext } from './avatar/avatar-context.mjs';
 export { CarouselControl } from './carousel/carousel-control.mjs';
 export { CarouselIndicator } from './carousel/carousel-indicator.mjs';
 export { CarouselIndicatorGroup } from './carousel/carousel-indicator-group.mjs';
@@ -21,13 +49,12 @@ export { CarouselSlide } from './carousel/carousel-slide.mjs';
 export { CarouselSlideGroup } from './carousel/carousel-slide-group.mjs';
 export { CarouselViewport } from './carousel/carousel-viewport.mjs';
 export { carouselAnatomy } from './carousel/carousel.anatomy.mjs';
-export { Checkbox } from './checkbox/checkbox.mjs';
-export { useCheckboxContext } from './checkbox/checkbox-context.mjs';
+export { useCarouselContext } from './carousel/carousel-context.mjs';
 export { CheckboxControl } from './checkbox/checkbox-control.mjs';
 export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
-export { ColorPicker } from './color-picker/color-picker.mjs';
+export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
+export { useCheckboxContext } from './checkbox/checkbox-context.mjs';
 export { ColorPickerArea } from './color-picker/color-picker-area.mjs';
-export { useColorPickerAreaContext } from './color-picker/color-picker-area-context.mjs';
 export { ColorPickerAreaGradient } from './color-picker/color-picker-area-gradient.mjs';
 export { ColorPickerAreaThumb } from './color-picker/color-picker-area-thumb.mjs';
 export { ColorPickerChannelInput } from './color-picker/color-picker-channel-input.mjs';
@@ -35,17 +62,16 @@ export { ColorPickerChannelSliderBackground } from './color-picker/color-picker-
 export { ColorPickerChannelSliderThumb } from './color-picker/color-picker-channel-slider-thumb.mjs';
 export { ColorPickerChannelSliderTrack } from './color-picker/color-picker-channel-slider-track.mjs';
 export { ColorPickerContent } from './color-picker/color-picker-content.mjs';
-export { useColorPickerContext } from './color-picker/color-picker-context.mjs';
 export { ColorPickerEyeDropperTrigger } from './color-picker/color-picker-eye-dropper-trigger.mjs';
 export { ColorPickerSwatch } from './color-picker/color-picker-swatch.mjs';
 export { ColorPickerSwatchBackground } from './color-picker/color-picker-swatch-background.mjs';
-export { useColorPickerSwatchContext } from './color-picker/color-picker-swatch-context.mjs';
 export { ColorPickerSwatchGroup } from './color-picker/color-picker-swatch-group.mjs';
 export { colorPickerAnatomy } from './color-picker/color-picker.anatomy.mjs';
-export { Combobox } from './combobox/combobox.mjs';
+export { useColorPickerAreaContext } from './color-picker/color-picker-area-context.mjs';
+export { useColorPickerContext } from './color-picker/color-picker-context.mjs';
+export { useColorPickerSwatchContext } from './color-picker/color-picker-swatch-context.mjs';
 export { ComboboxClearTrigger } from './combobox/combobox-clear-trigger.mjs';
 export { ComboboxContent } from './combobox/combobox-content.mjs';
-export { useComboboxContext } from './combobox/combobox-context.mjs';
 export { ComboboxControl } from './combobox/combobox-control.mjs';
 export { ComboboxInput } from './combobox/combobox-input.mjs';
 export { ComboboxLabel } from './combobox/combobox-label.mjs';
@@ -54,15 +80,13 @@ export { ComboboxOptionGroup } from './combobox/combobox-option-group.mjs';
 export { ComboboxOptionGroupLabel } from './combobox/combobox-option-group-label.mjs';
 export { ComboboxPositioner } from './combobox/combobox-positioner.mjs';
 export { ComboboxTrigger } from './combobox/combobox-trigger.mjs';
-export { DatePicker } from './date-picker/date-picker.mjs';
-export { useDatePickerCellContext } from './date-picker/date-picker-cell-context.mjs';
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
+export { useComboboxContext } from './combobox/combobox-context.mjs';
 export { DatePickerClearTrigger } from './date-picker/date-picker-clear-trigger.mjs';
 export { DatePickerColumnHeader } from './date-picker/date-picker-column-header.mjs';
 export { DatePickerContent } from './date-picker/date-picker-content.mjs';
-export { useDatePickerContext } from './date-picker/date-picker-context.mjs';
 export { DatePickerControl } from './date-picker/date-picker-control.mjs';
 export { DatePickerDayCell } from './date-picker/date-picker-day-cell.mjs';
-export { useDatePickerDayCellContext } from './date-picker/date-picker-day-cell-context.mjs';
 export { DatePickerDayCellTrigger } from './date-picker/date-picker-day-cell-trigger.mjs';
 export { DatePickerGrid } from './date-picker/date-picker-grid.mjs';
 export { DatePickerInput } from './date-picker/date-picker-input.mjs';
@@ -81,39 +105,39 @@ export { DatePickerYearCell } from './date-picker/date-picker-year-cell.mjs';
 export { DatePickerYearCellTrigger } from './date-picker/date-picker-year-cell-trigger.mjs';
 export { DatePickerYearSelect } from './date-picker/date-picker-year-select.mjs';
 export { datePickerAnatomy } from './date-picker/date-picker.anatomy.mjs';
-export { Dialog } from './dialog/dialog.mjs';
+export { useDatePickerCellContext } from './date-picker/date-picker-cell-context.mjs';
+export { useDatePickerContext } from './date-picker/date-picker-context.mjs';
+export { useDatePickerDayCellContext } from './date-picker/date-picker-day-cell-context.mjs';
 export { DialogBackdrop } from './dialog/dialog-backdrop.mjs';
 export { DialogCloseTrigger } from './dialog/dialog-close-trigger.mjs';
 export { DialogContainer } from './dialog/dialog-container.mjs';
 export { DialogContent } from './dialog/dialog-content.mjs';
-export { useDialogContext } from './dialog/dialog-context.mjs';
 export { DialogDescription } from './dialog/dialog-description.mjs';
 export { DialogTitle } from './dialog/dialog-title.mjs';
 export { DialogTrigger } from './dialog/dialog-trigger.mjs';
-export { Editable } from './editable/editable.mjs';
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export { useDialogContext } from './dialog/dialog-context.mjs';
 export { EditableArea } from './editable/editable-area.mjs';
 export { EditableCancelTrigger } from './editable/editable-cancel-trigger.mjs';
-export { useEditableContext } from './editable/editable-context.mjs';
 export { EditableControl } from './editable/editable-control.mjs';
 export { EditableEditTrigger } from './editable/editable-edit-trigger.mjs';
 export { EditableInput } from './editable/editable-input.mjs';
 export { EditableLabel } from './editable/editable-label.mjs';
 export { EditablePreview } from './editable/editable-preview.mjs';
 export { EditableSubmitTrigger } from './editable/editable-submit-trigger.mjs';
-export { Environment } from './environment/environment.mjs';
+export { anatomy as editableAnatomy } from '@zag-js/editable';
+export { useEditableContext } from './editable/editable-context.mjs';
 export { useEnvironmentContext } from './environment/environment-context.mjs';
-export { HoverCard } from './hover-card/hover-card.mjs';
 export { HoverCardArrow } from './hover-card/hover-card-arrow.mjs';
 export { HoverCardArrowTip } from './hover-card/hover-card-arrow-tip.mjs';
 export { HoverCardContent } from './hover-card/hover-card-content.mjs';
-export { useHoverCardContext } from './hover-card/hover-card-context.mjs';
 export { HoverCardPositioner } from './hover-card/hover-card-positioner.mjs';
 export { HoverCardTrigger } from './hover-card/hover-card-trigger.mjs';
-export { Menu } from './menu/menu.mjs';
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { useHoverCardContext } from './hover-card/hover-card-context.mjs';
 export { MenuArrow } from './menu/menu-arrow.mjs';
 export { MenuArrowTip } from './menu/menu-arrow-tip.mjs';
 export { MenuContent } from './menu/menu-content.mjs';
-export { useMenuContext } from './menu/menu-context.mjs';
 export { MenuContextTrigger } from './menu/menu-context-trigger.mjs';
 export { MenuItem } from './menu/menu-item.mjs';
 export { MenuItemGroup } from './menu/menu-item-group.mjs';
@@ -123,16 +147,16 @@ export { MenuPositioner } from './menu/menu-positioner.mjs';
 export { MenuSeparator } from './menu/menu-separator.mjs';
 export { MenuTrigger } from './menu/menu-trigger.mjs';
 export { MenuTriggerItem } from './menu/menu-trigger-item.mjs';
-export { NumberInput } from './number-input/number-input.mjs';
-export { useNumberInputContext } from './number-input/number-input-context.mjs';
+export { anatomy as menuAnatomy } from '@zag-js/menu';
+export { useMenuContext } from './menu/menu-context.mjs';
 export { NumberInputControl } from './number-input/number-input-control.mjs';
 export { NumberInputDecrementTrigger } from './number-input/number-input-decrement-trigger.mjs';
-export { NumberInputField } from './number-input/number-input-field.mjs';
 export { NumberInputIncrementTrigger } from './number-input/number-input-increment-trigger.mjs';
+export { NumberInputInput } from './number-input/number-input-field.mjs';
 export { NumberInputLabel } from './number-input/number-input-label.mjs';
 export { NumberInputScrubber } from './number-input/number-input-scrubber.mjs';
-export { Pagination } from './pagination/pagination.mjs';
-export { usePaginationContext } from './pagination/pagination-context.mjs';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
+export { useNumberInputContext } from './number-input/number-input-context.mjs';
 export { PaginationEllipsis } from './pagination/pagination-ellipsis.mjs';
 export { PaginationList } from './pagination/pagination-list.mjs';
 export { PaginationListItem } from './pagination/pagination-list-item.mjs';
@@ -140,36 +164,33 @@ export { PaginationNextPageTrigger } from './pagination/pagination-next-page-tri
 export { PaginationPageTrigger } from './pagination/pagination-page-trigger.mjs';
 export { PaginationPrevPageTrigger } from './pagination/pagination-prev-page-trigger.mjs';
 export { paginationAnatomy } from './pagination/pagination.anatomy.mjs';
-export { PinInput } from './pin-input/pin-input.mjs';
-export { usePinInputContext } from './pin-input/pin-input-context.mjs';
+export { usePaginationContext } from './pagination/pagination-context.mjs';
 export { PinInputControl } from './pin-input/pin-input-control.mjs';
-export { PinInputField } from './pin-input/pin-input-field.mjs';
+export { PinInputInput } from './pin-input/pin-input-field.mjs';
 export { PinInputLabel } from './pin-input/pin-input-label.mjs';
-export { Popover } from './popover/popover.mjs';
+export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
+export { usePinInputContext } from './pin-input/pin-input-context.mjs';
 export { PopoverAnchor } from './popover/popover-anchor.mjs';
 export { PopoverArrow } from './popover/popover-arrow.mjs';
 export { PopoverArrowTip } from './popover/popover-arrow-tip.mjs';
 export { PopoverCloseTrigger } from './popover/popover-close-trigger.mjs';
 export { PopoverContent } from './popover/popover-content.mjs';
-export { usePopoverContext } from './popover/popover-context.mjs';
 export { PopoverDescription } from './popover/popover-description.mjs';
 export { PopoverPositioner } from './popover/popover-positioner.mjs';
 export { PopoverTitle } from './popover/popover-title.mjs';
 export { PopoverTrigger } from './popover/popover-trigger.mjs';
-export { Presence } from './presence/presence.mjs';
+export { anatomy as popoverAnatomy } from '@zag-js/popover';
+export { usePopoverContext } from './popover/popover-context.mjs';
 export { splitPresenceProps } from './presence/split-presence-props.mjs';
-export { Pressable } from './pressable/pressable.mjs';
 export { usePressable } from './pressable/use-pressable.mjs';
 export { Radio } from './radio-group/radio.mjs';
-export { useRadioContext } from './radio-group/radio-context.mjs';
 export { RadioControl } from './radio-group/radio-control.mjs';
-export { RadioGroup } from './radio-group/radio-group.mjs';
-export { useRadioGroupContext } from './radio-group/radio-group-context.mjs';
 export { RadioGroupLabel } from './radio-group/radio-group-label.mjs';
 export { RadioInput } from './radio-group/radio-input.mjs';
 export { RadioLabel } from './radio-group/radio-label.mjs';
-export { RangeSlider } from './range-slider/range-slider.mjs';
-export { useRangeSliderContext } from './range-slider/range-slider-context.mjs';
+export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
+export { useRadioContext } from './radio-group/radio-context.mjs';
+export { useRadioGroupContext } from './radio-group/radio-group-context.mjs';
 export { RangeSliderControl } from './range-slider/range-slider-control.mjs';
 export { RangeSliderLabel } from './range-slider/range-slider-label.mjs';
 export { RangeSliderMarker } from './range-slider/range-slider-marker.mjs';
@@ -178,33 +199,32 @@ export { RangeSliderOutput } from './range-slider/range-slider-output.mjs';
 export { RangeSliderRange } from './range-slider/range-slider-range.mjs';
 export { RangeSliderThumb } from './range-slider/range-slider-thumb.mjs';
 export { RangeSliderTrack } from './range-slider/range-slider-track.mjs';
+export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
+export { useRangeSliderContext } from './range-slider/range-slider-context.mjs';
 export { Rating } from './rating-group/rating.mjs';
-export { useRatingContext } from './rating-group/rating-context.mjs';
-export { RatingGroup } from './rating-group/rating-group.mjs';
-export { useRatingGroupContext } from './rating-group/rating-group-context.mjs';
 export { RatingGroupControl } from './rating-group/rating-group-control.mjs';
 export { RatingGroupLabel } from './rating-group/rating-group-label.mjs';
+export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
+export { useRatingContext } from './rating-group/rating-context.mjs';
+export { useRatingGroupContext } from './rating-group/rating-group-context.mjs';
 export { Segment } from './segment-group/segment.mjs';
-export { useSegmentContext } from './segment-group/segment-context.mjs';
 export { SegmentControl } from './segment-group/segment-control.mjs';
-export { SegmentGroup } from './segment-group/segment-group.mjs';
-export { useSegmentGroupContext } from './segment-group/segment-group-context.mjs';
 export { SegmentGroupLabel } from './segment-group/segment-group-label.mjs';
-export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.mjs';
 export { SegmentIndicator } from './segment-group/segment-indicator.mjs';
 export { SegmentInput } from './segment-group/segment-input.mjs';
 export { SegmentLabel } from './segment-group/segment-label.mjs';
-export { Select } from './select/select.mjs';
+export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.mjs';
+export { useSegmentContext } from './segment-group/segment-context.mjs';
+export { useSegmentGroupContext } from './segment-group/segment-group-context.mjs';
 export { SelectContent } from './select/select-content.mjs';
-export { useSelectContext } from './select/select-context.mjs';
 export { SelectLabel } from './select/select-label.mjs';
 export { SelectOption } from './select/select-option.mjs';
 export { SelectOptionGroup } from './select/select-option-group.mjs';
 export { SelectOptionGroupLabel } from './select/select-option-group-label.mjs';
 export { SelectPositioner } from './select/select-positioner.mjs';
 export { SelectTrigger } from './select/select-trigger.mjs';
-export { Slider } from './slider/slider.mjs';
-export { useSliderContext } from './slider/slider-context.mjs';
+export { anatomy as selectAnatomy } from '@zag-js/select';
+export { useSelectContext } from './select/select-context.mjs';
 export { SliderControl } from './slider/slider-control.mjs';
 export { SliderLabel } from './slider/slider-label.mjs';
 export { SliderMarker } from './slider/slider-marker.mjs';
@@ -213,65 +233,46 @@ export { SliderOutput } from './slider/slider-output.mjs';
 export { SliderRange } from './slider/slider-range.mjs';
 export { SliderThumb } from './slider/slider-thumb.mjs';
 export { SliderTrack } from './slider/slider-track.mjs';
-export { Splitter } from './splitter/splitter.mjs';
-export { useSplitterContext } from './splitter/splitter-context.mjs';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';
+export { useSliderContext } from './slider/slider-context.mjs';
 export { SplitterPanel } from './splitter/splitter-panel.mjs';
 export { SplitterResizeTrigger } from './splitter/splitter-resize-trigger.mjs';
-export { Switch } from './switch/switch.mjs';
-export { useSwitchContext } from './switch/switch-context.mjs';
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';
+export { useSplitterContext } from './splitter/splitter-context.mjs';
 export { SwitchControl } from './switch/switch-control.mjs';
 export { SwitchInput } from './switch/switch-input.mjs';
 export { SwitchLabel } from './switch/switch-label.mjs';
 export { SwitchThumb } from './switch/switch-thumb.mjs';
+export { anatomy as switchAnatomy } from '@zag-js/switch';
+export { useSwitchContext } from './switch/switch-context.mjs';
 export { TabContent } from './tabs/tab-content.mjs';
 export { TabIndicator } from './tabs/tab-indicator.mjs';
 export { TabList } from './tabs/tab-list.mjs';
 export { TabTrigger } from './tabs/tab-trigger.mjs';
-export { Tabs } from './tabs/tabs.mjs';
+export { anatomy as tabsAnatomy } from '@zag-js/tabs';
 export { useTabsContext } from './tabs/tabs-context.mjs';
 export { Tag } from './tags-input/tag.mjs';
 export { TagDeleteTrigger } from './tags-input/tag-delete-trigger.mjs';
 export { TagInput } from './tags-input/tag-input.mjs';
-export { TagsInput } from './tags-input/tags-input.mjs';
 export { TagsInputClearTrigger } from './tags-input/tags-input-clear-trigger.mjs';
-export { useTagsInputContext } from './tags-input/tags-input-context.mjs';
 export { TagsInputControl } from './tags-input/tags-input-control.mjs';
 export { TagsInputField } from './tags-input/tags-input-field.mjs';
 export { TagsInputLabel } from './tags-input/tags-input-label.mjs';
-export { Toast } from './toast/toast.mjs';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+export { useTagsInputContext } from './tags-input/tags-input-context.mjs';
 export { ToastCloseTrigger } from './toast/toast-close-trigger.mjs';
 export { ToastDescription } from './toast/toast-description.mjs';
 export { ToastGroup } from './toast/toast-group.mjs';
-export { useToastItemContext } from './toast/toast-item-context.mjs';
 export { ToastPlacements } from './toast/toast-placements.mjs';
 export { ToastProvider, useToast } from './toast/toast-provider.mjs';
+export { Toast as ToastRoot } from './toast/toast.mjs';
 export { ToastTitle } from './toast/toast-title.mjs';
-export { Tooltip } from './tooltip/tooltip.mjs';
+export { anatomy as toastAnatomy } from '@zag-js/toast';
+export { useToastItemContext } from './toast/toast-item-context.mjs';
 export { TooltipArrow } from './tooltip/tooltip-arrow.mjs';
 export { TooltipArrowTip } from './tooltip/tooltip-arrow-tip.mjs';
 export { TooltipContent } from './tooltip/tooltip-content.mjs';
-export { useTooltipContext } from './tooltip/tooltip-context.mjs';
 export { TooltipPositioner } from './tooltip/tooltip-positioner.mjs';
 export { TooltipTrigger } from './tooltip/tooltip-trigger.mjs';
-export { anatomy as accordionAnatomy } from '@zag-js/accordion';
-export { anatomy as avatarAnatomy } from '@zag-js/avatar';
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
-export { anatomy as dialogAnatomy } from '@zag-js/dialog';
-export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
-export { anatomy as menuAnatomy } from '@zag-js/menu';
-export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
-export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
-export { anatomy as popoverAnatomy } from '@zag-js/popover';
-export { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
-export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
-export { anatomy as ratingGroupAnatomy } from '@zag-js/rating-group';
-export { anatomy as selectAnatomy } from '@zag-js/select';
-export { anatomy as sliderAnatomy } from '@zag-js/slider';
-export { anatomy as splitterAnatomy } from '@zag-js/splitter';
-export { anatomy as switchAnatomy } from '@zag-js/switch';
-export { anatomy as tabsAnatomy } from '@zag-js/tabs';
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export { useTooltipContext } from './tooltip/tooltip-context.mjs';

package/menu/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const menu = require('./menu.cjs');
+const menu$1 = require('./menu.cjs');
 const menuArrow = require('./menu-arrow.cjs');
 const menuArrowTip = require('./menu-arrow-tip.cjs');
 const menuContent = require('./menu-content.cjs');
@@ -16,11 +16,24 @@ const menuPositioner = require('./menu-positioner.cjs');
 const menuSeparator = require('./menu-separator.cjs');
 const menuTrigger = require('./menu-trigger.cjs');
 const menuTriggerItem = require('./menu-trigger-item.cjs');
-const menu$1 = require('@zag-js/menu');
-
+const menu = require('@zag-js/menu');
 
+const Menu = Object.assign(menu$1.Menu, {
+  Root: menu$1.Menu,
+  Arrow: menuArrow.MenuArrow,
+  ArrowTip: menuArrowTip.MenuArrowTip,
+  Content: menuContent.MenuContent,
+  ContextTrigger: menuContextTrigger.MenuContextTrigger,
+  Item: menuItem.MenuItem,
+  ItemGroup: menuItemGroup.MenuItemGroup,
+  ItemGroupLabel: menuItemGroupLabel.MenuItemGroupLabel,
+  OptionItem: menuOptionItem.MenuOptionItem,
+  Positioner: menuPositioner.MenuPositioner,
+  Separator: menuSeparator.MenuSeparator,
+  Trigger: menuTrigger.MenuTrigger,
+  TriggerItem: menuTriggerItem.MenuTriggerItem
+});
 
-exports.Menu = menu.Menu;
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
 exports.MenuContent = menuContent.MenuContent;
@@ -36,5 +49,6 @@ exports.MenuTrigger = menuTrigger.MenuTrigger;
 exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
 Object.defineProperty(exports, 'menuAnatomy', {
   enumerable: true,
-  get: () => menu$1.anatomy
+  get: () => menu.anatomy
 });
+exports.Menu = Menu;

package/menu/index.d.ts

@@ -1,15 +1,93 @@
-export { Menu, type MenuProps } from './menu';
-export { MenuArrow, type MenuArrowProps } from './menu-arrow';
-export { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
-export { MenuContent, type MenuContentProps } from './menu-content';
-export { useMenuContext } from './menu-context';
-export { MenuContextTrigger, type MenuContextTriggerProps } from './menu-context-trigger';
-export { MenuItem, type MenuItemProps } from './menu-item';
-export { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
-export { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
-export { MenuOptionItem, type MenuOptionItemProps, type MenuOptionItemState, } from './menu-option-item';
-export { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
-export { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
-export { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
-export { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
-export { menuAnatomy } from './menu.anatomy';
+import { ItemProps, GroupProps } from '@zag-js/menu';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes, LabelHTMLAttributes, ReactNode } from 'react';
+import { JSX } from 'react/jsx-runtime';
+/// <reference types="react" />
+import { type MenuProps } from './menu';
+import { MenuArrow, type MenuArrowProps } from './menu-arrow';
+import { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
+import { MenuContent, type MenuContentProps } from './menu-content';
+import { useMenuContext } from './menu-context';
+import { MenuContextTrigger, type MenuContextTriggerProps } from './menu-context-trigger';
+import { MenuItem, type MenuItemProps } from './menu-item';
+import { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
+import { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
+import { MenuOptionItem, type MenuOptionItemProps, type MenuOptionItemState } from './menu-option-item';
+import { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
+import { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
+import { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
+import { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
+import { menuAnatomy } from './menu.anatomy';
+declare const Menu: ((props: MenuProps) => JSX.Element) & {
+    Root: (props: MenuProps) => JSX.Element;
+    Arrow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    ArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Content: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    ContextTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Item: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof ItemProps> & ItemProps & RefAttributes<HTMLDivElement>>;
+    ItemGroup: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "id"> & GroupProps & RefAttributes<HTMLDivElement>>;
+    ItemGroupLabel: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "htmlFor"> & {
+        htmlFor: string;
+    } & RefAttributes<HTMLLabelElement>>;
+    OptionItem: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "name" | "value" | "children" | "type" | keyof ItemProps | "onCheckedChange"> & Partial<ItemProps> & {
+        name: string;
+        type: "checkbox" | "radio";
+        value: string;
+        onCheckedChange?: ((checked: boolean) => void) | undefined;
+    } & {
+        children?: ReactNode | ((state: MenuOptionItemState) => ReactNode);
+    } & RefAttributes<HTMLDivElement>>;
+    Positioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Separator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+        ref?: ((instance: HTMLHRElement | null) => void) | RefObject<HTMLHRElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLHRElement>>;
+    Trigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    TriggerItem: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+};
+export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem, menuAnatomy, useMenuContext, };
+export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOptionItemProps, MenuOptionItemState, MenuPositionerProps, MenuProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, };

package/menu/index.mjs

@@ -1,15 +1,33 @@
-export { Menu } from './menu.mjs';
-export { MenuArrow } from './menu-arrow.mjs';
-export { MenuArrowTip } from './menu-arrow-tip.mjs';
-export { MenuContent } from './menu-content.mjs';
+import { Menu as Menu$1 } from './menu.mjs';
+import { MenuArrow } from './menu-arrow.mjs';
+import { MenuArrowTip } from './menu-arrow-tip.mjs';
+import { MenuContent } from './menu-content.mjs';
 export { useMenuContext } from './menu-context.mjs';
-export { MenuContextTrigger } from './menu-context-trigger.mjs';
-export { MenuItem } from './menu-item.mjs';
-export { MenuItemGroup } from './menu-item-group.mjs';
-export { MenuItemGroupLabel } from './menu-item-group-label.mjs';
-export { MenuOptionItem } from './menu-option-item.mjs';
-export { MenuPositioner } from './menu-positioner.mjs';
-export { MenuSeparator } from './menu-separator.mjs';
-export { MenuTrigger } from './menu-trigger.mjs';
-export { MenuTriggerItem } from './menu-trigger-item.mjs';
+import { MenuContextTrigger } from './menu-context-trigger.mjs';
+import { MenuItem } from './menu-item.mjs';
+import { MenuItemGroup } from './menu-item-group.mjs';
+import { MenuItemGroupLabel } from './menu-item-group-label.mjs';
+import { MenuOptionItem } from './menu-option-item.mjs';
+import { MenuPositioner } from './menu-positioner.mjs';
+import { MenuSeparator } from './menu-separator.mjs';
+import { MenuTrigger } from './menu-trigger.mjs';
+import { MenuTriggerItem } from './menu-trigger-item.mjs';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
+
+const Menu = Object.assign(Menu$1, {
+  Root: Menu$1,
+  Arrow: MenuArrow,
+  ArrowTip: MenuArrowTip,
+  Content: MenuContent,
+  ContextTrigger: MenuContextTrigger,
+  Item: MenuItem,
+  ItemGroup: MenuItemGroup,
+  ItemGroupLabel: MenuItemGroupLabel,
+  OptionItem: MenuOptionItem,
+  Positioner: MenuPositioner,
+  Separator: MenuSeparator,
+  Trigger: MenuTrigger,
+  TriggerItem: MenuTriggerItem
+});
+
+export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem };

package/menu/menu-arrow-tip.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuArrowTipProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const MenuArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/menu/menu-arrow.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuArrowProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const MenuArrow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/menu/menu-content.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuContentProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const MenuContent: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/menu/menu-context-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuContextTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const MenuContextTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/menu/menu-context.d.ts

@@ -1,4 +1,5 @@
-import type { Provider } from 'react';
+import { Provider } from 'react';
+/// <reference types="react" />
 import { type UseMenuReturn } from './use-menu';
 export type MenuContext = unknown;
 export declare const MenuProvider: Provider<unknown>, useMenuContext: () => unknown;

package/menu/menu-item-group-label.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 type MenuItemGroupLabelParams = {

package/menu/menu-item-group.d.ts

@@ -1,5 +1,5 @@
-import type { GroupProps } from '@zag-js/menu';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { GroupProps } from '@zag-js/menu';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseMenuReturn } from './use-menu';