@clubmed/trident-ui 2.0.0-beta.65 → 2.0.0-beta.67

package/examples/arrow-button-demo.js

@@ -5,7 +5,8 @@ import { jsx as t } from "react/jsx-runtime";
 function n() {
 	return /* @__PURE__ */ t(e, {
 		icon: "ArrowDefaultRight",
-		color: "saffron"
+		color: "saffron",
+		"aria-label": "Next slide"
 	});
 }
 //#endregion

package/examples/arrow-button-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button-demo.js","names":[],"sources":["../../lib/examples/arrow-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonDemo() {\n  return <ArrowButton icon=\"ArrowDefaultRight\" color=\"saffron\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAkB;AACxC,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAoB,OAAM;EAAY,CAAA"}
+{"version":3,"file":"arrow-button-demo.js","names":[],"sources":["../../lib/examples/arrow-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonDemo() {\n  return <ArrowButton icon=\"ArrowDefaultRight\" color=\"saffron\" aria-label=\"Next slide\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAkB;AACxC,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAoB,OAAM;EAAU,cAAW;EAAe,CAAA"}

package/examples/arrow-button-disabled-demo.js

@@ -6,7 +6,8 @@ function n() {
 	return /* @__PURE__ */ t(e, {
 		icon: "ArrowDefaultRight",
 		disabled: !0,
-		color: "saffron"
+		color: "saffron",
+		"aria-label": "Next slide"
 	});
 }
 //#endregion

package/examples/arrow-button-disabled-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button-disabled-demo.js","names":[],"sources":["../../lib/examples/arrow-button-disabled-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonDisabledDemo() {\n  return <ArrowButton icon=\"ArrowDefaultRight\" disabled color=\"saffron\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAA0B;AAChD,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAoB,UAAA;EAAS,OAAM;EAAY,CAAA"}
+{"version":3,"file":"arrow-button-disabled-demo.js","names":[],"sources":["../../lib/examples/arrow-button-disabled-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonDisabledDemo() {\n  return <ArrowButton icon=\"ArrowDefaultRight\" disabled color=\"saffron\" aria-label=\"Next slide\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAA0B;AAChD,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAoB,UAAA;EAAS,OAAM;EAAU,cAAW;EAAe,CAAA"}

package/examples/arrow-button-left-demo.js

@@ -5,7 +5,8 @@ import { jsx as t } from "react/jsx-runtime";
 function n() {
 	return /* @__PURE__ */ t(e, {
 		icon: "ArrowDefaultLeft",
-		color: "saffron"
+		color: "saffron",
+		"aria-label": "Previous slide"
 	});
 }
 //#endregion

package/examples/arrow-button-left-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button-left-demo.js","names":[],"sources":["../../lib/examples/arrow-button-left-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonLeftDemo() {\n  return <ArrowButton icon=\"ArrowDefaultLeft\" color=\"saffron\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAsB;AAC5C,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAmB,OAAM;EAAY,CAAA"}
+{"version":3,"file":"arrow-button-left-demo.js","names":[],"sources":["../../lib/examples/arrow-button-left-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonLeftDemo() {\n  return <ArrowButton icon=\"ArrowDefaultLeft\" color=\"saffron\" aria-label=\"Previous slide\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAsB;AAC5C,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAmB,OAAM;EAAU,cAAW;EAAmB,CAAA"}

package/examples/arrow-button-outline-demo.js

@@ -8,7 +8,8 @@ function n() {
 		children: /* @__PURE__ */ t(e, {
 			icon: "ArrowDefaultRight",
 			color: "white",
-			theme: "outline"
+			theme: "outline",
+			"aria-label": "Next slide"
 		})
 	});
 }

package/examples/arrow-button-outline-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button-outline-demo.js","names":[],"sources":["../../lib/examples/arrow-button-outline-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonOutlineDemo() {\n  return (\n    <div className=\"bg-ultramarine p-8 rounded\">\n      <ArrowButton icon=\"ArrowDefaultRight\" color=\"white\" theme=\"outline\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAyB;AAC/C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAa,MAAK;GAAoB,OAAM;GAAQ,OAAM;GAAY,CAAA;EAClE,CAAA"}
+{"version":3,"file":"arrow-button-outline-demo.js","names":[],"sources":["../../lib/examples/arrow-button-outline-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonOutlineDemo() {\n  return (\n    <div className=\"bg-ultramarine p-8 rounded\">\n      <ArrowButton icon=\"ArrowDefaultRight\" color=\"white\" theme=\"outline\" aria-label=\"Next slide\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAyB;AAC/C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAa,MAAK;GAAoB,OAAM;GAAQ,OAAM;GAAU,cAAW;GAAe,CAAA;EAC1F,CAAA"}

package/examples/arrow-button-tail-demo.js

@@ -5,7 +5,8 @@ import { jsx as t } from "react/jsx-runtime";
 function n() {
 	return /* @__PURE__ */ t(e, {
 		icon: "ArrowTailRight",
-		color: "saffron"
+		color: "saffron",
+		"aria-label": "Next"
 	});
 }
 //#endregion

package/examples/arrow-button-tail-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-button-tail-demo.js","names":[],"sources":["../../lib/examples/arrow-button-tail-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonTailDemo() {\n  return <ArrowButton icon=\"ArrowTailRight\" color=\"saffron\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAsB;AAC5C,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAiB,OAAM;EAAY,CAAA"}
+{"version":3,"file":"arrow-button-tail-demo.js","names":[],"sources":["../../lib/examples/arrow-button-tail-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonTailDemo() {\n  return <ArrowButton icon=\"ArrowTailRight\" color=\"saffron\" aria-label=\"Next\" />;\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAsB;AAC5C,QAAO,kBAAC,GAAD;EAAa,MAAK;EAAiB,OAAM;EAAU,cAAW;EAAS,CAAA"}

package/examples/chat-button-demo.js

@@ -5,7 +5,7 @@ import { jsx as t } from "react/jsx-runtime";
 function n() {
 	return /* @__PURE__ */ t("div", {
 		className: "w-full h-full flex items-center justify-end",
-		children: /* @__PURE__ */ t(e, {})
+		children: /* @__PURE__ */ t(e, { "aria-label": "Open Club Med assistant chat" })
 	});
 }
 //#endregion

package/examples/chat-button-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button-demo.js","names":[],"sources":["../../lib/examples/chat-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonDemo() {\n  return (\n    <div className=\"w-full h-full flex items-center justify-end\">\n      <ChatButton />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAiB;AACvC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,CAAA;EACV,CAAA"}
+{"version":3,"file":"chat-button-demo.js","names":[],"sources":["../../lib/examples/chat-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonDemo() {\n  return (\n    <div className=\"w-full h-full flex items-center justify-end\">\n      <ChatButton aria-label=\"Open Club Med assistant chat\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAiB;AACvC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAY,cAAW,gCAAiC,CAAA;EACpD,CAAA"}

package/examples/chat-button-offset-demo.js

@@ -5,7 +5,10 @@ import { jsx as t } from "react/jsx-runtime";
 function n() {
 	return /* @__PURE__ */ t("div", {
 		className: "absolute inset-0 flex items-center justify-end overflow-clip",
-		children: /* @__PURE__ */ t(e, { offset: !0 })
+		children: /* @__PURE__ */ t(e, {
+			offset: !0,
+			"aria-label": "Open Club Med assistant chat"
+		})
 	});
 }
 //#endregion

package/examples/chat-button-offset-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button-offset-demo.js","names":[],"sources":["../../lib/examples/chat-button-offset-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonOffsetDemo() {\n  return (\n    <div className=\"absolute inset-0 flex items-center justify-end overflow-clip\">\n      <ChatButton offset />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAuB;AAC7C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAY,QAAA,IAAS,CAAA;EACjB,CAAA"}
+{"version":3,"file":"chat-button-offset-demo.js","names":[],"sources":["../../lib/examples/chat-button-offset-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonOffsetDemo() {\n  return (\n    <div className=\"absolute inset-0 flex items-center justify-end overflow-clip\">\n      <ChatButton offset aria-label=\"Open Club Med assistant chat\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAuB;AAC7C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAY,QAAA;GAAO,cAAW;GAAiC,CAAA;EAC3D,CAAA"}

package/examples/chat-input-demo.js

@@ -8,6 +8,7 @@ function r() {
 	return /* @__PURE__ */ n("div", {
 		className: "w-[380px]",
 		children: /* @__PURE__ */ n(e, {
+			"aria-label": "Chat message input",
 			value: r,
 			onValueChange: i,
 			onSubmit: () => i(""),

package/examples/chat-input-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input-demo.js","names":[],"sources":["../../lib/examples/chat-input-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatInputDemo() {\n  const [value, setValue] = useState('');\n\n  return (\n    <div className=\"w-[380px]\">\n      <ChatInput\n        value={value}\n        onValueChange={setValue}\n        onSubmit={() => setValue('')}\n        onAudioClick={() => {}}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAgB;CACtC,IAAM,CAAC,GAAO,KAAY,EAAS,GAAG;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACP,eAAe;GACf,gBAAgB,EAAS,GAAG;GAC5B,oBAAoB;GACpB,CAAA;EACE,CAAA"}
+{"version":3,"file":"chat-input-demo.js","names":[],"sources":["../../lib/examples/chat-input-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatInputDemo() {\n  const [value, setValue] = useState('');\n\n  return (\n    <div className=\"w-[380px]\">\n      <ChatInput\n        aria-label=\"Chat message input\"\n        value={value}\n        onValueChange={setValue}\n        onSubmit={() => setValue('')}\n        onAudioClick={() => {}}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAgB;CACtC,IAAM,CAAC,GAAO,KAAY,EAAS,GAAG;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAW;GACJ;GACP,eAAe;GACf,gBAAgB,EAAS,GAAG;GAC5B,oBAAoB;GACpB,CAAA;EACE,CAAA"}

package/examples/chat-window-csat-demo.js

@@ -43,6 +43,7 @@ function c() {
 	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col items-center gap-12",
 		children: [/* @__PURE__ */ n(e, {
+			"aria-label": "Assistant chat",
 			ref: c,
 			messages: i,
 			inputValue: "",

package/examples/chat-window-csat-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-csat-demo.js","names":[],"sources":["../../lib/examples/chat-window-csat-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'My son is 14 years old, what activities are available for him during our stay?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Great question! For teenagers aged 13–17, Club Med offers the Passworld programme — supervised sports, creative workshops, and evening events designed specifically for that age group.',\n  },\n];\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowCsatDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        csatLabels={csatLabels}\n        csatRenderRatingLabel={csatRenderRatingLabel}\n        csatThankYouLabels={csatThankYouLabels}\n        onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.askForFeedback()}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger feedback prompt\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAqB;CAC3C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GACJ;GACW;GACH;GACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;GACnE,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,gBAAgB;GAChD,WAAU;aACX;GAEQ,CAAA,CAAA"}
+{"version":3,"file":"chat-window-csat-demo.js","names":[],"sources":["../../lib/examples/chat-window-csat-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'My son is 14 years old, what activities are available for him during our stay?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Great question! For teenagers aged 13–17, Club Med offers the Passworld programme — supervised sports, creative workshops, and evening events designed specifically for that age group.',\n  },\n];\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowCsatDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        aria-label=\"Assistant chat\"\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        csatLabels={csatLabels}\n        csatRenderRatingLabel={csatRenderRatingLabel}\n        csatThankYouLabels={csatThankYouLabels}\n        onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.askForFeedback()}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger feedback prompt\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAqB;CAC3C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAW;GACX,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GACJ;GACW;GACH;GACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;GACnE,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,gBAAgB;GAChD,WAAU;aACX;GAEQ,CAAA,CAAA"}

package/examples/chat-window-demo.js

@@ -48,6 +48,7 @@ function s() {
 		}, 2e3);
 	}
 	return /* @__PURE__ */ r(e, {
+		"aria-label": "Assistant chat",
 		ref: s,
 		messages: c,
 		inputValue: u,

package/examples/chat-window-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-demo.js","names":[],"sources":["../../lib/examples/chat-window-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n  const [messages, setMessages] = useState<ChatWindowMessage[]>([\n    {\n      id: '1',\n      sender: 'assistant',\n      content:\n        \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n    },\n    {\n      id: '2',\n      sender: 'user',\n      content:\n        'My son is 14 years old, and I would like to find activities for him during our stay.',\n    },\n  ]);\n  const [inputValue, setInputValue] = useState('');\n  const [isTyping, setIsTyping] = useState(false);\n\n  function handleSubmit() {\n    if (!inputValue.trim()) return;\n    const userMsg: ChatWindowMessage = {\n      id: Date.now().toString(),\n      sender: 'user',\n      content: inputValue,\n    };\n    setMessages((prev) => [...prev, userMsg]);\n    setInputValue('');\n    setIsTyping(true);\n    setTimeout(() => {\n      setIsTyping(false);\n      setMessages((prev) => [\n        ...prev,\n        {\n          id: (Date.now() + 1).toString(),\n          sender: 'assistant',\n          content: 'Let me look into that for you…',\n        },\n      ]);\n    }, 2000);\n  }\n\n  return (\n    <ChatWindow\n      ref={chatRef}\n      messages={messages}\n      inputValue={inputValue}\n      isTyping={isTyping}\n      onInputChange={setInputValue}\n      onSubmit={handleSubmit}\n      onClose={() => {}}\n      onAudioClick={() => {}}\n      onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n      csatLabels={csatLabels}\n      csatRenderRatingLabel={csatRenderRatingLabel}\n      csatThankYouLabels={csatThankYouLabels}\n      className=\"w-380 h-660\"\n    />\n  );\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAiB;CACvC,IAAM,IAAU,EAAyB,KAAK,EACxC,CAAC,GAAU,KAAe,EAA8B,CAC5D;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,EACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,CACF,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAU,KAAe,EAAS,GAAM;CAE/C,SAAS,IAAe;AACtB,MAAI,CAAC,EAAW,MAAM,CAAE;EACxB,IAAM,IAA6B;GACjC,IAAI,KAAK,KAAK,CAAC,UAAU;GACzB,QAAQ;GACR,SAAS;GACV;AAID,EAHA,GAAa,MAAS,CAAC,GAAG,GAAM,EAAQ,CAAC,EACzC,EAAc,GAAG,EACjB,EAAY,GAAK,EACjB,iBAAiB;AAEf,GADA,EAAY,GAAM,EAClB,GAAa,MAAS,CACpB,GAAG,GACH;IACE,KAAK,KAAK,KAAK,GAAG,GAAG,UAAU;IAC/B,QAAQ;IACR,SAAS;IACV,CACF,CAAC;KACD,IAAK;;AAGV,QACE,kBAAC,GAAD;EACE,KAAK;EACK;EACE;EACF;EACV,eAAe;EACf,UAAU;EACV,eAAe;EACf,oBAAoB;EACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;EACvD;EACW;EACH;EACpB,WAAU;EACV,CAAA"}
+{"version":3,"file":"chat-window-demo.js","names":[],"sources":["../../lib/examples/chat-window-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n  const [messages, setMessages] = useState<ChatWindowMessage[]>([\n    {\n      id: '1',\n      sender: 'assistant',\n      content:\n        \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n    },\n    {\n      id: '2',\n      sender: 'user',\n      content:\n        'My son is 14 years old, and I would like to find activities for him during our stay.',\n    },\n  ]);\n  const [inputValue, setInputValue] = useState('');\n  const [isTyping, setIsTyping] = useState(false);\n\n  function handleSubmit() {\n    if (!inputValue.trim()) return;\n    const userMsg: ChatWindowMessage = {\n      id: Date.now().toString(),\n      sender: 'user',\n      content: inputValue,\n    };\n    setMessages((prev) => [...prev, userMsg]);\n    setInputValue('');\n    setIsTyping(true);\n    setTimeout(() => {\n      setIsTyping(false);\n      setMessages((prev) => [\n        ...prev,\n        {\n          id: (Date.now() + 1).toString(),\n          sender: 'assistant',\n          content: 'Let me look into that for you…',\n        },\n      ]);\n    }, 2000);\n  }\n\n  return (\n    <ChatWindow\n      aria-label=\"Assistant chat\"\n      ref={chatRef}\n      messages={messages}\n      inputValue={inputValue}\n      isTyping={isTyping}\n      onInputChange={setInputValue}\n      onSubmit={handleSubmit}\n      onClose={() => {}}\n      onAudioClick={() => {}}\n      onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n      csatLabels={csatLabels}\n      csatRenderRatingLabel={csatRenderRatingLabel}\n      csatThankYouLabels={csatThankYouLabels}\n      className=\"w-380 h-660\"\n    />\n  );\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAiB;CACvC,IAAM,IAAU,EAAyB,KAAK,EACxC,CAAC,GAAU,KAAe,EAA8B,CAC5D;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,EACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,CACF,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAU,KAAe,EAAS,GAAM;CAE/C,SAAS,IAAe;AACtB,MAAI,CAAC,EAAW,MAAM,CAAE;EACxB,IAAM,IAA6B;GACjC,IAAI,KAAK,KAAK,CAAC,UAAU;GACzB,QAAQ;GACR,SAAS;GACV;AAID,EAHA,GAAa,MAAS,CAAC,GAAG,GAAM,EAAQ,CAAC,EACzC,EAAc,GAAG,EACjB,EAAY,GAAK,EACjB,iBAAiB;AAEf,GADA,EAAY,GAAM,EAClB,GAAa,MAAS,CACpB,GAAG,GACH;IACE,KAAK,KAAK,KAAK,GAAG,GAAG,UAAU;IAC/B,QAAQ;IACR,SAAS;IACV,CACF,CAAC;KACD,IAAK;;AAGV,QACE,kBAAC,GAAD;EACE,cAAW;EACX,KAAK;EACK;EACE;EACF;EACV,eAAe;EACf,UAAU;EACV,eAAe;EACf,oBAAoB;EACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;EACvD;EACW;EACH;EACpB,WAAU;EACV,CAAA"}

package/examples/chat-window-quotes-demo.js

@@ -45,6 +45,7 @@ function o() {
 	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col items-center gap-12",
 		children: [/* @__PURE__ */ n(e, {
+			"aria-label": "Assistant chat",
 			ref: o,
 			messages: i,
 			inputValue: "",

package/examples/chat-window-quotes-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-quotes-demo.js","names":[],"sources":["../../lib/examples/chat-window-quotes-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type { ChatWindowHandle, ChatWindowMessage, ChatWindowQuoteItem } from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'Can you show me some quotes for a family trip to the Caribbean?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Of course! Here are some resorts in the Caribbean that could be perfect for your family vacation.',\n  },\n];\n\nconst quotes: ChatWindowQuoteItem[] = [\n  {\n    id: '1',\n    resortName: 'Cancún',\n    country: 'Mexico',\n    imageUrl: 'https://picsum.photos/seed/cancun/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n    packageIncludes: [\n      'Meals and snacks at any time',\n      'Drinks, alcoholic and non-alcoholic',\n      'Sports and activities',\n    ],\n    additionalInfo: 'You can customise your transport and room category directly on the website.',\n  },\n  {\n    id: '2',\n    resortName: 'Punta Cana',\n    country: 'Dominican Republic',\n    imageUrl: 'https://picsum.photos/seed/puntacana/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n  },\n];\n\nexport default function ChatWindowQuotesDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        onQuoteCtaClick={(quote) => console.log('Selected quote:', quote.resortName)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.showQuotes(quotes)}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger quotes\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAgC,CACpC;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACL,iBAAiB;EACf;EACA;EACA;EACD;CACD,gBAAgB;CACjB,EACD;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACN,CACF;AAED,SAAwB,IAAuB;CAC7C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GAChB,kBAAkB,MAAU,QAAQ,IAAI,mBAAmB,EAAM,WAAW;GAC5E,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,WAAW,EAAO;GAClD,WAAU;aACX;GAEQ,CAAA,CAAA"}
+{"version":3,"file":"chat-window-quotes-demo.js","names":[],"sources":["../../lib/examples/chat-window-quotes-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type { ChatWindowHandle, ChatWindowMessage, ChatWindowQuoteItem } from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'Can you show me some quotes for a family trip to the Caribbean?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Of course! Here are some resorts in the Caribbean that could be perfect for your family vacation.',\n  },\n];\n\nconst quotes: ChatWindowQuoteItem[] = [\n  {\n    id: '1',\n    resortName: 'Cancún',\n    country: 'Mexico',\n    imageUrl: 'https://picsum.photos/seed/cancun/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n    packageIncludes: [\n      'Meals and snacks at any time',\n      'Drinks, alcoholic and non-alcoholic',\n      'Sports and activities',\n    ],\n    additionalInfo: 'You can customise your transport and room category directly on the website.',\n  },\n  {\n    id: '2',\n    resortName: 'Punta Cana',\n    country: 'Dominican Republic',\n    imageUrl: 'https://picsum.photos/seed/puntacana/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n  },\n];\n\nexport default function ChatWindowQuotesDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        aria-label=\"Assistant chat\"\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        onQuoteCtaClick={(quote) => console.log('Selected quote:', quote.resortName)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.showQuotes(quotes)}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger quotes\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAgC,CACpC;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACL,iBAAiB;EACf;EACA;EACA;EACD;CACD,gBAAgB;CACjB,EACD;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACN,CACF;AAED,SAAwB,IAAuB;CAC7C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAW;GACX,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GAChB,kBAAkB,MAAU,QAAQ,IAAI,mBAAmB,EAAM,WAAW;GAC5E,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,WAAW,EAAO;GAClD,WAAU;aACX;GAEQ,CAAA,CAAA"}

package/examples/checkboxes-demo.js

@@ -6,6 +6,7 @@ import { jsx as n, jsxs as r } from "react/jsx-runtime";
 function i() {
 	return /* @__PURE__ */ r(e, {
 		name: "options",
+		overrideTabIndex: !1,
 		children: [
 			/* @__PURE__ */ n(t, {
 				value: "option1",

package/examples/checkboxes-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxes-demo.js","names":[],"sources":["../../lib/examples/checkboxes-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkboxes } from '@/ui/forms/checkboxes/Checkboxes';\nimport { Filter } from '@/ui/forms/Filter';\n\nexport default function CheckboxesDemo() {\n  return (\n    <Checkboxes name=\"options\">\n      <Filter value=\"option1\">Option 1</Filter>\n      <Filter value=\"option2\">Option 2</Filter>\n      <Filter value=\"option3\">Option 3</Filter>\n    </Checkboxes>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAiB;AACvC,QACE,kBAAC,GAAD;EAAY,MAAK;YAAjB;GACE,kBAAC,GAAD;IAAQ,OAAM;cAAU;IAAiB,CAAA;GACzC,kBAAC,GAAD;IAAQ,OAAM;cAAU;IAAiB,CAAA;GACzC,kBAAC,GAAD;IAAQ,OAAM;cAAU;IAAiB,CAAA"}
+{"version":3,"file":"checkboxes-demo.js","names":[],"sources":["../../lib/examples/checkboxes-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkboxes } from '@/ui/forms/checkboxes/Checkboxes';\nimport { Filter } from '@/ui/forms/Filter';\n\nexport default function CheckboxesDemo() {\n  return (\n    <Checkboxes name=\"options\" overrideTabIndex={false}>\n      <Filter value=\"option1\">Option 1</Filter>\n      <Filter value=\"option2\">Option 2</Filter>\n      <Filter value=\"option3\">Option 3</Filter>\n    </Checkboxes>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAiB;AACvC,QACE,kBAAC,GAAD;EAAY,MAAK;EAAU,kBAAkB;YAA7C;GACE,kBAAC,GAAD;IAAQ,OAAM;cAAU;IAAiB,CAAA;GACzC,kBAAC,GAAD;IAAQ,OAAM;cAAU;IAAiB,CAAA;GACzC,kBAAC,GAAD;IAAQ,OAAM;cAAU;IAAiB,CAAA"}

package/examples/choice-expander-demo.js

@@ -11,6 +11,7 @@ function i() {
 			"Collapsed",
 			/* @__PURE__ */ n(e, {
 				label: "From $255",
+				ariaLabel: "Choose the basic package",
 				showCheckIcon: i === "basic",
 				collapseLabel: "Collapse package details",
 				expandLabel: "Expand to view package details",