@panneau/fields 5.0.0-alpha.4 → 5.0.0-alpha.6

package/README.md

@@ -20,27 +20,34 @@ import { PanneauRoot } from '@panneau/ui';
 
 Every field takes `value`, `onChange`, `onBlur`, `errors`, `disabled`, `readOnly`, `required`, `label` and `description`, plus `className` and `xxxClassName` props for its inner elements. Fields keep no value of their own, and an empty value is `null`.
 
-| Import                      | Components                                   | Value                                          |
-| --------------------------- | -------------------------------------------- | ---------------------------------------------- |
-| `@panneau/fields/text`      | `TextField`                                  | `string`                                       |
-| `@panneau/fields/textarea`  | `TextAreaField`                              | `string`                                       |
-| `@panneau/fields/number`    | `NumberField`                                | `number`                                       |
-| `@panneau/fields/boolean`   | `BooleanField` (checkbox, switch)            | `boolean`                                      |
-| `@panneau/fields/date`      | `DateField`                                  | `'2026-10-15'`                                 |
-| `@panneau/fields/datetime`  | `DateTimeField`                              | `'2026-10-15T13:30:00Z'`, or without an offset |
-| `@panneau/fields/time`      | `TimeField`                                  | `'09:30'`                                      |
-| `@panneau/fields/select`    | `SelectField` (dropdown, radios, checkboxes) | an option's value, or a list with `multiple`   |
-| `@panneau/fields/email`     | `EmailField`                                 | `string`                                       |
-| `@panneau/fields/url`       | `UrlField`                                   | `string`, with `https://` added on blur        |
-| `@panneau/fields/color`     | `ColorField`                                 | `'#1d4ed8'`                                    |
-| `@panneau/fields/slug`      | `SlugField`, `slugify()`                     | `string`, following a `source` until edited    |
-| `@panneau/fields/localized` | `LocalizedField`                             | `{ fr: …, en: … }`                             |
-| `@panneau/fields/group`     | `GroupField`                                 | an object                                      |
-| `@panneau/fields/repeater`  | `RepeaterField` (items or typed blocks)      | a list of objects; blocks have a `type`        |
-| `@panneau/fields/relation`  | `RelationField`, `createRelationSource()`    | `{ id, label }`, or a list with `multiple`     |
-| `@panneau/fields/file`      | `FileField`                                  | a file, or a list with `multiple` (below)      |
-| `@panneau/fields/uppy`      | `createUppyUploadSource()`                   | the upload source on Uppy 6 (below)            |
-| `@panneau/fields/locales`   | `en`, `fr`                                   | deprecated: use `@panneau/intl`                |
+| Import                      | Components                                   | Value                                                               |
+| --------------------------- | -------------------------------------------- | ------------------------------------------------------------------- |
+| `@panneau/fields/text`      | `TextField`                                  | `string`                                                            |
+| `@panneau/fields/textarea`  | `TextAreaField`                              | `string`                                                            |
+| `@panneau/fields/number`    | `NumberField`                                | `number`                                                            |
+| `@panneau/fields/boolean`   | `BooleanField` (checkbox, switch)            | `boolean`                                                           |
+| `@panneau/fields/date`      | `DateField`                                  | `'2026-10-15'`                                                      |
+| `@panneau/fields/datetime`  | `DateTimeField`                              | `'2026-10-15T13:30:00Z'`, or without an offset                      |
+| `@panneau/fields/time`      | `TimeField`                                  | `'09:30'`                                                           |
+| `@panneau/fields/select`    | `SelectField` (dropdown, radios, checkboxes) | an option's value, or a list with `multiple`                        |
+| `@panneau/fields/email`     | `EmailField`                                 | `string`                                                            |
+| `@panneau/fields/url`       | `UrlField`                                   | `string`, with `https://` added on blur                             |
+| `@panneau/fields/color`     | `ColorField`                                 | `'#1d4ed8'`                                                         |
+| `@panneau/fields/slug`      | `SlugField`, `slugify()`, `sourceText()`     | `string`, following a `source` until edited, checked with `onCheck` |
+| `@panneau/fields/tel`       | `TelField`                                   | `string`, as typed                                                  |
+| `@panneau/fields/range`     | `RangeField` (a slider)                      | `number`, `null` until moved                                        |
+| `@panneau/fields/duration`  | `DurationField`, `formatDuration()`          | seconds, typed in hours, minutes and seconds                        |
+| `@panneau/fields/json`      | `JsonField`, `parseJson()`                   | an object or an array; the text while it doesn't parse              |
+| `@panneau/fields/tags`      | `TagsField`                                  | a list of strings, free or among suggestions                        |
+| `@panneau/fields/embed`     | `EmbedField`                                 | `{ url, title, thumbnailUrl, … }`, from the backend (below)         |
+| `@panneau/fields/location`  | `LocationField`, `createNominatimSource()`   | `{ lat, lng, address }`, on a map (below)                           |
+| `@panneau/fields/localized` | `LocalizedField`                             | `{ fr: …, en: … }`                                                  |
+| `@panneau/fields/group`     | `GroupField`                                 | an object                                                           |
+| `@panneau/fields/repeater`  | `RepeaterField` (items or typed blocks)      | a list of objects; blocks have a `type`                             |
+| `@panneau/fields/relation`  | `RelationField`, `createRelationSource()`    | `{ id, label }`, or a list with `multiple`                          |
+| `@panneau/fields/file`      | `FileField`                                  | a file, or a list with `multiple` (below)                           |
+| `@panneau/fields/uppy`      | `createUppyUploadSource()`                   | the upload source on Uppy 6 (below)                                 |
+| `@panneau/fields/locales`   | `en`, `fr`                                   | deprecated: use `@panneau/intl`                                     |
 
 ## From a definition
 
@@ -107,3 +114,42 @@ const uploadSource =
 Strings go through react-intl, with English defaults. Add the messages of every Panneau package to the app's with `withPanneauMessages()` from [`@panneau/intl`](../intl), or use `fieldsPlugin`, which carries the French messages of every package (`ui`, `fields` and `forms`).
 
 The package layout, scripts and API reports are explained in [`docs/packages.md`](../../docs/packages.md).
+
+## Checking a value
+
+A field with `check` in the definition, such as a `slug`, checks its value with the backend as it is typed ([decision 0032](../../docs/decisions/0032-field-checks-and-slugs.md)). The slug field then shows the URL the backend gives, says when the slug is taken with a free one to use, and is read-only when the backend says the field doesn't apply to the item. Give forms a check source for the item they edit:
+
+```tsx
+import { createFieldCheckSource } from '@panneau/fields';
+
+<FormView form={form} checkSource={createFieldCheckSource(adapter, 'pages', item?.id ?? null)} />;
+```
+
+Without one, fields don't check, and the slug shows its fixed `settings.prefix`.
+
+## Embeds and places
+
+An `embed` field shows the title and the thumbnail of a URL's video, sound or post. It gets them from the backend (`GET /embeds`), through the embed source of the provider; without one, it keeps the URL alone:
+
+```tsx
+import { createEmbedSource } from '@panneau/fields';
+
+<FieldsProvider embedSource={createEmbedSource(adapter)}>…</FieldsProvider>;
+```
+
+A `location` field places a point on a Leaflet map, loaded when the field is first shown. The tiles are OpenStreetMap's by default. `maps` sets other tiles and an address search, a `GeocodingSource`: `createNominatimSource()` searches OpenStreetMap's Nominatim, whose [usage policy](https://operations.osmfoundation.org/policies/nominatim/) suits small volumes; a product with more uses its own service. Without a geocoding source, the field has no address search, and the latitude and longitude are typed or picked on the map.
+
+```tsx
+import { createNominatimSource } from '@panneau/fields';
+
+<FieldsProvider
+    maps={{
+        tiles: { url: 'https://tiles.example.com/{z}/{x}/{y}.png', attribution: '© Example' },
+        geocoding: createNominatimSource({ email: 'dev@example.com', countryCodes: ['ca'] }),
+    }}
+>
+    …
+</FieldsProvider>;
+```
+
+`<Panneau>` and `createPanneauApp()` give the embed source of their adapter, and take `maps`.

package/dist/duration/DurationField.css

@@ -0,0 +1,11 @@
+/* Hours, minutes and seconds side by side. */
+.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,26 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface DurationFieldProps extends FieldProps<number> {
+    /** `seconds` (the default) shows hours, minutes and seconds; `minutes` hides the seconds. */
+    precision?: 'seconds' | 'minutes';
+}
+/** Hours, minutes and seconds of a number of seconds. */
+export declare function splitDuration(seconds: number): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+/**
+ * A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`. With a precision
+ * of minutes, the seconds are rounded away.
+ */
+export declare function formatDuration(seconds: number, { precision }?: {
+    precision?: 'seconds' | 'minutes';
+}): string;
+/**
+ * A duration, in seconds, typed in hours, minutes and seconds. It is `null` while every part is
+ * empty.
+ */
+export declare function DurationField({ value, onChange, onBlur, precision, label, description, errors, disabled, readOnly, required, name, className, }: DurationFieldProps): import("react").JSX.Element;
+/** The `duration` type: a number of seconds, with setting `precision` (`seconds` or `minutes`). */
+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":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC1D,6FAA6F;IAC7F,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAED,yDAAyD;AACzD,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB,CAOA;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC1B,OAAO,EAAE,MAAM,EACf,EAAE,SAAqB,EAAE,GAAE;IAAE,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAAO,GACtE,MAAM,CAQR;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAqB,EACrB,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,GACZ,EAAE,kBAAkB,+BAyCpB;AAED,mGAAmG;AACnG,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,+BAWxD"}

package/dist/duration/DurationField.js

@@ -0,0 +1,129 @@
+import { getFieldProps, getSetting, isNumber, isString } 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 { Fieldset, NumberInput, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/duration/DurationField.tsx
+/** Hours, minutes and seconds of a number of seconds. */
+function splitDuration(seconds) {
+	const total = Math.max(0, Math.round(seconds));
+	return {
+		hours: Math.floor(total / 3600),
+		minutes: Math.floor(total % 3600 / 60),
+		seconds: total % 60
+	};
+}
+/**
+* A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`. With a precision
+* of minutes, the seconds are rounded away.
+*/
+function formatDuration(seconds, { precision = "seconds" } = {}) {
+	const parts = splitDuration(precision === "minutes" ? Math.round(seconds / 60) * 60 : seconds);
+	const shown = [
+		parts.hours > 0 ? `${parts.hours} h` : null,
+		parts.minutes > 0 ? `${parts.minutes} min` : null,
+		precision === "seconds" && parts.seconds > 0 ? `${parts.seconds} s` : null
+	].filter((part) => part !== null);
+	return shown.length > 0 ? shown.join(" ") : precision === "minutes" ? "0 min" : "0 s";
+}
+/**
+* A duration, in seconds, typed in hours, minutes and seconds. It is `null` while every part is
+* empty.
+*/
+function DurationField({ value, onChange, onBlur, precision = "seconds", label, description, errors, disabled, readOnly, required, name, className }) {
+	const intl = usePanneauIntl();
+	const parts = value !== null && value !== void 0 ? splitDuration(value) : null;
+	const change = (part, next) => {
+		const updated = {
+			...parts ?? {
+				hours: 0,
+				minutes: 0,
+				seconds: 0
+			},
+			[part]: next ?? 0
+		};
+		const total = updated.hours * 3600 + updated.minutes * 60 + updated.seconds;
+		onChange?.(total === 0 && next === null ? null : total);
+	};
+	const input = (part_0) => /* @__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 !== "hours" ? { maxValue: 59 } : {},
+		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
+	});
+	return /* @__PURE__ */ jsx(Fieldset, {
+		legend: label,
+		description,
+		errors,
+		isRequired: required,
+		isDisabled: disabled,
+		className,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: DurationField_module_default.parts,
+			children: [
+				input("hours"),
+				input("minutes"),
+				precision === "seconds" ? input("seconds") : null
+			]
+		})
+	});
+}
+/** The `duration` type: a number of seconds, with setting `precision` (`seconds` or `minutes`). */
+function DurationFieldEntry(props) {
+	const $ = c(13);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "precision", isString);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const precision = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	let fieldProps;
+	if ($[4] !== t1) {
+		const { placeholder: _placeholder, ...t2 } = t1;
+		fieldProps = t2;
+		$[4] = t1;
+		$[5] = fieldProps;
+	} else fieldProps = $[5];
+	const t2 = isNumber(props.value) ? props.value : null;
+	let t3;
+	if ($[6] !== precision) {
+		t3 = precision === "minutes" || precision === "seconds" ? { precision } : {};
+		$[6] = precision;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== fieldProps || $[9] !== props.onChange || $[10] !== t2 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsx(DurationField, {
+			...fieldProps,
+			value: t2,
+			onChange: props.onChange,
+			...t3
+		});
+		$[8] = fieldProps;
+		$[9] = props.onChange;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+//#endregion
+export { DurationField, DurationFieldEntry, formatDuration, splitDuration };
+
+//# sourceMappingURL=DurationField.js.map

package/dist/duration/DurationField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DurationField.js","names":["part","next","styles","_c"],"sources":["../../src/duration/DurationField.tsx"],"sourcesContent":["import { Fieldset, NumberInput, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isNumber, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './DurationField.module.css';\n\nexport interface DurationFieldProps extends FieldProps<number> {\n    /** `seconds` (the default) shows hours, minutes and seconds; `minutes` hides the seconds. */\n    precision?: 'seconds' | 'minutes';\n}\n\n/** Hours, minutes and seconds of a number of seconds. */\nexport function splitDuration(seconds: number): {\n    hours: number;\n    minutes: number;\n    seconds: number;\n} {\n    const total = Math.max(0, Math.round(seconds));\n    return {\n        hours: Math.floor(total / 3600),\n        minutes: Math.floor((total % 3600) / 60),\n        seconds: total % 60,\n    };\n}\n\n/**\n * A duration with its units, without the empty ones: `1 h 5 min 30 s`, `3 min`. With a precision\n * of minutes, the seconds are rounded away.\n */\nexport function formatDuration(\n    seconds: number,\n    { precision = 'seconds' }: { precision?: 'seconds' | 'minutes' } = {},\n): string {\n    const parts = splitDuration(precision === 'minutes' ? Math.round(seconds / 60) * 60 : seconds);\n    const shown = [\n        parts.hours > 0 ? `${parts.hours} h` : null,\n        parts.minutes > 0 ? `${parts.minutes} min` : null,\n        precision === 'seconds' && parts.seconds > 0 ? `${parts.seconds} s` : null,\n    ].filter((part) => part !== null);\n    return shown.length > 0 ? shown.join(' ') : precision === 'minutes' ? '0 min' : '0 s';\n}\n\n/**\n * A duration, in seconds, typed in hours, minutes and seconds. It is `null` while every part is\n * empty.\n */\nexport function DurationField({\n    value,\n    onChange,\n    onBlur,\n    precision = 'seconds',\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    name,\n    className,\n}: DurationFieldProps) {\n    const intl = usePanneauIntl();\n    const parts = value !== null && value !== undefined ? splitDuration(value) : null;\n    const change = (part: 'hours' | 'minutes' | 'seconds', next: number | null) => {\n        const updated = { ...(parts ?? { hours: 0, minutes: 0, seconds: 0 }), [part]: next ?? 0 };\n        const total = updated.hours * 3600 + updated.minutes * 60 + updated.seconds;\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: 'hours' | 'minutes' | 'seconds') => (\n        <NumberInput\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            {...(part !== 'hours' ? { maxValue: 59 } : {})}\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    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                {input('hours')}\n                {input('minutes')}\n                {precision === 'seconds' ? input('seconds') : null}\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `duration` type: a number of seconds, with setting `precision` (`seconds` or `minutes`). */\nexport function DurationFieldEntry(props: FieldEntryProps) {\n    const precision = getSetting(props.field, 'precision', isString);\n    const { placeholder: _placeholder, ...fieldProps } = getFieldProps(props);\n    return (\n        <DurationField\n            {...fieldProps}\n            value={isNumber(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(precision === 'minutes' || precision === 'seconds' ? { precision } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

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":["/* Hours, minutes and seconds side by side. */\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, formatDuration, splitDuration, } from './DurationField';
+//# 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,cAAc,EACd,aAAa,GAChB,MAAM,iBAAiB,CAAC"}

package/dist/duration/index.js

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

package/dist/embed/EmbedField.css

@@ -0,0 +1,60 @@
+/* The URL, then the preview of what it embeds. */
+.panneau-embed-field-embed {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-embed-field-status {
+    display: flex;
+    align-items: center;
+    gap: var(--panneau-space-2);
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}
+
+.panneau-embed-field-preview {
+    display: flex;
+    align-items: center;
+    gap: var(--panneau-space-3);
+    padding: var(--panneau-space-2);
+    color: var(--panneau-color-text);
+    text-decoration: none;
+    background-color: var(--panneau-color-surface-sunken);
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+    border-radius: var(--panneau-radius-md);
+}
+
+.panneau-embed-field-preview:hover {
+    border-color: var(--panneau-color-border-control);
+}
+
+.panneau-embed-field-preview:focus-visible {
+    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);
+    outline-offset: 1px;
+}
+
+.panneau-embed-field-thumbnail {
+    flex: none;
+    width: 7rem;
+    aspect-ratio: 16 / 9;
+    object-fit: cover;
+    border-radius: var(--panneau-radius-sm);
+}
+
+.panneau-embed-field-text {
+    display: flex;
+    flex-direction: column;
+    gap: 0.125rem;
+    min-width: 0;
+}
+
+.panneau-embed-field-title {
+    font-weight: var(--panneau-font-weight-medium);
+    overflow-wrap: anywhere;
+}
+
+.panneau-embed-field-provider {
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+}

package/dist/embed/EmbedField.d.ts

@@ -0,0 +1,20 @@
+import type { EmbedValue } from '@panneau/protocol';
+import type { EmbedSource } from '../shared/embed';
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export type { EmbedValue };
+export interface EmbedFieldProps extends FieldProps<EmbedValue> {
+    placeholder?: string;
+    /** Where the preview comes from. Defaults to that of the `FieldsProvider`. */
+    embedSource?: EmbedSource | null;
+}
+/** Whether a value is an embed: an object with a `url`. */
+export declare function isEmbed(value: unknown): value is EmbedValue;
+/**
+ * A URL of a video, a sound or a post, with the preview the backend gets from its provider's
+ * oEmbed: its thumbnail, title and provider. The URL is kept as soon as it is typed, and its
+ * preview follows. Without an embed source, the value is the URL alone.
+ */
+export declare function EmbedField({ value, onChange, onBlur, embedSource: embedSourceProp, errors, disabled, readOnly, required, ...props }: EmbedFieldProps): import("react").JSX.Element;
+/** The `embed` type: its preview comes from the embed source of the `FieldsProvider`. */
+export declare function EmbedFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=EmbedField.d.ts.map

package/dist/embed/EmbedField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedField.d.ts","sourceRoot":"","sources":["../../src/embed/EmbedField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,YAAY,EAAE,UAAU,EAAE,CAAC;AAI3B,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACpC;AAED,2DAA2D;AAC3D,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAM3D;AAOD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EAAE,eAAe,EAC5B,MAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,eAAe,+BA6EjB;AAED,yFAAyF;AACzF,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAQrD"}

package/dist/embed/EmbedField.js

@@ -0,0 +1,130 @@
+import { useFieldsContext } from "../shared/context.js";
+import { getFieldProps, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import EmbedField_module_default from "./EmbedField.module.js";
+import { c } from "react/compiler-runtime";
+import { Spinner, TextInput, usePanneauIntl } from "@panneau/ui";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/embed/EmbedField.tsx
+var RESOLVE_DELAY = 500;
+/** Whether a value is an embed: an object with a `url`. */
+function isEmbed(value) {
+	return value !== null && typeof value === "object" && isString(value.url);
+}
+/** Whether a value has been resolved: it has more than its URL. */
+function isResolved(value) {
+	return Object.keys(value).some((key) => key !== "url");
+}
+/**
+* A URL of a video, a sound or a post, with the preview the backend gets from its provider's
+* oEmbed: its thumbnail, title and provider. The URL is kept as soon as it is typed, and its
+* preview follows. Without an embed source, the value is the URL alone.
+*/
+function EmbedField({ value, onChange, onBlur, embedSource: embedSourceProp, errors = [], disabled, readOnly, required, ...props }) {
+	const intl = usePanneauIntl();
+	const context = useFieldsContext();
+	const embedSource = embedSourceProp === void 0 ? context.embedSource : embedSourceProp;
+	const url = value?.url ?? "";
+	const [status, setStatus] = useState(null);
+	const pending = value !== null && value !== void 0 && !isResolved(value) ? value.url : null;
+	useEffect(() => {
+		if (embedSource === null || pending === null || !URL.canParse(pending)) return;
+		const controller = new AbortController();
+		const timeout = window.setTimeout(() => {
+			setStatus({
+				url: pending,
+				state: "loading"
+			});
+			embedSource.resolve(pending, { signal: controller.signal }).then((embed) => {
+				setStatus(null);
+				onChange?.({
+					...embed,
+					url: pending
+				});
+			}).catch(() => {
+				if (!controller.signal.aborted) setStatus({
+					url: pending,
+					state: "failed"
+				});
+			});
+		}, RESOLVE_DELAY);
+		return () => {
+			window.clearTimeout(timeout);
+			controller.abort();
+		};
+	}, [embedSource, pending]);
+	const current = status !== null && status.url === url ? status.state : null;
+	const shownErrors = current === "failed" && errors.length === 0 ? [intl.formatMessage(messages.embedFailed)] : errors;
+	return /* @__PURE__ */ jsxs("div", {
+		className: EmbedField_module_default.embed,
+		children: [
+			/* @__PURE__ */ jsx(TextInput, {
+				...props,
+				type: "url",
+				inputMode: "url",
+				autoComplete: "off",
+				value: url,
+				onChange: (next) => onChange?.(next.trim() === "" ? null : { url: next.trim() }),
+				onBlur: () => onBlur?.(),
+				errors: shownErrors,
+				isDisabled: disabled,
+				isReadOnly: readOnly,
+				isRequired: required
+			}),
+			current === "loading" ? /* @__PURE__ */ jsxs("div", {
+				className: EmbedField_module_default.status,
+				role: "status",
+				children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), intl.formatMessage(messages.embedLoading)]
+			}) : null,
+			value !== null && value !== void 0 && isResolved(value) ? /* @__PURE__ */ jsxs("a", {
+				className: EmbedField_module_default.preview,
+				href: value.url,
+				target: "_blank",
+				rel: "noreferrer",
+				children: [value.thumbnailUrl !== void 0 ? /* @__PURE__ */ jsx("img", {
+					className: EmbedField_module_default.thumbnail,
+					src: value.thumbnailUrl,
+					alt: ""
+				}) : null, /* @__PURE__ */ jsxs("span", {
+					className: EmbedField_module_default.text,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: EmbedField_module_default.title,
+						children: value.title ?? value.url
+					}), value.provider !== void 0 ? /* @__PURE__ */ jsx("span", {
+						className: EmbedField_module_default.provider,
+						children: value.provider
+					}) : null]
+				})]
+			}) : null
+		]
+	});
+}
+/** The `embed` type: its preview comes from the embed source of the `FieldsProvider`. */
+function EmbedFieldEntry(props) {
+	const $ = c(6);
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = isEmbed(props.value) ? props.value : null;
+	let t2;
+	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(EmbedField, {
+			...t0,
+			value: t1,
+			onChange: props.onChange
+		});
+		$[2] = props.onChange;
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+//#endregion
+export { EmbedField, EmbedFieldEntry, isEmbed };
+
+//# sourceMappingURL=EmbedField.js.map

package/dist/embed/EmbedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedField.js","names":["styles","_c"],"sources":["../../src/embed/EmbedField.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { EmbedValue } from '@panneau/protocol';\nimport { Spinner, TextInput, usePanneauIntl } from '@panneau/ui';\n\nimport { useFieldsContext } from '../shared/context';\nimport type { EmbedSource } from '../shared/embed';\nimport { getFieldProps, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './EmbedField.module.css';\n\nexport type { EmbedValue };\n\nconst RESOLVE_DELAY = 500;\n\nexport interface EmbedFieldProps extends FieldProps<EmbedValue> {\n    placeholder?: string;\n    /** Where the preview comes from. Defaults to that of the `FieldsProvider`. */\n    embedSource?: EmbedSource | null;\n}\n\n/** Whether a value is an embed: an object with a `url`. */\nexport function isEmbed(value: unknown): value is EmbedValue {\n    return (\n        value !== null &&\n        typeof value === 'object' &&\n        isString((value as Record<string, unknown>).url)\n    );\n}\n\n/** Whether a value has been resolved: it has more than its URL. */\nfunction isResolved(value: EmbedValue): boolean {\n    return Object.keys(value).some((key) => key !== 'url');\n}\n\n/**\n * A URL of a video, a sound or a post, with the preview the backend gets from its provider's\n * oEmbed: its thumbnail, title and provider. The URL is kept as soon as it is typed, and its\n * preview follows. Without an embed source, the value is the URL alone.\n */\nexport function EmbedField({\n    value,\n    onChange,\n    onBlur,\n    embedSource: embedSourceProp,\n    errors = [],\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: EmbedFieldProps) {\n    const intl = usePanneauIntl();\n    const context = useFieldsContext();\n    const embedSource = embedSourceProp === undefined ? context.embedSource : embedSourceProp;\n    const url = value?.url ?? '';\n    const [status, setStatus] = useState<{ url: string; state: 'loading' | 'failed' } | null>(null);\n\n    // Resolves a URL that hasn't been, after a pause in typing\n    const pending = value !== null && value !== undefined && !isResolved(value) ? value.url : null;\n    useEffect(() => {\n        if (embedSource === null || pending === null || !URL.canParse(pending)) {\n            return undefined;\n        }\n        const controller = new AbortController();\n        const timeout = window.setTimeout(() => {\n            setStatus({ url: pending, state: 'loading' });\n            embedSource\n                .resolve(pending, { signal: controller.signal })\n                .then((embed) => {\n                    setStatus(null);\n                    onChange?.({ ...embed, url: pending });\n                })\n                .catch(() => {\n                    if (!controller.signal.aborted) {\n                        setStatus({ url: pending, state: 'failed' });\n                    }\n                });\n        }, RESOLVE_DELAY);\n        return () => {\n            window.clearTimeout(timeout);\n            controller.abort();\n        };\n        // `onChange` changes on every render of a form\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [embedSource, pending]);\n\n    const current = status !== null && status.url === url ? status.state : null;\n    const shownErrors =\n        current === 'failed' && errors.length === 0\n            ? [intl.formatMessage(messages.embedFailed)]\n            : errors;\n    return (\n        <div className={styles.embed}>\n            <TextInput\n                {...props}\n                type=\"url\"\n                inputMode=\"url\"\n                autoComplete=\"off\"\n                value={url}\n                onChange={(next) => onChange?.(next.trim() === '' ? null : { url: next.trim() })}\n                onBlur={() => onBlur?.()}\n                errors={shownErrors}\n                isDisabled={disabled}\n                isReadOnly={readOnly}\n                isRequired={required}\n            />\n            {current === 'loading' ? (\n                <div className={styles.status} role=\"status\">\n                    <Spinner size=\"sm\" />\n                    {intl.formatMessage(messages.embedLoading)}\n                </div>\n            ) : null}\n            {value !== null && value !== undefined && isResolved(value) ? (\n                <a className={styles.preview} href={value.url} target=\"_blank\" rel=\"noreferrer\">\n                    {value.thumbnailUrl !== undefined ? (\n                        <img className={styles.thumbnail} src={value.thumbnailUrl} alt=\"\" />\n                    ) : null}\n                    <span className={styles.text}>\n                        <span className={styles.title}>{value.title ?? value.url}</span>\n                        {value.provider !== undefined ? (\n                            <span className={styles.provider}>{value.provider}</span>\n                        ) : null}\n                    </span>\n                </a>\n            ) : null}\n        </div>\n    );\n}\n\n/** The `embed` type: its preview comes from the embed source of the `FieldsProvider`. */\nexport function EmbedFieldEntry(props: FieldEntryProps) {\n    return (\n        <EmbedField\n            {...getFieldProps(props)}\n            value={isEmbed(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/embed/EmbedField.module.js

@@ -0,0 +1,22 @@
+import "./EmbedField.css";
+//#region src/embed/EmbedField.module.css
+var embed = "panneau-embed-field-embed";
+var status = "panneau-embed-field-status";
+var preview = "panneau-embed-field-preview";
+var thumbnail = "panneau-embed-field-thumbnail";
+var text = "panneau-embed-field-text";
+var title = "panneau-embed-field-title";
+var provider = "panneau-embed-field-provider";
+var EmbedField_module_default = {
+	embed,
+	status,
+	preview,
+	thumbnail,
+	text,
+	title,
+	provider
+};
+//#endregion
+export { EmbedField_module_default as default, embed, preview, provider, status, text, thumbnail, title };
+
+//# sourceMappingURL=EmbedField.module.js.map

package/dist/embed/EmbedField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedField.module.js","names":[],"sources":["../../src/embed/EmbedField.module.css"],"sourcesContent":["/* The URL, then the preview of what it embeds. */\n.embed {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n}\n\n.status {\n    display: flex;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n}\n\n.preview {\n    display: flex;\n    align-items: center;\n    gap: var(--panneau-space-3);\n    padding: var(--panneau-space-2);\n    color: var(--panneau-color-text);\n    text-decoration: none;\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-md);\n}\n\n.preview:hover {\n    border-color: var(--panneau-color-border-control);\n}\n\n.preview:focus-visible {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 1px;\n}\n\n.thumbnail {\n    flex: none;\n    width: 7rem;\n    aspect-ratio: 16 / 9;\n    object-fit: cover;\n    border-radius: var(--panneau-radius-sm);\n}\n\n.text {\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    min-width: 0;\n}\n\n.title {\n    font-weight: var(--panneau-font-weight-medium);\n    overflow-wrap: anywhere;\n}\n\n.provider {\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n}\n"],"mappings":""}

package/dist/embed/index.d.ts

@@ -0,0 +1,3 @@
+export { EmbedField, EmbedFieldEntry, type EmbedFieldProps, type EmbedValue, isEmbed, } from './EmbedField';
+export { type EmbedAdapter, type EmbedSource, createEmbedSource } from '../shared/embed';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/embed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,UAAU,EACV,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,OAAO,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/embed/index.js

@@ -0,0 +1,3 @@
+import { EmbedField, EmbedFieldEntry, isEmbed } from "./EmbedField.js";
+import { createEmbedSource } from "../shared/embed.js";
+export { EmbedField, EmbedFieldEntry, createEmbedSource, isEmbed };

package/dist/index.d.ts

@@ -3,6 +3,10 @@ export { builtInFields, fieldsPlugin } from './shared/builtIn';
 export { type BoundFieldProps, type FieldBinding, type FieldBindingProps, FieldsProvider, type FieldsContextValue, type FieldsProviderProps, getParentPath, useFieldsContext, } from './shared/context';
 export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired, } from './shared/entry';
 export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation';
+export { type FieldCheckAdapter, type FieldCheckSource, createFieldCheckSource, } from './shared/check';
+export { type EmbedAdapter, type EmbedSource, createEmbedSource } from './shared/embed';
+export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './location/types';
+export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim';
 export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types';
 export { MissingFieldEntry } from './missing/MissingField';
 export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,aAAa,EACb,gBAAgB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACH,KAAK,kBAAkB,EACvB,SAAS,EACT,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,WAAW,EACX,OAAO,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EACH,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,QAAQ,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,aAAa,EACb,gBAAgB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,sBAAsB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,KAAK,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACH,KAAK,kBAAkB,EACvB,SAAS,EACT,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,WAAW,EACX,OAAO,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EACH,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,QAAQ,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}