@panneau/fields 5.0.0-alpha.3 → 5.0.0-alpha.5

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';
+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":["name","Pause","Play","RotateCcw","X","status","indeterminate","valueText","_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":[],"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,SAAgB,YAAY,MAAc,UAAsC;CAC5E,OAAO,SAAS,MAAM,YAClB,QAAQ,SAAS,IAAI,IAAI,KAAK,WAAW,QAAQ,MAAM,GAAG,EAAE,CAAC,IAAI,SAAS,OAC9E;AACJ;AAEA,IAAM,QAAQ;CAAC;CAAK;CAAM;CAAM;CAAM;AAAI;;AAG1C,SAAgB,WAAW,OAAe,QAAyB;CAC/D,IAAI,QAAQ;CACZ,IAAI,OAAO;CACX,OAAO,SAAS,QAAQ,OAAO,MAAM,SAAS,GAAG;EAC7C,SAAS;EACT,QAAQ;CACZ;CAIA,OAAO,GAHQ,IAAI,KAAK,aAAa,QAAQ,EACzC,uBAAuB,SAAS,KAAK,SAAS,KAAK,IAAI,EAC3D,CAAC,CAAC,CAAC,OAAO,KACA,EAAM,GAAI,MAAM,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';
+/** 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":["_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,SAAO,oBAAA,SAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CAGH,MAAA,OAAa,eAAe;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,QAAA,EAAA,OAAA,SAAA;EACvB,MAAA,MAAA,WACH,WAAW,WACL,KAAI,cAAe,SAAQ,cAAe,EAAA,MAAQ,KAAI,KAAM,CAI3D,IAHD,KAAI,cAAe,SAAQ,cAAe;GAAA,MAChC,KAAI;GAAK,MACT,WAAW,WAAA,GAAc,KAAI,MAAO;EAC9C,CAAC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OANL;AAMK"}

package/dist/upload/useUploads.d.ts

@@ -0,0 +1,30 @@
+import type { UploadItem, UploadRejection, UploadSource, UploadedFile } from './types';
+export interface UseUploadsOptions {
+    /** Where files are uploaded. Without one, `add()` gives the files themselves. */
+    source: UploadSource | null;
+    /** Accepted MIME types (`image/*`). Others are refused before they are sent. */
+    accept?: readonly string[] | null;
+    /** Largest file, in bytes. Larger ones are refused before they are sent. */
+    maxSize?: number | null;
+    /** Called with each file once it is uploaded: its upload, or the file itself without a source. */
+    onUploaded: (file: UploadedFile | File) => void;
+    /** Called with each file refused before it was sent. */
+    onRejected?: (file: File, reason: UploadRejection) => void;
+}
+export interface UseUploadsResult {
+    /** The files being uploaded. */
+    items: readonly UploadItem[];
+    add: (files: Iterable<File>) => void;
+    pause: (id: string) => void;
+    resume: (id: string) => void;
+    cancel: (id: string) => void;
+    retry: (id: string) => void;
+}
+/**
+ * Checks files against `accept` and `maxSize`, uploads them through an upload source, and gives
+ * the state of each file for an upload list. Without a source, files are given back as they are,
+ * to send in a multipart request. The uploader is made once per source, and stopped when the
+ * component unmounts.
+ */
+export declare function useUploads(options: UseUploadsOptions): UseUploadsResult;
+//# sourceMappingURL=useUploads.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUploads.d.ts","sourceRoot":"","sources":["../../src/upload/useUploads.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAEjG,MAAM,WAAW,iBAAiB;IAC9B,iFAAiF;IACjF,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,kGAAkG;IAClG,UAAU,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,wDAAwD;IACxD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,WAAW,gBAAgB;IAC7B,gCAAgC;IAChC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAmBD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CA8CvE"}

package/dist/upload/useUploads.js

@@ -0,0 +1,115 @@
+import { matchesMime } from "./files.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState, useSyncExternalStore } from "react";
+//#region src/upload/useUploads.ts
+var NO_ITEMS = [];
+function rejects(file, { accept, maxSize }) {
+	if (accept !== null && accept !== void 0 && accept.length > 0 && !matchesMime(file.type, accept)) return "accept";
+	return maxSize !== null && maxSize !== void 0 && file.size > maxSize ? "maxSize" : null;
+}
+/**
+* Checks files against `accept` and `maxSize`, uploads them through an upload source, and gives
+* the state of each file for an upload list. Without a source, files are given back as they are,
+* to send in a multipart request. The uploader is made once per source, and stopped when the
+* component unmounts.
+*/
+function useUploads(options) {
+	const $ = c(16);
+	const latest = useRef(options);
+	let t0;
+	if ($[0] !== options) {
+		t0 = () => {
+			latest.current = options;
+		};
+		$[0] = options;
+		$[1] = t0;
+	} else t0 = $[1];
+	useEffect(t0);
+	const { source } = options;
+	const [state, setState] = useState(null);
+	const uploader = state !== null && state.source === source ? state.uploader : null;
+	let t1;
+	let t2;
+	if ($[2] !== source) {
+		t1 = () => {
+			if (source === null) return;
+			const created = source.createUploader({ onUploaded: (file) => latest.current.onUploaded(file) });
+			setState({
+				source,
+				uploader: created
+			});
+			return () => created.destroy();
+		};
+		t2 = [source];
+		$[2] = source;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	useEffect(t1, t2);
+	let t3;
+	let t4;
+	if ($[5] !== uploader) {
+		t3 = (listener) => uploader?.subscribe(listener) ?? _temp;
+		t4 = () => uploader?.getItems() ?? NO_ITEMS;
+		$[5] = uploader;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		t3 = $[6];
+		t4 = $[7];
+	}
+	const items = useSyncExternalStore(t3, t4, _temp2);
+	let t5;
+	if ($[8] !== items || $[9] !== uploader) {
+		let t6;
+		let t7;
+		let t8;
+		let t9;
+		if ($[11] !== uploader) {
+			t6 = (id) => uploader?.pause(id);
+			t7 = (id_0) => uploader?.resume(id_0);
+			t8 = (id_1) => uploader?.cancel(id_1);
+			t9 = (id_2) => uploader?.retry(id_2);
+			$[11] = uploader;
+			$[12] = t6;
+			$[13] = t7;
+			$[14] = t8;
+			$[15] = t9;
+		} else {
+			t6 = $[12];
+			t7 = $[13];
+			t8 = $[14];
+			t9 = $[15];
+		}
+		t5 = {
+			items,
+			add(files) {
+				for (const file_0 of files) {
+					const rejection = rejects(file_0, latest.current);
+					if (rejection !== null) latest.current.onRejected?.(file_0, rejection);
+					else if (uploader === null) latest.current.onUploaded(file_0);
+					else uploader.add([file_0]);
+				}
+			},
+			pause: t6,
+			resume: t7,
+			cancel: t8,
+			retry: t9
+		};
+		$[8] = items;
+		$[9] = uploader;
+		$[10] = t5;
+	} else t5 = $[10];
+	return t5;
+}
+function _temp2() {
+	return NO_ITEMS;
+}
+function _temp() {}
+//#endregion
+export { useUploads };
+
+//# sourceMappingURL=useUploads.js.map

package/dist/upload/useUploads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploads.js","names":["id","file","_c"],"sources":["../../src/upload/useUploads.ts"],"sourcesContent":["import { useEffect, useRef, useState, useSyncExternalStore } from 'react';\n\nimport { matchesMime } from './files';\nimport type { UploadItem, UploadRejection, UploadSource, UploadedFile, Uploader } from './types';\n\nexport interface UseUploadsOptions {\n    /** Where files are uploaded. Without one, `add()` gives the files themselves. */\n    source: UploadSource | null;\n    /** Accepted MIME types (`image/*`). Others are refused before they are sent. */\n    accept?: readonly string[] | null;\n    /** Largest file, in bytes. Larger ones are refused before they are sent. */\n    maxSize?: number | null;\n    /** Called with each file once it is uploaded: its upload, or the file itself without a source. */\n    onUploaded: (file: UploadedFile | File) => void;\n    /** Called with each file refused before it was sent. */\n    onRejected?: (file: File, reason: UploadRejection) => void;\n}\n\nexport interface UseUploadsResult {\n    /** The files being uploaded. */\n    items: readonly UploadItem[];\n    add: (files: Iterable<File>) => void;\n    pause: (id: string) => void;\n    resume: (id: string) => void;\n    cancel: (id: string) => void;\n    retry: (id: string) => void;\n}\n\nconst NO_ITEMS: readonly UploadItem[] = [];\n\nfunction rejects(\n    file: File,\n    { accept, maxSize }: Pick<UseUploadsOptions, 'accept' | 'maxSize'>,\n): UploadRejection | null {\n    if (\n        accept !== null &&\n        accept !== undefined &&\n        accept.length > 0 &&\n        !matchesMime(file.type, accept)\n    ) {\n        return 'accept';\n    }\n    return maxSize !== null && maxSize !== undefined && file.size > maxSize ? 'maxSize' : null;\n}\n\n/**\n * Checks files against `accept` and `maxSize`, uploads them through an upload source, and gives\n * the state of each file for an upload list. Without a source, files are given back as they are,\n * to send in a multipart request. The uploader is made once per source, and stopped when the\n * component unmounts.\n */\nexport function useUploads(options: UseUploadsOptions): UseUploadsResult {\n    // The latest callbacks and limits, read when files are added or uploaded.\n    const latest = useRef(options);\n    useEffect(() => {\n        latest.current = options;\n    });\n    const { source } = options;\n    const [state, setState] = useState<{ source: UploadSource; uploader: Uploader } | null>(null);\n    const uploader = state !== null && state.source === source ? state.uploader : null;\n\n    useEffect(() => {\n        if (source === null) {\n            return undefined;\n        }\n        const created = source.createUploader({\n            onUploaded: (file) => latest.current.onUploaded(file),\n        });\n        setState({ source, uploader: created });\n        return () => created.destroy();\n    }, [source]);\n\n    const items = useSyncExternalStore(\n        (listener) => uploader?.subscribe(listener) ?? (() => undefined),\n        () => uploader?.getItems() ?? NO_ITEMS,\n        () => NO_ITEMS,\n    );\n\n    return {\n        items,\n        add(files) {\n            for (const file of files) {\n                const rejection = rejects(file, latest.current);\n                if (rejection !== null) {\n                    latest.current.onRejected?.(file, rejection);\n                } else if (uploader === null) {\n                    latest.current.onUploaded(file);\n                } else {\n                    uploader.add([file]);\n                }\n            }\n        },\n        pause: (id) => uploader?.pause(id),\n        resume: (id) => uploader?.resume(id),\n        cancel: (id) => uploader?.cancel(id),\n        retry: (id) => uploader?.retry(id),\n    };\n}\n"],"mappings":";;;;AA4BA,IAAM,WAAkC,CAAA;AAExC,SAAS,QACL,MACA,EAAE,QAAQ,WACY;CACtB,IACI,WAAW,QACX,WAAW,KAAA,KACX,OAAO,SAAS,KAChB,CAAC,YAAY,KAAK,MAAM,MAAM,GAE9B,OAAO;CAEX,OAAO,YAAY,QAAQ,YAAY,KAAA,KAAa,KAAK,OAAO,UAAU,YAAY;AAC1F;;;;;;;AAQA,SAAO,WAAA,SAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CAEH,MAAA,SAAe,OAAO,OAAO;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA;EACrB,WAAA;GACN,OAAM,UAAW;EAAH;EACjB,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAFD,UAAU,EAET;CACD,MAAA,EAAA,WAAmB;CACnB,MAAA,CAAA,OAAA,YAA0B,SAA8D,IAAI;CAC5F,MAAA,WAAiB,UAAU,QAAQ,MAAK,WAAY,SAAS,MAAK,WAAjD;CAAkE,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,QAAA;EAEzE,WAAA;GACN,IAAI,WAAW,MAAI;GAGnB,MAAA,UAAgB,OAAM,eAAgB,EAAA,aACtB,SAAU,OAAM,QAAQ,WAAY,IAAI,EACxD,CAAC;GACD,SAAS;IAAA;IAAA,UAAoB;GAAQ,CAAC;GAAC,aAC1B,QAAO,QAAS;EAAC;EAC/B,KAAA,CAAC,MAAM;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;CAAA;CATX,UAAU,IASP,EAAQ;CAAC,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA;EAGR,MAAA,aAAc,UAAQ,UAAY,QAA6B,KAAjD;EACd,WAAM,UAAQ,SAAuB,KAA/B;EAAgC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;CAAA;CAF1C,MAAA,QAAc,qBACV,IACA,IACA,MACJ;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA,EAAA,OAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,IAAA;EAAA,IAAA;EAAA,IAAA,EAAA,QAAA,UAAA;GAgBS,MAAA,OAAQ,UAAQ,MAAQ,EAAE;GACzB,MAAA,SAAQ,UAAQ,OAASF,IAAE;GAC3B,MAAA,SAAQ,UAAQ,OAASA,IAAE;GAC5B,MAAA,SAAQ,UAAQ,MAAQA,IAAE;GAAC,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA;GAAA,KAAA,EAAA;GAAA,KAAA,EAAA;GAAA,KAAA,EAAA;GAAA,KAAA,EAAA;EAAA;EAjB/B,KAAA;GAAA;GAAA,IAAA,OAAA;IAGC,KAAK,MAAA,UAAc,OAAK;KACpB,MAAA,YAAkB,QAAQC,QAAM,OAAM,OAAQ;KAC9C,IAAI,cAAc,MACd,OAAM,QAAQ,aAAcA,QAAM,SAAS;UACxC,IAAI,aAAa,MACpB,OAAM,QAAQ,WAAYA,MAAI;UAE9B,SAAQ,IAAK,CAACA,MAAI,CAAC;IACtB;GACJ;GAAA,OAEE;GAA2B,QAC1B;GAA4B,QAC5B;GAA4B,OAC7B;EACX;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAlBM;AAkBN;AA7CE,SAAA,SAAA;CAAA,OAwBO;AAAQ;AAxBf,SAAA,QAAA,CAAA"}