@choice-ui/react 1.3.10

package/dist/esm/components/file-upload/src/components/file-upload-clear.js

@@ -0,0 +1,46 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef, useCallback } from "react";
+import { CLEAR_NAME } from "../constants.js";
+import { useFileUploadContext } from "../hooks/use-file-upload-context.js";
+import { useStoreContext, useStore } from "../hooks/use-store.js";
+import { useAsRef } from "../../../../shared/hooks/use-isomorphic-layout-effect/use-as-ref.js";
+const FileUploadClear = forwardRef(
+  (props, forwardedRef) => {
+    const { asChild, forceMount, disabled, ...clearProps } = props;
+    const context = useFileUploadContext(CLEAR_NAME);
+    const store = useStoreContext(CLEAR_NAME);
+    const propsRef = useAsRef(clearProps);
+    const isDisabled = disabled || context.disabled;
+    const onClick = useCallback(
+      (event) => {
+        var _a, _b;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, event);
+        if (event.defaultPrevented) return;
+        store.dispatch({ variant: "CLEAR" });
+      },
+      [store, propsRef]
+    );
+    const filesCount = useStore((state) => state.files.size);
+    const shouldRender = forceMount || filesCount > 0;
+    if (!shouldRender) return null;
+    const ClearPrimitive = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      ClearPrimitive,
+      {
+        type: "button",
+        "aria-controls": context.listId,
+        "data-slot": "file-upload-clear",
+        "data-disabled": isDisabled ? "" : void 0,
+        ...clearProps,
+        ref: forwardedRef,
+        disabled: isDisabled,
+        onClick
+      }
+    );
+  }
+);
+FileUploadClear.displayName = CLEAR_NAME;
+export {
+  FileUploadClear
+};

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

@@ -0,0 +1,123 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef, useCallback } from "react";
+import { DROPZONE_NAME } from "../constants.js";
+import { fileUploadStyles } from "../tv.js";
+import { useFileUploadContext } from "../hooks/use-file-upload-context.js";
+import { useStoreContext, useStore } from "../hooks/use-store.js";
+import { useAsRef } from "../../../../shared/hooks/use-isomorphic-layout-effect/use-as-ref.js";
+import { tcx } from "../../../../shared/utils/tcx/tcx.js";
+const FileUploadDropzone = forwardRef(
+  (props, forwardedRef) => {
+    const { asChild, className, ...dropzoneProps } = props;
+    const context = useFileUploadContext(DROPZONE_NAME);
+    const store = useStoreContext(DROPZONE_NAME);
+    const dragOver = useStore((state) => state.dragOver);
+    const invalid = useStore((state) => state.invalid);
+    const propsRef = useAsRef(dropzoneProps);
+    const { dropzone } = fileUploadStyles();
+    const onClick = useCallback(
+      (event) => {
+        var _a, _b, _c;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, event);
+        if (event.defaultPrevented) return;
+        const target = event.target;
+        const isFromTrigger = target instanceof HTMLElement && target.closest('[data-slot="file-upload-trigger"]');
+        if (!isFromTrigger) {
+          (_c = context.inputRef.current) == null ? void 0 : _c.click();
+        }
+      },
+      [context.inputRef, propsRef]
+    );
+    const onDragOver = useCallback(
+      (event) => {
+        var _a, _b;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onDragOver) == null ? void 0 : _b.call(_a, event);
+        if (event.defaultPrevented) return;
+        event.preventDefault();
+        store.dispatch({ variant: "SET_DRAG_OVER", dragOver: true });
+      },
+      [store, propsRef]
+    );
+    const onDragEnter = useCallback(
+      (event) => {
+        var _a, _b;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onDragEnter) == null ? void 0 : _b.call(_a, event);
+        if (event.defaultPrevented) return;
+        event.preventDefault();
+        store.dispatch({ variant: "SET_DRAG_OVER", dragOver: true });
+      },
+      [store, propsRef]
+    );
+    const onDragLeave = useCallback(
+      (event) => {
+        var _a, _b;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onDragLeave) == null ? void 0 : _b.call(_a, event);
+        if (event.defaultPrevented) return;
+        event.preventDefault();
+        store.dispatch({ variant: "SET_DRAG_OVER", dragOver: false });
+      },
+      [store, propsRef]
+    );
+    const onDrop = useCallback(
+      (event) => {
+        var _a, _b;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onDrop) == null ? void 0 : _b.call(_a, event);
+        if (event.defaultPrevented) return;
+        event.preventDefault();
+        store.dispatch({ variant: "SET_DRAG_OVER", dragOver: false });
+        const files = Array.from(event.dataTransfer.files);
+        const inputElement = context.inputRef.current;
+        if (!inputElement) return;
+        const dataTransfer = new DataTransfer();
+        for (const file of files) {
+          dataTransfer.items.add(file);
+        }
+        inputElement.files = dataTransfer.files;
+        inputElement.dispatchEvent(new Event("change", { bubbles: true }));
+      },
+      [store, context.inputRef, propsRef]
+    );
+    const onKeyDown = useCallback(
+      (event) => {
+        var _a, _b, _c;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onKeyDown) == null ? void 0 : _b.call(_a, event);
+        if (!event.defaultPrevented && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault();
+          (_c = context.inputRef.current) == null ? void 0 : _c.click();
+        }
+      },
+      [context.inputRef, propsRef]
+    );
+    const DropzonePrimitive = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      DropzonePrimitive,
+      {
+        role: "region",
+        id: context.dropzoneId,
+        "aria-controls": `${context.inputId} ${context.listId}`,
+        "aria-disabled": context.disabled,
+        "aria-invalid": invalid,
+        "data-disabled": context.disabled ? "" : void 0,
+        "data-dragging": dragOver ? "" : void 0,
+        "data-invalid": invalid ? "" : void 0,
+        "data-slot": "file-upload-dropzone",
+        dir: context.dir,
+        ...dropzoneProps,
+        ref: forwardedRef,
+        tabIndex: context.disabled ? void 0 : 0,
+        className: tcx(dropzone(), className),
+        onClick,
+        onDragEnter,
+        onDragLeave,
+        onDragOver,
+        onDrop,
+        onKeyDown
+      }
+    );
+  }
+);
+FileUploadDropzone.displayName = DROPZONE_NAME;
+export {
+  FileUploadDropzone
+};

package/dist/esm/components/file-upload/src/components/file-upload-item-delete.js

@@ -0,0 +1,45 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef, useCallback } from "react";
+import { ITEM_DELETE_NAME } from "../constants.js";
+import { useStoreContext } from "../hooks/use-store.js";
+import { useFileUploadItemContext } from "../hooks/use-file-upload-context.js";
+import { useAsRef } from "../../../../shared/hooks/use-isomorphic-layout-effect/use-as-ref.js";
+const FileUploadItemDelete = forwardRef(
+  (props, forwardedRef) => {
+    const { asChild, ...deleteProps } = props;
+    const store = useStoreContext(ITEM_DELETE_NAME);
+    const itemContext = useFileUploadItemContext(ITEM_DELETE_NAME);
+    const propsRef = useAsRef(deleteProps);
+    const onClick = useCallback(
+      (event) => {
+        var _a, _b;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, event);
+        if (!itemContext.fileState || event.defaultPrevented) return;
+        store.dispatch({
+          variant: "REMOVE_FILE",
+          file: itemContext.fileState.file
+        });
+      },
+      [store, itemContext.fileState, propsRef]
+    );
+    if (!itemContext.fileState) return null;
+    const ItemDeletePrimitive = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      ItemDeletePrimitive,
+      {
+        type: "button",
+        "aria-controls": itemContext.id,
+        "aria-describedby": itemContext.nameId,
+        "data-slot": "file-upload-item-delete",
+        ...deleteProps,
+        ref: forwardedRef,
+        onClick
+      }
+    );
+  }
+);
+FileUploadItemDelete.displayName = ITEM_DELETE_NAME;
+export {
+  FileUploadItemDelete
+};

package/dist/esm/components/file-upload/src/components/file-upload-item-metadata.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Slot } from "../../../slot/dist/index.js";
+import { ITEM_METADATA_NAME } from "../constants.js";
+import { fileUploadStyles } from "../tv.js";
+import { formatBytes } from "../../../../shared/utils/format-bytes/format-bytes.js";
+import { useFileUploadContext, useFileUploadItemContext } from "../hooks/use-file-upload-context.js";
+import { tcx } from "../../../../shared/utils/tcx/tcx.js";
+const FileUploadItemMetadata = forwardRef(
+  (props, forwardedRef) => {
+    const { asChild, children, className, ...metadataProps } = props;
+    const context = useFileUploadContext(ITEM_METADATA_NAME);
+    const itemContext = useFileUploadItemContext(ITEM_METADATA_NAME);
+    const { itemMetadata, itemName, itemSize, itemError } = fileUploadStyles();
+    if (!itemContext.fileState) return null;
+    const ItemMetadataPrimitive = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      ItemMetadataPrimitive,
+      {
+        "data-slot": "file-upload-metadata",
+        dir: context.dir,
+        ...metadataProps,
+        ref: forwardedRef,
+        className: tcx(itemMetadata(), className),
+        children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: itemContext.nameId,
+              className: itemName(),
+              children: itemContext.fileState.file.name
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: itemContext.sizeId,
+              className: itemSize(),
+              children: formatBytes(itemContext.fileState.file.size)
+            }
+          ),
+          itemContext.fileState.error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: itemContext.messageId,
+              className: itemError(),
+              children: itemContext.fileState.error
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+FileUploadItemMetadata.displayName = ITEM_METADATA_NAME;
+export {
+  FileUploadItemMetadata
+};

package/dist/esm/components/file-upload/src/components/file-upload-item-preview.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef, useCallback } from "react";
+import { ITEM_PREVIEW_NAME } from "../constants.js";
+import { fileUploadStyles } from "../tv.js";
+import { useFileUploadItemContext } from "../hooks/use-file-upload-context.js";
+import { getFileIcon } from "../utils/get-file-icon.js";
+import { tcx } from "../../../../shared/utils/tcx/tcx.js";
+const FileUploadItemPreview = forwardRef(
+  (props, forwardedRef) => {
+    var _a;
+    const { render, asChild, children, className, ...previewProps } = props;
+    const itemContext = useFileUploadItemContext(ITEM_PREVIEW_NAME);
+    const { itemPreview, itemPreviewImage, itemPreviewIcon } = fileUploadStyles();
+    const isImage = (_a = itemContext.fileState) == null ? void 0 : _a.file.type.startsWith("image/");
+    const onPreviewRender = useCallback(
+      (file) => {
+        if (render) return render(file);
+        if (isImage) {
+          return /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: URL.createObjectURL(file),
+              alt: file.name,
+              className: tcx("size-full rounded object-cover", itemPreviewImage()),
+              onLoad: (event) => {
+                if (!(event.target instanceof HTMLImageElement)) return;
+                URL.revokeObjectURL(event.target.src);
+              }
+            }
+          );
+        }
+        return getFileIcon(file);
+      },
+      [isImage, render, itemPreviewImage]
+    );
+    if (!itemContext.fileState) return null;
+    const ItemPreviewPrimitive = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsxs(
+      ItemPreviewPrimitive,
+      {
+        "aria-labelledby": itemContext.nameId,
+        "data-slot": "file-upload-preview",
+        ...previewProps,
+        ref: forwardedRef,
+        className: tcx(itemPreview(), isImage ? itemPreviewImage() : itemPreviewIcon(), className),
+        children: [
+          onPreviewRender(itemContext.fileState.file),
+          children
+        ]
+      }
+    );
+  }
+);
+FileUploadItemPreview.displayName = ITEM_PREVIEW_NAME;
+export {
+  FileUploadItemPreview
+};

package/dist/esm/components/file-upload/src/components/file-upload-item-progress.js

@@ -0,0 +1,100 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef } from "react";
+import { ITEM_PROGRESS_NAME } from "../constants.js";
+import { fileUploadStyles } from "../tv.js";
+import { useFileUploadItemContext } from "../hooks/use-file-upload-context.js";
+import { tcx } from "../../../../shared/utils/tcx/tcx.js";
+const FileUploadItemProgress = forwardRef(
+  (props, forwardedRef) => {
+    const { circular, size = 40, asChild, className, ...progressProps } = props;
+    const itemContext = useFileUploadItemContext(ITEM_PROGRESS_NAME);
+    const { itemProgress, itemProgressBar, itemProgressCircular } = fileUploadStyles();
+    if (!itemContext.fileState) return null;
+    const ItemProgressPrimitive = asChild ? Slot : "div";
+    if (circular) {
+      if (itemContext.fileState.status === "success") return null;
+      const circumference = 2 * Math.PI * ((size - 4) / 2);
+      const strokeDashoffset = circumference - itemContext.fileState.progress / 100 * circumference;
+      return /* @__PURE__ */ jsx(
+        ItemProgressPrimitive,
+        {
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-valuenow": itemContext.fileState.progress,
+          "aria-valuetext": `${itemContext.fileState.progress}%`,
+          "aria-labelledby": itemContext.nameId,
+          "data-slot": "file-upload-progress",
+          ...progressProps,
+          ref: forwardedRef,
+          className: tcx(itemProgressCircular(), className),
+          children: /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "rotate-[-90deg] transform",
+              width: size,
+              height: size,
+              viewBox: `0 0 ${size} ${size}`,
+              fill: "none",
+              stroke: "currentColor",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: "text-primary/20",
+                    strokeWidth: "2",
+                    cx: size / 2,
+                    cy: size / 2,
+                    r: (size - 4) / 2
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: "text-primary transition-all",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeDasharray: circumference,
+                    strokeDashoffset,
+                    cx: size / 2,
+                    cy: size / 2,
+                    r: (size - 4) / 2
+                  }
+                )
+              ]
+            }
+          )
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      ItemProgressPrimitive,
+      {
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": itemContext.fileState.progress,
+        "aria-valuetext": `${itemContext.fileState.progress}%`,
+        "aria-labelledby": itemContext.nameId,
+        "data-slot": "file-upload-progress",
+        ...progressProps,
+        ref: forwardedRef,
+        className: tcx(itemProgress(), className),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: itemProgressBar(),
+            style: {
+              transform: `translateX(-${100 - itemContext.fileState.progress}%)`
+            }
+          }
+        )
+      }
+    );
+  }
+);
+FileUploadItemProgress.displayName = ITEM_PROGRESS_NAME;
+export {
+  FileUploadItemProgress
+};

package/dist/esm/components/file-upload/src/components/file-upload-item.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef, useId, useMemo } from "react";
+import { ITEM_NAME } from "../constants.js";
+import { FileUploadItemContext } from "../contexts.js";
+import { fileUploadStyles } from "../tv.js";
+import { useFileUploadContext } from "../hooks/use-file-upload-context.js";
+import { useStore } from "../hooks/use-store.js";
+import { tcx } from "../../../../shared/utils/tcx/tcx.js";
+const FileUploadItem = forwardRef(
+  (props, forwardedRef) => {
+    const { value, asChild, className, ...itemProps } = props;
+    const id = useId();
+    const statusId = `${id}-status`;
+    const nameId = `${id}-name`;
+    const sizeId = `${id}-size`;
+    const messageId = `${id}-message`;
+    const context = useFileUploadContext(ITEM_NAME);
+    const fileState = useStore((state) => state.files.get(value));
+    const fileCount = useStore((state) => state.files.size);
+    const fileIndex = useStore((state) => {
+      const files = Array.from(state.files.keys());
+      return files.indexOf(value) + 1;
+    });
+    const { item, statusText } = fileUploadStyles();
+    const itemContext = useMemo(
+      () => ({
+        id,
+        fileState,
+        nameId,
+        sizeId,
+        statusId,
+        messageId
+      }),
+      [id, fileState, statusId, nameId, sizeId, messageId]
+    );
+    if (!fileState) return null;
+    const statusTextContent = fileState.error ? `Error: ${fileState.error}` : fileState.status === "uploading" ? `Uploading: ${fileState.progress}% complete` : fileState.status === "success" ? "Upload complete" : "Ready to upload";
+    const ItemPrimitive = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(FileUploadItemContext.Provider, { value: itemContext, children: /* @__PURE__ */ jsxs(
+      ItemPrimitive,
+      {
+        role: "listitem",
+        id,
+        "aria-setsize": fileCount,
+        "aria-posinset": fileIndex,
+        "aria-describedby": `${nameId} ${sizeId} ${statusId} ${fileState.error ? messageId : ""}`,
+        "aria-labelledby": nameId,
+        "data-slot": "file-upload-item",
+        dir: context.dir,
+        ...itemProps,
+        ref: forwardedRef,
+        className: tcx(item(), className),
+        children: [
+          props.children,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: statusId,
+              className: statusText(),
+              children: statusTextContent
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+FileUploadItem.displayName = ITEM_NAME;
+export {
+  FileUploadItem
+};

package/dist/esm/components/file-upload/src/components/file-upload-list.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef } from "react";
+import { LIST_NAME } from "../constants.js";
+import { fileUploadStyles } from "../tv.js";
+import { useFileUploadContext } from "../hooks/use-file-upload-context.js";
+import { useStore } from "../hooks/use-store.js";
+import { tcx } from "../../../../shared/utils/tcx/tcx.js";
+const FileUploadList = forwardRef(
+  (props, forwardedRef) => {
+    const { className, orientation = "vertical", asChild, forceMount, ...listProps } = props;
+    const context = useFileUploadContext(LIST_NAME);
+    const filesCount = useStore((state) => state.files.size);
+    const shouldRender = forceMount || filesCount > 0;
+    const { list } = fileUploadStyles({ orientation });
+    if (!shouldRender) return null;
+    const ListPrimitive = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      ListPrimitive,
+      {
+        role: "list",
+        id: context.listId,
+        "aria-orientation": orientation,
+        "data-orientation": orientation,
+        "data-slot": "file-upload-list",
+        "data-state": shouldRender ? "active" : "inactive",
+        dir: context.dir,
+        ...listProps,
+        ref: forwardedRef,
+        className: tcx(list(), className)
+      }
+    );
+  }
+);
+FileUploadList.displayName = LIST_NAME;
+export {
+  FileUploadList
+};

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

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "../../../slot/dist/index.js";
+import { forwardRef, useCallback } from "react";
+import { TRIGGER_NAME } from "../constants.js";
+import { useFileUploadContext } from "../hooks/use-file-upload-context.js";
+import { useAsRef } from "../../../../shared/hooks/use-isomorphic-layout-effect/use-as-ref.js";
+const FileUploadTrigger = forwardRef(
+  (props, forwardedRef) => {
+    const { asChild, ...triggerProps } = props;
+    const context = useFileUploadContext(TRIGGER_NAME);
+    const propsRef = useAsRef(triggerProps);
+    const onClick = useCallback(
+      (event) => {
+        var _a, _b, _c;
+        (_b = (_a = propsRef.current) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, event);
+        if (event.defaultPrevented) return;
+        (_c = context.inputRef.current) == null ? void 0 : _c.click();
+      },
+      [context.inputRef, propsRef]
+    );
+    const TriggerPrimitive = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      TriggerPrimitive,
+      {
+        type: "button",
+        "aria-controls": context.inputId,
+        "data-disabled": context.disabled ? "" : void 0,
+        "data-slot": "file-upload-trigger",
+        ...triggerProps,
+        ref: forwardedRef,
+        disabled: context.disabled,
+        onClick
+      }
+    );
+  }
+);
+FileUploadTrigger.displayName = TRIGGER_NAME;
+export {
+  FileUploadTrigger
+};

package/dist/esm/components/file-upload/src/constants.js

@@ -0,0 +1,35 @@
+const ROOT_NAME = "FileUpload";
+const DROPZONE_NAME = "FileUploadDropzone";
+const TRIGGER_NAME = "FileUploadTrigger";
+const LIST_NAME = "FileUploadList";
+const ITEM_NAME = "FileUploadItem";
+const ITEM_PREVIEW_NAME = "FileUploadItemPreview";
+const ITEM_METADATA_NAME = "FileUploadItemMetadata";
+const ITEM_PROGRESS_NAME = "FileUploadItemProgress";
+const ITEM_DELETE_NAME = "FileUploadItemDelete";
+const CLEAR_NAME = "FileUploadClear";
+const FILE_UPLOAD_ERRORS = {
+  [ROOT_NAME]: `\`${ROOT_NAME}\` must be used as root component`,
+  [DROPZONE_NAME]: `\`${DROPZONE_NAME}\` must be within \`${ROOT_NAME}\``,
+  [TRIGGER_NAME]: `\`${TRIGGER_NAME}\` must be within \`${ROOT_NAME}\``,
+  [LIST_NAME]: `\`${LIST_NAME}\` must be within \`${ROOT_NAME}\``,
+  [ITEM_NAME]: `\`${ITEM_NAME}\` must be within \`${ROOT_NAME}\``,
+  [ITEM_PREVIEW_NAME]: `\`${ITEM_PREVIEW_NAME}\` must be within \`${ITEM_NAME}\``,
+  [ITEM_METADATA_NAME]: `\`${ITEM_METADATA_NAME}\` must be within \`${ITEM_NAME}\``,
+  [ITEM_PROGRESS_NAME]: `\`${ITEM_PROGRESS_NAME}\` must be within \`${ITEM_NAME}\``,
+  [ITEM_DELETE_NAME]: `\`${ITEM_DELETE_NAME}\` must be within \`${ITEM_NAME}\``,
+  [CLEAR_NAME]: `\`${CLEAR_NAME}\` must be within \`${ROOT_NAME}\``
+};
+export {
+  CLEAR_NAME,
+  DROPZONE_NAME,
+  FILE_UPLOAD_ERRORS,
+  ITEM_DELETE_NAME,
+  ITEM_METADATA_NAME,
+  ITEM_NAME,
+  ITEM_PREVIEW_NAME,
+  ITEM_PROGRESS_NAME,
+  LIST_NAME,
+  ROOT_NAME,
+  TRIGGER_NAME
+};

package/dist/esm/components/file-upload/src/contexts.js

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+const StoreContext = createContext(null);
+StoreContext.displayName = "FileUpload";
+const FileUploadContext = createContext(null);
+const FileUploadItemContext = createContext(null);
+export {
+  FileUploadContext,
+  FileUploadItemContext,
+  StoreContext
+};