@box-kite/react 2.2.14 → 2.2.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box-kite/react",
-  "version": "2.2.14",
+  "version": "2.2.16",
   "type": "module",
   "sideEffects": [
     "pages/**"
@@ -109,6 +109,7 @@
     "check:conventions": "node scripts/check-component-conventions.mjs",
     "check:agents": "node scripts/check-agent-files.mjs",
     "docs:agents": "node scripts/check-agent-files.mjs --fix",
+    "check:types": "node scripts/check-published-types.mjs",
     "check:package": "publint dist && attw --pack dist --ignore-rules false-esm cjs-resolves-to-esm internal-resolution-error && publint dist-core && attw --pack dist-core --ignore-rules false-esm cjs-resolves-to-esm internal-resolution-error && publint dist-mcp && publint dist-create",
     "bench": "node bench/run.mjs",
     "compare": "node dev/compare/report.mjs",
@@ -131,7 +132,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.06 kB"
+      "limit": "41.15 kB"
     },
     {
       "name": "Box in a Server Component (react-server entry)",
@@ -144,7 +145,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "38.45 kB"
+      "limit": "38.55 kB"
     },
     {
       "name": "Behavior primitives (a11y entry)",
@@ -183,7 +184,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "62.14 kB"
+      "limit": "62.32 kB"
     },
     {
       "name": "Spec renderer (spec entry)",
@@ -241,7 +242,7 @@
       "name": "Core engine (@box-kite/core, no React)",
       "path": "dist-core/core.mjs",
       "gzip": true,
-      "limit": "39.66 kB",
+      "limit": "39.77 kB",
       "ignore": [
         "./diagnostics-*",
         "./themeReveal-*",
@@ -259,7 +260,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.30 kB"
+      "limit": "43.47 kB"
     },
     {
       "name": "Popover",
@@ -272,7 +273,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "44.85 kB"
+      "limit": "45.00 kB"
     },
     {
       "name": "Menu",
@@ -285,7 +286,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "47.23 kB"
+      "limit": "47.35 kB"
     },
     {
       "name": "Accordion",
@@ -298,7 +299,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "42.57 kB"
+      "limit": "42.75 kB"
     },
     {
       "name": "Agent",
@@ -311,7 +312,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.36 kB"
+      "limit": "43.45 kB"
     },
     {
       "name": "Markdown",
@@ -324,7 +325,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "41.63 kB"
+      "limit": "41.75 kB"
     },
     {
       "name": "List",
@@ -337,7 +338,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "42.98 kB"
+      "limit": "43.09 kB"
     },
     {
       "name": "SwipeItem",
@@ -350,7 +351,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "46.26 kB"
+      "limit": "46.38 kB"
     },
     {
       "name": "SortableList",
@@ -363,7 +364,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "46.59 kB"
+      "limit": "46.72 kB"
     },
     {
       "name": "VirtualList",
@@ -376,7 +377,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "45.16 kB"
+      "limit": "45.28 kB"
     },
     {
       "name": "Skeleton",
@@ -389,7 +390,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "40.97 kB"
+      "limit": "41.07 kB"
     },
     {
       "name": "Tabs",
@@ -402,7 +403,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "43.78 kB"
+      "limit": "43.95 kB"
     },
     {
       "name": "Slider",
@@ -415,7 +416,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "42.91 kB"
+      "limit": "43.09 kB"
     },
     {
       "name": "Progress",
@@ -428,7 +429,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "40.93 kB"
+      "limit": "41.03 kB"
     },
     {
       "name": "Toaster",
@@ -441,7 +442,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "44.57 kB"
+      "limit": "44.72 kB"
     },
     {
       "name": "DateField",
@@ -454,7 +455,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "49.81 kB"
+      "limit": "49.93 kB"
     },
     {
       "name": "Calendar",
@@ -467,7 +468,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "49.25 kB"
+      "limit": "49.39 kB"
     },
     {
       "name": "DatePicker",
@@ -480,7 +481,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "62.99 kB"
+      "limit": "63.06 kB"
     },
     {
       "name": "DateTime",
@@ -493,7 +494,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "44.49 kB"
+      "limit": "44.61 kB"
     },
     {
       "name": "TimeZoneSelect",
@@ -506,7 +507,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "52.35 kB"
+      "limit": "52.48 kB"
     },
     {
       "name": "Combobox",
@@ -519,7 +520,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "50.35 kB"
+      "limit": "50.46 kB"
     },
     {
       "name": "Dashboard",
@@ -532,7 +533,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "46.89 kB"
+      "limit": "47.03 kB"
     },
     {
       "name": "DataGrid",
@@ -547,7 +548,7 @@
         "../dataGridDateParts.mjs"
       ],
       "gzip": true,
-      "limit": "97.54 kB"
+      "limit": "97.66 kB"
     },
     {
       "name": "Interaction delivery, the chunk the first Box.onInteraction fetches",
@@ -613,7 +614,7 @@
         "./interactionListening.mjs"
       ],
       "gzip": true,
-      "limit": "166.88 kB"
+      "limit": "167.55 kB"
     }
   ],
   "repository": {
@@ -653,7 +654,7 @@
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@box-kite/core": "2.2.14",
+    "@box-kite/core": "2.2.16",
     "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.d(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.d(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.p(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.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}});

package/placement.mjs

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

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){let t=a(e);return t instanceof HTMLElement?t:null}function s(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 c(e){let t=a(e),n=t?.ownerDocument?.defaultView;return!!t&&!!n&&n.getComputedStyle(t).direction===`rtl`}function l(e){let t=a(e)?.ownerDocument?.defaultView?.getSelection();t&&!t.isCollapsed&&t.removeAllRanges()}function u(){return typeof window<`u`&&window.document!==void 0}function d(){try{return process.env.NODE_ENV!==`production`}catch{return!1}}function f(){return typeof document<`u`}function p(){return f()?document:null}function m(){return p()?.documentElement??null}function h(){return typeof HTMLElement<`u`&&typeof HTMLElement.prototype.showPopover==`function`}function g(){return typeof HTMLDialogElement<`u`&&`closedBy`in HTMLDialogElement.prototype}function _(e){return typeof window>`u`||typeof window.matchMedia!=`function`?null:window.matchMedia(e)}Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return a}});
+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}});

package/platform.mjs

@@ -14,54 +14,57 @@ function i(t) {
 function a(e) {
 	return e ? "current" in e ? e.current : e : null;
 }
-function o(e) {
+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 s(e, t) {
+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 c(e) {
+function l(e) {
 	let t = a(e), n = t?.ownerDocument?.defaultView;
 	return !!t && !!n && n.getComputedStyle(t).direction === "rtl";
 }
-function l(e) {
+function u(e) {
 	let t = a(e)?.ownerDocument?.defaultView?.getSelection();
 	t && !t.isCollapsed && t.removeAllRanges();
 }
 //#endregion
 //#region src/utils/environment/environmentUtils.ts
-function u() {
+function d() {
 	return typeof window < "u" && window.document !== void 0;
 }
-function d() {
+function f() {
 	try {
 		return process.env.NODE_ENV !== "production";
 	} catch {
 		return !1;
 	}
 }
-function f() {
-	return typeof document < "u";
-}
 function p() {
-	return f() ? document : null;
+	return typeof document < "u";
 }
 function m() {
-	return p()?.documentElement ?? null;
+	return p() ? document : null;
 }
 function h() {
-	return typeof HTMLElement < "u" && typeof HTMLElement.prototype.showPopover == "function";
+	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 _(e) {
+function v(e) {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? null : window.matchMedia(e);
 }
 //#endregion
-export { n as _, d as a, h as c, o as d, s as f, r as g, i as h, u as i, l, t as m, m as n, _ as o, c as p, f as r, g as s, p as t, a as u };
+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 };

package/react/componentsContext.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ComponentsRegistry } from '@box-kite/core';
-declare const ComponentsContext: React.Context<ComponentsRegistry<import('../core/extends/boxComponents').Components> | undefined>;
+declare const ComponentsContext: React.Context<ComponentsRegistry | undefined>;
 export default ComponentsContext;

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.m()&&(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.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}});

package/react-shared.mjs

@@ -1,4 +1,4 @@
-import { m as e } from "./platform.mjs";
+import { h 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.u(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.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}});

package/scrolling.mjs

@@ -1,4 +1,4 @@
-import { u as e } from "./platform.mjs";
+import { d 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/chart/chartUtils.d.ts

@@ -85,8 +85,9 @@ declare namespace ChartUtils {
     /**
      * The variables a chart's series read, named as the ecosystem names them: `{ 'color-revenue':
      * 'var(--chart-1)' }`. A list takes the palette in order, which is the whole case for the container — a
-     * chart naming no colour has its dark mode decided by the page. A record names its own paint per series.
+     * chart naming no colour has its dark mode decided by the page. A record names its own paint per series,
+     * and one `isPaint` refuses is left out: declared as text, it would paint the series transparent (bug #308).
      */
-    function seriesVariables(series: readonly string[] | Readonly<Record<string, string>>, slots?: number): Record<string, string>;
+    function seriesVariables(series: readonly string[] | Readonly<Record<string, string>>, slots?: number, isPaint?: (paint: string, name: string) => boolean): Record<string, string>;
 }
 export default ChartUtils;

package/utils/dashboard/dashboardUtils.d.ts

@@ -92,6 +92,6 @@ declare namespace DashboardUtils {
         issues: DashboardIssue[];
     };
     /** The layout as JSON Schema: what a model generates a dashboard under, and what `<SpecRenderer>` validates. */
-    const SCHEMA: import("../../core").CatalogSchema;
+    const SCHEMA: import("@box-kite/core").CatalogSchema;
 }
 export default DashboardUtils;

package/utils/dom/domUtils.d.ts

@@ -9,6 +9,12 @@ export type ElementLike = {
 } | Element | null | undefined;
 /** The element behind a ref or an element, whichever the caller happens to be holding. */
 export declare function elementOf(value: ElementLike): Element | null;
+/** React's `Ref<T>`, structurally: a callback or an object, either of which a caller may hand a component. */
+export type RefLike<T> = ((element: T | null) => unknown) | {
+    current: T | null;
+} | null | undefined;
+/** Hand an element to a ref of either kind — the half of a merged ref that is the caller's. */
+export declare function assignRef<T>(ref: RefLike<T>, element: T | null): void;
 /** The same, narrowed to an `HTMLElement` — for callers that need `focus()` or `style`. */
 export declare function htmlElementOf(value: ElementLike): HTMLElement | null;
 /**

package/create/src/agents.d.ts

@@ -1,22 +0,0 @@
-/**
- * The block a project's `AGENTS.md` carries: the four facts a model gets wrong from memory, then where the
- * whole rules are. It points into `node_modules` rather than copying them, so an upgrade brings the rules with it.
- */
-export declare function agentsBlock(facts: readonly string[]): string;
-/** An `AGENTS.md` with the block in it: the one already there replaced, or the block added at the end. */
-export declare function withAgentsBlock(existing: string | undefined, block: string): string;
-/** A `CLAUDE.md` that imports `AGENTS.md`, which is how Claude Code reads it; unchanged when it already does. */
-export declare function withClaudeImport(existing: string | undefined): string;
-/** An MCP config with the server in it, or `null` when the file is not JSON we can safely rewrite (VS Code allows comments). */
-export declare function withMcpServer(existing: string | undefined, key: string, entry: object): string | null;
-export interface AgentFilesResult {
-    /** The files written or changed; a file already right is left out. */
-    written: string[];
-    /** Files that needed the server and could not be rewritten, for the reader to edit by hand. */
-    skipped: string[];
-}
-/**
- * Writes the agent files into a project. `editors: 'all'` writes every tool's MCP config (a new app, where no
- * editor folder exists yet); `'present'` writes only those whose editor folder is there (an existing project).
- */
-export declare function writeAgentFiles(directory: string, facts: readonly string[], editors: 'all' | 'present'): AgentFilesResult;

package/create/src/agents.test.d.ts

@@ -1 +0,0 @@
-export {};

package/create/src/index.d.ts

@@ -1 +0,0 @@
-export {};

package/create/src/options.d.ts

@@ -1,31 +0,0 @@
-/** The create-vite templates a design can be added to: React, in TypeScript or JavaScript. */
-export declare const TEMPLATES: readonly ["react-ts", "react-compiler-ts", "react", "react-compiler"];
-export type Template = (typeof TEMPLATES)[number];
-export declare const DESIGNS: readonly ["classic", "ember", "azure", "mono"];
-export type Design = (typeof DESIGNS)[number];
-export interface CreateOptions {
-    directory?: string;
-    template?: Template;
-    design?: Design;
-    /** `false` writes the files and leaves the install to the reader. */
-    install: boolean;
-    /** Unset means "ask when there is a terminal to ask in", which is create-vite's own rule. */
-    interactive?: boolean;
-    overwrite: boolean;
-    /** Passed through to create-vite, which swaps Oxlint for ESLint. */
-    eslint?: boolean;
-    /** `false` leaves out AGENTS.md, CLAUDE.md and the MCP configs. */
-    agents: boolean;
-    /** Writes only the agent files, into a project that already exists. */
-    agentsOnly: boolean;
-    help: boolean;
-    version: boolean;
-}
-export declare const isTemplate: (value: string) => value is Template;
-export declare const isDesign: (value: string) => value is Design;
-export declare const isTypeScript: (template: Template) => boolean;
-/** argv after the command name, as options plus whatever was wrong with it: one message per mistake. */
-export declare function parseOptions(argv: readonly string[]): {
-    options: CreateOptions;
-    errors: string[];
-};

package/create/src/options.test.d.ts

@@ -1 +0,0 @@
-export {};

package/create/src/packageManager.d.ts

@@ -1,5 +0,0 @@
-export type PackageManager = 'npm' | 'pnpm' | 'yarn' | 'bun';
-/** The manager that ran `create`, read off the user agent every one of them sets (`pnpm/9.12.0 npm/? node/v22…`). */
-export declare function detectPackageManager(userAgent: string | undefined): PackageManager;
-/** How the reader starts the dev server with it: `npm run dev`, `pnpm dev`. */
-export declare const runCommand: (manager: PackageManager, script: string) => string;

package/create/src/project.d.ts

@@ -1,27 +0,0 @@
-import { Design, Template } from './options';
-/** The files of one language: the app's own `src/` files, and the design file per design. */
-export interface TemplateSet {
-    files: Record<string, string>;
-    designs: Record<Design, string>;
-}
-export interface Templates {
-    ts: TemplateSet;
-    js: TemplateSet;
-    fonts: Record<Design, string[]>;
-    /** The four facts `AGENTS.md`'s lead block states, for the project's own `AGENTS.md`. */
-    facts: string[];
-}
-export interface ApplyOptions {
-    template: Template;
-    design: Design;
-    /** The range written for `@box-kite/react`, e.g. `^2.2.7`. */
-    boxKiteRange: string;
-    /** The range written for each font package. */
-    fontRange: string;
-}
-/**
- * Turns a project create-vite has just written into a Box Kite one: the dependencies in `package.json`,
- * the design as `src/design.tsx`, a `main` that wraps the app in it, and a sample page. Writes files only;
- * the install is the caller's.
- */
-export declare function applyBoxKite(directory: string, templates: Templates, options: ApplyOptions): string[];

package/create/src/project.test.d.ts

@@ -1 +0,0 @@
-export {};

package/create/templates/ts/designs/azure.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
-export default function Design({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

package/create/templates/ts/designs/ember.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
-export default function Design({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

package/create/templates/ts/designs/mono.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
-export default function Design({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

package/create/templates/ts/src/App.d.ts

@@ -1,2 +0,0 @@
-/** A page of the components a design reaches, to see the one you pasted in light and dark. */
-export default function App(): import("react").JSX.Element;

package/create/templates/ts/src/design.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-/** Light or dark follows the system until the reader picks one, and the pick is kept under `storageKey`. */
-export default function Design({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;