@clubmed/trident-ui 2.0.0-beta.9 → 2.0.0

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/advanced-toast-demo.js

@@ -11,14 +11,14 @@ function l() {
 		n.custom((r) => /* @__PURE__ */ s(t, {
 			title: "Upload Complete",
 			body: "Your file has been successfully uploaded",
-			icon: "CheckDefault",
+			icon: "CheckFilled",
 			isVisible: r.visible,
 			labels: {
 				close: "Close",
 				details: "Details"
 			},
 			onClose: () => n.dismiss(r.id),
-			accentColor: e.orange,
+			accentColor: e.green,
 			toastId: r.id,
 			updateHeight: l.updateHeight
 		}), { duration: Infinity });

package/examples/advanced-toast-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-toast-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Upload Complete\"\n          body=\"Your file has been successfully uploaded\"\n          icon=\"CheckDefault\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.orange}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAAoB;CAC1C,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}
+{"version":3,"file":"advanced-toast-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Upload Complete\"\n          body=\"Your file has been successfully uploaded\"\n          icon=\"CheckFilled\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.green}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAAoB;CAC1C,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}

package/examples/advanced-toast-green-demo.js

@@ -11,7 +11,7 @@ function l() {
 		n.custom((r) => /* @__PURE__ */ s(t, {
 			title: "Success!",
 			body: "Your changes have been saved successfully",
-			icon: "CheckDefault",
+			icon: "CheckFilled",
 			isVisible: r.visible,
 			labels: {
 				close: "Close",

package/examples/advanced-toast-green-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-toast-green-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-green-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastGreenDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Success!\"\n          body=\"Your changes have been saved successfully\"\n          icon=\"CheckDefault\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.green}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAAyB;CAC/C,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}
+{"version":3,"file":"advanced-toast-green-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-green-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastGreenDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Success!\"\n          body=\"Your changes have been saved successfully\"\n          icon=\"CheckFilled\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.green}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAAyB;CAC/C,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}

package/examples/advanced-toast-no-dismiss-demo.js

@@ -18,7 +18,7 @@ function l() {
 				details: "Details"
 			},
 			onClose: () => n.dismiss(r.id),
-			accentColor: e.orange,
+			accentColor: e.darkGrey,
 			duration: !1,
 			toastId: r.id,
 			updateHeight: l.updateHeight

package/examples/advanced-toast-no-dismiss-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-toast-no-dismiss-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-no-dismiss-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastNoDismissDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Important Notice\"\n          body=\"This notification will not auto-dismiss\"\n          icon=\"Trident\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.orange}\n          duration={false}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAA6B;CACnD,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,UAAU;GACV,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}
+{"version":3,"file":"advanced-toast-no-dismiss-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-no-dismiss-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastNoDismissDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Important Notice\"\n          body=\"This notification will not auto-dismiss\"\n          icon=\"Trident\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.darkGrey}\n          duration={false}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAA6B;CACnD,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,UAAU;GACV,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}

package/examples/advanced-toast-red-demo.js

@@ -11,7 +11,7 @@ function l() {
 		n.custom((r) => /* @__PURE__ */ s(t, {
 			title: "Error",
 			body: "Something went wrong. Please try again.",
-			icon: "CrossDefault",
+			icon: "Error",
 			isVisible: r.visible,
 			labels: {
 				close: "Close",

package/examples/advanced-toast-red-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-toast-red-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-red-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastRedDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Error\"\n          body=\"Something went wrong. Please try again.\"\n          icon=\"CrossDefault\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.red}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAAuB;CAC7C,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}
+{"version":3,"file":"advanced-toast-red-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-red-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastRedDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Error\"\n          body=\"Something went wrong. Please try again.\"\n          icon=\"Error\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.red}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        />\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAAuB;CAC7C,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;GACvB,CAAA,EAEJ,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}

package/examples/advanced-toast-with-details-demo.js

@@ -11,14 +11,14 @@ function l() {
 		n.custom((r) => /* @__PURE__ */ s(t, {
 			title: "Upload Complete",
 			body: "Your file has been successfully uploaded",
-			icon: "CheckDefault",
+			icon: "CheckFilled",
 			isVisible: r.visible,
 			labels: {
 				close: "Close",
 				details: "Details"
 			},
 			onClose: () => n.dismiss(r.id),
-			accentColor: e.orange,
+			accentColor: e.green,
 			toastId: r.id,
 			updateHeight: l.updateHeight,
 			children: /* @__PURE__ */ c("div", {

package/examples/advanced-toast-with-details-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"advanced-toast-with-details-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-with-details-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastWithDetailsDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Upload Complete\"\n          body=\"Your file has been successfully uploaded\"\n          icon=\"CheckDefault\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.orange}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        >\n          <div className=\"text-b4\">\n            <p>File: document.pdf</p>\n            <p>Size: 2.5 MB</p>\n            <p>Uploaded at: {new Date().toLocaleTimeString()}</p>\n          </div>\n        </AdvancedToast>\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAA+B;CACrD,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;aAEvB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAG,sBAAsB,CAAA;KACzB,kBAAC,KAAD,EAAA,UAAG,gBAAgB,CAAA;KACnB,kBAAC,KAAD,EAAA,UAAA,CAAG,kCAAc,IAAI,MAAM,EAAC,oBAAoB,CAAK,EAAA,CAAA;;;GAEzC,CAAA,EAElB,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}
+{"version":3,"file":"advanced-toast-with-details-demo.js","names":[],"sources":["../../lib/examples/advanced-toast-with-details-demo.tsx"],"sourcesContent":["'use client';\n\nimport { AdvancedToast } from '@/ui/AdvancedToast';\nimport { type ToasterProps, Toaster, toast, useToaster } from 'react-hot-toast';\nimport { getHotToastConfig } from '@/ui/AdvancedToast.config';\nimport { Colors } from '@/ui/helpers/colors/colors';\n\nexport default function AdvancedToastWithDetailsDemo() {\n  const { handlers } = useToaster();\n\n  const showToast = () => {\n    toast.custom(\n      (t) => (\n        <AdvancedToast\n          title=\"Upload Complete\"\n          body=\"Your file has been successfully uploaded\"\n          icon=\"CheckFilled\"\n          isVisible={t.visible}\n          labels={{ close: 'Close', details: 'Details' }}\n          onClose={() => toast.dismiss(t.id)}\n          accentColor={Colors.green}\n          toastId={t.id}\n          updateHeight={handlers.updateHeight}\n        >\n          <div className=\"text-b4\">\n            <p>File: document.pdf</p>\n            <p>Size: 2.5 MB</p>\n            <p>Uploaded at: {new Date().toLocaleTimeString()}</p>\n          </div>\n        </AdvancedToast>\n      ),\n      { duration: Infinity },\n    );\n  };\n\n  return (\n    <>\n      <Toaster {...(getHotToastConfig() as ToasterProps)} />\n      <button onClick={showToast}>Show Toast</button>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAA+B;CACrD,IAAM,EAAE,gBAAa,GAAY,EAE3B,UAAkB;AACtB,IAAM,QACH,MACC,kBAAC,GAAD;GACE,OAAM;GACN,MAAK;GACL,MAAK;GACL,WAAW,EAAE;GACb,QAAQ;IAAE,OAAO;IAAS,SAAS;IAAW;GAC9C,eAAe,EAAM,QAAQ,EAAE,GAAG;GAClC,aAAa,EAAO;GACpB,SAAS,EAAE;GACX,cAAc,EAAS;aAEvB,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAG,sBAAsB,CAAA;KACzB,kBAAC,KAAD,EAAA,UAAG,gBAAgB,CAAA;KACnB,kBAAC,KAAD,EAAA,UAAA,CAAG,kCAAc,IAAI,MAAM,EAAC,oBAAoB,CAAK,EAAA,CAAA;;;GAEzC,CAAA,EAElB,EAAE,UAAU,UAAU,CACvB;;AAGH,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAS,GAAK,GAAmB,EAAqB,CAAA,EACtD,kBAAC,UAAD;EAAQ,SAAS;YAAW;EAAmB,CAAA,CAC9C,EAAA,CAAA"}

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/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/button-demo.js

@@ -14,7 +14,7 @@ function r() {
 		"Secondary",
 		/* @__PURE__ */ t(e, {
 			color: "saffron",
-			size: "medium",
+			size: "secondary",
 			theme: "solid",
 			variant: "pill",
 			children: "Click me"
@@ -22,7 +22,7 @@ function r() {
 		"Tertiary",
 		/* @__PURE__ */ t(e, {
 			color: "saffron",
-			size: "small",
+			size: "tertiary",
 			theme: "solid",
 			variant: "pill",
 			children: "Click me"

package/examples/button-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-demo.js","names":[],"sources":["../../lib/examples/button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonDemo() {\n  return (\n    <div>\n      Primary\n      <Button color=\"saffron\" theme=\"solid\" variant=\"pill\">\n        Click me\n      </Button>\n      Secondary\n      <Button color=\"saffron\" size=\"medium\" theme=\"solid\" variant=\"pill\">\n        Click me\n      </Button>\n      Tertiary\n      <Button color=\"saffron\" size=\"small\" theme=\"solid\" variant=\"pill\">\n        Click me\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAa;AACnC,QACE,kBAAC,OAAD,EAAA,UAAA;EAAK;EAEH,kBAAC,GAAD;GAAQ,OAAM;GAAU,OAAM;GAAQ,SAAQ;aAAO;GAE5C,CAAA;;EAET,kBAAC,GAAD;GAAQ,OAAM;GAAU,MAAK;GAAS,OAAM;GAAQ,SAAQ;aAAO;GAE1D,CAAA;;EAET,kBAAC,GAAD;GAAQ,OAAM;GAAU,MAAK;GAAQ,OAAM;GAAQ,SAAQ;aAAO;GAEzD,CAAA;EACL,EAAA,CAAA"}
+{"version":3,"file":"button-demo.js","names":[],"sources":["../../lib/examples/button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonDemo() {\n  return (\n    <div>\n      Primary\n      <Button color=\"saffron\" theme=\"solid\" variant=\"pill\">\n        Click me\n      </Button>\n      Secondary\n      <Button color=\"saffron\" size=\"secondary\" theme=\"solid\" variant=\"pill\">\n        Click me\n      </Button>\n      Tertiary\n      <Button color=\"saffron\" size=\"tertiary\" theme=\"solid\" variant=\"pill\">\n        Click me\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAa;AACnC,QACE,kBAAC,OAAD,EAAA,UAAA;EAAK;EAEH,kBAAC,GAAD;GAAQ,OAAM;GAAU,OAAM;GAAQ,SAAQ;aAAO;GAE5C,CAAA;;EAET,kBAAC,GAAD;GAAQ,OAAM;GAAU,MAAK;GAAY,OAAM;GAAQ,SAAQ;aAAO;GAE7D,CAAA;;EAET,kBAAC,GAAD;GAAQ,OAAM;GAAU,MAAK;GAAW,OAAM;GAAQ,SAAQ;aAAO;GAE5D,CAAA;EACL,EAAA,CAAA"}

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/chapters-demo.d.ts

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

package/examples/chapters-demo.js

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

package/examples/chapters-demo.js.map

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

package/examples/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.d.ts

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

package/examples/chat-input-demo.js

@@ -0,0 +1,22 @@
+"use client";
+import { ChatInput as e } from "../ui/ChatInput.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/examples/chat-input-demo.tsx
+function r() {
+	let [r, i] = t("");
+	return /* @__PURE__ */ n("div", {
+		className: "w-[380px]",
+		children: /* @__PURE__ */ n(e, {
+			"aria-label": "Chat message input",
+			value: r,
+			onValueChange: i,
+			onSubmit: () => i(""),
+			onAudioClick: () => {}
+		})
+	});
+}
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=chat-input-demo.js.map

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

@@ -0,0 +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        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-message-demo.d.ts

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

package/examples/chat-message-demo.js

@@ -0,0 +1,20 @@
+"use client";
+import { t as e } from "../chunks/ChatMessage.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/examples/chat-message-demo.tsx
+function r() {
+	return /* @__PURE__ */ n("div", {
+		className: "w-[380px] flex flex-col gap-4",
+		children: [/* @__PURE__ */ t(e, {
+			sender: "assistant",
+			children: "Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly."
+		}), /* @__PURE__ */ t(e, {
+			sender: "user",
+			children: "My son is 14 years old, and I would like to find activities for him during our stay. What do you suggest?"
+		})]
+	});
+}
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=chat-message-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-demo.js","names":[],"sources":["../../lib/examples/chat-message-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatMessage } from '@/ui/ChatMessage';\n\nexport default function ChatMessageDemo() {\n  return (\n    <div className=\"w-[380px] flex flex-col gap-4\">\n      <ChatMessage sender=\"assistant\">\n        Hi. Ask me anything about Club Med. I&apos;m here to help you find the right information\n        quickly.\n      </ChatMessage>\n      <ChatMessage sender=\"user\">\n        My son is 14 years old, and I would like to find activities for him during our stay. What do\n        you suggest?\n      </ChatMessage>\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAkB;AACxC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAa,QAAO;aAAY;GAGlB,CAAA,EACd,kBAAC,GAAD;GAAa,QAAO;aAAO;GAGb,CAAA,CAAA"}

package/examples/chat-typing-indicator-demo.d.ts

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

package/examples/chat-typing-indicator-demo.js

@@ -0,0 +1,14 @@
+"use client";
+import { ChatTypingIndicator as e } from "../ui/ChatTypingIndicator.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/examples/chat-typing-indicator-demo.tsx
+function n() {
+	return /* @__PURE__ */ t("div", {
+		className: "flex flex-col gap-4 p-8",
+		children: /* @__PURE__ */ t(e, {})
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=chat-typing-indicator-demo.js.map