@ark-ui/react 4.0.0-0 → 4.1.0

package/dist/components/menu/index.cjs

@@ -2,6 +2,27 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const menuArrow = require('./menu-arrow.cjs');
+const menuArrowTip = require('./menu-arrow-tip.cjs');
+const menuCheckboxItem = require('./menu-checkbox-item.cjs');
+const menuContent = require('./menu-content.cjs');
+const menuContext = require('./menu-context.cjs');
+const menuContextTrigger = require('./menu-context-trigger.cjs');
+const menuIndicator = require('./menu-indicator.cjs');
+const menuItem = require('./menu-item.cjs');
+const menuItemContext = require('./menu-item-context.cjs');
+const menuItemGroup = require('./menu-item-group.cjs');
+const menuItemGroupLabel = require('./menu-item-group-label.cjs');
+const menuItemIndicator = require('./menu-item-indicator.cjs');
+const menuItemText = require('./menu-item-text.cjs');
+const menuPositioner = require('./menu-positioner.cjs');
+const menuRadioItem = require('./menu-radio-item.cjs');
+const menuRadioItemGroup = require('./menu-radio-item-group.cjs');
+const menuRoot = require('./menu-root.cjs');
+const menuRootProvider = require('./menu-root-provider.cjs');
+const menuSeparator = require('./menu-separator.cjs');
+const menuTrigger = require('./menu-trigger.cjs');
+const menuTriggerItem = require('./menu-trigger-item.cjs');
 const useMenu = require('./use-menu.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuItemContext = require('./use-menu-item-context.cjs');
@@ -10,11 +31,32 @@ const menu = require('@zag-js/menu');
 
 
 
+exports.MenuArrow = menuArrow.MenuArrow;
+exports.MenuArrowTip = menuArrowTip.MenuArrowTip;
+exports.MenuCheckboxItem = menuCheckboxItem.MenuCheckboxItem;
+exports.MenuContent = menuContent.MenuContent;
+exports.MenuContext = menuContext.MenuContext;
+exports.MenuContextTrigger = menuContextTrigger.MenuContextTrigger;
+exports.MenuIndicator = menuIndicator.MenuIndicator;
+exports.MenuItem = menuItem.MenuItem;
+exports.MenuItemContext = menuItemContext.MenuItemContext;
+exports.MenuItemGroup = menuItemGroup.MenuItemGroup;
+exports.MenuItemGroupLabel = menuItemGroupLabel.MenuItemGroupLabel;
+exports.MenuItemIndicator = menuItemIndicator.MenuItemIndicator;
+exports.MenuItemText = menuItemText.MenuItemText;
+exports.MenuPositioner = menuPositioner.MenuPositioner;
+exports.MenuRadioItem = menuRadioItem.MenuRadioItem;
+exports.MenuRadioItemGroup = menuRadioItemGroup.MenuRadioItemGroup;
+exports.MenuRoot = menuRoot.MenuRoot;
+exports.MenuRootProvider = menuRootProvider.MenuRootProvider;
+exports.MenuSeparator = menuSeparator.MenuSeparator;
+exports.MenuTrigger = menuTrigger.MenuTrigger;
+exports.MenuTriggerItem = menuTriggerItem.MenuTriggerItem;
 exports.useMenu = useMenu.useMenu;
 exports.useMenuContext = useMenuContext.useMenuContext;
 exports.useMenuItemContext = useMenuItemContext.useMenuItemContext;
 exports.Menu = menu$1;
 Object.defineProperty(exports, "menuAnatomy", {
-	enumerable: true,
-	get: () => menu.anatomy
+  enumerable: true,
+  get: () => menu.anatomy
 });

package/dist/components/menu/index.d.cts

@@ -1,5 +1,28 @@
+export type { HighlightChangeDetails as MenuHighlightChangeDetails, OpenChangeDetails as MenuOpenChangeDetails, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
+export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps, } from './menu-arrow';
+export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps, } from './menu-arrow-tip';
+export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps, } from './menu-checkbox-item';
+export { MenuContent, type MenuContentBaseProps, type MenuContentProps, } from './menu-content';
+export { MenuContext, type MenuContextProps, } from './menu-context';
+export { MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, } from './menu-context-trigger';
+export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps, } from './menu-indicator';
+export { MenuItem, type MenuItemBaseProps, type MenuItemProps, } from './menu-item';
+export { MenuItemContext, type MenuItemContextProps, } from './menu-item-context';
+export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps, } from './menu-item-group';
+export { MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, } from './menu-item-group-label';
+export { MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps, } from './menu-item-indicator';
+export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps, } from './menu-item-text';
+export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps, } from './menu-positioner';
+export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps, } from './menu-radio-item';
+export { MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, } from './menu-radio-item-group';
+export { MenuRoot, type MenuRootBaseProps, type MenuRootProps, } from './menu-root';
+export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps, } from './menu-root-provider';
+export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps, } from './menu-separator';
+export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps, } from './menu-trigger';
+export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps, } from './menu-trigger-item';
 export { menuAnatomy } from './menu.anatomy';
 export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu';
 export { useMenuContext, type UseMenuContext } from './use-menu-context';
 export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context';
+export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context';
 export * as Menu from './menu';

package/dist/components/menu/index.d.ts

@@ -1,5 +1,28 @@
+export type { HighlightChangeDetails as MenuHighlightChangeDetails, OpenChangeDetails as MenuOpenChangeDetails, SelectionDetails as MenuSelectionDetails, } from '@zag-js/menu';
+export { MenuArrow, type MenuArrowBaseProps, type MenuArrowProps, } from './menu-arrow';
+export { MenuArrowTip, type MenuArrowTipBaseProps, type MenuArrowTipProps, } from './menu-arrow-tip';
+export { MenuCheckboxItem, type MenuCheckboxItemBaseProps, type MenuCheckboxItemProps, } from './menu-checkbox-item';
+export { MenuContent, type MenuContentBaseProps, type MenuContentProps, } from './menu-content';
+export { MenuContext, type MenuContextProps, } from './menu-context';
+export { MenuContextTrigger, type MenuContextTriggerBaseProps, type MenuContextTriggerProps, } from './menu-context-trigger';
+export { MenuIndicator, type MenuIndicatorBaseProps, type MenuIndicatorProps, } from './menu-indicator';
+export { MenuItem, type MenuItemBaseProps, type MenuItemProps, } from './menu-item';
+export { MenuItemContext, type MenuItemContextProps, } from './menu-item-context';
+export { MenuItemGroup, type MenuItemGroupBaseProps, type MenuItemGroupProps, } from './menu-item-group';
+export { MenuItemGroupLabel, type MenuItemGroupLabelBaseProps, type MenuItemGroupLabelProps, } from './menu-item-group-label';
+export { MenuItemIndicator, type MenuItemIndicatorBaseProps, type MenuItemIndicatorProps, } from './menu-item-indicator';
+export { MenuItemText, type MenuItemTextBaseProps, type MenuItemTextProps, } from './menu-item-text';
+export { MenuPositioner, type MenuPositionerBaseProps, type MenuPositionerProps, } from './menu-positioner';
+export { MenuRadioItem, type MenuRadioItemBaseProps, type MenuRadioItemProps, } from './menu-radio-item';
+export { MenuRadioItemGroup, type MenuRadioItemGroupBaseProps, type MenuRadioItemGroupProps, } from './menu-radio-item-group';
+export { MenuRoot, type MenuRootBaseProps, type MenuRootProps, } from './menu-root';
+export { MenuRootProvider, type MenuRootProviderBaseProps, type MenuRootProviderProps, } from './menu-root-provider';
+export { MenuSeparator, type MenuSeparatorBaseProps, type MenuSeparatorProps, } from './menu-separator';
+export { MenuTrigger, type MenuTriggerBaseProps, type MenuTriggerProps, } from './menu-trigger';
+export { MenuTriggerItem, type MenuTriggerItemBaseProps, type MenuTriggerItemProps, } from './menu-trigger-item';
 export { menuAnatomy } from './menu.anatomy';
 export { useMenu, type UseMenuProps, type UseMenuReturn } from './use-menu';
 export { useMenuContext, type UseMenuContext } from './use-menu-context';
 export { useMenuItemContext, type UseMenuItemContext } from './use-menu-item-context';
+export type { ValueChangeDetails as MenuValueChangeDetails } from './use-menu-item-group-context';
 export * as Menu from './menu';

package/dist/components/menu/index.js

@@ -1,3 +1,24 @@
+export { MenuArrow } from './menu-arrow.js';
+export { MenuArrowTip } from './menu-arrow-tip.js';
+export { MenuCheckboxItem } from './menu-checkbox-item.js';
+export { MenuContent } from './menu-content.js';
+export { MenuContext } from './menu-context.js';
+export { MenuContextTrigger } from './menu-context-trigger.js';
+export { MenuIndicator } from './menu-indicator.js';
+export { MenuItem } from './menu-item.js';
+export { MenuItemContext } from './menu-item-context.js';
+export { MenuItemGroup } from './menu-item-group.js';
+export { MenuItemGroupLabel } from './menu-item-group-label.js';
+export { MenuItemIndicator } from './menu-item-indicator.js';
+export { MenuItemText } from './menu-item-text.js';
+export { MenuPositioner } from './menu-positioner.js';
+export { MenuRadioItem } from './menu-radio-item.js';
+export { MenuRadioItemGroup } from './menu-radio-item-group.js';
+export { MenuRoot } from './menu-root.js';
+export { MenuRootProvider } from './menu-root-provider.js';
+export { MenuSeparator } from './menu-separator.js';
+export { MenuTrigger } from './menu-trigger.js';
+export { MenuTriggerItem } from './menu-trigger-item.js';
 export { useMenu } from './use-menu.js';
 export { useMenuContext } from './use-menu-context.js';
 export { useMenuItemContext } from './use-menu-item-context.js';

package/dist/components/menu/menu-content.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
@@ -13,11 +14,11 @@ const useMenuContext = require('./use-menu-context.cjs');
 const MenuContent = react.forwardRef((props, ref) => {
   const menu = useMenuContext.useMenuContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(menu.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(menu.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
 });
 MenuContent.displayName = "MenuContent";
 

package/dist/components/menu/menu-content.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useMenuContext } from './use-menu-context.js';
@@ -9,11 +10,11 @@ import { useMenuContext } from './use-menu-context.js';
 const MenuContent = forwardRef((props, ref) => {
   const menu = useMenuContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(menu.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(menu.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
 });
 MenuContent.displayName = "MenuContent";
 

package/dist/components/number-input/index.cjs

@@ -2,6 +2,16 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+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 numberInputRootProvider = require('./number-input-root-provider.cjs');
+const numberInputScrubber = require('./number-input-scrubber.cjs');
+const numberInputValueText = require('./number-input-value-text.cjs');
 const useNumberInput = require('./use-number-input.cjs');
 const useNumberInputContext = require('./use-number-input-context.cjs');
 const numberInput$1 = require('./number-input.cjs');
@@ -9,6 +19,16 @@ const numberInput = require('@zag-js/number-input');
 
 
 
+exports.NumberInputContext = numberInputContext.NumberInputContext;
+exports.NumberInputControl = numberInputControl.NumberInputControl;
+exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
+exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
+exports.NumberInputInput = numberInputInput.NumberInputInput;
+exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
+exports.NumberInputRoot = numberInputRoot.NumberInputRoot;
+exports.NumberInputRootProvider = numberInputRootProvider.NumberInputRootProvider;
+exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
+exports.NumberInputValueText = numberInputValueText.NumberInputValueText;
 exports.useNumberInput = useNumberInput.useNumberInput;
 exports.useNumberInputContext = useNumberInputContext.useNumberInputContext;
 exports.NumberInput = numberInput$1;

package/dist/components/number-input/index.d.cts

@@ -1,3 +1,14 @@
+export type { FocusChangeDetails as NumberInputFocusChangeDetails, ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails, } from '@zag-js/number-input';
+export { NumberInputContext, type NumberInputContextProps, } from './number-input-context';
+export { NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, } from './number-input-control';
+export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, } from './number-input-decrement-trigger';
+export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, } from './number-input-increment-trigger';
+export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps, } from './number-input-input';
+export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps, } from './number-input-label';
+export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps, } from './number-input-root';
+export { NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, } from './number-input-root-provider';
+export { NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, } from './number-input-scrubber';
+export { NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, } from './number-input-value-text';
 export { numberInputAnatomy } from './number-input.anatomy';
 export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn, } from './use-number-input';
 export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context';

package/dist/components/number-input/index.d.ts

@@ -1,3 +1,14 @@
+export type { FocusChangeDetails as NumberInputFocusChangeDetails, ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails, } from '@zag-js/number-input';
+export { NumberInputContext, type NumberInputContextProps, } from './number-input-context';
+export { NumberInputControl, type NumberInputControlBaseProps, type NumberInputControlProps, } from './number-input-control';
+export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerBaseProps, type NumberInputDecrementTriggerProps, } from './number-input-decrement-trigger';
+export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerBaseProps, type NumberInputIncrementTriggerProps, } from './number-input-increment-trigger';
+export { NumberInputInput, type NumberInputInputBaseProps, type NumberInputInputProps, } from './number-input-input';
+export { NumberInputLabel, type NumberInputLabelBaseProps, type NumberInputLabelProps, } from './number-input-label';
+export { NumberInputRoot, type NumberInputRootBaseProps, type NumberInputRootProps, } from './number-input-root';
+export { NumberInputRootProvider, type NumberInputRootProviderBaseProps, type NumberInputRootProviderProps, } from './number-input-root-provider';
+export { NumberInputScrubber, type NumberInputScrubberBaseProps, type NumberInputScrubberProps, } from './number-input-scrubber';
+export { NumberInputValueText, type NumberInputValueTextBaseProps, type NumberInputValueTextProps, } from './number-input-value-text';
 export { numberInputAnatomy } from './number-input.anatomy';
 export { useNumberInput, type UseNumberInputProps, type UseNumberInputReturn, } from './use-number-input';
 export { useNumberInputContext, type UseNumberInputContext } from './use-number-input-context';

package/dist/components/number-input/index.js

@@ -1,3 +1,13 @@
+export { NumberInputContext } from './number-input-context.js';
+export { NumberInputControl } from './number-input-control.js';
+export { NumberInputDecrementTrigger } from './number-input-decrement-trigger.js';
+export { NumberInputIncrementTrigger } from './number-input-increment-trigger.js';
+export { NumberInputInput } from './number-input-input.js';
+export { NumberInputLabel } from './number-input-label.js';
+export { NumberInputRoot } from './number-input-root.js';
+export { NumberInputRootProvider } from './number-input-root-provider.js';
+export { NumberInputScrubber } from './number-input-scrubber.js';
+export { NumberInputValueText } from './number-input-value-text.js';
 export { useNumberInput } from './use-number-input.js';
 export { useNumberInputContext } from './use-number-input-context.js';
 import * as numberInput from './number-input.js';

package/dist/components/pagination/index.cjs

@@ -2,6 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const paginationContext = require('./pagination-context.cjs');
+const paginationEllipsis = require('./pagination-ellipsis.cjs');
+const paginationItem = require('./pagination-item.cjs');
+const paginationNextTrigger = require('./pagination-next-trigger.cjs');
+const paginationPrevTrigger = require('./pagination-prev-trigger.cjs');
+const paginationRoot = require('./pagination-root.cjs');
+const paginationRootProvider = require('./pagination-root-provider.cjs');
 const usePagination = require('./use-pagination.cjs');
 const usePaginationContext = require('./use-pagination-context.cjs');
 const pagination$1 = require('./pagination.cjs');
@@ -9,10 +16,17 @@ const pagination = require('@zag-js/pagination');
 
 
 
+exports.PaginationContext = paginationContext.PaginationContext;
+exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
+exports.PaginationItem = paginationItem.PaginationItem;
+exports.PaginationNextTrigger = paginationNextTrigger.PaginationNextTrigger;
+exports.PaginationPrevTrigger = paginationPrevTrigger.PaginationPrevTrigger;
+exports.PaginationRoot = paginationRoot.PaginationRoot;
+exports.PaginationRootProvider = paginationRootProvider.PaginationRootProvider;
 exports.usePagination = usePagination.usePagination;
 exports.usePaginationContext = usePaginationContext.usePaginationContext;
 exports.Pagination = pagination$1;
 Object.defineProperty(exports, "paginationAnatomy", {
-	enumerable: true,
-	get: () => pagination.anatomy
+  enumerable: true,
+  get: () => pagination.anatomy
 });

package/dist/components/pagination/index.d.cts

@@ -1,4 +1,12 @@
+export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, } from '@zag-js/pagination';
+export { PaginationContext, type PaginationContextProps, } from './pagination-context';
+export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
+export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps, } from './pagination-item';
+export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger';
+export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger';
+export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps, } from './pagination-root';
+export { PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, } from './pagination-root-provider';
+export { paginationAnatomy } from './pagination.anatomy';
 export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './use-pagination';
 export { usePaginationContext, type UsePaginationContext } from './use-pagination-context';
-export { paginationAnatomy } from './pagination.anatomy';
 export * as Pagination from './pagination';

package/dist/components/pagination/index.d.ts

@@ -1,4 +1,12 @@
+export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, } from '@zag-js/pagination';
+export { PaginationContext, type PaginationContextProps, } from './pagination-context';
+export { PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis';
+export { PaginationItem, type PaginationItemBaseProps, type PaginationItemProps, } from './pagination-item';
+export { PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger';
+export { PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger';
+export { PaginationRoot, type PaginationRootBaseProps, type PaginationRootProps, } from './pagination-root';
+export { PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, } from './pagination-root-provider';
+export { paginationAnatomy } from './pagination.anatomy';
 export { usePagination, type UsePaginationProps, type UsePaginationReturn } from './use-pagination';
 export { usePaginationContext, type UsePaginationContext } from './use-pagination-context';
-export { paginationAnatomy } from './pagination.anatomy';
 export * as Pagination from './pagination';

package/dist/components/pagination/index.js

@@ -1,3 +1,10 @@
+export { PaginationContext } from './pagination-context.js';
+export { PaginationEllipsis } from './pagination-ellipsis.js';
+export { PaginationItem } from './pagination-item.js';
+export { PaginationNextTrigger } from './pagination-next-trigger.js';
+export { PaginationPrevTrigger } from './pagination-prev-trigger.js';
+export { PaginationRoot } from './pagination-root.js';
+export { PaginationRootProvider } from './pagination-root-provider.js';
 export { usePagination } from './use-pagination.js';
 export { usePaginationContext } from './use-pagination-context.js';
 import * as pagination from './pagination.js';

package/dist/components/pin-input/index.cjs

@@ -2,6 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const pinInputContext = require('./pin-input-context.cjs');
+const pinInputControl = require('./pin-input-control.cjs');
+const pinInputHiddenInput = require('./pin-input-hidden-input.cjs');
+const pinInputInput = require('./pin-input-input.cjs');
+const pinInputLabel = require('./pin-input-label.cjs');
+const pinInputRoot = require('./pin-input-root.cjs');
+const pinInputRootProvider = require('./pin-input-root-provider.cjs');
 const usePinInput = require('./use-pin-input.cjs');
 const usePinInputContext = require('./use-pin-input-context.cjs');
 const pinInput$1 = require('./pin-input.cjs');
@@ -9,10 +16,17 @@ const pinInput = require('@zag-js/pin-input');
 
 
 
+exports.PinInputContext = pinInputContext.PinInputContext;
+exports.PinInputControl = pinInputControl.PinInputControl;
+exports.PinInputHiddenInput = pinInputHiddenInput.PinInputHiddenInput;
+exports.PinInputInput = pinInputInput.PinInputInput;
+exports.PinInputLabel = pinInputLabel.PinInputLabel;
+exports.PinInputRoot = pinInputRoot.PinInputRoot;
+exports.PinInputRootProvider = pinInputRootProvider.PinInputRootProvider;
 exports.usePinInput = usePinInput.usePinInput;
 exports.usePinInputContext = usePinInputContext.usePinInputContext;
 exports.PinInput = pinInput$1;
 Object.defineProperty(exports, "pinInputAnatomy", {
-	enumerable: true,
-	get: () => pinInput.anatomy
+  enumerable: true,
+  get: () => pinInput.anatomy
 });

package/dist/components/pin-input/index.d.cts

@@ -1,4 +1,12 @@
+export type { ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails as PinInputValueInvalidDetails, } from '@zag-js/pin-input';
+export { PinInputContext, type PinInputContextProps, } from './pin-input-context';
+export { PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, } from './pin-input-control';
+export { PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, } from './pin-input-hidden-input';
+export { PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, } from './pin-input-input';
+export { PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, } from './pin-input-label';
+export { PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps, } from './pin-input-root';
+export { PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, } from './pin-input-root-provider';
+export { pinInputAnatomy } from './pin-input.anatomy';
 export { usePinInput, type UsePinInputProps, type UsePinInputReturn } from './use-pin-input';
 export { usePinInputContext, type UsePinInputContext } from './use-pin-input-context';
-export { pinInputAnatomy } from './pin-input.anatomy';
 export * as PinInput from './pin-input';

package/dist/components/pin-input/index.d.ts

@@ -1,4 +1,12 @@
+export type { ValueChangeDetails as PinInputValueChangeDetails, ValueInvalidDetails as PinInputValueInvalidDetails, } from '@zag-js/pin-input';
+export { PinInputContext, type PinInputContextProps, } from './pin-input-context';
+export { PinInputControl, type PinInputControlBaseProps, type PinInputControlProps, } from './pin-input-control';
+export { PinInputHiddenInput, type PinInputHiddenInputBaseProps, type PinInputHiddenInputProps, } from './pin-input-hidden-input';
+export { PinInputInput, type PinInputInputBaseProps, type PinInputInputProps, } from './pin-input-input';
+export { PinInputLabel, type PinInputLabelBaseProps, type PinInputLabelProps, } from './pin-input-label';
+export { PinInputRoot, type PinInputRootBaseProps, type PinInputRootProps, } from './pin-input-root';
+export { PinInputRootProvider, type PinInputRootProviderBaseProps, type PinInputRootProviderProps, } from './pin-input-root-provider';
+export { pinInputAnatomy } from './pin-input.anatomy';
 export { usePinInput, type UsePinInputProps, type UsePinInputReturn } from './use-pin-input';
 export { usePinInputContext, type UsePinInputContext } from './use-pin-input-context';
-export { pinInputAnatomy } from './pin-input.anatomy';
 export * as PinInput from './pin-input';

package/dist/components/pin-input/index.js

@@ -1,3 +1,10 @@
+export { PinInputContext } from './pin-input-context.js';
+export { PinInputControl } from './pin-input-control.js';
+export { PinInputHiddenInput } from './pin-input-hidden-input.js';
+export { PinInputInput } from './pin-input-input.js';
+export { PinInputLabel } from './pin-input-label.js';
+export { PinInputRoot } from './pin-input-root.js';
+export { PinInputRootProvider } from './pin-input-root-provider.js';
 export { usePinInput } from './use-pin-input.js';
 export { usePinInputContext } from './use-pin-input-context.js';
 import * as pinInput from './pin-input.js';

package/dist/components/popover/index.cjs

@@ -2,6 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const popoverAnchor = require('./popover-anchor.cjs');
+const popoverArrow = require('./popover-arrow.cjs');
+const popoverArrowTip = require('./popover-arrow-tip.cjs');
+const popoverCloseTrigger = require('./popover-close-trigger.cjs');
+const popoverContent = require('./popover-content.cjs');
+const popoverContext = require('./popover-context.cjs');
+const popoverDescription = require('./popover-description.cjs');
+const popoverIndicator = require('./popover-indicator.cjs');
+const popoverPositioner = require('./popover-positioner.cjs');
+const popoverRoot = require('./popover-root.cjs');
+const popoverRootProvider = require('./popover-root-provider.cjs');
+const popoverTitle = require('./popover-title.cjs');
+const popoverTrigger = require('./popover-trigger.cjs');
 const usePopover = require('./use-popover.cjs');
 const usePopoverContext = require('./use-popover-context.cjs');
 const popover$1 = require('./popover.cjs');
@@ -9,10 +22,23 @@ const popover = require('@zag-js/popover');
 
 
 
+exports.PopoverAnchor = popoverAnchor.PopoverAnchor;
+exports.PopoverArrow = popoverArrow.PopoverArrow;
+exports.PopoverArrowTip = popoverArrowTip.PopoverArrowTip;
+exports.PopoverCloseTrigger = popoverCloseTrigger.PopoverCloseTrigger;
+exports.PopoverContent = popoverContent.PopoverContent;
+exports.PopoverContext = popoverContext.PopoverContext;
+exports.PopoverDescription = popoverDescription.PopoverDescription;
+exports.PopoverIndicator = popoverIndicator.PopoverIndicator;
+exports.PopoverPositioner = popoverPositioner.PopoverPositioner;
+exports.PopoverRoot = popoverRoot.PopoverRoot;
+exports.PopoverRootProvider = popoverRootProvider.PopoverRootProvider;
+exports.PopoverTitle = popoverTitle.PopoverTitle;
+exports.PopoverTrigger = popoverTrigger.PopoverTrigger;
 exports.usePopover = usePopover.usePopover;
 exports.usePopoverContext = usePopoverContext.usePopoverContext;
 exports.Popover = popover$1;
 Object.defineProperty(exports, "popoverAnatomy", {
-	enumerable: true,
-	get: () => popover.anatomy
+  enumerable: true,
+  get: () => popover.anatomy
 });

package/dist/components/popover/index.d.cts

@@ -1,4 +1,18 @@
+export type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
+export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps, } from './popover-anchor';
+export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps, } from './popover-arrow';
+export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps, } from './popover-arrow-tip';
+export { PopoverCloseTrigger, type PopoverCloseTriggerBaseProps, type PopoverCloseTriggerProps, } from './popover-close-trigger';
+export { PopoverContent, type PopoverContentBaseProps, type PopoverContentProps, } from './popover-content';
+export { PopoverContext, type PopoverContextProps, } from './popover-context';
+export { PopoverDescription, type PopoverDescriptionBaseProps, type PopoverDescriptionProps, } from './popover-description';
+export { PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps, } from './popover-indicator';
+export { PopoverPositioner, type PopoverPositionerBaseProps, type PopoverPositionerProps, } from './popover-positioner';
+export { PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps, } from './popover-root';
+export { PopoverRootProvider, type PopoverRootProviderBaseProps, type PopoverRootProviderProps, } from './popover-root-provider';
+export { PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps, } from './popover-title';
+export { PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps, } from './popover-trigger';
+export { popoverAnatomy } from './popover.anatomy';
 export { usePopover, type UsePopoverProps, type UsePopoverReturn } from './use-popover';
 export { usePopoverContext, type UsePopoverContext } from './use-popover-context';
-export { popoverAnatomy } from './popover.anatomy';
 export * as Popover from './popover';

package/dist/components/popover/index.d.ts

@@ -1,4 +1,18 @@
+export type { OpenChangeDetails as PopoverOpenChangeDetails } from '@zag-js/popover';
+export { PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps, } from './popover-anchor';
+export { PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps, } from './popover-arrow';
+export { PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps, } from './popover-arrow-tip';
+export { PopoverCloseTrigger, type PopoverCloseTriggerBaseProps, type PopoverCloseTriggerProps, } from './popover-close-trigger';
+export { PopoverContent, type PopoverContentBaseProps, type PopoverContentProps, } from './popover-content';
+export { PopoverContext, type PopoverContextProps, } from './popover-context';
+export { PopoverDescription, type PopoverDescriptionBaseProps, type PopoverDescriptionProps, } from './popover-description';
+export { PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps, } from './popover-indicator';
+export { PopoverPositioner, type PopoverPositionerBaseProps, type PopoverPositionerProps, } from './popover-positioner';
+export { PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps, } from './popover-root';
+export { PopoverRootProvider, type PopoverRootProviderBaseProps, type PopoverRootProviderProps, } from './popover-root-provider';
+export { PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps, } from './popover-title';
+export { PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps, } from './popover-trigger';
+export { popoverAnatomy } from './popover.anatomy';
 export { usePopover, type UsePopoverProps, type UsePopoverReturn } from './use-popover';
 export { usePopoverContext, type UsePopoverContext } from './use-popover-context';
-export { popoverAnatomy } from './popover.anatomy';
 export * as Popover from './popover';

package/dist/components/popover/index.js

@@ -1,3 +1,16 @@
+export { PopoverAnchor } from './popover-anchor.js';
+export { PopoverArrow } from './popover-arrow.js';
+export { PopoverArrowTip } from './popover-arrow-tip.js';
+export { PopoverCloseTrigger } from './popover-close-trigger.js';
+export { PopoverContent } from './popover-content.js';
+export { PopoverContext } from './popover-context.js';
+export { PopoverDescription } from './popover-description.js';
+export { PopoverIndicator } from './popover-indicator.js';
+export { PopoverPositioner } from './popover-positioner.js';
+export { PopoverRoot } from './popover-root.js';
+export { PopoverRootProvider } from './popover-root-provider.js';
+export { PopoverTitle } from './popover-title.js';
+export { PopoverTrigger } from './popover-trigger.js';
 export { usePopover } from './use-popover.js';
 export { usePopoverContext } from './use-popover-context.js';
 import * as popover from './popover.js';

package/dist/components/popover/popover-content.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const usePopoverContext = require('./use-popover-context.cjs');
@@ -13,11 +14,11 @@ const usePopoverContext = require('./use-popover-context.cjs');
 const PopoverContent = react.forwardRef((props, ref) => {
   const popover = usePopoverContext.usePopoverContext();
   const presence = usePresenceContext.usePresenceContext();
-  const mergedProps = react$1.mergeProps(popover.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = react$1.mergeProps(popover.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref: composeRefs.composeRefs(presence.ref, ref) });
 });
 PopoverContent.displayName = "PopoverContent";
 

package/dist/components/popover/popover-content.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
 import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { usePopoverContext } from './use-popover-context.js';
@@ -9,11 +10,11 @@ import { usePopoverContext } from './use-popover-context.js';
 const PopoverContent = forwardRef((props, ref) => {
   const popover = usePopoverContext();
   const presence = usePresenceContext();
-  const mergedProps = mergeProps(popover.getContentProps(), presence.getPresenceProps(ref), props);
+  const mergedProps = mergeProps(popover.getContentProps(), presence.getPresenceProps(), props);
   if (presence.unmounted) {
     return null;
   }
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps });
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref: composeRefs(presence.ref, ref) });
 });
 PopoverContent.displayName = "PopoverContent";
 

package/dist/components/presence/presence.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
 const factory = require('../factory.cjs');
 const splitPresenceProps = require('./split-presence-props.cjs');
 const usePresence = require('./use-presence.cjs');
@@ -18,9 +19,10 @@ const Presence = react.forwardRef((props, ref) => {
     factory.ark.div,
     {
       ...localProps,
-      ...presence.getPresenceProps(ref),
+      ...presence.getPresenceProps(),
       "data-scope": "presence",
-      "data-part": "root"
+      "data-part": "root",
+      ref: composeRefs.composeRefs(presence.ref, ref)
     }
   );
 });