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

package/dist/daterange/range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.js","names":["DateRangeOpenBound","DateRangeFieldValue","start","end","allDay","timeZone","DateRangeSettings","time","open","chooseTimeZone","DAY","isBound","value","undefined","isDateRangeValue","Array","isArray","getDateRangeSettings","settings","Record","isTimeZone","zone","Intl","DateTimeFormat","getTimeZones","zones","supportedValuesOf","filter","pad","length","String","padStart","dayIn","date","Date","parts","year","month","day","formatToParts","part","type","Number","find","entry","getBoundDay","bound","test","isNaN","getTime","getRangeDays","fieldTimeZone","first","last","FormattedDateRange","kind","text","formatDateRange","locale","bounds","map","days","every","toDate","local","resolvedOptions","format","hour","minute","timeZoneName","dates","some","from","to","formatRange"],"sources":["../../src/daterange/range.ts"],"sourcesContent":["import type { DateRangeOpenBound } from '@panneau/protocol/runtime';\n\n/**\n * A `daterange` value as a field holds it (decision 0053): days (`2026-11-04`) or date-times with\n * an offset, either `null` while it is empty, with `allDay` for an all-day range and the `timeZone`\n * the user chose.\n */\nexport interface DateRangeFieldValue {\n    start: string | null;\n    end: string | null;\n    allDay?: boolean;\n    timeZone?: string;\n}\n\n/** The settings of a `daterange` field, from its definition. */\nexport interface DateRangeSettings {\n    /** The bounds are date-times. */\n    time: boolean;\n    /** The field has an \"All day\" switch. */\n    allDay: boolean;\n    /** The bounds that can be `null`. */\n    open: DateRangeOpenBound | null;\n    /** The time zone the date-times are shown and typed in. */\n    timeZone: string | null;\n    /** The field has a menu of time zones, kept in the value. */\n    chooseTimeZone: boolean;\n}\n\nconst DAY = /^\\d{4}-\\d{2}-\\d{2}$/;\n\nconst isBound = (value: unknown): value is string | null =>\n    value === null || value === undefined || typeof value === 'string';\n\n/** Whether a value is a `daterange` value: an object with a start and an end. */\nexport function isDateRangeValue(value: unknown): value is DateRangeFieldValue {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        !Array.isArray(value) &&\n        ('start' in value || 'end' in value) &&\n        isBound((value as { start?: unknown }).start) &&\n        isBound((value as { end?: unknown }).end)\n    );\n}\n\n/** The settings of a `daterange` field (`settings.time`, `allDay`, `open`, `timeZone`…). */\nexport function getDateRangeSettings(\n    settings: Record<string, unknown> | undefined,\n): DateRangeSettings {\n    const open = settings?.open;\n    const timeZone = settings?.timeZone;\n    return {\n        time: settings?.time === true,\n        allDay: settings?.allDay === true && settings.time === true,\n        open: open === 'start' || open === 'end' || open === 'both' ? open : null,\n        timeZone: typeof timeZone === 'string' && isTimeZone(timeZone) ? timeZone : null,\n        chooseTimeZone: settings?.chooseTimeZone === true && settings.time === true,\n    };\n}\n\n/** Whether a string is an IANA time zone that the browser knows (`America/Toronto`). */\nexport function isTimeZone(zone: string): boolean {\n    try {\n        new Intl.DateTimeFormat('en', { timeZone: zone });\n        return true;\n    } catch {\n        return false;\n    }\n}\n\n/** The time zones the browser knows, `UTC` first. */\nexport function getTimeZones(): string[] {\n    const zones =\n        typeof Intl.supportedValuesOf === 'function' ? Intl.supportedValuesOf('timeZone') : [];\n    return ['UTC', ...zones.filter((zone) => zone !== 'UTC')];\n}\n\nfunction pad(value: number, length = 2): string {\n    return String(value).padStart(length, '0');\n}\n\n/** The day of a date-time in a time zone (the browser's without one), as `2026-11-04`. */\nfunction dayIn(date: Date, timeZone: string | undefined): string {\n    const parts = new Intl.DateTimeFormat('en-US', {\n        timeZone,\n        year: 'numeric',\n        month: 'numeric',\n        day: 'numeric',\n    }).formatToParts(date);\n    const part = (type: string) => Number(parts.find((entry) => entry.type === type)?.value);\n    return `${pad(part('year'), 4)}-${pad(part('month'))}-${pad(part('day'))}`;\n}\n\n/** The day of a bound: a day as it is, a date-time in the time zone. `null` when invalid. */\nexport function getBoundDay(bound: string | null | undefined, timeZone?: string): string | null {\n    if (bound === null || bound === undefined || bound === '') {\n        return null;\n    }\n    if (DAY.test(bound)) {\n        return bound;\n    }\n    const date = new Date(bound);\n    return Number.isNaN(date.getTime()) ? null : dayIn(date, timeZone);\n}\n\n/**\n * The first and the last day of a range, in its time zone: the value's, the field's, or the\n * browser's. A day bound is that day.\n */\nexport function getRangeDays(\n    value: unknown,\n    fieldTimeZone?: string | null,\n): { first: string | null; last: string | null } {\n    if (!isDateRangeValue(value)) {\n        return { first: null, last: null };\n    }\n    const zone = value.timeZone ?? fieldTimeZone ?? undefined;\n    return { first: getBoundDay(value.start, zone), last: getBoundDay(value.end, zone) };\n}\n\n/** A range in a locale: both bounds, or one of them for a range open at the other end. */\nexport type FormattedDateRange =\n    | { kind: 'range'; text: string }\n    | { kind: 'from'; text: string }\n    | { kind: 'until'; text: string };\n\n/**\n * A range in the format of a locale, with `Intl.DateTimeFormat.formatRange`: `Nov 4 – 6, 2026`,\n * `Nov 4, 2026, 7:30 – 9:00 PM`. Date-times show in the zone of the value, or the field's, with\n * the zone's short name when it isn't the browser's. `null` for an empty or invalid value.\n */\nexport function formatDateRange(\n    value: unknown,\n    locale: string,\n    fieldTimeZone?: string | null,\n): FormattedDateRange | null {\n    if (!isDateRangeValue(value)) {\n        return null;\n    }\n    const bounds = [value.start, value.end].map((bound) =>\n        bound === null || bound === undefined || bound === '' ? null : bound,\n    );\n    const days = bounds.every((bound) => bound === null || DAY.test(bound));\n    const toDate = (bound: string) => new Date(DAY.test(bound) ? `${bound}T00:00:00Z` : bound);\n    const local = Intl.DateTimeFormat().resolvedOptions().timeZone;\n    const zone = value.timeZone ?? fieldTimeZone ?? undefined;\n    const format = new Intl.DateTimeFormat(locale, {\n        year: 'numeric',\n        month: 'short',\n        day: 'numeric',\n        ...(days\n            ? { timeZone: 'UTC' }\n            : {\n                  hour: 'numeric',\n                  minute: '2-digit',\n                  ...(zone !== undefined ? { timeZone: zone } : {}),\n                  ...(zone !== undefined && zone !== local ? { timeZoneName: 'short' } : {}),\n              }),\n    });\n    const dates = bounds.map((bound) => (bound !== null ? toDate(bound) : null));\n    if (dates.some((date) => date !== null && Number.isNaN(date.getTime()))) {\n        return null;\n    }\n    const [from, to] = dates;\n    if (from !== null && from !== undefined && to !== null && to !== undefined) {\n        try {\n            return { kind: 'range', text: format.formatRange(from, to) };\n        } catch {\n            // An end before its start, which some engines refuse to format as a range.\n            return { kind: 'range', text: `${format.format(from)} – ${format.format(to)}` };\n        }\n    }\n    if (from !== null && from !== undefined) {\n        return { kind: 'from', text: format.format(from) };\n    }\n    if (to !== null && to !== undefined) {\n        return { kind: 'until', text: format.format(to) };\n    }\n    return null;\n}\n"],"mappings":"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"}

package/dist/datetime/DateTimeField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface DateTimeFieldProps extends FieldProps<string> {
     /**
      * Time zone the date and time are shown and typed in, for values with an offset. Defaults to

package/dist/datetime/DateTimeField.js

@@ -10,28 +10,115 @@ import { getLocalTimeZone, now } from "@internationalized/date";
 * the time zone of the browser and written back in UTC. Values without one
 * (`2026-10-15T09:30:00`) are kept without one.
 */
-function DateTimeField({ value, onChange, timeZone = getLocalTimeZone(), withSeconds = false, disabled, readOnly, required, ...props }) {
-	const current = toDateTime(value, timeZone);
-	return /* @__PURE__ */ jsx(DatePicker, {
-		...props,
-		granularity: withSeconds ? "second" : "minute",
-		hideTimeZone: true,
-		value: current,
-		onChange: (next) => {
-			if (next === null) {
-				onChange?.(null);
-				return;
-			}
-			if ("hour" in next) onChange?.(fromDateTime(next));
-		},
-		placeholderValue: current ?? now(timeZone).set({
+function DateTimeField(t0) {
+	const $ = c(34);
+	let disabled;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let t1;
+	let t2;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, timeZone: t1, withSeconds: t2, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = onChange;
+		$[3] = props;
+		$[4] = readOnly;
+		$[5] = required;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = value;
+	} else {
+		disabled = $[1];
+		onChange = $[2];
+		props = $[3];
+		readOnly = $[4];
+		required = $[5];
+		t1 = $[6];
+		t2 = $[7];
+		value = $[8];
+	}
+	let T0;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	if ($[9] !== onChange || $[10] !== props || $[11] !== t1 || $[12] !== t2 || $[13] !== value) {
+		const timeZone = t1 === void 0 ? getLocalTimeZone() : t1;
+		const withSeconds = t2 === void 0 ? false : t2;
+		const current = toDateTime(value, timeZone);
+		T0 = DatePicker;
+		t3 = props;
+		t4 = withSeconds ? "second" : "minute";
+		t5 = true;
+		t6 = current;
+		if ($[21] !== onChange) {
+			t7 = (next) => {
+				if (next === null) {
+					onChange?.(null);
+					return;
+				}
+				if ("hour" in next) onChange?.(fromDateTime(next));
+			};
+			$[21] = onChange;
+			$[22] = t7;
+		} else t7 = $[22];
+		t8 = current ?? now(timeZone).set({
 			second: 0,
 			millisecond: 0
-		}),
-		isDisabled: disabled,
-		isReadOnly: readOnly,
-		isRequired: required
-	});
+		});
+		$[9] = onChange;
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = value;
+		$[14] = T0;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+	} else {
+		T0 = $[14];
+		t3 = $[15];
+		t4 = $[16];
+		t5 = $[17];
+		t6 = $[18];
+		t7 = $[19];
+		t8 = $[20];
+	}
+	let t9;
+	if ($[23] !== T0 || $[24] !== disabled || $[25] !== readOnly || $[26] !== required || $[27] !== t3 || $[28] !== t4 || $[29] !== t5 || $[30] !== t6 || $[31] !== t7 || $[32] !== t8) {
+		t9 = /* @__PURE__ */ jsx(T0, {
+			...t3,
+			granularity: t4,
+			hideTimeZone: t5,
+			value: t6,
+			onChange: t7,
+			placeholderValue: t8,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[23] = T0;
+		$[24] = disabled;
+		$[25] = readOnly;
+		$[26] = required;
+		$[27] = t3;
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t7;
+		$[32] = t8;
+		$[33] = t9;
+	} else t9 = $[33];
+	return t9;
 }
 /** The `datetime` type: setting `timeZone`. */
 function DateTimeFieldEntry(props) {

package/dist/datetime/DateTimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeField.js","names":["_c"],"sources":["../../src/datetime/DateTimeField.tsx"],"sourcesContent":["import { getLocalTimeZone, now } from '@internationalized/date';\n\nimport { DatePicker } from '@panneau/ui';\n\nimport { fromDateTime, toDateTime } from '../shared/dates';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface DateTimeFieldProps extends FieldProps<string> {\n    /**\n     * Time zone the date and time are shown and typed in, for values with an offset. Defaults to\n     * the browser's.\n     */\n    timeZone?: string;\n    /** Shows seconds. */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/**\n * A date and a time as an ISO string. Values with an offset (`2026-10-15T13:30:00Z`) are shown in\n * the time zone of the browser and written back in UTC. Values without one\n * (`2026-10-15T09:30:00`) are kept without one.\n */\nexport function DateTimeField({\n    value,\n    onChange,\n    timeZone = getLocalTimeZone(),\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: DateTimeFieldProps) {\n    const current = toDateTime(value, timeZone);\n    return (\n        <DatePicker\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            hideTimeZone\n            value={current}\n            onChange={(next) => {\n                if (next === null) {\n                    onChange?.(null);\n                    return;\n                }\n                if ('hour' in next) {\n                    onChange?.(fromDateTime(next));\n                }\n            }}\n            // Typed from empty, a value is in the field's time zone, and written in UTC.\n            placeholderValue={current ?? now(timeZone).set({ second: 0, millisecond: 0 })}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `datetime` type: setting `timeZone`. */\nexport function DateTimeFieldEntry(props: FieldEntryProps) {\n    const timeZone = getSetting(props.field, 'timeZone', isString);\n    return (\n        <DateTimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(timeZone !== undefined ? { timeZone } : {})}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,SAAgB,cAAc,EAC1B,OACA,UACA,WAAW,iBAAiB,GAC5B,cAAc,OACd,UACA,UACA,UACA,GAAG,SACgB;CACnB,MAAM,UAAU,WAAW,OAAO,QAAQ;CAC1C,OACI,oBAAC,YAAD;EACI,GAAI;EACJ,aAAa,cAAc,WAAW;EACtC,cAAA;EACA,OAAO;EACP,WAAW,SAAS;GAChB,IAAI,SAAS,MAAM;IACf,WAAW,IAAI;IACf;GACJ;GACA,IAAI,UAAU,MACV,WAAW,aAAa,IAAI,CAAC;EAErC;EAEA,kBAAkB,WAAW,IAAI,QAAQ,CAAC,CAAC,IAAI;GAAE,QAAQ;GAAG,aAAa;EAAE,CAAC;EAC5E,YAAY;EACZ,YAAY;EACZ,YAAY;CAAS,CAAA;AAGjC;;AAGA,SAAO,mBAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,OAAA;EACc,KAAA,WAAW,MAAK,OAAQ,YAAY,QAAQ;EAAC,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAA9D,MAAA,WAAiB;CAA8C,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAGnD,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAA0C,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA;EAE5C,KAAA,aAAa,KAAA,IAAb,EAAA,SAAyC,IAAzC,CAAyC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJnD,KAAA,oBAAC,eAAD;GAAc,GACN;GACG,OAAA;GACG,UAAA,MAAK;GAAS,GACnB;EAA0C,CAAA;EACjD,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}
+{"version":3,"file":"DateTimeField.js","names":["getLocalTimeZone","now","DatePicker","fromDateTime","toDateTime","getFieldProps","getSetting","isString","FieldEntryProps","FieldProps","DateTimeFieldProps","timeZone","withSeconds","hourCycle","controlClassName","DateTimeField","t0","$","_c","disabled","onChange","props","readOnly","required","t1","t2","value","T0","t3","t4","t5","t6","t7","t8","undefined","current","next","set","second","millisecond","t9","DateTimeFieldEntry","field","_c"],"sources":["../../src/datetime/DateTimeField.tsx"],"sourcesContent":["import { getLocalTimeZone, now } from '@internationalized/date';\n\nimport { DatePicker } from '@panneau/ui';\n\nimport { fromDateTime, toDateTime } from '../shared/dates';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface DateTimeFieldProps extends FieldProps<string> {\n    /**\n     * Time zone the date and time are shown and typed in, for values with an offset. Defaults to\n     * the browser's.\n     */\n    timeZone?: string;\n    /** Shows seconds. */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/**\n * A date and a time as an ISO string. Values with an offset (`2026-10-15T13:30:00Z`) are shown in\n * the time zone of the browser and written back in UTC. Values without one\n * (`2026-10-15T09:30:00`) are kept without one.\n */\nexport function DateTimeField({\n    value,\n    onChange,\n    timeZone = getLocalTimeZone(),\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: DateTimeFieldProps) {\n    const current = toDateTime(value, timeZone);\n    return (\n        <DatePicker\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            hideTimeZone\n            value={current}\n            onChange={(next) => {\n                if (next === null) {\n                    onChange?.(null);\n                    return;\n                }\n                if ('hour' in next) {\n                    onChange?.(fromDateTime(next));\n                }\n            }}\n            // Typed from empty, a value is in the field's time zone, and written in UTC.\n            placeholderValue={current ?? now(timeZone).set({ second: 0, millisecond: 0 })}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `datetime` type: setting `timeZone`. */\nexport function DateTimeFieldEntry(props: FieldEntryProps) {\n    const timeZone = getSetting(props.field, 'timeZone', isString);\n    return (\n        <DateTimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(timeZone !== undefined ? { timeZone } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/datetime/index.d.ts

@@ -1,2 +1,2 @@
-export { DateTimeField, DateTimeFieldEntry, type DateTimeFieldProps } from './DateTimeField';
+export { DateTimeField, DateTimeFieldEntry, type DateTimeFieldProps } from './DateTimeField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/duration/DurationField.css

@@ -0,0 +1,11 @@
+/* The parts of the duration side by side: days, hours, minutes and seconds. */
+.panneau-duration-field-parts {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-duration-field-part {
+    flex: 0 1 7rem;
+    min-width: 5rem;
+}

package/dist/duration/DurationField.d.ts

@@ -0,0 +1,67 @@
+import type { Field } from '@panneau/protocol';
+import { type DurationUnit } from '@panneau/protocol/runtime';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+export type { DurationUnit };
+/**
+ * The unit of a duration's value and the parts that show it (decision 0056). Every unit is
+ * `seconds`, `minutes`, `hours` or `days`, and a day is 24 hours.
+ */
+export interface DurationUnits {
+    /** The unit of the value, a whole number: `seconds` by default. */
+    unit?: DurationUnit;
+    /** The smallest part shown. Defaults to `unit`; a precision finer than `unit` is raised to it. */
+    precision?: DurationUnit;
+    /**
+     * The largest part shown, which has no upper bound. Defaults to the larger of `hours` and
+     * `precision`; a largest unit smaller than `precision` is raised to it.
+     */
+    largestUnit?: DurationUnit;
+}
+/** The parts of a duration, from its largest unit to its precision. */
+export type DurationParts = Partial<Record<DurationUnit, number>>;
+/** Options of `formatDuration()`. */
+export interface FormatDurationOptions extends DurationUnits {
+    /** The abbreviations of the units: `d`, `h`, `min` and `s` by default. */
+    labels?: Partial<Record<DurationUnit, string>>;
+}
+/** Whether a value is a unit of a duration: `seconds`, `minutes`, `hours` or `days`. */
+export declare function isDurationUnit(value: unknown): value is DurationUnit;
+/**
+ * The units of a duration with their defaults: `seconds` for the value, a precision of the unit
+ * of the value, and a largest unit of `hours` or the precision, whichever is larger.
+ */
+export declare function resolveDurationUnits({ unit, precision, largestUnit, }?: DurationUnits): Required<DurationUnits>;
+/** The units of a `duration` field, from its settings `unit`, `precision` and `largestUnit`. */
+export declare function getDurationUnits(field: Field): DurationUnits;
+/**
+ * The parts of a duration, from its largest unit to its precision: hours, minutes and seconds of
+ * a number of seconds by default. The largest part takes what the larger units would have held
+ * (`48` hours for 2 days), and what is finer than the precision is dropped.
+ */
+export declare function splitDuration(seconds: number): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+/** The parts of a duration in `units.unit`, from `units.largestUnit` to `units.precision`. */
+export declare function splitDuration(value: number, units: DurationUnits): DurationParts;
+/**
+ * A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`, `2 d 4 h`. The
+ * value is in `unit` (seconds by default), and is rounded to the precision.
+ */
+export declare function formatDuration(value: number, options?: FormatDurationOptions): string;
+/** Props of `DurationField`: those of every field, and the units of the duration. */
+export interface DurationFieldProps extends FieldProps<number>, DurationUnits {
+}
+/**
+ * A duration, a whole number of `unit` (seconds by default), typed in parts from `largestUnit`
+ * to `precision`: hours, minutes and seconds by default. The largest part has no upper bound.
+ * It is `null` while every part is empty.
+ */
+export declare function DurationField({ value, onChange, onBlur, unit: unitProp, precision: precisionProp, largestUnit: largestUnitProp, label, description, errors, disabled, readOnly, required, name, className, }: DurationFieldProps): import("react").JSX.Element;
+/**
+ * The `duration` type: a whole number of `settings.unit`, with settings `precision` and
+ * `largestUnit` for the parts its input shows.
+ */
+export declare function DurationFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=DurationField.d.ts.map

package/dist/duration/DurationField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DurationField.d.ts","sourceRoot":"","sources":["../../src/duration/DurationField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAkB,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAK9E,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,mEAAmE;IACnE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,kGAAkG;IAClG,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;CAC9B;AAED,uEAAuE;AACvE,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;AAElE,qCAAqC;AACrC,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IACxD,0EAA0E;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;CAClD;AAmBD,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,YAAY,CAEpE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,IAAgB,EAChB,SAAS,EACT,WAAW,GACd,GAAE,aAAkB,GAAG,QAAQ,CAAC,aAAa,CAAC,CAG9C;AAED,gGAAgG;AAChG,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAS5D;AAOD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AACpG,8FAA8F;AAC9F,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,GAAG,aAAa,CAAC;AAalF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,qBAA0B,GAAG,MAAM,CAUzF;AAED,qFAAqF;AACrF,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,MAAM,CAAC,EAAE,aAAa;CAAG;AAEhF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,GACZ,EAAE,kBAAkB,+BA4DpB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,+BAUxD"}

package/dist/duration/DurationField.js

@@ -0,0 +1,260 @@
+import { getFieldProps, getSetting, isNumber } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import DurationField_module_default from "./DurationField.module.js";
+import { c } from "react/compiler-runtime";
+import { DURATION_UNITS } from "@panneau/protocol/runtime";
+import { Fieldset, NumberInput, usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/duration/DurationField.tsx
+var SECONDS = {
+	seconds: 1,
+	minutes: 60,
+	hours: 3600,
+	days: 86400
+};
+var LABELS = {
+	days: "d",
+	hours: "h",
+	minutes: "min",
+	seconds: "s"
+};
+var rank = (unit) => DURATION_UNITS.indexOf(unit);
+var larger = (a, b) => rank(a) >= rank(b) ? a : b;
+/** Whether a value is a unit of a duration: `seconds`, `minutes`, `hours` or `days`. */
+function isDurationUnit(value) {
+	return typeof value === "string" && DURATION_UNITS.includes(value);
+}
+/**
+* The units of a duration with their defaults: `seconds` for the value, a precision of the unit
+* of the value, and a largest unit of `hours` or the precision, whichever is larger.
+*/
+function resolveDurationUnits({ unit = "seconds", precision, largestUnit } = {}) {
+	const smallest = larger(precision ?? unit, unit);
+	return {
+		unit,
+		precision: smallest,
+		largestUnit: larger(largestUnit ?? "hours", smallest)
+	};
+}
+/** The units of a `duration` field, from its settings `unit`, `precision` and `largestUnit`. */
+function getDurationUnits(field) {
+	const unit = getSetting(field, "unit", isDurationUnit);
+	const precision = getSetting(field, "precision", isDurationUnit);
+	const largestUnit = getSetting(field, "largestUnit", isDurationUnit);
+	return {
+		...unit !== void 0 ? { unit } : {},
+		...precision !== void 0 ? { precision } : {},
+		...largestUnit !== void 0 ? { largestUnit } : {}
+	};
+}
+/** The units from the largest to the smallest, both included. */
+function unitsBetween(largest, smallest) {
+	return DURATION_UNITS.slice(rank(smallest), rank(largest) + 1).reverse();
+}
+function splitDuration(value, units = {}) {
+	const { unit, precision, largestUnit } = resolveDurationUnits(units);
+	let rest = Math.max(0, Math.round(value)) * SECONDS[unit];
+	const parts = {};
+	for (const part of unitsBetween(largestUnit, precision)) {
+		const count = Math.floor(rest / SECONDS[part]);
+		parts[part] = count;
+		rest -= count * SECONDS[part];
+	}
+	return parts;
+}
+/**
+* A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`, `2 d 4 h`. The
+* value is in `unit` (seconds by default), and is rounded to the precision.
+*/
+function formatDuration(value, options = {}) {
+	const units = resolveDurationUnits(options);
+	const labels = {
+		...LABELS,
+		...options.labels
+	};
+	const step = SECONDS[units.precision] / SECONDS[units.unit];
+	const parts = splitDuration(Math.round(value / step) * step, units);
+	const shown = unitsBetween(units.largestUnit, units.precision).flatMap((part) => {
+		const count = parts[part] ?? 0;
+		return count > 0 ? [`${String(count)} ${labels[part]}`] : [];
+	});
+	return shown.length > 0 ? shown.join(" ") : `0 ${labels[units.precision]}`;
+}
+/**
+* A duration, a whole number of `unit` (seconds by default), typed in parts from `largestUnit`
+* to `precision`: hours, minutes and seconds by default. The largest part has no upper bound.
+* It is `null` while every part is empty.
+*/
+function DurationField(t0) {
+	const $ = c(36);
+	const { value, onChange, onBlur, unit: unitProp, precision: precisionProp, largestUnit: largestUnitProp, label, description, errors, disabled, readOnly, required, name, className } = t0;
+	const intl = usePanneauIntl();
+	let T0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	if ($[0] !== className || $[1] !== description || $[2] !== disabled || $[3] !== errors || $[4] !== intl || $[5] !== label || $[6] !== largestUnitProp || $[7] !== name || $[8] !== onBlur || $[9] !== onChange || $[10] !== precisionProp || $[11] !== readOnly || $[12] !== required || $[13] !== unitProp || $[14] !== value) {
+		const { unit, precision, largestUnit } = resolveDurationUnits({
+			...unitProp !== void 0 ? { unit: unitProp } : {},
+			...precisionProp !== void 0 ? { precision: precisionProp } : {},
+			...largestUnitProp !== void 0 ? { largestUnit: largestUnitProp } : {}
+		});
+		const all = unitsBetween(largestUnit, unit);
+		const parts = value !== null && value !== void 0 ? splitDuration(value, {
+			unit,
+			precision: unit,
+			largestUnit
+		}) : null;
+		const change = (part, next) => {
+			const updated = {
+				...parts,
+				[part]: next ?? 0
+			};
+			const total = all.reduce((sum, current) => sum + (updated[current] ?? 0) * SECONDS[current] / SECONDS[unit], 0);
+			onChange?.(total === 0 && next === null ? null : total);
+		};
+		const input = (part_0) => {
+			const above = DURATION_UNITS[rank(part_0) + 1];
+			return /* @__PURE__ */ jsx(NumberInput, {
+				"aria-label": intl.formatMessage(messages[part_0]),
+				value: parts?.[part_0] ?? null,
+				onChange: (next_0) => change(part_0, next_0),
+				onBlur: () => onBlur?.(),
+				minValue: 0,
+				...part_0 !== largestUnit && above !== void 0 ? { maxValue: SECONDS[above] / SECONDS[part_0] - 1 } : {},
+				formatOptions: { maximumFractionDigits: 0 },
+				suffix: intl.formatMessage(messages[`${part_0}Unit`]),
+				isDisabled: disabled,
+				isReadOnly: readOnly,
+				...name !== void 0 ? { name: `${name}[${part_0}]` } : {},
+				className: DurationField_module_default.part
+			}, part_0);
+		};
+		T0 = Fieldset;
+		t3 = label;
+		t4 = description;
+		t5 = errors;
+		t6 = required;
+		t7 = disabled;
+		t8 = className;
+		t1 = DurationField_module_default.parts;
+		t2 = unitsBetween(largestUnit, precision).map((part_1) => input(part_1));
+		$[0] = className;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = errors;
+		$[4] = intl;
+		$[5] = label;
+		$[6] = largestUnitProp;
+		$[7] = name;
+		$[8] = onBlur;
+		$[9] = onChange;
+		$[10] = precisionProp;
+		$[11] = readOnly;
+		$[12] = required;
+		$[13] = unitProp;
+		$[14] = value;
+		$[15] = T0;
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+		$[21] = t6;
+		$[22] = t7;
+		$[23] = t8;
+	} else {
+		T0 = $[15];
+		t1 = $[16];
+		t2 = $[17];
+		t3 = $[18];
+		t4 = $[19];
+		t5 = $[20];
+		t6 = $[21];
+		t7 = $[22];
+		t8 = $[23];
+	}
+	let t9;
+	if ($[24] !== t1 || $[25] !== t2) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t2
+		});
+		$[24] = t1;
+		$[25] = t2;
+		$[26] = t9;
+	} else t9 = $[26];
+	let t10;
+	if ($[27] !== T0 || $[28] !== t3 || $[29] !== t4 || $[30] !== t5 || $[31] !== t6 || $[32] !== t7 || $[33] !== t8 || $[34] !== t9) {
+		t10 = /* @__PURE__ */ jsx(T0, {
+			legend: t3,
+			description: t4,
+			errors: t5,
+			isRequired: t6,
+			isDisabled: t7,
+			className: t8,
+			children: t9
+		});
+		$[27] = T0;
+		$[28] = t3;
+		$[29] = t4;
+		$[30] = t5;
+		$[31] = t6;
+		$[32] = t7;
+		$[33] = t8;
+		$[34] = t9;
+		$[35] = t10;
+	} else t10 = $[35];
+	return t10;
+}
+/**
+* The `duration` type: a whole number of `settings.unit`, with settings `precision` and
+* `largestUnit` for the parts its input shows.
+*/
+function DurationFieldEntry(props) {
+	const $ = c(11);
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	let fieldProps;
+	if ($[2] !== t0) {
+		const { placeholder: _placeholder, ...t1 } = t0;
+		fieldProps = t1;
+		$[2] = t0;
+		$[3] = fieldProps;
+	} else fieldProps = $[3];
+	let t1;
+	if ($[4] !== props.field) {
+		t1 = getDurationUnits(props.field);
+		$[4] = props.field;
+		$[5] = t1;
+	} else t1 = $[5];
+	const t2 = isNumber(props.value) ? props.value : null;
+	let t3;
+	if ($[6] !== fieldProps || $[7] !== props.onChange || $[8] !== t1 || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx(DurationField, {
+			...fieldProps,
+			...t1,
+			value: t2,
+			onChange: props.onChange
+		});
+		$[6] = fieldProps;
+		$[7] = props.onChange;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+//#endregion
+export { DurationField, DurationFieldEntry, formatDuration, getDurationUnits, isDurationUnit, resolveDurationUnits, splitDuration };
+
+//# sourceMappingURL=DurationField.js.map

package/dist/duration/DurationField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DurationField.js","names":["Field","DURATION_UNITS","DurationUnit","Fieldset","NumberInput","usePanneauIntl","getFieldProps","getSetting","isNumber","messages","FieldEntryProps","FieldProps","styles","DurationUnits","unit","precision","largestUnit","DurationParts","Partial","Record","FormatDurationOptions","labels","SECONDS","Readonly","seconds","minutes","hours","days","LABELS","rank","indexOf","larger","a","b","isDurationUnit","value","includes","resolveDurationUnits","Required","smallest","getDurationUnits","field","undefined","unitsBetween","largest","slice","reverse","splitDuration","units","rest","Math","max","round","parts","part","count","floor","formatDuration","options","step","shown","flatMap","String","length","join","DurationFieldProps","DurationField","t0","$","_c","onChange","onBlur","unitProp","precisionProp","largestUnitProp","label","description","errors","disabled","readOnly","required","name","className","intl","T0","t1","t2","t3","t4","t5","t6","t7","t8","all","change","next","updated","total","reduce","sum","current","input","part_0","above","formatMessage","next_0","maxValue","maximumFractionDigits","map","part_1","t9","t10","DurationFieldEntry","props","fieldProps","placeholder","_placeholder","_c","styles"],"sources":["../../src/duration/DurationField.tsx"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { DURATION_UNITS, type DurationUnit } from '@panneau/protocol/runtime';\nimport { Fieldset, NumberInput, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isNumber } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './DurationField.module.css';\n\nexport type { DurationUnit };\n\n/**\n * The unit of a duration's value and the parts that show it (decision 0056). Every unit is\n * `seconds`, `minutes`, `hours` or `days`, and a day is 24 hours.\n */\nexport interface DurationUnits {\n    /** The unit of the value, a whole number: `seconds` by default. */\n    unit?: DurationUnit;\n    /** The smallest part shown. Defaults to `unit`; a precision finer than `unit` is raised to it. */\n    precision?: DurationUnit;\n    /**\n     * The largest part shown, which has no upper bound. Defaults to the larger of `hours` and\n     * `precision`; a largest unit smaller than `precision` is raised to it.\n     */\n    largestUnit?: DurationUnit;\n}\n\n/** The parts of a duration, from its largest unit to its precision. */\nexport type DurationParts = Partial<Record<DurationUnit, number>>;\n\n/** Options of `formatDuration()`. */\nexport interface FormatDurationOptions extends DurationUnits {\n    /** The abbreviations of the units: `d`, `h`, `min` and `s` by default. */\n    labels?: Partial<Record<DurationUnit, string>>;\n}\n\nconst SECONDS: Readonly<Record<DurationUnit, number>> = {\n    seconds: 1,\n    minutes: 60,\n    hours: 3600,\n    days: 86_400,\n};\n\nconst LABELS: Readonly<Record<DurationUnit, string>> = {\n    days: 'd',\n    hours: 'h',\n    minutes: 'min',\n    seconds: 's',\n};\n\nconst rank = (unit: DurationUnit) => DURATION_UNITS.indexOf(unit);\nconst larger = (a: DurationUnit, b: DurationUnit) => (rank(a) >= rank(b) ? a : b);\n\n/** Whether a value is a unit of a duration: `seconds`, `minutes`, `hours` or `days`. */\nexport function isDurationUnit(value: unknown): value is DurationUnit {\n    return typeof value === 'string' && (DURATION_UNITS as readonly string[]).includes(value);\n}\n\n/**\n * The units of a duration with their defaults: `seconds` for the value, a precision of the unit\n * of the value, and a largest unit of `hours` or the precision, whichever is larger.\n */\nexport function resolveDurationUnits({\n    unit = 'seconds',\n    precision,\n    largestUnit,\n}: DurationUnits = {}): Required<DurationUnits> {\n    const smallest = larger(precision ?? unit, unit);\n    return { unit, precision: smallest, largestUnit: larger(largestUnit ?? 'hours', smallest) };\n}\n\n/** The units of a `duration` field, from its settings `unit`, `precision` and `largestUnit`. */\nexport function getDurationUnits(field: Field): DurationUnits {\n    const unit = getSetting(field, 'unit', isDurationUnit);\n    const precision = getSetting(field, 'precision', isDurationUnit);\n    const largestUnit = getSetting(field, 'largestUnit', isDurationUnit);\n    return {\n        ...(unit !== undefined ? { unit } : {}),\n        ...(precision !== undefined ? { precision } : {}),\n        ...(largestUnit !== undefined ? { largestUnit } : {}),\n    };\n}\n\n/** The units from the largest to the smallest, both included. */\nfunction unitsBetween(largest: DurationUnit, smallest: DurationUnit): DurationUnit[] {\n    return DURATION_UNITS.slice(rank(smallest), rank(largest) + 1).reverse();\n}\n\n/**\n * The parts of a duration, from its largest unit to its precision: hours, minutes and seconds of\n * a number of seconds by default. The largest part takes what the larger units would have held\n * (`48` hours for 2 days), and what is finer than the precision is dropped.\n */\nexport function splitDuration(seconds: number): { hours: number; minutes: number; seconds: number };\n/** The parts of a duration in `units.unit`, from `units.largestUnit` to `units.precision`. */\nexport function splitDuration(value: number, units: DurationUnits): DurationParts;\nexport function splitDuration(value: number, units: DurationUnits = {}): DurationParts {\n    const { unit, precision, largestUnit } = resolveDurationUnits(units);\n    let rest = Math.max(0, Math.round(value)) * SECONDS[unit];\n    const parts: DurationParts = {};\n    for (const part of unitsBetween(largestUnit, precision)) {\n        const count = Math.floor(rest / SECONDS[part]);\n        parts[part] = count;\n        rest -= count * SECONDS[part];\n    }\n    return parts;\n}\n\n/**\n * A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`, `2 d 4 h`. The\n * value is in `unit` (seconds by default), and is rounded to the precision.\n */\nexport function formatDuration(value: number, options: FormatDurationOptions = {}): string {\n    const units = resolveDurationUnits(options);\n    const labels = { ...LABELS, ...options.labels };\n    const step = SECONDS[units.precision] / SECONDS[units.unit];\n    const parts = splitDuration(Math.round(value / step) * step, units);\n    const shown = unitsBetween(units.largestUnit, units.precision).flatMap((part) => {\n        const count = parts[part] ?? 0;\n        return count > 0 ? [`${String(count)} ${labels[part]}`] : [];\n    });\n    return shown.length > 0 ? shown.join(' ') : `0 ${labels[units.precision]}`;\n}\n\n/** Props of `DurationField`: those of every field, and the units of the duration. */\nexport interface DurationFieldProps extends FieldProps<number>, DurationUnits {}\n\n/**\n * A duration, a whole number of `unit` (seconds by default), typed in parts from `largestUnit`\n * to `precision`: hours, minutes and seconds by default. The largest part has no upper bound.\n * It is `null` while every part is empty.\n */\nexport function DurationField({\n    value,\n    onChange,\n    onBlur,\n    unit: unitProp,\n    precision: precisionProp,\n    largestUnit: largestUnitProp,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    name,\n    className,\n}: DurationFieldProps) {\n    const intl = usePanneauIntl();\n    const { unit, precision, largestUnit } = resolveDurationUnits({\n        ...(unitProp !== undefined ? { unit: unitProp } : {}),\n        ...(precisionProp !== undefined ? { precision: precisionProp } : {}),\n        ...(largestUnitProp !== undefined ? { largestUnit: largestUnitProp } : {}),\n    });\n    // Every part down to the unit of the value: parts finer than the precision are kept as they\n    // are when another part changes.\n    const all = unitsBetween(largestUnit, unit);\n    const parts =\n        value !== null && value !== undefined\n            ? splitDuration(value, { unit, precision: unit, largestUnit })\n            : null;\n    const change = (part: DurationUnit, next: number | null) => {\n        const updated: DurationParts = { ...parts, [part]: next ?? 0 };\n        const total = all.reduce(\n            (sum, current) => sum + ((updated[current] ?? 0) * SECONDS[current]) / SECONDS[unit],\n            0,\n        );\n        // Clearing the last part that had a value empties the field\n        onChange?.(total === 0 && next === null ? null : total);\n    };\n    const input = (part: DurationUnit) => {\n        const above = DURATION_UNITS[rank(part) + 1];\n        return (\n            <NumberInput\n                key={part}\n                aria-label={intl.formatMessage(messages[part])}\n                value={parts?.[part] ?? null}\n                onChange={(next) => change(part, next)}\n                onBlur={() => onBlur?.()}\n                minValue={0}\n                // The largest part has no upper bound: 90 minutes, or 48 hours without days\n                {...(part !== largestUnit && above !== undefined\n                    ? { maxValue: SECONDS[above] / SECONDS[part] - 1 }\n                    : {})}\n                formatOptions={{ maximumFractionDigits: 0 }}\n                suffix={intl.formatMessage(messages[`${part}Unit`])}\n                isDisabled={disabled}\n                isReadOnly={readOnly}\n                {...(name !== undefined ? { name: `${name}[${part}]` } : {})}\n                className={styles.part}\n            />\n        );\n    };\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            isDisabled={disabled}\n            className={className}\n        >\n            <div className={styles.parts}>\n                {unitsBetween(largestUnit, precision).map((part) => input(part))}\n            </div>\n        </Fieldset>\n    );\n}\n\n/**\n * The `duration` type: a whole number of `settings.unit`, with settings `precision` and\n * `largestUnit` for the parts its input shows.\n */\nexport function DurationFieldEntry(props: FieldEntryProps) {\n    const { placeholder: _placeholder, ...fieldProps } = getFieldProps(props);\n    return (\n        <DurationField\n            {...fieldProps}\n            {...getDurationUnits(props.field)}\n            value={isNumber(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;;AAoCA,IAAMsB,UAAkD;CACpDE,SAAS;CACTC,SAAS;CACTC,OAAO;CACPC,MAAM;AACV;AAEA,IAAMC,SAAiD;CACnDD,MAAM;CACND,OAAO;CACPD,SAAS;CACTD,SAAS;AACb;AAEA,IAAMK,QAAQf,SAAuBb,eAAe6B,QAAQhB,IAAI;AAChE,IAAMiB,UAAUC,GAAiBC,MAAqBJ,KAAKG,CAAC,KAAKH,KAAKI,CAAC,IAAID,IAAIC;;AAG/E,SAAgBC,eAAeC,OAAuC;CAClE,OAAO,OAAOA,UAAU,YAAalC,eAAqCmC,SAASD,KAAK;AAC5F;;;;;AAMA,SAAgBE,qBAAqB,EACjCvB,OAAO,WACPC,WACAC,gBACe,CAAC,GAA4B;CAC5C,MAAMuB,WAAWR,OAAOhB,aAAaD,MAAMA,IAAI;CAC/C,OAAO;EAAEA;EAAMC,WAAWwB;EAAUvB,aAAae,OAAOf,eAAe,SAASuB,QAAQ;CAAE;AAC9F;;AAGA,SAAgBC,iBAAiBC,OAA6B;CAC1D,MAAM3B,OAAOP,WAAWkC,OAAO,QAAQP,cAAc;CACrD,MAAMnB,YAAYR,WAAWkC,OAAO,aAAaP,cAAc;CAC/D,MAAMlB,cAAcT,WAAWkC,OAAO,eAAeP,cAAc;CACnE,OAAO;EACH,GAAIpB,SAAS4B,KAAAA,IAAY,EAAE5B,KAAK,IAAI,CAAC;EACrC,GAAIC,cAAc2B,KAAAA,IAAY,EAAE3B,UAAU,IAAI,CAAC;EAC/C,GAAIC,gBAAgB0B,KAAAA,IAAY,EAAE1B,YAAY,IAAI,CAAC;CACvD;AACJ;;AAGA,SAAS2B,aAAaC,SAAuBL,UAAwC;CACjF,OAAOtC,eAAe4C,MAAMhB,KAAKU,QAAQ,GAAGV,KAAKe,OAAO,IAAI,CAAC,CAAC,CAACE,QAAQ;AAC3E;AAUA,SAAgBC,cAAcZ,OAAea,QAAuB,CAAC,GAAkB;CACnF,MAAM,EAAElC,MAAMC,WAAWC,gBAAgBqB,qBAAqBW,KAAK;CACnE,IAAIC,OAAOC,KAAKC,IAAI,GAAGD,KAAKE,MAAMjB,KAAK,CAAC,IAAIb,QAAQR;CACpD,MAAMuC,QAAuB,CAAC;CAC9B,KAAK,MAAMC,QAAQX,aAAa3B,aAAaD,SAAS,GAAG;EACrD,MAAMwC,QAAQL,KAAKM,MAAMP,OAAO3B,QAAQgC,KAAK;EAC7CD,MAAMC,QAAQC;EACdN,QAAQM,QAAQjC,QAAQgC;CAC5B;CACA,OAAOD;AACX;;;;;AAMA,SAAgBI,eAAetB,OAAeuB,UAAiC,CAAC,GAAW;CACvF,MAAMV,QAAQX,qBAAqBqB,OAAO;CAC1C,MAAMrC,SAAS;EAAE,GAAGO;EAAQ,GAAG8B,QAAQrC;CAAO;CAC9C,MAAMsC,OAAOrC,QAAQ0B,MAAMjC,aAAaO,QAAQ0B,MAAMlC;CACtD,MAAMuC,QAAQN,cAAcG,KAAKE,MAAMjB,QAAQwB,IAAI,IAAIA,MAAMX,KAAK;CAClE,MAAMY,QAAQjB,aAAaK,MAAMhC,aAAagC,MAAMjC,SAAS,CAAC,CAAC8C,SAASP,SAAS;EAC7E,MAAMC,QAAQF,MAAMC,SAAS;EAC7B,OAAOC,QAAQ,IAAI,CAAC,GAAGO,OAAOP,KAAK,EAAC,GAAIlC,OAAOiC,OAAO,IAAI,CAAA;CAC9D,CAAC;CACD,OAAOM,MAAMG,SAAS,IAAIH,MAAMI,KAAK,GAAG,IAAI,KAAK3C,OAAO2B,MAAMjC;AAClE;;;;;;AAUA,SAAOmD,cAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAuB,MAAA,EAAAlC,OAAAmC,UAAAC,QAAAzD,MAAA0D,UAAAzD,WAAA0D,eAAAzD,aAAA0D,iBAAAC,OAAAC,aAAAC,QAAAC,UAAAC,UAAAC,UAAAC,MAAAC,cAAAf;CAgB1B,MAAAgB,OAAa9E,eAAe;CAAE,IAAA+E;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB,EAAA,OAAAc,aAAAd,EAAA,OAAAQ,eAAAR,EAAA,OAAAU,YAAAV,EAAA,OAAAS,UAAAT,EAAA,OAAAe,QAAAf,EAAA,OAAAO,SAAAP,EAAA,OAAAM,mBAAAN,EAAA,OAAAa,QAAAb,EAAA,OAAAG,UAAAH,EAAA,OAAAE,YAAAF,EAAA,QAAAK,iBAAAL,EAAA,QAAAW,YAAAX,EAAA,QAAAY,YAAAZ,EAAA,QAAAI,YAAAJ,EAAA,QAAAjC,OAAA;EAC9B,MAAA,EAAArB,MAAAC,WAAAC,gBAAyCqB,qBAAqB;GAAA,GACtDmC,aAAa9B,KAAAA,IAAb,EAAA5B,MAAiC0D,SAAc,IAA/C,CAA+C;GAAC,GAChDC,kBAAkB/B,KAAAA,IAAlB,EAAA3B,WAA2C0D,cAAmB,IAA9D,CAA8D;GAAC,GAC/DC,oBAAoBhC,KAAAA,IAApB,EAAA1B,aAA+C0D,gBAAqB,IAApE,CAAoE;EAC5E,CAAC;EAGD,MAAAmB,MAAYlD,aAAa3B,aAAaF,IAAI;EAC1C,MAAAuC,QACIlB,UAAU,QAAQA,UAAUO,KAAAA,IACtBK,cAAcZ,OAAO;GAAArB;GAAAC,WAAmBD;GAAIE;EAAc,CACvD,IAFT;EAGJ,MAAA8E,UAAexC,MAAAyC,SAAA;GACX,MAAAC,UAA+B;IAAA,GAAK3C;KAAQC,OAAOyC,QAAA;GAAU;GAC7D,MAAAE,QAAcJ,IAAGK,QACbC,KAAAC,YAAkBD,OAAQH,QAAQI,YAAR,KAAyB9E,QAAQ8E,WAAY9E,QAAQR,OAC/E,CACJ;GAEAwD,WAAW2B,UAAU,KAAKF,SAAS,OAAxB,OAAAE,KAA2C;EAAC;EAE3D,MAAAI,SAAcC,WAAA;GACV,MAAAC,QAActG,eAAe4B,KAAKyB,MAAI,IAAI;GAAG,OAEzC,oBAAC,aAAD;IAEgB,cAAA6B,KAAIqB,cAAe/F,SAAS6C,OAAK;IACtC,OAAAD,QAAQC,WAAR;IACG,WAAAmD,WAAUX,OAAOxC,QAAMyC,MAAI;IAC7B,cAAMxB,SAAS;IACb,UAAA;IAAC,GAENjB,WAAStC,eAAeuF,UAAU7D,KAAAA,IAAlC,EAAAgE,UACapF,QAAQiF,SAASjF,QAAQgC,UAAQ,EAC5C,IAFF,CAEE;IACQ,eAAA,EAAAqD,uBAAyB,EAAE;IAClC,QAAAxB,KAAIqB,cAAe/F,SAAS,GAAG6C,OAAI,MAAO;IACtCwB,YAAAA;IACAC,YAAAA;IAAQ,GACfE,SAASvC,KAAAA,IAAT,EAAAuC,MAA6B,GAAGA,KAAI,GAAI3B,OAAI,GAAS,IAArD,CAAqD;IAC/C,WAAA1C,6BAAM0C;GAAK,GAfjBA,MAeiB;EACxB;EAIL8B,KAAAjF;EACWwE,KAAAA;EACKC,KAAAA;EACLC,KAAAA;EACIG,KAAAA;EACAF,KAAAA;EACDI,KAAAA;EAEKG,KAAAzE,6BAAMyC;EACjBiC,KAAA3C,aAAa3B,aAAaD,SAAS,CAAC,CAAA6F,KAAKC,WAAUR,MAAM/C,MAAI,CAAC;EAACc,EAAA,KAAAc;EAAAd,EAAA,KAAAQ;EAAAR,EAAA,KAAAU;EAAAV,EAAA,KAAAS;EAAAT,EAAA,KAAAe;EAAAf,EAAA,KAAAO;EAAAP,EAAA,KAAAM;EAAAN,EAAA,KAAAa;EAAAb,EAAA,KAAAG;EAAAH,EAAA,KAAAE;EAAAF,EAAA,MAAAK;EAAAL,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAI;EAAAJ,EAAA,MAAAjC;EAAAiC,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;CAAA,OAAA;EAAAR,KAAAhB,EAAA;EAAAiB,KAAAjB,EAAA;EAAAkB,KAAAlB,EAAA;EAAAmB,KAAAnB,EAAA;EAAAoB,KAAApB,EAAA;EAAAqB,KAAArB,EAAA;EAAAsB,KAAAtB,EAAA;EAAAuB,KAAAvB,EAAA;EAAAwB,KAAAxB,EAAA;CAAA;CAAA,IAAA0C;CAAA,IAAA1C,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,IAAA;EADpEwB,KAAA,oBAAA,OAAA;GAAgB,WAAAzB;GACXC,UAAAA;EACC,CAAA;EAAAlB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAA0C;CAAA,OAAAA,KAAA1C,EAAA;CAAA,IAAA2C;CAAA,IAAA3C,EAAA,QAAAgB,MAAAhB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,MAAApB,EAAA,QAAAqB,MAAArB,EAAA,QAAAsB,MAAAtB,EAAA,QAAAuB,MAAAvB,EAAA,QAAAwB,MAAAxB,EAAA,QAAA0C,IAAA;EAVVC,MAAA,oBAAC,IAAD;GACYpC,QAAAA;GACKC,aAAAA;GACLC,QAAAA;GACIG,YAAAA;GACAF,YAAAA;GACDI,WAAAA;GAEX4B,UAAAA;EARK,CAAA;EAWE1C,EAAA,MAAAgB;EAAAhB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAA0C;EAAA1C,EAAA,MAAA2C;CAAA,OAAAA,MAAA3C,EAAA;CAAA,OAXX2C;AAWW;;;;;AAQnB,SAAOC,mBAAAC,OAAA;CAAA,MAAA7C,IAAAC,EAAA,EAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAA6C,OAAA;EACkD9C,KAAA7D,cAAc2G,KAAK;EAAC7C,EAAA,KAAA6C;EAAA7C,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAA,IAAA8C;CAAA,IAAA9C,EAAA,OAAAD,IAAA;EAAzE,MAAA,EAAAgD,aAAAC,cAAA,GAAA/B,OAAqDlB;EAArD+C,aAAA7B;EAA0EjB,EAAA,KAAAD;EAAAC,EAAA,KAAA8C;CAAA,OAAAA,aAAA9C,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAA6C,MAAAxE,OAAA;EAI9D4C,KAAA7C,iBAAiByE,MAAKxE,KAAM;EAAC2B,EAAA,KAAA6C,MAAAxE;EAAA2B,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAC1B,MAAAkB,KAAA9E,SAASyG,MAAK9E,KAA2B,IAAjB8E,MAAK9E,QAA7B;CAA0C,IAAAoD;CAAA,IAAAnB,EAAA,OAAA8C,cAAA9C,EAAA,OAAA6C,MAAA3C,YAAAF,EAAA,OAAAiB,MAAAjB,EAAA,OAAAkB,IAAA;EAHrDC,KAAA,oBAAC,eAAD;GAAc,GACN2B;GAAU,GACV7B;GACG,OAAAC;GACG,UAAA2B,MAAK3C;EAAS,CAAA;EAC1BF,EAAA,KAAA8C;EAAA9C,EAAA,KAAA6C,MAAA3C;EAAAF,EAAA,KAAAiB;EAAAjB,EAAA,KAAAkB;EAAAlB,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OALFmB;AAKE"}

package/dist/duration/DurationField.module.js

@@ -0,0 +1,12 @@
+import "./DurationField.css";
+//#region src/duration/DurationField.module.css
+var parts = "panneau-duration-field-parts";
+var part = "panneau-duration-field-part";
+var DurationField_module_default = {
+	parts,
+	part
+};
+//#endregion
+export { DurationField_module_default as default, part, parts };
+
+//# sourceMappingURL=DurationField.module.js.map

package/dist/duration/DurationField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DurationField.module.js","names":[],"sources":["../../src/duration/DurationField.module.css"],"sourcesContent":["/* The parts of the duration side by side: days, hours, minutes and seconds. */\n.parts {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-2);\n}\n\n.part {\n    flex: 0 1 7rem;\n    min-width: 5rem;\n}\n"],"mappings":""}

package/dist/duration/index.d.ts

@@ -0,0 +1,2 @@
+export { DurationField, DurationFieldEntry, type DurationFieldProps, type DurationParts, type DurationUnit, type DurationUnits, type FormatDurationOptions, formatDuration, getDurationUnits, isDurationUnit, resolveDurationUnits, splitDuration, } from './DurationField.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/duration/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/duration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EACb,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,oBAAoB,EACpB,aAAa,GAChB,MAAM,iBAAiB,CAAC"}

package/dist/duration/index.js

@@ -0,0 +1 @@
+export { DurationField, DurationFieldEntry, formatDuration, getDurationUnits, isDurationUnit, resolveDurationUnits, splitDuration } from "./DurationField.js";

package/dist/email/EmailField.d.ts

@@ -1,5 +1,5 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 export type EmailFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;
 /** An email address, with the email keyboard on phones. Spaces around it are removed on blur. */
 export declare function EmailField({ value, onChange, onBlur, ...props }: EmailFieldProps): import("react").JSX.Element;