@clubmed/trident-ui 2.0.0-beta.74 → 2.0.0-beta.76

package/examples/chapters-demo.d.ts

@@ -0,0 +1 @@
+export default function ChaptersDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/chapters-demo.js

@@ -0,0 +1,46 @@
+"use client";
+import { Chapters as e } from "../ui/Chapters/Chapters.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/examples/chapters-demo.tsx
+function n() {
+	return /* @__PURE__ */ t(e, {
+		chapters: [
+			{
+				title: "All-inclusive experience",
+				content: /* @__PURE__ */ t("div", {
+					className: "min-h-screen p-40",
+					children: /* @__PURE__ */ t("p", {
+						className: "text-body max-w-prose",
+						children: "From sunrise yoga to late-night entertainment, every moment is included. Fine dining, premium beverages, world-class facilities — yours without a second thought."
+					})
+				})
+			},
+			{
+				title: "Sports & activities",
+				content: /* @__PURE__ */ t("div", {
+					className: "min-h-screen p-40",
+					children: /* @__PURE__ */ t("p", {
+						className: "text-body max-w-prose",
+						children: "Surf, dive, sail, climb — over 60 land and water sports await you. Our certified instructors guide guests of all levels, from first-timers to seasoned athletes."
+					})
+				})
+			},
+			{
+				title: "Kids clubs",
+				content: /* @__PURE__ */ t("div", {
+					className: "min-h-screen p-40",
+					children: /* @__PURE__ */ t("p", {
+						className: "text-body max-w-prose",
+						children: "Dedicated clubs for every age from 4 months to 17 years. Supervised activities, creative workshops, and adventure programmes tailored to each stage of childhood."
+					})
+				})
+			}
+		],
+		theme: "coreRange",
+		className: "w-full"
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=chapters-demo.js.map

package/examples/chapters-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chapters-demo.js","names":[],"sources":["../../lib/examples/chapters-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Chapters } from '@/ui/Chapters/Chapters';\n\nexport default function ChaptersDemo() {\n  return (\n    <Chapters\n      chapters={[\n        {\n          title: 'All-inclusive experience',\n          content: (\n            <div className=\"min-h-screen p-40\">\n              <p className=\"text-body max-w-prose\">\n                From sunrise yoga to late-night entertainment, every moment is included. Fine\n                dining, premium beverages, world-class facilities — yours without a second thought.\n              </p>\n            </div>\n          ),\n        },\n        {\n          title: 'Sports & activities',\n          content: (\n            <div className=\"min-h-screen p-40\">\n              <p className=\"text-body max-w-prose\">\n                Surf, dive, sail, climb — over 60 land and water sports await you. Our certified\n                instructors guide guests of all levels, from first-timers to seasoned athletes.\n              </p>\n            </div>\n          ),\n        },\n        {\n          title: 'Kids clubs',\n          content: (\n            <div className=\"min-h-screen p-40\">\n              <p className=\"text-body max-w-prose\">\n                Dedicated clubs for every age from 4 months to 17 years. Supervised activities,\n                creative workshops, and adventure programmes tailored to each stage of childhood.\n              </p>\n            </div>\n          ),\n        },\n      ]}\n      theme=\"coreRange\"\n      className=\"w-full\"\n    />\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAe;AACrC,QACE,kBAAC,GAAD;EACE,UAAU;GACR;IACE,OAAO;IACP,SACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAwB;MAGjC,CAAA;KACA,CAAA;IAET;GACD;IACE,OAAO;IACP,SACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAwB;MAGjC,CAAA;KACA,CAAA;IAET;GACD;IACE,OAAO;IACP,SACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAwB;MAGjC,CAAA;KACA,CAAA;;GAGX;EACD,OAAM;EACN,WAAU;EACV,CAAA"}

package/examples/criteria-transports-b2b-demo.d.ts

@@ -1 +1 @@
-export default function CriteriaTransportsB2bDemo(): import("react/jsx-runtime").JSX.Element;
+export default function CriteriaTransportsB2BDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/criteria-transports-b2b-demo.js

@@ -1,51 +1,118 @@
 "use client";
 import { CriteriaTransports as e } from "../ui/criteria/CriteriaTransports.js";
-import { transportSections as t } from "./criteria-transports-data.js";
-import { useState as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/examples/criteria-transports-b2b-demo.tsx
 var i = {
-	addTransportationFrom: "Add transportation from",
+	toggleLabel: "Add transportation from",
+	topCitiesLabel: "Top cities",
+	otherCitiesLabel: "Other cities",
+	clubMedTransportTitle: "Opt for Club Med transportation:",
+	clubMedTransportDescription: "Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.",
 	reset: "Reset",
 	apply: "Confirm"
-};
-function a() {
-	let [a, o] = n(!0), [s, c] = n("nyc"), [l, u] = n("round-trip"), [d, f] = n("All class"), [p, m] = n("");
+}, a = {
+	roundTripLabel: "Round trip",
+	oneWayLabel: "One way",
+	cabinClassLabel: "Class",
+	departureDateLabel: "From"
+}, o = [
+	{
+		value: "all",
+		label: "All classes"
+	},
+	{
+		value: "economy",
+		label: "Economy"
+	},
+	{
+		value: "business",
+		label: "Business"
+	},
+	{
+		value: "first",
+		label: "First class"
+	}
+], s = [
+	{
+		code: "BOS",
+		name: "Boston Logan International (BOS)"
+	},
+	{
+		code: "NYC",
+		name: "New York all airports (NYC)"
+	},
+	{
+		code: "MIA",
+		name: "Miami International (MIA)"
+	}
+], c = [
+	{
+		code: "ABQ",
+		name: "Albuquerque (ABQ)"
+	},
+	{
+		code: "ANC",
+		name: "Anchorage International (ANC)"
+	},
+	{
+		code: "ATL",
+		name: "Atlanta Hartsfield-Jackson (ATL)"
+	},
+	{
+		code: "AUS",
+		name: "Austin-Bergstrom International (AUS)"
+	},
+	{
+		code: "DEN",
+		name: "Denver International (DEN)"
+	},
+	{
+		code: "LAX",
+		name: "Los Angeles International (LAX)"
+	},
+	{
+		code: "SEA",
+		name: "Seattle-Tacoma International (SEA)"
+	},
+	{
+		code: "SFO",
+		name: "San Francisco International (SFO)"
+	}
+];
+function l() {
+	let [l, u] = t(!1), [d, f] = t(null), [p, m] = t("roundtrip"), [h, g] = t(void 0), [_, v] = t("");
 	return /* @__PURE__ */ r("div", {
-		className: "w-[380px] h-600",
-		children: /* @__PURE__ */ r(e, {
+		className: "w-[380px] space-y-24",
+		children: [/* @__PURE__ */ n(e, {
 			mode: "b2b",
 			labels: i,
+			b2bLabels: a,
 			title: "Transport",
-			enabled: a,
-			sections: t,
-			selectedId: s,
-			flightType: l,
-			flightTypeLabels: {
-				roundTrip: "Aller/retour",
-				oneWay: "Aller simple"
-			},
-			flightClass: d,
-			flightClassLabel: "Class",
-			flightClasses: [
-				"All class",
-				"Economy",
-				"Business",
-				"First"
-			],
-			fromQuery: p,
-			fromQueryLabel: "From",
-			onChange: (e) => {
-				e.type === "enabled" && o(e.payload), e.type === "select" && c(e.payload), e.type === "flightType" && u(e.payload), e.type === "flightClass" && f(e.payload), e.type === "fromQuery" && m(e.payload);
-			},
+			enabled: l,
+			topCities: s,
+			otherCities: c,
+			selectedAirportCode: d,
+			flightType: p,
+			cabinClass: h,
+			cabinClassOptions: o,
+			departureQuery: _,
+			onToggle: u,
+			onSelect: f,
+			onFlightTypeChange: m,
+			onCabinClassChange: (e, t) => g(t),
+			onDepartureQueryChange: (e, t) => v(t),
 			onReset: () => {
-				o(!1), c(null), m("");
+				u(!1), f(null), m("roundtrip"), g(void 0), v("");
 			},
 			onApply: () => {}
-		})
+		}), d && /* @__PURE__ */ r("p", {
+			className: "text-b4",
+			children: ["Selected: ", /* @__PURE__ */ n("strong", { children: d })]
+		})]
 	});
 }
 //#endregion
-export { a as default };
+export { l as default };
 
 //# sourceMappingURL=criteria-transports-b2b-demo.js.map

package/examples/criteria-transports-b2b-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"criteria-transports-b2b-demo.js","names":[],"sources":["../../lib/examples/criteria-transports-b2b-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransports } from '@/ui/criteria/CriteriaTransports';\nimport type { CriteriaTransportsAction } from '@/ui/criteria/CriteriaTransports';\nimport { transportSections } from './criteria-transports-data';\n\nconst labels = {\n  addTransportationFrom: 'Add transportation from',\n  reset: 'Reset',\n  apply: 'Confirm',\n};\n\nexport default function CriteriaTransportsB2bDemo() {\n  const [enabled, setEnabled] = useState(true);\n  const [selectedId, setSelectedId] = useState<string | null>('nyc');\n  const [flightType, setFlightType] = useState<'round-trip' | 'one-way'>('round-trip');\n  const [flightClass, setFlightClass] = useState('All class');\n  const [fromQuery, setFromQuery] = useState('');\n\n  const handleChange = (action: CriteriaTransportsAction) => {\n    if (action.type === 'enabled') setEnabled(action.payload);\n    if (action.type === 'select') setSelectedId(action.payload);\n    if (action.type === 'flightType') setFlightType(action.payload);\n    if (action.type === 'flightClass') setFlightClass(action.payload);\n    if (action.type === 'fromQuery') setFromQuery(action.payload);\n  };\n\n  return (\n    <div className=\"w-[380px] h-600\">\n      <CriteriaTransports\n        mode=\"b2b\"\n        labels={labels}\n        title=\"Transport\"\n        enabled={enabled}\n        sections={transportSections}\n        selectedId={selectedId}\n        flightType={flightType}\n        flightTypeLabels={{ roundTrip: 'Aller/retour', oneWay: 'Aller simple' }}\n        flightClass={flightClass}\n        flightClassLabel=\"Class\"\n        flightClasses={['All class', 'Economy', 'Business', 'First']}\n        fromQuery={fromQuery}\n        fromQueryLabel=\"From\"\n        onChange={handleChange}\n        onReset={() => {\n          setEnabled(false);\n          setSelectedId(null);\n          setFromQuery('');\n        }}\n        onApply={() => {}}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAS;CACb,uBAAuB;CACvB,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAA4B;CAClD,IAAM,CAAC,GAAS,KAAc,EAAS,GAAK,EACtC,CAAC,GAAY,KAAiB,EAAwB,MAAM,EAC5D,CAAC,GAAY,KAAiB,EAAmC,aAAa,EAC9E,CAAC,GAAa,KAAkB,EAAS,YAAY,EACrD,CAAC,GAAW,KAAgB,EAAS,GAAG;AAU9C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,MAAK;GACG;GACR,OAAM;GACG;GACT,UAAU;GACE;GACA;GACZ,kBAAkB;IAAE,WAAW;IAAgB,QAAQ;IAAgB;GAC1D;GACb,kBAAiB;GACjB,eAAe;IAAC;IAAa;IAAW;IAAY;IAAQ;GACjD;GACX,gBAAe;GACf,WAxBgB,MAAqC;AAKzD,IAJI,EAAO,SAAS,aAAW,EAAW,EAAO,QAAQ,EACrD,EAAO,SAAS,YAAU,EAAc,EAAO,QAAQ,EACvD,EAAO,SAAS,gBAAc,EAAc,EAAO,QAAQ,EAC3D,EAAO,SAAS,iBAAe,EAAe,EAAO,QAAQ,EAC7D,EAAO,SAAS,eAAa,EAAa,EAAO,QAAQ;;GAoBzD,eAAe;AAGb,IAFA,EAAW,GAAM,EACjB,EAAc,KAAK,EACnB,EAAa,GAAG;;GAElB,eAAe;GACf,CAAA;EACE,CAAA"}
+{"version":3,"file":"criteria-transports-b2b-demo.js","names":[],"sources":["../../lib/examples/criteria-transports-b2b-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransports } from '@/ui/criteria/CriteriaTransports';\nimport type {\n  CriteriaTransportsProps,\n  CriteriaTransportsB2BLabels,\n} from '@/ui/criteria/CriteriaTransports';\nimport type { RadioSelectOption } from '@/ui/forms/RadioSelect';\n\nconst labels: CriteriaTransportsProps['labels'] = {\n  toggleLabel: 'Add transportation from',\n  topCitiesLabel: 'Top cities',\n  otherCitiesLabel: 'Other cities',\n  clubMedTransportTitle: 'Opt for Club Med transportation:',\n  clubMedTransportDescription:\n    'Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.',\n  reset: 'Reset',\n  apply: 'Confirm',\n};\n\nconst b2bLabels: CriteriaTransportsB2BLabels = {\n  roundTripLabel: 'Round trip',\n  oneWayLabel: 'One way',\n  cabinClassLabel: 'Class',\n  departureDateLabel: 'From',\n};\n\nconst cabinClassOptions: RadioSelectOption<string>[] = [\n  { value: 'all', label: 'All classes' },\n  { value: 'economy', label: 'Economy' },\n  { value: 'business', label: 'Business' },\n  { value: 'first', label: 'First class' },\n];\n\nconst topCities = [\n  { code: 'BOS', name: 'Boston Logan International (BOS)' },\n  { code: 'NYC', name: 'New York all airports (NYC)' },\n  { code: 'MIA', name: 'Miami International (MIA)' },\n];\n\nconst otherCities = [\n  { code: 'ABQ', name: 'Albuquerque (ABQ)' },\n  { code: 'ANC', name: 'Anchorage International (ANC)' },\n  { code: 'ATL', name: 'Atlanta Hartsfield-Jackson (ATL)' },\n  { code: 'AUS', name: 'Austin-Bergstrom International (AUS)' },\n  { code: 'DEN', name: 'Denver International (DEN)' },\n  { code: 'LAX', name: 'Los Angeles International (LAX)' },\n  { code: 'SEA', name: 'Seattle-Tacoma International (SEA)' },\n  { code: 'SFO', name: 'San Francisco International (SFO)' },\n];\n\nexport default function CriteriaTransportsB2BDemo() {\n  const [enabled, setEnabled] = useState(false);\n  const [selected, setSelected] = useState<string | null>(null);\n  const [flightType, setFlightType] = useState<'roundtrip' | 'oneway'>('roundtrip');\n  const [cabinClass, setCabinClass] = useState<string | undefined>(undefined);\n  const [departureQuery, setDepartureQuery] = useState('');\n\n  return (\n    <div className=\"w-[380px] space-y-24\">\n      <CriteriaTransports\n        mode=\"b2b\"\n        labels={labels}\n        b2bLabels={b2bLabels}\n        title=\"Transport\"\n        enabled={enabled}\n        topCities={topCities}\n        otherCities={otherCities}\n        selectedAirportCode={selected}\n        flightType={flightType}\n        cabinClass={cabinClass}\n        cabinClassOptions={cabinClassOptions}\n        departureQuery={departureQuery}\n        onToggle={setEnabled}\n        onSelect={setSelected}\n        onFlightTypeChange={setFlightType}\n        onCabinClassChange={(_event, value) => setCabinClass(value)}\n        onDepartureQueryChange={(_event, value) => setDepartureQuery(value)}\n        onReset={() => {\n          setEnabled(false);\n          setSelected(null);\n          setFlightType('roundtrip');\n          setCabinClass(undefined);\n          setDepartureQuery('');\n        }}\n        onApply={() => {}}\n      />\n      {selected && (\n        <p className=\"text-b4\">\n          Selected: <strong>{selected}</strong>\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAUA,IAAM,IAA4C;CAChD,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,uBAAuB;CACvB,6BACE;CACF,OAAO;CACP,OAAO;CACR,EAEK,IAAyC;CAC7C,gBAAgB;CAChB,aAAa;CACb,iBAAiB;CACjB,oBAAoB;CACrB,EAEK,IAAiD;CACrD;EAAE,OAAO;EAAO,OAAO;EAAe;CACtC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAS,OAAO;;CAC1B,EAEK,IAAY;CAChB;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAA+B;CACpD;EAAE,MAAM;EAAO,MAAM;;CACtB,EAEK,IAAc;CAClB;EAAE,MAAM;EAAO,MAAM;EAAqB;CAC1C;EAAE,MAAM;EAAO,MAAM;EAAiC;CACtD;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAAwC;CAC7D;EAAE,MAAM;EAAO,MAAM;EAA8B;CACnD;EAAE,MAAM;EAAO,MAAM;EAAmC;CACxD;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;;CACtB;AAED,SAAwB,IAA4B;CAClD,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAU,KAAe,EAAwB,KAAK,EACvD,CAAC,GAAY,KAAiB,EAAiC,YAAY,EAC3E,CAAC,GAAY,KAAiB,EAA6B,KAAA,EAAU,EACrE,CAAC,GAAgB,KAAqB,EAAS,GAAG;AAExD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,MAAK;GACG;GACG;GACX,OAAM;GACG;GACE;GACE;GACb,qBAAqB;GACT;GACA;GACO;GACH;GAChB,UAAU;GACV,UAAU;GACV,oBAAoB;GACpB,qBAAqB,GAAQ,MAAU,EAAc,EAAM;GAC3D,yBAAyB,GAAQ,MAAU,EAAkB,EAAM;GACnE,eAAe;AAKb,IAJA,EAAW,GAAM,EACjB,EAAY,KAAK,EACjB,EAAc,YAAY,EAC1B,EAAc,KAAA,EAAU,EACxB,EAAkB,GAAG;;GAEvB,eAAe;GACf,CAAA,EACD,KACC,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAuB,cACX,kBAAC,UAAD,EAAA,UAAS,GAAkB,CAAA,CAAA"}

package/examples/criteria-transports-demo.js

@@ -1,34 +1,223 @@
 "use client";
 import { CriteriaTransports as e } from "../ui/criteria/CriteriaTransports.js";
-import { transportLabels as t, transportSections as n } from "./criteria-transports-data.js";
-import { useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/examples/criteria-transports-demo.tsx
-function o() {
-	let [o, s] = r(!1), [c, l] = r(null), u = (e) => {
-		e.type === "enabled" && s(e.payload), e.type === "select" && l(e.payload);
-	}, d = n.flatMap((e) => e.options);
-	return /* @__PURE__ */ a("div", {
-		className: "w-[380px] h-600 space-y-24",
-		children: [/* @__PURE__ */ i(e, {
-			mode: "b2c",
-			labels: t,
+var i = {
+	toggleLabel: "Add transportation from",
+	topCitiesLabel: "Top cities",
+	otherCitiesLabel: "Other cities",
+	clubMedTransportTitle: "Opt for Club Med transportation:",
+	clubMedTransportDescription: "Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.",
+	reset: "Reset",
+	apply: "Continue"
+}, a = [
+	{
+		code: "BOS",
+		name: "Boston Logan International (BOS)"
+	},
+	{
+		code: "NYC",
+		name: "New York all airports (NYC)"
+	},
+	{
+		code: "MIA",
+		name: "Miami International (MIA)"
+	},
+	{
+		code: "LAX",
+		name: "Los Angeles International (LAX)"
+	},
+	{
+		code: "SFO",
+		name: "San Francisco International (SFO)"
+	}
+], o = [
+	{
+		code: "ABQ",
+		name: "Albuquerque (ABQ)"
+	},
+	{
+		code: "ANC",
+		name: "Anchorage International (ANC)"
+	},
+	{
+		code: "ATL",
+		name: "Atlanta Hartsfield-Jackson (ATL)"
+	},
+	{
+		code: "AUS",
+		name: "Austin-Bergstrom International (AUS)"
+	},
+	{
+		code: "BNA",
+		name: "Nashville International (BNA)"
+	},
+	{
+		code: "BUF",
+		name: "Buffalo Niagara International (BUF)"
+	},
+	{
+		code: "CLT",
+		name: "Charlotte Douglas International (CLT)"
+	},
+	{
+		code: "CMH",
+		name: "John Glenn Columbus International (CMH)"
+	},
+	{
+		code: "DAL",
+		name: "Dallas Love Field (DAL)"
+	},
+	{
+		code: "DEN",
+		name: "Denver International (DEN)"
+	},
+	{
+		code: "DTW",
+		name: "Detroit Metropolitan Wayne County (DTW)"
+	},
+	{
+		code: "HNL",
+		name: "Daniel K. Inouye International (HNL)"
+	},
+	{
+		code: "IAD",
+		name: "Washington Dulles International (IAD)"
+	},
+	{
+		code: "IND",
+		name: "Indianapolis International (IND)"
+	},
+	{
+		code: "JAX",
+		name: "Jacksonville International (JAX)"
+	},
+	{
+		code: "LAS",
+		name: "Harry Reid International (LAS)"
+	},
+	{
+		code: "MCI",
+		name: "Kansas City International (MCI)"
+	},
+	{
+		code: "MCO",
+		name: "Orlando International (MCO)"
+	},
+	{
+		code: "MDW",
+		name: "Chicago Midway International (MDW)"
+	},
+	{
+		code: "MEM",
+		name: "Memphis International (MEM)"
+	},
+	{
+		code: "MSP",
+		name: "Minneapolis-Saint Paul International (MSP)"
+	},
+	{
+		code: "MSY",
+		name: "Louis Armstrong New Orleans International (MSY)"
+	},
+	{
+		code: "OAK",
+		name: "Oakland Metropolitan International (OAK)"
+	},
+	{
+		code: "ORD",
+		name: "Chicago O'Hare International (ORD)"
+	},
+	{
+		code: "PHL",
+		name: "Philadelphia International (PHL)"
+	},
+	{
+		code: "PHX",
+		name: "Phoenix Sky Harbor International (PHX)"
+	},
+	{
+		code: "PIT",
+		name: "Pittsburgh International (PIT)"
+	},
+	{
+		code: "PDX",
+		name: "Portland International (PDX)"
+	},
+	{
+		code: "RDU",
+		name: "Raleigh-Durham International (RDU)"
+	},
+	{
+		code: "RSW",
+		name: "Southwest Florida International (RSW)"
+	},
+	{
+		code: "SAN",
+		name: "San Diego International (SAN)"
+	},
+	{
+		code: "SAT",
+		name: "San Antonio International (SAT)"
+	},
+	{
+		code: "SEA",
+		name: "Seattle-Tacoma International (SEA)"
+	},
+	{
+		code: "SJC",
+		name: "Norman Y. Mineta San José International (SJC)"
+	},
+	{
+		code: "SLC",
+		name: "Salt Lake City International (SLC)"
+	},
+	{
+		code: "SMF",
+		name: "Sacramento International (SMF)"
+	},
+	{
+		code: "SNA",
+		name: "John Wayne Airport Orange County (SNA)"
+	},
+	{
+		code: "STL",
+		name: "St. Louis Lambert International (STL)"
+	},
+	{
+		code: "TPA",
+		name: "Tampa International (TPA)"
+	},
+	{
+		code: "TUL",
+		name: "Tulsa International (TUL)"
+	}
+];
+function s() {
+	let [s, c] = t(!1), [l, u] = t(null);
+	return /* @__PURE__ */ r("div", {
+		className: "w-[380px] space-y-24",
+		children: [/* @__PURE__ */ n(e, {
+			labels: i,
 			title: "Transport",
-			enabled: o,
-			sections: n,
-			selectedId: c,
-			onChange: u,
+			enabled: s,
+			topCities: a,
+			otherCities: o,
+			selectedAirportCode: l,
+			onToggle: c,
+			onSelect: u,
 			onReset: () => {
-				s(!1), l(null);
+				c(!1), u(null);
 			},
 			onApply: () => {}
-		}), c && /* @__PURE__ */ a("p", {
+		}), l && /* @__PURE__ */ r("p", {
 			className: "text-b4",
-			children: ["Selected: ", d.find((e) => e.id === c)?.label]
+			children: ["Selected: ", /* @__PURE__ */ n("strong", { children: l })]
 		})]
 	});
 }
 //#endregion
-export { o as default };
+export { s as default };
 
 //# sourceMappingURL=criteria-transports-demo.js.map

package/examples/criteria-transports-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"criteria-transports-demo.js","names":[],"sources":["../../lib/examples/criteria-transports-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransports } from '@/ui/criteria/CriteriaTransports';\nimport type { CriteriaTransportsAction } from '@/ui/criteria/CriteriaTransports';\nimport { transportLabels, transportSections } from './criteria-transports-data';\n\nexport default function CriteriaTransportsDemo() {\n  const [enabled, setEnabled] = useState(false);\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n\n  const handleChange = (action: CriteriaTransportsAction) => {\n    if (action.type === 'enabled') setEnabled(action.payload);\n    if (action.type === 'select') setSelectedId(action.payload);\n  };\n\n  const allOptions = transportSections.flatMap((s) => s.options);\n\n  return (\n    <div className=\"w-[380px] h-600 space-y-24\">\n      <CriteriaTransports\n        mode=\"b2c\"\n        labels={transportLabels}\n        title=\"Transport\"\n        enabled={enabled}\n        sections={transportSections}\n        selectedId={selectedId}\n        onChange={handleChange}\n        onReset={() => {\n          setEnabled(false);\n          setSelectedId(null);\n        }}\n        onApply={() => {}}\n      />\n      {selectedId && (\n        <p className=\"text-b4\">Selected: {allOptions.find((o) => o.id === selectedId)?.label}</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAwB,IAAyB;CAC/C,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAY,KAAiB,EAAwB,KAAK,EAE3D,KAAgB,MAAqC;AAEzD,EADI,EAAO,SAAS,aAAW,EAAW,EAAO,QAAQ,EACrD,EAAO,SAAS,YAAU,EAAc,EAAO,QAAQ;IAGvD,IAAa,EAAkB,SAAS,MAAM,EAAE,QAAQ;AAE9D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,MAAK;GACL,QAAQ;GACR,OAAM;GACG;GACT,UAAU;GACE;GACZ,UAAU;GACV,eAAe;AAEb,IADA,EAAW,GAAM,EACjB,EAAc,KAAK;;GAErB,eAAe;GACf,CAAA,EACD,KACC,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAuB,cAAW,EAAW,MAAM,MAAM,EAAE,OAAO,EAAW,EAAE,MAAA"}
+{"version":3,"file":"criteria-transports-demo.js","names":[],"sources":["../../lib/examples/criteria-transports-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransports } from '@/ui/criteria/CriteriaTransports';\nimport type { CriteriaTransportsProps } from '@/ui/criteria/CriteriaTransports';\n\nconst labels: CriteriaTransportsProps['labels'] = {\n  toggleLabel: 'Add transportation from',\n  topCitiesLabel: 'Top cities',\n  otherCitiesLabel: 'Other cities',\n  clubMedTransportTitle: 'Opt for Club Med transportation:',\n  clubMedTransportDescription:\n    'Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.',\n  reset: 'Reset',\n  apply: 'Continue',\n};\n\nconst topCities = [\n  { code: 'BOS', name: 'Boston Logan International (BOS)' },\n  { code: 'NYC', name: 'New York all airports (NYC)' },\n  { code: 'MIA', name: 'Miami International (MIA)' },\n  { code: 'LAX', name: 'Los Angeles International (LAX)' },\n  { code: 'SFO', name: 'San Francisco International (SFO)' },\n];\n\nconst otherCities = [\n  { code: 'ABQ', name: 'Albuquerque (ABQ)' },\n  { code: 'ANC', name: 'Anchorage International (ANC)' },\n  { code: 'ATL', name: 'Atlanta Hartsfield-Jackson (ATL)' },\n  { code: 'AUS', name: 'Austin-Bergstrom International (AUS)' },\n  { code: 'BNA', name: 'Nashville International (BNA)' },\n  { code: 'BUF', name: 'Buffalo Niagara International (BUF)' },\n  { code: 'CLT', name: 'Charlotte Douglas International (CLT)' },\n  { code: 'CMH', name: 'John Glenn Columbus International (CMH)' },\n  { code: 'DAL', name: 'Dallas Love Field (DAL)' },\n  { code: 'DEN', name: 'Denver International (DEN)' },\n  { code: 'DTW', name: 'Detroit Metropolitan Wayne County (DTW)' },\n  { code: 'HNL', name: 'Daniel K. Inouye International (HNL)' },\n  { code: 'IAD', name: 'Washington Dulles International (IAD)' },\n  { code: 'IND', name: 'Indianapolis International (IND)' },\n  { code: 'JAX', name: 'Jacksonville International (JAX)' },\n  { code: 'LAS', name: 'Harry Reid International (LAS)' },\n  { code: 'MCI', name: 'Kansas City International (MCI)' },\n  { code: 'MCO', name: 'Orlando International (MCO)' },\n  { code: 'MDW', name: 'Chicago Midway International (MDW)' },\n  { code: 'MEM', name: 'Memphis International (MEM)' },\n  { code: 'MSP', name: 'Minneapolis-Saint Paul International (MSP)' },\n  { code: 'MSY', name: 'Louis Armstrong New Orleans International (MSY)' },\n  { code: 'OAK', name: 'Oakland Metropolitan International (OAK)' },\n  { code: 'ORD', name: \"Chicago O'Hare International (ORD)\" },\n  { code: 'PHL', name: 'Philadelphia International (PHL)' },\n  { code: 'PHX', name: 'Phoenix Sky Harbor International (PHX)' },\n  { code: 'PIT', name: 'Pittsburgh International (PIT)' },\n  { code: 'PDX', name: 'Portland International (PDX)' },\n  { code: 'RDU', name: 'Raleigh-Durham International (RDU)' },\n  { code: 'RSW', name: 'Southwest Florida International (RSW)' },\n  { code: 'SAN', name: 'San Diego International (SAN)' },\n  { code: 'SAT', name: 'San Antonio International (SAT)' },\n  { code: 'SEA', name: 'Seattle-Tacoma International (SEA)' },\n  { code: 'SJC', name: 'Norman Y. Mineta San José International (SJC)' },\n  { code: 'SLC', name: 'Salt Lake City International (SLC)' },\n  { code: 'SMF', name: 'Sacramento International (SMF)' },\n  { code: 'SNA', name: 'John Wayne Airport Orange County (SNA)' },\n  { code: 'STL', name: 'St. Louis Lambert International (STL)' },\n  { code: 'TPA', name: 'Tampa International (TPA)' },\n  { code: 'TUL', name: 'Tulsa International (TUL)' },\n];\n\nexport default function CriteriaTransportsDemo() {\n  const [enabled, setEnabled] = useState(false);\n  const [selected, setSelected] = useState<string | null>(null);\n\n  return (\n    <div className=\"w-[380px] space-y-24\">\n      <CriteriaTransports\n        labels={labels}\n        title=\"Transport\"\n        enabled={enabled}\n        topCities={topCities}\n        otherCities={otherCities}\n        selectedAirportCode={selected}\n        onToggle={setEnabled}\n        onSelect={setSelected}\n        onReset={() => {\n          setEnabled(false);\n          setSelected(null);\n        }}\n        onApply={() => {}}\n      />\n      {selected && (\n        <p className=\"text-b4\">\n          Selected: <strong>{selected}</strong>\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAA4C;CAChD,aAAa;CACb,gBAAgB;CAChB,kBAAkB;CAClB,uBAAuB;CACvB,6BACE;CACF,OAAO;CACP,OAAO;CACR,EAEK,IAAY;CAChB;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAA+B;CACpD;EAAE,MAAM;EAAO,MAAM;EAA6B;CAClD;EAAE,MAAM;EAAO,MAAM;EAAmC;CACxD;EAAE,MAAM;EAAO,MAAM;;CACtB,EAEK,IAAc;CAClB;EAAE,MAAM;EAAO,MAAM;EAAqB;CAC1C;EAAE,MAAM;EAAO,MAAM;EAAiC;CACtD;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAAwC;CAC7D;EAAE,MAAM;EAAO,MAAM;EAAiC;CACtD;EAAE,MAAM;EAAO,MAAM;EAAuC;CAC5D;EAAE,MAAM;EAAO,MAAM;EAAyC;CAC9D;EAAE,MAAM;EAAO,MAAM;EAA2C;CAChE;EAAE,MAAM;EAAO,MAAM;EAA2B;CAChD;EAAE,MAAM;EAAO,MAAM;EAA8B;CACnD;EAAE,MAAM;EAAO,MAAM;EAA2C;CAChE;EAAE,MAAM;EAAO,MAAM;EAAwC;CAC7D;EAAE,MAAM;EAAO,MAAM;EAAyC;CAC9D;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAAkC;CACvD;EAAE,MAAM;EAAO,MAAM;EAAmC;CACxD;EAAE,MAAM;EAAO,MAAM;EAA+B;CACpD;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;EAA+B;CACpD;EAAE,MAAM;EAAO,MAAM;EAA8C;CACnE;EAAE,MAAM;EAAO,MAAM;EAAmD;CACxE;EAAE,MAAM;EAAO,MAAM;EAA4C;CACjE;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;EAAoC;CACzD;EAAE,MAAM;EAAO,MAAM;EAA0C;CAC/D;EAAE,MAAM;EAAO,MAAM;EAAkC;CACvD;EAAE,MAAM;EAAO,MAAM;EAAgC;CACrD;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;EAAyC;CAC9D;EAAE,MAAM;EAAO,MAAM;EAAiC;CACtD;EAAE,MAAM;EAAO,MAAM;EAAmC;CACxD;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;EAAiD;CACtE;EAAE,MAAM;EAAO,MAAM;EAAsC;CAC3D;EAAE,MAAM;EAAO,MAAM;EAAkC;CACvD;EAAE,MAAM;EAAO,MAAM;EAA0C;CAC/D;EAAE,MAAM;EAAO,MAAM;EAAyC;CAC9D;EAAE,MAAM;EAAO,MAAM;EAA6B;CAClD;EAAE,MAAM;EAAO,MAAM;;CACtB;AAED,SAAwB,IAAyB;CAC/C,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAU,KAAe,EAAwB,KAAK;AAE7D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACU;GACR,OAAM;GACG;GACE;GACE;GACb,qBAAqB;GACrB,UAAU;GACV,UAAU;GACV,eAAe;AAEb,IADA,EAAW,GAAM,EACjB,EAAY,KAAK;;GAEnB,eAAe;GACf,CAAA,EACD,KACC,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAuB,cACX,kBAAC,UAAD,EAAA,UAAS,GAAkB,CAAA,CAAA"}

package/examples/promises-demo.d.ts

@@ -0,0 +1 @@
+export default function PromisesDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/promises-demo.js

@@ -0,0 +1,50 @@
+"use client";
+import { Promises as e } from "../ui/Promises/Promises.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/examples/promises-demo.tsx
+function n() {
+	return /* @__PURE__ */ t(e, {
+		className: "min-h-500 w-full",
+		items: [
+			{
+				title: "The most beautiful destinations",
+				href: "#",
+				image: {
+					src: "https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=400",
+					alt: "Beautiful beach destination"
+				}
+			},
+			{
+				title: "Kids club starting from 4 months",
+				href: "#",
+				image: {
+					src: "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=400",
+					alt: "Kids playing at the club"
+				}
+			},
+			{
+				title: "The best restaurants on the coast",
+				href: "#",
+				image: {
+					src: "https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=400",
+					alt: "Fine dining restaurant"
+				}
+			}
+		],
+		labels: {
+			anchor: { continue: "Discover" },
+			layer: {
+				close: "Close menu",
+				open: "Open menu"
+			},
+			scroller: {
+				previous: "Previous",
+				next: "Next"
+			}
+		}
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=promises-demo.js.map

package/examples/promises-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"promises-demo.js","names":[],"sources":["../../lib/examples/promises-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Promises } from '@/ui/Promises/Promises';\n\nexport default function PromisesDemo() {\n  return (\n    <Promises\n      className=\"min-h-500 w-full\"\n      items={[\n        {\n          title: 'The most beautiful destinations',\n          href: '#',\n          image: {\n            src: 'https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=400',\n            alt: 'Beautiful beach destination',\n          },\n        },\n        {\n          title: 'Kids club starting from 4 months',\n          href: '#',\n          image: {\n            src: 'https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=400',\n            alt: 'Kids playing at the club',\n          },\n        },\n        {\n          title: 'The best restaurants on the coast',\n          href: '#',\n          image: {\n            src: 'https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=400',\n            alt: 'Fine dining restaurant',\n          },\n        },\n      ]}\n      labels={{\n        anchor: { continue: 'Discover' },\n        layer: { close: 'Close menu', open: 'Open menu' },\n        scroller: { previous: 'Previous', next: 'Next' },\n      }}\n    />\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAe;AACrC,QACE,kBAAC,GAAD;EACE,WAAU;EACV,OAAO;GACL;IACE,OAAO;IACP,MAAM;IACN,OAAO;KACL,KAAK;KACL,KAAK;;IAER;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;KACL,KAAK;KACL,KAAK;;IAER;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;KACL,KAAK;KACL,KAAK;;;GAGV;EACD,QAAQ;GACN,QAAQ,EAAE,UAAU,YAAY;GAChC,OAAO;IAAE,OAAO;IAAc,MAAM;IAAa;GACjD,UAAU;IAAE,UAAU;IAAY,MAAM;;;EAE1C,CAAA"}

package/examples/sparkle-wrapper-demo.d.ts

@@ -0,0 +1 @@
+export default function SparkleWrapperDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/sparkle-wrapper-demo.js

@@ -0,0 +1,34 @@
+"use client";
+import { SparkleWrapper as e } from "../ui/SparkleWrapper.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/examples/sparkle-wrapper-demo.tsx
+function i() {
+	let [i, a] = t(0);
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col items-center gap-48 p-48",
+		children: [
+			/* @__PURE__ */ n(e, {
+				count: 3,
+				children: /* @__PURE__ */ n("div", {
+					className: "bg-saffron text-black font-bold px-20 py-12 rounded-pill text-b3",
+					children: "✨ New feature"
+				})
+			}, i),
+			/* @__PURE__ */ n(e, { children: /* @__PURE__ */ n("span", {
+				className: "text-h4 font-bold",
+				children: "🎉 Congratulations!"
+			}) }, `b-${i}`),
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: () => a((e) => e + 1),
+				className: "px-20 py-10 rounded-pill border-2 border-black font-semibold text-b3 hover:bg-black hover:text-white transition-colors cursor-pointer",
+				children: "Replay animation"
+			})
+		]
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=sparkle-wrapper-demo.js.map

package/examples/sparkle-wrapper-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkle-wrapper-demo.js","names":[],"sources":["../../lib/examples/sparkle-wrapper-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { SparkleWrapper } from '@/ui/SparkleWrapper';\n\nexport default function SparkleWrapperDemo() {\n  const [key, setKey] = useState(0);\n\n  return (\n    <div className=\"flex flex-col items-center gap-48 p-48\">\n      <SparkleWrapper count={3} key={key}>\n        <div className=\"bg-saffron text-black font-bold px-20 py-12 rounded-pill text-b3\">\n          ✨ New feature\n        </div>\n      </SparkleWrapper>\n\n      <SparkleWrapper key={`b-${key}`}>\n        <span className=\"text-h4 font-bold\">🎉 Congratulations!</span>\n      </SparkleWrapper>\n\n      <button\n        type=\"button\"\n        onClick={() => setKey((k) => k + 1)}\n        className=\"px-20 py-10 rounded-pill border-2 border-black font-semibold text-b3 hover:bg-black hover:text-white transition-colors cursor-pointer\"\n      >\n        Replay animation\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAqB;CAC3C,IAAM,CAAC,GAAK,KAAU,EAAS,EAAE;AAEjC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAgB,OAAO;cACrB,kBAAC,OAAD;KAAK,WAAU;eAAmE;KAE5E,CAAA;IACS,EAJc,EAId;GAEjB,kBAAC,GAAD,EAAA,UACE,kBAAC,QAAD;IAAM,WAAU;cAAoB;IAA0B,CAAA,EAC/C,EAFI,KAAK,IAET;GAEjB,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,GAAQ,MAAM,IAAI,EAAE;IACnC,WAAU;cACX;IAEQ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "2.0.0-beta.74",
+  "version": "2.0.0-beta.76",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [

package/styles/animate.css

@@ -299,3 +299,22 @@
     transform: translateX(0px);
   }
 }
+
+@keyframes sparkle-fly {
+  0% {
+    opacity: 1;
+    transform: translate(
+        calc(-50% + var(--sparkle-start-x, 0px)),
+        calc(-50% + var(--sparkle-start-y, 0px))
+      )
+      scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: translate(
+        calc(-50% + var(--sparkle-end-x, 0px)),
+        calc(-50% + var(--sparkle-end-y, 0px))
+      )
+      scale(0);
+  }
+}

package/styles/theme.css

@@ -174,4 +174,5 @@
   --animate-zoom-in: zoom-in 220ms cubic-bezier(0.2, 0.8, 0.2, 1) forwards; /* NOT IN DCX */
   --animate-zoom-out: zoom-out 180ms cubic-bezier(0.4, 0, 1, 1) forwards; /* NOT IN DCX */
   --animate-wiggle: wiggle 0.75s ease-in-out;
+  --animate-sparkle-fly: sparkle-fly 900ms ease-out both;
 }