@panneau/fields 5.0.0-alpha.17 → 5.0.0-alpha.19

package/README.md

@@ -84,6 +84,29 @@ import {
 - **Files** upload through the `uploadSource` of the provider (below). Without one, the value holds the files themselves.
 - **Plugin slot:** a type without an entry, such as `richtext` and `media` without their plugins (`@panneau/editor`, `@panneau/media`), renders a placeholder that names it. A plugin that provides the type replaces it.
 
+### Compound fields
+
+A compound field (decision 0065) is a type of a plugin that carries its sub-fields in `fields`: an object of them, or a list with `multiple`. Without its plugin, it renders as a group, or as a repeater. `defineCompoundField()` makes the entry of such a type: `layout` places the rendered sub-fields of one value by name, and `summarize` gives one value as text, for the title of an item and for lists and details.
+
+```tsx
+import { defineCompoundField, restParts } from '@panneau/fields';
+
+export const TeamFieldEntry = defineCompoundField({
+    layout: ({ parts }) => (
+        <div className={styles.row}>
+            {parts.person}
+            {parts.role}
+            {restParts(parts, ['person', 'role'])}
+        </div>
+    ),
+    summarize: (member) => (typeof member.role === 'string' ? member.role : null),
+});
+
+const teamPlugin = { id: 'team', fields: { team: TeamFieldEntry } };
+```
+
+Two are ready to load: `creditsPlugin` (`@panneau/fields/credits`: `person`, `name`, `roles`, `featured`) and `sessionsPlugin` (`@panneau/fields/sessions`: `dates`, `venue`). The definition gives the sub-fields: those a site adds come after.
+
 ## Files and uploads
 
 `FileField` (the `file` type) holds files that belong to an item, outside the media library: an attachment, a PDF, a CSV ([decision 0025](../../docs/decisions/0025-presigned-uploads.md)). Its value is a file, or a list of them with `multiple`:

package/dist/address/AddressField.js

@@ -1,6 +1,6 @@
-import { useFieldsContext } from "../shared/context.js";
 import { cx } from "../shared/cx.js";
 import { getFieldProps, getSetting, isBoolean, isString } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import { CountryField } from "../country/CountryField.js";
 import { LocationMap } from "../location/LocationMap.js";
@@ -13,10 +13,10 @@ import AddressField_module_default from "./AddressField.module.js";
 import { cleanAddress, endsWithRegion, isAddress } from "./address.js";
 import { c } from "react/compiler-runtime";
 import { DEFAULT_ADDRESS_REQUIRED_PARTS, getAddressRequiredParts, normalizePostalCode } from "@panneau/protocol/runtime";
-import { X } from "lucide-react";
-import { useRef, useState } from "react";
 import { ComboBox, Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useRef, useState } from "react";
 //#region src/address/AddressField.tsx
 var WORLD = {
 	lat: 20,

package/dist/compound/Compound.css

@@ -0,0 +1,26 @@
+/* The layout of compound fields (decision 0065): their parts side by side, the wide ones on a row
+   of their own. */
+.panneau-compound-row {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));
+    gap: var(--panneau-space-3) var(--panneau-space-4);
+    align-items: start;
+}
+
+.panneau-compound-part {
+    min-width: 0;
+}
+
+/* A part hidden by its condition renders nothing: its cell takes no column. */
+.panneau-compound-part:empty {
+    display: none;
+}
+
+.panneau-compound-wide {
+    grid-column: 1 / -1;
+}
+
+.panneau-compound-stack {
+    display: grid;
+    gap: var(--panneau-space-3);
+}

package/dist/compound/Compound.module.js

@@ -0,0 +1,16 @@
+import "./Compound.css";
+//#region src/compound/Compound.module.css
+var row = "panneau-compound-row";
+var part = "panneau-compound-part";
+var wide = "panneau-compound-wide";
+var stack = "panneau-compound-stack";
+var Compound_module_default = {
+	row,
+	part,
+	wide,
+	stack
+};
+//#endregion
+export { Compound_module_default as default, part, row, stack, wide };
+
+//# sourceMappingURL=Compound.module.js.map

package/dist/compound/Compound.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Compound.module.js","names":[],"sources":["../../src/compound/Compound.module.css"],"sourcesContent":["/* The layout of compound fields (decision 0065): their parts side by side, the wide ones on a row\n   of their own. */\n.row {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr));\n    gap: var(--panneau-space-3) var(--panneau-space-4);\n    align-items: start;\n}\n\n.part {\n    min-width: 0;\n}\n\n/* A part hidden by its condition renders nothing: its cell takes no column. */\n.part:empty {\n    display: none;\n}\n\n.wide {\n    grid-column: 1 / -1;\n}\n\n.stack {\n    display: grid;\n    gap: var(--panneau-space-3);\n}\n"],"mappings":""}

package/dist/compound/compound.d.ts

@@ -0,0 +1,56 @@
+import type { ReactNode } from 'react';
+import type { Field } from '@panneau/protocol';
+import type { FieldEntry } from '../shared/types.js';
+/** What a compound field's summary is given. */
+export interface CompoundSummaryContext {
+    /** The compound field, as the definition describes it. */
+    field: Field;
+    /** The locale of the interface. */
+    locale: string;
+}
+/**
+ * A short text for one value of a compound field: its object, or an item of its list. `null` when
+ * there is nothing to say.
+ */
+export type CompoundSummary = (value: Readonly<Record<string, unknown>>, context: CompoundSummaryContext) => string | null;
+/** What lays out the sub-fields of one value of a compound field. */
+export interface CompoundLayoutProps {
+    /** The rendered sub-fields, by name. Those the definition doesn't have are missing. */
+    parts: Readonly<Record<string, ReactNode>>;
+    /** The value: the object, or the item of the list. */
+    value: Readonly<Record<string, unknown>>;
+    /** The compound field. */
+    field: Field;
+}
+export interface CompoundFieldOptions {
+    /**
+     * Lays out the sub-fields of one value. Without it, they flow as in a group. Sub-fields that
+     * the layout doesn't place aren't shown: `restParts()` gives them.
+     */
+    layout?: (props: CompoundLayoutProps) => ReactNode;
+    /**
+     * Summarizes one value: the title of an item in the form, and the value in lists and details,
+     * where the items of a list are joined.
+     */
+    summarize?: CompoundSummary;
+}
+/** The entry of a compound field type, with its summary for lists and details. */
+export type CompoundFieldEntry = FieldEntry & {
+    summarize?: CompoundSummary;
+};
+/** The rendered sub-fields that aren't in `names`, in the order of the definition. */
+export declare function restParts(parts: Readonly<Record<string, ReactNode>>, names: readonly string[]): ReactNode[];
+/**
+ * Summarizes the value of a compound field with its entry's `summarize`: one text, or the texts of
+ * its items joined by commas. `null` without a summary, or when there is nothing to say.
+ */
+export declare function summarizeCompound(entry: unknown, value: unknown, context: CompoundSummaryContext): string | null;
+/**
+ * Makes the entry of a compound field type (decision 0065): a type of a plugin that carries its
+ * sub-fields in `fields`. Its value is an object of them, or a list of objects with `multiple`,
+ * rendered as a `group` or a `repeater` with the layout and the summary given. The definition
+ * decides the sub-fields: the layout places those it knows by name. The README of
+ * `@panneau/fields` has an example.
+ */
+export declare function defineCompoundField(options?: CompoundFieldOptions): CompoundFieldEntry;
+//# sourceMappingURL=compound.d.ts.map

package/dist/compound/compound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound.d.ts","sourceRoot":"","sources":["../../src/compound/compound.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO/C,OAAO,KAAK,EAAE,UAAU,EAAmB,MAAM,iBAAiB,CAAC;AAEnE,gDAAgD;AAChD,MAAM,WAAW,sBAAsB;IACnC,0DAA0D;IAC1D,KAAK,EAAE,KAAK,CAAC;IACb,mCAAmC;IACnC,MAAM,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,CAC1B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACxC,OAAO,EAAE,sBAAsB,KAC9B,MAAM,GAAG,IAAI,CAAC;AAEnB,qEAAqE;AACrE,MAAM,WAAW,mBAAmB;IAChC,uFAAuF;IACvF,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAC3C,sDAAsD;IACtD,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACzC,0BAA0B;IAC1B,KAAK,EAAE,KAAK,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC;IACnD;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,kFAAkF;AAClF,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAAE,SAAS,CAAC,EAAE,eAAe,CAAA;CAAE,CAAC;AAE9E,sFAAsF;AACtF,wBAAgB,SAAS,CACrB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAC1C,KAAK,EAAE,SAAS,MAAM,EAAE,GACzB,SAAS,EAAE,CAIb;AAMD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC7B,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,sBAAsB,GAChC,MAAM,GAAG,IAAI,CAcf;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,oBAAyB,GAAG,kBAAkB,CA6C1F"}

package/dist/compound/compound.js

@@ -0,0 +1,186 @@
+import { getFieldProps, getRuleNumber } from "../shared/entry.js";
+import { GroupField } from "../group/GroupField.js";
+import { RepeaterField } from "../repeater/RepeaterField.js";
+import { c } from "react/compiler-runtime";
+import { getNestedShape } from "@panneau/protocol/runtime";
+import { usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/compound/compound.tsx
+/** The rendered sub-fields that aren't in `names`, in the order of the definition. */
+function restParts(parts, names) {
+	return Object.entries(parts).filter(([name]) => !names.includes(name)).map(([, part]) => part);
+}
+function isObject(value) {
+	return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+/**
+* Summarizes the value of a compound field with its entry's `summarize`: one text, or the texts of
+* its items joined by commas. `null` without a summary, or when there is nothing to say.
+*/
+function summarizeCompound(entry, value, context) {
+	const summarize = typeof entry === "function" && "summarize" in entry ? entry.summarize : void 0;
+	if (summarize === void 0) return null;
+	const texts = (Array.isArray(value) ? value.filter(isObject) : isObject(value) ? [value] : []).flatMap((item) => {
+		const text = summarize(item, context);
+		return text !== null && text !== "" ? [text] : [];
+	});
+	return texts.length > 0 ? texts.join(", ") : null;
+}
+/**
+* Makes the entry of a compound field type (decision 0065): a type of a plugin that carries its
+* sub-fields in `fields`. Its value is an object of them, or a list of objects with `multiple`,
+* rendered as a `group` or a `repeater` with the layout and the summary given. The definition
+* decides the sub-fields: the layout places those it knows by name. The README of
+* `@panneau/fields` has an example.
+*/
+function defineCompoundField(options = {}) {
+	const { layout, summarize } = options;
+	function CompoundField(props) {
+		const $ = c(44);
+		const intl = usePanneauIntl();
+		const { field, value } = props;
+		let t0;
+		if ($[0] !== field.fields) {
+			t0 = field.fields ?? [];
+			$[0] = field.fields;
+			$[1] = t0;
+		} else t0 = $[1];
+		const fields = t0;
+		let t1;
+		if ($[2] !== field || $[3] !== intl.locale) {
+			t1 = {
+				field,
+				locale: intl.locale
+			};
+			$[2] = field;
+			$[3] = intl.locale;
+			$[4] = t1;
+		} else t1 = $[4];
+		const context = t1;
+		let t2;
+		if ($[5] !== field) {
+			t2 = layout !== void 0 ? (parts, item) => layout({
+				parts,
+				value: item,
+				field
+			}) : void 0;
+			$[5] = field;
+			$[6] = t2;
+		} else t2 = $[6];
+		const renderFields = t2;
+		if (getNestedShape(field) === "repeater") {
+			let t3;
+			if ($[7] !== field) {
+				t3 = getRuleNumber(field, "min");
+				$[7] = field;
+				$[8] = t3;
+			} else t3 = $[8];
+			const min = t3;
+			let t4;
+			if ($[9] !== field) {
+				t4 = getRuleNumber(field, "max");
+				$[9] = field;
+				$[10] = t4;
+			} else t4 = $[10];
+			const max = t4;
+			let t5;
+			if ($[11] !== props) {
+				t5 = getFieldProps(props);
+				$[11] = props;
+				$[12] = t5;
+			} else t5 = $[12];
+			let t6;
+			if ($[13] !== value) {
+				t6 = Array.isArray(value) ? value.filter(isObject) : null;
+				$[13] = value;
+				$[14] = t6;
+			} else t6 = $[14];
+			let t7;
+			if ($[15] !== renderFields) {
+				t7 = renderFields !== void 0 ? { renderFields } : {};
+				$[15] = renderFields;
+				$[16] = t7;
+			} else t7 = $[16];
+			let t8;
+			if ($[17] !== context) {
+				t8 = summarize !== void 0 ? { itemTitle: (item_0) => summarize(item_0, context) } : {};
+				$[17] = context;
+				$[18] = t8;
+			} else t8 = $[18];
+			let t9;
+			if ($[19] !== min) {
+				t9 = min !== void 0 ? { min } : {};
+				$[19] = min;
+				$[20] = t9;
+			} else t9 = $[20];
+			let t10;
+			if ($[21] !== max) {
+				t10 = max !== void 0 ? { max } : {};
+				$[21] = max;
+				$[22] = t10;
+			} else t10 = $[22];
+			let t11;
+			if ($[23] !== fields || $[24] !== props.onChange || $[25] !== props.path || $[26] !== t10 || $[27] !== t5 || $[28] !== t6 || $[29] !== t7 || $[30] !== t8 || $[31] !== t9) {
+				t11 = /* @__PURE__ */ jsx(RepeaterField, {
+					...t5,
+					path: props.path,
+					fields,
+					value: t6,
+					onChange: props.onChange,
+					...t7,
+					...t8,
+					...t9,
+					...t10
+				});
+				$[23] = fields;
+				$[24] = props.onChange;
+				$[25] = props.path;
+				$[26] = t10;
+				$[27] = t5;
+				$[28] = t6;
+				$[29] = t7;
+				$[30] = t8;
+				$[31] = t9;
+				$[32] = t11;
+			} else t11 = $[32];
+			return t11;
+		}
+		let t3;
+		if ($[33] !== props) {
+			t3 = getFieldProps(props);
+			$[33] = props;
+			$[34] = t3;
+		} else t3 = $[34];
+		const t4 = isObject(value) ? value : null;
+		let t5;
+		if ($[35] !== renderFields) {
+			t5 = renderFields !== void 0 ? { renderFields } : {};
+			$[35] = renderFields;
+			$[36] = t5;
+		} else t5 = $[36];
+		let t6;
+		if ($[37] !== fields || $[38] !== props.onChange || $[39] !== props.path || $[40] !== t3 || $[41] !== t4 || $[42] !== t5) {
+			t6 = /* @__PURE__ */ jsx(GroupField, {
+				...t3,
+				fields,
+				path: props.path,
+				value: t4,
+				onChange: props.onChange,
+				...t5
+			});
+			$[37] = fields;
+			$[38] = props.onChange;
+			$[39] = props.path;
+			$[40] = t3;
+			$[41] = t4;
+			$[42] = t5;
+			$[43] = t6;
+		} else t6 = $[43];
+		return t6;
+	}
+	return Object.assign(CompoundField, summarize !== void 0 ? { summarize } : {});
+}
+//#endregion
+export { defineCompoundField, restParts, summarizeCompound };
+
+//# sourceMappingURL=compound.js.map

package/dist/compound/compound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compound.js","names":["ReactNode","Field","getNestedShape","usePanneauIntl","GroupField","GroupValue","RepeaterField","RepeaterItem","getFieldProps","getRuleNumber","FieldEntry","FieldEntryProps","CompoundSummaryContext","field","locale","CompoundSummary","value","Readonly","Record","context","CompoundLayoutProps","parts","CompoundFieldOptions","layout","props","summarize","CompoundFieldEntry","restParts","names","Object","entries","filter","name","includes","map","part","isObject","Array","isArray","summarizeCompound","entry","undefined","values","texts","flatMap","item","text","length","join","defineCompoundField","options","CompoundField","$","_c","intl","t0","fields","t1","t2","renderFields","t3","min","t4","max","t5","t6","t7","t8","itemTitle","item_0","t9","t10","t11","onChange","path","assign","_c"],"sources":["../../src/compound/compound.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { Field } from '@panneau/protocol';\nimport { getNestedShape } from '@panneau/protocol/runtime';\nimport { usePanneauIntl } from '@panneau/ui';\n\nimport { GroupField, type GroupValue } from '../group/GroupField';\nimport { RepeaterField, type RepeaterItem } from '../repeater/RepeaterField';\nimport { getFieldProps, getRuleNumber } from '../shared/entry';\nimport type { FieldEntry, FieldEntryProps } from '../shared/types';\n\n/** What a compound field's summary is given. */\nexport interface CompoundSummaryContext {\n    /** The compound field, as the definition describes it. */\n    field: Field;\n    /** The locale of the interface. */\n    locale: string;\n}\n\n/**\n * A short text for one value of a compound field: its object, or an item of its list. `null` when\n * there is nothing to say.\n */\nexport type CompoundSummary = (\n    value: Readonly<Record<string, unknown>>,\n    context: CompoundSummaryContext,\n) => string | null;\n\n/** What lays out the sub-fields of one value of a compound field. */\nexport interface CompoundLayoutProps {\n    /** The rendered sub-fields, by name. Those the definition doesn't have are missing. */\n    parts: Readonly<Record<string, ReactNode>>;\n    /** The value: the object, or the item of the list. */\n    value: Readonly<Record<string, unknown>>;\n    /** The compound field. */\n    field: Field;\n}\n\nexport interface CompoundFieldOptions {\n    /**\n     * Lays out the sub-fields of one value. Without it, they flow as in a group. Sub-fields that\n     * the layout doesn't place aren't shown: `restParts()` gives them.\n     */\n    layout?: (props: CompoundLayoutProps) => ReactNode;\n    /**\n     * Summarizes one value: the title of an item in the form, and the value in lists and details,\n     * where the items of a list are joined.\n     */\n    summarize?: CompoundSummary;\n}\n\n/** The entry of a compound field type, with its summary for lists and details. */\nexport type CompoundFieldEntry = FieldEntry & { summarize?: CompoundSummary };\n\n/** The rendered sub-fields that aren't in `names`, in the order of the definition. */\nexport function restParts(\n    parts: Readonly<Record<string, ReactNode>>,\n    names: readonly string[],\n): ReactNode[] {\n    return Object.entries(parts)\n        .filter(([name]) => !names.includes(name))\n        .map(([, part]) => part);\n}\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n    return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n\n/**\n * Summarizes the value of a compound field with its entry's `summarize`: one text, or the texts of\n * its items joined by commas. `null` without a summary, or when there is nothing to say.\n */\nexport function summarizeCompound(\n    entry: unknown,\n    value: unknown,\n    context: CompoundSummaryContext,\n): string | null {\n    const summarize =\n        typeof entry === 'function' && 'summarize' in entry\n            ? (entry.summarize as CompoundSummary | undefined)\n            : undefined;\n    if (summarize === undefined) {\n        return null;\n    }\n    const values = Array.isArray(value) ? value.filter(isObject) : isObject(value) ? [value] : [];\n    const texts = values.flatMap((item) => {\n        const text = summarize(item, context);\n        return text !== null && text !== '' ? [text] : [];\n    });\n    return texts.length > 0 ? texts.join(', ') : null;\n}\n\n/**\n * Makes the entry of a compound field type (decision 0065): a type of a plugin that carries its\n * sub-fields in `fields`. Its value is an object of them, or a list of objects with `multiple`,\n * rendered as a `group` or a `repeater` with the layout and the summary given. The definition\n * decides the sub-fields: the layout places those it knows by name. The README of\n * `@panneau/fields` has an example.\n */\nexport function defineCompoundField(options: CompoundFieldOptions = {}): CompoundFieldEntry {\n    const { layout, summarize } = options;\n\n    function CompoundField(props: FieldEntryProps) {\n        const intl = usePanneauIntl();\n        const { field, value } = props;\n        const fields = field.fields ?? [];\n        const context = { field, locale: intl.locale };\n        const renderFields =\n            layout !== undefined\n                ? (parts: Readonly<Record<string, ReactNode>>, item: Record<string, unknown>) =>\n                      layout({ parts, value: item, field })\n                : undefined;\n        if (getNestedShape(field) === 'repeater') {\n            const min = getRuleNumber(field, 'min');\n            const max = getRuleNumber(field, 'max');\n            return (\n                <RepeaterField\n                    {...getFieldProps(props)}\n                    path={props.path}\n                    fields={fields}\n                    value={Array.isArray(value) ? value.filter(isObject) : null}\n                    onChange={props.onChange}\n                    {...(renderFields !== undefined ? { renderFields } : {})}\n                    {...(summarize !== undefined\n                        ? { itemTitle: (item: RepeaterItem) => summarize(item, context) }\n                        : {})}\n                    {...(min !== undefined ? { min } : {})}\n                    {...(max !== undefined ? { max } : {})}\n                />\n            );\n        }\n        return (\n            <GroupField\n                {...getFieldProps(props)}\n                fields={fields}\n                path={props.path}\n                value={isObject(value) ? (value as GroupValue) : null}\n                onChange={props.onChange}\n                {...(renderFields !== undefined ? { renderFields } : {})}\n            />\n        );\n    }\n\n    return Object.assign(CompoundField, summarize !== undefined ? { summarize } : {});\n}\n"],"mappings":"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"}

package/dist/country/CountryField.js

@@ -4,9 +4,9 @@ import { CodeComboBox } from "../shared/CodeComboBox.js";
 import CountryField_module_default from "./CountryField.module.js";
 import { getCountryChoices, getCountryFlag, getCountryName, isCountryCode } from "./countries.js";
 import { c } from "react/compiler-runtime";
-import { X } from "lucide-react";
 import { Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 //#region src/country/CountryField.tsx
 /**
 * A country, as its ISO 3166-1 alpha-2 code (`CA`): a combo box of the countries with their flags

package/dist/credits/CreditsField.d.ts

@@ -0,0 +1,15 @@
+import { type CompoundFieldEntry } from '../compound/compound.js';
+/**
+ * The `credits` type (decision 0065): a compound field whose items are a person (`person`, a
+ * relation) or a free name (`name`), their `roles`, and whether the credit is `featured`. The
+ * definition gives the sub-fields: those of a site come after these.
+ */
+export declare const CreditsFieldEntry: CompoundFieldEntry;
+/** The `credits` type, as a `@panneau/core` plugin. */
+export declare const creditsPlugin: {
+    id: string;
+    fields: {
+        credits: CompoundFieldEntry;
+    };
+};
+//# sourceMappingURL=CreditsField.d.ts.map

package/dist/credits/CreditsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsField.d.ts","sourceRoot":"","sources":["../../src/credits/CreditsField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAkC,MAAM,sBAAsB,CAAC;AAK/F;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,kBAmB9B,CAAC;AAEH,uDAAuD;AACvD,eAAO,MAAM,aAAa;;;;;CAGzB,CAAC"}

package/dist/credits/CreditsField.js

@@ -0,0 +1,58 @@
+import { defineCompoundField, restParts } from "../compound/compound.js";
+import Compound_module_default from "../compound/Compound.module.js";
+import { formatCredit } from "./credits.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/credits/CreditsField.tsx
+var PLACED = [
+	"person",
+	"name",
+	"roles",
+	"featured"
+];
+/**
+* The `credits` type (decision 0065): a compound field whose items are a person (`person`, a
+* relation) or a free name (`name`), their `roles`, and whether the credit is `featured`. The
+* definition gives the sub-fields: those of a site come after these.
+*/
+var CreditsFieldEntry = defineCompoundField({
+	layout: ({ parts }) => /* @__PURE__ */ jsxs("div", {
+		className: Compound_module_default.stack,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: Compound_module_default.row,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: Compound_module_default.part,
+						children: parts.person
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: Compound_module_default.part,
+						children: parts.name
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: Compound_module_default.part,
+						children: parts.roles
+					})
+				]
+			}),
+			parts.featured !== void 0 ? /* @__PURE__ */ jsx("div", {
+				className: Compound_module_default.part,
+				children: parts.featured
+			}) : null,
+			restParts(parts, PLACED).map((part, index) => /* @__PURE__ */ jsx("div", {
+				className: Compound_module_default.part,
+				children: part
+			}, index))
+		]
+	}),
+	summarize: (credit, { locale }) => formatCredit(credit, locale)
+});
+/** The `credits` type, as a `@panneau/core` plugin. */
+var creditsPlugin = {
+	id: "panneau.credits",
+	fields: { credits: CreditsFieldEntry }
+};
+//#endregion
+export { CreditsFieldEntry, creditsPlugin };
+
+//# sourceMappingURL=CreditsField.js.map

package/dist/credits/CreditsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditsField.js","names":["styles","CompoundFieldEntry","defineCompoundField","restParts","formatCredit","PLACED","CreditsFieldEntry","layout","parts","stack","row","part","person","name","roles","featured","undefined","map","index","summarize","credit","locale","creditsPlugin","id","fields","credits","styles"],"sources":["../../src/credits/CreditsField.tsx"],"sourcesContent":["import styles from '../compound/Compound.module.css';\nimport { type CompoundFieldEntry, defineCompoundField, restParts } from '../compound/compound';\nimport { formatCredit } from './credits';\n\nconst PLACED = ['person', 'name', 'roles', 'featured'];\n\n/**\n * The `credits` type (decision 0065): a compound field whose items are a person (`person`, a\n * relation) or a free name (`name`), their `roles`, and whether the credit is `featured`. The\n * definition gives the sub-fields: those of a site come after these.\n */\nexport const CreditsFieldEntry: CompoundFieldEntry = defineCompoundField({\n    layout: ({ parts }) => (\n        <div className={styles.stack}>\n            <div className={styles.row}>\n                <div className={styles.part}>{parts.person}</div>\n                <div className={styles.part}>{parts.name}</div>\n                <div className={styles.part}>{parts.roles}</div>\n            </div>\n            {parts.featured !== undefined ? (\n                <div className={styles.part}>{parts.featured}</div>\n            ) : null}\n            {restParts(parts, PLACED).map((part, index) => (\n                <div key={index} className={styles.part}>\n                    {part}\n                </div>\n            ))}\n        </div>\n    ),\n    summarize: (credit, { locale }) => formatCredit(credit, locale),\n});\n\n/** The `credits` type, as a `@panneau/core` plugin. */\nexport const creditsPlugin = {\n    id: 'panneau.credits',\n    fields: { credits: CreditsFieldEntry },\n};\n"],"mappings":";;;;;AAIA,IAAMK,SAAS;CAAC;CAAU;CAAQ;CAAS;AAAU;;;;;;AAOrD,IAAaC,oBAAwCJ,oBAAoB;CACrEK,SAAS,EAAEC,YACP,qBAAC,OAAD;EAAK,WAAWR,wBAAOS;EAAvB,UAAA;GACI,qBAAC,OAAD;IAAK,WAAWT,wBAAOU;IAAvB,UAAA;KACI,oBAAC,OAAD;MAAK,WAAWV,wBAAOW;MAAOH,UAAAA,MAAMI;KAAY,CAAA;KAChD,oBAAC,OAAD;MAAK,WAAWZ,wBAAOW;MAAOH,UAAAA,MAAMK;KAAU,CAAA;KAC9C,oBAAC,OAAD;MAAK,WAAWb,wBAAOW;MAAOH,UAAAA,MAAMM;KAAW,CAAA;IAC9C;;GACJN,MAAMO,aAAaC,KAAAA,IAChB,oBAAC,OAAD;IAAK,WAAWhB,wBAAOW;IAAOH,UAAAA,MAAMO;GAAc,CAAA,IAClD;GACHZ,UAAUK,OAAOH,MAAM,CAAC,CAACY,KAAKN,MAAMO,UACjC,oBAAC,OAAD;IAAiB,WAAWlB,wBAAOW;IAC9BA,UAAAA;GACA,GAFKO,KAEL,CACR;EACA;;CAETC,YAAYC,QAAQ,EAAEC,aAAajB,aAAagB,QAAQC,MAAM;AAClE,CAAC;;AAGD,IAAaC,gBAAgB;CACzBC,IAAI;CACJC,QAAQ,EAAEC,SAASnB,kBAAkB;AACzC"}

package/dist/credits/credits.d.ts

@@ -0,0 +1,18 @@
+/** A credit, as the sub-fields of a `credits` field give it. */
+export interface Credit {
+    /** A reference to a person, `{ id, label }`, or `null`. */
+    person?: unknown;
+    /** The name of a person who isn't in the database. */
+    name?: unknown;
+    /** References to roles, or a role as text, localized or not. */
+    roles?: unknown;
+    /** Whether the credit is featured, `true` or left out. */
+    featured?: unknown;
+}
+/** The name of the credited person: the label of the person, or the free name. */
+export declare function getCreditName(credit: Credit, locale: string): string | null;
+/** The roles of a credit: the labels of its references, or its text in the locale. */
+export declare function getCreditRoles(credit: Credit, locale: string): string[];
+/** A credit as text: `Ada Lovelace (Director, Writer)`, or `null` without a name nor a role. */
+export declare function formatCredit(credit: Credit, locale: string): string | null;
+//# sourceMappingURL=credits.d.ts.map

package/dist/credits/credits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credits.d.ts","sourceRoot":"","sources":["../../src/credits/credits.ts"],"names":[],"mappings":"AAGA,gEAAgE;AAChE,MAAM,WAAW,MAAM;IACnB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gEAAgE;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAeD,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAE3E;AAED,sFAAsF;AACtF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAOvE;AAED,gGAAgG;AAChG,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAO1E"}

package/dist/credits/credits.js

@@ -0,0 +1,33 @@
+import { toReferences } from "../shared/relation.js";
+//#region src/credits/credits.ts
+function localizedText(value, locale) {
+	if (typeof value === "string") return value.trim() !== "" ? value.trim() : null;
+	if (value !== null && typeof value === "object" && !Array.isArray(value)) {
+		const texts = value;
+		const text = texts[locale] ?? Object.values(texts).find((entry) => typeof entry === "string");
+		return typeof text === "string" && text.trim() !== "" ? text.trim() : null;
+	}
+	return null;
+}
+/** The name of the credited person: the label of the person, or the free name. */
+function getCreditName(credit, locale) {
+	return toReferences(credit.person)[0]?.label ?? localizedText(credit.name, locale);
+}
+/** The roles of a credit: the labels of its references, or its text in the locale. */
+function getCreditRoles(credit, locale) {
+	const { roles } = credit;
+	if (Array.isArray(roles) || roles !== null && typeof roles === "object" && "id" in roles) return toReferences(roles).map((reference) => reference.label);
+	const text = localizedText(roles, locale);
+	return text !== null ? [text] : [];
+}
+/** A credit as text: `Ada Lovelace (Director, Writer)`, or `null` without a name nor a role. */
+function formatCredit(credit, locale) {
+	const name = getCreditName(credit, locale);
+	const roles = getCreditRoles(credit, locale);
+	if (name === null) return roles.length > 0 ? roles.join(", ") : null;
+	return roles.length > 0 ? `${name} (${roles.join(", ")})` : name;
+}
+//#endregion
+export { formatCredit, getCreditName, getCreditRoles };
+
+//# sourceMappingURL=credits.js.map

package/dist/credits/credits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credits.js","names":["toReferences","Credit","person","name","roles","featured","localizedText","value","locale","trim","Array","isArray","texts","Record","text","Object","values","find","entry","getCreditName","credit","label","getCreditRoles","map","reference","formatCredit","length","join"],"sources":["../../src/credits/credits.ts"],"sourcesContent":["// The `credits` compound field (decision 0065): people, or free names, and their roles.\nimport { toReferences } from '../shared/relation';\n\n/** A credit, as the sub-fields of a `credits` field give it. */\nexport interface Credit {\n    /** A reference to a person, `{ id, label }`, or `null`. */\n    person?: unknown;\n    /** The name of a person who isn't in the database. */\n    name?: unknown;\n    /** References to roles, or a role as text, localized or not. */\n    roles?: unknown;\n    /** Whether the credit is featured, `true` or left out. */\n    featured?: unknown;\n}\n\nfunction localizedText(value: unknown, locale: string): string | null {\n    if (typeof value === 'string') {\n        return value.trim() !== '' ? value.trim() : null;\n    }\n    if (value !== null && typeof value === 'object' && !Array.isArray(value)) {\n        const texts = value as Record<string, unknown>;\n        const text =\n            texts[locale] ?? Object.values(texts).find((entry) => typeof entry === 'string');\n        return typeof text === 'string' && text.trim() !== '' ? text.trim() : null;\n    }\n    return null;\n}\n\n/** The name of the credited person: the label of the person, or the free name. */\nexport function getCreditName(credit: Credit, locale: string): string | null {\n    return toReferences(credit.person)[0]?.label ?? localizedText(credit.name, locale);\n}\n\n/** The roles of a credit: the labels of its references, or its text in the locale. */\nexport function getCreditRoles(credit: Credit, locale: string): string[] {\n    const { roles } = credit;\n    if (Array.isArray(roles) || (roles !== null && typeof roles === 'object' && 'id' in roles)) {\n        return toReferences(roles).map((reference) => reference.label);\n    }\n    const text = localizedText(roles, locale);\n    return text !== null ? [text] : [];\n}\n\n/** A credit as text: `Ada Lovelace (Director, Writer)`, or `null` without a name nor a role. */\nexport function formatCredit(credit: Credit, locale: string): string | null {\n    const name = getCreditName(credit, locale);\n    const roles = getCreditRoles(credit, locale);\n    if (name === null) {\n        return roles.length > 0 ? roles.join(', ') : null;\n    }\n    return roles.length > 0 ? `${name} (${roles.join(', ')})` : name;\n}\n"],"mappings":";;AAeA,SAASM,cAAcC,OAAgBC,QAA+B;CAClE,IAAI,OAAOD,UAAU,UACjB,OAAOA,MAAME,KAAK,MAAM,KAAKF,MAAME,KAAK,IAAI;CAEhD,IAAIF,UAAU,QAAQ,OAAOA,UAAU,YAAY,CAACG,MAAMC,QAAQJ,KAAK,GAAG;EACtE,MAAMK,QAAQL;EACd,MAAMO,OACFF,MAAMJ,WAAWO,OAAOC,OAAOJ,KAAK,CAAC,CAACK,MAAMC,UAAU,OAAOA,UAAU,QAAQ;EACnF,OAAO,OAAOJ,SAAS,YAAYA,KAAKL,KAAK,MAAM,KAAKK,KAAKL,KAAK,IAAI;CAC1E;CACA,OAAO;AACX;;AAGA,SAAgBU,cAAcC,QAAgBZ,QAA+B;CACzE,OAAOR,aAAaoB,OAAOlB,MAAM,CAAC,CAAC,EAAE,EAAEmB,SAASf,cAAcc,OAAOjB,MAAMK,MAAM;AACrF;;AAGA,SAAgBc,eAAeF,QAAgBZ,QAA0B;CACrE,MAAM,EAAEJ,UAAUgB;CAClB,IAAIV,MAAMC,QAAQP,KAAK,KAAMA,UAAU,QAAQ,OAAOA,UAAU,YAAY,QAAQA,OAChF,OAAOJ,aAAaI,KAAK,CAAC,CAACmB,KAAKC,cAAcA,UAAUH,KAAK;CAEjE,MAAMP,OAAOR,cAAcF,OAAOI,MAAM;CACxC,OAAOM,SAAS,OAAO,CAACA,IAAI,IAAI,CAAA;AACpC;;AAGA,SAAgBW,aAAaL,QAAgBZ,QAA+B;CACxE,MAAML,OAAOgB,cAAcC,QAAQZ,MAAM;CACzC,MAAMJ,QAAQkB,eAAeF,QAAQZ,MAAM;CAC3C,IAAIL,SAAS,MACT,OAAOC,MAAMsB,SAAS,IAAItB,MAAMuB,KAAK,IAAI,IAAI;CAEjD,OAAOvB,MAAMsB,SAAS,IAAI,GAAGvB,KAAI,IAAKC,MAAMuB,KAAK,IAAI,EAAC,KAAMxB;AAChE"}

package/dist/credits/index.d.ts

@@ -0,0 +1,5 @@
+export { CreditsFieldEntry, creditsPlugin } from './CreditsField.js';
+export { type Credit, formatCredit, getCreditName, getCreditRoles } from './credits.js';
+export type { CompoundFieldEntry, CompoundSummary, CompoundSummaryContext, } from '../compound/compound.js';
+export type { FieldEntry, FieldEntryProps } from '../shared/types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/credits/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,KAAK,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACrF,YAAY,EACR,kBAAkB,EAClB,eAAe,EACf,sBAAsB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/credits/index.js

@@ -0,0 +1,3 @@
+import { formatCredit, getCreditName, getCreditRoles } from "./credits.js";
+import { CreditsFieldEntry, creditsPlugin } from "./CreditsField.js";
+export { CreditsFieldEntry, creditsPlugin, formatCredit, getCreditName, getCreditRoles };

package/dist/embed/EmbedField.js

@@ -1,11 +1,11 @@
-import { useFieldsContext } from "../shared/context.js";
 import { findRule, getFieldProps, isString } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import EmbedField_module_default from "./EmbedField.module.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useEffectEvent, useState } from "react";
 import { Spinner, TextInput, usePanneauIntl } from "@panneau/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useEffectEvent, useState } from "react";
 import { formsMessages } from "@panneau/intl";
 //#region src/embed/EmbedField.tsx
 var RESOLVE_DELAY = 500;

package/dist/file/FileField.js

@@ -1,5 +1,5 @@
-import { useFieldsContext } from "../shared/context.js";
 import { getAccept, getFieldProps, getMaxSize } from "../shared/entry.js";
+import { useFieldsContext } from "../shared/context.js";
 import { messages } from "../shared/messages.js";
 import { FilePicker } from "../upload/FilePicker.js";
 import { formatSize } from "../upload/files.js";
@@ -8,10 +8,10 @@ import { useRejectionMessage } from "../upload/useRejectionMessage.js";
 import { useUploads } from "../upload/useUploads.js";
 import FileField_module_default from "./FileField.module.js";
 import { c } from "react/compiler-runtime";
-import { FileText, X } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
 import { Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { FileText, X } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
 //#region src/file/FileField.tsx
 function fileSize(file) {
 	return typeof file.size === "number" ? file.size : null;

package/dist/group/GroupField.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { Field } from '@panneau/protocol';
 import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export type GroupValue = Record<string, unknown>;
@@ -6,6 +7,11 @@ export interface GroupFieldProps extends FieldProps<GroupValue> {
     fields: readonly Field[];
     /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */
     path?: string;
+    /**
+     * Lays out the rendered fields, by name, instead of the flow of short fields side by side:
+     * the layout of a compound field (decision 0065).
+     */
+    renderFields?: (parts: Readonly<Record<string, ReactNode>>, value: GroupValue) => ReactNode;
     fieldsClassName?: string;
 }
 /**
@@ -13,7 +19,7 @@ export interface GroupFieldProps extends FieldProps<GroupValue> {
  * field renders with the entry of its type, at the path `<group>.<field>`. Without a binding in the fields context, the group sets the whole
  * object through `onChange`.
  */
-export declare function GroupField({ fields, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, fieldsClassName, }: GroupFieldProps): import("react").JSX.Element;
+export declare function GroupField({ fields, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, renderFields, fieldsClassName, }: GroupFieldProps): import("react").JSX.Element;
 /** The `group` type: its `fields`, as a nested object. */
 export declare function GroupFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=GroupField.d.ts.map

package/dist/group/GroupField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.d.ts","sourceRoot":"","sources":["../../src/group/GroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO/C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,0EAA0E;IAC1E,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,eAAe,GAClB,EAAE,eAAe,+BAqCjB;AAED,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAerD"}
+{"version":3,"file":"GroupField.d.ts","sourceRoot":"","sources":["../../src/group/GroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO/C,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,0EAA0E;IAC1E,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,eAAe,GAClB,EAAE,eAAe,+BA+CjB;AAED,0DAA0D;AAC1D,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAerD"}