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

package/dist/color/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":["Field","ColorPaletteEntry","value","label","color","HEX","isHexColor","test","isRecord","Record","Array","isArray","toColorPalette","palette","flatMap","entry","length","getColorPalette","field","settings","getSwatchColor"],"sources":["../../src/color/palette.ts"],"sourcesContent":["import type { Field } from '@panneau/protocol';\n\n/**\n * A color of a palette (`settings.palette` of a `color` field, decision 0058): `value` is what the\n * field stores, `color` (hexadecimal) draws its swatch, and `label` names it. Without `color`,\n * `value` is a hexadecimal color, which draws itself.\n */\nexport interface ColorPaletteEntry {\n    value: string;\n    label?: string;\n    color?: string;\n}\n\nconst HEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i;\n\n/** Whether a value is a hexadecimal color: `#1d4ed8`, `#fff` or `#1d4ed880`. */\nexport function isHexColor(value: unknown): value is string {\n    return typeof value === 'string' && HEX.test(value);\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n    return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * The colors of a palette, from a field's `settings.palette`: entries with a `value`, and the\n * `label` and `color` they have. `null` when it has none.\n */\nexport function toColorPalette(value: unknown): ColorPaletteEntry[] | null {\n    if (!Array.isArray(value)) {\n        return null;\n    }\n    const palette = value.flatMap((entry): ColorPaletteEntry[] =>\n        isRecord(entry) && typeof entry.value === 'string' && entry.value !== ''\n            ? [\n                  {\n                      value: entry.value,\n                      ...(typeof entry.label === 'string' ? { label: entry.label } : {}),\n                      ...(isHexColor(entry.color) ? { color: entry.color } : {}),\n                  },\n              ]\n            : [],\n    );\n    return palette.length > 0 ? palette : null;\n}\n\n/** The palette of a `color` field (`settings.palette`), or `null` when it has none. */\nexport function getColorPalette(field: Field | null | undefined): ColorPaletteEntry[] | null {\n    return toColorPalette(field?.settings?.palette);\n}\n\n/** The color that draws an entry's swatch: its `color`, or its value when it is hexadecimal. */\nexport function getSwatchColor(entry: ColorPaletteEntry): string | null {\n    return entry.color ?? (isHexColor(entry.value) ? entry.value : null);\n}\n"],"mappings":";AAaA,IAAMK,MAAM;;AAGZ,SAAgBC,WAAWJ,OAAiC;CACxD,OAAO,OAAOA,UAAU,YAAYG,IAAIE,KAAKL,KAAK;AACtD;AAEA,SAASM,SAASN,OAAkD;CAChE,OAAO,OAAOA,UAAU,YAAYA,UAAU,QAAQ,CAACQ,MAAMC,QAAQT,KAAK;AAC9E;;;;;AAMA,SAAgBU,eAAeV,OAA4C;CACvE,IAAI,CAACQ,MAAMC,QAAQT,KAAK,GACpB,OAAO;CAEX,MAAMW,UAAUX,MAAMY,SAASC,UAC3BP,SAASO,KAAK,KAAK,OAAOA,MAAMb,UAAU,YAAYa,MAAMb,UAAU,KAChE,CACI;EACIA,OAAOa,MAAMb;EACb,GAAI,OAAOa,MAAMZ,UAAU,WAAW,EAAEA,OAAOY,MAAMZ,MAAM,IAAI,CAAC;EAChE,GAAIG,WAAWS,MAAMX,KAAK,IAAI,EAAEA,OAAOW,MAAMX,MAAM,IAAI,CAAC;CAC5D,CAAC,IAEL,CAAA,CACV;CACA,OAAOS,QAAQG,SAAS,IAAIH,UAAU;AAC1C;;AAGA,SAAgBI,gBAAgBC,OAA6D;CACzF,OAAON,eAAeM,OAAOC,UAAUN,OAAO;AAClD;;AAGA,SAAgBO,eAAeL,OAAyC;CACpE,OAAOA,MAAMX,UAAUE,WAAWS,MAAMb,KAAK,IAAIa,MAAMb,QAAQ;AACnE"}

package/dist/country/CountryField.css

@@ -0,0 +1,42 @@
+.panneau-country-field-multiple {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-country-field-countries {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--panneau-space-1) var(--panneau-space-2);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.panneau-country-field-country,
+.panneau-country-field-fixed-country {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--panneau-space-1);
+    min-height: var(--panneau-control-height-sm);
+    max-width: 100%;
+    padding-inline: var(--panneau-space-3) var(--panneau-space-1);
+    font-size: var(--panneau-font-size-sm);
+    background-color: var(--panneau-color-surface-sunken);
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+    border-radius: var(--panneau-radius-full);
+}
+
+.panneau-country-field-fixed-country {
+    padding-inline-end: var(--panneau-space-3);
+}
+
+.panneau-country-field-flag {
+    flex: none;
+}
+
+.panneau-country-field-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}

package/dist/country/CountryField.d.ts

@@ -1,5 +1,6 @@
 import type { FieldEntryProps, FieldProps } from '../shared/types.js';
-export interface CountryFieldProps extends FieldProps<string> {
+/** Props of both single and multiple country fields. */
+export interface CountryFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {
     /** The codes to offer. All countries without it. */
     countries?: readonly string[];
     /** Codes shown first, in their order, above the others: `['CA', 'US']`. */
@@ -7,11 +8,25 @@ export interface CountryFieldProps extends FieldProps<string> {
     placeholder?: string;
     controlClassName?: string;
 }
+export interface SingleCountryFieldProps extends CountryFieldBaseProps {
+    multiple?: false;
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+}
+export interface MultipleCountryFieldProps extends CountryFieldBaseProps {
+    /** Several countries, in the order they were chosen (decision 0058). */
+    multiple: true;
+    value?: readonly string[] | null;
+    /** Called with the codes. An empty list is `null`. */
+    onChange?: (value: string[] | null) => void;
+}
+export type CountryFieldProps = SingleCountryFieldProps | MultipleCountryFieldProps;
 /**
  * A country, as its ISO 3166-1 alpha-2 code (`CA`): a combo box of the countries with their flags
- * and their names in the user's locale. Typing filters them by name or by code.
+ * and their names in the user's locale. Typing filters them by name or by code. With `multiple`,
+ * several countries, each removable, in the order they were chosen, and the combo box adds one.
  */
-export declare function CountryField({ countries, preferred, placeholder, ...props }: CountryFieldProps): import("react").JSX.Element;
-/** The `country` type: `settings.countries` and `settings.preferred`. */
+export declare function CountryField(props: CountryFieldProps): import("react").JSX.Element;
+/** The `country` type: `multiple`, `settings.countries` and `settings.preferred`. */
 export declare function CountryFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=CountryField.d.ts.map

package/dist/country/CountryField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountryField.d.ts","sourceRoot":"","sources":["../../src/country/CountryField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,WAAW,iBAAkB,SAAQ,UAAU,CAAC,MAAM,CAAC;IACzD,oDAAoD;IACpD,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAe9F;AAKD,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,+BAYvD"}
+{"version":3,"file":"CountryField.d.ts","sourceRoot":"","sources":["../../src/country/CountryField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAInE,wDAAwD;AACxD,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACxF,oDAAoD;IACpD,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,yBAA0B,SAAQ,qBAAqB;IACpE,wEAAwE;IACxE,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,yBAAyB,CAAC;AAEpF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAoHpD;AAKD,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,+BA0BvD"}

package/dist/country/CountryField.js

@@ -1,87 +1,327 @@
 import { getFieldProps, getSetting, isString } from "../shared/entry.js";
 import { messages } from "../shared/messages.js";
 import { CodeComboBox } from "../shared/CodeComboBox.js";
-import { getCountryChoices } from "./countries.js";
+import CountryField_module_default from "./CountryField.module.js";
+import { getCountryChoices, getCountryFlag, getCountryName, isCountryCode } from "./countries.js";
 import { c } from "react/compiler-runtime";
-import { usePanneauIntl } from "@panneau/ui";
-import { jsx } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/country/CountryField.tsx
 /**
 * A country, as its ISO 3166-1 alpha-2 code (`CA`): a combo box of the countries with their flags
-* and their names in the user's locale. Typing filters them by name or by code.
+* and their names in the user's locale. Typing filters them by name or by code. With `multiple`,
+* several countries, each removable, in the order they were chosen, and the combo box adds one.
 */
-function CountryField(t0) {
-	const $ = c(23);
-	let countries;
-	let placeholder;
-	let preferred;
-	let props;
-	if ($[0] !== t0) {
-		({countries, preferred, placeholder, ...props} = t0);
-		$[0] = t0;
-		$[1] = countries;
-		$[2] = placeholder;
-		$[3] = preferred;
-		$[4] = props;
-	} else {
-		countries = $[1];
-		placeholder = $[2];
-		preferred = $[3];
-		props = $[4];
-	}
+function CountryField(props) {
+	const $ = c(91);
 	const intl = usePanneauIntl();
+	const { countries, preferred } = props;
 	let T0;
+	let T1;
+	let codes;
+	let emptyMessage;
+	let set;
+	let t0;
 	let t1;
+	let t10;
+	let t11;
+	let t12;
+	let t13;
+	let t14;
+	let t15;
+	let t16;
+	let t17;
+	let t18;
+	let t19;
 	let t2;
-	if ($[5] !== countries || $[6] !== intl.locale || $[7] !== preferred || $[8] !== props) {
-		const choices = getCountryChoices(intl.locale, {
-			countries,
-			preferred
-		});
-		T0 = CodeComboBox;
-		t1 = props;
-		t2 = [...choices.preferred, ...choices.others].map(_temp);
-		$[5] = countries;
-		$[6] = intl.locale;
-		$[7] = preferred;
-		$[8] = props;
-		$[9] = T0;
+	let t20;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== countries || $[1] !== intl || $[2] !== preferred || $[3] !== props) {
+		t20 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const choices = getCountryChoices(intl.locale, {
+				countries,
+				preferred
+			});
+			const all = [...choices.preferred, ...choices.others].map(_temp);
+			let t21;
+			if ($[30] !== intl) {
+				t21 = intl.formatMessage(messages.noCountries);
+				$[30] = intl;
+				$[31] = t21;
+			} else t21 = $[31];
+			emptyMessage = t21;
+			if (props.multiple !== true) {
+				let rest;
+				if ($[32] !== props) {
+					const { multiple: _multiple, countries: _countries, preferred: _preferred, ...t22 } = props;
+					rest = t22;
+					$[32] = props;
+					$[33] = rest;
+				} else rest = $[33];
+				let t22;
+				if ($[34] !== intl || $[35] !== props.placeholder) {
+					t22 = props.placeholder ?? intl.formatMessage(messages.countryPlaceholder);
+					$[34] = intl;
+					$[35] = props.placeholder;
+					$[36] = t22;
+				} else t22 = $[36];
+				t20 = /* @__PURE__ */ jsx(CodeComboBox, {
+					...rest,
+					choices: all,
+					placeholder: t22,
+					emptyMessage
+				});
+				break bb0;
+			}
+			const { value, onChange, onBlur, label, description, errors, disabled, readOnly, required, name, id, autoFocus, className, labelClassName, descriptionClassName, errorsClassName, controlClassName } = props;
+			codes = (value ?? []).filter(_temp2);
+			const editable = disabled !== true && readOnly !== true;
+			let t22;
+			if ($[37] !== onChange) {
+				t22 = (next) => onChange?.(next.length > 0 ? next : null);
+				$[37] = onChange;
+				$[38] = t22;
+			} else t22 = $[38];
+			set = t22;
+			let t23;
+			if ($[39] !== intl.locale) {
+				t23 = (code_0) => isCountryCode(code_0) ? getCountryName(code_0, intl.locale) : code_0;
+				$[39] = intl.locale;
+				$[40] = t23;
+			} else t23 = $[40];
+			const nameOf = t23;
+			const comboLabel = typeof label === "string" ? label : props["aria-label"];
+			T1 = Fieldset;
+			t11 = label;
+			t12 = description;
+			if ($[41] !== errors) {
+				t13 = errors ?? [];
+				$[41] = errors;
+				$[42] = t13;
+			} else t13 = $[42];
+			t14 = required;
+			t15 = disabled;
+			t16 = className;
+			t17 = labelClassName;
+			t18 = descriptionClassName;
+			t19 = errorsClassName;
+			t9 = CountryField_module_default.multiple;
+			t10 = codes.length > 0 ? /* @__PURE__ */ jsx("ul", {
+				className: CountryField_module_default.countries,
+				children: codes.map((code_1) => /* @__PURE__ */ jsxs("li", {
+					className: editable ? CountryField_module_default.country : CountryField_module_default.fixedCountry,
+					children: [
+						isCountryCode(code_1) ? /* @__PURE__ */ jsx("span", {
+							className: CountryField_module_default.flag,
+							"aria-hidden": "true",
+							children: getCountryFlag(code_1)
+						}) : null,
+						/* @__PURE__ */ jsx("span", {
+							className: CountryField_module_default.name,
+							children: nameOf(code_1)
+						}),
+						editable ? /* @__PURE__ */ jsx(IconButton, {
+							icon: X,
+							size: "sm",
+							label: `${intl.formatMessage(messages.remove)} ${nameOf(code_1)}`,
+							showTooltip: false,
+							onPress: () => set(codes.filter((entry) => entry !== code_1))
+						}) : null
+					]
+				}, code_1))
+			}) : null;
+			T0 = CodeComboBox;
+			if ($[43] !== comboLabel) {
+				t0 = comboLabel !== void 0 ? { "aria-label": comboLabel } : {};
+				$[43] = comboLabel;
+				$[44] = t0;
+			} else t0 = $[44];
+			if ($[45] !== name) {
+				t1 = name !== void 0 ? { name } : {};
+				$[45] = name;
+				$[46] = t1;
+			} else t1 = $[46];
+			if ($[47] !== id) {
+				t2 = id !== void 0 ? { id } : {};
+				$[47] = id;
+				$[48] = t2;
+			} else t2 = $[48];
+			if ($[49] !== autoFocus) {
+				t3 = autoFocus !== void 0 ? { autoFocus } : {};
+				$[49] = autoFocus;
+				$[50] = t3;
+			} else t3 = $[50];
+			if ($[51] !== onBlur) {
+				t4 = onBlur !== void 0 ? { onBlur } : {};
+				$[51] = onBlur;
+				$[52] = t4;
+			} else t4 = $[52];
+			if ($[53] !== controlClassName) {
+				t5 = controlClassName !== void 0 ? { controlClassName } : {};
+				$[53] = controlClassName;
+				$[54] = t5;
+			} else t5 = $[54];
+			t6 = disabled;
+			t7 = readOnly;
+			t8 = all.filter((choice) => !codes.includes(choice.code));
+		}
+		$[0] = countries;
+		$[1] = intl;
+		$[2] = preferred;
+		$[3] = props;
+		$[4] = T0;
+		$[5] = T1;
+		$[6] = codes;
+		$[7] = emptyMessage;
+		$[8] = set;
+		$[9] = t0;
 		$[10] = t1;
-		$[11] = t2;
+		$[11] = t10;
+		$[12] = t11;
+		$[13] = t12;
+		$[14] = t13;
+		$[15] = t14;
+		$[16] = t15;
+		$[17] = t16;
+		$[18] = t17;
+		$[19] = t18;
+		$[20] = t19;
+		$[21] = t2;
+		$[22] = t20;
+		$[23] = t3;
+		$[24] = t4;
+		$[25] = t5;
+		$[26] = t6;
+		$[27] = t7;
+		$[28] = t8;
+		$[29] = t9;
 	} else {
-		T0 = $[9];
+		T0 = $[4];
+		T1 = $[5];
+		codes = $[6];
+		emptyMessage = $[7];
+		set = $[8];
+		t0 = $[9];
 		t1 = $[10];
-		t2 = $[11];
+		t10 = $[11];
+		t11 = $[12];
+		t12 = $[13];
+		t13 = $[14];
+		t14 = $[15];
+		t15 = $[16];
+		t16 = $[17];
+		t17 = $[18];
+		t18 = $[19];
+		t19 = $[20];
+		t2 = $[21];
+		t20 = $[22];
+		t3 = $[23];
+		t4 = $[24];
+		t5 = $[25];
+		t6 = $[26];
+		t7 = $[27];
+		t8 = $[28];
+		t9 = $[29];
 	}
-	let t3;
-	if ($[12] !== intl || $[13] !== placeholder) {
-		t3 = placeholder ?? intl.formatMessage(messages.countryPlaceholder);
-		$[12] = intl;
-		$[13] = placeholder;
-		$[14] = t3;
-	} else t3 = $[14];
-	let t4;
-	if ($[15] !== intl) {
-		t4 = intl.formatMessage(messages.noCountries);
-		$[15] = intl;
-		$[16] = t4;
-	} else t4 = $[16];
-	let t5;
-	if ($[17] !== T0 || $[18] !== t1 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4) {
-		t5 = /* @__PURE__ */ jsx(T0, {
+	if (t20 !== Symbol.for("react.early_return_sentinel")) return t20;
+	let t21;
+	if ($[55] !== codes || $[56] !== set) {
+		t21 = (code_2) => {
+			if (code_2 !== null && !codes.includes(code_2)) set([...codes, code_2]);
+		};
+		$[55] = codes;
+		$[56] = set;
+		$[57] = t21;
+	} else t21 = $[57];
+	let t22;
+	if ($[58] !== intl || $[59] !== props.placeholder) {
+		t22 = props.placeholder ?? intl.formatMessage(messages.addCountry);
+		$[58] = intl;
+		$[59] = props.placeholder;
+		$[60] = t22;
+	} else t22 = $[60];
+	let t23;
+	if ($[61] !== T0 || $[62] !== emptyMessage || $[63] !== t0 || $[64] !== t1 || $[65] !== t2 || $[66] !== t21 || $[67] !== t22 || $[68] !== t3 || $[69] !== t4 || $[70] !== t5 || $[71] !== t6 || $[72] !== t7 || $[73] !== t8) {
+		t23 = /* @__PURE__ */ jsx(T0, {
+			...t0,
 			...t1,
-			choices: t2,
-			placeholder: t3,
-			emptyMessage: t4
+			...t2,
+			...t3,
+			...t4,
+			...t5,
+			disabled: t6,
+			readOnly: t7,
+			choices: t8,
+			value: null,
+			onChange: t21,
+			placeholder: t22,
+			emptyMessage
+		});
+		$[61] = T0;
+		$[62] = emptyMessage;
+		$[63] = t0;
+		$[64] = t1;
+		$[65] = t2;
+		$[66] = t21;
+		$[67] = t22;
+		$[68] = t3;
+		$[69] = t4;
+		$[70] = t5;
+		$[71] = t6;
+		$[72] = t7;
+		$[73] = t8;
+		$[74] = t23;
+	} else t23 = $[74];
+	let t24;
+	if ($[75] !== t10 || $[76] !== t23 || $[77] !== t9) {
+		t24 = /* @__PURE__ */ jsxs("div", {
+			className: t9,
+			children: [t10, t23]
+		});
+		$[75] = t10;
+		$[76] = t23;
+		$[77] = t9;
+		$[78] = t24;
+	} else t24 = $[78];
+	let t25;
+	if ($[79] !== T1 || $[80] !== t11 || $[81] !== t12 || $[82] !== t13 || $[83] !== t14 || $[84] !== t15 || $[85] !== t16 || $[86] !== t17 || $[87] !== t18 || $[88] !== t19 || $[89] !== t24) {
+		t25 = /* @__PURE__ */ jsx(T1, {
+			legend: t11,
+			description: t12,
+			errors: t13,
+			isRequired: t14,
+			isDisabled: t15,
+			className: t16,
+			legendClassName: t17,
+			descriptionClassName: t18,
+			errorsClassName: t19,
+			children: t24
 		});
-		$[17] = T0;
-		$[18] = t1;
-		$[19] = t2;
-		$[20] = t3;
-		$[21] = t4;
-		$[22] = t5;
-	} else t5 = $[22];
-	return t5;
+		$[79] = T1;
+		$[80] = t11;
+		$[81] = t12;
+		$[82] = t13;
+		$[83] = t14;
+		$[84] = t15;
+		$[85] = t16;
+		$[86] = t17;
+		$[87] = t18;
+		$[88] = t19;
+		$[89] = t24;
+		$[90] = t25;
+	} else t25 = $[90];
+	return t25;
+}
+function _temp2(code, index, list) {
+	return code !== "" && list.indexOf(code) === index;
 }
 function _temp(country) {
 	return {
@@ -91,9 +331,9 @@ function _temp(country) {
 	};
 }
 var isCodes = (value) => Array.isArray(value) && value.every(isString);
-/** The `country` type: `settings.countries` and `settings.preferred`. */
+/** The `country` type: `multiple`, `settings.countries` and `settings.preferred`. */
 function CountryFieldEntry(props) {
-	const $ = c(16);
+	const $ = c(24);
 	let t0;
 	if ($[0] !== props.field) {
 		t0 = getSetting(props.field, "countries", isCodes);
@@ -126,24 +366,57 @@ function CountryFieldEntry(props) {
 		$[8] = preferred;
 		$[9] = t4;
 	} else t4 = $[9];
-	const t5 = isString(props.value) ? props.value : null;
-	let t6;
-	if ($[10] !== props.onChange || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
-		t6 = /* @__PURE__ */ jsx(CountryField, {
+	let t5;
+	if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4) {
+		t5 = {
 			...t2,
 			...t3,
-			...t4,
-			value: t5,
+			...t4
+		};
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	const shared = t5;
+	if (props.field.multiple === true) {
+		let t6;
+		if ($[14] !== props.value) {
+			t6 = Array.isArray(props.value) ? props.value.filter(isString) : [];
+			$[14] = props.value;
+			$[15] = t6;
+		} else t6 = $[15];
+		const codes = t6;
+		const t7 = codes.length > 0 ? codes : null;
+		let t8;
+		if ($[16] !== props.onChange || $[17] !== shared || $[18] !== t7) {
+			t8 = /* @__PURE__ */ jsx(CountryField, {
+				...shared,
+				multiple: true,
+				value: t7,
+				onChange: props.onChange
+			});
+			$[16] = props.onChange;
+			$[17] = shared;
+			$[18] = t7;
+			$[19] = t8;
+		} else t8 = $[19];
+		return t8;
+	}
+	const t6 = isString(props.value) ? props.value : null;
+	let t7;
+	if ($[20] !== props.onChange || $[21] !== shared || $[22] !== t6) {
+		t7 = /* @__PURE__ */ jsx(CountryField, {
+			...shared,
+			value: t6,
 			onChange: props.onChange
 		});
-		$[10] = props.onChange;
-		$[11] = t2;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
-	} else t6 = $[15];
-	return t6;
+		$[20] = props.onChange;
+		$[21] = shared;
+		$[22] = t6;
+		$[23] = t7;
+	} else t7 = $[23];
+	return t7;
 }
 //#endregion
 export { CountryField, CountryFieldEntry };

package/dist/country/CountryField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountryField.js","names":["usePanneauIntl","CodeComboBox","getFieldProps","getSetting","isString","messages","FieldEntryProps","FieldProps","getCountryChoices","CountryFieldProps","countries","preferred","placeholder","controlClassName","CountryField","t0","$","_c","props","intl","T0","t1","t2","locale","choices","others","map","_temp","t3","formatMessage","countryPlaceholder","t4","noCountries","t5","country","code","name","prefix","flag","isCodes","value","Array","isArray","every","CountryFieldEntry","field","undefined","t6","onChange","_c"],"sources":["../../src/country/CountryField.tsx"],"sourcesContent":["import { usePanneauIntl } from '@panneau/ui';\n\nimport { CodeComboBox } from '../shared/CodeComboBox';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport { getCountryChoices } from './countries';\n\nexport interface CountryFieldProps extends FieldProps<string> {\n    /** The codes to offer. All countries without it. */\n    countries?: readonly string[];\n    /** Codes shown first, in their order, above the others: `['CA', 'US']`. */\n    preferred?: readonly string[];\n    placeholder?: string;\n    controlClassName?: string;\n}\n\n/**\n * A country, as its ISO 3166-1 alpha-2 code (`CA`): a combo box of the countries with their flags\n * and their names in the user's locale. Typing filters them by name or by code.\n */\nexport function CountryField({ countries, preferred, placeholder, ...props }: CountryFieldProps) {\n    const intl = usePanneauIntl();\n    const choices = getCountryChoices(intl.locale, { countries, preferred });\n    return (\n        <CodeComboBox\n            {...props}\n            choices={[...choices.preferred, ...choices.others].map((country) => ({\n                code: country.code,\n                name: country.name,\n                prefix: country.flag,\n            }))}\n            placeholder={placeholder ?? intl.formatMessage(messages.countryPlaceholder)}\n            emptyMessage={intl.formatMessage(messages.noCountries)}\n        />\n    );\n}\n\nconst isCodes = (value: unknown): value is string[] =>\n    Array.isArray(value) && value.every(isString);\n\n/** The `country` type: `settings.countries` and `settings.preferred`. */\nexport function CountryFieldEntry(props: FieldEntryProps) {\n    const countries = getSetting(props.field, 'countries', isCodes);\n    const preferred = getSetting(props.field, 'preferred', isCodes);\n    return (\n        <CountryField\n            {...getFieldProps(props)}\n            {...(countries !== undefined ? { countries } : {})}\n            {...(preferred !== undefined ? { preferred } : {})}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CountryField.js","names":["X","Fieldset","IconButton","usePanneauIntl","CodeComboBox","getFieldProps","getSetting","isString","messages","FieldEntryProps","FieldProps","styles","getCountryChoices","getCountryFlag","getCountryName","isCountryCode","CountryFieldBaseProps","Omit","countries","preferred","placeholder","controlClassName","SingleCountryFieldProps","multiple","value","onChange","MultipleCountryFieldProps","CountryFieldProps","CountryField","props","$","_c","intl","T0","T1","codes","emptyMessage","set","t0","t1","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t2","t20","t3","t4","t5","t6","t7","t8","t9","Symbol","for","bb0","choices","locale","all","others","map","_temp","t21","formatMessage","noCountries","rest","_multiple","_countries","_preferred","t22","countryPlaceholder","onBlur","label","description","errors","disabled","readOnly","required","name","id","autoFocus","className","labelClassName","descriptionClassName","errorsClassName","filter","_temp2","editable","next","length","t23","code_0","code","nameOf","comboLabel","code_1","country","fixedCountry","flag","remove","entry","undefined","choice","includes","code_2","addCountry","t24","t25","index","list","indexOf","prefix","isCodes","Array","isArray","every","CountryFieldEntry","field","shared","_c","styles"],"sources":["../../src/country/CountryField.tsx"],"sourcesContent":["import { X } from 'lucide-react';\n\nimport { Fieldset, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { CodeComboBox } from '../shared/CodeComboBox';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './CountryField.module.css';\nimport { getCountryChoices, getCountryFlag, getCountryName, isCountryCode } from './countries';\n\n/** Props of both single and multiple country fields. */\nexport interface CountryFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {\n    /** The codes to offer. All countries without it. */\n    countries?: readonly string[];\n    /** Codes shown first, in their order, above the others: `['CA', 'US']`. */\n    preferred?: readonly string[];\n    placeholder?: string;\n    controlClassName?: string;\n}\n\nexport interface SingleCountryFieldProps extends CountryFieldBaseProps {\n    multiple?: false;\n    value?: string | null;\n    onChange?: (value: string | null) => void;\n}\n\nexport interface MultipleCountryFieldProps extends CountryFieldBaseProps {\n    /** Several countries, in the order they were chosen (decision 0058). */\n    multiple: true;\n    value?: readonly string[] | null;\n    /** Called with the codes. An empty list is `null`. */\n    onChange?: (value: string[] | null) => void;\n}\n\nexport type CountryFieldProps = SingleCountryFieldProps | MultipleCountryFieldProps;\n\n/**\n * A country, as its ISO 3166-1 alpha-2 code (`CA`): a combo box of the countries with their flags\n * and their names in the user's locale. Typing filters them by name or by code. With `multiple`,\n * several countries, each removable, in the order they were chosen, and the combo box adds one.\n */\nexport function CountryField(props: CountryFieldProps) {\n    const intl = usePanneauIntl();\n    const { countries, preferred } = props;\n    const choices = getCountryChoices(intl.locale, { countries, preferred });\n    const all = [...choices.preferred, ...choices.others].map((country) => ({\n        code: country.code,\n        name: country.name,\n        prefix: country.flag,\n    }));\n    const emptyMessage = intl.formatMessage(messages.noCountries);\n\n    if (props.multiple !== true) {\n        const {\n            multiple: _multiple,\n            countries: _countries,\n            preferred: _preferred,\n            ...rest\n        } = props;\n        return (\n            <CodeComboBox\n                {...rest}\n                choices={all}\n                placeholder={props.placeholder ?? intl.formatMessage(messages.countryPlaceholder)}\n                emptyMessage={emptyMessage}\n            />\n        );\n    }\n\n    const {\n        value,\n        onChange,\n        onBlur,\n        label,\n        description,\n        errors,\n        disabled,\n        readOnly,\n        required,\n        name,\n        id,\n        autoFocus,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n        controlClassName,\n    } = props;\n    const codes = (value ?? []).filter(\n        (code, index, list) => code !== '' && list.indexOf(code) === index,\n    );\n    const editable = disabled !== true && readOnly !== true;\n    const set = (next: string[]) => onChange?.(next.length > 0 ? next : null);\n    const nameOf = (code: string) =>\n        isCountryCode(code) ? getCountryName(code, intl.locale) : code;\n    const comboLabel = typeof label === 'string' ? label : props['aria-label'];\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors ?? []}\n            isRequired={required}\n            isDisabled={disabled}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={styles.multiple}>\n                {codes.length > 0 ? (\n                    <ul className={styles.countries}>\n                        {codes.map((code) => (\n                            <li\n                                key={code}\n                                className={editable ? styles.country : styles.fixedCountry}\n                            >\n                                {isCountryCode(code) ? (\n                                    <span className={styles.flag} aria-hidden=\"true\">\n                                        {getCountryFlag(code)}\n                                    </span>\n                                ) : null}\n                                <span className={styles.name}>{nameOf(code)}</span>\n                                {editable ? (\n                                    <IconButton\n                                        icon={X}\n                                        size=\"sm\"\n                                        label={`${intl.formatMessage(messages.remove)} ${nameOf(code)}`}\n                                        showTooltip={false}\n                                        onPress={() => set(codes.filter((entry) => entry !== code))}\n                                    />\n                                ) : null}\n                            </li>\n                        ))}\n                    </ul>\n                ) : null}\n                <CodeComboBox\n                    {...(comboLabel !== undefined ? { 'aria-label': comboLabel } : {})}\n                    {...(name !== undefined ? { name } : {})}\n                    {...(id !== undefined ? { id } : {})}\n                    {...(autoFocus !== undefined ? { autoFocus } : {})}\n                    {...(onBlur !== undefined ? { onBlur } : {})}\n                    {...(controlClassName !== undefined ? { controlClassName } : {})}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    choices={all.filter((choice) => !codes.includes(choice.code))}\n                    value={null}\n                    onChange={(code) => {\n                        if (code !== null && !codes.includes(code)) {\n                            set([...codes, code]);\n                        }\n                    }}\n                    placeholder={props.placeholder ?? intl.formatMessage(messages.addCountry)}\n                    emptyMessage={emptyMessage}\n                />\n            </div>\n        </Fieldset>\n    );\n}\n\nconst isCodes = (value: unknown): value is string[] =>\n    Array.isArray(value) && value.every(isString);\n\n/** The `country` type: `multiple`, `settings.countries` and `settings.preferred`. */\nexport function CountryFieldEntry(props: FieldEntryProps) {\n    const countries = getSetting(props.field, 'countries', isCodes);\n    const preferred = getSetting(props.field, 'preferred', isCodes);\n    const shared = {\n        ...getFieldProps(props),\n        ...(countries !== undefined ? { countries } : {}),\n        ...(preferred !== undefined ? { preferred } : {}),\n    };\n    if (props.field.multiple === true) {\n        const codes = Array.isArray(props.value) ? props.value.filter(isString) : [];\n        return (\n            <CountryField\n                {...shared}\n                multiple\n                value={codes.length > 0 ? codes : null}\n                onChange={props.onChange}\n            />\n        );\n    }\n    return (\n        <CountryField\n            {...shared}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/country/CountryField.module.js

@@ -0,0 +1,20 @@
+import "./CountryField.css";
+//#region src/country/CountryField.module.css
+var multiple = "panneau-country-field-multiple";
+var countries = "panneau-country-field-countries";
+var country = "panneau-country-field-country";
+var fixedCountry = "panneau-country-field-fixed-country";
+var flag = "panneau-country-field-flag";
+var name = "panneau-country-field-name";
+var CountryField_module_default = {
+	multiple,
+	countries,
+	country,
+	fixedCountry,
+	flag,
+	name
+};
+//#endregion
+export { countries, country, CountryField_module_default as default, fixedCountry, flag, multiple, name };
+
+//# sourceMappingURL=CountryField.module.js.map

package/dist/country/CountryField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountryField.module.js","names":[],"sources":["../../src/country/CountryField.module.css"],"sourcesContent":[".multiple {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n}\n\n.countries {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-1) var(--panneau-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.country,\n.fixedCountry {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    min-height: var(--panneau-control-height-sm);\n    max-width: 100%;\n    padding-inline: var(--panneau-space-3) var(--panneau-space-1);\n    font-size: var(--panneau-font-size-sm);\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-full);\n}\n\n.fixedCountry {\n    padding-inline-end: var(--panneau-space-3);\n}\n\n.flag {\n    flex: none;\n}\n\n.name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"],"mappings":""}

package/dist/country/index.d.ts

@@ -1,3 +1,3 @@
-export { CountryField, CountryFieldEntry, type CountryFieldProps } from './CountryField.js';
+export { CountryField, type CountryFieldBaseProps, CountryFieldEntry, type CountryFieldProps, type MultipleCountryFieldProps, type SingleCountryFieldProps, } from './CountryField.js';
 export { COUNTRY_CODES, type CountryChoice, type CountryChoicesOptions, getCountryChoices, getCountryFlag, getCountryName, getLocaleCountry, isCountryCode, } from './countries.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/country/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACzF,OAAO,EACH,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,GAChB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/country/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,GAC/B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,aAAa,EACb,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,GAChB,MAAM,aAAa,CAAC"}