jaci-ui 0.1.0

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

@@ -0,0 +1,91 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/upload/upload.d.ts
+type UploadRejectionReason = "type" | "size" | "count" | "duplicate";
+interface UploadRejection {
+  file: File;
+  message: string;
+  reason: UploadRejectionReason;
+}
+interface UploadRootProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+  /** Accepted MIME types or file extensions, using the native input syntax. */
+  accept?: string;
+  /** Controlled files. Use with `onFilesChange`. */
+  files?: File[];
+  /** Initial files for an uncontrolled upload. */
+  defaultFiles?: File[];
+  /** Called whenever accepted files are added or removed. */
+  onFilesChange?: (files: File[]) => void;
+  /** Called with files rejected by `accept`, `maxSize`, `maxFiles` or duplicates. */
+  onReject?: (rejections: UploadRejection[]) => void;
+  /** Maximum number of accepted files. Defaults to one when `multiple` is false. */
+  maxFiles?: number;
+  /** Maximum size per file, in bytes. */
+  maxSize?: number;
+  /** Allows selecting more than one file. */
+  multiple?: boolean;
+  /** Disables file selection and drag-and-drop. */
+  disabled?: boolean;
+  children?: ReactNode;
+}
+declare const UploadRoot: import("react").ForwardRefExoticComponent<UploadRootProps & import("react").RefAttributes<HTMLDivElement>>;
+interface UploadDropzoneProps extends ComponentPropsWithoutRef<"label"> {
+  children?: ReactNode;
+}
+declare const UploadDropzone: import("react").ForwardRefExoticComponent<UploadDropzoneProps & import("react").RefAttributes<HTMLLabelElement>>;
+type UploadInputProps = ComponentPropsWithoutRef<"input">;
+declare const UploadInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+type UploadTriggerProps = ComponentPropsWithoutRef<"button">;
+declare const UploadTrigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type UploadIconProps = ComponentPropsWithoutRef<"span">;
+declare const UploadIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type UploadTextProps = ComponentPropsWithoutRef<"span">;
+declare const UploadText: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type UploadHintProps = ComponentPropsWithoutRef<"span">;
+declare const UploadHint: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface UploadPreviewProps extends ComponentPropsWithoutRef<"span"> {
+  /** File whose preview should be rendered. Image files use a temporary object URL. */
+  file: File;
+  /** Alternative text for image previews. Defaults to the file name. */
+  alt?: string;
+  /** Content rendered while the preview is unavailable or the file is not an image. */
+  fallback?: ReactNode;
+}
+declare const UploadPreview: import("react").ForwardRefExoticComponent<UploadPreviewProps & import("react").RefAttributes<HTMLSpanElement>>;
+interface UploadProgressProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  /** Progress from 0 to 100. Omit it for an indeterminate upload. */
+  value?: number;
+  /** Accessible label and optional visible status text. */
+  label?: ReactNode;
+}
+declare const UploadProgress: import("react").ForwardRefExoticComponent<UploadProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+type UploadListProps = ComponentPropsWithoutRef<"ul">;
+declare const UploadList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+interface UploadItemProps extends Omit<ComponentPropsWithoutRef<"li">, "children"> {
+  file: File;
+  children?: ReactNode;
+}
+declare const UploadItem: import("react").ForwardRefExoticComponent<UploadItemProps & import("react").RefAttributes<HTMLLIElement>>;
+interface UploadRemoveProps extends ComponentPropsWithoutRef<"button"> {
+  file: File;
+}
+declare const UploadRemove: import("react").ForwardRefExoticComponent<UploadRemoveProps & import("react").RefAttributes<HTMLButtonElement>>;
+type UploadErrorProps = ComponentPropsWithoutRef<"p">;
+declare const UploadError: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const Upload: {
+  Root: import("react").ForwardRefExoticComponent<UploadRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Dropzone: import("react").ForwardRefExoticComponent<UploadDropzoneProps & import("react").RefAttributes<HTMLLabelElement>>;
+  Input: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Text: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Hint: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Preview: import("react").ForwardRefExoticComponent<UploadPreviewProps & import("react").RefAttributes<HTMLSpanElement>>;
+  Progress: import("react").ForwardRefExoticComponent<UploadProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+  Item: import("react").ForwardRefExoticComponent<UploadItemProps & import("react").RefAttributes<HTMLLIElement>>;
+  Remove: import("react").ForwardRefExoticComponent<UploadRemoveProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Error: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+};
+//#endregion
+export { Upload, UploadDropzone, UploadDropzoneProps, UploadError, UploadErrorProps, UploadHint, UploadHintProps, UploadIcon, UploadIconProps, UploadInput, UploadInputProps, UploadItem, UploadItemProps, UploadList, UploadListProps, UploadPreview, UploadPreviewProps, UploadProgress, UploadProgressProps, UploadRejection, UploadRejectionReason, UploadRemove, UploadRemoveProps, UploadRoot, UploadRootProps, UploadText, UploadTextProps, UploadTrigger, UploadTriggerProps };
+//# sourceMappingURL=upload.d.cts.map

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

@@ -0,0 +1,91 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/upload/upload.d.ts
+type UploadRejectionReason = "type" | "size" | "count" | "duplicate";
+interface UploadRejection {
+  file: File;
+  message: string;
+  reason: UploadRejectionReason;
+}
+interface UploadRootProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+  /** Accepted MIME types or file extensions, using the native input syntax. */
+  accept?: string;
+  /** Controlled files. Use with `onFilesChange`. */
+  files?: File[];
+  /** Initial files for an uncontrolled upload. */
+  defaultFiles?: File[];
+  /** Called whenever accepted files are added or removed. */
+  onFilesChange?: (files: File[]) => void;
+  /** Called with files rejected by `accept`, `maxSize`, `maxFiles` or duplicates. */
+  onReject?: (rejections: UploadRejection[]) => void;
+  /** Maximum number of accepted files. Defaults to one when `multiple` is false. */
+  maxFiles?: number;
+  /** Maximum size per file, in bytes. */
+  maxSize?: number;
+  /** Allows selecting more than one file. */
+  multiple?: boolean;
+  /** Disables file selection and drag-and-drop. */
+  disabled?: boolean;
+  children?: ReactNode;
+}
+declare const UploadRoot: import("react").ForwardRefExoticComponent<UploadRootProps & import("react").RefAttributes<HTMLDivElement>>;
+interface UploadDropzoneProps extends ComponentPropsWithoutRef<"label"> {
+  children?: ReactNode;
+}
+declare const UploadDropzone: import("react").ForwardRefExoticComponent<UploadDropzoneProps & import("react").RefAttributes<HTMLLabelElement>>;
+type UploadInputProps = ComponentPropsWithoutRef<"input">;
+declare const UploadInput: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+type UploadTriggerProps = ComponentPropsWithoutRef<"button">;
+declare const UploadTrigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type UploadIconProps = ComponentPropsWithoutRef<"span">;
+declare const UploadIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type UploadTextProps = ComponentPropsWithoutRef<"span">;
+declare const UploadText: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type UploadHintProps = ComponentPropsWithoutRef<"span">;
+declare const UploadHint: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface UploadPreviewProps extends ComponentPropsWithoutRef<"span"> {
+  /** File whose preview should be rendered. Image files use a temporary object URL. */
+  file: File;
+  /** Alternative text for image previews. Defaults to the file name. */
+  alt?: string;
+  /** Content rendered while the preview is unavailable or the file is not an image. */
+  fallback?: ReactNode;
+}
+declare const UploadPreview: import("react").ForwardRefExoticComponent<UploadPreviewProps & import("react").RefAttributes<HTMLSpanElement>>;
+interface UploadProgressProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  /** Progress from 0 to 100. Omit it for an indeterminate upload. */
+  value?: number;
+  /** Accessible label and optional visible status text. */
+  label?: ReactNode;
+}
+declare const UploadProgress: import("react").ForwardRefExoticComponent<UploadProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+type UploadListProps = ComponentPropsWithoutRef<"ul">;
+declare const UploadList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+interface UploadItemProps extends Omit<ComponentPropsWithoutRef<"li">, "children"> {
+  file: File;
+  children?: ReactNode;
+}
+declare const UploadItem: import("react").ForwardRefExoticComponent<UploadItemProps & import("react").RefAttributes<HTMLLIElement>>;
+interface UploadRemoveProps extends ComponentPropsWithoutRef<"button"> {
+  file: File;
+}
+declare const UploadRemove: import("react").ForwardRefExoticComponent<UploadRemoveProps & import("react").RefAttributes<HTMLButtonElement>>;
+type UploadErrorProps = ComponentPropsWithoutRef<"p">;
+declare const UploadError: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const Upload: {
+  Root: import("react").ForwardRefExoticComponent<UploadRootProps & import("react").RefAttributes<HTMLDivElement>>;
+  Dropzone: import("react").ForwardRefExoticComponent<UploadDropzoneProps & import("react").RefAttributes<HTMLLabelElement>>;
+  Input: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Text: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Hint: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Preview: import("react").ForwardRefExoticComponent<UploadPreviewProps & import("react").RefAttributes<HTMLSpanElement>>;
+  Progress: import("react").ForwardRefExoticComponent<UploadProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+  Item: import("react").ForwardRefExoticComponent<UploadItemProps & import("react").RefAttributes<HTMLLIElement>>;
+  Remove: import("react").ForwardRefExoticComponent<UploadRemoveProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Error: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+};
+//#endregion
+export { Upload, UploadDropzone, UploadDropzoneProps, UploadError, UploadErrorProps, UploadHint, UploadHintProps, UploadIcon, UploadIconProps, UploadInput, UploadInputProps, UploadItem, UploadItemProps, UploadList, UploadListProps, UploadPreview, UploadPreviewProps, UploadProgress, UploadProgressProps, UploadRejection, UploadRejectionReason, UploadRemove, UploadRemoveProps, UploadRoot, UploadRootProps, UploadText, UploadTextProps, UploadTrigger, UploadTriggerProps };
+//# sourceMappingURL=upload.d.ts.map

package/dist/components/upload/upload.js

@@ -0,0 +1,398 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { upload } from "../../styled-system/recipes/upload.js";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/upload/upload.tsx
+const UploadContext = createContext(null);
+function useUploadContext() {
+	const context = useContext(UploadContext);
+	if (!context) throw new Error("Upload parts must be rendered inside Upload.Root.");
+	return context;
+}
+function fileKey(file) {
+	return `${file.name}-${file.size}-${file.lastModified}`;
+}
+function formatBytes(bytes) {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function acceptsFile(file, accept) {
+	if (!accept) return true;
+	const fileName = file.name.toLowerCase();
+	const fileType = file.type.toLowerCase();
+	return accept.split(",").some((entry) => {
+		const pattern = entry.trim().toLowerCase();
+		if (!pattern) return true;
+		if (pattern.startsWith(".")) return fileName.endsWith(pattern);
+		if (pattern.endsWith("/*")) return fileType.startsWith(pattern.slice(0, -1));
+		return pattern === fileType;
+	});
+}
+const UploadRoot = forwardRef(function UploadRoot({ accept, children, className, defaultFiles = [], disabled = false, files: controlledFiles, maxFiles, maxSize, multiple = false, onFilesChange, onReject, ...props }, ref) {
+	const [uncontrolledFiles, setUncontrolledFiles] = useState(defaultFiles);
+	const [dropActive, setDropActive] = useState(false);
+	const [rejections, setRejections] = useState([]);
+	const inputRef = useRef(null);
+	const inputId = useId();
+	const styles = upload({
+		disabled,
+		dropActive
+	});
+	const currentFiles = controlledFiles ?? uncontrolledFiles;
+	const fileLimit = maxFiles ?? (multiple ? void 0 : 1);
+	const updateFiles = useCallback((nextFiles) => {
+		setUncontrolledFiles(nextFiles);
+		onFilesChange?.(nextFiles);
+	}, [onFilesChange]);
+	const addFiles = useCallback((fileList) => {
+		if (disabled) return;
+		const candidates = Array.from(fileList);
+		const acceptedFiles = [];
+		const nextRejections = [];
+		const existingKeys = new Set(currentFiles.map(fileKey));
+		for (const file of candidates) {
+			const key = fileKey(file);
+			if (existingKeys.has(key) || acceptedFiles.some((accepted) => fileKey(accepted) === key)) {
+				nextRejections.push({
+					file,
+					reason: "duplicate",
+					message: `${file.name} was already added.`
+				});
+				continue;
+			}
+			if (!acceptsFile(file, accept)) {
+				nextRejections.push({
+					file,
+					reason: "type",
+					message: `${file.name} is not an accepted file type.`
+				});
+				continue;
+			}
+			if (maxSize !== void 0 && file.size > maxSize) {
+				nextRejections.push({
+					file,
+					reason: "size",
+					message: `${file.name} is larger than the allowed limit.`
+				});
+				continue;
+			}
+			if (fileLimit !== void 0 && (multiple ? currentFiles.length + acceptedFiles.length : acceptedFiles.length) >= fileLimit) {
+				nextRejections.push({
+					file,
+					reason: "count",
+					message: `Only ${fileLimit} file${fileLimit === 1 ? "" : "s"} can be selected.`
+				});
+				continue;
+			}
+			acceptedFiles.push(file);
+		}
+		const nextFiles = multiple ? [...currentFiles, ...acceptedFiles] : acceptedFiles.slice(0, 1);
+		if (acceptedFiles.length > 0) updateFiles(nextFiles);
+		if (nextRejections.length > 0) {
+			setRejections(nextRejections);
+			onReject?.(nextRejections);
+		} else setRejections([]);
+	}, [
+		accept,
+		currentFiles,
+		disabled,
+		fileLimit,
+		maxSize,
+		multiple,
+		onReject,
+		updateFiles
+	]);
+	const removeFile = useCallback((file) => {
+		updateFiles(currentFiles.filter((current) => fileKey(current) !== fileKey(file)));
+	}, [currentFiles, updateFiles]);
+	const context = useMemo(() => ({
+		accept,
+		addFiles,
+		disabled,
+		dropActive,
+		files: currentFiles,
+		inputId,
+		inputRef,
+		maxFiles: fileLimit,
+		maxSize,
+		multiple,
+		removeFile,
+		rejections,
+		setDropActive,
+		styles
+	}), [
+		accept,
+		addFiles,
+		currentFiles,
+		disabled,
+		dropActive,
+		fileLimit,
+		inputId,
+		maxSize,
+		multiple,
+		rejections,
+		removeFile,
+		styles
+	]);
+	return /* @__PURE__ */ jsx(UploadContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx("div", {
+			...props,
+			ref,
+			className: cx(styles.root, className),
+			"data-disabled": disabled || void 0,
+			"data-jaci-component": "upload",
+			"data-slot": "upload",
+			children
+		})
+	});
+});
+const UploadDropzone = forwardRef(function UploadDropzone({ children, className, htmlFor, onDragEnter, onDragLeave, onDragOver, onDrop, ...props }, ref) {
+	const { addFiles, disabled, dropActive, inputId, setDropActive, styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("label", {
+		...props,
+		ref,
+		"aria-disabled": disabled || void 0,
+		className: cx(styles.dropzone, className),
+		"data-drag-active": dropActive || void 0,
+		"data-slot": "upload-dropzone",
+		htmlFor: htmlFor ?? inputId,
+		onDragEnter: (event) => {
+			event.preventDefault();
+			if (!disabled) {
+				setDropActive(true);
+				event.currentTarget.dataset.dragActive = "true";
+			}
+			onDragEnter?.(event);
+		},
+		onDragLeave: (event) => {
+			event.preventDefault();
+			if (event.currentTarget === event.target) {
+				setDropActive(false);
+				event.currentTarget.dataset.dragActive = "false";
+			}
+			onDragLeave?.(event);
+		},
+		onDragOver: (event) => {
+			event.preventDefault();
+			if (!disabled) setDropActive(true);
+			onDragOver?.(event);
+		},
+		onDrop: (event) => {
+			event.preventDefault();
+			setDropActive(false);
+			event.currentTarget.dataset.dragActive = "false";
+			if (!disabled) addFiles(event.dataTransfer.files);
+			onDrop?.(event);
+		},
+		children
+	});
+});
+const UploadInput = forwardRef(function UploadInput({ accept, className, id, multiple, onChange, ...props }, ref) {
+	const { addFiles, accept: rootAccept, disabled, inputId, inputRef, multiple: rootMultiple, styles } = useUploadContext();
+	const handleChange = (event) => {
+		if (event.currentTarget.files) addFiles(event.currentTarget.files);
+		event.currentTarget.value = "";
+		onChange?.(event);
+	};
+	return /* @__PURE__ */ jsx("input", {
+		...props,
+		accept: accept ?? rootAccept,
+		"aria-label": props["aria-label"] ?? "Select files",
+		className: cx(styles.input, className),
+		disabled,
+		id: id ?? inputId,
+		multiple: multiple ?? rootMultiple,
+		onChange: handleChange,
+		ref: (node) => {
+			inputRef.current = node;
+			if (typeof ref === "function") ref(node);
+			else if (ref) ref.current = node;
+		},
+		tabIndex: -1,
+		type: "file"
+	});
+});
+const UploadTrigger = forwardRef(function UploadTrigger({ children = "Choose files", className, disabled, onClick, ...props }, ref) {
+	const { disabled: rootDisabled, inputRef, styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		className: cx(styles.trigger, className),
+		"data-slot": "upload-trigger",
+		disabled: disabled ?? rootDisabled,
+		onClick: (event) => {
+			inputRef.current?.click();
+			onClick?.(event);
+		},
+		ref,
+		type: "button",
+		children
+	});
+});
+const UploadIcon = forwardRef(function UploadIcon({ children = "↥", className, ...props }, ref) {
+	const { styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		"aria-hidden": "true",
+		className: cx(styles.icon, className),
+		"data-slot": "upload-icon",
+		children
+	});
+});
+const UploadText = forwardRef(function UploadText({ className, ...props }, ref) {
+	const { styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.text, className),
+		"data-slot": "upload-text"
+	});
+});
+const UploadHint = forwardRef(function UploadHint({ className, ...props }, ref) {
+	const { styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(styles.hint, className),
+		"data-slot": "upload-hint"
+	});
+});
+const UploadPreview = forwardRef(function UploadPreview({ alt, className, fallback = "Preview unavailable", file, ...props }, ref) {
+	const { styles } = useUploadContext();
+	const [src, setSrc] = useState(null);
+	useEffect(() => {
+		if (!file.type.startsWith("image/") || typeof URL === "undefined" || typeof URL.createObjectURL !== "function") {
+			setSrc(null);
+			return;
+		}
+		const objectUrl = URL.createObjectURL(file);
+		setSrc(objectUrl);
+		return () => URL.revokeObjectURL(objectUrl);
+	}, [file]);
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		"aria-hidden": props["aria-label"] ? void 0 : true,
+		className: cx(styles.preview, className),
+		"data-slot": "upload-preview",
+		role: props["aria-label"] ? "img" : void 0,
+		children: src ? /* @__PURE__ */ jsx("img", {
+			alt: alt ?? file.name,
+			src
+		}) : fallback
+	});
+});
+const UploadProgress = forwardRef(function UploadProgress({ className, label = "Uploading", value, ...props }, ref) {
+	const { styles } = useUploadContext();
+	const normalizedValue = value === void 0 ? void 0 : Math.min(100, Math.max(0, value));
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		ref,
+		"aria-label": typeof label === "string" ? label : "Upload progress",
+		"aria-valuemax": 100,
+		"aria-valuemin": 0,
+		"aria-valuenow": normalizedValue,
+		className: cx(styles.progress, className),
+		"data-indeterminate": normalizedValue === void 0 || void 0,
+		"data-slot": "upload-progress",
+		role: "progressbar",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: styles.progressTrack,
+			"data-slot": "upload-progress-track",
+			children: /* @__PURE__ */ jsx("span", {
+				className: styles.progressIndicator,
+				"data-indeterminate": normalizedValue === void 0 || void 0,
+				"data-slot": "upload-progress-indicator",
+				style: { width: normalizedValue === void 0 ? void 0 : `${normalizedValue}%` }
+			})
+		}), /* @__PURE__ */ jsx("span", {
+			className: styles.progressLabel,
+			"data-slot": "upload-progress-label",
+			children: label
+		})]
+	});
+});
+const UploadList = forwardRef(function UploadList({ children, className, ...props }, ref) {
+	const { files, styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("ul", {
+		...props,
+		ref,
+		className: cx(styles.list, className),
+		"data-slot": "upload-list",
+		children: children ?? files.map((file) => /* @__PURE__ */ jsx(UploadItem, { file }, fileKey(file)))
+	});
+});
+const UploadItem = forwardRef(function UploadItem({ children, className, file, ...props }, ref) {
+	const { styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("li", {
+		...props,
+		ref,
+		className: cx(styles.item, className),
+		"data-slot": "upload-item",
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("span", {
+				className: styles.itemName,
+				"data-slot": "upload-item-name",
+				title: file.name,
+				children: file.name
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: styles.itemMeta,
+				"data-slot": "upload-item-meta",
+				children: formatBytes(file.size)
+			}),
+			/* @__PURE__ */ jsx(UploadRemove, { file })
+		] })
+	});
+});
+const UploadRemove = forwardRef(function UploadRemove({ children = "×", className, file, onClick, ...props }, ref) {
+	const { disabled, removeFile, styles } = useUploadContext();
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-label": props["aria-label"] ?? `Remove ${file.name}`,
+		className: cx(styles.remove, className),
+		"data-slot": "upload-remove",
+		disabled,
+		onClick: (event) => {
+			removeFile(file);
+			onClick?.(event);
+		},
+		ref,
+		type: "button",
+		children
+	});
+});
+const UploadError = forwardRef(function UploadError({ children, className, ...props }, ref) {
+	const { rejections, styles } = useUploadContext();
+	if (children === void 0 && rejections.length === 0) return null;
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		ref,
+		className: cx(styles.error, className),
+		"data-slot": "upload-error",
+		role: "alert",
+		children: children ?? rejections.map((rejection) => rejection.message).join(" ")
+	});
+});
+const Upload = {
+	Root: UploadRoot,
+	Dropzone: UploadDropzone,
+	Input: UploadInput,
+	Trigger: UploadTrigger,
+	Icon: UploadIcon,
+	Text: UploadText,
+	Hint: UploadHint,
+	Preview: UploadPreview,
+	Progress: UploadProgress,
+	List: UploadList,
+	Item: UploadItem,
+	Remove: UploadRemove,
+	Error: UploadError
+};
+//#endregion
+export { Upload, UploadDropzone, UploadError, UploadHint, UploadIcon, UploadInput, UploadItem, UploadList, UploadPreview, UploadProgress, UploadRemove, UploadRoot, UploadText, UploadTrigger };
+
+//# sourceMappingURL=upload.js.map

package/dist/components/upload/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","names":[],"sources":["../../../src/components/upload/upload.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { ChangeEvent, ComponentPropsWithoutRef, ReactNode, RefObject } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { upload } from \"../../styled-system/recipes\";\n\nexport type UploadRejectionReason = \"type\" | \"size\" | \"count\" | \"duplicate\";\n\nexport interface UploadRejection {\n  file: File;\n  message: string;\n  reason: UploadRejectionReason;\n}\n\ninterface UploadContextValue {\n  accept: string | undefined;\n  addFiles: (files: FileList | File[]) => void;\n  disabled: boolean;\n  dropActive: boolean;\n  files: File[];\n  inputId: string;\n  inputRef: RefObject<HTMLInputElement | null>;\n  maxFiles: number | undefined;\n  maxSize: number | undefined;\n  multiple: boolean;\n  removeFile: (file: File) => void;\n  rejections: UploadRejection[];\n  setDropActive: (active: boolean) => void;\n  styles: ReturnType<typeof upload>;\n}\n\nconst UploadContext = createContext<UploadContextValue | null>(null);\n\nfunction useUploadContext() {\n  const context = useContext(UploadContext);\n  if (!context) {\n    throw new Error(\"Upload parts must be rendered inside Upload.Root.\");\n  }\n\n  return context;\n}\n\nfunction fileKey(file: File) {\n  return `${file.name}-${file.size}-${file.lastModified}`;\n}\n\nfunction formatBytes(bytes: number) {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nfunction acceptsFile(file: File, accept: string | undefined) {\n  if (!accept) {\n    return true;\n  }\n\n  const fileName = file.name.toLowerCase();\n  const fileType = file.type.toLowerCase();\n\n  return accept.split(\",\").some((entry) => {\n    const pattern = entry.trim().toLowerCase();\n    if (!pattern) return true;\n    if (pattern.startsWith(\".\")) return fileName.endsWith(pattern);\n    if (pattern.endsWith(\"/*\")) return fileType.startsWith(pattern.slice(0, -1));\n    return pattern === fileType;\n  });\n}\n\nexport interface UploadRootProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /** Accepted MIME types or file extensions, using the native input syntax. */\n  accept?: string;\n  /** Controlled files. Use with `onFilesChange`. */\n  files?: File[];\n  /** Initial files for an uncontrolled upload. */\n  defaultFiles?: File[];\n  /** Called whenever accepted files are added or removed. */\n  onFilesChange?: (files: File[]) => void;\n  /** Called with files rejected by `accept`, `maxSize`, `maxFiles` or duplicates. */\n  onReject?: (rejections: UploadRejection[]) => void;\n  /** Maximum number of accepted files. Defaults to one when `multiple` is false. */\n  maxFiles?: number;\n  /** Maximum size per file, in bytes. */\n  maxSize?: number;\n  /** Allows selecting more than one file. */\n  multiple?: boolean;\n  /** Disables file selection and drag-and-drop. */\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nexport const UploadRoot = forwardRef<HTMLDivElement, UploadRootProps>(function UploadRoot(\n  {\n    accept,\n    children,\n    className,\n    defaultFiles = [],\n    disabled = false,\n    files: controlledFiles,\n    maxFiles,\n    maxSize,\n    multiple = false,\n    onFilesChange,\n    onReject,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledFiles, setUncontrolledFiles] = useState<File[]>(defaultFiles);\n  const [dropActive, setDropActive] = useState(false);\n  const [rejections, setRejections] = useState<UploadRejection[]>([]);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId = useId();\n  const styles = upload({ disabled, dropActive });\n  const currentFiles = controlledFiles ?? uncontrolledFiles;\n  const fileLimit = maxFiles ?? (multiple ? undefined : 1);\n\n  const updateFiles = useCallback(\n    (nextFiles: File[]) => {\n      setUncontrolledFiles(nextFiles);\n      onFilesChange?.(nextFiles);\n    },\n    [onFilesChange],\n  );\n\n  const addFiles = useCallback(\n    (fileList: FileList | File[]) => {\n      if (disabled) return;\n\n      const candidates = Array.from(fileList);\n      const acceptedFiles: File[] = [];\n      const nextRejections: UploadRejection[] = [];\n      const existingKeys = new Set(currentFiles.map(fileKey));\n\n      for (const file of candidates) {\n        const key = fileKey(file);\n        if (existingKeys.has(key) || acceptedFiles.some((accepted) => fileKey(accepted) === key)) {\n          nextRejections.push({\n            file,\n            reason: \"duplicate\",\n            message: `${file.name} was already added.`,\n          });\n          continue;\n        }\n        if (!acceptsFile(file, accept)) {\n          nextRejections.push({\n            file,\n            reason: \"type\",\n            message: `${file.name} is not an accepted file type.`,\n          });\n          continue;\n        }\n        if (maxSize !== undefined && file.size > maxSize) {\n          nextRejections.push({\n            file,\n            reason: \"size\",\n            message: `${file.name} is larger than the allowed limit.`,\n          });\n          continue;\n        }\n        if (\n          fileLimit !== undefined &&\n          (multiple ? currentFiles.length + acceptedFiles.length : acceptedFiles.length) >=\n            fileLimit\n        ) {\n          nextRejections.push({\n            file,\n            reason: \"count\",\n            message: `Only ${fileLimit} file${fileLimit === 1 ? \"\" : \"s\"} can be selected.`,\n          });\n          continue;\n        }\n        acceptedFiles.push(file);\n      }\n\n      const nextFiles = multiple ? [...currentFiles, ...acceptedFiles] : acceptedFiles.slice(0, 1);\n      if (acceptedFiles.length > 0) {\n        updateFiles(nextFiles);\n      }\n      if (nextRejections.length > 0) {\n        setRejections(nextRejections);\n        onReject?.(nextRejections);\n      } else {\n        setRejections([]);\n      }\n    },\n    [accept, currentFiles, disabled, fileLimit, maxSize, multiple, onReject, updateFiles],\n  );\n\n  const removeFile = useCallback(\n    (file: File) => {\n      updateFiles(currentFiles.filter((current) => fileKey(current) !== fileKey(file)));\n    },\n    [currentFiles, updateFiles],\n  );\n\n  const context = useMemo<UploadContextValue>(\n    () => ({\n      accept,\n      addFiles,\n      disabled,\n      dropActive,\n      files: currentFiles,\n      inputId,\n      inputRef,\n      maxFiles: fileLimit,\n      maxSize,\n      multiple,\n      removeFile,\n      rejections,\n      setDropActive,\n      styles,\n    }),\n    [\n      accept,\n      addFiles,\n      currentFiles,\n      disabled,\n      dropActive,\n      fileLimit,\n      inputId,\n      maxSize,\n      multiple,\n      rejections,\n      removeFile,\n      styles,\n    ],\n  );\n\n  return (\n    <UploadContext.Provider value={context}>\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-disabled={disabled || undefined}\n        data-jaci-component=\"upload\"\n        data-slot=\"upload\"\n      >\n        {children}\n      </div>\n    </UploadContext.Provider>\n  );\n});\n\nexport interface UploadDropzoneProps extends ComponentPropsWithoutRef<\"label\"> {\n  children?: ReactNode;\n}\n\nexport const UploadDropzone = forwardRef<HTMLLabelElement, UploadDropzoneProps>(\n  function UploadDropzone(\n    { children, className, htmlFor, onDragEnter, onDragLeave, onDragOver, onDrop, ...props },\n    ref,\n  ) {\n    const { addFiles, disabled, dropActive, inputId, setDropActive, styles } = useUploadContext();\n\n    return (\n      <label\n        {...props}\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        className={cx(styles.dropzone, className)}\n        data-drag-active={dropActive || undefined}\n        data-slot=\"upload-dropzone\"\n        htmlFor={htmlFor ?? inputId}\n        onDragEnter={(event) => {\n          event.preventDefault();\n          if (!disabled) {\n            setDropActive(true);\n            event.currentTarget.dataset.dragActive = \"true\";\n          }\n          onDragEnter?.(event);\n        }}\n        onDragLeave={(event) => {\n          event.preventDefault();\n          if (event.currentTarget === event.target) {\n            setDropActive(false);\n            event.currentTarget.dataset.dragActive = \"false\";\n          }\n          onDragLeave?.(event);\n        }}\n        onDragOver={(event) => {\n          event.preventDefault();\n          if (!disabled) setDropActive(true);\n          onDragOver?.(event);\n        }}\n        onDrop={(event) => {\n          event.preventDefault();\n          setDropActive(false);\n          event.currentTarget.dataset.dragActive = \"false\";\n          if (!disabled) addFiles(event.dataTransfer.files);\n          onDrop?.(event);\n        }}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type UploadInputProps = ComponentPropsWithoutRef<\"input\">;\n\nexport const UploadInput = forwardRef<HTMLInputElement, UploadInputProps>(function UploadInput(\n  { accept, className, id, multiple, onChange, ...props },\n  ref,\n) {\n  const {\n    addFiles,\n    accept: rootAccept,\n    disabled,\n    inputId,\n    inputRef,\n    multiple: rootMultiple,\n    styles,\n  } = useUploadContext();\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (event.currentTarget.files) addFiles(event.currentTarget.files);\n    event.currentTarget.value = \"\";\n    onChange?.(event);\n  };\n\n  return (\n    <input\n      {...props}\n      accept={accept ?? rootAccept}\n      aria-label={props[\"aria-label\"] ?? \"Select files\"}\n      className={cx(styles.input, className)}\n      disabled={disabled}\n      id={id ?? inputId}\n      multiple={multiple ?? rootMultiple}\n      onChange={handleChange}\n      ref={(node) => {\n        inputRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      tabIndex={-1}\n      type=\"file\"\n    />\n  );\n});\n\nexport type UploadTriggerProps = ComponentPropsWithoutRef<\"button\">;\n\nexport const UploadTrigger = forwardRef<HTMLButtonElement, UploadTriggerProps>(\n  function UploadTrigger(\n    { children = \"Choose files\", className, disabled, onClick, ...props },\n    ref,\n  ) {\n    const { disabled: rootDisabled, inputRef, styles } = useUploadContext();\n\n    return (\n      <button\n        {...props}\n        className={cx(styles.trigger, className)}\n        data-slot=\"upload-trigger\"\n        disabled={disabled ?? rootDisabled}\n        onClick={(event) => {\n          inputRef.current?.click();\n          onClick?.(event);\n        }}\n        ref={ref}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type UploadIconProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const UploadIcon = forwardRef<HTMLSpanElement, UploadIconProps>(function UploadIcon(\n  { children = \"↥\", className, ...props },\n  ref,\n) {\n  const { styles } = useUploadContext();\n  return (\n    <span\n      {...props}\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cx(styles.icon, className)}\n      data-slot=\"upload-icon\"\n    >\n      {children}\n    </span>\n  );\n});\n\nexport type UploadTextProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const UploadText = forwardRef<HTMLSpanElement, UploadTextProps>(function UploadText(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useUploadContext();\n  return (\n    <span {...props} ref={ref} className={cx(styles.text, className)} data-slot=\"upload-text\" />\n  );\n});\n\nexport type UploadHintProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const UploadHint = forwardRef<HTMLSpanElement, UploadHintProps>(function UploadHint(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useUploadContext();\n  return (\n    <span {...props} ref={ref} className={cx(styles.hint, className)} data-slot=\"upload-hint\" />\n  );\n});\n\nexport interface UploadPreviewProps extends ComponentPropsWithoutRef<\"span\"> {\n  /** File whose preview should be rendered. Image files use a temporary object URL. */\n  file: File;\n  /** Alternative text for image previews. Defaults to the file name. */\n  alt?: string;\n  /** Content rendered while the preview is unavailable or the file is not an image. */\n  fallback?: ReactNode;\n}\n\nexport const UploadPreview = forwardRef<HTMLSpanElement, UploadPreviewProps>(function UploadPreview(\n  { alt, className, fallback = \"Preview unavailable\", file, ...props },\n  ref,\n) {\n  const { styles } = useUploadContext();\n  const [src, setSrc] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (\n      !file.type.startsWith(\"image/\") ||\n      typeof URL === \"undefined\" ||\n      typeof URL.createObjectURL !== \"function\"\n    ) {\n      setSrc(null);\n      return;\n    }\n\n    const objectUrl = URL.createObjectURL(file);\n    setSrc(objectUrl);\n    return () => URL.revokeObjectURL(objectUrl);\n  }, [file]);\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      aria-hidden={props[\"aria-label\"] ? undefined : true}\n      className={cx(styles.preview, className)}\n      data-slot=\"upload-preview\"\n      role={props[\"aria-label\"] ? \"img\" : undefined}\n    >\n      {src ? <img alt={alt ?? file.name} src={src} /> : fallback}\n    </span>\n  );\n});\n\nexport interface UploadProgressProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** Progress from 0 to 100. Omit it for an indeterminate upload. */\n  value?: number;\n  /** Accessible label and optional visible status text. */\n  label?: ReactNode;\n}\n\nexport const UploadProgress = forwardRef<HTMLDivElement, UploadProgressProps>(\n  function UploadProgress({ className, label = \"Uploading\", value, ...props }, ref) {\n    const { styles } = useUploadContext();\n    const normalizedValue = value === undefined ? undefined : Math.min(100, Math.max(0, value));\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-label={typeof label === \"string\" ? label : \"Upload progress\"}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={normalizedValue}\n        className={cx(styles.progress, className)}\n        data-indeterminate={normalizedValue === undefined || undefined}\n        data-slot=\"upload-progress\"\n        role=\"progressbar\"\n      >\n        <span className={styles.progressTrack} data-slot=\"upload-progress-track\">\n          <span\n            className={styles.progressIndicator}\n            data-indeterminate={normalizedValue === undefined || undefined}\n            data-slot=\"upload-progress-indicator\"\n            style={{ width: normalizedValue === undefined ? undefined : `${normalizedValue}%` }}\n          />\n        </span>\n        <span className={styles.progressLabel} data-slot=\"upload-progress-label\">\n          {label}\n        </span>\n      </div>\n    );\n  },\n);\n\nexport type UploadListProps = ComponentPropsWithoutRef<\"ul\">;\n\nexport const UploadList = forwardRef<HTMLUListElement, UploadListProps>(function UploadList(\n  { children, className, ...props },\n  ref,\n) {\n  const { files, styles } = useUploadContext();\n  return (\n    <ul {...props} ref={ref} className={cx(styles.list, className)} data-slot=\"upload-list\">\n      {children ?? files.map((file) => <UploadItem file={file} key={fileKey(file)} />)}\n    </ul>\n  );\n});\n\nexport interface UploadItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  file: File;\n  children?: ReactNode;\n}\n\nexport const UploadItem = forwardRef<HTMLLIElement, UploadItemProps>(function UploadItem(\n  { children, className, file, ...props },\n  ref,\n) {\n  const { styles } = useUploadContext();\n  return (\n    <li {...props} ref={ref} className={cx(styles.item, className)} data-slot=\"upload-item\">\n      {children ?? (\n        <>\n          <span className={styles.itemName} data-slot=\"upload-item-name\" title={file.name}>\n            {file.name}\n          </span>\n          <span className={styles.itemMeta} data-slot=\"upload-item-meta\">\n            {formatBytes(file.size)}\n          </span>\n          <UploadRemove file={file} />\n        </>\n      )}\n    </li>\n  );\n});\n\nexport interface UploadRemoveProps extends ComponentPropsWithoutRef<\"button\"> {\n  file: File;\n}\n\nexport const UploadRemove = forwardRef<HTMLButtonElement, UploadRemoveProps>(function UploadRemove(\n  { children = \"×\", className, file, onClick, ...props },\n  ref,\n) {\n  const { disabled, removeFile, styles } = useUploadContext();\n  return (\n    <button\n      {...props}\n      aria-label={props[\"aria-label\"] ?? `Remove ${file.name}`}\n      className={cx(styles.remove, className)}\n      data-slot=\"upload-remove\"\n      disabled={disabled}\n      onClick={(event) => {\n        removeFile(file);\n        onClick?.(event);\n      }}\n      ref={ref}\n      type=\"button\"\n    >\n      {children}\n    </button>\n  );\n});\n\nexport type UploadErrorProps = ComponentPropsWithoutRef<\"p\">;\n\nexport const UploadError = forwardRef<HTMLParagraphElement, UploadErrorProps>(function UploadError(\n  { children, className, ...props },\n  ref,\n) {\n  const { rejections, styles } = useUploadContext();\n  if (children === undefined && rejections.length === 0) return null;\n\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={cx(styles.error, className)}\n      data-slot=\"upload-error\"\n      role=\"alert\"\n    >\n      {children ?? rejections.map((rejection) => rejection.message).join(\" \")}\n    </p>\n  );\n});\n\nexport const Upload = {\n  Root: UploadRoot,\n  Dropzone: UploadDropzone,\n  Input: UploadInput,\n  Trigger: UploadTrigger,\n  Icon: UploadIcon,\n  Text: UploadText,\n  Hint: UploadHint,\n  Preview: UploadPreview,\n  Progress: UploadProgress,\n  List: UploadList,\n  Item: UploadItem,\n  Remove: UploadRemove,\n  Error: UploadError,\n};\n"],"mappings":"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"}

package/dist/components/visually-hidden/index.d.cts

@@ -0,0 +1,2 @@
+import { VisuallyHidden, VisuallyHiddenProps } from "./visually-hidden.cjs";
+export { VisuallyHidden, type VisuallyHiddenProps };

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1,2 @@
+import { VisuallyHidden, VisuallyHiddenProps } from "./visually-hidden.js";
+export { VisuallyHidden, type VisuallyHiddenProps };