@ark-ui/react 1.2.1 → 2.0.0

package/index.mjs

@@ -7,7 +7,8 @@ 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 { Environment } from './environment/environment.mjs';
+export { useEnvironmentContext } from './environment/environment-context.mjs';
 export { ark, jsxFactory } from './factory.mjs';
 export { FileUpload } from './file-upload/index.mjs';
 export { HoverCard } from './hover-card/index.mjs';
@@ -17,7 +18,12 @@ 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 { 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 { 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';
@@ -30,14 +36,17 @@ 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 { TreeView } from './tree-view/index.mjs';
 export { AccordionItem } from './accordion/accordion-item.mjs';
 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 { AccordionRoot } from './accordion/accordion-root.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 { AvatarRoot } from './avatar/avatar-root.mjs';
 export { useAvatarContext } from './avatar/avatar-context.mjs';
 export { CarouselControl } from './carousel/carousel-control.mjs';
 export { CarouselIndicator } from './carousel/carousel-indicator.mjs';
@@ -46,11 +55,13 @@ 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';
 export { CheckboxControl } from './checkbox/checkbox-control.mjs';
 export { CheckboxIndicator } from './checkbox/checkbox-indicator.mjs';
 export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
+export { CheckboxRoot } from './checkbox/checkbox-root.mjs';
 export { useCheckboxContext } from './checkbox/checkbox-context.mjs';
 export { ColorPickerArea } from './color-picker/color-picker-area.mjs';
 export { ColorPickerAreaBackground } from './color-picker/color-picker-area-background.mjs';
@@ -66,6 +77,7 @@ export { ColorPickerFormatSelect } from './color-picker/color-picker-format-sele
 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';
@@ -88,6 +100,7 @@ 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';
 export { DatePickerClearTrigger } from './date-picker/date-picker-clear-trigger.mjs';
@@ -100,6 +113,7 @@ 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';
@@ -121,6 +135,7 @@ export { DialogCloseTrigger } from './dialog/dialog-close-trigger.mjs';
 export { DialogContent } from './dialog/dialog-content.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';
@@ -131,9 +146,9 @@ 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';
-export { useEnvironmentContext } from './environment/environment-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';
@@ -142,12 +157,14 @@ export { FileUploadItemName } from './file-upload/file-upload-item-name.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';
 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 { 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';
 export { MenuArrow } from './menu/menu-arrow.mjs';
@@ -159,6 +176,7 @@ 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';
@@ -168,16 +186,19 @@ export { NumberInputDecrementTrigger } from './number-input/number-input-decreme
 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';
 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 { PaginationRoot } from './pagination/pagination-root.mjs';
 export { usePaginationContext } from './pagination/pagination-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 { PinInputRoot } from './pin-input/pin-input-root.mjs';
 export { usePinInputContext } from './pin-input/pin-input-context.mjs';
 export { PopoverAnchor } from './popover/popover-anchor.mjs';
 export { PopoverArrow } from './popover/popover-arrow.mjs';
@@ -187,22 +208,31 @@ 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 { 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';
-export { PresenceProvider, usePresenceContext } from './presence/presence-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 { 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 { ProgressView } from './progress/progress-view.mjs';
+export { useProgressContext } from './progress/progress-context.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 { RadioGroupRoot } from './radio-group/radio-group-root.mjs';
 export { useRadioGroupContext } from './radio-group/radio-group-context.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 { RatingGroupRoot } from './rating-group/rating-group-root.mjs';
 export { useRatingGroupContext } from './rating-group/rating-group-context.mjs';
 export { useRatingGroupItemContext } from './rating-group/rating-group-item-context.mjs';
 export { SegmentGroupIndicator } from './segment-group/segment-group-indicator.mjs';
@@ -210,6 +240,7 @@ 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 { SegmentGroupRoot } from './segment-group/segment-group-root.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';
@@ -223,6 +254,7 @@ 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';
@@ -232,21 +264,25 @@ 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';
 export { SplitterPanel } from './splitter/splitter-panel.mjs';
 export { SplitterResizeTrigger } from './splitter/splitter-resize-trigger.mjs';
+export { SplitterRoot } from './splitter/splitter-root.mjs';
 export { useSplitterContext } from './splitter/splitter-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';
 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 { TabsRoot } from './tabs/tabs-root.mjs';
 export { useTabsContext } from './tabs/tabs-context.mjs';
 export { TagsInputClearTrigger } from './tags-input/tags-input-clear-trigger.mjs';
 export { TagsInputControl } from './tags-input/tags-input-control.mjs';
@@ -254,20 +290,37 @@ 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 { 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 { TagsInputRoot } from './tags-input/tags-input-root.mjs';
 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 { ToastRoot } from './toast/toast-root.mjs';
 export { ToastTitle } from './toast/toast-title.mjs';
 export { ToggleGroupItem } from './toggle-group/toggle-group-item.mjs';
+export { ToggleGroupRoot } from './toggle-group/toggle-group-root.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 { TooltipRoot } from './tooltip/tooltip-root.mjs';
 export { TooltipTrigger } from './tooltip/tooltip-trigger.mjs';
 export { useTooltipContext } from './tooltip/tooltip-context.mjs';
+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 { 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';
+export { useTreeViewContext } from './tree-view/tree-view-context.mjs';

package/menu/index.cjs

@@ -3,7 +3,6 @@
 
 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,12 +13,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 = Object.assign(menu.Menu, {
-  Root: menu.Menu,
+const Menu = {
+  Root: menuRoot.MenuRoot,
   Arrow: menuArrow.MenuArrow,
   ArrowTip: menuArrowTip.MenuArrowTip,
   Content: menuContent.MenuContent,
@@ -32,7 +32,7 @@ const Menu = Object.assign(menu.Menu, {
   Separator: menuSeparator.MenuSeparator,
   Trigger: menuTrigger.MenuTrigger,
   TriggerItem: menuTriggerItem.MenuTriggerItem
-});
+};
 
 exports.MenuArrow = menuArrow.MenuArrow;
 exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
@@ -44,6 +44,7 @@ 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;

package/menu/index.d.ts

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 /// <reference types="react" />
-import { type MenuProps } from './menu';
+import type { OpenChangeDetails as MenuOpenChangeDetails, ValueChangeDetails as MenuValueChangeDetails } from '@zag-js/menu';
 import { MenuArrow, type MenuArrowProps } from './menu-arrow';
 import { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
 import { MenuContent, type MenuContentProps } from './menu-content';
@@ -12,11 +12,12 @@ 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;
+export declare const Menu: {
+    Root: (props: MenuRootProps) => JSX.Element;
     Arrow: ForwardRefExoticComponent<MenuArrowProps & RefAttributes<HTMLDivElement>>;
     ArrowTip: ForwardRefExoticComponent<MenuArrowTipProps & RefAttributes<HTMLDivElement>>;
     Content: ForwardRefExoticComponent<MenuContentProps & RefAttributes<HTMLDivElement>>;
@@ -30,5 +31,5 @@ declare const Menu: ((props: MenuProps) => JSX.Element) & {
     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, MenuOptionItemProps, MenuPositionerProps, MenuProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, };
+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,5 +1,4 @@
 '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';
@@ -10,12 +9,13 @@ 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 { MenuRoot } from './menu-root.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,
+const Menu = {
+  Root: MenuRoot,
   Arrow: MenuArrow,
   ArrowTip: MenuArrowTip,
   Content: MenuContent,
@@ -28,6 +28,6 @@ const Menu = Object.assign(Menu$1, {
   Separator: MenuSeparator,
   Trigger: MenuTrigger,
   TriggerItem: MenuTriggerItem
-});
+};
 
-export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem };
+export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem };

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();

package/menu/menu-positioner.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 MenuPositioner = forwardRef((props, ref) => {
   const api = useMenuContext();

package/menu/{menu.cjs → menu-root.cjs}

@@ -7,16 +7,15 @@ const jsxRuntime = require('react/jsx-runtime');
 const react = require('@zag-js/react');
 const react$1 = require('react');
 const createSplitProps = require('../create-split-props.cjs');
-require('../presence/index.cjs');
+const presenceContext = require('../presence/presence-context.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
 const runIfFn = require('../run-if-fn.cjs');
 const useEffectOnce = require('../use-effect-once.cjs');
 const menuContext = require('./menu-context.cjs');
 const useMenu = require('./use-menu.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
-const usePresence = require('../presence/use-presence.cjs');
-const presenceContext = require('../presence/presence-context.cjs');
 
-const Menu = (props) => {
+const MenuRoot = (props) => {
   const [presenceProps, menuProps] = splitPresenceProps.splitPresenceProps(props);
   const [useMenuProps, localProps] = createSplitProps.createSplitProps()(menuProps, [
     "anchorPoint",
@@ -56,4 +55,4 @@ const Menu = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(menuContext.MenuTriggerItemProvider, { value: getTriggerItemProps, children: /* @__PURE__ */ jsxRuntime.jsx(menuContext.MenuMachineProvider, { value: machine, children: /* @__PURE__ */ jsxRuntime.jsx(menuContext.MenuProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: view }) }) }) });
 };
 
-exports.Menu = Menu;
+exports.MenuRoot = MenuRoot;

package/menu/{menu.d.ts → menu-root.d.ts}

@@ -2,7 +2,7 @@ import { JSX } from 'react/jsx-runtime';
 import { type ReactNode } from 'react';
 import { type UsePresenceProps } from '../presence';
 import { type UseMenuProps, type UseMenuReturn } from './use-menu';
-export interface MenuProps extends UseMenuProps, UsePresenceProps {
+export interface MenuRootProps extends UseMenuProps, UsePresenceProps {
     children?: ReactNode | ((api: UseMenuReturn['api']) => ReactNode);
 }
-export declare const Menu: (props: MenuProps) => JSX.Element;
+export declare const MenuRoot: (props: MenuRootProps) => JSX.Element;

package/menu/{menu.mjs → menu-root.mjs}

@@ -3,16 +3,15 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { useCallback } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
-import '../presence/index.mjs';
+import { PresenceProvider } from '../presence/presence-context.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
+import { usePresence } from '../presence/use-presence.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
 import { useEffectOnce } from '../use-effect-once.mjs';
 import { useMenuContext, useMenuMachineContext, MenuTriggerItemProvider, MenuMachineProvider, MenuProvider } from './menu-context.mjs';
 import { useMenu } from './use-menu.mjs';
-import { splitPresenceProps } from '../presence/split-presence-props.mjs';
-import { usePresence } from '../presence/use-presence.mjs';
-import { PresenceProvider } from '../presence/presence-context.mjs';
 
-const Menu = (props) => {
+const MenuRoot = (props) => {
   const [presenceProps, menuProps] = splitPresenceProps(props);
   const [useMenuProps, localProps] = createSplitProps()(menuProps, [
     "anchorPoint",
@@ -52,4 +51,4 @@ const Menu = (props) => {
   return /* @__PURE__ */ jsx(MenuTriggerItemProvider, { value: getTriggerItemProps, children: /* @__PURE__ */ jsx(MenuMachineProvider, { value: machine, children: /* @__PURE__ */ jsx(MenuProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: view }) }) }) });
 };
 
-export { Menu };
+export { MenuRoot };

package/menu/menu-trigger.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 MenuTrigger = react.forwardRef((props, ref) => {
   const api = menuContext.useMenuContext();

package/menu/menu-trigger.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 MenuTrigger = forwardRef((props, ref) => {
   const api = useMenuContext();

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

@@ -0,0 +1,5 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;

package/menu/{menu.stories.d.ts → stories/menu.stories.d.ts}

@@ -1,14 +1,9 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { Menu } from './';
-type MenuType = typeof Menu;
-declare const meta: Meta<MenuType>;
+declare const meta: Meta;
 export default meta;
 export declare const Basic: () => JSX.Element;
 export declare const Controlled: () => JSX.Element;
 export declare const Group: () => JSX.Element;
 export declare const Separator: () => JSX.Element;
-export declare const ContextMenu: () => JSX.Element;
-export declare const SubMenu: () => JSX.Element;
 export declare const Options: () => JSX.Element;
-export declare const ComplexSubMenu: () => JSX.Element;

package/menu/stories/nested-menu.stories.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Advanced: () => JSX.Element;

package/menu/tests/basic.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react/jsx-runtime';
+import { type MenuRootProps } from '../';
+export declare const ComponentUnderTest: (props: MenuRootProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { JSX } from 'react/jsx-runtime';
+export declare const ContextMenuComponentUnderTest: () => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { JSX } from 'react/jsx-runtime';
+export declare const MenuItemGroupComponentUnderTest: () => JSX.Element;

package/menu/tests/nested-menu.d.ts

@@ -0,0 +1,2 @@
+import { JSX } from 'react/jsx-runtime';
+export declare const NestedMenuComponentUnderTest: () => JSX.Element;

package/menu/tests/option-groups.d.ts

@@ -0,0 +1,2 @@
+import { JSX } from 'react/jsx-runtime';
+export declare const OptionGroupsComponentUnderTest: () => JSX.Element;

package/menu/tests/render-prop.d.ts

@@ -0,0 +1,2 @@
+import { JSX } from 'react/jsx-runtime';
+export declare const RenderPropComponentUnderTest: () => JSX.Element;

package/menu/use-menu.cjs

@@ -6,9 +6,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const menu = require('@zag-js/menu');
 const react$1 = require('@zag-js/react');
 const react = require('react');
-require('../environment/index.cjs');
-const useEvent = require('../use-event.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
+const useEvent = require('../use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/menu/use-menu.mjs

@@ -2,9 +2,8 @@
 import * as menu from '@zag-js/menu';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
-import '../environment/index.mjs';
-import { useEvent } from '../use-event.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
+import { useEvent } from '../use-event.mjs';
 
 const useMenu = (props = {}) => {
   const context = {

package/number-input/index.cjs

@@ -3,24 +3,24 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-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');
 const numberInputIncrementTrigger = require('./number-input-increment-trigger.cjs');
 const numberInputInput = require('./number-input-input.cjs');
 const numberInputLabel = require('./number-input-label.cjs');
+const numberInputRoot = require('./number-input-root.cjs');
 const numberInputScrubber = require('./number-input-scrubber.cjs');
 
-const NumberInput = Object.assign(numberInput.NumberInput, {
-  Root: numberInput.NumberInput,
+const NumberInput = {
+  Root: numberInputRoot.NumberInputRoot,
   Control: numberInputControl.NumberInputControl,
   DecrementTrigger: numberInputDecrementTrigger.NumberInputDecrementTrigger,
   Input: numberInputInput.NumberInputInput,
   IncrementTrigger: numberInputIncrementTrigger.NumberInputIncrementTrigger,
   Label: numberInputLabel.NumberInputLabel,
   Scrubber: numberInputScrubber.NumberInputScrubber
-});
+};
 
 exports.useNumberInputContext = numberInputContext.useNumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
@@ -28,5 +28,6 @@ exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDec
 exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
 exports.NumberInputInput = numberInputInput.NumberInputInput;
 exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
+exports.NumberInputRoot = numberInputRoot.NumberInputRoot;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
 exports.NumberInput = NumberInput;