thread-ui 0.16.5 → 0.17.0

package/dist/components/data-input/dropdowns/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,OAAO,GAAG,CAAK,KAAe,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAEzE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAA0B,EACjD,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACU,EAAE,EAAE,CAAC,CACvB,KAAC,YAAY,OACR,KAAK,EACT,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EACvD,YAAY,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAC5E,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAC9C,CACF,CAAC"}

package/dist/components/data-input/dropdowns/dropdown/dropdown.types.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from '../../shared/input-props.types';
+import { DropdownSharedProps, DropdownValue } from '../dropdown-base/dropdown-base.types';
+/** Props for the single-select `Dropdown`. */
+export type DropdownProps<T extends DropdownValue = DropdownValue> = InputProps<T | null, T | null> & DropdownSharedProps<T>;

package/dist/components/data-input/dropdowns/dropdown/dropdown.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.types.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/dropdown/dropdown.types.ts"],"names":[],"mappings":""}

package/dist/components/data-input/dropdowns/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/dropdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.d.ts

@@ -0,0 +1,42 @@
+import { DropdownBaseProps, DropdownValue } from './dropdown-base.types';
+export declare const styles: {
+    interior: string;
+    fieldTrigger: string;
+    triggerLabel: import("../../../../styled-system/types").RecipeRuntimeFn<{
+        placeholder: {
+            true: {
+                opacity: "0.6";
+            };
+        };
+    }>;
+    popover: string;
+    listHeader: string;
+    option: import("../../../../styled-system/types").RecipeRuntimeFn<{
+        isSelected: {
+            true: {
+                backgroundColor: "active";
+            };
+        };
+        isActive: {
+            true: {
+                boxShadow: "inset 0 0 0 2px {colors.info.main}";
+            };
+        };
+        disabled: {
+            true: {
+                opacity: "0.5";
+                cursor: "not-allowed";
+            };
+        };
+    }>;
+    srOnly: string;
+};
+/**
+ * Shared engine for `Dropdown` and `MultiDropdown`: trigger, listbox, keyboard navigation,
+ * and a hidden native `select` for form submission and validation. Label and error slot come from `InputWrapper`.
+ * Selection is always an array; wrappers map it to their own value shape.
+ *
+ * @example
+ * <DropdownBase name="tags" title="Tags" options={options} value={tags} onChange={setTags} multiple />
+ */
+export declare const DropdownBase: <T extends DropdownValue>({ name, id: idProp, title, required, placeholder, size, disabled, divider, error, options, variant, color, icon, showLabel, value, defaultValue, onChange, multiple, }: DropdownBaseProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.js

@@ -0,0 +1,233 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { InputWrapper } from '../../shared/input-wrapper';
+import { useFieldError } from '../../shared/use-field-error';
+import { useInputId } from '../../shared/use-input-id';
+import { baseInputStyles, inputIconSizes } from '../../shared/styles';
+import { Icon, IconButton } from '../../../../components/ui';
+import { css, cva, cx } from '../../../../styled-system/css';
+import { useDismiss } from '../../../../hooks';
+import { getUtilityIconSize } from '../../../../utils';
+import { OptionalIconButton, useControllableState } from '../../../../internal';
+export const styles = {
+    interior: css({
+        width: '100%',
+        position: 'relative',
+        color: 'text.standard',
+        // The `button` variant renders a library `Button`, so its invalid state is styled from here
+        '& > button[aria-invalid=true]': {
+            boxShadow: '0 0 0 2px {colors.error.main}',
+        },
+    }),
+    fieldTrigger: css({
+        display: 'flex',
+        alignItems: 'center',
+        gap: '2',
+        textAlign: 'start',
+        cursor: 'pointer',
+    }),
+    triggerLabel: cva({
+        base: {
+            flex: '1',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        },
+        variants: {
+            placeholder: {
+                true: { opacity: '0.6' },
+            },
+        },
+    }),
+    popover: css({
+        backgroundColor: 'overlay',
+        position: 'absolute',
+        width: 'fit-content',
+        minWidth: '75%',
+        borderRadius: 'md',
+        marginTop: '3',
+        boxShadow: 'lg',
+        zIndex: 'overlay',
+        maxHeight: '60',
+        overflow: 'auto',
+    }),
+    listHeader: css({
+        paddingX: '3',
+        paddingY: '1',
+        display: 'flex',
+    }),
+    option: cva({
+        base: {
+            cursor: 'pointer',
+            paddingX: '4',
+            paddingY: '2',
+            display: 'flex',
+            alignItems: 'center',
+            gap: '2',
+            _hover: { backgroundColor: 'hover' },
+        },
+        variants: {
+            isSelected: {
+                true: { backgroundColor: 'active' },
+            },
+            // Keyboard highlight; a ring so it stays visible on selected options
+            isActive: {
+                true: { boxShadow: 'inset 0 0 0 2px {colors.info.main}' },
+            },
+            disabled: {
+                true: { opacity: '0.5', cursor: 'not-allowed' },
+            },
+        },
+    }),
+    srOnly: css({ srOnly: true }),
+};
+/**
+ * Shared engine for `Dropdown` and `MultiDropdown`: trigger, listbox, keyboard navigation,
+ * and a hidden native `select` for form submission and validation. Label and error slot come from `InputWrapper`.
+ * Selection is always an array; wrappers map it to their own value shape.
+ *
+ * @example
+ * <DropdownBase name="tags" title="Tags" options={options} value={tags} onChange={setTags} multiple />
+ */
+export const DropdownBase = ({ name, id: idProp, title, required, placeholder, size = 'md', disabled, divider, error, options, variant = 'field', color = 'neutral', icon, showLabel = true, value, defaultValue, onChange, multiple = false, }) => {
+    const id = useInputId(idProp, name);
+    const containerRef = useRef(null);
+    const triggerRef = useRef(null);
+    const selectRef = useRef(null);
+    const [selected, setSelected] = useControllableState({
+        value,
+        defaultValue: defaultValue ?? [],
+        onChange,
+        elementRef: selectRef,
+    });
+    const { ref, message, validationProps, ariaProps } = useFieldError({
+        id,
+        error,
+        value: selected.join(),
+        elementRef: selectRef,
+        focusRef: triggerRef,
+    });
+    const [isOpen, setIsOpen] = useState(false);
+    // Highlighted option for keyboard navigation; `-1` when none
+    const [activeIndex, setActiveIndex] = useState(-1);
+    const listId = `${id}-listbox`;
+    const optionId = (index) => `${id}-option-${index}`;
+    const close = () => {
+        setIsOpen(false);
+        setActiveIndex(-1);
+    };
+    useDismiss({ elementRef: containerRef, isOpen, onClose: close, dismissOnBlur: true });
+    // Keep the highlighted option in view while navigating
+    useEffect(() => {
+        if (isOpen && activeIndex >= 0) {
+            document.getElementById(optionId(activeIndex))?.scrollIntoView({ block: 'nearest' });
+        }
+    }, [isOpen, activeIndex]);
+    // Next enabled option from `from` in direction `dir`; stays put when there is none
+    const stepFrom = (from, dir) => {
+        const start = from === -1 && dir === -1 ? options.length : from;
+        for (let i = start + dir; i >= 0 && i < options.length; i += dir) {
+            if (!options[i].disabled)
+                return i;
+        }
+        return from;
+    };
+    // Open from the keyboard, highlighting the current selection or the first/last enabled option
+    const openFromKeyboard = (dir) => {
+        const selectedIndex = options.findIndex((option) => selected.includes(option.value));
+        setIsOpen(true);
+        setActiveIndex(selectedIndex >= 0 ? selectedIndex : stepFrom(-1, dir));
+    };
+    const selectOption = (option) => {
+        if (option.disabled)
+            return;
+        if (multiple) {
+            setSelected(selected.includes(option.value)
+                ? selected.filter((v) => v !== option.value)
+                : [...selected, option.value]);
+            return;
+        }
+        setSelected([option.value]);
+        close();
+    };
+    const handleKeyDown = (e) => {
+        switch (e.key) {
+            case 'ArrowDown':
+            case 'ArrowUp': {
+                e.preventDefault();
+                const dir = e.key === 'ArrowDown' ? 1 : -1;
+                if (!isOpen) {
+                    openFromKeyboard(dir);
+                }
+                else {
+                    setActiveIndex((i) => stepFrom(i, dir));
+                }
+                break;
+            }
+            case 'Home':
+            case 'End': {
+                if (!isOpen)
+                    return;
+                e.preventDefault();
+                setActiveIndex(stepFrom(-1, e.key === 'Home' ? 1 : -1));
+                break;
+            }
+            case 'Enter':
+            case ' ': {
+                // Handled here instead of the native click so an open list selects rather than toggles
+                e.preventDefault();
+                if (!isOpen) {
+                    openFromKeyboard(1);
+                }
+                else if (options[activeIndex]) {
+                    selectOption(options[activeIndex]);
+                }
+                else {
+                    close();
+                }
+                break;
+            }
+        }
+    };
+    // Space fires the native click on keyup; block it so it can't re-toggle after `handleKeyDown`
+    const handleKeyUp = (e) => {
+        if (e.key === ' ')
+            e.preventDefault();
+    };
+    const selectedOptions = options.filter((option) => selected.includes(option.value));
+    const isPlaceholder = selectedOptions.length === 0;
+    const triggerLabel = isPlaceholder
+        ? (placeholder ?? (!showLabel && title ? title : 'Select...'))
+        : multiple
+            ? `${title ?? 'Selected'} (${selectedOptions.length})`
+            : selectedOptions[0].label;
+    const triggerProps = {
+        ref: triggerRef,
+        id,
+        type: 'button',
+        role: 'combobox',
+        disabled,
+        'aria-expanded': isOpen,
+        'aria-haspopup': 'listbox',
+        'aria-controls': isOpen ? listId : undefined,
+        'aria-activedescendant': isOpen && activeIndex >= 0 ? optionId(activeIndex) : undefined,
+        ...ariaProps,
+        onClick: () => (isOpen ? close() : setIsOpen(true)),
+        onKeyDown: handleKeyDown,
+        onKeyUp: handleKeyUp,
+    };
+    return (_jsx(InputWrapper, { id: id, title: title, size: size, divider: divider, hideLabel: !showLabel, error: message, children: _jsxs("div", { ref: containerRef, className: styles.interior, children: [variant === 'field' ? (_jsxs("button", { ...triggerProps, className: cx(baseInputStyles({ size }), styles.fieldTrigger), children: [icon && _jsx(Icon, { name: icon, size: inputIconSizes[size] }), _jsx("span", { className: styles.triggerLabel({ placeholder: isPlaceholder }), children: triggerLabel }), _jsx(Icon, { name: isOpen ? 'CaretUp' : 'CaretDown', size: inputIconSizes[size] })] })) : (_jsxs(OptionalIconButton, { ...triggerProps, size: size, color: color, name: icon, children: [triggerLabel, _jsx(Icon, { name: isOpen ? 'CaretUp' : 'CaretDown', size: getUtilityIconSize(size) })] })), isOpen && (
+                // Block mousedown so focus stays on the trigger for `aria-activedescendant` and blur dismissal
+                _jsxs("div", { className: styles.popover, onMouseDown: (e) => e.preventDefault(), children: [multiple && selected.length > 0 && (_jsx("div", { className: styles.listHeader, children: _jsx(IconButton, { ariaLabel: "Clear selection", onClick: () => setSelected([]), color: "text", name: "X", text: true, size: "sm", children: "Clear" }) })), _jsx("ul", { id: listId, role: "listbox", "aria-multiselectable": multiple || undefined, "aria-labelledby": title ? `${id}-label` : undefined, children: options.map((option, index) => {
+                                const isSelected = selected.includes(option.value);
+                                return (_jsxs("li", { id: optionId(index), role: "option", "aria-selected": isSelected, "aria-disabled": option.disabled || undefined, className: styles.option({
+                                        isSelected,
+                                        isActive: index === activeIndex,
+                                        disabled: !!option.disabled,
+                                    }), onClick: () => selectOption(option), children: [multiple && (_jsx(Icon, { name: isSelected ? 'CheckSquare' : 'Square', size: 12 })), option.label] }, option.value));
+                            }) })] })), _jsxs("select", { ref: ref, ...validationProps, name: name, required: required, disabled: disabled, multiple: multiple, value: multiple ? selected.map(String) : String(selected[0] ?? ''), 
+                    // Driven by the custom list; the handler only satisfies React's controlled-field check
+                    onChange: () => { }, tabIndex: -1, "aria-hidden": true, className: styles.srOnly, children: [!multiple && _jsx("option", { value: "" }), options.map((option) => (_jsx("option", { value: String(option.value), disabled: option.disabled, children: option.label }, option.value)))] })] }) }));
+};
+//# sourceMappingURL=dropdown-base.js.map

package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.js.map

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

package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.types.d.ts

@@ -0,0 +1,36 @@
+import { ButtonProps, IconNames } from '../../../../components/ui';
+import { BaseInputProps } from '../../shared/input-props.types';
+/** Values a dropdown option can hold. */
+export type DropdownValue = string | number;
+/** A single option in the dropdown list. */
+export type DropdownOption<T extends DropdownValue = DropdownValue> = {
+    /** Display text shown in the list */
+    label: string;
+    /** Value passed to `onChange` when this option is chosen */
+    value: T;
+    /** Block selecting this option */
+    disabled?: boolean;
+};
+/** Props shared by `Dropdown` and `MultiDropdown` on top of the base input props. */
+export type DropdownSharedProps<T extends DropdownValue> = {
+    options: DropdownOption<T>[];
+    /** Trigger style: a form `field` or a `button` @default `field` */
+    variant?: 'field' | 'button';
+    /** Trigger color; applies to the `button` variant only @default `neutral` */
+    color?: ButtonProps['color'];
+    /** Icon rendered at the start of the trigger */
+    icon?: IconNames;
+    /** Show the `title` label above the trigger; when `false` it stays available to screen readers @default `true` */
+    showLabel?: boolean;
+};
+/** Internal props for `DropdownBase`; values are always arrays so single and multi share one path. */
+export type DropdownBaseProps<T extends DropdownValue> = BaseInputProps & DropdownSharedProps<T> & {
+    /** Controlled selection */
+    value?: T[];
+    /** Initial selection for uncontrolled use */
+    defaultValue?: T[];
+    /** Called with the full next selection */
+    onChange?: (value: T[]) => void | Promise<void>;
+    /** Allow several selections and keep the list open on select @default `false` */
+    multiple?: boolean;
+};

package/dist/components/data-input/dropdowns/dropdown-base/dropdown-base.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-base.types.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/dropdown-base/dropdown-base.types.ts"],"names":[],"mappings":""}

package/dist/components/data-input/dropdowns/dropdown-base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/dropdown-base/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/data-input/dropdowns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-input/dropdowns/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC"}

package/dist/components/data-input/dropdowns/multi-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/multi-dropdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.d.ts

@@ -0,0 +1,19 @@
+import { MultiDropdownProps } from './multi-dropdown.types';
+import { DropdownValue } from '../dropdown-base/dropdown-base.types';
+/**
+ * Multi-select dropdown that stays open on selection, shows a selected count on the trigger,
+ * and offers a clear action. Controlled when `value` is passed, uncontrolled otherwise.
+ *
+ * @example
+ * <MultiDropdown
+ *   name="course"
+ *   title="Course"
+ *   options={[{ label: 'Main', value: 'main' }, { label: 'Dessert', value: 'dessert' }]}
+ *   value={selected}
+ *   onChange={setSelected}
+ * />
+ *
+ * @example
+ * <MultiDropdown name="course" title="Course" options={options} variant="button" icon="Funnel" showLabel={false} />
+ */
+export declare const MultiDropdown: <T extends DropdownValue>(props: MultiDropdownProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DropdownBase } from '../dropdown-base/dropdown-base';
+/**
+ * Multi-select dropdown that stays open on selection, shows a selected count on the trigger,
+ * and offers a clear action. Controlled when `value` is passed, uncontrolled otherwise.
+ *
+ * @example
+ * <MultiDropdown
+ *   name="course"
+ *   title="Course"
+ *   options={[{ label: 'Main', value: 'main' }, { label: 'Dessert', value: 'dessert' }]}
+ *   value={selected}
+ *   onChange={setSelected}
+ * />
+ *
+ * @example
+ * <MultiDropdown name="course" title="Course" options={options} variant="button" icon="Funnel" showLabel={false} />
+ */
+export const MultiDropdown = (props) => (_jsx(DropdownBase, { ...props, multiple: true }));
+//# sourceMappingURL=multi-dropdown.js.map

package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/multi-dropdown/multi-dropdown.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAA0B,KAA4B,EAAE,EAAE,CAAC,CACvF,KAAC,YAAY,OAAK,KAAK,EAAE,QAAQ,SAAG,CACpC,CAAC"}

package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.types.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from '../../shared/input-props.types';
+import { DropdownSharedProps, DropdownValue } from '../dropdown-base/dropdown-base.types';
+/** Props for `MultiDropdown`. */
+export type MultiDropdownProps<T extends DropdownValue = DropdownValue> = InputProps<T[], T[]> & DropdownSharedProps<T>;

package/dist/components/data-input/dropdowns/multi-dropdown/multi-dropdown.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-dropdown.types.js","sourceRoot":"","sources":["../../../../../src/components/data-input/dropdowns/multi-dropdown/multi-dropdown.types.ts"],"names":[],"mappings":""}

package/dist/components/data-input/file-upload/components/dropzone.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Drag-and-drop target with a browse button and supported-formats notes for `FileUpload`.
+ * The browse button is the focus target when validation fails and carries the error ARIA wiring.
+ *
+ * @example
+ * {!isFull && <Dropzone />}
+ */
+export declare const Dropzone: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-input/file-upload/components/dropzone.js

@@ -0,0 +1,117 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { Button, Icon } from '../../../../components/ui';
+import { useFileUploadContext } from '../file-upload-context';
+import { cva } from '../../../../styled-system/css';
+import { Text } from '../../../../components/typography';
+const styles = {
+    dropzone: cva({
+        base: {
+            borderWidth: 'lg',
+            borderStyle: 'dashed',
+            mx: 'auto',
+            rounded: 'lg',
+            display: 'flex',
+            alignItems: 'center',
+            borderColor: 'structure.default',
+            backgroundColor: 'inset',
+            width: '100%',
+        },
+        variants: {
+            size: {
+                sm: { flexDirection: 'row', gap: '3', p: '2', textAlign: 'start', fontSize: 'xs' },
+                md: { flexDirection: 'row', gap: '4', p: '4', textAlign: 'start' },
+                lg: { flexDirection: 'column', gap: '2', p: '6', textAlign: 'center' },
+            },
+            isDragging: {
+                true: { borderColor: 'info.main' },
+            },
+            disabled: {
+                true: { opacity: '0.5', cursor: 'not-allowed' },
+            },
+        },
+        defaultVariants: {
+            size: 'md',
+        },
+    }),
+    // Column items align with the dropzone's text direction so the button doesn't stretch
+    contents: cva({
+        base: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '0.5',
+        },
+        variants: {
+            size: {
+                sm: { alignItems: 'flex-start' },
+                md: { alignItems: 'flex-start' },
+                lg: { alignItems: 'center' },
+            },
+        },
+        defaultVariants: {
+            size: 'md',
+        },
+    }),
+    // Drag prompt is hidden in `sm` to keep the compact layout to the button and notes
+    dragText: cva({
+        variants: {
+            size: {
+                sm: { display: 'none' },
+                md: {},
+                lg: {},
+            },
+        },
+        defaultVariants: {
+            size: 'md',
+        },
+    }),
+};
+// Sized to roughly match the text block beside it so row layouts center evenly
+const iconSizes = {
+    sm: 24,
+    md: 32,
+    lg: 48,
+};
+/**
+ * Drag-and-drop target with a browse button and supported-formats notes for `FileUpload`.
+ * The browse button is the focus target when validation fails and carries the error ARIA wiring.
+ *
+ * @example
+ * {!isFull && <Dropzone />}
+ */
+export const Dropzone = () => {
+    const { size, disabled, maxFiles, formatsText, browseRef, browseAriaProps, addFiles, openPicker, } = useFileUploadContext();
+    const [isDragging, setIsDragging] = useState(false);
+    // Counts nested `dragenter`/`dragleave` pairs so moving over children doesn't flicker the highlight
+    const dragDepth = useRef(0);
+    const plural = maxFiles !== 1;
+    const handleDragEnter = (e) => {
+        e.preventDefault();
+        if (disabled)
+            return;
+        dragDepth.current++;
+        setIsDragging(true);
+    };
+    const handleDragOver = (e) => {
+        // Required for the element to accept a drop
+        e.preventDefault();
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        dragDepth.current = Math.max(0, dragDepth.current - 1);
+        if (dragDepth.current === 0)
+            setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        dragDepth.current = 0;
+        setIsDragging(false);
+        if (!disabled)
+            addFiles(e.dataTransfer.files);
+    };
+    return (_jsxs("div", { className: styles.dropzone({ size, isDragging, disabled: !!disabled }), onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [_jsx(Icon, { name: "UploadSimple", size: iconSizes[size], color: "gray" }), _jsxs("div", { className: styles.contents({ size }), children: [_jsx("span", { className: styles.dragText({ size }), children: _jsxs(Text, { size: size == 'lg' ? 'md' : size, marginBottom: false, children: [plural
+                                    ? 'Drag and Drop Your Files Here'
+                                    : 'Drag and Drop Your File Here', ' '] }) }), _jsx(Button, { ref: browseRef, text: true, size: size == 'lg' ? 'md' : size, onClick: openPicker, disabled: disabled, ...browseAriaProps, color: "info", children: plural ? 'Select Files' : 'Select a File' }), formatsText && (_jsx(Text, { marginBottom: false, color: "text-secondary", size: "xxs", children: formatsText }))] })] }));
+};
+//# sourceMappingURL=dropzone.js.map

package/dist/components/data-input/file-upload/components/dropzone.js.map

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

package/dist/components/data-input/file-upload/components/file-item.d.ts

@@ -0,0 +1,14 @@
+import { FileUploadItem } from '../file-upload.types';
+/** Props for `FileItem`. */
+type FileItemProps = {
+    item: FileUploadItem;
+};
+/**
+ * Row in the `FileUpload` list: preview, remove, and, for new files, an inline editor for the name
+ * (and alt text for images). Editor fields have no `name`, so they never submit with the form.
+ *
+ * @example
+ * {items.map((item) => <FileItem key={getKey(item)} item={item} />)}
+ */
+export declare const FileItem: ({ item }: FileItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};