@ark-ui/react 3.1.0 → 3.2.1

package/dist/components/editable/editable-edit-trigger.js

@@ -8,7 +8,7 @@ import { useEditableContext } from './use-editable-context.js';
 const EditableEditTrigger = forwardRef(
   (props, ref) => {
     const editable = useEditableContext();
-    const mergedProps = mergeProps(editable.editTriggerProps, props);
+    const mergedProps = mergeProps(editable.getEditTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/editable/editable-input.cjs

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditableInput = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.inputProps, props);
+  const mergedProps = react$1.mergeProps(editable.getInputProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
 EditableInput.displayName = "EditableInput";

package/dist/components/editable/editable-input.js

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditableInput = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.inputProps, props);
+  const mergedProps = mergeProps(editable.getInputProps(), props);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
 EditableInput.displayName = "EditableInput";

package/dist/components/editable/editable-label.cjs

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditableLabel = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.labelProps, props);
+  const mergedProps = react$1.mergeProps(editable.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 EditableLabel.displayName = "EditableLabel";

package/dist/components/editable/editable-label.js

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditableLabel = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.labelProps, props);
+  const mergedProps = mergeProps(editable.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 EditableLabel.displayName = "EditableLabel";

package/dist/components/editable/editable-preview.cjs

@@ -11,7 +11,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 
 const EditablePreview = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
-  const mergedProps = react$1.mergeProps(editable.previewProps, props);
+  const mergedProps = react$1.mergeProps(editable.getPreviewProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
 });
 EditablePreview.displayName = "EditablePreview";

package/dist/components/editable/editable-preview.js

@@ -7,7 +7,7 @@ import { useEditableContext } from './use-editable-context.js';
 
 const EditablePreview = forwardRef((props, ref) => {
   const editable = useEditableContext();
-  const mergedProps = mergeProps(editable.previewProps, props);
+  const mergedProps = mergeProps(editable.getPreviewProps(), props);
   return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
 });
 EditablePreview.displayName = "EditablePreview";

package/dist/components/editable/editable-root-provider.cjs

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+const useEditableContext = require('./use-editable-context.cjs');
+
+const EditableRootProvider = react.forwardRef(
+  (props, ref) => {
+    const [{ value: editable }, localProps] = createSplitProps.createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = react$1.mergeProps(editable.getRootProps(), localProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(useEditableContext.EditableProvider, { value: editable, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  }
+);
+EditableRootProvider.displayName = "EditableRootProvider";
+
+exports.EditableRootProvider = EditableRootProvider;

package/dist/components/editable/editable-root-provider.d.cts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseEditableReturn } from './use-editable';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseEditableReturn;
+}
+export interface EditableRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const EditableRootProvider: ForwardRefExoticComponent<EditableRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/editable/editable-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseEditableReturn } from './use-editable';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseEditableReturn;
+}
+export interface EditableRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const EditableRootProvider: ForwardRefExoticComponent<EditableRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/editable/editable-root-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+import { EditableProvider } from './use-editable-context.js';
+
+const EditableRootProvider = forwardRef(
+  (props, ref) => {
+    const [{ value: editable }, localProps] = createSplitProps()(props, [
+      "value"
+    ]);
+    const mergedProps = mergeProps(editable.getRootProps(), localProps);
+    return /* @__PURE__ */ jsx(EditableProvider, { value: editable, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  }
+);
+EditableRootProvider.displayName = "EditableRootProvider";
+
+export { EditableRootProvider };

package/dist/components/editable/editable-root.cjs

@@ -40,7 +40,7 @@ const EditableRoot = react.forwardRef((props, ref) => {
     "value"
   ]);
   const editable = useEditable.useEditable(useEditableProps);
-  const mergedProps = react$1.mergeProps(editable.rootProps, localProps);
+  const mergedProps = react$1.mergeProps(editable.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useEditableContext.EditableProvider, { value: editable, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
 EditableRoot.displayName = "EditableRoot";

package/dist/components/editable/editable-root.js

@@ -36,7 +36,7 @@ const EditableRoot = forwardRef((props, ref) => {
     "value"
   ]);
   const editable = useEditable(useEditableProps);
-  const mergedProps = mergeProps(editable.rootProps, localProps);
+  const mergedProps = mergeProps(editable.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(EditableProvider, { value: editable, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 EditableRoot.displayName = "EditableRoot";

package/dist/components/editable/editable-submit-trigger.cjs

@@ -12,7 +12,7 @@ const useEditableContext = require('./use-editable-context.cjs');
 const EditableSubmitTrigger = react.forwardRef(
   (props, ref) => {
     const editable = useEditableContext.useEditableContext();
-    const mergedProps = react$1.mergeProps(editable.submitTriggerProps, props);
+    const mergedProps = react$1.mergeProps(editable.getSubmitTriggerProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/editable/editable-submit-trigger.js

@@ -8,7 +8,7 @@ import { useEditableContext } from './use-editable-context.js';
 const EditableSubmitTrigger = forwardRef(
   (props, ref) => {
     const editable = useEditableContext();
-    const mergedProps = mergeProps(editable.submitTriggerProps, props);
+    const mergedProps = mergeProps(editable.getSubmitTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

package/dist/components/editable/editable.cjs

@@ -11,6 +11,7 @@ const editableInput = require('./editable-input.cjs');
 const editableLabel = require('./editable-label.cjs');
 const editablePreview = require('./editable-preview.cjs');
 const editableRoot = require('./editable-root.cjs');
+const editableRootProvider = require('./editable-root-provider.cjs');
 const editableSubmitTrigger = require('./editable-submit-trigger.cjs');
 
 
@@ -24,4 +25,5 @@ exports.Input = editableInput.EditableInput;
 exports.Label = editableLabel.EditableLabel;
 exports.Preview = editablePreview.EditablePreview;
 exports.Root = editableRoot.EditableRoot;
+exports.RootProvider = editableRootProvider.EditableRootProvider;
 exports.SubmitTrigger = editableSubmitTrigger.EditableSubmitTrigger;

package/dist/components/editable/editable.d.cts

@@ -8,4 +8,5 @@ export { EditableInput as Input, type EditableInputProps as InputProps } from '.
 export { EditableLabel as Label, type EditableLabelProps as LabelProps } from './editable-label';
 export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, } from './editable-preview';
 export { EditableRoot as Root, type EditableRootProps as RootProps } from './editable-root';
+export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, } from './editable-root-provider';
 export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, } from './editable-submit-trigger';

package/dist/components/editable/editable.d.ts

@@ -8,4 +8,5 @@ export { EditableInput as Input, type EditableInputProps as InputProps } from '.
 export { EditableLabel as Label, type EditableLabelProps as LabelProps } from './editable-label';
 export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, } from './editable-preview';
 export { EditableRoot as Root, type EditableRootProps as RootProps } from './editable-root';
+export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, } from './editable-root-provider';
 export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, } from './editable-submit-trigger';

package/dist/components/editable/editable.js

@@ -7,4 +7,5 @@ export { EditableInput as Input } from './editable-input.js';
 export { EditableLabel as Label } from './editable-label.js';
 export { EditablePreview as Preview } from './editable-preview.js';
 export { EditableRoot as Root } from './editable-root.js';
+export { EditableRootProvider as RootProvider } from './editable-root-provider.js';
 export { EditableSubmitTrigger as SubmitTrigger } from './editable-submit-trigger.js';

package/dist/components/editable/index.cjs

@@ -11,7 +11,9 @@ const editableInput = require('./editable-input.cjs');
 const editableLabel = require('./editable-label.cjs');
 const editablePreview = require('./editable-preview.cjs');
 const editableRoot = require('./editable-root.cjs');
+const editableRootProvider = require('./editable-root-provider.cjs');
 const editableSubmitTrigger = require('./editable-submit-trigger.cjs');
+const useEditable = require('./use-editable.cjs');
 const useEditableContext = require('./use-editable-context.cjs');
 const editable = require('./editable.cjs');
 
@@ -26,6 +28,8 @@ exports.EditableInput = editableInput.EditableInput;
 exports.EditableLabel = editableLabel.EditableLabel;
 exports.EditablePreview = editablePreview.EditablePreview;
 exports.EditableRoot = editableRoot.EditableRoot;
+exports.EditableRootProvider = editableRootProvider.EditableRootProvider;
 exports.EditableSubmitTrigger = editableSubmitTrigger.EditableSubmitTrigger;
+exports.useEditable = useEditable.useEditable;
 exports.useEditableContext = useEditableContext.useEditableContext;
 exports.Editable = editable;

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

@@ -8,6 +8,8 @@ export { EditableInput, type EditableInputProps } from './editable-input';
 export { EditableLabel, type EditableLabelProps } from './editable-label';
 export { EditablePreview, type EditablePreviewProps } from './editable-preview';
 export { EditableRoot, type EditableRootProps } from './editable-root';
+export { EditableRootProvider, type EditableRootProviderProps } from './editable-root-provider';
 export { EditableSubmitTrigger, type EditableSubmitTriggerProps } from './editable-submit-trigger';
-export { type UseEditableContext, useEditableContext } from './use-editable-context';
+export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable';
+export { useEditableContext, type UseEditableContext } from './use-editable-context';
 export * as Editable from './editable';

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

@@ -8,6 +8,8 @@ export { EditableInput, type EditableInputProps } from './editable-input';
 export { EditableLabel, type EditableLabelProps } from './editable-label';
 export { EditablePreview, type EditablePreviewProps } from './editable-preview';
 export { EditableRoot, type EditableRootProps } from './editable-root';
+export { EditableRootProvider, type EditableRootProviderProps } from './editable-root-provider';
 export { EditableSubmitTrigger, type EditableSubmitTriggerProps } from './editable-submit-trigger';
-export { type UseEditableContext, useEditableContext } from './use-editable-context';
+export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable';
+export { useEditableContext, type UseEditableContext } from './use-editable-context';
 export * as Editable from './editable';

package/dist/components/editable/index.js

@@ -7,7 +7,9 @@ export { EditableInput } from './editable-input.js';
 export { EditableLabel } from './editable-label.js';
 export { EditablePreview } from './editable-preview.js';
 export { EditableRoot } from './editable-root.js';
+export { EditableRootProvider } from './editable-root-provider.js';
 export { EditableSubmitTrigger } from './editable-submit-trigger.js';
+export { useEditable } from './use-editable.js';
 export { useEditableContext } from './use-editable-context.js';
 import * as editable from './editable.js';
 export { editable as Editable };

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

@@ -12,7 +12,7 @@ const useFileUploadContext = require('./use-file-upload-context.cjs');
 const FileUploadDropzone = react.forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext.useFileUploadContext();
-    const mergedProps = react$1.mergeProps(fileUpload.dropzoneProps, props);
+    const mergedProps = react$1.mergeProps(fileUpload.getDropzoneProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useFileUploadContext } from './use-file-upload-context.js';
 const FileUploadDropzone = forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(fileUpload.dropzoneProps, props);
+    const mergedProps = mergeProps(fileUpload.getDropzoneProps(), props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );

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

@@ -12,7 +12,7 @@ const useFileUploadContext = require('./use-file-upload-context.cjs');
 const FileUploadHiddenInput = react.forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext.useFileUploadContext();
-    const mergedProps = react$1.mergeProps(fileUpload.hiddenInputProps, props);
+    const mergedProps = react$1.mergeProps(fileUpload.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
   }
 );

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

@@ -8,7 +8,7 @@ import { useFileUploadContext } from './use-file-upload-context.js';
 const FileUploadHiddenInput = forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(fileUpload.hiddenInputProps, props);
+    const mergedProps = mergeProps(fileUpload.getHiddenInputProps(), props);
     return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
   }
 );

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

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

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

@@ -8,7 +8,7 @@ import { useFileUploadContext } from './use-file-upload-context.js';
 const FileUploadItemGroup = forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(fileUpload.itemGroupProps, props);
+    const mergedProps = mergeProps(fileUpload.getItemGroupProps(), props);
     return /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref });
   }
 );

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

@@ -11,7 +11,7 @@ const useFileUploadContext = require('./use-file-upload-context.cjs');
 
 const FileUploadLabel = react.forwardRef((props, ref) => {
   const fileUpload = useFileUploadContext.useFileUploadContext();
-  const mergedProps = react$1.mergeProps(fileUpload.labelProps, props);
+  const mergedProps = react$1.mergeProps(fileUpload.getLabelProps(), props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
 FileUploadLabel.displayName = "FileUploadLabel";

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

@@ -7,7 +7,7 @@ import { useFileUploadContext } from './use-file-upload-context.js';
 
 const FileUploadLabel = forwardRef((props, ref) => {
   const fileUpload = useFileUploadContext();
-  const mergedProps = mergeProps(fileUpload.labelProps, props);
+  const mergedProps = mergeProps(fileUpload.getLabelProps(), props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
 FileUploadLabel.displayName = "FileUploadLabel";

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

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const 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 }) });
+  }
+);
+FileUploadRootProvider.displayName = "FileUploadRootProvider";
+
+exports.FileUploadRootProvider = FileUploadRootProvider;

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseFileUploadReturn } from './use-file-upload';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseFileUploadReturn;
+}
+export interface FileUploadRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const FileUploadRootProvider: ForwardRefExoticComponent<FileUploadRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+import { HTMLArkProps } from '../factory';
+import { UseFileUploadReturn } from './use-file-upload';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseFileUploadReturn;
+}
+export interface FileUploadRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const FileUploadRootProvider: ForwardRefExoticComponent<FileUploadRootProviderProps & RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+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 }) });
+  }
+);
+FileUploadRootProvider.displayName = "FileUploadRootProvider";
+
+export { FileUploadRootProvider };

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

@@ -32,7 +32,7 @@ const FileUploadRoot = react.forwardRef((props, ref) => {
     "validate"
   ]);
   const fileUpload = useFileUpload.useFileUpload(useFileUploadProps);
-  const mergedProps = react$1.mergeProps(fileUpload.rootProps, localProps);
+  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 }) });
 });
 FileUploadRoot.displayName = "FileUploadRoot";

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

@@ -28,7 +28,7 @@ const FileUploadRoot = forwardRef((props, ref) => {
     "validate"
   ]);
   const fileUpload = useFileUpload(useFileUploadProps);
-  const mergedProps = mergeProps(fileUpload.rootProps, localProps);
+  const mergedProps = mergeProps(fileUpload.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(FileUploadProvider, { value: fileUpload, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
 FileUploadRoot.displayName = "FileUploadRoot";

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

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

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

@@ -8,7 +8,7 @@ import { useFileUploadContext } from './use-file-upload-context.js';
 const FileUploadTrigger = forwardRef(
   (props, ref) => {
     const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(fileUpload.triggerProps, props);
+    const mergedProps = mergeProps(fileUpload.getTriggerProps(), props);
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );

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

@@ -13,6 +13,7 @@ const fileUploadItemPreviewImage = require('./file-upload-item-preview-image.cjs
 const fileUploadItemSizeText = require('./file-upload-item-size-text.cjs');
 const fileUploadLabel = require('./file-upload-label.cjs');
 const fileUploadRoot = require('./file-upload-root.cjs');
+const fileUploadRootProvider = require('./file-upload-root-provider.cjs');
 const fileUploadTrigger = require('./file-upload-trigger.cjs');
 const fileUploadHiddenInput = require('./file-upload-hidden-input.cjs');
 
@@ -29,5 +30,6 @@ exports.ItemPreviewImage = fileUploadItemPreviewImage.FileUploadItemPreviewImage
 exports.ItemSizeText = fileUploadItemSizeText.FileUploadItemSizeText;
 exports.Label = fileUploadLabel.FileUploadLabel;
 exports.Root = fileUploadRoot.FileUploadRoot;
+exports.RootProvider = fileUploadRootProvider.FileUploadRootProvider;
 exports.Trigger = fileUploadTrigger.FileUploadTrigger;
 exports.HiddenInput = fileUploadHiddenInput.FileUploadHiddenInput;

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

@@ -10,5 +10,6 @@ export { FileUploadItemPreviewImage as ItemPreviewImage, type FileUploadItemPrev
 export { FileUploadItemSizeText as ItemSizeText, type FileUploadItemSizeTextProps as ItemSizeTextProps, } from './file-upload-item-size-text';
 export { FileUploadLabel as Label, type FileUploadLabelProps as LabelProps, } from './file-upload-label';
 export { FileUploadRoot as Root, type FileUploadRootProps as RootProps } from './file-upload-root';
+export { FileUploadRootProvider as RootProvider, type FileUploadRootProviderProps as RootProviderProps, } from './file-upload-root-provider';
 export { FileUploadTrigger as Trigger, type FileUploadTriggerProps as TriggerProps, } from './file-upload-trigger';
 export { FileUploadHiddenInput as HiddenInput, type FileUploadHiddenInputProps as HiddenInputProps, } from './file-upload-hidden-input';

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

@@ -10,5 +10,6 @@ export { FileUploadItemPreviewImage as ItemPreviewImage, type FileUploadItemPrev
 export { FileUploadItemSizeText as ItemSizeText, type FileUploadItemSizeTextProps as ItemSizeTextProps, } from './file-upload-item-size-text';
 export { FileUploadLabel as Label, type FileUploadLabelProps as LabelProps, } from './file-upload-label';
 export { FileUploadRoot as Root, type FileUploadRootProps as RootProps } from './file-upload-root';
+export { FileUploadRootProvider as RootProvider, type FileUploadRootProviderProps as RootProviderProps, } from './file-upload-root-provider';
 export { FileUploadTrigger as Trigger, type FileUploadTriggerProps as TriggerProps, } from './file-upload-trigger';
 export { FileUploadHiddenInput as HiddenInput, type FileUploadHiddenInputProps as HiddenInputProps, } from './file-upload-hidden-input';

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

@@ -9,5 +9,6 @@ export { FileUploadItemPreviewImage as ItemPreviewImage } from './file-upload-it
 export { FileUploadItemSizeText as ItemSizeText } from './file-upload-item-size-text.js';
 export { FileUploadLabel as Label } from './file-upload-label.js';
 export { FileUploadRoot as Root } from './file-upload-root.js';
+export { FileUploadRootProvider as RootProvider } from './file-upload-root-provider.js';
 export { FileUploadTrigger as Trigger } from './file-upload-trigger.js';
 export { FileUploadHiddenInput as HiddenInput } from './file-upload-hidden-input.js';

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const fileUploadContext = require('./file-upload-context.cjs');
 const fileUploadDropzone = require('./file-upload-dropzone.cjs');
+const fileUploadHiddenInput = require('./file-upload-hidden-input.cjs');
 const fileUploadItem = require('./file-upload-item.cjs');
 const fileUploadItemDeleteTrigger = require('./file-upload-item-delete-trigger.cjs');
 const fileUploadItemGroup = require('./file-upload-item-group.cjs');
@@ -13,8 +14,9 @@ const fileUploadItemPreviewImage = require('./file-upload-item-preview-image.cjs
 const fileUploadItemSizeText = require('./file-upload-item-size-text.cjs');
 const fileUploadLabel = require('./file-upload-label.cjs');
 const fileUploadRoot = require('./file-upload-root.cjs');
+const fileUploadRootProvider = require('./file-upload-root-provider.cjs');
 const fileUploadTrigger = require('./file-upload-trigger.cjs');
-const fileUploadHiddenInput = require('./file-upload-hidden-input.cjs');
+const useFileUpload = require('./use-file-upload.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 const fileUpload = require('./file-upload.cjs');
 
@@ -22,6 +24,7 @@ const fileUpload = require('./file-upload.cjs');
 
 exports.FileUploadContext = fileUploadContext.FileUploadContext;
 exports.FileUploadDropzone = fileUploadDropzone.FileUploadDropzone;
+exports.FileUploadHiddenInput = fileUploadHiddenInput.FileUploadHiddenInput;
 exports.FileUploadItem = fileUploadItem.FileUploadItem;
 exports.FileUploadItemDeleteTrigger = fileUploadItemDeleteTrigger.FileUploadItemDeleteTrigger;
 exports.FileUploadItemGroup = fileUploadItemGroup.FileUploadItemGroup;
@@ -31,7 +34,8 @@ exports.FileUploadItemPreviewImage = fileUploadItemPreviewImage.FileUploadItemPr
 exports.FileUploadItemSizeText = fileUploadItemSizeText.FileUploadItemSizeText;
 exports.FileUploadLabel = fileUploadLabel.FileUploadLabel;
 exports.FileUploadRoot = fileUploadRoot.FileUploadRoot;
+exports.FileUploadRootProvider = fileUploadRootProvider.FileUploadRootProvider;
 exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
-exports.FileUploadHiddenInput = fileUploadHiddenInput.FileUploadHiddenInput;
+exports.useFileUpload = useFileUpload.useFileUpload;
 exports.useFileUploadContext = useFileUploadContext.useFileUploadContext;
 exports.FileUpload = fileUpload;

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

@@ -1,6 +1,7 @@
 export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, } from '@zag-js/file-upload';
 export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
 export { FileUploadDropzone, type FileUploadDropzoneProps } from './file-upload-dropzone';
+export { FileUploadHiddenInput, type FileUploadHiddenInputProps } from './file-upload-hidden-input';
 export { FileUploadItem, type FileUploadItemProps } from './file-upload-item';
 export { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps, } from './file-upload-item-delete-trigger';
 export { FileUploadItemGroup, type FileUploadItemGroupProps } from './file-upload-item-group';
@@ -10,7 +11,8 @@ export { FileUploadItemPreviewImage, type FileUploadItemPreviewImageProps, } fro
 export { FileUploadItemSizeText, type FileUploadItemSizeTextProps, } from './file-upload-item-size-text';
 export { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
 export { FileUploadRoot, type FileUploadRootProps } from './file-upload-root';
+export { FileUploadRootProvider, type FileUploadRootProviderProps, } from './file-upload-root-provider';
 export { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
-export { FileUploadHiddenInput, type FileUploadHiddenInputProps } from './file-upload-hidden-input';
-export { type UseFileUploadContext, useFileUploadContext } from './use-file-upload-context';
+export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
+export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';
 export * as FileUpload from './file-upload';

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

@@ -1,6 +1,7 @@
 export type { FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails as FileUploadFileChangeDetails, FileRejectDetails as FileUploadFileRejectDetails, } from '@zag-js/file-upload';
 export { FileUploadContext, type FileUploadContextProps } from './file-upload-context';
 export { FileUploadDropzone, type FileUploadDropzoneProps } from './file-upload-dropzone';
+export { FileUploadHiddenInput, type FileUploadHiddenInputProps } from './file-upload-hidden-input';
 export { FileUploadItem, type FileUploadItemProps } from './file-upload-item';
 export { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps, } from './file-upload-item-delete-trigger';
 export { FileUploadItemGroup, type FileUploadItemGroupProps } from './file-upload-item-group';
@@ -10,7 +11,8 @@ export { FileUploadItemPreviewImage, type FileUploadItemPreviewImageProps, } fro
 export { FileUploadItemSizeText, type FileUploadItemSizeTextProps, } from './file-upload-item-size-text';
 export { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
 export { FileUploadRoot, type FileUploadRootProps } from './file-upload-root';
+export { FileUploadRootProvider, type FileUploadRootProviderProps, } from './file-upload-root-provider';
 export { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
-export { FileUploadHiddenInput, type FileUploadHiddenInputProps } from './file-upload-hidden-input';
-export { type UseFileUploadContext, useFileUploadContext } from './use-file-upload-context';
+export { useFileUpload, type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
+export { useFileUploadContext, type UseFileUploadContext } from './use-file-upload-context';
 export * as FileUpload from './file-upload';

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

@@ -1,5 +1,6 @@
 export { FileUploadContext } from './file-upload-context.js';
 export { FileUploadDropzone } from './file-upload-dropzone.js';
+export { FileUploadHiddenInput } from './file-upload-hidden-input.js';
 export { FileUploadItem } from './file-upload-item.js';
 export { FileUploadItemDeleteTrigger } from './file-upload-item-delete-trigger.js';
 export { FileUploadItemGroup } from './file-upload-item-group.js';
@@ -9,8 +10,9 @@ export { FileUploadItemPreviewImage } from './file-upload-item-preview-image.js'
 export { FileUploadItemSizeText } from './file-upload-item-size-text.js';
 export { FileUploadLabel } from './file-upload-label.js';
 export { FileUploadRoot } from './file-upload-root.js';
+export { FileUploadRootProvider } from './file-upload-root-provider.js';
 export { FileUploadTrigger } from './file-upload-trigger.js';
-export { FileUploadHiddenInput } from './file-upload-hidden-input.js';
+export { useFileUpload } from './use-file-upload.js';
 export { useFileUploadContext } from './use-file-upload-context.js';
 import * as fileUpload from './file-upload.js';
 export { fileUpload as FileUpload };