@ark-ui/react 4.9.1 → 5.0.0

package/dist/components/file-upload/file-upload-item-size-text.js

@@ -6,15 +6,13 @@ import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
 
-const FileUploadItemSizeText = forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const fileUpload = useFileUploadContext();
-    const itemProps = useFileUploadItemPropsContext();
-    const mergedProps = mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: children || fileUpload.getFileSize(itemProps.file) });
-  }
-);
+const FileUploadItemSizeText = forwardRef((props, ref) => {
+  const { children, ...rest } = props;
+  const fileUpload = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const mergedProps = mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: children || fileUpload.getFileSize(itemProps.file) });
+});
 FileUploadItemSizeText.displayName = "FileUploadItemSizeText";
 
 export { FileUploadItemSizeText };

package/dist/components/file-upload/file-upload-root-provider.cjs

@@ -10,15 +10,11 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
-const FileUploadRootProvider = react.forwardRef(
-  (props, ref) => {
-    const [{ value: fileUpload }, localProps] = createSplitProps.createSplitProps()(props, [
-      "value"
-    ]);
-    const mergedProps = react$1.mergeProps(fileUpload.getRootProps(), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadContext.FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-  }
-);
+const FileUploadRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: fileUpload }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const mergedProps = react$1.mergeProps(fileUpload.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useFileUploadContext.FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
 FileUploadRootProvider.displayName = "FileUploadRootProvider";
 
 exports.FileUploadRootProvider = FileUploadRootProvider;

package/dist/components/file-upload/file-upload-root-provider.js

@@ -6,15 +6,11 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { FileUploadProvider } from './use-file-upload-context.js';
 
-const FileUploadRootProvider = forwardRef(
-  (props, ref) => {
-    const [{ value: fileUpload }, localProps] = createSplitProps()(props, [
-      "value"
-    ]);
-    const mergedProps = mergeProps(fileUpload.getRootProps(), localProps);
-    return /* @__PURE__ */ jsx(FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
-  }
-);
+const FileUploadRootProvider = forwardRef((props, ref) => {
+  const [{ value: fileUpload }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(fileUpload.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
 FileUploadRootProvider.displayName = "FileUploadRootProvider";
 
 export { FileUploadRootProvider };

package/dist/components/file-upload/file-upload-trigger.cjs

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

package/dist/components/file-upload/file-upload-trigger.js

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

package/dist/components/file-upload/file-upload.d.cts

@@ -1,6 +1,6 @@
-export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, } from '@zag-js/file-upload';
+export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails } from '@zag-js/file-upload';
 export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger';
-export { FileUploadContext as Context, type FileUploadContextProps as ContextProps, } from './file-upload-context';
+export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context';
 export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone';
 export { FileUploadHiddenInput as HiddenInput, type FileUploadHiddenInputBaseProps as HiddenInputBaseProps, type FileUploadHiddenInputProps as HiddenInputProps, } from './file-upload-hidden-input';
 export { FileUploadItem as Item, type FileUploadItemBaseProps as ItemBaseProps, type FileUploadItemProps as ItemProps, } from './file-upload-item';

package/dist/components/file-upload/file-upload.d.ts

@@ -1,6 +1,6 @@
-export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails, } from '@zag-js/file-upload';
+export type { FileAcceptDetails, FileChangeDetails, FileRejectDetails, FileValidateDetails } from '@zag-js/file-upload';
 export { FileUploadClearTrigger as ClearTrigger, type FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, type FileUploadClearTriggerProps as ClearTriggerProps, } from './file-upload-clear-trigger';
-export { FileUploadContext as Context, type FileUploadContextProps as ContextProps, } from './file-upload-context';
+export { FileUploadContext as Context, type FileUploadContextProps as ContextProps } from './file-upload-context';
 export { FileUploadDropzone as Dropzone, type FileUploadDropzoneBaseProps as DropzoneBaseProps, type FileUploadDropzoneProps as DropzoneProps, } from './file-upload-dropzone';
 export { FileUploadHiddenInput as HiddenInput, type FileUploadHiddenInputBaseProps as HiddenInputBaseProps, type FileUploadHiddenInputProps as HiddenInputProps, } from './file-upload-hidden-input';
 export { FileUploadItem as Item, type FileUploadItemBaseProps as ItemBaseProps, type FileUploadItemProps as ItemProps, } from './file-upload-item';

package/dist/components/file-upload/index.d.cts

@@ -3,17 +3,17 @@ export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type File
 export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
 export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone';
 export { FileUploadHiddenInput, type FileUploadHiddenInputBaseProps, type FileUploadHiddenInputProps, } from './file-upload-hidden-input';
-export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps, } from './file-upload-item';
+export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps } from './file-upload-item';
 export { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps, } from './file-upload-item-delete-trigger';
 export { FileUploadItemGroup, type FileUploadItemGroupBaseProps, type FileUploadItemGroupProps, } from './file-upload-item-group';
 export { FileUploadItemName, type FileUploadItemNameBaseProps, type FileUploadItemNameProps, } from './file-upload-item-name';
 export { FileUploadItemPreview, type FileUploadItemPreviewBaseProps, type FileUploadItemPreviewProps, } from './file-upload-item-preview';
 export { FileUploadItemPreviewImage, type FileUploadItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps, } from './file-upload-item-preview-image';
 export { FileUploadItemSizeText, type FileUploadItemSizeTextBaseProps, type FileUploadItemSizeTextProps, } from './file-upload-item-size-text';
-export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps, } from './file-upload-label';
-export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps, } from './file-upload-root';
+export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps } from './file-upload-label';
+export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps } from './file-upload-root';
 export { FileUploadRootProvider, type FileUploadRootProviderBaseProps, type FileUploadRootProviderProps, } from './file-upload-root-provider';
-export { FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps, } from './file-upload-trigger';
+export { FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps } from './file-upload-trigger';
 export { fileUploadAnatomy } from './file-upload.anatomy';
 export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
 export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';

package/dist/components/file-upload/index.d.ts

@@ -3,17 +3,17 @@ export { FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type File
 export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
 export { FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, } from './file-upload-dropzone';
 export { FileUploadHiddenInput, type FileUploadHiddenInputBaseProps, type FileUploadHiddenInputProps, } from './file-upload-hidden-input';
-export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps, } from './file-upload-item';
+export { FileUploadItem, type FileUploadItemBaseProps, type FileUploadItemProps } from './file-upload-item';
 export { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps, } from './file-upload-item-delete-trigger';
 export { FileUploadItemGroup, type FileUploadItemGroupBaseProps, type FileUploadItemGroupProps, } from './file-upload-item-group';
 export { FileUploadItemName, type FileUploadItemNameBaseProps, type FileUploadItemNameProps, } from './file-upload-item-name';
 export { FileUploadItemPreview, type FileUploadItemPreviewBaseProps, type FileUploadItemPreviewProps, } from './file-upload-item-preview';
 export { FileUploadItemPreviewImage, type FileUploadItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps, } from './file-upload-item-preview-image';
 export { FileUploadItemSizeText, type FileUploadItemSizeTextBaseProps, type FileUploadItemSizeTextProps, } from './file-upload-item-size-text';
-export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps, } from './file-upload-label';
-export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps, } from './file-upload-root';
+export { FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps } from './file-upload-label';
+export { FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps } from './file-upload-root';
 export { FileUploadRootProvider, type FileUploadRootProviderBaseProps, type FileUploadRootProviderProps, } from './file-upload-root-provider';
-export { FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps, } from './file-upload-trigger';
+export { FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps } from './file-upload-trigger';
 export { fileUploadAnatomy } from './file-upload.anatomy';
 export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
 export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';

package/dist/components/file-upload/use-file-upload.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');
 const useFieldContext = require('../field/use-field-context.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -31,30 +30,26 @@ function _interopNamespaceDefault(e) {
 const fileUpload__namespace = /*#__PURE__*/_interopNamespaceDefault(fileUpload);
 
 const useFileUpload = (props = {}) => {
+  const id = react.useId();
   const { getRootNode } = useEnvironmentContext.useEnvironmentContext();
-  const { dir } = useLocaleContext.useLocaleContext();
+  const { dir, locale } = useLocaleContext.useLocaleContext();
   const field = useFieldContext.useFieldContext();
-  const initialContext = {
-    id: react.useId(),
+  const machineProps = {
+    id,
     ids: {
       label: field?.ids.label,
       hiddenInput: field?.ids.control
     },
     dir,
     disabled: field?.disabled,
+    locale,
     required: field?.required,
     invalid: field?.invalid,
     getRootNode,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onFileAccept: useEvent.useEvent(props.onFileAccept),
-    onFileReject: useEvent.useEvent(props.onFileReject),
-    onFileChange: useEvent.useEvent(props.onFileChange, { sync: true })
-  };
-  const [state, send] = react$1.useMachine(fileUpload__namespace.machine(initialContext), { context });
-  return fileUpload__namespace.connect(state, send, react$1.normalizeProps);
+  const service = react$1.useMachine(fileUpload__namespace.machine, machineProps);
+  return fileUpload__namespace.connect(service, react$1.normalizeProps);
 };
 
 exports.useFileUpload = useFileUpload;

package/dist/components/file-upload/use-file-upload.d.cts

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as fileUpload from '@zag-js/file-upload';
-export interface UseFileUploadProps extends Optional<Omit<fileUpload.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseFileUploadProps extends Optional<Omit<fileUpload.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseFileUploadReturn extends fileUpload.Api<PropTypes> {
 }

package/dist/components/file-upload/use-file-upload.d.ts

@@ -1,7 +1,7 @@
 import { PropTypes } from '@zag-js/react';
 import { Optional } from '../../types';
 import * as fileUpload from '@zag-js/file-upload';
-export interface UseFileUploadProps extends Optional<Omit<fileUpload.Context, 'dir' | 'getRootNode'>, 'id'> {
+export interface UseFileUploadProps extends Optional<Omit<fileUpload.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 export interface UseFileUploadReturn extends fileUpload.Api<PropTypes> {
 }

package/dist/components/file-upload/use-file-upload.js

@@ -4,34 +4,29 @@ 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';
 import { useFieldContext } from '../field/use-field-context.js';
 
 const useFileUpload = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
-  const { dir } = useLocaleContext();
+  const { dir, locale } = useLocaleContext();
   const field = useFieldContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     ids: {
       label: field?.ids.label,
       hiddenInput: field?.ids.control
     },
     dir,
     disabled: field?.disabled,
+    locale,
     required: field?.required,
     invalid: field?.invalid,
     getRootNode,
     ...props
   };
-  const context = {
-    ...initialContext,
-    onFileAccept: useEvent(props.onFileAccept),
-    onFileReject: useEvent(props.onFileReject),
-    onFileChange: useEvent(props.onFileChange, { sync: true })
-  };
-  const [state, send] = useMachine(fileUpload.machine(initialContext), { context });
-  return fileUpload.connect(state, send, normalizeProps);
+  const service = useMachine(fileUpload.machine, machineProps);
+  return fileUpload.connect(service, normalizeProps);
 };
 
 export { useFileUpload };

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' } });
@@ -30,23 +29,17 @@ function _interopNamespaceDefault(e) {
 const hoverCard__namespace = /*#__PURE__*/_interopNamespaceDefault(hoverCard);
 
 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> {
 }