@panneau/fields 5.0.0-alpha.10 → 5.0.0-alpha.12

package/dist/embed/EmbedField.js

@@ -3,8 +3,8 @@ 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, useEffectEvent, useState } from "react";
+import { Spinner, TextInput, usePanneauIntl } from "@panneau/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/embed/EmbedField.tsx
 var RESOLVE_DELAY = 500;

package/dist/file/FileField.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 { Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
+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";
 //#region src/file/FileField.tsx
 function fileSize(file) {
 	return typeof file.size === "number" ? file.size : null;

package/dist/group/GroupField.css

@@ -1,12 +1,29 @@
 .panneau-group-field-fields {
-    display: flex;
-    flex-direction: column;
-    gap: var(--panneau-space-4);
     padding: var(--panneau-space-4);
     border: var(--panneau-border-width) solid var(--panneau-color-border);
     border-radius: var(--panneau-radius-md);
 }
 
+/* Short fields share a row, in columns of at least 14rem. */
+.panneau-group-field-flow {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
+    gap: var(--panneau-space-4);
+}
+
+.panneau-group-field-cell {
+    min-width: 0;
+}
+
+/* A field hidden by its condition renders nothing: its cell takes no column. */
+.panneau-group-field-cell:empty {
+    display: none;
+}
+
+.panneau-group-field-wide {
+    grid-column: 1 / -1;
+}
+
 @media (max-width: 30rem) {
     .panneau-group-field-fields {
         padding: var(--panneau-space-3);

package/dist/group/GroupField.d.ts

@@ -9,8 +9,8 @@ export interface GroupFieldProps extends FieldProps<GroupValue> {
     fieldsClassName?: string;
 }
 /**
- * A nested object: its fields under a legend. Each 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
+ * A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each
+ * 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;

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;AAM/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,+BA+BjB;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,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"}

package/dist/group/GroupField.js

@@ -1,5 +1,6 @@
 import { cx } from "../shared/cx.js";
 import { getFieldProps } from "../shared/entry.js";
+import { isWideField } from "../shared/flow.js";
 import GroupField_module_default from "./GroupField.module.js";
 import { NestedField } from "../shared/DefinitionField.js";
 import { c } from "react/compiler-runtime";
@@ -7,12 +8,12 @@ import { Fieldset } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/group/GroupField.tsx
 /**
-* A nested object: its fields under a legend. Each 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
+* A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each
+* 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`.
 */
 function GroupField(t0) {
-	const $ = c(32);
+	const $ = c(34);
 	const { fields, path, name, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, fieldsClassName } = t0;
 	const base = path ?? name ?? "";
 	let t1;
@@ -32,18 +33,21 @@ function GroupField(t0) {
 	if ($[4] !== base || $[5] !== disabled || $[6] !== fields || $[7] !== object || $[8] !== onBlur || $[9] !== onChange || $[10] !== readOnly) {
 		let t4;
 		if ($[12] !== base || $[13] !== disabled || $[14] !== object || $[15] !== onBlur || $[16] !== onChange || $[17] !== readOnly) {
-			t4 = (field) => /* @__PURE__ */ jsx(NestedField, {
-				field,
-				path: base !== "" ? `${base}.${field.name}` : field.name,
-				value: object[field.name],
-				onChange: (next) => onChange?.({
-					...object,
-					[field.name]: next
-				}),
-				...onBlur !== void 0 ? { onBlur } : {},
-				parentValue: object,
-				...disabled !== void 0 ? { disabled } : {},
-				...readOnly !== void 0 ? { readOnly } : {}
+			t4 = (field) => /* @__PURE__ */ jsx("div", {
+				className: cx(GroupField_module_default.cell, isWideField(field) && GroupField_module_default.wide),
+				children: /* @__PURE__ */ jsx(NestedField, {
+					field,
+					path: base !== "" ? `${base}.${field.name}` : field.name,
+					value: object[field.name],
+					onChange: (next) => onChange?.({
+						...object,
+						[field.name]: next
+					}),
+					...onBlur !== void 0 ? { onBlur } : {},
+					parentValue: object,
+					...disabled !== void 0 ? { disabled } : {},
+					...readOnly !== void 0 ? { readOnly } : {}
+				})
 			}, field.name);
 			$[12] = base;
 			$[13] = disabled;
@@ -64,18 +68,27 @@ function GroupField(t0) {
 		$[11] = t3;
 	} else t3 = $[11];
 	let t4;
-	if ($[19] !== t2 || $[20] !== t3) {
+	if ($[19] !== t3) {
 		t4 = /* @__PURE__ */ jsx("div", {
-			className: t2,
+			className: GroupField_module_default.flow,
 			children: t3
 		});
-		$[19] = t2;
-		$[20] = t3;
-		$[21] = t4;
-	} else t4 = $[21];
+		$[19] = t3;
+		$[20] = t4;
+	} else t4 = $[20];
 	let t5;
-	if ($[22] !== className || $[23] !== description || $[24] !== descriptionClassName || $[25] !== errors || $[26] !== errorsClassName || $[27] !== label || $[28] !== labelClassName || $[29] !== required || $[30] !== t4) {
-		t5 = /* @__PURE__ */ jsx(Fieldset, {
+	if ($[21] !== t2 || $[22] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			children: t4
+		});
+		$[21] = t2;
+		$[22] = t4;
+		$[23] = t5;
+	} else t5 = $[23];
+	let t6;
+	if ($[24] !== className || $[25] !== description || $[26] !== descriptionClassName || $[27] !== errors || $[28] !== errorsClassName || $[29] !== label || $[30] !== labelClassName || $[31] !== required || $[32] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Fieldset, {
 			legend: label,
 			description,
 			errors,
@@ -84,20 +97,20 @@ function GroupField(t0) {
 			legendClassName: labelClassName,
 			descriptionClassName,
 			errorsClassName,
-			children: t4
+			children: t5
 		});
-		$[22] = className;
-		$[23] = description;
-		$[24] = descriptionClassName;
-		$[25] = errors;
-		$[26] = errorsClassName;
-		$[27] = label;
-		$[28] = labelClassName;
-		$[29] = required;
-		$[30] = t4;
-		$[31] = t5;
-	} else t5 = $[31];
-	return t5;
+		$[24] = className;
+		$[25] = description;
+		$[26] = descriptionClassName;
+		$[27] = errors;
+		$[28] = errorsClassName;
+		$[29] = label;
+		$[30] = labelClassName;
+		$[31] = required;
+		$[32] = t5;
+		$[33] = t6;
+	} else t6 = $[33];
+	return t6;
 }
 /** The `group` type: its `fields`, as a nested object. */
 function GroupFieldEntry(props) {

package/dist/group/GroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.js","names":["Field","Fieldset","NestedField","cx","getFieldProps","FieldEntryProps","FieldProps","styles","GroupValue","Record","GroupFieldProps","fields","path","fieldsClassName","GroupField","t0","$","_c","name","value","onChange","onBlur","label","description","errors","disabled","readOnly","required","className","labelClassName","descriptionClassName","errorsClassName","base","t1","object","t2","t3","t4","field","next","undefined","map","t5","GroupFieldEntry","props","Array","isArray","_c","styles"],"sources":["../../src/group/GroupField.tsx"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { Fieldset } from '@panneau/ui';\n\nimport { NestedField } from '../shared/DefinitionField';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './GroupField.module.css';\n\nexport type GroupValue = Record<string, unknown>;\n\nexport interface GroupFieldProps extends FieldProps<GroupValue> {\n    /** The nested fields, rendered with the entries of the fields context. */\n    fields: readonly Field[];\n    /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */\n    path?: string;\n    fieldsClassName?: string;\n}\n\n/**\n * A nested object: its fields under a legend. Each field renders with the entry of its type, at\n * the path `<group>.<field>`. Without a binding in the fields context, the group sets the whole\n * object through `onChange`.\n */\nexport function GroupField({\n    fields,\n    path,\n    name,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    fieldsClassName,\n}: GroupFieldProps) {\n    const base = path ?? name ?? '';\n    const object = value ?? {};\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={cx(styles.fields, fieldsClassName)}>\n                {fields.map((field) => (\n                    <NestedField\n                        key={field.name}\n                        field={field}\n                        path={base !== '' ? `${base}.${field.name}` : field.name}\n                        value={object[field.name]}\n                        onChange={(next) => onChange?.({ ...object, [field.name]: next })}\n                        {...(onBlur !== undefined ? { onBlur } : {})}\n                        parentValue={object}\n                        {...(disabled !== undefined ? { disabled } : {})}\n                        {...(readOnly !== undefined ? { readOnly } : {})}\n                    />\n                ))}\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `group` type: its `fields`, as a nested object. */\nexport function GroupFieldEntry(props: FieldEntryProps) {\n    const { value } = props;\n    return (\n        <GroupField\n            {...getFieldProps(props)}\n            fields={props.field.fields ?? []}\n            path={props.path}\n            value={\n                value !== null && typeof value === 'object' && !Array.isArray(value)\n                    ? (value as GroupValue)\n                    : null\n            }\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GroupField.js","names":["Field","Fieldset","NestedField","cx","getFieldProps","isWideField","FieldEntryProps","FieldProps","styles","GroupValue","Record","GroupFieldProps","fields","path","fieldsClassName","GroupField","t0","$","_c","name","value","onChange","onBlur","label","description","errors","disabled","readOnly","required","className","labelClassName","descriptionClassName","errorsClassName","base","t1","object","t2","t3","t4","field","cell","wide","next","undefined","map","flow","t5","t6","GroupFieldEntry","props","Array","isArray","_c","styles"],"sources":["../../src/group/GroupField.tsx"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { Fieldset } from '@panneau/ui';\n\nimport { NestedField } from '../shared/DefinitionField';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport { isWideField } from '../shared/flow';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './GroupField.module.css';\n\nexport type GroupValue = Record<string, unknown>;\n\nexport interface GroupFieldProps extends FieldProps<GroupValue> {\n    /** The nested fields, rendered with the entries of the fields context. */\n    fields: readonly Field[];\n    /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */\n    path?: string;\n    fieldsClassName?: string;\n}\n\n/**\n * A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each\n * 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\n * object through `onChange`.\n */\nexport function GroupField({\n    fields,\n    path,\n    name,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    fieldsClassName,\n}: GroupFieldProps) {\n    const base = path ?? name ?? '';\n    const object = value ?? {};\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={cx(styles.fields, fieldsClassName)}>\n                <div className={styles.flow}>\n                    {fields.map((field) => (\n                        <div\n                            key={field.name}\n                            className={cx(styles.cell, isWideField(field) && styles.wide)}\n                        >\n                            <NestedField\n                                field={field}\n                                path={base !== '' ? `${base}.${field.name}` : field.name}\n                                value={object[field.name]}\n                                onChange={(next) => onChange?.({ ...object, [field.name]: next })}\n                                {...(onBlur !== undefined ? { onBlur } : {})}\n                                parentValue={object}\n                                {...(disabled !== undefined ? { disabled } : {})}\n                                {...(readOnly !== undefined ? { readOnly } : {})}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `group` type: its `fields`, as a nested object. */\nexport function GroupFieldEntry(props: FieldEntryProps) {\n    const { value } = props;\n    return (\n        <GroupField\n            {...getFieldProps(props)}\n            fields={props.field.fields ?? []}\n            path={props.path}\n            value={\n                value !== null && typeof value === 'object' && !Array.isArray(value)\n                    ? (value as GroupValue)\n                    : null\n            }\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/group/GroupField.module.js

@@ -1,8 +1,16 @@
 import "./GroupField.css";
 //#region src/group/GroupField.module.css
 var fields = "panneau-group-field-fields";
-var GroupField_module_default = { fields };
+var flow = "panneau-group-field-flow";
+var cell = "panneau-group-field-cell";
+var wide = "panneau-group-field-wide";
+var GroupField_module_default = {
+	fields,
+	flow,
+	cell,
+	wide
+};
 //#endregion
-export { GroupField_module_default as default, fields };
+export { cell, GroupField_module_default as default, fields, flow, wide };
 
 //# sourceMappingURL=GroupField.module.js.map

package/dist/group/GroupField.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.module.js","names":[],"sources":["../../src/group/GroupField.module.css"],"sourcesContent":[".fields {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-4);\n    padding: var(--panneau-space-4);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-md);\n}\n\n@media (max-width: 30rem) {\n    .fields {\n        padding: var(--panneau-space-3);\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"GroupField.module.js","names":[],"sources":["../../src/group/GroupField.module.css"],"sourcesContent":[".fields {\n    padding: var(--panneau-space-4);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-md);\n}\n\n/* Short fields share a row, in columns of at least 14rem. */\n.flow {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));\n    gap: var(--panneau-space-4);\n}\n\n.cell {\n    min-width: 0;\n}\n\n/* A field hidden by its condition renders nothing: its cell takes no column. */\n.cell:empty {\n    display: none;\n}\n\n.wide {\n    grid-column: 1 / -1;\n}\n\n@media (max-width: 30rem) {\n    .fields {\n        padding: var(--panneau-space-3);\n    }\n}\n"],"mappings":""}

package/dist/index.d.ts

@@ -8,7 +8,9 @@ export { type EmbedAdapter, type EmbedSource, createEmbedSource } from './shared
 export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './location/types.js';
 export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim.js';
 export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types.js';
+export { isWideField } from './shared/flow.js';
 export { MissingFieldEntry } from './missing/MissingField.js';
+export { type RevealRegistry, type Revealer, RevealContext, createRevealRegistry, useRevealer, } from './shared/reveal.js';
 export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField.js';
 export { FilePicker, type FilePickerProps } from './upload/FilePicker.js';
 export { UploadList, type UploadListProps } from './upload/UploadList.js';

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,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"}
+{"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,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,aAAa,EACb,oBAAoB,EACpB,WAAW,GACd,MAAM,iBAAiB,CAAC;AACzB,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"}

package/dist/index.js

@@ -1,5 +1,6 @@
 import { FieldsProvider, getParentPath, useFieldsContext } from "./shared/context.js";
 import { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired } from "./shared/entry.js";
+import { RevealContext, createRevealRegistry, useRevealer } from "./shared/reveal.js";
 import { MissingFieldEntry } from "./missing/MissingField.js";
 import { FilePicker } from "./upload/FilePicker.js";
 import { formatSize, matchesMime } from "./upload/files.js";
@@ -7,10 +8,11 @@ import { UploadList } from "./upload/UploadList.js";
 import { useRejectionMessage } from "./upload/useRejectionMessage.js";
 import { useUploads } from "./upload/useUploads.js";
 import { FileField, FileFieldEntry, isFileValue, toFiles } from "./file/FileField.js";
+import { isWideField } from "./shared/flow.js";
 import { createRelationSource, toReferences, useRelationReferences } from "./shared/relation.js";
 import { builtInFields, fieldsPlugin } from "./shared/builtIn.js";
 import { DefinitionField, NestedField } from "./shared/DefinitionField.js";
 import { createFieldCheckSource } from "./shared/check.js";
 import { createEmbedSource } from "./shared/embed.js";
 import { createNominatimSource } from "./location/nominatim.js";
-export { DefinitionField, FieldsProvider, FileField, FileFieldEntry, FilePicker, MissingFieldEntry, NestedField, UploadList, builtInFields, createEmbedSource, createFieldCheckSource, createNominatimSource, createRelationSource, fieldsPlugin, findRule, formatSize, getAccept, getFieldProps, getMaxSize, getParentPath, getRuleNumber, isFileValue, isRequired, matchesMime, toFiles, toReferences, useFieldsContext, useRejectionMessage, useRelationReferences, useUploads };
+export { DefinitionField, FieldsProvider, FileField, FileFieldEntry, FilePicker, MissingFieldEntry, NestedField, RevealContext, UploadList, builtInFields, createEmbedSource, createFieldCheckSource, createNominatimSource, createRelationSource, createRevealRegistry, fieldsPlugin, findRule, formatSize, getAccept, getFieldProps, getMaxSize, getParentPath, getRuleNumber, isFileValue, isRequired, isWideField, matchesMime, toFiles, toReferences, useFieldsContext, useRejectionMessage, useRelationReferences, useRevealer, useUploads };

package/dist/json/JsonField.js

@@ -2,8 +2,8 @@ import { getFieldProps, getSetting, isNumber } from "../shared/entry.js";
 import { messages } from "../shared/messages.js";
 import JsonField_module_default from "./JsonField.module.js";
 import { c } from "react/compiler-runtime";
-import { TextArea, usePanneauIntl } from "@panneau/ui";
 import { useState } from "react";
+import { TextArea, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/json/JsonField.tsx
 /** The text of a value: indented JSON, or the text that doesn't parse as it is. */

package/dist/localized/LocalizedField.css

@@ -1,9 +1,30 @@
-.panneau-localized-field-locales {
-    display: flex;
-    flex-direction: column;
-    gap: var(--panneau-space-3);
-}
-
 .panneau-localized-field-locale {
     min-width: 0;
 }
+
+.panneau-localized-field-locale[hidden] {
+    display: none;
+}
+
+.panneau-localized-field-option {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--panneau-space-1);
+    letter-spacing: 0.02em;
+}
+
+.panneau-localized-field-marker {
+    flex: 0 0 auto;
+    width: 0.45em;
+    height: 0.45em;
+    background-color: currentcolor;
+    border-radius: 50%;
+}
+
+.panneau-localized-field-invalid {
+    color: var(--panneau-color-danger);
+}
+
+.panneau-localized-field-empty {
+    color: var(--panneau-color-warning);
+}

package/dist/localized/LocalizedField.d.ts

@@ -1,11 +1,14 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 /** A localized value: a value per locale (`{ fr: 'Été', en: 'Summer' }`). */
 export type LocalizedValue<V> = Partial<Record<string, V | null>>;
 /** What `LocalizedField` gives the input of each locale. */
 export interface LocalizedInputProps<V> {
     locale: string;
-    /** Name of the locale in the UI's language, as the input's label. */
+    /**
+     * Name of the locale in the UI's language. The field shows the locales: give it to the input
+     * as its `aria-label`, not as a visible label.
+     */
     label: string;
     value: V | null;
     onChange: (value: V | null) => void;
@@ -15,22 +18,30 @@ export interface LocalizedInputProps<V> {
     required?: boolean;
 }
 export interface LocalizedFieldProps<V> extends FieldProps<LocalizedValue<V>> {
-    /** Locales, in order. */
+    /** Locales, in order. The first one shows first. */
     locales: readonly string[];
     /** Renders the input of a locale. */
     children: (props: LocalizedInputProps<V>) => ReactNode;
+    /** The locale shown. Controlled with `onLocaleChange`. */
+    locale?: string;
+    onLocaleChange?: (locale: string) => void;
+    /** Locales whose value has errors: their switch shows it. */
+    invalidLocales?: readonly string[];
     localeClassName?: string;
 }
 /** The name of a locale in the UI's language, capitalized (`Français`, `English`). */
 export declare function useLocaleName(): (locale: string) => string;
 /**
- * A value per locale, with an input for each locale under one legend. A value without any locale
- * filled is `null`.
+ * A value per locale: one locale at a time, under the field's label, with a switch at the end of
+ * the label's line for the others. The switch marks the locales in error, and the empty ones: to
+ * fill in when the field is required, to add otherwise. A value without any locale filled is
+ * `null`.
  */
-export declare function LocalizedField<V>({ locales, children, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, localeClassName, }: LocalizedFieldProps<V>): import("react").JSX.Element;
+export declare function LocalizedField<V>({ locales, children, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, locale, onLocaleChange, invalidLocales, className, labelClassName, descriptionClassName, errorsClassName, localeClassName, }: LocalizedFieldProps<V>): import("react").JSX.Element;
 /**
  * A field of the definition with `localized: true`: the field of its type for each locale of the
- * fields context, each at its own path (`title.fr`).
+ * fields context, each at its own path (`title.fr`). It shows the locale of a path the form
+ * reveals, such as the first error on submit.
  */
 export declare function LocalizedFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=LocalizedField.d.ts.map

package/dist/localized/LocalizedField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizedField.d.ts","sourceRoot":"","sources":["../../src/localized/LocalizedField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,6EAA6E;AAC7E,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAElE,4DAA4D;AAC5D,MAAM,WAAW,mBAAmB,CAAC,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IACzE,yBAAyB;IACzB,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,sFAAsF;AACtF,wBAAgB,aAAa,IAAI,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAY1D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAC9B,OAAO,EACP,QAAQ,EACR,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,mBAAmB,CAAC,CAAC,CAAC,+BAsCxB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,+BA+BzD"}
+{"version":3,"file":"LocalizedField.d.ts","sourceRoot":"","sources":["../../src/localized/LocalizedField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAWjD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,6EAA6E;AAC7E,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;AAElE,4DAA4D;AAC5D,MAAM,WAAW,mBAAmB,CAAC,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IACzE,oDAAoD;IACpD,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACvD,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,6DAA6D;IAC7D,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,sFAAsF;AACtF,wBAAgB,aAAa,IAAI,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAY1D;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAC9B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,cAAc,EACd,cAAmB,EACnB,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,eAAe,GAClB,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAyFxB;AASD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,+BA+CzD"}