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

package/dist/region/flags.js

@@ -0,0 +1,84 @@
+import { c } from "react/compiler-runtime";
+import { useEffect, useSyncExternalStore } from "react";
+//#region src/region/flags.ts
+/**
+* The modules of the flags, by country (decision 0059). Each loads the first time a region of its
+* country shows, so that a form without a region doesn't load them.
+*/
+var LOADERS = {
+	CA: () => import("./flags/CA.js"),
+	US: () => import("./flags/US.js")
+};
+/** The countries whose regions have flags. */
+var REGION_FLAG_COUNTRIES = Object.keys(LOADERS);
+var loaded = /* @__PURE__ */ new Map();
+var loading = /* @__PURE__ */ new Map();
+var listeners = /* @__PURE__ */ new Set();
+/**
+* Loads the flags of the regions of a country, once. `null` for a country without flags, or when
+* they fail to load (they load again next time).
+*/
+function loadRegionFlags(country) {
+	const loader = Object.hasOwn(LOADERS, country) ? LOADERS[country] : void 0;
+	if (loader === void 0) return Promise.resolve(null);
+	let promise = loading.get(country);
+	if (promise === void 0) {
+		promise = loader().then((module) => {
+			loaded.set(country, module.default);
+			for (const listener of listeners) listener();
+			return module.default;
+		}, () => {
+			loading.delete(country);
+			return null;
+		});
+		loading.set(country, promise);
+	}
+	return promise;
+}
+function subscribe(listener) {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+/**
+* The flags of the regions of a country: `null` until they load, and for a country without flags.
+* They start loading when a component first asks for them.
+*/
+function useRegionFlags(country) {
+	const $ = c(5);
+	let t0;
+	if ($[0] !== country) {
+		t0 = () => country !== null && country !== void 0 ? loaded.get(country) ?? null : null;
+		$[0] = country;
+		$[1] = t0;
+	} else t0 = $[1];
+	const flags = useSyncExternalStore(subscribe, t0, _temp);
+	let t1;
+	let t2;
+	if ($[2] !== country) {
+		t1 = () => {
+			if (country !== null && country !== void 0 && !loaded.has(country)) loadRegionFlags(country);
+		};
+		t2 = [country];
+		$[2] = country;
+		$[3] = t1;
+		$[4] = t2;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+	}
+	useEffect(t1, t2);
+	return flags;
+}
+/** The flag of a region among the flags of its country, or `undefined`. */
+function _temp() {
+	return null;
+}
+function getRegionFlag(flags, code) {
+	return flags !== null && Object.hasOwn(flags, code) ? flags[code] : void 0;
+}
+//#endregion
+export { REGION_FLAG_COUNTRIES, getRegionFlag, loadRegionFlags, useRegionFlags };
+
+//# sourceMappingURL=flags.js.map

package/dist/region/flags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flags.js","names":["useEffect","useSyncExternalStore","RegionFlags","Readonly","Record","LOADERS","Promise","default","CA","US","REGION_FLAG_COUNTRIES","Object","keys","loaded","Map","loading","listeners","Set","loadRegionFlags","country","loader","hasOwn","undefined","resolve","promise","get","then","module","set","listener","delete","subscribe","add","useRegionFlags","$","_c","t0","flags","_temp","t1","t2","has","getRegionFlag","code","_c"],"sources":["../../src/region/flags.ts"],"sourcesContent":["import { useEffect, useSyncExternalStore } from 'react';\n\n/** The flags of the regions of a country, as data URLs of images, by region code. */\nexport type RegionFlags = Readonly<Record<string, string>>;\n\n/**\n * The modules of the flags, by country (decision 0059). Each loads the first time a region of its\n * country shows, so that a form without a region doesn't load them.\n */\nconst LOADERS: Readonly<Record<string, () => Promise<{ default: RegionFlags }>>> = {\n    CA: () => import('./flags/CA'),\n    US: () => import('./flags/US'),\n};\n\n/** The countries whose regions have flags. */\nexport const REGION_FLAG_COUNTRIES: readonly string[] = Object.keys(LOADERS);\n\nconst loaded = new Map<string, RegionFlags>();\nconst loading = new Map<string, Promise<RegionFlags | null>>();\nconst listeners = new Set<() => void>();\n\n/**\n * Loads the flags of the regions of a country, once. `null` for a country without flags, or when\n * they fail to load (they load again next time).\n */\nexport function loadRegionFlags(country: string): Promise<RegionFlags | null> {\n    const loader = Object.hasOwn(LOADERS, country) ? LOADERS[country] : undefined;\n    if (loader === undefined) {\n        return Promise.resolve(null);\n    }\n    let promise = loading.get(country);\n    if (promise === undefined) {\n        promise = loader().then(\n            (module) => {\n                loaded.set(country, module.default);\n                for (const listener of listeners) {\n                    listener();\n                }\n                return module.default;\n            },\n            () => {\n                loading.delete(country);\n                return null;\n            },\n        );\n        loading.set(country, promise);\n    }\n    return promise;\n}\n\nfunction subscribe(listener: () => void) {\n    listeners.add(listener);\n    return () => {\n        listeners.delete(listener);\n    };\n}\n\n/**\n * The flags of the regions of a country: `null` until they load, and for a country without flags.\n * They start loading when a component first asks for them.\n */\nexport function useRegionFlags(country: string | null | undefined): RegionFlags | null {\n    const flags = useSyncExternalStore(\n        subscribe,\n        () => (country !== null && country !== undefined ? (loaded.get(country) ?? null) : null),\n        () => null,\n    );\n    useEffect(() => {\n        if (country !== null && country !== undefined && !loaded.has(country)) {\n            void loadRegionFlags(country);\n        }\n    }, [country]);\n    return flags;\n}\n\n/** The flag of a region among the flags of its country, or `undefined`. */\nexport function getRegionFlag(flags: RegionFlags | null, code: string): string | undefined {\n    return flags !== null && Object.hasOwn(flags, code) ? flags[code] : undefined;\n}\n"],"mappings":";;;;;;;AASA,IAAMK,UAA6E;CAC/EG,UAAU,OAAO;CACjBC,UAAU,OAAO;AACrB;;AAGA,IAAaC,wBAA2CC,OAAOC,KAAKP,OAAO;AAE3E,IAAMQ,yBAAS,IAAIC,IAAyB;AAC5C,IAAMC,0BAAU,IAAID,IAAyC;AAC7D,IAAME,4BAAY,IAAIC,IAAgB;;;;;AAMtC,SAAgBC,gBAAgBC,SAA8C;CAC1E,MAAMC,SAAST,OAAOU,OAAOhB,SAASc,OAAO,IAAId,QAAQc,WAAWG,KAAAA;CACpE,IAAIF,WAAWE,KAAAA,GACX,OAAOhB,QAAQiB,QAAQ,IAAI;CAE/B,IAAIC,UAAUT,QAAQU,IAAIN,OAAO;CACjC,IAAIK,YAAYF,KAAAA,GAAW;EACvBE,UAAUJ,OAAO,CAAC,CAACM,MACdC,WAAW;GACRd,OAAOe,IAAIT,SAASQ,OAAOpB,OAAO;GAClC,KAAK,MAAMsB,YAAYb,WACnBa,SAAS;GAEb,OAAOF,OAAOpB;EAClB,SACM;GACFQ,QAAQe,OAAOX,OAAO;GACtB,OAAO;EACX,CACJ;EACAJ,QAAQa,IAAIT,SAASK,OAAO;CAChC;CACA,OAAOA;AACX;AAEA,SAASO,UAAUF,UAAsB;CACrCb,UAAUgB,IAAIH,QAAQ;CACtB,aAAa;EACTb,UAAUc,OAAOD,QAAQ;CAC7B;AACJ;;;;;AAMA,SAAOI,eAAAd,SAAA;CAAA,MAAAe,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAf,SAAA;EAGCiB,WAAOjB,YAAY,QAAQA,YAAYG,KAAAA,IAAaT,OAAMY,IAAKN,OAAe,KAA1B,OAA7C;EAAiFe,EAAA,KAAAf;EAAAe,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAF5F,MAAAG,QAAcpC,qBACV8B,WACAK,IACAE,KACJ;CAAE,IAAAC;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAf,SAAA;EACQoB,WAAA;GACN,IAAIpB,YAAY,QAAQA,YAAYG,KAAAA,KAAhC,CAA8CT,OAAM4B,IAAKtB,OAAO,GAC3DD,gBAAgBC,OAAO;EAC/B;EACFqB,KAAA,CAACrB,OAAO;EAACe,EAAA,KAAAf;EAAAe,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAAD,KAAAL,EAAA;EAAAM,KAAAN,EAAA;CAAA;CAJZlC,UAAUuC,IAIPC,EAAS;CAAC,OACNH;AAAK;;AAXT,SAAAC,QAAA;CAAA,OAIO;AAAI;AAWlB,SAAgBI,cAAcL,OAA2BM,MAAkC;CACvF,OAAON,UAAU,QAAQ1B,OAAOU,OAAOgB,OAAOM,IAAI,IAAIN,MAAMM,QAAQrB,KAAAA;AACxE"}

package/dist/region/index.d.ts

@@ -1,3 +1,5 @@
 export { RegionField, RegionFieldEntry, type RegionFieldProps, getRegionCountry, } from './RegionField.js';
 export { REGION_COUNTRIES, type Region, getRegionName, getRegions } from './regions.js';
+export { RegionFlag, type RegionFlagProps } from './RegionFlag.js';
+export { REGION_FLAG_COUNTRIES, type RegionFlags, getRegionFlag, loadRegionFlags, useRegionFlags, } from './flags.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/region/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,KAAK,gBAAgB,EACrB,gBAAgB,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,KAAK,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/region/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EACX,gBAAgB,EAChB,KAAK,gBAAgB,EACrB,gBAAgB,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,KAAK,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EACH,qBAAqB,EACrB,KAAK,WAAW,EAChB,aAAa,EACb,eAAe,EACf,cAAc,GACjB,MAAM,SAAS,CAAC"}

package/dist/region/index.js

@@ -1,3 +1,5 @@
+import { REGION_FLAG_COUNTRIES, getRegionFlag, loadRegionFlags, useRegionFlags } from "./flags.js";
+import { RegionFlag } from "./RegionFlag.js";
 import { REGION_COUNTRIES, getRegionName, getRegions } from "./regions.js";
 import { RegionField, RegionFieldEntry, getRegionCountry } from "./RegionField.js";
-export { REGION_COUNTRIES, RegionField, RegionFieldEntry, getRegionCountry, getRegionName, getRegions };
+export { REGION_COUNTRIES, REGION_FLAG_COUNTRIES, RegionField, RegionFieldEntry, RegionFlag, getRegionCountry, getRegionFlag, getRegionName, getRegions, loadRegionFlags, useRegionFlags };

package/dist/shared/CodeComboBox.d.ts

@@ -1,9 +1,10 @@
+import { type ReactNode } from 'react';
 import type { FieldProps } from './types.js';
 /** A choice of a code combo box: a code, its name, and a decorative prefix (a flag). */
 export interface CodeChoice {
     code: string;
     name: string;
-    prefix?: string;
+    prefix?: ReactNode;
 }
 export interface CodeComboBoxProps extends Omit<FieldProps<string>, 'onChange'> {
     choices: readonly CodeChoice[];

package/dist/shared/CodeComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeComboBox.d.ts","sourceRoot":"","sources":["../../src/shared/CodeComboBox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wFAAwF;AACxF,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC3E,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAwBD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,GAAG,KAAK,EACX,EAAE,iBAAiB,+BA0DnB"}
+{"version":3,"file":"CodeComboBox.d.ts","sourceRoot":"","sources":["../../src/shared/CodeComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wFAAwF;AACxF,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC3E,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAwBD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,GAAG,KAAK,EACX,EAAE,iBAAiB,+BA0DnB"}

package/dist/shared/CodeComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeComboBox.js","names":["ReactNode","useState","ComboBox","FieldProps","CodeChoice","code","name","prefix","CodeComboBoxProps","Omit","choices","onChange","value","placeholder","emptyMessage","controlClassName","normalize","text","replace","toLowerCase","matches","choice","query","trim","split","some","word","startsWith","CodeComboBox","t0","$","_c","autoFocus","className","description","descriptionClassName","disabled","errors","errorsClassName","id","label","labelClassName","onBlur","props","readOnly","required","setQuery","current","undefined","t1","find","selected","t2","filter","choice_0","concat","map","_temp","items","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","choice_1","_c"],"sources":["../../src/shared/CodeComboBox.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\n\nimport { ComboBox } from '@panneau/ui';\n\nimport type { FieldProps } from './types';\n\n/** A choice of a code combo box: a code, its name, and a decorative prefix (a flag). */\nexport interface CodeChoice {\n    code: string;\n    name: string;\n    prefix?: string;\n}\n\nexport interface CodeComboBoxProps extends Omit<FieldProps<string>, 'onChange'> {\n    choices: readonly CodeChoice[];\n    onChange?: ((value: string | null) => void) | undefined;\n    placeholder?: string | undefined;\n    emptyMessage: string;\n    controlClassName?: string | undefined;\n}\n\n/** Lower case, without accents: `Québec` matches `quebec`. */\nfunction normalize(text: string): string {\n    return text\n        .normalize('NFD')\n        .replace(/\\p{Diacritic}/gu, '')\n        .toLowerCase();\n}\n\nfunction matches(choice: CodeChoice, query: string): boolean {\n    const text = normalize(query.trim());\n    if (text === '') {\n        return true;\n    }\n    return (\n        normalize(choice.name)\n            .split(/[\\s'’-]+/)\n            .some((word) => word.startsWith(text)) ||\n        normalize(choice.name).startsWith(text) ||\n        choice.code.toLowerCase() === text\n    );\n}\n\n/**\n * A combo box of codes shown by their names (countries, regions): typing filters them by the start\n * of a word of their name, or by their code. A value outside the choices shows as it is.\n */\nexport function CodeComboBox({\n    choices,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    placeholder,\n    name,\n    id,\n    autoFocus,\n    emptyMessage,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    controlClassName,\n    ...props\n}: CodeComboBoxProps) {\n    // The text being typed, while the user searches; the name of the value otherwise.\n    const [query, setQuery] = useState<string | null>(null);\n    const current = value !== null && value !== undefined && value !== '' ? value : null;\n    const selected = current !== null ? choices.find((choice) => choice.code === current) : null;\n    const items = (query !== null ? choices.filter((choice) => matches(choice, query)) : choices)\n        .concat(\n            // A value outside the choices, kept from before, stays selectable as it is.\n            current !== null && selected === undefined && query === null\n                ? [{ code: current, name: current }]\n                : [],\n        )\n        .map((choice): { id: string; label: string; prefix?: ReactNode } => ({\n            id: choice.code,\n            label: choice.name,\n            ...(choice.prefix !== undefined ? { prefix: choice.prefix } : {}),\n        }));\n    return (\n        <ComboBox\n            label={label}\n            description={description}\n            errors={errors ?? []}\n            isRequired={required}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            autoFocus={autoFocus}\n            className={className}\n            labelClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n            {...(controlClassName !== undefined ? { controlClassName } : {})}\n            {...(props['aria-label'] !== undefined ? { 'aria-label': props['aria-label'] } : {})}\n            {...(name !== undefined ? { name } : {})}\n            {...(id !== undefined ? { id } : {})}\n            items={items}\n            value={current}\n            prefix={query === null ? selected?.prefix : undefined}\n            inputValue={query ?? selected?.name ?? current ?? ''}\n            onInputChange={(text) => {\n                setQuery(text);\n                if (text === '' && current !== null) {\n                    onChange?.(null);\n                }\n            }}\n            onChange={(code) => {\n                setQuery(null);\n                if (code !== null && code !== current) {\n                    onChange?.(code);\n                }\n            }}\n            onBlur={() => {\n                setQuery(null);\n                onBlur?.();\n            }}\n            placeholder={placeholder}\n            emptyMessage={emptyMessage}\n        />\n    );\n}\n"],"mappings":";;;;;;AAsBA,SAASgB,UAAUC,MAAsB;CACrC,OAAOA,KACFD,UAAU,KAAK,CAAC,CAChBE,QAAQ,mBAAmB,EAAE,CAAC,CAC9BC,YAAY;AACrB;AAEA,SAASC,QAAQC,QAAoBC,OAAwB;CACzD,MAAML,OAAOD,UAAUM,MAAMC,KAAK,CAAC;CACnC,IAAIN,SAAS,IACT,OAAO;CAEX,OACID,UAAUK,OAAOf,IAAI,CAAC,CACjBkB,MAAM,UAAU,CAAC,CACjBC,MAAMC,SAASA,KAAKC,WAAWV,IAAI,CAAC,KACzCD,UAAUK,OAAOf,IAAI,CAAC,CAACqB,WAAWV,IAAI,KACtCI,OAAOhB,KAAKc,YAAY,MAAMF;AAEtC;;;;;AAMA,SAAOW,aAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAtB;CAAA,IAAAuB;CAAA,IAAAlB;CAAA,IAAAmB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAtB;CAAA,IAAAuB;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAnC;CAAA,IAAAoC;CAAA,IAAA/B;CAAA,IAAAE;CAAA,IAAA8B;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAjC;CAAA,IAAAkB,EAAA,OAAAD,IAAA;EAAsB,CAAA,CAAAnB,SAAAE,OAAAD,UAAA+B,QAAAF,OAAAN,aAAAG,QAAAD,UAAAQ,UAAAC,UAAAhC,aAAAP,MAAAiC,IAAAP,WAAAlB,cAAAmB,WAAAQ,gBAAAN,sBAAAG,iBAAAvB,kBAAA,GAAA4B,SAAAd;EAsBTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAApB;EAAAoB,EAAA,KAAAG;EAAAH,EAAA,KAAAf;EAAAe,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAhB;EAAAgB,EAAA,KAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAxB;EAAAwB,EAAA,MAAAY;EAAAZ,EAAA,MAAAnB;EAAAmB,EAAA,MAAAjB;EAAAiB,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAlB;CAAA,OAAA;EAAAoB,YAAAF,EAAA;EAAApB,UAAAoB,EAAA;EAAAG,YAAAH,EAAA;EAAAf,mBAAAe,EAAA;EAAAI,cAAAJ,EAAA;EAAAK,uBAAAL,EAAA;EAAAM,WAAAN,EAAA;EAAAhB,eAAAgB,EAAA;EAAAO,SAAAP,EAAA;EAAAQ,kBAAAR,EAAA;EAAAS,KAAAT,EAAA;EAAAU,QAAAV,EAAA;EAAAW,iBAAAX,EAAA;EAAAxB,OAAAwB,EAAA;EAAAY,SAAAZ,EAAA;EAAAnB,WAAAmB,EAAA;EAAAjB,cAAAiB,EAAA;EAAAa,QAAAb,EAAA;EAAAc,WAAAd,EAAA;EAAAe,WAAAf,EAAA;EAAAlB,QAAAkB,EAAA;CAAA;CAEhB,MAAA,CAAAR,OAAAwB,YAA0B7C,SAAwB,IAAI;CACtD,MAAA8C,UAAgBnC,UAAU,QAAQA,UAAUoC,KAAAA,KAAapC,UAAU,KAAnDA,QAAA;CAAqE,IAAAqC;CAAA,IAAAnB,EAAA,QAAApB,WAAAoB,EAAA,QAAAiB,SAAA;EACpEE,KAAAF,YAAY,OAAOrC,QAAOwC,MAAM7B,WAAYA,OAAMhB,SAAU0C,OAAc,IAA1E;EAA2EjB,EAAA,MAAApB;EAAAoB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAA5F,MAAAqB,WAAiBF;CAA4E,IAAAG;CAAA,IAAAtB,EAAA,QAAApB,WAAAoB,EAAA,QAAAiB,WAAAjB,EAAA,QAAAR,SAAAQ,EAAA,QAAAqB,UAAA;EAC/EC,MAAC9B,UAAU,OAAOZ,QAAO2C,QAAQC,aAAYlC,QAAQC,UAAQC,KAAK,CAAW,IAA5EZ,QAAAA,CAA6E6C,OAGpFR,YAAY,QAAQI,aAAaH,KAAAA,KAAa1B,UAAU,OAAxD,CACO;GAAAjB,MAAQ0C;GAAOzC,MAAQyC;EAAQ,CAAC,IADvC,CAAA,CAGJ,CAAC,CAAAS,IACIC,KAIH;EAAC3B,EAAA,MAAApB;EAAAoB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAR;EAAAQ,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;CAAA,OAAAA,KAAAtB,EAAA;CAXP,MAAA4B,QAAcN;CAWN,IAAAO;CAAA,IAAA7B,EAAA,QAAAO,QAAA;EAKQsB,KAAAtB,UAAA,CAAA;EAAYP,EAAA,MAAAO;EAAAP,EAAA,MAAA6B;CAAA,OAAAA,KAAA7B,EAAA;CAAA,IAAA8B;CAAA,IAAA9B,EAAA,QAAAf,kBAAA;EASf6C,KAAA7C,qBAAqBiC,KAAAA,IAArB,EAAAjC,iBAAyD,IAAzD,CAAyD;EAACe,EAAA,MAAAf;EAAAe,EAAA,MAAA8B;CAAA,OAAAA,KAAA9B,EAAA;CAAA,IAAA+B;CAAA,IAAA/B,EAAA,QAAAa,OAAA;EAC1DkB,KAAAlB,MAAM,kBAAkBK,KAAAA,IAAxB,EAAA,cAAoDL,MAAM,cAAmB,IAA7E,CAA6E;EAACb,EAAA,MAAAa;EAAAb,EAAA,MAAA+B;CAAA,OAAAA,KAAA/B,EAAA;CAAA,IAAAgC;CAAA,IAAAhC,EAAA,QAAAxB,MAAA;EAC9EwD,KAAAxD,SAAS0C,KAAAA,IAAT,EAAA1C,KAAiC,IAAjC,CAAiC;EAACwB,EAAA,MAAAxB;EAAAwB,EAAA,MAAAgC;CAAA,OAAAA,KAAAhC,EAAA;CAAA,IAAAiC;CAAA,IAAAjC,EAAA,QAAAS,IAAA;EAClCwB,KAAAxB,OAAOS,KAAAA,IAAP,EAAAT,GAA6B,IAA7B,CAA6B;EAACT,EAAA,MAAAS;EAAAT,EAAA,MAAAiC;CAAA,OAAAA,KAAAjC,EAAA;CAG3B,MAAAkC,KAAA1C,UAAU,OAAO6B,UAAQ5C,SAAzByC,KAAAA;CACI,MAAAiB,KAAA3C,SAAS6B,UAAQ7C,QAAjByC,WAAA;CAAwC,IAAAmB;CAAA,IAAAC;CAAA,IAAArC,EAAA,QAAAiB,WAAAjB,EAAA,QAAAnB,UAAA;EACrCuD,OAAAjD,SAAA;GACX6B,SAAS7B,IAAI;GACb,IAAIA,SAAS,MAAM8B,YAAY,MAC3BpC,WAAW,IAAI;EAClB;EAEKwD,OAAA9D,SAAA;GACNyC,SAAS,IAAI;GACb,IAAIzC,SAAS,QAAQA,SAAS0C,SAC1BpC,WAAWN,IAAI;EAClB;EACJyB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAnB;EAAAmB,EAAA,MAAAoC;EAAApC,EAAA,MAAAqC;CAAA,OAAA;EAAAD,MAAApC,EAAA;EAAAqC,MAAArC,EAAA;CAAA;CAAA,IAAAsC;CAAA,IAAAtC,EAAA,QAAAY,QAAA;EACO0B,YAAA;GACJtB,SAAS,IAAI;GACbJ,SAAS;EAAC;EACbZ,EAAA,MAAAY;EAAAZ,EAAA,MAAAsC;CAAA,OAAAA,MAAAtC,EAAA;CAAA,IAAAuC;CAAA,IAAAvC,EAAA,QAAAE,aAAAF,EAAA,QAAAG,aAAAH,EAAA,QAAAiB,WAAAjB,EAAA,QAAAI,eAAAJ,EAAA,QAAAK,wBAAAL,EAAA,QAAAM,YAAAN,EAAA,QAAAhB,gBAAAgB,EAAA,QAAAQ,mBAAAR,EAAA,QAAA4B,SAAA5B,EAAA,QAAAU,SAAAV,EAAA,QAAAW,kBAAAX,EAAA,QAAAjB,eAAAiB,EAAA,QAAAc,YAAAd,EAAA,QAAAe,YAAAf,EAAA,QAAAoC,OAAApC,EAAA,QAAAqC,OAAArC,EAAA,QAAAsC,OAAAtC,EAAA,QAAA6B,MAAA7B,EAAA,QAAA8B,MAAA9B,EAAA,QAAA+B,MAAA/B,EAAA,QAAAgC,MAAAhC,EAAA,QAAAiC,MAAAjC,EAAA,QAAAkC,MAAAlC,EAAA,QAAAmC,IAAA;EAnCLI,MAAA,oBAAC,UAAD;GACW7B;GACMN;GACL,QAAAyB;GACId,YAAAA;GACAT,YAAAA;GACAQ,YAAAA;GACDZ;GACAC;GACKQ;GACMN;GACLG;GAAe,GAC3BsB;GAA0D,GAC1DC;GAA8E,GAC9EC;GAAkC,GAClCC;GACEL;GACAX,OAAAA;GACC,QAAAiB;GACI,YAAAC;GACG,eAAAC;GAML,UAAAC;GAMF,QAAAC;GAIKvD;GACCC;EAAY,CAAA;EAC5BgB,EAAA,MAAAE;EAAAF,EAAA,MAAAG;EAAAH,EAAA,MAAAiB;EAAAjB,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;EAAAN,EAAA,MAAAhB;EAAAgB,EAAA,MAAAQ;EAAAR,EAAA,MAAA4B;EAAA5B,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAjB;EAAAiB,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAoC;EAAApC,EAAA,MAAAqC;EAAArC,EAAA,MAAAsC;EAAAtC,EAAA,MAAA6B;EAAA7B,EAAA,MAAA8B;EAAA9B,EAAA,MAAA+B;EAAA/B,EAAA,MAAAgC;EAAAhC,EAAA,MAAAiC;EAAAjC,EAAA,MAAAkC;EAAAlC,EAAA,MAAAmC;EAAAnC,EAAA,MAAAuC;CAAA,OAAAA,MAAAvC,EAAA;CAAA,OAtCFuC;AAsCE;AA9EH,SAAAZ,MAAAa,UAAA;CAAA,OAkCsE;EAAA/B,IAC7DlB,SAAMhB;EAAKmC,OACRnB,SAAMf;EAAK,GACde,SAAMd,WAAYyC,KAAAA,IAAlB,EAAAzC,QAAwCc,SAAMd,OAAa,IAA3D,CAA2D;CACnE;AAAC"}
+{"version":3,"file":"CodeComboBox.js","names":["ReactNode","useState","ComboBox","FieldProps","CodeChoice","code","name","prefix","CodeComboBoxProps","Omit","choices","onChange","value","placeholder","emptyMessage","controlClassName","normalize","text","replace","toLowerCase","matches","choice","query","trim","split","some","word","startsWith","CodeComboBox","t0","$","_c","autoFocus","className","description","descriptionClassName","disabled","errors","errorsClassName","id","label","labelClassName","onBlur","props","readOnly","required","setQuery","current","undefined","t1","find","selected","t2","filter","choice_0","concat","map","_temp","items","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","choice_1","_c"],"sources":["../../src/shared/CodeComboBox.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\n\nimport { ComboBox } from '@panneau/ui';\n\nimport type { FieldProps } from './types';\n\n/** A choice of a code combo box: a code, its name, and a decorative prefix (a flag). */\nexport interface CodeChoice {\n    code: string;\n    name: string;\n    prefix?: ReactNode;\n}\n\nexport interface CodeComboBoxProps extends Omit<FieldProps<string>, 'onChange'> {\n    choices: readonly CodeChoice[];\n    onChange?: ((value: string | null) => void) | undefined;\n    placeholder?: string | undefined;\n    emptyMessage: string;\n    controlClassName?: string | undefined;\n}\n\n/** Lower case, without accents: `Québec` matches `quebec`. */\nfunction normalize(text: string): string {\n    return text\n        .normalize('NFD')\n        .replace(/\\p{Diacritic}/gu, '')\n        .toLowerCase();\n}\n\nfunction matches(choice: CodeChoice, query: string): boolean {\n    const text = normalize(query.trim());\n    if (text === '') {\n        return true;\n    }\n    return (\n        normalize(choice.name)\n            .split(/[\\s'’-]+/)\n            .some((word) => word.startsWith(text)) ||\n        normalize(choice.name).startsWith(text) ||\n        choice.code.toLowerCase() === text\n    );\n}\n\n/**\n * A combo box of codes shown by their names (countries, regions): typing filters them by the start\n * of a word of their name, or by their code. A value outside the choices shows as it is.\n */\nexport function CodeComboBox({\n    choices,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    placeholder,\n    name,\n    id,\n    autoFocus,\n    emptyMessage,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    controlClassName,\n    ...props\n}: CodeComboBoxProps) {\n    // The text being typed, while the user searches; the name of the value otherwise.\n    const [query, setQuery] = useState<string | null>(null);\n    const current = value !== null && value !== undefined && value !== '' ? value : null;\n    const selected = current !== null ? choices.find((choice) => choice.code === current) : null;\n    const items = (query !== null ? choices.filter((choice) => matches(choice, query)) : choices)\n        .concat(\n            // A value outside the choices, kept from before, stays selectable as it is.\n            current !== null && selected === undefined && query === null\n                ? [{ code: current, name: current }]\n                : [],\n        )\n        .map((choice): { id: string; label: string; prefix?: ReactNode } => ({\n            id: choice.code,\n            label: choice.name,\n            ...(choice.prefix !== undefined ? { prefix: choice.prefix } : {}),\n        }));\n    return (\n        <ComboBox\n            label={label}\n            description={description}\n            errors={errors ?? []}\n            isRequired={required}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            autoFocus={autoFocus}\n            className={className}\n            labelClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n            {...(controlClassName !== undefined ? { controlClassName } : {})}\n            {...(props['aria-label'] !== undefined ? { 'aria-label': props['aria-label'] } : {})}\n            {...(name !== undefined ? { name } : {})}\n            {...(id !== undefined ? { id } : {})}\n            items={items}\n            value={current}\n            prefix={query === null ? selected?.prefix : undefined}\n            inputValue={query ?? selected?.name ?? current ?? ''}\n            onInputChange={(text) => {\n                setQuery(text);\n                if (text === '' && current !== null) {\n                    onChange?.(null);\n                }\n            }}\n            onChange={(code) => {\n                setQuery(null);\n                if (code !== null && code !== current) {\n                    onChange?.(code);\n                }\n            }}\n            onBlur={() => {\n                setQuery(null);\n                onBlur?.();\n            }}\n            placeholder={placeholder}\n            emptyMessage={emptyMessage}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/shared/builtIn.d.ts

@@ -3,7 +3,9 @@ import type { FieldEntry } from './types.js';
  * The entries of the built-in field types. `richtext` and `media` come with their plugins
  * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.
  * `file` uploads through the upload source of the fields context, or gives the files themselves.
- * `embed` and `location` use its embed source and its maps; `location` loads Leaflet when shown.
+ * `embed`, `location` and `address` use its embed source and its maps; `location` loads Leaflet
+ * when shown. `link` searches its pages with the relation source, and picks its files with the
+ * `media` entry.
  */
 export declare const builtInFields: Readonly<Record<string, FieldEntry>>;
 /**

package/dist/shared/builtIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"builtIn.d.ts","sourceRoot":"","sources":["../../src/shared/builtIn.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CA0B9D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAK7D,CAAC"}
+{"version":3,"file":"builtIn.d.ts","sourceRoot":"","sources":["../../src/shared/builtIn.ts"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CA8B9D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAK7D,CAAC"}

package/dist/shared/builtIn.js

@@ -1,8 +1,12 @@
-import { BooleanFieldEntry } from "../boolean/BooleanField.js";
+import { CountryFieldEntry } from "../country/CountryField.js";
+import { LocationFieldEntry } from "../location/LocationField.js";
 import { TextFieldEntry } from "../text/TextField.js";
+import { RegionFieldEntry } from "../region/RegionField.js";
+import { AddressFieldEntry } from "../address/AddressField.js";
+import { BooleanFieldEntry } from "../boolean/BooleanField.js";
 import { ColorFieldEntry } from "../color/ColorField.js";
-import { CountryFieldEntry } from "../country/CountryField.js";
 import { DateFieldEntry } from "../date/DateField.js";
+import { DateRangeFieldEntry } from "../daterange/DateRangeField.js";
 import { DateTimeFieldEntry } from "../datetime/DateTimeField.js";
 import { DurationFieldEntry } from "../duration/DurationField.js";
 import { EmailFieldEntry } from "../email/EmailField.js";
@@ -10,26 +14,28 @@ import { EmbedFieldEntry } from "../embed/EmbedField.js";
 import { FileFieldEntry } from "../file/FileField.js";
 import { GroupFieldEntry } from "../group/GroupField.js";
 import { JsonFieldEntry } from "../json/JsonField.js";
-import { LocationFieldEntry } from "../location/LocationField.js";
+import { TelFieldEntry } from "../tel/TelField.js";
+import { UrlFieldEntry } from "../url/UrlField.js";
+import { LinkFieldEntry } from "../link/LinkField.js";
+import { MoneyFieldEntry } from "../money/MoneyField.js";
 import { NumberFieldEntry } from "../number/NumberField.js";
 import { RangeFieldEntry } from "../range/RangeField.js";
-import { RegionFieldEntry } from "../region/RegionField.js";
 import { RelationFieldEntry } from "../relation/RelationField.js";
 import { RepeaterFieldEntry } from "../repeater/RepeaterField.js";
 import { SelectFieldEntry } from "../select/SelectField.js";
 import { SlugFieldEntry } from "../slug/SlugField.js";
 import { TagsFieldEntry } from "../tags/TagsField.js";
-import { TelFieldEntry } from "../tel/TelField.js";
 import { TextAreaFieldEntry } from "../textarea/TextAreaField.js";
 import { TimeFieldEntry } from "../time/TimeField.js";
-import { UrlFieldEntry } from "../url/UrlField.js";
 import { fr } from "@panneau/intl";
 //#region src/shared/builtIn.ts
 /**
 * The entries of the built-in field types. `richtext` and `media` come with their plugins
 * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.
 * `file` uploads through the upload source of the fields context, or gives the files themselves.
-* `embed` and `location` use its embed source and its maps; `location` loads Leaflet when shown.
+* `embed`, `location` and `address` use its embed source and its maps; `location` loads Leaflet
+* when shown. `link` searches its pages with the relation source, and picks its files with the
+* `media` entry.
 */
 var builtInFields = {
 	text: TextFieldEntry,
@@ -56,7 +62,11 @@ var builtInFields = {
 	embed: EmbedFieldEntry,
 	location: LocationFieldEntry,
 	country: CountryFieldEntry,
-	region: RegionFieldEntry
+	region: RegionFieldEntry,
+	address: AddressFieldEntry,
+	link: LinkFieldEntry,
+	daterange: DateRangeFieldEntry,
+	money: MoneyFieldEntry
 };
 /**
 * The built-in fields as a `@panneau/core` plugin: their entries, and the French messages of

package/dist/shared/builtIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"builtIn.js","names":["fr","BooleanFieldEntry","ColorFieldEntry","CountryFieldEntry","DateFieldEntry","DateTimeFieldEntry","DurationFieldEntry","EmailFieldEntry","EmbedFieldEntry","FileFieldEntry","GroupFieldEntry","JsonFieldEntry","LocationFieldEntry","NumberFieldEntry","RangeFieldEntry","RegionFieldEntry","RelationFieldEntry","RepeaterFieldEntry","SelectFieldEntry","SlugFieldEntry","TagsFieldEntry","TelFieldEntry","TextFieldEntry","TextAreaFieldEntry","TimeFieldEntry","UrlFieldEntry","FieldEntry","builtInFields","Readonly","Record","text","textarea","number","boolean","date","datetime","time","select","email","url","color","slug","file","relation","group","repeater","tel","range","duration","json","tags","embed","location","country","region","fieldsPlugin","id","fields","locales"],"sources":["../../src/shared/builtIn.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { BooleanFieldEntry } from '../boolean/BooleanField';\nimport { ColorFieldEntry } from '../color/ColorField';\nimport { CountryFieldEntry } from '../country/CountryField';\nimport { DateFieldEntry } from '../date/DateField';\nimport { DateTimeFieldEntry } from '../datetime/DateTimeField';\nimport { DurationFieldEntry } from '../duration/DurationField';\nimport { EmailFieldEntry } from '../email/EmailField';\nimport { EmbedFieldEntry } from '../embed/EmbedField';\nimport { FileFieldEntry } from '../file/FileField';\nimport { GroupFieldEntry } from '../group/GroupField';\nimport { JsonFieldEntry } from '../json/JsonField';\nimport { LocationFieldEntry } from '../location/LocationField';\nimport { NumberFieldEntry } from '../number/NumberField';\nimport { RangeFieldEntry } from '../range/RangeField';\nimport { RegionFieldEntry } from '../region/RegionField';\nimport { RelationFieldEntry } from '../relation/RelationField';\nimport { RepeaterFieldEntry } from '../repeater/RepeaterField';\nimport { SelectFieldEntry } from '../select/SelectField';\nimport { SlugFieldEntry } from '../slug/SlugField';\nimport { TagsFieldEntry } from '../tags/TagsField';\nimport { TelFieldEntry } from '../tel/TelField';\nimport { TextFieldEntry } from '../text/TextField';\nimport { TextAreaFieldEntry } from '../textarea/TextAreaField';\nimport { TimeFieldEntry } from '../time/TimeField';\nimport { UrlFieldEntry } from '../url/UrlField';\nimport type { FieldEntry } from './types';\n\n/**\n * The entries of the built-in field types. `richtext` and `media` come with their plugins\n * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.\n * `file` uploads through the upload source of the fields context, or gives the files themselves.\n * `embed` and `location` use its embed source and its maps; `location` loads Leaflet when shown.\n */\nexport const builtInFields: Readonly<Record<string, FieldEntry>> = {\n    text: TextFieldEntry,\n    textarea: TextAreaFieldEntry,\n    number: NumberFieldEntry,\n    boolean: BooleanFieldEntry,\n    date: DateFieldEntry,\n    datetime: DateTimeFieldEntry,\n    time: TimeFieldEntry,\n    select: SelectFieldEntry,\n    email: EmailFieldEntry,\n    url: UrlFieldEntry,\n    color: ColorFieldEntry,\n    slug: SlugFieldEntry,\n    file: FileFieldEntry,\n    relation: RelationFieldEntry,\n    group: GroupFieldEntry,\n    repeater: RepeaterFieldEntry,\n    tel: TelFieldEntry,\n    range: RangeFieldEntry,\n    duration: DurationFieldEntry,\n    json: JsonFieldEntry,\n    tags: TagsFieldEntry,\n    embed: EmbedFieldEntry,\n    location: LocationFieldEntry,\n    country: CountryFieldEntry,\n    region: RegionFieldEntry,\n};\n\n/**\n * The built-in fields as a `@panneau/core` plugin: their entries, and the French messages of\n * every Panneau package (`@panneau/ui`, `@panneau/fields`, `@panneau/forms`…, from\n * `@panneau/intl`). Pass it before the plugins that override a type.\n */\nexport const fieldsPlugin: {\n    id: string;\n    fields: Readonly<Record<string, FieldEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-fields',\n    fields: builtInFields,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAa2B,gBAAsD;CAC/DG,MAAMR;CACNS,UAAUR;CACVS,QAAQnB;CACRoB,SAAShC;CACTiC,MAAM9B;CACN+B,UAAU9B;CACV+B,MAAMZ;CACNa,QAAQnB;CACRoB,OAAO/B;CACPgC,KAAKd;CACLe,OAAOtC;CACPuC,MAAMtB;CACNuB,MAAMjC;CACNkC,UAAU3B;CACV4B,OAAOlC;CACPmC,UAAU5B;CACV6B,KAAKzB;CACL0B,OAAOjC;CACPkC,UAAU1C;CACV2C,MAAMtC;CACNuC,MAAM9B;CACN+B,OAAO3C;CACP4C,UAAUxC;CACVyC,SAASlD;CACTmD,QAAQvC;AACZ;;;;;;AAOA,IAAawC,eAIT;CACAC,IAAI;CACJC,QAAQ9B;CACR+B,SAAS,EAAE1D,GAAG;AAClB"}
+{"version":3,"file":"builtIn.js","names":["fr","AddressFieldEntry","BooleanFieldEntry","ColorFieldEntry","CountryFieldEntry","DateFieldEntry","DateRangeFieldEntry","DateTimeFieldEntry","DurationFieldEntry","EmailFieldEntry","EmbedFieldEntry","FileFieldEntry","GroupFieldEntry","JsonFieldEntry","LinkFieldEntry","LocationFieldEntry","MoneyFieldEntry","NumberFieldEntry","RangeFieldEntry","RegionFieldEntry","RelationFieldEntry","RepeaterFieldEntry","SelectFieldEntry","SlugFieldEntry","TagsFieldEntry","TelFieldEntry","TextFieldEntry","TextAreaFieldEntry","TimeFieldEntry","UrlFieldEntry","FieldEntry","builtInFields","Readonly","Record","text","textarea","number","boolean","date","datetime","time","select","email","url","color","slug","file","relation","group","repeater","tel","range","duration","json","tags","embed","location","country","region","address","link","daterange","money","fieldsPlugin","id","fields","locales"],"sources":["../../src/shared/builtIn.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { AddressFieldEntry } from '../address/AddressField';\nimport { BooleanFieldEntry } from '../boolean/BooleanField';\nimport { ColorFieldEntry } from '../color/ColorField';\nimport { CountryFieldEntry } from '../country/CountryField';\nimport { DateFieldEntry } from '../date/DateField';\nimport { DateRangeFieldEntry } from '../daterange/DateRangeField';\nimport { DateTimeFieldEntry } from '../datetime/DateTimeField';\nimport { DurationFieldEntry } from '../duration/DurationField';\nimport { EmailFieldEntry } from '../email/EmailField';\nimport { EmbedFieldEntry } from '../embed/EmbedField';\nimport { FileFieldEntry } from '../file/FileField';\nimport { GroupFieldEntry } from '../group/GroupField';\nimport { JsonFieldEntry } from '../json/JsonField';\nimport { LinkFieldEntry } from '../link/LinkField';\nimport { LocationFieldEntry } from '../location/LocationField';\nimport { MoneyFieldEntry } from '../money/MoneyField';\nimport { NumberFieldEntry } from '../number/NumberField';\nimport { RangeFieldEntry } from '../range/RangeField';\nimport { RegionFieldEntry } from '../region/RegionField';\nimport { RelationFieldEntry } from '../relation/RelationField';\nimport { RepeaterFieldEntry } from '../repeater/RepeaterField';\nimport { SelectFieldEntry } from '../select/SelectField';\nimport { SlugFieldEntry } from '../slug/SlugField';\nimport { TagsFieldEntry } from '../tags/TagsField';\nimport { TelFieldEntry } from '../tel/TelField';\nimport { TextFieldEntry } from '../text/TextField';\nimport { TextAreaFieldEntry } from '../textarea/TextAreaField';\nimport { TimeFieldEntry } from '../time/TimeField';\nimport { UrlFieldEntry } from '../url/UrlField';\nimport type { FieldEntry } from './types';\n\n/**\n * The entries of the built-in field types. `richtext` and `media` come with their plugins\n * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.\n * `file` uploads through the upload source of the fields context, or gives the files themselves.\n * `embed`, `location` and `address` use its embed source and its maps; `location` loads Leaflet\n * when shown. `link` searches its pages with the relation source, and picks its files with the\n * `media` entry.\n */\nexport const builtInFields: Readonly<Record<string, FieldEntry>> = {\n    text: TextFieldEntry,\n    textarea: TextAreaFieldEntry,\n    number: NumberFieldEntry,\n    boolean: BooleanFieldEntry,\n    date: DateFieldEntry,\n    datetime: DateTimeFieldEntry,\n    time: TimeFieldEntry,\n    select: SelectFieldEntry,\n    email: EmailFieldEntry,\n    url: UrlFieldEntry,\n    color: ColorFieldEntry,\n    slug: SlugFieldEntry,\n    file: FileFieldEntry,\n    relation: RelationFieldEntry,\n    group: GroupFieldEntry,\n    repeater: RepeaterFieldEntry,\n    tel: TelFieldEntry,\n    range: RangeFieldEntry,\n    duration: DurationFieldEntry,\n    json: JsonFieldEntry,\n    tags: TagsFieldEntry,\n    embed: EmbedFieldEntry,\n    location: LocationFieldEntry,\n    country: CountryFieldEntry,\n    region: RegionFieldEntry,\n    address: AddressFieldEntry,\n    link: LinkFieldEntry,\n    daterange: DateRangeFieldEntry,\n    money: MoneyFieldEntry,\n};\n\n/**\n * The built-in fields as a `@panneau/core` plugin: their entries, and the French messages of\n * every Panneau package (`@panneau/ui`, `@panneau/fields`, `@panneau/forms`…, from\n * `@panneau/intl`). Pass it before the plugins that override a type.\n */\nexport const fieldsPlugin: {\n    id: string;\n    fields: Readonly<Record<string, FieldEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-fields',\n    fields: builtInFields,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,IAAa+B,gBAAsD;CAC/DG,MAAMR;CACNS,UAAUR;CACVS,QAAQnB;CACRoB,SAASnC;CACToC,MAAMjC;CACNkC,UAAUhC;CACViC,MAAMZ;CACNa,QAAQnB;CACRoB,OAAOjC;CACPkC,KAAKd;CACLe,OAAOzC;CACP0C,MAAMtB;CACNuB,MAAMnC;CACNoC,UAAU3B;CACV4B,OAAOpC;CACPqC,UAAU5B;CACV6B,KAAKzB;CACL0B,OAAOjC;CACPkC,UAAU5C;CACV6C,MAAMxC;CACNyC,MAAM9B;CACN+B,OAAO7C;CACP8C,UAAUzC;CACV0C,SAASrD;CACTsD,QAAQvC;CACRwC,SAAS1D;CACT2D,MAAM9C;CACN+C,WAAWvD;CACXwD,OAAO9C;AACX;;;;;;AAOA,IAAa+C,eAIT;CACAC,IAAI;CACJC,QAAQlC;CACRmC,SAAS,EAAElE,GAAG;AAClB"}

package/dist/shared/dates.js

@@ -1,7 +1,7 @@
 import { getLocalTimeZone, parseAbsolute, parseDate, parseDateTime, parseTime } from "@internationalized/date";
 //#region src/shared/dates.ts
 /** `2026-10-15`, or the date of a date-time. */
-function toCalendarDate(value) {
+function toCalendarDate$1(value) {
 	const match = value?.match(/^(\d{4}-\d{2}-\d{2})/);
 	if (match?.[1] === void 0) return null;
 	try {
@@ -44,6 +44,6 @@ function fromTime(value, withSeconds = false) {
 	return withSeconds ? `${time}:${pad(value.second)}` : time;
 }
 //#endregion
-export { fromDateTime, fromTime, toCalendarDate, toDateTime, toTime };
+export { fromDateTime, fromTime, toCalendarDate$1 as toCalendarDate, toDateTime, toTime };
 
 //# sourceMappingURL=dates.js.map

package/dist/shared/dates.js.map

@@ -1 +1 @@
-{"version":3,"file":"dates.js","names":["CalendarDate","CalendarDateTime","Time","ZonedDateTime","getLocalTimeZone","parseAbsolute","parseDate","parseDateTime","parseTime","toCalendarDate","value","match","undefined","OFFSET","toDateTime","timeZone","trim","iso","replace","test","fromDateTime","toAbsoluteString","toString","toTime","length","fromTime","Pick","withSeconds","pad","part","String","padStart","time","hour","minute","second"],"sources":["../../src/shared/dates.ts"],"sourcesContent":["import {\n    type CalendarDate,\n    type CalendarDateTime,\n    type Time,\n    type ZonedDateTime,\n    getLocalTimeZone,\n    parseAbsolute,\n    parseDate,\n    parseDateTime,\n    parseTime,\n} from '@internationalized/date';\n\n/** `2026-10-15`, or the date of a date-time. */\nexport function toCalendarDate(value: string | null | undefined): CalendarDate | null {\n    const match = value?.match(/^(\\d{4}-\\d{2}-\\d{2})/);\n    if (match?.[1] === undefined) {\n        return null;\n    }\n    try {\n        return parseDate(match[1]);\n    } catch {\n        return null;\n    }\n}\n\nconst OFFSET = /(?:Z|[+-]\\d{2}:?\\d{2})$/i;\n\n/**\n * A date-time: with an offset or `Z` (`2026-10-15T13:30:00Z`), in the given time zone; without one\n * (`2026-10-15 09:30:00`), as is.\n */\nexport function toDateTime(\n    value: string | null | undefined,\n    timeZone: string = getLocalTimeZone(),\n): ZonedDateTime | CalendarDateTime | null {\n    if (value === null || value === undefined || value.trim() === '') {\n        return null;\n    }\n    const iso = value.trim().replace(' ', 'T');\n    try {\n        return OFFSET.test(iso) ? parseAbsolute(iso, timeZone) : parseDateTime(iso);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a date-time: in UTC (`…Z`) when it has a time zone, without an offset otherwise. */\nexport function fromDateTime(value: ZonedDateTime | CalendarDateTime): string {\n    return 'timeZone' in value\n        ? value.toAbsoluteString().replace(/\\.000Z$/, 'Z')\n        : value.toString();\n}\n\n/** `09:30` or `09:30:15`. */\nexport function toTime(value: string | null | undefined): Time | null {\n    if (value === null || value === undefined || !/^\\d{1,2}:\\d{2}(:\\d{2})?/.test(value)) {\n        return null;\n    }\n    try {\n        return parseTime(value.length < 5 ? `0${value}` : value);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a time as `HH:mm`, or `HH:mm:ss` with seconds. */\nexport function fromTime(\n    value: Pick<Time, 'hour' | 'minute' | 'second'>,\n    withSeconds = false,\n): string {\n    const pad = (part: number) => String(part).padStart(2, '0');\n    const time = `${pad(value.hour)}:${pad(value.minute)}`;\n    return withSeconds ? `${time}:${pad(value.second)}` : time;\n}\n"],"mappings":";;;AAaA,SAAgBS,eAAeC,OAAuD;CAClF,MAAMC,QAAQD,OAAOC,MAAM,sBAAsB;CACjD,IAAIA,QAAQ,OAAOC,KAAAA,GACf,OAAO;CAEX,IAAI;EACA,OAAON,UAAUK,MAAM,EAAE;CAC7B,QAAQ;EACJ,OAAO;CACX;AACJ;AAEA,IAAME,SAAS;;;;;AAMf,SAAgBC,WACZJ,OACAK,WAAmBX,iBAAiB,GACG;CACvC,IAAIM,UAAU,QAAQA,UAAUE,KAAAA,KAAaF,MAAMM,KAAK,MAAM,IAC1D,OAAO;CAEX,MAAMC,MAAMP,MAAMM,KAAK,CAAC,CAACE,QAAQ,KAAK,GAAG;CACzC,IAAI;EACA,OAAOL,OAAOM,KAAKF,GAAG,IAAIZ,cAAcY,KAAKF,QAAQ,IAAIR,cAAcU,GAAG;CAC9E,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgBG,aAAaV,OAAiD;CAC1E,OAAO,cAAcA,QACfA,MAAMW,iBAAiB,CAAC,CAACH,QAAQ,WAAW,GAAG,IAC/CR,MAAMY,SAAS;AACzB;;AAGA,SAAgBC,OAAOb,OAA+C;CAClE,IAAIA,UAAU,QAAQA,UAAUE,KAAAA,KAAa,CAAC,0BAA0BO,KAAKT,KAAK,GAC9E,OAAO;CAEX,IAAI;EACA,OAAOF,UAAUE,MAAMc,SAAS,IAAI,IAAId,UAAUA,KAAK;CAC3D,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgBe,SACZf,OACAiB,cAAc,OACR;CACN,MAAMC,OAAOC,SAAiBC,OAAOD,IAAI,CAAC,CAACE,SAAS,GAAG,GAAG;CAC1D,MAAMC,OAAO,GAAGJ,IAAIlB,MAAMuB,IAAI,EAAC,GAAIL,IAAIlB,MAAMwB,MAAM;CACnD,OAAOP,cAAc,GAAGK,KAAI,GAAIJ,IAAIlB,MAAMyB,MAAM,MAAMH;AAC1D"}
+{"version":3,"file":"dates.js","names":["CalendarDate","CalendarDateTime","Time","ZonedDateTime","getLocalTimeZone","parseAbsolute","parseDate","parseDateTime","parseTime","toCalendarDate","value","match","undefined","OFFSET","toDateTime","timeZone","trim","iso","replace","test","fromDateTime","toAbsoluteString","toString","toTime","length","fromTime","Pick","withSeconds","pad","part","String","padStart","time","hour","minute","second","toCalendarDate"],"sources":["../../src/shared/dates.ts"],"sourcesContent":["import {\n    type CalendarDate,\n    type CalendarDateTime,\n    type Time,\n    type ZonedDateTime,\n    getLocalTimeZone,\n    parseAbsolute,\n    parseDate,\n    parseDateTime,\n    parseTime,\n} from '@internationalized/date';\n\n/** `2026-10-15`, or the date of a date-time. */\nexport function toCalendarDate(value: string | null | undefined): CalendarDate | null {\n    const match = value?.match(/^(\\d{4}-\\d{2}-\\d{2})/);\n    if (match?.[1] === undefined) {\n        return null;\n    }\n    try {\n        return parseDate(match[1]);\n    } catch {\n        return null;\n    }\n}\n\nconst OFFSET = /(?:Z|[+-]\\d{2}:?\\d{2})$/i;\n\n/**\n * A date-time: with an offset or `Z` (`2026-10-15T13:30:00Z`), in the given time zone; without one\n * (`2026-10-15 09:30:00`), as is.\n */\nexport function toDateTime(\n    value: string | null | undefined,\n    timeZone: string = getLocalTimeZone(),\n): ZonedDateTime | CalendarDateTime | null {\n    if (value === null || value === undefined || value.trim() === '') {\n        return null;\n    }\n    const iso = value.trim().replace(' ', 'T');\n    try {\n        return OFFSET.test(iso) ? parseAbsolute(iso, timeZone) : parseDateTime(iso);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a date-time: in UTC (`…Z`) when it has a time zone, without an offset otherwise. */\nexport function fromDateTime(value: ZonedDateTime | CalendarDateTime): string {\n    return 'timeZone' in value\n        ? value.toAbsoluteString().replace(/\\.000Z$/, 'Z')\n        : value.toString();\n}\n\n/** `09:30` or `09:30:15`. */\nexport function toTime(value: string | null | undefined): Time | null {\n    if (value === null || value === undefined || !/^\\d{1,2}:\\d{2}(:\\d{2})?/.test(value)) {\n        return null;\n    }\n    try {\n        return parseTime(value.length < 5 ? `0${value}` : value);\n    } catch {\n        return null;\n    }\n}\n\n/** Writes a time as `HH:mm`, or `HH:mm:ss` with seconds. */\nexport function fromTime(\n    value: Pick<Time, 'hour' | 'minute' | 'second'>,\n    withSeconds = false,\n): string {\n    const pad = (part: number) => String(part).padStart(2, '0');\n    const time = `${pad(value.hour)}:${pad(value.minute)}`;\n    return withSeconds ? `${time}:${pad(value.second)}` : time;\n}\n"],"mappings":";;;AAaA,SAAgBS,iBAAeC,OAAuD;CAClF,MAAMC,QAAQD,OAAOC,MAAM,sBAAsB;CACjD,IAAIA,QAAQ,OAAOC,KAAAA,GACf,OAAO;CAEX,IAAI;EACA,OAAON,UAAUK,MAAM,EAAE;CAC7B,QAAQ;EACJ,OAAO;CACX;AACJ;AAEA,IAAME,SAAS;;;;;AAMf,SAAgBC,WACZJ,OACAK,WAAmBX,iBAAiB,GACG;CACvC,IAAIM,UAAU,QAAQA,UAAUE,KAAAA,KAAaF,MAAMM,KAAK,MAAM,IAC1D,OAAO;CAEX,MAAMC,MAAMP,MAAMM,KAAK,CAAC,CAACE,QAAQ,KAAK,GAAG;CACzC,IAAI;EACA,OAAOL,OAAOM,KAAKF,GAAG,IAAIZ,cAAcY,KAAKF,QAAQ,IAAIR,cAAcU,GAAG;CAC9E,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgBG,aAAaV,OAAiD;CAC1E,OAAO,cAAcA,QACfA,MAAMW,iBAAiB,CAAC,CAACH,QAAQ,WAAW,GAAG,IAC/CR,MAAMY,SAAS;AACzB;;AAGA,SAAgBC,OAAOb,OAA+C;CAClE,IAAIA,UAAU,QAAQA,UAAUE,KAAAA,KAAa,CAAC,0BAA0BO,KAAKT,KAAK,GAC9E,OAAO;CAEX,IAAI;EACA,OAAOF,UAAUE,MAAMc,SAAS,IAAI,IAAId,UAAUA,KAAK;CAC3D,QAAQ;EACJ,OAAO;CACX;AACJ;;AAGA,SAAgBe,SACZf,OACAiB,cAAc,OACR;CACN,MAAMC,OAAOC,SAAiBC,OAAOD,IAAI,CAAC,CAACE,SAAS,GAAG,GAAG;CAC1D,MAAMC,OAAO,GAAGJ,IAAIlB,MAAMuB,IAAI,EAAC,GAAIL,IAAIlB,MAAMwB,MAAM;CACnD,OAAOP,cAAc,GAAGK,KAAI,GAAIJ,IAAIlB,MAAMyB,MAAM,MAAMH;AAC1D"}

package/dist/shared/flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flow.d.ts","sourceRoot":"","sources":["../../src/shared/flow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAyB/C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CASjD"}
+{"version":3,"file":"flow.d.ts","sourceRoot":"","sources":["../../src/shared/flow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AA0B/C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CASjD"}

package/dist/shared/flow.js

@@ -8,6 +8,7 @@ var COMPACT_TYPES = /* @__PURE__ */ new Set([
 	"tel",
 	"country",
 	"region",
+	"money",
 	"number",
 	"date",
 	"datetime",

package/dist/shared/flow.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow.js","names":["Field","getSetting","isString","COMPACT_TYPES","Set","isWideField","field","localized","multiple","widget","type","undefined","has"],"sources":["../../src/shared/flow.ts"],"sourcesContent":["import type { Field } from '@panneau/protocol';\n\nimport { getSetting, isString } from './entry';\n\n/** Types whose input is short: they share a row with others in a flow of fields. */\nconst COMPACT_TYPES = new Set([\n    'text',\n    'email',\n    'url',\n    'tel',\n    'country',\n    'region',\n    'number',\n    'date',\n    'datetime',\n    'time',\n    'duration',\n    'color',\n    'select',\n    'boolean',\n    'range',\n    'slug',\n    'relation',\n]);\n\n/**\n * Whether a field takes a whole row where fields flow in columns, such as in a form without a\n * layout or in a group: long inputs (a text area, rich text, blocks), several values, a value per\n * locale, and the types of plugins. Short inputs share a row.\n */\nexport function isWideField(field: Field): boolean {\n    if (field.localized === true || field.multiple === true) {\n        return true;\n    }\n    const widget = getSetting(field, 'widget', isString);\n    if (field.type === 'select' && widget !== undefined && widget !== 'dropdown') {\n        return true;\n    }\n    return !COMPACT_TYPES.has(field.type);\n}\n"],"mappings":";;;AAKA,IAAMG,gCAAgB,IAAIC,IAAI;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAU,CACb;;;;;;AAOD,SAAgBC,YAAYC,OAAuB;CAC/C,IAAIA,MAAMC,cAAc,QAAQD,MAAME,aAAa,MAC/C,OAAO;CAEX,MAAMC,SAASR,WAAWK,OAAO,UAAUJ,QAAQ;CACnD,IAAII,MAAMI,SAAS,YAAYD,WAAWE,KAAAA,KAAaF,WAAW,YAC9D,OAAO;CAEX,OAAO,CAACN,cAAcS,IAAIN,MAAMI,IAAI;AACxC"}
+{"version":3,"file":"flow.js","names":["Field","getSetting","isString","COMPACT_TYPES","Set","isWideField","field","localized","multiple","widget","type","undefined","has"],"sources":["../../src/shared/flow.ts"],"sourcesContent":["import type { Field } from '@panneau/protocol';\n\nimport { getSetting, isString } from './entry';\n\n/** Types whose input is short: they share a row with others in a flow of fields. */\nconst COMPACT_TYPES = new Set([\n    'text',\n    'email',\n    'url',\n    'tel',\n    'country',\n    'region',\n    'money',\n    'number',\n    'date',\n    'datetime',\n    'time',\n    'duration',\n    'color',\n    'select',\n    'boolean',\n    'range',\n    'slug',\n    'relation',\n]);\n\n/**\n * Whether a field takes a whole row where fields flow in columns, such as in a form without a\n * layout or in a group: long inputs (a text area, rich text, blocks), several values, a value per\n * locale, and the types of plugins. Short inputs share a row.\n */\nexport function isWideField(field: Field): boolean {\n    if (field.localized === true || field.multiple === true) {\n        return true;\n    }\n    const widget = getSetting(field, 'widget', isString);\n    if (field.type === 'select' && widget !== undefined && widget !== 'dropdown') {\n        return true;\n    }\n    return !COMPACT_TYPES.has(field.type);\n}\n"],"mappings":";;;AAKA,IAAMG,gCAAgB,IAAIC,IAAI;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AAAU,CACb;;;;;;AAOD,SAAgBC,YAAYC,OAAuB;CAC/C,IAAIA,MAAMC,cAAc,QAAQD,MAAME,aAAa,MAC/C,OAAO;CAEX,MAAMC,SAASR,WAAWK,OAAO,UAAUJ,QAAQ;CACnD,IAAII,MAAMI,SAAS,YAAYD,WAAWE,KAAAA,KAAaF,WAAW,YAC9D,OAAO;CAEX,OAAO,CAACN,cAAcS,IAAIN,MAAMI,IAAI;AACxC"}

package/dist/shared/part.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+import type { Field } from '@panneau/protocol';
+/** What a part of a value gets from the binding of the fields context: its errors and its blur. */
+export interface BoundPartProps {
+    errors?: readonly string[];
+    onBlur?: () => void;
+}
+export interface PartBindingProps {
+    /** The part, as a field of the definition: the binding reads its errors by its path. */
+    field: Field;
+    /** Dot path of the part (`address.postalCode`). */
+    path: string;
+    /** Errors of the part without a binding. */
+    errors?: readonly string[];
+    /** Blur of the part without a binding. */
+    onBlur?: () => void;
+    render: (bound: BoundPartProps) => ReactNode;
+}
+/**
+ * A part of a value that a field edits itself (the postal code of an address, the URL of a link):
+ * the field keeps its whole value, and the binding of the fields context gives each part the
+ * errors of its own path, and marks it touched when it loses focus. Without a binding, the part
+ * gets `errors` and `onBlur`.
+ */
+export declare function BoundPart({ field, path, errors, onBlur, render }: PartBindingProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+//# sourceMappingURL=part.d.ts.map

package/dist/shared/part.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"part.d.ts","sourceRoot":"","sources":["../../src/shared/part.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI/C,mGAAmG;AACnG,MAAM,WAAW,cAAc;IAC3B,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,wFAAwF;IACxF,KAAK,EAAE,KAAK,CAAC;IACb,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC;CAChD;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,gBAAgB,+TAqBlF"}

package/dist/shared/part.js

@@ -0,0 +1,64 @@
+import { getParentPath, useFieldsContext } from "./context.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/shared/part.tsx
+/**
+* A part of a value that a field edits itself (the postal code of an address, the URL of a link):
+* the field keeps its whole value, and the binding of the fields context gives each part the
+* errors of its own path, and marks it touched when it loses focus. Without a binding, the part
+* gets `errors` and `onBlur`.
+*/
+function BoundPart(t0) {
+	const $ = c(14);
+	const { field, path, errors, onBlur, render } = t0;
+	const { binding: Binding } = useFieldsContext();
+	if (Binding === null) {
+		let t1;
+		if ($[0] !== errors || $[1] !== onBlur || $[2] !== render) {
+			t1 = render({
+				...errors !== void 0 ? { errors } : {},
+				...onBlur !== void 0 ? { onBlur } : {}
+			});
+			$[0] = errors;
+			$[1] = onBlur;
+			$[2] = render;
+			$[3] = t1;
+		} else t1 = $[3];
+		return t1;
+	}
+	let t1;
+	if ($[4] !== path) {
+		t1 = getParentPath(path);
+		$[4] = path;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== render) {
+		t2 = (bound) => render({
+			...bound.errors !== void 0 ? { errors: bound.errors } : {},
+			...bound.onBlur !== void 0 ? { onBlur: bound.onBlur } : {}
+		});
+		$[6] = render;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== Binding || $[9] !== field || $[10] !== path || $[11] !== t1 || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Binding, {
+			field,
+			path,
+			parentPath: t1,
+			render: t2
+		});
+		$[8] = Binding;
+		$[9] = field;
+		$[10] = path;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+}
+//#endregion
+export { BoundPart };
+
+//# sourceMappingURL=part.js.map

package/dist/shared/part.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"part.js","names":["ReactNode","Field","getParentPath","useFieldsContext","BoundPartProps","errors","onBlur","PartBindingProps","field","path","render","bound","BoundPart","t0","$","_c","binding","Binding","t1","undefined","t2","t3","_c"],"sources":["../../src/shared/part.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { Field } from '@panneau/protocol';\n\nimport { getParentPath, useFieldsContext } from './context';\n\n/** What a part of a value gets from the binding of the fields context: its errors and its blur. */\nexport interface BoundPartProps {\n    errors?: readonly string[];\n    onBlur?: () => void;\n}\n\nexport interface PartBindingProps {\n    /** The part, as a field of the definition: the binding reads its errors by its path. */\n    field: Field;\n    /** Dot path of the part (`address.postalCode`). */\n    path: string;\n    /** Errors of the part without a binding. */\n    errors?: readonly string[];\n    /** Blur of the part without a binding. */\n    onBlur?: () => void;\n    render: (bound: BoundPartProps) => ReactNode;\n}\n\n/**\n * A part of a value that a field edits itself (the postal code of an address, the URL of a link):\n * the field keeps its whole value, and the binding of the fields context gives each part the\n * errors of its own path, and marks it touched when it loses focus. Without a binding, the part\n * gets `errors` and `onBlur`.\n */\nexport function BoundPart({ field, path, errors, onBlur, render }: PartBindingProps) {\n    const { binding: Binding } = useFieldsContext();\n    if (Binding === null) {\n        return render({\n            ...(errors !== undefined ? { errors } : {}),\n            ...(onBlur !== undefined ? { onBlur } : {}),\n        });\n    }\n    return (\n        <Binding\n            field={field}\n            path={path}\n            parentPath={getParentPath(path)}\n            render={(bound) =>\n                render({\n                    ...(bound.errors !== undefined ? { errors: bound.errors } : {}),\n                    ...(bound.onBlur !== undefined ? { onBlur: bound.onBlur } : {}),\n                })\n            }\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;AA8BA,SAAOY,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAmB,MAAA,EAAAP,OAAAC,MAAAJ,QAAAC,QAAAI,WAAAG;CACtB,MAAA,EAAAG,SAAAC,YAA6Bd,iBAAiB;CAC9C,IAAIc,YAAY,MAAI;EAAA,IAAAC;EAAA,IAAAJ,EAAA,OAAAT,UAAAS,EAAA,OAAAR,UAAAQ,EAAA,OAAAJ,QAAA;GACTQ,KAAAR,OAAO;IAAA,GACNL,WAAWc,KAAAA,IAAX,EAAAd,OAAqC,IAArC,CAAqC;IAAC,GACtCC,WAAWa,KAAAA,IAAX,EAAAb,OAAqC,IAArC,CAAqC;GAC7C,CAAC;GAACQ,EAAA,KAAAT;GAAAS,EAAA,KAAAR;GAAAQ,EAAA,KAAAJ;GAAAI,EAAA,KAAAI;EAAA,OAAAA,KAAAJ,EAAA;EAAA,OAHKI;CAGL;CACL,IAAAA;CAAA,IAAAJ,EAAA,OAAAL,MAAA;EAKmBS,KAAAhB,cAAcO,IAAI;EAACK,EAAA,KAAAL;EAAAK,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAJ,QAAA;EACvBU,MAAAT,UACJD,OAAO;GAAA,GACCC,MAAKN,WAAYc,KAAAA,IAAjB,EAAAd,QAAuCM,MAAKN,OAAa,IAAzD,CAAyD;GAAC,GAC1DM,MAAKL,WAAYa,KAAAA,IAAjB,EAAAb,QAAuCK,MAAKL,OAAa,IAAzD,CAAyD;EACjE,CAAC;EAACQ,EAAA,KAAAJ;EAAAI,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAG,WAAAH,EAAA,OAAAN,SAAAM,EAAA,QAAAL,QAAAK,EAAA,QAAAI,MAAAJ,EAAA,QAAAM,IAAA;EARVC,KAAA,oBAAC,SAAD;GACWb;GACDC;GACM,YAAAS;GACJ,QAAAE;EAIF,CAAA;EAERN,EAAA,KAAAG;EAAAH,EAAA,KAAAN;EAAAM,EAAA,MAAAL;EAAAK,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAVFO;AAUE"}

package/dist/tel/TelField.css

@@ -0,0 +1,25 @@
+/* The extension, after the number, in the same box. */
+.panneau-tel-field-extension {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--panneau-space-1);
+    align-self: stretch;
+    padding-inline-start: var(--panneau-space-2);
+    border-inline-start: var(--panneau-border-width) solid var(--panneau-color-border-control);
+}
+
+.panneau-tel-field-extension-input {
+    width: 6ch;
+    min-width: 0;
+    padding: 0;
+    font: inherit;
+    color: var(--panneau-color-text);
+    background: transparent;
+    border: 0;
+    outline: none;
+}
+
+.panneau-tel-field-extension-input:read-only,
+.panneau-tel-field-extension-input:disabled {
+    cursor: inherit;
+}

package/dist/tel/TelField.d.ts

@@ -6,6 +6,11 @@ export interface TelFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode'
      * gives `CA`).
      */
     country?: string | null;
+    /**
+     * Adds an input for the extension, after the number. The value is then the number with its
+     * extension after `;ext=`, as in a `tel:` URI: `+15145550199;ext=123`.
+     */
+    extension?: boolean;
 }
 /**
  * A phone number, in E.164 (`+15145550199`). The country of the number, its flag and its calling
@@ -15,8 +20,15 @@ export interface TelFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode'
  * Until a number is complete, the value is the text as typed, which the `tel` rule refuses. A value
  * that isn't E.164, kept from before, shows as it is, and becomes E.164 when the field is left, if
  * it reads as a number of the chosen country.
+ *
+ * With `extension`, an input after the number takes the digits of an extension, kept after `;ext=`
+ * (`+15145550199;ext=123`). An extension typed or pasted after the number (`ext. 123`, `x123`,
+ * `poste 123`) moves to that input when the field is left.
+ */
+export declare function TelField({ value, onChange, onBlur, country: defaultCountry, extension: allowsExtension, suffix, disabled, readOnly, ...props }: TelFieldProps): import("react").JSX.Element;
+/**
+ * The `tel` type: `settings.country` is the country of a new number, and `settings.extension` adds
+ * an input for an extension.
  */
-export declare function TelField({ value, onChange, onBlur, country: defaultCountry, disabled, readOnly, ...props }: TelFieldProps): import("react").JSX.Element;
-/** The `tel` type: `settings.country` is the country of a new number. */
 export declare function TelFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=TelField.d.ts.map

package/dist/tel/TelField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TelField.d.ts","sourceRoot":"","sources":["../../src/tel/TelField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASnE,MAAM,WAAW,aAAc,SAAQ,IAAI,CACvC,cAAc,EACd,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAC3D;IACG;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAaD;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EAAE,cAAc,EACvB,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,aAAa,+BAwFf;AAED,yEAAyE;AACzE,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,+BAUnD"}
+{"version":3,"file":"TelField.d.ts","sourceRoot":"","sources":["../../src/tel/TelField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAcnE,MAAM,WAAW,aAAc,SAAQ,IAAI,CACvC,cAAc,EACd,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAC3D;IACG;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAgBD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,eAAuB,EAClC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,aAAa,+BAgJf;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,+BAYnD"}