@ark-ui/react 0.15.0 → 1.0.0-beta.0

package/index.d.ts

@@ -1,5 +1,3 @@
-export { createAnatomy } from '@zag-js/anatomy';
-export { Portal, type PortalProps } from '@zag-js/react';
 export * from './accordion';
 export * from './avatar';
 export * from './carousel';
@@ -17,10 +15,9 @@ export * from './number-input';
 export * from './pagination';
 export * from './pin-input';
 export * from './popover';
+export * from './portal';
 export * from './presence';
-export * from './pressable';
 export * from './radio-group';
-export * from './range-slider';
 export * from './rating-group';
 export * from './segment-group';
 export * from './select';

package/index.mjs

@@ -1,5 +1,3 @@
-export { createAnatomy } from '@zag-js/anatomy';
-export { Portal } from '@zag-js/react';
 export { Accordion } from './accordion/index.mjs';
 export { Avatar } from './avatar/index.mjs';
 export { Carousel } from './carousel/index.mjs';
@@ -17,10 +15,9 @@ 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 { Portal } from './portal.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';
@@ -32,46 +29,48 @@ export { TagsInput } from './tags-input/index.mjs';
 export { Toast } from './toast/index.mjs';
 export { ToggleGroup } from './toggle-group/index.mjs';
 export { Tooltip } from './tooltip/index.mjs';
-export { AccordionContent } from './accordion/accordion-content.mjs';
 export { AccordionItem } from './accordion/accordion-item.mjs';
-export { AccordionTrigger } from './accordion/accordion-trigger.mjs';
-export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+export { AccordionItemContent } from './accordion/accordion-item-content.mjs';
+export { AccordionItemIndicator } from './accordion/accordion-item-indicator.mjs';
+export { AccordionItemTrigger } from './accordion/accordion-item-trigger.mjs';
 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 { 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';
-export { CarouselNextSlideTrigger } from './carousel/carousel-next-slide-trigger.mjs';
-export { CarouselPrevSlideTrigger } from './carousel/carousel-prev-slide-trigger.mjs';
-export { CarouselSlide } from './carousel/carousel-slide.mjs';
-export { CarouselSlideGroup } from './carousel/carousel-slide-group.mjs';
+export { CarouselItem } from './carousel/carousel-item.mjs';
+export { CarouselItemGroup } from './carousel/carousel-item-group.mjs';
+export { CarouselNextTrigger } from './carousel/carousel-next-trigger.mjs';
+export { CarouselPrevTrigger } from './carousel/carousel-prev-trigger.mjs';
 export { CarouselViewport } from './carousel/carousel-viewport.mjs';
-export { carouselAnatomy } from './carousel/carousel.anatomy.mjs';
 export { useCarouselContext } from './carousel/carousel-context.mjs';
 export { CheckboxControl } from './checkbox/checkbox-control.mjs';
+export { CheckboxIndicator } from './checkbox/checkbox-indicator.mjs';
 export { CheckboxLabel } from './checkbox/checkbox-label.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 { ColorPickerAreaGradient } from './color-picker/color-picker-area-gradient.mjs';
+export { ColorPickerAreaBackground } from './color-picker/color-picker-area-background.mjs';
 export { ColorPickerAreaThumb } from './color-picker/color-picker-area-thumb.mjs';
 export { ColorPickerChannelInput } from './color-picker/color-picker-channel-input.mjs';
-export { ColorPickerChannelSliderBackground } from './color-picker/color-picker-channel-slider-background.mjs';
+export { ColorPickerChannelSlider } from './color-picker/color-picker-channel-slider.mjs';
 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 { ColorPickerControl } from './color-picker/color-picker-control.mjs';
 export { ColorPickerEyeDropperTrigger } from './color-picker/color-picker-eye-dropper-trigger.mjs';
+export { ColorPickerLabel } from './color-picker/color-picker-label.mjs';
+export { ColorPickerPositioner } from './color-picker/color-picker-positioner.mjs';
 export { ColorPickerSwatch } from './color-picker/color-picker-swatch.mjs';
-export { ColorPickerSwatchBackground } from './color-picker/color-picker-swatch-background.mjs';
 export { ColorPickerSwatchGroup } from './color-picker/color-picker-swatch-group.mjs';
-export { colorPickerAnatomy } from './color-picker/color-picker.anatomy.mjs';
+export { ColorPickerSwatchTrigger } from './color-picker/color-picker-swatch-trigger.mjs';
+export { ColorPickerTransparencyGrid } from './color-picker/color-picker-transparency-grid.mjs';
+export { ColorPickerTrigger } from './color-picker/color-picker-trigger.mjs';
 export { useColorPickerAreaContext } from './color-picker/color-picker-area-context.mjs';
+export { useColorPickerChannelSliderContext } from './color-picker/color-picker-channel-slider-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 { ComboboxControl } from './combobox/combobox-control.mjs';
@@ -84,42 +83,40 @@ export { ComboboxItemText } from './combobox/combobox-item-text.mjs';
 export { ComboboxLabel } from './combobox/combobox-label.mjs';
 export { ComboboxPositioner } from './combobox/combobox-positioner.mjs';
 export { ComboboxTrigger } from './combobox/combobox-trigger.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 { DatePickerControl } from './date-picker/date-picker-control.mjs';
-export { DatePickerDayCell } from './date-picker/date-picker-day-cell.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';
-export { DatePickerMonthCell } from './date-picker/date-picker-month-cell.mjs';
-export { DatePickerMonthCellTrigger } from './date-picker/date-picker-month-cell-trigger.mjs';
+export { DatePickerLabel } from './date-picker/date-picker-label.mjs';
 export { DatePickerMonthSelect } from './date-picker/date-picker-month-select.mjs';
 export { DatePickerNextTrigger } from './date-picker/date-picker-next-trigger.mjs';
 export { DatePickerPositioner } from './date-picker/date-picker-positioner.mjs';
 export { DatePickerPrevTrigger } from './date-picker/date-picker-prev-trigger.mjs';
-export { DatePickerRow } from './date-picker/date-picker-row.mjs';
-export { DatePickerRowGroup } from './date-picker/date-picker-row-group.mjs';
-export { DatePickerRowHeader } from './date-picker/date-picker-row-header.mjs';
+export { DatePickerRangeText } from './date-picker/date-picker-range-text.mjs';
+export { DatePickerTable } from './date-picker/date-picker-table.mjs';
+export { DatePickerTableBody } from './date-picker/date-picker-table-body.mjs';
+export { DatePickerTableCell } from './date-picker/date-picker-table-cell.mjs';
+export { DatePickerTableCellTrigger } from './date-picker/date-picker-table-cell-trigger.mjs';
+export { DatePickerTableHead } from './date-picker/date-picker-table-head.mjs';
+export { DatePickerTableHeader } from './date-picker/date-picker-table-header.mjs';
+export { DatePickerTableRow } from './date-picker/date-picker-table-row.mjs';
 export { DatePickerTrigger } from './date-picker/date-picker-trigger.mjs';
+export { DatePickerView } from './date-picker/date-picker-view.mjs';
+export { DatePickerViewControl } from './date-picker/date-picker-view-control.mjs';
 export { DatePickerViewTrigger } from './date-picker/date-picker-view-trigger.mjs';
-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 { 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 { useDatePickerTableCellContext } from './date-picker/date-picker-table-cell-context.mjs';
+export { useDatePickerTableContext } from './date-picker/date-picker-table-context.mjs';
+export { useDatePickerViewContext } from './date-picker/date-picker-view-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 { DialogDescription } from './dialog/dialog-description.mjs';
+export { DialogPositioner } from './dialog/dialog-positioner.mjs';
 export { DialogTitle } from './dialog/dialog-title.mjs';
 export { DialogTrigger } from './dialog/dialog-trigger.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';
@@ -129,7 +126,6 @@ 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 { anatomy as editableAnatomy } from '@zag-js/editable';
 export { useEditableContext } from './editable/editable-context.mjs';
 export { useEnvironmentContext } from './environment/environment-context.mjs';
 export { HoverCardArrow } from './hover-card/hover-card-arrow.mjs';
@@ -137,7 +133,6 @@ export { HoverCardArrowTip } from './hover-card/hover-card-arrow-tip.mjs';
 export { HoverCardContent } from './hover-card/hover-card-content.mjs';
 export { HoverCardPositioner } from './hover-card/hover-card-positioner.mjs';
 export { HoverCardTrigger } from './hover-card/hover-card-trigger.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';
@@ -151,7 +146,6 @@ 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 { 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';
@@ -159,20 +153,15 @@ export { NumberInputIncrementTrigger } from './number-input/number-input-increme
 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 { 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';
-export { PaginationNextPageTrigger } from './pagination/pagination-next-page-trigger.mjs';
-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 { PaginationItem } from './pagination/pagination-item.mjs';
+export { PaginationNextTrigger } from './pagination/pagination-next-trigger.mjs';
+export { PaginationPrevTrigger } from './pagination/pagination-prev-trigger.mjs';
 export { usePaginationContext } from './pagination/pagination-context.mjs';
 export { PinInputControl } from './pin-input/pin-input-control.mjs';
 export { PinInputInput } from './pin-input/pin-input-field.mjs';
 export { PinInputLabel } from './pin-input/pin-input-label.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';
@@ -180,47 +169,34 @@ export { PopoverArrowTip } from './popover/popover-arrow-tip.mjs';
 export { PopoverCloseTrigger } from './popover/popover-close-trigger.mjs';
 export { PopoverContent } from './popover/popover-content.mjs';
 export { PopoverDescription } from './popover/popover-description.mjs';
+export { PopoverIndicator } from './popover/popover-indicator.mjs';
 export { PopoverPositioner } from './popover/popover-positioner.mjs';
 export { PopoverTitle } from './popover/popover-title.mjs';
 export { PopoverTrigger } from './popover/popover-trigger.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 { usePressable } from './pressable/use-pressable.mjs';
-export { Radio } from './radio-group/radio.mjs';
-export { RadioControl } from './radio-group/radio-control.mjs';
+export { RadioGroupItem } from './radio-group/radio-group-item.mjs';
+export { RadioGroupItemControl } from './radio-group/radio-group-item-control.mjs';
+export { RadioGroupItemText } from './radio-group/radio-group-item-text.mjs';
 export { RadioGroupLabel } from './radio-group/radio-group-label.mjs';
-export { RadioLabel } from './radio-group/radio-label.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';
-export { RangeSliderMarkerGroup } from './range-slider/range-slider-marker-group.mjs';
-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 { useRadioGroupItemContext } from './radio-group/radio-group-item-context.mjs';
 export { RatingGroupControl } from './rating-group/rating-group-control.mjs';
+export { RatingGroupItem } from './rating-group/rating-group-item.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 { SegmentControl } from './segment-group/segment-control.mjs';
+export { useRatingGroupItemContext } from './rating-group/rating-group-item-context.mjs';
 export { SegmentGroupIndicator } from './segment-group/segment-group-indicator.mjs';
+export { SegmentGroupItem } from './segment-group/segment-group-item.mjs';
+export { SegmentGroupItemControl } from './segment-group/segment-group-item-control.mjs';
+export { SegmentGroupItemText } from './segment-group/segment-group-item-text.mjs';
 export { SegmentGroupLabel } from './segment-group/segment-group-label.mjs';
-export { SegmentLabel } from './segment-group/segment-label.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 { useSegmentGroupItemContext } from './segment-group/segment-group-item-context.mjs';
 export { SelectClearTrigger } from './select/select-clear-trigger.mjs';
 export { SelectContent } from './select/select-content.mjs';
 export { SelectControl } from './select/select-control.mjs';
+export { SelectIndicator } from './select/select-indicator.mjs';
 export { SelectItem } from './select/select-item.mjs';
 export { SelectItemGroup } from './select/select-item-group.mjs';
 export { SelectItemGroupLabel } from './select/select-item-group-label.mjs';
@@ -229,9 +205,9 @@ export { SelectItemText } from './select/select-item-text.mjs';
 export { SelectLabel } from './select/select-label.mjs';
 export { SelectPositioner } from './select/select-positioner.mjs';
 export { SelectTrigger } from './select/select-trigger.mjs';
-export { SelectValue } from './select/select-value.mjs';
-export { selectAnatomy } from './select/select.anatomy.mjs';
+export { SelectValueText } from './select/select-value-text.mjs';
 export { useSelectContext } from './select/select-context.mjs';
+export { useSelectItemContext } from './select/select-item-context.mjs';
 export { SliderControl } from './slider/slider-control.mjs';
 export { SliderLabel } from './slider/slider-label.mjs';
 export { SliderMarker } from './slider/slider-marker.mjs';
@@ -240,48 +216,38 @@ 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 { 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 { anatomy as splitterAnatomy } from '@zag-js/splitter';
 export { useSplitterContext } from './splitter/splitter-context.mjs';
 export { SwitchControl } from './switch/switch-control.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 { 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 { TagsInputClearTrigger } from './tags-input/tags-input-clear-trigger.mjs';
 export { TagsInputControl } from './tags-input/tags-input-control.mjs';
-export { TagsInputInput } from './tags-input/tags-input-field.mjs';
+export { TagsInputInput } from './tags-input/tags-input-input.mjs';
+export { TagsInputItem } from './tags-input/tags-input-item.mjs';
+export { TagsInputItemDeleteTrigger } from './tags-input/tags-input-item-delete-trigger.mjs';
+export { TagsInputItemInput } from './tags-input/tags-input-item-input.mjs';
+export { TagsInputItemText } from './tags-input/tags-input-item-text.mjs';
 export { TagsInputLabel } from './tags-input/tags-input-label.mjs';
-export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
 export { useTagsInputContext } from './tags-input/tags-input-context.mjs';
+export { useTagsInputItemContext } from './tags-input/tags-input-item-context.mjs';
+export { createToaster } from './toast/create-toaster.mjs';
 export { ToastCloseTrigger } from './toast/toast-close-trigger.mjs';
 export { ToastDescription } from './toast/toast-description.mjs';
-export { ToastGroup } from './toast/toast-group.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 { anatomy as toastAnatomy } from '@zag-js/toast';
-export { useToastItemContext } from './toast/toast-item-context.mjs';
-export { Toggle } from './toggle-group/toggle.mjs';
-export { toggleGroupAnatomy } from './toggle-group/toggle-group.anatomy.mjs';
+export { ToggleGroupItem } from './toggle-group/toggle-group-item.mjs';
 export { useToggleGroupContext } from './toggle-group/toggle-group-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 { TooltipPositioner } from './tooltip/tooltip-positioner.mjs';
 export { TooltipTrigger } from './tooltip/tooltip-trigger.mjs';
-export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
 export { useTooltipContext } from './tooltip/tooltip-context.mjs';

package/menu/index.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const menu$1 = require('./menu.cjs');
+const menu = require('./menu.cjs');
 const menuArrow = require('./menu-arrow.cjs');
 const menuArrowTip = require('./menu-arrow-tip.cjs');
 const menuContent = require('./menu-content.cjs');
@@ -17,10 +17,9 @@ 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 = require('@zag-js/menu');
 
-const Menu = Object.assign(menu$1.Menu, {
-  Root: menu$1.Menu,
+const Menu = Object.assign(menu.Menu, {
+  Root: menu.Menu,
   Arrow: menuArrow.MenuArrow,
   ArrowTip: menuArrowTip.MenuArrowTip,
   Content: menuContent.MenuContent,
@@ -48,8 +47,4 @@ exports.MenuPositioner = menuPositioner.MenuPositioner;
 exports.MenuSeparator = menuSeparator.MenuSeparator;
 exports.MenuTrigger = menuTrigger.MenuTrigger;
 exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
-Object.defineProperty(exports, 'menuAnatomy', {
-  enumerable: true,
-  get: () => menu.anatomy
-});
 exports.Menu = Menu;

package/menu/index.d.ts

@@ -1,6 +1,4 @@
-import { ItemProps, GroupProps } from '@zag-js/menu';
-import { HTMLArkProps, PresenceProps } from '..';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 /// <reference types="react" />
 import { type MenuProps } from './menu';
@@ -12,49 +10,25 @@ import { MenuContextTrigger, type MenuContextTriggerProps } from './menu-context
 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 { MenuOptionItem, type MenuOptionItemProps } 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<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    ArrowTip: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    Content: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;
-    ContextTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLButtonElement>>;
-    Item: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, keyof ItemProps> & ItemProps & RefAttributes<HTMLDivElement>>;
-    ItemGroup: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "id"> & GroupProps & RefAttributes<HTMLDivElement>>;
-    ItemGroupLabel: ForwardRefExoticComponent<Omit<HTMLArkProps<"label">, "htmlFor"> & {
-        htmlFor: string;
-    } & RefAttributes<HTMLLabelElement>>;
-    OptionItem: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "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<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    Separator: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLHRElement>>;
-    Trigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLButtonElement>>;
-    TriggerItem: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        asChild?: boolean | undefined;
-    } & RefAttributes<HTMLDivElement>>;
+    Arrow: ForwardRefExoticComponent<MenuArrowProps & RefAttributes<HTMLDivElement>>;
+    ArrowTip: ForwardRefExoticComponent<MenuArrowTipProps & RefAttributes<HTMLDivElement>>;
+    Content: ForwardRefExoticComponent<MenuContentProps & RefAttributes<HTMLDivElement>>;
+    ContextTrigger: ForwardRefExoticComponent<MenuContextTriggerProps & RefAttributes<HTMLButtonElement>>;
+    Item: ForwardRefExoticComponent<MenuItemProps & RefAttributes<HTMLDivElement>>;
+    ItemGroup: ForwardRefExoticComponent<MenuItemGroupProps & RefAttributes<HTMLDivElement>>;
+    ItemGroupLabel: ForwardRefExoticComponent<MenuItemGroupLabelProps & RefAttributes<HTMLLabelElement>>;
+    OptionItem: ForwardRefExoticComponent<MenuOptionItemProps & RefAttributes<HTMLDivElement>>;
+    Positioner: ForwardRefExoticComponent<MenuPositionerProps & RefAttributes<HTMLDivElement>>;
+    Separator: ForwardRefExoticComponent<MenuSeparatorProps & RefAttributes<HTMLHRElement>>;
+    Trigger: ForwardRefExoticComponent<MenuTriggerProps & RefAttributes<HTMLButtonElement>>;
+    TriggerItem: ForwardRefExoticComponent<MenuTriggerItemProps & 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, };
+export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };
+export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOptionItemProps, MenuPositionerProps, MenuProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, };

package/menu/index.mjs

@@ -13,7 +13,6 @@ 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,

package/menu/menu-arrow-tip.cjs

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

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

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type MenuArrowTipProps = HTMLArkProps<'div'>;
-export declare const MenuArrowTip: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;
+export interface MenuArrowTipProps extends HTMLArkProps<'div'> {
+}
+export declare const MenuArrowTip: ForwardRefExoticComponent<MenuArrowTipProps & RefAttributes<HTMLDivElement>>;

package/menu/menu-arrow-tip.mjs

@@ -6,8 +6,8 @@ import { ark } from '../factory.mjs';
 import { useMenuContext } from './menu-context.mjs';
 
 const MenuArrowTip = forwardRef((props, ref) => {
-  const { arrowTipProps } = useMenuContext();
-  const mergedProps = mergeProps(arrowTipProps, props);
+  const api = useMenuContext();
+  const mergedProps = mergeProps(api.arrowTipProps, props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 MenuArrowTip.displayName = "MenuArrowTip";

package/menu/menu-arrow.cjs

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

package/menu/menu-arrow.d.ts

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type MenuArrowProps = HTMLArkProps<'div'>;
-export declare const MenuArrow: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLDivElement>>;
+export interface MenuArrowProps extends HTMLArkProps<'div'> {
+}
+export declare const MenuArrow: ForwardRefExoticComponent<MenuArrowProps & RefAttributes<HTMLDivElement>>;

package/menu/menu-arrow.mjs

@@ -6,8 +6,8 @@ import { ark } from '../factory.mjs';
 import { useMenuContext } from './menu-context.mjs';
 
 const MenuArrow = forwardRef((props, ref) => {
-  const { arrowProps } = useMenuContext();
-  const mergedProps = mergeProps(arrowProps, props);
+  const api = useMenuContext();
+  const mergedProps = mergeProps(api.arrowProps, props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 MenuArrow.displayName = "MenuArrow";

package/menu/menu-content.d.ts

@@ -3,5 +3,6 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { type HTMLArkProps } from '../factory';
 import { type PresenceProps } from '../presence';
 import type { Assign } from '../types';
-export type MenuContentProps = Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'children'>>;
-export declare const MenuContent: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;
+export interface MenuContentProps extends Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'children'>> {
+}
+export declare const MenuContent: ForwardRefExoticComponent<MenuContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,6 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
-export type MenuContextTriggerProps = HTMLArkProps<'button'>;
-export declare const MenuContextTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    asChild?: boolean | undefined;
-} & RefAttributes<HTMLButtonElement>>;
+export interface MenuContextTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const MenuContextTrigger: ForwardRefExoticComponent<MenuContextTriggerProps & RefAttributes<HTMLButtonElement>>;

package/menu/menu-item-group-label.cjs

@@ -12,8 +12,8 @@ const menuContext = require('./menu-context.cjs');
 
 const MenuItemGroupLabel = react.forwardRef(
   (props, ref) => {
-    const api = menuContext.useMenuContext();
     const [labelProps, htmlProps] = createSplitProps.createSplitProps()(props, ["htmlFor"]);
+    const api = menuContext.useMenuContext();
     const mergedProps = react$1.mergeProps(api?.getItemGroupLabelProps(labelProps) ?? {}, htmlProps);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
   }

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

@@ -2,9 +2,10 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
-type MenuItemGroupLabelParams = {
+interface MenuItemGroupLabelParams {
     htmlFor: string;
-};
-export type MenuItemGroupLabelProps = Assign<HTMLArkProps<'label'>, MenuItemGroupLabelParams>;
-export declare const MenuItemGroupLabel: ForwardRefExoticComponent<Omit<HTMLArkProps<"label">, "htmlFor"> & MenuItemGroupLabelParams & RefAttributes<HTMLLabelElement>>;
+}
+export interface MenuItemGroupLabelProps extends Assign<HTMLArkProps<'label'>, MenuItemGroupLabelParams> {
+}
+export declare const MenuItemGroupLabel: ForwardRefExoticComponent<MenuItemGroupLabelProps & RefAttributes<HTMLLabelElement>>;
 export {};

package/menu/menu-item-group-label.mjs

@@ -8,8 +8,8 @@ import { useMenuContext } from './menu-context.mjs';
 
 const MenuItemGroupLabel = forwardRef(
   (props, ref) => {
-    const api = useMenuContext();
     const [labelProps, htmlProps] = createSplitProps()(props, ["htmlFor"]);
+    const api = useMenuContext();
     const mergedProps = mergeProps(api?.getItemGroupLabelProps(labelProps) ?? {}, htmlProps);
     return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
   }

package/menu/menu-item-group.cjs

@@ -11,8 +11,8 @@ const factory = require('../factory.cjs');
 const menuContext = require('./menu-context.cjs');
 
 const MenuItemGroup = react.forwardRef((props, ref) => {
-  const api = menuContext.useMenuContext();
   const [itemGroupProps, divProps] = createSplitProps.createSplitProps()(props, ["id"]);
+  const api = menuContext.useMenuContext();
   const mergedProps = react$1.mergeProps(api?.getItemGroupProps(itemGroupProps) ?? {}, divProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });