@arcfusionz/arc-primitive-ui 0.2.13 → 0.2.14

package/dist/components/AILoader/AILoader.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { forwardRef, useId } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/AILoader/AILoader.tsx
 const rootClasses = "relative inline-flex shrink-0 items-center justify-center align-middle select-none";
@@ -58,7 +58,7 @@ const AILoader = forwardRef(({ state = "default", size = "md", tone = "brand", t
 			role: processing ? "status" : "img",
 			"aria-label": processing ? hasText ? label : void 0 : accessibleLabel,
 			className: cn(rootClasses, toneClasses[tone], hasText && gapClasses[size], className),
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsxs("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",

package/dist/components/Alert/Alert.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import { Button } from "@base-ui/react/button";
 //#region src/components/Alert/Alert.tsx
@@ -163,7 +163,7 @@ const Alert = forwardRef(({ variant = "neutral", appearance = "soft", title, ico
 				variant,
 				appearance
 			}), className),
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				resolvedIcon != null && typeof resolvedIcon !== "boolean" && /* @__PURE__ */ jsx("span", {
 					"aria-hidden": "true",
 					className: cn(iconSlotClasses, !solid && iconColorClasses[variant]),

package/dist/components/Avatar/Avatar.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { Children, createContext, forwardRef, useContext, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import { Avatar } from "@base-ui/react/avatar";
 //#region src/components/Avatar/Avatar.tsx
@@ -110,7 +110,7 @@ const Avatar$1 = forwardRef(({ size, shape, src, alt, name, fallback, fallbackDe
 				shape: resolvedShape
 			}), group != null && "ring-2 ring-background", className),
 			...rest,
-			children: [useShorthand && /* @__PURE__ */ jsxs(Fragment, { children: [src != null && /* @__PURE__ */ jsx(AvatarImage, {
+			children: [useShorthand && /* @__PURE__ */ jsxs(Fragment$1, { children: [src != null && /* @__PURE__ */ jsx(AvatarImage, {
 				src,
 				alt: alt ?? ""
 			}), /* @__PURE__ */ jsx(AvatarFallback, {
@@ -165,7 +165,7 @@ const AvatarBadge = forwardRef(({ label, render, className, children, ...rest },
 		ref,
 		props: {
 			className: cn("absolute end-0 bottom-0 block rounded-full bg-success ring-2 ring-background", badgeSizeClasses[size], className),
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [label != null && /* @__PURE__ */ jsx("span", {
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [label != null && /* @__PURE__ */ jsx("span", {
 				className: "sr-only",
 				children: label
 			}), children] }),
@@ -202,7 +202,7 @@ const AvatarGroup = forwardRef(({ size = "md", shape = "circle", max, total, ren
 		ref,
 		props: {
 			className: cn("flex items-center", groupSpacingClasses[size], className),
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [visible, surplus > 0 && /* @__PURE__ */ jsx(Avatar$1, { children: `+${surplus}` })] }),
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [visible, surplus > 0 && /* @__PURE__ */ jsx(Avatar$1, { children: `+${surplus}` })] }),
 			...rest
 		}
 	});

package/dist/components/Badge/Badge.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import { Button } from "@base-ui/react/button";
 //#region src/components/Badge/Badge.tsx
@@ -88,7 +88,7 @@ const Badge = forwardRef(({ variant = "neutral", appearance = "soft", size = "md
 				size,
 				pill
 			}), className),
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				dot && /* @__PURE__ */ jsx("span", {
 					"aria-hidden": "true",
 					className: "size-1.5 shrink-0 rounded-full bg-current"

package/dist/components/Button/Button.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { forwardRef, useRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 //#region src/components/Button/Button.tsx
 const baseClasses = "relative inline-flex items-center justify-center whitespace-nowrap select-none rounded-md font-sans font-semibold transition-colors duration-150 cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50";
@@ -128,7 +128,7 @@ const Button$1 = forwardRef(({ variant = "primary", size = "md", fullWidth = fal
 		if (event.detail === 0 && rippleContainerRef.current && !prefersReducedMotion()) spawnRipple(rippleContainerRef.current);
 		onClick?.(event);
 	};
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		startIcon != null && /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			className: "inline-flex items-center",
@@ -161,7 +161,7 @@ const Button$1 = forwardRef(({ variant = "primary", size = "md", fullWidth = fal
 			ref: rippleContainerRef,
 			"aria-hidden": "true",
 			className: "pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit] [contain:strict]"
-		}), loading ? loadingText != null ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, {}), loadingText] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+		}), loading ? loadingText != null ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, {}), loadingText] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 			className: "absolute inset-0 flex items-center justify-center",
 			children: [/* @__PURE__ */ jsx(Spinner, {}), /* @__PURE__ */ jsx("span", {
 				className: "sr-only",

package/dist/components/Calendar/Calendar.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import { mergeProps } from "@base-ui/react/merge-props";
 //#region src/components/Calendar/Calendar.tsx
@@ -441,7 +441,7 @@ const Calendar = forwardRef((props, forwardedRef) => {
 		role: "group",
 		"aria-label": ariaLabel,
 		className: cn("inline-flex flex-col p-3 font-sans", className),
-		children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 			role: "status",
 			className: "sr-only",
 			children: announcement

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/cn.js";
 import { highlightSqlLines } from "./sqlHighlight.js";
 import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/CodeBlock/CodeBlock.tsx
 const containerClasses = "relative overflow-hidden rounded-md border border-slate-800 bg-code font-code text-sm text-code-foreground";
@@ -134,7 +134,7 @@ const CodeBlock = forwardRef(({ code, children, language, filename, showLineNumb
 		copiedLabel,
 		floating: !hasHeader
 	}) : null;
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [hasHeader && /* @__PURE__ */ jsxs("div", {
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [hasHeader && /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center justify-between gap-3 border-b border-slate-800 bg-slate-950 px-4 py-2",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "flex min-w-0 items-center gap-2",

package/dist/components/Field/Field.js

@@ -1,7 +1,7 @@
 import { cn } from "../../lib/cn.js";
 import { FieldContext } from "./FieldContext.js";
 import { forwardRef, useContext, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@base-ui/react/field";
 import { useController, useFormContext } from "react-hook-form";
 //#region src/components/Field/Field.tsx
@@ -212,7 +212,7 @@ const FieldError = forwardRef(({ className, children, match, ...rest }, ref) =>
 		match: resolvedMatch,
 		className: cn(errorClasses, className),
 		...rest,
-		children: content != null ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ErrorIcon, {}), /* @__PURE__ */ jsx("span", {
+		children: content != null ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ErrorIcon, {}), /* @__PURE__ */ jsx("span", {
 			className: "min-w-0",
 			children: content
 		})] }) : void 0

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,190 @@
+import { ButtonProps } from "../Button/Button.js";
+import "../Button/index.js";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/FileUpload/FileUpload.d.ts
+/** Built-in reasons a file is rejected. `validate` may add more of these. */
+type FileUploadRejectionCode = "file-invalid-type" | "file-too-small" | "file-too-large" | "too-many-files";
+/** A file that failed validation, with every reason it failed. */
+interface FileUploadRejection {
+  file: File;
+  errors: FileUploadRejectionCode[];
+}
+/** Per-file lifecycle the consumer drives while uploading. */
+type FileUploadItemStatus = "idle" | "uploading" | "success" | "error";
+/** State exposed on the root element as `data-*` and to the `render` callback. */
+interface FileUploadRenderState extends Record<string, unknown> {
+  /** A file is being dragged over the dropzone. */
+  dragging: boolean;
+  /** The upload is disabled. */
+  disabled: boolean;
+  /** The upload is marked invalid. */
+  invalid: boolean;
+  /** No files are selected. */
+  empty: boolean;
+}
+/** `1023 B`, `1.5 KB`, `12 MB` — a compact, locale-neutral size readout. */
+declare function formatFileSize(bytes: number): string;
+/** Public view of the upload's state and controls, for custom compositions. */
+interface FileUploadHandle {
+  /** The currently selected files. */
+  files: File[];
+  /** A file is being dragged over the dropzone. */
+  isDragging: boolean;
+  /** The upload is disabled. */
+  disabled: boolean;
+  /** The upload is marked invalid. */
+  invalid: boolean;
+  /** Open the native file picker. */
+  open: () => void;
+  /** Remove one file from the selection. */
+  remove: (file: File) => void;
+  /** Clear the whole selection. */
+  clear: () => void;
+}
+/**
+ * Read the enclosing `FileUpload`'s state and controls — for building custom
+ * pieces the flat parts don't cover (a file counter, an "Upload all" button, a
+ * dropzone that hides once a file is chosen). Must be called under `FileUpload`.
+ */
+declare function useFileUpload(): FileUploadHandle;
+interface FileUploadProps extends Omit<ComponentPropsWithoutRef<"div">, "className" | "onChange" | "defaultValue" | "children"> {
+  /** Accepted types as the native `accept` string, e.g. `"image/*,.pdf"`. Enforced client-side too, so dropped files are gated the same as picked ones. */
+  accept?: string;
+  /** Allow selecting more than one file. When `false` (default) a new selection replaces the current one. */
+  multiple?: boolean;
+  /** Cap the number of files kept (only applies when `multiple`). Extra files are rejected with `too-many-files`. */
+  maxFiles?: number;
+  /** Reject files larger than this many bytes with `file-too-large`. */
+  maxSize?: number;
+  /** Reject files smaller than this many bytes with `file-too-small`. */
+  minSize?: number;
+  /** Extra validation run after the built-in checks; return the codes a file fails, or `null` to accept it. */
+  validate?: (file: File) => FileUploadRejectionCode[] | null;
+  /** Enable drag-and-drop onto the dropzone. Defaults to `true`. */
+  allowDrop?: boolean;
+  /** Prevent a file dropped outside the dropzone from navigating the browser. Defaults to `true`. */
+  preventDocumentDrop?: boolean;
+  /** Let the user pick a whole directory (`webkitdirectory`; Chromium/WebKit only). */
+  directory?: boolean;
+  /** Open the device camera on mobile instead of the file browser. */
+  capture?: "user" | "environment";
+  /** Controlled list of selected files. Pair with `onValueChange`. */
+  value?: File[];
+  /** Initial selection for the uncontrolled case. */
+  defaultValue?: File[];
+  /** Called whenever the selection changes (accepted files added, or a file removed). */
+  onValueChange?: (files: File[]) => void;
+  /** Called with the files newly accepted in a selection or drop. */
+  onAccept?: (files: File[]) => void;
+  /** Called with the files rejected in a selection or drop and why. */
+  onReject?: (rejections: FileUploadRejection[]) => void;
+  /** Disable the whole control. Inherited from a surrounding `Field` when unset. */
+  disabled?: boolean;
+  /** Mark the control invalid (destructive styling). Inherited from a surrounding `Field` when unset. */
+  invalid?: boolean;
+  /** Convey the field is required. Inherited from a surrounding `Field` when unset. */
+  required?: boolean;
+  /** `name` for the hidden input so the selection submits with a native form. */
+  name?: string;
+  /** Accessible name for the hidden file input. */
+  inputLabel?: string;
+  /** Replace the rendered root `div` or inspect `{ dragging, disabled, invalid, empty }`. */
+  render?: useRender.RenderProp<FileUploadRenderState>;
+  /** Compose the pieces: `FileUploadDropzone`, `FileUploadList`, `FileUploadTrigger`. */
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * Drag-and-drop / browse file selection built on a native input. Owns the
+ * selected-file list, drag interaction, and client-side validation (`accept`,
+ * `maxSize`/`minSize`, `maxFiles`, custom `validate`); the actual upload stays
+ * with the consumer, reflected per file through `FileUploadItem`. The empty
+ * dropzone is a `SystemState` (`upload` / `upload-error`).
+ *
+ * Accessibility: the input is visually hidden and the `FileUploadTrigger`
+ * button is the focusable, keyboard-operable control (drag-and-drop is a
+ * pointer enhancement). Announce added or rejected files yourself — the
+ * component is not a live region. Inside a `Field` it inherits
+ * `disabled`/`invalid`/`required`.
+ */
+declare const FileUpload: import("react").ForwardRefExoticComponent<FileUploadProps & import("react").RefAttributes<HTMLDivElement>>;
+interface FileUploadDropzoneVariantsOptions {
+  className?: string;
+}
+/**
+ * Class list for an element styled as the dashed drop area — for building a
+ * bespoke dropzone while keeping the brand's border, hover, and drag/invalid
+ * looks. The drag state hooks are `data-dragging` / `data-invalid` /
+ * `data-disabled`.
+ */
+declare function fileUploadDropzoneVariants({ className }?: FileUploadDropzoneVariantsOptions): string;
+interface FileUploadDropzoneProps extends Omit<ComponentPropsWithoutRef<"div">, "className"> {
+  /** Replace the default `SystemState` prompt + `FileUploadTrigger`. */
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * The dashed drop area. Clicking anywhere in it opens the picker (a pointer
+ * convenience); the `FileUploadTrigger` inside is the focusable control for
+ * keyboard and assistive tech. With no `children` it renders a `SystemState`
+ * (`upload`, or `upload-error` when invalid) with a browse button; pass
+ * `children` to supply your own prompt. Highlights via `data-dragging` while a
+ * file is dragged over it.
+ */
+declare const FileUploadDropzone: import("react").ForwardRefExoticComponent<FileUploadDropzoneProps & import("react").RefAttributes<HTMLDivElement>>;
+type FileUploadTriggerProps = ButtonProps;
+/**
+ * Button that opens the file picker. Rendered inside `FileUploadDropzone` by
+ * default; use it on its own for a compact "attach a file" control with no drop
+ * area. Defaults to the `outline` variant and an upload-icon + "Browse files"
+ * label. A custom label opts into an icon via `startIcon`; pass
+ * `startIcon={null}` to remove the default one. Inherits the upload's
+ * `disabled` state.
+ */
+declare const FileUploadTrigger: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+interface FileUploadListProps extends Omit<ComponentPropsWithoutRef<"ul">, "className" | "children"> {
+  /**
+   * Omit to auto-render a `FileUploadItem` per selected file. Pass a function
+   * `(file, index) => ReactNode` to render items with your own upload
+   * `status`/`progress`, or pass elements to render them verbatim.
+   */
+  children?: ReactNode | ((file: File, index: number) => ReactNode);
+  className?: string;
+}
+/**
+ * Container for the selected files. `role="list"` is set explicitly so the
+ * list semantics survive the `flex` reset in Safari/VoiceOver. Renders nothing
+ * while empty in the default (auto or render-prop) mode.
+ */
+declare const FileUploadList: import("react").ForwardRefExoticComponent<FileUploadListProps & import("react").RefAttributes<HTMLUListElement>>;
+interface FileUploadItemProps extends Omit<ComponentPropsWithoutRef<"li">, "className" | "children"> {
+  /** The file this row represents (name, size, and type come from it). */
+  file: File;
+  /** Upload lifecycle you drive: `uploading` shows a progress bar, `success`/`error` a status icon. */
+  status?: FileUploadItemStatus;
+  /** Completion 0–100 while `status="uploading"`. Omit for an indeterminate bar. */
+  progress?: number;
+  /** Message shown while `status="error"`, in place of the size. */
+  error?: ReactNode;
+  /** Show the remove button. Defaults to `true`. */
+  removable?: boolean;
+  /** Remove handler. Defaults to removing this file from the selection. */
+  onRemove?: () => void;
+  /** Accessible name for the remove button. Defaults to `Remove {file name}`. */
+  removeLabel?: string;
+  /** Leading visual. Defaults to an auto thumbnail for images, else a file icon. */
+  preview?: ReactNode;
+  /** Replace the entire row body. */
+  children?: ReactNode;
+  className?: string;
+}
+/**
+ * One selected file: a thumbnail (auto-generated for images) or file icon, the
+ * name, and — depending on `status` — its size, an upload progress bar, or an
+ * error message, plus a remove button. `status`/`progress`/`error` are
+ * consumer-driven so the row reflects real upload state.
+ */
+declare const FileUploadItem: import("react").ForwardRefExoticComponent<FileUploadItemProps & import("react").RefAttributes<HTMLLIElement>>;
+//#endregion
+export { FileUpload, FileUploadDropzone, FileUploadDropzoneProps, FileUploadDropzoneVariantsOptions, FileUploadHandle, FileUploadItem, FileUploadItemProps, FileUploadItemStatus, FileUploadList, FileUploadListProps, FileUploadProps, FileUploadRejection, FileUploadRejectionCode, FileUploadRenderState, FileUploadTrigger, FileUploadTriggerProps, fileUploadDropzoneVariants, formatFileSize, useFileUpload };

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,515 @@
+import { cn } from "../../lib/cn.js";
+import { Button } from "../Button/Button.js";
+import { FieldContext } from "../Field/FieldContext.js";
+import { Progress } from "../Progress/Progress.js";
+import { SystemState } from "../SystemState/SystemState.js";
+import { Fragment, createContext, forwardRef, useContext, useEffect, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/FileUpload/FileUpload.tsx
+/** `1023 B`, `1.5 KB`, `12 MB` — a compact, locale-neutral size readout. */
+function formatFileSize(bytes) {
+	if (!Number.isFinite(bytes) || bytes < 0) return "";
+	if (bytes < 1024) return `${bytes} B`;
+	const units = [
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let value = bytes / 1024;
+	let unit = 0;
+	while (value >= 1024 && unit < units.length - 1) {
+		value /= 1024;
+		unit += 1;
+	}
+	return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[unit]}`;
+}
+function matchesAccept(file, accept) {
+	if (!accept) return true;
+	const tokens = accept.split(",").map((token) => token.trim().toLowerCase()).filter(Boolean);
+	if (tokens.length === 0) return true;
+	const name = file.name.toLowerCase();
+	const mime = file.type.toLowerCase();
+	return tokens.some((token) => {
+		if (token.startsWith(".")) return name.endsWith(token);
+		if (token.endsWith("/*")) return mime.startsWith(token.slice(0, -1));
+		return mime === token;
+	});
+}
+function fileKey(file) {
+	return `${file.name}:${file.size}:${file.lastModified}`;
+}
+const FileUploadContext = createContext(null);
+function useFileUploadContext(part) {
+	const context = useContext(FileUploadContext);
+	if (context == null) throw new Error(`${part} must be rendered inside <FileUpload>.`);
+	return context;
+}
+/**
+* Read the enclosing `FileUpload`'s state and controls — for building custom
+* pieces the flat parts don't cover (a file counter, an "Upload all" button, a
+* dropzone that hides once a file is chosen). Must be called under `FileUpload`.
+*/
+function useFileUpload() {
+	const context = useFileUploadContext("useFileUpload");
+	return {
+		files: context.files,
+		isDragging: context.isDragging,
+		disabled: context.disabled,
+		invalid: context.invalid,
+		open: context.openPicker,
+		remove: context.removeFile,
+		clear: context.clear
+	};
+}
+const rootClasses = "flex w-full flex-col gap-3";
+const stateAttributesMapping = {
+	dragging: (value) => value ? { "data-dragging": "" } : null,
+	disabled: (value) => value ? { "data-disabled": "" } : null,
+	invalid: (value) => value ? { "data-invalid": "" } : null,
+	empty: (value) => value ? { "data-empty": "" } : null
+};
+/**
+* Drag-and-drop / browse file selection built on a native input. Owns the
+* selected-file list, drag interaction, and client-side validation (`accept`,
+* `maxSize`/`minSize`, `maxFiles`, custom `validate`); the actual upload stays
+* with the consumer, reflected per file through `FileUploadItem`. The empty
+* dropzone is a `SystemState` (`upload` / `upload-error`).
+*
+* Accessibility: the input is visually hidden and the `FileUploadTrigger`
+* button is the focusable, keyboard-operable control (drag-and-drop is a
+* pointer enhancement). Announce added or rejected files yourself — the
+* component is not a live region. Inside a `Field` it inherits
+* `disabled`/`invalid`/`required`.
+*/
+const FileUpload = forwardRef(({ accept, multiple = false, maxFiles, maxSize, minSize, validate, allowDrop = true, preventDocumentDrop = true, directory = false, capture, value, defaultValue, onValueChange, onAccept, onReject, disabled, invalid, required, name, inputLabel, render, className, children, ...rest }, ref) => {
+	const fieldContext = useContext(FieldContext);
+	const resolvedDisabled = disabled ?? fieldContext?.control?.disabled ?? false;
+	const resolvedInvalid = invalid ?? fieldContext?.invalid ?? false;
+	const resolvedRequired = required ?? fieldContext?.required ?? false;
+	const inputId = `${useId()}-file-input`;
+	const inputRef = useRef(null);
+	const rootRef = useRef(null);
+	const dragDepth = useRef(0);
+	const isControlled = value !== void 0;
+	const [internalFiles, setInternalFiles] = useState(defaultValue ?? []);
+	const files = isControlled ? value : internalFiles;
+	const [isDragging, setIsDragging] = useState(false);
+	const syncInputFiles = (list) => {
+		const input = inputRef.current;
+		if (!input || typeof DataTransfer === "undefined") return;
+		try {
+			const transfer = new DataTransfer();
+			for (const file of list) transfer.items.add(file);
+			input.files = transfer.files;
+		} catch {}
+	};
+	useEffect(() => {
+		syncInputFiles(files);
+	}, [files]);
+	const commit = (next) => {
+		if (!isControlled) setInternalFiles(next);
+		onValueChange?.(next);
+	};
+	const getRejectionCodes = (file, projectedCount) => {
+		const codes = [];
+		if (!matchesAccept(file, accept)) codes.push("file-invalid-type");
+		if (typeof minSize === "number" && file.size < minSize) codes.push("file-too-small");
+		if (typeof maxSize === "number" && file.size > maxSize) codes.push("file-too-large");
+		if (projectedCount >= (multiple ? maxFiles ?? Infinity : 1)) codes.push("too-many-files");
+		const custom = validate?.(file);
+		if (custom) {
+			for (const code of custom) if (!codes.includes(code)) codes.push(code);
+		}
+		return codes;
+	};
+	const processIncoming = (incoming) => {
+		const kept = [...multiple ? files : []];
+		const accepted = [];
+		const rejections = [];
+		for (const file of incoming) {
+			if (kept.some((existing) => fileKey(existing) === fileKey(file))) continue;
+			const codes = getRejectionCodes(file, kept.length);
+			if (codes.length > 0) rejections.push({
+				file,
+				errors: codes
+			});
+			else {
+				kept.push(file);
+				accepted.push(file);
+			}
+		}
+		const next = multiple ? kept : accepted.length > 0 ? [accepted[0]] : files;
+		if (accepted.length > 0) onAccept?.(accepted);
+		if (rejections.length > 0) onReject?.(rejections);
+		if (next.length !== files.length || next.some((file, index) => file !== files[index])) commit(next);
+		syncInputFiles(next);
+	};
+	const openPicker = () => {
+		if (resolvedDisabled) return;
+		inputRef.current?.click();
+	};
+	const removeFile = (file) => {
+		commit(files.filter((existing) => fileKey(existing) !== fileKey(file)));
+	};
+	const clear = () => commit([]);
+	const dropHasFiles = (event) => Array.from(event.dataTransfer?.types ?? []).includes("Files");
+	const onDragEnter = (event) => {
+		if (resolvedDisabled || !allowDrop || !dropHasFiles(event)) return;
+		event.preventDefault();
+		dragDepth.current += 1;
+		setIsDragging(true);
+	};
+	const onDragOver = (event) => {
+		if (resolvedDisabled || !allowDrop || !dropHasFiles(event)) return;
+		event.preventDefault();
+		event.dataTransfer.dropEffect = "copy";
+	};
+	const onDragLeave = (event) => {
+		if (resolvedDisabled || !allowDrop) return;
+		event.preventDefault();
+		dragDepth.current = Math.max(0, dragDepth.current - 1);
+		if (dragDepth.current === 0) setIsDragging(false);
+	};
+	const onDrop = (event) => {
+		if (resolvedDisabled || !allowDrop) return;
+		event.preventDefault();
+		dragDepth.current = 0;
+		setIsDragging(false);
+		const dropped = Array.from(event.dataTransfer?.files ?? []);
+		if (dropped.length > 0) processIncoming(dropped);
+	};
+	useEffect(() => {
+		if (!preventDocumentDrop || !allowDrop || typeof document === "undefined") return;
+		const isOutside = (event) => {
+			const root = rootRef.current;
+			return !root || !(event.target instanceof Node) || !root.contains(event.target);
+		};
+		const prevent = (event) => {
+			if (isOutside(event)) event.preventDefault();
+		};
+		document.addEventListener("dragover", prevent);
+		document.addEventListener("drop", prevent);
+		return () => {
+			document.removeEventListener("dragover", prevent);
+			document.removeEventListener("drop", prevent);
+		};
+	}, [preventDocumentDrop, allowDrop]);
+	const contextValue = {
+		files,
+		disabled: resolvedDisabled,
+		invalid: resolvedInvalid,
+		multiple,
+		isDragging,
+		inputId,
+		openPicker,
+		removeFile,
+		clear,
+		dropzoneListeners: {
+			onDragEnter,
+			onDragOver,
+			onDragLeave,
+			onDrop
+		}
+	};
+	const state = {
+		dragging: isDragging,
+		disabled: resolvedDisabled,
+		invalid: resolvedInvalid,
+		empty: files.length === 0
+	};
+	return useRender({
+		defaultTagName: "div",
+		render,
+		ref: [ref, rootRef],
+		state,
+		stateAttributesMapping,
+		props: {
+			className: cn(rootClasses, className),
+			children: /* @__PURE__ */ jsxs(FileUploadContext.Provider, {
+				value: contextValue,
+				children: [/* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					id: inputId,
+					type: "file",
+					accept,
+					multiple,
+					capture,
+					disabled: resolvedDisabled || void 0,
+					required: resolvedRequired || void 0,
+					name,
+					"aria-label": inputLabel ?? (multiple ? "Upload files" : "Upload file"),
+					"aria-invalid": resolvedInvalid || void 0,
+					tabIndex: -1,
+					className: "sr-only",
+					onChange: (event) => {
+						const list = event.target.files;
+						if (list && list.length > 0) processIncoming(Array.from(list));
+					},
+					...directory ? { webkitdirectory: "" } : null
+				}), children]
+			}),
+			...rest
+		}
+	});
+});
+FileUpload.displayName = "FileUpload";
+const dropzoneClasses = "relative flex w-full flex-col items-center justify-center rounded-md border-2 border-dashed border-border bg-transparent cursor-pointer transition-colors duration-150 hover:border-slate-300 hover:bg-surface has-[:focus-visible]:border-primary has-[:focus-visible]:bg-primary-50 data-dragging:border-primary data-dragging:bg-primary-50 data-invalid:border-destructive data-disabled:cursor-default data-disabled:opacity-50 data-disabled:hover:border-border data-disabled:hover:bg-transparent";
+/**
+* Class list for an element styled as the dashed drop area — for building a
+* bespoke dropzone while keeping the brand's border, hover, and drag/invalid
+* looks. The drag state hooks are `data-dragging` / `data-invalid` /
+* `data-disabled`.
+*/
+function fileUploadDropzoneVariants({ className } = {}) {
+	return cn(dropzoneClasses, className);
+}
+/**
+* The dashed drop area. Clicking anywhere in it opens the picker (a pointer
+* convenience); the `FileUploadTrigger` inside is the focusable control for
+* keyboard and assistive tech. With no `children` it renders a `SystemState`
+* (`upload`, or `upload-error` when invalid) with a browse button; pass
+* `children` to supply your own prompt. Highlights via `data-dragging` while a
+* file is dragged over it.
+*/
+const FileUploadDropzone = forwardRef(({ children, className, onClick, ...rest }, ref) => {
+	const context = useFileUploadContext("FileUploadDropzone");
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-dragging": context.isDragging ? "" : void 0,
+		"data-invalid": context.invalid ? "" : void 0,
+		"data-disabled": context.disabled ? "" : void 0,
+		className: fileUploadDropzoneVariants({ className }),
+		onClick: (event) => {
+			onClick?.(event);
+			if (!event.defaultPrevented) context.openPicker();
+		},
+		...context.dropzoneListeners,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsx(SystemState, {
+			variant: context.invalid ? "upload-error" : "upload",
+			bg: "transparent",
+			action: /* @__PURE__ */ jsx(FileUploadTrigger, {})
+		})
+	});
+});
+FileUploadDropzone.displayName = "FileUploadDropzone";
+/**
+* Button that opens the file picker. Rendered inside `FileUploadDropzone` by
+* default; use it on its own for a compact "attach a file" control with no drop
+* area. Defaults to the `outline` variant and an upload-icon + "Browse files"
+* label. A custom label opts into an icon via `startIcon`; pass
+* `startIcon={null}` to remove the default one. Inherits the upload's
+* `disabled` state.
+*/
+const FileUploadTrigger = forwardRef(({ variant = "outline", disabled, onClick, startIcon, children, ...rest }, ref) => {
+	const context = useFileUploadContext("FileUploadTrigger");
+	const resolvedStartIcon = startIcon !== void 0 ? startIcon : children == null ? /* @__PURE__ */ jsx(UploadIcon, {}) : void 0;
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		type: "button",
+		variant,
+		disabled: disabled ?? context.disabled,
+		startIcon: resolvedStartIcon,
+		onClick: (event) => {
+			event.stopPropagation();
+			onClick?.(event);
+			if (!event.defaultPrevented) context.openPicker();
+		},
+		...rest,
+		children: children ?? "Browse files"
+	});
+});
+FileUploadTrigger.displayName = "FileUploadTrigger";
+const listClasses = "flex w-full flex-col gap-2";
+/**
+* Container for the selected files. `role="list"` is set explicitly so the
+* list semantics survive the `flex` reset in Safari/VoiceOver. Renders nothing
+* while empty in the default (auto or render-prop) mode.
+*/
+const FileUploadList = forwardRef(({ children, className, ...rest }, ref) => {
+	const context = useFileUploadContext("FileUploadList");
+	const isRenderProp = typeof children === "function";
+	if ((children == null || isRenderProp) && context.files.length === 0) return null;
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		role: "list",
+		className: cn(listClasses, className),
+		...rest,
+		children: isRenderProp ? context.files.map((file, index) => /* @__PURE__ */ jsx(Fragment, { children: children(file, index) }, `${fileKey(file)}-${index}`)) : children ?? context.files.map((file, index) => /* @__PURE__ */ jsx(FileUploadItem, { file }, `${fileKey(file)}-${index}`))
+	});
+});
+FileUploadList.displayName = "FileUploadList";
+const itemClasses = "flex items-center gap-3 rounded-md border border-border bg-background px-3 py-2.5 data-[status=error]:border-destructive";
+const itemNameClasses = "truncate font-sans text-sm font-medium text-foreground";
+const itemMetaClasses = "font-sans text-xs text-muted-foreground";
+const itemErrorClasses = "font-sans text-xs font-medium text-error-700";
+/**
+* One selected file: a thumbnail (auto-generated for images) or file icon, the
+* name, and — depending on `status` — its size, an upload progress bar, or an
+* error message, plus a remove button. `status`/`progress`/`error` are
+* consumer-driven so the row reflects real upload state.
+*/
+const FileUploadItem = forwardRef(({ file, status = "idle", progress, error, removable = true, onRemove, removeLabel, preview, children, className, ...rest }, ref) => {
+	const context = useFileUploadContext("FileUploadItem");
+	const handleRemove = onRemove ?? (() => context.removeFile(file));
+	return /* @__PURE__ */ jsx("li", {
+		ref,
+		"data-status": status,
+		className: cn(itemClasses, className),
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "shrink-0",
+				children: preview ?? /* @__PURE__ */ jsx(FileUploadThumbnail, { file })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: itemNameClasses,
+							children: file.name
+						}),
+						status === "success" && /* @__PURE__ */ jsx(CheckCircleIcon, {
+							className: "ms-auto size-4 shrink-0 text-success-700",
+							"aria-hidden": "true"
+						}),
+						status === "error" && /* @__PURE__ */ jsx(AlertCircleIcon, {
+							className: "ms-auto size-4 shrink-0 text-error-700",
+							"aria-hidden": "true"
+						})
+					]
+				}), status === "uploading" ? /* @__PURE__ */ jsx(Progress, {
+					size: "sm",
+					value: progress ?? null,
+					"aria-label": `Uploading ${file.name}`
+				}) : status === "error" ? /* @__PURE__ */ jsx("span", {
+					className: itemErrorClasses,
+					children: error ?? "Upload failed"
+				}) : /* @__PURE__ */ jsx("span", {
+					className: itemMetaClasses,
+					children: formatFileSize(file.size)
+				})]
+			}),
+			removable && /* @__PURE__ */ jsx(Button, {
+				iconOnly: true,
+				size: "sm",
+				variant: "ghost",
+				type: "button",
+				"aria-label": removeLabel ?? `Remove ${file.name}`,
+				disabled: context.disabled,
+				onClick: handleRemove,
+				className: "ms-auto shrink-0 self-start",
+				children: /* @__PURE__ */ jsx(XIcon, {})
+			})
+		] })
+	});
+});
+FileUploadItem.displayName = "FileUploadItem";
+function FileUploadThumbnail({ file }) {
+	const [url, setUrl] = useState(null);
+	useEffect(() => {
+		if (typeof URL === "undefined" || !file.type.startsWith("image/")) {
+			setUrl(null);
+			return;
+		}
+		const objectUrl = URL.createObjectURL(file);
+		setUrl(objectUrl);
+		return () => URL.revokeObjectURL(objectUrl);
+	}, [file]);
+	if (url != null) return /* @__PURE__ */ jsx("img", {
+		src: url,
+		alt: "",
+		"aria-hidden": "true",
+		className: "size-10 rounded-md object-cover",
+		draggable: false
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "flex size-10 items-center justify-center rounded-md bg-muted text-muted-foreground",
+		children: /* @__PURE__ */ jsx(FileIcon, {
+			className: "size-5",
+			"aria-hidden": "true"
+		})
+	});
+}
+function UploadIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+			/* @__PURE__ */ jsx("path", { d: "m17 8-5-5-5 5" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 3v12" })
+		]
+	});
+}
+function FileIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z" }), /* @__PURE__ */ jsx("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })]
+	});
+}
+function XIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" })
+	});
+}
+function CheckCircleIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}), /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })]
+	});
+}
+function AlertCircleIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 2,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M12 8v4" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 16h.01" })
+		]
+	});
+}
+//#endregion
+export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadTrigger, fileUploadDropzoneVariants, formatFileSize, useFileUpload };

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

@@ -0,0 +1,2 @@
+import { FileUpload, FileUploadDropzone, FileUploadDropzoneProps, FileUploadDropzoneVariantsOptions, FileUploadHandle, FileUploadItem, FileUploadItemProps, FileUploadItemStatus, FileUploadList, FileUploadListProps, FileUploadProps, FileUploadRejection, FileUploadRejectionCode, FileUploadRenderState, FileUploadTrigger, FileUploadTriggerProps, fileUploadDropzoneVariants, formatFileSize, useFileUpload } from "./FileUpload.js";
+export { FileUpload, FileUploadDropzone, type FileUploadDropzoneProps, type FileUploadDropzoneVariantsOptions, type FileUploadHandle, FileUploadItem, type FileUploadItemProps, type FileUploadItemStatus, FileUploadList, type FileUploadListProps, type FileUploadProps, type FileUploadRejection, type FileUploadRejectionCode, type FileUploadRenderState, FileUploadTrigger, type FileUploadTriggerProps, fileUploadDropzoneVariants, formatFileSize, useFileUpload };

package/dist/components/FileUpload/index.js

@@ -0,0 +1,2 @@
+import { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadTrigger, fileUploadDropzoneVariants, formatFileSize, useFileUpload } from "./FileUpload.js";
+export { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadTrigger, fileUploadDropzoneVariants, formatFileSize, useFileUpload };

package/dist/components/Stepper/Stepper.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { createContext, forwardRef, useContext, useEffect, useMemo, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/Stepper/Stepper.tsx
 function CheckIcon(props) {
@@ -272,7 +272,7 @@ const StepperIndicator = forwardRef(({ children, render, className, ...rest }, r
 		props: {
 			...stepStateAttributes(item, orientation),
 			...rest,
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [children ?? glyph, statusLabel != null && /* @__PURE__ */ jsx("span", {
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [children ?? glyph, statusLabel != null && /* @__PURE__ */ jsx("span", {
 				className: "sr-only",
 				children: statusLabel
 			})] }),

package/dist/components/Switch/Switch.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { forwardRef, useId } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Switch } from "@base-ui/react/switch";
 //#region src/components/Switch/Switch.tsx
 const trackClasses = "inline-flex shrink-0 cursor-pointer select-none items-center rounded-full border border-border bg-muted p-px transition-colors duration-150 hover:border-slate-300 hover:bg-slate-200 data-checked:border-primary data-checked:bg-primary hover:data-checked:border-primary-700 hover:data-checked:bg-primary-700 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring aria-invalid:border-destructive data-invalid:border-destructive aria-invalid:focus-visible:outline-destructive data-invalid:focus-visible:outline-destructive data-readonly:cursor-default disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50";
@@ -74,7 +74,7 @@ const Switch$1 = forwardRef(({ size = "md", label, description, labelPosition =
 		className: cn("inline-flex max-w-full flex-col gap-1 font-sans", "has-data-disabled:pointer-events-none has-data-disabled:opacity-50"),
 		children: [hasLabel ? /* @__PURE__ */ jsx("label", {
 			className: cn("inline-flex cursor-pointer items-start gap-2", "has-data-readonly:cursor-default", labelPosition === "start" && "justify-between"),
-			children: labelPosition === "start" ? /* @__PURE__ */ jsxs(Fragment, { children: [labelText, control] }) : /* @__PURE__ */ jsxs(Fragment, { children: [control, labelText] })
+			children: labelPosition === "start" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [labelText, control] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [control, labelText] })
 		}) : control, description != null && /* @__PURE__ */ jsx("span", {
 			id: descriptionId,
 			className: cn("text-muted-foreground", descriptionTextClasses[size], labelPosition === "end" && descriptionIndentClasses[size]),

package/dist/components/SystemState/SystemState.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/SystemState/SystemState.d.ts
-type SystemStateVariant = "first-use" | "empty" | "no-results" | "completed" | "setup-required" | "sign-in-required" | "access-denied" | "feature-locked" | "unsupported" | "not-found" | "resource-unavailable" | "conflict" | "offline" | "network-error" | "timeout" | "rate-limited" | "maintenance" | "service-unavailable" | "server-error";
+type SystemStateVariant = "first-use" | "empty" | "no-results" | "completed" | "upload" | "upload-error" | "setup-required" | "sign-in-required" | "access-denied" | "feature-locked" | "unsupported" | "not-found" | "resource-unavailable" | "conflict" | "offline" | "network-error" | "timeout" | "rate-limited" | "maintenance" | "service-unavailable" | "server-error";
 type SystemStateScope = "inline" | "full";
 type SystemStateBackground = "transparent" | "background" | "surface" | "muted";
 type SystemStateTitleLevel = 1 | 2 | 3 | 4 | 5 | 6;
@@ -62,8 +62,9 @@ interface SystemStateProps extends Omit<ComponentPropsWithoutRef<"div">, "classN
   className?: string;
 }
 /**
- * Communicates a non-ideal or milestone state — empty, error, restricted, or
- * completed — with a brand illustration, copy, and optional recovery actions.
+ * Communicates a non-ideal or milestone state — empty, error, restricted,
+ * completed, or a file-upload prompt — with a brand illustration, copy, and
+ * optional recovery actions.
  */
 declare const SystemState: import("react").ForwardRefExoticComponent<SystemStateProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion

package/dist/components/SystemState/SystemState.js

@@ -1,6 +1,6 @@
 import { cn } from "../../lib/cn.js";
 import { forwardRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";
 import accessDeniedImage from "../../assets/system-states/access-denied.png";
 import completedImage from "../../assets/system-states/completed.png";
@@ -32,6 +32,16 @@ const variantDefaults = {
 		title: "All done",
 		description: "Everything here is taken care of. Nice work."
 	},
+	upload: {
+		image: firstUseImage,
+		title: "Drag and drop files here",
+		description: "or browse to choose files from your device."
+	},
+	"upload-error": {
+		image: setupRequiredImage,
+		title: "Upload failed",
+		description: "Something went wrong while uploading. Check your files and try again."
+	},
 	"setup-required": {
 		image: setupRequiredImage,
 		title: "Finish setting up",
@@ -132,8 +142,9 @@ const descriptionClasses = {
 	full: "font-sans text-base text-muted-foreground"
 };
 /**
-* Communicates a non-ideal or milestone state — empty, error, restricted, or
-* completed — with a brand illustration, copy, and optional recovery actions.
+* Communicates a non-ideal or milestone state — empty, error, restricted,
+* completed, or a file-upload prompt — with a brand illustration, copy, and
+* optional recovery actions.
 */
 const SystemState = forwardRef(({ variant, title, description, action, secondaryAction, scope = "inline", bg = "transparent", titleLevel, render, className, ...rest }, ref) => {
 	const defaults = variantDefaults[variant];
@@ -153,7 +164,7 @@ const SystemState = forwardRef(({ variant, title, description, action, secondary
 		},
 		props: {
 			className: cn(rootClasses, scopeClasses[scope], backgroundClasses[bg], className),
-			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx("img", {
 					src: defaults.image,
 					alt: "",

package/dist/index.d.ts

@@ -46,6 +46,8 @@ import { FieldControlProps, useFieldControl } from "./components/Field/FieldCont
 import "./components/Field/index.js";
 import { Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetLegendVariant, FieldsetProps } from "./components/Fieldset/Fieldset.js";
 import "./components/Fieldset/index.js";
+import { FileUpload, FileUploadDropzone, FileUploadDropzoneProps, FileUploadDropzoneVariantsOptions, FileUploadHandle, FileUploadItem, FileUploadItemProps, FileUploadItemStatus, FileUploadList, FileUploadListProps, FileUploadProps, FileUploadRejection, FileUploadRejectionCode, FileUploadRenderState, FileUploadTrigger, FileUploadTriggerProps, fileUploadDropzoneVariants, formatFileSize, useFileUpload } from "./components/FileUpload/FileUpload.js";
+import "./components/FileUpload/index.js";
 import { Form, FormProps } from "./components/Form/Form.js";
 import "./components/Form/index.js";
 import { Input, InputGroup, InputGroupAddon, InputGroupAddonProps, InputGroupProps, InputProps, InputSize, InputVariantsOptions, inputVariants } from "./components/Input/Input.js";
@@ -80,4 +82,4 @@ import "./components/Tooltip/index.js";
 import { Typography, TypographyProps, TypographyVariant, TypographyVariantsOptions, typographyVariants } from "./components/Typography/Typography.js";
 import "./components/Typography/index.js";
 import { cn } from "./lib/cn.js";
-export { AILoader, type AILoaderProps, type AILoaderRenderState, type AILoaderSize, type AILoaderState, type AILoaderTone, Accordion, type AccordionChevronPosition, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Alert, type AlertAppearance, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogPopup, type AlertDialogPopupProps, type AlertDialogPopupVariantsOptions, type AlertDialogProps, type AlertDialogScrollBehavior, type AlertDialogSize, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, type AlertVariant, type AlertVariantsOptions, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarVariantsOptions, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, type BadgeVariantsOptions, Box, type BoxBackground, type BoxPadding, type BoxProps, type BoxRadius, type BoxShadow, type BoxVariantsOptions, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbLinkVariantsOptions, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarDateRange, type CalendarMode, type CalendarProps, type CalendarState, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, type CheckboxVariantsOptions, CodeBlock, type CodeBlockProps, type CodeBlockVariantsOptions, Combobox, type ComboboxAlign, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputGroupVariantsOptions, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxPopup, type ComboboxPopupProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, type ComboboxSize, ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerSize, type ComboboxTriggerVariant, ComboboxValue, type ComboboxValueProps, ContextMenu, type ContextMenuAlign, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuGroup, ContextMenuGroupLabel, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, type ContextMenuItemVariant, ContextMenuLinkItem, type ContextMenuLinkItemProps, ContextMenuPopup, type ContextMenuPopupProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, type ContextMenuSide, ContextMenuSubmenuRoot, type ContextMenuSubmenuRootProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DatePicker, type DatePickerCalendarProps, type DatePickerPopupProps, type DatePickerProps, type DatePickerSize, type DatePickerVariant, type DatePickerVariantsOptions, DateRangePicker, type DateRangePickerCalendarProps, type DateRangePickerPopupProps, type DateRangePickerProps, type DateRangePickerSize, type DateRangePickerVariant, type DateRangePickerVariantsOptions, Dialog, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogPopup, type DialogPopupProps, type DialogPopupVariantsOptions, type DialogProps, type DialogScrollBehavior, type DialogSize, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerLabelPosition, type DividerOrientation, type DividerProps, type DividerVariant, type DividerVariantsOptions, Drawer, DrawerClose, type DrawerCloseProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundProps, type DrawerIndentProps, DrawerPopup, type DrawerPopupProps, type DrawerPopupVariantsOptions, type DrawerProps, DrawerProvider, type DrawerSide, type DrawerSize, DrawerSwipeArea, type DrawerSwipeAreaProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerVirtualKeyboardProvider, Field, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldLabelVariantsOptions, type FieldOrientation, type FieldProps, FieldValidity, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, FieldsetLegend, type FieldsetLegendProps, type FieldsetLegendVariant, type FieldsetProps, Form, type FormProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, type InputProps, type InputSize, type InputVariantsOptions, Menu, type MenuAlign, MenuCheckboxItem, type MenuCheckboxItemProps, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, type MenuHandle, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuItemVariantsOptions, MenuLinkItem, type MenuLinkItemProps, MenuPopup, type MenuPopupProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuSeparator, type MenuSeparatorProps, MenuShortcut, type MenuShortcutProps, type MenuSide, MenuSubmenuRoot, type MenuSubmenuRootProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerProps, Meter, type MeterIndicatorVariantsOptions, type MeterProps, type MeterSize, type MeterTrackVariantsOptions, type MeterVariant, Popover, type PopoverAlign, PopoverClose, type PopoverCloseProps, PopoverDescription, type PopoverDescriptionProps, type PopoverHandle, PopoverPopup, type PopoverPopupProps, type PopoverPopupVariantsOptions, type PopoverProps, type PopoverSide, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressIndicatorVariantsOptions, type ProgressProps, type ProgressSize, type ProgressTrackVariantsOptions, type ProgressVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, type RadioVariantsOptions, Select, type SelectAlign, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectPopup, type SelectPopupProps, type SelectProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, type SelectTriggerSize, type SelectTriggerVariant, type SelectTriggerVariantsOptions, SelectValue, type SelectValueProps, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonRenderState, type SkeletonVariant, type SkeletonVariantsOptions, Stepper, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, type StepperSize, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, type StepperTriggerVariantsOptions, Switch, type SwitchLabelPosition, type SwitchProps, type SwitchSize, type SwitchVariantsOptions, SystemState, type SystemStateBackground, type SystemStateProps, type SystemStateRenderState, type SystemStateScope, type SystemStateTitleLevel, type SystemStateVariant, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, type TableCaptionRenderState, type TableCaptionSide, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableContainerRenderState, type TableContainerVariant, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableLayout, type TableProps, type TableRenderState, TableRow, type TableRowProps, type TableRowRenderState, type TableSize, Tabs, type TabsIndicatorPosition, TabsList, type TabsListProps, type TabsListVariantsOptions, TabsPanel, type TabsPanelProps, type TabsProps, type TabsSize, TabsTab, type TabsTabProps, type TabsTabVariantsOptions, type TabsVariant, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, TimelineIndicator, type TimelineIndicatorAppearance, type TimelineIndicatorProps, type TimelineIndicatorVariant, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, type TimelineSeparatorVariant, type TimelineSize, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type ToastData, type ToastManager, type ToastObject, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastType, type ToastUpdateOptions, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, type TooltipAlign, type TooltipHandle, TooltipPopup, type TooltipPopupProps, type TooltipPopupVariantsOptions, type TooltipProps, TooltipProvider, type TooltipProviderProps, type TooltipSide, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, type TypographyVariant, type TypographyVariantsOptions, alertDialogPopupVariants, alertVariants, avatarVariants, badgeVariants, boxVariants, breadcrumbLinkVariants, buttonVariants, checkboxVariants, cn, codeBlockVariants, comboboxInputGroupVariants, createAlertDialogHandle, createDrawerHandle, createMenuHandle, createPopoverHandle, createToastManager, createTooltipHandle, datePickerVariants, dateRangePickerVariants, dialogPopupVariants, dividerVariants, drawerPopupVariants, fieldLabelVariants, inputVariants, menuItemVariants, meterIndicatorVariants, meterTrackVariants, popoverPopupVariants, progressIndicatorVariants, progressTrackVariants, radioVariants, selectTriggerVariants, skeletonVariants, stepperTriggerVariants, switchVariants, tabsListVariants, tabsTabVariants, toast, toggleVariants, tooltipPopupVariants, typographyVariants, useComboboxFilter, useComboboxFilteredItems, useFieldControl };
+export { AILoader, type AILoaderProps, type AILoaderRenderState, type AILoaderSize, type AILoaderState, type AILoaderTone, Accordion, type AccordionChevronPosition, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Alert, type AlertAppearance, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogPopup, type AlertDialogPopupProps, type AlertDialogPopupVariantsOptions, type AlertDialogProps, type AlertDialogScrollBehavior, type AlertDialogSize, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, type AlertVariant, type AlertVariantsOptions, Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarVariantsOptions, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, type BadgeVariantsOptions, Box, type BoxBackground, type BoxPadding, type BoxProps, type BoxRadius, type BoxShadow, type BoxVariantsOptions, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbLinkVariantsOptions, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, type ButtonVariantsOptions, Calendar, type CalendarDateRange, type CalendarMode, type CalendarProps, type CalendarState, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, type CheckboxVariantsOptions, CodeBlock, type CodeBlockProps, type CodeBlockVariantsOptions, Combobox, type ComboboxAlign, ComboboxChip, type ComboboxChipProps, ComboboxChipRemove, type ComboboxChipRemoveProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputGroupVariantsOptions, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxPopup, type ComboboxPopupProps, type ComboboxProps, ComboboxSeparator, type ComboboxSeparatorProps, type ComboboxSize, ComboboxTrigger, type ComboboxTriggerProps, type ComboboxTriggerSize, type ComboboxTriggerVariant, ComboboxValue, type ComboboxValueProps, ContextMenu, type ContextMenuAlign, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuGroup, ContextMenuGroupLabel, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, type ContextMenuItemVariant, ContextMenuLinkItem, type ContextMenuLinkItemProps, ContextMenuPopup, type ContextMenuPopupProps, type ContextMenuProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, type ContextMenuSide, ContextMenuSubmenuRoot, type ContextMenuSubmenuRootProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps, DatePicker, type DatePickerCalendarProps, type DatePickerPopupProps, type DatePickerProps, type DatePickerSize, type DatePickerVariant, type DatePickerVariantsOptions, DateRangePicker, type DateRangePickerCalendarProps, type DateRangePickerPopupProps, type DateRangePickerProps, type DateRangePickerSize, type DateRangePickerVariant, type DateRangePickerVariantsOptions, Dialog, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogPopup, type DialogPopupProps, type DialogPopupVariantsOptions, type DialogProps, type DialogScrollBehavior, type DialogSize, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerLabelPosition, type DividerOrientation, type DividerProps, type DividerVariant, type DividerVariantsOptions, Drawer, DrawerClose, type DrawerCloseProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerIndent, DrawerIndentBackground, type DrawerIndentBackgroundProps, type DrawerIndentProps, DrawerPopup, type DrawerPopupProps, type DrawerPopupVariantsOptions, type DrawerProps, DrawerProvider, type DrawerSide, type DrawerSize, DrawerSwipeArea, type DrawerSwipeAreaProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerVirtualKeyboardProvider, Field, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldLabelVariantsOptions, type FieldOrientation, type FieldProps, FieldValidity, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, FieldsetLegend, type FieldsetLegendProps, type FieldsetLegendVariant, type FieldsetProps, FileUpload, FileUploadDropzone, type FileUploadDropzoneProps, type FileUploadDropzoneVariantsOptions, type FileUploadHandle, FileUploadItem, type FileUploadItemProps, type FileUploadItemStatus, FileUploadList, type FileUploadListProps, type FileUploadProps, type FileUploadRejection, type FileUploadRejectionCode, type FileUploadRenderState, FileUploadTrigger, type FileUploadTriggerProps, Form, type FormProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, type InputGroupProps, type InputProps, type InputSize, type InputVariantsOptions, Menu, type MenuAlign, MenuCheckboxItem, type MenuCheckboxItemProps, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, type MenuHandle, MenuItem, type MenuItemProps, type MenuItemVariant, type MenuItemVariantsOptions, MenuLinkItem, type MenuLinkItemProps, MenuPopup, type MenuPopupProps, type MenuProps, MenuRadioGroup, type MenuRadioGroupProps, MenuRadioItem, type MenuRadioItemProps, MenuSeparator, type MenuSeparatorProps, MenuShortcut, type MenuShortcutProps, type MenuSide, MenuSubmenuRoot, type MenuSubmenuRootProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerProps, Meter, type MeterIndicatorVariantsOptions, type MeterProps, type MeterSize, type MeterTrackVariantsOptions, type MeterVariant, Popover, type PopoverAlign, PopoverClose, type PopoverCloseProps, PopoverDescription, type PopoverDescriptionProps, type PopoverHandle, PopoverPopup, type PopoverPopupProps, type PopoverPopupVariantsOptions, type PopoverProps, type PopoverSide, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressIndicatorVariantsOptions, type ProgressProps, type ProgressSize, type ProgressTrackVariantsOptions, type ProgressVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type RadioSize, type RadioVariantsOptions, Select, type SelectAlign, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, SelectPopup, type SelectPopupProps, type SelectProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, type SelectTriggerSize, type SelectTriggerVariant, type SelectTriggerVariantsOptions, SelectValue, type SelectValueProps, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonRenderState, type SkeletonVariant, type SkeletonVariantsOptions, Stepper, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StepperSeparator, type StepperSeparatorProps, type StepperSize, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, type StepperTriggerVariantsOptions, Switch, type SwitchLabelPosition, type SwitchProps, type SwitchSize, type SwitchVariantsOptions, SystemState, type SystemStateBackground, type SystemStateProps, type SystemStateRenderState, type SystemStateScope, type SystemStateTitleLevel, type SystemStateVariant, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, type TableCaptionRenderState, type TableCaptionSide, TableCell, type TableCellProps, TableContainer, type TableContainerProps, type TableContainerRenderState, type TableContainerVariant, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableLayout, type TableProps, type TableRenderState, TableRow, type TableRowProps, type TableRowRenderState, type TableSize, Tabs, type TabsIndicatorPosition, TabsList, type TabsListProps, type TabsListVariantsOptions, TabsPanel, type TabsPanelProps, type TabsProps, type TabsSize, TabsTab, type TabsTabProps, type TabsTabVariantsOptions, type TabsVariant, Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, TimelineIndicator, type TimelineIndicatorAppearance, type TimelineIndicatorProps, type TimelineIndicatorVariant, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineSeparator, type TimelineSeparatorProps, type TimelineSeparatorVariant, type TimelineSize, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type ToastData, type ToastManager, type ToastObject, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastType, type ToastUpdateOptions, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, type ToggleSize, type ToggleVariant, type ToggleVariantsOptions, Tooltip, type TooltipAlign, type TooltipHandle, TooltipPopup, type TooltipPopupProps, type TooltipPopupVariantsOptions, type TooltipProps, TooltipProvider, type TooltipProviderProps, type TooltipSide, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, type TypographyVariant, type TypographyVariantsOptions, alertDialogPopupVariants, alertVariants, avatarVariants, badgeVariants, boxVariants, breadcrumbLinkVariants, buttonVariants, checkboxVariants, cn, codeBlockVariants, comboboxInputGroupVariants, createAlertDialogHandle, createDrawerHandle, createMenuHandle, createPopoverHandle, createToastManager, createTooltipHandle, datePickerVariants, dateRangePickerVariants, dialogPopupVariants, dividerVariants, drawerPopupVariants, fieldLabelVariants, fileUploadDropzoneVariants, formatFileSize, inputVariants, menuItemVariants, meterIndicatorVariants, meterTrackVariants, popoverPopupVariants, progressIndicatorVariants, progressTrackVariants, radioVariants, selectTriggerVariants, skeletonVariants, stepperTriggerVariants, switchVariants, tabsListVariants, tabsTabVariants, toast, toggleVariants, tooltipPopupVariants, typographyVariants, useComboboxFilter, useComboboxFilteredItems, useFieldControl, useFileUpload };

package/dist/index.js

@@ -25,14 +25,15 @@ import { Divider, dividerVariants } from "./components/Divider/Divider.js";
 import { Drawer, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerIndent, DrawerIndentBackground, DrawerPopup, DrawerProvider, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerVirtualKeyboardProvider, createDrawerHandle, drawerPopupVariants } from "./components/Drawer/Drawer.js";
 import { Field, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, fieldLabelVariants } from "./components/Field/Field.js";
 import { Fieldset, FieldsetDescription, FieldsetLegend } from "./components/Fieldset/Fieldset.js";
+import { Progress, progressIndicatorVariants, progressTrackVariants } from "./components/Progress/Progress.js";
+import { SystemState } from "./components/SystemState/SystemState.js";
+import { FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadTrigger, fileUploadDropzoneVariants, formatFileSize, useFileUpload } from "./components/FileUpload/FileUpload.js";
 import { Form } from "./components/Form/Form.js";
 import { Meter, meterIndicatorVariants, meterTrackVariants } from "./components/Meter/Meter.js";
-import { Progress, progressIndicatorVariants, progressTrackVariants } from "./components/Progress/Progress.js";
 import { Radio, RadioGroup, radioVariants } from "./components/Radio/Radio.js";
 import { Skeleton, skeletonVariants } from "./components/Skeleton/Skeleton.js";
 import { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, stepperTriggerVariants } from "./components/Stepper/Stepper.js";
 import { Switch, switchVariants } from "./components/Switch/Switch.js";
-import { SystemState } from "./components/SystemState/SystemState.js";
 import { Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow } from "./components/Table/Table.js";
 import { Tabs, TabsList, TabsPanel, TabsTab, tabsListVariants, tabsTabVariants } from "./components/Tabs/Tabs.js";
 import { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTime, TimelineTitle } from "./components/Timeline/Timeline.js";
@@ -40,4 +41,4 @@ import { Toaster, createToastManager, toast } from "./components/Toast/Toast.js"
 import { Toggle, ToggleGroup, toggleVariants } from "./components/Toggle/Toggle.js";
 import { Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, createTooltipHandle, tooltipPopupVariants } from "./components/Tooltip/Tooltip.js";
 import { Typography, typographyVariants } from "./components/Typography/Typography.js";
-export { AILoader, Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Checkbox, CheckboxGroup, CodeBlock, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxLabel, ComboboxPopup, ComboboxSeparator, ComboboxTrigger, ComboboxValue, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuLinkItem, ContextMenuPopup, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger, ContextMenuTrigger, DatePicker, DateRangePicker, Dialog, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogTitle, DialogTrigger, Divider, Drawer, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerIndent, DrawerIndentBackground, DrawerPopup, DrawerProvider, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerVirtualKeyboardProvider, Field, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, Fieldset, FieldsetDescription, FieldsetLegend, Form, Input, InputGroup, InputGroupAddon, Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSubmenuRoot, MenuSubmenuTrigger, MenuTrigger, Meter, Popover, PopoverClose, PopoverDescription, PopoverPopup, PopoverTitle, PopoverTrigger, Progress, Radio, RadioGroup, Select, SelectGroup, SelectGroupLabel, SelectItem, SelectLabel, SelectPopup, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, SystemState, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTime, TimelineTitle, Toaster, Toggle, ToggleGroup, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, Typography, alertDialogPopupVariants, alertVariants, avatarVariants, badgeVariants, boxVariants, breadcrumbLinkVariants, buttonVariants, checkboxVariants, cn, codeBlockVariants, comboboxInputGroupVariants, createAlertDialogHandle, createDrawerHandle, createMenuHandle, createPopoverHandle, createToastManager, createTooltipHandle, datePickerVariants, dateRangePickerVariants, dialogPopupVariants, dividerVariants, drawerPopupVariants, fieldLabelVariants, inputVariants, menuItemVariants, meterIndicatorVariants, meterTrackVariants, popoverPopupVariants, progressIndicatorVariants, progressTrackVariants, radioVariants, selectTriggerVariants, skeletonVariants, stepperTriggerVariants, switchVariants, tabsListVariants, tabsTabVariants, toast, toggleVariants, tooltipPopupVariants, typographyVariants, useComboboxFilter, useComboboxFilteredItems, useFieldControl };
+export { AILoader, Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarImage, Badge, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Checkbox, CheckboxGroup, CodeBlock, Combobox, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxInputGroup, ComboboxItem, ComboboxLabel, ComboboxPopup, ComboboxSeparator, ComboboxTrigger, ComboboxValue, ContextMenu, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuLinkItem, ContextMenuPopup, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger, ContextMenuTrigger, DatePicker, DateRangePicker, Dialog, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogTitle, DialogTrigger, Divider, Drawer, DrawerClose, DrawerDescription, DrawerFooter, DrawerHeader, DrawerIndent, DrawerIndentBackground, DrawerPopup, DrawerProvider, DrawerSwipeArea, DrawerTitle, DrawerTrigger, DrawerVirtualKeyboardProvider, Field, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity, Fieldset, FieldsetDescription, FieldsetLegend, FileUpload, FileUploadDropzone, FileUploadItem, FileUploadList, FileUploadTrigger, Form, Input, InputGroup, InputGroupAddon, Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSubmenuRoot, MenuSubmenuTrigger, MenuTrigger, Meter, Popover, PopoverClose, PopoverDescription, PopoverPopup, PopoverTitle, PopoverTrigger, Progress, Radio, RadioGroup, Select, SelectGroup, SelectGroupLabel, SelectItem, SelectLabel, SelectPopup, SelectSeparator, SelectTrigger, SelectValue, Skeleton, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, Switch, SystemState, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTime, TimelineTitle, Toaster, Toggle, ToggleGroup, Tooltip, TooltipPopup, TooltipProvider, TooltipTrigger, Typography, alertDialogPopupVariants, alertVariants, avatarVariants, badgeVariants, boxVariants, breadcrumbLinkVariants, buttonVariants, checkboxVariants, cn, codeBlockVariants, comboboxInputGroupVariants, createAlertDialogHandle, createDrawerHandle, createMenuHandle, createPopoverHandle, createToastManager, createTooltipHandle, datePickerVariants, dateRangePickerVariants, dialogPopupVariants, dividerVariants, drawerPopupVariants, fieldLabelVariants, fileUploadDropzoneVariants, formatFileSize, inputVariants, menuItemVariants, meterIndicatorVariants, meterTrackVariants, popoverPopupVariants, progressIndicatorVariants, progressTrackVariants, radioVariants, selectTriggerVariants, skeletonVariants, stepperTriggerVariants, switchVariants, tabsListVariants, tabsTabVariants, toast, toggleVariants, tooltipPopupVariants, typographyVariants, useComboboxFilter, useComboboxFilteredItems, useFieldControl, useFileUpload };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcfusionz/arc-primitive-ui",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "ArcFusion primitive UI components",
   "license": "MIT",
   "type": "module",