@mechane-ai/elements 0.13.0 → 0.14.1

package/dist/layout.js

@@ -1,5 +1,5 @@
-import { a as e } from "./src-CVlgjAlw.js";
-import { C as t, i as n, n as r, w as i } from "./src-BNlyCwOr.js";
+import { a as e } from "./src-d7EAi61b.js";
+import { C as t, i as n, n as r, w as i } from "./src-BXh4g2VY.js";
 import { t as a } from "./style-composition-uYlczSsB.js";
 import { Button as o } from "@base-ui/react/button";
 import { mergeProps as s } from "@base-ui/react/merge-props";
@@ -120,7 +120,7 @@ function M({ children: e, label: t }) {
 		}), e]
 	});
 }
-function N({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: s, ...c }) {
+function N({ children: e, icon: t, isSelected: n = !1, onClick: r, className: i, style: s, ...c }) {
 	let l = d(E), u = p(), f = l !== null && !l.isExpanded;
 	return /* @__PURE__ */ _("div", {
 		...{
@@ -133,8 +133,8 @@ function N({ children: e, icon: t, selected: n = !1, onClick: r, className: i, s
 				className: i,
 				style: s,
 				styles: {
-					0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal xc342km x1ypdohk xwj21n9 x1m8qfh3 x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
-					1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal xc342km x1ypdohk xwj21n9 x1m8qfh3 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" }
+					0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x17lu4q8 x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal xc342km x1ypdohk xwj21n9 x1m8qfh3 x1nhvcw1 x1hnptsi x15rya3k x992rv9 x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
+					1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x17lu4q8 x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal xc342km x1ypdohk xwj21n9 x1m8qfh3 x1hnptsi x15rya3k x992rv9 x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" }
 				}[!!f | 0]
 			}),
 			"aria-current": n ? "page" : void 0,
@@ -158,12 +158,12 @@ function N({ children: e, icon: t, selected: n = !1, onClick: r, className: i, s
 		})
 	});
 }
-function P({ children: e, icon: t, selected: n = !1, onClick: r, className: i, style: a, ...o }) {
+function P({ children: e, icon: t, isSelected: n = !1, onClick: r, className: i, style: a, ...o }) {
 	let s = d(E), c = p(), l = s !== null && !s.isExpanded, u = {
-		0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
-		2: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" },
-		1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r x1r7kqkb" },
-		3: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x19fjeqo x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x17kqdoe x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv x1r7kqkb" }
+		0: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x17lu4q8 x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x992rv9 x1avwmir xh8yej3 xeuugli xt970qd xksvo5r" },
+		2: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft xjbqb8w x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x17lu4q8 x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x992rv9 x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv" },
+		1: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x17lu4q8 x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1nhvcw1 x1hnptsi x15rya3k x992rv9 x1avwmir xh8yej3 xeuugli xt970qd xksvo5r x1r7kqkb" },
+		3: { className: "x9f619 x78zum5 x6s0dn4 x1ok0vyi xbixft x1hz01jw xtqrqnz x1778rvt xj57cvi xvmahel xdpxx8g xkrqix3 x17lu4q8 x1480za7 x13qnu6 x9v5kkp x19rmrnh x1bqaal x1hnptsi x15rya3k x992rv9 x1avwmir xh8yej3 xeuugli xt970qd xksvo5r xl56j7k x1l31gyv x1r7kqkb" }
 	}[!!l << 1 | !!n];
 	return /* @__PURE__ */ v("a", {
 		...o,
@@ -194,7 +194,7 @@ function P({ children: e, icon: t, selected: n = !1, onClick: r, className: i, s
 		})]
 	});
 }
-function F({ children: e, grow: t = !1 }) {
+function F({ children: e, shouldGrow: t = !1 }) {
 	let n = d(E), r = n !== null && !n.isExpanded;
 	return /* @__PURE__ */ _("span", {
 		...{
@@ -251,7 +251,7 @@ var R = { drawer: {
 	ks0D6T: "x1recik0",
 	$$css: !0
 } };
-function z({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "main", focus: o = !1 }) {
+function z({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "main", shouldFocus: o = !1 }) {
 	let [s, c] = h(!0), [l, u] = h(!1), [d] = h(() => e.createHandle()), g = p(), y = m(null), b = m(null);
 	return f(() => {
 		let e = globalThis.matchMedia(T.sidebarDesktopQuery);
@@ -300,7 +300,7 @@ function z({ sidebarHeader: t, sidebar: n, footer: r, children: i, mainId: a = "
 				xstyle: R.drawer,
 				finalFocus: () => globalThis.matchMedia(T.sidebarDesktopQuery).matches ? y.current : b.current,
 				children: [/* @__PURE__ */ _(e.Title, {
-					visuallyHidden: !0,
+					isVisuallyHidden: !0,
 					children: "Navigation"
 				}), /* @__PURE__ */ _(k, {
 					header: t,
@@ -354,7 +354,7 @@ function H({ header: e, children: t, inspector: n }) {
 		})]
 	});
 }
-function U({ label: e, children: t, flush: n = !1, scrollRestorationId: r }) {
+function U({ label: e, children: t, isFlush: n = !1, scrollRestorationId: r }) {
 	return /* @__PURE__ */ _("div", {
 		role: "region",
 		"aria-label": e,
@@ -380,7 +380,7 @@ function W({ children: e }) {
 		children: e
 	});
 }
-function G({ active: e, children: t }) {
+function G({ isActive: e, children: t }) {
 	return /* @__PURE__ */ _("section", {
 		"aria-hidden": !e,
 		inert: !e,
@@ -399,7 +399,7 @@ var K = {
 	ks0D6T: "x193iq5w",
 	$$css: !0
 } };
-function J({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0, views: i, leading: a }) {
+function J({ title: e, actions: t, showBreadcrumb: n = !1, showNavigation: r = !0, views: i, leading: a }) {
 	let o = l.toArray(e).length > 0, s = l.toArray(t).length > 0, c = l.toArray(i).length > 0, u = l.toArray(a).length > 0;
 	return l.toArray([
 		e,
@@ -427,7 +427,7 @@ function J({ title: e, actions: t, breadcrumb: n = !1, navigation: r = !0, views
 				children: i
 			}),
 			s && /* @__PURE__ */ _("div", {
-				className: "x78zum5 x6s0dn4 xunmzkg x1dc62k6 xeuugli xs83m0k x8x9d4c",
+				className: "x78zum5 x6s0dn4 xunmzkg x1dc62k6 xeuugli x2lah0s x8x9d4c",
 				children: t
 			})
 		]
@@ -470,14 +470,14 @@ function Z({ children: e }) {
 		children: e
 	});
 }
-function Q({ backLabel: e, backHref: t, onBack: n, actions: r, navigation: i = !0 }) {
+function Q({ backLabel: e, backHref: t, onBack: n, actions: r, showNavigation: i = !0 }) {
 	return /* @__PURE__ */ _(J, {
-		breadcrumb: !0,
-		navigation: i,
+		showBreadcrumb: !0,
+		showNavigation: i,
 		actions: r,
 		title: /* @__PURE__ */ v("a", {
 			href: t,
-			className: "x3nfvp2 x6s0dn4 x1hnptsi xid9utz xeuugli x193iq5w xbixft xkrqix3 x9p3ypd x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+			className: "x3nfvp2 x6s0dn4 x1hnptsi xid9utz xeuugli x193iq5w xbixft xkrqix3 x5638nf x13qnu6 x9v5kkp x19rmrnh x1bqaal",
 			onClick: (e) => {
 				if (n === void 0 || e.defaultPrevented || e.button !== 0) return;
 				let t = e.metaKey || e.ctrlKey, r = e.shiftKey || e.altKey;
@@ -556,7 +556,7 @@ function ae({ orientation: e = "horizontal", initialSizes: t, onSizesChange: n,
 		...s({ className: "xeuugli x2lwn1j xh8yej3 x5yr21d" }, a)
 	});
 }
-function oe({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, collapsible: i = !1, ref: a, ...o }) {
+function oe({ id: e, initialSizePercent: t, minimumSizePercent: n = 10, maximumSizePercent: r = 100, canCollapse: i = !1, ref: a, ...o }) {
 	return /* @__PURE__ */ _(C, {
 		id: e,
 		defaultSize: t === void 0 ? void 0 : `${t}%`,

package/dist/navigation/commands.js

@@ -1,13 +1,13 @@
-import { l as e } from "../src-DMsnWyru.js";
-import { s as t } from "../src-CVlgjAlw.js";
+import { l as e } from "../src-R0kgHFPZ.js";
+import { s as t } from "../src-d7EAi61b.js";
 import { n } from "../navigation-D2_sGy3C.js";
 import "@stylexjs/stylex";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Autocomplete as a } from "@base-ui/react/autocomplete";
 import { useFormatForDisplay as o, useHotkeys as s } from "@tanstack/react-hotkeys";
 // packages/navigation/src/commands/command.tsx
-function c({ commands: e, target: t, enabled: n }) {
-	let r = e.flatMap((e) => !n || e.disabled === !0 || e.shortcut === void 0 ? [] : [{
+function c({ commands: e, target: t, isEnabled: n }) {
+	let r = e.flatMap((e) => !n || e.isDisabled === !0 || e.shortcut === void 0 ? [] : [{
 		hotkey: e.shortcut,
 		callback: (n) => {
 			if (n.defaultPrevented || n.repeat) return;
@@ -56,8 +56,8 @@ function u({ open: n, onOpenChange: o, title: s, commands: c, trigger: u, placeh
 							className: "x1717udv x1ghz6dp x1sslpiy x1odjw0f xish69e",
 							children: (e) => /* @__PURE__ */ i(a.Item, {
 								value: e,
-								disabled: e.disabled,
-								className: "x78zum5 x9f619 x6s0dn4 xaml1ju x17tes2r xwu7q15 xn9t2bk x5g2kb4 x1ok0vyi xbixft xpvm0e4 x1hz01jw xj57cvi xtqrqnz x1778rvt x1ypdohk xf2ykmf x1480za7 xd12npn xwj21n9 x1m8qfh3",
+								disabled: e.isDisabled,
+								className: "x78zum5 x9f619 x6s0dn4 xaml1ju x17tes2r x17oiadl xn9t2bk x5g2kb4 x1ok0vyi xbixft xpvm0e4 x1hz01jw xj57cvi xtqrqnz x1778rvt x1ypdohk xf2ykmf x1480za7 xd12npn xwj21n9 x1m8qfh3",
 								onClick: () => {
 									o(!1), e.onSelect();
 								},

package/dist/navigation.js

@@ -5,7 +5,7 @@ import "@stylexjs/stylex";
 import { jsx as i } from "react/jsx-runtime";
 import { Tabs as a } from "@base-ui/react/tabs";
 // packages/navigation/src/page-navigation.tsx
-function o({ items: e, embedded: t = !1 }) {
+function o({ items: e, isEmbedded: t = !1 }) {
 	return /* @__PURE__ */ i("div", {
 		"aria-hidden": !0,
 		inert: !0,
@@ -14,12 +14,12 @@ function o({ items: e, embedded: t = !1 }) {
 			1: { className: "x78zum5 xxhr3t xeuugli xw2csxc x1q0q8m5 x1qndepd x1hz01jw xtqrqnz xj57cvi x1778rvt xvmahel x13qnu6 x9v5kkp x19rmrnh x1bqaal x1qhh985" }
 		}[!!t | 0],
 		children: e.map((e) => /* @__PURE__ */ i("span", {
-			className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 x2lah0s xid9utz xn9t2bk x1doqdfy xkrqix3 xuxw1ft x153jb6y x1mkgjtd x1s9zmfe x1kl8fbi x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 xyhc2n1 x13qnu6 x9v5kkp x19rmrnh x1bqaal",
+			className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 x2lah0s xid9utz xn9t2bk x1doqdfy xkrqix3 xuxw1ft x153jb6y xp9636p x1s9zmfe x1kl8fbi x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 xyhc2n1 x13qnu6 x9v5kkp x19rmrnh x1bqaal",
 			children: e.label
 		}, e.id))
 	});
 }
-function s({ items: e, selectedId: t, onNavigate: n, label: r = "Page sections", embedded: a = !1 }) {
+function s({ items: e, selectedId: t, onNavigate: n, label: r = "Page sections", isEmbedded: a = !1 }) {
 	return /* @__PURE__ */ i("nav", {
 		"aria-label": r,
 		tabIndex: 0,
@@ -31,8 +31,8 @@ function s({ items: e, selectedId: t, onNavigate: n, label: r = "Page sections",
 			href: e.href,
 			"aria-current": e.id === t ? "page" : void 0,
 			...{
-				0: { className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 x2lah0s xid9utz xn9t2bk x1doqdfy xkrqix3 xuxw1ft x153jb6y x1mkgjtd x1s9zmfe x1kl8fbi x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 xyhc2n1 x13qnu6 x9v5kkp x19rmrnh x1bqaal" },
-				1: { className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 x2lah0s xid9utz xn9t2bk x1doqdfy xkrqix3 xuxw1ft x1mkgjtd x1s9zmfe x1kl8fbi x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 x13qnu6 x9v5kkp x19rmrnh x1bqaal xbixft xtawafa" }
+				0: { className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 x2lah0s xid9utz xn9t2bk x1doqdfy xkrqix3 xuxw1ft x153jb6y xp9636p x1s9zmfe x1kl8fbi x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 xyhc2n1 x13qnu6 x9v5kkp x19rmrnh x1bqaal" },
+				1: { className: "x1n2onr6 x9f619 x3nfvp2 x6s0dn4 x2lah0s xid9utz xn9t2bk x1doqdfy xkrqix3 xuxw1ft xp9636p x1s9zmfe x1kl8fbi x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 x13qnu6 x9v5kkp x19rmrnh x1bqaal xbixft xtawafa" }
 			}[e.id === t | 0],
 			onClick: (t) => {
 				if (n === void 0 || t.defaultPrevented || t.button !== 0) return;
@@ -45,7 +45,7 @@ function s({ items: e, selectedId: t, onNavigate: n, label: r = "Page sections",
 }
 // packages/navigation/src/skip-link.tsx
 function c(e) {
-	return /* @__PURE__ */ i("a", { ...r({ className: "xixxii4 x1ridm32 x12hha37 xkwijxb x174j0rr x1mvvolr x9f619 xvv7f4i xj0a0fe x1ok0vyi xpvm0e4 xbixft x1hz01jw xk4h15q xtqrqnz x1778rvt xvmahel xujl8zx x1wfrlr2 x1tkds87 x1de710j x1gnsi0 x1cm8ssg" }, e) });
+	return /* @__PURE__ */ i("a", { ...r({ className: "xixxii4 x1ridm32 x12hha37 x1b4oyad x174j0rr x1mvvolr x9f619 xvv7f4i xj0a0fe x1ok0vyi xpvm0e4 xbixft x1hz01jw xk4h15q xtqrqnz x1778rvt xvmahel xujl8zx x1wfrlr2 x1tkds87 x1de710j x1gnsi0 x1cm8ssg" }, e) });
 }
 // packages/navigation/src/tabs.tsx
 function l({ className: e, style: t, ...r }) {
@@ -74,7 +74,7 @@ function d({ className: e, style: t, ...r }) {
 		...n({
 			className: e,
 			style: t,
-			styles: { className: "x1n2onr6 x9f619 x2lah0s x1hz01jw xj57cvi xvmahel xc342km xid9utz xn9t2bk x1doqdfy xjbqb8w x153jb6y x1ypdohk xtqrqnz x1778rvt xuxw1ft x1wlwa7r xyg3wme xoqm7u7 x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 xyhc2n1 x11v428d x1gkyb9z xv7chyw x1pgiufq xrzcr2b x1nten1d x1wzsryr x1hjdyp1 x1i5oxzy xx75q12 x7dn452 xwj21n9 x1m8qfh3 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
+			styles: { className: "x1n2onr6 x9f619 x2lah0s x1hz01jw xj57cvi xvmahel xc342km xid9utz xn9t2bk x1doqdfy xjbqb8w x153jb6y x1ypdohk xtqrqnz x1778rvt xuxw1ft xy7uoan xyg3wme xoqm7u7 x1s928wv x1j6awrg x1ccaobo x1xrz1ek x3cntg4 xyhc2n1 x11v428d x1gkyb9z xv7chyw x1pgiufq xrzcr2b x1nten1d x1wzsryr x1hjdyp1 x1i5oxzy xx75q12 x7dn452 xwj21n9 x1m8qfh3 x13qnu6 x9v5kkp x19rmrnh x1bqaal" }
 		})
 	});
 }

package/dist/overlays.js

@@ -1 +1 @@
-export { o as AlertDialog, s as Dialog, a as Drawer, i as Menu, r as Popover, n as Preview, t as Tooltip } from "./src-CVlgjAlw.js";
+export { o as AlertDialog, s as Dialog, a as Drawer, i as Menu, r as Popover, n as Preview, t as Tooltip } from "./src-d7EAi61b.js";

package/dist/packages/ai/src/approval.d.ts

@@ -4,7 +4,7 @@ type PendingApproval = {
     readonly onApprove: () => void;
     readonly onDeny: () => void;
     readonly busy?: 'approve' | 'deny' | undefined;
-    readonly disabled?: boolean;
+    readonly isDisabled?: boolean;
     readonly approveLabel?: string;
     readonly denyLabel?: string;
     readonly statusLabel?: never;

package/dist/packages/ai/src/conversation.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode, RefObject } from 'react';
 export type ConversationRootProps = {
     readonly children: ReactNode;
     readonly initialPosition?: 'start' | 'end';
-    readonly follow?: boolean;
+    readonly shouldFollow?: boolean;
     readonly viewportRef?: RefObject<HTMLDivElement | null> | undefined;
 };
 export type ConversationViewportProps = {
@@ -12,7 +12,7 @@ export type ConversationViewportProps = {
 };
 export type ConversationContentProps = {
     readonly children: ReactNode;
-    readonly streaming?: boolean;
+    readonly isStreaming?: boolean;
 };
 export type ConversationItemProps = {
     readonly messageId: string;
@@ -28,9 +28,9 @@ export type ConversationLatestButtonProps = {
     readonly label: string;
     readonly onActivate?: () => void;
 };
-declare function ConversationRoot({ children, initialPosition, follow, viewportRef, }: ConversationRootProps): ReactNode;
+declare function ConversationRoot({ children, initialPosition, shouldFollow, viewportRef, }: ConversationRootProps): ReactNode;
 declare function ConversationViewport({ label, children, scrollRestorationId }: ConversationViewportProps): ReactNode;
-declare function ConversationContent({ children, streaming }: ConversationContentProps): ReactNode;
+declare function ConversationContent({ children, isStreaming }: ConversationContentProps): ReactNode;
 declare function ConversationItem({ messageId, children }: ConversationItemProps): ReactNode;
 declare function ConversationControls({ children }: ConversationControlsProps): ReactNode;
 declare function ConversationJumpToLatest({ label }: ConversationJumpProps): ReactNode;

package/dist/packages/ai/src/prompt-input.d.ts

@@ -1,8 +1,8 @@
 import type { ComponentProps, ReactNode } from 'react';
 export type PromptInputPlaceholderProps = {
-    readonly compact?: boolean;
+    readonly isCompact?: boolean;
 };
-export declare function PromptInputPlaceholder({ compact }: PromptInputPlaceholderProps): ReactNode;
+export declare function PromptInputPlaceholder({ isCompact }: PromptInputPlaceholderProps): ReactNode;
 export type PromptInputProps = {
     readonly label: string;
     readonly value: string;
@@ -12,19 +12,19 @@ export type PromptInputProps = {
     readonly placeholder?: string;
     readonly maxLength?: number;
     readonly required?: boolean;
-    readonly pending?: boolean;
+    readonly isPending?: boolean;
     readonly disabled?: boolean;
-    readonly submitDisabled?: boolean;
+    readonly isSubmitDisabled?: boolean;
     readonly submitLabel?: string;
     readonly pendingLabel?: string;
     readonly enterBehavior?: 'newline' | 'submit';
-    readonly compact?: boolean;
+    readonly isCompact?: boolean;
     readonly description?: ReactNode;
     readonly error?: string | undefined;
     readonly controls?: ReactNode;
     readonly attachments?: ReactNode;
     readonly onStop?: (() => void) | undefined;
-    readonly stopPending?: boolean;
+    readonly isStopPending?: boolean;
     readonly stopLabel?: string;
 };
-export declare function PromptInput({ label, value, onValueChange, onSubmit, name, placeholder, maxLength, required, pending, disabled, submitDisabled, submitLabel, pendingLabel, enterBehavior, compact, description, error, controls, attachments, onStop, stopPending, stopLabel, }: PromptInputProps): ReactNode;
+export declare function PromptInput({ label, value, onValueChange, onSubmit, name, placeholder, maxLength, required, isPending, disabled, isSubmitDisabled, submitLabel, pendingLabel, enterBehavior, isCompact, description, error, controls, attachments, onStop, isStopPending, stopLabel, }: PromptInputProps): ReactNode;

package/dist/packages/charts/src/cartesian/time-series-data.d.ts

@@ -50,5 +50,5 @@ export declare function timeSeriesSignature({ series, markers, timestampUnit, is
     readonly timestampUnit: string;
     readonly isStacked: boolean;
 }): string;
-export declare function observationDomain(minimum: number, maximum: number, startsAtZero?: boolean): readonly [number, number];
+export declare function observationDomain(minimum: number, maximum: number, shouldStartAtZero?: boolean): readonly [number, number];
 export declare function prepareTimeSeries(series: ReadonlyArray<TimeSeries>, isStacked: boolean): ReadonlyArray<PlotSeries>;

package/dist/packages/charts/src/cartesian/time-series.d.ts

@@ -12,7 +12,7 @@ export type TimeSeriesChartProps = {
     readonly actions?: ReactNode;
 };
 export type AreaChartProps = TimeSeriesChartProps & {
-    readonly stacked?: boolean | undefined;
+    readonly isStacked?: boolean | undefined;
 };
 export type SmallMultiplesProps = Omit<TimeSeriesChartProps, 'series' | 'title' | 'description' | 'actions' | 'formatValue' | 'markers'> & {
     readonly charts: ReadonlyArray<{
@@ -25,5 +25,5 @@ export type SmallMultiplesProps = Omit<TimeSeriesChartProps, 'series' | 'title'
     }>;
 };
 export declare function LineChart(props: TimeSeriesChartProps): ReactNode;
-export declare function AreaChart({ stacked, ...props }: AreaChartProps): ReactNode;
+export declare function AreaChart({ isStacked, ...props }: AreaChartProps): ReactNode;
 export declare function SmallMultiples({ charts, ...props }: SmallMultiplesProps): ReactNode;

package/dist/packages/charts/src/chart-frame.d.ts

@@ -22,9 +22,9 @@ export type ChartLegendProps = {
 };
 export declare function ChartFrame({ title, description, children, actions, footer }: ChartFrameProps): ReactNode;
 export declare function ChartLegend({ items, label }: ChartLegendProps): ReactNode;
-export declare function ChartDatumButton({ label, selected, onSelect, children, }: {
+export declare function ChartDatumButton({ label, isSelected, onSelect, children, }: {
     readonly label: string;
-    readonly selected?: boolean | undefined;
+    readonly isSelected?: boolean | undefined;
     readonly onSelect?: (() => void) | undefined;
     readonly children: ReactNode;
 }): ReactNode;

package/dist/packages/collections/src/collection-controls.d.ts

@@ -15,18 +15,19 @@ export type FilterChipsProps = {
     readonly label?: string;
 };
 export declare function FilterChips({ filters, onRemove, label }: FilterChipsProps): ReactNode;
-export type ColumnChoice = {
+export type DisplayOption = {
     readonly id: string;
     readonly label: string;
-    readonly visible: boolean;
-    readonly required?: boolean;
+    readonly isChecked: boolean;
+    readonly isRequired?: boolean;
 };
-export type ColumnControlsProps = {
-    readonly columns: ReadonlyArray<ColumnChoice>;
-    readonly onVisibilityChange: (columnId: string, visible: boolean) => void;
+export type DisplayOptionsProps = {
+    readonly options: ReadonlyArray<DisplayOption>;
+    readonly onChange: (id: string, checked: boolean) => void;
+    readonly onReset?: () => void;
     readonly label?: string;
 };
-export declare function ColumnControls({ columns, onVisibilityChange, label }: ColumnControlsProps): ReactNode;
+export declare function DisplayOptions({ options, onChange, onReset, label, }: DisplayOptionsProps): ReactNode;
 export type CollectionPaginationProps = {
     readonly description: string;
     readonly previous: {

package/dist/packages/collections/src/collection-scroll.d.ts

@@ -13,8 +13,8 @@ export type CollectionScrollProps = {
     readonly children: ReactNode;
     readonly endContent?: ReactNode;
     readonly onEndReached?: (() => void) | undefined;
-    readonly fill?: boolean;
+    readonly shouldFill?: boolean;
     readonly endPosition?: 'start' | 'end';
     readonly label?: string;
 };
-export declare function CollectionScroll({ children, endContent, onEndReached, fill, endPosition, label, }: CollectionScrollProps): ReactNode;
+export declare function CollectionScroll({ children, endContent, onEndReached, shouldFill, endPosition, label, }: CollectionScrollProps): ReactNode;

package/dist/packages/collections/src/data-table.d.ts

@@ -7,12 +7,12 @@ export type DataTableColumnLayout = {
     readonly label: string;
     readonly role: DataTableColumnRole;
     readonly width?: number;
-    readonly secondary?: boolean;
+    readonly isSecondary?: boolean;
 };
 export type DataTableColumn<Row> = DataTableColumnLayout & {
     readonly cell: (row: Row) => ReactNode;
-    readonly truncate?: boolean;
-    readonly sortable?: boolean;
+    readonly shouldTruncate?: boolean;
+    readonly canSort?: boolean;
 };
 export type DataTablePlaceholderProps = {
     readonly columns: ReadonlyArray<DataTableColumnLayout & {
@@ -31,10 +31,10 @@ export type DataTableTextProps = {
 };
 export type DataTableTextPlaceholderProps = {
     readonly leading?: ReactNode;
-    readonly secondary?: boolean;
+    readonly isSecondary?: boolean;
 };
 export declare function DataTableText({ children, secondary, leading, trailing }: DataTableTextProps): ReactNode;
-export declare function DataTableTextPlaceholder({ leading, secondary }: DataTableTextPlaceholderProps): ReactNode;
+export declare function DataTableTextPlaceholder({ leading, isSecondary }: DataTableTextPlaceholderProps): ReactNode;
 export type DataTableSort = {
     readonly columnId: string;
     readonly direction: 'ascending' | 'descending';
@@ -58,7 +58,7 @@ type SortProperties<Row> = {
     readonly onSortChange: (sort: DataTableSort | undefined) => void;
 } | {
     readonly columns: ReadonlyArray<DataTableColumn<Row> & {
-        readonly sortable?: false;
+        readonly canSort?: false;
     }>;
     readonly sort?: never;
     readonly onSortChange?: never;

package/dist/packages/collections/src/index.d.ts

@@ -1,5 +1,5 @@
-export type { CollectionToolbarProps, FilterChip, FilterChipsProps, ColumnChoice, ColumnControlsProps, CollectionPaginationProps, } from './collection-controls.tsx';
-export { CollectionToolbar, FilterChips, ColumnControls, CollectionPagination } from './collection-controls.tsx';
+export type { CollectionToolbarProps, FilterChip, FilterChipsProps, DisplayOption, DisplayOptionsProps, CollectionPaginationProps, } from './collection-controls.tsx';
+export { CollectionToolbar, FilterChips, DisplayOptions, CollectionPagination } from './collection-controls.tsx';
 export type { DataTableColumn, DataTableColumnLayout, DataTablePlaceholderProps, DataTableColumnRole, DataTableSort, DataTableWindow, DataTableProps, DataTableRowAction, DataTableTextProps, DataTableTextPlaceholderProps, } from './data-table.tsx';
 export { DataTable, DataTableText, DataTablePlaceholder, DataTableTextPlaceholder } from './data-table.tsx';
 export type { CollectionEndProps, CollectionScrollProps } from './collection-scroll.tsx';
@@ -8,7 +8,6 @@ export type { InspectorProps } from './inspector.tsx';
 export { Inspector, Details } from './inspector.tsx';
 export { ListFooter } from './list-footer.tsx';
 export { MetricGrid, Metric } from './metrics.tsx';
-export { Table, Cell } from './table.tsx';
 export type { TimestampProps } from './timestamp.tsx';
 export { Timestamp } from './timestamp.tsx';
 export { Timeline } from './timeline.tsx';

package/dist/packages/content/src/code/code-block.d.ts

@@ -11,12 +11,12 @@ export type CodeBlockProps = {
     readonly code: string;
     readonly language?: string | undefined;
     readonly filename?: string | undefined;
-    readonly streaming?: boolean;
-    readonly wrap?: boolean;
-    readonly lineNumbers?: boolean;
+    readonly isStreaming?: boolean;
+    readonly shouldWrap?: boolean;
+    readonly showLineNumbers?: boolean;
     readonly selectedLines?: CodeSelection;
     readonly annotations?: ReadonlyArray<CodeAnnotation>;
     readonly maxHeight?: number;
     readonly maxLines?: number;
 };
-export declare function CodeBlock({ code, language, filename, streaming, wrap, lineNumbers, selectedLines, annotations, maxHeight, maxLines, }: CodeBlockProps): ReactNode;
+export declare function CodeBlock({ code, language, filename, isStreaming, shouldWrap, showLineNumbers, selectedLines, annotations, maxHeight, maxLines, }: CodeBlockProps): ReactNode;

package/dist/packages/content/src/diff/diff-source.d.ts

@@ -26,7 +26,7 @@ export type DiffSource = {
 export type DiffViewerProps = DiffSource & {
     readonly label: string;
     readonly layout?: 'unified' | 'split';
-    readonly wrap?: boolean;
+    readonly shouldWrap?: boolean;
     readonly annotations?: ReadonlyArray<DiffAnnotation>;
     readonly maxHeight?: number;
 };

package/dist/packages/content/src/diff/pierre-diff.d.ts

@@ -4,12 +4,12 @@ import type { DiffAnnotation, DiffSource } from './diff-source.ts';
 type PierreDiffProps = {
     readonly files: ReadonlyArray<FileDiffMetadata>;
     readonly layout: 'unified' | 'split';
-    readonly wrap: boolean;
+    readonly shouldWrap: boolean;
     readonly showUnchanged: boolean;
     readonly annotations: ReadonlyArray<DiffAnnotation>;
     readonly maxHeight: number;
     readonly label: string;
 };
 export declare function prepareDiff(source: DiffSource): ReadonlyArray<FileDiffMetadata>;
-export declare function PierreDiff({ files, layout, wrap, showUnchanged, annotations, maxHeight, label, }: PierreDiffProps): ReactNode;
+export declare function PierreDiff({ files, layout, shouldWrap, showUnchanged, annotations, maxHeight, label, }: PierreDiffProps): ReactNode;
 export {};

package/dist/packages/content/src/markdown/markdown.d.ts

@@ -2,9 +2,9 @@ import type { ReactNode } from 'react';
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export type MarkdownProps = {
     readonly children: string;
-    readonly streaming?: boolean;
+    readonly isStreaming?: boolean;
     readonly label?: string;
     readonly headingLevel?: HeadingLevel;
 };
-export declare function Markdown({ children, streaming, label, headingLevel }: MarkdownProps): ReactNode;
+export declare function Markdown({ children, isStreaming, label, headingLevel }: MarkdownProps): ReactNode;
 export {};

package/dist/packages/content/src/trace.d.ts

@@ -9,10 +9,10 @@ export type TraceGroupProps = {
     readonly children: ReactNode;
 };
 type TraceSelection = {
-    readonly selected: boolean;
+    readonly isSelected: boolean;
     readonly onSelect: (id: string) => void;
 } | {
-    readonly selected?: never;
+    readonly isSelected?: never;
     readonly onSelect?: never;
 };
 export type TraceItemProps = TraceSelection & {
@@ -26,7 +26,7 @@ export type TraceItemProps = TraceSelection & {
 };
 declare function TraceRoot({ label, children }: TraceRootProps): ReactNode;
 declare function TraceGroup({ label, children }: TraceGroupProps): ReactNode;
-declare function TraceItem({ id, label, status, statusLabel, description, detail, selected, onSelect, children, }: TraceItemProps): ReactNode;
+declare function TraceItem({ id, label, status, statusLabel, description, detail, isSelected, onSelect, children, }: TraceItemProps): ReactNode;
 export declare const Trace: {
     Root: typeof TraceRoot;
     Item: typeof TraceItem;

package/dist/packages/core/src/actions.d.ts

@@ -5,7 +5,7 @@ import type { PlacementStyle } from '../../foundations/src/style-composition.ts'
 type ButtonVariant = 'solid' | 'outline' | 'ghost';
 type ButtonTone = 'neutral' | 'danger';
 type PendingProps = {
-    readonly pending?: boolean;
+    readonly isPending?: boolean;
     readonly pendingLabel?: string | undefined;
 };
 type ButtonProps = ComponentProps<typeof BaseButton> & PendingProps & {
@@ -29,7 +29,7 @@ type TextLinkProps = ComponentProps<'a'> & {
 };
 export declare function Button(props: ButtonProps): ReactNode;
 export declare function IconButton({ children, ...props }: IconButtonProps): ReactNode;
-export declare function TextButton({ tone, pending, pendingLabel, children, className, style, xstyle, disabled, ...props }: TextButtonProps): ReactNode;
+export declare function TextButton({ tone, isPending, pendingLabel, children, className, style, xstyle, disabled, ...props }: TextButtonProps): ReactNode;
 export declare function TextLink({ xstyle, ...props }: TextLinkProps): ReactNode;
 export declare function IconLink({ children, xstyle, render, ref, ...props }: IconLinkProps): ReactNode;
 export {};

package/dist/packages/core/src/surfaces.d.ts

@@ -1,23 +1,23 @@
 import type { ComponentProps, ReactNode } from 'react';
 import type { PlacementStyle } from '../../foundations/src/style-composition.ts';
 type PanelProps = ComponentProps<'section'> & {
-    readonly padded?: boolean;
+    readonly isPadded?: boolean;
 };
 type SurfaceLinkProps = ComponentProps<'a'> & {
     readonly xstyle?: PlacementStyle;
 };
 type RowProps = ComponentProps<'div'> & {
-    readonly between?: boolean;
+    readonly shouldSpaceBetween?: boolean;
 };
 type StackProps = ComponentProps<'div'> & {
-    readonly compact?: boolean;
+    readonly isCompact?: boolean;
 };
 type ColumnsProps = ComponentProps<'div'>;
 type DividerProps = ComponentProps<'hr'>;
-export declare function Panel({ padded, ...props }: PanelProps): ReactNode;
+export declare function Panel({ isPadded, ...props }: PanelProps): ReactNode;
 export declare function SurfaceLink({ xstyle, ...props }: SurfaceLinkProps): ReactNode;
-export declare function Row({ between, ...props }: RowProps): ReactNode;
-export declare function Stack({ compact, ...props }: StackProps): ReactNode;
+export declare function Row({ shouldSpaceBetween, ...props }: RowProps): ReactNode;
+export declare function Stack({ isCompact, ...props }: StackProps): ReactNode;
 export declare function Columns(props: ColumnsProps): ReactNode;
 export declare function Divider(props: DividerProps): ReactNode;
 export {};

package/dist/packages/core/src/text.d.ts

@@ -9,7 +9,7 @@ type TextProps = ComponentProps<'span'> & {
     readonly xstyle?: PlacementStyle;
 };
 type HeadingProps = ComponentProps<'h1'> & {
-    readonly compact?: boolean;
+    readonly isCompact?: boolean;
 };
 type SubheadingProps = ComponentProps<'h2'>;
 type MutedProps = ComponentProps<'p'>;
@@ -22,7 +22,7 @@ type StatusProps = ComponentProps<'span'> & {
     readonly tone?: StatusTone;
 };
 export declare function Text({ variant, tone, xstyle, ...props }: TextProps): ReactNode;
-export declare function Heading({ compact, ...props }: HeadingProps): ReactNode;
+export declare function Heading({ isCompact, ...props }: HeadingProps): ReactNode;
 export declare function Subheading(props: SubheadingProps): ReactNode;
 export declare function Muted(props: MutedProps): ReactNode;
 export declare function Identifier(props: IdentifierProps): ReactNode;

package/dist/packages/feedback/src/async-region.d.ts

@@ -1,14 +1,16 @@
 import type { ReactNode } from 'react';
 export type LoadingScopeProps = {
     readonly identity: string | number;
+    /** Preserve elapsed loading time when a document hands its first read to React. */
+    readonly initialStartedAt?: number;
     readonly children: ReactNode;
 };
-export declare function LoadingScope({ identity, children }: LoadingScopeProps): ReactNode;
+export declare function LoadingScope({ identity, initialStartedAt, children }: LoadingScopeProps): ReactNode;
 export type ContentRevealProps = {
-    readonly enter: boolean;
+    readonly shouldEnter: boolean;
     readonly children: ReactNode;
 };
-export declare function ContentReveal({ enter, children }: ContentRevealProps): ReactNode;
+export declare function ContentReveal({ shouldEnter, children }: ContentRevealProps): ReactNode;
 export type AsyncRegionState = 'pending' | 'ready' | 'failed';
 export type AsyncRegionProps = {
     readonly label: string;

package/dist/packages/feedback/src/control-placeholders.d.ts

@@ -3,19 +3,19 @@ import type { PlacementStyle } from '../../foundations/src/style-composition.ts'
 export type ButtonPlaceholderProps = {
     readonly xstyle?: PlacementStyle;
 } & ({
-    readonly icon: true;
+    readonly isIconOnly: true;
     readonly width?: never;
 } | {
-    readonly icon?: false;
+    readonly isIconOnly?: false;
     readonly width?: number | string;
 });
 export type FieldPlaceholderProps = {
     readonly label?: string;
     readonly hint?: string;
-    readonly multiline?: boolean;
+    readonly isMultiline?: boolean;
     readonly rows?: number;
     readonly width?: number | string;
     readonly xstyle?: PlacementStyle;
 };
-export declare function ButtonPlaceholder({ width, icon, xstyle }: ButtonPlaceholderProps): ReactNode;
-export declare function FieldPlaceholder({ label, hint, multiline, rows, width, xstyle, }: FieldPlaceholderProps): ReactNode;
+export declare function ButtonPlaceholder({ width, isIconOnly, xstyle }: ButtonPlaceholderProps): ReactNode;
+export declare function FieldPlaceholder({ label, hint, isMultiline, rows, width, xstyle, }: FieldPlaceholderProps): ReactNode;