@ark-ui/react 0.9.0-beta.1 → 0.9.0

package/index.d.ts

@@ -16,6 +16,7 @@ export * from './number-input';
 export * from './pagination';
 export * from './pin-input';
 export * from './popover';
+export * from './presence';
 export * from './pressable';
 export * from './radio-group';
 export * from './range-slider';

package/index.mjs

@@ -1,21 +1,20 @@
 export { createAnatomy } from '@zag-js/anatomy';
 export { Portal } from '@zag-js/react';
-export { Switch } from './switch/switch.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 { Accordion } from './accordion/accordion.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 { anatomy as accordionAnatomy } from '@zag-js/accordion';
 export { Avatar } from './avatar/avatar.mjs';
+export { useAvatarContext } from './avatar/avatar-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 { Carousel } from './carousel/carousel.mjs';
+export { useCarouselContext } from './carousel/carousel-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';
@@ -23,12 +22,13 @@ 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 { CheckboxControl } from './checkbox/checkbox-control.mjs';
 export { CheckboxInput } from './checkbox/checkbox-input.mjs';
 export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
-export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
 export { ColorPicker } from './color-picker/color-picker.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';
@@ -36,26 +36,31 @@ 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 { 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';
 export { ComboboxOption } from './combobox/combobox-option.mjs';
 export { ComboboxPositioner } from './combobox/combobox-positioner.mjs';
 export { ComboboxTrigger } from './combobox/combobox-trigger.mjs';
-export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
 export { DatePicker } from './date-picker/date-picker.mjs';
+export { useDatePickerCellContext } from './date-picker/date-picker-cell-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';
@@ -78,33 +83,34 @@ 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 { anatomy as dialogAnatomy } from '@zag-js/dialog';
 export { Editable } from './editable/editable.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 { anatomy as editableAnatomy } from '@zag-js/editable';
 export { Environment } from './environment/environment.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 { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
 export { Menu } from './menu/menu.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';
@@ -114,16 +120,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 { anatomy as menuAnatomy } from '@zag-js/menu';
 export { NumberInput } from './number-input/number-input.mjs';
+export { useNumberInputContext } from './number-input/number-input-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 { 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 { Pagination } from './pagination/pagination.mjs';
+export { usePaginationContext } from './pagination/pagination-context.mjs';
 export { PaginationEllipsis } from './pagination/pagination-ellipsis.mjs';
 export { PaginationList } from './pagination/pagination-list.mjs';
 export { PaginationListItem } from './pagination/pagination-list-item.mjs';
@@ -132,31 +138,35 @@ 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 { PinInputControl } from './pin-input/pin-input-control.mjs';
 export { PinInputField } 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 { Popover } from './popover/popover.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 { anatomy as popoverAnatomy } from '@zag-js/popover';
+export { Presence } from './presence/presence.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 { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
 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 { 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';
@@ -165,15 +175,17 @@ 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 { 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 { 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';
@@ -181,14 +193,15 @@ export { SegmentInput } from './segment-group/segment-input.mjs';
 export { SegmentLabel } from './segment-group/segment-label.mjs';
 export { Select } from './select/select.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 { anatomy as selectAnatomy } from '@zag-js/select';
 export { Slider } from './slider/slider.mjs';
+export { useSliderContext } from './slider/slider-context.mjs';
 export { SliderControl } from './slider/slider-control.mjs';
 export { SliderLabel } from './slider/slider-label.mjs';
 export { SliderMarker } from './slider/slider-marker.mjs';
@@ -197,39 +210,65 @@ 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 { Splitter } from './splitter/splitter.mjs';
+export { useSplitterContext } from './splitter/splitter-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 { anatomy as switchAnatomy } from '@zag-js/switch';
+export { Switch } from './switch/switch.mjs';
+export { useSwitchContext } from './switch/switch-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 { 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 { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
 export { Toast } from './toast/toast.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 { ToastTitle } from './toast/toast-title.mjs';
-export { anatomy as toastAnatomy } from '@zag-js/toast';
 export { Tooltip } from './tooltip/tooltip.mjs';
-export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
 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';

package/menu/index.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const menu = require('./menu.cjs');
+const menuArrow = require('./menu-arrow.cjs');
+const menuArrowTip = require('./menu-arrow-tip.cjs');
+const menuContent = require('./menu-content.cjs');
+const menuContext = require('./menu-context.cjs');
+const menuContextTrigger = require('./menu-context-trigger.cjs');
+const menuItem = require('./menu-item.cjs');
+const menuItemGroup = require('./menu-item-group.cjs');
+const menuItemGroupLabel = require('./menu-item-group-label.cjs');
+const menuOptionItem = require('./menu-option-item.cjs');
+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');
+
+
+
+exports.Menu = menu.Menu;
+exports.MenuArrow = menuArrow.MenuArrow;
+exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
+exports.MenuContent = menuContent.MenuContent;
+exports.useMenuContext = menuContext.useMenuContext;
+exports.MenuContextTrigger = menuContextTrigger.MenuContextTrigger;
+exports.MenuItem = menuItem.MenuItem;
+exports.MenuItemGroup = menuItemGroup.MenuItemGroup;
+exports.MenuItemGroupLabel = menuItemGroupLabel.MenuItemGroupLabel;
+exports.MenuOptionItem = menuOptionItem.MenuOptionItem;
+exports.MenuPositioner = menuPositioner.MenuPositioner;
+exports.MenuSeparator = menuSeparator.MenuSeparator;
+exports.MenuTrigger = menuTrigger.MenuTrigger;
+exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
+Object.defineProperty(exports, 'menuAnatomy', {
+  enumerable: true,
+  get: () => menu$1.anatomy
+});

package/menu/index.d.ts

@@ -2,6 +2,7 @@ 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';

package/menu/index.mjs

@@ -0,0 +1,15 @@
+export { Menu } from './menu.mjs';
+export { MenuArrow } from './menu-arrow.mjs';
+export { MenuArrowTip } from './menu-arrow-tip.mjs';
+export { 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';
+export { anatomy as menuAnatomy } from '@zag-js/menu';

package/menu/menu-arrow-tip.cjs

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });