@ark-ui/react 1.0.0 → 1.1.0

package/file-upload/file-upload-item-size-text.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadItemSizeTextProps extends HTMLArkProps<'div'> {
+}
+export declare const FileUploadItemSizeText: ForwardRefExoticComponent<FileUploadItemSizeTextProps & RefAttributes<HTMLDivElement>>;

package/file-upload/file-upload-item-size-text.mjs

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useFileUploadContext } from './file-upload-context.mjs';
+import { useFileUploadItemContext } from './file-upload-item-context.mjs';
+
+const FileUploadItemSizeText = forwardRef(
+  (props, ref) => {
+    const { children, ...rest } = props;
+    const api = useFileUploadContext();
+    const item = useFileUploadItemContext();
+    const mergedProps = mergeProps(api.getItemSizeTextProps(item), rest);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: children || api.getFileSize(item.file) });
+  }
+);
+FileUploadItemSizeText.displayName = "FileUploadItemSizeText";
+
+export { FileUploadItemSizeText };

package/file-upload/file-upload-item.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('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const fileUploadContext = require('./file-upload-context.cjs');
+const fileUploadItemContext = require('./file-upload-item-context.cjs');
+
+const FileUploadItem = react.forwardRef((props, ref) => {
+  const [itemProps, { children, ...localProps }] = createSplitProps.createSplitProps()(props, ["file"]);
+  const api = fileUploadContext.useFileUploadContext();
+  const mergedProps = react$1.mergeProps(api.getItemProps(itemProps), localProps);
+  const view = runIfFn.runIfFn(children, api);
+  return /* @__PURE__ */ jsxRuntime.jsx(fileUploadItemContext.FileUploadItemProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: view }) });
+});
+FileUploadItem.displayName = "FileUploadItem";
+
+exports.FileUploadItem = FileUploadItem;

package/file-upload/file-upload-item.d.ts

@@ -0,0 +1,8 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import type { ItemProps } from '@zag-js/file-upload';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface FileUploadItemProps extends Assign<HTMLArkProps<'ul'>, ItemProps> {
+}
+export declare const FileUploadItem: ForwardRefExoticComponent<FileUploadItemProps & RefAttributes<HTMLLIElement>>;

package/file-upload/file-upload-item.mjs

@@ -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 '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { useFileUploadContext } from './file-upload-context.mjs';
+import { FileUploadItemProvider } from './file-upload-item-context.mjs';
+
+const FileUploadItem = forwardRef((props, ref) => {
+  const [itemProps, { children, ...localProps }] = createSplitProps()(props, ["file"]);
+  const api = useFileUploadContext();
+  const mergedProps = mergeProps(api.getItemProps(itemProps), localProps);
+  const view = runIfFn(children, api);
+  return /* @__PURE__ */ jsx(FileUploadItemProvider, { value: itemProps, children: /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: view }) });
+});
+FileUploadItem.displayName = "FileUploadItem";
+
+export { FileUploadItem };

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

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const fileUploadContext = require('./file-upload-context.cjs');
+
+const FileUploadLabel = react.forwardRef((props, ref) => {
+  const api = fileUploadContext.useFileUploadContext();
+  const mergedProps = react$1.mergeProps(api.labelProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
+FileUploadLabel.displayName = "FileUploadLabel";
+
+exports.FileUploadLabel = FileUploadLabel;

package/file-upload/file-upload-label.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const FileUploadLabel: ForwardRefExoticComponent<FileUploadLabelProps & RefAttributes<HTMLLabelElement>>;

package/file-upload/file-upload-label.mjs

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useFileUploadContext } from './file-upload-context.mjs';
+
+const FileUploadLabel = forwardRef((props, ref) => {
+  const api = useFileUploadContext();
+  const mergedProps = mergeProps(api.labelProps, props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
+FileUploadLabel.displayName = "FileUploadLabel";
+
+export { FileUploadLabel };

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

@@ -0,0 +1,21 @@
+'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 factory = require('../factory.cjs');
+const fileUploadContext = require('./file-upload-context.cjs');
+
+const FileUploadTrigger = react.forwardRef(
+  (props, ref) => {
+    const api = fileUploadContext.useFileUploadContext();
+    const mergedProps = react$1.mergeProps(api.triggerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+FileUploadTrigger.displayName = "FileUploadTrigger";
+
+exports.FileUploadTrigger = FileUploadTrigger;

package/file-upload/file-upload-trigger.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadTriggerProps extends HTMLArkProps<'button'> {
+}
+export declare const FileUploadTrigger: ForwardRefExoticComponent<FileUploadTriggerProps & RefAttributes<HTMLButtonElement>>;

package/file-upload/file-upload-trigger.mjs

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useFileUploadContext } from './file-upload-context.mjs';
+
+const FileUploadTrigger = forwardRef(
+  (props, ref) => {
+    const api = useFileUploadContext();
+    const mergedProps = mergeProps(api.triggerProps, props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+FileUploadTrigger.displayName = "FileUploadTrigger";
+
+export { FileUploadTrigger };

package/file-upload/file-upload.cjs

@@ -0,0 +1,42 @@
+'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('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const fileUploadContext = require('./file-upload-context.cjs');
+const useFileUpload = require('./use-file-upload.cjs');
+
+const FileUpload = react.forwardRef((props, ref) => {
+  const [useFileUploadProps, { children, ...divProps }] = createSplitProps.createSplitProps()(
+    props,
+    [
+      "accept",
+      "allowDrop",
+      "dir",
+      "disabled",
+      "files",
+      "getRootNode",
+      "id",
+      "isValidFile",
+      "locale",
+      "maxFiles",
+      "maxFileSize",
+      "minFileSize",
+      "name",
+      "onFilesChange"
+    ]
+  );
+  const api = useFileUpload.useFileUpload(useFileUploadProps);
+  const mergedProps = react$1.mergeProps(api.rootProps, divProps);
+  const view = runIfFn.runIfFn(children, api);
+  return /* @__PURE__ */ jsxRuntime.jsx(fileUploadContext.FileUploadProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
+});
+FileUpload.displayName = "FileUpload";
+
+exports.FileUpload = FileUpload;

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

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseFileUploadProps, type UseFileUploadReturn } from './use-file-upload';
+export interface FileUploadProps extends Assign<HTMLArkProps<'div'>, UseFileUploadProps & {
+    children?: ((api: UseFileUploadReturn) => ReactNode) | ReactNode;
+}> {
+}
+export declare const FileUpload: ForwardRefExoticComponent<FileUploadProps & RefAttributes<HTMLDivElement>>;

package/file-upload/file-upload.mjs

@@ -0,0 +1,38 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { FileUploadProvider } from './file-upload-context.mjs';
+import { useFileUpload } from './use-file-upload.mjs';
+
+const FileUpload = forwardRef((props, ref) => {
+  const [useFileUploadProps, { children, ...divProps }] = createSplitProps()(
+    props,
+    [
+      "accept",
+      "allowDrop",
+      "dir",
+      "disabled",
+      "files",
+      "getRootNode",
+      "id",
+      "isValidFile",
+      "locale",
+      "maxFiles",
+      "maxFileSize",
+      "minFileSize",
+      "name",
+      "onFilesChange"
+    ]
+  );
+  const api = useFileUpload(useFileUploadProps);
+  const mergedProps = mergeProps(api.rootProps, divProps);
+  const view = runIfFn(children, api);
+  return /* @__PURE__ */ jsx(FileUploadProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
+});
+FileUpload.displayName = "FileUpload";
+
+export { FileUpload };

package/file-upload/file-upload.stories.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { FileUpload } from './';
+type FileUploadType = typeof FileUpload;
+declare const meta: Meta<FileUploadType>;
+export default meta;
+export declare const Basic: () => JSX.Element;

package/file-upload/file-upload.test.d.ts

@@ -0,0 +1 @@
+export {};

package/file-upload/index.cjs

@@ -0,0 +1,41 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const fileUpload = require('./file-upload.cjs');
+const fileUploadContext = require('./file-upload-context.cjs');
+const fileUploadDropzone = require('./file-upload-dropzone.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');
+const fileUploadItemName = require('./file-upload-item-name.cjs');
+const fileUploadItemPreview = require('./file-upload-item-preview.cjs');
+const fileUploadItemSizeText = require('./file-upload-item-size-text.cjs');
+const fileUploadLabel = require('./file-upload-label.cjs');
+const fileUploadTrigger = require('./file-upload-trigger.cjs');
+
+const FileUpload = Object.assign(fileUpload.FileUpload, {
+  Root: fileUpload.FileUpload,
+  Dropzone: fileUploadDropzone.FileUploadDropzone,
+  Label: fileUploadLabel.FileUploadLabel,
+  Trigger: fileUploadTrigger.FileUploadTrigger,
+  ItemGroup: fileUploadItemGroup.FileUploadItemGroup,
+  Item: fileUploadItem.FileUploadItem,
+  ItemName: fileUploadItemName.FileUploadItemName,
+  ItemPreview: fileUploadItemPreview.FileUploadItemPreview,
+  ItemSizeText: fileUploadItemSizeText.FileUploadItemSizeText,
+  ItemDeleteTrigger: fileUploadItemDeleteTrigger.FileUploadItemDeleteTrigger
+});
+
+exports.useFileUploadContext = fileUploadContext.useFileUploadContext;
+exports.FileUploadDropzone = fileUploadDropzone.FileUploadDropzone;
+exports.FileUploadItem = fileUploadItem.FileUploadItem;
+exports.FileUploadItemDeleteTrigger = fileUploadItemDeleteTrigger.FileUploadItemDeleteTrigger;
+exports.FileUploadItemGroup = fileUploadItemGroup.FileUploadItemGroup;
+exports.FileUploadItemName = fileUploadItemName.FileUploadItemName;
+exports.FileUploadItemPreview = fileUploadItemPreview.FileUploadItemPreview;
+exports.FileUploadItemSizeText = fileUploadItemSizeText.FileUploadItemSizeText;
+exports.FileUploadLabel = fileUploadLabel.FileUploadLabel;
+exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
+exports.FileUpload = FileUpload;

package/file-upload/index.d.ts

@@ -0,0 +1,27 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type FileUploadProps } from './file-upload';
+import { useFileUploadContext, type FileUploadContext } from './file-upload-context';
+import { FileUploadDropzone, type FileUploadDropzoneProps } from './file-upload-dropzone';
+import { FileUploadItem, type FileUploadItemProps } from './file-upload-item';
+import { FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerProps } from './file-upload-item-delete-trigger';
+import { FileUploadItemGroup, type FileUploadItemGroupProps } from './file-upload-item-group';
+import { FileUploadItemName, type FileUploadItemNameProps } from './file-upload-item-name';
+import { FileUploadItemPreview, type FileUploadItemPreviewProps } from './file-upload-item-preview';
+import { FileUploadItemSizeText, type FileUploadItemSizeTextProps } from './file-upload-item-size-text';
+import { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
+import { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
+declare const FileUpload: ForwardRefExoticComponent<FileUploadProps & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<FileUploadProps & RefAttributes<HTMLDivElement>>;
+    Dropzone: ForwardRefExoticComponent<FileUploadDropzoneProps & RefAttributes<HTMLDivElement>>;
+    Label: ForwardRefExoticComponent<FileUploadLabelProps & RefAttributes<HTMLLabelElement>>;
+    Trigger: ForwardRefExoticComponent<FileUploadTriggerProps & RefAttributes<HTMLButtonElement>>;
+    ItemGroup: ForwardRefExoticComponent<FileUploadItemGroupProps & RefAttributes<HTMLUListElement>>;
+    Item: ForwardRefExoticComponent<FileUploadItemProps & RefAttributes<HTMLLIElement>>;
+    ItemName: ForwardRefExoticComponent<FileUploadItemNameProps & RefAttributes<HTMLDivElement>>;
+    ItemPreview: ForwardRefExoticComponent<FileUploadItemPreviewProps & RefAttributes<HTMLImageElement>>;
+    ItemSizeText: ForwardRefExoticComponent<FileUploadItemSizeTextProps & RefAttributes<HTMLDivElement>>;
+    ItemDeleteTrigger: ForwardRefExoticComponent<FileUploadItemDeleteTriggerProps & RefAttributes<HTMLButtonElement>>;
+};
+export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger, useFileUploadContext, };
+export type { FileUploadContext, FileUploadDropzoneProps, FileUploadItemDeleteTriggerProps, FileUploadItemGroupProps, FileUploadItemNameProps, FileUploadItemPreviewProps, FileUploadItemProps, FileUploadItemSizeTextProps, FileUploadLabelProps, FileUploadProps, FileUploadTriggerProps, };

package/file-upload/index.mjs

@@ -0,0 +1,27 @@
+'use client';
+import { FileUpload as FileUpload$1 } from './file-upload.mjs';
+export { useFileUploadContext } from './file-upload-context.mjs';
+import { FileUploadDropzone } from './file-upload-dropzone.mjs';
+import { FileUploadItem } from './file-upload-item.mjs';
+import { FileUploadItemDeleteTrigger } from './file-upload-item-delete-trigger.mjs';
+import { FileUploadItemGroup } from './file-upload-item-group.mjs';
+import { FileUploadItemName } from './file-upload-item-name.mjs';
+import { FileUploadItemPreview } from './file-upload-item-preview.mjs';
+import { FileUploadItemSizeText } from './file-upload-item-size-text.mjs';
+import { FileUploadLabel } from './file-upload-label.mjs';
+import { FileUploadTrigger } from './file-upload-trigger.mjs';
+
+const FileUpload = Object.assign(FileUpload$1, {
+  Root: FileUpload$1,
+  Dropzone: FileUploadDropzone,
+  Label: FileUploadLabel,
+  Trigger: FileUploadTrigger,
+  ItemGroup: FileUploadItemGroup,
+  Item: FileUploadItem,
+  ItemName: FileUploadItemName,
+  ItemPreview: FileUploadItemPreview,
+  ItemSizeText: FileUploadItemSizeText,
+  ItemDeleteTrigger: FileUploadItemDeleteTrigger
+});
+
+export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger };

package/file-upload/use-file-upload.cjs

@@ -0,0 +1,47 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const fileUpload = require('@zag-js/file-upload');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+require('../environment/index.cjs');
+const useEvent = require('../use-event.cjs');
+const environmentContext = require('../environment/environment-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const fileUpload__namespace = /*#__PURE__*/_interopNamespaceDefault(fileUpload);
+
+const useFileUpload = (props = {}) => {
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: environmentContext.useEnvironmentContext(),
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    isValidFile: useEvent.useEvent(props.isValidFile),
+    onFilesChange: useEvent.useEvent(props.onFilesChange, { sync: true })
+  };
+  const [state, send] = react$1.useMachine(fileUpload__namespace.machine(initialContext), { context });
+  return fileUpload__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useFileUpload = useFileUpload;

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

@@ -0,0 +1,8 @@
+import * as fileUpload from '@zag-js/file-upload';
+import { type PropTypes } from '@zag-js/react';
+import { type Optional } from '../types';
+export interface UseFileUploadProps extends Optional<fileUpload.Context, 'id'> {
+}
+export interface UseFileUploadReturn extends fileUpload.Api<PropTypes> {
+}
+export declare const useFileUpload: (props?: UseFileUploadProps) => UseFileUploadReturn;

package/file-upload/use-file-upload.mjs

@@ -0,0 +1,24 @@
+'use client';
+import * as fileUpload from '@zag-js/file-upload';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import '../environment/index.mjs';
+import { useEvent } from '../use-event.mjs';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useFileUpload = (props = {}) => {
+  const initialContext = {
+    id: useId(),
+    getRootNode: useEnvironmentContext(),
+    ...props
+  };
+  const context = {
+    ...initialContext,
+    isValidFile: useEvent(props.isValidFile),
+    onFilesChange: useEvent(props.onFilesChange, { sync: true })
+  };
+  const [state, send] = useMachine(fileUpload.machine(initialContext), { context });
+  return fileUpload.connect(state, send, normalizeProps);
+};
+
+export { useFileUpload };

package/index.cjs

@@ -13,26 +13,27 @@ const index$7 = require('./dialog/index.cjs');
 const index$8 = require('./editable/index.cjs');
 const index$9 = require('./environment/index.cjs');
 const factory = require('./factory.cjs');
-const index$a = require('./hover-card/index.cjs');
-const index$b = require('./menu/index.cjs');
-const index$c = require('./number-input/index.cjs');
-const index$d = require('./pagination/index.cjs');
-const index$e = require('./pin-input/index.cjs');
-const index$f = require('./popover/index.cjs');
+const index$a = require('./file-upload/index.cjs');
+const index$b = require('./hover-card/index.cjs');
+const index$c = require('./menu/index.cjs');
+const index$d = require('./number-input/index.cjs');
+const index$e = require('./pagination/index.cjs');
+const index$f = require('./pin-input/index.cjs');
+const index$g = require('./popover/index.cjs');
 const portal = require('./portal.cjs');
-const index$g = require('./presence/index.cjs');
-const index$h = require('./radio-group/index.cjs');
-const index$i = require('./rating-group/index.cjs');
-const index$j = require('./segment-group/index.cjs');
-const index$k = require('./select/index.cjs');
-const index$l = require('./slider/index.cjs');
-const index$m = require('./splitter/index.cjs');
-const index$n = require('./switch/index.cjs');
-const index$o = require('./tabs/index.cjs');
-const index$p = require('./tags-input/index.cjs');
-const index$q = require('./toast/index.cjs');
-const index$r = require('./toggle-group/index.cjs');
-const index$s = require('./tooltip/index.cjs');
+const index$h = require('./presence/index.cjs');
+const index$i = require('./radio-group/index.cjs');
+const index$j = require('./rating-group/index.cjs');
+const index$k = require('./segment-group/index.cjs');
+const index$l = require('./select/index.cjs');
+const index$m = require('./slider/index.cjs');
+const index$n = require('./splitter/index.cjs');
+const index$o = require('./switch/index.cjs');
+const index$p = require('./tabs/index.cjs');
+const index$q = require('./tags-input/index.cjs');
+const index$r = require('./toast/index.cjs');
+const index$s = require('./toggle-group/index.cjs');
+const index$t = require('./tooltip/index.cjs');
 const accordionItem = require('./accordion/accordion-item.cjs');
 const accordionItemContent = require('./accordion/accordion-item-content.cjs');
 const accordionItemIndicator = require('./accordion/accordion-item-indicator.cjs');
@@ -65,14 +66,18 @@ const colorPickerChannelSliderTrack = require('./color-picker/color-picker-chann
 const colorPickerContent = require('./color-picker/color-picker-content.cjs');
 const colorPickerControl = require('./color-picker/color-picker-control.cjs');
 const colorPickerEyeDropperTrigger = require('./color-picker/color-picker-eye-dropper-trigger.cjs');
+const colorPickerFormatSelect = require('./color-picker/color-picker-format-select.cjs');
+const colorPickerFormatTrigger = require('./color-picker/color-picker-format-trigger.cjs');
 const colorPickerLabel = require('./color-picker/color-picker-label.cjs');
 const colorPickerPositioner = require('./color-picker/color-picker-positioner.cjs');
 const colorPickerSwatch = require('./color-picker/color-picker-swatch.cjs');
 const colorPickerSwatchGroup = require('./color-picker/color-picker-swatch-group.cjs');
+const colorPickerSwatchIndicator = require('./color-picker/color-picker-swatch-indicator.cjs');
 const colorPickerSwatchTrigger = require('./color-picker/color-picker-swatch-trigger.cjs');
 const colorPickerTransparencyGrid = require('./color-picker/color-picker-transparency-grid.cjs');
 const colorPickerTrigger = require('./color-picker/color-picker-trigger.cjs');
 const colorPickerValueText = require('./color-picker/color-picker-value-text.cjs');
+const colorPickerView = require('./color-picker/color-picker-view.cjs');
 const colorPickerAreaContext = require('./color-picker/color-picker-area-context.cjs');
 const colorPickerChannelSliderContext = require('./color-picker/color-picker-channel-slider-context.cjs');
 const colorPickerContext = require('./color-picker/color-picker-context.cjs');
@@ -133,6 +138,16 @@ const editablePreview = require('./editable/editable-preview.cjs');
 const editableSubmitTrigger = require('./editable/editable-submit-trigger.cjs');
 const editableContext = require('./editable/editable-context.cjs');
 const environmentContext = require('./environment/environment-context.cjs');
+const fileUploadDropzone = require('./file-upload/file-upload-dropzone.cjs');
+const fileUploadItem = require('./file-upload/file-upload-item.cjs');
+const fileUploadItemDeleteTrigger = require('./file-upload/file-upload-item-delete-trigger.cjs');
+const fileUploadItemGroup = require('./file-upload/file-upload-item-group.cjs');
+const fileUploadItemName = require('./file-upload/file-upload-item-name.cjs');
+const fileUploadItemPreview = require('./file-upload/file-upload-item-preview.cjs');
+const fileUploadItemSizeText = require('./file-upload/file-upload-item-size-text.cjs');
+const fileUploadLabel = require('./file-upload/file-upload-label.cjs');
+const fileUploadTrigger = require('./file-upload/file-upload-trigger.cjs');
+const fileUploadContext = require('./file-upload/file-upload-context.cjs');
 const hoverCardArrow = require('./hover-card/hover-card-arrow.cjs');
 const hoverCardArrowTip = require('./hover-card/hover-card-arrow-tip.cjs');
 const hoverCardContent = require('./hover-card/hover-card-content.cjs');
@@ -274,26 +289,27 @@ exports.Editable = index$8.Editable;
 exports.Environment = index$9.Environment;
 exports.ark = factory.ark;
 exports.jsxFactory = factory.jsxFactory;
-exports.HoverCard = index$a.HoverCard;
-exports.Menu = index$b.Menu;
-exports.NumberInput = index$c.NumberInput;
-exports.Pagination = index$d.Pagination;
-exports.PinInput = index$e.PinInput;
-exports.Popover = index$f.Popover;
+exports.FileUpload = index$a.FileUpload;
+exports.HoverCard = index$b.HoverCard;
+exports.Menu = index$c.Menu;
+exports.NumberInput = index$d.NumberInput;
+exports.Pagination = index$e.Pagination;
+exports.PinInput = index$f.PinInput;
+exports.Popover = index$g.Popover;
 exports.Portal = portal.Portal;
-exports.Presence = index$g.Presence;
-exports.RadioGroup = index$h.RadioGroup;
-exports.RatingGroup = index$i.RatingGroup;
-exports.SegmentGroup = index$j.SegmentGroup;
-exports.Select = index$k.Select;
-exports.Slider = index$l.Slider;
-exports.Splitter = index$m.Splitter;
-exports.Switch = index$n.Switch;
-exports.Tabs = index$o.Tabs;
-exports.TagsInput = index$p.TagsInput;
-exports.Toast = index$q.Toast;
-exports.ToggleGroup = index$r.ToggleGroup;
-exports.Tooltip = index$s.Tooltip;
+exports.Presence = index$h.Presence;
+exports.RadioGroup = index$i.RadioGroup;
+exports.RatingGroup = index$j.RatingGroup;
+exports.SegmentGroup = index$k.SegmentGroup;
+exports.Select = index$l.Select;
+exports.Slider = index$m.Slider;
+exports.Splitter = index$n.Splitter;
+exports.Switch = index$o.Switch;
+exports.Tabs = index$p.Tabs;
+exports.TagsInput = index$q.TagsInput;
+exports.Toast = index$r.Toast;
+exports.ToggleGroup = index$s.ToggleGroup;
+exports.Tooltip = index$t.Tooltip;
 exports.AccordionItem = accordionItem.AccordionItem;
 exports.AccordionItemContent = accordionItemContent.AccordionItemContent;
 exports.AccordionItemIndicator = accordionItemIndicator.AccordionItemIndicator;
@@ -326,14 +342,18 @@ exports.ColorPickerChannelSliderTrack = colorPickerChannelSliderTrack.ColorPicke
 exports.ColorPickerContent = colorPickerContent.ColorPickerContent;
 exports.ColorPickerControl = colorPickerControl.ColorPickerControl;
 exports.ColorPickerEyeDropperTrigger = colorPickerEyeDropperTrigger.ColorPickerEyeDropperTrigger;
+exports.ColorPickerFormatSelect = colorPickerFormatSelect.ColorPickerFormatSelect;
+exports.ColorPickerFormatTrigger = colorPickerFormatTrigger.ColorPickerFormatTrigger;
 exports.ColorPickerLabel = colorPickerLabel.ColorPickerLabel;
 exports.ColorPickerPositioner = colorPickerPositioner.ColorPickerPositioner;
 exports.ColorPickerSwatch = colorPickerSwatch.ColorPickerSwatch;
 exports.ColorPickerSwatchGroup = colorPickerSwatchGroup.ColorPickerSwatchGroup;
+exports.ColorPickerSwatchIndicator = colorPickerSwatchIndicator.ColorPickerSwatchIndicator;
 exports.ColorPickerSwatchTrigger = colorPickerSwatchTrigger.ColorPickerSwatchTrigger;
 exports.ColorPickerTransparencyGrid = colorPickerTransparencyGrid.ColorPickerTransparencyGrid;
 exports.ColorPickerTrigger = colorPickerTrigger.ColorPickerTrigger;
 exports.ColorPickerValueText = colorPickerValueText.ColorPickerValueText;
+exports.ColorPickerView = colorPickerView.ColorPickerView;
 exports.useColorPickerAreaContext = colorPickerAreaContext.useColorPickerAreaContext;
 exports.useColorPickerChannelSliderContext = colorPickerChannelSliderContext.useColorPickerChannelSliderContext;
 exports.useColorPickerContext = colorPickerContext.useColorPickerContext;
@@ -394,6 +414,16 @@ exports.EditablePreview = editablePreview.EditablePreview;
 exports.EditableSubmitTrigger = editableSubmitTrigger.EditableSubmitTrigger;
 exports.useEditableContext = editableContext.useEditableContext;
 exports.useEnvironmentContext = environmentContext.useEnvironmentContext;
+exports.FileUploadDropzone = fileUploadDropzone.FileUploadDropzone;
+exports.FileUploadItem = fileUploadItem.FileUploadItem;
+exports.FileUploadItemDeleteTrigger = fileUploadItemDeleteTrigger.FileUploadItemDeleteTrigger;
+exports.FileUploadItemGroup = fileUploadItemGroup.FileUploadItemGroup;
+exports.FileUploadItemName = fileUploadItemName.FileUploadItemName;
+exports.FileUploadItemPreview = fileUploadItemPreview.FileUploadItemPreview;
+exports.FileUploadItemSizeText = fileUploadItemSizeText.FileUploadItemSizeText;
+exports.FileUploadLabel = fileUploadLabel.FileUploadLabel;
+exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
+exports.useFileUploadContext = fileUploadContext.useFileUploadContext;
 exports.HoverCardArrow = hoverCardArrow.HoverCardArrow;
 exports.HoverCardArrowTip = hoverCardArrowTip.HoverCardArrowTip;
 exports.HoverCardContent = hoverCardContent.HoverCardContent;

package/index.d.ts

@@ -9,6 +9,7 @@ export * from './dialog';
 export * from './editable';
 export * from './environment';
 export * from './factory';
+export * from './file-upload';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';