@clubmed/trident-ui 2.0.0-beta.69 → 2.0.0-beta.70

package/chunks/Birthdate.js

@@ -0,0 +1,27 @@
+import { n as e } from "./addLeadingZeros.js";
+import { n as t, t as n } from "./isBefore.js";
+import { t as r } from "./DateField.js";
+import { t as i } from "./isAfter.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfToday.js
+function o(e) {
+	return t(Date.now(), e);
+}
+//#endregion
+//#region lib/ui/criteria/Birthdate.tsx
+var s = ({ label: t, invalidDateErrorMessage: s, minDateErrorMessage: c, maxDateErrorMessage: l, min: u, max: d, value: f, onChange: p }) => {
+	let m = f != null && !e(f), h = f != null && !m && i(f, o()), g = f != null && !m && !h && n(f, u), _ = f != null && !m && !h && i(f, d);
+	return /* @__PURE__ */ a(r, {
+		label: t,
+		value: f,
+		min: u,
+		max: d,
+		validationStatus: g || _ || m || h ? "error" : "default",
+		errorMessage: g && l || _ && c || s,
+		onChange: p
+	});
+};
+//#endregion
+export { o as n, s as t };
+
+//# sourceMappingURL=Birthdate.js.map

package/chunks/Birthdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Birthdate.js","names":[],"sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfToday.js","../../lib/ui/criteria/Birthdate.tsx"],"sourcesContent":["import { startOfDay } from \"./startOfDay.js\";\n\n/**\n * The {@link startOfToday} function options.\n */\n\n/**\n * @name startOfToday\n * @category Day Helpers\n * @summary Return the start of today.\n * @pure false\n *\n * @description\n * Return the start of today.\n *\n * @typeParam ContextDate - The `Date` type of the context function.\n *\n * @param options - An object with options\n *\n * @returns The start of today\n *\n * @example\n * // If today is 6 October 2014:\n * const result = startOfToday()\n * //=> Mon Oct 6 2014 00:00:00\n */\nexport function startOfToday(options) {\n  return startOfDay(Date.now(), options);\n}\n\n// Fallback for modularized imports:\nexport default startOfToday;\n","import { isAfter, isBefore, isValid, startOfToday } from 'date-fns';\nimport type { FunctionComponent } from 'react';\n\nimport { DateField } from '../forms/DateField';\n\ninterface BirthdateProps {\n  label: string;\n  invalidDateErrorMessage: string;\n  minDateErrorMessage: string;\n  maxDateErrorMessage: string;\n  min: Date;\n  max: Date;\n  value: Date | null | undefined;\n  onChange: (event: Event, value: Date | null) => void;\n}\n\nexport const Birthdate: FunctionComponent<BirthdateProps> = ({\n  label,\n  invalidDateErrorMessage,\n  minDateErrorMessage,\n  maxDateErrorMessage,\n  min,\n  max,\n  value,\n  onChange,\n}) => {\n  const isInvalid = value != null && !isValid(value);\n  const isInFuture = value != null && !isInvalid && isAfter(value, startOfToday());\n  const isBeforeMin = value != null && !isInvalid && !isInFuture && isBefore(value, min);\n  const isAfterMax = value != null && !isInvalid && !isInFuture && isAfter(value, max);\n\n  // minDateErrorMessage = child too old (birthdate before min); maxDateErrorMessage = child too young (birthdate after max)\n  const errorMessage =\n    (isBeforeMin && maxDateErrorMessage) ||\n    (isAfterMax && minDateErrorMessage) ||\n    invalidDateErrorMessage;\n\n  const hasError = isBeforeMin || isAfterMax || isInvalid || isInFuture;\n\n  return (\n    <DateField\n      label={label}\n      value={value}\n      min={min}\n      max={max}\n      validationStatus={hasError ? 'error' : 'default'}\n      errorMessage={errorMessage}\n      onChange={onChange}\n    />\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;AA0BA,SAAgB,EAAa,GAAS;AACpC,QAAO,EAAW,KAAK,KAAK,EAAE,EAAQ;;;;ACXxC,IAAa,KAAgD,EAC3D,UACA,4BACA,wBACA,wBACA,QACA,QACA,UACA,kBACI;CACJ,IAAM,IAAY,KAAS,QAAQ,CAAC,EAAQ,EAAM,EAC5C,IAAa,KAAS,QAAQ,CAAC,KAAa,EAAQ,GAAO,GAAc,CAAC,EAC1E,IAAc,KAAS,QAAQ,CAAC,KAAa,CAAC,KAAc,EAAS,GAAO,EAAI,EAChF,IAAa,KAAS,QAAQ,CAAC,KAAa,CAAC,KAAc,EAAQ,GAAO,EAAI;AAUpF,QACE,kBAAC,GAAD;EACS;EACA;EACF;EACA;EACL,kBARa,KAAe,KAAc,KAAa,IAQ1B,UAAU;EACzB,cAbf,KAAe,KACf,KAAc,KACf;EAYY;EACV,CAAA"}

package/chunks/CriteriaParticipants.js

@@ -0,0 +1,415 @@
+"use client";
+import { t as e } from "./clsx.js";
+import { ElasticHeight as t } from "../ui/ElasticHeight.js";
+import { Button as n } from "../ui/buttons/Button.js";
+import { Prose as r } from "../ui/Prose.js";
+import { Chip as i } from "../ui/Chip.js";
+import { i as a } from "./addLeadingZeros.js";
+import { t as o } from "./normalizeDates.js";
+import { n as s, t as c } from "./endOfMonth.js";
+import { n as l, t as u } from "./Birthdate.js";
+import { Toggle as d } from "../ui/Toggle.js";
+import { NumberField as f } from "../ui/forms/NumberField.js";
+import { Switch as p } from "../ui/forms/Switch.js";
+import { useEffect as m, useRef as h, useState as g } from "react";
+import { Icon as _ } from "@clubmed/trident-icons";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/compareAsc.js
+function b(e, t) {
+	let n = a(e) - +a(t);
+	return n < 0 ? -1 : n > 0 ? 1 : n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarYears.js
+function x(e, t, n) {
+	let [r, i] = o(n?.in, e, t);
+	return r.getFullYear() - i.getFullYear();
+}
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js
+function S(e, t) {
+	let n = a(e, t?.in);
+	return n.setHours(23, 59, 59, 999), n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLastDayOfMonth.js
+function C(e, t) {
+	let n = a(e, t?.in);
+	return +S(n, t) == +c(n, t);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMonths.js
+function w(e, t, n) {
+	let [r, i, a] = o(n?.in, e, e, t), c = b(i, a), l = Math.abs(s(i, a));
+	if (l < 1) return 0;
+	i.getMonth() === 1 && i.getDate() > 27 && i.setDate(30), i.setMonth(i.getMonth() - c * l);
+	let u = b(i, a) === -c;
+	C(r) && l === 1 && b(r, a) === 1 && (u = !1);
+	let d = c * (l - +u);
+	return d === 0 ? 0 : d;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInYears.js
+function T(e, t, n) {
+	let [r, i] = o(n?.in, e, t), a = b(r, i), s = Math.abs(x(r, i));
+	r.setFullYear(1584), i.setFullYear(1584);
+	let c = a * (s - +(b(r, i) === -a));
+	return c === 0 ? 0 : c;
+}
+//#endregion
+//#region lib/ui/criteria/CriteriaParticipants.tsx
+var E = 6;
+function D(e, t) {
+	return e.replace("{n}", String(t));
+}
+function O(e, t, n) {
+	if (t != null) {
+		let e = t.unit === "year" ? n.ageYear ?? "years" : n.ageMonths ?? "months";
+		return /* @__PURE__ */ v("span", {
+			className: "text-b5 font-normal",
+			children: `${t.value} ${e}`
+		});
+	}
+	if (e != null) {
+		let t = l(), r = T(t, e);
+		if (r > 0) return `${r} ${n.ageYear ?? "years"}`;
+		let i = w(t, e);
+		if (i > 0) return `${i} ${n.ageMonths ?? "months"}`;
+	}
+	return "";
+}
+var k = ({ label: e, description: t, addLabel: n, removeLabel: r, min: i, max: a, value: o, onChange: s }) => /* @__PURE__ */ v(f, {
+	controlled: !0,
+	description: t ?? void 0,
+	label: e,
+	labels: {
+		decrease: r,
+		increase: n,
+		input: t ? `${e} (${t})` : e
+	},
+	max: a,
+	min: i,
+	onChange: (e, t) => s(t),
+	value: o,
+	className: "w-full justify-between"
+}), A = /* @__PURE__ */ v(_, {
+	"aria-hidden": !0,
+	name: "CrossOutlined",
+	width: "20px"
+}), j = ({ label: e, ariaLabel: t, onClick: n, type: r, ageLabel: i }) => /* @__PURE__ */ y("button", {
+	"aria-label": t,
+	className: "rounded-32 border-black flex items-center justify-between gap-4 border px-12 py-6 text-b4 font-semibold",
+	onClick: n,
+	type: "button",
+	children: [/* @__PURE__ */ y("span", {
+		className: "flex items-center",
+		children: [
+			r === "adult" ? /* @__PURE__ */ v(_, {
+				name: "PeopleSingle",
+				width: "24px"
+			}) : /* @__PURE__ */ v(_, {
+				name: "PeopleKids",
+				width: "24px"
+			}),
+			e,
+			i && /* @__PURE__ */ y("span", {
+				className: "ms-4 text-b5 font-normal",
+				children: [
+					"(",
+					i,
+					")"
+				]
+			})
+		]
+	}), A]
+}), M = ({ onReset: e, onApply: t, resetLabel: r, applyLabel: i, withSpacer: a }) => !e && !t ? null : /* @__PURE__ */ y("div", {
+	className: "flex items-center justify-between",
+	children: [e && r ? /* @__PURE__ */ v("button", {
+		className: "text-b3 cursor-pointer font-semibold underline",
+		onClick: e,
+		type: "button",
+		children: r
+	}) : a ? /* @__PURE__ */ v("span", {}) : null, t && i && /* @__PURE__ */ v(n, {
+		color: "saffron",
+		onClick: t,
+		children: i
+	})]
+}), N = ({ title: e, description: n, contacts: a, labels: o }) => {
+	let [s, c] = g(!1);
+	return /* @__PURE__ */ y("div", {
+		className: "rounded-16 border-lightGrey space-y-12 border bg-white p-12",
+		children: [
+			/* @__PURE__ */ y("p", {
+				className: "text-b3 flex items-center gap-12 font-semibold",
+				children: [/* @__PURE__ */ v(i, {
+					color: "sienna",
+					icon: "Error",
+					size: "size-48",
+					theme: "solid"
+				}), e]
+			}),
+			/* @__PURE__ */ v(t, {
+				isExpanded: s,
+				children: /* @__PURE__ */ y("div", {
+					className: "space-y-20 pb-4",
+					children: [/* @__PURE__ */ v("p", { children: n }), a.length > 0 && /* @__PURE__ */ v("div", { children: a.map(({ description: e, href: t, icon: n, target: a, title: o }) => /* @__PURE__ */ y("a", {
+						className: "mb-20 flex gap-12",
+						href: t,
+						rel: "noreferrer",
+						target: a,
+						children: [/* @__PURE__ */ v(i, {
+							color: "black",
+							icon: n,
+							size: "size-48",
+							theme: "outline"
+						}), /* @__PURE__ */ y("div", {
+							className: "space-y-8 font-sans",
+							children: [/* @__PURE__ */ v("p", {
+								className: "text-b3 font-semibold",
+								children: o
+							}), e && /* @__PURE__ */ v(r, {
+								className: "text-b4",
+								text: e
+							})]
+						})]
+					}, o)) })]
+				})
+			}),
+			/* @__PURE__ */ v("button", {
+				className: "text-b4 cursor-pointer underline",
+				onClick: () => c((e) => !e),
+				type: "button",
+				children: s ? o.reduce : o.expand
+			})
+		]
+	});
+}, P = ({ adultsCount: r, maxAdults: i, minAdults: a, birthdates: o, childAges: s, childrenCount: c, className: f, labels: _, maxAuthorizedBirthdate: b, maxChildren: x, maxTotalParticipants: S = E, minAuthorizedBirthdate: C, minChildren: w, onChange: T, onLimitDisplay: A, onReset: P, onApply: F, title: I, variant: L = "card", withChildren: R = !0, childrenFlow: z = "age-or-birthdate-with-apply" }) => {
+	let B = L === "card", V = r + c >= S, H = h(V);
+	m(() => {
+		V && !H.current && A?.(), H.current = V;
+	}, [V, A]);
+	let [U, W] = g(!1), [G, K] = g("year"), [q, J] = g(() => Array(c).fill("")), [Y, ee] = g(!0);
+	m(() => {
+		J((e) => c > e.length ? [...e, ...Array(c - e.length).fill("")] : e.slice(0, c));
+	}, [c]);
+	let te = z !== "birthdate-only", ne = z === "age-or-birthdate-with-apply", X = z === "age-or-birthdate-with-apply", Z = R && te && !!_.enterDateOfBirth, re = R && ne && !!_.participantDetails && (r > 0 || c > 0), Q = /* @__PURE__ */ v(k, {
+		addLabel: _.addAdult,
+		description: _.adultsDescription,
+		label: _.adults,
+		max: i,
+		min: a,
+		onChange: (e) => T({
+			type: "adultsCount",
+			payload: e
+		}),
+		removeLabel: _.removeAdult,
+		value: r
+	}), ie = o.length > 0 && /* @__PURE__ */ v("div", {
+		className: B ? "space-y-12" : "grid grid-cols-1 gap-20 md:grid-cols-2 md:gap-x-20",
+		children: o.map((e, t) => /* @__PURE__ */ v(u, {
+			label: _.childBirthdate.replace("{n}", String(t + 1)),
+			value: e,
+			min: C ?? l(),
+			max: b,
+			invalidDateErrorMessage: _.childBirthdateInvalidDateError,
+			minDateErrorMessage: _.childBirthdateMinAgeError,
+			maxDateErrorMessage: _.childBirthdateMaxAgeError,
+			onChange: (e, n) => T({
+				type: "birthdate",
+				payload: {
+					date: n,
+					index: t
+				}
+			})
+		}, t))
+	}), ae = !U && c > 0 && /* @__PURE__ */ y("div", {
+		className: "space-y-12",
+		children: [_.ageQuestion && /* @__PURE__ */ v("p", {
+			className: "text-b4",
+			children: _.ageQuestion
+		}), Array.from({ length: c }, (e, t) => /* @__PURE__ */ y("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ v("p", {
+				className: "text-b3 font-semibold px-20",
+				children: _.childLabel ? D(_.childLabel, t + 1) : `Child ${t + 1}`
+			}), /* @__PURE__ */ y("div", {
+				className: "flex items-center gap-12",
+				children: [
+					/* @__PURE__ */ v("input", {
+						"aria-label": _.childLabel ? D(_.childLabel, t + 1) : `Child ${t + 1} age`,
+						className: "rounded-pill border-lightGrey h-48 w-80 border px-20 text-b3 font-semibold",
+						min: 0,
+						onChange: (e) => {
+							let n = [...q];
+							n[t] = e.target.value, J(n);
+						},
+						type: "number",
+						value: q[t] ?? ""
+					}),
+					_.ageYear && _.ageMonths && /* @__PURE__ */ v(d, {
+						size: "small",
+						index: G === "year" ? 0 : 1,
+						items: [{
+							id: "year",
+							color: "saffron",
+							label: _.ageYear
+						}, {
+							id: "month",
+							color: "saffron",
+							label: _.ageMonths
+						}],
+						onClick: (e) => K(e === 0 ? "year" : "month")
+					}),
+					_.ageApply && /* @__PURE__ */ v(n, {
+						color: "black",
+						size: "tertiary",
+						onClick: () => {
+							let e = Number(q[t]);
+							T({
+								type: "childAge",
+								payload: {
+									index: t,
+									value: Number.isFinite(e) && e >= 0 ? e : null,
+									unit: G
+								}
+							});
+						},
+						children: _.ageApply
+					})
+				]
+			})]
+		}, t))]
+	}), oe = re && /* @__PURE__ */ y("div", {
+		className: "space-y-8",
+		children: [/* @__PURE__ */ y("button", {
+			"aria-expanded": Y,
+			className: "flex w-full cursor-pointer items-center justify-between border-b border-lightGrey pb-4",
+			onClick: () => ee((e) => !e),
+			type: "button",
+			children: [/* @__PURE__ */ v("span", {
+				className: "text-b4",
+				children: _.participantDetails
+			}), /* @__PURE__ */ v("svg", {
+				"aria-hidden": !0,
+				className: e("size-20 transition-transform", { "rotate-180": Y }),
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 2,
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ v("path", {
+					d: "M6 9l6 6 6-6",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})]
+		}), /* @__PURE__ */ v(t, {
+			isExpanded: Y,
+			children: /* @__PURE__ */ y("div", {
+				className: "grid grid-cols-2 gap-8",
+				children: [Array.from({ length: r }, (e, t) => /* @__PURE__ */ v(j, {
+					ariaLabel: _.removeParticipant,
+					label: _.adultLabel ? D(_.adultLabel, t + 1) : `Adult ${t + 1}`,
+					onClick: () => T({
+						type: "adultsCount",
+						payload: r - 1
+					}),
+					type: "adult"
+				}, `adult-${t}`)), Array.from({ length: c }, (e, t) => {
+					let n = O(o[t], s?.[t], _), r = _.childLabel ? D(_.childLabel, t + 1) : `Child ${t + 1}`;
+					return /* @__PURE__ */ v(j, {
+						ageLabel: n || void 0,
+						ariaLabel: _.removeParticipant,
+						label: r,
+						onClick: () => T({
+							type: "childrenCount",
+							payload: c - 1
+						}),
+						type: "child"
+					}, `child-${t}`);
+				})]
+			})
+		})]
+	}), $ = R && /* @__PURE__ */ y("div", {
+		className: "space-y-8",
+		children: [
+			/* @__PURE__ */ v(k, {
+				addLabel: _.addChild,
+				description: _.childrenAgeLimit,
+				label: _.children,
+				max: x,
+				min: w,
+				onChange: (e) => T({
+					type: "childrenCount",
+					payload: e
+				}),
+				removeLabel: _.removeChild,
+				value: c
+			}),
+			/* @__PURE__ */ v(t, {
+				isExpanded: Z && c > 0 || !Z && o.length > 0,
+				children: /* @__PURE__ */ y("div", {
+					className: "border-lightGrey space-y-12 border-t pt-12",
+					children: [Z && /* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-b3 font-semibold",
+							children: _.enterDateOfBirth
+						}), /* @__PURE__ */ v(p, {
+							checked: U,
+							onChange: (e, t) => W(t)
+						})]
+					}), U || !Z ? ie : ae]
+				})
+			}),
+			oe
+		]
+	});
+	return B ? /* @__PURE__ */ y("div", {
+		className: e("rounded-16 border-lightGrey flex flex-col gap-20 border bg-white p-20", f),
+		children: [/* @__PURE__ */ y("div", {
+			className: "rounded-16 bg-lightSand space-y-8 p-20",
+			children: [
+				I && /* @__PURE__ */ v("p", {
+					className: "text-b2 font-semibold",
+					children: I
+				}),
+				V && _.limit && /* @__PURE__ */ v(N, { ..._.limit }),
+				/* @__PURE__ */ v("div", {
+					className: "rounded-16 bg-white p-12",
+					children: Q
+				}),
+				$ && /* @__PURE__ */ v("div", {
+					className: "rounded-16 bg-white p-12",
+					children: $
+				})
+			]
+		}), /* @__PURE__ */ v(M, {
+			applyLabel: _.apply,
+			onApply: X ? F : void 0,
+			onReset: P,
+			resetLabel: _.reset,
+			withSpacer: !0
+		})]
+	}) : /* @__PURE__ */ y("div", {
+		className: e("space-y-20", f),
+		children: [
+			I && /* @__PURE__ */ v("p", {
+				className: "text-b2 font-semibold",
+				children: I
+			}),
+			V && _.limit && /* @__PURE__ */ v(N, { ..._.limit }),
+			Q,
+			$,
+			/* @__PURE__ */ v(M, {
+				applyLabel: _.apply,
+				onApply: X ? F : void 0,
+				onReset: P,
+				resetLabel: _.reset
+			})
+		]
+	});
+};
+//#endregion
+export { P as t };
+
+//# sourceMappingURL=CriteriaParticipants.js.map

package/chunks/CriteriaParticipants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriteriaParticipants.js","names":[],"sources":["../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/compareAsc.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInCalendarYears.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/endOfDay.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/isLastDayOfMonth.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInMonths.js","../../../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/differenceInYears.js","../../lib/ui/criteria/CriteriaParticipants.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * @name compareAsc\n * @category Common Helpers\n * @summary Compare the two dates and return -1, 0 or 1.\n *\n * @description\n * Compare the two dates and return 1 if the first date is after the second,\n * -1 if the first date is before the second or 0 if dates are equal.\n *\n * @param dateLeft - The first date to compare\n * @param dateRight - The second date to compare\n *\n * @returns The result of the comparison\n *\n * @example\n * // Compare 11 February 1987 and 10 July 1989:\n * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))\n * //=> -1\n *\n * @example\n * // Sort the array of dates:\n * const result = [\n *   new Date(1995, 6, 2),\n *   new Date(1987, 1, 11),\n *   new Date(1989, 6, 10)\n * ].sort(compareAsc)\n * //=> [\n * //   Wed Feb 11 1987 00:00:00,\n * //   Mon Jul 10 1989 00:00:00,\n * //   Sun Jul 02 1995 00:00:00\n * // ]\n */\nexport function compareAsc(dateLeft, dateRight) {\n  const diff = +toDate(dateLeft) - +toDate(dateRight);\n\n  if (diff < 0) return -1;\n  else if (diff > 0) return 1;\n\n  // Return 0 if diff is 0; return NaN if diff is NaN\n  return diff;\n}\n\n// Fallback for modularized imports:\nexport default compareAsc;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\n\n/**\n * The {@link differenceInCalendarYears} function options.\n */\n\n/**\n * @name differenceInCalendarYears\n * @category Year Helpers\n * @summary Get the number of calendar years between the given dates.\n *\n * @description\n * Get the number of calendar years between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n\n * @returns The number of calendar years\n *\n * @example\n * // How many calendar years are between 31 December 2013 and 11 February 2015?\n * const result = differenceInCalendarYears(\n *   new Date(2015, 1, 11),\n *   new Date(2013, 11, 31)\n * );\n * //=> 2\n */\nexport function differenceInCalendarYears(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n  return laterDate_.getFullYear() - earlierDate_.getFullYear();\n}\n\n// Fallback for modularized imports:\nexport default differenceInCalendarYears;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link endOfDay} function options.\n */\n\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The original date\n * @param options - An object with options\n *\n * @returns The end of a day\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\nexport function endOfDay(date, options) {\n  const _date = toDate(date, options?.in);\n  _date.setHours(23, 59, 59, 999);\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default endOfDay;\n","import { endOfDay } from \"./endOfDay.js\";\nimport { endOfMonth } from \"./endOfMonth.js\";\nimport { toDate } from \"./toDate.js\";\n\n/**\n * @name isLastDayOfMonth\n * @category Month Helpers\n * @summary Is the given date the last day of a month?\n *\n * @description\n * Is the given date the last day of a month?\n *\n * @param date - The date to check\n * @param options - An object with options\n *\n * @returns The date is the last day of a month\n *\n * @example\n * // Is 28 February 2014 the last day of a month?\n * const result = isLastDayOfMonth(new Date(2014, 1, 28))\n * //=> true\n */\nexport function isLastDayOfMonth(date, options) {\n  const _date = toDate(date, options?.in);\n  return +endOfDay(_date, options) === +endOfMonth(_date, options);\n}\n\n// Fallback for modularized imports:\nexport default isLastDayOfMonth;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { differenceInCalendarMonths } from \"./differenceInCalendarMonths.js\";\nimport { isLastDayOfMonth } from \"./isLastDayOfMonth.js\";\n\n/**\n * The {@link differenceInMonths} function options.\n */\n\n/**\n * @name differenceInMonths\n * @category Month Helpers\n * @summary Get the number of full months between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of full months\n *\n * @example\n * // How many full months are between 31 January 2014 and 1 September 2014?\n * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))\n * //=> 7\n */\nexport function differenceInMonths(laterDate, earlierDate, options) {\n  const [laterDate_, workingLaterDate, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    laterDate,\n    earlierDate,\n  );\n\n  const sign = compareAsc(workingLaterDate, earlierDate_);\n  const difference = Math.abs(\n    differenceInCalendarMonths(workingLaterDate, earlierDate_),\n  );\n\n  if (difference < 1) return 0;\n\n  if (workingLaterDate.getMonth() === 1 && workingLaterDate.getDate() > 27)\n    workingLaterDate.setDate(30);\n\n  workingLaterDate.setMonth(workingLaterDate.getMonth() - sign * difference);\n\n  let isLastMonthNotFull = compareAsc(workingLaterDate, earlierDate_) === -sign;\n\n  if (\n    isLastDayOfMonth(laterDate_) &&\n    difference === 1 &&\n    compareAsc(laterDate_, earlierDate_) === 1\n  ) {\n    isLastMonthNotFull = false;\n  }\n\n  const result = sign * (difference - +isLastMonthNotFull);\n  return result === 0 ? 0 : result;\n}\n\n// Fallback for modularized imports:\nexport default differenceInMonths;\n","import { normalizeDates } from \"./_lib/normalizeDates.js\";\nimport { compareAsc } from \"./compareAsc.js\";\nimport { differenceInCalendarYears } from \"./differenceInCalendarYears.js\";\n\n/**\n * The {@link differenceInYears} function options.\n */\n\n/**\n * @name differenceInYears\n * @category Year Helpers\n * @summary Get the number of full years between the given dates.\n *\n * @description\n * Get the number of full years between the given dates.\n *\n * @param laterDate - The later date\n * @param earlierDate - The earlier date\n * @param options - An object with options\n *\n * @returns The number of full years\n *\n * @example\n * // How many full years are between 31 December 2013 and 11 February 2015?\n * const result = differenceInYears(new Date(2015, 1, 11), new Date(2013, 11, 31))\n * //=> 1\n */\nexport function differenceInYears(laterDate, earlierDate, options) {\n  const [laterDate_, earlierDate_] = normalizeDates(\n    options?.in,\n    laterDate,\n    earlierDate,\n  );\n\n  // -1 if the left date is earlier than the right date\n  // 2023-12-31 - 2024-01-01 = -1\n  const sign = compareAsc(laterDate_, earlierDate_);\n\n  // First calculate the difference in calendar years\n  // 2024-01-01 - 2023-12-31 = 1 year\n  const diff = Math.abs(differenceInCalendarYears(laterDate_, earlierDate_));\n\n  // Now we need to calculate if the difference is full. To do that we set\n  // both dates to the same year and check if the both date's month and day\n  // form a full year.\n  laterDate_.setFullYear(1584);\n  earlierDate_.setFullYear(1584);\n\n  // For it to be true, when the later date is indeed later than the earlier date\n  // (2026-02-01 - 2023-12-10 = 3 years), the difference is full if\n  // the normalized later date is also later than the normalized earlier date.\n  // In our example, 1584-02-01 is earlier than 1584-12-10, so the difference\n  // is partial, hence we need to subtract 1 from the difference 3 - 1 = 2.\n  const partial = compareAsc(laterDate_, earlierDate_) === -sign;\n\n  const result = sign * (diff - +partial);\n\n  // Prevent negative zero\n  return result === 0 ? 0 : result;\n}\n\n// Fallback for modularized imports:\nexport default differenceInYears;\n","'use client';\nimport clsx from 'clsx';\nimport { differenceInMonths, differenceInYears, startOfToday } from 'date-fns';\nimport {\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type Dispatch,\n  type FunctionComponent,\n  type ReactNode,\n} from 'react';\n\nimport { Icon } from '@clubmed/trident-icons';\nimport { Chip } from '../Chip';\nimport { ElasticHeight } from '../ElasticHeight';\nimport { Prose } from '../Prose';\nimport { Toggle } from '../Toggle';\nimport { Button } from '../buttons/Button';\nimport { NumberField } from '../forms/NumberField';\nimport { Switch } from '../forms/Switch';\nimport { Birthdate } from './Birthdate';\n\nexport interface ParticipantsLimitContact {\n  description: string | null;\n  href: string;\n  icon: string;\n  target: string;\n  title: string;\n}\n\nexport interface ParticipantsLimitLabels {\n  expand: string;\n  reduce: string;\n}\n\nexport interface ParticipantsLimit {\n  title: string;\n  description: string;\n  contacts: ParticipantsLimitContact[];\n  labels: ParticipantsLimitLabels;\n}\n\nexport interface CriteriaParticipantsLabels {\n  addAdult: string;\n  addChild: string;\n  adults: string;\n  adultsDescription?: string | null;\n  children: string;\n  childrenAgeLimit: string;\n  childBirthdate: string;\n  childBirthdateInvalidDateError: string;\n  childBirthdateMaxAgeError: string;\n  childBirthdateMinAgeError: string;\n  limit?: ParticipantsLimit;\n  removeAdult: string;\n  removeChild: string;\n  /** Label for the \"Enter date of birth\" toggle. When omitted the age entry section is hidden. */\n  enterDateOfBirth?: string;\n  /** Question shown above per-child age inputs in year mode */\n  ageQuestion?: string;\n  /** \"Year\" tab label in the year/months toggle */\n  ageYear?: string;\n  /** \"Months\" tab label in the year/months toggle */\n  ageMonths?: string;\n  /** \"Apply\" button label for confirming a child's age */\n  ageApply?: string;\n  /** \"Participant Details\" section title. When omitted the summary section is hidden. */\n  participantDetails?: string;\n  /** Template for adult chip labels – use {n} for 1-based index, e.g. \"Adult {n}\" */\n  adultLabel?: string;\n  /** Template for child chip labels – use {n} for 1-based index, e.g. \"Child {n}\" */\n  childLabel?: string;\n  /** aria-label for chip remove buttons */\n  removeParticipant?: string;\n  /** \"Reset\" link label */\n  reset?: string;\n  /** \"Continue\" button label */\n  apply?: string;\n}\n\nexport type CriteriaParticipantsAction =\n  | { type: 'adultsCount'; payload: number }\n  | { type: 'childrenCount'; payload: number }\n  | { type: 'birthdate'; payload: { date: Date | null; index: number } }\n  | { type: 'childAge'; payload: { index: number; value: number | null; unit: 'year' | 'month' } };\n\nexport interface CriteriaParticipantsProps {\n  labels: CriteriaParticipantsLabels;\n  title?: string;\n  /** card (default): white outer card with sand inner. flat: no background, fields rendered directly */\n  variant?: 'card' | 'flat';\n  adultsCount: number;\n  minAdults?: number;\n  maxAdults?: number;\n  withChildren?: boolean;\n  childrenCount: number;\n  minChildren?: number;\n  maxChildren?: number;\n  /** Total adults + children at which the limit banner appears (default 6) */\n  maxTotalParticipants?: number;\n  minAuthorizedBirthdate?: Date;\n  maxAuthorizedBirthdate: Date;\n  birthdates: Array<Date | null | undefined>;\n  /** Applied child ages for year/month mode. One entry per child. */\n  childAges?: Array<{ value: number; unit: 'year' | 'month' } | null | undefined>;\n  className?: string;\n  onChange: Dispatch<CriteriaParticipantsAction>;\n  onLimitDisplay?: () => void;\n  onReset?: () => void;\n  onApply?: () => void;\n  /** Controls the children age-entry UX and when onChange fires */\n  childrenFlow?: 'birthdate-only' | 'age-or-birthdate' | 'age-or-birthdate-with-apply';\n}\n\nconst DEFAULT_MAX_TOTAL = 6;\n\nfunction interpolate(template: string, n: number): string {\n  return template.replace('{n}', String(n));\n}\n\nfunction computeAgeLabel(\n  birthdate: Date | null | undefined,\n  childAge: { value: number; unit: 'year' | 'month' } | null | undefined,\n  labels: CriteriaParticipantsLabels,\n): ReactNode {\n  if (childAge != null) {\n    const unit =\n      childAge.unit === 'year' ? labels.ageYear ?? 'years' : labels.ageMonths ?? 'months';\n    return <span className=\"text-b5 font-normal\">{`${childAge.value} ${unit}`}</span>;\n  }\n  if (birthdate != null) {\n    const today = startOfToday();\n    const years = differenceInYears(today, birthdate);\n    if (years > 0) return `${years} ${labels.ageYear ?? 'years'}`;\n    const months = differenceInMonths(today, birthdate);\n    if (months > 0) return `${months} ${labels.ageMonths ?? 'months'}`;\n  }\n  return '';\n}\n\nconst ParticipantNumberField: FunctionComponent<{\n  label: string;\n  description?: string | null;\n  addLabel: string;\n  removeLabel: string;\n  min?: number;\n  max?: number;\n  value: number;\n  onChange: (value: number) => void;\n}> = ({ label, description, addLabel, removeLabel, min, max, value, onChange }) => (\n  <NumberField\n    controlled\n    description={description ?? undefined}\n    label={label}\n    labels={{\n      decrease: removeLabel,\n      increase: addLabel,\n      input: description ? `${label} (${description})` : label,\n    }}\n    max={max}\n    min={min}\n    onChange={(_, v) => onChange(v)}\n    value={value}\n    className=\"w-full justify-between\"\n  />\n);\n\nconst closeIcon = <Icon aria-hidden name=\"CrossOutlined\" width=\"20px\" />;\n\nconst ParticipantChip: FunctionComponent<{\n  label: string;\n  ariaLabel?: string;\n  onClick: () => void;\n  type: 'adult' | 'child';\n  ageLabel?: ReactNode;\n}> = ({ label, ariaLabel, onClick, type, ageLabel }) => (\n  <button\n    aria-label={ariaLabel}\n    className=\"rounded-32 border-black flex items-center justify-between gap-4 border px-12 py-6 text-b4 font-semibold\"\n    onClick={onClick}\n    type=\"button\"\n  >\n    <span className=\"flex items-center\">\n      {type === 'adult' ? (\n        <Icon name=\"PeopleSingle\" width=\"24px\" />\n      ) : (\n        <Icon name=\"PeopleKids\" width=\"24px\" />\n      )}\n      {label}\n      {ageLabel && <span className=\"ms-4 text-b5 font-normal\">({ageLabel})</span>}\n    </span>\n    {closeIcon}\n  </button>\n);\n\nconst Footer: FunctionComponent<{\n  onReset?: () => void;\n  onApply?: () => void;\n  resetLabel?: string;\n  applyLabel?: string;\n  withSpacer?: boolean;\n}> = ({ onReset, onApply, resetLabel, applyLabel, withSpacer }) => {\n  if (!onReset && !onApply) return null;\n  return (\n    <div className=\"flex items-center justify-between\">\n      {onReset && resetLabel ? (\n        <button\n          className=\"text-b3 cursor-pointer font-semibold underline\"\n          onClick={onReset}\n          type=\"button\"\n        >\n          {resetLabel}\n        </button>\n      ) : withSpacer ? (\n        <span />\n      ) : null}\n      {onApply && applyLabel && (\n        <Button color=\"saffron\" onClick={onApply}>\n          {applyLabel}\n        </Button>\n      )}\n    </div>\n  );\n};\n\nconst LimitInformation: FunctionComponent<ParticipantsLimit> = ({\n  title,\n  description,\n  contacts,\n  labels,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <div className=\"rounded-16 border-lightGrey space-y-12 border bg-white p-12\">\n      <p className=\"text-b3 flex items-center gap-12 font-semibold\">\n        <Chip color=\"sienna\" icon=\"Error\" size=\"size-48\" theme=\"solid\" />\n        {title}\n      </p>\n      <ElasticHeight isExpanded={expanded}>\n        <div className=\"space-y-20 pb-4\">\n          <p>{description}</p>\n          {contacts.length > 0 && (\n            <div>\n              {contacts.map(({ description, href, icon, target, title }) => (\n                <a\n                  key={title}\n                  className=\"mb-20 flex gap-12\"\n                  href={href}\n                  rel=\"noreferrer\"\n                  target={target}\n                >\n                  <Chip color=\"black\" icon={icon as never} size=\"size-48\" theme=\"outline\" />\n                  <div className=\"space-y-8 font-sans\">\n                    <p className=\"text-b3 font-semibold\">{title}</p>\n                    {description && <Prose className=\"text-b4\" text={description} />}\n                  </div>\n                </a>\n              ))}\n            </div>\n          )}\n        </div>\n      </ElasticHeight>\n      <button\n        className=\"text-b4 cursor-pointer underline\"\n        onClick={() => setExpanded((v) => !v)}\n        type=\"button\"\n      >\n        {expanded ? labels.reduce : labels.expand}\n      </button>\n    </div>\n  );\n};\n\nexport const CriteriaParticipants: FunctionComponent<CriteriaParticipantsProps> = ({\n  adultsCount,\n  maxAdults,\n  minAdults,\n  birthdates,\n  childAges,\n  childrenCount,\n  className,\n  labels,\n  maxAuthorizedBirthdate,\n  maxChildren,\n  maxTotalParticipants = DEFAULT_MAX_TOTAL,\n  minAuthorizedBirthdate,\n  minChildren,\n  onChange,\n  onLimitDisplay,\n  onReset,\n  onApply,\n  title,\n  variant = 'card',\n  withChildren = true,\n  childrenFlow = 'age-or-birthdate-with-apply',\n}) => {\n  const isCard = variant === 'card';\n\n  // Derived from props — no state needed\n  const limitExceeded = adultsCount + childrenCount >= maxTotalParticipants;\n\n  // Fire onLimitDisplay only on the first transition to exceeded\n  const prevLimitExceeded = useRef(limitExceeded);\n  useEffect(() => {\n    if (limitExceeded && !prevLimitExceeded.current) {\n      onLimitDisplay?.();\n    }\n    prevLimitExceeded.current = limitExceeded;\n  }, [limitExceeded, onLimitDisplay]);\n\n  const [useBirthdate, setUseBirthdate] = useState(false);\n  const [ageUnit, setAgeUnit] = useState<'year' | 'month'>('year');\n  const [draftAges, setDraftAges] = useState<Array<string>>(() => Array(childrenCount).fill(''));\n  const [detailsExpanded, setDetailsExpanded] = useState(true);\n\n  // Keep draftAges length in sync with childrenCount\n  useEffect(() => {\n    setDraftAges((prev) =>\n      childrenCount > prev.length\n        ? [...prev, ...Array(childrenCount - prev.length).fill('')]\n        : prev.slice(0, childrenCount),\n    );\n  }, [childrenCount]);\n\n  const showBirthdateToggle = childrenFlow !== 'birthdate-only';\n  const showParticipantChips = childrenFlow === 'age-or-birthdate-with-apply';\n  const showApplyButton = childrenFlow === 'age-or-birthdate-with-apply';\n\n  const hasAgeEntrySection = withChildren && showBirthdateToggle && !!labels.enterDateOfBirth;\n  const hasParticipantSummary =\n    withChildren &&\n    showParticipantChips &&\n    !!labels.participantDetails &&\n    (adultsCount > 0 || childrenCount > 0);\n\n  const adultsField = (\n    <ParticipantNumberField\n      addLabel={labels.addAdult}\n      description={labels.adultsDescription}\n      label={labels.adults}\n      max={maxAdults}\n      min={minAdults}\n      onChange={(value) => onChange({ type: 'adultsCount', payload: value })}\n      removeLabel={labels.removeAdult}\n      value={adultsCount}\n    />\n  );\n\n  const birthdateFields = birthdates.length > 0 && (\n    <div className={isCard ? 'space-y-12' : 'grid grid-cols-1 gap-20 md:grid-cols-2 md:gap-x-20'}>\n      {birthdates.map((birthdate, index) => (\n        <Birthdate\n          key={index}\n          label={labels.childBirthdate.replace('{n}', String(index + 1))}\n          value={birthdate}\n          min={minAuthorizedBirthdate ?? startOfToday()}\n          max={maxAuthorizedBirthdate}\n          invalidDateErrorMessage={labels.childBirthdateInvalidDateError}\n          minDateErrorMessage={labels.childBirthdateMinAgeError}\n          maxDateErrorMessage={labels.childBirthdateMaxAgeError}\n          onChange={(_, value) => onChange({ type: 'birthdate', payload: { date: value, index } })}\n        />\n      ))}\n    </div>\n  );\n\n  const yearFields = !useBirthdate && childrenCount > 0 && (\n    <div className=\"space-y-12\">\n      {labels.ageQuestion && <p className=\"text-b4\">{labels.ageQuestion}</p>}\n      {Array.from({ length: childrenCount }, (_, index) => (\n        <div key={index} className=\"space-y-4\">\n          <p className=\"text-b3 font-semibold px-20\">\n            {labels.childLabel ? interpolate(labels.childLabel, index + 1) : `Child ${index + 1}`}\n          </p>\n          <div className=\"flex items-center gap-12\">\n            <input\n              aria-label={\n                labels.childLabel\n                  ? interpolate(labels.childLabel, index + 1)\n                  : `Child ${index + 1} age`\n              }\n              className=\"rounded-pill border-lightGrey h-48 w-80 border px-20 text-b3 font-semibold\"\n              min={0}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                const next = [...draftAges];\n                next[index] = e.target.value;\n                setDraftAges(next);\n              }}\n              type=\"number\"\n              value={draftAges[index] ?? ''}\n            />\n            {labels.ageYear && labels.ageMonths && (\n              <Toggle\n                size=\"small\"\n                index={ageUnit === 'year' ? 0 : 1}\n                items={[\n                  { id: 'year', color: 'saffron', label: labels.ageYear },\n                  { id: 'month', color: 'saffron', label: labels.ageMonths },\n                ]}\n                onClick={(i) => setAgeUnit(i === 0 ? 'year' : 'month')}\n              />\n            )}\n            {labels.ageApply && (\n              <Button\n                color=\"black\"\n                size=\"tertiary\"\n                onClick={() => {\n                  const parsed = Number(draftAges[index]);\n                  onChange({\n                    type: 'childAge',\n                    payload: {\n                      index,\n                      value: Number.isFinite(parsed) && parsed >= 0 ? parsed : null,\n                      unit: ageUnit,\n                    },\n                  });\n                }}\n              >\n                {labels.ageApply}\n              </Button>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n\n  const participantSummary = hasParticipantSummary && (\n    <div className=\"space-y-8\">\n      <button\n        aria-expanded={detailsExpanded}\n        className=\"flex w-full cursor-pointer items-center justify-between border-b border-lightGrey pb-4\"\n        onClick={() => setDetailsExpanded((v) => !v)}\n        type=\"button\"\n      >\n        <span className=\"text-b4\">{labels.participantDetails}</span>\n        <svg\n          aria-hidden\n          className={clsx('size-20 transition-transform', { 'rotate-180': detailsExpanded })}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          viewBox=\"0 0 24 24\"\n        >\n          <path d=\"M6 9l6 6 6-6\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n      </button>\n      <ElasticHeight isExpanded={detailsExpanded}>\n        <div className=\"grid grid-cols-2 gap-8\">\n          {Array.from({ length: adultsCount }, (_, i) => (\n            <ParticipantChip\n              key={`adult-${i}`}\n              ariaLabel={labels.removeParticipant}\n              label={labels.adultLabel ? interpolate(labels.adultLabel, i + 1) : `Adult ${i + 1}`}\n              onClick={() => onChange({ type: 'adultsCount', payload: adultsCount - 1 })}\n              type=\"adult\"\n            />\n          ))}\n          {Array.from({ length: childrenCount }, (_, i) => {\n            const ageLabel = computeAgeLabel(birthdates[i], childAges?.[i], labels);\n            const name = labels.childLabel\n              ? interpolate(labels.childLabel, i + 1)\n              : `Child ${i + 1}`;\n            return (\n              <ParticipantChip\n                key={`child-${i}`}\n                ageLabel={ageLabel || undefined}\n                ariaLabel={labels.removeParticipant}\n                label={name}\n                onClick={() => onChange({ type: 'childrenCount', payload: childrenCount - 1 })}\n                type=\"child\"\n              />\n            );\n          })}\n        </div>\n      </ElasticHeight>\n    </div>\n  );\n\n  const childrenSection = withChildren && (\n    <div className=\"space-y-8\">\n      <ParticipantNumberField\n        addLabel={labels.addChild}\n        description={labels.childrenAgeLimit}\n        label={labels.children}\n        max={maxChildren}\n        min={minChildren}\n        onChange={(value) => onChange({ type: 'childrenCount', payload: value })}\n        removeLabel={labels.removeChild}\n        value={childrenCount}\n      />\n      <ElasticHeight\n        isExpanded={\n          (hasAgeEntrySection && childrenCount > 0) ||\n          (!hasAgeEntrySection && birthdates.length > 0)\n        }\n      >\n        <div className=\"border-lightGrey space-y-12 border-t pt-12\">\n          {hasAgeEntrySection && (\n            <div className=\"flex items-center justify-between\">\n              <p className=\"text-b3 font-semibold\">{labels.enterDateOfBirth}</p>\n              <Switch checked={useBirthdate} onChange={(_, val) => setUseBirthdate(val)} />\n            </div>\n          )}\n          {useBirthdate || !hasAgeEntrySection ? birthdateFields : yearFields}\n        </div>\n      </ElasticHeight>\n      {participantSummary}\n    </div>\n  );\n\n  if (!isCard) {\n    return (\n      <div className={clsx('space-y-20', className)}>\n        {title && <p className=\"text-b2 font-semibold\">{title}</p>}\n        {limitExceeded && labels.limit && <LimitInformation {...labels.limit} />}\n        {adultsField}\n        {childrenSection}\n        <Footer\n          applyLabel={labels.apply}\n          onApply={showApplyButton ? onApply : undefined}\n          onReset={onReset}\n          resetLabel={labels.reset}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={clsx(\n        'rounded-16 border-lightGrey flex flex-col gap-20 border bg-white p-20',\n        className,\n      )}\n    >\n      <div className=\"rounded-16 bg-lightSand space-y-8 p-20\">\n        {title && <p className=\"text-b2 font-semibold\">{title}</p>}\n        {limitExceeded && labels.limit && <LimitInformation {...labels.limit} />}\n        <div className=\"rounded-16 bg-white p-12\">{adultsField}</div>\n        {childrenSection && <div className=\"rounded-16 bg-white p-12\">{childrenSection}</div>}\n      </div>\n      <Footer\n        applyLabel={labels.apply}\n        onApply={showApplyButton ? onApply : undefined}\n        onReset={onReset}\n        resetLabel={labels.reset}\n        withSpacer\n      />\n    </div>\n  );\n};\n"],"x_google_ignoreList":[0,1,2,3,4,5],"mappings":"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"}