ionbase-ui 0.51.0 → 0.59.0

package/dist/components/Combobox.js

@@ -0,0 +1,261 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from 'react';
+import { Overlay, usePopover, useComboBox, useListBox, useOption, useButton, useFilter, DismissButton, mergeProps, } from 'react-aria';
+import { useComboBoxState, Item } from 'react-stately';
+const ChevronDown = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+/* ------------------------------------------------------------------ option */
+function ComboboxOptionRow({ item, state, }) {
+    const ref = useRef(null);
+    const { optionProps, isSelected, isFocused, isDisabled } = useOption({ key: item.key }, state, ref);
+    const option = item.value;
+    return (_jsxs("li", { ...optionProps, ref: ref, className: [
+            'ion-combobox-menu__option',
+            isSelected ? 'ion-combobox-menu__option--selected' : '',
+            isFocused ? 'ion-combobox-menu__option--focused' : '',
+            isDisabled ? 'ion-combobox-menu__option--disabled' : '',
+        ]
+            .filter(Boolean)
+            .join(' '), "data-focused": isFocused || undefined, "data-selected": isSelected || undefined, "data-disabled": isDisabled || undefined, children: [_jsx("span", { className: "ion-combobox-menu__label", children: item.rendered }), option?.description && (_jsx("span", { className: "ion-combobox-menu__description", children: option.description }))] }));
+}
+/** Breathing room kept between the menu and the viewport edge, in px. */
+const GUTTER = 8;
+/**
+ * The listbox, in its own component because it is mounted only while open.
+ *
+ * Same split as Popover and Drawer, and for the same reason: `usePopover`
+ * positions against a ref in an effect that runs when the component CALLING it
+ * mounts. Called beside `useComboBoxState` in the parent, that is the moment
+ * the input mounts, and the panel is then positioned once, at the origin,
+ * before it exists.
+ */
+function ComboboxListBox({ state, listBoxRef, popoverRef, triggerRef, listBoxProps, emptyLabel, }) {
+    const { popoverProps } = usePopover({
+        triggerRef,
+        popoverRef,
+        placement: 'bottom start',
+        offset: 4,
+        /*
+         * Non-modal, unlike every other overlay in this system. A modal popover
+         * moves focus into itself and hides the rest of the page — correct for a
+         * dialog, fatal here, because the user is still typing in the input and
+         * focus must never leave it. The input keeps focus and drives the list
+         * through `aria-activedescendant`.
+         */
+        isNonModal: true,
+    }, state);
+    const { listBoxProps: innerListBoxProps } = useListBox({ ...listBoxProps, disallowEmptySelection: true }, state, listBoxRef);
+    /*
+     * The menu matches the field's width rather than hugging its content.
+     * `usePopover` sizes to the panel, and a list narrower or wider than the
+     * control it belongs to reads as a different element. Measured rather than
+     * assumed, because the field is fluid.
+     *
+     * READ DURING RENDER, NOT FROM A ResizeObserver — and this cost an afternoon.
+     *
+     * The first version kept the width in state and synced it from a
+     * ResizeObserver on the field. It measured correctly and closed the menu:
+     * every open flashed a listbox that was gone about a hundred milliseconds
+     * later, before any option could take virtual focus. Writing a width onto a
+     * positioned popover feeds back into `usePopover`'s own position pass, and
+     * its scroll handling closes the overlay. Bisecting the panel down to nothing
+     * was the only way to see it — the symptom looked like a keyboard bug.
+     *
+     * The panel mounts only while open, so the trigger is already laid out by the
+     * time this runs. One read, no state, no observer, nothing to feed back.
+     */
+    const rect = triggerRef.current?.getBoundingClientRect();
+    /*
+     * Clamped to what is actually to the right of the trigger. A field running
+     * the full bleed of the page sits flush to the viewport edge, and a menu that
+     * matched its width exactly would start at the field's left and end past the
+     * edge — a horizontal scrollbar, which `useCloseOnScroll` reads as a scroll
+     * and closes the menu on. The failure mode was a combobox that could not be
+     * opened at all, so the clamp trades a slightly narrow menu for one that
+     * exists.
+     */
+    const width = rect
+        ? Math.min(rect.width, document.documentElement.clientWidth - rect.left - GUTTER)
+        : undefined;
+    const isEmpty = state.collection.size === 0;
+    return (_jsx(Overlay, { children: _jsxs("div", { ...popoverProps, ref: popoverRef, className: "ion-combobox-menu", style: { ...popoverProps.style, width }, children: [_jsx(DismissButton, { onDismiss: () => state.close() }), _jsx("ul", { ...mergeProps(innerListBoxProps), ref: listBoxRef, className: "ion-combobox-menu__list", children: [...state.collection].map((item) => (_jsx(ComboboxOptionRow, { item: item, state: state }, item.key))) }), isEmpty && (_jsx("div", { className: "ion-combobox-menu__empty", role: "presentation", children: emptyLabel })), _jsx(DismissButton, { onDismiss: () => state.close() })] }) }));
+}
+/* ---------------------------------------------------------------- combobox */
+/**
+ * Combobox — a text field that filters a list, with one selected value.
+ *
+ * Drawn in Figma as `Combobox` (1370:2359) — three sizes by seven states, the
+ * same axes `Input` carries, because the field IS Input's box. The open list is
+ * a second Figma component, `Combobox Menu`, with no React export behind it.
+ *
+ * WHY THIS IS NOT `Select` WITH A SEARCH BOX
+ *
+ * `Select` wraps a native `<select>`, whose list the browser owns: it cannot be
+ * filtered, and its rows can only hold text. Everything above about twenty
+ * options needs filtering, and `Select`'s own contract has pointed at "a
+ * combobox — not yet in this system" since it was written. This is it.
+ *
+ * The cost is that everything the native control gave away for free — keyboard
+ * handling, the mobile picker, screen-reader semantics — now has to be built.
+ * React Aria's `useComboBox` builds it: `role="combobox"` with `aria-expanded`,
+ * `aria-controls` and `aria-activedescendant`, arrow keys that move a virtual
+ * focus while the real focus stays in the input, and Escape that reverts.
+ *
+ * FILTERING IS LOCALE-AWARE, NOT `toLowerCase().includes()`
+ *
+ * `useFilter({ sensitivity: 'base' })` is `Intl.Collator` underneath, so
+ * "resume" matches "résumé" and Turkish dotted/dotless I behave the way a
+ * Turkish reader expects. The lowercase-and-includes version fails both, and
+ * fails them silently in exactly the locales least likely to be tested.
+ */
+export function Combobox({ options, label, description, errorMessage, isInvalid, isDisabled, isReadOnly, size = 'md', placeholder, selectedKey, defaultSelectedKey, onSelectionChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, menuTrigger = 'input', emptyLabel = 'No matches', buttonLabel = 'Show suggestions', name, className, wrapperClassName, id, }) {
+    const { contains } = useFilter({ sensitivity: 'base' });
+    /*
+     * The description is searchable, but it is NOT part of `textValue`.
+     *
+     * That distinction cost a test to find. `textValue` does double duty in
+     * react-stately: it is what the filter reads AND what the input is set to
+     * once an option is chosen. Folding the description into it made "Australia"
+     * searchable by "Oceania" and then wrote `Australia Oceania` into the field.
+     *
+     * So `textValue` stays the label, and the filter is widened instead —
+     * keyed by label, which is what a Node carries back to it.
+     */
+    const searchable = useMemo(() => {
+        const map = new Map();
+        for (const o of options) {
+            map.set(o.label, [o.label, o.description].filter(Boolean).join(' '));
+        }
+        return map;
+    }, [options]);
+    /*
+     * Filtering is done HERE, not handed to react-stately's `defaultFilter`.
+     *
+     * `defaultFilter` is only consulted for an UNCONTROLLED collection — one
+     * passed as `defaultItems`. Passed as `items`, as it is here, react-stately
+     * takes the list as final and the filter is silently ignored: no error, no
+     * warning, and a combobox that lists every option no matter what is typed.
+     * Three tests failed on it before the cause was obvious.
+     *
+     * `items` is the right half of that trade anyway. `defaultItems` snapshots
+     * the list on first render, so a caller whose options arrive from a fetch
+     * would get an empty combobox forever.
+     */
+    const [typed, setTyped] = useState(defaultInputValue ?? '');
+    const text = inputValue ?? typed;
+    const filtered = useMemo(() => {
+        if (!text)
+            return options;
+        /*
+         * An exact label match shows the WHOLE list, which looks like a bug and is
+         * the opposite. Selecting an option writes its label into the input, and a
+         * filter applied to that would narrow the list to the one row already
+         * chosen — so reopening it to change your mind would offer nothing else.
+         */
+        if (options.some((o) => o.label === text))
+            return options;
+        return options.filter((o) => contains(searchable.get(o.label) ?? o.label, text));
+    }, [contains, options, searchable, text]);
+    const disabledKeys = useMemo(() => options.filter((o) => o.isDisabled).map((o) => o.value), [options]);
+    const state = useComboBoxState({
+        label: typeof label === 'string' ? label : undefined,
+        items: filtered,
+        children: (item) => (_jsx(Item, { textValue: item.label, children: item.label }, item.value)),
+        disabledKeys,
+        menuTrigger,
+        /*
+         * The list stays mounted with nothing in it so the empty message can be
+         * shown. Left off, react-aria closes the popover the moment the filter
+         * matches nothing, and the user sees the list vanish with no explanation.
+         */
+        allowsEmptyCollection: true,
+        allowsCustomValue,
+        isDisabled,
+        isReadOnly,
+        selectedKey,
+        defaultSelectedKey,
+        onSelectionChange: onSelectionChange
+            ? (key) => onSelectionChange(key === null ? null : String(key))
+            : undefined,
+        inputValue,
+        defaultInputValue,
+        onInputChange: (value) => {
+            setTyped(value);
+            onInputChange?.(value);
+        },
+    });
+    const inputRef = useRef(null);
+    const listBoxRef = useRef(null);
+    const popoverRef = useRef(null);
+    const buttonRef = useRef(null);
+    const boxRef = useRef(null);
+    const { buttonProps: triggerProps, inputProps, listBoxProps, labelProps, descriptionProps, errorMessageProps, } = useComboBox({
+        /*
+         * `id` goes to useComboBox, not to useComboBoxState. The state owns the
+         * collection; the hook owns the DOM wiring — the input's id, the label's
+         * htmlFor, and the aria-controls that points at the listbox. Setting it
+         * on the state is accepted by neither and silently does nothing.
+         */
+        id,
+        label: typeof label === 'string' ? label : undefined,
+        placeholder,
+        isDisabled,
+        isReadOnly,
+        isInvalid,
+        inputRef,
+        listBoxRef,
+        popoverRef,
+        buttonRef,
+    }, state);
+    const { buttonProps } = useButton({
+        ...triggerProps,
+        'aria-label': buttonLabel,
+    }, buttonRef);
+    const helper = isInvalid && errorMessage ? errorMessage : description;
+    const boxClassNames = [
+        'ion-input',
+        'ion-combobox',
+        size !== 'md' ? `ion-input--${size}` : '',
+        isInvalid ? 'ion-input--invalid' : '',
+        isDisabled ? 'ion-input--disabled' : '',
+        className || '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("div", { className: [
+            'ion-field',
+            isInvalid ? 'ion-field--error' : '',
+            wrapperClassName || '',
+        ]
+            .filter(Boolean)
+            .join(' '), children: [label && (_jsx("label", { ...labelProps, className: "ion-field__label", children: label })), _jsxs("div", { ref: boxRef, className: boxClassNames, "data-open": state.isOpen || undefined, "data-invalid": isInvalid || undefined, "data-disabled": isDisabled || undefined, children: [_jsx("input", { ...inputProps, ref: inputRef, className: "ion-input__field" }), name && (_jsx("input", { type: "hidden", name: name, value: state.selectedKey == null ? '' : String(state.selectedKey) })), _jsx("button", { ...buttonProps, "aria-labelledby": undefined, "aria-label": buttonLabel, 
+                        /*
+                         * The press must not move focus to the button.
+                         *
+                         * `useComboBox` closes the list the moment focus leaves the input, so
+                         * a disclosure button that takes focus opens the list and closes it
+                         * again within the same gesture. A test caught exactly that: the
+                         * listbox was found and was gone by the next assertion. Chromium
+                         * focuses a button on mousedown, so this is not hypothetical.
+                         *
+                         * `preventDefault` on mousedown is what stops that — and the caret
+                         * goes to the field instead, which is where someone pressing a
+                         * chevron to browse a list wants to type next anyway.
+                         */
+                        onMouseDown: (e) => {
+                            e.preventDefault();
+                            inputRef.current?.focus();
+                        }, ref: buttonRef, type: "button", 
+                        /*
+                         * Out of the tab order on purpose, and this is the ARIA pattern
+                         * rather than an oversight. The input already reaches the list with
+                         * ArrowDown, so a tab stop on the disclosure button would make every
+                         * combobox in a form cost two tabs to pass and offer nothing the
+                         * input does not.
+                         */
+                        tabIndex: -1, className: "ion-combobox__button", children: _jsx(ChevronDown, {}) })] }), state.isOpen && (_jsx(ComboboxListBox, { state: state, listBoxRef: listBoxRef, popoverRef: popoverRef, triggerRef: boxRef, listBoxProps: listBoxProps, emptyLabel: emptyLabel })), helper && (_jsx("span", { ...(isInvalid && errorMessage
+                    ? errorMessageProps
+                    : descriptionProps), className: "ion-field__helper", children: helper }))] }));
+}
+Combobox.displayName = 'Combobox';
+//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/components/Drawer.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import type { AriaModalOverlayProps } from 'react-aria';
+export type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';
+export type DrawerSize = 'sm' | 'md' | 'lg';
+export interface DrawerProps extends AriaModalOverlayProps {
+    /** Whether the drawer is shown. */
+    isOpen?: boolean;
+    /** Called with the next open state — `false` when the drawer asks to close. */
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Which edge it enters from. `start` and `end` follow writing direction, so
+     * a right-hand drawer in English is a left-hand one in Arabic without a
+     * second variant.
+     */
+    placement?: DrawerPlacement;
+    size?: DrawerSize;
+    /** Required: the dialog's accessible name, wired via `aria-labelledby`. */
+    title: React.ReactNode;
+    /** Supporting copy under the title. */
+    description?: React.ReactNode;
+    /** Action row, pinned to the bottom edge. */
+    footer?: React.ReactNode;
+    showClose?: boolean;
+    closeLabel?: string;
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Drawer — a modal panel anchored to an edge.
+ *
+ * WHY IT IS A MODAL AND NOT A SIDEBAR
+ *
+ * It takes focus, traps it, closes on Escape and on an outside click, and marks
+ * the rest of the page inert — all of `Modal`'s behaviour, differing only in
+ * where the panel sits and how it enters. A persistent side panel that does not
+ * do those things is layout, not a drawer, and belongs in the page rather than
+ * in an overlay.
+ *
+ * WHEN TO REACH FOR MODAL INSTEAD
+ *
+ * A drawer suits work that is long or list-shaped — filters, a record's detail,
+ * a sequence of settings — because an edge panel can be tall without becoming a
+ * square that fights the viewport. A decision, especially a destructive one,
+ * belongs in a Modal: it is centred, it is smaller, and it does not invite
+ * scrolling past the thing being confirmed.
+ *
+ * RENDERS NOTHING WHEN CLOSED, and portals when open, for the reasons recorded
+ * on Modal: a closed overlay left in the tree is still keyboard-focusable, and
+ * an inline one inherits whatever `overflow` and stacking context surrounds it.
+ */
+export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,qBAAqB;IACxD,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2EAA2E;IAC3E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkGD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM,oFAUjB,CAAC"}

package/dist/components/Drawer.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle } from 'react';
+import { Overlay, useModalOverlay, useDialog, useButton, mergeProps, } from 'react-aria';
+import { useOverlayTriggerState } from 'react-stately';
+const CloseGlyph = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "M6 6l12 12M18 6L6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
+/**
+ * The panel. Mounted only while open, which is what makes the hooks work.
+ *
+ * `useDialog` resolves the title id and moves focus in effects keyed on the
+ * panel ref — effects that run when the component CALLING them mounts. Called
+ * beside `useOverlayTriggerState` in `Drawer` below, that moment would be when
+ * the trigger mounts, with this panel not yet in the DOM: no `aria-labelledby`,
+ * and focus never entering the drawer, so Escape never reaches the key handler.
+ * Silent in every case. AGENTS.md records the same split for Modal and Popover.
+ */
+function DrawerDialog(props, forwardedRef) {
+    const { state, placement = 'end', size = 'md', title, description, footer, showClose = true, closeLabel = 'Close drawer', children, className, } = props;
+    const panelRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => panelRef.current);
+    const { modalProps, underlayProps } = useModalOverlay(props, state, panelRef);
+    const { dialogProps, titleProps } = useDialog({ role: 'dialog' }, panelRef);
+    const closeRef = useRef(null);
+    const { buttonProps } = useButton({ onPress: () => state.close(), 'aria-label': closeLabel }, closeRef);
+    const panelClassNames = [
+        'ion-drawer',
+        `ion-drawer--${placement}`,
+        `ion-drawer--${size}`,
+        className || '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx("div", { ...underlayProps, className: "ion-drawer__scrim", children: _jsxs("div", { ...mergeProps(modalProps, dialogProps), ref: panelRef, className: panelClassNames, children: [_jsxs("div", { className: "ion-drawer__header", children: [_jsxs("div", { className: "ion-drawer__heading", children: [_jsx("h2", { ...titleProps, className: "ion-drawer__title", children: title }), description && (_jsx("p", { className: "ion-drawer__description", children: description }))] }), showClose && (_jsx("button", { ...buttonProps, ref: closeRef, type: "button", className: "ion-drawer__close", children: _jsx(CloseGlyph, {}) }))] }), children && _jsx("div", { className: "ion-drawer__body", children: children }), footer && _jsx("div", { className: "ion-drawer__footer", children: footer })] }) }));
+}
+const DrawerDialogWithRef = forwardRef(DrawerDialog);
+/**
+ * Drawer — a modal panel anchored to an edge.
+ *
+ * WHY IT IS A MODAL AND NOT A SIDEBAR
+ *
+ * It takes focus, traps it, closes on Escape and on an outside click, and marks
+ * the rest of the page inert — all of `Modal`'s behaviour, differing only in
+ * where the panel sits and how it enters. A persistent side panel that does not
+ * do those things is layout, not a drawer, and belongs in the page rather than
+ * in an overlay.
+ *
+ * WHEN TO REACH FOR MODAL INSTEAD
+ *
+ * A drawer suits work that is long or list-shaped — filters, a record's detail,
+ * a sequence of settings — because an edge panel can be tall without becoming a
+ * square that fights the viewport. A decision, especially a destructive one,
+ * belongs in a Modal: it is centred, it is smaller, and it does not invite
+ * scrolling past the thing being confirmed.
+ *
+ * RENDERS NOTHING WHEN CLOSED, and portals when open, for the reasons recorded
+ * on Modal: a closed overlay left in the tree is still keyboard-focusable, and
+ * an inline one inherits whatever `overflow` and stacking context surrounds it.
+ */
+export const Drawer = forwardRef((props, ref) => {
+    const state = useOverlayTriggerState(props);
+    if (!state.isOpen)
+        return null;
+    return (_jsx(Overlay, { children: _jsx(DrawerDialogWithRef, { ...props, state: state, ref: ref }) }));
+});
+Drawer.displayName = 'Drawer';
+//# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../src/components/Drawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileUpload.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+export type FileUploadSize = 'sm' | 'md';
+/** A file the control refused, and the reason, so the caller can say so. */
+export interface RejectedFile {
+    file: File;
+    reason: 'type' | 'size' | 'count';
+    message: string;
+}
+export interface FileUploadProps {
+    /** Field label. Also the accessible name of the file input. */
+    label?: React.ReactNode;
+    /** Helper text below the control. */
+    description?: React.ReactNode;
+    /** Replaces the helper text when `isInvalid` is set. */
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    /** Matches the Figma `Size` variant when drawn. Height of the drop target. */
+    size?: FileUploadSize;
+    /** Native `accept` — a comma-separated list of extensions or MIME types. */
+    accept?: string;
+    /** Allow more than one file. */
+    multiple?: boolean;
+    /** Reject anything larger, in bytes. */
+    maxSize?: number;
+    /** Reject once this many files are held. Only meaningful with `multiple`. */
+    maxFiles?: number;
+    /**
+     * The files held. Pass it to control the list; omit and the component keeps
+     * its own. A controlled list is the usual case, because the caller is the
+     * only thing that knows which uploads have since succeeded or failed.
+     */
+    files?: readonly File[];
+    /** Fires with the full list after every add or remove, never with a delta. */
+    onChange?: (files: File[]) => void;
+    /** Fires with anything refused by `accept`, `maxSize` or `maxFiles`. */
+    onReject?: (rejected: RejectedFile[]) => void;
+    /** Call-to-action inside the drop target. */
+    prompt?: React.ReactNode;
+    /** Second line inside the drop target — the constraints, in words. */
+    hint?: React.ReactNode;
+    /** Accessible label for each file's remove button. Receives the file name. */
+    removeLabel?: (name: string) => string;
+    className?: string;
+    wrapperClassName?: string;
+    id?: string;
+    name?: string;
+}
+/**
+ * FileUpload — a drop target wrapped around a real `<input type="file">`.
+ *
+ * Drawn in Figma as `File Upload` (1367:2333) — two sizes by five states. The
+ * measurements came from `Input` and `EmptyState` rather than being invented:
+ * the border, radius and disabled treatment are Input's; the centred
+ * icon-over-text stack is EmptyState's. Figma draws the drop zone alone, the
+ * same split `Input` makes against `Form Field`.
+ *
+ * THE INPUT IS THE CONTROL. THE DROP ZONE IS DECORATION.
+ *
+ * The usual build of this component is a `<div>` with drag handlers and a
+ * click that calls `input.click()`. That version cannot be reached by keyboard,
+ * has no accessible name, does not participate in a form, and does not work in
+ * any environment without a pointer — which includes switch access, voice
+ * control and most screen-reader browse modes.
+ *
+ * Here the file input is a real, focusable, labelled control that is visually
+ * hidden but NOT `display: none` — it keeps its place in the tab order and its
+ * label. Drag-and-drop is layered on top as an enhancement, and every path it
+ * offers is also reachable without it. That ordering is the whole component.
+ *
+ * VALIDATION IS ADVISORY, NOT SECURITY. `accept` and `maxSize` are checked here
+ * so the user finds out immediately instead of after an upload. A server that
+ * trusts either one is trusting a value the client chose.
+ */
+export declare function FileUpload({ label, description, errorMessage, isInvalid, isDisabled: isDisabledProp, size, accept, multiple, maxSize, maxFiles, files: controlledFiles, onChange, onReject, prompt, hint, removeLabel, className, wrapperClassName, id: providedId, name: inputName, }: FileUploadProps): React.JSX.Element;
+export declare namespace FileUpload {
+    var displayName: string;
+}
+//# sourceMappingURL=FileUpload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../src/components/FileUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,4EAA4E;AAC5E,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAClC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wDAAwD;IACxD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACxB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC9C,6CAA6C;IAC7C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAmED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EAAE,cAAc,EAC1B,IAAW,EACX,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,WAAwC,EACxC,SAAS,EACT,gBAAgB,EAChB,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,SAAS,GAChB,EAAE,eAAe,qBAuPjB;yBA5Qe,UAAU"}