@box-kite/react 2.2.16 → 2.2.18

package/motion.mjs

@@ -38,29 +38,39 @@ var a;
 var o = a;
 //#endregion
 //#region src/react/animation/usePresence.ts
-function s(a) {
-	let { present: s } = a, [c, l] = i(s ? "open" : "closed"), u = r(null), d = t((e) => {
-		u.current = e;
-	}, []), f = s ? "open" : c === "closed" ? "closed" : "leaving";
-	return f !== c && l(f), e(() => {
-		if (f !== "leaving") return;
-		let e = u.current, t = e ? o.activeDuration(getComputedStyle(e)) : 0;
-		if (t <= 0) {
-			l("closed");
-			return;
-		}
-		let n = setTimeout(() => l("closed"), t + o.SETTLE_FRAME);
-		return () => clearTimeout(n);
-	}, [f]), n(() => {
-		let e = f === "open" ? "open" : "closed";
+function s(e) {
+	let i = r(null), a = t((e) => {
+		i.current = e;
+	}, []), o = t(() => i.current, []), s = c(e.present, o);
+	return n(() => {
+		let e = s === "open" ? "open" : "closed";
 		return {
-			mounted: f !== "closed",
-			present: f === "open",
+			mounted: s !== "closed",
+			present: s === "open",
 			state: e,
-			ref: d,
+			ref: a,
 			props: { "data-state": e }
 		};
-	}, [f, d]);
+	}, [s, a]);
+}
+function c(t, n) {
+	let [r, a] = i(t ? "open" : "closed"), s = t ? "open" : r === "closed" ? "closed" : "leaving";
+	return s !== r && a(s), e(() => {
+		if (s !== "leaving") return;
+		let e = n(), t = e ? o.activeDuration(getComputedStyle(e)) : 0;
+		if (t <= 0) {
+			a("closed");
+			return;
+		}
+		let r = setTimeout(() => a("closed"), t + o.SETTLE_FRAME);
+		return () => clearTimeout(r);
+	}, [s, n]), s;
+}
+//#endregion
+//#region src/react/animation/useHeldContent.ts
+function l(e, n, r) {
+	let a = c(n, t(() => r, [r])), [o, s] = i(e);
+	return n && o !== e && s(e), a === "leaving" ? o : e;
 }
 //#endregion
-export { o as n, s as t };
+export { o as i, c as n, s as r, l as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box-kite/react",
-  "version": "2.2.16",
+  "version": "2.2.18",
   "type": "module",
   "sideEffects": [
     "pages/**"
@@ -132,7 +132,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.15 kB"
+      "limit": "43.33 kB"
     },
     {
       "name": "Box in a Server Component (react-server entry)",
@@ -145,7 +145,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "38.55 kB"
+      "limit": "40.72 kB"
     },
     {
       "name": "Behavior primitives (a11y entry)",
@@ -158,7 +158,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "3.26 kB"
+      "limit": "5.26 kB"
     },
     {
       "name": "Anchor positioning (anchor entry)",
@@ -171,7 +171,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "2.27 kB"
+      "limit": "4.27 kB"
     },
     {
       "name": "Component catalog (catalog entry)",
@@ -184,7 +184,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "62.32 kB"
+      "limit": "64.50 kB"
     },
     {
       "name": "Spec renderer (spec entry)",
@@ -197,7 +197,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "4.75 kB"
+      "limit": "6.75 kB"
     },
     {
       "name": "Ecosystem interop (interop entry)",
@@ -210,7 +210,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "4 KB"
+      "limit": "6.00 kB"
     },
     {
       "name": "Analytics (analytics entry, no React)",
@@ -223,7 +223,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "1.94 kB"
+      "limit": "3.94 kB"
     },
     {
       "name": "Dates, times and zones (date entry, no React)",
@@ -236,13 +236,13 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "7.59 KB"
+      "limit": "9.59 kB"
     },
     {
       "name": "Core engine (@box-kite/core, no React)",
       "path": "dist-core/core.mjs",
       "gzip": true,
-      "limit": "39.77 kB",
+      "limit": "41.95 kB",
       "ignore": [
         "./diagnostics-*",
         "./themeReveal-*",
@@ -260,7 +260,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.47 kB"
+      "limit": "46.14 kB"
     },
     {
       "name": "Popover",
@@ -273,7 +273,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "45.00 kB"
+      "limit": "47.67 kB"
     },
     {
       "name": "Menu",
@@ -286,7 +286,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "47.35 kB"
+      "limit": "49.98 kB"
     },
     {
       "name": "Accordion",
@@ -299,7 +299,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "42.75 kB"
+      "limit": "44.92 kB"
     },
     {
       "name": "Agent",
@@ -312,7 +312,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.45 kB"
+      "limit": "45.62 kB"
     },
     {
       "name": "Markdown",
@@ -325,7 +325,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.75 kB"
+      "limit": "43.93 kB"
     },
     {
       "name": "List",
@@ -338,7 +338,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.09 kB"
+      "limit": "45.25 kB"
     },
     {
       "name": "SwipeItem",
@@ -351,7 +351,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "46.38 kB"
+      "limit": "48.54 kB"
     },
     {
       "name": "SortableList",
@@ -364,7 +364,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "46.72 kB"
+      "limit": "48.86 kB"
     },
     {
       "name": "VirtualList",
@@ -377,7 +377,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "45.28 kB"
+      "limit": "47.49 kB"
     },
     {
       "name": "Skeleton",
@@ -390,7 +390,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.07 kB"
+      "limit": "43.24 kB"
     },
     {
       "name": "Tabs",
@@ -403,7 +403,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.95 kB"
+      "limit": "46.11 kB"
     },
     {
       "name": "Slider",
@@ -416,7 +416,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.09 kB"
+      "limit": "45.24 kB"
     },
     {
       "name": "Progress",
@@ -429,7 +429,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.03 kB"
+      "limit": "43.20 kB"
     },
     {
       "name": "Toaster",
@@ -442,7 +442,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "44.72 kB"
+      "limit": "46.91 kB"
     },
     {
       "name": "DateField",
@@ -455,7 +455,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "49.93 kB"
+      "limit": "52.11 kB"
     },
     {
       "name": "Calendar",
@@ -468,7 +468,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "49.39 kB"
+      "limit": "51.53 kB"
     },
     {
       "name": "DatePicker",
@@ -481,7 +481,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "63.06 kB"
+      "limit": "65.70 kB"
     },
     {
       "name": "DateTime",
@@ -494,7 +494,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "44.61 kB"
+      "limit": "46.78 kB"
     },
     {
       "name": "TimeZoneSelect",
@@ -507,7 +507,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "52.48 kB"
+      "limit": "54.68 kB"
     },
     {
       "name": "Combobox",
@@ -520,7 +520,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "50.46 kB"
+      "limit": "52.66 kB"
     },
     {
       "name": "Dashboard",
@@ -533,7 +533,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "47.03 kB"
+      "limit": "49.20 kB"
     },
     {
       "name": "DataGrid",
@@ -548,7 +548,7 @@
         "../dataGridDateParts.mjs"
       ],
       "gzip": true,
-      "limit": "97.66 kB"
+      "limit": "99.89 kB"
     },
     {
       "name": "Interaction delivery, the chunk the first Box.onInteraction fetches",
@@ -558,7 +558,7 @@
         "react-dom"
       ],
       "gzip": true,
-      "limit": "1.44 kB"
+      "limit": "3.44 kB"
     },
     {
       "name": "DataGrid export, the chunk fetched on the first press",
@@ -571,7 +571,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "3.86 kB"
+      "limit": "5.86 kB"
     },
     {
       "name": "DataGrid list layout, the chunk a narrow grid fetches on top of the grid",
@@ -586,7 +586,7 @@
         "./components/*"
       ],
       "gzip": true,
-      "limit": "7.89 kB"
+      "limit": "9.89 kB"
     },
     {
       "name": "DataGrid dates, the chunk a grid with a date column fetches on top of the grid",
@@ -601,7 +601,7 @@
         "./components/*"
       ],
       "gzip": true,
-      "limit": "7.56 kB"
+      "limit": "9.56 kB"
     },
     {
       "name": "Full library (Box + ssg + every component)",
@@ -614,7 +614,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "167.55 kB"
+      "limit": "169.84 kB"
     }
   ],
   "repository": {
@@ -654,7 +654,7 @@
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@box-kite/core": "2.2.16",
+    "@box-kite/core": "2.2.18",
     "csstype": "^3.2.3",
     "use-sync-external-store": "^1.6.0"
   },

package/placement.cjs

@@ -1 +1 @@
-const e=require("./platform.cjs"),t=require("./effects.cjs"),n=require("./identity.cjs");let r=require("react");var i={top:`bottom`,bottom:`top`,start:`end`,end:`start`};function a(e){return e===`top`||e===`bottom`}function o(e,t){let n=a(e),r=n?e===`top`?`block-start`:`block-end`:e===`start`?`inline-start`:`inline-end`,i=t===`center`?`span-all`:`span-${n?`inline`:`block`}-${t===`start`?`end`:`start`}`;return n?`${r} ${i}`:`${i} ${r}`}function s(e){let[t,n]=e.trim().split(` `);return n===void 0?t===`block-start`?`top`:t===`block-end`?`bottom`:t===`inline-start`?`start`:t===`inline-end`?`end`:null:t===`start`?`top`:t===`end`?`bottom`:n===`start`?`start`:n===`end`?`end`:null}function c(e){return a(e)?`flip-block, flip-inline, flip-block flip-inline`:`flip-inline, flip-block, flip-inline flip-block`}function l(e,t,n,r){let i=u(t,r);return i===`top`?e.top-n.top:i===`bottom`?n.top+n.height-(e.top+e.height):i===`left`?e.left-n.left:n.left+n.width-(e.left+e.width)}function u(e,t){return e===`top`||e===`bottom`?e:e===`start`===t?`right`:`left`}function d(e,t,n,r){return Math.max(n,Math.min(e,n+r-t))}function f(e,t,n,r){let{align:o,offset:s,flip:c,rtl:f}=r,p=(a(r.side)?t.height:t.width)+s,m=c&&l(e,r.side,n,f)<p&&l(e,i[r.side],n,f)>=p?i[r.side]:r.side,h=u(m,f),g={top:e.top-t.height-s,bottom:e.top+e.height+s,left:e.left-t.width-s,right:e.left+e.width+s}[h],_=a(m),v=_?e.left:e.top,y=_?e.width:e.height,b=_?t.width:t.height,x=o===`center`?v+y/2-b/2:o===`start`===(_&&f)?v+y-b:v,S=_?d(x,t.width,n.left,n.width):d(x,t.height,n.top,n.height);return _?{top:g,left:S,side:m}:{top:S,left:g,side:m}}var p=4,m=16,h={top:`mb`,bottom:`mt`,start:`me`,end:`ms`};function g(){return typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`anchor-name: --a`)}function _(){let e=typeof document>`u`?null:document.documentElement,t=e?parseFloat(getComputedStyle(e).fontSize):NaN;return Number.isFinite(t)&&t>0?t:m}function v(e){let{top:t,left:n,width:r,height:i}=e.getBoundingClientRect();return{top:t,left:n,width:r,height:i}}function y(e,t){return e!==null&&e.top===t.top&&e.left===t.left&&e.side===t.side&&e.anchorWidth===t.anchorWidth}function b(i={}){let{side:a=`bottom`,align:l=`center`,offset:u=0,flip:d=!0,matchWidth:m=!1,name:b,anchor:x,trackSide:S=!1}=i,C=n.t(`anchor`),w=`--${(b??C).replace(/^--/,``)}`,[T,E]=(0,r.useState)(!0),[D,O]=(0,r.useState)(null),[k,A]=(0,r.useState)(null),[j,M]=(0,r.useState)(null),[N,P]=(0,r.useState)(null);t.n(()=>{g()||E(!1)},[]),t.n(()=>{let t=e.f(x);if(t)return t.style.setProperty(`anchor-name`,w),()=>{t.style.removeProperty(`anchor-name`)}},[x,w]),t.n(()=>{!T||!S||!k||P(s(getComputedStyle(k).getPropertyValue(`position-area`)))},[T,S,k,a,l,d]),t.n(()=>{let t=e.f(x)??D;if(T||!t||!k)return;let n=()=>{let n=v(t),r=v(k),i={top:0,left:0,width:window.innerWidth,height:window.innerHeight},o=m?Math.max(r.width,n.width):r.width,s={...f(n,{...r,width:o},i,{side:a,align:l,offset:u/p*_(),flip:d,rtl:e.m(t)}),anchorWidth:n.width};M(e=>y(e,s)?e:s)};n();let r=new AbortController;return document.addEventListener(`scroll`,n,{signal:r.signal,capture:!0,passive:!0}),window.addEventListener(`resize`,n,{signal:r.signal,passive:!0}),()=>r.abort()},[T,x,D,k,a,l,u,d,m]);let F=(0,r.useCallback)(e=>O(e),[]),I=(0,r.useCallback)(e=>A(e),[]),L={ref:T?void 0:F,style:{anchorName:w}};return T?{css:T,side:N??a,anchorProps:L,layerProps:{...S?{ref:I}:{},position:`fixed`,positionArea:o(a,l),...d?{positionTryFallbacks:c(a)}:{},...m?{minWidth:`anchor-size(width)`}:{},...u?{[h[a]]:u}:{},style:{positionAnchor:w}}}:{css:T,side:j?.side??a,anchorProps:L,layerProps:{ref:I,position:`fixed`,style:j?{top:`${j.top}px`,left:`${j.left}px`,...m?{minWidth:`${j.anchorWidth}px`}:{}}:{top:0,left:0,visibility:`hidden`}}}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});
+const e=require("./platform.cjs"),t=require("./effects.cjs"),n=require("./identity.cjs");let r=require("react");var i={top:`bottom`,bottom:`top`,start:`end`,end:`start`};function a(e){return e===`top`||e===`bottom`}function o(e,t){let n=a(e),r=n?e===`top`?`block-start`:`block-end`:e===`start`?`inline-start`:`inline-end`,i=t===`center`?`span-all`:`span-${n?`inline`:`block`}-${t===`start`?`end`:`start`}`;return n?`${r} ${i}`:`${i} ${r}`}function s(e){let[t,n]=e.trim().split(` `);return n===void 0?t===`block-start`?`top`:t===`block-end`?`bottom`:t===`inline-start`?`start`:t===`inline-end`?`end`:null:t===`start`?`top`:t===`end`?`bottom`:n===`start`?`start`:n===`end`?`end`:null}function c(e){return a(e)?`flip-block, flip-inline, flip-block flip-inline`:`flip-inline, flip-block, flip-inline flip-block`}function l(e,t,n,r){let i=u(t,r);return i===`top`?e.top-n.top:i===`bottom`?n.top+n.height-(e.top+e.height):i===`left`?e.left-n.left:n.left+n.width-(e.left+e.width)}function u(e,t){return e===`top`||e===`bottom`?e:e===`start`===t?`right`:`left`}function d(e,t,n,r){return Math.max(n,Math.min(e,n+r-t))}function f(e,t,n,r){let{align:o,offset:s,flip:c,rtl:f}=r,p=(a(r.side)?t.height:t.width)+s,m=c&&l(e,r.side,n,f)<p&&l(e,i[r.side],n,f)>=p?i[r.side]:r.side,h=u(m,f),g={top:e.top-t.height-s,bottom:e.top+e.height+s,left:e.left-t.width-s,right:e.left+e.width+s}[h],_=a(m),v=_?e.left:e.top,y=_?e.width:e.height,b=_?t.width:t.height,x=o===`center`?v+y/2-b/2:o===`start`===(_&&f)?v+y-b:v,S=_?d(x,t.width,n.left,n.width):d(x,t.height,n.top,n.height);return _?{top:g,left:S,side:m}:{top:S,left:g,side:m}}var p=4,m=16,h={top:`mb`,bottom:`mt`,start:`me`,end:`ms`};function g(){return typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`anchor-name: --a`)}function _(){let e=typeof document>`u`?null:document.documentElement,t=e?parseFloat(getComputedStyle(e).fontSize):NaN;return Number.isFinite(t)&&t>0?t:m}function v(e){let{top:t,left:n,width:r,height:i}=e.getBoundingClientRect();return{top:t,left:n,width:r,height:i}}function y(e,t){return e!==null&&e.top===t.top&&e.left===t.left&&e.side===t.side&&e.anchorWidth===t.anchorWidth}function b(i={}){let{side:a=`bottom`,align:l=`center`,offset:u=0,flip:d=!0,matchWidth:m=!1,name:b,anchor:x,trackSide:S=!1}=i,C=n.t(`anchor`),w=`--${(b??C).replace(/^--/,``)}`,[T,E]=(0,r.useState)(!0),[D,O]=(0,r.useState)(null),[k,A]=(0,r.useState)(null),[j,M]=(0,r.useState)(null),[N,P]=(0,r.useState)(null);t.n(()=>{g()||E(!1)},[]),t.n(()=>{let t=e.m(x);if(t)return t.style.setProperty(`anchor-name`,w),()=>{t.style.removeProperty(`anchor-name`)}},[x,w]),t.n(()=>{!T||!S||!k||P(s(getComputedStyle(k).getPropertyValue(`position-area`)))},[T,S,k,a,l,d]),t.n(()=>{let t=e.m(x)??D;if(T||!t||!k)return;let n=()=>{let n=v(t),r=v(k),i={top:0,left:0,width:window.innerWidth,height:window.innerHeight},o=m?Math.max(r.width,n.width):r.width,s={...f(n,{...r,width:o},i,{side:a,align:l,offset:u/p*_(),flip:d,rtl:e.g(t)}),anchorWidth:n.width};M(e=>y(e,s)?e:s)};n();let r=new AbortController;return document.addEventListener(`scroll`,n,{signal:r.signal,capture:!0,passive:!0}),window.addEventListener(`resize`,n,{signal:r.signal,passive:!0}),()=>r.abort()},[T,x,D,k,a,l,u,d,m]);let F=(0,r.useCallback)(e=>O(e),[]),I=(0,r.useCallback)(e=>A(e),[]),L={ref:T?void 0:F,style:{anchorName:w}};return T?{css:T,side:N??a,anchorProps:L,layerProps:{...S?{ref:I}:{},position:`fixed`,positionArea:o(a,l),...d?{positionTryFallbacks:c(a)}:{},...m?{minWidth:`anchor-size(width)`}:{},...u?{[h[a]]:u}:{},style:{positionAnchor:w}}}:{css:T,side:j?.side??a,anchorProps:L,layerProps:{ref:I,position:`fixed`,style:j?{top:`${j.top}px`,left:`${j.left}px`,...m?{minWidth:`${j.anchorWidth}px`}:{}}:{top:0,left:0,visibility:`hidden`}}}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});

package/placement.mjs

@@ -1,4 +1,4 @@
-import { f as e, m as t } from "./platform.mjs";
+import { g as e, m as t } from "./platform.mjs";
 import { n } from "./effects.mjs";
 import { t as r } from "./identity.mjs";
 import { useCallback as i, useState as a } from "react";
@@ -82,9 +82,9 @@ function S(o = {}) {
 	n(() => {
 		v() || O(!1);
 	}, []), n(() => {
-		let t = e(C);
-		if (t) return t.style.setProperty("anchor-name", E), () => {
-			t.style.removeProperty("anchor-name");
+		let e = t(C);
+		if (e) return e.style.setProperty("anchor-name", E), () => {
+			e.style.removeProperty("anchor-name");
 		};
 	}, [C, E]), n(() => {
 		!D || !w || !j || I(l(getComputedStyle(j).getPropertyValue("position-area")));
@@ -96,16 +96,16 @@ function S(o = {}) {
 		d,
 		p
 	]), n(() => {
-		let n = e(C) ?? k;
+		let n = t(C) ?? k;
 		if (D || !n || !j) return;
 		let r = () => {
-			let e = b(n), r = b(j), i = {
+			let t = b(n), r = b(j), i = {
 				top: 0,
 				left: 0,
 				width: window.innerWidth,
 				height: window.innerHeight
-			}, a = g ? Math.max(r.width, e.width) : r.width, o = {
-				...m(e, {
+			}, a = g ? Math.max(r.width, t.width) : r.width, o = {
+				...m(t, {
 					...r,
 					width: a
 				}, i, {
@@ -113,9 +113,9 @@ function S(o = {}) {
 					align: d,
 					offset: f / h * y(),
 					flip: p,
-					rtl: t(n)
+					rtl: e(n)
 				}),
-				anchorWidth: e.width
+				anchorWidth: t.width
 			};
 			P((e) => x(e, o) ? e : o);
 		};

package/platform.cjs

@@ -1 +1 @@
-var e=globalThis[Symbol.for(`box-kite.componentAttribute`)]??={on:!1,warnings:!0},t=()=>e.on,n=()=>e.warnings;function r(t){e.on=t}function i(t){e.warnings=t}function a(e){return e?`current`in e?e.current:e:null}function o(e,t){typeof e==`function`?e(t):e&&(e.current=t)}function s(e){let t=a(e);return t instanceof HTMLElement?t:null}function c(e,t){let n=typeof e.composedPath==`function`?e.composedPath():[];return t.some(t=>{let r=a(t);return r?n.includes(r)||e.target instanceof Node&&r.contains(e.target):!1})}function l(e){let t=a(e),n=t?.ownerDocument?.defaultView;return!!t&&!!n&&n.getComputedStyle(t).direction===`rtl`}function u(e){let t=a(e)?.ownerDocument?.defaultView?.getSelection();t&&!t.isCollapsed&&t.removeAllRanges()}function d(){return typeof window<`u`&&window.document!==void 0}function f(){try{return process.env.NODE_ENV!==`production`}catch{return!1}}function p(){return typeof document<`u`}function m(){return p()?document:null}function h(){return m()?.documentElement??null}function g(){return typeof HTMLElement<`u`&&typeof HTMLElement.prototype.showPopover==`function`}function _(){return typeof HTMLDialogElement<`u`&&`closedBy`in HTMLDialogElement.prototype}function v(e){return typeof window>`u`||typeof window.matchMedia!=`function`?null:window.matchMedia(e)}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return n}});
+var e=globalThis[Symbol.for(`box-kite.componentAttribute`)]??={on:!1,warnings:!0},t=()=>e.on,n=()=>e.warnings;function r(t){e.on=t}function i(t){e.warnings=t}function a(e){return e?`current`in e?e.current:e:null}function o(e,t){typeof e==`function`?e(t):e&&(e.current=t)}function s(e){let t=a(e);return t instanceof HTMLElement?t:null}function c(e,t){let n=typeof e.composedPath==`function`?e.composedPath():[];return t.some(t=>{let r=a(t);return r?n.includes(r)||e.target instanceof Node&&r.contains(e.target):!1})}function l(e){let t=a(e),n=t?.ownerDocument?.defaultView;return!!t&&!!n&&n.getComputedStyle(t).direction===`rtl`}function u(e){let t=a(e)?.ownerDocument?.defaultView?.getSelection();t&&!t.isCollapsed&&t.removeAllRanges()}var d=`box-kite:modal`;function f(e,t){e.ownerDocument.dispatchEvent(new CustomEvent(d,{detail:{dialog:e,open:t}}))}function p(){return typeof window<`u`&&window.document!==void 0}function m(){try{return process.env.NODE_ENV!==`production`}catch{return!1}}function h(){return typeof document<`u`}function g(){return h()?document:null}function _(){return g()?.documentElement??null}function v(){return typeof HTMLElement<`u`&&typeof HTMLElement.prototype.showPopover==`function`}function y(){return typeof HTMLDialogElement<`u`&&`closedBy`in HTMLDialogElement.prototype}function b(e){return typeof window>`u`||typeof window.matchMedia!=`function`?null:window.matchMedia(e)}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return r}});

package/platform.mjs

@@ -36,35 +36,42 @@ function u(e) {
 	let t = a(e)?.ownerDocument?.defaultView?.getSelection();
 	t && !t.isCollapsed && t.removeAllRanges();
 }
+var d = "box-kite:modal";
+function f(e, t) {
+	e.ownerDocument.dispatchEvent(new CustomEvent(d, { detail: {
+		dialog: e,
+		open: t
+	} }));
+}
 //#endregion
 //#region src/utils/environment/environmentUtils.ts
-function d() {
+function p() {
 	return typeof window < "u" && window.document !== void 0;
 }
-function f() {
+function m() {
 	try {
 		return process.env.NODE_ENV !== "production";
 	} catch {
 		return !1;
 	}
 }
-function p() {
+function h() {
 	return typeof document < "u";
 }
-function m() {
-	return p() ? document : null;
+function g() {
+	return h() ? document : null;
 }
-function h() {
-	return m()?.documentElement ?? null;
+function _() {
+	return g()?.documentElement ?? null;
 }
-function g() {
+function v() {
 	return typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function";
 }
-function _() {
+function y() {
 	return typeof HTMLDialogElement < "u" && "closedBy" in HTMLDialogElement.prototype;
 }
-function v(e) {
+function b(e) {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(e);
 }
 //#endregion
-export { r as _, f as a, g as c, a as d, s as f, i as g, t as h, d as i, o as l, l as m, h as n, v as o, c as p, p as r, _ as s, m as t, u, n as v };
+export { t as _, m as a, n as b, v as c, o as d, u as f, l as g, c as h, p as i, d as l, s as m, _ as n, b as o, a as p, h as r, y as s, g as t, f as u, i as v, r as y };

package/react/animation/useHeldContent.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A layer that is always rendered (a `<dialog>`, a popover) keeps the content it last showed open until its
+ * own exit transition has run. Without it `{open && <Form />}` empties the panel in the closing commit, and
+ * the exit animates a blank box (bug #314).
+ */
+export default function useHeldContent<T>(content: T, open: boolean, element: HTMLElement | null): T;

package/react/animation/usePresence.d.ts

@@ -1,6 +1,8 @@
 import { RefCallback } from 'react';
 /** The Radix / Base UI attribute value, so a `[data-state]` selector written for either works here too. */
 export type PresenceState = 'open' | 'closed';
+/** Where the subtree is in its own lifetime. `leaving` is the whole of the exit; `closed` is gone. */
+export type ExitPhase = 'open' | 'leaving' | 'closed';
 export interface PresenceOptions {
     /** Whether the subtree should be there. The exit starts the moment this goes false. */
     present: boolean;
@@ -30,3 +32,5 @@ export interface Presence {
  * the real CSS: a zero duration (nothing declared, or `prefers-reduced-motion`) unmounts in the same commit.
  */
 export default function usePresence(options: PresenceOptions): Presence;
+/** The phase machine behind `usePresence`, for any element whose exit is its own CSS. `readNode` is called as the exit starts. */
+export declare function useExitPhase(present: boolean, readNode: () => HTMLElement | null): ExitPhase;

package/react-shared.cjs

@@ -1 +1 @@
-const e=require("./rolldown-runtime.cjs"),t=require("./platform.cjs");let n=require("react");n=e.t(n,1);let r=require("@box-kite/core");function i({classNames:e,styleElements:t},n){return{className:(0,r.classNames)(e,n).join(` `),styles:t}}var a=parseInt(n.default.version,10)>=19;function o(e,t){let r=a?({ref:t,...n})=>e(n,t??null):(0,n.forwardRef)(e),i=(0,n.memo)(r);return r.displayName=t,i.displayName=t,i}var s={selected:`aria-selected`},c;(function(e){function t(e,t,n){e!==void 0&&e!=null&&(n[s[t]??t]=Array.isArray(e)?e[0]:e)}e.assignBooleanProp=t})(c||={});var l=c;function u(e,n){let i=e,{props:a,className:o,disabled:s,required:c,checked:u,selected:d}=i,f={...a,className:(0,r.classNames)(n,o).join(` `)};return typeof i.component==`string`&&t.h()&&(f[`data-bk`]??=i.component),l.assignBooleanProp(s,`disabled`,f),l.assignBooleanProp(c,`required`,f),l.assignBooleanProp(u,`checked`,f),l.assignBooleanProp(d,`selected`,f),`style`in i&&(f.style=i.style),`id`in i&&(f.id=i.id),f}var d=parseInt(n.default.version,10)>=19,f=!1,p=new WeakMap,m=new WeakMap;function h(e){let t=p.get(e);if(!t){let{href:r,css:i,precedence:a}=e;t=n.default.createElement(`style`,{key:r,href:r,precedence:a,dangerouslySetInnerHTML:{__html:i}}),p.set(e,t)}return t}function g(e){if(!e?.length)return;!d&&!f&&(f=!0,console.warn(`[box-kite] Box.configure({ sink: 'element' }) needs React 19 to hoist and dedupe its <style> elements; React ${n.default.version} will render them inline. Use the default sink instead.`));let t=m.get(e);return t||(t=e.map(h),m.set(e,t)),t}function _(e,t,n){let{classNames:i,signature:a,styleElements:o}=(0,r.getDefaultEngine)().resolveClassNames(e,t,n);return{classNames:i,signature:a,styleElements:g(o)}}var v=`__boxAttributesInProps`;function y(e){return e[v]=!0,e}function b(e){return typeof e==`function`||typeof e==`object`&&e?e[v]===!0:!1}var x=[`role`,`aria-label`,`aria-labelledby`,`aria-hidden`];function S(e,t){if(e!==void 0)return{role:`img`,"aria-label":e};if(!(t&&x.some(e=>e in t)))return{"aria-hidden":!0}}var C;(function(e){function t(e){return e.charAt(0).toUpperCase()+e.slice(1)}e.capitalize=t})(C||={});var w=C,T;(function(e){function t(e,t,n){let r={...e},i=r.props||{};return t.forEach(e=>{e in r&&(i[e]=r[e],delete r[e])}),n&&Object.entries(n).forEach(([e,t])=>{i[e]=t}),r.props=i,r}e.buildProps=t;function n(e){return!!e&&typeof e==`object`}e.isObject=n;function r(e,t){return e in t}e.isKeyOf=r})(T||={});var E=T,D=[`sky-500`,`emerald-500`,`amber-500`,`violet-500`,`rose-500`,`cyan-500`],O=[`sky-400`,`emerald-400`,`amber-400`,`violet-400`,`rose-400`,`cyan-400`];function k(e){return e.reduce((e,t,n)=>(e[`chart-${n+1}`]=t,e),{})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return g}});
+const e=require("./rolldown-runtime.cjs"),t=require("./platform.cjs");let n=require("react");n=e.t(n,1);let r=require("@box-kite/core");function i({classNames:e,styleElements:t},n){return{className:(0,r.classNames)(e,n).join(` `),styles:t}}var a=parseInt(n.default.version,10)>=19;function o(e,t){let r=a?({ref:t,...n})=>e(n,t??null):(0,n.forwardRef)(e),i=(0,n.memo)(r);return r.displayName=t,i.displayName=t,i}var s={selected:`aria-selected`},c;(function(e){function t(e,t,n){e!==void 0&&e!=null&&(n[s[t]??t]=Array.isArray(e)?e[0]:e)}e.assignBooleanProp=t})(c||={});var l=c;function u(e,n){let i=e,{props:a,className:o,disabled:s,required:c,checked:u,selected:d}=i,f={...a,className:(0,r.classNames)(n,o).join(` `)};return typeof i.component==`string`&&t._()&&(f[`data-bk`]??=i.component),l.assignBooleanProp(s,`disabled`,f),l.assignBooleanProp(c,`required`,f),l.assignBooleanProp(u,`checked`,f),l.assignBooleanProp(d,`selected`,f),`style`in i&&(f.style=i.style),`id`in i&&(f.id=i.id),f}var d=parseInt(n.default.version,10)>=19,f=!1,p=new WeakMap,m=new WeakMap;function h(e){let t=p.get(e);if(!t){let{href:r,css:i,precedence:a}=e;t=n.default.createElement(`style`,{key:r,href:r,precedence:a,dangerouslySetInnerHTML:{__html:i}}),p.set(e,t)}return t}function g(e){if(!e?.length)return;!d&&!f&&(f=!0,console.warn(`[box-kite] Box.configure({ sink: 'element' }) needs React 19 to hoist and dedupe its <style> elements; React ${n.default.version} will render them inline. Use the default sink instead.`));let t=m.get(e);return t||(t=e.map(h),m.set(e,t)),t}function _(e,t,n){let{classNames:i,signature:a,styleElements:o}=(0,r.getDefaultEngine)().resolveClassNames(e,t,n);return{classNames:i,signature:a,styleElements:g(o)}}var v=`__boxAttributesInProps`;function y(e){return e[v]=!0,e}function b(e){return typeof e==`function`||typeof e==`object`&&e?e[v]===!0:!1}var x=[`role`,`aria-label`,`aria-labelledby`,`aria-hidden`];function S(e,t){if(e!==void 0)return{role:`img`,"aria-label":e};if(!(t&&x.some(e=>e in t)))return{"aria-hidden":!0}}var C;(function(e){function t(e){return e.charAt(0).toUpperCase()+e.slice(1)}e.capitalize=t})(C||={});var w=C,T;(function(e){function t(e,t,n){let r={...e},i=r.props||{};return t.forEach(e=>{e in r&&(i[e]=r[e],delete r[e])}),n&&Object.entries(n).forEach(([e,t])=>{i[e]=t}),r.props=i,r}e.buildProps=t;function n(e){return!!e&&typeof e==`object`}e.isObject=n;function r(e,t){return e in t}e.isKeyOf=r})(T||={});var E=T,D=[`sky-500`,`emerald-500`,`amber-500`,`violet-500`,`rose-500`,`cyan-500`],O=[`sky-400`,`emerald-400`,`amber-400`,`violet-400`,`rose-400`,`cyan-400`];function k(e){return e.reduce((e,t,n)=>(e[`chart-${n+1}`]=t,e),{})}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return g}});

package/react-shared.mjs

@@ -1,4 +1,4 @@
-import { h as e } from "./platform.mjs";
+import { _ as e } from "./platform.mjs";
 import t, { forwardRef as n, memo as r } from "react";
 import { classNames as i, getDefaultEngine as a } from "@box-kite/core";
 //#region src/react/boxClassNames.ts

package/scrolling.cjs

@@ -1 +1 @@
-const e=require("./platform.cjs");function t(e,t,n=e.length){let r=0,i=n-1;if(i<=0)return 0;for(;r<i;){let n=r+i+1>>>1;e[n]<=t?r=n:i=n-1}return r}function n(t){let n=e.d(t),r=n?.ownerDocument?.defaultView;if(!n||!r)return null;let i=n.ownerDocument.scrollingElement??n.ownerDocument.documentElement;for(let e=n.parentElement;e&&e!==i&&e!==n.ownerDocument.body;e=e.parentElement)if(/auto|scroll|overlay/.test(r.getComputedStyle(e).overflowY)&&e.scrollHeight>e.clientHeight)return e;return null}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+const e=require("./platform.cjs");function t(e,t,n=e.length){let r=0,i=n-1;if(i<=0)return 0;for(;r<i;){let n=r+i+1>>>1;e[n]<=t?r=n:i=n-1}return r}function n(t){let n=e.p(t),r=n?.ownerDocument?.defaultView;if(!n||!r)return null;let i=n.ownerDocument.scrollingElement??n.ownerDocument.documentElement;for(let e=n.parentElement;e&&e!==i&&e!==n.ownerDocument.body;e=e.parentElement)if(/auto|scroll|overlay/.test(r.getComputedStyle(e).overflowY)&&e.scrollHeight>e.clientHeight)return e;return null}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/scrolling.mjs

@@ -1,4 +1,4 @@
-import { d as e } from "./platform.mjs";
+import { p as e } from "./platform.mjs";
 //#region src/utils/virtual/rowSearch.ts
 function t(e, t, n = e.length) {
 	let r = 0, i = n - 1;

package/utils/dom/domUtils.d.ts

@@ -36,3 +36,10 @@ export declare function isRtl(value: ElementLike): boolean;
  * which the browser repairs to the nearest boundary and then paints over whatever is rendered inside it.
  */
 export declare function clearSelection(element: ElementLike): void;
+/** What a `<Dialog>` dispatches on its document when it opens or closes as a modal, since everything outside one is inert. */
+export declare const MODAL_EVENT = "box-kite:modal";
+export type ModalEventDetail = {
+    dialog: HTMLElement;
+    open: boolean;
+};
+export declare function announceModal(dialog: HTMLElement, open: boolean): void;