@ark-ui/react 1.3.0 → 2.0.1

package/index.d.ts

@@ -31,3 +31,4 @@ export * from './tags-input';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';
+export * from './tree-view';

package/index.mjs

@@ -1,45 +1,19 @@
-export { Accordion } from './accordion/index.mjs';
-export { Avatar } from './avatar/index.mjs';
-export { Carousel } from './carousel/index.mjs';
-export { Checkbox } from './checkbox/index.mjs';
-export { ColorPicker } from './color-picker/index.mjs';
-export { Combobox } from './combobox/index.mjs';
-export { DatePicker } from './date-picker/index.mjs';
-export { Dialog } from './dialog/index.mjs';
-export { Editable } from './editable/index.mjs';
-export { Environment } from './environment/index.mjs';
-export { ark, jsxFactory } from './factory.mjs';
-export { FileUpload } from './file-upload/index.mjs';
-export { HoverCard } from './hover-card/index.mjs';
-export { Menu } from './menu/index.mjs';
-export { NumberInput } from './number-input/index.mjs';
-export { Pagination } from './pagination/index.mjs';
-export { PinInput } from './pin-input/index.mjs';
-export { Popover } from './popover/index.mjs';
-export { Portal } from './portal.mjs';
-export { Presence } from './presence/index.mjs';
-export { Progress } from './progress/index.mjs';
-export { RadioGroup } from './radio-group/index.mjs';
-export { RatingGroup } from './rating-group/index.mjs';
-export { SegmentGroup } from './segment-group/index.mjs';
-export { Select } from './select/index.mjs';
-export { Slider } from './slider/index.mjs';
-export { Splitter } from './splitter/index.mjs';
-export { Switch } from './switch/index.mjs';
-export { Tabs } from './tabs/index.mjs';
-export { TagsInput } from './tags-input/index.mjs';
-export { Toast } from './toast/index.mjs';
-export { ToggleGroup } from './toggle-group/index.mjs';
-export { Tooltip } from './tooltip/index.mjs';
+export { useAccordionContext } from './accordion/accordion-context.mjs';
 export { AccordionItem } from './accordion/accordion-item.mjs';
 export { AccordionItemContent } from './accordion/accordion-item-content.mjs';
+export { useAccordionItemContext } from './accordion/accordion-item-context.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 { AccordionRoot } from './accordion/accordion-root.mjs';
+import * as accordion from './accordion/accordion.mjs';
+export { accordion as Accordion };
+export { useAvatarContext } from './avatar/avatar-context.mjs';
 export { AvatarFallback } from './avatar/avatar-fallback.mjs';
 export { AvatarImage } from './avatar/avatar-image.mjs';
-export { useAvatarContext } from './avatar/avatar-context.mjs';
+export { AvatarRoot } from './avatar/avatar-root.mjs';
+import * as avatar from './avatar/avatar.mjs';
+export { avatar as Avatar };
+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';
@@ -47,26 +21,35 @@ 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 { CarouselRoot } from './carousel/carousel-root.mjs';
 export { CarouselViewport } from './carousel/carousel-viewport.mjs';
-export { useCarouselContext } from './carousel/carousel-context.mjs';
+import * as carousel from './carousel/carousel.mjs';
+export { carousel as Carousel };
+export { useCheckboxContext } from './checkbox/checkbox-context.mjs';
 export { CheckboxControl } from './checkbox/checkbox-control.mjs';
 export { CheckboxIndicator } from './checkbox/checkbox-indicator.mjs';
 export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
-export { useCheckboxContext } from './checkbox/checkbox-context.mjs';
+export { CheckboxRoot } from './checkbox/checkbox-root.mjs';
+import * as checkbox from './checkbox/checkbox.mjs';
+export { checkbox as Checkbox };
 export { ColorPickerArea } from './color-picker/color-picker-area.mjs';
 export { ColorPickerAreaBackground } from './color-picker/color-picker-area-background.mjs';
+export { useColorPickerAreaContext } from './color-picker/color-picker-area-context.mjs';
 export { ColorPickerAreaThumb } from './color-picker/color-picker-area-thumb.mjs';
 export { ColorPickerChannelInput } from './color-picker/color-picker-channel-input.mjs';
 export { ColorPickerChannelSlider } from './color-picker/color-picker-channel-slider.mjs';
+export { useColorPickerChannelSliderContext } from './color-picker/color-picker-channel-slider-context.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 { useColorPickerContext } from './color-picker/color-picker-context.mjs';
 export { ColorPickerControl } from './color-picker/color-picker-control.mjs';
 export { ColorPickerEyeDropperTrigger } from './color-picker/color-picker-eye-dropper-trigger.mjs';
 export { ColorPickerFormatSelect } from './color-picker/color-picker-format-select.mjs';
 export { ColorPickerFormatTrigger } from './color-picker/color-picker-format-trigger.mjs';
 export { ColorPickerLabel } from './color-picker/color-picker-label.mjs';
 export { ColorPickerPositioner } from './color-picker/color-picker-positioner.mjs';
+export { ColorPickerRoot } from './color-picker/color-picker-root.mjs';
 export { ColorPickerSwatch } from './color-picker/color-picker-swatch.mjs';
 export { ColorPickerSwatchGroup } from './color-picker/color-picker-swatch-group.mjs';
 export { ColorPickerSwatchIndicator } from './color-picker/color-picker-swatch-indicator.mjs';
@@ -75,11 +58,11 @@ export { ColorPickerTransparencyGrid } from './color-picker/color-picker-transpa
 export { ColorPickerTrigger } from './color-picker/color-picker-trigger.mjs';
 export { ColorPickerValueText } from './color-picker/color-picker-value-text.mjs';
 export { ColorPickerView } from './color-picker/color-picker-view.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';
+import * as colorPicker from './color-picker/color-picker.mjs';
+export { colorPicker as ColorPicker };
 export { ComboboxClearTrigger } from './combobox/combobox-clear-trigger.mjs';
 export { ComboboxContent } from './combobox/combobox-content.mjs';
+export { useComboboxContext } from './combobox/combobox-context.mjs';
 export { ComboboxControl } from './combobox/combobox-control.mjs';
 export { ComboboxInput } from './combobox/combobox-input.mjs';
 export { ComboboxItem } from './combobox/combobox-item.mjs';
@@ -89,10 +72,13 @@ export { ComboboxItemIndicator } from './combobox/combobox-item-indicator.mjs';
 export { ComboboxItemText } from './combobox/combobox-item-text.mjs';
 export { ComboboxLabel } from './combobox/combobox-label.mjs';
 export { ComboboxPositioner } from './combobox/combobox-positioner.mjs';
+export { ComboboxRoot } from './combobox/combobox-root.mjs';
 export { ComboboxTrigger } from './combobox/combobox-trigger.mjs';
-export { useComboboxContext } from './combobox/combobox-context.mjs';
+import * as combobox from './combobox/combobox.mjs';
+export { combobox as Combobox };
 export { DatePickerClearTrigger } from './date-picker/date-picker-clear-trigger.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 { DatePickerInput } from './date-picker/date-picker-input.mjs';
 export { DatePickerLabel } from './date-picker/date-picker-label.mjs';
@@ -101,183 +87,272 @@ export { DatePickerNextTrigger } from './date-picker/date-picker-next-trigger.mj
 export { DatePickerPositioner } from './date-picker/date-picker-positioner.mjs';
 export { DatePickerPrevTrigger } from './date-picker/date-picker-prev-trigger.mjs';
 export { DatePickerRangeText } from './date-picker/date-picker-range-text.mjs';
+export { DatePickerRoot } from './date-picker/date-picker-root.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 { useDatePickerTableCellContext } from './date-picker/date-picker-table-cell-context.mjs';
 export { DatePickerTableCellTrigger } from './date-picker/date-picker-table-cell-trigger.mjs';
+export { useDatePickerTableContext } from './date-picker/date-picker-table-context.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 { useDatePickerViewContext } from './date-picker/date-picker-view-context.mjs';
 export { DatePickerViewControl } from './date-picker/date-picker-view-control.mjs';
 export { DatePickerViewTrigger } from './date-picker/date-picker-view-trigger.mjs';
 export { DatePickerYearSelect } from './date-picker/date-picker-year-select.mjs';
-export { useDatePickerContext } from './date-picker/date-picker-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';
+import * as datePicker from './date-picker/date-picker.mjs';
+export { datePicker as DatePicker };
 export { DialogBackdrop } from './dialog/dialog-backdrop.mjs';
 export { DialogCloseTrigger } from './dialog/dialog-close-trigger.mjs';
 export { DialogContent } from './dialog/dialog-content.mjs';
+export { useDialogContext } from './dialog/dialog-context.mjs';
 export { DialogDescription } from './dialog/dialog-description.mjs';
 export { DialogPositioner } from './dialog/dialog-positioner.mjs';
+export { DialogRoot } from './dialog/dialog-root.mjs';
 export { DialogTitle } from './dialog/dialog-title.mjs';
 export { DialogTrigger } from './dialog/dialog-trigger.mjs';
-export { useDialogContext } from './dialog/dialog-context.mjs';
+import * as dialog from './dialog/dialog.mjs';
+export { dialog as Dialog };
 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 { EditableRoot } from './editable/editable-root.mjs';
 export { EditableSubmitTrigger } from './editable/editable-submit-trigger.mjs';
-export { useEditableContext } from './editable/editable-context.mjs';
+import * as editable from './editable/editable.mjs';
+export { editable as Editable };
+export { Environment } from './environment/environment.mjs';
 export { useEnvironmentContext } from './environment/environment-context.mjs';
+export { ark, jsxFactory } from './factory.mjs';
+export { useFileUploadContext } from './file-upload/file-upload-context.mjs';
 export { FileUploadDropzone } from './file-upload/file-upload-dropzone.mjs';
 export { FileUploadItem } from './file-upload/file-upload-item.mjs';
 export { FileUploadItemDeleteTrigger } from './file-upload/file-upload-item-delete-trigger.mjs';
 export { FileUploadItemGroup } from './file-upload/file-upload-item-group.mjs';
 export { FileUploadItemName } from './file-upload/file-upload-item-name.mjs';
+export { FileUploadItemPreview } from './file-upload/file-upload-item-preview.mjs';
 export { FileUploadItemPreviewImage } from './file-upload/file-upload-item-preview-image.mjs';
 export { FileUploadItemSizeText } from './file-upload/file-upload-item-size-text.mjs';
 export { FileUploadLabel } from './file-upload/file-upload-label.mjs';
+export { FileUploadRoot } from './file-upload/file-upload-root.mjs';
 export { FileUploadTrigger } from './file-upload/file-upload-trigger.mjs';
-export { useFileUploadContext } from './file-upload/file-upload-context.mjs';
+import * as fileUpload from './file-upload/file-upload.mjs';
+export { fileUpload as FileUpload };
 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 { HoverCardRoot } from './hover-card/hover-card-root.mjs';
 export { HoverCardTrigger } from './hover-card/hover-card-trigger.mjs';
-export { useHoverCardContext } from './hover-card/hover-card-context.mjs';
+import * as hoverCard from './hover-card/hover-card.mjs';
+export { hoverCard as HoverCard };
 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';
 export { MenuItemGroupLabel } from './menu/menu-item-group-label.mjs';
 export { MenuOptionItem } from './menu/menu-option-item.mjs';
 export { MenuPositioner } from './menu/menu-positioner.mjs';
+export { MenuRoot } from './menu/menu-root.mjs';
 export { MenuSeparator } from './menu/menu-separator.mjs';
 export { MenuTrigger } from './menu/menu-trigger.mjs';
 export { MenuTriggerItem } from './menu/menu-trigger-item.mjs';
-export { useMenuContext } from './menu/menu-context.mjs';
+import * as menu from './menu/menu.mjs';
+export { menu as Menu };
+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 { NumberInputIncrementTrigger } from './number-input/number-input-increment-trigger.mjs';
 export { NumberInputInput } from './number-input/number-input-input.mjs';
 export { NumberInputLabel } from './number-input/number-input-label.mjs';
+export { NumberInputRoot } from './number-input/number-input-root.mjs';
 export { NumberInputScrubber } from './number-input/number-input-scrubber.mjs';
-export { useNumberInputContext } from './number-input/number-input-context.mjs';
+import * as numberInput from './number-input/number-input.mjs';
+export { numberInput as NumberInput };
+export { usePaginationContext } from './pagination/pagination-context.mjs';
 export { PaginationEllipsis } from './pagination/pagination-ellipsis.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 { PaginationRoot } from './pagination/pagination-root.mjs';
+import * as pagination from './pagination/pagination.mjs';
+export { pagination as Pagination };
+export { usePinInputContext } from './pin-input/pin-input-context.mjs';
 export { PinInputControl } from './pin-input/pin-input-control.mjs';
 export { PinInputInput } from './pin-input/pin-input-input.mjs';
 export { PinInputLabel } from './pin-input/pin-input-label.mjs';
-export { usePinInputContext } from './pin-input/pin-input-context.mjs';
+export { PinInputRoot } from './pin-input/pin-input-root.mjs';
+import * as pinInput from './pin-input/pin-input.mjs';
+export { pinInput as PinInput };
 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 { PopoverIndicator } from './popover/popover-indicator.mjs';
 export { PopoverPositioner } from './popover/popover-positioner.mjs';
+export { PopoverRoot } from './popover/popover-root.mjs';
 export { PopoverTitle } from './popover/popover-title.mjs';
 export { PopoverTrigger } from './popover/popover-trigger.mjs';
-export { usePopoverContext } from './popover/popover-context.mjs';
-export { PresencePropsProvider, usePresencePropsContext } from './presence/presence-props-context.mjs';
+import * as popover from './popover/popover.mjs';
+export { popover as Popover };
+export { Portal } from './portal.mjs';
+export { Presence } from './presence/presence.mjs';
 export { PresenceProvider, usePresenceContext } from './presence/presence-context.mjs';
+export { PresencePropsProvider, usePresencePropsContext } from './presence/presence-props-context.mjs';
 export { splitPresenceProps } from './presence/split-presence-props.mjs';
 export { usePresence } from './presence/use-presence.mjs';
 export { ProgressCircle } from './progress/progress-circle.mjs';
 export { ProgressCircleRange } from './progress/progress-circle-range.mjs';
 export { ProgressCircleTrack } from './progress/progress-circle-track.mjs';
-export { ProgressIndicator } from './progress/progress-indicator.mjs';
+export { useProgressContext } from './progress/progress-context.mjs';
 export { ProgressLabel } from './progress/progress-label.mjs';
 export { ProgressRange } from './progress/progress-range.mjs';
+export { ProgressRoot } from './progress/progress-root.mjs';
 export { ProgressTrack } from './progress/progress-track.mjs';
 export { ProgressValueText } from './progress/progress-value-text.mjs';
-export { useProgressContext } from './progress/progress-context.mjs';
+export { ProgressView } from './progress/progress-view.mjs';
+import * as progress from './progress/progress.mjs';
+export { progress as Progress };
+export { useRadioGroupContext } from './radio-group/radio-group-context.mjs';
+export { RadioGroupIndicator } from './radio-group/radio-group-indicator.mjs';
 export { RadioGroupItem } from './radio-group/radio-group-item.mjs';
+export { useRadioGroupItemContext } from './radio-group/radio-group-item-context.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 { useRadioGroupContext } from './radio-group/radio-group-context.mjs';
-export { useRadioGroupItemContext } from './radio-group/radio-group-item-context.mjs';
+export { RadioGroupRoot } from './radio-group/radio-group-root.mjs';
+import * as radioGroup from './radio-group/radio-group.mjs';
+export { radioGroup as RadioGroup };
+export { useRatingGroupContext } from './rating-group/rating-group-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 { useRatingGroupContext } from './rating-group/rating-group-context.mjs';
 export { useRatingGroupItemContext } from './rating-group/rating-group-item-context.mjs';
+export { RatingGroupLabel } from './rating-group/rating-group-label.mjs';
+export { RatingGroupRoot } from './rating-group/rating-group-root.mjs';
+import * as ratingGroup from './rating-group/rating-group.mjs';
+export { ratingGroup as RatingGroup };
+export { useSegmentGroupContext } from './segment-group/segment-group-context.mjs';
 export { SegmentGroupIndicator } from './segment-group/segment-group-indicator.mjs';
 export { SegmentGroupItem } from './segment-group/segment-group-item.mjs';
+export { useSegmentGroupItemContext } from './segment-group/segment-group-item-context.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 { useSegmentGroupContext } from './segment-group/segment-group-context.mjs';
-export { useSegmentGroupItemContext } from './segment-group/segment-group-item-context.mjs';
+export { SegmentGroupRoot } from './segment-group/segment-group-root.mjs';
+import * as segmentGroup from './segment-group/segment-group.mjs';
+export { segmentGroup as SegmentGroup };
 export { SelectClearTrigger } from './select/select-clear-trigger.mjs';
 export { SelectContent } from './select/select-content.mjs';
+export { useSelectContext } from './select/select-context.mjs';
 export { SelectControl } from './select/select-control.mjs';
 export { SelectIndicator } from './select/select-indicator.mjs';
 export { SelectItem } from './select/select-item.mjs';
+export { useSelectItemContext } from './select/select-item-context.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 { SelectPositioner } from './select/select-positioner.mjs';
+export { SelectRoot } from './select/select-root.mjs';
 export { SelectTrigger } from './select/select-trigger.mjs';
 export { SelectValueText } from './select/select-value-text.mjs';
-export { useSelectContext } from './select/select-context.mjs';
-export { useSelectItemContext } from './select/select-item-context.mjs';
+import * as select from './select/select.mjs';
+export { select as Select };
+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';
 export { SliderMarkerGroup } from './slider/slider-marker-group.mjs';
 export { SliderRange } from './slider/slider-range.mjs';
+export { SliderRoot } from './slider/slider-root.mjs';
 export { SliderThumb } from './slider/slider-thumb.mjs';
 export { SliderTrack } from './slider/slider-track.mjs';
 export { SliderValueText } from './slider/slider-value-text.mjs';
-export { useSliderContext } from './slider/slider-context.mjs';
+import * as slider from './slider/slider.mjs';
+export { slider as Slider };
+export { useSplitterContext } from './splitter/splitter-context.mjs';
 export { SplitterPanel } from './splitter/splitter-panel.mjs';
 export { SplitterResizeTrigger } from './splitter/splitter-resize-trigger.mjs';
-export { useSplitterContext } from './splitter/splitter-context.mjs';
+export { SplitterRoot } from './splitter/splitter-root.mjs';
+import * as splitter from './splitter/splitter.mjs';
+export { splitter as Splitter };
+export { useSwitchContext } from './switch/switch-context.mjs';
 export { SwitchControl } from './switch/switch-control.mjs';
 export { SwitchLabel } from './switch/switch-label.mjs';
+export { SwitchRoot } from './switch/switch-root.mjs';
 export { SwitchThumb } from './switch/switch-thumb.mjs';
-export { useSwitchContext } from './switch/switch-context.mjs';
+import * as _switch from './switch/switch.mjs';
+export { _switch as Switch };
 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 { useTabsContext } from './tabs/tabs-context.mjs';
+export { TabsRoot } from './tabs/tabs-root.mjs';
+import * as tabs from './tabs/tabs.mjs';
+export { tabs as Tabs };
 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 { TagsInputInput } from './tags-input/tags-input-input.mjs';
 export { TagsInputItem } from './tags-input/tags-input-item.mjs';
+export { useTagsInputItemContext } from './tags-input/tags-input-item-context.mjs';
 export { TagsInputItemDeleteTrigger } from './tags-input/tags-input-item-delete-trigger.mjs';
 export { TagsInputItemInput } from './tags-input/tags-input-item-input.mjs';
+export { TagsInputItemPreview } from './tags-input/tags-input-item-preview.mjs';
 export { TagsInputItemText } from './tags-input/tags-input-item-text.mjs';
 export { TagsInputLabel } from './tags-input/tags-input-label.mjs';
-export { useTagsInputContext } from './tags-input/tags-input-context.mjs';
-export { useTagsInputItemContext } from './tags-input/tags-input-item-context.mjs';
+export { TagsInputRoot } from './tags-input/tags-input-root.mjs';
+import * as tagsInput from './tags-input/tags-input.mjs';
+export { tagsInput as TagsInput };
 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 { ToastRoot } from './toast/toast-root.mjs';
 export { ToastTitle } from './toast/toast-title.mjs';
-export { ToggleGroupItem } from './toggle-group/toggle-group-item.mjs';
+import * as toast from './toast/toast.mjs';
+export { toast as Toast };
 export { useToggleGroupContext } from './toggle-group/toggle-group-context.mjs';
+export { ToggleGroupItem } from './toggle-group/toggle-group-item.mjs';
+export { ToggleGroupRoot } from './toggle-group/toggle-group-root.mjs';
+import * as toggleGroup from './toggle-group/toggle-group.mjs';
+export { toggleGroup as ToggleGroup };
 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 { TooltipRoot } from './tooltip/tooltip-root.mjs';
 export { TooltipTrigger } from './tooltip/tooltip-trigger.mjs';
-export { useTooltipContext } from './tooltip/tooltip-context.mjs';
+import * as tooltip from './tooltip/tooltip.mjs';
+export { tooltip as Tooltip };
+export { TreeViewBranch } from './tree-view/tree-view-branch.mjs';
+export { TreeViewBranchContent } from './tree-view/tree-view-branch-content.mjs';
+export { TreeViewBranchControl } from './tree-view/tree-view-branch-control.mjs';
+export { TreeViewBranchIndicator } from './tree-view/tree-view-branch-indicator.mjs';
+export { TreeViewBranchText } from './tree-view/tree-view-branch-text.mjs';
+export { TreeViewBranchTrigger } from './tree-view/tree-view-branch-trigger.mjs';
+export { useTreeViewContext } from './tree-view/tree-view-context.mjs';
+export { TreeViewItem } from './tree-view/tree-view-item.mjs';
+export { TreeViewItemText } from './tree-view/tree-view-item-text.mjs';
+export { TreeViewLabel } from './tree-view/tree-view-label.mjs';
+export { TreeViewRoot } from './tree-view/tree-view-root.mjs';
+export { TreeViewTree } from './tree-view/tree-view-tree.mjs';
+import * as treeView from './tree-view/tree-view.mjs';
+export { treeView as TreeView };

package/menu/index.cjs

@@ -1,9 +1,7 @@
-'use client';
 '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');
@@ -14,25 +12,13 @@ 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 menuRoot = require('./menu-root.cjs');
 const menuSeparator = require('./menu-separator.cjs');
 const menuTrigger = require('./menu-trigger.cjs');
 const menuTriggerItem = require('./menu-trigger-item.cjs');
+const menu = require('./menu.cjs');
+
 
-const Menu = Object.assign(menu.Menu, {
-  Root: menu.Menu,
-  Arrow: menuArrow.MenuArrow,
-  ArrowTip: menuArrowTip.MenuArrowTip,
-  Content: menuContent.MenuContent,
-  ContextTrigger: menuContextTrigger.MenuContextTrigger,
-  Item: menuItem.MenuItem,
-  ItemGroup: menuItemGroup.MenuItemGroup,
-  ItemGroupLabel: menuItemGroupLabel.MenuItemGroupLabel,
-  OptionItem: menuOptionItem.MenuOptionItem,
-  Positioner: menuPositioner.MenuPositioner,
-  Separator: menuSeparator.MenuSeparator,
-  Trigger: menuTrigger.MenuTrigger,
-  TriggerItem: menuTriggerItem.MenuTriggerItem
-});
 
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
@@ -44,7 +30,8 @@ exports.MenuItemGroup = menuItemGroup.MenuItemGroup;
 exports.MenuItemGroupLabel = menuItemGroupLabel.MenuItemGroupLabel;
 exports.MenuOptionItem = menuOptionItem.MenuOptionItem;
 exports.MenuPositioner = menuPositioner.MenuPositioner;
+exports.MenuRoot = menuRoot.MenuRoot;
 exports.MenuSeparator = menuSeparator.MenuSeparator;
 exports.MenuTrigger = menuTrigger.MenuTrigger;
 exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
-exports.Menu = Menu;
+exports.Menu = menu;

package/menu/index.d.ts

@@ -1,8 +1,4 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
-/// <reference types="react" />
 import type { OpenChangeDetails as MenuOpenChangeDetails, ValueChangeDetails as MenuValueChangeDetails } from '@zag-js/menu';
-import { type MenuProps } from './menu';
 import { MenuArrow, type MenuArrowProps } from './menu-arrow';
 import { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
 import { MenuContent, type MenuContentProps } from './menu-content';
@@ -13,23 +9,10 @@ import { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
 import { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
 import { MenuOptionItem, type MenuOptionItemProps } from './menu-option-item';
 import { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
+import { MenuRoot, type MenuRootProps } from './menu-root';
 import { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
 import { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
 import { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
-declare const Menu: ((props: MenuProps) => JSX.Element) & {
-    Root: (props: MenuProps) => JSX.Element;
-    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<HTMLDivElement>>;
-    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, useMenuContext, };
-export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOpenChangeDetails, MenuOptionItemProps, MenuPositionerProps, MenuProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, MenuValueChangeDetails, };
+export * as Menu from './menu';
+export { MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };
+export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOpenChangeDetails, MenuOptionItemProps, MenuPositionerProps, MenuRootProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, MenuValueChangeDetails, };

package/menu/index.mjs

@@ -1,33 +1,16 @@
-'use client';
-import { Menu as Menu$1 } from './menu.mjs';
-import { MenuArrow } from './menu-arrow.mjs';
-import { MenuArrowTip } from './menu-arrow-tip.mjs';
-import { MenuContent } from './menu-content.mjs';
+export { MenuArrow } from './menu-arrow.mjs';
+export { MenuArrowTip } from './menu-arrow-tip.mjs';
+export { MenuContent } from './menu-content.mjs';
 export { useMenuContext } from './menu-context.mjs';
-import { MenuContextTrigger } from './menu-context-trigger.mjs';
-import { MenuItem } from './menu-item.mjs';
-import { MenuItemGroup } from './menu-item-group.mjs';
-import { MenuItemGroupLabel } from './menu-item-group-label.mjs';
-import { MenuOptionItem } from './menu-option-item.mjs';
-import { MenuPositioner } from './menu-positioner.mjs';
-import { MenuSeparator } from './menu-separator.mjs';
-import { MenuTrigger } from './menu-trigger.mjs';
-import { MenuTriggerItem } from './menu-trigger-item.mjs';
-
-const Menu = Object.assign(Menu$1, {
-  Root: Menu$1,
-  Arrow: MenuArrow,
-  ArrowTip: MenuArrowTip,
-  Content: MenuContent,
-  ContextTrigger: MenuContextTrigger,
-  Item: MenuItem,
-  ItemGroup: MenuItemGroup,
-  ItemGroupLabel: MenuItemGroupLabel,
-  OptionItem: MenuOptionItem,
-  Positioner: MenuPositioner,
-  Separator: MenuSeparator,
-  Trigger: MenuTrigger,
-  TriggerItem: MenuTriggerItem
-});
-
-export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem };
+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 { MenuRoot } from './menu-root.mjs';
+export { MenuSeparator } from './menu-separator.mjs';
+export { MenuTrigger } from './menu-trigger.mjs';
+export { MenuTriggerItem } from './menu-trigger-item.mjs';
+import * as menu from './menu.mjs';
+export { menu as Menu };

package/menu/menu-content.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const menuContext = require('./menu-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const menuContext = require('./menu-context.cjs');
 
 const MenuContent = react.forwardRef((props, ref) => {
   const api = menuContext.useMenuContext();

package/menu/menu-content.mjs

@@ -3,9 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
-import { useMenuContext } from './menu-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useMenuContext } from './menu-context.mjs';
 
 const MenuContent = forwardRef((props, ref) => {
   const api = useMenuContext();

package/menu/menu-positioner.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const menuContext = require('./menu-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const menuContext = require('./menu-context.cjs');
 
 const MenuPositioner = react.forwardRef((props, ref) => {
   const api = menuContext.useMenuContext();