@panneau/fields 5.0.0-alpha.1 → 5.0.0-alpha.11

package/dist/textarea/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","names":["shownDescription","disabled","readOnly","required","_c"],"sources":["../../src/textarea/TextAreaField.tsx"],"sourcesContent":["import { TextArea } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isNumber, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport { useCountedDescription } from '../text/TextField';\n\nexport interface TextAreaFieldProps extends FieldProps<string> {\n    placeholder?: string;\n    /** Shows a count of characters against this maximum. It doesn't stop typing. */\n    maxLength?: number;\n    /** Visible lines. Defaults to 4. */\n    rows?: number;\n    textAreaClassName?: string;\n}\n\n/** A text of several lines. An empty text is `null`. */\nexport function TextAreaField({\n    value,\n    onChange,\n    description,\n    maxLength,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TextAreaFieldProps) {\n    const shownDescription = useCountedDescription(description, value, maxLength);\n    return (\n        <TextArea\n            {...props}\n            value={value ?? ''}\n            onChange={(next) => onChange?.(next === '' ? null : next)}\n            description={shownDescription}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `textarea` type: setting `rows`, and a character count from the `max` rule. */\nexport function TextAreaFieldEntry(props: FieldEntryProps) {\n    const max = getRuleNumber(props.field, 'max');\n    const rows = getSetting(props.field, 'rows', isNumber);\n    return (\n        <TextAreaField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(max !== undefined ? { maxLength: max } : {})}\n            {...(rows !== undefined ? { rows } : {})}\n        />\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TextAreaField.js","names":["TextArea","getFieldProps","getRuleNumber","getSetting","isNumber","isString","FieldEntryProps","FieldProps","useCountedDescription","TextAreaFieldProps","placeholder","maxLength","rows","textAreaClassName","TextAreaField","t0","$","_c","description","disabled","onChange","props","readOnly","required","value","shownDescription","t1","t2","next","t3","TextAreaFieldEntry","field","max","t4","undefined","t5","t6","_c"],"sources":["../../src/textarea/TextAreaField.tsx"],"sourcesContent":["import { TextArea } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isNumber, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport { useCountedDescription } from '../text/TextField';\n\nexport interface TextAreaFieldProps extends FieldProps<string> {\n    placeholder?: string;\n    /** Shows a count of characters against this maximum. It doesn't stop typing. */\n    maxLength?: number;\n    /** Visible lines. Defaults to 4. */\n    rows?: number;\n    textAreaClassName?: string;\n}\n\n/** A text of several lines. An empty text is `null`. */\nexport function TextAreaField({\n    value,\n    onChange,\n    description,\n    maxLength,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TextAreaFieldProps) {\n    const shownDescription = useCountedDescription(description, value, maxLength);\n    return (\n        <TextArea\n            {...props}\n            value={value ?? ''}\n            onChange={(next) => onChange?.(next === '' ? null : next)}\n            description={shownDescription}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `textarea` type: setting `rows`, and a character count from the `max` rule. */\nexport function TextAreaFieldEntry(props: FieldEntryProps) {\n    const max = getRuleNumber(props.field, 'max');\n    const rows = getSetting(props.field, 'rows', isNumber);\n    return (\n        <TextAreaField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(max !== undefined ? { maxLength: max } : {})}\n            {...(rows !== undefined ? { rows } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/textarea/index.d.ts

@@ -1,2 +1,2 @@
-export { TextAreaField, TextAreaFieldEntry, type TextAreaFieldProps } from './TextAreaField';
+export { TextAreaField, TextAreaFieldEntry, type TextAreaFieldProps } from './TextAreaField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/time/TimeField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface TimeFieldProps extends FieldProps<string> {
     /** Shows and writes seconds (`09:30:15`). */
     withSeconds?: boolean;

package/dist/time/TimeField.js

@@ -5,16 +5,70 @@ import { TimeInput } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/time/TimeField.tsx
 /** A time of day as a string, `09:30` (or `09:30:15` with seconds). */
-function TimeField({ value, onChange, withSeconds = false, disabled, readOnly, required, ...props }) {
-	return /* @__PURE__ */ jsx(TimeInput, {
-		...props,
-		granularity: withSeconds ? "second" : "minute",
-		value: toTime(value),
-		onChange: (next) => onChange?.(next === null ? null : fromTime(next, withSeconds)),
-		isDisabled: disabled,
-		isReadOnly: readOnly,
-		isRequired: required
-	});
+function TimeField(t0) {
+	const $ = c(21);
+	let disabled;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let t1;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, withSeconds: t1, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = onChange;
+		$[3] = props;
+		$[4] = readOnly;
+		$[5] = required;
+		$[6] = t1;
+		$[7] = value;
+	} else {
+		disabled = $[1];
+		onChange = $[2];
+		props = $[3];
+		readOnly = $[4];
+		required = $[5];
+		t1 = $[6];
+		value = $[7];
+	}
+	const withSeconds = t1 === void 0 ? false : t1;
+	const t2 = withSeconds ? "second" : "minute";
+	let t3;
+	if ($[8] !== value) {
+		t3 = toTime(value);
+		$[8] = value;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== onChange || $[11] !== withSeconds) {
+		t4 = (next) => onChange?.(next === null ? null : fromTime(next, withSeconds));
+		$[10] = onChange;
+		$[11] = withSeconds;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== disabled || $[14] !== props || $[15] !== readOnly || $[16] !== required || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TimeInput, {
+			...props,
+			granularity: t2,
+			value: t3,
+			onChange: t4,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[13] = disabled;
+		$[14] = props;
+		$[15] = readOnly;
+		$[16] = required;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+	} else t5 = $[20];
+	return t5;
 }
 /** The `time` type: setting `withSeconds`. */
 function TimeFieldEntry(props) {

package/dist/time/TimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.js","names":["_c"],"sources":["../../src/time/TimeField.tsx"],"sourcesContent":["import { TimeInput } from '@panneau/ui';\n\nimport { fromTime, toTime } from '../shared/dates';\nimport { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TimeFieldProps extends FieldProps<string> {\n    /** Shows and writes seconds (`09:30:15`). */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */\nexport function TimeField({\n    value,\n    onChange,\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TimeFieldProps) {\n    return (\n        <TimeInput\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            value={toTime(value)}\n            onChange={(next) => onChange?.(next === null ? null : fromTime(next, withSeconds))}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `time` type: setting `withSeconds`. */\nexport function TimeFieldEntry(props: FieldEntryProps) {\n    return (\n        <TimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            withSeconds={props.field.settings?.withSeconds === true}\n        />\n    );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,UAAU,EACtB,OACA,UACA,cAAc,OACd,UACA,UACA,UACA,GAAG,SACY;CACf,OACI,oBAAC,WAAD;EACI,GAAI;EACJ,aAAa,cAAc,WAAW;EACtC,OAAO,OAAO,KAAK;EACnB,WAAW,SAAS,WAAW,SAAS,OAAO,OAAO,SAAS,MAAM,WAAW,CAAC;EACjF,YAAY;EACZ,YAAY;EACZ,YAAY;CAAS,CAAA;AAGjC;;AAGA,SAAO,eAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAGS,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAEM,MAAA,KAAA,MAAK,MAAM,UAAsB,gBAAK;CAAI,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJ3D,KAAA,oBAAC,WAAD;GAAU,GACF;GACG,OAAA;GACG,UAAA,MAAK;GACF,aAAA;EAA0C,CAAA;EACzD,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}
+{"version":3,"file":"TimeField.js","names":["TimeInput","fromTime","toTime","getFieldProps","isString","FieldEntryProps","FieldProps","TimeFieldProps","withSeconds","hourCycle","controlClassName","TimeField","t0","$","_c","disabled","onChange","props","readOnly","required","t1","value","undefined","t2","t3","t4","next","t5","TimeFieldEntry","field","settings","_c"],"sources":["../../src/time/TimeField.tsx"],"sourcesContent":["import { TimeInput } from '@panneau/ui';\n\nimport { fromTime, toTime } from '../shared/dates';\nimport { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TimeFieldProps extends FieldProps<string> {\n    /** Shows and writes seconds (`09:30:15`). */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */\nexport function TimeField({\n    value,\n    onChange,\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TimeFieldProps) {\n    return (\n        <TimeInput\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            value={toTime(value)}\n            onChange={(next) => onChange?.(next === null ? null : fromTime(next, withSeconds))}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `time` type: setting `withSeconds`. */\nexport function TimeFieldEntry(props: FieldEntryProps) {\n    return (\n        <TimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            withSeconds={props.field.settings?.withSeconds === true}\n        />\n    );\n}\n"],"mappings":";;;;;;;AAeA,SAAOW,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR,EAAA,OAAAD,IAAA;EAAmB,CAAA,CAAAS,OAAAL,UAAAR,aAAAY,IAAAL,UAAAG,UAAAC,UAAA,GAAAF,SAAAL;EAQTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAA;EAAAN,WAAAF,EAAA;EAAAG,WAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,WAAAL,EAAA;EAAAM,WAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,QAAAR,EAAA;CAAA;CALb,MAAAL,cAAAY,OAAAE,KAAAA,IAAA,QAAAF;CASqB,MAAAG,KAAAf,cAAA,WAAA;CAAiC,IAAAgB;CAAA,IAAAX,EAAA,OAAAQ,OAAA;EACvCG,KAAAtB,OAAOmB,KAAK;EAACR,EAAA,KAAAQ;EAAAR,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAY;CAAA,IAAAZ,EAAA,QAAAG,YAAAH,EAAA,QAAAL,aAAA;EACViB,MAAAC,SAAUV,WAAWU,SAAS,OAAT,OAAuBzB,SAASyB,MAAMlB,WAAW,CAAC;EAACK,EAAA,MAAAG;EAAAH,EAAA,MAAAL;EAAAK,EAAA,MAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAE,YAAAF,EAAA,QAAAI,SAAAJ,EAAA,QAAAK,YAAAL,EAAA,QAAAM,YAAAN,EAAA,QAAAU,MAAAV,EAAA,QAAAW,MAAAX,EAAA,QAAAY,IAAA;EAJtFE,KAAA,oBAAC,WAAD;GAAU,GACFV;GACS,aAAAM;GACN,OAAAC;GACG,UAAAC;GACEV,YAAAA;GACAG,YAAAA;GACAC,YAAAA;EAAQ,CAAA;EACtBN,EAAA,MAAAE;EAAAF,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OARFc;AAQE;;AAKV,SAAOC,eAAAX,OAAA;CAAA,MAAAJ,IAAAC,EAAA,CAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAI,OAAA;EAGSL,KAAAT,cAAcc,KAAK;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CACjB,MAAAO,KAAAhB,SAASa,MAAKI,KAA2B,IAAjBJ,MAAKI,QAA7B;CAEM,MAAAE,KAAAN,MAAKY,MAAMC,UAAsBtB,gBAAK;CAAI,IAAAgB;CAAA,IAAAX,EAAA,OAAAI,MAAAD,YAAAH,EAAA,OAAAD,MAAAC,EAAA,OAAAO,MAAAP,EAAA,OAAAU,IAAA;EAJ3DC,KAAA,oBAAC,WAAD;GAAU,GACFZ;GACG,OAAAQ;GACG,UAAAH,MAAKD;GACF,aAAAO;EAA0C,CAAA;EACzDV,EAAA,KAAAI,MAAAD;EAAAH,EAAA,KAAAD;EAAAC,EAAA,KAAAO;EAAAP,EAAA,KAAAU;EAAAV,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OALFW;AAKE"}

package/dist/time/index.d.ts

@@ -1,2 +1,2 @@
-export { TimeField, TimeFieldEntry, type TimeFieldProps } from './TimeField';
+export { TimeField, TimeFieldEntry, type TimeFieldProps } from './TimeField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/upload/FilePicker.css

@@ -0,0 +1,24 @@
+.panneau-file-picker-zone {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--panneau-space-2);
+    padding: var(--panneau-space-3);
+    border: var(--panneau-border-width) dashed var(--panneau-color-border-control);
+    border-radius: var(--panneau-radius-md);
+}
+
+.panneau-file-picker-zone[data-drop-target] {
+    background-color: var(--panneau-color-accent-subtle);
+    border-color: var(--panneau-color-accent);
+}
+
+.panneau-file-picker-zone[data-focus-visible] {
+    outline: 2px solid var(--panneau-color-focus);
+    outline-offset: 2px;
+}
+
+.panneau-file-picker-hint {
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}

package/dist/upload/FilePicker.d.ts

@@ -0,0 +1,14 @@
+export interface FilePickerProps {
+    /** Called with the files chosen or dropped. */
+    onSelect: (files: File[]) => void;
+    /** Accepted MIME types, which the file dialog offers. */
+    accept?: readonly string[] | null;
+    multiple?: boolean;
+    isDisabled?: boolean;
+    /** Text of the button. Defaults to "Choose a file", or "Choose files" with `multiple`. */
+    label?: string;
+    className?: string;
+}
+/** A button that opens the file dialog, in a zone where files can be dropped. */
+export declare function FilePicker({ onSelect, accept, multiple, isDisabled, label, className, }: FilePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=FilePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../src/upload/FilePicker.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,eAAe;IAC5B,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,yDAAyD;IACzD,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AASD,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,UAAkB,EAClB,KAAK,EACL,SAAS,GACZ,EAAE,eAAe,+BAmCjB"}

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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"}