@clubmed/trident-ui 2.0.0-beta.4 → 2.0.0-beta.40

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/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,21 @@
+"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, {
+			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        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"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-typing-indicator-demo.js","names":[],"sources":["../../lib/examples/chat-typing-indicator-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatTypingIndicator } from '@/ui/ChatTypingIndicator';\n\nexport default function ChatTypingIndicatorDemo() {\n  return (\n    <div className=\"flex flex-col gap-4 p-8\">\n      <ChatTypingIndicator />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAA0B;AAChD,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAuB,CAAA;EACnB,CAAA"}

package/examples/chat-window-demo.d.ts

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

package/examples/chat-window-demo.js

@@ -0,0 +1,45 @@
+"use client";
+import { ChatWindow as e } from "../ui/ChatWindow.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/examples/chat-window-demo.tsx
+function r() {
+	let [r, i] = t([{
+		id: "1",
+		sender: "assistant",
+		content: "Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly."
+	}, {
+		id: "2",
+		sender: "user",
+		content: "My son is 14 years old, and I would like to find activities for him during our stay."
+	}]), [a, o] = t(""), [s, c] = t(!1);
+	function l() {
+		if (!a.trim()) return;
+		let e = {
+			id: Date.now().toString(),
+			sender: "user",
+			content: a
+		};
+		i((t) => [...t, e]), o(""), c(!0), setTimeout(() => {
+			c(!1), i((e) => [...e, {
+				id: (Date.now() + 1).toString(),
+				sender: "assistant",
+				content: "Let me look into that for you…"
+			}]);
+		}, 2e3);
+	}
+	return /* @__PURE__ */ n(e, {
+		messages: r,
+		inputValue: a,
+		isTyping: s,
+		onInputChange: o,
+		onSubmit: l,
+		onClose: () => {},
+		onAudioClick: () => {},
+		className: "w-380 h-660"
+	});
+}
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=chat-window-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-window-demo.js","names":[],"sources":["../../lib/examples/chat-window-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type { ChatWindowMessage } from '@/ui/ChatWindow';\n\nexport default function ChatWindowDemo() {\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      messages={messages}\n      inputValue={inputValue}\n      isTyping={isTyping}\n      onInputChange={setInputValue}\n      onSubmit={handleSubmit}\n      onClose={() => {}}\n      onAudioClick={() => {}}\n      className=\"w-380 h-660\"\n    />\n  );\n}\n"],"mappings":";;;;;AAMA,SAAwB,IAAiB;CACvC,IAAM,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;EACY;EACE;EACF;EACV,eAAe;EACf,UAAU;EACV,eAAe;EACf,oBAAoB;EACpB,WAAU;EACV,CAAA"}

package/examples/checkbox-demo.js

@@ -1,30 +1,26 @@
 "use client";
 import { Checkbox as e } from "../ui/forms/checkboxes/Checkbox.js";
 import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 //#region lib/examples/checkbox-demo.tsx
-function i() {
-	let [i, a] = t(!1), [o, s] = t(!1);
-	return /* @__PURE__ */ r("div", {
+function r() {
+	let [r, i] = t(!1), [a, o] = t("This field is required");
+	return /* @__PURE__ */ n("div", {
 		className: "space-y-4",
-		children: [/* @__PURE__ */ n(e, {
-			name: "demo",
-			value: "demo-value",
-			checked: i,
-			onChange: (e) => a(e.target.checked),
-			children: "Basic checkbox"
-		}), /* @__PURE__ */ n(e, {
-			name: "demo2",
-			value: "demo-value2",
-			checked: o,
-			onChange: (e) => s(e.target.checked),
-			validationStatus: "error",
-			errorMessage: "This is an error",
-			children: "Checkbox with error"
-		})]
+		children: /* @__PURE__ */ n(e, {
+			name: "terms",
+			value: "accepted",
+			checked: r,
+			onChange: (e) => {
+				i(e.target.checked), o(e.target.checked ? "" : "This field is required");
+			},
+			validationStatus: a ? "error" : "default",
+			errorMessage: a,
+			children: "I agree to the terms and conditions"
+		})
 	});
 }
 //#endregion
-export { i as default };
+export { r as default };
 
 //# sourceMappingURL=checkbox-demo.js.map

package/examples/checkbox-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-demo.js","names":[],"sources":["../../lib/examples/checkbox-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\nimport { useState } from 'react';\n\nexport default function CheckboxDemo() {\n  const [checked1, setChecked1] = useState(false);\n  const [checked2, setChecked2] = useState(false);\n\n  return (\n    <div className=\"space-y-4\">\n      <Checkbox\n        name=\"demo\"\n        value=\"demo-value\"\n        checked={checked1}\n        onChange={(e) => setChecked1(e.target.checked)}\n      >\n        Basic checkbox\n      </Checkbox>\n      <Checkbox\n        name=\"demo2\"\n        value=\"demo-value2\"\n        checked={checked2}\n        onChange={(e) => setChecked2(e.target.checked)}\n        validationStatus=\"error\"\n        errorMessage=\"This is an error\"\n      >\n        Checkbox with error\n      </Checkbox>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAe;CACrC,IAAM,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,CAAC,GAAU,KAAe,EAAS,GAAM;AAE/C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACN,SAAS;GACT,WAAW,MAAM,EAAY,EAAE,OAAO,QAAQ;aAC/C;GAEU,CAAA,EACX,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACN,SAAS;GACT,WAAW,MAAM,EAAY,EAAE,OAAO,QAAQ;GAC9C,kBAAiB;GACjB,cAAa;aACd;GAEU,CAAA,CAAA"}
+{"version":3,"file":"checkbox-demo.js","names":[],"sources":["../../lib/examples/checkbox-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\nimport { useState } from 'react';\n\nexport default function CheckboxDemo() {\n  const [checked, setChecked] = useState(false);\n  const [error, setError] = useState('This field is required');\n\n  return (\n    <div className=\"space-y-4\">\n      <Checkbox\n        name=\"terms\"\n        value=\"accepted\"\n        checked={checked}\n        onChange={(e) => {\n          setChecked(e.target.checked);\n          setError(e.target.checked ? '' : 'This field is required');\n        }}\n        validationStatus={error ? 'error' : 'default'}\n        errorMessage={error}\n      >\n        I agree to the terms and conditions\n      </Checkbox>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAe;CACrC,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAS,yBAAyB;AAE5D,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACG;GACT,WAAW,MAAM;AAEf,IADA,EAAW,EAAE,OAAO,QAAQ,EAC5B,EAAS,EAAE,OAAO,UAAU,KAAK,yBAAyB;;GAE5D,kBAAkB,IAAQ,UAAU;GACpC,cAAc;aACf;GAEU,CAAA;EACP,CAAA"}

package/examples/checkbox-select-demo.d.ts

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

package/examples/checkbox-select-demo.js

@@ -0,0 +1,101 @@
+"use client";
+import { CheckboxSelect as e } from "../ui/forms/CheckboxSelect.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/examples/checkbox-select-demo.tsx
+var i = [
+	{
+		value: "open",
+		label: "Open"
+	},
+	{
+		value: "fixed",
+		label: "Fixed"
+	},
+	{
+		value: "in-progress",
+		label: "In Progress"
+	},
+	{
+		value: "closed",
+		label: "Closed"
+	}
+];
+function a() {
+	let [a, o] = t(["open"]), [s, c] = t([]);
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-24",
+		style: { minWidth: 300 },
+		children: [
+			/* @__PURE__ */ n(e, {
+				label: "Status",
+				placeholder: "Select statuses...",
+				options: i,
+				value: a,
+				onChange: (e, t) => o(t)
+			}),
+			/* @__PURE__ */ n(e, {
+				label: "Category",
+				placeholder: "Select categories...",
+				groups: [{
+					label: "Travel",
+					options: [{
+						value: "flight",
+						label: "Flight"
+					}, {
+						value: "hotel",
+						label: "Hotel"
+					}]
+				}, {
+					label: "Activities",
+					options: [
+						{
+							value: "ski",
+							label: "Ski"
+						},
+						{
+							value: "golf",
+							label: "Golf"
+						},
+						{
+							value: "spa",
+							label: "Spa"
+						}
+					]
+				}],
+				value: s,
+				onChange: (e, t) => c(t),
+				renderValue: (e) => `${e.length} selected`
+			}),
+			/* @__PURE__ */ n(e, {
+				label: "Priority",
+				options: [
+					{
+						value: "high",
+						label: "High"
+					},
+					{
+						value: "medium",
+						label: "Medium"
+					},
+					{
+						value: "low",
+						label: "Low"
+					}
+				],
+				validationStatus: "error",
+				errorMessage: "Please select at least one priority"
+			}),
+			/* @__PURE__ */ n(e, {
+				label: "Tags",
+				options: i,
+				value: ["open"],
+				disabled: !0
+			})
+		]
+	});
+}
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=checkbox-select-demo.js.map

package/examples/checkbox-select-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-select-demo.js","names":[],"sources":["../../lib/examples/checkbox-select-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { CheckboxSelect } from '@/ui/forms/CheckboxSelect';\n\nconst statusOptions = [\n  { value: 'open', label: 'Open' },\n  { value: 'fixed', label: 'Fixed' },\n  { value: 'in-progress', label: 'In Progress' },\n  { value: 'closed', label: 'Closed' },\n];\n\nexport default function CheckboxSelectDemo() {\n  const [status, setStatus] = useState<string[]>(['open']);\n  const [categories, setCategories] = useState<string[]>([]);\n\n  return (\n    <div className=\"space-y-24\" style={{ minWidth: 300 }}>\n      <CheckboxSelect\n        label=\"Status\"\n        placeholder=\"Select statuses...\"\n        options={statusOptions}\n        value={status}\n        onChange={(_, v) => setStatus(v)}\n      />\n\n      <CheckboxSelect\n        label=\"Category\"\n        placeholder=\"Select categories...\"\n        groups={[\n          {\n            label: 'Travel',\n            options: [\n              { value: 'flight', label: 'Flight' },\n              { value: 'hotel', label: 'Hotel' },\n            ],\n          },\n          {\n            label: 'Activities',\n            options: [\n              { value: 'ski', label: 'Ski' },\n              { value: 'golf', label: 'Golf' },\n              { value: 'spa', label: 'Spa' },\n            ],\n          },\n        ]}\n        value={categories}\n        onChange={(_, v) => setCategories(v)}\n        renderValue={(vals) => `${vals.length} selected`}\n      />\n\n      <CheckboxSelect\n        label=\"Priority\"\n        options={[\n          { value: 'high', label: 'High' },\n          { value: 'medium', label: 'Medium' },\n          { value: 'low', label: 'Low' },\n        ]}\n        validationStatus=\"error\"\n        errorMessage=\"Please select at least one priority\"\n      />\n\n      <CheckboxSelect label=\"Tags\" options={statusOptions} value={['open']} disabled />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAgB;CACpB;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAe,OAAO;EAAe;CAC9C;EAAE,OAAO;EAAU,OAAO;;CAC3B;AAED,SAAwB,IAAqB;CAC3C,IAAM,CAAC,GAAQ,KAAa,EAAmB,CAAC,OAAO,CAAC,EAClD,CAAC,GAAY,KAAiB,EAAmB,EAAE,CAAC;AAE1D,QACE,kBAAC,OAAD;EAAK,WAAU;EAAa,OAAO,EAAE,UAAU,KAAK;YAApD;GACE,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,SAAS;IACT,OAAO;IACP,WAAW,GAAG,MAAM,EAAU,EAAA;IAC9B,CAAA;GAEF,kBAAC,GAAD;IACE,OAAM;IACN,aAAY;IACZ,QAAQ,CACN;KACE,OAAO;KACP,SAAS,CACP;MAAE,OAAO;MAAU,OAAO;MAAU,EACpC;MAAE,OAAO;MAAS,OAAO;MAAS,CAAA;KAErC,EACD;KACE,OAAO;KACP,SAAS;MACP;OAAE,OAAO;OAAO,OAAO;OAAO;MAC9B;OAAE,OAAO;OAAQ,OAAO;OAAQ;MAChC;OAAE,OAAO;OAAO,OAAO;;;KAE1B,CACF;IACD,OAAO;IACP,WAAW,GAAG,MAAM,EAAc,EAAE;IACpC,cAAc,MAAS,GAAG,EAAK,OAAO;IACtC,CAAA;GAEF,kBAAC,GAAD;IACE,OAAM;IACN,SAAS;KACP;MAAE,OAAO;MAAQ,OAAO;MAAQ;KAChC;MAAE,OAAO;MAAU,OAAO;MAAU;KACpC;MAAE,OAAO;MAAO,OAAO;;KACxB;IACD,kBAAiB;IACjB,cAAa;IACb,CAAA;GAEF,kBAAC,GAAD;IAAgB,OAAM;IAAO,SAAS;IAAe,OAAO,CAAC,OAAO;IAAE,UAAA;IAAW,CAAA"}

package/examples/checkboxes-demo.js

@@ -1,21 +1,21 @@
 "use client";
-import { Checkbox as e } from "../ui/forms/checkboxes/Checkbox.js";
-import { Checkboxes as t } from "../ui/forms/checkboxes/Checkboxes.js";
+import { Checkboxes as e } from "../ui/forms/checkboxes/Checkboxes.js";
+import { Filter as t } from "../ui/forms/Filter.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/examples/checkboxes-demo.tsx
 function i() {
-	return /* @__PURE__ */ r(t, {
+	return /* @__PURE__ */ r(e, {
 		name: "options",
 		children: [
-			/* @__PURE__ */ n(e, {
+			/* @__PURE__ */ n(t, {
 				value: "option1",
 				children: "Option 1"
 			}),
-			/* @__PURE__ */ n(e, {
+			/* @__PURE__ */ n(t, {
 				value: "option2",
 				children: "Option 2"
 			}),
-			/* @__PURE__ */ n(e, {
+			/* @__PURE__ */ n(t, {
 				value: "option3",
 				children: "Option 3"
 			})

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 { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\n\nexport default function CheckboxesDemo() {\n  return (\n    <Checkboxes name=\"options\">\n      <Checkbox value=\"option1\">Option 1</Checkbox>\n      <Checkbox value=\"option2\">Option 2</Checkbox>\n      <Checkbox value=\"option3\">Option 3</Checkbox>\n    </Checkboxes>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAiB;AACvC,QACE,kBAAC,GAAD;EAAY,MAAK;YAAjB;GACE,kBAAC,GAAD;IAAU,OAAM;cAAU;IAAmB,CAAA;GAC7C,kBAAC,GAAD;IAAU,OAAM;cAAU;IAAmB,CAAA;GAC7C,kBAAC,GAAD;IAAU,OAAM;cAAU;IAAmB,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\">\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"}

package/examples/checkboxes-with-form-control-demo.js

@@ -1,14 +1,14 @@
 "use client";
 import { Checkbox as e } from "../ui/forms/checkboxes/Checkbox.js";
-import { Checkboxes as t } from "../ui/forms/checkboxes/Checkboxes.js";
-import { FormControl as n } from "../ui/forms/FormControl.js";
+import { FormControl as t } from "../ui/forms/FormControl.js";
+import { Checkboxes as n } from "../ui/forms/checkboxes/Checkboxes.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region lib/examples/checkboxes-with-form-control-demo.tsx
 function a() {
-	return /* @__PURE__ */ r(n, {
+	return /* @__PURE__ */ r(t, {
 		label: "Select options",
 		description: "Choose one or more options",
-		children: /* @__PURE__ */ i(t, {
+		children: /* @__PURE__ */ i(n, {
 			name: "options",
 			"aria-labelledby": "options-label",
 			children: [