@panneau/fields 4.1.0 → 5.0.0-alpha.0

package/dist/locales/index.js

@@ -0,0 +1,21 @@
+import { messages } from "../shared/messages.js";
+import { fr as fr$1, getDefaultMessages } from "@panneau/intl";
+//#region src/locales/index.ts
+/**
+* The English messages of `@panneau/fields`, by id. They are also the default messages.
+*
+* @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+* of every package.
+*/
+var en = getDefaultMessages(messages);
+/**
+* The French messages of `@panneau/fields`, by id.
+*
+* @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages
+* of every package.
+*/
+var fr = Object.fromEntries(Object.entries(fr$1).filter(([id]) => id in en));
+//#endregion
+export { en, fr };
+
+//# sourceMappingURL=index.js.map

package/dist/locales/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["allFr"],"sources":["../../src/locales/index.ts"],"sourcesContent":["import { fr as allFr, getDefaultMessages } from '@panneau/intl';\n\nimport { messages } from '../shared/messages';\n\n/**\n * The English messages of `@panneau/fields`, by id. They are also the default messages.\n *\n * @deprecated Use `en`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages\n * of every package.\n */\nexport const en: Record<string, string> = getDefaultMessages(messages);\n\n/**\n * The French messages of `@panneau/fields`, by id.\n *\n * @deprecated Use `fr`, or `withPanneauMessages()`, from `@panneau/intl`: they have the messages\n * of every package.\n */\nexport const fr: Record<string, string> = Object.fromEntries(\n    Object.entries(allFr).filter(([id]) => id in en),\n);\n"],"mappings":";;;;;;;;;AAUA,IAAa,KAA6B,mBAAmB,QAAQ;;;;;;;AAQrE,IAAa,KAA6B,OAAO,YAC7C,OAAO,QAAQA,IAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,MAAM,EAAE,CACnD"}

package/dist/localized/LocalizedField.css

@@ -0,0 +1,9 @@
+.panneau-locales-TQodj- {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-3);
+}
+
+.panneau-locale-NSOW2A {
+    min-width: 0;
+}

package/dist/localized/LocalizedField.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+/** 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. */
+    label: string;
+    value: V | null;
+    onChange: (value: V | null) => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+}
+export interface LocalizedFieldProps<V> extends FieldProps<LocalizedValue<V>> {
+    /** Locales, in order. */
+    locales: readonly string[];
+    /** Renders the input of a locale. */
+    children: (props: LocalizedInputProps<V>) => ReactNode;
+    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`.
+ */
+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;
+/**
+ * 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`).
+ */
+export declare function LocalizedFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=LocalizedField.d.ts.map

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

@@ -0,0 +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,+BA8BzD"}

package/dist/localized/LocalizedField.js

@@ -0,0 +1,207 @@
+import { useFieldsContext } from "../shared/context.js";
+import { cx } from "../shared/cx.js";
+import { getFieldProps } from "../shared/entry.js";
+import LocalizedField_module_default from "./LocalizedField.module.js";
+import { NestedField } from "../shared/DefinitionField.js";
+import { c } from "react/compiler-runtime";
+import { Fieldset, usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/localized/LocalizedField.tsx
+/** The name of a locale in the UI's language, capitalized (`Français`, `English`). */
+function useLocaleName() {
+	const $ = c(2);
+	const intl = usePanneauIntl();
+	let t0;
+	if ($[0] !== intl) {
+		t0 = (locale) => {
+			let name;
+			try {
+				name = intl.formatDisplayName(locale, { type: "language" });
+			} catch {
+				name = void 0;
+			}
+			const text = name ?? locale.toUpperCase();
+			return text.charAt(0).toLocaleUpperCase(intl.locale) + text.slice(1);
+		};
+		$[0] = intl;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+/**
+* A value per locale, with an input for each locale under one legend. A value without any locale
+* filled is `null`.
+*/
+function LocalizedField(t0) {
+	const $ = c(33);
+	const { locales, children, value, onChange, onBlur, label, description, errors, disabled, readOnly, required, className, labelClassName, descriptionClassName, errorsClassName, localeClassName } = t0;
+	const localeName = useLocaleName();
+	let t1;
+	if ($[0] !== children || $[1] !== disabled || $[2] !== localeClassName || $[3] !== localeName || $[4] !== locales || $[5] !== onBlur || $[6] !== onChange || $[7] !== readOnly || $[8] !== required || $[9] !== value) {
+		let t2;
+		if ($[11] !== children || $[12] !== disabled || $[13] !== localeClassName || $[14] !== localeName || $[15] !== onBlur || $[16] !== onChange || $[17] !== readOnly || $[18] !== required || $[19] !== value) {
+			t2 = (locale) => /* @__PURE__ */ jsx("div", {
+				className: cx(LocalizedField_module_default.locale, localeClassName),
+				children: children({
+					locale,
+					label: localeName(locale),
+					value: value?.[locale] ?? null,
+					onChange: (next) => {
+						const updated = {
+							...value,
+							[locale]: next
+						};
+						const filled = Object.values(updated).some(_temp);
+						onChange?.(filled ? updated : null);
+					},
+					...onBlur !== void 0 ? { onBlur } : {},
+					...disabled !== void 0 ? { disabled } : {},
+					...readOnly !== void 0 ? { readOnly } : {},
+					...required !== void 0 ? { required } : {}
+				})
+			}, locale);
+			$[11] = children;
+			$[12] = disabled;
+			$[13] = localeClassName;
+			$[14] = localeName;
+			$[15] = onBlur;
+			$[16] = onChange;
+			$[17] = readOnly;
+			$[18] = required;
+			$[19] = value;
+			$[20] = t2;
+		} else t2 = $[20];
+		t1 = locales.map(t2);
+		$[0] = children;
+		$[1] = disabled;
+		$[2] = localeClassName;
+		$[3] = localeName;
+		$[4] = locales;
+		$[5] = onBlur;
+		$[6] = onChange;
+		$[7] = readOnly;
+		$[8] = required;
+		$[9] = value;
+		$[10] = t1;
+	} else t1 = $[10];
+	let t2;
+	if ($[21] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: LocalizedField_module_default.locales,
+			children: t1
+		});
+		$[21] = t1;
+		$[22] = t2;
+	} else t2 = $[22];
+	let t3;
+	if ($[23] !== className || $[24] !== description || $[25] !== descriptionClassName || $[26] !== errors || $[27] !== errorsClassName || $[28] !== label || $[29] !== labelClassName || $[30] !== required || $[31] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Fieldset, {
+			legend: label,
+			description,
+			errors,
+			isRequired: required,
+			className,
+			legendClassName: labelClassName,
+			descriptionClassName,
+			errorsClassName,
+			children: t2
+		});
+		$[23] = className;
+		$[24] = description;
+		$[25] = descriptionClassName;
+		$[26] = errors;
+		$[27] = errorsClassName;
+		$[28] = label;
+		$[29] = labelClassName;
+		$[30] = required;
+		$[31] = t2;
+		$[32] = t3;
+	} else t3 = $[32];
+	return t3;
+}
+/**
+* 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`).
+*/
+function _temp(entry) {
+	return entry !== null && entry !== void 0 && entry !== "";
+}
+function LocalizedFieldEntry(props) {
+	const $ = c(22);
+	const { locales: contextLocales } = useFieldsContext();
+	const { field, path, value } = props;
+	let t0;
+	if ($[0] !== value) {
+		t0 = value !== null && typeof value === "object" && !Array.isArray(value) ? value : {};
+		$[0] = value;
+		$[1] = t0;
+	} else t0 = $[1];
+	const record = t0;
+	let t1;
+	if ($[2] !== contextLocales || $[3] !== record) {
+		t1 = contextLocales.length > 0 ? contextLocales : Object.keys(record);
+		$[2] = contextLocales;
+		$[3] = record;
+		$[4] = t1;
+	} else t1 = $[4];
+	const locales = t1;
+	let t2;
+	if ($[5] !== props) {
+		t2 = getFieldProps(props);
+		$[5] = props;
+		$[6] = t2;
+	} else t2 = $[6];
+	let chrome;
+	if ($[7] !== t2) {
+		const { name: _name, onBlur: _onBlur, ...t3 } = t2;
+		chrome = t3;
+		$[7] = t2;
+		$[8] = chrome;
+	} else chrome = $[8];
+	let t3;
+	if ($[9] !== field || $[10] !== path || $[11] !== props.disabled || $[12] !== props.onBlur || $[13] !== props.parentValue || $[14] !== props.readOnly) {
+		t3 = (input) => /* @__PURE__ */ jsx(NestedField, {
+			field: {
+				...field,
+				localized: false,
+				label: input.label,
+				help: void 0
+			},
+			path: `${path}.${input.locale}`,
+			value: input.value,
+			onChange: input.onChange,
+			...props.onBlur !== void 0 ? { onBlur: props.onBlur } : {},
+			parentValue: props.parentValue,
+			...props.disabled !== void 0 ? { disabled: props.disabled } : {},
+			...props.readOnly !== void 0 ? { readOnly: props.readOnly } : {}
+		});
+		$[9] = field;
+		$[10] = path;
+		$[11] = props.disabled;
+		$[12] = props.onBlur;
+		$[13] = props.parentValue;
+		$[14] = props.readOnly;
+		$[15] = t3;
+	} else t3 = $[15];
+	let t4;
+	if ($[16] !== chrome || $[17] !== locales || $[18] !== props.onChange || $[19] !== record || $[20] !== t3) {
+		t4 = /* @__PURE__ */ jsx(LocalizedField, {
+			...chrome,
+			locales,
+			value: record,
+			onChange: props.onChange,
+			children: t3
+		});
+		$[16] = chrome;
+		$[17] = locales;
+		$[18] = props.onChange;
+		$[19] = record;
+		$[20] = t3;
+		$[21] = t4;
+	} else t4 = $[21];
+	return t4;
+}
+//#endregion
+export { LocalizedField, LocalizedFieldEntry, useLocaleName };
+
+//# sourceMappingURL=LocalizedField.js.map

package/dist/localized/LocalizedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedField.js","names":["name","locale","label","description","errors","required","className","labelClassName","descriptionClassName","errorsClassName","locales","record","_c","styles"],"sources":["../../src/localized/LocalizedField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Fieldset, usePanneauIntl } from '@panneau/ui';\n\nimport { NestedField } from '../shared/DefinitionField';\nimport { useFieldsContext } from '../shared/context';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './LocalizedField.module.css';\n\n/** A localized value: a value per locale (`{ fr: 'Été', en: 'Summer' }`). */\nexport type LocalizedValue<V> = Partial<Record<string, V | null>>;\n\n/** What `LocalizedField` gives the input of each locale. */\nexport interface LocalizedInputProps<V> {\n    locale: string;\n    /** Name of the locale in the UI's language, as the input's label. */\n    label: string;\n    value: V | null;\n    onChange: (value: V | null) => void;\n    onBlur?: () => void;\n    disabled?: boolean;\n    readOnly?: boolean;\n    required?: boolean;\n}\n\nexport interface LocalizedFieldProps<V> extends FieldProps<LocalizedValue<V>> {\n    /** Locales, in order. */\n    locales: readonly string[];\n    /** Renders the input of a locale. */\n    children: (props: LocalizedInputProps<V>) => ReactNode;\n    localeClassName?: string;\n}\n\n/** The name of a locale in the UI's language, capitalized (`Français`, `English`). */\nexport function useLocaleName(): (locale: string) => string {\n    const intl = usePanneauIntl();\n    return (locale) => {\n        let name: string | undefined;\n        try {\n            name = intl.formatDisplayName(locale, { type: 'language' });\n        } catch {\n            name = undefined;\n        }\n        const text = name ?? locale.toUpperCase();\n        return text.charAt(0).toLocaleUpperCase(intl.locale) + text.slice(1);\n    };\n}\n\n/**\n * A value per locale, with an input for each locale under one legend. A value without any locale\n * filled is `null`.\n */\nexport function LocalizedField<V>({\n    locales,\n    children,\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    localeClassName,\n}: LocalizedFieldProps<V>) {\n    const localeName = useLocaleName();\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={styles.locales}>\n                {locales.map((locale) => (\n                    <div key={locale} className={cx(styles.locale, localeClassName)}>\n                        {children({\n                            locale,\n                            label: localeName(locale),\n                            value: value?.[locale] ?? null,\n                            onChange: (next) => {\n                                const updated = { ...value, [locale]: next };\n                                const filled = Object.values(updated).some(\n                                    (entry) =>\n                                        entry !== null && entry !== undefined && entry !== '',\n                                );\n                                onChange?.(filled ? updated : null);\n                            },\n                            ...(onBlur !== undefined ? { onBlur } : {}),\n                            ...(disabled !== undefined ? { disabled } : {}),\n                            ...(readOnly !== undefined ? { readOnly } : {}),\n                            ...(required !== undefined ? { required } : {}),\n                        })}\n                    </div>\n                ))}\n            </div>\n        </Fieldset>\n    );\n}\n\n/**\n * A field of the definition with `localized: true`: the field of its type for each locale of the\n * fields context, each at its own path (`title.fr`).\n */\nexport function LocalizedFieldEntry(props: FieldEntryProps) {\n    const { locales: contextLocales } = useFieldsContext();\n    const { field, path, value } = props;\n    const record =\n        value !== null && typeof value === 'object' && !Array.isArray(value)\n            ? (value as Record<string, unknown>)\n            : {};\n    const locales = contextLocales.length > 0 ? contextLocales : Object.keys(record);\n    const { name: _name, onBlur: _onBlur, ...chrome } = getFieldProps(props);\n    return (\n        <LocalizedField<unknown>\n            {...chrome}\n            locales={locales}\n            value={record}\n            onChange={props.onChange}\n        >\n            {(input) => (\n                <NestedField\n                    field={{ ...field, localized: false, label: input.label, help: undefined }}\n                    path={`${path}.${input.locale}`}\n                    value={input.value}\n                    onChange={input.onChange}\n                    {...(props.onBlur !== undefined ? { onBlur: props.onBlur } : {})}\n                    parentValue={props.parentValue}\n                    {...(props.disabled !== undefined ? { disabled: props.disabled } : {})}\n                    {...(props.readOnly !== undefined ? { readOnly: props.readOnly } : {})}\n                />\n            )}\n        </LocalizedField>\n    );\n}\n"],"mappings":"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"}

package/dist/localized/LocalizedField.module.js

@@ -0,0 +1,12 @@
+import "./LocalizedField.css";
+//#region src/localized/LocalizedField.module.css
+var locales = "panneau-locales-TQodj-";
+var locale = "panneau-locale-NSOW2A";
+var LocalizedField_module_default = {
+	locales,
+	locale
+};
+//#endregion
+export { LocalizedField_module_default as default, locale, locales };
+
+//# sourceMappingURL=LocalizedField.module.js.map

package/dist/localized/LocalizedField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizedField.module.js","names":[],"sources":["../../src/localized/LocalizedField.module.css"],"sourcesContent":[".locales {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-3);\n}\n\n.locale {\n    min-width: 0;\n}\n"],"mappings":""}

package/dist/localized/index.d.ts

@@ -0,0 +1,2 @@
+export { LocalizedField, LocalizedFieldEntry, type LocalizedFieldProps, type LocalizedInputProps, type LocalizedValue, useLocaleName, } from './LocalizedField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/localized/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,aAAa,GAChB,MAAM,kBAAkB,CAAC"}

package/dist/localized/index.js

@@ -0,0 +1 @@
+export { LocalizedField, LocalizedFieldEntry, useLocaleName } from "./LocalizedField.js";

package/dist/missing/MissingField.css

@@ -0,0 +1,18 @@
+.panneau-missing-w-xDO3 {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-1);
+}
+
+.panneau-notice-uaGWZE {
+    padding: var(--panneau-space-2) var(--panneau-space-3);
+    font-size: var(--panneau-font-size-sm);
+    color: var(--panneau-color-text-muted);
+    background-color: var(--panneau-color-surface-sunken);
+    border: var(--panneau-border-width) dashed var(--panneau-color-border-control);
+    border-radius: var(--panneau-radius-md);
+}
+
+.panneau-label-5coKrn {
+    font-weight: var(--panneau-font-weight-medium);
+}

package/dist/missing/MissingField.d.ts

@@ -0,0 +1,7 @@
+import type { FieldEntryProps } from '../shared/types';
+/**
+ * The slot of a field type that no plugin provides, such as `richtext` and `media` until Phase 2:
+ * it keeps the field's place in the form and names the missing type. The value is left as is.
+ */
+export declare function MissingFieldEntry({ field, className }: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=MissingField.d.ts.map

package/dist/missing/MissingField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingField.d.ts","sourceRoot":"","sources":["../../src/missing/MissingField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGvD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,+BAUtE"}

package/dist/missing/MissingField.js

@@ -0,0 +1,68 @@
+import { cx } from "../shared/cx.js";
+import { messages } from "../shared/messages.js";
+import MissingField_module_default from "./MissingField.module.js";
+import { c } from "react/compiler-runtime";
+import { usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/missing/MissingField.tsx
+/**
+* The slot of a field type that no plugin provides, such as `richtext` and `media` until Phase 2:
+* it keeps the field's place in the form and names the missing type. The value is left as is.
+*/
+function MissingFieldEntry(t0) {
+	const $ = c(14);
+	const { field, className } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== className) {
+		t1 = cx(MissingField_module_default.missing, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = field.type;
+	const t3 = field.label ?? field.name;
+	let t4;
+	if ($[2] !== t3) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: MissingField_module_default.label,
+			children: t3
+		});
+		$[2] = t3;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== field.type || $[5] !== intl) {
+		t5 = intl.formatMessage(messages.missingPlugin, { type: field.type });
+		$[4] = field.type;
+		$[5] = intl;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== t5) {
+		t6 = /* @__PURE__ */ jsx("p", {
+			className: MissingField_module_default.notice,
+			role: "note",
+			children: t5
+		});
+		$[7] = t5;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== field.type || $[10] !== t1 || $[11] !== t4 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: t1,
+			"data-field-type": t2,
+			children: [t4, t6]
+		});
+		$[9] = field.type;
+		$[10] = t1;
+		$[11] = t4;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+//#endregion
+export { MissingFieldEntry };
+
+//# sourceMappingURL=MissingField.js.map

package/dist/missing/MissingField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingField.js","names":["_c","styles"],"sources":["../../src/missing/MissingField.tsx"],"sourcesContent":["import { usePanneauIntl } from '@panneau/ui';\n\nimport { cx } from '../shared/cx';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps } from '../shared/types';\nimport styles from './MissingField.module.css';\n\n/**\n * The slot of a field type that no plugin provides, such as `richtext` and `media` until Phase 2:\n * it keeps the field's place in the form and names the missing type. The value is left as is.\n */\nexport function MissingFieldEntry({ field, className }: FieldEntryProps) {\n    const intl = usePanneauIntl();\n    return (\n        <div className={cx(styles.missing, className)} data-field-type={field.type}>\n            <span className={styles.label}>{field.label ?? field.name}</span>\n            <p className={styles.notice} role=\"note\">\n                {intl.formatMessage(messages.missingPlugin, { type: field.type })}\n            </p>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAO,kBAAA,IAAA;CAAA,MAAA,IAAAA,EAAA,EAAA;CAA2B,MAAA,EAAA,OAAA,cAAA;CAC9B,MAAA,OAAa,eAAe;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,WAAA;EAEV,KAAA,GAAGC,4BAAM,SAAU,SAAS;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAmB,MAAA,KAAA,MAAK;CACjC,MAAA,KAAA,MAAK,SAAU,MAAK;CAAK,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAAzD,KAAA,oBAAA,QAAA;GAAiB,WAAAA,4BAAM;GAAS,UAAA;EAAiC,CAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,QAAA,EAAA,OAAA,MAAA;EAE5D,KAAA,KAAI,cAAe,SAAQ,eAAgB,EAAA,MAAQ,MAAK,KAAM,CAAC;EAAC,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EADrE,KAAA,oBAAA,KAAA;GAAc,WAAAA,4BAAM;GAAc,MAAA;GAC7B,UAAA;EACD,CAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,QAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EAJR,KAAA,qBAAA,OAAA;GAAgB,WAAA;GAAgD,mBAAA;GAAhE,UAAA,CACI,IACA,EAGE;;EAAA,EAAA,KAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALN;AAKM"}

package/dist/missing/MissingField.module.js

@@ -0,0 +1,14 @@
+import "./MissingField.css";
+//#region src/missing/MissingField.module.css
+var missing = "panneau-missing-w-xDO3";
+var notice = "panneau-notice-uaGWZE";
+var label = "panneau-label-5coKrn";
+var MissingField_module_default = {
+	missing,
+	notice,
+	label
+};
+//#endregion
+export { MissingField_module_default as default, label, missing, notice };
+
+//# sourceMappingURL=MissingField.module.js.map

package/dist/missing/MissingField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingField.module.js","names":[],"sources":["../../src/missing/MissingField.module.css"],"sourcesContent":[".missing {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-1);\n}\n\n.notice {\n    padding: var(--panneau-space-2) var(--panneau-space-3);\n    font-size: var(--panneau-font-size-sm);\n    color: var(--panneau-color-text-muted);\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) dashed var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-md);\n}\n\n.label {\n    font-weight: var(--panneau-font-weight-medium);\n}\n"],"mappings":""}

package/dist/number/NumberField.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface NumberFieldProps extends FieldProps<number> {
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    /** Step of the steppers and arrow keys. Defaults to 1. */
+    step?: number;
+    /** Format of the number, for the locale: decimals, percent, currency. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** Content after the number: a unit. */
+    suffix?: ReactNode;
+    controlClassName?: string;
+    inputClassName?: string;
+}
+/** A number, formatted for the locale. An empty field is `null`. */
+export declare function NumberField({ value, onChange, min, max, disabled, readOnly, required, ...props }: NumberFieldProps): import("react").JSX.Element;
+/**
+ * The `number` type: `min` and `max` from its rules, and settings `step`, `decimals` (the most
+ * digits after the decimal point) and `suffix`.
+ */
+export declare function NumberFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=NumberField.d.ts.map

package/dist/number/NumberField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../src/number/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,gBAAiB,SAAQ,UAAU,CAAC,MAAM,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,wCAAwC;IACxC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,oEAAoE;AACpE,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,gBAAgB,+BAalB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,eAAe,+BAqBtD"}

package/dist/number/NumberField.js

@@ -0,0 +1,175 @@
+import { getFieldProps, getRuleNumber, getSetting, isNumber, isString } from "../shared/entry.js";
+import { c } from "react/compiler-runtime";
+import { NumberInput } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/number/NumberField.tsx
+/** A number, formatted for the locale. An empty field is `null`. */
+function NumberField(t0) {
+	const $ = c(20);
+	let disabled;
+	let max;
+	let min;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, min, max, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = max;
+		$[3] = min;
+		$[4] = onChange;
+		$[5] = props;
+		$[6] = readOnly;
+		$[7] = required;
+		$[8] = value;
+	} else {
+		disabled = $[1];
+		max = $[2];
+		min = $[3];
+		onChange = $[4];
+		props = $[5];
+		readOnly = $[6];
+		required = $[7];
+		value = $[8];
+	}
+	const t1 = value ?? null;
+	let t2;
+	if ($[9] !== onChange) {
+		t2 = (next) => onChange?.(next);
+		$[9] = onChange;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== disabled || $[12] !== max || $[13] !== min || $[14] !== props || $[15] !== readOnly || $[16] !== required || $[17] !== t1 || $[18] !== t2) {
+		t3 = /* @__PURE__ */ jsx(NumberInput, {
+			...props,
+			value: t1,
+			onChange: t2,
+			minValue: min,
+			maxValue: max,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[11] = disabled;
+		$[12] = max;
+		$[13] = min;
+		$[14] = props;
+		$[15] = readOnly;
+		$[16] = required;
+		$[17] = t1;
+		$[18] = t2;
+		$[19] = t3;
+	} else t3 = $[19];
+	return t3;
+}
+/**
+* The `number` type: `min` and `max` from its rules, and settings `step`, `decimals` (the most
+* digits after the decimal point) and `suffix`.
+*/
+function NumberFieldEntry(props) {
+	const $ = c(31);
+	const { field } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getRuleNumber(field, "min");
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const min = t0;
+	let t1;
+	if ($[2] !== field) {
+		t1 = getRuleNumber(field, "max");
+		$[2] = field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const max = t1;
+	let t2;
+	if ($[4] !== field) {
+		t2 = getSetting(field, "step", isNumber);
+		$[4] = field;
+		$[5] = t2;
+	} else t2 = $[5];
+	const step = t2;
+	let t3;
+	if ($[6] !== field) {
+		t3 = getSetting(field, "decimals", isNumber);
+		$[6] = field;
+		$[7] = t3;
+	} else t3 = $[7];
+	const decimals = t3;
+	let t4;
+	if ($[8] !== field) {
+		t4 = getSetting(field, "suffix", isString);
+		$[8] = field;
+		$[9] = t4;
+	} else t4 = $[9];
+	const suffix = t4;
+	let t5;
+	if ($[10] !== props) {
+		t5 = getFieldProps(props);
+		$[10] = props;
+		$[11] = t5;
+	} else t5 = $[11];
+	const t6 = isNumber(props.value) ? props.value : null;
+	let t7;
+	if ($[12] !== min) {
+		t7 = min !== void 0 ? { min } : {};
+		$[12] = min;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== max) {
+		t8 = max !== void 0 ? { max } : {};
+		$[14] = max;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== step) {
+		t9 = step !== void 0 ? { step } : {};
+		$[16] = step;
+		$[17] = t9;
+	} else t9 = $[17];
+	let t10;
+	if ($[18] !== decimals) {
+		t10 = decimals !== void 0 ? { formatOptions: { maximumFractionDigits: decimals } } : {};
+		$[18] = decimals;
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== suffix) {
+		t11 = suffix !== void 0 ? { suffix } : {};
+		$[20] = suffix;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== props.onChange || $[23] !== t10 || $[24] !== t11 || $[25] !== t5 || $[26] !== t6 || $[27] !== t7 || $[28] !== t8 || $[29] !== t9) {
+		t12 = /* @__PURE__ */ jsx(NumberField, {
+			...t5,
+			value: t6,
+			onChange: props.onChange,
+			...t7,
+			...t8,
+			...t9,
+			...t10,
+			...t11
+		});
+		$[22] = props.onChange;
+		$[23] = t10;
+		$[24] = t11;
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t7;
+		$[28] = t8;
+		$[29] = t9;
+		$[30] = t12;
+	} else t12 = $[30];
+	return t12;
+}
+//#endregion
+export { NumberField, NumberFieldEntry };
+
+//# sourceMappingURL=NumberField.js.map