@ark-ui/solid 0.8.1 → 0.10.0

package/index.mjs

@@ -1,32 +1,68 @@
 export { createAnatomy } from '@zag-js/anatomy';
-export { Accordion } from './accordion/accordion.mjs';
+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 { 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 { HoverCard } from './hover-card/index.mjs';
+export { Menu } from './menu/index.mjs';
+export { NumberInput } from './number-input/index.mjs';
+export { Pagination } from './pagination/index.mjs';
+export { PinInput } from './pin-input/index.mjs';
+export { Popover } from './popover/index.mjs';
+export { Pressable } from './pressable/index.mjs';
+export { RadioGroup } from './radio-group/index.mjs';
+export { RangeSlider } from './range-slider/index.mjs';
+export { RatingGroup } from './rating-group/index.mjs';
+export { SegmentGroup } from './segment-group/index.mjs';
+export { Select } from './select/index.mjs';
+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 { Tooltip } from './tooltip/index.mjs';
 export { AccordionContent } from './accordion/accordion-content.mjs';
 export { AccordionItem } from './accordion/accordion-item.mjs';
 export { AccordionTrigger } from './accordion/accordion-trigger.mjs';
-export { Avatar } from './avatar/avatar.mjs';
+export { anatomy as accordionAnatomy } from '@zag-js/accordion';
+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 { Carousel } from './carousel/carousel.mjs';
+export { anatomy as avatarAnatomy } from '@zag-js/avatar';
+export { useAvatarContext } from './avatar/avatar-context.mjs';
 export { CarouselControl } from './carousel/carousel-control.mjs';
+export { CarouselIndicator } from './carousel/carousel-indicator.mjs';
+export { CarouselIndicatorGroup } from './carousel/carousel-indicator-group.mjs';
 export { CarouselNextSlideTrigger } from './carousel/carousel-next-slide-trigger.mjs';
 export { CarouselPrevSlideTrigger } from './carousel/carousel-prev-slide-trigger.mjs';
 export { CarouselSlide } from './carousel/carousel-slide.mjs';
 export { CarouselSlideGroup } from './carousel/carousel-slide-group.mjs';
 export { CarouselViewport } from './carousel/carousel-viewport.mjs';
 export { carouselAnatomy } from './carousel/carousel.anatomy.mjs';
-export { Checkbox } from './checkbox/checkbox.mjs';
+export { useCarouselContext } from './carousel/carousel-context.mjs';
 export { CheckboxControl } from './checkbox/checkbox-control.mjs';
-export { CheckboxInput } from './checkbox/checkbox-input.mjs';
 export { CheckboxLabel } from './checkbox/checkbox-label.mjs';
-export { Combobox } from './combobox/combobox.mjs';
+export { anatomy as checkboxAnatomy } from '@zag-js/checkbox';
+export { useCheckboxContext } from './checkbox/checkbox-context.mjs';
+export { ComboboxClearTrigger } from './combobox/combobox-clear-trigger.mjs';
 export { ComboboxContent } from './combobox/combobox-content.mjs';
 export { ComboboxControl } from './combobox/combobox-control.mjs';
 export { ComboboxInput } from './combobox/combobox-input.mjs';
 export { ComboboxLabel } from './combobox/combobox-label.mjs';
 export { ComboboxOption } from './combobox/combobox-option.mjs';
+export { ComboboxOptionGroup } from './combobox/combobox-option-group.mjs';
+export { ComboboxOptionGroupLabel } from './combobox/combobox-option-group-label.mjs';
 export { ComboboxPositioner } from './combobox/combobox-positioner.mjs';
 export { ComboboxTrigger } from './combobox/combobox-trigger.mjs';
-export { DatePicker } from './date-picker/date-picker.mjs';
+export { anatomy as comboboxAnatomy } from '@zag-js/combobox';
+export { useComboboxContext } from './combobox/combobox-context.mjs';
 export { DatePickerClearTrigger } from './date-picker/date-picker-clear-trigger.mjs';
 export { DatePickerColumnHeader } from './date-picker/date-picker-column-header.mjs';
 export { DatePickerContent } from './date-picker/date-picker-content.mjs';
@@ -39,6 +75,7 @@ export { DatePickerMonthCell } from './date-picker/date-picker-month-cell.mjs';
 export { DatePickerMonthCellTrigger } from './date-picker/date-picker-month-cell-trigger.mjs';
 export { DatePickerMonthSelect } from './date-picker/date-picker-month-select.mjs';
 export { DatePickerNextTrigger } from './date-picker/date-picker-next-trigger.mjs';
+export { DatePickerPositioner } from './date-picker/date-picker-positioner.mjs';
 export { DatePickerPrevTrigger } from './date-picker/date-picker-prev-trigger.mjs';
 export { DatePickerRow } from './date-picker/date-picker-row.mjs';
 export { DatePickerRowGroup } from './date-picker/date-picker-row-group.mjs';
@@ -49,7 +86,9 @@ export { DatePickerYearCell } from './date-picker/date-picker-year-cell.mjs';
 export { DatePickerYearCellTrigger } from './date-picker/date-picker-year-cell-trigger.mjs';
 export { DatePickerYearSelect } from './date-picker/date-picker-year-select.mjs';
 export { datePickerAnatomy } from './date-picker/date-picker.anatomy.mjs';
-export { Dialog } from './dialog/dialog.mjs';
+export { useDatePickerCellContext } from './date-picker/date-picker-cell-context.mjs';
+export { useDatePickerContext } from './date-picker/date-picker-context.mjs';
+export { useDatePickerDayCellContext } from './date-picker/date-picker-day-cell-context.mjs';
 export { DialogBackdrop } from './dialog/dialog-backdrop.mjs';
 export { DialogCloseTrigger } from './dialog/dialog-close-trigger.mjs';
 export { DialogContainer } from './dialog/dialog-container.mjs';
@@ -57,7 +96,8 @@ export { DialogContent } from './dialog/dialog-content.mjs';
 export { DialogDescription } from './dialog/dialog-description.mjs';
 export { DialogTitle } from './dialog/dialog-title.mjs';
 export { DialogTrigger } from './dialog/dialog-trigger.mjs';
-export { Editable } from './editable/editable.mjs';
+export { anatomy as dialogAnatomy } from '@zag-js/dialog';
+export { useDialogContext } from './dialog/dialog-context.mjs';
 export { EditableArea } from './editable/editable-area.mjs';
 export { EditableCancelTrigger } from './editable/editable-cancel-trigger.mjs';
 export { EditableControl } from './editable/editable-control.mjs';
@@ -66,15 +106,16 @@ 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 { Environment } from './environment/environment.mjs';
+export { anatomy as editableAnatomy } from '@zag-js/editable';
+export { useEditableContext } from './editable/editable-context.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 { HoverCardPositioner } from './hover-card/hover-card-positioner.mjs';
 export { HoverCardTrigger } from './hover-card/hover-card-trigger.mjs';
-export { Menu } from './menu/menu.mjs';
+export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
+export { useHoverCardContext } from './hover-card/hover-card-context.mjs';
 export { MenuArrow } from './menu/menu-arrow.mjs';
 export { MenuArrowTip } from './menu/menu-arrow-tip.mjs';
 export { MenuContent } from './menu/menu-content.mjs';
@@ -87,14 +128,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 { NumberInput } from './number-input/number-input.mjs';
+export { anatomy as menuAnatomy } from '@zag-js/menu';
+export { useMenuContext } from './menu/menu-context.mjs';
 export { NumberInputControl } from './number-input/number-input-control.mjs';
 export { NumberInputDecrementTrigger } from './number-input/number-input-decrement-trigger.mjs';
-export { NumberInputField } from './number-input/number-input-field.mjs';
 export { NumberInputIncrementTrigger } from './number-input/number-input-increment-trigger.mjs';
+export { NumberInputInput } from './number-input/number-input-field.mjs';
 export { NumberInputLabel } from './number-input/number-input-label.mjs';
 export { NumberInputScrubber } from './number-input/number-input-scrubber.mjs';
-export { Pagination } from './pagination/pagination.mjs';
+export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
+export { useNumberInputContext } from './number-input/number-input-context.mjs';
 export { PaginationEllipsis } from './pagination/pagination-ellipsis.mjs';
 export { PaginationList } from './pagination/pagination-list.mjs';
 export { PaginationListItem } from './pagination/pagination-list-item.mjs';
@@ -102,11 +145,12 @@ export { PaginationNextPageTrigger } from './pagination/pagination-next-page-tri
 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 { usePaginationContext } from './pagination/pagination-context.mjs';
 export { PinInputControl } from './pin-input/pin-input-control.mjs';
-export { PinInputField } from './pin-input/pin-input-field.mjs';
+export { PinInputInput } from './pin-input/pin-input-field.mjs';
 export { PinInputLabel } from './pin-input/pin-input-label.mjs';
-export { Popover } from './popover/popover.mjs';
+export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
+export { usePinInputContext } from './pin-input/pin-input-context.mjs';
 export { PopoverAnchor } from './popover/popover-anchor.mjs';
 export { PopoverArrow } from './popover/popover-arrow.mjs';
 export { PopoverArrowTip } from './popover/popover-arrow-tip.mjs';
@@ -116,15 +160,16 @@ 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 { Pressable } from './pressable/pressable.mjs';
+export { anatomy as popoverAnatomy } from '@zag-js/popover';
+export { usePopoverContext } from './popover/popover-context.mjs';
 export { usePressable } from './pressable/use-pressable.mjs';
 export { Radio } from './radio-group/radio.mjs';
 export { RadioControl } from './radio-group/radio-control.mjs';
-export { RadioGroup } from './radio-group/radio-group.mjs';
 export { RadioGroupLabel } from './radio-group/radio-group-label.mjs';
-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 { anatomy as radioGroupAnatomy } from '@zag-js/radio-group';
+export { useRadioContext } from './radio-group/radio-context.mjs';
+export { useRadioGroupContext } from './radio-group/radio-group-context.mjs';
 export { RangeSliderControl } from './range-slider/range-slider-control.mjs';
 export { RangeSliderLabel } from './range-slider/range-slider-label.mjs';
 export { RangeSliderMarker } from './range-slider/range-slider-marker.mjs';
@@ -133,19 +178,22 @@ export { RangeSliderOutput } from './range-slider/range-slider-output.mjs';
 export { RangeSliderRange } from './range-slider/range-slider-range.mjs';
 export { RangeSliderThumb } from './range-slider/range-slider-thumb.mjs';
 export { RangeSliderTrack } from './range-slider/range-slider-track.mjs';
+export { anatomy as rangeSliderAnatomy } from '@zag-js/range-slider';
+export { useRangeSliderContext } from './range-slider/range-slider-context.mjs';
 export { Rating } from './rating-group/rating.mjs';
-export { RatingGroup } from './rating-group/rating-group.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 { useRatingContext } from './rating-group/rating-context.mjs';
+export { useRatingGroupContext } from './rating-group/rating-group-context.mjs';
 export { Segment } from './segment-group/segment.mjs';
 export { SegmentControl } from './segment-group/segment-control.mjs';
-export { SegmentGroup } from './segment-group/segment-group.mjs';
+export { SegmentGroupIndicator } from './segment-group/segment-group-indicator.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';
-export { SegmentInput } from './segment-group/segment-input.mjs';
 export { SegmentLabel } from './segment-group/segment-label.mjs';
-export { Select } from './select/select.mjs';
+export { segmentGroupAnatomy } from './segment-group/segment-group.anatomy.mjs';
+export { useSegmentContext } from './segment-group/segment-context.mjs';
+export { useSegmentGroupContext } from './segment-group/segment-group-context.mjs';
 export { SelectContent } from './select/select-content.mjs';
 export { SelectLabel } from './select/select-label.mjs';
 export { SelectOption } from './select/select-option.mjs';
@@ -153,7 +201,8 @@ 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 { Slider } from './slider/slider.mjs';
+export { anatomy as selectAnatomy } from '@zag-js/select';
+export { useSelectContext } from './select/select-context.mjs';
 export { SliderControl } from './slider/slider-control.mjs';
 export { SliderLabel } from './slider/slider-label.mjs';
 export { SliderMarker } from './slider/slider-marker.mjs';
@@ -162,59 +211,45 @@ 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 { Splitter } from './splitter/splitter.mjs';
+export { anatomy as sliderAnatomy } from '@zag-js/slider';
+export { useSliderContext } from './slider/slider-context.mjs';
 export { SplitterPanel } from './splitter/splitter-panel.mjs';
 export { SplitterResizeTrigger } from './splitter/splitter-resize-trigger.mjs';
-export { Switch } from './switch/switch.mjs';
+export { anatomy as splitterAnatomy } from '@zag-js/splitter';
+export { useSplitterContext } from './splitter/splitter-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 { anatomy as switchAnatomy } from '@zag-js/switch';
+export { useSwitchContext } from './switch/switch-context.mjs';
 export { TabContent } from './tabs/tab-content.mjs';
 export { TabIndicator } from './tabs/tab-indicator.mjs';
 export { TabList } from './tabs/tab-list.mjs';
 export { TabTrigger } from './tabs/tab-trigger.mjs';
-export { 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 { TagsInputControl } from './tags-input/tags-input-control.mjs';
-export { TagsInputField } from './tags-input/tags-input-field.mjs';
+export { TagsInputInput } from './tags-input/tags-input-field.mjs';
 export { TagsInputLabel } from './tags-input/tags-input-label.mjs';
-export { Toast } from './toast/toast.mjs';
+export { anatomy as tagsInputAnatomy } from '@zag-js/tags-input';
+export { useTagsInputContext } from './tags-input/tags-input-context.mjs';
 export { ToastCloseTrigger } from './toast/toast-close-trigger.mjs';
 export { ToastDescription } from './toast/toast-description.mjs';
 export { ToastGroup } from './toast/toast-group.mjs';
 export { ToastPlacements } from './toast/toast-placements.mjs';
 export { ToastProvider, useToast } from './toast/toast-provider.mjs';
+export { Toast as ToastRoot } from './toast/toast.mjs';
 export { ToastTitle } from './toast/toast-title.mjs';
-export { Tooltip } from './tooltip/tooltip.mjs';
+export { anatomy as toastAnatomy } from '@zag-js/toast';
+export { useToastItemContext } from './toast/toast-item-context.mjs';
 export { TooltipArrow } from './tooltip/tooltip-arrow.mjs';
 export { TooltipArrowTip } from './tooltip/tooltip-arrow-tip.mjs';
 export { TooltipContent } from './tooltip/tooltip-content.mjs';
 export { TooltipPositioner } from './tooltip/tooltip-positioner.mjs';
 export { TooltipTrigger } from './tooltip/tooltip-trigger.mjs';
-export { anatomy as 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/pagination';
+export { anatomy as tooltipAnatomy } from '@zag-js/tooltip';
+export { useTooltipContext } from './tooltip/tooltip-context.mjs';

package/menu/index.cjs

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const menu = require('./menu.cjs');
+const menu$1 = 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');
@@ -15,14 +16,28 @@ 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');
-
+const menu = require('@zag-js/menu');
 
+const Menu = Object.assign(menu$1.Menu, {
+  Root: menu$1.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.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;
@@ -34,5 +49,6 @@ exports.MenuTrigger = menuTrigger.MenuTrigger;
 exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
 Object.defineProperty(exports, 'menuAnatomy', {
   enumerable: true,
-  get: () => menu$1.anatomy
+  get: () => menu.anatomy
 });
+exports.Menu = Menu;

package/menu/index.d.ts

@@ -1,14 +1,33 @@
-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 { MenuContextTrigger, type MenuContextTriggerProps } from './menu-context-trigger';
-export { MenuItem, type MenuItemProps } from './menu-item';
-export { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
-export { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
-export { MenuOptionItem, type MenuOptionItemProps, type MenuOptionItemState, } from './menu-option-item';
-export { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
-export { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
-export { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
-export { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
-export { menuAnatomy } from './menu.anatomy';
+import { JSX } from 'solid-js';
+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';
+import { useMenuContext } from './menu-context';
+import { MenuContextTrigger, type MenuContextTriggerProps } from './menu-context-trigger';
+import { MenuItem, type MenuItemProps } from './menu-item';
+import { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
+import { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
+import { MenuOptionItem, type MenuOptionItemProps, type MenuOptionItemState } from './menu-option-item';
+import { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
+import { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
+import { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
+import { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
+import { menuAnatomy } from './menu.anatomy';
+declare const Menu: ((props: MenuProps) => JSX.Element) & {
+    Root: (props: MenuProps) => JSX.Element;
+    Arrow: (props: MenuArrowProps) => JSX.Element;
+    ArrowTip: (props: MenuArrowTipProps) => JSX.Element;
+    Content: (props: MenuContentProps) => JSX.Element;
+    ContextTrigger: (props: MenuContextTriggerProps) => JSX.Element;
+    Item: (props: MenuItemProps) => JSX.Element;
+    ItemGroup: (props: MenuItemGroupProps) => JSX.Element;
+    ItemGroupLabel: (props: MenuItemGroupLabelProps) => JSX.Element;
+    OptionItem: (props: MenuOptionItemProps) => JSX.Element;
+    Positioner: (props: MenuPositionerProps) => JSX.Element;
+    Separator: (props: MenuSeparatorProps) => JSX.Element;
+    Trigger: (props: MenuTriggerProps) => JSX.Element;
+    TriggerItem: (props: MenuTriggerItemProps) => JSX.Element;
+};
+export { Menu, MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuSeparator, MenuTrigger, MenuTriggerItem, menuAnatomy, useMenuContext, };
+export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOptionItemProps, MenuOptionItemState, MenuPositionerProps, MenuProps, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, };

package/menu/index.mjs

@@ -1,14 +1,33 @@
-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 { 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';
+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 { 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';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
+
+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 };

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

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

package/menu/menu-arrow.d.ts

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

package/menu/menu-content.d.ts

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

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type MenuContextTriggerProps = HTMLArkProps<'button'>;
 export declare const MenuContextTrigger: (props: MenuContextTriggerProps) => JSX.Element;

package/menu/menu-context.d.ts

@@ -1,4 +1,4 @@
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseMenuReturn } from './use-menu';
 export type MenuContext = () => ReturnType<ReturnType<UseMenuReturn>['api']>;
 export declare const MenuProvider: ContextProviderComponent<MenuContext | undefined>, useMenuContext: () => MenuContext | undefined;

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 type MenuItemGroupLabelParams = {

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type UseMenuReturn } from './use-menu';

package/menu/menu-item.d.ts

@@ -1,8 +1,6 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
+import type { ItemProps } from '@zag-js/menu';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type UseMenuReturn } from './use-menu';
-type MenuItemParams = Parameters<ReturnType<ReturnType<UseMenuReturn>['api']>['getItemProps']>[0];
-export type MenuItemProps = Assign<HTMLArkProps<'div'>, MenuItemParams>;
+export type MenuItemProps = Assign<HTMLArkProps<'div'>, ItemProps>;
 export declare const MenuItem: (props: MenuItemProps) => JSX.Element;
-export {};

package/menu/menu-positioner.d.ts

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

package/menu/menu-separator.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type MenuSeparatorProps = HTMLArkProps<'hr'>;
 export declare const MenuSeparator: (props: MenuSeparatorProps) => JSX.Element;

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

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

package/menu/menu-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 export type MenuTriggerProps = HTMLArkProps<'button'>;
 export declare const MenuTrigger: (props: MenuTriggerProps) => JSX.Element;

package/menu/menu.cjs

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

package/menu/menu.mjs

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

package/menu/menu.stories.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const WithIsOpen: () => JSX.Element;
+export declare const Group: () => JSX.Element;
+export declare const Options: () => JSX.Element;
+export declare const SubMenu: () => JSX.Element;

package/menu/use-menu.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const menu = require('@zag-js/menu');
 const solid = require('@zag-js/solid');
 const solidJs = require('solid-js');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/menu/use-menu.d.ts

@@ -1,8 +1,10 @@
 import * as menu from '@zag-js/menu';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseMenuProps = Optional<menu.Context, 'id'>;
 export type UseMenuReturn = () => {
     machine: ReturnType<typeof menu.machine>;
-    api: () => ReturnType<typeof menu.connect>;
+    api: Accessor<menu.Api<PropTypes>>;
 };
 export declare const useMenu: (props: UseMenuProps) => UseMenuReturn;

package/menu/use-menu.mjs

@@ -1,6 +1,7 @@
 import * as menu from '@zag-js/menu';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createUniqueId, createMemo } from 'solid-js';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useMenu = (props) => {