@ark-ui/react 4.9.2 → 5.0.1

package/dist/components/frame/frame.cjs

@@ -53,21 +53,13 @@ const Frame = react.forwardRef((props, ref) => {
       resizeObserver.disconnect();
     };
   }, [frameRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(environmentProvider.EnvironmentProvider, { value: () => frameRef?.contentDocument ?? document, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "iframe",
-    {
-      title: `frame:${react.useId()}`,
-      ref: composeRefs.composeRefs(ref, setFrameRef),
-      ...rest,
-      children: [
-        mountNode ? reactDom.createPortal(
-          /* @__PURE__ */ jsxRuntime.jsx(frameContent.FrameContent, { onMount, onUnmount, children }),
-          mountNode
-        ) : null,
-        head && frameRef ? reactDom.createPortal(head, frameRef.contentDocument.head) : null
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(environmentProvider.EnvironmentProvider, { value: () => frameRef?.contentDocument ?? document, children: /* @__PURE__ */ jsxRuntime.jsxs("iframe", { title: `frame:${react.useId()}`, ref: composeRefs.composeRefs(ref, setFrameRef), ...rest, children: [
+    mountNode ? reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(frameContent.FrameContent, { onMount, onUnmount, children }),
+      mountNode
+    ) : null,
+    head && frameRef ? reactDom.createPortal(head, frameRef.contentDocument.head) : null
+  ] }) });
 });
 
 exports.Frame = Frame;

package/dist/components/frame/frame.js

@@ -49,21 +49,13 @@ const Frame = forwardRef((props, ref) => {
       resizeObserver.disconnect();
     };
   }, [frameRef]);
-  return /* @__PURE__ */ jsx(EnvironmentProvider, { value: () => frameRef?.contentDocument ?? document, children: /* @__PURE__ */ jsxs(
-    "iframe",
-    {
-      title: `frame:${useId()}`,
-      ref: composeRefs(ref, setFrameRef),
-      ...rest,
-      children: [
-        mountNode ? createPortal(
-          /* @__PURE__ */ jsx(FrameContent, { onMount, onUnmount, children }),
-          mountNode
-        ) : null,
-        head && frameRef ? createPortal(head, frameRef.contentDocument.head) : null
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsx(EnvironmentProvider, { value: () => frameRef?.contentDocument ?? document, children: /* @__PURE__ */ jsxs("iframe", { title: `frame:${useId()}`, ref: composeRefs(ref, setFrameRef), ...rest, children: [
+    mountNode ? createPortal(
+      /* @__PURE__ */ jsx(FrameContent, { onMount, onUnmount, children }),
+      mountNode
+    ) : null,
+    head && frameRef ? createPortal(head, frameRef.contentDocument.head) : null
+  ] }) });
 });
 
 export { Frame };

package/dist/components/hover-card/hover-card-arrow-tip.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
 
-const HoverCardArrowTip = react.forwardRef(
-  (props, ref) => {
-    const hoverCard = useHoverCardContext.useHoverCardContext();
-    const mergedProps = react$1.mergeProps(hoverCard.getArrowTipProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const HoverCardArrowTip = react.forwardRef((props, ref) => {
+  const hoverCard = useHoverCardContext.useHoverCardContext();
+  const mergedProps = react$1.mergeProps(hoverCard.getArrowTipProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 HoverCardArrowTip.displayName = "HoverCardArrowTip";
 
 exports.HoverCardArrowTip = HoverCardArrowTip;

package/dist/components/hover-card/hover-card-arrow-tip.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useHoverCardContext } from './use-hover-card-context.js';
 
-const HoverCardArrowTip = forwardRef(
-  (props, ref) => {
-    const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const HoverCardArrowTip = forwardRef((props, ref) => {
+  const hoverCard = useHoverCardContext();
+  const mergedProps = mergeProps(hoverCard.getArrowTipProps(), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 HoverCardArrowTip.displayName = "HoverCardArrowTip";
 
 export { HoverCardArrowTip };

package/dist/components/hover-card/hover-card-positioner.cjs

@@ -10,17 +10,15 @@ const factory = require('../factory.cjs');
 const usePresenceContext = require('../presence/use-presence-context.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
 
-const HoverCardPositioner = react.forwardRef(
-  (props, ref) => {
-    const hoverCard = useHoverCardContext.useHoverCardContext();
-    const mergedProps = react$1.mergeProps(hoverCard.getPositionerProps(), props);
-    const presence = usePresenceContext.usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+const HoverCardPositioner = react.forwardRef((props, ref) => {
+  const hoverCard = useHoverCardContext.useHoverCardContext();
+  const mergedProps = react$1.mergeProps(hoverCard.getPositionerProps(), props);
+  const presence = usePresenceContext.usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 HoverCardPositioner.displayName = "HoverCardPositioner";
 
 exports.HoverCardPositioner = HoverCardPositioner;

package/dist/components/hover-card/hover-card-positioner.js

@@ -6,17 +6,15 @@ import { ark } from '../factory.js';
 import { usePresenceContext } from '../presence/use-presence-context.js';
 import { useHoverCardContext } from './use-hover-card-context.js';
 
-const HoverCardPositioner = forwardRef(
-  (props, ref) => {
-    const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);
-    const presence = usePresenceContext();
-    if (presence.unmounted) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+const HoverCardPositioner = forwardRef((props, ref) => {
+  const hoverCard = useHoverCardContext();
+  const mergedProps = mergeProps(hoverCard.getPositionerProps(), props);
+  const presence = usePresenceContext();
+  if (presence.unmounted) {
+    return null;
   }
-);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 HoverCardPositioner.displayName = "HoverCardPositioner";
 
 export { HoverCardPositioner };

package/dist/components/hover-card/hover-card-trigger.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useHoverCardContext = require('./use-hover-card-context.cjs');
 
-const HoverCardTrigger = react.forwardRef(
-  (props, ref) => {
-    const hoverCard = useHoverCardContext.useHoverCardContext();
-    const mergedProps = react$1.mergeProps(hoverCard.getTriggerProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const HoverCardTrigger = react.forwardRef((props, ref) => {
+  const hoverCard = useHoverCardContext.useHoverCardContext();
+  const mergedProps = react$1.mergeProps(hoverCard.getTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 HoverCardTrigger.displayName = "HoverCardTrigger";
 
 exports.HoverCardTrigger = HoverCardTrigger;

package/dist/components/hover-card/hover-card-trigger.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useHoverCardContext } from './use-hover-card-context.js';
 
-const HoverCardTrigger = forwardRef(
-  (props, ref) => {
-    const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const HoverCardTrigger = forwardRef((props, ref) => {
+  const hoverCard = useHoverCardContext();
+  const mergedProps = mergeProps(hoverCard.getTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 HoverCardTrigger.displayName = "HoverCardTrigger";
 
 export { HoverCardTrigger };

package/dist/components/hover-card/hover-card.d.cts

@@ -2,7 +2,7 @@ export type { OpenChangeDetails } from '@zag-js/hover-card';
 export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';
-export { HoverCardContext as Context, type HoverCardContextProps as ContextProps, } from './hover-card-context';
+export { HoverCardContext as Context, type HoverCardContextProps as ContextProps } from './hover-card-context';
 export { HoverCardPositioner as Positioner, type HoverCardPositionerBaseProps as PositionerBaseProps, type HoverCardPositionerProps as PositionerProps, } from './hover-card-positioner';
 export { HoverCardRoot as Root, type HoverCardRootBaseProps as RootBaseProps, type HoverCardRootProps as RootProps, } from './hover-card-root';
 export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderBaseProps as RootProviderBaseProps, type HoverCardRootProviderProps as RootProviderProps, } from './hover-card-root-provider';

package/dist/components/hover-card/hover-card.d.ts

@@ -2,7 +2,7 @@ export type { OpenChangeDetails } from '@zag-js/hover-card';
 export { HoverCardArrow as Arrow, type HoverCardArrowBaseProps as ArrowBaseProps, type HoverCardArrowProps as ArrowProps, } from './hover-card-arrow';
 export { HoverCardArrowTip as ArrowTip, type HoverCardArrowTipBaseProps as ArrowTipBaseProps, type HoverCardArrowTipProps as ArrowTipProps, } from './hover-card-arrow-tip';
 export { HoverCardContent as Content, type HoverCardContentBaseProps as ContentBaseProps, type HoverCardContentProps as ContentProps, } from './hover-card-content';
-export { HoverCardContext as Context, type HoverCardContextProps as ContextProps, } from './hover-card-context';
+export { HoverCardContext as Context, type HoverCardContextProps as ContextProps } from './hover-card-context';
 export { HoverCardPositioner as Positioner, type HoverCardPositionerBaseProps as PositionerBaseProps, type HoverCardPositionerProps as PositionerProps, } from './hover-card-positioner';
 export { HoverCardRoot as Root, type HoverCardRootBaseProps as RootBaseProps, type HoverCardRootProps as RootProps, } from './hover-card-root';
 export { HoverCardRootProvider as RootProvider, type HoverCardRootProviderBaseProps as RootProviderBaseProps, type HoverCardRootProviderProps as RootProviderProps, } from './hover-card-root-provider';

package/dist/components/hover-card/index.d.cts

@@ -1,12 +1,12 @@
 export type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/hover-card';
-export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, } from './hover-card-arrow';
-export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, } from './hover-card-arrow-tip';
-export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, } from './hover-card-content';
+export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow';
+export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
+export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content';
 export { HoverCardContext, type HoverCardContextProps } from './hover-card-context';
 export { HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, } from './hover-card-positioner';
-export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps, } from './hover-card-root';
+export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps } from './hover-card-root';
 export { HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, } from './hover-card-root-provider';
-export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps, } from './hover-card-trigger';
+export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps } from './hover-card-trigger';
 export { hoverCardAnatomy } from './hover-card.anatomy';
 export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
 export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';

package/dist/components/hover-card/index.d.ts

@@ -1,12 +1,12 @@
 export type { OpenChangeDetails as HoverCardOpenChangeDetails } from '@zag-js/hover-card';
-export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, } from './hover-card-arrow';
-export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, } from './hover-card-arrow-tip';
-export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, } from './hover-card-content';
+export { HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps } from './hover-card-arrow';
+export { HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps } from './hover-card-arrow-tip';
+export { HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps } from './hover-card-content';
 export { HoverCardContext, type HoverCardContextProps } from './hover-card-context';
 export { HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, } from './hover-card-positioner';
-export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps, } from './hover-card-root';
+export { HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps } from './hover-card-root';
 export { HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, } from './hover-card-root-provider';
-export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps, } from './hover-card-trigger';
+export { HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps } from './hover-card-trigger';
 export { hoverCardAnatomy } from './hover-card.anatomy';
 export { useHoverCard, type UseHoverCardProps, type UseHoverCardReturn } from './use-hover-card';
 export { useHoverCardContext, type UseHoverCardContext } from './use-hover-card-context';

package/dist/components/hover-card/use-hover-card.cjs

@@ -8,7 +8,6 @@ const react$1 = require('@zag-js/react');
 const react = require('react');
 const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
 const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
-const useEvent = require('../../utils/use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -29,24 +28,18 @@ function _interopNamespaceDefault(e) {
 
 const hoverCard__namespace = /*#__PURE__*/_interopNamespaceDefault(hoverCard);
 
-const useHoverCard = (props = {}) => {
+const useHoverCard = (props) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
   const { dir } = useLocaleContext.useLocaleContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    open: props.open,
-    onOpenChange: useEvent.useEvent(props.onOpenChange, { sync: true })
-  };
-  const [state, send] = react$1.useMachine(hoverCard__namespace.machine(initialContext), { context });
-  return hoverCard__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(hoverCard__namespace.machine, machineProps);
+  return hoverCard__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useHoverCard = useHoverCard;

package/dist/components/hover-card/use-hover-card.d.cts

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as hoverCard from '@zag-js/hover-card';
-export interface UseHoverCardProps extends Optional<Omit<hoverCard.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
-    /**
-     * The initial open state of the hover card when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: hoverCard.Context['open'];
+export interface UseHoverCardProps extends Optional<Omit<hoverCard.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseHoverCardReturn extends hoverCard.Api<PropTypes> {
 }

package/dist/components/hover-card/use-hover-card.d.ts

@@ -1,12 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as hoverCard from '@zag-js/hover-card';
-export interface UseHoverCardProps extends Optional<Omit<hoverCard.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
-    /**
-     * The initial open state of the hover card when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: hoverCard.Context['open'];
+export interface UseHoverCardProps extends Optional<Omit<hoverCard.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseHoverCardReturn extends hoverCard.Api<PropTypes> {
 }

package/dist/components/hover-card/use-hover-card.js

@@ -4,26 +4,19 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 
-const useHoverCard = (props = {}) => {
+const useHoverCard = (props) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     dir,
     getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    open: props.open,
-    onOpenChange: useEvent(props.onOpenChange, { sync: true })
-  };
-  const [state, send] = useMachine(hoverCard.machine(initialContext), { context });
-  return hoverCard.connect(state, send, normalizeProps);
+  const service = useMachine(hoverCard.machine, machineProps);
+  return hoverCard.connect(service, normalizeProps);
 };
 
 export { useHoverCard };

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

@@ -1,25 +1,25 @@
 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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';

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

@@ -1,25 +1,25 @@
 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 { 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 { 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 { 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 { 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 { 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 { 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 { 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';

package/dist/components/menu/menu-context-trigger.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 
-const MenuContextTrigger = react.forwardRef(
-  (props, ref) => {
-    const menu = useMenuContext.useMenuContext();
-    const mergedProps = react$1.mergeProps(menu.getContextTriggerProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const MenuContextTrigger = react.forwardRef((props, ref) => {
+  const menu = useMenuContext.useMenuContext();
+  const mergedProps = react$1.mergeProps(menu.getContextTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 MenuContextTrigger.displayName = "MenuContextTrigger";
 
 exports.MenuContextTrigger = MenuContextTrigger;

package/dist/components/menu/menu-context-trigger.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 
-const MenuContextTrigger = forwardRef(
-  (props, ref) => {
-    const menu = useMenuContext();
-    const mergedProps = mergeProps(menu.getContextTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const MenuContextTrigger = forwardRef((props, ref) => {
+  const menu = useMenuContext();
+  const mergedProps = mergeProps(menu.getContextTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 MenuContextTrigger.displayName = "MenuContextTrigger";
 
 export { MenuContextTrigger };

package/dist/components/menu/menu-item-group-label.cjs

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuItemGroupContext = require('./use-menu-item-group-context.cjs');
 
-const MenuItemGroupLabel = react.forwardRef(
-  (props, ref) => {
-    const menu = useMenuContext.useMenuContext();
-    const itemGroup = useMenuItemGroupContext.useMenuItemGroupContext();
-    const mergedProps = react$1.mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const MenuItemGroupLabel = react.forwardRef((props, ref) => {
+  const menu = useMenuContext.useMenuContext();
+  const itemGroup = useMenuItemGroupContext.useMenuItemGroupContext();
+  const mergedProps = react$1.mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 MenuItemGroupLabel.displayName = "MenuItemGroupLabel";
 
 exports.MenuItemGroupLabel = MenuItemGroupLabel;

package/dist/components/menu/menu-item-group-label.js

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 import { useMenuItemGroupContext } from './use-menu-item-group-context.js';
 
-const MenuItemGroupLabel = forwardRef(
-  (props, ref) => {
-    const menu = useMenuContext();
-    const itemGroup = useMenuItemGroupContext();
-    const mergedProps = mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const MenuItemGroupLabel = forwardRef((props, ref) => {
+  const menu = useMenuContext();
+  const itemGroup = useMenuItemGroupContext();
+  const mergedProps = mergeProps(menu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 MenuItemGroupLabel.displayName = "MenuItemGroupLabel";
 
 export { MenuItemGroupLabel };

package/dist/components/menu/menu-item-group.cjs

@@ -12,9 +12,7 @@ const useMenuContext = require('./use-menu-context.cjs');
 const useMenuItemGroupContext = require('./use-menu-item-group-context.cjs');
 
 const MenuItemGroup = react.forwardRef((props, ref) => {
-  const [optionalItemGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "id"
-  ]);
+  const [optionalItemGroupProps, localProps] = createSplitProps.createSplitProps()(props, ["id"]);
   const menu = useMenuContext.useMenuContext();
   const id = react.useId();
   const itemGroupProps = { id, ...optionalItemGroupProps };

package/dist/components/menu/menu-item-group.js

@@ -8,9 +8,7 @@ import { useMenuContext } from './use-menu-context.js';
 import { MenuItemGroupProvider } from './use-menu-item-group-context.js';
 
 const MenuItemGroup = forwardRef((props, ref) => {
-  const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
-    "id"
-  ]);
+  const [optionalItemGroupProps, localProps] = createSplitProps()(props, ["id"]);
   const menu = useMenuContext();
   const id = useId();
   const itemGroupProps = { id, ...optionalItemGroupProps };

package/dist/components/menu/menu-item-indicator.cjs

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useMenuContext = require('./use-menu-context.cjs');
 const useMenuOptionItemPropsContext = require('./use-menu-option-item-props-context.cjs');
 
-const MenuItemIndicator = react.forwardRef(
-  (props, ref) => {
-    const menu = useMenuContext.useMenuContext();
-    const optionItemProps = useMenuOptionItemPropsContext.useMenuOptionItemPropsContext();
-    const mergedProps = react$1.mergeProps(menu.getItemIndicatorProps(optionItemProps), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const MenuItemIndicator = react.forwardRef((props, ref) => {
+  const menu = useMenuContext.useMenuContext();
+  const optionItemProps = useMenuOptionItemPropsContext.useMenuOptionItemPropsContext();
+  const mergedProps = react$1.mergeProps(menu.getItemIndicatorProps(optionItemProps), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 MenuItemIndicator.displayName = "MenuItemIndicator";
 
 exports.MenuItemIndicator = MenuItemIndicator;

package/dist/components/menu/menu-item-indicator.js

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useMenuContext } from './use-menu-context.js';
 import { useMenuOptionItemPropsContext } from './use-menu-option-item-props-context.js';
 
-const MenuItemIndicator = forwardRef(
-  (props, ref) => {
-    const menu = useMenuContext();
-    const optionItemProps = useMenuOptionItemPropsContext();
-    const mergedProps = mergeProps(menu.getItemIndicatorProps(optionItemProps), props);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const MenuItemIndicator = forwardRef((props, ref) => {
+  const menu = useMenuContext();
+  const optionItemProps = useMenuOptionItemPropsContext();
+  const mergedProps = mergeProps(menu.getItemIndicatorProps(optionItemProps), props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 MenuItemIndicator.displayName = "MenuItemIndicator";
 
 export { MenuItemIndicator };