@box-kite/react 2.2.18 → 2.3.1

package/client.mjs

@@ -1,5 +1,5 @@
 import { l as e, u as t } from "./react-shared.mjs";
-import { h as n, t as r, v as i, y as a } from "./platform.mjs";
+import { b as n, g as r, t as i, y as a } from "./platform.mjs";
 import { t as o } from "./effects.mjs";
 import s from "./box.mjs";
 import c, { useCallback as l, useContext as u, useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
@@ -26,11 +26,11 @@ function F({ value: e, children: t }) {
 //#endregion
 //#region src/react/hooks/useVisibility.ts
 function I(e) {
-	let { node: t = null, event: r = "click", hideOnScroll: i = !1, hideOnResize: a = !1, hideOnEscape: o = !0 } = e ?? {}, [s, c] = h(!1), l = m(null);
+	let { node: t = null, event: n = "click", hideOnScroll: i = !1, hideOnResize: a = !1, hideOnEscape: o = !0 } = e ?? {}, [s, c] = h(!1), l = m(null);
 	return d(() => {
 		function e(e) {
-			let r = t ?? l.current;
-			r && !n(e, [r]) && c(!1);
+			let n = t ?? l.current;
+			n && !r(e, [n]) && c(!1);
 		}
 		function u() {
 			c(!1);
@@ -39,7 +39,7 @@ function I(e) {
 			e.key === "Escape" && c(!1);
 		}
 		let f = new AbortController();
-		return s && (window.addEventListener(r, e, f), o && window.addEventListener("keydown", d, f), a && window.addEventListener("resize", u, f), i && window.addEventListener("scroll", e, {
+		return s && (window.addEventListener(n, e, f), o && window.addEventListener("keydown", d, f), a && window.addEventListener("resize", u, f), i && window.addEventListener("scroll", e, {
 			signal: f.signal,
 			capture: !0
 		})), () => {
@@ -48,7 +48,7 @@ function I(e) {
 	}, [
 		t,
 		s,
-		r,
+		n,
 		o,
 		a,
 		i
@@ -84,14 +84,14 @@ var B;
 		x().flushSync();
 	}
 	e.flushSync = t;
-	function n() {
+	function r() {
 		x().clear();
 	}
-	e.clear = n;
-	function r() {
+	e.clear = r;
+	function i() {
 		return x().getStyles();
 	}
-	e.getStyles = r;
+	e.getStyles = i;
 	function o() {
 		return x().getStyleTag();
 	}
@@ -101,7 +101,7 @@ var B;
 	}
 	e.styleElementId = s;
 	function c({ componentAttribute: e, ...t }) {
-		e !== void 0 && a(e), t.warnings !== void 0 && i(t.warnings), Object.keys(t).length > 0 && x().configure(t);
+		e !== void 0 && n(e), t.warnings !== void 0 && a(t.warnings), Object.keys(t).length > 0 && x().configure(t);
 	}
 	e.configure = c;
 })(B ||= {}), N(c);
@@ -207,10 +207,10 @@ function G(e) {
 function K(e = !0) {
 	let [t] = U.useTheme(), n = p(() => {
 		if (!e) return null;
-		let t = r();
+		let t = i();
 		if (!t) return null;
-		let n = "box-kite-portal", i = t.getElementById(n);
-		return i || (i = document.createElement("div"), i.id = n, document.body.appendChild(i)), i;
+		let n = "box-kite-portal", r = t.getElementById(n);
+		return r || (r = document.createElement("div"), r.id = n, document.body.appendChild(r)), r;
 	}, [e]);
 	return f(() => {
 		if (!t || !n) return;

package/components/calendar.cjs

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

package/components/calendar.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { f as e } from "../react-shared.mjs";
-import { d as t, g as n } from "../platform.mjs";
+import { _ as t, d as n } from "../platform.mjs";
 import r from "../box.mjs";
 import { a as i, i as a } from "../behavior.mjs";
 import { t as o } from "../identity.mjs";
@@ -115,7 +115,7 @@ function Ce(e, c) {
 	}), W = y(Be) ?? M, [G, Ve] = g("day"), K = se("calendar"), [q, He] = g(() => T(W)), J = q;
 	(T(W) < q || T(W) > q + E - 1) && (J = T(W) < q ? T(W) : T(W) - E + 1, He(J));
 	let Ue = he(null), We = fe((e) => {
-		Ue.current = e, t(c, e);
+		Ue.current = e, n(c, e);
 	}, [c]), Y = he(je), Ge = o("calendar");
 	pe(() => {
 		Y.current && (Y.current = !1, Ue.current?.querySelector(`[${Se}="${Be}"]`)?.focus());
@@ -153,11 +153,11 @@ function Ce(e, c) {
 			e.preventDefault(), e.stopPropagation(), V(null), H(null);
 			return;
 		}
-		let t = ve(W, e.key, e.shiftKey, {
-			rtl: n(e.currentTarget),
+		let n = ve(W, e.key, e.shiftKey, {
+			rtl: t(e.currentTarget),
 			firstDay: N
 		});
-		t && (e.preventDefault(), X(t, "keyboard", !0), B && H(x(t, I)));
+		n && (e.preventDefault(), X(n, "keyboard", !0), B && H(x(n, I)));
 	}), Xe = (e) => {
 		let t = d(W, e * (G === "day" ? E : G === "month" ? 12 : 144));
 		G === "day" && He(J + e * E), X(t, "navigate", !1), K("pageChange", b(t), {
@@ -201,11 +201,11 @@ function Ce(e, c) {
 				display: "flex",
 				ai: "center",
 				jc: "center",
-				width: 9,
-				height: 9,
+				height: "control",
+				aspectRatio: "square",
 				mx: "auto",
 				borderRadius: 999,
-				fontSize: 14,
+				fontSize: "control",
 				css: { fontVariantNumeric: "tabular-nums" },
 				variant: {
 					today: s,
@@ -227,14 +227,14 @@ function Ce(e, c) {
 				children: P(e.day)
 			})
 		}, e.date);
-	}, ot = (e, t, r, i, a, o) => {
-		let s = n(e.currentTarget), c = {
+	}, ot = (e, n, r, i, a, o) => {
+		let s = t(e.currentTarget), c = {
 			ArrowUp: -r,
 			ArrowDown: r,
 			[s ? "ArrowRight" : "ArrowLeft"]: -1,
 			[s ? "ArrowLeft" : "ArrowRight"]: 1
 		};
-		e.key === "Enter" || e.key === " " ? (e.preventDefault(), i(o)) : e.key in c && (e.preventDefault(), a(Math.max(0, Math.min(t - 1, o + c[e.key])), e.currentTarget.parentElement));
+		e.key === "Enter" || e.key === " " ? (e.preventDefault(), i(o)) : e.key in c && (e.preventDefault(), a(Math.max(0, Math.min(n - 1, o + c[e.key])), e.currentTarget.parentElement));
 	}, st = () => {
 		let e = re(j, "short"), t = D(W.year), n = G === "month" ? e.map((e, t) => ({
 			label: e,
@@ -280,7 +280,8 @@ function Ce(e, c) {
 					selected: e.active,
 					today: e.current
 				},
-				py: 2,
+				minHeight: "control",
+				fontSize: "control",
 				borderRadius: 2,
 				disabled: k,
 				props: {
@@ -370,7 +371,7 @@ function Ce(e, c) {
 		},
 		children: [/* @__PURE__ */ v(r, {
 			position: "relative",
-			minHeight: 8,
+			minHeight: "control",
 			mb: 2,
 			children: [
 				/* @__PURE__ */ _(r, {
@@ -382,8 +383,8 @@ function Ce(e, c) {
 					display: "inline-flex",
 					ai: "center",
 					jc: "center",
-					width: 8,
-					height: 8,
+					height: "control",
+					aspectRatio: "square",
 					borderRadius: 2,
 					disabled: k,
 					props: {
@@ -416,14 +417,14 @@ function Ce(e, c) {
 				})] }) : /* @__PURE__ */ _(r, {
 					display: "flex",
 					jc: "center",
-					px: 9,
+					px: 13,
 					children: /* @__PURE__ */ _(r, {
 						tag: "button",
 						component: "calendar.title",
-						py: 1.5,
+						minHeight: "control",
 						px: 3,
 						borderRadius: 2,
-						fontSize: 14,
+						fontSize: "control",
 						id: Q,
 						disabled: k || G === "year",
 						props: {
@@ -445,8 +446,8 @@ function Ce(e, c) {
 					display: "inline-flex",
 					ai: "center",
 					jc: "center",
-					width: 8,
-					height: 8,
+					height: "control",
+					aspectRatio: "square",
 					borderRadius: 2,
 					disabled: k,
 					props: {

package/components/dashboard.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../box.cjs"),r=require("../behavior.cjs"),i=require("../dashboardSchema.cjs"),a=require("../reporting.cjs"),o=require("./svg.cjs"),s=require("./visuallyHidden.cjs");let c=require("react"),l=require("react/jsx-runtime");var u;(function(e){let t=e.VERSION=1,n=e.MIN_COLUMNS=1,r=e.MAX_COLUMNS=24;function a(e,t,n){return Math.min(Math.max(e,t),n)}function o(e,t){return typeof e==`number`&&Number.isFinite(e)?Math.round(e):t}function s(e,t){return e.x<t.x+t.w&&e.x+e.w>t.x&&e.y<t.y+t.h&&e.y+e.h>t.y}e.overlaps=s;function c(e,t){return e.find(e=>e.id!==t.id&&s(e,t))}function l(e,t){let n=Math.min(e.maxW??t,t),r=a(o(e.w,1),Math.max(1,Math.min(e.minW??1,n)),Math.max(1,n)),i=a(o(e.h,1),Math.max(1,e.minH??1),Math.max(1,e.maxH??2**53-1));return{...e,w:r,h:i,x:a(o(e.x,0),0,t-r),y:Math.max(o(e.y,0),0)}}function u(e,t){return e.y-t.y||e.x-t.x}function d(e,t){let i=a(o(t,12),n,r),s=e.map(e=>l(e,i)),d=e=>+!e.fixed,f=[...s].sort((e,t)=>d(e)-d(t)||u(e,t)),p=[];for(let e of f){if(e.fixed){p.push(e);continue}let t={...e};for(;t.y>0&&!c(p,{...t,y:t.y-1});)t.y--;let n=c(p,t);for(;n;)t.y=n.y+n.h,n=c(p,t);p.push(t)}return p.sort(u)}e.resolve=d;function f(e){let i=a(o(e.columns,12),n,r);return{version:t,columns:i,items:d(e.items,i)}}e.normalize=f;function p(e,t){return e.items.find(e=>e.id===t)}e.itemOf=p;function m(e){return new Map(e.items.map((e,t)=>[e.id,t]))}e.ranks=m;function h(e,t){let n=n=>!s(t,n)&&!e.some(e=>e.id!==n.id&&e.id!==t.id&&s(e,n));return e.map(e=>{if(e.id===t.id)return t;if(e.fixed===!0||!s(e,t))return e;let r={...e,y:Math.max(t.y-e.h,0)};return n(r)?r:{...e,y:t.y+t.h}})}function g(e,t,i,s){let c=p(e,t);if(!c||c.fixed)return e;let u=l({...c,x:i,y:s},a(o(e.columns,12),n,r));return f({...e,items:h(e.items,u)})}e.moveTo=g;function _(e,t,n,r){let i=p(e,t);if(!i||i.fixed)return e;let a=e.items.map(e=>e.id===t?{...e,w:n,h:r}:e);return f({...e,items:a})}e.resizeTo=_;function v(e,t){let n=e.items.reduce((e,t)=>Math.max(e,t.y+t.h),0);return f({...e,items:[...e.items,{x:0,y:n,...t}]})}e.add=v;function y(e,t){return f({...e,items:e.items.filter(e=>e.id!==t)})}e.remove=y;function b(e,i){let s=a(o(i,12),n,r);if(s===e.columns)return f(e);let c=s/e.columns,l=e=>e===void 0?void 0:a(Math.max(1,Math.round(e*c)),1,s),u=e.items.map(e=>{let t=a(Math.max(1,Math.round(e.w*c)),1,s);return{...e,w:t,x:a(Math.floor(e.x*c),0,s-t),minW:l(e.minW),maxW:l(e.maxW)}});return f({version:t,columns:s,items:u})}e.project=b;function x(e,t){return e===t?!0:e.columns!==t.columns||e.items.length!==t.items.length?!1:e.items.every((e,n)=>{let r=t.items[n];return e.id===r.id&&e.x===r.x&&e.y===r.y&&e.w===r.w&&e.h===r.h})}e.same=x;function S(e,t,n){return{columns:n.x>0?Math.round(e/n.x):0,rows:n.y>0?Math.round(t/n.y):0}}e.cellsMoved=S;function C(e){return typeof e==`string`&&e.length>0}function w(e){return typeof e==`number`&&Number.isFinite(e)}function T(e,t,n){if(typeof e!=`object`||!e||Array.isArray(e)){n.push({code:`invalid-item`,path:t,message:`A layout item has to be an object.`});return}let r=e;if(!C(r.id)){n.push({code:`invalid-item`,path:`${t}.id`,message:`A layout item needs an id naming the widget it places.`});return}if(!w(r.x)||!w(r.y)||!w(r.w)||!w(r.h)){n.push({code:`invalid-item`,path:t,message:`Item "${r.id}" needs numeric x, y, w and h.`});return}let i=[`minW`,`minH`,`maxW`,`maxH`].reduce((e,t)=>(w(r[t])&&(e[t]=Math.round(r[t])),e),{});return{id:r.id,x:Math.round(r.x),y:Math.round(r.y),w:Math.round(r.w),h:Math.round(r.h),...i,...r.fixed===!0?{fixed:!0}:{}}}function E(e,i=12){let o=[],s={version:t,columns:i,items:[]};if(typeof e!=`object`||!e||Array.isArray(e))return o.push({code:`not-an-object`,path:``,message:`A layout has to be an object.`}),{layout:f(s),issues:o};let c=e;c.version!==t&&o.push({code:`version`,path:`version`,message:`Layout version ${String(c.version)} was read as version ${t}.`});let l=w(c.columns)?a(Math.round(c.columns),n,r):i;if(w(c.columns)||o.push({code:`columns`,path:`columns`,message:`No column count, so the layout was read in ${i}.`}),!Array.isArray(c.items))return o.push({code:`items`,path:`items`,message:`A layout needs an items array.`}),{layout:f({...s,columns:l}),issues:o};let u=new Set,d=c.items.reduce((e,t,n)=>{let r=T(t,`items.${n}`,o);return r?u.has(r.id)?(o.push({code:`duplicate-id`,path:`items.${n}.id`,message:`Two items are called "${r.id}"; the second was dropped.`}),e):(u.add(r.id),e.push(r),e):e},[]);return{layout:f({version:t,columns:l,items:d}),issues:o}}e.parse=E,e.SCHEMA=i.t})(u||={});var d=u,f=[`xs`,`sm`,`md`,`lg`,`xl`,`xxl`],p=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],m=(0,c.createContext)(null);function h(e,t,n){return Math.min(Math.max(e,t),n)}function g(e){if(typeof e==`number`)return[{count:h(Math.round(e),d.MIN_COLUMNS,d.MAX_COLUMNS)}];let t=f.filter(t=>typeof e[t]==`number`).map(t=>({size:t,count:h(Math.round(e[t]),d.MIN_COLUMNS,d.MAX_COLUMNS)}));return t.length>0?t:[{count:12}]}function _(e){return{gridColumnStart:e.x+1,gridColumnEnd:e.x+1+e.w,gridRowStart:e.y+1,gridRowEnd:e.y+1+e.h}}function v(e){return`max${e[0].toUpperCase()}${e.slice(1)}`}function y(e,t){let n=t?-1:1;if(e===`ArrowLeft`)return{x:-n,y:0};if(e===`ArrowRight`)return{x:n,y:0};if(e===`ArrowUp`)return{x:0,y:-1};if(e===`ArrowDown`)return{x:0,y:1}}function b(e){return`column ${e.x+1}, row ${e.y+1}`}function x(e){return`${e.w} ${e.w===1?`column`:`columns`} by ${e.h} ${e.h===1?`row`:`rows`}`}function S(e,i){let{children:o,layout:u,defaultLayout:p,onLayoutChange:h,onLayoutCommit:S,columns:C={xs:1,md:6,xxl:12},rowHeight:w=24,editable:T=!1,label:E,labelledBy:D,props:O,...k}=e,A=(0,c.useRef)(null),j=(0,c.useCallback)(e=>{A.current=e,t.d(i,e)},[i]),[M,N]=(0,c.useState)(null),[P,F]=(0,c.useState)(null),[ee,I]=(0,c.useState)(``),L=`${(0,c.useId)()}-dashboard`,[R,te]=r.i({value:u,defaultValue:p??{version:d.VERSION,columns:12,items:[]},onChange:h}),z=(0,c.useMemo)(()=>d.normalize(R),[R]),B=r.o(z),V=a.r(S,`dashboard`,`layoutCommit`),ne=typeof C==`number`?String(C):f.map(e=>C[e]??``).join(),H=(0,c.useMemo)(()=>g(C),[ne]),U=H[H.length-1],W=(0,c.useMemo)(()=>{let e=d.ranks(z),t=new Map;for(let n of H){let r=n.count===U.count?z:d.project(z,n.count),i=U.count/n.count;for(let a of r.items){let r=t.get(a.id)??{order:e.get(a.id)??0,fixed:a.fixed===!0},o=_({...a,x:Math.round(a.x*i),w:Math.round((a.x+a.w)*i)-Math.round(a.x*i)});n===H[0]?r.placement=o:r.query={...r.query,[n.size]:o},t.set(a.id,r)}}return t},[z,H,U.count]),G=r.a((e,t)=>{d.same(e,B.current)||te(e,t)}),re=(e,t)=>{let n=e.getBoundingClientRect(),r=A.current,i=r&&typeof getComputedStyle==`function`?getComputedStyle(r):void 0,a=Number.parseFloat(i?.columnGap??``)||0,o=Number.parseFloat(i?.rowGap??``)||0;return{x:(n.width+a)/t.w,y:(n.height+o)/t.h}},ie=e=>e instanceof Element?e.closest(`[data-widget-id]`):null,K=(e,t,n,r)=>{let i=e.kind===`move`?d.moveTo(B.current,e.id,t,n):d.resizeTo(B.current,e.id,t,n);return G(i,{reason:e.kind,event:r}),i},q=r.a((e,n,r,i)=>{let a=d.itemOf(B.current,n),o=ie(e.currentTarget);!T||e.button!==0||e.defaultPrevented||!a||a.fixed||!o||(e.preventDefault(),e.currentTarget.setPointerCapture?.(e.pointerId),e.currentTarget.focus(),N({id:n,kind:i,name:r,origin:a,before:B.current,pointer:{id:e.pointerId,x:e.clientX,y:e.clientY,step:re(o,a),rtl:t.g(o)}}))}),J=r.a((e,t)=>{if(!M?.pointer||M.id!==t)return;let{x:n,y:r,step:i,rtl:a}=M.pointer,o={x:e.clientX-n,y:e.clientY-r},s=d.cellsMoved(a?-o.x:o.x,o.y,i),c=M.origin,l=M.kind===`move`?K(M,c.x+s.columns,c.y+s.rows,e):K(M,c.w+s.columns,c.h+s.rows,e),u=d.itemOf(l,t);if(M.kind!==`move`||!u)return;let f={x:(u.x-c.x)*i.x*(a?-1:1),y:(u.y-c.y)*i.y};F({translate:`${Math.round(o.x-f.x)}px ${Math.round(o.y-f.y)}px`})}),Y=r.a((e,t)=>{if(!M?.pointer||M.id!==t)return;let n=d.itemOf(B.current,t);e.currentTarget.releasePointerCapture?.(M.pointer.id),N(null),F(null),V(B.current,{reason:M.kind,event:e}),n&&I(M.kind===`move`?`${M.name} moved to ${b(n)}.`:`${M.name} resized to ${x(n)}.`)}),X=a.i(`dashboard`),Z=r.a((e,t)=>{X(`grabCancel`,e.id,{reason:t.type===`blur`?`blur`:`escape`,event:t}),G(e.before,{reason:e.kind,event:t}),N(null),I(`${e.name} put back at ${b(e.origin)}.`)}),Q=r.a((e,n,r,i)=>{if(!T||e.defaultPrevented)return;let a=M&&M.id===n&&M.kind===i&&!M.pointer?M:void 0,o=d.itemOf(B.current,n);if(!o)return;if(!a){if(e.key!==`Enter`&&e.key!==` `||o.fixed)return;e.preventDefault(),N({id:n,kind:i,name:r,origin:o,before:B.current}),X(`grab`,n,{reason:i,event:e}),I(i===`move`?`${r} picked up at ${b(o)}. Use the arrow keys to move it.`:`${r} held for resizing at ${x(o)}. Use the arrow keys to resize it.`);return}if(e.key===`Escape`){e.preventDefault(),Z(a,e);return}if(e.key===`Enter`||e.key===` `){e.preventDefault(),N(null),V(B.current,{reason:i,event:e}),I(i===`move`?`${r} dropped at ${b(o)}.`:`${r} resized to ${x(o)}.`);return}let s=y(e.key,t.g(e.currentTarget));if(!s)return;e.preventDefault();let c=i===`move`?K(a,o.x+s.x,o.y+s.y,e):K(a,o.w+s.x,o.h+s.y,e),l=d.itemOf(c,n);l&&I(i===`move`?`${r}, ${b(l)}.`:`${r}, ${x(l)}.`)}),ae=r.a((e,t,n)=>{M&&M.id===t&&M.kind===n&&!M.pointer&&Z(M,e)}),oe=(0,c.useMemo)(()=>({editable:T,placementOf:e=>W.get(e),heldOf:e=>M&&M.id===e?M:void 0,offsetOf:e=>M&&M.id===e&&P?P:void 0,outsideAuthoring:U.size?{[v(U.size)]:{display:`none`}}:void 0,instructionsId:L,handleProps:(e,t,n)=>({type:`button`,"aria-label":n===`move`?`Move ${t}`:`Resize ${t}`,"aria-pressed":!!(M&&M.id===e&&M.kind===n),"aria-describedby":L,onPointerDown:r=>q(r,e,t,n),onPointerMove:t=>J(t,e),onPointerUp:t=>Y(t,e),onPointerCancel:t=>Y(t,e),onKeyDown:r=>Q(r,e,t,n),onBlur:t=>ae(t,e,n)})}),[T,W,M,P,U.size,L,q,J,Y,Q,ae]),$=M?W.get(M.id):void 0;return(0,l.jsxs)(m.Provider,{value:oe,children:[(0,l.jsxs)(n.default,{ref:j,component:`dashboard`,...k,variant:[k.variant,{dragging:M!==null}],vars:{"dashboard-row":`${w/4}rem`},gridTemplateColumns:U.count,props:{role:`list`,"aria-label":E,"aria-labelledby":D,...O},children:[o,$&&(0,l.jsx)(n.default,{component:`dashboard.placeholder`,order:$.order,cq:$.query,...$.placement,props:{role:`presentation`,"aria-hidden":!0}})]}),(0,l.jsx)(s.default,{props:{role:`status`},children:ee}),(0,l.jsx)(s.default,{id:L,children:`Press Enter or Space to pick the widget up, the arrow keys to move or resize it, Enter to drop it and Escape to put it back.`})]})}function C({kind:e}){return e===`resize`?(0,l.jsx)(o.Svg,{viewBox:`0 0 24 24`,width:`1rem`,height:`1rem`,rtl:{flip:`xAxis`},props:{fill:`none`},children:(0,l.jsx)(o.Path,{d:`M20 10 10 20M20 16l-4 4`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`})}):(0,l.jsxs)(o.Svg,{viewBox:`0 0 24 24`,width:`1rem`,height:`1rem`,children:[[8,12,16].map(e=>(0,l.jsx)(o.Circle,{cx:9,cy:e,r:1.4,fill:`currentColor`},e)),[8,12,16].map(e=>(0,l.jsx)(o.Circle,{cx:15,cy:e,r:1.4,fill:`currentColor`},e))]})}function w(){return(0,l.jsx)(o.Svg,{viewBox:`0 0 24 24`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,l.jsx)(o.Path,{d:`M20 12a8 8 0 1 1-2.6-5.9M20 4v4h-4`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})})}function T(e){let{id:t,children:r,title:i,name:o,description:s,actions:u,level:d=3,loading:f=!1,error:h,empty:g,onRefresh:_,refreshLabel:v,props:y,...b}=e,x=(0,c.useContext)(m),S=t===void 0?void 0:x?.placementOf(t),T=t===void 0?void 0:x?.heldOf(t),E=o??(typeof i==`string`?i:void 0)??t??`Widget`,D=x?.editable===!0&&S!==void 0&&!S.fixed,O=a.r((e,t)=>_?.(),`widget`,`refresh`),k=e=>D&&t!==void 0?(0,l.jsx)(n.default,{component:`widget.handle`,tag:`button`,variant:{editable:!0,grabbed:T?.kind===e,corner:e===`resize`},cq:x?.outsideAuthoring,props:x?.handleProps(t,E,e),children:(0,l.jsx)(C,{kind:e})}):null,A=()=>f?(0,l.jsx)(n.default,{component:`widget.skeleton`,props:{"aria-hidden":!0},children:[80,100,60].map(e=>(0,l.jsx)(n.default,{component:`widget.skeleton.bar`,width:`${e}%`},e))}):h?(0,l.jsxs)(n.default,{component:`widget.message`,variant:{error:!0},props:{role:`status`},children:[h,_&&(0,l.jsx)(n.default,{tag:`button`,component:`widget.retry`,props:{type:`button`,onClick:e=>O(t,{reason:`retry`,event:e})},children:`Try again`})]}):g?(0,l.jsx)(n.default,{component:`widget.message`,children:g===!0?`Nothing to show yet.`:g}):r,j=i!==void 0||s!==void 0||u!==void 0||_!==void 0||D;return(0,l.jsxs)(n.default,{component:`widget`,...b,variant:[b.variant,{dragging:T?.pointer!==void 0,grabbed:T!==void 0&&T.pointer===void 0}],order:S?.order,cq:S?.query,...S?.placement,style:{...t===void 0?void 0:x?.offsetOf(t),...b.style},props:{role:S?`listitem`:void 0,"aria-busy":f||void 0,"data-widget-id":t,...y},children:[j&&(0,l.jsxs)(n.default,{component:`widget.header`,children:[k(`move`),(0,l.jsxs)(n.default,{component:`widget.label`,children:[i!==void 0&&(0,l.jsx)(n.default,{component:`widget.title`,tag:p[d-1],children:i}),s!==void 0&&(0,l.jsx)(n.default,{component:`widget.description`,children:s})]}),_&&(0,l.jsx)(n.default,{component:`widget.handle`,tag:`button`,variant:{editable:!0},props:{type:`button`,"aria-label":v??`Refresh ${E}`,onClick:e=>O(t,{reason:`refresh`,event:e})},children:(0,l.jsx)(w,{})}),u!==void 0&&(0,l.jsx)(n.default,{component:`widget.actions`,children:u})]}),(0,l.jsx)(n.default,{component:`widget.body`,children:A()}),k(`resize`)]})}var E=e.f(S,`DashboardGrid`),D=T;D.displayName=`Widget`,exports.DashboardUtils=d,exports.Widget=D,exports.default=E;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../box.cjs"),r=require("../behavior.cjs"),i=require("../dashboardSchema.cjs"),a=require("../reporting.cjs"),o=require("./svg.cjs"),s=require("./visuallyHidden.cjs");let c=require("react"),l=require("react/jsx-runtime");var u;(function(e){let t=e.VERSION=1,n=e.MIN_COLUMNS=1,r=e.MAX_COLUMNS=24;function a(e,t,n){return Math.min(Math.max(e,t),n)}function o(e,t){return typeof e==`number`&&Number.isFinite(e)?Math.round(e):t}function s(e,t){return e.x<t.x+t.w&&e.x+e.w>t.x&&e.y<t.y+t.h&&e.y+e.h>t.y}e.overlaps=s;function c(e,t){return e.find(e=>e.id!==t.id&&s(e,t))}function l(e,t){let n=Math.min(e.maxW??t,t),r=a(o(e.w,1),Math.max(1,Math.min(e.minW??1,n)),Math.max(1,n)),i=a(o(e.h,1),Math.max(1,e.minH??1),Math.max(1,e.maxH??2**53-1));return{...e,w:r,h:i,x:a(o(e.x,0),0,t-r),y:Math.max(o(e.y,0),0)}}function u(e,t){return e.y-t.y||e.x-t.x}function d(e,t){let i=a(o(t,12),n,r),s=e.map(e=>l(e,i)),d=e=>+!e.fixed,f=[...s].sort((e,t)=>d(e)-d(t)||u(e,t)),p=[];for(let e of f){if(e.fixed){p.push(e);continue}let t={...e};for(;t.y>0&&!c(p,{...t,y:t.y-1});)t.y--;let n=c(p,t);for(;n;)t.y=n.y+n.h,n=c(p,t);p.push(t)}return p.sort(u)}e.resolve=d;function f(e){let i=a(o(e.columns,12),n,r);return{version:t,columns:i,items:d(e.items,i)}}e.normalize=f;function p(e,t){return e.items.find(e=>e.id===t)}e.itemOf=p;function m(e){return new Map(e.items.map((e,t)=>[e.id,t]))}e.ranks=m;function h(e,t){let n=n=>!s(t,n)&&!e.some(e=>e.id!==n.id&&e.id!==t.id&&s(e,n));return e.map(e=>{if(e.id===t.id)return t;if(e.fixed===!0||!s(e,t))return e;let r={...e,y:Math.max(t.y-e.h,0)};return n(r)?r:{...e,y:t.y+t.h}})}function g(e,t,i,s){let c=p(e,t);if(!c||c.fixed)return e;let u=l({...c,x:i,y:s},a(o(e.columns,12),n,r));return f({...e,items:h(e.items,u)})}e.moveTo=g;function _(e,t,n,r){let i=p(e,t);if(!i||i.fixed)return e;let a=e.items.map(e=>e.id===t?{...e,w:n,h:r}:e);return f({...e,items:a})}e.resizeTo=_;function v(e,t){let n=e.items.reduce((e,t)=>Math.max(e,t.y+t.h),0);return f({...e,items:[...e.items,{x:0,y:n,...t}]})}e.add=v;function y(e,t){return f({...e,items:e.items.filter(e=>e.id!==t)})}e.remove=y;function b(e,i){let s=a(o(i,12),n,r);if(s===e.columns)return f(e);let c=s/e.columns,l=e=>e===void 0?void 0:a(Math.max(1,Math.round(e*c)),1,s),u=e.items.map(e=>{let t=a(Math.max(1,Math.round(e.w*c)),1,s);return{...e,w:t,x:a(Math.floor(e.x*c),0,s-t),minW:l(e.minW),maxW:l(e.maxW)}});return f({version:t,columns:s,items:u})}e.project=b;function x(e,t){return e===t?!0:e.columns!==t.columns||e.items.length!==t.items.length?!1:e.items.every((e,n)=>{let r=t.items[n];return e.id===r.id&&e.x===r.x&&e.y===r.y&&e.w===r.w&&e.h===r.h})}e.same=x;function S(e,t,n){return{columns:n.x>0?Math.round(e/n.x):0,rows:n.y>0?Math.round(t/n.y):0}}e.cellsMoved=S;function C(e){return typeof e==`string`&&e.length>0}function w(e){return typeof e==`number`&&Number.isFinite(e)}function T(e,t,n){if(typeof e!=`object`||!e||Array.isArray(e)){n.push({code:`invalid-item`,path:t,message:`A layout item has to be an object.`});return}let r=e;if(!C(r.id)){n.push({code:`invalid-item`,path:`${t}.id`,message:`A layout item needs an id naming the widget it places.`});return}if(!w(r.x)||!w(r.y)||!w(r.w)||!w(r.h)){n.push({code:`invalid-item`,path:t,message:`Item "${r.id}" needs numeric x, y, w and h.`});return}let i=[`minW`,`minH`,`maxW`,`maxH`].reduce((e,t)=>(w(r[t])&&(e[t]=Math.round(r[t])),e),{});return{id:r.id,x:Math.round(r.x),y:Math.round(r.y),w:Math.round(r.w),h:Math.round(r.h),...i,...r.fixed===!0?{fixed:!0}:{}}}function E(e,i=12){let o=[],s={version:t,columns:i,items:[]};if(typeof e!=`object`||!e||Array.isArray(e))return o.push({code:`not-an-object`,path:``,message:`A layout has to be an object.`}),{layout:f(s),issues:o};let c=e;c.version!==t&&o.push({code:`version`,path:`version`,message:`Layout version ${String(c.version)} was read as version ${t}.`});let l=w(c.columns)?a(Math.round(c.columns),n,r):i;if(w(c.columns)||o.push({code:`columns`,path:`columns`,message:`No column count, so the layout was read in ${i}.`}),!Array.isArray(c.items))return o.push({code:`items`,path:`items`,message:`A layout needs an items array.`}),{layout:f({...s,columns:l}),issues:o};let u=new Set,d=c.items.reduce((e,t,n)=>{let r=T(t,`items.${n}`,o);return r?u.has(r.id)?(o.push({code:`duplicate-id`,path:`items.${n}.id`,message:`Two items are called "${r.id}"; the second was dropped.`}),e):(u.add(r.id),e.push(r),e):e},[]);return{layout:f({version:t,columns:l,items:d}),issues:o}}e.parse=E,e.SCHEMA=i.t})(u||={});var d=u,f=[`xs`,`sm`,`md`,`lg`,`xl`,`xxl`],p=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],m=(0,c.createContext)(null);function h(e,t,n){return Math.min(Math.max(e,t),n)}function g(e){if(typeof e==`number`)return[{count:h(Math.round(e),d.MIN_COLUMNS,d.MAX_COLUMNS)}];let t=f.filter(t=>typeof e[t]==`number`).map(t=>({size:t,count:h(Math.round(e[t]),d.MIN_COLUMNS,d.MAX_COLUMNS)}));return t.length>0?t:[{count:12}]}function _(e){return{gridColumnStart:e.x+1,gridColumnEnd:e.x+1+e.w,gridRowStart:e.y+1,gridRowEnd:e.y+1+e.h}}function v(e){return`max${e[0].toUpperCase()}${e.slice(1)}`}function y(e,t){let n=t?-1:1;if(e===`ArrowLeft`)return{x:-n,y:0};if(e===`ArrowRight`)return{x:n,y:0};if(e===`ArrowUp`)return{x:0,y:-1};if(e===`ArrowDown`)return{x:0,y:1}}function b(e){return`column ${e.x+1}, row ${e.y+1}`}function x(e){return`${e.w} ${e.w===1?`column`:`columns`} by ${e.h} ${e.h===1?`row`:`rows`}`}function S(e,i){let{children:o,layout:u,defaultLayout:p,onLayoutChange:h,onLayoutCommit:S,columns:C={xs:1,md:6,xxl:12},rowHeight:w=24,editable:T=!1,label:E,labelledBy:D,props:O,...k}=e,A=(0,c.useRef)(null),j=(0,c.useCallback)(e=>{A.current=e,t.d(i,e)},[i]),[M,N]=(0,c.useState)(null),[P,F]=(0,c.useState)(null),[ee,I]=(0,c.useState)(``),L=`${(0,c.useId)()}-dashboard`,[R,te]=r.i({value:u,defaultValue:p??{version:d.VERSION,columns:12,items:[]},onChange:h}),z=(0,c.useMemo)(()=>d.normalize(R),[R]),B=r.o(z),V=a.r(S,`dashboard`,`layoutCommit`),ne=typeof C==`number`?String(C):f.map(e=>C[e]??``).join(),H=(0,c.useMemo)(()=>g(C),[ne]),U=H[H.length-1],W=(0,c.useMemo)(()=>{let e=d.ranks(z),t=new Map;for(let n of H){let r=n.count===U.count?z:d.project(z,n.count),i=U.count/n.count;for(let a of r.items){let r=t.get(a.id)??{order:e.get(a.id)??0,fixed:a.fixed===!0},o=_({...a,x:Math.round(a.x*i),w:Math.round((a.x+a.w)*i)-Math.round(a.x*i)});n===H[0]?r.placement=o:r.query={...r.query,[n.size]:o},t.set(a.id,r)}}return t},[z,H,U.count]),G=r.a((e,t)=>{d.same(e,B.current)||te(e,t)}),re=(e,t)=>{let n=e.getBoundingClientRect(),r=A.current,i=r&&typeof getComputedStyle==`function`?getComputedStyle(r):void 0,a=Number.parseFloat(i?.columnGap??``)||0,o=Number.parseFloat(i?.rowGap??``)||0;return{x:(n.width+a)/t.w,y:(n.height+o)/t.h}},ie=e=>e instanceof Element?e.closest(`[data-widget-id]`):null,K=(e,t,n,r)=>{let i=e.kind===`move`?d.moveTo(B.current,e.id,t,n):d.resizeTo(B.current,e.id,t,n);return G(i,{reason:e.kind,event:r}),i},q=r.a((e,n,r,i)=>{let a=d.itemOf(B.current,n),o=ie(e.currentTarget);!T||e.button!==0||e.defaultPrevented||!a||a.fixed||!o||(e.preventDefault(),e.currentTarget.setPointerCapture?.(e.pointerId),e.currentTarget.focus(),N({id:n,kind:i,name:r,origin:a,before:B.current,pointer:{id:e.pointerId,x:e.clientX,y:e.clientY,step:re(o,a),rtl:t._(o)}}))}),J=r.a((e,t)=>{if(!M?.pointer||M.id!==t)return;let{x:n,y:r,step:i,rtl:a}=M.pointer,o={x:e.clientX-n,y:e.clientY-r},s=d.cellsMoved(a?-o.x:o.x,o.y,i),c=M.origin,l=M.kind===`move`?K(M,c.x+s.columns,c.y+s.rows,e):K(M,c.w+s.columns,c.h+s.rows,e),u=d.itemOf(l,t);if(M.kind!==`move`||!u)return;let f={x:(u.x-c.x)*i.x*(a?-1:1),y:(u.y-c.y)*i.y};F({translate:`${Math.round(o.x-f.x)}px ${Math.round(o.y-f.y)}px`})}),Y=r.a((e,t)=>{if(!M?.pointer||M.id!==t)return;let n=d.itemOf(B.current,t);e.currentTarget.releasePointerCapture?.(M.pointer.id),N(null),F(null),V(B.current,{reason:M.kind,event:e}),n&&I(M.kind===`move`?`${M.name} moved to ${b(n)}.`:`${M.name} resized to ${x(n)}.`)}),X=a.i(`dashboard`),Z=r.a((e,t)=>{X(`grabCancel`,e.id,{reason:t.type===`blur`?`blur`:`escape`,event:t}),G(e.before,{reason:e.kind,event:t}),N(null),I(`${e.name} put back at ${b(e.origin)}.`)}),Q=r.a((e,n,r,i)=>{if(!T||e.defaultPrevented)return;let a=M&&M.id===n&&M.kind===i&&!M.pointer?M:void 0,o=d.itemOf(B.current,n);if(!o)return;if(!a){if(e.key!==`Enter`&&e.key!==` `||o.fixed)return;e.preventDefault(),N({id:n,kind:i,name:r,origin:o,before:B.current}),X(`grab`,n,{reason:i,event:e}),I(i===`move`?`${r} picked up at ${b(o)}. Use the arrow keys to move it.`:`${r} held for resizing at ${x(o)}. Use the arrow keys to resize it.`);return}if(e.key===`Escape`){e.preventDefault(),Z(a,e);return}if(e.key===`Enter`||e.key===` `){e.preventDefault(),N(null),V(B.current,{reason:i,event:e}),I(i===`move`?`${r} dropped at ${b(o)}.`:`${r} resized to ${x(o)}.`);return}let s=y(e.key,t._(e.currentTarget));if(!s)return;e.preventDefault();let c=i===`move`?K(a,o.x+s.x,o.y+s.y,e):K(a,o.w+s.x,o.h+s.y,e),l=d.itemOf(c,n);l&&I(i===`move`?`${r}, ${b(l)}.`:`${r}, ${x(l)}.`)}),ae=r.a((e,t,n)=>{M&&M.id===t&&M.kind===n&&!M.pointer&&Z(M,e)}),oe=(0,c.useMemo)(()=>({editable:T,placementOf:e=>W.get(e),heldOf:e=>M&&M.id===e?M:void 0,offsetOf:e=>M&&M.id===e&&P?P:void 0,outsideAuthoring:U.size?{[v(U.size)]:{display:`none`}}:void 0,instructionsId:L,handleProps:(e,t,n)=>({type:`button`,"aria-label":n===`move`?`Move ${t}`:`Resize ${t}`,"aria-pressed":!!(M&&M.id===e&&M.kind===n),"aria-describedby":L,onPointerDown:r=>q(r,e,t,n),onPointerMove:t=>J(t,e),onPointerUp:t=>Y(t,e),onPointerCancel:t=>Y(t,e),onKeyDown:r=>Q(r,e,t,n),onBlur:t=>ae(t,e,n)})}),[T,W,M,P,U.size,L,q,J,Y,Q,ae]),$=M?W.get(M.id):void 0;return(0,l.jsxs)(m.Provider,{value:oe,children:[(0,l.jsxs)(n.default,{ref:j,component:`dashboard`,...k,variant:[k.variant,{dragging:M!==null}],vars:{"dashboard-row":`${w/4}rem`},gridTemplateColumns:U.count,props:{role:`list`,"aria-label":E,"aria-labelledby":D,...O},children:[o,$&&(0,l.jsx)(n.default,{component:`dashboard.placeholder`,order:$.order,cq:$.query,...$.placement,props:{role:`presentation`,"aria-hidden":!0}})]}),(0,l.jsx)(s.default,{props:{role:`status`},children:ee}),(0,l.jsx)(s.default,{id:L,children:`Press Enter or Space to pick the widget up, the arrow keys to move or resize it, Enter to drop it and Escape to put it back.`})]})}function C({kind:e}){return e===`resize`?(0,l.jsx)(o.Svg,{viewBox:`0 0 24 24`,width:`1rem`,height:`1rem`,rtl:{flip:`xAxis`},props:{fill:`none`},children:(0,l.jsx)(o.Path,{d:`M20 10 10 20M20 16l-4 4`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`})}):(0,l.jsxs)(o.Svg,{viewBox:`0 0 24 24`,width:`1rem`,height:`1rem`,children:[[8,12,16].map(e=>(0,l.jsx)(o.Circle,{cx:9,cy:e,r:1.4,fill:`currentColor`},e)),[8,12,16].map(e=>(0,l.jsx)(o.Circle,{cx:15,cy:e,r:1.4,fill:`currentColor`},e))]})}function w(){return(0,l.jsx)(o.Svg,{viewBox:`0 0 24 24`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,l.jsx)(o.Path,{d:`M20 12a8 8 0 1 1-2.6-5.9M20 4v4h-4`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})})}function T(e){let{id:t,children:r,title:i,name:o,description:s,actions:u,level:d=3,loading:f=!1,error:h,empty:g,onRefresh:_,refreshLabel:v,props:y,...b}=e,x=(0,c.useContext)(m),S=t===void 0?void 0:x?.placementOf(t),T=t===void 0?void 0:x?.heldOf(t),E=o??(typeof i==`string`?i:void 0)??t??`Widget`,D=x?.editable===!0&&S!==void 0&&!S.fixed,O=a.r((e,t)=>_?.(),`widget`,`refresh`),k=e=>D&&t!==void 0?(0,l.jsx)(n.default,{component:`widget.handle`,tag:`button`,variant:{editable:!0,grabbed:T?.kind===e,corner:e===`resize`},cq:x?.outsideAuthoring,props:x?.handleProps(t,E,e),children:(0,l.jsx)(C,{kind:e})}):null,A=()=>f?(0,l.jsx)(n.default,{component:`widget.skeleton`,props:{"aria-hidden":!0},children:[80,100,60].map(e=>(0,l.jsx)(n.default,{component:`widget.skeleton.bar`,width:`${e}%`},e))}):h?(0,l.jsxs)(n.default,{component:`widget.message`,variant:{error:!0},props:{role:`status`},children:[h,_&&(0,l.jsx)(n.default,{tag:`button`,component:`widget.retry`,props:{type:`button`,onClick:e=>O(t,{reason:`retry`,event:e})},children:`Try again`})]}):g?(0,l.jsx)(n.default,{component:`widget.message`,children:g===!0?`Nothing to show yet.`:g}):r,j=i!==void 0||s!==void 0||u!==void 0||_!==void 0||D;return(0,l.jsxs)(n.default,{component:`widget`,...b,variant:[b.variant,{dragging:T?.pointer!==void 0,grabbed:T!==void 0&&T.pointer===void 0}],order:S?.order,cq:S?.query,...S?.placement,style:{...t===void 0?void 0:x?.offsetOf(t),...b.style},props:{role:S?`listitem`:void 0,"aria-busy":f||void 0,"data-widget-id":t,...y},children:[j&&(0,l.jsxs)(n.default,{component:`widget.header`,children:[k(`move`),(0,l.jsxs)(n.default,{component:`widget.label`,children:[i!==void 0&&(0,l.jsx)(n.default,{component:`widget.title`,tag:p[d-1],children:i}),s!==void 0&&(0,l.jsx)(n.default,{component:`widget.description`,children:s})]}),_&&(0,l.jsx)(n.default,{component:`widget.handle`,tag:`button`,variant:{editable:!0},props:{type:`button`,"aria-label":v??`Refresh ${E}`,onClick:e=>O(t,{reason:`refresh`,event:e})},children:(0,l.jsx)(w,{})}),u!==void 0&&(0,l.jsx)(n.default,{component:`widget.actions`,children:u})]}),(0,l.jsx)(n.default,{component:`widget.body`,children:A()}),k(`resize`)]})}var E=e.f(S,`DashboardGrid`),D=T;D.displayName=`Widget`,exports.DashboardUtils=d,exports.Widget=D,exports.default=E;

package/components/dashboard.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { f as e } from "../react-shared.mjs";
-import { d as t, g as n } from "../platform.mjs";
+import { _ as t, d as n } from "../platform.mjs";
 import r from "../box.mjs";
 import { a as i, i as a, o } from "../behavior.mjs";
 import { t as s } from "../dashboardSchema.mjs";
@@ -342,7 +342,7 @@ function N(e, s) {
 		md: 6,
 		xxl: 12
 	}, rowHeight: E = 24, editable: O = !1, label: N, labelledBy: ne, props: re, ...P } = e, F = y(null), I = h((e) => {
-		F.current = e, t(s, e);
+		F.current = e, n(s, e);
 	}, [s]), [L, R] = b(null), [z, B] = b(null), [ie, V] = b(""), H = `${_()}-dashboard`, [U, ae] = a({
 		value: d,
 		defaultValue: f ?? {
@@ -389,10 +389,10 @@ function N(e, s) {
 			reason: e.kind,
 			event: r
 		}), i;
-	}, le = i((e, t, r, i) => {
-		let a = w.itemOf(G.current, t), o = ce(e.currentTarget);
+	}, le = i((e, n, r, i) => {
+		let a = w.itemOf(G.current, n), o = ce(e.currentTarget);
 		!O || e.button !== 0 || e.defaultPrevented || !a || a.fixed || !o || (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), e.currentTarget.focus(), R({
-			id: t,
+			id: n,
 			kind: i,
 			name: r,
 			origin: a,
@@ -402,7 +402,7 @@ function N(e, s) {
 				x: e.clientX,
 				y: e.clientY,
 				step: se(o, a),
-				rtl: n(o)
+				rtl: t(o)
 			}
 		}));
 	}), ue = i((e, t) => {
@@ -432,19 +432,19 @@ function N(e, s) {
 			reason: e.kind,
 			event: t
 		}), R(null), V(`${e.name} put back at ${j(e.origin)}.`);
-	}), pe = i((e, t, r, i) => {
+	}), pe = i((e, n, r, i) => {
 		if (!O || e.defaultPrevented) return;
-		let a = L && L.id === t && L.kind === i && !L.pointer ? L : void 0, o = w.itemOf(G.current, t);
+		let a = L && L.id === n && L.kind === i && !L.pointer ? L : void 0, o = w.itemOf(G.current, n);
 		if (!o) return;
 		if (!a) {
 			if (e.key !== "Enter" && e.key !== " " || o.fixed) return;
 			e.preventDefault(), R({
-				id: t,
+				id: n,
 				kind: i,
 				name: r,
 				origin: o,
 				before: G.current
-			}), de("grab", t, {
+			}), de("grab", n, {
 				reason: i,
 				event: e
 			}), V(i === "move" ? `${r} picked up at ${j(o)}. Use the arrow keys to move it.` : `${r} held for resizing at ${M(o)}. Use the arrow keys to resize it.`);
@@ -461,10 +461,10 @@ function N(e, s) {
 			}), V(i === "move" ? `${r} dropped at ${j(o)}.` : `${r} resized to ${M(o)}.`);
 			return;
 		}
-		let s = te(e.key, n(e.currentTarget));
+		let s = te(e.key, t(e.currentTarget));
 		if (!s) return;
 		e.preventDefault();
-		let c = i === "move" ? Z(a, o.x + s.x, o.y + s.y, e) : Z(a, o.w + s.x, o.h + s.y, e), l = w.itemOf(c, t);
+		let c = i === "move" ? Z(a, o.x + s.x, o.y + s.y, e) : Z(a, o.w + s.x, o.h + s.y, e), l = w.itemOf(c, n);
 		l && V(i === "move" ? `${r}, ${j(l)}.` : `${r}, ${M(l)}.`);
 	}), me = i((e, t, n) => {
 		L && L.id === t && L.kind === n && !L.pointer && fe(L, e);

package/components/dataGrid/components/dataGridFooter.d.ts

@@ -1,11 +1,15 @@
 import { default as GridModel } from '../models/gridModel';
 interface Props<TRow> {
     grid: GridModel<TRow>;
+    /** GridModel.headerVersion. Not read: a scroll moves the body around the footer and leaves it alone. */
+    version: string;
 }
 /**
  * The grand totals, pinned under the rows. It is the last child of the body's height-capped wrapper rather
  * than a sibling of the header: `position: sticky` can only pull a box *up* from below, so a footer whose
  * static position is above the scrollport simply scrolls away (measured in Chrome 152).
  */
-export default function DataGridFooter<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
-export {};
+declare function DataGridFooterImpl<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+/** Memoized on the grid-wide version, the header's rule: every scroll frame re-rendered the totals. */
+declare const DataGridFooter: typeof DataGridFooterImpl;
+export default DataGridFooter;

package/components/dataGrid/models/gridModel.d.ts

@@ -48,11 +48,17 @@ export default class GridModel<TRow> {
      */
     rowVersion(row: RowModel<TRow> | GroupRowModel<TRow> | DetailRowModel<TRow>, index: number): string;
     private _selectionVersion;
+    private _layoutVersion;
     /**
-     * What the memoized header compares: a grid-wide change, or the selection its checkbox shows. A focus move
-     * re-renders the component holding the tab stop, and the header — filter row included — no longer with it.
+     * What the memoized header compares: a grid-wide change, the selection its checkbox shows, or a column width.
+     * A focus move re-renders the component holding the tab stop, and the header — filter row included — no longer with it.
      */
     get headerVersion(): string;
+    /**
+     * A width changed. A row reads its widths through the CSS variables `paintSizes` writes, so only the header
+     * (its resizers' values) redraws: a notify here re-rendered every row on each frame of a window drag.
+     */
+    notifyLayout: () => void;
     /**
      * Sync incoming props. Called during render by the framework adapter — clears
      * the affected memos but does NOT notify (no extra render cycle; memos recompute
@@ -123,6 +129,14 @@ export default class GridModel<TRow> {
      * Get filtered data (applies external, global, then column filters)
      */
     get filteredData(): TRow[];
+    /**
+     * Filtering and sorting are kept on the values they read rather than on the column models: an inline `def` is
+     * a new object every parent render, which rebuilt the columns and re-sorted 100,000 rows in 47ms each time.
+     */
+    private readonly _filtered;
+    private readonly _sorted;
+    private readonly _rowModels;
+    private static reuse;
     /** What the grid tells `Box.onInteraction` about a change no host callback carries; `content` names what a person typed. */
     reportInteraction(type: InteractionType<'datagrid'>, value: unknown, reason?: string, details?: Record<string, unknown>, content?: readonly string[]): void;
     /**
@@ -346,6 +360,11 @@ export default class GridModel<TRow> {
     /** Group rows shut by hand, which is what a `groupDefaultExpanded` grid needs to remember. */
     private _collapsedGroupRow;
     toggleGroupRow: (groupRowKey: Key, expanded?: boolean) => void;
+    /**
+     * Opening a row changes which rows are shown, not which rows there are: the filtered, sorted and grouped
+     * models stand, and only their flattening is redone. A datasource and a tree build the list from it.
+     */
+    private expansionChanged;
     /**
      * A tree row opened or shut. The walk over the rows is a different walk — and where the tree is lazy the
      * level just opened has not been asked for yet, which is what the bumped version tells the fetch effect.

package/components/dataGrid/models/groupRowModel.d.ts

@@ -8,7 +8,7 @@ export default class GroupRowModel<TRow> {
     readonly grid: GridModel<TRow>;
     readonly groupColumn: ColumnModel<TRow>;
     readonly rows: RowModel<TRow>[] | GroupRowModel<TRow>[];
-    readonly rowIndex: number;
+    rowIndex: number;
     constructor(grid: GridModel<TRow>, groupColumn: ColumnModel<TRow>, rows: RowModel<TRow>[] | GroupRowModel<TRow>[], rowIndex: number, groupValue: Key);
     protected _groupValue: Key;
     /**

package/components/dataGrid/models/rowModel.d.ts

@@ -5,7 +5,7 @@ import { default as GridModel } from './gridModel';
 import { default as GroupRowModel } from './groupRowModel';
 export default class RowModel<TRow> {
     readonly grid: GridModel<TRow>;
-    readonly rowIndex: number;
+    rowIndex: number;
     constructor(grid: GridModel<TRow>, data: TRow, rowIndex: number);
     protected _data: TRow;
     /**

package/components/dataGrid/models/sourceGroupRowModel.d.ts

@@ -14,7 +14,11 @@ import { default as SourceLevel } from './sourceLevel';
  */
 export default class SourceGroupRowModel<TRow> extends GroupRowModel<TRow> {
     private readonly level;
-    constructor(grid: GridModel<TRow>, level: SourceLevel<TRow>, groupColumn: ColumnModel<TRow>, rowIndex: number);
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    private readonly levelIndex;
+    constructor(grid: GridModel<TRow>, level: SourceLevel<TRow>, groupColumn: ColumnModel<TRow>, 
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    levelIndex: number, display?: number);
     private get row();
     /** The row the server sent for this group: its value, and whatever totals came with it. */
     get data(): TRow | undefined;

package/components/dataGrid/models/sourceRowModel.d.ts

@@ -15,9 +15,13 @@ import { default as SourceLevel } from './sourceLevel';
 export default class SourceRowModel<TRow> extends RowModel<TRow> {
     /** The level it belongs to: the top one, or the group or tree row somebody opened. */
     protected readonly sourceLevel: SourceLevel<TRow>;
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    protected readonly levelIndex: number;
     constructor(grid: GridModel<TRow>, 
     /** The level it belongs to: the top one, or the group or tree row somebody opened. */
-    sourceLevel: SourceLevel<TRow>, rowIndex: number);
+    sourceLevel: SourceLevel<TRow>, 
+    /** Where it sits in that level's block cache; `rowIndex` is where it sits on screen (bug #327). */
+    levelIndex: number, display?: number);
     private get row();
     get data(): TRow;
     get placeholder(): boolean;