@mechane-ai/elements 0.9.0 → 0.10.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-sU9b0oZW.js";
+import { t as c } from "./content-link-BpSZeTNK.js";
+import { r as l, t as u } from "./src-Cs0dRc4X.js";
+import { c as d, u as f } from "./src-Be7NLG8c.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 }) {
+var A = h(void 0);
+function j({ children: e, initialPosition: t = "end", follow: n = !0 }) {
 	let r = v(null);
-	return /* @__PURE__ */ y(j.Provider, {
+	return /* @__PURE__ */ y(A.Provider, {
 		value: r,
-		children: /* @__PURE__ */ y(D.Provider, {
+		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,35 @@ 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 I({ label: e = "Jump to latest" }) {
-	let { scrollToEnd: n } = O(), { end: r } = k(), i = g(j);
+function F({ label: t = "Jump to latest" }) {
+	let { scrollToEnd: n } = D(), { end: r } = O(), i = g(A);
 	return r ? /* @__PURE__ */ y("div", {
-		className: "x10l6tqk xwthv0x x1nrll8i xuuh30",
-		children: /* @__PURE__ */ b(t, {
+		className: "x10l6tqk xwthv0x x1nrll8i xuuh30 x1tv4vx4 xeuugli",
+		children: /* @__PURE__ */ b(e, {
 			onClick: () => {
 				n({ behavior: "instant" }), i?.current?.focus({ preventScroll: !0 });
 			},
 			children: [/* @__PURE__ */ y(x, {
 				size: 16,
 				"aria-hidden": !0
-			}), e]
+			}), t]
 		})
 	}) : null;
 }
-var L = {
-	Root: M,
-	Viewport: N,
-	Content: P,
-	Item: F,
-	JumpToLatest: I
-}, R = {
+var I = {
+	Root: j,
+	Viewport: M,
+	Content: N,
+	Item: P,
+	JumpToLatest: F
+}, L = {
 	root: {
 		k1xSpc: "x78zum5",
 		kXwgrk: "xdt5ytf",
@@ -114,6 +114,7 @@ var L = {
 		kMv6JI: "x1hz01jw",
 		kGuDYH: "xtqrqnz",
 		kLWn49: "x1778rvt",
+		k63SB2: "xj57cvi",
 		$$css: !0
 	},
 	user: {
@@ -129,19 +130,19 @@ var L = {
 		k8WAf4: "xn9t2bk",
 		$$css: !0
 	}
+}, R = {
+	user: L.user,
+	assistant: L.assistant,
+	system: L.system
 }, z = {
-	user: R.user,
-	assistant: R.assistant,
-	system: R.system
-}, B = {
 	"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 B({ 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(L.root, R[r], z),
 		children: [
 			/* @__PURE__ */ b("header", {
 				className: "x78zum5 x6s0dn4 x1hnptsi x1a02dak xeuugli",
@@ -151,79 +152,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 V({ 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 H(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 U(e) {
+	return /* @__PURE__ */ b(u.Root, { children: [/* @__PURE__ */ y(u.Trigger, { render: H(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 W({ 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 +242,11 @@ function G({ label: e, children: t }) {
 	});
 }
 // packages/ai/src/prompt-input.tsx
-var K = { action: {
+var G = { 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 K({ 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 +255,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 +277,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 +294,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: G.action,
 								type: "submit",
 								variant: "solid",
 								"aria-label": l ? x : v,
@@ -301,8 +305,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: G.action,
 								type: "button",
 								"aria-label": j ? "Stopping…" : M,
 								onClick: (e) => {
@@ -310,7 +314,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 +322,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 +334,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 q({ 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 J({ 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 +386,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, I as Conversation, J as InlineCitation, B as Message, U as MessageAction, V as MessageAttachment, W as MessageBoundary, K as PromptInput, q as Sources };

package/dist/{categorical-values-DYRiw5Qd.js → categorical-values-DLRE4EEW.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-et6f6Vhg.js";
+import { n } from "./chart-input-CdLkFomi.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))

package/dist/{chart-frame-RL1hCWBC.js → chart-frame-et6f6Vhg.js}

@@ -1,4 +1,4 @@
-import { h as e } from "./src-elMBQ2Dh.js";
+import { g as e } from "./src-sU9b0oZW.js";
 import { chartColors as t, colors as n } from "./tokens.js";
 import * as r from "@stylexjs/stylex";
 import { useId as i } from "react";
@@ -43,6 +43,7 @@ var s = {
 		kDwRjp: "x1q7gtio",
 		kMv6JI: "x1hz01jw",
 		kGuDYH: "xy8obcc",
+		k63SB2: "xj57cvi",
 		kcqcaj: "xss6m8b",
 		$$css: !0
 	},
@@ -62,7 +63,7 @@ var s = {
 		kZs9gx: "x19rmrnh",
 		k7shQP: "x9v5kkp",
 		kPJHz1: "x13qnu6",
-		kiEn40: "x7s97pk",
+		kiEn40: "x17c0hmk",
 		$$css: !0
 	}
 }, l = {
@@ -82,7 +83,7 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
 	let c = i();
 	return /* @__PURE__ */ o("figure", {
 		"aria-labelledby": c,
-		className: "xeuugli x1ghz6dp xbixft xpvm0e4 x1hz01jw xtqrqnz x1778rvt",
+		className: "xeuugli x1ghz6dp xbixft xpvm0e4 x1hz01jw xtqrqnz xj57cvi x1778rvt",
 		children: [
 			/* @__PURE__ */ o("figcaption", {
 				className: "x78zum5 x1a02dak x1qughib x7a106z x1n8ia3y x1wv5www",
@@ -90,10 +91,10 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
 					className: "x1iv9x3n xeuugli xj0a0fe",
 					children: [/* @__PURE__ */ a("p", {
 						id: c,
-						className: "x1ghz6dp x12myhf4 x1778rvt xo1l8bm",
+						className: "x1ghz6dp x12myhf4 x1778rvt xk4h15q",
 						children: e
 					}), t !== void 0 && /* @__PURE__ */ a("p", {
-						className: "x1ghz6dp x1c87qhr x153jb6y xy8obcc",
+						className: "x1ghz6dp x1c87qhr x153jb6y xy8obcc xas2l8k",
 						children: t
 					})]
 				}), r !== void 0 && /* @__PURE__ */ a("div", {
@@ -103,7 +104,7 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
 			}),
 			n,
 			s !== void 0 && /* @__PURE__ */ a("div", {
-				className: "x1xxf3xd x153jb6y xy8obcc",
+				className: "x1xxf3xd xeuugli x153jb6y xy8obcc xas2l8k xj0a0fe",
 				children: s
 			})
 		]
@@ -112,9 +113,9 @@ function d({ title: e, description: t, children: n, actions: r, footer: s }) {
 function f({ items: e, label: t = "Legend" }) {
 	return /* @__PURE__ */ a("ul", {
 		"aria-label": t,
-		className: "x78zum5 x1a02dak x1n8ia3y xe8uvvx x1ghz6dp x1717udv x153jb6y x1hz01jw xy8obcc xas2l8k",
+		className: "x78zum5 x1a02dak x8zbtdt x1gkm1c7 xe8uvvx x1ghz6dp x1717udv x153jb6y x1hz01jw xy8obcc xas2l8k",
 		children: e.map((e) => /* @__PURE__ */ o("li", {
-			className: "x3nfvp2 x6s0dn4 xunmzkg",
+			className: "x3nfvp2 x6s0dn4 xunmzkg xeuugli x193iq5w xj0a0fe",
 			children: [/* @__PURE__ */ a("span", {
 				"aria-hidden": !0,
 				...r.props(u.swatch(s[e.tone]))
@@ -124,7 +125,7 @@ function f({ items: e, label: t = "Legend" }) {
 }
 function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
 	return n === void 0 ? /* @__PURE__ */ a("div", {
-		className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
+		className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b",
 		children: r
 	}) : /* @__PURE__ */ a("button", {
 		type: "button",
@@ -132,22 +133,29 @@ function p({ label: e, selected: t = !1, onSelect: n, children: r }) {
 		"aria-pressed": t,
 		onClick: n,
 		...{
-			0: { className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal" },
-			1: { className: "x78zum5 x6s0dn4 x1qughib x1n8ia3y xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk xzro8vx x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb x1jmj9dw" }
+			0: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xpvm0e4 xss6m8b x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal" },
+			1: { className: "x78zum5 x1a02dak x6s0dn4 x1qughib x8zbtdt x1gkm1c7 xeuugli xaeotn9 xwu7q15 x9f619 xh8yej3 xc342km x1hmw7ec x5g2kb4 x1hz01jw xtqrqnz xj57cvi x1778rvt x1yc453h xj0a0fe xbixft xss6m8b x1ypdohk x1t137rt xzro8vx x1ecmtor x19rmrnh x9v5kkp x13qnu6 x1bqaal x1r7kqkb x1jmj9dw" }
 		}[!!t | 0],
 		children: r
 	});
 }
-function m({ children: t, label: n = "View data" }) {
+function m({ children: e }) {
+	return /* @__PURE__ */ a("p", {
+		"aria-live": "polite",
+		className: "x1ghz6dp xeuugli x1mqbd49 xbixft xy8obcc xas2l8k xss6m8b xj0a0fe",
+		children: e
+	});
+}
+function h({ children: t, label: n = "View data" }) {
 	return /* @__PURE__ */ a("div", {
 		className: "x1xxf3xd x178xt8z x13fuv20 xhjagg4",
 		children: /* @__PURE__ */ o(e.Root, { children: [/* @__PURE__ */ a(e.Trigger, { children: n }), /* @__PURE__ */ a(e.Panel, { children: /* @__PURE__ */ a("div", {
 			role: "region",
 			"aria-label": n,
 			tabIndex: 0,
-			className: "xeuugli x1sslpiy xysyzu8 x19rmrnh x9v5kkp x13qnu6 x1bqaal",
+			className: "xeuugli x1sslpiy xysyzu8 x1t137rt x19rmrnh x9v5kkp x13qnu6 x1bqaal",
 			children: t
 		}) })] })
 	});
 }
-export { c as a, f as i, p as n, s as o, d as r, m as t };
+export { m as a, f as i, p as n, c as o, d as r, s, h as t };