@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/data-display/Chat/Chat.mjs

@@ -1,23 +1,24 @@
-import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { useClipboard as n } from "../../../hooks/useClipboard.mjs";
-import { useReducedMotion as r } from "../../../hooks/useEnvironment.mjs";
+"use client";
+import { useClipboard as e } from "../../../hooks/useClipboard.mjs";
+import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
+import { useReducedMotion as n } from "../../../hooks/useEnvironment.mjs";
+import { announce as r } from "../../../utils/announce.mjs";
 import { cx as i } from "../../../utils/cx.mjs";
-import { announce as a } from "../../../utils/announce.mjs";
-import { VisuallyHidden as o } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { Button as s, IconButton as c } from "../../primitives/Button/Button.mjs";
-import { Icon as l } from "../../primitives/Icon/Icon.mjs";
-import { ScrollArea as u } from "../../layout/ScrollArea/ScrollArea.mjs";
-import { Textarea as ee } from "../../forms/Textarea/Textarea.mjs";
+import { ScrollArea as a } from "../../layout/ScrollArea/ScrollArea.mjs";
+import { Button as o, IconButton as s } from "../../primitives/Button/Button.mjs";
+import { Icon as c } from "../../primitives/Icon/Icon.mjs";
+import { Textarea as l } from "../../forms/Textarea/Textarea.mjs";
+import { useMessages as ee } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { VisuallyHidden as u } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
 import d from "./Chat.module.css.mjs";
-import { useCallback as f, useEffect as p, useId as te, useLayoutEffect as ne, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/components/data-display/Chat/Chat.tsx
-var re = 48, ie = typeof window < "u" ? ne : p;
-function ae(e) {
+import { useCallback as f, useEffect as p, useId as te, useLayoutEffect as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+// src/components/data-display/Chat/Chat.tsx
+var ne = 48, re = typeof window < "u" ? m : p;
+function ie(e) {
 	return e != null && typeof e[Symbol.asyncIterator] == "function";
 }
-var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
+var ae = () => /* @__PURE__ */ _(c, { children: /* @__PURE__ */ _("rect", {
 	x: "7",
 	y: "7",
 	width: "10",
@@ -25,15 +26,15 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 	rx: "2",
 	fill: "currentColor",
 	stroke: "none"
-}) }), v = ({ messages: ne, defaultMessages: v, onMessagesChange: se, onSend: y, onStop: ce, onError: b, draft: le, defaultDraft: ue, onDraftChange: de, suggestions: x, emptyState: fe, renderContent: S, assistantName: pe, assistantAvatar: me, userAvatar: he, copyable: C = !0, disclaimer: w, placeholder: ge, maxLength: T, disabled: E = !1, labels: _e, className: ve, "aria-label": ye, ...D }) => {
+}) }), y = ({ messages: m, defaultMessages: y, onMessagesChange: oe, onSend: b, onStop: se, onError: x, draft: ce, defaultDraft: le, onDraftChange: ue, suggestions: S, emptyState: de, renderContent: fe, assistantName: pe, assistantAvatar: me, userAvatar: he, copyable: C = !0, disclaimer: w, placeholder: ge, maxLength: T, disabled: E = !1, labels: _e, className: ve, "aria-label": ye, ...D }) => {
 	let O = {
-		...t().chat,
+		...ee().chat,
 		..._e
-	}, k = pe ?? O.assistant, be = r(), A = te(), j = `${A}-hint`, [M, N] = e({
-		value: ne,
-		defaultValue: v ?? [],
-		onChange: se
-	}), P = m(M), F = m(M);
+	}, k = pe ?? O.assistant, be = n(), A = te(), j = `${A}-hint`, [M, N] = t({
+		value: m,
+		defaultValue: y ?? [],
+		onChange: oe
+	}), P = h(M), F = h(M);
 	M !== F.current && (F.current = M, P.current = M);
 	let I = f((e) => {
 		let t = e(P.current);
@@ -41,21 +42,21 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 	}, [N]), L = f((e, t) => I((n) => n.map((n) => n.id === e ? {
 		...n,
 		...t
-	} : n)), [I]), xe = m(0), R = () => `${A}-${++xe.current}`, [z, B] = e({
-		value: le,
-		defaultValue: ue ?? "",
-		onChange: de
-	}), [V, H] = h(!1), U = m(null), W = m(null), G = m(y);
-	G.current = y;
-	let K = m(b);
-	K.current = b, p(() => () => U.current?.abort(), []);
-	let q = m(null), J = m(!0), [Se, Y] = h(!0), Ce = () => {
+	} : n)), [I]), xe = h(0), R = () => `${A}-${++xe.current}`, [z, B] = t({
+		value: ce,
+		defaultValue: le ?? "",
+		onChange: ue
+	}), [V, H] = g(!1), U = h(null), W = h(null), G = h(b);
+	G.current = b;
+	let K = h(x);
+	K.current = x, p(() => () => U.current?.abort(), []);
+	let q = h(null), J = h(!0), [Se, Y] = g(!0), Ce = () => {
 		let e = q.current;
 		if (!e) return;
-		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= re;
+		let t = e.scrollHeight - e.scrollTop - e.clientHeight <= ne;
 		J.current = t, Y(t);
 	};
-	ie(() => {
+	re(() => {
 		let e = q.current;
 		e && J.current && (e.scrollTop = e.scrollHeight);
 	}, [M]);
@@ -72,39 +73,39 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 			role: "assistant",
 			content: "",
 			status: "streaming"
-		}]), J.current = !0, Y(!0), H(!0), a(O.typing(k));
-		let r = new AbortController();
-		U.current = r;
-		let i = "";
+		}]), J.current = !0, Y(!0), H(!0), r(O.typing(k));
+		let i = new AbortController();
+		U.current = i;
+		let a = "";
 		try {
 			let o = await G.current?.(t, {
 				messages: e,
-				signal: r.signal
+				signal: i.signal
 			});
-			if (typeof o == "string") i = o;
-			else if (ae(o)) for await (let e of o) {
-				if (r.signal.aborted) break;
-				i += e, L(n, { content: i });
+			if (typeof o == "string") a = o;
+			else if (ie(o)) for await (let e of o) {
+				if (i.signal.aborted) break;
+				a += e, L(n, { content: a });
 			}
-			else if (!r.signal.aborted) {
+			else if (!i.signal.aborted) {
 				I((e) => e.filter((e) => e.id !== n));
 				return;
 			}
-			if (r.signal.aborted) throw r.signal.reason;
+			if (i.signal.aborted) throw i.signal.reason;
 			L(n, {
-				content: i,
+				content: a,
 				status: "done"
-			}), a(`${O.assistantSaid(k)} ${i}`);
+			}), r(`${O.assistantSaid(k)} ${a}`);
 		} catch (e) {
-			r.signal.aborted ? (L(n, {
-				content: i,
+			i.signal.aborted ? (L(n, {
+				content: a,
 				status: "stopped"
-			}), a(O.stopped)) : (K.current?.(e), L(n, {
-				content: i,
+			}), r(O.stopped)) : (K.current?.(e), L(n, {
+				content: a,
 				status: "error"
-			}), a(O.error));
+			}), r(O.error));
 		} finally {
-			U.current === r && (U.current = null), H(!1);
+			U.current === i && (U.current = null), H(!1);
 		}
 	}, Z = (e) => {
 		let t = e.trim();
@@ -114,90 +115,86 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 			content: t,
 			status: "done"
 		}], t));
-	}, Q = () => {
-		U.current && (U.current.abort(), ce?.(), W.current?.focus());
-	}, Te = (e) => {
+	}, Te = () => {
+		U.current && (U.current.abort(), se?.(), W.current?.focus());
+	}, Ee = (e) => {
 		let t = P.current, n = t.findIndex((t) => t.id === e) - 1;
 		for (; n >= 0 && t[n].role !== "user";) n--;
 		n < 0 || V || (X(t.slice(0, n + 1), t[n].content), W.current?.focus());
-	}, Ee = (e) => {
-		e.preventDefault(), V ? Q() : Z(z);
 	}, De = (e) => {
-		if (e.key === "Escape" && V) {
-			e.preventDefault(), Q();
-			return;
-		}
-		e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), Z(e.currentTarget.value));
-	}, { copy: Oe } = n(), [$, ke] = h(null);
+		e.preventDefault(), V ? Te() : Z(z);
+	}, Oe = (e) => {
+		e.key === "Escape" && V ? (e.preventDefault(), Te()) : e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), Z(e.currentTarget.value));
+	}, { copy: ke } = e(), [Q, Ae] = g(null);
 	p(() => {
-		if ($ === null) return;
-		let e = window.setTimeout(() => ke(null), 2e3);
+		if (Q === null) return;
+		let e = window.setTimeout(() => Ae(null), 2e3);
 		return () => window.clearTimeout(e);
-	}, [$]);
-	let Ae = async (e) => {
-		await Oe(e.content) && (ke(e.id), a(O.copied));
-	}, je = M.filter((e) => e.role !== "system").length === 0, Me = M[M.length - 1], Ne = (e) => {
-		if (e.role === "system") return /* @__PURE__ */ g("p", {
+	}, [Q]);
+	let je = async (e) => {
+		await ke(e.content) && (Ae(e.id), r(O.copied));
+	}, $ = M.filter((e) => e.role !== "system").length === 0, Me = M[M.length - 1], Ne = (e) => {
+		if (e.role === "system") return /* @__PURE__ */ _("p", {
 			className: d.system,
 			children: e.content
 		}, e.id);
-		let t = e.role === "user", n = e.status ?? "done", r = n === "streaming" && e.content === "", a = t ? he : me, u = !t && !V && e === Me && (n === "error" || n === "stopped");
-		return /* @__PURE__ */ _("article", {
+		let t = e.role === "user", n = e.status ?? "done", r = n === "streaming" && e.content === "", a = t ? he : me, l = !t && !V && e === Me && (n === "error" || n === "stopped");
+		return /* @__PURE__ */ v("article", {
 			className: i(d.message, t ? d.user : d.assistant),
 			"data-role": e.role,
 			"data-status": n,
 			"aria-busy": n === "streaming" || void 0,
-			children: [a != null && /* @__PURE__ */ g("div", {
+			children: [a != null && /* @__PURE__ */ _("div", {
 				className: d.avatar,
 				"aria-hidden": "true",
 				children: a
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: d.body,
 				children: [
-					r ? /* @__PURE__ */ _("div", {
+					r ? /* @__PURE__ */ v("div", {
 						className: d.bubble,
-						children: [/* @__PURE__ */ _("span", {
+						children: [/* @__PURE__ */ v("span", {
 							className: d.dots,
 							"aria-hidden": "true",
 							children: [
-								/* @__PURE__ */ g("span", {}),
-								/* @__PURE__ */ g("span", {}),
-								/* @__PURE__ */ g("span", {})
+								/* @__PURE__ */ _("span", {}),
+								/* @__PURE__ */ _("span", {}),
+								/* @__PURE__ */ _("span", {})
 							]
-						}), /* @__PURE__ */ g(o, { children: O.typing(k) })]
-					}) : e.content !== "" && /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ _(u, { children: O.typing(k) })]
+					}) : e.content !== "" && /* @__PURE__ */ v("div", {
 						className: d.bubble,
-						children: [/* @__PURE__ */ _(o, { children: [t ? O.youSaid : O.assistantSaid(k), " "] }), S ? S(e) : /* @__PURE__ */ g("p", {
+						children: [/* @__PURE__ */ v(u, { children: [t ? O.youSaid : O.assistantSaid(k), " "] }), fe ? fe(e) : /* @__PURE__ */ _("p", {
 							className: d.text,
 							children: e.content
 						})]
 					}),
-					n === "error" && /* @__PURE__ */ _("p", {
+					n === "error" && /* @__PURE__ */ v("p", {
 						className: d.error,
-						children: [/* @__PURE__ */ g(l, {
+						children: [/* @__PURE__ */ _(c, {
 							name: "error",
 							size: "sm"
-						}), /* @__PURE__ */ g("span", { children: e.error ?? O.error })]
+						}), /* @__PURE__ */ _("span", { children: e.error ?? O.error })]
 					}),
-					n === "stopped" && /* @__PURE__ */ g("p", {
+					n === "stopped" && /* @__PURE__ */ _("p", {
 						className: d.note,
 						children: O.stopped
 					}),
-					!t && (u || C && n === "done" && e.content !== "") && /* @__PURE__ */ _("div", {
+					!t && (l || C && n === "done" && e.content !== "") && /* @__PURE__ */ v("div", {
 						className: d.actions,
-						children: [C && n === "done" && e.content !== "" && /* @__PURE__ */ g(c, {
+						children: [C && n === "done" && e.content !== "" && /* @__PURE__ */ _(s, {
 							variant: "ghost",
 							tone: "neutral",
 							size: "sm",
-							"aria-label": $ === e.id ? O.copied : O.copy,
-							onClick: () => void Ae(e),
-							children: /* @__PURE__ */ g(l, { name: $ === e.id ? "check" : "copy" })
-						}), u && /* @__PURE__ */ g(s, {
+							"aria-label": Q === e.id ? O.copied : O.copy,
+							onClick: () => void je(e),
+							children: /* @__PURE__ */ _(c, { name: Q === e.id ? "check" : "copy" })
+						}), l && /* @__PURE__ */ _(o, {
 							variant: "ghost",
 							tone: "neutral",
 							size: "sm",
-							startIcon: /* @__PURE__ */ g(l, { name: "refresh" }),
-							onClick: () => Te(e.id),
+							startIcon: /* @__PURE__ */ _(c, { name: "refresh" }),
+							onClick: () => Ee(e.id),
 							children: O.retry
 						})]
 					})
@@ -205,31 +202,31 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 			})]
 		}, e.id);
 	};
-	return /* @__PURE__ */ _("section", {
+	return /* @__PURE__ */ v("section", {
 		...D,
 		"aria-label": ye ?? (D["aria-labelledby"] ? void 0 : O.region),
 		className: i(d.root, ve),
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: d.logWrap,
-			children: [/* @__PURE__ */ g(u, {
+			children: [/* @__PURE__ */ _(a, {
 				className: d.log,
 				viewportRef: q,
 				onViewportScroll: Ce,
 				"aria-label": O.log,
 				"aria-busy": V || void 0,
 				tabIndex: 0,
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: d.messages,
-					children: [je && /* @__PURE__ */ _("div", {
+					children: [$ && /* @__PURE__ */ v("div", {
 						className: d.empty,
-						children: [fe ?? /* @__PURE__ */ g("p", {
+						children: [de ?? /* @__PURE__ */ _("p", {
 							className: d.emptyTitle,
 							children: O.emptyTitle
-						}), x && x.length > 0 && /* @__PURE__ */ g("div", {
+						}), S && S.length > 0 && /* @__PURE__ */ _("div", {
 							role: "group",
 							"aria-label": O.suggestions,
 							className: d.suggestions,
-							children: x.map((e) => /* @__PURE__ */ g(s, {
+							children: S.map((e) => /* @__PURE__ */ _(o, {
 								variant: "outline",
 								tone: "neutral",
 								size: "sm",
@@ -241,22 +238,22 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 						})]
 					}), M.map(Ne)]
 				})
-			}), !Se && !je && /* @__PURE__ */ g(c, {
+			}), !Se && !$ && /* @__PURE__ */ _(s, {
 				variant: "soft",
 				tone: "neutral",
 				size: "sm",
 				className: d.jump,
 				"aria-label": O.scrollToLatest,
 				onClick: we,
-				children: /* @__PURE__ */ g(l, { name: "arrow-down" })
+				children: /* @__PURE__ */ _(c, { name: "arrow-down" })
 			})]
-		}), /* @__PURE__ */ _("form", {
+		}), /* @__PURE__ */ v("form", {
 			className: d.composer,
-			onSubmit: Ee,
+			onSubmit: De,
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: d.inputRow,
-					children: [/* @__PURE__ */ g(ee, {
+					children: [/* @__PURE__ */ _(l, {
 						ref: W,
 						className: d.input,
 						"aria-label": O.input,
@@ -264,7 +261,7 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 						placeholder: ge ?? O.placeholder,
 						value: z,
 						onValueChange: B,
-						onKeyDown: De,
+						onKeyDown: Oe,
 						autoResize: !0,
 						rows: 1,
 						maxRows: 6,
@@ -272,24 +269,24 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 						showCount: T !== void 0,
 						disabled: E,
 						enterKeyHint: "send"
-					}), V ? /* @__PURE__ */ g(c, {
+					}), V ? /* @__PURE__ */ _(s, {
 						type: "submit",
 						variant: "soft",
 						tone: "neutral",
 						"aria-label": O.stop,
-						children: /* @__PURE__ */ g(oe, {})
-					}) : /* @__PURE__ */ g(c, {
+						children: /* @__PURE__ */ _(ae, {})
+					}) : /* @__PURE__ */ _(s, {
 						type: "submit",
 						"aria-label": O.send,
 						disabled: E || z.trim() === "",
-						children: /* @__PURE__ */ g(l, { name: "arrow-up" })
+						children: /* @__PURE__ */ _(c, { name: "arrow-up" })
 					})]
 				}),
-				/* @__PURE__ */ g(o, {
+				/* @__PURE__ */ _(u, {
 					id: j,
 					children: O.hint
 				}),
-				w != null && /* @__PURE__ */ g("p", {
+				w != null && /* @__PURE__ */ _("p", {
 					className: d.disclaimer,
 					children: w
 				})
@@ -297,5 +294,4 @@ var oe = () => /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g("rect", {
 		})]
 	});
 };
-//#endregion
-export { v as Chat };
+export { y as Chat };

package/dist/components/data-display/Chat/Chat.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Chat/Chat.module.css
+// src/components/data-display/Chat/Chat.module.css
 var e = "_root_1vnqg_8", t = "_logWrap_1vnqg_18", n = "_log_1vnqg_18", r = "_messages_1vnqg_30", i = "_empty_1vnqg_39", a = "_emptyTitle_1vnqg_48", o = "_suggestions_1vnqg_56", s = "_suggestion_1vnqg_56", c = "_message_1vnqg_30", l = "_enter_1vnqg_1", u = "_user_1vnqg_80", d = "_assistant_1vnqg_85", f = "_avatar_1vnqg_89", p = "_body_1vnqg_94", m = "_bubble_1vnqg_105", h = "_text_1vnqg_128", g = "_dots_1vnqg_134", _ = "_bounce_1vnqg_1", v = "_error_1vnqg_185", y = "_note_1vnqg_194", b = "_actions_1vnqg_201", x = "_system_1vnqg_207", S = "_jump_1vnqg_217", C = "_composer_1vnqg_230", w = "_inputRow_1vnqg_238", T = "_input_1vnqg_238", E = "_disclaimer_1vnqg_248", D = {
 	root: e,
 	logWrap: t,
@@ -28,5 +28,4 @@ var e = "_root_1vnqg_8", t = "_logWrap_1vnqg_18", n = "_log_1vnqg_18", r = "_mes
 	input: T,
 	disclaimer: E
 };
-//#endregion
 export { b as actions, d as assistant, f as avatar, p as body, _ as bounce, m as bubble, C as composer, D as default, E as disclaimer, g as dots, i as empty, a as emptyTitle, l as enter, v as error, T as input, w as inputRow, S as jump, n as log, t as logWrap, c as message, r as messages, y as note, e as root, s as suggestion, o as suggestions, x as system, h as text, u as user };

package/dist/components/data-display/Chat/streams.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Chat/streams.ts
+// src/components/data-display/Chat/streams.ts
 function e(e) {
 	let t = e instanceof Response ? e.body : e;
 	if (!t) throw Error("readTextStream: the response has no body to read.");
@@ -31,5 +31,4 @@ async function* n(e) {
 	for await (let i of t(e)) n += i, yield* r(!1);
 	n += "\n\n", yield* r(!0);
 }
-//#endregion
 export { n as readEventStream, t as readTextStream };

package/dist/components/data-display/Chip/Chip.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../../utils/cx.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("./Chip.module.css.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l={solid:o.default.solid,soft:o.default.soft,outline:o.default.outline},u={neutral:o.default.neutral,primary:o.default.primary,accent:o.default.accent,success:o.default.success,warning:o.default.warning,danger:o.default.danger,info:o.default.info},d={sm:o.default.sm,md:o.default.md,lg:o.default.lg},f={none:o.default.radiusNone,xs:o.default.radiusXs,sm:o.default.radiusSm,md:o.default.radiusMd,lg:o.default.radiusLg,xl:o.default.radiusXl,"2xl":o.default.radius2xl,pill:o.default.radiusPill},p=`data-chip`,m=`data-chip-part`,h=`data-chip-group`,g=(0,s.createContext)(null),_=({children:h,variant:_,tone:ee,size:v,radius:y=`pill`,startIcon:b,avatar:x,onRemove:S,removeLabel:C,removeTabIndex:te,disabled:w,selected:T,defaultSelected:E,onSelectedChange:D,value:O,href:k,target:A,rel:j,download:M,onClick:N,onKeyDown:P,className:F,style:I,type:ne,ref:L,...R})=>{let re=t.useMessages(),z=(0,s.useContext)(g),ie=_??z?.variant??`soft`,ae=ee??z?.tone??`neutral`,oe=v??z?.size??`md`,B=!!w||!!z?.disabled,se=(0,s.useId)(),ce=(0,s.useId)(),V=(0,s.useRef)(null),H=z?.selectionMode!==void 0&&O!==void 0,U=H||T!==void 0||E!==void 0||D!==void 0,[le,ue]=e.useControllableState({value:T,defaultValue:E??!1,onChange:H?void 0:D}),W=H?z.isSelected(O):U&&le,G=S!==void 0,K=k!==void 0&&!U,q=K||!K&&(U||N!==void 0),de=q&&G,fe=(0,s.useCallback)(e=>{V.current=e,n.assignRef(L,e)},[L]),pe=(0,s.useCallback)(e=>{V.current=e},[]),J=e=>{!B&&S&&(z&&V.current&&z.focusAfterRemoval(V.current,e),S())},me=e=>e.key===`Backspace`||e.key===`Delete`,Y=e=>{P?.(e),!e.defaultPrevented&&q&&G&&me(e)&&(e.preventDefault(),J(`action`))},he=e=>{if(B){e.preventDefault();return}N?.(e),!e.defaultPrevented&&U&&(H?(z.toggle(O),D?.(!W)):ue(!W))},ge=e=>{e.stopPropagation(),J(`remove`)},_e=e=>{me(e)&&(e.preventDefault(),e.stopPropagation(),J(`remove`))},X=typeof h==`string`||typeof h==`number`?String(h):void 0,Z=(0,c.jsxs)(c.Fragment,{children:[W&&(0,c.jsx)(`span`,{className:o.default.check,"aria-hidden":`true`,children:(0,c.jsx)(a.CheckIcon,{})}),x!=null&&(0,c.jsx)(`span`,{className:o.default.avatar,"aria-hidden":`true`,children:x}),b!=null&&(0,c.jsx)(`span`,{className:o.default.icon,"aria-hidden":`true`,children:b}),(0,c.jsx)(`span`,{id:se,className:o.default.label,title:X,children:h})]}),ve=G&&(0,c.jsxs)(`button`,{type:`button`,className:o.default.remove,[m]:`remove`,disabled:B,tabIndex:te,"aria-label":C??(X===void 0?void 0:re.chip.removeNamed(X)),"aria-labelledby":C===void 0&&X===void 0?`${ce} ${se}`:void 0,onClick:ge,onKeyDown:_e,children:[C===void 0&&X===void 0&&(0,c.jsx)(i.VisuallyHidden,{id:ce,children:re.chip.remove}),(0,c.jsx)(a.CloseIcon,{})]}),Q=r.cx(o.default.root,l[ie],u[ae],d[oe],f[y],q&&o.default.interactive,de&&o.default.split,G&&o.default.removable,x!=null&&o.default.hasAvatar,W&&o.default.selected,B&&o.default.disabled,F),ye=(e,t,n)=>{let r=n?{[p]:``,style:I}:{};return K?(0,c.jsx)(`a`,{...R,...r,[m]:`action`,ref:t,className:e,href:B?void 0:k,target:A,rel:j,download:M,role:B?`link`:void 0,"aria-disabled":B||void 0,onClick:he,onKeyDown:Y,children:Z}):(0,c.jsx)(`button`,{...R,...r,[m]:`action`,ref:t,type:ne??`button`,className:e,disabled:B,"aria-pressed":U?W:void 0,onClick:he,onKeyDown:Y,children:Z})},$;return $=de?(0,c.jsxs)(`span`,{ref:pe,className:Q,style:I,[p]:``,children:[ye(o.default.action,L??(()=>{}),!1),ve]}):q?ye(Q,fe,!0):(0,c.jsxs)(`span`,{...R,ref:fe,className:Q,style:I,"aria-disabled":B||void 0,onKeyDown:P,[p]:``,children:[Z,ve]}),z?.list?(0,c.jsx)(`span`,{role:`listitem`,className:o.default.item,children:$}):$},ee={sm:o.default.groupSm,md:o.default.groupMd,lg:o.default.groupLg};function v(e,t){let n=[...e.hasAttribute(m)?[e]:[],...Array.from(e.querySelectorAll(`[${m}]`))].filter(e=>!e.disabled&&e.getAttribute(`aria-disabled`)!==`true`);return n.find(e=>e.getAttribute(m)===t)??n[0]??null}var y=t=>{let{role:i,size:a=`md`,variant:l,tone:u,disabled:d=!1,focusFallback:f,selectionMode:m,value:_,defaultValue:y,onValueChange:b,className:x,children:S,ref:C,...te}=t,w=m===`multiple`,T=i??(m?`group`:`list`),[E,D]=e.useControllableState({value:_,defaultValue:y??(w?[]:null),onChange:b}),O=(0,s.useRef)(null),k=(0,s.useCallback)(e=>{O.current=e,n.assignRef(C,e)},[C]),A=(0,s.useRef)(f);A.current=f;let j=(0,s.useMemo)(()=>Array.isArray(E)?E:typeof E==`string`?[E]:[],[E]),M=(0,s.useCallback)(e=>j.includes(e),[j]),N=(0,s.useCallback)(e=>{D(t=>{if(w){let n=Array.isArray(t)?t:[];return n.includes(e)?n.filter(t=>t!==e):[...n,e]}return t===e?null:e})},[w,D]),P=(0,s.useCallback)((e,t)=>{let n=O.current;if(!n)return;let r=Array.from(n.querySelectorAll(`[${p}]`)).filter(e=>e.closest(`[${h}]`)===n),i=r.indexOf(e),a=i===-1?[]:[...r.slice(i+1),...r.slice(0,i).reverse()];for(let e of a){let n=v(e,t);if(n){n.focus();return}}let o=A.current,s=typeof o==`function`?o():o?.current;s?s.focus():n.focus()},[]),F=(0,s.useMemo)(()=>({list:T===`list`,size:a,variant:l,tone:u,disabled:d,selectionMode:m,isSelected:M,toggle:N,focusAfterRemoval:P}),[T,a,l,u,d,m,M,N,P]);return(0,c.jsx)(g.Provider,{value:F,children:(0,c.jsx)(`div`,{tabIndex:-1,...te,[h]:``,ref:k,role:T,className:r.cx(o.default.group,ee[a],x),children:S})})};exports.Chip=_,exports.ChipGroup=y;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../../utils/refs.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("./Chip.module.css.cjs.js"),o=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l={solid:a.default.solid,soft:a.default.soft,outline:a.default.outline},u={neutral:a.default.neutral,primary:a.default.primary,accent:a.default.accent,success:a.default.success,warning:a.default.warning,danger:a.default.danger,info:a.default.info},d={sm:a.default.sm,md:a.default.md,lg:a.default.lg},f={none:a.default.radiusNone,xs:a.default.radiusXs,sm:a.default.radiusSm,md:a.default.radiusMd,lg:a.default.radiusLg,xl:a.default.radiusXl,"2xl":a.default.radius2xl,pill:a.default.radiusPill},p=`data-chip`,m=`data-chip-part`,h=`data-chip-group`,g=(0,s.createContext)(null),_=({children:h,variant:_,tone:ee,size:v,radius:y=`pill`,startIcon:b,avatar:x,onRemove:S,removeLabel:C,removeTabIndex:te,disabled:w,selected:T,defaultSelected:E,onSelectedChange:D,value:O,href:k,target:A,rel:j,download:M,onClick:N,onKeyDown:P,className:F,style:I,type:ne,ref:L,...R})=>{let re=o.useMessages(),z=(0,s.useContext)(g),ie=_??z?.variant??`soft`,ae=ee??z?.tone??`neutral`,oe=v??z?.size??`md`,B=!!w||!!z?.disabled,se=(0,s.useId)(),ce=(0,s.useId)(),V=(0,s.useRef)(null),H=z?.selectionMode!==void 0&&O!==void 0,U=H||T!==void 0||E!==void 0||D!==void 0,[le,ue]=e.useControllableState({value:T,defaultValue:E??!1,onChange:H?void 0:D}),W=H?z.isSelected(O):U&&le,G=S!==void 0,K=k!==void 0&&!U,q=K||!K&&(U||N!==void 0),de=q&&G,fe=(0,s.useCallback)(e=>{V.current=e,n.assignRef(L,e)},[L]),pe=(0,s.useCallback)(e=>{V.current=e},[]),J=e=>{!B&&S&&(z&&V.current&&z.focusAfterRemoval(V.current,e),S())},me=e=>e.key===`Backspace`||e.key===`Delete`,Y=e=>{P?.(e),e.defaultPrevented||q&&G&&me(e)&&(e.preventDefault(),J(`action`))},he=e=>{B?e.preventDefault():(N?.(e),!e.defaultPrevented&&U&&(H?(z.toggle(O),D?.(!W)):ue(!W)))},ge=e=>{e.stopPropagation(),J(`remove`)},_e=e=>{me(e)&&(e.preventDefault(),e.stopPropagation(),J(`remove`))},X=typeof h==`string`||typeof h==`number`?String(h):void 0,Z=(0,c.jsxs)(c.Fragment,{children:[W&&(0,c.jsx)(`span`,{className:a.default.check,"aria-hidden":`true`,children:(0,c.jsx)(r.CheckIcon,{})}),x!=null&&(0,c.jsx)(`span`,{className:a.default.avatar,"aria-hidden":`true`,children:x}),b!=null&&(0,c.jsx)(`span`,{className:a.default.icon,"aria-hidden":`true`,children:b}),(0,c.jsx)(`span`,{id:se,className:a.default.label,title:X,children:h})]}),ve=G&&(0,c.jsxs)(`button`,{type:`button`,className:a.default.remove,[m]:`remove`,disabled:B,tabIndex:te,"aria-label":C??(X===void 0?void 0:re.chip.removeNamed(X)),"aria-labelledby":C===void 0&&X===void 0?`${ce} ${se}`:void 0,onClick:ge,onKeyDown:_e,children:[C===void 0&&X===void 0&&(0,c.jsx)(i.VisuallyHidden,{id:ce,children:re.chip.remove}),(0,c.jsx)(r.CloseIcon,{})]}),Q=t.cx(a.default.root,l[ie],u[ae],d[oe],f[y],q&&a.default.interactive,de&&a.default.split,G&&a.default.removable,x!=null&&a.default.hasAvatar,W&&a.default.selected,B&&a.default.disabled,F),ye=(e,t,n)=>{let r=n?{[p]:``,style:I}:{};return K?(0,c.jsx)(`a`,{...R,...r,[m]:`action`,ref:t,className:e,href:B?void 0:k,target:A,rel:j,download:M,role:B?`link`:void 0,"aria-disabled":B||void 0,onClick:he,onKeyDown:Y,children:Z}):(0,c.jsx)(`button`,{...R,...r,[m]:`action`,ref:t,type:ne??`button`,className:e,disabled:B,"aria-pressed":U?W:void 0,onClick:he,onKeyDown:Y,children:Z})},$;return $=de?(0,c.jsxs)(`span`,{ref:pe,className:Q,style:I,[p]:``,children:[ye(a.default.action,L??(()=>{}),!1),ve]}):q?ye(Q,fe,!0):(0,c.jsxs)(`span`,{...R,ref:fe,className:Q,style:I,"aria-disabled":B||void 0,onKeyDown:P,[p]:``,children:[Z,ve]}),z?.list?(0,c.jsx)(`span`,{role:`listitem`,className:a.default.item,children:$}):$},ee={sm:a.default.groupSm,md:a.default.groupMd,lg:a.default.groupLg};function v(e,t){let n=[...e.hasAttribute(m)?[e]:[],...Array.from(e.querySelectorAll(`[${m}]`))].filter(e=>!e.disabled&&e.getAttribute(`aria-disabled`)!==`true`);return n.find(e=>e.getAttribute(m)===t)??n[0]??null}var y=r=>{let{role:i,size:o=`md`,variant:l,tone:u,disabled:d=!1,focusFallback:f,selectionMode:m,value:_,defaultValue:y,onValueChange:b,className:x,children:S,ref:C,...te}=r,w=m===`multiple`,T=i??(m?`group`:`list`),[E,D]=e.useControllableState({value:_,defaultValue:y??(w?[]:null),onChange:b}),O=(0,s.useRef)(null),k=(0,s.useCallback)(e=>{O.current=e,n.assignRef(C,e)},[C]),A=(0,s.useRef)(f);A.current=f;let j=(0,s.useMemo)(()=>Array.isArray(E)?E:typeof E==`string`?[E]:[],[E]),M=(0,s.useCallback)(e=>j.includes(e),[j]),N=(0,s.useCallback)(e=>{D(t=>{if(w){let n=Array.isArray(t)?t:[];return n.includes(e)?n.filter(t=>t!==e):[...n,e]}return t===e?null:e})},[w,D]),P=(0,s.useCallback)((e,t)=>{let n=O.current;if(!n)return;let r=Array.from(n.querySelectorAll(`[${p}]`)).filter(e=>e.closest(`[${h}]`)===n),i=r.indexOf(e),a=i===-1?[]:[...r.slice(i+1),...r.slice(0,i).reverse()];for(let e of a){let n=v(e,t);if(n){n.focus();return}}let o=A.current,s=typeof o==`function`?o():o?.current;s?s.focus():n.focus()},[]),F=(0,s.useMemo)(()=>({list:T===`list`,size:o,variant:l,tone:u,disabled:d,selectionMode:m,isSelected:M,toggle:N,focusAfterRemoval:P}),[T,o,l,u,d,m,M,N,P]);return(0,c.jsx)(g.Provider,{value:F,children:(0,c.jsx)(`div`,{tabIndex:-1,...te,[h]:``,ref:k,role:T,className:t.cx(a.default.group,ee[o],x),children:S})})};exports.Chip=_,exports.ChipGroup=y;