@ark-ui/react 4.9.2 → 5.0.0

package/dist/components/file-upload/file-upload-hidden-input.js

@@ -6,14 +6,12 @@ import { ark } from '../factory.js';
 import { useFieldContext } from '../field/use-field-context.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 
-const FileUploadHiddenInput = forwardRef(
-  (props, ref) => {
-    const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(fileUpload.getHiddenInputProps(), props);
-    const field = useFieldContext();
-    return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
-  }
-);
+const FileUploadHiddenInput = forwardRef((props, ref) => {
+  const fileUpload = useFileUploadContext();
+  const mergedProps = mergeProps(fileUpload.getHiddenInputProps(), props);
+  const field = useFieldContext();
+  return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
 FileUploadHiddenInput.displayName = "FileUploadHiddenInput";
 
 export { FileUploadHiddenInput };

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

@@ -10,12 +10,14 @@ const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
-const FileUploadItemDeleteTrigger = react.forwardRef((props, ref) => {
-  const fileUpload = useFileUploadContext.useFileUploadContext();
-  const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
-  const mergedProps = react$1.mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const FileUploadItemDeleteTrigger = react.forwardRef(
+  (props, ref) => {
+    const fileUpload = useFileUploadContext.useFileUploadContext();
+    const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
+    const mergedProps = react$1.mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
 FileUploadItemDeleteTrigger.displayName = "FileUploadItemDeleteTrigger";
 
 exports.FileUploadItemDeleteTrigger = FileUploadItemDeleteTrigger;

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

@@ -6,12 +6,14 @@ import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
 
-const FileUploadItemDeleteTrigger = forwardRef((props, ref) => {
-  const fileUpload = useFileUploadContext();
-  const itemProps = useFileUploadItemPropsContext();
-  const mergedProps = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const FileUploadItemDeleteTrigger = forwardRef(
+  (props, ref) => {
+    const fileUpload = useFileUploadContext();
+    const itemProps = useFileUploadItemPropsContext();
+    const mergedProps = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
 FileUploadItemDeleteTrigger.displayName = "FileUploadItemDeleteTrigger";
 
 export { FileUploadItemDeleteTrigger };

package/dist/components/file-upload/file-upload-item-group.cjs

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

package/dist/components/file-upload/file-upload-item-group.js

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

package/dist/components/file-upload/file-upload-item-name.cjs

@@ -10,15 +10,13 @@ const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
-const FileUploadItemName = react.forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const fileUpload = useFileUploadContext.useFileUploadContext();
-    const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
-    const mergedProps = react$1.mergeProps(fileUpload.getItemNameProps(itemProps), rest);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: children || itemProps.file.name });
-  }
-);
+const FileUploadItemName = react.forwardRef((props, ref) => {
+  const { children, ...rest } = props;
+  const fileUpload = useFileUploadContext.useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
+  const mergedProps = react$1.mergeProps(fileUpload.getItemNameProps(itemProps), rest);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: children || itemProps.file.name });
+});
 FileUploadItemName.displayName = "FileUploadItemName";
 
 exports.FileUploadItemName = FileUploadItemName;

package/dist/components/file-upload/file-upload-item-name.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 FileUploadItemName = forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const fileUpload = useFileUploadContext();
-    const itemProps = useFileUploadItemPropsContext();
-    const mergedProps = mergeProps(fileUpload.getItemNameProps(itemProps), rest);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: children || itemProps.file.name });
-  }
-);
+const FileUploadItemName = forwardRef((props, ref) => {
+  const { children, ...rest } = props;
+  const fileUpload = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const mergedProps = mergeProps(fileUpload.getItemNameProps(itemProps), rest);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: children || itemProps.file.name });
+});
 FileUploadItemName.displayName = "FileUploadItemName";
 
 export { FileUploadItemName };

package/dist/components/file-upload/file-upload-item-preview-image.cjs

@@ -10,17 +10,19 @@ const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
-const FileUploadItemPreviewImage = react.forwardRef((props, ref) => {
-  const [url, setUrl] = react.useState("");
-  const fileUpload = useFileUploadContext.useFileUploadContext();
-  const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
-  const mergedProps = react$1.mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
-  react.useEffect(() => {
-    return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
-  }, [itemProps, fileUpload]);
-  if (!url) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.img, { ...mergedProps, ref });
-});
+const FileUploadItemPreviewImage = react.forwardRef(
+  (props, ref) => {
+    const [url, setUrl] = react.useState("");
+    const fileUpload = useFileUploadContext.useFileUploadContext();
+    const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
+    const mergedProps = react$1.mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
+    react.useEffect(() => {
+      return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
+    }, [itemProps, fileUpload]);
+    if (!url) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.img, { ...mergedProps, ref });
+  }
+);
 FileUploadItemPreviewImage.displayName = "FileUploadItemPreviewImage";
 
 exports.FileUploadItemPreviewImage = FileUploadItemPreviewImage;

package/dist/components/file-upload/file-upload-item-preview-image.js

@@ -6,17 +6,19 @@ import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context.js';
 
-const FileUploadItemPreviewImage = forwardRef((props, ref) => {
-  const [url, setUrl] = useState("");
-  const fileUpload = useFileUploadContext();
-  const itemProps = useFileUploadItemPropsContext();
-  const mergedProps = mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
-  useEffect(() => {
-    return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
-  }, [itemProps, fileUpload]);
-  if (!url) return null;
-  return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });
-});
+const FileUploadItemPreviewImage = forwardRef(
+  (props, ref) => {
+    const [url, setUrl] = useState("");
+    const fileUpload = useFileUploadContext();
+    const itemProps = useFileUploadItemPropsContext();
+    const mergedProps = mergeProps(fileUpload.getItemPreviewImageProps({ ...itemProps, url }), props);
+    useEffect(() => {
+      return fileUpload.createFileUrl(itemProps.file, (url2) => setUrl(url2));
+    }, [itemProps, fileUpload]);
+    if (!url) return null;
+    return /* @__PURE__ */ jsx(ark.img, { ...mergedProps, ref });
+  }
+);
 FileUploadItemPreviewImage.displayName = "FileUploadItemPreviewImage";
 
 export { FileUploadItemPreviewImage };

package/dist/components/file-upload/file-upload-item-preview.cjs

@@ -10,15 +10,13 @@ const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
-const FileUploadItemPreview = react.forwardRef(
-  (props, ref) => {
-    const fileUpload = useFileUploadContext.useFileUploadContext();
-    const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
-    const mergedProps = react$1.mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
-    if (!itemProps.file.type.match(props.type ?? ".*")) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const FileUploadItemPreview = react.forwardRef((props, ref) => {
+  const fileUpload = useFileUploadContext.useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
+  const mergedProps = react$1.mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
+  if (!itemProps.file.type.match(props.type ?? ".*")) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 FileUploadItemPreview.displayName = "FileUploadItemPreview";
 
 exports.FileUploadItemPreview = FileUploadItemPreview;

package/dist/components/file-upload/file-upload-item-preview.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 FileUploadItemPreview = forwardRef(
-  (props, ref) => {
-    const fileUpload = useFileUploadContext();
-    const itemProps = useFileUploadItemPropsContext();
-    const mergedProps = mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
-    if (!itemProps.file.type.match(props.type ?? ".*")) return null;
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const FileUploadItemPreview = forwardRef((props, ref) => {
+  const fileUpload = useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext();
+  const mergedProps = mergeProps(fileUpload.getItemPreviewProps(itemProps), props);
+  if (!itemProps.file.type.match(props.type ?? ".*")) return null;
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 FileUploadItemPreview.displayName = "FileUploadItemPreview";
 
 export { FileUploadItemPreview };

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

@@ -10,15 +10,13 @@ const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 const useFileUploadItemPropsContext = require('./use-file-upload-item-props-context.cjs');
 
-const FileUploadItemSizeText = react.forwardRef(
-  (props, ref) => {
-    const { children, ...rest } = props;
-    const fileUpload = useFileUploadContext.useFileUploadContext();
-    const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
-    const mergedProps = react$1.mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: children || fileUpload.getFileSize(itemProps.file) });
-  }
-);
+const FileUploadItemSizeText = react.forwardRef((props, ref) => {
+  const { children, ...rest } = props;
+  const fileUpload = useFileUploadContext.useFileUploadContext();
+  const itemProps = useFileUploadItemPropsContext.useFileUploadItemPropsContext();
+  const mergedProps = react$1.mergeProps(fileUpload.getItemSizeTextProps(itemProps), rest);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: children || fileUpload.getFileSize(itemProps.file) });
+});
 FileUploadItemSizeText.displayName = "FileUploadItemSizeText";
 
 exports.FileUploadItemSizeText = FileUploadItemSizeText;

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 };