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

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,118 @@
+"use client";
+import { CriteriaTransports as e } from "../ui/criteria/CriteriaTransports.js";
+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 = {
+	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"
+}, 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] space-y-24",
+		children: [/* @__PURE__ */ n(e, {
+			mode: "b2b",
+			labels: i,
+			b2bLabels: a,
+			title: "Transport",
+			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: () => {
+				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 { l 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 {\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.d.ts

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

package/examples/criteria-transports-demo.js

@@ -0,0 +1,223 @@
+"use client";
+import { CriteriaTransports as e } from "../ui/criteria/CriteriaTransports.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/examples/criteria-transports-demo.tsx
+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: s,
+			topCities: a,
+			otherCities: o,
+			selectedAirportCode: l,
+			onToggle: c,
+			onSelect: u,
+			onReset: () => {
+				c(!1), u(null);
+			},
+			onApply: () => {}
+		}), l && /* @__PURE__ */ r("p", {
+			className: "text-b4",
+			children: ["Selected: ", /* @__PURE__ */ n("strong", { children: l })]
+		})]
+	});
+}
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=criteria-transports-demo.js.map