@veritone-ce/design-system 2.7.5 → 2.8.0

package/dist/types/Table/AutoTable/common.d.ts

@@ -3,7 +3,7 @@ import type { ColumnDef, ColumnHelper } from './types.js';
 import React from 'react';
 export declare function createColumnHelper<TData extends RowData, TMeta = unknown>(): ColumnHelper<TData, TMeta>;
 export type AutoTableHookOptions<TData, TMeta = unknown> = {
-    data: TData[];
+    data: TData[] | ReadonlyArray<TData>;
     columns: ColumnDef<TData, TMeta>[];
     meta?: TMeta;
     getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;

package/dist/types/Table/AutoTable/index.d.ts

@@ -4,7 +4,7 @@ import type { ColumnDef } from './types.js';
 import { type ErrorContainer as ErrorContainerType } from './common.js';
 export { createColumnHelper } from './common.js';
 export type AutoTableProps<TData, TMeta = unknown> = {
-    data: TData[];
+    data: TData[] | ReadonlyArray<TData>;
     columns: ColumnDef<TData, TMeta>[];
     meta?: TMeta;
     getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;

package/dist/types/extras/uploady/uploady.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { BATCH_STATES, type BatchItem } from '@rpldy/uploady';
+import { type ButtonProps } from '../../Button/index.js';
+import { type UploadDropzoneOptions, type UploadListContainerProps } from '../../FileUploader/index.js';
+export type UploadyDropzoneProps = Omit<UploadDropzoneOptions, 'multiple'>;
+export declare function UploadyDropzone(props: UploadyDropzoneProps): import("react/jsx-runtime").JSX.Element;
+export type UploadyListProps = UploadListContainerProps;
+export declare function UploadyList(props: UploadyListProps): import("react/jsx-runtime").JSX.Element;
+export type UploadyListItemProps = {
+    item: BatchItem;
+};
+export declare function UploadyListItem({ item }: UploadyListItemProps): import("react/jsx-runtime").JSX.Element;
+export type UploadyButtonProps = ButtonProps;
+export declare function useUploadStatus(): {
+    loading: boolean;
+    itemCount: number;
+    batchState: BATCH_STATES;
+};
+export declare const UploadyButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    variant?: import("../../Button/index.js").ButtonVariant | undefined;
+    palette?: import("../../index.js").PaletteActionVariantsColors | import("../../styles/css-vars.js").RecursiveStringObject<import("../../index.js").PaletteActionVariantsColors> | undefined;
+    size?: import("../../Button/index.js").ButtonSize | undefined;
+    disabled?: boolean | undefined;
+    loading?: boolean | undefined;
+    active?: boolean | undefined;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    children?: React.ReactNode;
+    'data-testid'?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/unstable/LinearProgress/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type LinearProgressProps = {
+    /**
+     * The value of the progress indicator.
+     * Value between 0 and 100.
+     */
+    value?: number;
+    variant?: 'determinate' | 'indeterminate';
+    color?: string;
+    'data-testid'?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+export default function LinearProgress({ value, variant, className, ...props }: LinearProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/button.d.ts

@@ -1,8 +1,8 @@
 import { Control, FieldValues } from 'react-hook-form';
 import { ReactNode } from 'react';
 import { ButtonProps } from '../../../Button/index.js';
-export type FormSubmitButtonProps<V extends FieldValues> = ButtonProps & {
-    control: Control<V>;
+export type FormSubmitButtonProps<TFieldValues extends FieldValues> = ButtonProps & {
+    control: Control<TFieldValues>;
     contentWhenSubmitted?: ReactNode;
 };
-export declare function FormSubmitButton<V extends FieldValues>({ control, contentWhenSubmitted, ...props }: FormSubmitButtonProps<V>): import("react/jsx-runtime").JSX.Element;
+export declare function FormSubmitButton<TFieldValues extends FieldValues>({ control, contentWhenSubmitted, ...props }: FormSubmitButtonProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/checkbox.d.ts

@@ -1,5 +1,5 @@
 import { FieldValues, UseControllerProps } from 'react-hook-form';
 import type { FormControlProps } from '../../../FormControl/index.js';
 import { CheckboxProps } from '../../../Checkbox/index.js';
-export type FormCheckboxProps<FormValues extends FieldValues> = UseControllerProps<FormValues> & FormControlProps & Omit<CheckboxProps, 'checked'>;
-export declare function FormCheckbox<FormValues extends FieldValues>(props: FormCheckboxProps<FormValues>): import("react/jsx-runtime").JSX.Element;
+export type FormCheckboxProps<TFieldValues extends FieldValues> = UseControllerProps<TFieldValues> & FormControlProps & Omit<CheckboxProps, 'checked'>;
+export declare function FormCheckbox<TFieldValues extends FieldValues>(props: FormCheckboxProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/index.d.ts

@@ -4,3 +4,4 @@ export * from './input.js';
 export * from './select.js';
 export * from './shared.js';
 export * from './textarea.js';
+export * from './upload.js';

package/dist/types/unstable/extras/forms/input.d.ts

@@ -1,5 +1,5 @@
 import { FieldValues, UseControllerProps } from 'react-hook-form';
 import type { FormControlProps } from '../../../FormControl/index.js';
 import { InputProps } from '../../../Input/index.js';
-export type FormInputProps<FormValues extends FieldValues> = UseControllerProps<FormValues> & FormControlProps & InputProps;
-export declare function FormInput<FormValues extends FieldValues>(props: FormInputProps<FormValues>): import("react/jsx-runtime").JSX.Element;
+export type FormInputProps<TFieldValues extends FieldValues> = UseControllerProps<TFieldValues> & FormControlProps & InputProps;
+export declare function FormInput<TFieldValues extends FieldValues>(props: FormInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/select.d.ts

@@ -1,5 +1,8 @@
-import { FieldValues, UseControllerProps } from 'react-hook-form';
+import { type FieldPathByValue, FieldValues, UseControllerProps } from 'react-hook-form';
 import type { FormControlProps } from '../../../FormControl/index.js';
 import { SelectProps } from '../../../Select/index.js';
-export type FormSelectProps<FormValues extends FieldValues, OptionValue, Multiple extends boolean | undefined> = UseControllerProps<FormValues> & FormControlProps & SelectProps<OptionValue, Multiple>;
-export declare function FormSelect<FormValues extends FieldValues, OptionValue, Multiple extends boolean | undefined>(props: FormSelectProps<FormValues, OptionValue, Multiple>): import("react/jsx-runtime").JSX.Element;
+import type { ComponentType } from 'react';
+export type FormSelectControlledProps<OptionValue, Multiple extends boolean | undefined> = Pick<SelectProps<OptionValue, Multiple>, 'value' | 'onChange'>;
+export type FormSelectProps<TFieldValues extends FieldValues, OptionValue, Multiple extends boolean | undefined, S extends FormSelectControlledProps<OptionValue, Multiple>, TName extends FieldPathByValue<TFieldValues, OptionValue | OptionValue[]> = FieldPathByValue<TFieldValues, OptionValue | OptionValue[]>> = UseControllerProps<TFieldValues, TName> & FormControlProps & S;
+export declare function formSelectFactory<OptionValue, Multiple extends boolean | undefined = boolean | undefined, S extends FormSelectControlledProps<OptionValue, Multiple> = FormSelectControlledProps<OptionValue, Multiple>>(Component: ComponentType<S>): <TFieldValues extends FieldValues, TName extends FieldPathByValue<TFieldValues, OptionValue | OptionValue[]> = FieldPathByValue<TFieldValues, OptionValue | OptionValue[]>>(props: FormSelectProps<TFieldValues, OptionValue, Multiple, S, TName>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSelect: <TFieldValues extends FieldValues, TName extends FieldPathByValue<TFieldValues, unknown> = FieldPathByValue<TFieldValues, unknown>>(props: FormSelectProps<TFieldValues, unknown, boolean | undefined, SelectProps<unknown, boolean | undefined>, TName>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/shared.d.ts

@@ -1,8 +1,8 @@
-import { FieldError, FieldValues, UseControllerProps } from 'react-hook-form';
+import { FieldError, FieldValues, UseControllerProps, FieldPath } from 'react-hook-form';
 import type { FormControlProps } from '../../../FormControl/index.js';
 export declare function useFormErrorMessage(error: FieldError | undefined): string | undefined;
-export declare function extractControllerProps<V extends FieldValues, T>(props: UseControllerProps<V> & FormControlProps & T): {
-    controllerProps: UseControllerProps<V>;
+export declare function extractControllerProps<TFieldValues extends FieldValues, I, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: UseControllerProps<TFieldValues, TName, TTransformedValues> & FormControlProps & I): {
+    controllerProps: UseControllerProps<TFieldValues, TName, TTransformedValues>;
     formControlProps: FormControlProps;
-    inputProps: T;
+    inputProps: I;
 };

package/dist/types/unstable/extras/forms/textarea.d.ts

@@ -1,5 +1,5 @@
 import { FieldValues, UseControllerProps } from 'react-hook-form';
 import { type FormControlProps } from '../../../FormControl/index.js';
 import { type TextareaProps } from '../../../Textarea/index.js';
-export type FormTextareaProps<FormValues extends FieldValues> = UseControllerProps<FormValues> & FormControlProps & TextareaProps;
-export declare function FormTextarea<FormValues extends FieldValues>(props: FormTextareaProps<FormValues>): import("react/jsx-runtime").JSX.Element;
+export type FormTextareaProps<TFieldValues extends FieldValues> = UseControllerProps<TFieldValues> & FormControlProps & TextareaProps;
+export declare function FormTextarea<TFieldValues extends FieldValues>(props: FormTextareaProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;

package/dist/types/unstable/extras/forms/upload.d.ts

@@ -0,0 +1,13 @@
+import { type FieldPathByValue, FieldValues, UseControllerProps } from 'react-hook-form';
+import type { FormControlProps } from '../../../FormControl/index.js';
+import { type FileLike, type FileState, type UploadDropzoneProps, type UploadListItemState, type UploadListProps } from '../../../FileUploader/index.js';
+type FilesFieldPath<TFieldValues extends FieldValues, F extends FileLike = FileLike> = FieldPathByValue<TFieldValues, F[]>;
+type FormUploadDropzoneInputProps = Partial<UploadDropzoneProps> & Omit<UploadDropzoneProps, 'onDrop'>;
+export type FormUploadDropzoneProps<TFieldValues extends FieldValues, TName extends FilesFieldPath<TFieldValues> = FilesFieldPath<TFieldValues>> = UseControllerProps<TFieldValues, TName> & FormControlProps & FormUploadDropzoneInputProps;
+export declare function FormUploadDropzone<TFieldValues extends FieldValues, TName extends FilesFieldPath<TFieldValues> = FilesFieldPath<TFieldValues>>(props: FormUploadDropzoneProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+type FormUploadListInputProps<F extends FileLike> = Omit<UploadListProps<F>, 'items'> & {
+    state: FileState | UploadListItemState | Array<UploadListItemState>;
+};
+export type FormUploadListProps<TFieldValues extends FieldValues, F extends FileLike = FileLike, TName extends FilesFieldPath<TFieldValues, F> = FilesFieldPath<TFieldValues, F>> = UseControllerProps<TFieldValues, TName> & FormControlProps & FormUploadListInputProps<F>;
+export declare function FormUploadList<TFieldValues extends FieldValues, F extends FileLike = FileLike, TName extends FilesFieldPath<TFieldValues, F> = FilesFieldPath<TFieldValues, F>>(props: FormUploadListProps<TFieldValues, F, TName>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/unstable/index.d.ts

@@ -1,5 +1,7 @@
 export * from './Breadcrumbs/index.js';
 export { default as Card } from './Card/index.js';
 export * from './Card/index.js';
+export { default as LinearProgress } from './LinearProgress/index.js';
+export * from './LinearProgress/index.js';
 export { default as Tabs } from './Tabs/index.js';
 export * from './Tabs/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.7.5",
+  "version": "2.8.0",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [
@@ -116,8 +116,6 @@
     "@floating-ui/react": "^0.26.6",
     "@fontsource/nunito-sans": "5.1.1",
     "@mui/utils": "^7.2.0",
-    "@rpldy/uploader": "^1.8.1",
-    "@rpldy/uploady": "^1.8.1",
     "@tanstack/react-table": "^8.10.7",
     "@tanstack/react-virtual": "^v3.0.0-beta.68",
     "color2k": "^2.0.3",
@@ -139,6 +137,7 @@
     "@mui/material": "^5.10.8",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rpldy/mock-sender": "^1.8.1",
+    "@rpldy/uploady": "^1.8.1",
     "@storybook/addon-a11y": "9.0.16",
     "@storybook/addon-docs": "^9.0.16",
     "@storybook/addon-links": "9.0.16",
@@ -202,11 +201,12 @@
     "@emotion/styled": "^11.10.4",
     "@mui/icons-material": "^5.10.6",
     "@mui/material": "^5.10.8",
+    "@rpldy/uploady": "^1.8.1",
+    "jotai": "^2.12.5",
     "react": "^18||^19",
     "react-dom": "^18||^19",
     "react-hook-form": "^7.60.0",
-    "react-markdown": "^10.1.0",
-    "jotai": "^2.12.5"
+    "react-markdown": "^10.1.0"
   },
   "readme": "ERROR: No README data found!",
   "publishConfig": {
@@ -226,6 +226,9 @@
     },
     "jotai": {
       "optional": true
+    },
+    "@rpldy/uploady": {
+      "optional": true
     }
   }
 }

package/dist/cjs/FileUploader/components.js

@@ -1,262 +0,0 @@
-'use strict';
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var iconsMaterial = require('@mui/icons-material');
-var reactDropzone = require('react-dropzone');
-var cx = require('../styles/cx.js');
-require('../styles/defaultThemeOptions.js');
-require('@capsizecss/core');
-require('color2k');
-require('../styles/defaultTheme.js');
-require('../styles/provider.client.js');
-require('../styles/css-vars.js');
-var index$1 = require('../Typography/index.js');
-var material = require('@mui/material');
-var index$2 = require('../IconButton/index.js');
-var wrappers = require('../Icon/wrappers.js');
-require('../Icon/factory.js');
-var styles_module = require('./styles.module.scss.js');
-var uploady = require('@rpldy/uploady');
-var index = require('../Button/index.js');
-
-const CloudUploadOutlinedIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.CloudUploadOutlined);
-const DeleteOutlineIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.DeleteOutline);
-const CheckOutlineIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.CheckOutlined);
-const WarningOutlineIcon = wrappers.adaptMuiSvgIcon(iconsMaterial.WarningOutlined);
-function UploadDropzone(props) {
-  const disabled = props.disabled ?? false;
-  const { upload, getOptions } = uploady.useUploady();
-  const [batchState, setBatchState] = React.useState(
-    uploady.BATCH_STATES.PENDING
-  );
-  const [progress, setProgress] = React.useState(0);
-  const [hasError, setHasError] = React.useState(false);
-  uploady.useBatchFinalizeListener((batch) => {
-    setBatchState(batch.state);
-    setHasError(batch.items.some((item) => item.state === uploady.FILE_STATES.ERROR));
-  });
-  uploady.useBatchProgressListener((batch) => {
-    setBatchState(batch.state);
-    setProgress(batch.completed);
-  });
-  const { getRootProps, getInputProps } = reactDropzone.useDropzone({
-    disabled,
-    multiple: !getOptions().autoUpload,
-    accept: props.accept,
-    onDrop: (files) => {
-      upload(files);
-      setProgress(0);
-      setBatchState(uploady.BATCH_STATES.PENDING);
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-testid": props["data-testid"] ?? "dropzone",
-      "data-disabled": disabled,
-      "data-mini": props.mini,
-      style: props.style,
-      className: cx.cx(styles_module.default.dropzone, props.className),
-      ...getRootProps(),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", className: styles_module.default.input, ...getInputProps() }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles_module.default.uploadIconContainer, children: [
-          batchState === uploady.BATCH_STATES.FINISHED ? hasError ? /* @__PURE__ */ jsxRuntime.jsx(WarningOutlineIcon, { className: styles_module.default.icon }) : /* @__PURE__ */ jsxRuntime.jsx(CheckOutlineIcon, { className: styles_module.default.icon }) : /* @__PURE__ */ jsxRuntime.jsx(CloudUploadOutlinedIcon, { className: styles_module.default.icon }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "svg",
-            {
-              viewBox: "0 0 250 250",
-              className: styles_module.default.uploadProgress,
-              style: {
-                ...{
-                  "--progress": progress,
-                  "--error": hasError
-                }
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { className: styles_module.default.uploadProgressBg }),
-                progress > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                  "circle",
-                  {
-                    "data-success": batchState === uploady.BATCH_STATES.FINISHED,
-                    "data-error": hasError,
-                    className: styles_module.default.uploadProgressFg
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        !props.mini && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              index$1.default,
-              {
-                as: "span",
-                variant: "paragraph2",
-                className: styles_module.default.browseLabel,
-                children: "Browse files"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { as: "span", variant: "paragraph2", children: [
-              " ",
-              "from your computer or drag and drop here"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            index$1.default,
-            {
-              as: "p",
-              variant: "paragraph3",
-              className: styles_module.default.fileFormatLabel,
-              children: [
-                "Supported File Formats:",
-                " ",
-                Object.values(props.accept).flat().join(", ")
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function UploadList(props) {
-  const [items, setItems] = React.useState([]);
-  uploady.useBatchAddListener((batch) => {
-    setItems((items2) => items2.concat(batch.items));
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-testid": props["data-testid"],
-      style: props.style,
-      className: cx.cx(styles_module.default.uploadsContainer, props.className),
-      children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: styles_module.default.uploads, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(UploadListItem, { item }, index)) }) })
-    }
-  );
-}
-function UploadListItem({ item }) {
-  const [itemState, setState] = React.useState(item.state);
-  const [progress, setProgress] = React.useState(0);
-  const abortItem = uploady.useAbortItem();
-  uploady.useItemFinalizeListener((item2) => {
-    setState(item2.state);
-  }, item.id);
-  uploady.useItemProgressListener((item2) => {
-    setProgress(item2.completed);
-  });
-  const isAborted = itemState === uploady.FILE_STATES.ABORTED;
-  const isSuccess = itemState === uploady.FILE_STATES.FINISHED;
-  const isError = itemState === uploady.FILE_STATES.ERROR;
-  const isFinished = ![uploady.FILE_STATES.PENDING, uploady.FILE_STATES.UPLOADING].includes(
-    itemState
-  );
-  const onAbortItem = () => {
-    abortItem(item.id);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { "data-testid": "file-item", className: styles_module.default.lineItem, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("td", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { as: "p", variant: "label", className: styles_module.default.label, children: item.file.name }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: styles_module.default.progressBar,
-          "data-success": isSuccess,
-          "data-error": isError,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            material.LinearProgress,
-            {
-              value: progress,
-              variant: "determinate",
-              color: "inherit"
-            }
-          )
-        }
-      ),
-      isError && /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.default,
-        {
-          as: "p",
-          variant: "paragraph3",
-          className: styles_module.default.feedbackText,
-          children: "An error occurred."
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles_module.default.deleteBtn, children: isFinished ? isSuccess ? /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        "data-testid": "file-item-success-button",
-        "aria-label": "success",
-        disabled: true,
-        children: /* @__PURE__ */ jsxRuntime.jsx(CheckOutlineIcon, {})
-      }
-    ) : isError ? /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        "data-testid": "file-item-error-button",
-        "aria-label": "error",
-        disabled: true,
-        children: /* @__PURE__ */ jsxRuntime.jsx(WarningOutlineIcon, {})
-      }
-    ) : !isAborted ? /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        "data-testid": "file-item-delete-button",
-        "aria-label": "delete",
-        onClick: onAbortItem,
-        children: /* @__PURE__ */ jsxRuntime.jsx(DeleteOutlineIcon, {})
-      }
-    ) : null : null })
-  ] });
-}
-function useUploadStatus() {
-  const [batchState, setBatchState] = React.useState(
-    uploady.BATCH_STATES.PENDING
-  );
-  const [itemCount, setItemCount] = React.useState(0);
-  uploady.useBatchAddListener((batch) => {
-    setItemCount(batch.total);
-  });
-  const [loading, setLoading] = React.useState(false);
-  uploady.useBatchStartListener(() => {
-    setLoading(true);
-  });
-  uploady.useBatchFinalizeListener((batch) => {
-    setLoading(false);
-    setBatchState(batch.state);
-  });
-  return { loading, itemCount, batchState };
-}
-const UploadButton = React.forwardRef(function UploadButton2({ children, onClick, disabled, ...props }, ref) {
-  const { processPending } = uploady.useUploadyContext();
-  const { itemCount, batchState, loading } = useUploadStatus();
-  const onButtonClick = React.useCallback(
-    (e) => {
-      processPending();
-      onClick?.(e);
-    },
-    [processPending, onClick]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      ref,
-      onClick: onButtonClick,
-      disabled: disabled || itemCount === 0 || batchState === uploady.BATCH_STATES.FINISHED,
-      loading,
-      ...props,
-      children: children || "Upload"
-    }
-  );
-});
-
-exports.UploadButton = UploadButton;
-exports.UploadDropzone = UploadDropzone;
-exports.UploadList = UploadList;
-exports.UploadListItem = UploadListItem;
-exports.useUploadStatus = useUploadStatus;