@ark-ui/solid 0.10.1 → 1.0.0-beta.0

package/index.d.ts

@@ -1,4 +1,3 @@
-export { createAnatomy } from '@zag-js/anatomy';
 export * from './accordion';
 export * from './avatar';
 export * from './carousel';
@@ -9,15 +8,15 @@ export * from './date-picker';
 export * from './dialog';
 export * from './editable';
 export * from './environment';
+export * from './factory';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';
 export * from './pagination';
 export * from './pin-input';
 export * from './popover';
-export * from './pressable';
+export * from './presence';
 export * from './radio-group';
-export * from './range-slider';
 export * from './rating-group';
 export * from './segment-group';
 export * from './select';
@@ -27,4 +26,5 @@ export * from './switch';
 export * from './tabs';
 export * from './tags-input';
 export * from './toast';
+export * from './toggle-group';
 export * from './tooltip';

package/index.mjs

@@ -1,4 +1,3 @@
-export { createAnatomy } from '@zag-js/anatomy';
 export { Accordion } from './accordion/index.mjs';
 export { Avatar } from './avatar/index.mjs';
 export { Carousel } from './carousel/index.mjs';
@@ -9,15 +8,15 @@ 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 { ark } from './factory.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 { Pressable } from './pressable/index.mjs';
+export { Presence } from './presence/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';
@@ -27,93 +26,96 @@ 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 { 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-slide.mjs';
+export { CarouselItemGroup } from './carousel/carousel-slide-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';
 export { ComboboxInput } from './combobox/combobox-input.mjs';
+export { ComboboxItem } from './combobox/combobox-item.mjs';
+export { ComboboxItemGroup } from './combobox/combobox-item-group.mjs';
+export { ComboboxItemGroupLabel } from './combobox/combobox-item-group-label.mjs';
+export { ComboboxItemIndicator } from './combobox/combobox-item-indicator.mjs';
+export { ComboboxItemText } from './combobox/combobox-item-text.mjs';
 export { ComboboxLabel } from './combobox/combobox-label.mjs';
-export { ComboboxOption } from './combobox/combobox-option.mjs';
-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 { 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';
@@ -123,7 +125,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';
@@ -131,7 +132,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';
@@ -145,7 +145,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';
@@ -153,20 +152,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';
@@ -174,52 +168,45 @@ 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 { usePressable } from './pressable/use-pressable.mjs';
-export { Radio } from './radio-group/radio.mjs';
-export { RadioControl } from './radio-group/radio-control.mjs';
+export { splitPresenceProps } from './presence/split-presence-props.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';
+export { SelectItemIndicator } from './select/select-item-indicator.mjs';
+export { SelectItemText } from './select/select-item-text.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 { anatomy as selectAnatomy } from '@zag-js/select';
+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';
@@ -228,45 +215,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 { 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

@@ -2,7 +2,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');
@@ -16,10 +16,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,
@@ -47,8 +46,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

@@ -8,12 +8,11 @@ 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: (props: MenuArrowProps) => JSX.Element;
@@ -29,5 +28,5 @@ declare const Menu: ((props: MenuProps) => JSX.Element) & {
     Trigger: (props: MenuTriggerProps) => JSX.Element;
     TriggerItem: (props: MenuTriggerItemProps) => JSX.Element;
 };
-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

@@ -12,7 +12,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-content.cjs

@@ -5,12 +5,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const web = require('solid-js/web');
 const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
+const index = require('../presence/index.cjs');
 const menuContext = require('./menu-context.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
 
 const MenuContent = props => {
-  const menu = menuContext.useMenuContext();
-  const contentProps = solid.mergeProps(() => menu?.().contentProps, props);
-  return web.createComponent(factory.ark.div, contentProps);
+  const [presenceProps, localProps] = splitPresenceProps.splitPresenceProps(props);
+  const api = menuContext.useMenuContext();
+  const mergedProps = solid.mergeProps(() => api?.().contentProps, localProps);
+  return web.createComponent(index.Presence, web.mergeProps({
+    get present() {
+      return api?.().isOpen;
+    }
+  }, presenceProps, {
+    get children() {
+      return web.createComponent(factory.ark.div, mergedProps);
+    }
+  }));
 };
 
 exports.MenuContent = MenuContent;

package/menu/menu-content.d.ts

@@ -1,4 +1,5 @@
 import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
-export type MenuContentProps = HTMLArkProps<'div'>;
+import { type PresenceProps } from '../presence';
+export type MenuContentProps = HTMLArkProps<'div'> & PresenceProps;
 export declare const MenuContent: (props: MenuContentProps) => JSX.Element;

package/menu/menu-content.mjs

@@ -1,12 +1,23 @@
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
+import { Presence } from '../presence/index.mjs';
 import { useMenuContext } from './menu-context.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 
 const MenuContent = props => {
-  const menu = useMenuContext();
-  const contentProps = mergeProps(() => menu?.().contentProps, props);
-  return createComponent(ark.div, contentProps);
+  const [presenceProps, localProps] = splitPresenceProps(props);
+  const api = useMenuContext();
+  const mergedProps = mergeProps(() => api?.().contentProps, localProps);
+  return createComponent(Presence, mergeProps$1({
+    get present() {
+      return api?.().isOpen;
+    }
+  }, presenceProps, {
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  }));
 };
 
 export { MenuContent };

package/menu/menu-context.d.ts

@@ -1,7 +1,7 @@
 import { ContextProviderComponent } from 'solid-js';
 import { type UseMenuReturn } from './use-menu';
 export type MenuContext = () => ReturnType<ReturnType<UseMenuReturn>['api']>;
-export declare const MenuProvider: ContextProviderComponent<MenuContext | undefined>, useMenuContext: () => MenuContext | undefined;
+export declare const MenuProvider: ContextProviderComponent<MenuContext>, useMenuContext: () => MenuContext;
 export type MenuMachineContext = () => ReturnType<UseMenuReturn>['machine'];
 export declare const MenuMachineProvider: ContextProviderComponent<MenuMachineContext | undefined>, useMenuMachineContext: () => MenuMachineContext | undefined;
 export type MenuTriggerItemProviderContext = () => ReturnType<ReturnType<ReturnType<UseMenuReturn>['api']>['getTriggerItemProps']> | undefined;

package/menu/menu-option-item.cjs

@@ -13,10 +13,8 @@ const menuContext = require('./menu-context.cjs');
 const MenuOptionItem = props => {
   const menu = menuContext.useMenuContext();
   const [optionProps, localProps] = createSplitProps.createSplitProps()(props, ['id', 'disabled', 'valueText', 'closeOnSelect', 'name', 'type', 'value', 'onCheckedChange']);
-  const itemProps = solid.mergeProps(() => menu?.().getOptionItemProps(optionProps), localProps);
-  const itemState = solidJs.createMemo(() => ({
-    isActive: menu?.().isOptionChecked(optionProps) ?? false
-  }));
+  const itemProps = solid.mergeProps(() => menu().getOptionItemProps(optionProps), localProps);
+  const itemState = solidJs.createMemo(() => menu().getOptionItemState(optionProps));
   const getChildren = () => runIfFn.runIfFn(localProps.children, itemState);
   return web.createComponent(factory.ark.div, web.mergeProps(itemProps, {
     get children() {

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

@@ -1,12 +1,8 @@
-import { type connect } from '@zag-js/menu';
+import type { OptionItemProps, OptionItemState } from '@zag-js/menu';
 import { type Accessor, type JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export type MenuOptionItemState = {
-    isActive: boolean;
-};
-export type MenuOptionItemParams = Parameters<ReturnType<typeof connect>['getOptionItemProps']>[0];
-export type MenuOptionItemProps = Assign<HTMLArkProps<'div'>, MenuOptionItemParams & {
-    children?: JSX.Element | ((state: Accessor<MenuOptionItemState>) => JSX.Element);
+export type MenuOptionItemProps = Assign<HTMLArkProps<'div'>, OptionItemProps & {
+    children?: JSX.Element | ((state: Accessor<OptionItemState>) => JSX.Element);
 }>;
 export declare const MenuOptionItem: (props: MenuOptionItemProps) => JSX.Element;

package/menu/menu-option-item.mjs

@@ -9,10 +9,8 @@ import { useMenuContext } from './menu-context.mjs';
 const MenuOptionItem = props => {
   const menu = useMenuContext();
   const [optionProps, localProps] = createSplitProps()(props, ['id', 'disabled', 'valueText', 'closeOnSelect', 'name', 'type', 'value', 'onCheckedChange']);
-  const itemProps = mergeProps(() => menu?.().getOptionItemProps(optionProps), localProps);
-  const itemState = createMemo(() => ({
-    isActive: menu?.().isOptionChecked(optionProps) ?? false
-  }));
+  const itemProps = mergeProps(() => menu().getOptionItemProps(optionProps), localProps);
+  const itemState = createMemo(() => menu().getOptionItemState(optionProps));
   const getChildren = () => runIfFn(localProps.children, itemState);
   return createComponent(ark.div, mergeProps$1(itemProps, {
     get children() {

package/menu/menu.cjs

@@ -10,7 +10,7 @@ const menuContext = require('./menu-context.cjs');
 const useMenu = require('./use-menu.cjs');
 
 const Menu = props => {
-  const [menuParams, restProps] = createSplitProps.createSplitProps()(props, ['anchorPoint', 'aria-label', 'closeOnSelect', 'dir', 'getRootNode', 'highlightedId', 'id', 'ids', 'loop', 'onClose', 'onFocusOutside', 'onInteractOutside', 'onOpen', 'onPointerDownOutside', 'onSelect', 'onValueChange', 'positioning', 'value']);
+  const [menuParams, restProps] = createSplitProps.createSplitProps()(props, ['anchorPoint', 'aria-label', 'closeOnSelect', 'dir', 'getRootNode', 'highlightedId', 'id', 'ids', 'loop', 'onFocusOutside', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onSelect', 'onValueChange', 'positioning', 'value']);
   const parentMenu = menuContext.useMenuContext();
   const parentMachine = menuContext.useMenuMachineContext();
   const menu = useMenu.useMenu(menuParams);

package/menu/menu.mjs

@@ -6,7 +6,7 @@ import { useMenuContext, useMenuMachineContext, MenuTriggerItemProvider, MenuMac
 import { useMenu } from './use-menu.mjs';
 
 const Menu = props => {
-  const [menuParams, restProps] = createSplitProps()(props, ['anchorPoint', 'aria-label', 'closeOnSelect', 'dir', 'getRootNode', 'highlightedId', 'id', 'ids', 'loop', 'onClose', 'onFocusOutside', 'onInteractOutside', 'onOpen', 'onPointerDownOutside', 'onSelect', 'onValueChange', 'positioning', 'value']);
+  const [menuParams, restProps] = createSplitProps()(props, ['anchorPoint', 'aria-label', 'closeOnSelect', 'dir', 'getRootNode', 'highlightedId', 'id', 'ids', 'loop', 'onFocusOutside', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onSelect', 'onValueChange', 'positioning', 'value']);
   const parentMenu = useMenuContext();
   const parentMachine = useMenuMachineContext();
   const menu = useMenu(menuParams);

package/number-input/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const numberInput$1 = require('./number-input.cjs');
+const numberInput = require('./number-input.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 const numberInputControl = require('./number-input-control.cjs');
 const numberInputDecrementTrigger = require('./number-input-decrement-trigger.cjs');
@@ -10,10 +10,9 @@ const numberInputField = require('./number-input-field.cjs');
 const numberInputIncrementTrigger = require('./number-input-increment-trigger.cjs');
 const numberInputLabel = require('./number-input-label.cjs');
 const numberInputScrubber = require('./number-input-scrubber.cjs');
-const numberInput = require('@zag-js/number-input');
 
-const NumberInput = Object.assign(numberInput$1.NumberInput, {
-  Root: numberInput$1.NumberInput,
+const NumberInput = Object.assign(numberInput.NumberInput, {
+  Root: numberInput.NumberInput,
   Control: numberInputControl.NumberInputControl,
   DecrementTrigger: numberInputDecrementTrigger.NumberInputDecrementTrigger,
   Input: numberInputField.NumberInputInput,
@@ -29,8 +28,4 @@ exports.NumberInputInput = numberInputField.NumberInputInput;
 exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
 exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
-Object.defineProperty(exports, 'numberInputAnatomy', {
-  enumerable: true,
-  get: () => numberInput.anatomy
-});
 exports.NumberInput = NumberInput;