@panneau/fields 5.0.0-alpha.2 → 5.0.0-alpha.20

package/dist/upload/FilePicker.js

@@ -0,0 +1,130 @@
+import { cx } from "../shared/cx.js";
+import { messages } from "../shared/messages.js";
+import FilePicker_module_default from "./FilePicker.module.js";
+import { c } from "react/compiler-runtime";
+import { Button, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
+import { DropZone, FileTrigger } from "react-aria-components";
+//#region src/upload/FilePicker.tsx
+async function readDrop(items) {
+	return (await Promise.all(items.map((item) => item.kind === "file" ? item.getFile() : Promise.resolve(null)))).filter((file) => file !== null);
+}
+/** A button that opens the file dialog, in a zone where files can be dropped. */
+function FilePicker(t0) {
+	const $ = c(34);
+	const { onSelect, accept, multiple: t1, isDisabled: t2, label, className } = t0;
+	const multiple = t1 === void 0 ? false : t1;
+	const isDisabled = t2 === void 0 ? false : t2;
+	const intl = usePanneauIntl();
+	let t3;
+	if ($[0] !== className) {
+		t3 = cx(FilePicker_module_default.zone, className);
+		$[0] = className;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== intl) {
+		t4 = intl.formatMessage(messages.dropZone);
+		$[2] = intl;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== multiple || $[5] !== onSelect) {
+		t5 = (event) => {
+			readDrop(event.items).then((files) => {
+				if (files.length > 0) onSelect(multiple ? files : files.slice(0, 1));
+			});
+		};
+		$[4] = multiple;
+		$[5] = onSelect;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== accept) {
+		t6 = accept !== null && accept !== void 0 && accept.length > 0 ? { acceptedFileTypes: accept } : {};
+		$[7] = accept;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== onSelect) {
+		t7 = (list) => {
+			const files_0 = list === null ? [] : [...list];
+			if (files_0.length > 0) onSelect(files_0);
+		};
+		$[9] = onSelect;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== intl || $[12] !== label || $[13] !== multiple) {
+		t8 = label ?? intl.formatMessage(multiple ? messages.chooseFiles : messages.chooseFile);
+		$[11] = intl;
+		$[12] = label;
+		$[13] = multiple;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== isDisabled || $[16] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Button, {
+			size: "sm",
+			appearance: "outline",
+			icon: Upload,
+			isDisabled,
+			children: t8
+		});
+		$[15] = isDisabled;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== multiple || $[19] !== t6 || $[20] !== t7 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx(FileTrigger, {
+			...t6,
+			allowsMultiple: multiple,
+			onSelect: t7,
+			children: t9
+		});
+		$[18] = multiple;
+		$[19] = t6;
+		$[20] = t7;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== intl) {
+		t11 = intl.formatMessage(messages.dropHere);
+		$[23] = intl;
+		$[24] = t11;
+	} else t11 = $[24];
+	let t12;
+	if ($[25] !== t11) {
+		t12 = /* @__PURE__ */ jsx("span", {
+			className: FilePicker_module_default.hint,
+			children: t11
+		});
+		$[25] = t11;
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== isDisabled || $[28] !== t10 || $[29] !== t12 || $[30] !== t3 || $[31] !== t4 || $[32] !== t5) {
+		t13 = /* @__PURE__ */ jsxs(DropZone, {
+			className: t3,
+			"aria-label": t4,
+			isDisabled,
+			onDrop: t5,
+			children: [t10, t12]
+		});
+		$[27] = isDisabled;
+		$[28] = t10;
+		$[29] = t12;
+		$[30] = t3;
+		$[31] = t4;
+		$[32] = t5;
+		$[33] = t13;
+	} else t13 = $[33];
+	return t13;
+}
+//#endregion
+export { FilePicker };
+
+//# sourceMappingURL=FilePicker.js.map

package/dist/upload/FilePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.js","names":["Upload","DropItem","DropZone","FileTrigger","Button","usePanneauIntl","cx","messages","styles","FilePickerProps","onSelect","files","File","accept","multiple","isDisabled","label","className","readDrop","items","Promise","all","map","item","kind","getFile","resolve","filter","file","FilePicker","t0","$","_c","t1","t2","undefined","intl","t3","zone","t4","formatMessage","dropZone","t5","event","then","length","slice","t6","acceptedFileTypes","t7","list","files_0","t8","chooseFiles","chooseFile","t9","t10","t11","dropHere","t12","hint","t13","_c","styles"],"sources":["../../src/upload/FilePicker.tsx"],"sourcesContent":["import { Upload } from 'lucide-react';\nimport { type DropItem, DropZone, FileTrigger } from 'react-aria-components';\n\nimport { Button, usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { messages } from '../shared/messages';\nimport styles from './FilePicker.module.css';\n\nexport interface FilePickerProps {\n    /** Called with the files chosen or dropped. */\n    onSelect: (files: File[]) => void;\n    /** Accepted MIME types, which the file dialog offers. */\n    accept?: readonly string[] | null;\n    multiple?: boolean;\n    isDisabled?: boolean;\n    /** Text of the button. Defaults to \"Choose a file\", or \"Choose files\" with `multiple`. */\n    label?: string;\n    className?: string;\n}\n\nasync function readDrop(items: DropItem[]): Promise<File[]> {\n    const files = await Promise.all(\n        items.map((item) => (item.kind === 'file' ? item.getFile() : Promise.resolve(null))),\n    );\n    return files.filter((file): file is File => file !== null);\n}\n\n/** A button that opens the file dialog, in a zone where files can be dropped. */\nexport function FilePicker({\n    onSelect,\n    accept,\n    multiple = false,\n    isDisabled = false,\n    label,\n    className,\n}: FilePickerProps) {\n    const intl = usePanneauIntl();\n    return (\n        <DropZone\n            className={cx(styles.zone, className)}\n            aria-label={intl.formatMessage(messages.dropZone)}\n            isDisabled={isDisabled}\n            onDrop={(event) => {\n                void readDrop(event.items).then((files) => {\n                    if (files.length > 0) {\n                        onSelect(multiple ? files : files.slice(0, 1));\n                    }\n                });\n            }}\n        >\n            <FileTrigger\n                {...(accept !== null && accept !== undefined && accept.length > 0\n                    ? { acceptedFileTypes: accept }\n                    : {})}\n                allowsMultiple={multiple}\n                onSelect={(list) => {\n                    const files = list === null ? [] : [...list];\n                    if (files.length > 0) {\n                        onSelect(files);\n                    }\n                }}\n            >\n                <Button size=\"sm\" appearance=\"outline\" icon={Upload} isDisabled={isDisabled}>\n                    {label ??\n                        intl.formatMessage(multiple ? messages.chooseFiles : messages.chooseFile)}\n                </Button>\n            </FileTrigger>\n            <span className={styles.hint}>{intl.formatMessage(messages.dropHere)}</span>\n        </DropZone>\n    );\n}\n"],"mappings":"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"}

package/dist/upload/FilePicker.module.js

@@ -0,0 +1,12 @@
+import "./FilePicker.css";
+//#region src/upload/FilePicker.module.css
+var zone = "panneau-file-picker-zone";
+var hint = "panneau-file-picker-hint";
+var FilePicker_module_default = {
+	zone,
+	hint
+};
+//#endregion
+export { FilePicker_module_default as default, hint, zone };
+
+//# sourceMappingURL=FilePicker.module.js.map

package/dist/upload/FilePicker.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.module.js","names":[],"sources":["../../src/upload/FilePicker.module.css"],"sourcesContent":[".zone {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    padding: var(--panneau-space-3);\n    border: var(--panneau-border-width) dashed var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-md);\n}\n\n.zone[data-drop-target] {\n    background-color: var(--panneau-color-accent-subtle);\n    border-color: var(--panneau-color-accent);\n}\n\n.zone[data-focus-visible] {\n    outline: 2px solid var(--panneau-color-focus);\n    outline-offset: 2px;\n}\n\n.hint {\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n}\n"],"mappings":""}

package/dist/upload/UploadList.css

@@ -0,0 +1,93 @@
+.panneau-upload-list-list {
+    display: grid;
+    gap: var(--panneau-space-2);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.panneau-upload-list-item {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+    gap: var(--panneau-space-1) var(--panneau-space-2);
+    padding: var(--panneau-space-2) var(--panneau-space-3);
+    background-color: var(--panneau-color-surface-sunken);
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+    border-radius: var(--panneau-radius-md);
+}
+
+.panneau-upload-list-failed {
+    border-color: var(--panneau-color-danger-border);
+}
+
+.panneau-upload-list-name {
+    overflow: hidden;
+    font-size: var(--panneau-font-size-sm);
+    font-weight: var(--panneau-font-weight-medium);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.panneau-upload-list-buttons {
+    display: flex;
+    gap: var(--panneau-space-1);
+}
+
+.panneau-upload-list-progress {
+    grid-column: 1 / -1;
+    display: grid;
+    gap: var(--panneau-space-1);
+}
+
+.panneau-upload-list-status {
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-upload-list-error {
+    grid-column: 1 / -1;
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-danger);
+}
+
+.panneau-upload-list-track {
+    height: 0.375rem;
+    overflow: hidden;
+    background: var(--panneau-color-surface);
+    border-radius: var(--panneau-radius-full);
+}
+
+.panneau-upload-list-fill {
+    display: block;
+    height: 100%;
+    background: var(--panneau-color-accent);
+    border-radius: inherit;
+    transition: width var(--panneau-duration) ease-out;
+}
+
+.panneau-upload-list-indeterminate .panneau-upload-list-fill {
+    width: 30%;
+    animation: panneau-upload-list-slide 1.2s ease-in-out infinite;
+}
+
+@keyframes panneau-upload-list-slide {
+    from {
+        transform: translateX(-100%);
+    }
+    to {
+        transform: translateX(340%);
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .panneau-upload-list-fill {
+        transition: none;
+    }
+
+    .panneau-upload-list-indeterminate .panneau-upload-list-fill {
+        width: 100%;
+        animation: none;
+        opacity: 0.5;
+    }
+}

package/dist/upload/UploadList.d.ts

@@ -0,0 +1,18 @@
+import type { UploadItem } from './types.js';
+export interface UploadListProps {
+    /** The files being uploaded, from `useUploads()`. */
+    items: readonly UploadItem[];
+    onPause?: (id: string) => void;
+    onResume?: (id: string) => void;
+    onCancel?: (id: string) => void;
+    onRetry?: (id: string) => void;
+    /** Accessible name of the list. Defaults to "Uploads". */
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * The files being uploaded: a progress bar for each, and buttons to pause and resume a file sent
+ * in parts, to cancel it, and to retry it when it failed. Renders nothing without files.
+ */
+export declare function UploadList({ items, onPause, onResume, onCancel, onRetry, 'aria-label': ariaLabel, className, }: UploadListProps): import("react").JSX.Element | null;
+//# sourceMappingURL=UploadList.d.ts.map

package/dist/upload/UploadList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadList.d.ts","sourceRoot":"","sources":["../../src/upload/UploadList.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC5B,qDAAqD;IACrD,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,SAAS,EACvB,SAAS,GACZ,EAAE,eAAe,sCAsGjB"}

package/dist/upload/UploadList.js

@@ -0,0 +1,144 @@
+import { cx } from "../shared/cx.js";
+import { messages } from "../shared/messages.js";
+import UploadList_module_default from "./UploadList.module.js";
+import { formatSize } from "./files.js";
+import { c } from "react/compiler-runtime";
+import { IconButton, usePanneauIntl } from "@panneau/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Pause, Play, RotateCcw, X } from "lucide-react";
+import { ProgressBar } from "react-aria-components";
+//#region src/upload/UploadList.tsx
+/**
+* The files being uploaded: a progress bar for each, and buttons to pause and resume a file sent
+* in parts, to cancel it, and to retry it when it failed. Renders nothing without files.
+*/
+function UploadList(t0) {
+	const $ = c(22);
+	const { items, onPause, onResume, onCancel, onRetry, "aria-label": ariaLabel, className } = t0;
+	const intl = usePanneauIntl();
+	if (items.length === 0) return null;
+	let t1;
+	if ($[0] !== className) {
+		t1 = cx(UploadList_module_default.list, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== ariaLabel || $[3] !== intl) {
+		t2 = ariaLabel ?? intl.formatMessage(messages.uploads);
+		$[2] = ariaLabel;
+		$[3] = intl;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== intl || $[6] !== items || $[7] !== onCancel || $[8] !== onPause || $[9] !== onResume || $[10] !== onRetry) {
+		let t4;
+		if ($[12] !== intl || $[13] !== onCancel || $[14] !== onPause || $[15] !== onResume || $[16] !== onRetry) {
+			t4 = (item) => {
+				const { name } = item;
+				const failed = item.status === "failed";
+				const indeterminate = item.progress === null || item.status === "completing";
+				const status = {
+					uploading: intl.formatMessage(messages.uploading),
+					paused: intl.formatMessage(messages.uploadPaused),
+					completing: intl.formatMessage(messages.uploadCompleting),
+					failed: intl.formatMessage(messages.uploadFailed, { error: item.error ?? "" })
+				}[item.status];
+				const percent = item.progress === null ? null : Math.round(item.progress * 100);
+				return /* @__PURE__ */ jsxs("li", {
+					className: cx(UploadList_module_default.item, failed && UploadList_module_default.failed),
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: UploadList_module_default.name,
+							children: [name, item.size !== null ? ` · ${formatSize(item.size, intl.locale)}` : null]
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: UploadList_module_default.buttons,
+							children: [
+								item.canPause && item.status === "uploading" && onPause ? /* @__PURE__ */ jsx(IconButton, {
+									icon: Pause,
+									size: "sm",
+									label: intl.formatMessage(messages.pauseUpload, { name }),
+									onPress: () => onPause(item.id)
+								}) : null,
+								item.status === "paused" && onResume ? /* @__PURE__ */ jsx(IconButton, {
+									icon: Play,
+									size: "sm",
+									label: intl.formatMessage(messages.resumeUpload, { name }),
+									onPress: () => onResume(item.id)
+								}) : null,
+								failed && onRetry ? /* @__PURE__ */ jsx(IconButton, {
+									icon: RotateCcw,
+									size: "sm",
+									label: intl.formatMessage(messages.retryUpload, { name }),
+									onPress: () => onRetry(item.id)
+								}) : null,
+								item.status !== "completing" && onCancel ? /* @__PURE__ */ jsx(IconButton, {
+									icon: X,
+									size: "sm",
+									label: intl.formatMessage(messages.cancelUpload, { name }),
+									onPress: () => onCancel(item.id)
+								}) : null
+							]
+						}),
+						failed ? /* @__PURE__ */ jsx("span", {
+							className: UploadList_module_default.error,
+							role: "alert",
+							children: status
+						}) : /* @__PURE__ */ jsx(ProgressBar, {
+							"aria-label": name,
+							className: cx(UploadList_module_default.progress, indeterminate && UploadList_module_default.indeterminate),
+							value: percent ?? 0,
+							isIndeterminate: indeterminate,
+							valueLabel: item.progress !== null && !indeterminate ? `${status} · ${intl.formatNumber(item.progress, { style: "percent" })}` : status,
+							children: (t5) => {
+								const { valueText } = t5;
+								return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+									className: UploadList_module_default.status,
+									children: valueText
+								}), /* @__PURE__ */ jsx("span", {
+									className: UploadList_module_default.track,
+									children: /* @__PURE__ */ jsx("span", {
+										className: UploadList_module_default.fill,
+										style: indeterminate ? void 0 : { width: `${String(percent ?? 0)}%` }
+									})
+								})] });
+							}
+						})
+					]
+				}, item.id);
+			};
+			$[12] = intl;
+			$[13] = onCancel;
+			$[14] = onPause;
+			$[15] = onResume;
+			$[16] = onRetry;
+			$[17] = t4;
+		} else t4 = $[17];
+		t3 = items.map(t4);
+		$[5] = intl;
+		$[6] = items;
+		$[7] = onCancel;
+		$[8] = onPause;
+		$[9] = onResume;
+		$[10] = onRetry;
+		$[11] = t3;
+	} else t3 = $[11];
+	let t4;
+	if ($[18] !== t1 || $[19] !== t2 || $[20] !== t3) {
+		t4 = /* @__PURE__ */ jsx("ul", {
+			className: t1,
+			"aria-label": t2,
+			children: t3
+		});
+		$[18] = t1;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = t4;
+	} else t4 = $[21];
+	return t4;
+}
+//#endregion
+export { UploadList };
+
+//# sourceMappingURL=UploadList.js.map

package/dist/upload/UploadList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadList.js","names":["Pause","Play","RotateCcw","X","ProgressBar","IconButton","usePanneauIntl","cx","messages","styles","formatSize","UploadItem","UploadListProps","items","onPause","id","onResume","onCancel","onRetry","className","UploadList","t0","$","_c","ariaLabel","intl","length","t1","list","t2","formatMessage","uploads","t3","t4","item","name","failed","status","indeterminate","progress","uploading","paused","uploadPaused","completing","uploadCompleting","uploadFailed","error","percent","Math","round","size","locale","buttons","canPause","pauseUpload","resumeUpload","retryUpload","cancelUpload","formatNumber","style","t5","valueText","track","fill","undefined","width","String","map","_c","styles","_Fragment"],"sources":["../../src/upload/UploadList.tsx"],"sourcesContent":["import { Pause, Play, RotateCcw, X } from 'lucide-react';\nimport { ProgressBar } from 'react-aria-components';\n\nimport { IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { messages } from '../shared/messages';\nimport styles from './UploadList.module.css';\nimport { formatSize } from './files';\nimport type { UploadItem } from './types';\n\nexport interface UploadListProps {\n    /** The files being uploaded, from `useUploads()`. */\n    items: readonly UploadItem[];\n    onPause?: (id: string) => void;\n    onResume?: (id: string) => void;\n    onCancel?: (id: string) => void;\n    onRetry?: (id: string) => void;\n    /** Accessible name of the list. Defaults to \"Uploads\". */\n    'aria-label'?: string;\n    className?: string;\n}\n\n/**\n * The files being uploaded: a progress bar for each, and buttons to pause and resume a file sent\n * in parts, to cancel it, and to retry it when it failed. Renders nothing without files.\n */\nexport function UploadList({\n    items,\n    onPause,\n    onResume,\n    onCancel,\n    onRetry,\n    'aria-label': ariaLabel,\n    className,\n}: UploadListProps) {\n    const intl = usePanneauIntl();\n    if (items.length === 0) {\n        return null;\n    }\n    return (\n        <ul\n            className={cx(styles.list, className)}\n            aria-label={ariaLabel ?? intl.formatMessage(messages.uploads)}\n        >\n            {items.map((item) => {\n                const { name } = item;\n                const failed = item.status === 'failed';\n                const indeterminate = item.progress === null || item.status === 'completing';\n                const status = {\n                    uploading: intl.formatMessage(messages.uploading),\n                    paused: intl.formatMessage(messages.uploadPaused),\n                    completing: intl.formatMessage(messages.uploadCompleting),\n                    failed: intl.formatMessage(messages.uploadFailed, { error: item.error ?? '' }),\n                }[item.status];\n                const percent = item.progress === null ? null : Math.round(item.progress * 100);\n                return (\n                    <li key={item.id} className={cx(styles.item, failed && styles.failed)}>\n                        <span className={styles.name}>\n                            {name}\n                            {item.size !== null ? ` · ${formatSize(item.size, intl.locale)}` : null}\n                        </span>\n                        <span className={styles.buttons}>\n                            {item.canPause && item.status === 'uploading' && onPause ? (\n                                <IconButton\n                                    icon={Pause}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.pauseUpload, { name })}\n                                    onPress={() => onPause(item.id)}\n                                />\n                            ) : null}\n                            {item.status === 'paused' && onResume ? (\n                                <IconButton\n                                    icon={Play}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.resumeUpload, { name })}\n                                    onPress={() => onResume(item.id)}\n                                />\n                            ) : null}\n                            {failed && onRetry ? (\n                                <IconButton\n                                    icon={RotateCcw}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.retryUpload, { name })}\n                                    onPress={() => onRetry(item.id)}\n                                />\n                            ) : null}\n                            {item.status !== 'completing' && onCancel ? (\n                                <IconButton\n                                    icon={X}\n                                    size=\"sm\"\n                                    label={intl.formatMessage(messages.cancelUpload, { name })}\n                                    onPress={() => onCancel(item.id)}\n                                />\n                            ) : null}\n                        </span>\n                        {failed ? (\n                            <span className={styles.error} role=\"alert\">\n                                {status}\n                            </span>\n                        ) : (\n                            <ProgressBar\n                                aria-label={name}\n                                className={cx(\n                                    styles.progress,\n                                    indeterminate && styles.indeterminate,\n                                )}\n                                value={percent ?? 0}\n                                isIndeterminate={indeterminate}\n                                valueLabel={\n                                    item.progress !== null && !indeterminate\n                                        ? `${status} · ${intl.formatNumber(item.progress, { style: 'percent' })}`\n                                        : status\n                                }\n                            >\n                                {({ valueText }) => (\n                                    <>\n                                        <span className={styles.status}>{valueText}</span>\n                                        <span className={styles.track}>\n                                            <span\n                                                className={styles.fill}\n                                                style={\n                                                    indeterminate\n                                                        ? undefined\n                                                        : { width: `${String(percent ?? 0)}%` }\n                                                }\n                                            />\n                                        </span>\n                                    </>\n                                )}\n                            </ProgressBar>\n                        )}\n                    </li>\n                );\n            })}\n        </ul>\n    );\n}\n"],"mappings":"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"}

package/dist/upload/UploadList.module.js

@@ -0,0 +1,32 @@
+import "./UploadList.css";
+//#region src/upload/UploadList.module.css
+var list = "panneau-upload-list-list";
+var item = "panneau-upload-list-item";
+var failed = "panneau-upload-list-failed";
+var name = "panneau-upload-list-name";
+var buttons = "panneau-upload-list-buttons";
+var progress = "panneau-upload-list-progress";
+var status = "panneau-upload-list-status";
+var error = "panneau-upload-list-error";
+var track = "panneau-upload-list-track";
+var fill = "panneau-upload-list-fill";
+var indeterminate = "panneau-upload-list-indeterminate";
+var slide = "panneau-upload-list-slide";
+var UploadList_module_default = {
+	list,
+	item,
+	failed,
+	name,
+	buttons,
+	progress,
+	status,
+	error,
+	track,
+	fill,
+	indeterminate,
+	slide
+};
+//#endregion
+export { buttons, UploadList_module_default as default, error, failed, fill, indeterminate, item, list, name, progress, slide, status, track };
+
+//# sourceMappingURL=UploadList.module.js.map

package/dist/upload/UploadList.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadList.module.js","names":[],"sources":["../../src/upload/UploadList.module.css"],"sourcesContent":[".list {\n    display: grid;\n    gap: var(--panneau-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.item {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--panneau-space-1) var(--panneau-space-2);\n    padding: var(--panneau-space-2) var(--panneau-space-3);\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-md);\n}\n\n.failed {\n    border-color: var(--panneau-color-danger-border);\n}\n\n.name {\n    overflow: hidden;\n    font-size: var(--panneau-font-size-sm);\n    font-weight: var(--panneau-font-weight-medium);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.buttons {\n    display: flex;\n    gap: var(--panneau-space-1);\n}\n\n.progress {\n    grid-column: 1 / -1;\n    display: grid;\n    gap: var(--panneau-space-1);\n}\n\n.status {\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n}\n\n.error {\n    grid-column: 1 / -1;\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-danger);\n}\n\n.track {\n    height: 0.375rem;\n    overflow: hidden;\n    background: var(--panneau-color-surface);\n    border-radius: var(--panneau-radius-full);\n}\n\n.fill {\n    display: block;\n    height: 100%;\n    background: var(--panneau-color-accent);\n    border-radius: inherit;\n    transition: width var(--panneau-duration) ease-out;\n}\n\n.indeterminate .fill {\n    width: 30%;\n    animation: slide 1.2s ease-in-out infinite;\n}\n\n@keyframes slide {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(340%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .fill {\n        transition: none;\n    }\n\n    .indeterminate .fill {\n        width: 100%;\n        animation: none;\n        opacity: 0.5;\n    }\n}\n"],"mappings":""}

package/dist/upload/files.d.ts

@@ -0,0 +1,5 @@
+/** Whether a MIME type matches one of the patterns of an `accept` rule (`image/*`, `application/pdf`). */
+export declare function matchesMime(mime: string, patterns: readonly string[]): boolean;
+/** A size in bytes, for people: `1.5 MB`. Uses the locale's number format. */
+export declare function formatSize(bytes: number, locale?: string): string;
+//# sourceMappingURL=files.d.ts.map

package/dist/upload/files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/upload/files.ts"],"names":[],"mappings":"AAAA,0GAA0G;AAC1G,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAI9E;AAID,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAWjE"}

package/dist/upload/files.js

@@ -0,0 +1,26 @@
+//#region src/upload/files.ts
+/** Whether a MIME type matches one of the patterns of an `accept` rule (`image/*`, `application/pdf`). */
+function matchesMime(mime, patterns) {
+	return patterns.some((pattern) => pattern.endsWith("/*") ? mime.startsWith(pattern.slice(0, -1)) : mime === pattern);
+}
+var UNITS = [
+	"B",
+	"KB",
+	"MB",
+	"GB",
+	"TB"
+];
+/** A size in bytes, for people: `1.5 MB`. Uses the locale's number format. */
+function formatSize(bytes, locale) {
+	let value = bytes;
+	let unit = 0;
+	while (value >= 1024 && unit < UNITS.length - 1) {
+		value /= 1024;
+		unit += 1;
+	}
+	return `${new Intl.NumberFormat(locale, { maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1 }).format(value)} ${UNITS[unit] ?? "B"}`;
+}
+//#endregion
+export { formatSize, matchesMime };
+
+//# sourceMappingURL=files.js.map

package/dist/upload/files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.js","names":["matchesMime","mime","patterns","some","pattern","endsWith","startsWith","slice","UNITS","const","formatSize","bytes","locale","value","unit","length","number","Intl","NumberFormat","maximumFractionDigits","format"],"sources":["../../src/upload/files.ts"],"sourcesContent":["/** Whether a MIME type matches one of the patterns of an `accept` rule (`image/*`, `application/pdf`). */\nexport function matchesMime(mime: string, patterns: readonly string[]): boolean {\n    return patterns.some((pattern) =>\n        pattern.endsWith('/*') ? mime.startsWith(pattern.slice(0, -1)) : mime === pattern,\n    );\n}\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\n\n/** A size in bytes, for people: `1.5 MB`. Uses the locale's number format. */\nexport function formatSize(bytes: number, locale?: string): string {\n    let value = bytes;\n    let unit = 0;\n    while (value >= 1024 && unit < UNITS.length - 1) {\n        value /= 1024;\n        unit += 1;\n    }\n    const number = new Intl.NumberFormat(locale, {\n        maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1,\n    }).format(value);\n    return `${number} ${UNITS[unit] ?? 'B'}`;\n}\n"],"mappings":";;AACA,SAAgBA,YAAYC,MAAcC,UAAsC;CAC5E,OAAOA,SAASC,MAAMC,YAClBA,QAAQC,SAAS,IAAI,IAAIJ,KAAKK,WAAWF,QAAQG,MAAM,GAAG,EAAE,CAAC,IAAIN,SAASG,OAC9E;AACJ;AAEA,IAAMI,QAAQ;CAAC;CAAK;CAAM;CAAM;CAAM;AAAI;;AAG1C,SAAgBE,WAAWC,OAAeC,QAAyB;CAC/D,IAAIC,QAAQF;CACZ,IAAIG,OAAO;CACX,OAAOD,SAAS,QAAQC,OAAON,MAAMO,SAAS,GAAG;EAC7CF,SAAS;EACTC,QAAQ;CACZ;CAIA,OAAO,GAHQ,IAAIG,KAAKC,aAAaN,QAAQ,EACzCO,uBAAuBL,SAAS,KAAKD,SAAS,KAAK,IAAI,EAC3D,CAAC,CAAC,CAACO,OAAOP,KACAG,EAAM,GAAIR,MAAMM,SAAS;AACvC"}

package/dist/upload/types.d.ts

@@ -0,0 +1,58 @@
+/** Where a file is: sent to storage, paused, completed with the backend, or failed. */
+export type UploadItemStatus = 'uploading' | 'paused' | 'completing' | 'failed';
+/** A file being uploaded, as an upload list shows it. */
+export interface UploadItem {
+    id: string;
+    name: string;
+    size: number | null;
+    mime: string | null;
+    /** From 0 to 1, or null until the upload reports one. */
+    progress: number | null;
+    status: UploadItemStatus;
+    /** Why it failed. */
+    error: string | null;
+    /** Whether it can pause: only a file sent in parts can. */
+    canPause: boolean;
+}
+/**
+ * A file uploaded directly to storage: the reference that values send (`{ upload }`), with what
+ * the browser knows of the file, so that fields can show it and check it before saving. Backends
+ * only trust `upload`.
+ */
+export interface UploadedFile {
+    upload: string;
+    name: string;
+    mime: string | null;
+    size: number | null;
+}
+/** Why a file was refused before it was sent. */
+export type UploadRejection = 'accept' | 'maxSize';
+/** Uploads files and keeps their state, for an upload list. */
+export interface Uploader {
+    /** The files being uploaded, in the order they were added. Done files leave the list. */
+    getItems(): readonly UploadItem[];
+    /** Calls the listener when the items change. Returns a function that unsubscribes. */
+    subscribe(listener: () => void): () => void;
+    /** Sends files. */
+    add(files: Iterable<File>): void;
+    pause(id: string): void;
+    resume(id: string): void;
+    /** Stops a file and removes it from the list. */
+    cancel(id: string): void;
+    /** Sends a failed file again. */
+    retry(id: string): void;
+    /** Stops every upload. The uploader can't be used after. */
+    destroy(): void;
+}
+/**
+ * Where fields that take files upload them directly to storage (decision 0025):
+ * `createUppyUploadSource()` of `@panneau/fields/uppy`, with the signing routes of the backend.
+ * Without one, fields give the files themselves, which the adapter sends in `multipart/form-data`.
+ */
+export interface UploadSource {
+    /** An uploader for a field, which calls `onUploaded` with each file once it is uploaded. */
+    createUploader(options: {
+        onUploaded: (file: UploadedFile) => void;
+    }): Uploader;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/upload/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/upload/types.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEhF,yDAAyD;AACzD,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,yDAAyD;IACzD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,2DAA2D;IAC3D,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,iDAAiD;AACjD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEnD,+DAA+D;AAC/D,MAAM,WAAW,QAAQ;IACrB,yFAAyF;IACzF,QAAQ,IAAI,SAAS,UAAU,EAAE,CAAC;IAClC,sFAAsF;IACtF,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5C,mBAAmB;IACnB,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iDAAiD;IACjD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,4DAA4D;IAC5D,OAAO,IAAI,IAAI,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IACzB,4FAA4F;IAC5F,cAAc,CAAC,OAAO,EAAE;QAAE,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;KAAE,GAAG,QAAQ,CAAC;CACnF"}

package/dist/upload/useRejectionMessage.d.ts

@@ -0,0 +1,4 @@
+import type { UploadRejection } from './types.js';
+/** The message of a file refused before it was sent, for a field's errors. */
+export declare function useRejectionMessage(maxSize: number | null | undefined): (file: File, reason: UploadRejection) => string;
+//# sourceMappingURL=useRejectionMessage.d.ts.map

package/dist/upload/useRejectionMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRejectionMessage.d.ts","sourceRoot":"","sources":["../../src/upload/useRejectionMessage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,8EAA8E;AAC9E,wBAAgB,mBAAmB,CAC/B,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACnC,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,KAAK,MAAM,CASjD"}

package/dist/upload/useRejectionMessage.js

@@ -0,0 +1,25 @@
+import { messages } from "../shared/messages.js";
+import { formatSize } from "./files.js";
+import { c } from "react/compiler-runtime";
+import { usePanneauIntl } from "@panneau/ui";
+//#region src/upload/useRejectionMessage.ts
+/** The message of a file refused before it was sent, for a field's errors. */
+function useRejectionMessage(maxSize) {
+	const $ = c(3);
+	const intl = usePanneauIntl();
+	let t0;
+	if ($[0] !== intl || $[1] !== maxSize) {
+		t0 = (file, reason) => reason === "accept" ? intl.formatMessage(messages.rejectedType, { name: file.name }) : intl.formatMessage(messages.rejectedSize, {
+			name: file.name,
+			size: formatSize(maxSize ?? 0, intl.locale)
+		});
+		$[0] = intl;
+		$[1] = maxSize;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
+}
+//#endregion
+export { useRejectionMessage };
+
+//# sourceMappingURL=useRejectionMessage.js.map

package/dist/upload/useRejectionMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRejectionMessage.js","names":["usePanneauIntl","messages","formatSize","UploadRejection","useRejectionMessage","maxSize","$","_c","intl","t0","file","reason","formatMessage","rejectedType","name","rejectedSize","size","locale","_c"],"sources":["../../src/upload/useRejectionMessage.ts"],"sourcesContent":["import { usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../shared/messages';\nimport { formatSize } from './files';\nimport type { UploadRejection } from './types';\n\n/** The message of a file refused before it was sent, for a field's errors. */\nexport function useRejectionMessage(\n    maxSize: number | null | undefined,\n): (file: File, reason: UploadRejection) => string {\n    const intl = usePanneauIntl();\n    return (file, reason) =>\n        reason === 'accept'\n            ? intl.formatMessage(messages.rejectedType, { name: file.name })\n            : intl.formatMessage(messages.rejectedSize, {\n                  name: file.name,\n                  size: formatSize(maxSize ?? 0, intl.locale),\n              });\n}\n"],"mappings":";;;;;;AAOA,SAAOI,oBAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAGH,MAAAC,OAAaR,eAAe;CAAE,IAAAS;CAAA,IAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,SAAA;EACvBI,MAAAC,MAAAC,WACHA,WAAW,WACLH,KAAII,cAAeX,SAAQY,cAAe,EAAAC,MAAQJ,KAAII,KAAM,CAI3D,IAHDN,KAAII,cAAeX,SAAQc,cAAe;GAAAD,MAChCJ,KAAII;GAAKE,MACTd,WAAWG,WAAA,GAAcG,KAAIS,MAAO;EAC9C,CAAC;EAACX,EAAA,KAAAE;EAAAF,EAAA,KAAAD;EAAAC,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OANLG;AAMK"}