@box-kite/react 2.2.14 → 2.2.16

package/components/tooltip.mjs

@@ -1,110 +1,114 @@
 "use client";
-import { a as e, i as t, r as n } from "../behavior.mjs";
-import { t as r } from "../identity.mjs";
-import i from "./overlay.mjs";
-import a from "./presence.mjs";
-import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { f as e } from "../react-shared.mjs";
+import { l 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";
+import s from "./presence.mjs";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/tooltip.tsx
-function m(m) {
-	let { content: h, children: g, open: _, defaultOpen: v = !1, onOpenChange: y, openDelay: b = 300, closeDelay: x = 150, side: S = "bottom", align: C = "center", offset: w = 1, flip: T = !0, props: E, ...D } = m, O = r("tooltip"), k = D.id ?? O, [A, j] = t({
-		value: _,
-		defaultValue: v,
-		onChange: y
-	}), [M, N] = u(null), P = l(null), F = l(void 0), I = l(!1), L = l(!1), R = l(!1), z = l(!1), B = o(() => {
-		clearTimeout(F.current), F.current = void 0;
-	}, []), V = o((e, t) => {
-		if (B(), e <= 0) {
+function g(e, g) {
+	let { content: _, children: v, open: y, defaultOpen: b = !1, onOpenChange: x, openDelay: S = 300, closeDelay: C = 150, side: w = "bottom", align: T = "center", offset: E = 1, flip: D = !0, props: O, ...k } = e, A = a("tooltip"), j = k.id ?? A, [M, N] = r({
+		value: y,
+		defaultValue: b,
+		onChange: x
+	}), [P, F] = f(null), I = d(null), L = c((e) => {
+		I.current = e, t(g, e);
+	}, [g]), R = d(void 0), z = d(!1), B = d(!1), V = d(!1), H = d(!1), U = c(() => {
+		clearTimeout(R.current), R.current = void 0;
+	}, []), W = c((e, t) => {
+		if (U(), e <= 0) {
 			t();
 			return;
 		}
-		F.current = setTimeout(() => {
-			F.current = void 0, t();
+		R.current = setTimeout(() => {
+			R.current = void 0, t();
 		}, e);
-	}, [B]), H = o((e, t) => {
-		V(x, () => {
-			I.current || L.current || R.current || j(!1, {
+	}, [U]), G = c((e, t) => {
+		W(C, () => {
+			z.current || B.current || V.current || N(!1, {
 				reason: e,
 				event: t
 			});
 		});
 	}, [
-		x,
-		V,
-		j
+		C,
+		W,
+		N
 	]);
-	n({
-		enabled: A,
+	i({
+		enabled: M,
 		outsidePointer: !1,
-		inside: [P],
+		inside: [I],
 		onDismiss: (e, t) => {
-			B(), z.current = !0, j(!1, {
+			U(), H.current = !0, N(!1, {
 				reason: e,
 				event: t
 			});
 		}
-	}), s(() => B, [B]);
-	let U = A && h != null, W = e((e) => {
-		I.current = !0, !z.current && V(b, () => j(!0, {
+	}), l(() => U, [U]);
+	let K = M && _ != null, q = n((e) => {
+		z.current = !0, !H.current && W(S, () => N(!0, {
 			reason: "hover",
 			event: e
 		}));
-	}), G = e((e) => {
-		I.current = !1, z.current = !1, H("pointer-leave", e);
-	}), K = e((e) => {
-		R.current = !0, B(), j(!0, {
+	}), J = n((e) => {
+		z.current = !1, H.current = !1, G("pointer-leave", e);
+	}), Y = n((e) => {
+		V.current = !0, U(), N(!0, {
 			reason: "focus",
 			event: e
 		});
-	}), q = e((e) => {
-		R.current = !1, z.current = !1, H("blur", e);
-	}), J = e(() => {
-		L.current = !0, B();
-	}), Y = e((e) => {
-		L.current = !1, H("pointer-leave", e);
-	}), X = c(() => ({
-		ref: N,
+	}), X = n((e) => {
+		V.current = !1, H.current = !1, G("blur", e);
+	}), Z = n(() => {
+		B.current = !0, U();
+	}), Q = n((e) => {
+		B.current = !1, G("pointer-leave", e);
+	}), $ = u(() => ({
+		ref: F,
 		props: {
-			"aria-describedby": U ? k : void 0,
-			onPointerEnter: W,
-			onPointerLeave: G,
-			onFocus: K,
-			onBlur: q
+			"aria-describedby": K ? j : void 0,
+			onPointerEnter: q,
+			onPointerLeave: J,
+			onFocus: Y,
+			onBlur: X
 		}
 	}), [
+		X,
 		q,
-		W,
+		Y,
+		J,
 		K,
-		G,
-		U,
-		k
+		j
 	]);
-	return /* @__PURE__ */ p(d, { children: [g(X), /* @__PURE__ */ f(a, {
-		present: U,
-		children: (e) => /* @__PURE__ */ f(i, {
-			ref: P,
+	return /* @__PURE__ */ h(p, { children: [v($), /* @__PURE__ */ m(s, {
+		present: K,
+		children: (e) => /* @__PURE__ */ m(o, {
+			ref: L,
 			contentRef: e.ref,
-			anchor: M,
-			side: S,
-			align: C,
-			offset: w,
-			flip: T,
+			anchor: P,
+			side: w,
+			align: T,
+			offset: E,
+			flip: D,
 			matchWidth: !1,
 			component: "tooltip",
-			...D,
-			variant: [D.variant, { closed: !e.present }],
-			id: k,
+			...k,
+			variant: [k.variant, { closed: !e.present }],
+			id: j,
 			props: {
 				role: "tooltip",
 				...e.props,
-				...E,
-				onPointerEnter: J,
-				onPointerLeave: Y
+				...O,
+				onPointerEnter: Z,
+				onPointerLeave: Q
 			},
-			children: h
+			children: _
 		})
 	})] });
 }
-m.displayName = "Tooltip";
+var _ = e(g, "Tooltip");
 //#endregion
-export { m as default };
+export { _ as default };

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

package/components/virtualList.mjs

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

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.m()){e.a()&&e._()&&!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.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;

package/interactionListening.mjs

@@ -1,4 +1,4 @@
-import { _ as e, a as t, m as n } from "./platform.mjs";
+import { a as e, h as t, v 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) => {
@@ -80,8 +80,8 @@ function f(r) {
 	let p = (i) => {
 		let a = l(i.target);
 		if (!a || r.listeners.size === 0) return;
-		if (!n()) {
-			t() && e() && !r.warned && (r.warned = !0, console.warn("[box-kite] Box.onInteraction hears no clicks without data-bk: write Box.configure({ componentAttribute: true })."));
+		if (!t()) {
+			e() && n() && !r.warned && (r.warned = !0, console.warn("[box-kite] Box.onInteraction hears no clicks without data-bk: write Box.configure({ componentAttribute: true })."));
 			return;
 		}
 		let o = u(a), s = (o ?? a).closest("[data-bk]");

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.f(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=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}});

package/layer.mjs

@@ -1,4 +1,4 @@
-import { c as e, f as t } from "./platform.mjs";
+import { c as e, p 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";