@box-kite/react 2.2.7 → 2.2.8

package/client.mjs

@@ -1,45 +1,45 @@
 import { l as e, u as t } from "./react-shared.mjs";
-import { t as n, u as r } from "./platform.mjs";
-import { t as i } from "./effects.mjs";
-import a from "./box.mjs";
-import o, { useCallback as s, useContext as c, useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import { applyDesignToElement as m, applyThemeToElement as h, clearStoredTheme as g, defaultThemeName as _, documentRoot as v, getDefaultEngine as y, getSystemTheme as b, pauseTransitions as x, prepareReveal as S, readStoredTheme as C, transitionTheme as w, watchSystemTheme as T, writeStoredTheme as E } from "@box-kite/core";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { flushSync as ee } from "react-dom";
+import { f as n, g as r, h as i, t as a } from "./platform.mjs";
+import { t as o } from "./effects.mjs";
+import s from "./box.mjs";
+import c, { useCallback as l, useContext as u, useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { applyDesignToElement as g, applyThemeToElement as _, clearStoredTheme as v, defaultThemeName as y, documentRoot as b, getDefaultEngine as x, getSystemTheme as S, pauseTransitions as C, prepareReveal as w, readStoredTheme as T, transitionTheme as E, watchSystemTheme as D, writeStoredTheme as O } from "@box-kite/core";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { flushSync as j } from "react-dom";
 //#region src/react/clientRuntime.ts
-var k = "[box-kite] The client build was loaded into a React Server Component graph, where React has no createContext. Import '@box-kite/react' by its package name — the react-server condition resolves it to a Box that renders on the server — and import the components that hold state (Dropdown, Tooltip, DataGrid, Checkbox, Select, Form) from a 'use client' module. See https://github.com/box-kite/box-kite#react-server-components-react-19";
-function A(e) {
-	if (typeof e.createContext != "function") throw Error(k);
+var M = "[box-kite] The client build was loaded into a React Server Component graph, where React has no createContext. Import '@box-kite/react' by its package name — the react-server condition resolves it to a Box that renders on the server — and import the components that hold state (Dropdown, Tooltip, DataGrid, Checkbox, Select, Form) from a 'use client' module. See https://github.com/box-kite/box-kite#react-server-components-react-19";
+function N(e) {
+	if (typeof e.createContext != "function") throw Error(M);
 }
 //#endregion
 //#region src/react/componentsContext.ts
-A(o);
-var j = o.createContext(void 0);
+N(c);
+var P = c.createContext(void 0);
 //#endregion
 //#region src/react/componentsProvider.tsx
-function M({ value: e, children: t }) {
-	return /* @__PURE__ */ D(j.Provider, {
+function F({ value: e, children: t }) {
+	return /* @__PURE__ */ k(P.Provider, {
 		value: e,
 		children: t
 	});
 }
 //#endregion
 //#region src/react/hooks/useVisibility.ts
-function N(e) {
-	let { node: t = null, event: n = "click", hideOnScroll: i = !1, hideOnResize: a = !1, hideOnEscape: o = !0 } = e ?? {}, [s, c] = p(!1), u = f(null);
-	return l(() => {
+function I(e) {
+	let { node: t = null, event: r = "click", hideOnScroll: i = !1, hideOnResize: a = !1, hideOnEscape: o = !0 } = e ?? {}, [s, c] = h(!1), l = m(null);
+	return d(() => {
 		function e(e) {
-			let n = t ?? u.current;
-			n && !r(e, [n]) && c(!1);
+			let r = t ?? l.current;
+			r && !n(e, [r]) && c(!1);
 		}
-		function l() {
+		function u() {
 			c(!1);
 		}
 		function d(e) {
 			e.key === "Escape" && c(!1);
 		}
 		let f = new AbortController();
-		return s && (window.addEventListener(n, e, f), o && window.addEventListener("keydown", d, f), a && window.addEventListener("resize", l, f), i && window.addEventListener("scroll", e, {
+		return s && (window.addEventListener(r, e, f), o && window.addEventListener("keydown", d, f), a && window.addEventListener("resize", u, f), i && window.addEventListener("scroll", e, {
 			signal: f.signal,
 			capture: !0
 		})), () => {
@@ -48,178 +48,178 @@ function N(e) {
 	}, [
 		t,
 		s,
-		n,
+		r,
 		o,
 		a,
 		i
 	]), [
 		s,
 		c,
-		u
+		l
 	];
 }
 //#endregion
 //#region src/react/useStyles.ts
-var P = i;
-function F(t, n) {
-	let { classNames: r, signature: i, styleElements: a } = e(t, n, c(j));
-	return P(() => {
-		y().flushSync();
+var L = o;
+function R(t, n) {
+	let { classNames: r, signature: i, styleElements: a } = e(t, n, u(P));
+	return L(() => {
+		x().flushSync();
 	}, [i ?? t]), {
 		classNames: r,
 		styleElements: a
 	};
 }
-function I(e, n) {
-	let r = e ? y().addGlobalStyles(e, n) : void 0;
-	return P(() => {
-		y().flushSync();
+function z(e, n) {
+	let r = e ? x().addGlobalStyles(e, n) : void 0;
+	return L(() => {
+		x().flushSync();
 	}, [e, n]), t(r);
 }
-var L;
+var B;
 //#endregion
 //#region src/react/theme/themeContext.ts
 (function(e) {
 	function t() {
-		y().flushSync();
+		x().flushSync();
 	}
 	e.flushSync = t;
 	function n() {
-		y().clear();
+		x().clear();
 	}
 	e.clear = n;
-	function r() {
-		return y().getStyles();
+	function a() {
+		return x().getStyles();
 	}
-	e.getStyles = r;
-	function i() {
-		return y().getStyleTag();
+	e.getStyles = a;
+	function o() {
+		return x().getStyleTag();
 	}
-	e.getStyleTag = i;
-	function a() {
-		return y().styleElementId;
+	e.getStyleTag = o;
+	function s() {
+		return x().styleElementId;
 	}
-	e.styleElementId = a;
-	function o(e) {
-		y().configure(e);
+	e.styleElementId = s;
+	function c({ componentAttribute: e, ...t }) {
+		e !== void 0 && r(e), t.warnings !== void 0 && i(t.warnings), Object.keys(t).length > 0 && x().configure(t);
 	}
-	e.configure = o;
-})(L ||= {}), A(o);
-var R = o.createContext({
+	e.configure = c;
+})(B ||= {}), N(c);
+var V = c.createContext({
 	theme: "",
 	setTheme: () => {},
 	setDesign: () => {}
 });
 //#endregion
 //#region src/react/theme/theme.tsx
-function z(e) {
-	let { theme: t, use: n = "local", storageKey: r, globalStyles: o, viewTransition: c, components: y, design: k, designStorageKey: A } = e, j = y ? /* @__PURE__ */ D(M, {
-		value: y,
+function H(e) {
+	let { theme: t, use: n = "local", storageKey: r, globalStyles: i, viewTransition: a, components: c, design: u, designStorageKey: x } = e, M = c ? /* @__PURE__ */ k(F, {
+		value: c,
 		children: e.children
-	}) : e.children, N = I(n === "global" ? o : void 0, "html"), [P, F] = p(t ?? _), [L, z] = p(t !== void 0), B = f(null), V = f(P), H = f(null), U = f(null), W = f(void 0), G = s((e) => {
-		if (!c) return e();
-		let t = w(() => ee(e), c === "reveal" ? "reveal" : "fade");
-		W.current = t.finished, t.finished.then(() => W.current = void 0, () => W.current = void 0);
-	}, [c]), K = s((e) => G(() => {
-		e === null ? (r && g(r), z(!1)) : (r && E(r, e), F(e), z(!0));
-	}), [r, G]), [q, J] = p(k), [Y, te] = p(k);
-	k !== Y && (te(k), J(k));
-	let X = s((e) => G(() => {
-		U.current ??= x(), A && (e === null ? g : E)(A, e), J(e ?? k);
+	}) : e.children, N = z(n === "global" ? i : void 0, "html"), [P, I] = h(t ?? y), [L, R] = h(t !== void 0), B = m(null), H = m(P), U = m(null), W = m(null), G = m(void 0), K = l((e) => {
+		if (!a) return e();
+		let t = E(() => j(e), a === "reveal" ? "reveal" : "fade");
+		G.current = t.finished, t.finished.then(() => G.current = void 0, () => G.current = void 0);
+	}, [a]), q = l((e) => K(() => {
+		e === null ? (r && v(r), R(!1)) : (r && O(r, e), I(e), R(!0));
+	}), [r, K]), [J, Y] = h(u), [ee, te] = h(u);
+	u !== ee && (te(u), Y(u));
+	let X = l((e) => K(() => {
+		W.current ??= C(), x && (e === null ? v : O)(x, e), Y(e ?? u);
 	}), [
-		k,
-		A,
-		G
-	]), Z = f(null);
-	u(() => {
-		let e = A ? C(A) : null;
-		e && (Z.current = e, J(e));
-	}, [A]), u(() => {
-		if (Z.current !== null && Z.current !== q) return;
+		u,
+		x,
+		K
+	]), Z = m(null);
+	f(() => {
+		let e = x ? T(x) : null;
+		e && (Z.current = e, Y(e));
+	}, [x]), f(() => {
+		if (Z.current !== null && Z.current !== J) return;
 		Z.current = null;
-		let e = n === "global" && q ? v() : null, t = e ? m(e, q) : void 0;
-		return U.current?.(W.current), U.current = null, t;
-	}, [q, n]);
-	let Q = c === "reveal";
-	l(() => Q ? S() : void 0, [Q]);
-	let [ne, re] = p(t);
-	t !== ne && (re(t), t === void 0 ? z(!1) : (F(t), z(!0))), u(() => {
+		let e = n === "global" && J ? b() : null, t = e ? g(e, J) : void 0;
+		return W.current?.(G.current), W.current = null, t;
+	}, [J, n]);
+	let Q = a === "reveal";
+	d(() => Q ? w() : void 0, [Q]);
+	let [ne, re] = h(t);
+	t !== ne && (re(t), t === void 0 ? R(!1) : (I(t), R(!0))), f(() => {
 		if (L) return;
-		let e = r ? C(r) : null, t = e ?? b();
-		if (t !== V.current && (B.current = t), F(t), e) {
-			z(!0);
+		let e = r ? T(r) : null, t = e ?? S();
+		if (t !== H.current && (B.current = t), I(t), e) {
+			R(!0);
 			return;
 		}
-		return T(F);
-	}, [L, r]), i(() => {
-		P !== V.current && (H.current ??= x());
-	}, [P]), u(() => {
-		if (V.current = P, B.current !== null && B.current !== P) return;
+		return D(I);
+	}, [L, r]), o(() => {
+		P !== H.current && (U.current ??= C());
+	}, [P]), f(() => {
+		if (H.current = P, B.current !== null && B.current !== P) return;
 		B.current = null;
-		let e = H.current;
-		H.current = null;
-		let t = n === "global" ? v() : null, r = t ? h(t, P) : void 0;
-		return e?.(W.current), r;
+		let e = U.current;
+		U.current = null;
+		let t = n === "global" ? b() : null, r = t ? _(t, P) : void 0;
+		return e?.(G.current), r;
 	}, [P, n]);
-	let $ = d(() => ({
+	let $ = p(() => ({
 		theme: P,
-		setTheme: K,
-		design: q,
+		setTheme: q,
+		design: J,
 		setDesign: X
 	}), [
 		P,
-		K,
 		q,
+		J,
 		X
 	]);
-	return n === "local" ? /* @__PURE__ */ O(R.Provider, {
+	return n === "local" ? /* @__PURE__ */ A(V.Provider, {
 		value: $,
-		children: [N, /* @__PURE__ */ D(a, {
+		children: [N, /* @__PURE__ */ k(s, {
 			className: P,
 			props: {
 				"data-theme": P,
-				"data-design": q
+				"data-design": J
 			},
-			children: j
+			children: M
 		})]
-	}) : /* @__PURE__ */ O(R.Provider, {
+	}) : /* @__PURE__ */ A(V.Provider, {
 		value: $,
-		children: [N, j]
+		children: [N, M]
 	});
 }
 (function(e) {
 	function t() {
-		let { theme: e, setTheme: t } = c(R);
+		let { theme: e, setTheme: t } = u(V);
 		return [e, t];
 	}
 	e.useTheme = t;
 	function n() {
-		let { design: e, setDesign: t } = c(R);
+		let { design: e, setDesign: t } = u(V);
 		return [e, t];
 	}
 	e.useDesign = n;
-})(z ||= {});
-var B = z, V = /* @__PURE__ */ new WeakMap();
-function H(e) {
-	let t = V.get(e);
-	return t || (t = /* @__PURE__ */ new Map(), V.set(e, t)), t;
+})(H ||= {});
+var U = H, W = /* @__PURE__ */ new WeakMap();
+function G(e) {
+	let t = W.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), W.set(e, t)), t;
 }
-function U(e = !0) {
-	let [t] = B.useTheme(), r = d(() => {
+function K(e = !0) {
+	let [t] = U.useTheme(), n = p(() => {
 		if (!e) return null;
-		let t = n();
+		let t = a();
 		if (!t) return null;
-		let r = "box-kite-portal", i = t.getElementById(r);
-		return i || (i = document.createElement("div"), i.id = r, document.body.appendChild(i)), i;
+		let n = "box-kite-portal", r = t.getElementById(n);
+		return r || (r = document.createElement("div"), r.id = n, document.body.appendChild(r)), r;
 	}, [e]);
-	return u(() => {
-		if (!t || !r) return;
-		let e = H(r), n = e.get(t) ?? 0;
-		return e.set(t, n + 1), n === 0 && r.classList.add(t), () => {
-			let n = (e.get(t) ?? 1) - 1;
-			n <= 0 ? (e.delete(t), r.classList.remove(t)) : e.set(t, n);
+	return f(() => {
+		if (!t || !n) return;
+		let e = G(n), r = e.get(t) ?? 0;
+		return e.set(t, r + 1), r === 0 && n.classList.add(t), () => {
+			let r = (e.get(t) ?? 1) - 1;
+			r <= 0 ? (e.delete(t), n.classList.remove(t)) : e.set(t, r);
 		};
-	}, [r, t]), r;
+	}, [n, t]), n;
 }
 //#endregion
-export { N as a, F as i, B as n, M as o, L as r, U as t };
+export { I as a, R as i, U as n, F as o, B as r, K as t };

package/components/accordion.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../box.cjs"),t=require("../behavior.cjs"),n=require("../identity.cjs");let r=require("react"),i=require("react/jsx-runtime");var a;(function(e){e.ROOT_ATTRIBUTE=`data-accordion`,e.TRIGGER_ATTRIBUTE=`data-accordion-trigger`;let t=e.ROOT_SELECTOR=`[data-accordion]`,n=e.TRIGGER_SELECTOR=`[data-accordion-trigger]`;function r(e,n){return n instanceof Element&&n.closest(t)===e}e.owns=r;function i(e){return e?[...e.querySelectorAll(n)].filter(t=>r(e,t)):[]}e.triggers=i;function a(e){return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=a;function o(e,t,n,r){let i=e.length;if(i===0)return;let o=t<0||t>=i?n>0?-1:i:t;for(let t=0;t<i;t++){if(o+=n,o<0||o>=i){if(!r)return;o=(o%i+i)%i}if(!a(e[o]))return e[o]}}e.step=o;function s(e,t){return o(e,t===1?-1:e.length,t,!1)}e.edge=s;function c(e,t){return t instanceof HTMLElement?e.indexOf(t):-1}e.indexOf=c;function l(e){if(e===`ArrowDown`)return{kind:`step`,delta:1};if(e===`ArrowUp`)return{kind:`step`,delta:-1};if(e===`Home`)return{kind:`edge`,delta:1};if(e===`End`)return{kind:`edge`,delta:-1}}e.moveFor=l;function u(e,t,n,r){return n.kind===`edge`?s(e,n.delta):o(e,t,n.delta,r)}e.target=u;function d(e,t,n){return e.includes(t)?e.filter(e=>e!==t):n?[...e,t]:[t]}e.toggle=d})(a||={});var o=a,s=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],c=(0,r.createContext)(null),l=(0,r.createContext)(null);function u(e){let t=(0,r.useContext)(c);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion>.`);return t}function d(e){let t=(0,r.useContext)(l);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion.Item>.`);return t}function f(n){let{children:a,value:s,defaultValue:l,onValueChange:u,multiple:d=!1,loop:f=!0,level:p=3,props:m,...h}=n,g=(0,r.useRef)(null),[_,v]=t.i({value:s,defaultValue:l??[],onChange:u}),y=t.a((e,t)=>{v(t=>o.toggle(t,e,d),t)}),b=t.a(e=>{let t=g.current;if(!t||e.defaultPrevented||!o.owns(t,e.target))return;let n=o.triggers(t),r=o.indexOf(n,e.target);if(r===-1)return;let i=o.moveFor(e.key);if(!i)return;let a=o.target(n,r,i,f);a&&(e.preventDefault(),a.focus())}),x=(0,r.useMemo)(()=>({open:_,level:p,toggle:y}),[_,p,y]);return(0,i.jsx)(c.Provider,{value:x,children:(0,i.jsx)(e.default,{ref:g,component:`accordion`,...h,props:{[o.ROOT_ATTRIBUTE]:``,...m,onKeyDown:b},children:a})})}function p(t){let{value:a,children:o,disabled:s=!1,props:c,...d}=t,{open:f}=u(`Accordion.Item`),p=n.t(`accordion`),m=f.includes(a),h=(0,r.useMemo)(()=>({value:a,open:m,disabled:s,triggerId:`${p}-trigger`,panelId:`${p}-panel`}),[a,m,s,p]);return(0,i.jsx)(l.Provider,{value:h,children:(0,i.jsx)(e.default,{component:`accordion.item`,...d,props:c,children:o})})}p.displayName=`Accordion.Item`;function m(n){let{children:r,level:a,arrow:c=!0,props:l,...f}=n,{level:p,toggle:m}=u(`Accordion.Trigger`),{value:h,open:g,disabled:_,triggerId:v,panelId:y}=d(`Accordion.Trigger`),b=t.a(e=>m(h,{reason:`trigger`,event:e}));return(0,i.jsx)(e.default,{tag:s[(a??p)-1],component:`accordion.heading`,children:(0,i.jsxs)(e.default,{tag:`button`,component:`accordion.trigger`,...f,disabled:_,id:v,props:{type:`button`,"aria-expanded":g,"aria-controls":y,[o.TRIGGER_ATTRIBUTE]:``,...l,onClick:b},children:[r,c&&(0,i.jsx)(e.default,{tag:`span`,component:`accordion.arrow`,variant:{open:g},props:{"aria-hidden":!0}})]})})}m.displayName=`Accordion.Trigger`;function h(t){let{children:n,props:r,...a}=t,{open:o,triggerId:s,panelId:c}=d(`Accordion.Panel`);return(0,i.jsx)(e.default,{component:`accordion.track`,variant:{closed:!o},children:(0,i.jsx)(e.default,{component:`accordion.clip`,children:(0,i.jsx)(e.default,{component:`accordion.panel`,...a,id:c,props:{role:`region`,"aria-labelledby":s,...r},children:n})})})}h.displayName=`Accordion.Panel`;function g(a){let{children:o,trigger:s,open:c,defaultOpen:l=!1,onOpenChange:u,props:d,...f}=a,p=n.t(`collapsible`),m=`${p}-trigger`,h=`${p}-panel`,[g,_]=t.i({value:c,defaultValue:l,onChange:u}),v=t.a(e=>_(e=>!e,{reason:`trigger`,event:e})),y=(0,r.useMemo)(()=>({props:{id:m,type:`button`,"aria-expanded":g,"aria-controls":h,onClick:v}}),[m,h,g,v]);return(0,i.jsxs)(e.default,{component:`collapsible`,...f,props:d,children:[s(y),(0,i.jsx)(e.default,{component:`collapsible.track`,variant:{closed:!g},children:(0,i.jsx)(e.default,{component:`collapsible.clip`,children:(0,i.jsx)(e.default,{component:`collapsible.panel`,id:h,children:o})})})]})}g.displayName=`Collapsible`;var _=f;_.Item=p,_.Trigger=m,_.Panel=h,_.displayName=`Accordion`,exports.Collapsible=g,exports.default=_;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../box.cjs"),t=require("../behavior.cjs"),n=require("../identity.cjs"),r=require("../reporting.cjs");let i=require("react"),a=require("react/jsx-runtime");var o;(function(e){e.ROOT_ATTRIBUTE=`data-accordion`,e.TRIGGER_ATTRIBUTE=`data-accordion-trigger`;let t=e.ROOT_SELECTOR=`[data-accordion]`,n=e.TRIGGER_SELECTOR=`[data-accordion-trigger]`;function r(e,n){return n instanceof Element&&n.closest(t)===e}e.owns=r;function i(e){return e?[...e.querySelectorAll(n)].filter(t=>r(e,t)):[]}e.triggers=i;function a(e){return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=a;function o(e,t,n,r){let i=e.length;if(i===0)return;let o=t<0||t>=i?n>0?-1:i:t;for(let t=0;t<i;t++){if(o+=n,o<0||o>=i){if(!r)return;o=(o%i+i)%i}if(!a(e[o]))return e[o]}}e.step=o;function s(e,t){return o(e,t===1?-1:e.length,t,!1)}e.edge=s;function c(e,t){return t instanceof HTMLElement?e.indexOf(t):-1}e.indexOf=c;function l(e){if(e===`ArrowDown`)return{kind:`step`,delta:1};if(e===`ArrowUp`)return{kind:`step`,delta:-1};if(e===`Home`)return{kind:`edge`,delta:1};if(e===`End`)return{kind:`edge`,delta:-1}}e.moveFor=l;function u(e,t,n,r){return n.kind===`edge`?s(e,n.delta):o(e,t,n.delta,r)}e.target=u;function d(e,t,n){return e.includes(t)?e.filter(e=>e!==t):n?[...e,t]:[t]}e.toggle=d})(o||={});var s=o,c=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],l=(0,i.createContext)(null),u=(0,i.createContext)(null);function d(e){let t=(0,i.useContext)(l);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion>.`);return t}function f(e){let t=(0,i.useContext)(u);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion.Item>.`);return t}function p(n){let{children:o,value:c,defaultValue:u,onValueChange:d,multiple:f=!1,loop:p=!0,level:m=3,props:h,...g}=n,_=(0,i.useRef)(null),[v,y]=r.a({value:c,defaultValue:u??[],onChange:d,interaction:{component:`accordion`,type:`valueChange`}}),b=t.a((e,t)=>{y(t=>s.toggle(t,e,f),t)}),x=t.a(e=>{let t=_.current;if(!t||e.defaultPrevented||!s.owns(t,e.target))return;let n=s.triggers(t),r=s.indexOf(n,e.target);if(r===-1)return;let i=s.moveFor(e.key);if(!i)return;let a=s.target(n,r,i,p);a&&(e.preventDefault(),a.focus())}),S=(0,i.useMemo)(()=>({open:v,level:m,toggle:b}),[v,m,b]);return(0,a.jsx)(l.Provider,{value:S,children:(0,a.jsx)(e.default,{ref:_,component:`accordion`,...g,props:{[s.ROOT_ATTRIBUTE]:``,...h,onKeyDown:x},children:o})})}function m(t){let{value:r,children:o,disabled:s=!1,props:c,...l}=t,{open:f}=d(`Accordion.Item`),p=n.t(`accordion`),m=f.includes(r),h=(0,i.useMemo)(()=>({value:r,open:m,disabled:s,triggerId:`${p}-trigger`,panelId:`${p}-panel`}),[r,m,s,p]);return(0,a.jsx)(u.Provider,{value:h,children:(0,a.jsx)(e.default,{component:`accordion.item`,...l,props:c,children:o})})}m.displayName=`Accordion.Item`;function h(n){let{children:r,level:i,arrow:o=!0,props:l,...u}=n,{level:p,toggle:m}=d(`Accordion.Trigger`),{value:h,open:g,disabled:_,triggerId:v,panelId:y}=f(`Accordion.Trigger`),b=t.a(e=>m(h,{reason:`trigger`,event:e}));return(0,a.jsx)(e.default,{tag:c[(i??p)-1],component:`accordion.heading`,children:(0,a.jsxs)(e.default,{tag:`button`,component:`accordion.trigger`,...u,disabled:_,id:v,props:{type:`button`,"aria-expanded":g,"aria-controls":y,[s.TRIGGER_ATTRIBUTE]:``,...l,onClick:b},children:[r,o&&(0,a.jsx)(e.default,{tag:`span`,component:`accordion.arrow`,variant:{open:g},props:{"aria-hidden":!0}})]})})}h.displayName=`Accordion.Trigger`;function g(t){let{children:n,props:r,...i}=t,{open:o,triggerId:s,panelId:c}=f(`Accordion.Panel`);return(0,a.jsx)(e.default,{component:`accordion.track`,variant:{closed:!o},children:(0,a.jsx)(e.default,{component:`accordion.clip`,children:(0,a.jsx)(e.default,{component:`accordion.panel`,...i,id:c,props:{role:`region`,"aria-labelledby":s,...r},children:n})})})}g.displayName=`Accordion.Panel`;function _(o){let{children:s,trigger:c,open:l,defaultOpen:u=!1,onOpenChange:d,props:f,...p}=o,m=n.t(`collapsible`),h=`${m}-trigger`,g=`${m}-panel`,[_,v]=r.a({value:l,defaultValue:u,onChange:d,interaction:{component:`collapsible`,type:`openChange`}}),y=t.a(e=>v(e=>!e,{reason:`trigger`,event:e})),b=(0,i.useMemo)(()=>({props:{id:h,type:`button`,"aria-expanded":_,"aria-controls":g,onClick:y}}),[h,g,_,y]);return(0,a.jsxs)(e.default,{component:`collapsible`,...p,props:f,children:[c(b),(0,a.jsx)(e.default,{component:`collapsible.track`,variant:{closed:!_},children:(0,a.jsx)(e.default,{component:`collapsible.clip`,children:(0,a.jsx)(e.default,{component:`collapsible.panel`,id:g,children:s})})})]})}_.displayName=`Collapsible`;var v=p;v.Item=m,v.Trigger=h,v.Panel=g,v.displayName=`Accordion`,exports.Collapsible=_,exports.default=v;

package/components/accordion.mjs

@@ -1,7 +1,8 @@
 "use client";
 import e from "../box.mjs";
-import { a as t, i as n } from "../behavior.mjs";
-import { t as r } from "../identity.mjs";
+import { a as t } from "../behavior.mjs";
+import { t as n } from "../identity.mjs";
+import { a as r } from "../reporting.mjs";
 import { createContext as i, useContext as a, useMemo as o, useRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/utils/accordion/accordionUtils.ts
@@ -88,11 +89,15 @@ function g(e) {
 	if (!t) throw Error(`<${e}> has to be rendered inside an <Accordion.Item>.`);
 	return t;
 }
-function _(r) {
-	let { children: i, value: a, defaultValue: l, onValueChange: u, multiple: f = !1, loop: m = !0, level: h = 3, props: g, ..._ } = r, v = s(null), [y, b] = n({
+function _(n) {
+	let { children: i, value: a, defaultValue: l, onValueChange: u, multiple: f = !1, loop: m = !0, level: h = 3, props: g, ..._ } = n, v = s(null), [y, b] = r({
 		value: a,
 		defaultValue: l ?? [],
-		onChange: u
+		onChange: u,
+		interaction: {
+			component: "accordion",
+			type: "valueChange"
+		}
 	}), x = t((e, t) => {
 		b((t) => d.toggle(t, e, f), t);
 	}), S = t((e) => {
@@ -129,14 +134,14 @@ function _(r) {
 	});
 }
 function v(t) {
-	let { value: n, children: i, disabled: a = !1, props: s, ...l } = t, { open: u } = h("Accordion.Item"), d = r("accordion"), f = u.includes(n), p = o(() => ({
-		value: n,
+	let { value: r, children: i, disabled: a = !1, props: s, ...l } = t, { open: u } = h("Accordion.Item"), d = n("accordion"), f = u.includes(r), p = o(() => ({
+		value: r,
 		open: f,
 		disabled: a,
 		triggerId: `${d}-trigger`,
 		panelId: `${d}-panel`
 	}), [
-		n,
+		r,
 		f,
 		a,
 		d
@@ -207,10 +212,14 @@ function b(t) {
 }
 b.displayName = "Accordion.Panel";
 function x(i) {
-	let { children: a, trigger: s, open: u, defaultOpen: d = !1, onOpenChange: f, props: p, ...m } = i, h = r("collapsible"), g = `${h}-trigger`, _ = `${h}-panel`, [v, y] = n({
+	let { children: a, trigger: s, open: u, defaultOpen: d = !1, onOpenChange: f, props: p, ...m } = i, h = n("collapsible"), g = `${h}-trigger`, _ = `${h}-panel`, [v, y] = r({
 		value: u,
 		defaultValue: d,
-		onChange: f
+		onChange: f,
+		interaction: {
+			component: "collapsible",
+			type: "openChange"
+		}
 	}), b = t((e) => y((e) => !e, {
 		reason: "trigger",
 		event: e

package/components/agent.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../box.cjs"),t=require("../behavior.cjs"),n=require("../identity.cjs");let r=require("react"),i=require("react/jsx-runtime");var a;(function(e){let t={pending:`Pending`,running:`Running`,success:`Done`,error:`Failed`};function n(e){return t[e]??t.pending}e.statusLabel=n;let r={approved:`Approved`,rejected:`Rejected`};function i(e){return r[e]??``}e.decisionLabel=i;let a=e.VALUE_LIMIT=2e4;function o(e){if(typeof e==`string`)return e;try{let t=JSON.stringify(e,s,2);return typeof t==`string`?t:String(e)}catch{return String(e)}}function s(e,t){return typeof t==`bigint`?`${t}`:typeof t==`function`?`[Function]`:t}function c(e,t=a){let n=o(e);return n.length<=t?{text:n,truncated:0}:{text:n.slice(0,t),truncated:n.length-t}}e.formatValue=c;function l(e){return e!=null}e.hasValue=l;function u(e){return`${Math.trunc(e)}`.replace(/\B(?=(\d{3})+(?!\d))/g,`,`)}e.formatCount=u;function d(e){if(!Number.isFinite(e)||e<0)return``;if(e<1e3)return`${Math.round(e)}ms`;let t=e/1e3;if(t<60)return`${t<10?Math.round(t*10)/10:Math.round(t)}s`;let n=Math.floor(t/60);return`${n}m ${Math.round(t-n*60)}s`}e.formatDuration=d;let f=e.STREAM_WINDOW=8;function p(e){return{settled:e,segments:[],nextKey:0}}e.initialStream=p;function m(e){return e.segments.reduce((e,t)=>e+t.text,e.settled)}e.streamText=m;function h(e,t,n=f){let r=m(e);if(t===r)return e;if(!t.startsWith(r))return{settled:t,segments:[],nextKey:e.nextKey};let i=[...e.segments,{key:e.nextKey,text:t.slice(r.length)}],a=Math.max(0,i.length-Math.max(0,n));return{settled:i.slice(0,a).reduce((e,t)=>e+t.text,e.settled),segments:i.slice(a),nextKey:e.nextKey+1}}e.advanceStream=h})(a||={});var o=a;function s({part:t,open:n}){return(0,i.jsx)(e.default,{tag:`span`,component:t,variant:{open:n},props:{"aria-hidden":!0}})}var c={section:`toolCall.section`,label:`toolCall.label`,value:`toolCall.value`,truncated:`toolCall.truncated`},l={section:`approval.section`,label:`approval.label`,value:`approval.value`,truncated:`approval.truncated`};function u({parts:t,label:n,value:r,limit:a}){let{text:s,truncated:c}=o.formatValue(r,a);return(0,i.jsxs)(e.default,{component:t.section,children:[(0,i.jsx)(e.default,{component:t.label,children:n}),(0,i.jsx)(e.default,{tag:`pre`,component:t.value,children:s}),c>0&&(0,i.jsx)(e.default,{component:t.truncated,children:`${o.formatCount(c)} more characters, not shown`})]})}function d(r){let{name:a,description:l,status:d=`pending`,input:f,output:p,error:m,open:h,defaultOpen:g=!1,onOpenChange:_,collapsible:v=!0,inputLabel:y=`Input`,outputLabel:b=`Output`,errorLabel:x=`Error`,valueLimit:S,children:C,props:w,...T}=r,E=n.t(`toolcall`),D=`${E}-header`,O=`${E}-body`,[k,A]=t.i({value:h,defaultValue:g,onChange:_}),j=t.a(e=>A(e=>!e,{reason:`trigger`,event:e})),M=[{key:`input`,label:y,value:f},{key:`output`,label:b,value:p},{key:`error`,label:x,value:m}].filter(e=>o.hasValue(e.value)),N=v&&(M.length>0||C!==void 0),P=N&&k,F=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(e.default,{tag:`span`,component:`toolCall.summary`,children:[(0,i.jsx)(e.default,{tag:`span`,component:`toolCall.name`,children:a}),l!==void 0&&(0,i.jsx)(e.default,{tag:`span`,component:`toolCall.description`,children:l})]}),(0,i.jsxs)(e.default,{tag:`span`,component:`toolCall.status`,variant:d,children:[(0,i.jsx)(e.default,{tag:`span`,component:`toolCall.status.dot`,variant:{running:d===`running`},props:{"aria-hidden":!0}}),o.statusLabel(d)]}),N&&(0,i.jsx)(s,{part:`toolCall.arrow`,open:P})]});return(0,i.jsxs)(e.default,{component:`toolCall`,...T,props:{"aria-busy":d===`running`||void 0,...w},children:[N?(0,i.jsx)(e.default,{tag:`button`,component:`toolCall.header`,variant:{interactive:!0},id:D,props:{type:`button`,"aria-expanded":P,"aria-controls":O,onClick:j},children:F}):(0,i.jsx)(e.default,{component:`toolCall.header`,id:D,children:F}),N&&(0,i.jsx)(e.default,{component:`toolCall.track`,variant:{closed:!P},children:(0,i.jsx)(e.default,{component:`toolCall.clip`,children:(0,i.jsxs)(e.default,{component:`toolCall.body`,id:O,children:[M.map(e=>(0,i.jsx)(u,{parts:c,label:e.label,value:e.value,limit:S},e.key)),C]})})})]})}var f=d;f.displayName=`ToolCallCard`;function p(r){let{title:a,description:s,input:c,inputLabel:d=`Request`,decision:f,defaultDecision:p=null,onDecisionChange:m,busy:h=!1,approveLabel:g=`Approve`,rejectLabel:_=`Reject`,autoFocus:v=!1,valueLimit:y,children:b,props:x,...S}=r,C=`${n.t(`approval`)}-title`,[w,T]=t.i({value:f,defaultValue:p,onChange:m}),E=(e,t)=>n=>T(e,{reason:t,event:n});return(0,i.jsxs)(e.default,{component:`approval`,...S,variant:[S.variant,{approved:w===`approved`,rejected:w===`rejected`}],props:{role:`group`,"aria-labelledby":C,"aria-busy":h||void 0,...x},children:[(0,i.jsx)(e.default,{component:`approval.title`,id:C,children:a}),s!==void 0&&(0,i.jsx)(e.default,{component:`approval.description`,children:s}),o.hasValue(c)&&(0,i.jsx)(u,{parts:l,label:d,value:c,limit:y}),b,(0,i.jsxs)(e.default,{component:`approval.footer`,children:[w===null&&(0,i.jsxs)(e.default,{component:`approval.actions`,children:[(0,i.jsx)(e.default,{tag:`button`,component:`approval.button`,variant:{reject:!0},disabled:h,props:{type:`button`,autoFocus:v,onClick:E(`rejected`,`reject`)},children:_}),(0,i.jsx)(e.default,{tag:`button`,component:`approval.button`,variant:{approve:!0},disabled:h,props:{type:`button`,onClick:E(`approved`,`approve`)},children:g})]}),(0,i.jsx)(e.default,{component:`approval.decision`,variant:{approved:w===`approved`,rejected:w===`rejected`},props:{role:`status`},children:w===null?null:o.decisionLabel(w)})]})]})}var m=p;m.displayName=`ApprovalCard`;function h(r){let{label:a,children:c,open:l,defaultOpen:u=!1,onOpenChange:d,streaming:f=!1,duration:p,props:m,...h}=r,g=n.t(`reasoning`),_=`${g}-trigger`,v=`${g}-body`,[y,b]=t.i({value:l,defaultValue:u,onChange:d}),x=t.a(e=>b(e=>!e,{reason:`trigger`,event:e})),S=p===void 0?``:o.formatDuration(p);return(0,i.jsxs)(e.default,{component:`reasoning`,...h,props:{"aria-busy":f||void 0,...m},children:[(0,i.jsxs)(e.default,{tag:`button`,component:`reasoning.trigger`,variant:{streaming:f},id:_,props:{type:`button`,"aria-expanded":y,"aria-controls":v,onClick:x},children:[(0,i.jsx)(s,{part:`reasoning.arrow`,open:y}),a??(f?`Thinking…`:`Reasoning`),!f&&S!==``&&(0,i.jsx)(e.default,{tag:`span`,component:`reasoning.duration`,children:`Thought for ${S}`})]}),(0,i.jsx)(e.default,{component:`reasoning.track`,variant:{closed:!y},children:(0,i.jsx)(e.default,{component:`reasoning.clip`,children:(0,i.jsx)(e.default,{component:`reasoning.body`,id:v,children:c})})})]})}var g=h;g.displayName=`Reasoning`;function _(t){let{text:n,streaming:a=!1,window:s=o.STREAM_WINDOW,caret:c=!0,props:l,...u}=t,[d,f]=(0,r.useState)(()=>o.initialStream(n)),p=o.advanceStream(d,n,s);return p!==d&&f(p),(0,i.jsxs)(e.default,{component:`streamingText`,...u,props:{"aria-busy":a||void 0,...l},children:[p.settled,p.segments.map(t=>(0,i.jsx)(e.default,{tag:`span`,component:`streamingText.segment`,children:t.text},t.key)),a&&c&&(0,i.jsx)(e.default,{tag:`span`,component:`streamingText.caret`,props:{"aria-hidden":!0}})]})}var v=_;v.displayName=`StreamingText`,exports.AgentUtils=o,exports.ApprovalCard=m,exports.Reasoning=g,exports.StreamingText=v,exports.ToolCallCard=f;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../box.cjs"),t=require("../behavior.cjs"),n=require("../identity.cjs"),r=require("../reporting.cjs");let i=require("react"),a=require("react/jsx-runtime");var o;(function(e){let t={pending:`Pending`,running:`Running`,success:`Done`,error:`Failed`};function n(e){return t[e]??t.pending}e.statusLabel=n;let r={approved:`Approved`,rejected:`Rejected`};function i(e){return r[e]??``}e.decisionLabel=i;let a=e.VALUE_LIMIT=2e4;function o(e){if(typeof e==`string`)return e;try{let t=JSON.stringify(e,s,2);return typeof t==`string`?t:String(e)}catch{return String(e)}}function s(e,t){return typeof t==`bigint`?`${t}`:typeof t==`function`?`[Function]`:t}function c(e,t=a){let n=o(e);return n.length<=t?{text:n,truncated:0}:{text:n.slice(0,t),truncated:n.length-t}}e.formatValue=c;function l(e){return e!=null}e.hasValue=l;function u(e){return`${Math.trunc(e)}`.replace(/\B(?=(\d{3})+(?!\d))/g,`,`)}e.formatCount=u;function d(e){if(!Number.isFinite(e)||e<0)return``;if(e<1e3)return`${Math.round(e)}ms`;let t=e/1e3;if(t<60)return`${t<10?Math.round(t*10)/10:Math.round(t)}s`;let n=Math.floor(t/60);return`${n}m ${Math.round(t-n*60)}s`}e.formatDuration=d;let f=e.STREAM_WINDOW=8;function p(e){return{settled:e,segments:[],nextKey:0}}e.initialStream=p;function m(e){return e.segments.reduce((e,t)=>e+t.text,e.settled)}e.streamText=m;function h(e,t,n=f){let r=m(e);if(t===r)return e;if(!t.startsWith(r))return{settled:t,segments:[],nextKey:e.nextKey};let i=[...e.segments,{key:e.nextKey,text:t.slice(r.length)}],a=Math.max(0,i.length-Math.max(0,n));return{settled:i.slice(0,a).reduce((e,t)=>e+t.text,e.settled),segments:i.slice(a),nextKey:e.nextKey+1}}e.advanceStream=h})(o||={});var s=o;function c({part:t,open:n}){return(0,a.jsx)(e.default,{tag:`span`,component:t,variant:{open:n},props:{"aria-hidden":!0}})}var l={section:`toolCall.section`,label:`toolCall.label`,value:`toolCall.value`,truncated:`toolCall.truncated`},u={section:`approval.section`,label:`approval.label`,value:`approval.value`,truncated:`approval.truncated`};function d({parts:t,label:n,value:r,limit:i}){let{text:o,truncated:c}=s.formatValue(r,i);return(0,a.jsxs)(e.default,{component:t.section,children:[(0,a.jsx)(e.default,{component:t.label,children:n}),(0,a.jsx)(e.default,{tag:`pre`,component:t.value,children:o}),c>0&&(0,a.jsx)(e.default,{component:t.truncated,children:`${s.formatCount(c)} more characters, not shown`})]})}function f(i){let{name:o,description:u,status:f=`pending`,input:p,output:m,error:h,open:g,defaultOpen:_=!1,onOpenChange:v,collapsible:y=!0,inputLabel:b=`Input`,outputLabel:x=`Output`,errorLabel:S=`Error`,valueLimit:C,children:w,props:T,...E}=i,D=n.t(`toolcall`),O=`${D}-header`,k=`${D}-body`,[A,j]=r.a({value:g,defaultValue:_,onChange:v,interaction:{component:`toolCall`,type:`openChange`}}),M=t.a(e=>j(e=>!e,{reason:`trigger`,event:e})),N=[{key:`input`,label:b,value:p},{key:`output`,label:x,value:m},{key:`error`,label:S,value:h}].filter(e=>s.hasValue(e.value)),P=y&&(N.length>0||w!==void 0),F=P&&A,I=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(e.default,{tag:`span`,component:`toolCall.summary`,children:[(0,a.jsx)(e.default,{tag:`span`,component:`toolCall.name`,children:o}),u!==void 0&&(0,a.jsx)(e.default,{tag:`span`,component:`toolCall.description`,children:u})]}),(0,a.jsxs)(e.default,{tag:`span`,component:`toolCall.status`,variant:f,children:[(0,a.jsx)(e.default,{tag:`span`,component:`toolCall.status.dot`,variant:{running:f===`running`},props:{"aria-hidden":!0}}),s.statusLabel(f)]}),P&&(0,a.jsx)(c,{part:`toolCall.arrow`,open:F})]});return(0,a.jsxs)(e.default,{component:`toolCall`,...E,props:{"aria-busy":f===`running`||void 0,...T},children:[P?(0,a.jsx)(e.default,{tag:`button`,component:`toolCall.header`,variant:{interactive:!0},id:O,props:{type:`button`,"aria-expanded":F,"aria-controls":k,onClick:M},children:I}):(0,a.jsx)(e.default,{component:`toolCall.header`,id:O,children:I}),P&&(0,a.jsx)(e.default,{component:`toolCall.track`,variant:{closed:!F},children:(0,a.jsx)(e.default,{component:`toolCall.clip`,children:(0,a.jsxs)(e.default,{component:`toolCall.body`,id:k,children:[N.map(e=>(0,a.jsx)(d,{parts:l,label:e.label,value:e.value,limit:C},e.key)),w]})})})]})}var p=f;p.displayName=`ToolCallCard`;function m(t){let{title:i,description:o,input:c,inputLabel:l=`Request`,decision:f,defaultDecision:p=null,onDecisionChange:m,busy:h=!1,approveLabel:g=`Approve`,rejectLabel:_=`Reject`,autoFocus:v=!1,valueLimit:y,children:b,props:x,...S}=t,C=`${n.t(`approval`)}-title`,[w,T]=r.a({value:f,defaultValue:p,onChange:m,interaction:{component:`approval`,type:`decisionChange`}}),E=(e,t)=>n=>T(e,{reason:t,event:n});return(0,a.jsxs)(e.default,{component:`approval`,...S,variant:[S.variant,{approved:w===`approved`,rejected:w===`rejected`}],props:{role:`group`,"aria-labelledby":C,"aria-busy":h||void 0,...x},children:[(0,a.jsx)(e.default,{component:`approval.title`,id:C,children:i}),o!==void 0&&(0,a.jsx)(e.default,{component:`approval.description`,children:o}),s.hasValue(c)&&(0,a.jsx)(d,{parts:u,label:l,value:c,limit:y}),b,(0,a.jsxs)(e.default,{component:`approval.footer`,children:[w===null&&(0,a.jsxs)(e.default,{component:`approval.actions`,children:[(0,a.jsx)(e.default,{tag:`button`,component:`approval.button`,variant:{reject:!0},disabled:h,props:{type:`button`,autoFocus:v,onClick:E(`rejected`,`reject`)},children:_}),(0,a.jsx)(e.default,{tag:`button`,component:`approval.button`,variant:{approve:!0},disabled:h,props:{type:`button`,onClick:E(`approved`,`approve`)},children:g})]}),(0,a.jsx)(e.default,{component:`approval.decision`,variant:{approved:w===`approved`,rejected:w===`rejected`},props:{role:`status`},children:w===null?null:s.decisionLabel(w)})]})]})}var h=m;h.displayName=`ApprovalCard`;function g(i){let{label:o,children:l,open:u,defaultOpen:d=!1,onOpenChange:f,streaming:p=!1,duration:m,props:h,...g}=i,_=n.t(`reasoning`),v=`${_}-trigger`,y=`${_}-body`,[b,x]=r.a({value:u,defaultValue:d,onChange:f,interaction:{component:`reasoning`,type:`openChange`}}),S=t.a(e=>x(e=>!e,{reason:`trigger`,event:e})),C=m===void 0?``:s.formatDuration(m);return(0,a.jsxs)(e.default,{component:`reasoning`,...g,props:{"aria-busy":p||void 0,...h},children:[(0,a.jsxs)(e.default,{tag:`button`,component:`reasoning.trigger`,variant:{streaming:p},id:v,props:{type:`button`,"aria-expanded":b,"aria-controls":y,onClick:S},children:[(0,a.jsx)(c,{part:`reasoning.arrow`,open:b}),o??(p?`Thinking…`:`Reasoning`),!p&&C!==``&&(0,a.jsx)(e.default,{tag:`span`,component:`reasoning.duration`,children:`Thought for ${C}`})]}),(0,a.jsx)(e.default,{component:`reasoning.track`,variant:{closed:!b},children:(0,a.jsx)(e.default,{component:`reasoning.clip`,children:(0,a.jsx)(e.default,{component:`reasoning.body`,id:y,children:l})})})]})}var _=g;_.displayName=`Reasoning`;function v(t){let{text:n,streaming:r=!1,window:o=s.STREAM_WINDOW,caret:c=!0,props:l,...u}=t,[d,f]=(0,i.useState)(()=>s.initialStream(n)),p=s.advanceStream(d,n,o);return p!==d&&f(p),(0,a.jsxs)(e.default,{component:`streamingText`,...u,props:{"aria-busy":r||void 0,...l},children:[p.settled,p.segments.map(t=>(0,a.jsx)(e.default,{tag:`span`,component:`streamingText.segment`,children:t.text},t.key)),r&&c&&(0,a.jsx)(e.default,{tag:`span`,component:`streamingText.caret`,props:{"aria-hidden":!0}})]})}var y=v;y.displayName=`StreamingText`,exports.AgentUtils=s,exports.ApprovalCard=h,exports.Reasoning=_,exports.StreamingText=y,exports.ToolCallCard=p;

package/components/agent.mjs

@@ -1,7 +1,8 @@
 "use client";
 import e from "../box.mjs";
-import { a as t, i as n } from "../behavior.mjs";
-import { t as r } from "../identity.mjs";
+import { a as t } from "../behavior.mjs";
+import { t as n } from "../identity.mjs";
+import { a as r } from "../reporting.mjs";
 import { useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/utils/agent/agentUtils.ts
@@ -143,10 +144,14 @@ function p({ parts: t, label: n, value: r, limit: i }) {
 	});
 }
 function m(i) {
-	let { name: c, description: f, status: m = "pending", input: h, output: g, error: _, open: v, defaultOpen: y = !1, onOpenChange: b, collapsible: x = !0, inputLabel: S = "Input", outputLabel: C = "Output", errorLabel: w = "Error", valueLimit: T, children: E, props: D, ...O } = i, k = r("toolcall"), A = `${k}-header`, j = `${k}-body`, [M, N] = n({
+	let { name: c, description: f, status: m = "pending", input: h, output: g, error: _, open: v, defaultOpen: y = !1, onOpenChange: b, collapsible: x = !0, inputLabel: S = "Input", outputLabel: C = "Output", errorLabel: w = "Error", valueLimit: T, children: E, props: D, ...O } = i, k = n("toolcall"), A = `${k}-header`, j = `${k}-body`, [M, N] = r({
 		value: v,
 		defaultValue: y,
-		onChange: b
+		onChange: b,
+		interaction: {
+			component: "toolCall",
+			type: "openChange"
+		}
 	}), P = t((e) => N((e) => !e, {
 		reason: "trigger",
 		event: e
@@ -241,10 +246,14 @@ function m(i) {
 var h = m;
 h.displayName = "ToolCallCard";
 function g(t) {
-	let { title: i, description: a, input: c, inputLabel: u = "Request", decision: d, defaultDecision: m = null, onDecisionChange: h, busy: g = !1, approveLabel: _ = "Approve", rejectLabel: v = "Reject", autoFocus: y = !1, valueLimit: b, children: x, props: S, ...C } = t, w = `${r("approval")}-title`, [T, E] = n({
+	let { title: i, description: a, input: c, inputLabel: u = "Request", decision: d, defaultDecision: m = null, onDecisionChange: h, busy: g = !1, approveLabel: _ = "Approve", rejectLabel: v = "Reject", autoFocus: y = !1, valueLimit: b, children: x, props: S, ...C } = t, w = `${n("approval")}-title`, [T, E] = r({
 		value: d,
 		defaultValue: m,
-		onChange: h
+		onChange: h,
+		interaction: {
+			component: "approval",
+			type: "decisionChange"
+		}
 	}), D = (e, t) => (n) => E(e, {
 		reason: t,
 		event: n
@@ -321,10 +330,14 @@ function g(t) {
 var _ = g;
 _.displayName = "ApprovalCard";
 function v(i) {
-	let { label: a, children: c, open: d, defaultOpen: f = !1, onOpenChange: p, streaming: m = !1, duration: h, props: g, ..._ } = i, v = r("reasoning"), y = `${v}-trigger`, b = `${v}-body`, [x, S] = n({
+	let { label: a, children: c, open: d, defaultOpen: f = !1, onOpenChange: p, streaming: m = !1, duration: h, props: g, ..._ } = i, v = n("reasoning"), y = `${v}-trigger`, b = `${v}-body`, [x, S] = r({
 		value: d,
 		defaultValue: f,
-		onChange: p
+		onChange: p,
+		interaction: {
+			component: "reasoning",
+			type: "openChange"
+		}
 	}), C = t((e) => S((e) => !e, {
 		reason: "trigger",
 		event: e

package/components/calendar.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../platform.cjs"),t=require("../box.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("../dates.cjs"),a=require("../date-math.cjs"),o=require("./svg.cjs"),s=require("../date-environment.cjs"),c=require("./visuallyHidden.cjs");let l=require("react"),u=require("react/jsx-runtime");function d(e){let t=i.f(e);return t&&t.kind===`date`?t.fields:null}function f(e){return i.w({...e,...i.V})}function ee(e,t,n){let r={year:e,month:t,day:1},a=i.U(r,-i.Q(i.G(r)-n,7));return Array.from({length:6},(e,r)=>{let o=Array.from({length:7},(e,n)=>{let o=i.U(a,r*7+n);return{date:f(o),day:o.day,outside:o.month!==t}}),s=i.U(a,r*7+i.Q(4-n,7));return{week:i.Z(s).week,days:o}})}function te(e,t,n,r){let a=r.rtl?`ArrowLeft`:`ArrowRight`,o=r.rtl?`ArrowRight`:`ArrowLeft`;switch(t){case a:return i.U(e,1);case o:return i.U(e,-1);case`ArrowDown`:return i.U(e,7);case`ArrowUp`:return i.U(e,-7);case`Home`:return i.U(e,-i.Q(i.G(e)-r.firstDay,7));case`End`:return i.U(e,6-i.Q(i.G(e)-r.firstDay,7));case`PageUp`:return i.W(e,n?-12:-1);case`PageDown`:return i.W(e,n?12:1);default:return null}}function ne(e,t){return t.min!=null&&i.q(e)<i.q(t.min)||t.max!=null&&i.q(e)>i.q(t.max)}function p(e,t){return t.min&&i.q(e)<i.q(t.min)?t.min:t.max&&i.q(e)>i.q(t.max)?t.max:e}function m(e,t){return i.q(e)<=i.q(t)?[e,t]:[t,e]}function re(e,t,n){if(!t||!n)return t&&i.q(e)===i.q(t)?`start`:null;let[r,a]=m(t,n),o=i.q(e);return o===i.q(r)?`start`:o===i.q(a)?`end`:o>i.q(r)&&o<i.q(a)?`middle`:null}function ie(e,t,n){let[r,a]=m(e,t);for(let e=i.q(r);e<=i.q(a);e++)if(n(f(i.U({year:1970,month:1,day:1},e))))return!0;return!1}var ae=`data-date`,h=12;function g(e,t){return e!==null&&t!==null&&i.q(e)===i.q(t)}function _(o){let{mode:_=`single`,value:y,defaultValue:S=null,onValueChange:se,min:ce,max:C,isDateUnavailable:w,locale:le,zone:ue,firstDayOfWeek:de,months:T=1,weekNumbers:E=!1,showOutsideDays:fe=!0,focusedDate:pe,defaultFocusedDate:me,onFocusedDateChange:he,disabled:D=!1,readOnly:ge=!1,autoFocus:_e=!1,label:ve,previousLabel:ye=`Previous`,nextLabel:be=`Next`,props:xe,...Se}=o,O=s.n({locale:le,zone:ue}),{locale:k}=O,A=d(a.N(O.zone)),j=de??i.S(k).firstDay,M=e=>oe(k).format(e),N=_===`range`,P=(0,l.useMemo)(()=>({min:d(ce),max:d(C)}),[ce,C]),[F,Ce]=n.i({value:y,defaultValue:S,onChange:(e,t)=>{se?.(e,N?t:{...t,...a.x(e,O.zone)})}}),I=N?null:d(F),L=N&&F?F:null,[R,z]=(0,l.useState)(null),[we,B]=(0,l.useState)(null),Te=f(p(d(me)??I??d(L?.start)??A,P)),[V,H]=n.i({value:pe,defaultValue:Te,onChange:he}),U=d(V)??A,[W,G]=(0,l.useState)(`day`),[K,q]=(0,l.useState)(()=>v(U)),J=K;(v(U)<K||v(U)>K+T-1)&&(J=v(U)<K?v(U):v(U)-T+1,q(J));let Ee=(0,l.useRef)(null),Y=(0,l.useRef)(_e),De=r.t(`calendar`);(0,l.useEffect)(()=>{Y.current&&(Y.current=!1,Ee.current?.querySelector(`[${ae}="${V}"]`)?.focus())});let Oe=e=>ne(e,P),ke=e=>w?.(f(e))??!1,X=(e,t,n)=>{Y.current=n,H(f(p(e,P)),{reason:t})},Ae=(e,t)=>{if(D||ge||Oe(e)||ke(e))return;if(X(e,`keyboard`,!1),!N){Ce(f(e),{reason:`select`,event:t});return}if(!R){z(e),B(e);return}let[n,r]=m(R,e);z(null),B(null),!(w&&ie(n,r,w))&&Ce({start:f(n),end:f(r)},{reason:`select`,event:t})},je=n.a(t=>{if(D)return;if(t.key===`Enter`||t.key===` `){t.preventDefault(),Ae(U,t);return}if(t.key===`Escape`&&R){t.preventDefault(),t.stopPropagation(),z(null),B(null);return}let n=te(U,t.key,t.shiftKey,{rtl:e.d(t.currentTarget),firstDay:j});n&&(t.preventDefault(),X(n,`keyboard`,!0),R&&B(p(n,P)))}),Me=e=>{W===`day`?(q(J+e*T),X(i.W(U,e*T),`navigate`,!1)):X(i.W(U,e*(W===`month`?12:144)),`navigate`,!1)},Z=Array.from({length:T},(e,t)=>({year:Math.floor((J+t)/12),month:(J+t)%12+1,day:1})),Q=`${De}-title`,Ne=W===`day`&&T>1,Pe=W===`day`?Z.map(e=>i.t(f(e),{locale:k,month:`long`,year:`numeric`})).join(` – `):W===`month`?M(U.year):`${M(b(U.year))} – ${M(b(U.year)+h-1)}`,Fe=i.C(k,`short`),Ie=Fe.some(e=>e.length>4)?i.C(k,`narrow`):Fe,Le=i.C(k,`long`),Re=Array.from({length:7},(e,t)=>(j+t)%7),ze=R?we??R:null,Be=R??d(L?.start),$=R?ze:d(L?.end),Ve=e=>{let n=d(e.date),r=Oe(n),a=ke(n),o=N?re(n,Be,$):null,s=N?o!==null:g(n,I),c=g(n,A),l=g(n,U);return e.outside&&(!fe||T>1)?(0,u.jsx)(t.default,{tag:`td`,component:`calendar.cell`,display:`table-cell`,props:{role:`gridcell`}},e.date):(0,u.jsx)(t.default,{tag:`td`,component:`calendar.cell`,display:`table-cell`,p:0,py:.5,variant:{rangeStart:o===`start`&&$!==null&&!g(Be,$),rangeEnd:o===`end`,rangeMiddle:o===`middle`},props:{role:`gridcell`,"aria-selected":s||void 0,"aria-disabled":r||D||void 0,"aria-current":c?`date`:void 0},children:(0,u.jsx)(t.default,{component:`calendar.day`,display:`flex`,ai:`center`,jc:`center`,width:9,height:9,mx:`auto`,borderRadius:999,fontSize:14,css:{fontVariantNumeric:`tabular-nums`},variant:{today:c,selected:s&&o!==`middle`,outside:e.outside,blocked:r||D,unavailable:a},props:{[ae]:e.date,tabIndex:l&&!r&&!D?0:-1,"aria-label":i.t(e.date,{locale:k,dateStyle:`full`}),onClick:e=>Ae(n,e),onPointerEnter:()=>R&&B(n)},children:M(e.day)})},e.date)},He=(t,n,r,i,a,o)=>{let s=e.d(t.currentTarget),c={ArrowUp:-r,ArrowDown:r,[s?`ArrowRight`:`ArrowLeft`]:-1,[s?`ArrowLeft`:`ArrowRight`]:1};t.key===`Enter`||t.key===` `?(t.preventDefault(),i(o)):t.key in c&&(t.preventDefault(),a(Math.max(0,Math.min(n-1,o+c[t.key])),t.currentTarget.parentElement))},Ue=()=>{let e=i.x(k,`short`),n=b(U.year),r=W===`month`?e.map((e,t)=>({label:e,active:t+1===U.month,current:A.year===U.year&&A.month===t+1})):Array.from({length:h},(e,t)=>({label:M(n+t),active:n+t===U.year,current:A.year===n+t})),a=e=>W===`month`?{...U,month:e+1,day:1}:{...U,year:n+e,day:1},o=e=>{let t=a(e);Y.current=!0,H(f(p({...t,day:Math.min(U.day,28)},P)),{reason:`navigate`}),G(W===`year`?`month`:`day`)},s=(e,t)=>{let n=a(e);H(f({...n,day:Math.min(U.day,28)}),{reason:`keyboard`}),t?.querySelector(`[data-zoom="${e}"]`)?.focus()};return(0,u.jsx)(t.default,{display:`grid`,gridTemplateColumns:3,gap:1,props:{role:`group`,"aria-labelledby":Q},children:r.map((e,n)=>(0,u.jsx)(t.default,{tag:`button`,component:`calendar.zoomItem`,variant:{selected:e.active,today:e.current},py:2,borderRadius:2,disabled:D,props:{type:`button`,"data-zoom":n,tabIndex:e.active?0:-1,"aria-pressed":e.active,onClick:()=>o(n),onKeyDown:e=>He(e,r.length,3,o,s,n)},children:e.label},e.label))})},We=(e,n)=>{let r=ee(e.year,e.month,j),a=i.t(f(e),{locale:k,month:`long`,year:`numeric`});return(0,u.jsxs)(t.default,{tag:`table`,css:{borderCollapse:`collapse`,tableLayout:`fixed`},props:{role:`grid`,"aria-label":T>1?a:void 0,"aria-labelledby":T>1?void 0:Q,"aria-readonly":ge||void 0,onKeyDown:je},children:[(0,u.jsx)(t.default,{tag:`thead`,display:`table-header-group`,children:(0,u.jsxs)(t.default,{tag:`tr`,display:`table-row`,children:[E&&(0,u.jsx)(t.default,{tag:`th`,display:`table-cell`,component:`calendar.weekday`,props:{"aria-hidden":!0}}),Re.map(e=>(0,u.jsx)(t.default,{tag:`th`,display:`table-cell`,component:`calendar.weekday`,pb:1,fontSize:12,props:{scope:`col`,abbr:Le[e]},children:Ie[e]},e))]})}),(0,u.jsx)(t.default,{tag:`tbody`,display:`table-row-group`,children:r.map(e=>(0,u.jsxs)(t.default,{tag:`tr`,display:`table-row`,children:[E&&(0,u.jsx)(t.default,{tag:`td`,display:`table-cell`,component:`calendar.weekNumber`,fontSize:11,textAlign:`center`,props:{role:`rowheader`},children:M(e.week)}),e.days.map(Ve)]},e.days[0].date))})]},n)};return(0,u.jsxs)(t.default,{ref:Ee,component:`calendar`,display:`inline-block`,...Se,variant:[Se.variant,{disabled:D}],props:{role:ve?`group`:void 0,"aria-label":ve,...xe,onPointerLeave:()=>R&&B(R)},children:[(0,u.jsxs)(t.default,{position:`relative`,minHeight:8,mb:2,children:[(0,u.jsx)(t.default,{tag:`button`,component:`calendar.nav`,position:`absolute`,top:0,insetStart:0,display:`inline-flex`,ai:`center`,jc:`center`,width:8,height:8,borderRadius:2,disabled:D,props:{type:`button`,"aria-label":ye,onClick:()=>Me(-1)},children:(0,u.jsx)(x,{direction:-1})}),Ne?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.default,{display:`flex`,gap:4,children:Z.map(e=>(0,u.jsx)(t.default,{flex1:!0,textAlign:`center`,py:1.5,fontSize:14,fontWeight:600,props:{"aria-hidden":!0},children:i.t(f(e),{locale:k,month:`long`,year:`numeric`})},f(e)))}),(0,u.jsx)(c.default,{id:Q,props:{"aria-live":`polite`},children:Pe})]}):(0,u.jsx)(t.default,{display:`flex`,jc:`center`,px:9,children:(0,u.jsx)(t.default,{tag:`button`,component:`calendar.title`,py:1.5,px:3,borderRadius:2,fontSize:14,id:Q,disabled:D||W===`year`,props:{type:`button`,"aria-live":`polite`,onClick:()=>G(W===`day`?`month`:`year`)},children:Pe})}),(0,u.jsx)(t.default,{tag:`button`,component:`calendar.nav`,position:`absolute`,top:0,insetEnd:0,display:`inline-flex`,ai:`center`,jc:`center`,width:8,height:8,borderRadius:2,disabled:D,props:{type:`button`,"aria-label":be,onClick:()=>Me(1)},children:(0,u.jsx)(x,{direction:1})})]}),W===`day`?(0,u.jsx)(t.default,{display:`flex`,gap:4,ai:`start`,children:Z.map(We)}):Ue()]})}function v(e){return e.year*12+e.month-1}var y=new Map;function oe(e){let t=y.get(e);return t||(t=new Intl.NumberFormat(e,{useGrouping:!1}),y.set(e,t)),t}function b(e){return e-(e%h+h)%h}function x({direction:e}){return(0,u.jsx)(o.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,rtl:{flip:`xAxis`},props:{fill:`none`},children:(0,u.jsx)(o.Path,{d:e===1?`M6 3l5 5-5 5`:`M10 3L5 8l5 5`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})})}var S=_;S.displayName=`Calendar`,exports.default=S;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../platform.cjs"),t=require("../box.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("../dates.cjs"),a=require("../date-math.cjs"),o=require("../reporting.cjs"),s=require("./svg.cjs"),c=require("../date-environment.cjs"),ee=require("./visuallyHidden.cjs");let l=require("react"),u=require("react/jsx-runtime");function d(e){let t=i.f(e);return t&&t.kind===`date`?t.fields:null}function f(e){return i.w({...e,...i.V})}function te(e,t,n){let r={year:e,month:t,day:1},a=i.U(r,-i.Q(i.G(r)-n,7));return Array.from({length:6},(e,r)=>{let o=Array.from({length:7},(e,n)=>{let o=i.U(a,r*7+n);return{date:f(o),day:o.day,outside:o.month!==t}}),s=i.U(a,r*7+i.Q(4-n,7));return{week:i.Z(s).week,days:o}})}function ne(e,t,n,r){let a=r.rtl?`ArrowLeft`:`ArrowRight`,o=r.rtl?`ArrowRight`:`ArrowLeft`;switch(t){case a:return i.U(e,1);case o:return i.U(e,-1);case`ArrowDown`:return i.U(e,7);case`ArrowUp`:return i.U(e,-7);case`Home`:return i.U(e,-i.Q(i.G(e)-r.firstDay,7));case`End`:return i.U(e,6-i.Q(i.G(e)-r.firstDay,7));case`PageUp`:return i.W(e,n?-12:-1);case`PageDown`:return i.W(e,n?12:1);default:return null}}function re(e,t){return t.min!=null&&i.q(e)<i.q(t.min)||t.max!=null&&i.q(e)>i.q(t.max)}function p(e,t){return t.min&&i.q(e)<i.q(t.min)?t.min:t.max&&i.q(e)>i.q(t.max)?t.max:e}function m(e,t){return i.q(e)<=i.q(t)?[e,t]:[t,e]}function ie(e,t,n){if(!t||!n)return t&&i.q(e)===i.q(t)?`start`:null;let[r,a]=m(t,n),o=i.q(e);return o===i.q(r)?`start`:o===i.q(a)?`end`:o>i.q(r)&&o<i.q(a)?`middle`:null}function ae(e,t,n){let[r,a]=m(e,t);for(let e=i.q(r);e<=i.q(a);e++)if(n(f(i.U({year:1970,month:1,day:1},e))))return!0;return!1}var h=`data-date`,g=12;function _(e,t){return e!==null&&t!==null&&i.q(e)===i.q(t)}function v(s){let{mode:v=`single`,value:b,defaultValue:S=null,onValueChange:ce,min:le,max:ue,isDateUnavailable:C,locale:de,zone:fe,firstDayOfWeek:pe,months:w=1,weekNumbers:me=!1,showOutsideDays:he=!0,focusedDate:ge,defaultFocusedDate:_e,onFocusedDateChange:ve,disabled:T=!1,readOnly:ye=!1,autoFocus:be=!1,label:E,previousLabel:xe=`Previous`,nextLabel:Se=`Next`,props:Ce,...D}=s,O=c.n({locale:de,zone:fe}),{locale:k}=O,A=d(a.N(O.zone)),j=pe??i.S(k).firstDay,M=e=>oe(k).format(e),N=v===`range`,P=(0,l.useMemo)(()=>({min:d(le),max:d(ue)}),[le,ue]),[F,I]=o.a({value:b,defaultValue:S,onChange:(e,t)=>{ce?.(e,N?t:{...t,...a.x(e,O.zone)})},interaction:{component:`calendar`,type:`valueChange`,content:[`value`]}}),L=N?null:d(F),R=N&&F?F:null,[z,B]=(0,l.useState)(null),[we,V]=(0,l.useState)(null),Te=f(p(d(_e)??L??d(R?.start)??A,P)),[Ee,H]=n.i({value:ge,defaultValue:Te,onChange:ve}),U=d(Ee)??A,[W,G]=(0,l.useState)(`day`),K=o.i(`calendar`),[q,De]=(0,l.useState)(()=>y(U)),J=q;(y(U)<q||y(U)>q+w-1)&&(J=y(U)<q?y(U):y(U)-w+1,De(J));let Oe=(0,l.useRef)(null),Y=(0,l.useRef)(be),ke=r.t(`calendar`);(0,l.useEffect)(()=>{Y.current&&(Y.current=!1,Oe.current?.querySelector(`[${h}="${Ee}"]`)?.focus())});let Ae=e=>re(e,P),je=e=>C?.(f(e))??!1,X=(e,t,n)=>{Y.current=n,H(f(p(e,P)),{reason:t})},Me=(e,t)=>{if(T||ye||Ae(e)||je(e))return;if(X(e,`select`,!1),!N){I(f(e),{reason:`select`,event:t});return}if(!z){B(e),V(e);return}let[n,r]=m(z,e);B(null),V(null),!(C&&ae(n,r,C))&&I({start:f(n),end:f(r)},{reason:`select`,event:t})},Ne=n.a(t=>{if(T)return;if(t.key===`Enter`||t.key===` `){t.preventDefault(),Me(U,t);return}if(t.key===`Escape`&&z){t.preventDefault(),t.stopPropagation(),B(null),V(null);return}let n=ne(U,t.key,t.shiftKey,{rtl:e.p(t.currentTarget),firstDay:j});n&&(t.preventDefault(),X(n,`keyboard`,!0),z&&V(p(n,P)))}),Pe=e=>{let t=i.W(U,e*(W===`day`?w:W===`month`?12:144));W===`day`&&De(J+e*w),X(t,`navigate`,!1),K(`pageChange`,f(t),{reason:e===1?`next`:`previous`,content:[`value`]})},Z=Array.from({length:w},(e,t)=>({year:Math.floor((J+t)/12),month:(J+t)%12+1,day:1})),Q=`${ke}-title`,Fe=W===`day`&&w>1,Ie=W===`day`?Z.map(e=>i.t(f(e),{locale:k,month:`long`,year:`numeric`})).join(` – `):W===`month`?M(U.year):`${M(x(U.year))} – ${M(x(U.year)+g-1)}`,Le=i.C(k,`short`),Re=Le.some(e=>e.length>4)?i.C(k,`narrow`):Le,ze=i.C(k,`long`),Be=Array.from({length:7},(e,t)=>(j+t)%7),Ve=z?we??z:null,He=z??d(R?.start),$=z?Ve:d(R?.end),Ue=e=>{let n=d(e.date),r=Ae(n),a=je(n),o=N?ie(n,He,$):null,s=N?o!==null:_(n,L),c=_(n,A),ee=_(n,U);return e.outside&&(!he||w>1)?(0,u.jsx)(t.default,{tag:`td`,component:`calendar.cell`,display:`table-cell`,props:{role:`gridcell`}},e.date):(0,u.jsx)(t.default,{tag:`td`,component:`calendar.cell`,display:`table-cell`,p:0,py:.5,variant:{rangeStart:o===`start`&&$!==null&&!_(He,$),rangeEnd:o===`end`,rangeMiddle:o===`middle`},props:{role:`gridcell`,"aria-selected":s||void 0,"aria-disabled":r||T||void 0,"aria-current":c?`date`:void 0},children:(0,u.jsx)(t.default,{component:`calendar.day`,display:`flex`,ai:`center`,jc:`center`,width:9,height:9,mx:`auto`,borderRadius:999,fontSize:14,css:{fontVariantNumeric:`tabular-nums`},variant:{today:c,selected:s&&o!==`middle`,outside:e.outside,blocked:r||T,unavailable:a},props:{[h]:e.date,tabIndex:ee&&!r&&!T?0:-1,"aria-label":i.t(e.date,{locale:k,dateStyle:`full`}),onClick:e=>Me(n,e),onPointerEnter:()=>z&&V(n)},children:M(e.day)})},e.date)},We=(t,n,r,i,a,o)=>{let s=e.p(t.currentTarget),c={ArrowUp:-r,ArrowDown:r,[s?`ArrowRight`:`ArrowLeft`]:-1,[s?`ArrowLeft`:`ArrowRight`]:1};t.key===`Enter`||t.key===` `?(t.preventDefault(),i(o)):t.key in c&&(t.preventDefault(),a(Math.max(0,Math.min(n-1,o+c[t.key])),t.currentTarget.parentElement))},Ge=()=>{let e=i.x(k,`short`),n=x(U.year),r=W===`month`?e.map((e,t)=>({label:e,active:t+1===U.month,current:A.year===U.year&&A.month===t+1})):Array.from({length:g},(e,t)=>({label:M(n+t),active:n+t===U.year,current:A.year===n+t})),a=e=>W===`month`?{...U,month:e+1,day:1}:{...U,year:n+e,day:1},o=e=>{let t=a(e);Y.current=!0,H(f(p({...t,day:Math.min(U.day,28)},P)),{reason:`navigate`}),G(W===`year`?`month`:`day`),K(`viewChange`,W===`year`?`month`:`day`,{reason:`zoom-in`})},s=(e,t)=>{let n=a(e);H(f({...n,day:Math.min(U.day,28)}),{reason:`keyboard`}),t?.querySelector(`[data-zoom="${e}"]`)?.focus()};return(0,u.jsx)(t.default,{display:`grid`,gridTemplateColumns:3,gap:1,props:{role:`group`,"aria-labelledby":Q},children:r.map((e,n)=>(0,u.jsx)(t.default,{tag:`button`,component:`calendar.zoomItem`,variant:{selected:e.active,today:e.current},py:2,borderRadius:2,disabled:T,props:{type:`button`,"data-zoom":n,tabIndex:e.active?0:-1,"aria-pressed":e.active,onClick:()=>o(n),onKeyDown:e=>We(e,r.length,3,o,s,n)},children:e.label},e.label))})},Ke=(e,n)=>{let r=te(e.year,e.month,j),a=i.t(f(e),{locale:k,month:`long`,year:`numeric`});return(0,u.jsxs)(t.default,{tag:`table`,css:{borderCollapse:`collapse`,tableLayout:`fixed`},props:{role:`grid`,"aria-label":w>1?a:void 0,"aria-labelledby":w>1?void 0:Q,"aria-readonly":ye||void 0,onKeyDown:Ne},children:[(0,u.jsx)(t.default,{tag:`thead`,display:`table-header-group`,children:(0,u.jsxs)(t.default,{tag:`tr`,display:`table-row`,children:[me&&(0,u.jsx)(t.default,{tag:`th`,display:`table-cell`,component:`calendar.weekday`,props:{"aria-hidden":!0}}),Be.map(e=>(0,u.jsx)(t.default,{tag:`th`,display:`table-cell`,component:`calendar.weekday`,pb:1,fontSize:12,props:{scope:`col`,abbr:ze[e]},children:Re[e]},e))]})}),(0,u.jsx)(t.default,{tag:`tbody`,display:`table-row-group`,children:r.map(e=>(0,u.jsxs)(t.default,{tag:`tr`,display:`table-row`,children:[me&&(0,u.jsx)(t.default,{tag:`td`,display:`table-cell`,component:`calendar.weekNumber`,fontSize:11,textAlign:`center`,props:{role:`rowheader`},children:M(e.week)}),e.days.map(Ue)]},e.days[0].date))})]},n)};return(0,u.jsxs)(t.default,{ref:Oe,component:`calendar`,display:`inline-block`,...D,variant:[D.variant,{disabled:T}],props:{role:E?`group`:void 0,"aria-label":E,...Ce,onPointerLeave:()=>z&&V(z)},children:[(0,u.jsxs)(t.default,{position:`relative`,minHeight:8,mb:2,children:[(0,u.jsx)(t.default,{tag:`button`,component:`calendar.nav`,position:`absolute`,top:0,insetStart:0,display:`inline-flex`,ai:`center`,jc:`center`,width:8,height:8,borderRadius:2,disabled:T,props:{type:`button`,"aria-label":xe,onClick:()=>Pe(-1)},children:(0,u.jsx)(se,{direction:-1})}),Fe?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(t.default,{display:`flex`,gap:4,children:Z.map(e=>(0,u.jsx)(t.default,{flex1:!0,textAlign:`center`,py:1.5,fontSize:14,fontWeight:600,props:{"aria-hidden":!0},children:i.t(f(e),{locale:k,month:`long`,year:`numeric`})},f(e)))}),(0,u.jsx)(ee.default,{id:Q,props:{"aria-live":`polite`},children:Ie})]}):(0,u.jsx)(t.default,{display:`flex`,jc:`center`,px:9,children:(0,u.jsx)(t.default,{tag:`button`,component:`calendar.title`,py:1.5,px:3,borderRadius:2,fontSize:14,id:Q,disabled:T||W===`year`,props:{type:`button`,"aria-live":`polite`,onClick:()=>{G(W===`day`?`month`:`year`),K(`viewChange`,W===`day`?`month`:`year`,{reason:`zoom-out`})}},children:Ie})}),(0,u.jsx)(t.default,{tag:`button`,component:`calendar.nav`,position:`absolute`,top:0,insetEnd:0,display:`inline-flex`,ai:`center`,jc:`center`,width:8,height:8,borderRadius:2,disabled:T,props:{type:`button`,"aria-label":Se,onClick:()=>Pe(1)},children:(0,u.jsx)(se,{direction:1})})]}),W===`day`?(0,u.jsx)(t.default,{display:`flex`,gap:4,ai:`start`,children:Z.map(Ke)}):Ge()]})}function y(e){return e.year*12+e.month-1}var b=new Map;function oe(e){let t=b.get(e);return t||(t=new Intl.NumberFormat(e,{useGrouping:!1}),b.set(e,t)),t}function x(e){return e-(e%g+g)%g}function se({direction:e}){return(0,u.jsx)(s.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,rtl:{flip:`xAxis`},props:{fill:`none`},children:(0,u.jsx)(s.Path,{d:e===1?`M6 3l5 5-5 5`:`M10 3L5 8l5 5`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})})}var S=v;S.displayName=`Calendar`,exports.default=S;

package/components/calendar.d.ts

@@ -10,6 +10,8 @@ export interface DateRange {
 }
 /** Which grid is on show: days, the months of a year, or a run of years. */
 export type CalendarView = 'day' | 'month' | 'year';
+/** Why the focused day moved: an arrow key, a month or year step, or a day being chosen (by any device). */
+export type CalendarFocusReason = 'keyboard' | 'navigate' | 'select';
 type CalendarBoxProps<TKey extends keyof ComponentsAndVariants> = Omit<BoxProps<'div', TKey>, 'onChange' | 'disabled' | 'defaultValue' | 'readOnly'>;
 interface BaseProps<TKey extends keyof ComponentsAndVariants> extends CalendarBoxProps<TKey> {
     /** The earliest day that can be chosen, `YYYY-MM-DD`. The arrows stop there too. */
@@ -35,7 +37,7 @@ interface BaseProps<TKey extends keyof ComponentsAndVariants> extends CalendarBo
     /** Where the keyboard starts when the calendar owns it. Default the value, or today. */
     defaultFocusedDate?: string;
     /** Fires when the keyboard or the paging buttons move to another day. */
-    onFocusedDateChange?: ChangeHandler<string, 'keyboard' | 'navigate'>;
+    onFocusedDateChange?: ChangeHandler<string, CalendarFocusReason>;
     /** Nothing can be chosen and nothing is focusable. */
     disabled?: boolean;
     /** Can be read and navigated, but not chosen in. */