@box-kite/react 2.2.17 → 2.3.0

package/components/toaster.mjs

@@ -1,41 +1,43 @@
 "use client";
 import { f as e } from "../react-shared.mjs";
-import { c as t, l as n, t as r } from "../platform.mjs";
-import { t as i } from "../client.mjs";
-import { n as a } from "../effects.mjs";
-import { t as o } from "../interactions.mjs";
-import s from "../box.mjs";
-import { i as c } from "../reporting.mjs";
-import { n as l } from "../layer.mjs";
-import { r as u } from "../motion.mjs";
-import { useCallback as d, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { createPortal as h } from "react-dom";
-import { useSyncExternalStore as g } from "use-sync-external-store/shim";
+import { c as t, d as n, l as r, t as i } from "../platform.mjs";
+import { t as a } from "../client.mjs";
+import { n as o } from "../effects.mjs";
+import { t as s } from "../interactions.mjs";
+import c from "../box.mjs";
+import { i as l } from "../reporting.mjs";
+import { n as u } from "../layer.mjs";
+import { r as d } from "../motion.mjs";
+import { useCallback as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createPortal as _ } from "react-dom";
+import { useSyncExternalStore as v } from "use-sync-external-store/shim";
 //#region src/utils/toast/toastStore.ts
-var _ = ["value"], v = {
+var y = ["value"], b = {
 	toasts: [],
 	overflow: 0
-}, y = 0;
-function b() {
-	return y += 1, `toast-${y}`;
+}, x = 0;
+function S() {
+	return x += 1, `toast-${x}`;
 }
-function x(e) {
-	let t = [], n = v, r = e?.limit ?? 3, i = e?.duration ?? 5e3, a = !1, s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Map(), l = (e) => {
+function C(e) {
+	let t = [], n = b, r = e?.limit ?? 3, i = e?.duration ?? 5e3, a = !1, o = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Map(), l = (e) => {
 		let t = c.get(e);
 		t?.handle && clearTimeout(t.handle), c.delete(e);
 	}, u = () => {
-		let e = 0;
+		t = t.filter((e) => e.open || e.visible);
+		let e = t.filter((e) => !e.open).length, i = 0;
 		t = t.map((t) => {
-			let n = !t.open || e++ < r;
-			return t.visible === n ? t : {
+			if (!t.open) return t;
+			let n = e < r;
+			return n ? e++ : i++, t.visible === n ? t : {
 				...t,
 				visible: n
 			};
 		}), n = {
 			toasts: t,
-			overflow: Math.max(0, e - r)
-		}, d(), s.forEach((e) => e());
+			overflow: i
+		}, d(), o.forEach((e) => e());
 	};
 	function d() {
 		let e = /* @__PURE__ */ new Set();
@@ -60,7 +62,7 @@ function x(e) {
 			...t,
 			open: !1
 		})), r.length && (u(), r.forEach((e) => {
-			e.onDismiss?.(n), o({
+			e.onDismiss?.(n), s({
 				component: "toaster",
 				type: "dismiss",
 				reason: n,
@@ -69,7 +71,7 @@ function x(e) {
 					id: e.id,
 					kind: e.kind
 				},
-				content: _
+				content: y
 			});
 		}));
 	}
@@ -88,18 +90,18 @@ function x(e) {
 				duration: r?.duration ?? (r?.kind ? f(a) : t.duration),
 				open: !0
 			};
-		}), i && (u(), o({
+		}), i && (u(), s({
 			component: "toaster",
 			type: "update",
 			reason: r?.kind,
 			value: n,
 			details: { id: e },
 			source: "app",
-			content: _
+			content: y
 		}));
 	}
 	function h(e, n) {
-		let r = n?.id ?? b();
+		let r = n?.id ?? S();
 		if (n?.id && t.some((e) => e.id === r)) return m(r, e, n), r;
 		let i = n?.kind ?? "default";
 		return t = [...t, {
@@ -113,7 +115,7 @@ function x(e) {
 			onDismiss: n?.onDismiss,
 			open: !0,
 			visible: !1
-		}], u(), o({
+		}], u(), s({
 			component: "toaster",
 			type: "show",
 			reason: i,
@@ -123,15 +125,15 @@ function x(e) {
 				kind: i
 			},
 			source: "app",
-			content: _
+			content: y
 		}), r;
 	}
 	return {
 		subscribe(e) {
-			return s.add(e), () => s.delete(e);
+			return o.add(e), () => o.delete(e);
 		},
 		getSnapshot: () => n,
-		getServerSnapshot: () => v,
+		getServerSnapshot: () => b,
 		add: h,
 		update: m,
 		dismiss: p,
@@ -156,32 +158,32 @@ function x(e) {
 		},
 		reset() {
 			for (let e of [...c.keys()]) l(e);
-			t = [], n = v, s.forEach((e) => e());
+			t = [], n = b, o.forEach((e) => e());
 		}
 	};
 }
 //#endregion
 //#region src/components/toaster.tsx
-var S = x(), C = (e) => (t, n) => S.add(t, {
+var w = C(), T = (e) => (t, n) => w.add(t, {
 	...n,
 	kind: e
-}), w = Object.assign((e, t) => S.add(e, t), {
-	success: C("success"),
-	error: C("error"),
-	warning: C("warning"),
-	info: C("info"),
-	loading: C("loading"),
-	update: (e, t, n) => S.update(e, t, n),
-	dismiss: (e) => S.dismiss(e, "imperative"),
+}), E = Object.assign((e, t) => w.add(e, t), {
+	success: T("success"),
+	error: T("error"),
+	warning: T("warning"),
+	info: T("info"),
+	loading: T("loading"),
+	update: (e, t, n) => w.update(e, t, n),
+	dismiss: (e) => w.dismiss(e, "imperative"),
 	promise(e, t, n) {
-		let r = S.add(t.loading, {
+		let r = w.add(t.loading, {
 			...n,
 			id: n?.id,
 			kind: "loading"
 		}), i = (e, t) => typeof e == "function" ? e(t) : e;
-		return e.then((e) => S.update(r, i(t.success, e), { kind: "success" }), (e) => S.update(r, i(t.error, e), { kind: "error" })), e;
+		return e.then((e) => w.update(r, i(t.success, e), { kind: "success" }), (e) => w.update(r, i(t.error, e), { kind: "error" })), e;
 	}
-}), T = {
+}), D = {
 	"top-start": "topStart",
 	"top-center": "topCenter",
 	"top-end": "topEnd",
@@ -189,29 +191,29 @@ var S = x(), C = (e) => (t, n) => S.add(t, {
 	"bottom-center": "bottomCenter",
 	"bottom-end": "bottomEnd"
 };
-function E(e, t) {
+function O(e, t) {
 	let n = t.toLowerCase().split("+"), r = n[n.length - 1], i = new Set(n.slice(0, -1));
 	return e.key.toLowerCase() === r && e.altKey === i.has("alt") && e.ctrlKey === i.has("ctrl") && e.shiftKey === i.has("shift") && e.metaKey === i.has("meta");
 }
-function D(e) {
-	let { toast: t, store: n, fromTop: r, closeLabel: i } = e, { mounted: o, ref: l, props: d } = u({ present: t.open }), f = c("toaster");
-	if (a(() => {
-		o || n.remove(t.id);
+function k(e) {
+	let { toast: t, store: n, fromTop: r, closeLabel: i } = e, { mounted: a, ref: s, props: u } = d({ present: t.open }), f = l("toaster");
+	if (o(() => {
+		a || n.remove(t.id);
 	}, [
-		o,
+		a,
 		n,
 		t.id
-	]), !o) return null;
-	let h = t.action, g = () => {
-		h?.onClick(), h?.closeOnClick === !1 ? f("action", t.message, {
+	]), !a) return null;
+	let p = t.action, m = () => {
+		p?.onClick(), p?.closeOnClick === !1 ? f("action", t.message, {
 			reason: "action",
 			id: t.id,
 			kind: t.kind,
 			content: ["value"]
 		}) : n.dismiss(t.id, "action");
 	};
-	return /* @__PURE__ */ m(s, {
-		ref: l,
+	return /* @__PURE__ */ g(c, {
+		ref: s,
 		component: "toaster.toast",
 		variant: {
 			[t.kind]: t.kind !== "default",
@@ -220,27 +222,27 @@ function D(e) {
 		props: {
 			...t.kind === "error" ? { role: "alert" } : {},
 			"data-toast-id": t.id,
-			...d
+			...u
 		},
 		children: [
-			/* @__PURE__ */ p(s, {
+			/* @__PURE__ */ h(c, {
 				component: "toaster.message",
 				children: t.message
 			}),
-			t.description !== void 0 && /* @__PURE__ */ p(s, {
+			t.description !== void 0 && /* @__PURE__ */ h(c, {
 				component: "toaster.description",
 				children: t.description
 			}),
-			h && /* @__PURE__ */ p(s, {
+			p && /* @__PURE__ */ h(c, {
 				tag: "button",
 				component: "toaster.action",
 				props: {
 					type: "button",
-					onClick: g
+					onClick: m
 				},
-				children: h.label
+				children: p.label
 			}),
-			t.dismissible && /* @__PURE__ */ p(s, {
+			t.dismissible && /* @__PURE__ */ h(c, {
 				tag: "button",
 				component: "toaster.close",
 				props: {
@@ -252,83 +254,99 @@ function D(e) {
 		]
 	});
 }
-function O(e, o) {
-	let { position: c = "bottom-end", limit: u = 3, duration: _ = 5e3, label: v = "Notifications", closeLabel: y = "Close", overflowLabel: b = (e) => `+${e} more`, hotkey: x = "F6", store: C = S, props: w, ...O } = e, k = g(C.subscribe, C.getSnapshot, C.getServerSnapshot), A = l(), j = i(!A), M = f(null), N = d((e) => {
-		M.current = e, n(o, e);
-	}, [o]), P = f(null), F = f({
+function A(e, s) {
+	let { position: l = "bottom-end", limit: d = 3, duration: y = 5e3, label: b = "Notifications", closeLabel: x = "Close", overflowLabel: S = (e) => `+${e} more`, hotkey: C = "F6", store: T = w, props: E, ...A } = e, j = v(T.subscribe, T.getSnapshot, T.getServerSnapshot), M = u(), N = a(!M), P = p(null), F = f((e) => {
+		P.current = e, n(s, e);
+	}, [s]), I = p(null), [L, R] = m(null), z = p({
 		hovered: !1,
 		focused: !1,
 		hidden: !1
-	}), I = d(() => {
-		let { hovered: e, focused: t, hidden: n } = F.current;
-		e || t || n ? C.pause() : C.resume();
-	}, [C]);
-	a(() => C.setLimit(u), [C, u]), a(() => C.setDefaultDuration(_), [C, _]), a(() => {
-		let e = M.current;
-		!A || !t() || !e || !e.isConnected || e.matches(":popover-open") || e.showPopover();
-	}), a(() => {
-		let e = r();
+	}), B = f(() => {
+		let { hovered: e, focused: t, hidden: n } = z.current;
+		e || t || n ? T.pause() : T.resume();
+	}, [T]);
+	o(() => T.setLimit(d), [T, d]), o(() => T.setDefaultDuration(y), [T, y]), o(() => {
+		let e = P.current;
+		e && (z.current.hovered = e.matches(":hover"), z.current.focused = e.contains(e.ownerDocument.activeElement), B());
+	}, [
+		j,
+		L,
+		B
+	]), o(() => {
+		let e = P.current;
+		!M || !t() || !e || !e.isConnected || e.matches(":popover-open") || e.showPopover();
+	}), o(() => {
+		let e = i();
+		if (!e) return;
+		let t = [], n = new AbortController();
+		return e.addEventListener(r, (e) => {
+			let { dialog: n, open: r } = e.detail, i = t.indexOf(n);
+			i >= 0 && t.splice(i, 1), r && t.push(n), R(t[t.length - 1] ?? null);
+		}, { signal: n.signal }), () => n.abort();
+	}, []), o(() => {
+		let e = i();
 		if (!e) return;
 		let t = new AbortController();
 		return e.addEventListener("visibilitychange", () => {
-			F.current.hidden = e.hidden, I();
+			z.current.hidden = e.hidden, B();
 		}, { signal: t.signal }), () => t.abort();
-	}, [I]), a(() => {
-		let e = r();
-		if (!x || !e) return;
+	}, [B]), o(() => {
+		let e = i();
+		if (!C || !e) return;
 		let t = new AbortController();
 		return e.addEventListener("keydown", (t) => {
-			!E(t, x) || !M.current || (t.preventDefault(), P.current = e.activeElement, M.current.focus());
+			!O(t, C) || !P.current || (t.preventDefault(), I.current = e.activeElement, P.current.focus());
 		}, { signal: t.signal }), () => t.abort();
-	}, [x]);
-	let L = (e) => !!e && !!M.current?.contains(e), R = () => {
-		F.current.hovered = !0, I();
-	}, z = (e) => {
-		L(e.relatedTarget) || (F.current.hovered = !1, I());
-	}, B = (e) => {
-		F.current.focused = !0, I(), L(e.relatedTarget) || (P.current = e.relatedTarget);
-	}, V = (e) => {
-		L(e.relatedTarget) || (F.current.focused = !1, I());
-	}, H = (e) => {
+	}, [C]);
+	let V = (e) => !!e && !!P.current?.contains(e), H = () => {
+		z.current.hovered = !0, B();
+	}, U = (e) => {
+		V(e.relatedTarget) || (z.current.hovered = !1, B());
+	}, W = (e) => {
+		z.current.focused = !0, B(), V(e.relatedTarget) || (I.current = e.relatedTarget);
+	}, G = (e) => {
+		V(e.relatedTarget) || (z.current.focused = !1, B());
+	}, K = (e) => {
 		if (e.key !== "Escape") return;
+		L && e.preventDefault();
 		let t = (e.target.closest?.("[data-toast-id]"))?.getAttribute("data-toast-id");
-		t && C.dismiss(t, "close"), C.getSnapshot().toasts.some((e) => e.open) ? M.current?.focus() : P.current?.focus();
-	}, U = c.startsWith("top"), W = k.toasts.filter((e) => e.visible), G = U ? [...W].reverse() : W, K = k.overflow > 0 && /* @__PURE__ */ p(s, {
+		t && T.dismiss(t, "close"), T.getSnapshot().toasts.some((e) => e.open) ? P.current?.focus() : I.current?.focus();
+	}, q = l.startsWith("top"), J = j.toasts.filter((e) => e.visible), Y = q ? [...J].reverse() : J, X = j.overflow > 0 && /* @__PURE__ */ h(c, {
 		component: "toaster.overflow",
-		children: b(k.overflow)
-	}), q = /* @__PURE__ */ m(s, {
+		children: S(j.overflow)
+	}), Z = /* @__PURE__ */ g(c, {
 		tag: "section",
-		ref: N,
+		ref: F,
 		component: "toaster",
-		...O,
-		variant: [O.variant, { [T[c]]: !0 }],
+		...A,
+		variant: [A.variant, { [D[l]]: !0 }],
 		props: {
-			...A ? { popover: "manual" } : {},
+			...M ? { popover: "manual" } : {},
 			"aria-live": "polite",
 			"aria-atomic": "false",
 			"aria-relevant": "additions text",
-			"aria-label": v,
+			"aria-label": b,
 			tabIndex: -1,
-			...w,
-			onPointerOver: R,
-			onPointerOut: z,
-			onFocus: B,
-			onBlur: V,
-			onKeyDown: H
+			...E,
+			onPointerOver: H,
+			onPointerOut: U,
+			onFocus: W,
+			onBlur: G,
+			onKeyDown: K
 		},
 		children: [
-			!U && K,
-			G.map((e) => /* @__PURE__ */ p(D, {
+			!q && X,
+			Y.map((e) => /* @__PURE__ */ h(k, {
 				toast: e,
-				store: C,
-				fromTop: U,
-				closeLabel: y
+				store: T,
+				fromTop: q,
+				closeLabel: x
 			}, e.id)),
-			U && K
+			q && X
 		]
 	});
-	return A ? q : j ? h(q, j) : null;
+	return L ? _(Z, L) : M ? Z : N ? _(Z, N) : null;
 }
-var k = e(O, "Toaster");
+var j = e(A, "Toaster");
 //#endregion
-export { x as createToastStore, k as default, S as defaultToastStore, w as toast };
+export { C as createToastStore, j as default, w as defaultToastStore, E as toast };

package/components/tooltip.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("./overlay.cjs"),a=require("./presence.cjs");let o=require("react"),s=require("react/jsx-runtime");function c(e,c){let{content:l,children:u,open:d,defaultOpen:f=!1,onOpenChange:p,openDelay:m=300,closeDelay:h=150,side:g=`bottom`,align:_=`center`,offset:v=1,flip:y=!0,props:b,...x}=e,S=r.t(`tooltip`),C=x.id??S,[w,T]=n.i({value:d,defaultValue:f,onChange:p}),[E,D]=(0,o.useState)(null),O=(0,o.useRef)(null),k=(0,o.useCallback)(e=>{O.current=e,t.l(c,e)},[c]),A=(0,o.useRef)(void 0),j=(0,o.useRef)(!1),M=(0,o.useRef)(!1),N=(0,o.useRef)(!1),P=(0,o.useRef)(!1),F=(0,o.useCallback)(()=>{clearTimeout(A.current),A.current=void 0},[]),I=(0,o.useCallback)((e,t)=>{if(F(),e<=0){t();return}A.current=setTimeout(()=>{A.current=void 0,t()},e)},[F]),L=(0,o.useCallback)((e,t)=>{I(h,()=>{j.current||M.current||N.current||T(!1,{reason:e,event:t})})},[h,I,T]);n.r({enabled:w,outsidePointer:!1,inside:[O],onDismiss:(e,t)=>{F(),P.current=!0,T(!1,{reason:e,event:t})}}),(0,o.useEffect)(()=>F,[F]);let R=w&&l!=null,z=n.a(e=>{j.current=!0,!P.current&&I(m,()=>T(!0,{reason:`hover`,event:e}))}),B=n.a(e=>{j.current=!1,P.current=!1,L(`pointer-leave`,e)}),V=n.a(e=>{N.current=!0,F(),T(!0,{reason:`focus`,event:e})}),H=n.a(e=>{N.current=!1,P.current=!1,L(`blur`,e)}),U=n.a(()=>{M.current=!0,F()}),W=n.a(e=>{M.current=!1,L(`pointer-leave`,e)}),G=(0,o.useMemo)(()=>({ref:D,props:{"aria-describedby":R?C:void 0,onPointerEnter:z,onPointerLeave:B,onFocus:V,onBlur:H}}),[H,z,V,B,R,C]);return(0,s.jsxs)(s.Fragment,{children:[u(G),(0,s.jsx)(a.default,{present:R,children:e=>(0,s.jsx)(i.default,{ref:k,contentRef:e.ref,anchor:E,side:g,align:_,offset:v,flip:y,matchWidth:!1,component:`tooltip`,...x,variant:[x.variant,{closed:!e.present}],id:C,props:{role:`tooltip`,...e.props,...b,onPointerEnter:U,onPointerLeave:W},children:l})})]})}var l=e.f(c,`Tooltip`);exports.default=l;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("./overlay.cjs"),a=require("./presence.cjs");let o=require("react"),s=require("react/jsx-runtime");function c(e,c){let{content:l,children:u,open:d,defaultOpen:f=!1,onOpenChange:p,openDelay:m=300,closeDelay:h=150,side:g=`bottom`,align:_=`center`,offset:v=1,flip:y=!0,props:b,...x}=e,S=r.t(`tooltip`),C=x.id??S,[w,T]=n.i({value:d,defaultValue:f,onChange:p}),[E,D]=(0,o.useState)(null),O=(0,o.useRef)(null),k=(0,o.useCallback)(e=>{O.current=e,t.d(c,e)},[c]),A=(0,o.useRef)(void 0),j=(0,o.useRef)(!1),M=(0,o.useRef)(!1),N=(0,o.useRef)(!1),P=(0,o.useRef)(!1),F=(0,o.useCallback)(()=>{clearTimeout(A.current),A.current=void 0},[]),I=(0,o.useCallback)((e,t)=>{if(F(),e<=0){t();return}A.current=setTimeout(()=>{A.current=void 0,t()},e)},[F]),L=(0,o.useCallback)((e,t)=>{I(h,()=>{j.current||M.current||N.current||T(!1,{reason:e,event:t})})},[h,I,T]);n.r({enabled:w,outsidePointer:!1,inside:[O],onDismiss:(e,t)=>{F(),P.current=!0,T(!1,{reason:e,event:t})}}),(0,o.useEffect)(()=>F,[F]);let R=w&&l!=null,z=n.a(e=>{j.current=!0,!P.current&&I(m,()=>T(!0,{reason:`hover`,event:e}))}),B=n.a(e=>{j.current=!1,P.current=!1,L(`pointer-leave`,e)}),V=n.a(e=>{N.current=!0,F(),T(!0,{reason:`focus`,event:e})}),H=n.a(e=>{N.current=!1,P.current=!1,L(`blur`,e)}),U=n.a(()=>{M.current=!0,F()}),W=n.a(e=>{M.current=!1,L(`pointer-leave`,e)}),G=(0,o.useMemo)(()=>({ref:D,props:{"aria-describedby":R?C:void 0,onPointerEnter:z,onPointerLeave:B,onFocus:V,onBlur:H}}),[H,z,V,B,R,C]);return(0,s.jsxs)(s.Fragment,{children:[u(G),(0,s.jsx)(a.default,{present:R,children:e=>(0,s.jsx)(i.default,{ref:k,contentRef:e.ref,anchor:E,side:g,align:_,offset:v,flip:y,matchWidth:!1,component:`tooltip`,...x,variant:[x.variant,{closed:!e.present}],id:C,props:{role:`tooltip`,...e.props,...b,onPointerEnter:U,onPointerLeave:W},children:l})})]})}var l=e.f(c,`Tooltip`);exports.default=l;

package/components/tooltip.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { f as e } from "../react-shared.mjs";
-import { l as t } from "../platform.mjs";
+import { d as t } from "../platform.mjs";
 import { a as n, i as r, r as i } from "../behavior.mjs";
 import { t as a } from "../identity.mjs";
 import o from "./overlay.mjs";

package/components/virtualList.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../effects.cjs"),r=require("../behavior.cjs"),i=require("../scrolling.cjs"),a=require("./list.cjs");let o=require("react"),s=require("react/jsx-runtime");function c(e,t,n){return Math.min(Math.max(e,t),n)}var l;(function(e){let t=e.DEFAULT_OVERSCAN=4,n=e.PIN_REACH=50;function r(e){let t=Array(e.length+1);t[0]=0;for(let n=0;n<e.length;n++)t[n+1]=t[n]+e[n];return t}e.offsetsOf=r;function a(e,t){let n=0,r=0;for(let t of e)n+=t,r++;return r?n/r:t}e.typicalSize=a;function o(e){let{offsets:r,viewStart:a,viewEnd:o,overscan:s=t,pin:l=-1}=e,u=r.length-1,d=r[u]??0;if(u<=0)return{startIndex:0,endIndex:0,offsetY:0,totalHeight:0};let f=c(i.n(r,a,u)-s,0,u-1),p=c(i.n(r,o-.5,u)+1+s,f+1,u);return l>=0&&l<u&&(l<f&&f-l<=n?f=l:l>=p&&l-p<n&&(p=l+1)),{startIndex:f,endIndex:p,offsetY:r[f],totalHeight:d}}e.measuredWindow=o})(l||={});var u=l;function d(e,t){for(let n of Array.from(e.children)){let e=n.getBoundingClientRect();if(e.bottom>t)return{element:n,top:e.top}}return null}var f=150;function p(e,c){let{items:l,itemKey:p,children:m,estimateSize:h=57,overscan:g=6,initialCount:_=20,onRangeChange:v,scrollerRef:y,vars:b,css:x,props:S,...C}=e,w=(0,o.useRef)(null),[T,E]=(0,o.useState)(()=>new Map),[,D]=(0,o.useState)(0),[O,k]=(0,o.useState)({startIndex:0,endIndex:Math.min(_,l.length)}),[A,j]=(0,o.useState)(-1),M=r.a(v),N=(0,o.useCallback)(e=>{w.current=e,t.l(c,e)},[c]),[P,F]=(0,o.useState)(null),I=(0,o.useMemo)(()=>l.map((e,t)=>p(e,t)),[l,p]),L=(0,o.useMemo)(()=>u.typicalSize(T.values(),h),[T,h]),R=P?.count===l.length?P:null,z=R?R.estimate:L,B=(0,o.useMemo)(()=>u.offsetsOf(I.map(e=>T.get(e)??z)),[I,T,z]),V=B[l.length],H=r.o({offsets:B,pin:A,overscan:g,count:l.length,total:V,estimate:z}),U=(0,o.useRef)(null),W=Math.min(O.startIndex,Math.max(0,l.length-1)),G=Math.min(Math.max(O.endIndex,W),l.length),K=r.a(()=>{let e=w.current,{offsets:t,pin:n,overscan:r,count:a}=H.current;if(!e||a===0)return;let o=y?.current??i.t(e),s=e.ownerDocument.defaultView,c=o?o.getBoundingClientRect().top+o.clientTop:0,l=o?o.clientHeight:s?.innerHeight??0,d=e.getBoundingClientRect().top+e.clientTop,f=u.measuredWindow({offsets:t,viewStart:c-d,viewEnd:c-d+l,overscan:r,pin:n});k(e=>e.startIndex===f.startIndex&&e.endIndex===f.endIndex?e:{startIndex:f.startIndex,endIndex:f.endIndex})});n.n(()=>{let e=w.current;if(!e)return;let t=null,n=0,r=y?.current??i.t(e),a=r?r.getBoundingClientRect().top:0,o=parseFloat(getComputedStyle(e).rowGap)||0,s=U.current;if(U.current=null,s?.element.isConnected&&(n+=s.element.getBoundingClientRect().top-s.top),Array.from(e.children).forEach((e,r)=>{let i=W+r,s=I[i];if(s===void 0)return;e.setAttribute(`aria-setsize`,String(l.length)),e.setAttribute(`aria-posinset`,String(i+1));let c=e.getBoundingClientRect(),u=c.height+o,d=T.get(s)??z;c.height>0&&T.get(s)!==u&&(t??=new Map(T),t.set(s,u),c.bottom<=a&&(n+=u-d))}),n!==0){let t=r??e.ownerDocument.defaultView,i=r?r.scrollTop:t?.scrollY??0;t?.scrollTo({top:i+n,behavior:`instant`})}t?(U.current=d(e,a),E(t)):K()}),(0,o.useEffect)(()=>{let e=w.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>D(e=>e+1));return Array.from(e.children).forEach(e=>t.observe(e)),()=>t.disconnect()},[O,I]),(0,o.useEffect)(()=>{let e=w.current,t=e?.ownerDocument.defaultView;if(!e||!t)return;let n=y?.current??i.t(e),r=n??t,a=0,o=!1,s=0,c=()=>{a||=requestAnimationFrame(()=>(a=0,K()))},l=()=>{let{count:r,total:i,estimate:a}=H.current;F(e=>e??{count:r,total:i,estimate:a}),clearTimeout(s),s=t.setTimeout(()=>{o||(U.current=d(e,n?n.getBoundingClientRect().top:0),F(null))},f)},u=()=>{l(),c()},p=()=>{o=!0,l()},m=()=>{o&&(o=!1,l())};r.addEventListener(`scroll`,u,{passive:!0}),r.addEventListener(`pointerdown`,p,{capture:!0,passive:!0}),t.addEventListener(`pointerup`,m,!0),t.addEventListener(`pointercancel`,m,!0),t.addEventListener(`resize`,c);let h=typeof ResizeObserver>`u`?null:new ResizeObserver(c);return n&&h?.observe(n),()=>{cancelAnimationFrame(a),clearTimeout(s),r.removeEventListener(`scroll`,u),r.removeEventListener(`pointerdown`,p,!0),t.removeEventListener(`pointerup`,m,!0),t.removeEventListener(`pointercancel`,m,!0),t.removeEventListener(`resize`,c),h?.disconnect()}},[y,K,H]),(0,o.useEffect)(()=>{M({startIndex:O.startIndex,endIndex:O.endIndex})},[O,M]);let q=e=>{let t=w.current,n=Array.from(t?.children??[]).findIndex(t=>t.contains(e.target));n>=0&&j(W+n)},J=e=>{w.current?.contains(e.relatedTarget)||j(-1)},Y=[];for(let e=W;e<G;e++)Y.push((0,s.jsx)(o.Fragment,{children:m(l[e],e)},I[e]));return(0,s.jsx)(a.default,{ref:N,...C,vars:W>0?{...b,"list-first-divider":`block`}:b,css:{...x,overflowAnchor:`none`},transition:`none`,style:{paddingBlockStart:`${B[W]}px`,paddingBlockEnd:`${Math.max(0,(R&&G<l.length?R.total:V)-B[G])}px`},props:{...S,onFocus:q,onBlur:J},children:Y})}var m=e.f(p,`VirtualList`);exports.default=m;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../effects.cjs"),r=require("../behavior.cjs"),i=require("../scrolling.cjs"),a=require("./list.cjs");let o=require("react"),s=require("react/jsx-runtime");function c(e,t,n){return Math.min(Math.max(e,t),n)}var l;(function(e){let t=e.DEFAULT_OVERSCAN=4,n=e.PIN_REACH=50;function r(e){let t=Array(e.length+1);t[0]=0;for(let n=0;n<e.length;n++)t[n+1]=t[n]+e[n];return t}e.offsetsOf=r;function a(e,t){let n=0,r=0;for(let t of e)n+=t,r++;return r?n/r:t}e.typicalSize=a;function o(e){let{offsets:r,viewStart:a,viewEnd:o,overscan:s=t,pin:l=-1}=e,u=r.length-1,d=r[u]??0;if(u<=0)return{startIndex:0,endIndex:0,offsetY:0,totalHeight:0};let f=c(i.n(r,a,u)-s,0,u-1),p=c(i.n(r,o-.5,u)+1+s,f+1,u);return l>=0&&l<u&&(l<f&&f-l<=n?f=l:l>=p&&l-p<n&&(p=l+1)),{startIndex:f,endIndex:p,offsetY:r[f],totalHeight:d}}e.measuredWindow=o})(l||={});var u=l;function d(e,t){for(let n of Array.from(e.children)){let e=n.getBoundingClientRect();if(e.bottom>t)return{element:n,top:e.top}}return null}var f=150;function p(e,c){let{items:l,itemKey:p,children:m,estimateSize:h=57,overscan:g=6,initialCount:_=20,onRangeChange:v,scrollerRef:y,vars:b,css:x,props:S,...C}=e,w=(0,o.useRef)(null),[T,E]=(0,o.useState)(()=>new Map),[,D]=(0,o.useState)(0),[O,k]=(0,o.useState)({startIndex:0,endIndex:Math.min(_,l.length)}),[A,j]=(0,o.useState)(-1),M=r.a(v),N=(0,o.useCallback)(e=>{w.current=e,t.d(c,e)},[c]),[P,F]=(0,o.useState)(null),I=(0,o.useMemo)(()=>l.map((e,t)=>p(e,t)),[l,p]),L=(0,o.useMemo)(()=>u.typicalSize(T.values(),h),[T,h]),R=P?.count===l.length?P:null,z=R?R.estimate:L,B=(0,o.useMemo)(()=>u.offsetsOf(I.map(e=>T.get(e)??z)),[I,T,z]),V=B[l.length],H=r.o({offsets:B,pin:A,overscan:g,count:l.length,total:V,estimate:z}),U=(0,o.useRef)(null),W=Math.min(O.startIndex,Math.max(0,l.length-1)),G=Math.min(Math.max(O.endIndex,W),l.length),K=r.a(()=>{let e=w.current,{offsets:t,pin:n,overscan:r,count:a}=H.current;if(!e||a===0)return;let o=y?.current??i.t(e),s=e.ownerDocument.defaultView,c=o?o.getBoundingClientRect().top+o.clientTop:0,l=o?o.clientHeight:s?.innerHeight??0,d=e.getBoundingClientRect().top+e.clientTop,f=u.measuredWindow({offsets:t,viewStart:c-d,viewEnd:c-d+l,overscan:r,pin:n});k(e=>e.startIndex===f.startIndex&&e.endIndex===f.endIndex?e:{startIndex:f.startIndex,endIndex:f.endIndex})});n.n(()=>{let e=w.current;if(!e)return;let t=null,n=0,r=y?.current??i.t(e),a=r?r.getBoundingClientRect().top:0,o=parseFloat(getComputedStyle(e).rowGap)||0,s=U.current;if(U.current=null,s?.element.isConnected&&(n+=s.element.getBoundingClientRect().top-s.top),Array.from(e.children).forEach((e,r)=>{let i=W+r,s=I[i];if(s===void 0)return;e.setAttribute(`aria-setsize`,String(l.length)),e.setAttribute(`aria-posinset`,String(i+1));let c=e.getBoundingClientRect(),u=c.height+o,d=T.get(s)??z;c.height>0&&T.get(s)!==u&&(t??=new Map(T),t.set(s,u),c.bottom<=a&&(n+=u-d))}),n!==0){let t=r??e.ownerDocument.defaultView,i=r?r.scrollTop:t?.scrollY??0;t?.scrollTo({top:i+n,behavior:`instant`})}t?(U.current=d(e,a),E(t)):K()}),(0,o.useEffect)(()=>{let e=w.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(()=>D(e=>e+1));return Array.from(e.children).forEach(e=>t.observe(e)),()=>t.disconnect()},[O,I]),(0,o.useEffect)(()=>{let e=w.current,t=e?.ownerDocument.defaultView;if(!e||!t)return;let n=y?.current??i.t(e),r=n??t,a=0,o=!1,s=0,c=()=>{a||=requestAnimationFrame(()=>(a=0,K()))},l=()=>{let{count:r,total:i,estimate:a}=H.current;F(e=>e??{count:r,total:i,estimate:a}),clearTimeout(s),s=t.setTimeout(()=>{o||(U.current=d(e,n?n.getBoundingClientRect().top:0),F(null))},f)},u=()=>{l(),c()},p=()=>{o=!0,l()},m=()=>{o&&(o=!1,l())};r.addEventListener(`scroll`,u,{passive:!0}),r.addEventListener(`pointerdown`,p,{capture:!0,passive:!0}),t.addEventListener(`pointerup`,m,!0),t.addEventListener(`pointercancel`,m,!0),t.addEventListener(`resize`,c);let h=typeof ResizeObserver>`u`?null:new ResizeObserver(c);return n&&h?.observe(n),()=>{cancelAnimationFrame(a),clearTimeout(s),r.removeEventListener(`scroll`,u),r.removeEventListener(`pointerdown`,p,!0),t.removeEventListener(`pointerup`,m,!0),t.removeEventListener(`pointercancel`,m,!0),t.removeEventListener(`resize`,c),h?.disconnect()}},[y,K,H]),(0,o.useEffect)(()=>{M({startIndex:O.startIndex,endIndex:O.endIndex})},[O,M]);let q=e=>{let t=w.current,n=Array.from(t?.children??[]).findIndex(t=>t.contains(e.target));n>=0&&j(W+n)},J=e=>{w.current?.contains(e.relatedTarget)||j(-1)},Y=[];for(let e=W;e<G;e++)Y.push((0,s.jsx)(o.Fragment,{children:m(l[e],e)},I[e]));return(0,s.jsx)(a.default,{ref:N,...C,vars:W>0?{...b,"list-first-divider":`block`}:b,css:{...x,overflowAnchor:`none`},transition:`none`,style:{paddingBlockStart:`${B[W]}px`,paddingBlockEnd:`${Math.max(0,(R&&G<l.length?R.total:V)-B[G])}px`},props:{...S,onFocus:q,onBlur:J},children:Y})}var m=e.f(p,`VirtualList`);exports.default=m;

package/components/virtualList.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { f as e } from "../react-shared.mjs";
-import { l as t } from "../platform.mjs";
+import { d as t } from "../platform.mjs";
 import { n } from "../effects.mjs";
 import { a as r, o as i } from "../behavior.mjs";
 import { n as a, t as o } from "../scrolling.mjs";

package/docs/props.md

@@ -770,10 +770,10 @@ Mirrors the element: `xAxis` flips it left to right, `yAxis` top to bottom. It w
 
 ### `fontSize`
 
-The font-size CSS property sets the size of the font. Its divider is **16**, not the spacing scale’s 4, so the number is the pixel size a reader was reaching for: `fontSize={14}` is `0.875rem`. Font-size-relative units (`em`, `ex`) resolve against it.
+The font-size CSS property sets the size of the font. Its divider is **16**, not the spacing scale’s 4, so the number is the pixel size a reader was reaching for: `fontSize={14}` is `0.875rem`. Font-size-relative units (`em`, `ex`) resolve against it. `'control'` is the text size of the size standard in force (`--control-font-size`).
 
 - Writes: `font-size`
-- Values: `inherit`, a number
+- Values: `inherit` · `control` · `control-compact` · `control-normal` · `control-large`, a number
 - Example: `fontSize={14}` → `font-size: 0.875rem`
 
 ### `fontStyle`
@@ -874,10 +874,10 @@ The grid-template-rows CSS property defines the line names and track sizing func
 
 ### `height`
 
-The height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines the height of the border area. It also takes `anchor-size()`, a length read off the anchor a floating layer is placed against.
+The height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines the height of the border area. It also takes `anchor-size()`, a length read off the anchor a floating layer is placed against, and the size standard: `'control'` is the height of the size in force (`--control-height`), `'control-compact'`/`'control-normal'`/`'control-large'` one by name.
 
 - Writes: `height`
-- Values: `fit` · `fit-screen` · `1/1` · `1/2` · `1/3` · `2/3` · `1/4` · `2/4` · `3/4` · `1/5` · `2/5` · `3/5` · `4/5` · `1/6` · `2/6` · `3/6` · `4/6` · `5/6` · `1/12` · `2/12` · `3/12` · `4/12` · `5/12` · `6/12` · `7/12` · `8/12` · `9/12` · `10/12` · `11/12` · `auto` · `fit-content` · `max-content` · `min-content`, a number, anything else the types allow
+- Values: `fit` · `fit-screen` · `1/1` · `1/2` · `1/3` · `2/3` · `1/4` · `2/4` · `3/4` · `1/5` · `2/5` · `3/5` · `4/5` · `1/6` · `2/6` · `3/6` · `4/6` · `5/6` · `1/12` · `2/12` · `3/12` · `4/12` · `5/12` · `6/12` · `7/12` · `8/12` · `9/12` · `10/12` · `11/12` · `auto` · `fit-content` · `max-content` · `min-content` · `control` · `control-compact` · `control-normal` · `control-large`, a number, anything else the types allow
 - Example: `height={4}` → `height: 1rem`
 
 ### `hueRotate`
@@ -1090,10 +1090,10 @@ The margin-inline-end CSS property sets the margin on the side the text ends at:
 
 ### `minHeight`
 
-The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height. It also takes `anchor-size()`, a length read off the anchor a floating layer is placed against.
+The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height. It also takes `anchor-size()`, a length read off the anchor a floating layer is placed against, and `'control'`/`'control-compact'`/`'control-normal'`/`'control-large'`, the size standard's heights.
 
 - Writes: `min-height`
-- Values: `fit` · `fit-screen` · `1/1` · `1/2` · `1/3` · `2/3` · `1/4` · `2/4` · `3/4` · `1/5` · `2/5` · `3/5` · `4/5` · `1/6` · `2/6` · `3/6` · `4/6` · `5/6` · `1/12` · `2/12` · `3/12` · `4/12` · `5/12` · `6/12` · `7/12` · `8/12` · `9/12` · `10/12` · `11/12` · `auto` · `fit-content` · `max-content` · `min-content`, a number, anything else the types allow
+- Values: `fit` · `fit-screen` · `1/1` · `1/2` · `1/3` · `2/3` · `1/4` · `2/4` · `3/4` · `1/5` · `2/5` · `3/5` · `4/5` · `1/6` · `2/6` · `3/6` · `4/6` · `5/6` · `1/12` · `2/12` · `3/12` · `4/12` · `5/12` · `6/12` · `7/12` · `8/12` · `9/12` · `10/12` · `11/12` · `auto` · `fit-content` · `max-content` · `min-content` · `control` · `control-compact` · `control-normal` · `control-large`, a number, anything else the types allow
 - Example: `minHeight={4}` → `min-height: 1rem`
 
 ### `minWidth`

package/interactionListening.cjs

@@ -1 +1 @@
-const e=require("./platform.cjs");function t(e){let t=new WeakSet,n=JSON.stringify(e,(e,n)=>{if(typeof n==`bigint`)return n.toString();if(typeof n!=`object`||!n)return n;if(n instanceof Set)return Array.from(n);if(n instanceof Map)return Object.fromEntries(n);if(t.has(n))return;let r=Object.getPrototypeOf(n);if(!(!Array.isArray(n)&&(r!==Object.prototype&&r!==null||`$$typeof`in n)))return t.add(n),n});return n===void 0?void 0:JSON.parse(n)}var n=[`click`,`dblclick`,`keydown`,`pointerdown`,`pointerup`,`change`,`submit`,`copy`,`paste`,`focusout`],r=[`imperative`,`programmatic`,`timeout`],i=`a[href],button,input,select,textarea,summary,label,[tabindex],[role=option],[role=button]`;function a(e){let t=globalThis.scheduler;t?.postTask?t.postTask(e,{priority:`background`}):setTimeout(e,0)}function o(e){typeof reportError==`function`?reportError(e):setTimeout(()=>{throw e})}var s=e=>typeof Element<`u`&&e instanceof Element?e:void 0,c=e=>e?.closest(i)??void 0;function l({kind:e,input:n,event:i,handler:a,timeStamp:o,time:l,url:u},d){let f=d?[]:n.content??[],p=t(n.details&&Object.fromEntries(Object.entries(n.details).filter(([e])=>!f.includes(e)))),m=n.source??(n.reason&&r.includes(n.reason)?`app`:`user`);return{kind:e,component:n.component,type:n.type,reason:n.reason,value:f.includes(`value`)?void 0:t(n.value),details:p&&Object.keys(p).length>0?p:void 0,source:m,event:i,target:s(a)??c(s(i?.target))??n.target??s(i?.target),timeStamp:o,time:l,url:d?u:u.split(/[?#]/)[0]}}function u(t){let r=!1,i=()=>{r=!1;let e=t.queue.splice(0);if(t.listeners.size!==0)for(let n of e){if(n.kind===`dom`&&e.some(e=>e.kind!==`dom`&&e.event===n.event))continue;let r,i;t.listeners.forEach((e,t)=>{let a=e.content?r??=l(n,!0):i??=l(n,!1);try{t(a)}catch(e){o(e)}})}},u=()=>{r||(r=!0,a(i))};if(t.flush=i,t.schedule=u,t.queue.length>0&&u(),typeof addEventListener!=`function`)return;let d=n=>{let r=s(n.target);if(!r||t.listeners.size===0)return;if(!e.h()){e.a()&&e.v()&&!t.warned&&(t.warned=!0,console.warn(`[box-kite] Box.onInteraction hears no clicks without data-bk: write Box.configure({ componentAttribute: true }).`));return}let i=c(r),a=(i??r).closest(`[data-bk]`);if(!a)return;let o=r instanceof HTMLInputElement&&(r.type===`checkbox`||r.type===`radio`);t.queue.push({kind:`dom`,input:{component:a.getAttribute(`data-bk`)??``,type:n.type,value:n.type===`change`&&o?r.checked:void 0,details:{interactive:i!==void 0},target:i??a,source:n.isTrusted?`user`:`app`},event:n,timeStamp:performance.now(),time:Date.now(),url:location.href}),u()},f=!1,p=e=>{t.dispatching=e,f||(f=!0,setTimeout(()=>{f=!1,t.dispatching=void 0},0)),(e.type===`click`||e.type===`change`)&&d(e)};n.forEach(e=>{document.addEventListener(e,p,!0),addEventListener(e,e=>{t.dispatching===e&&(t.dispatching=void 0)})}),addEventListener(`pagehide`,i)}exports.default=u;
+const e=require("./platform.cjs");function t(e){let t=new WeakSet,n=JSON.stringify(e,(e,n)=>{if(typeof n==`bigint`)return n.toString();if(typeof n!=`object`||!n)return n;if(n instanceof Set)return Array.from(n);if(n instanceof Map)return Object.fromEntries(n);if(t.has(n))return;let r=Object.getPrototypeOf(n);if(!(!Array.isArray(n)&&(r!==Object.prototype&&r!==null||`$$typeof`in n)))return t.add(n),n});return n===void 0?void 0:JSON.parse(n)}var n=[`click`,`dblclick`,`keydown`,`pointerdown`,`pointerup`,`change`,`submit`,`copy`,`paste`,`focusout`],r=[`imperative`,`programmatic`,`timeout`],i=`a[href],button,input,select,textarea,summary,label,[tabindex],[role=option],[role=button]`;function a(e){let t=globalThis.scheduler;t?.postTask?t.postTask(e,{priority:`background`}):setTimeout(e,0)}function o(e){typeof reportError==`function`?reportError(e):setTimeout(()=>{throw e})}var s=e=>typeof Element<`u`&&e instanceof Element?e:void 0,c=e=>e?.closest(i)??void 0;function l({kind:e,input:n,event:i,handler:a,timeStamp:o,time:l,url:u},d){let f=d?[]:n.content??[],p=t(n.details&&Object.fromEntries(Object.entries(n.details).filter(([e])=>!f.includes(e)))),m=n.source??(n.reason&&r.includes(n.reason)?`app`:`user`);return{kind:e,component:n.component,type:n.type,reason:n.reason,value:f.includes(`value`)?void 0:t(n.value),details:p&&Object.keys(p).length>0?p:void 0,source:m,event:i,target:s(a)??c(s(i?.target))??n.target??s(i?.target),timeStamp:o,time:l,url:d?u:u.split(/[?#]/)[0]}}function u(t){let r=!1,i=()=>{r=!1;let e=t.queue.splice(0);if(t.listeners.size!==0)for(let n of e){if(n.kind===`dom`&&e.some(e=>e.kind!==`dom`&&e.event===n.event))continue;let r,i;t.listeners.forEach((e,t)=>{let a=e.content?r??=l(n,!0):i??=l(n,!1);try{t(a)}catch(e){o(e)}})}},u=()=>{r||(r=!0,a(i))};if(t.flush=i,t.schedule=u,t.queue.length>0&&u(),typeof addEventListener!=`function`)return;let d=n=>{let r=s(n.target);if(!r||t.listeners.size===0)return;if(!e.v()){e.a()&&e.x()&&!t.warned&&(t.warned=!0,console.warn(`[box-kite] Box.onInteraction hears no clicks without data-bk: write Box.configure({ componentAttribute: true }).`));return}let i=c(r),a=(i??r).closest(`[data-bk]`);if(!a)return;let o=r instanceof HTMLInputElement&&(r.type===`checkbox`||r.type===`radio`);t.queue.push({kind:`dom`,input:{component:a.getAttribute(`data-bk`)??``,type:n.type,value:n.type===`change`&&o?r.checked:void 0,details:{interactive:i!==void 0},target:i??a,source:n.isTrusted?`user`:`app`},event:n,timeStamp:performance.now(),time:Date.now(),url:location.href}),u()},f=!1,p=e=>{t.dispatching=e,f||(f=!0,setTimeout(()=>{f=!1,t.dispatching=void 0},0)),(e.type===`click`||e.type===`change`)&&d(e)};n.forEach(e=>{document.addEventListener(e,p,!0),addEventListener(e,e=>{t.dispatching===e&&(t.dispatching=void 0)})}),addEventListener(`pagehide`,i)}exports.default=u;

package/interactionListening.mjs

@@ -1,4 +1,4 @@
-import { a as e, h as t, v as n } from "./platform.mjs";
+import { a as e, v as t, x as n } from "./platform.mjs";
 //#region src/utils/interactions/interactionJson.ts
 function r(e) {
 	let t = /* @__PURE__ */ new WeakSet(), n = JSON.stringify(e, (e, n) => {

package/layer.cjs

@@ -1 +1 @@
-const e=require("./platform.cjs"),t=require("./effects.cjs"),n=require("./behavior.cjs"),r=require("./identity.cjs"),i=require("./reporting.cjs");let a=require("react");var o=()=>()=>{},s=()=>!0;function c(){return(0,a.useSyncExternalStore)(o,e.c,s)}function l(o){let{haspopup:s,id:l,idPrefix:u,open:d,defaultOpen:f=!1,onOpenChange:p,onOpened:m,onClosing:h,inside:g,interaction:_}=o,v=r.t(u),y=l??v,[b,x]=i.a({value:d,defaultValue:f,onChange:p,interaction:_}),[S,C]=(0,a.useState)(null),[w,T]=(0,a.useState)(null),E=c(),[D,O]=(0,a.useState)(!1),[k,A]=(0,a.useState)(),j=(0,a.useRef)(`imperative`),M=(0,a.useRef)(!1),N=n.a(m),P=n.a(h),F=n.a(e=>{let t=e.newState===`open`,n=e.currentTarget;if(t&&d===!1){e.preventDefault(),setTimeout(()=>x(!0,{reason:`trigger`,event:e}));return}t||(M.current=n.contains(document.activeElement),P(M.current,S)),O(t);let r=t?`trigger`:j.current;j.current=`imperative`,x(t,{reason:r,event:e})}),I=n.a(e=>{let t=e.currentTarget;e.newState===`open`&&N(t)});t.n(()=>{if(!E||!w)return;let e=new AbortController;return w.addEventListener(`beforetoggle`,F,{signal:e.signal}),w.addEventListener(`toggle`,I,{signal:e.signal}),()=>e.abort()},[E,w,F,I]),t.n(()=>{!E||!e.c()||!w||b===D||(b?w.showPopover():w.hidePopover())},[b,D,w,E]),t.n(()=>{if(!E||!b)return;let t=new AbortController,n=(e,n)=>document.addEventListener(e,n,{signal:t.signal,capture:!0});return n(`keydown`,e=>{e.key===`Escape`&&(j.current=`escape`)}),n(`pointerdown`,t=>{let n=!!S&&e.p(t,[S]);j.current=n?`trigger`:`outside-pointer`}),()=>t.abort()},[E,b,S]),t.n(()=>{S&&(S.id||S.setAttribute(`id`,`${y}-trigger`),A(S.id))},[S,y]),t.n(()=>{if(!(!E||!S))return S.setAttribute(`popovertarget`,y),()=>S.removeAttribute(`popovertarget`)},[E,S,y]),t.n(()=>{E||!b||!w||N(w)},[E,b,w,N]),n.r({enabled:!E&&b,inside:[w,S,...g??[]],onDismiss:(e,t)=>x(!1,{reason:e,event:t})}),n.n({enabled:!E&&b,returnTo:S});let L=n.a(e=>{x(e=>!e,{reason:`trigger`,event:e})});return{platform:E,isOpen:b,setOpen:x,id:y,trigger:(0,a.useMemo)(()=>({ref:C,props:{"aria-expanded":b,"aria-haspopup":s,"aria-controls":b?y:void 0,...E?{}:{onClick:L}}}),[L,s,b,y,E]),triggerElement:S,triggerId:k,setPanel:T,panelElement:w}}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
+const e=require("./platform.cjs"),t=require("./effects.cjs"),n=require("./behavior.cjs"),r=require("./identity.cjs"),i=require("./reporting.cjs");let a=require("react");var o=()=>()=>{},s=()=>!0;function c(){return(0,a.useSyncExternalStore)(o,e.c,s)}function l(o){let{haspopup:s,id:l,idPrefix:u,open:d,defaultOpen:f=!1,onOpenChange:p,onOpened:m,onClosing:h,inside:g,interaction:_}=o,v=r.t(u),y=l??v,[b,x]=i.a({value:d,defaultValue:f,onChange:p,interaction:_}),[S,C]=(0,a.useState)(null),[w,T]=(0,a.useState)(null),E=c(),[D,O]=(0,a.useState)(!1),[k,A]=(0,a.useState)(),j=(0,a.useRef)(`imperative`),M=(0,a.useRef)(!1),N=(0,a.useRef)(null),P=n.a(m),F=n.a(h),I=n.a(e=>{let t=e.newState===`open`,n=e.currentTarget;if(t&&d===!1){e.preventDefault(),setTimeout(()=>x(!0,{reason:`trigger`,event:e}));return}let r=t?`trigger`:j.current;if(t){let e=document.activeElement;N.current=e instanceof HTMLElement&&e!==document.body?e:null}else M.current=n.contains(document.activeElement),F(M.current,S),r!==`outside-pointer`&&n.contains(document.activeElement)&&(N.current?.isConnected?N.current:S)?.focus({preventScroll:!0});O(t),j.current=`imperative`,x(t,{reason:r,event:e})}),L=n.a(e=>{let t=e.currentTarget;e.newState===`open`&&P(t)});t.n(()=>{if(!E||!w)return;let e=new AbortController;return w.addEventListener(`beforetoggle`,I,{signal:e.signal}),w.addEventListener(`toggle`,L,{signal:e.signal}),()=>e.abort()},[E,w,I,L]),t.n(()=>{!E||!e.c()||!w||b===D||(b?w.showPopover():w.hidePopover())},[b,D,w,E]),t.n(()=>{if(!E||!b)return;let t=new AbortController,n=(e,n)=>document.addEventListener(e,n,{signal:t.signal,capture:!0});return n(`keydown`,e=>{e.key===`Escape`&&(j.current=`escape`)}),n(`pointerdown`,t=>{let n=!!S&&e.g(t,[S]);j.current=n?`trigger`:`outside-pointer`}),()=>t.abort()},[E,b,S]),t.n(()=>{S&&(S.id||S.setAttribute(`id`,`${y}-trigger`),A(S.id))},[S,y]),t.n(()=>{if(!(!E||!S))return S.setAttribute(`popovertarget`,y),()=>S.removeAttribute(`popovertarget`)},[E,S,y]),t.n(()=>{E||!b||!w||P(w)},[E,b,w,P]),n.r({enabled:!E&&b,inside:[w,S,...g??[]],onDismiss:(e,t)=>x(!1,{reason:e,event:t})}),n.n({enabled:!E&&b,returnTo:S});let R=n.a(e=>{x(e=>!e,{reason:`trigger`,event:e})});return{platform:E,isOpen:b,setOpen:x,id:y,trigger:(0,a.useMemo)(()=>({ref:C,props:{"aria-expanded":b,"aria-haspopup":s,"aria-controls":b?y:void 0,...E?{}:{onClick:R}}}),[R,s,b,y,E]),triggerElement:S,triggerId:k,setPanel:T,panelElement:w}}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/layer.mjs

@@ -1,4 +1,4 @@
-import { c as e, p as t } from "./platform.mjs";
+import { c as e, g as t } from "./platform.mjs";
 import { n } from "./effects.mjs";
 import { a as r, n as i, r as a } from "./behavior.mjs";
 import { t as o } from "./identity.mjs";
@@ -17,7 +17,7 @@ function h(d) {
 		defaultValue: _,
 		onChange: v,
 		interaction: S
-	}), [D, O] = u(null), [k, A] = u(null), j = m(), [M, N] = u(!1), [P, F] = u(), I = l("imperative"), L = l(!1), R = r(y), z = r(b), B = r((e) => {
+	}), [D, O] = u(null), [k, A] = u(null), j = m(), [M, N] = u(!1), [P, F] = u(), I = l("imperative"), L = l(!1), R = l(null), z = r(y), B = r(b), V = r((e) => {
 		let t = e.newState === "open", n = e.currentTarget;
 		if (t && g === !1) {
 			e.preventDefault(), setTimeout(() => E(!0, {
@@ -26,25 +26,28 @@ function h(d) {
 			}));
 			return;
 		}
-		t || (L.current = n.contains(document.activeElement), z(L.current, D)), N(t);
 		let r = t ? "trigger" : I.current;
-		I.current = "imperative", E(t, {
+		if (t) {
+			let e = document.activeElement;
+			R.current = e instanceof HTMLElement && e !== document.body ? e : null;
+		} else L.current = n.contains(document.activeElement), B(L.current, D), r !== "outside-pointer" && n.contains(document.activeElement) && (R.current?.isConnected ? R.current : D)?.focus({ preventScroll: !0 });
+		N(t), I.current = "imperative", E(t, {
 			reason: r,
 			event: e
 		});
-	}), V = r((e) => {
+	}), H = r((e) => {
 		let t = e.currentTarget;
-		e.newState === "open" && R(t);
+		e.newState === "open" && z(t);
 	});
 	n(() => {
 		if (!j || !k) return;
 		let e = new AbortController();
-		return k.addEventListener("beforetoggle", B, { signal: e.signal }), k.addEventListener("toggle", V, { signal: e.signal }), () => e.abort();
+		return k.addEventListener("beforetoggle", V, { signal: e.signal }), k.addEventListener("toggle", H, { signal: e.signal }), () => e.abort();
 	}, [
 		j,
 		k,
-		B,
-		V
+		V,
+		H
 	]), n(() => {
 		!j || !e() || !k || T === M || (T ? k.showPopover() : k.hidePopover());
 	}, [
@@ -77,12 +80,12 @@ function h(d) {
 		D,
 		w
 	]), n(() => {
-		j || !T || !k || R(k);
+		j || !T || !k || z(k);
 	}, [
 		j,
 		T,
 		k,
-		R
+		z
 	]), a({
 		enabled: !j && T,
 		inside: [
@@ -98,7 +101,7 @@ function h(d) {
 		enabled: !j && T,
 		returnTo: D
 	});
-	let H = r((e) => {
+	let U = r((e) => {
 		E((e) => !e, {
 			reason: "trigger",
 			event: e
@@ -115,10 +118,10 @@ function h(d) {
 				"aria-expanded": T,
 				"aria-haspopup": f,
 				"aria-controls": T ? w : void 0,
-				...j ? {} : { onClick: H }
+				...j ? {} : { onClick: U }
 			}
 		}), [
-			H,
+			U,
 			f,
 			T,
 			w,