@mechane-ai/elements 0.9.0 → 0.11.0

package/NOTICE

@@ -30,3 +30,27 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
+
+Bundled Sonner
+
+MIT License
+
+Copyright (c) 2023 Emil Kowalski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -95,7 +95,8 @@ Use `ToolbarAction` for page-header actions, including links composed with `rend
 `CopyValue render={<ToolbarAction />}`; the rendered control owns its appearance and CopyValue owns copy feedback. Use
 `Row` for aligned inline actions, `Stack` for related content, and `RecordPage.Content` for separated page sections.
 Detail titles wrap; list metadata truncates. Sidebar items share contiguous hit areas. Put scrolling commands with the
-navigation and reserve the divided sidebar footer for persistent account information.
+navigation and reserve the divided sidebar footer for persistent account controls. Use
+`SidebarFooter layout="navigation"` for a group of commands; its intrinsic height keeps the scrolling navigation clear.
 
 `AppShell focus` temporarily hides navigation while retaining its expansion state. `ViewStack.Panel` keeps inactive
 content mounted and measurable but removes it from keyboard and assistive-technology navigation. The application owns
@@ -144,6 +145,11 @@ When an application's Content Security Policy requires nonces, wrap its componen
 This is [Base UI's CSP provider](https://base-ui.com/react/utils/csp-provider); it authorizes component style tags such
 as Select's scrollbar rules. The application owns nonce generation and its security policy.
 
+Mount one `Toaster` from `/feedback` and call its exported `toast` API for notifications. Elements includes Sonner's
+structural styles in the published stylesheet, so the production package injects no additional toast style tag. Keep
+initial-read failures and field validation local; retained-content refresh failures can use one notification with Retry.
+The application owns stable notification IDs and dismissal on recovery or navigation.
+
 ## Develop and release
 
 From `workspaces/core`:

package/dist/ai.js

@@ -1,74 +1,74 @@
-import { C as e, S as t, T as n, f as r, h as i, p as a, t as o, w as s } from "./src-elMBQ2Dh.js";
-import { t as c } from "./content-link-BrPrpBof.js";
-import { r as l, t as u } from "./src-CfDf8TY8.js";
-import { c as d, u as f } from "./src-Cc0Sadzr.js";
+import { C as e, E as t, T as n, f as r, g as i, p as a, t as o, w as s } from "./src-D05isEh_.js";
+import { t as c } from "./content-link-CatGOrbo.js";
+import { r as l, t as u } from "./src-Cs0dRc4X.js";
+import { c as d, u as f } from "./src-C_heP5kL.js";
 import { t as p } from "./accessibility-C-aIZ1Yx.js";
 import * as m from "@stylexjs/stylex";
 import { createContext as h, useContext as g, useId as _, useRef as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { ArrowDown as x, ArrowUp as S, ExternalLink as C, File as w, GitBranch as T, Square as E } from "lucide-react";
-import { MessageScroller as D, useMessageScroller as O, useMessageScrollerScrollable as k } from "@shadcn/react/message-scroller";
+import { ArrowDown as x, ArrowUp as S, File as C, GitBranch as w, Square as T } from "lucide-react";
+import { MessageScroller as E, useMessageScroller as D, useMessageScrollerScrollable as O } from "@shadcn/react/message-scroller";
 // packages/ai/src/approval.tsx
-function A(e) {
+function k(t) {
 	return /* @__PURE__ */ b("section", {
-		"aria-label": e.title,
-		"data-request-id": e.requestId,
-		className: "x78zum5 xdt5ytf x1n8ia3y xeuugli x1c8xbx5 xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
+		"aria-label": t.title,
+		"data-request-id": t.requestId,
+		className: "x78zum5 xdt5ytf x1n8ia3y xeuugli x1c8xbx5 xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi",
 		children: [
 			/* @__PURE__ */ y("h3", {
-				className: "x1ghz6dp xtqrqnz x1778rvt xk50ysn xj0a0fe",
-				children: e.title
+				className: "x1ghz6dp xtqrqnz x1778rvt xk4h15q xj0a0fe",
+				children: t.title
 			}),
-			e.description !== void 0 && /* @__PURE__ */ y("p", {
+			t.description !== void 0 && /* @__PURE__ */ y("p", {
 				className: "x1ghz6dp x153jb6y xj0a0fe",
-				children: e.description
+				children: t.description
 			}),
-			e.children,
-			e.status === "pending" ? /* @__PURE__ */ b(r, { children: [/* @__PURE__ */ y(t, {
+			t.children,
+			t.status === "pending" ? /* @__PURE__ */ b(r, { children: [/* @__PURE__ */ y(e, {
 				variant: "solid",
-				onClick: e.onApprove,
-				disabled: e.disabled === !0 || e.busy !== void 0,
-				pending: e.busy === "approve",
+				onClick: t.onApprove,
+				disabled: t.disabled === !0 || t.busy !== void 0,
+				pending: t.busy === "approve",
 				pendingLabel: "Approving…",
-				children: e.approveLabel ?? "Approve"
-			}), /* @__PURE__ */ y(t, {
-				onClick: e.onDeny,
-				disabled: e.disabled === !0 || e.busy !== void 0,
-				pending: e.busy === "deny",
+				children: t.approveLabel ?? "Approve"
+			}), /* @__PURE__ */ y(e, {
+				onClick: t.onDeny,
+				disabled: t.disabled === !0 || t.busy !== void 0,
+				pending: t.busy === "deny",
 				pendingLabel: "Denying…",
-				children: e.denyLabel ?? "Deny"
-			})] }) : /* @__PURE__ */ y(o, { children: e.statusLabel })
+				children: t.denyLabel ?? "Deny"
+			})] }) : /* @__PURE__ */ y(o, { children: t.statusLabel })
 		]
 	});
 }
 // packages/ai/src/conversation.tsx
-var j = h(void 0);
-function M({ children: e, initialPosition: t = "end", follow: n = !0 }) {
-	let r = v(null);
-	return /* @__PURE__ */ y(j.Provider, {
-		value: r,
-		children: /* @__PURE__ */ y(D.Provider, {
+var A = h(void 0);
+function j({ children: e, initialPosition: t = "end", follow: n = !0, viewportRef: r }) {
+	let i = v(null), a = r ?? i;
+	return /* @__PURE__ */ y(A.Provider, {
+		value: a,
+		children: /* @__PURE__ */ y(E.Provider, {
 			autoScroll: n,
 			defaultScrollPosition: t,
-			children: /* @__PURE__ */ y(D.Root, {
-				className: "x1n2onr6 x78zum5 xdt5ytf x5yr21d x2lwn1j xeuugli xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt",
+			children: /* @__PURE__ */ y(E.Root, {
+				className: "x1n2onr6 x78zum5 xdt5ytf x5yr21d x2lwn1j xeuugli xpvm0e4 xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi",
 				children: e
 			})
 		})
 	});
 }
-function N({ label: e, children: t, scrollRestorationId: n }) {
-	let r = g(j);
-	return /* @__PURE__ */ y(D.Viewport, {
+function M({ label: e, children: t, scrollRestorationId: n }) {
+	let r = g(A);
+	return /* @__PURE__ */ y(E.Viewport, {
 		ref: r,
 		"aria-label": e,
 		"data-scroll-restoration-id": n,
-		className: "x98rzlu x2lwn1j xeuugli x1odjw0f x1046ku7 x185mbhu x1ok0vyi x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+		className: "x98rzlu x2lwn1j xeuugli x1odjw0f x1046ku7 x185mbhu x1ok0vyi x1t137rt x13qnu6 x9v5kkp x19rmrnh x1bqaal",
 		children: t
 	});
 }
-function P({ children: e, streaming: t = !1 }) {
-	return /* @__PURE__ */ y(D.Content, {
+function N({ children: e, streaming: t = !1 }) {
+	return /* @__PURE__ */ y(E.Content, {
 		"aria-live": "polite",
 		"aria-relevant": "additions",
 		"aria-busy": t,
@@ -76,35 +76,51 @@ function P({ children: e, streaming: t = !1 }) {
 		children: e
 	});
 }
-function F({ messageId: e, children: t }) {
-	return /* @__PURE__ */ y(D.Item, {
+function P({ messageId: e, children: t }) {
+	return /* @__PURE__ */ y(E.Item, {
 		messageId: e,
 		className: "xeuugli xj0a0fe",
 		children: t
 	});
 }
+function F({ children: e }) {
+	return /* @__PURE__ */ y("div", {
+		className: "x9f619 x2lah0s xeuugli xh8yej3 xe10afn xvueqy4 xn9t2bk x1m92p3w",
+		children: e
+	});
+}
 function I({ label: e = "Jump to latest" }) {
-	let { scrollToEnd: n } = O(), { end: r } = k(), i = g(j);
-	return r ? /* @__PURE__ */ y("div", {
-		className: "x10l6tqk xwthv0x x1nrll8i xuuh30",
-		children: /* @__PURE__ */ b(t, {
-			onClick: () => {
-				n({ behavior: "instant" }), i?.current?.focus({ preventScroll: !0 });
-			},
-			children: [/* @__PURE__ */ y(x, {
-				size: 16,
-				"aria-hidden": !0
-			}), e]
-		})
+	let { end: t } = O();
+	return t ? /* @__PURE__ */ y("div", {
+		className: "x10l6tqk xwthv0x x1nrll8i xuuh30 x1tv4vx4 xeuugli",
+		children: /* @__PURE__ */ y(L, { label: e })
 	}) : null;
 }
-var L = {
-	Root: M,
-	Viewport: N,
-	Content: P,
-	Item: F,
+function L({ label: t, onActivate: n }) {
+	let { scrollToEnd: r } = D(), i = g(A);
+	return /* @__PURE__ */ b(e, {
+		size: "sm",
+		onClick: () => {
+			n?.(), requestAnimationFrame(() => {
+				let e = i?.current;
+				e != null && (r({ behavior: "instant" }), e.focus({ preventScroll: !0 }));
+			});
+		},
+		children: [/* @__PURE__ */ y(x, {
+			size: 14,
+			"aria-hidden": !0
+		}), t]
+	});
+}
+var R = {
+	Root: j,
+	Viewport: M,
+	Content: N,
+	Item: P,
+	Controls: F,
+	LatestButton: L,
 	JumpToLatest: I
-}, R = {
+}, z = {
 	root: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -114,6 +130,7 @@ var L = {
 		kMv6JI: "x1hz01jw",
 		kGuDYH: "xtqrqnz",
 		kLWn49: "x1778rvt",
+		k63SB2: "xj57cvi",
 		$$css: !0
 	},
 	user: {
@@ -129,19 +146,19 @@ var L = {
 		k8WAf4: "xn9t2bk",
 		$$css: !0
 	}
-}, z = {
-	user: R.user,
-	assistant: R.assistant,
-	system: R.system
 }, B = {
+	user: z.user,
+	assistant: z.assistant,
+	system: z.system
+}, V = {
 	"x-default-marker": "x-default-marker",
 	$$css: !0
 };
-function V({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avatar: a, actions: o, attachments: s }) {
+function H({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avatar: a, actions: o, attachments: s }) {
 	return /* @__PURE__ */ b("article", {
 		id: n,
 		"aria-label": e,
-		...m.props(R.root, z[r], B),
+		...m.props(z.root, B[r], V),
 		children: [
 			/* @__PURE__ */ b("header", {
 				className: "x78zum5 x6s0dn4 x1hnptsi x1a02dak xeuugli",
@@ -151,79 +168,82 @@ function V({ author: e, children: t, id: n, kind: r = "assistant", meta: i, avat
 						children: a
 					}),
 					/* @__PURE__ */ y("span", {
-						className: "xk50ysn xj0a0fe",
+						className: "xk4h15q xeuugli xj0a0fe",
 						children: e
 					}),
 					i !== void 0 && /* @__PURE__ */ y("div", {
-						className: "x153jb6y xy8obcc xas2l8k",
+						className: "x153jb6y xy8obcc xas2l8k xeuugli xj0a0fe",
 						children: i
 					})
 				]
 			}),
 			/* @__PURE__ */ y("div", {
-				className: "xeuugli xj0a0fe",
+				className: "xeuugli xj0a0fe x1ytb0s6",
 				children: t
 			}),
 			s !== void 0 && /* @__PURE__ */ y("div", {
-				className: "x78zum5 x1a02dak x1qjc9v5 x1hnptsi",
+				className: "x78zum5 x1a02dak x1qjc9v5 x1hnptsi xeuugli",
 				children: s
 			}),
 			o !== void 0 && /* @__PURE__ */ y("footer", {
-				className: "x78zum5 x1a02dak x6s0dn4 xunmzkg x1hc1fzr x1ac4sdd xea5s0o xbfgl4k",
+				className: "x78zum5 x1a02dak x6s0dn4 xeuugli xunmzkg x1hc1fzr x1ac4sdd xea5s0o xbfgl4k",
 				children: o
 			})
 		]
 	});
 }
-function H({ name: e, description: t, href: n, actions: r }) {
+function U({ name: e, description: t, href: n, actions: r }) {
 	return /* @__PURE__ */ b("div", {
-		className: "x78zum5 x6s0dn4 x1n8ia3y xeuugli x193iq5w x1mvvolr xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 x1hz01jw xtqrqnz x1778rvt",
+		className: "x78zum5 x1a02dak x6s0dn4 x1n8ia3y xeuugli x193iq5w x1mvvolr xmkeg23 x1y0btm7 x1ey3b81 x1ok0vyi xpvm0e4 x1hz01jw xtqrqnz x1778rvt xj57cvi",
 		children: [
-			/* @__PURE__ */ y(w, {
+			/* @__PURE__ */ y(C, {
 				size: 16,
 				"aria-hidden": !0,
 				className: "x153jb6y x2lah0s"
 			}),
 			/* @__PURE__ */ b("div", {
-				className: "x78zum5 xdt5ytf xfko13i xeuugli xj0a0fe",
+				className: "x78zum5 xdt5ytf xfko13i x1slnebi xeuugli xj0a0fe",
 				children: [n === void 0 ? /* @__PURE__ */ y("span", { children: e }) : /* @__PURE__ */ y(c, {
 					href: n,
 					children: e
 				}), t !== void 0 && /* @__PURE__ */ y("span", {
-					className: "x153jb6y xy8obcc xas2l8k",
+					className: "x153jb6y xy8obcc xas2l8k xeuugli xj0a0fe",
 					children: t
 				})]
 			}),
-			r
+			r !== void 0 && /* @__PURE__ */ y("div", {
+				className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi xeuugli",
+				children: r
+			})
 		]
 	});
 }
 // packages/ai/src/message-action.tsx
-function U(t) {
-	if (t.kind === "link") {
-		let { kind: e, label: n, ...r } = t;
-		return /* @__PURE__ */ y(s, {
-			...r,
-			"aria-label": n
+function W(e) {
+	if (e.kind === "link") {
+		let { kind: t, label: r, ...i } = e;
+		return /* @__PURE__ */ y(n, {
+			...i,
+			"aria-label": r
 		});
 	}
-	let { kind: n, label: r, ...i } = t;
-	return /* @__PURE__ */ y(e, {
+	let { kind: t, label: r, ...i } = e;
+	return /* @__PURE__ */ y(s, {
 		...i,
 		variant: "ghost",
 		"aria-label": r
 	});
 }
-function W(e) {
-	return /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: U(e) }), /* @__PURE__ */ y(u.Portal, { children: /* @__PURE__ */ y(u.Positioner, { children: /* @__PURE__ */ y(u.Popup, { children: e.label }) }) })] });
+function G(e) {
+	return /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: W(e) }), /* @__PURE__ */ y(u.Portal, { children: /* @__PURE__ */ y(u.Positioner, { children: /* @__PURE__ */ y(u.Popup, { children: e.label }) }) })] });
 }
 // packages/ai/src/message-boundary.tsx
-function G({ label: e, children: t }) {
+function K({ label: e, children: t }) {
 	return /* @__PURE__ */ b(i.Root, {
 		className: "xeuugli x1kbiq1m xykt701 xpu655y",
 		children: [/* @__PURE__ */ b(i.Trigger, {
-			className: "xlqzeqv x1hnptsi x153jb6y xy8obcc xas2l8k xo1l8bm",
-			children: [/* @__PURE__ */ y(T, {
+			className: "xlqzeqv x1hnptsi x153jb6y xy8obcc xas2l8k xj57cvi",
+			children: [/* @__PURE__ */ y(w, {
 				size: 14,
 				"aria-hidden": !0,
 				className: "x2lah0s"
@@ -238,11 +258,11 @@ function G({ label: e, children: t }) {
 	});
 }
 // packages/ai/src/prompt-input.tsx
-var K = { action: {
+var q = { action: {
 	keTefX: "xvc5jky",
 	$$css: !0
 } };
-function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "prompt", placeholder: o, maxLength: s, required: c = !0, pending: l = !1, disabled: h = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: x = "Sending…", enterBehavior: C = "newline", compact: w = !1, description: T, error: D, controls: O, attachments: k, onStop: A, stopPending: j = !1, stopLabel: M = "Stop response" }) {
+function J({ label: e, value: t, onValueChange: n, onSubmit: r, name: i = "prompt", placeholder: a, maxLength: o, required: c = !0, pending: l = !1, disabled: h = !1, submitDisabled: g = !1, submitLabel: v = "Send message", pendingLabel: x = "Sending…", enterBehavior: C = "newline", compact: w = !1, description: E, error: D, controls: O, attachments: k, onStop: A, stopPending: j = !1, stopLabel: M = "Stop response" }) {
 	let N = _(), P = h || l, F = v;
 	A === void 0 ? l ? F = x : C === "submit" && (F = `${v} · Enter`) : F = j ? "Stopping…" : M;
 	function I(e) {
@@ -251,17 +271,17 @@ function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "promp
 		e.shiftKey || t || e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229 || (e.preventDefault(), !P && !g && A === void 0 && e.currentTarget.form?.requestSubmit());
 	}
 	function L(e) {
-		e.preventDefault(), !P && !g && A === void 0 && i(e);
+		e.preventDefault(), !P && !g && A === void 0 && r(e);
 	}
 	return /* @__PURE__ */ y("form", {
 		onSubmit: L,
-		className: "x78zum5 xdt5ytf x1hnptsi xeuugli xh8yej3 xe10afn xvueqy4",
+		className: "x78zum5 xdt5ytf x1hnptsi xeuugli xh8yej3 xe10afn xvueqy4 xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi",
 		children: /* @__PURE__ */ b(d.Root, {
 			invalid: D !== void 0,
 			children: [
 				/* @__PURE__ */ y(d.Label, {
 					...m.props(p.hidden),
-					children: t
+					children: e
 				}),
 				/* @__PURE__ */ b("div", {
 					...{
@@ -273,12 +293,12 @@ function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "promp
 							appearance: "plain",
 							rows: w ? 1 : 2,
 							compact: w,
-							name: a,
-							value: n,
-							onChange: (e) => r(e.currentTarget.value),
+							name: i,
+							value: t,
+							onChange: (e) => n(e.currentTarget.value),
 							onKeyDown: I,
-							placeholder: o ?? t,
-							maxLength: s,
+							placeholder: a ?? e,
+							maxLength: o,
 							required: c,
 							disabled: h,
 							readOnly: l,
@@ -290,8 +310,8 @@ function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "promp
 							children: [O !== void 0 && /* @__PURE__ */ y("div", {
 								className: "x78zum5 x1a02dak x6s0dn4 x1hnptsi xeuugli x12lumcd",
 								children: O
-							}), /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: A === void 0 ? /* @__PURE__ */ y(e, {
-								xstyle: K.action,
+							}), /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: A === void 0 ? /* @__PURE__ */ y(s, {
+								xstyle: q.action,
 								type: "submit",
 								variant: "solid",
 								"aria-label": l ? x : v,
@@ -301,8 +321,8 @@ function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "promp
 									size: 16,
 									"aria-hidden": !0
 								})
-							}) : /* @__PURE__ */ y(e, {
-								xstyle: K.action,
+							}) : /* @__PURE__ */ y(s, {
+								xstyle: q.action,
 								type: "button",
 								"aria-label": j ? "Stopping…" : M,
 								onClick: (e) => {
@@ -310,7 +330,7 @@ function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "promp
 								},
 								disabled: h,
 								pending: j,
-								children: /* @__PURE__ */ y(E, {
+								children: /* @__PURE__ */ y(T, {
 									size: 14,
 									"aria-hidden": !0
 								})
@@ -318,7 +338,7 @@ function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "promp
 						})
 					]
 				}),
-				T !== void 0 && /* @__PURE__ */ y(d.Description, { children: T }),
+				E !== void 0 && /* @__PURE__ */ y(d.Description, { children: E }),
 				D !== void 0 && /* @__PURE__ */ y(d.Error, {
 					id: N,
 					match: !0,
@@ -330,42 +350,42 @@ function q({ label: t, value: n, onValueChange: r, onSubmit: i, name: a = "promp
 	});
 }
 // packages/ai/src/sources.tsx
-function J({ sources: e, label: t = "Sources" }) {
+function Y({ sources: e, label: t = "Sources" }) {
 	return /* @__PURE__ */ b("section", {
 		"aria-label": t,
-		className: "x78zum5 xdt5ytf x1hnptsi xeuugli x1hz01jw xtqrqnz x1778rvt xbixft",
-		children: [/* @__PURE__ */ y("h3", {
-			className: "x1ghz6dp xtqrqnz x1778rvt xk50ysn",
-			children: t
-		}), /* @__PURE__ */ y("ol", {
-			className: "x78zum5 xdt5ytf x1n8ia3y x1ghz6dp x1717udv x3ct3a4",
-			children: e.map((e) => /* @__PURE__ */ b("li", {
-				className: "x78zum5 xdt5ytf xfko13i xeuugli xj0a0fe",
-				children: [/* @__PURE__ */ b("span", {
-					className: "x3nfvp2 x1pha0wt xunmzkg x1a02dak",
-					children: [/* @__PURE__ */ y(c, {
+		className: "x78zum5 xdt5ytf x1hnptsi xeuugli x1hz01jw xtqrqnz x1778rvt xj57cvi xbixft",
+		children: [
+			/* @__PURE__ */ y("h3", {
+				className: "x1ghz6dp xtqrqnz x1778rvt xk4h15q xj0a0fe",
+				children: t
+			}),
+			e.length === 0 && /* @__PURE__ */ y("p", {
+				className: "x1ghz6dp x153jb6y xy8obcc xas2l8k xj0a0fe",
+				children: "No sources supplied."
+			}),
+			/* @__PURE__ */ y("ol", {
+				className: "x78zum5 xdt5ytf x1n8ia3y x1ghz6dp x1717udv x3ct3a4",
+				children: e.map((e) => /* @__PURE__ */ b("li", {
+					className: "x78zum5 xdt5ytf xfko13i xeuugli xj0a0fe",
+					children: [/* @__PURE__ */ y("span", { children: /* @__PURE__ */ y(c, {
 						href: e.href,
 						children: e.title
-					}), /* @__PURE__ */ y(C, {
-						size: 12,
-						"aria-hidden": !0,
-						className: "x2lah0s x153jb6y"
+					}) }), e.description !== void 0 && /* @__PURE__ */ y("p", {
+						className: "x1ghz6dp x153jb6y xy8obcc xas2l8k xj0a0fe",
+						children: e.description
 					})]
-				}), e.description !== void 0 && /* @__PURE__ */ y("p", {
-					className: "x1ghz6dp x153jb6y xy8obcc xas2l8k xj0a0fe",
-					children: e.description
-				})]
-			}, e.id))
-		})]
+				}, e.id))
+			})
+		]
 	});
 }
-function Y({ source: e, label: t }) {
+function X({ source: e, label: n }) {
 	return /* @__PURE__ */ y("span", {
 		className: "xt0psk2 x11njtxf xss6m8b",
 		children: /* @__PURE__ */ b(l.Root, { children: [/* @__PURE__ */ y(l.Trigger, {
-			render: /* @__PURE__ */ y(n, {}),
-			"aria-label": `Source ${t}: ${e.title}`,
-			children: t
+			render: /* @__PURE__ */ y(t, {}),
+			"aria-label": `Source ${n}: ${e.title}`,
+			children: n
 		}), /* @__PURE__ */ y(l.Portal, { children: /* @__PURE__ */ y(l.Positioner, {
 			side: "top",
 			children: /* @__PURE__ */ y(l.Popup, { children: /* @__PURE__ */ b(a, {
@@ -382,4 +402,4 @@ function Y({ source: e, label: t }) {
 		}) })] })
 	});
 }
-export { A as Approval, L as Conversation, Y as InlineCitation, V as Message, W as MessageAction, H as MessageAttachment, G as MessageBoundary, q as PromptInput, J as Sources };
+export { k as Approval, R as Conversation, X as InlineCitation, H as Message, G as MessageAction, U as MessageAttachment, K as MessageBoundary, J as PromptInput, Y as Sources };

package/dist/{categorical-values-DYRiw5Qd.js → categorical-values-FYc43JCa.js}

@@ -1,5 +1,5 @@
-import { n as e, o as t } from "./chart-frame-RL1hCWBC.js";
-import { n } from "./chart-input-Bm3ot1yD.js";
+import { n as e, s as t } from "./chart-frame-Bczk5sWj.js";
+import { n } from "./chart-input-CbzVN76m.js";
 import * as r from "@stylexjs/stylex";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 // packages/charts/src/categorical-values.tsx
@@ -43,13 +43,13 @@ function f({ items: n, selection: o }) {
 			selected: o?.selectedId === n.id,
 			onSelect: o === void 0 ? void 0 : () => o.onSelect(n.id),
 			children: [/* @__PURE__ */ a("span", {
-				className: "x78zum5 x6s0dn4 x1hnptsi xeuugli",
+				className: "x78zum5 x6s0dn4 x1hnptsi x1slnebi xeuugli",
 				children: [/* @__PURE__ */ i("span", {
 					"aria-hidden": !0,
 					...r.props(s.swatch(t[n.tone]))
 				}), n.label]
 			}), /* @__PURE__ */ i("span", {
-				className: "x153jb6y xp4054r",
+				className: "x153jb6y xp4054r xeuugli x193iq5w",
 				children: n.valueLabel
 			})]
 		}) }, n.id))