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

package/examples/accordion-multiple-demo.js

@@ -0,0 +1,79 @@
+"use client";
+import { Accordion as e } from "../ui/Accordion.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/examples/accordion-multiple-demo.tsx
+var r = [
+	{
+		header: /* @__PURE__ */ n("span", {
+			className: "flex w-full items-center justify-between py-16 text-left font-semibold",
+			children: ["Outbound — Paris CDG → Bali DPS", /* @__PURE__ */ t("span", {
+				className: "ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180",
+				children: "▾"
+			})]
+		}),
+		content: /* @__PURE__ */ n("ul", {
+			className: "space-y-8 pb-16 text-sm text-black/70",
+			children: [
+				/* @__PURE__ */ t("li", { children: "✈ CDG → DXB — 6 h 30 min — Emirates EK 76" }),
+				/* @__PURE__ */ t("li", { children: "✈ DXB → DPS — 8 h 05 min — Emirates EK 368" }),
+				/* @__PURE__ */ t("li", {
+					className: "font-medium text-black",
+					children: "Total travel time: 17 h 25 min (1 stop)"
+				})
+			]
+		})
+	},
+	{
+		header: /* @__PURE__ */ n("span", {
+			className: "flex w-full items-center justify-between py-16 text-left font-semibold",
+			children: ["Return — Bali DPS → Paris CDG", /* @__PURE__ */ t("span", {
+				className: "ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180",
+				children: "▾"
+			})]
+		}),
+		content: /* @__PURE__ */ n("ul", {
+			className: "space-y-8 pb-16 text-sm text-black/70",
+			children: [
+				/* @__PURE__ */ t("li", { children: "✈ DPS → SIN — 2 h 35 min — Singapore Airlines SQ 938" }),
+				/* @__PURE__ */ t("li", { children: "✈ SIN → CDG — 13 h 05 min — Singapore Airlines SQ 336" }),
+				/* @__PURE__ */ t("li", {
+					className: "font-medium text-black",
+					children: "Total travel time: 17 h 55 min (1 stop)"
+				})
+			]
+		})
+	},
+	{
+		header: /* @__PURE__ */ n("span", {
+			className: "flex w-full items-center justify-between py-16 text-left font-semibold",
+			children: ["Baggage & fare conditions", /* @__PURE__ */ t("span", {
+				className: "ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180",
+				children: "▾"
+			})]
+		}),
+		content: /* @__PURE__ */ n("ul", {
+			className: "space-y-8 pb-16 text-sm text-black/70",
+			children: [
+				/* @__PURE__ */ t("li", { children: "🧳 1 × 23 kg checked bag included per passenger" }),
+				/* @__PURE__ */ t("li", { children: "👜 1 × 7 kg carry-on included" }),
+				/* @__PURE__ */ t("li", { children: "🔄 Changes allowed with fee before departure" }),
+				/* @__PURE__ */ t("li", { children: "❌ Non-refundable after ticketing" })
+			]
+		})
+	}
+];
+function i() {
+	return /* @__PURE__ */ t("div", {
+		className: "w-full max-w-lg space-y-12",
+		children: /* @__PURE__ */ t(e, {
+			items: r,
+			allowMultiple: !0,
+			className: "divide-y divide-black/10 rounded-12 border border-black/10",
+			"aria-label": "Flight details"
+		})
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=accordion-multiple-demo.js.map

package/examples/accordion-multiple-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-multiple-demo.js","names":[],"sources":["../../lib/examples/accordion-multiple-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion } from '@/ui/Accordion';\n\nconst items = [\n  {\n    header: (\n      <span className=\"flex w-full items-center justify-between py-16 text-left font-semibold\">\n        Outbound — Paris CDG → Bali DPS\n        <span className=\"ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180\">\n          ▾\n        </span>\n      </span>\n    ),\n    content: (\n      <ul className=\"space-y-8 pb-16 text-sm text-black/70\">\n        <li>✈ CDG → DXB — 6 h 30 min — Emirates EK 76</li>\n        <li>✈ DXB → DPS — 8 h 05 min — Emirates EK 368</li>\n        <li className=\"font-medium text-black\">Total travel time: 17 h 25 min (1 stop)</li>\n      </ul>\n    ),\n  },\n  {\n    header: (\n      <span className=\"flex w-full items-center justify-between py-16 text-left font-semibold\">\n        Return — Bali DPS → Paris CDG\n        <span className=\"ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180\">\n          ▾\n        </span>\n      </span>\n    ),\n    content: (\n      <ul className=\"space-y-8 pb-16 text-sm text-black/70\">\n        <li>✈ DPS → SIN — 2 h 35 min — Singapore Airlines SQ 938</li>\n        <li>✈ SIN → CDG — 13 h 05 min — Singapore Airlines SQ 336</li>\n        <li className=\"font-medium text-black\">Total travel time: 17 h 55 min (1 stop)</li>\n      </ul>\n    ),\n  },\n  {\n    header: (\n      <span className=\"flex w-full items-center justify-between py-16 text-left font-semibold\">\n        Baggage & fare conditions\n        <span className=\"ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180\">\n          ▾\n        </span>\n      </span>\n    ),\n    content: (\n      <ul className=\"space-y-8 pb-16 text-sm text-black/70\">\n        <li>🧳 1 × 23 kg checked bag included per passenger</li>\n        <li>👜 1 × 7 kg carry-on included</li>\n        <li>🔄 Changes allowed with fee before departure</li>\n        <li>❌ Non-refundable after ticketing</li>\n      </ul>\n    ),\n  },\n];\n\nexport default function AccordionMultipleDemo() {\n  return (\n    <div className=\"w-full max-w-lg space-y-12\">\n      <Accordion\n        items={items}\n        allowMultiple\n        className=\"divide-y divide-black/10 rounded-12 border border-black/10\"\n        aria-label=\"Flight details\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,IAAM,IAAQ;CACZ;EACE,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAAyF,mCAEvF,kBAAC,QAAD;IAAM,WAAU;cAAsF;IAE/F,CAAA,CAAA;;EAGX,SACE,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,MAAD,EAAA,UAAI,6CAA8C,CAAA;IAClD,kBAAC,MAAD,EAAA,UAAI,8CAA+C,CAAA;IACnD,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAA4C,CAAA;;;EAGxF;CACD;EACE,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAAyF,iCAEvF,kBAAC,QAAD;IAAM,WAAU;cAAsF;IAE/F,CAAA,CAAA;;EAGX,SACE,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,MAAD,EAAA,UAAI,wDAAyD,CAAA;IAC7D,kBAAC,MAAD,EAAA,UAAI,yDAA0D,CAAA;IAC9D,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAA4C,CAAA;;;EAGxF;CACD;EACE,QACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CAAyF,6BAEvF,kBAAC,QAAD;IAAM,WAAU;cAAsF;IAE/F,CAAA,CAAA;;EAGX,SACE,kBAAC,MAAD;GAAI,WAAU;aAAd;IACE,kBAAC,MAAD,EAAA,UAAI,mDAAoD,CAAA;IACxD,kBAAC,MAAD,EAAA,UAAI,iCAAkC,CAAA;IACtC,kBAAC,MAAD,EAAA,UAAI,gDAAiD,CAAA;IACrD,kBAAC,MAAD,EAAA,UAAI,oCAAqC,CAAA;;;;CAIhD;AAED,SAAwB,IAAwB;AAC9C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACP,eAAA;GACA,WAAU;GACV,cAAW;GACX,CAAA;EACE,CAAA"}

package/examples/accordion-trigger-wrapper-demo.d.ts

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

package/examples/accordion-trigger-wrapper-demo.js

@@ -0,0 +1,80 @@
+"use client";
+import { Accordion as e } from "../ui/Accordion.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/examples/accordion-trigger-wrapper-demo.tsx
+var r = [
+	{
+		id: "what-is-trident",
+		header: "What is Trident UI?",
+		content: /* @__PURE__ */ t("p", {
+			className: "pb-16 text-sm text-black/70",
+			children: "Trident UI is ClubMed's open-source component library built on React and Tailwind CSS. It provides accessible, composable primitives for building consistent product interfaces."
+		})
+	},
+	{
+		id: "how-to-install",
+		header: "How do I install it?",
+		content: /* @__PURE__ */ n("p", {
+			className: "pb-16 text-sm text-black/70",
+			children: [
+				"Run",
+				" ",
+				/* @__PURE__ */ t("code", {
+					className: "rounded bg-black/5 px-4 py-1 font-mono text-xs",
+					children: "npx shadcn@latest add https://develop.trident-ui.pro.clubmed/r/accordion.json"
+				}),
+				" ",
+				"to add the component to your project."
+			]
+		})
+	},
+	{
+		id: "allow-multiple",
+		header: "Does it support multiple open panels?",
+		content: /* @__PURE__ */ n("p", {
+			className: "pb-16 text-sm text-black/70",
+			children: [
+				"Yes — pass",
+				" ",
+				/* @__PURE__ */ t("code", {
+					className: "rounded bg-black/5 px-4 py-1 font-mono text-xs",
+					children: "allowMultiple"
+				}),
+				" to let any number of panels be open at the same time."
+			]
+		})
+	}
+];
+function i(e) {
+	return /* @__PURE__ */ n("span", {
+		className: "flex w-full items-center justify-between py-16 text-left font-semibold",
+		children: [
+			"Tab Item: ",
+			e,
+			/* @__PURE__ */ t("span", {
+				className: "ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180",
+				children: "▾"
+			})
+		]
+	});
+}
+function a() {
+	return /* @__PURE__ */ n("div", {
+		className: "w-full max-w-lg space-y-12",
+		children: [
+			/* @__PURE__ */ n("div", { children: ["Trigger: ", /* @__PURE__ */ t("span", { children: "Header" })] }),
+			/* @__PURE__ */ n("div", { children: ["Wrapped trigger :", i("Header")] }),
+			/* @__PURE__ */ t(e, {
+				items: r,
+				triggerWrapper: i,
+				className: "divide-y divide-black/10 rounded-12 border border-black/10",
+				"aria-label": "FAQ"
+			})
+		]
+	});
+}
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=accordion-trigger-wrapper-demo.js.map

package/examples/accordion-trigger-wrapper-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-trigger-wrapper-demo.js","names":[],"sources":["../../lib/examples/accordion-trigger-wrapper-demo.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\n\nimport { Accordion } from '@/ui/Accordion';\n\nconst items = [\n  {\n    id: 'what-is-trident',\n    header: 'What is Trident UI?',\n    content: (\n      <p className=\"pb-16 text-sm text-black/70\">\n        Trident UI is ClubMed&apos;s open-source component library built on React and Tailwind CSS.\n        It provides accessible, composable primitives for building consistent product interfaces.\n      </p>\n    ),\n  },\n  {\n    id: 'how-to-install',\n    header: 'How do I install it?',\n    content: (\n      <p className=\"pb-16 text-sm text-black/70\">\n        Run{' '}\n        <code className=\"rounded bg-black/5 px-4 py-1 font-mono text-xs\">\n          npx shadcn@latest add https://develop.trident-ui.pro.clubmed/r/accordion.json\n        </code>{' '}\n        to add the component to your project.\n      </p>\n    ),\n  },\n  {\n    id: 'allow-multiple',\n    header: 'Does it support multiple open panels?',\n    content: (\n      <p className=\"pb-16 text-sm text-black/70\">\n        Yes — pass{' '}\n        <code className=\"rounded bg-black/5 px-4 py-1 font-mono text-xs\">allowMultiple</code> to let\n        any number of panels be open at the same time.\n      </p>\n    ),\n  },\n];\n\nfunction triggerWrapper(children: ReactNode) {\n  return (\n    <span className=\"flex w-full items-center justify-between py-16 text-left font-semibold\">\n      Tab Item: {children}\n      <span className=\"ml-8 text-sm opacity-60 transition-transform in-[[aria-expanded='true']]:rotate-180\">\n        ▾\n      </span>\n    </span>\n  );\n}\n\nexport default function AccordionTriggerWrapperDemo() {\n  return (\n    <div className=\"w-full max-w-lg space-y-12\">\n      <div>\n        Trigger: <span>Header</span>\n      </div>\n      <div>Wrapped trigger :{triggerWrapper('Header')}</div>\n      <Accordion\n        items={items}\n        triggerWrapper={triggerWrapper}\n        className=\"divide-y divide-black/10 rounded-12 border border-black/10\"\n        aria-label=\"FAQ\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAQ;CACZ;EACE,IAAI;EACJ,QAAQ;EACR,SACE,kBAAC,KAAD;GAAG,WAAU;aAA8B;GAGvC,CAAA;EAEP;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE,kBAAC,KAAD;GAAG,WAAU;aAAb;IAA2C;IACrC;IACJ,kBAAC,QAAD;KAAM,WAAU;eAAiD;KAE1D,CAAA;IAAC;IAAI;;;EAIjB;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE,kBAAC,KAAD;GAAG,WAAU;aAAb;IAA2C;IAC9B;IACX,kBAAC,QAAD;KAAM,WAAU;eAAiD;KAAoB,CAAA;;;;;CAK5F;AAED,SAAS,EAAe,GAAqB;AAC3C,QACE,kBAAC,QAAD;EAAM,WAAU;YAAhB;GAAyF;GAC5E;GACX,kBAAC,QAAD;IAAM,WAAU;cAAsF;IAE/F,CAAA;;;;AAKb,SAAwB,IAA8B;AACpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CAAK,aACM,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA,CACxB,EAAA,CAAA;GACN,kBAAC,OAAD,EAAA,UAAA,CAAK,qBAAkB,EAAe,SAAS,CAAO,EAAA,CAAA;GACtD,kBAAC,GAAD;IACS;IACS;IAChB,WAAU;IACV,cAAW;IACX,CAAA"}

package/examples/avatar-demo.js

@@ -1,21 +1,21 @@
 "use client";
 import { Avatar as e } from "../ui/Avatar.js";
-import { Icon as t } from "@clubmed/trident-icons";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Icon as r } from "@clubmed/trident-icons";
 //#region lib/examples/avatar-demo.tsx
 function i() {
-	return /* @__PURE__ */ r("div", { children: [
+	return /* @__PURE__ */ n("div", { children: [
 		"Avatar using text:",
-		/* @__PURE__ */ n(e, { alt: "John Doe" }),
+		/* @__PURE__ */ t(e, { alt: "John Doe" }),
 		"Avatar using image:",
-		/* @__PURE__ */ n(e, {
+		/* @__PURE__ */ t(e, {
 			alt: "John Doe",
 			src: "https://randomuser.me/api/portraits/men/75.jpg"
 		}),
 		"Avatar using icon:",
-		/* @__PURE__ */ n(e, {
+		/* @__PURE__ */ t(e, {
 			alt: "John Doe",
-			children: /* @__PURE__ */ n(t, {
+			children: /* @__PURE__ */ t(r, {
 				name: "PeopleSingle",
 				width: "24px"
 			})

package/examples/card-list-demo.js

@@ -1,33 +1,33 @@
 "use client";
 import { Card as e } from "../ui/cards/Card.js";
 import { Chip as t } from "../ui/Chip.js";
-import { Icon as n } from "@clubmed/trident-icons";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Icon as i } from "@clubmed/trident-icons";
 //#region lib/examples/card-list-demo.tsx
 function a() {
-	return /* @__PURE__ */ i(e, {
+	return /* @__PURE__ */ r(e, {
 		className: "p-20 w-full max-w-sm",
 		children: [
-			/* @__PURE__ */ r(t, {
+			/* @__PURE__ */ n(t, {
 				theme: "solid",
 				color: "lightSand",
 				size: "size-48",
 				className: "mb-12",
-				children: /* @__PURE__ */ r(n, {
+				children: /* @__PURE__ */ n(i, {
 					name: "Check",
 					width: "24px"
 				})
 			}),
-			/* @__PURE__ */ r("h3", {
+			/* @__PURE__ */ n("h3", {
 				className: "text-18 font-bold mb-12",
 				children: "What's Included"
 			}),
-			/* @__PURE__ */ i("ul", {
+			/* @__PURE__ */ r("ul", {
 				className: "list-disc ps-12 text-14 space-y-4",
 				children: [
-					/* @__PURE__ */ r("li", { children: "All meals included" }),
-					/* @__PURE__ */ r("li", { children: "Premium accommodation" }),
-					/* @__PURE__ */ r("li", { children: "Activity pass" })
+					/* @__PURE__ */ n("li", { children: "All meals included" }),
+					/* @__PURE__ */ n("li", { children: "Premium accommodation" }),
+					/* @__PURE__ */ n("li", { children: "Activity pass" })
 				]
 			})
 		]

package/examples/card-no-border-demo.js

@@ -1,28 +1,28 @@
 "use client";
 import { Card as e } from "../ui/cards/Card.js";
 import { Chip as t } from "../ui/Chip.js";
-import { Icon as n } from "@clubmed/trident-icons";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Icon as i } from "@clubmed/trident-icons";
 //#region lib/examples/card-no-border-demo.tsx
 function a() {
-	return /* @__PURE__ */ i(e, {
+	return /* @__PURE__ */ r(e, {
 		theme: "none",
 		className: "p-24 w-full max-w-sm",
 		children: [
-			/* @__PURE__ */ r(t, {
+			/* @__PURE__ */ n(t, {
 				theme: "solid",
 				color: "lightSand",
 				size: "size-48",
-				children: /* @__PURE__ */ r(n, {
+				children: /* @__PURE__ */ n(i, {
 					name: "Star",
 					width: "24px"
 				})
 			}),
-			/* @__PURE__ */ r("h3", {
+			/* @__PURE__ */ n("h3", {
 				className: "text-18 font-bold mt-12 mb-8",
 				children: "Premium Service"
 			}),
-			/* @__PURE__ */ r("p", {
+			/* @__PURE__ */ n("p", {
 				className: "text-14 text-grey",
 				children: "Experience luxury with our exclusive offerings."
 			})

package/examples/chip-demo.js

@@ -1,14 +1,14 @@
 "use client";
 import { Chip as e } from "../ui/Chip.js";
-import { Icon as t } from "@clubmed/trident-icons";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { Icon as n } from "@clubmed/trident-icons";
 //#region lib/examples/chip-demo.tsx
 function r() {
-	return /* @__PURE__ */ n(e, {
+	return /* @__PURE__ */ t(e, {
 		color: "sienna",
 		size: "size-32",
 		theme: "solid",
-		children: /* @__PURE__ */ n(t, {
+		children: /* @__PURE__ */ t(n, {
 			name: "Error",
 			width: "16px"
 		})

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

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

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

@@ -0,0 +1,51 @@
+"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";
+//#region lib/examples/criteria-transports-b2b-demo.tsx
+var i = {
+	addTransportationFrom: "Add transportation from",
+	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("");
+	return /* @__PURE__ */ r("div", {
+		className: "w-[380px] h-600",
+		children: /* @__PURE__ */ r(e, {
+			mode: "b2b",
+			labels: i,
+			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);
+			},
+			onReset: () => {
+				o(!1), c(null), m("");
+			},
+			onApply: () => {}
+		})
+	});
+}
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=criteria-transports-b2b-demo.js.map

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

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

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

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

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

@@ -0,0 +1,37 @@
+"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 } from "react/jsx-runtime";
+//#region lib/examples/criteria-transports-b2c-demo.tsx
+var a = {
+	icon: "PlaneDefault",
+	title: "Opt for Club Med transportation:",
+	description: "Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival."
+};
+function o() {
+	let [o, s] = r(!1), [c, l] = r(null);
+	return /* @__PURE__ */ i("div", {
+		className: "w-[380px] h-600",
+		children: /* @__PURE__ */ i(e, {
+			mode: "b2c",
+			labels: t,
+			title: "Transport",
+			enabled: o,
+			sections: n,
+			selectedId: c,
+			promotionalCard: a,
+			onChange: (e) => {
+				e.type === "enabled" && s(e.payload), e.type === "select" && l(e.payload);
+			},
+			onReset: () => {
+				s(!1), l(null);
+			},
+			onApply: () => {}
+		})
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=criteria-transports-b2c-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"criteria-transports-b2c-demo.js","names":[],"sources":["../../lib/examples/criteria-transports-b2c-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\nconst promotionalCard = {\n  icon: 'PlaneDefault',\n  title: 'Opt for Club Med transportation:',\n  description:\n    'Assistance and support in case of unforeseen events. Comfort guaranteed from departure to arrival.',\n};\n\nexport default function CriteriaTransportsB2cDemo() {\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  return (\n    <div className=\"w-[380px] h-600\">\n      <CriteriaTransports\n        mode=\"b2c\"\n        labels={transportLabels}\n        title=\"Transport\"\n        enabled={enabled}\n        sections={transportSections}\n        selectedId={selectedId}\n        promotionalCard={promotionalCard}\n        onChange={handleChange}\n        onReset={() => {\n          setEnabled(false);\n          setSelectedId(null);\n        }}\n        onApply={() => {}}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAkB;CACtB,MAAM;CACN,OAAO;CACP,aACE;CACH;AAED,SAAwB,IAA4B;CAClD,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAY,KAAiB,EAAwB,KAAK;AAOjE,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,MAAK;GACL,QAAQ;GACR,OAAM;GACG;GACT,UAAU;GACE;GACK;GACjB,WAfgB,MAAqC;AAEzD,IADI,EAAO,SAAS,aAAW,EAAW,EAAO,QAAQ,EACrD,EAAO,SAAS,YAAU,EAAc,EAAO,QAAQ;;GAcvD,eAAe;AAEb,IADA,EAAW,GAAM,EACjB,EAAc,KAAK;;GAErB,eAAe;GACf,CAAA;EACE,CAAA"}

package/examples/criteria-transports-data.d.ts

@@ -0,0 +1,7 @@
+import { TransportSection } from '../ui/criteria/CriteriaTransports';
+export declare const transportLabels: {
+    addTransportationFrom: string;
+    reset: string;
+    apply: string;
+};
+export declare const transportSections: TransportSection[];

package/examples/criteria-transports-data.js

@@ -0,0 +1,151 @@
+//#region lib/examples/criteria-transports-data.ts
+var e = {
+	addTransportationFrom: "Add transportation from",
+	reset: "Reset",
+	apply: "Continue"
+}, t = [
+	{
+		title: "Top cities",
+		options: [
+			{
+				id: "bos",
+				label: "Boston Logan International (BOS)"
+			},
+			{
+				id: "nyc",
+				label: "New York all airports (NYC)"
+			},
+			{
+				id: "mia",
+				label: "Miami International (MIA)"
+			},
+			{
+				id: "lax",
+				label: "Los Angeles International (LAX)"
+			},
+			{
+				id: "ord",
+				label: "Chicago O'Hare International (ORD)"
+			},
+			{
+				id: "atl",
+				label: "Atlanta Hartsfield-Jackson (ATL)"
+			}
+		]
+	},
+	{
+		title: "East Coast",
+		options: [
+			{
+				id: "jfk",
+				label: "New York John F. Kennedy (JFK)"
+			},
+			{
+				id: "ewr",
+				label: "Newark Liberty International (EWR)"
+			},
+			{
+				id: "phl",
+				label: "Philadelphia International (PHL)"
+			},
+			{
+				id: "dca",
+				label: "Washington Reagan National (DCA)"
+			},
+			{
+				id: "iad",
+				label: "Washington Dulles International (IAD)"
+			},
+			{
+				id: "bwi",
+				label: "Baltimore/Washington International (BWI)"
+			},
+			{
+				id: "rdu",
+				label: "Raleigh-Durham International (RDU)"
+			},
+			{
+				id: "clt",
+				label: "Charlotte Douglas International (CLT)"
+			}
+		]
+	},
+	{
+		title: "South & Midwest",
+		options: [
+			{
+				id: "msy",
+				label: "New Orleans Louis Armstrong (MSY)"
+			},
+			{
+				id: "hou",
+				label: "Houston William P. Hobby (HOU)"
+			},
+			{
+				id: "iah",
+				label: "Houston George Bush Intercontinental (IAH)"
+			},
+			{
+				id: "dfw",
+				label: "Dallas/Fort Worth International (DFW)"
+			},
+			{
+				id: "sat",
+				label: "San Antonio International (SAT)"
+			},
+			{
+				id: "mci",
+				label: "Kansas City International (MCI)"
+			},
+			{
+				id: "stl",
+				label: "St. Louis Lambert International (STL)"
+			},
+			{
+				id: "ind",
+				label: "Indianapolis International (IND)"
+			}
+		]
+	},
+	{
+		title: "West Coast & Mountain",
+		options: [
+			{
+				id: "sfo",
+				label: "San Francisco International (SFO)"
+			},
+			{
+				id: "sea",
+				label: "Seattle-Tacoma International (SEA)"
+			},
+			{
+				id: "pdx",
+				label: "Portland International (PDX)"
+			},
+			{
+				id: "las",
+				label: "Las Vegas Harry Reid International (LAS)"
+			},
+			{
+				id: "phx",
+				label: "Phoenix Sky Harbor International (PHX)"
+			},
+			{
+				id: "den",
+				label: "Denver International (DEN)"
+			},
+			{
+				id: "slc",
+				label: "Salt Lake City International (SLC)"
+			},
+			{
+				id: "abq",
+				label: "Albuquerque International Sunport (ABQ)"
+			}
+		]
+	}
+];
+//#endregion
+export { e as transportLabels, t as transportSections };
+
+//# sourceMappingURL=criteria-transports-data.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"criteria-transports-data.js","names":[],"sources":["../../lib/examples/criteria-transports-data.ts"],"sourcesContent":["import type { TransportSection } from '@/ui/criteria/CriteriaTransports';\n\nexport const transportLabels = {\n  addTransportationFrom: 'Add transportation from',\n  reset: 'Reset',\n  apply: 'Continue',\n};\n\nexport const transportSections: TransportSection[] = [\n  {\n    title: 'Top cities',\n    options: [\n      { id: 'bos', label: 'Boston Logan International (BOS)' },\n      { id: 'nyc', label: 'New York all airports (NYC)' },\n      { id: 'mia', label: 'Miami International (MIA)' },\n      { id: 'lax', label: 'Los Angeles International (LAX)' },\n      { id: 'ord', label: \"Chicago O'Hare International (ORD)\" },\n      { id: 'atl', label: 'Atlanta Hartsfield-Jackson (ATL)' },\n    ],\n  },\n  {\n    title: 'East Coast',\n    options: [\n      { id: 'jfk', label: 'New York John F. Kennedy (JFK)' },\n      { id: 'ewr', label: 'Newark Liberty International (EWR)' },\n      { id: 'phl', label: 'Philadelphia International (PHL)' },\n      { id: 'dca', label: 'Washington Reagan National (DCA)' },\n      { id: 'iad', label: 'Washington Dulles International (IAD)' },\n      { id: 'bwi', label: 'Baltimore/Washington International (BWI)' },\n      { id: 'rdu', label: 'Raleigh-Durham International (RDU)' },\n      { id: 'clt', label: 'Charlotte Douglas International (CLT)' },\n    ],\n  },\n  {\n    title: 'South & Midwest',\n    options: [\n      { id: 'msy', label: 'New Orleans Louis Armstrong (MSY)' },\n      { id: 'hou', label: 'Houston William P. Hobby (HOU)' },\n      { id: 'iah', label: 'Houston George Bush Intercontinental (IAH)' },\n      { id: 'dfw', label: 'Dallas/Fort Worth International (DFW)' },\n      { id: 'sat', label: 'San Antonio International (SAT)' },\n      { id: 'mci', label: 'Kansas City International (MCI)' },\n      { id: 'stl', label: 'St. Louis Lambert International (STL)' },\n      { id: 'ind', label: 'Indianapolis International (IND)' },\n    ],\n  },\n  {\n    title: 'West Coast & Mountain',\n    options: [\n      { id: 'sfo', label: 'San Francisco International (SFO)' },\n      { id: 'sea', label: 'Seattle-Tacoma International (SEA)' },\n      { id: 'pdx', label: 'Portland International (PDX)' },\n      { id: 'las', label: 'Las Vegas Harry Reid International (LAS)' },\n      { id: 'phx', label: 'Phoenix Sky Harbor International (PHX)' },\n      { id: 'den', label: 'Denver International (DEN)' },\n      { id: 'slc', label: 'Salt Lake City International (SLC)' },\n      { id: 'abq', label: 'Albuquerque International Sunport (ABQ)' },\n    ],\n  },\n];\n"],"mappings":";AAEA,IAAa,IAAkB;CAC7B,uBAAuB;CACvB,OAAO;CACP,OAAO;CACR,EAEY,IAAwC;CACnD;EACE,OAAO;EACP,SAAS;GACP;IAAE,IAAI;IAAO,OAAO;IAAoC;GACxD;IAAE,IAAI;IAAO,OAAO;IAA+B;GACnD;IAAE,IAAI;IAAO,OAAO;IAA6B;GACjD;IAAE,IAAI;IAAO,OAAO;IAAmC;GACvD;IAAE,IAAI;IAAO,OAAO;IAAsC;GAC1D;IAAE,IAAI;IAAO,OAAO;IAAoC;GACzD;EACF;CACD;EACE,OAAO;EACP,SAAS;GACP;IAAE,IAAI;IAAO,OAAO;IAAkC;GACtD;IAAE,IAAI;IAAO,OAAO;IAAsC;GAC1D;IAAE,IAAI;IAAO,OAAO;IAAoC;GACxD;IAAE,IAAI;IAAO,OAAO;IAAoC;GACxD;IAAE,IAAI;IAAO,OAAO;IAAyC;GAC7D;IAAE,IAAI;IAAO,OAAO;IAA4C;GAChE;IAAE,IAAI;IAAO,OAAO;IAAsC;GAC1D;IAAE,IAAI;IAAO,OAAO;IAAyC;GAC9D;EACF;CACD;EACE,OAAO;EACP,SAAS;GACP;IAAE,IAAI;IAAO,OAAO;IAAqC;GACzD;IAAE,IAAI;IAAO,OAAO;IAAkC;GACtD;IAAE,IAAI;IAAO,OAAO;IAA8C;GAClE;IAAE,IAAI;IAAO,OAAO;IAAyC;GAC7D;IAAE,IAAI;IAAO,OAAO;IAAmC;GACvD;IAAE,IAAI;IAAO,OAAO;IAAmC;GACvD;IAAE,IAAI;IAAO,OAAO;IAAyC;GAC7D;IAAE,IAAI;IAAO,OAAO;IAAoC;GACzD;EACF;CACD;EACE,OAAO;EACP,SAAS;GACP;IAAE,IAAI;IAAO,OAAO;IAAqC;GACzD;IAAE,IAAI;IAAO,OAAO;IAAsC;GAC1D;IAAE,IAAI;IAAO,OAAO;IAAgC;GACpD;IAAE,IAAI;IAAO,OAAO;IAA4C;GAChE;IAAE,IAAI;IAAO,OAAO;IAA0C;GAC9D;IAAE,IAAI;IAAO,OAAO;IAA8B;GAClD;IAAE,IAAI;IAAO,OAAO;IAAsC;GAC1D;IAAE,IAAI;IAAO,OAAO;IAA2C;GAChE;EACF;CACF"}

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

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

package/examples/criteria-transports-demo.js

@@ -0,0 +1,34 @@
+"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";
+//#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,
+			title: "Transport",
+			enabled: o,
+			sections: n,
+			selectedId: c,
+			onChange: u,
+			onReset: () => {
+				s(!1), l(null);
+			},
+			onApply: () => {}
+		}), c && /* @__PURE__ */ a("p", {
+			className: "text-b4",
+			children: ["Selected: ", d.find((e) => e.id === c)?.label]
+		})]
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=criteria-transports-demo.js.map

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

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

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

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