@ark-ui/react 4.9.1 → 5.0.0

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

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

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

@@ -13,11 +13,7 @@ const useFieldset = require('./use-fieldset.cjs');
 const useFieldsetContext = require('./use-fieldset-context.cjs');
 
 const FieldsetRoot = react.forwardRef((props, ref) => {
-  const [useFieldsetProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "id",
-    "disabled",
-    "invalid"
-  ]);
+  const [useFieldsetProps, localProps] = createSplitProps.createSplitProps()(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset.useFieldset(useFieldsetProps);
   const mergedProps = react$1.mergeProps(fieldset.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useFieldsetContext.FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.fieldset, { ...mergedProps, ref: composeRefs.composeRefs(ref, fieldset.refs.rootRef) }) });

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

@@ -9,11 +9,7 @@ import { useFieldset } from './use-fieldset.js';
 import { FieldsetProvider } from './use-fieldset-context.js';
 
 const FieldsetRoot = forwardRef((props, ref) => {
-  const [useFieldsetProps, localProps] = createSplitProps()(props, [
-    "id",
-    "disabled",
-    "invalid"
-  ]);
+  const [useFieldsetProps, localProps] = createSplitProps()(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset(useFieldsetProps);
   const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsx(ark.fieldset, { ...mergedProps, ref: composeRefs(ref, fieldset.refs.rootRef) }) });

package/dist/components/fieldset/fieldset.anatomy.cjs

@@ -5,12 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const anatomy = require('@zag-js/anatomy');
 
-const fieldsetAnatomy = anatomy.createAnatomy("fieldset").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "legend"
-);
+const fieldsetAnatomy = anatomy.createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
 const parts = fieldsetAnatomy.build();
 
 exports.fieldsetAnatomy = fieldsetAnatomy;

package/dist/components/fieldset/fieldset.anatomy.js

@@ -1,12 +1,7 @@
 'use client';
 import { createAnatomy } from '@zag-js/anatomy';
 
-const fieldsetAnatomy = createAnatomy("fieldset").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "legend"
-);
+const fieldsetAnatomy = createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
 const parts = fieldsetAnatomy.build();
 
 export { fieldsetAnatomy, parts };

package/dist/components/fieldset/fieldset.d.cts

@@ -1,4 +1,4 @@
-export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';
+export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context';
 export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, } from './fieldset-error-text';
 export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, } from './fieldset-helper-text';
 export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, } from './fieldset-legend';

package/dist/components/fieldset/fieldset.d.ts

@@ -1,4 +1,4 @@
-export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';
+export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context';
 export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, } from './fieldset-error-text';
 export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, } from './fieldset-helper-text';
 export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, } from './fieldset-legend';

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

@@ -1,7 +1,7 @@
 export { FieldsetContext, type FieldsetContextProps } from './fieldset-context';
-export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps, } from './fieldset-error-text';
+export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps } from './fieldset-error-text';
 export { FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, } from './fieldset-helper-text';
-export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps, } from './fieldset-legend';
+export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend';
 export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root';
 export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, } from './fieldset-root-provider';
 export { fieldsetAnatomy } from './fieldset.anatomy';

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

@@ -1,7 +1,7 @@
 export { FieldsetContext, type FieldsetContextProps } from './fieldset-context';
-export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps, } from './fieldset-error-text';
+export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps } from './fieldset-error-text';
 export { FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, } from './fieldset-helper-text';
-export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps, } from './fieldset-legend';
+export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend';
 export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root';
 export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, } from './fieldset-root-provider';
 export { fieldsetAnatomy } from './fieldset.anatomy';

package/dist/components/fieldset/use-fieldset.cjs

@@ -8,7 +8,7 @@ const react = require('react');
 const useSafeLayoutEffect = require('../../utils/use-safe-layout-effect.cjs');
 const fieldset_anatomy = require('./fieldset.anatomy.cjs');
 
-const useFieldset = (props) => {
+const useFieldset = (props = {}) => {
   const { disabled = false, invalid = false } = props;
   const hasErrorText = react.useRef(false);
   const hasHelperText = react.useRef(false);

package/dist/components/fieldset/use-fieldset.d.cts

@@ -15,7 +15,7 @@ export interface UseFieldsetProps {
     invalid?: boolean;
 }
 export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
-export declare const useFieldset: (props: UseFieldsetProps) => {
+export declare const useFieldset: (props?: UseFieldsetProps) => {
     refs: {
         rootRef: RefObject<HTMLFieldSetElement | null>;
     };

package/dist/components/fieldset/use-fieldset.d.ts

@@ -15,7 +15,7 @@ export interface UseFieldsetProps {
     invalid?: boolean;
 }
 export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
-export declare const useFieldset: (props: UseFieldsetProps) => {
+export declare const useFieldset: (props?: UseFieldsetProps) => {
     refs: {
         rootRef: RefObject<HTMLFieldSetElement | null>;
     };

package/dist/components/fieldset/use-fieldset.js

@@ -4,7 +4,7 @@ import { useRef, useId, useMemo } from 'react';
 import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';
 import { parts } from './fieldset.anatomy.js';
 
-const useFieldset = (props) => {
+const useFieldset = (props = {}) => {
   const { disabled = false, invalid = false } = props;
   const hasErrorText = useRef(false);
   const hasHelperText = useRef(false);

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

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

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

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

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

@@ -11,14 +11,9 @@ const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
 const FileUploadDropzone = react.forwardRef((props, ref) => {
-  const [dropzoneProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "disableClick"
-  ]);
+  const [dropzoneProps, localProps] = createSplitProps.createSplitProps()(props, ["disableClick"]);
   const fileUpload = useFileUploadContext.useFileUploadContext();
-  const mergedProps = react$1.mergeProps(
-    fileUpload.getDropzoneProps(dropzoneProps),
-    localProps
-  );
+  const mergedProps = react$1.mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
 FileUploadDropzone.displayName = "FileUploadDropzone";

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

@@ -3,6 +3,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadDropzoneBaseProps extends PolymorphicProps, DropzoneProps {
 }
-export interface FileUploadDropzoneProps extends HTMLProps<"div">, FileUploadDropzoneBaseProps {
+export interface FileUploadDropzoneProps extends HTMLProps<'div'>, FileUploadDropzoneBaseProps {
 }
 export declare const FileUploadDropzone: ForwardRefExoticComponent<FileUploadDropzoneProps & RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadDropzoneBaseProps extends PolymorphicProps, DropzoneProps {
 }
-export interface FileUploadDropzoneProps extends HTMLProps<"div">, FileUploadDropzoneBaseProps {
+export interface FileUploadDropzoneProps extends HTMLProps<'div'>, FileUploadDropzoneBaseProps {
 }
 export declare const FileUploadDropzone: ForwardRefExoticComponent<FileUploadDropzoneProps & RefAttributes<HTMLDivElement>>;

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

@@ -7,14 +7,9 @@ import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 
 const FileUploadDropzone = forwardRef((props, ref) => {
-  const [dropzoneProps, localProps] = createSplitProps()(props, [
-    "disableClick"
-  ]);
+  const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
   const fileUpload = useFileUploadContext();
-  const mergedProps = mergeProps(
-    fileUpload.getDropzoneProps(dropzoneProps),
-    localProps
-  );
+  const mergedProps = mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
 FileUploadDropzone.displayName = "FileUploadDropzone";

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

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useFieldContext = require('../field/use-field-context.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
-const FileUploadHiddenInput = react.forwardRef(
-  (props, ref) => {
-    const fileUpload = useFileUploadContext.useFileUploadContext();
-    const mergedProps = react$1.mergeProps(fileUpload.getHiddenInputProps(), props);
-    const field = useFieldContext.useFieldContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
-  }
-);
+const FileUploadHiddenInput = react.forwardRef((props, ref) => {
+  const fileUpload = useFileUploadContext.useFileUploadContext();
+  const mergedProps = react$1.mergeProps(fileUpload.getHiddenInputProps(), props);
+  const field = useFieldContext.useFieldContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
 FileUploadHiddenInput.displayName = "FileUploadHiddenInput";
 
 exports.FileUploadHiddenInput = FileUploadHiddenInput;

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,20 +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.d.cts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadItemPreviewImageBaseProps extends PolymorphicProps {
 }
-export interface FileUploadItemPreviewImageProps extends HTMLProps<"img">, FileUploadItemPreviewImageBaseProps {
+export interface FileUploadItemPreviewImageProps extends HTMLProps<'img'>, FileUploadItemPreviewImageBaseProps {
 }
 export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<FileUploadItemPreviewImageProps & RefAttributes<HTMLImageElement>>;

package/dist/components/file-upload/file-upload-item-preview-image.d.ts

@@ -2,6 +2,6 @@ import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 export interface FileUploadItemPreviewImageBaseProps extends PolymorphicProps {
 }
-export interface FileUploadItemPreviewImageProps extends HTMLProps<"img">, FileUploadItemPreviewImageBaseProps {
+export interface FileUploadItemPreviewImageProps extends HTMLProps<'img'>, FileUploadItemPreviewImageBaseProps {
 }
 export declare const FileUploadItemPreviewImage: ForwardRefExoticComponent<FileUploadItemPreviewImageProps & RefAttributes<HTMLImageElement>>;

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

@@ -6,20 +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;