@box-kite/react 2.3.1 → 2.4.1

package/components/dateField.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("../date-input.cjs"),c=require("../reporting.cjs"),l=require("../date-environment.cjs");let u=require("react"),d=require("react/jsx-runtime");var f=`data-segment`;function p(e,p){let{type:m=`date`,value:ee,defaultValue:te=null,onValueChange:ne,zone:h,locale:re,hourCycle:ie,granularity:g=`minute`,min:_,max:v,isDateUnavailable:y,disabled:b=!1,readOnly:x=!1,required:S=!1,invalid:ae,name:C,label:w,labelledBy:oe,describedBy:T,placeholderValue:E,disambiguation:D,showZone:se,end:O,autoFocus:ce,emptyText:le=`Empty`,tabIndex:ue=0,props:de,...k}=e,A=l.n({locale:re,zone:h===`none`?void 0:h}),{locale:j}=A,M=m===`datetime`&&h!==`none`?A.zone:null,N=ie??a.b(j),P=(0,u.useMemo)(()=>({type:m,locale:j,hourCycle:N,granularity:g}),[m,j,N,g]),F=(0,u.useMemo)(()=>s.o(P),[P]),I=`${m}|${j}|${N}|${g}|${M}`,[L,fe]=c.a({value:ee,defaultValue:te,onChange:(e,t)=>ne?.(e,{...t,...o.x(e,M??A.zone)}),interaction:{component:`dateField`,type:`valueChange`,content:[`value`]}}),[R,z]=(0,u.useState)(()=>({draft:s.n(L,P,M),source:L,key:I})),B=R.draft;if(R.source!==L||R.key!==I){let e=s.f(R.draft,F,P,{zone:M,disambiguation:D}),t={draft:R.key===I&&e===L?R.draft:s.n(L,P,M),source:L,key:I};z(t),B=t.draft}let[V,H]=(0,u.useState)(null),U=(0,u.useRef)(null),W=(0,u.useRef)(null),G=i.t(`date-field`),pe=w===void 0?void 0:`${G}-label`,K=(0,u.useMemo)(()=>s.n(E??`${o.N(A.zone)}T00:00:00`,{...P,type:P.type===`date`?`date`:`datetime`},null),[E,A.zone,P]),q=(e,t,n)=>{let r=s.f(e,F,P,{zone:M,disambiguation:D});z({draft:e,source:r,key:I}),fe(r,{reason:t,event:n})},J=r.o({draft:B,editing:V,commit:q}),Y=()=>Array.from(U.current?.querySelectorAll(`[${f}]`)??[]),X=e=>{let t=Y();t[Math.max(0,Math.min(e,t.length-1))]?.focus()},Z=e=>Y().indexOf(e),Q=(e,t,n,r)=>{let{draft:i,editing:a}=J.current,o=a?.type===t?a.buffer:``;if(t===`dayPeriod`){let t=s.d(i,n,j);t&&(J.current.commit(t,`keyboard`,r),X(Z(e)+1));return}if(!/^\d$/.test(n)){/^[^\p{L}\p{N}]$/u.test(n)&&i[t]!==void 0&&X(Z(e)+1);return}let c=s.u(i,t,o,n,P);H({type:t,buffer:c.advance?``:c.buffer}),J.current.commit(c.draft,`keyboard`,r),c.advance&&X(Z(e)+1)},me=r.a(e=>{let n=e.target.closest(`[${f}]`);if(!n||b||e.defaultPrevented)return;let r=n.getAttribute(f),i=Z(n),a=t._(n),{key:o}=e,c=J.current.draft,l=t=>{e.preventDefault(),!x&&(H({type:r,buffer:``}),q(t,`keyboard`,e))};if(o===`ArrowUp`||o===`ArrowDown`)return l(s.c(c,r,o===`ArrowUp`?1:-1,P,K));if(o===`PageUp`||o===`PageDown`)return l(s.c(c,r,(o===`PageUp`?1:-1)*s.t[r],P,K));if(o===`Home`||o===`End`){let e=s.i(r,c,P);return l({...c,[r]:o===`Home`?e.min:e.max})}if(o===`ArrowLeft`||o===`ArrowRight`){e.preventDefault(),X(i+(o===`ArrowRight`===a?-1:1));return}if(o===`Backspace`||o===`Delete`){if(e.preventDefault(),x)return;let t=J.current.editing?.type===r?J.current.editing.buffer:``;if(t.length>1){let n=t.slice(0,-1);H({type:r,buffer:n}),q({...c,[r]:Number(n)},`keyboard`,e)}else c[r]===void 0?o===`Backspace`&&X(i-1):(H({type:r,buffer:``}),q({...c,[r]:void 0},`keyboard`,e));return}if(o===`Enter`){e.preventDefault(),W.current?.form?.requestSubmit();return}o===`Unidentified`||o===`Process`||e.ctrlKey||e.metaKey||e.altKey||o.length!==1||(e.preventDefault(),x||Q(n,r,o,e))});(0,u.useEffect)(()=>{let e=U.current;if(!e)return;let t=e=>{let t=e.target?.closest(`[${f}]`);if(!t||(e.preventDefault(),b||x))return;let n=t.getAttribute(f);if(e.inputType.startsWith(`delete`)){t.dispatchEvent(new KeyboardEvent(`keydown`,{key:`Backspace`,bubbles:!0,cancelable:!0}));return}for(let r of e.data??``)Q(t,n,r,e)};return e.addEventListener(`beforeinput`,t),()=>e.removeEventListener(`beforeinput`,t)});let he=r.a(e=>{if(e.preventDefault(),b||x)return;let t=m===`datetime`?M?`instant`:`datetime`:m,n=s.m(e.clipboardData.getData(`text`),{locale:j,kind:t,zone:M??A.zone});n&&q(s.n(n,P,M),`paste`,e)});(0,u.useEffect)(()=>{let e=W.current?.form;if(!e)return;let t=e=>J.current.commit(s.n(te,P,M),`reset`,e);return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)}),(0,u.useEffect)(()=>{ce&&X(0)},[]);let ge=L!==null&&(_!=null&&o.i(L,_)<0||v!=null&&o.i(L,v)>0),_e=L!==null&&m!==`time`&&y?o.O(L,{zone:M??A.zone}):null,$=ae??(ge||_e!==null&&y(_e)),ve=m===`time`?[]:a.x(j),ye=typeof w==`string`?w:void 0,be=s.r(F)[0],xe=m===`datetime`&&M&&(se??M!==A.readerZone)?a.s(M,{locale:j,style:`short`,at:L??void 0}):null;return(0,d.jsxs)(d.Fragment,{children:[w!==void 0&&(0,d.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:pe,props:{onClick:()=>X(0)},children:w}),(0,d.jsxs)(n.default,{ref:e=>{U.current=e,t.d(p,e)},component:`dateField`,display:`inline-flex`,ai:`center`,position:`relative`,cursor:`text`,css:{fontVariantNumeric:`tabular-nums`,unicodeBidi:`isolate`},...k,variant:[k.variant,{disabled:b,invalid:$}],id:G,props:{role:`group`,"aria-labelledby":[pe,oe].filter(Boolean).join(` `)||void 0,"aria-describedby":T,"aria-disabled":b||void 0,"aria-invalid":$||void 0,...de,onKeyDown:me,onPaste:he,onPointerDown:e=>{if(e.target!==e.currentTarget||b)return;e.preventDefault();let t=s.r(F).findIndex(e=>J.current.draft[e]===void 0);X(t===-1?0:t)}},children:[F.map((e,t)=>{if(e.type===`literal`)return(0,d.jsx)(n.default,{component:`dateField.literal`,whiteSpace:`pre`,props:{"aria-hidden":!0},children:e.text},t);let r=e.type,i=s.i(r,B,P),o=B[r],c=o===void 0,l=V?.type===r?V.buffer:``,u=s.a(r,B,l,j),p=c?le:r===`month`?`${o} – ${ve[o-1]}`:r===`dayPeriod`?u:String(o);return(0,d.jsx)(n.default,{component:`dateField.segment`,display:`inline-block`,px:.5,borderRadius:1,textAlign:`end`,whiteSpace:`nowrap`,variant:{placeholder:c,disabled:b},id:`${G}-${r}`,props:{[f]:r,role:`spinbutton`,tabIndex:b?-1:ue,contentEditable:!b&&!x,suppressContentEditableWarning:!0,spellCheck:!1,autoCorrect:`off`,autoCapitalize:`off`,inputMode:r===`dayPeriod`?`text`:`numeric`,enterKeyHint:`next`,"aria-label":ye?`${a.y(r,j)}, ${ye}`:a.y(r,j),"aria-valuemin":i.min,"aria-valuemax":i.max,"aria-valuenow":o??K[r]??i.min,"aria-valuetext":p,"aria-readonly":x||void 0,"aria-disabled":b||void 0,"aria-invalid":$||void 0,"aria-describedby":r===be?T:void 0,onFocus:()=>H({type:r,buffer:``}),onBlur:()=>H(null)},children:u},t)}),xe&&(0,d.jsx)(n.default,{component:`dateField.zone`,ms:2,fontSize:13,whiteSpace:`nowrap`,children:xe}),O!==void 0&&(0,d.jsx)(n.default,{display:`inline-flex`,ai:`center`,ms:`auto`,children:O}),C!==void 0||S?(0,d.jsx)(u.Fragment,{children:S?(0,d.jsx)(n.default,{tag:`input`,ref:W,component:`dateField.validation`,required:!0,disabled:b,props:{type:`text`,name:C,value:L??``,tabIndex:-1,"aria-hidden":!0,onChange:()=>{},onFocus:()=>X(0)}}):(0,d.jsx)(`input`,{ref:W,type:`hidden`,name:C,value:L??``,disabled:b})}):null]})]})}var m=e.f(p,`DateField`);exports.default=m;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../box.cjs"),r=require("../behavior.cjs"),i=require("../identity.cjs"),a=require("../dates.cjs"),o=require("../date-math.cjs"),s=require("../date-input.cjs"),c=require("../reporting.cjs"),l=require("../date-environment.cjs");let u=require("react"),d=require("react/jsx-runtime");var f=`data-segment`;function p(e,p){let{type:m=`date`,value:ee,defaultValue:h=null,onValueChange:te,zone:g,locale:ne,hourCycle:re,granularity:_=`minute`,min:v,max:ie,isDateUnavailable:y,disabled:b=!1,readOnly:x=!1,required:S=!1,invalid:ae,name:C,label:w,labelledBy:oe,describedBy:T,placeholderValue:E,disambiguation:D,showZone:se,end:O,autoFocus:ce,emptyText:le=`Empty`,tabIndex:ue=0,props:de,...k}=e,A=l.n({locale:ne,zone:g===`none`?void 0:g}),{locale:j}=A,M=m===`datetime`&&g!==`none`?A.zone:null,N=re??a.b(j),P=(0,u.useMemo)(()=>({type:m,locale:j,hourCycle:N,granularity:_}),[m,j,N,_]),F=(0,u.useMemo)(()=>s.o(P),[P]),I=`${m}|${j}|${N}|${_}|${M}`,[L,fe]=c.a({value:ee,defaultValue:h,onChange:(e,t)=>te?.(e,{...t,...o.x(e,M??A.zone)}),interaction:{component:`dateField`,type:`valueChange`,content:[`value`]}}),[R,z]=(0,u.useState)(()=>({draft:s.n(L,P,M),source:L,key:I})),B=R.draft;if(R.source!==L||R.key!==I){let e=s.f(R.draft,F,P,{zone:M,disambiguation:D}),t={draft:R.key===I&&e===L?R.draft:s.n(L,P,M),source:L,key:I};z(t),B=t.draft}let[V,H]=(0,u.useState)(null),U=(0,u.useRef)(null),W=(0,u.useRef)(null),G=i.t(`date-field`),K=w===void 0?void 0:`${G}-label`,q=(0,u.useMemo)(()=>s.n(E??`${o.N(A.zone)}T00:00:00`,{...P,type:P.type===`date`?`date`:`datetime`},null),[E,A.zone,P]),J=(e,t,n)=>{let r=s.f(e,F,P,{zone:M,disambiguation:D});z({draft:e,source:r,key:I}),fe(r,{reason:t,event:n})},Y=r.o({draft:B,editing:V,commit:J}),X=()=>Array.from(U.current?.querySelectorAll(`[${f}]`)??[]),Z=e=>{let t=X();t[Math.max(0,Math.min(e,t.length-1))]?.focus()},Q=e=>X().indexOf(e),pe=(e,t,n,r)=>{let{draft:i,editing:a}=Y.current,o=a?.type===t?a.buffer:``;if(t===`dayPeriod`){let t=s.d(i,n,j);t&&(Y.current.commit(t,`keyboard`,r),Z(Q(e)+1));return}if(!/^\d$/.test(n)){/^[^\p{L}\p{N}]$/u.test(n)&&i[t]!==void 0&&Z(Q(e)+1);return}let c=s.u(i,t,o,n,P);H({type:t,buffer:c.advance?``:c.buffer}),Y.current.commit(c.draft,`keyboard`,r),c.advance&&Z(Q(e)+1)},me=r.a(e=>{let n=e.target.closest(`[${f}]`);if(!n||b||e.defaultPrevented)return;let r=n.getAttribute(f),i=Q(n),a=t._(n),{key:o}=e,c=Y.current.draft,l=t=>{e.preventDefault(),!x&&(H({type:r,buffer:``}),J(t,`keyboard`,e))};if(o===`ArrowUp`||o===`ArrowDown`)return l(s.c(c,r,o===`ArrowUp`?1:-1,P,q));if(o===`PageUp`||o===`PageDown`)return l(s.c(c,r,(o===`PageUp`?1:-1)*s.t[r],P,q));if(o===`Home`||o===`End`){let e=s.i(r,c,P);return l({...c,[r]:o===`Home`?e.min:e.max})}if(o===`ArrowLeft`||o===`ArrowRight`){e.preventDefault(),Z(i+(o===`ArrowRight`===a?-1:1));return}if(o===`Backspace`||o===`Delete`){if(e.preventDefault(),x)return;let t=Y.current.editing?.type===r?Y.current.editing.buffer:``;if(t.length>1){let n=t.slice(0,-1);H({type:r,buffer:n}),J({...c,[r]:Number(n)},`keyboard`,e)}else c[r]===void 0?o===`Backspace`&&Z(i-1):(H({type:r,buffer:``}),J({...c,[r]:void 0},`keyboard`,e));return}if(o===`Enter`){e.preventDefault(),W.current?.form?.requestSubmit();return}o===`Unidentified`||o===`Process`||e.ctrlKey||e.metaKey||e.altKey||o.length!==1||(e.preventDefault(),x||pe(n,r,o,e))});(0,u.useEffect)(()=>{let e=U.current;if(!e)return;let t=e=>{let t=e.target?.closest(`[${f}]`);if(!t||(e.preventDefault(),b||x))return;let n=t.getAttribute(f);if(e.inputType.startsWith(`delete`)){t.dispatchEvent(new KeyboardEvent(`keydown`,{key:`Backspace`,bubbles:!0,cancelable:!0}));return}for(let r of e.data??``)pe(t,n,r,e)};return e.addEventListener(`beforeinput`,t),()=>e.removeEventListener(`beforeinput`,t)});let he=r.a(e=>{if(e.preventDefault(),b||x)return;let t=m===`datetime`?M?`instant`:`datetime`:m,n=s.m(e.clipboardData.getData(`text`),{locale:j,kind:t,zone:M??A.zone});n&&J(s.n(n,P,M),`paste`,e)});(0,u.useEffect)(()=>{let e=W.current?.form;if(!e)return;let t=e=>Y.current.commit(s.n(h,P,M),`reset`,e);return e.addEventListener(`reset`,t),()=>e.removeEventListener(`reset`,t)}),(0,u.useEffect)(()=>{ce&&Z(0)},[]);let ge=L!==null&&(v!=null&&o.i(L,v)<0||ie!=null&&o.i(L,ie)>0),_e=L!==null&&m!==`time`&&y?o.O(L,{zone:M??A.zone}):null,$=ae??(ge||_e!==null&&y(_e)),ve=m===`time`?[]:a.x(j),ye=typeof w==`string`?w:void 0,be=s.r(F)[0],xe=m===`datetime`&&M&&(se??M!==A.readerZone)?a.s(M,{locale:j,style:`short`,at:L??void 0}):null;return(0,d.jsxs)(d.Fragment,{children:[w!==void 0&&(0,d.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:K,props:{onClick:()=>Z(0)},children:w}),(0,d.jsxs)(n.default,{ref:e=>{U.current=e,t.d(p,e)},component:`dateField`,display:`inline-flex`,ai:`center`,position:`relative`,cursor:`text`,css:{fontVariantNumeric:`tabular-nums`,unicodeBidi:`isolate`},...k,variant:[k.variant,{disabled:b,invalid:$}],id:k.id??G,props:{role:`group`,"aria-labelledby":[K,oe].filter(Boolean).join(` `)||void 0,"aria-describedby":T,"aria-disabled":b||void 0,"aria-invalid":$||void 0,...de,onKeyDown:me,onPaste:he,onPointerDown:e=>{if(e.target!==e.currentTarget||b)return;e.preventDefault();let t=s.r(F).findIndex(e=>Y.current.draft[e]===void 0);Z(t===-1?0:t)}},children:[F.map((e,t)=>{if(e.type===`literal`)return(0,d.jsx)(n.default,{component:`dateField.literal`,whiteSpace:`pre`,props:{"aria-hidden":!0},children:e.text},t);let r=e.type,i=s.i(r,B,P),o=B[r],c=o===void 0,l=V?.type===r?V.buffer:``,u=s.a(r,B,l,j),p=c?le:r===`month`?`${o} – ${ve[o-1]}`:r===`dayPeriod`?u:String(o);return(0,d.jsx)(n.default,{component:`dateField.segment`,display:`inline-block`,px:.5,borderRadius:1,textAlign:`end`,whiteSpace:`nowrap`,variant:{placeholder:c,disabled:b},id:`${G}-${r}`,props:{[f]:r,role:`spinbutton`,tabIndex:b?-1:ue,contentEditable:!b&&!x,suppressContentEditableWarning:!0,spellCheck:!1,autoCorrect:`off`,autoCapitalize:`off`,inputMode:r===`dayPeriod`?`text`:`numeric`,enterKeyHint:`next`,"aria-label":ye?`${a.y(r,j)}, ${ye}`:a.y(r,j),"aria-valuemin":i.min,"aria-valuemax":i.max,"aria-valuenow":o??q[r]??i.min,"aria-valuetext":p,"aria-readonly":x||void 0,"aria-disabled":b||void 0,"aria-invalid":$||void 0,"aria-describedby":r===be?T:void 0,onFocus:()=>H({type:r,buffer:``}),onBlur:()=>H(null)},children:u},t)}),xe&&(0,d.jsx)(n.default,{component:`dateField.zone`,ms:2,fontSize:13,whiteSpace:`nowrap`,children:xe}),O!==void 0&&(0,d.jsx)(n.default,{display:`inline-flex`,ai:`center`,ms:`auto`,children:O}),C!==void 0||S?(0,d.jsx)(u.Fragment,{children:S?(0,d.jsx)(n.default,{tag:`input`,ref:W,component:`dateField.validation`,required:!0,disabled:b,props:{type:`text`,name:C,value:L??``,tabIndex:-1,"aria-hidden":!0,onChange:()=>{},onFocus:()=>Z(0)}}):(0,d.jsx)(`input`,{ref:W,type:`hidden`,name:C,value:L??``,disabled:b})}):null]})]})}var m=e._(p,`DateField`);exports.default=m;

package/components/dateField.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { _ as t, d as n } from "../platform.mjs";
 import r from "../box.mjs";
 import { a as i, o as a } from "../behavior.mjs";
@@ -13,23 +13,23 @@ import { Fragment as me, useEffect as m, useMemo as h, useRef as he, useState as
 import { Fragment as _e, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/dateField.tsx
 var v = "data-segment";
-function ve(e, ve) {
-	let { type: y = "date", value: ye, defaultValue: b = null, onValueChange: be, zone: x, locale: xe, hourCycle: Se, granularity: S = "minute", min: Ce, max: we, isDateUnavailable: Te, disabled: C = !1, readOnly: w = !1, required: Ee = !1, invalid: De, name: T, label: E, labelledBy: Oe, describedBy: D, placeholderValue: O, disambiguation: k, showZone: ke, end: A, autoFocus: Ae, emptyText: je = "Empty", tabIndex: Me = 0, props: Ne, ...j } = e, M = pe({
+function y(e, y) {
+	let { type: b = "date", value: ve, defaultValue: ye = null, onValueChange: be, zone: x, locale: xe, hourCycle: Se, granularity: S = "minute", min: Ce, max: we, isDateUnavailable: Te, disabled: C = !1, readOnly: w = !1, required: Ee = !1, invalid: De, name: T, label: E, labelledBy: Oe, describedBy: D, placeholderValue: O, disambiguation: k, showZone: ke, end: A, autoFocus: Ae, emptyText: je = "Empty", tabIndex: Me = 0, props: Ne, ...j } = e, M = pe({
 		locale: xe,
 		zone: x === "none" ? void 0 : x
-	}), { locale: N } = M, P = y === "datetime" && x !== "none" ? M.zone : null, F = Se ?? s(N), I = h(() => ({
-		type: y,
+	}), { locale: N } = M, P = b === "datetime" && x !== "none" ? M.zone : null, F = Se ?? s(N), I = h(() => ({
+		type: b,
 		locale: N,
 		hourCycle: F,
 		granularity: S
 	}), [
-		y,
+		b,
 		N,
 		F,
 		S
-	]), L = h(() => ce(I), [I]), R = `${y}|${N}|${F}|${S}|${P}`, [z, Pe] = fe({
-		value: ye,
-		defaultValue: b,
+	]), L = h(() => ce(I), [I]), R = `${b}|${N}|${F}|${S}|${P}`, [z, Pe] = fe({
+		value: ve,
+		defaultValue: ye,
 		onChange: (e, t) => be?.(e, {
 			...t,
 			...ie(e, P ?? M.zone)
@@ -168,7 +168,7 @@ function ve(e, ve) {
 	});
 	let Be = i((e) => {
 		if (e.preventDefault(), C || w) return;
-		let t = y === "datetime" ? P ? "instant" : "datetime" : y, n = se(e.clipboardData.getData("text"), {
+		let t = b === "datetime" ? P ? "instant" : "datetime" : b, n = se(e.clipboardData.getData("text"), {
 			locale: N,
 			kind: t,
 			zone: P ?? M.zone
@@ -178,12 +178,12 @@ function ve(e, ve) {
 	m(() => {
 		let e = G.current?.form;
 		if (!e) return;
-		let t = (e) => Y.current.commit(p(b, I, P), "reset", e);
+		let t = (e) => Y.current.commit(p(ye, I, P), "reset", e);
 		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
 	}), m(() => {
 		Ae && X(0);
 	}, []);
-	let Ve = z !== null && (Ce != null && re(z, Ce) < 0 || we != null && re(z, we) > 0), He = z !== null && y !== "time" && Te ? ne(z, { zone: P ?? M.zone }) : null, Q = De ?? (Ve || He !== null && Te(He)), Ue = y === "time" ? [] : ee(N), We = typeof E == "string" ? E : void 0, Ge = le(L)[0], $ = y === "datetime" && P && (ke ?? P !== M.readerZone) ? c(P, {
+	let Ve = z !== null && (Ce != null && re(z, Ce) < 0 || we != null && re(z, we) > 0), He = z !== null && b !== "time" && Te ? ne(z, { zone: P ?? M.zone }) : null, Q = De ?? (Ve || He !== null && Te(He)), Ue = b === "time" ? [] : ee(N), We = typeof E == "string" ? E : void 0, Ge = le(L)[0], $ = b === "datetime" && P && (ke ?? P !== M.readerZone) ? c(P, {
 		locale: N,
 		style: "short",
 		at: z ?? void 0
@@ -198,7 +198,7 @@ function ve(e, ve) {
 		children: E
 	}), /* @__PURE__ */ _(r, {
 		ref: (e) => {
-			W.current = e, n(ve, e);
+			W.current = e, n(y, e);
 		},
 		component: "dateField",
 		display: "inline-flex",
@@ -214,7 +214,7 @@ function ve(e, ve) {
 			disabled: C,
 			invalid: Q
 		}],
-		id: K,
+		id: j.id ?? K,
 		props: {
 			role: "group",
 			"aria-labelledby": [Ie, Oe].filter(Boolean).join(" ") || void 0,
@@ -319,6 +319,6 @@ function ve(e, ve) {
 		]
 	})] });
 }
-var y = e(ve, "DateField");
+var b = e(y, "DateField");
 //#endregion
-export { y as default };
+export { b as default };

package/components/datePicker.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("../placement.cjs"),a=require("../dates.cjs"),o=require("../date-math.cjs"),s=require("../date-input.cjs"),c=require("../reporting.cjs"),l=require("./svg.cjs"),u=require("../date-environment.cjs"),d=require("./calendar.cjs"),f=require("../layer.cjs"),p=require("./overlay.cjs"),m=require("../motion.cjs"),h=require("./dateField.cjs");let g=require("react"),_=require("react/jsx-runtime");function v(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`M3 3.5h10a1 1 0 0 1 1 1V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1ZM2 7h12M5.5 2v3M10.5 2v3`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function y(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12ZM8 5v3l2 1.5`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`,strokeLinejoin:`round`})})}function b(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`0.875rem`,height:`0.875rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`m4.5 4.5 7 7m0-7-7 7`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function x(e){let[a,o]=(0,g.useState)(null),s=e.ref,c=(0,g.useCallback)(e=>{o(e),t.d(s,e)},[s]),l=e=>{if(!e||e.contains(document.activeElement)&&document.activeElement!==e)return;let t=[`[data-date][tabindex="0"]`,`[role="option"][tabindex="0"]`,`button:not([disabled])`].map(t=>e.querySelector(t)).find(Boolean),n=e.querySelector(`[role="listbox"]`),r=n?.querySelector(`[role="option"][tabindex="0"]`);n&&r&&(n.scrollTop=r.offsetTop-n.clientHeight/2+r.offsetHeight/2),(t??e).focus({preventScroll:!0})},u=r.a(e=>l(e)),{platform:d,isOpen:h,id:v,setPanel:y,setOpen:b,trigger:x,triggerElement:S,panelElement:C}=f.t({haspopup:`dialog`,idPrefix:`date-picker`,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:e.onOpenChange,interaction:{component:`datePicker`,type:`openChange`},onOpened:u}),w=i.t({side:e.side,align:e.align,offset:1,flip:!0,matchWidth:e.matchWidth,anchor:a});(0,g.useEffect)(()=>{h&&l(C)},[h,C]);let T=(0,g.useCallback)(()=>C,[C]),E=m.n(h,T);return{attachTrigger:x.ref,triggerAttributes:x.props,triggerElement:S,closeOnChoice:e=>{S?.focus(),b(!1,{reason:`select`,event:e})},id:v,attachField:c,panel:t=>{let r={role:`dialog`,"aria-label":e.label,tabIndex:-1};return d?(0,_.jsx)(n.default,{ref:y,component:`popover`,variant:[e.variant,{topLayer:!0}],p:3,...w.layerProps,id:v,props:{popover:`auto`,...r},children:E===`closed`?null:t}):h&&(0,_.jsx)(p.default,{contentRef:y,anchor:a,side:e.side,align:e.align,offset:1,matchWidth:e.matchWidth,component:`popover`,variant:e.variant,p:3,id:v,props:r,children:t})}}}function S(e){let{value:t,step:i,locale:o,hourCycle:c,onSelect:l,label:u,min:d,max:f,emptyLabel:p,separated:m}=e,h=(0,g.useMemo)(()=>s.l(i,{min:d,max:f}),[i,d,f]),v=s.s(t,i),y=Math.max(0,v?h.indexOf(v):h.indexOf(`09:00:00`)),b=r.t({count:h.length,defaultActiveIndex:y,loop:!1,onSelect:(e,t)=>l(h[e],t)}),x=m?{ps:2,bs:1}:{};return h.length===0?(0,_.jsx)(n.default,{component:`datePicker.empty`,flexGrow:1,px:3,py:1.5,fontSize:14,...x,props:{role:`status`},children:p}):(0,_.jsx)(n.default,{component:`datePicker.times`,position:`relative`,display:`flex`,d:`column`,flexGrow:1,gap:.5,maxHeight:72,overflowY:`auto`,p:1,...x,props:{role:`listbox`,"aria-label":u,onKeyDown:b.onKeyDown},children:h.map((e,t)=>(0,_.jsx)(n.default,{component:`datePicker.time`,variant:{selected:e===v},minHeight:`control`,px:3,py:1.5,borderRadius:2,fontSize:`control`,textAlign:`start`,whiteSpace:`nowrap`,css:{fontVariantNumeric:`tabular-nums`},props:{role:`option`,"aria-selected":e===v,...b.itemProps(t),onClick:t=>l(e,t)},children:a.t(e,{locale:o,hour:`numeric`,minute:`2-digit`,hourCycle:c===void 0?void 0:c===12?`h12`:`h23`})},e))})}function C(e){return(0,_.jsx)(n.default,{component:`datePicker.presets`,display:`flex`,d:`column`,gap:.5,pe:2,be:1,props:{role:`group`},children:e.presets.map(t=>(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.preset`,variant:{selected:e.isSelected(t.value)},minHeight:`control`,px:3,py:1.5,borderRadius:2,fontSize:`control`,textAlign:`start`,whiteSpace:`nowrap`,props:{type:`button`,onClick:n=>e.onSelect(t.value,n)},children:t.label},t.label))})}function w(e){let{frame:t,attachField:i,attachTrigger:a,triggerAttributes:o,triggerElement:s,id:c,label:l,labelledBy:u,describedBy:d}=e,{text:f,placeholder:p,icon:m,clear:h,disabled:v,invalid:y,required:b=!1,tabIndex:x,inputs:S,onReset:C}=e,w=(0,g.useRef)(null),T=l===void 0?void 0:`${c}-label`,E=`${c}-value`,D=r.a(C);return(0,g.useEffect)(()=>{let e=w.current?.form;if(e)return e.addEventListener(`reset`,D),()=>e.removeEventListener(`reset`,D)},[D]),(0,_.jsxs)(_.Fragment,{children:[l!==void 0&&(0,_.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:T,props:{onClick:()=>s?.focus()},children:l}),(0,_.jsxs)(n.default,{ref:i,component:`dateField`,display:`inline-flex`,ai:`center`,position:`relative`,cursor:`pointer`,css:{fontVariantNumeric:`tabular-nums`},...t,variant:[t.variant,{disabled:v,invalid:y}],children:[(0,_.jsx)(n.default,{tag:`button`,ref:a,component:`datePicker.value`,variant:{placeholder:!f},flexGrow:1,textAlign:`start`,whiteSpace:`nowrap`,css:{font:`inherit`},after:{position:`absolute`,inset:0},disabled:v,props:{type:`button`,tabIndex:x,"aria-labelledby":[T,u,E].filter(Boolean).join(` `),"aria-describedby":d,"aria-invalid":y||void 0,...o},children:(0,_.jsx)(`span`,{id:E,children:f||p})}),(0,_.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:1,ms:2,children:[h,(0,_.jsx)(n.default,{component:`datePicker.icon`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,props:{"aria-hidden":!0},children:m})]}),S.map((e,t)=>b?(0,_.jsx)(n.default,{tag:`input`,ref:t===0?w:void 0,component:`dateField.validation`,required:!0,disabled:v,props:{type:`text`,name:e.name,value:e.value,tabIndex:-1,"aria-hidden":!0,onChange:()=>{},onFocus:()=>s?.focus()}},t):e.name===void 0?null:(0,_.jsx)(`input`,{ref:t===0?w:void 0,type:`hidden`,name:e.name,value:e.value,disabled:v},t))]})]})}function T(e,t){let{type:r=`date`,value:i,defaultValue:s=null,onValueChange:l,zone:f,locale:p,hourCycle:m,granularity:g,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k=!1,readOnly:A=!1,required:ee,invalid:te,name:ne,label:j,labelledBy:re,describedBy:ie,open:ae,defaultOpen:oe,onOpenChange:se,closeOnSelect:M=!0,firstDayOfWeek:ce,weekNumbers:le,side:ue=`bottom`,align:de=`start`,matchWidth:fe=r===`time`,emptyTimesLabel:pe=`No times available`,clearable:N=!1,pickOnly:me=!1,triggerLabel:P,clearLabel:F=`Clear`,tabIndex:I,step:L=30,defaultTime:he=`00:00`,presets:R,showZone:ge,...z}=e,B=u.n({locale:p,zone:f===`none`?void 0:f}),{locale:V}=B,H=r===`datetime`&&f!==`none`?B.zone:null,U=H??B.zone,[W,G]=c.a({value:i,defaultValue:s,onChange:(e,t)=>l?.(e,{...t,...o.x(e,U)}),interaction:{component:`datePicker`,type:`valueChange`,content:[`value`]}}),K=P??(r===`time`?`Choose time`:`Choose date`),q=typeof j==`string`?j:K,{attachTrigger:J,triggerAttributes:_e,triggerElement:Y,closeOnChoice:X,id:Z,attachField:Q,panel:ve}=x({ref:t,open:ae,defaultOpen:oe,onOpenChange:se,side:ue,align:de,matchWidth:fe,label:q,variant:z.variant}),$=W&&r!==`time`?o.O(W,{zone:U}):null,ye=W&&r!==`date`?o.A(W,{zone:U}):null,be=r===`datetime`?$??o.N(U):null,xe=e=>e&&(be===null||o.O(e,{zone:U})===be)?o.A(e,{zone:U}):null,Se=W?a.t(W,{locale:V,zone:U,hourCycle:m===void 0?void 0:m===12?`h12`:`h23`,...r===`date`?{dateStyle:`medium`}:r===`time`?{timeStyle:`short`}:{dateStyle:`medium`,timeStyle:`short`}}):``,Ce=me&&W&&H&&(ge??H!==B.readerZone)?a.s(H,{locale:V,style:`short`,at:W}):null,we=X,Te=(e,t)=>o.r(e,t,H?{zone:H,disambiguation:T}:{}),Ee=(e,t)=>{e&&(r===`date`?(G(e,{reason:`select`,event:t}),M&&we(t)):G(Te(e,ye??he),{reason:`select`,event:t}))},De=(e,t)=>{G(r===`time`?e:Te($??o.N(U),e),{reason:`select`,event:t}),M&&we(t)},Oe=(0,_.jsx)(n.default,{tag:`button`,ref:J,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,ms:2,me:-1.5,borderRadius:1.5,disabled:k||A,props:{type:`button`,"aria-label":Se?`${K}, ${Se}`:K,tabIndex:I,..._e},children:r===`time`?(0,_.jsx)(y,{}):(0,_.jsx)(v,{})}),ke=N&&W&&!k&&!A&&(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,ms:1,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":F,tabIndex:I,onClick:e=>G(null,{reason:`clear`,event:e})},children:(0,_.jsx)(b,{})}),Ae=W!==null&&(E!=null&&o.i(W,E)<0||D!=null&&o.i(W,D)>0),je=me?(0,_.jsx)(w,{frame:z,attachField:Q,attachTrigger:A?void 0:J,triggerAttributes:A?void 0:_e,triggerElement:Y,id:Z,label:j,labelledBy:re,describedBy:ie,text:Ce?`${Se} ${Ce}`:Se,placeholder:K,icon:r===`time`?(0,_.jsx)(y,{}):(0,_.jsx)(v,{}),clear:ke,disabled:k,invalid:te??(Ae||$!==null&&!!O?.($)),required:ee,tabIndex:I,inputs:[{name:ne,value:W??``}],onReset:e=>G(s,{reason:`reset`,event:e})}):(0,_.jsx)(h.default,{ref:Q,...z,type:r,value:W,onValueChange:(e,t)=>G(e,{reason:t.reason,event:t.event}),zone:f,locale:p,hourCycle:m,granularity:g,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k,readOnly:A,required:ee,invalid:te,name:ne,label:j,labelledBy:re,describedBy:ie,showZone:ge,tabIndex:I,end:(0,_.jsxs)(_.Fragment,{children:[ke,Oe]})});return(0,_.jsxs)(c.t,{children:[je,ve((0,_.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[R&&R.length>0&&(0,_.jsx)(C,{presets:R,isSelected:e=>W!==null&&o.i(e,W,{zone:U})===0,onSelect:(e,t)=>{G(e,{reason:`preset`,event:t}),M&&we(t)}}),r!==`time`&&(0,_.jsx)(d.default,{value:$,onValueChange:(e,t)=>Ee(e,t.event),min:E?o.O(E,{zone:U}):void 0,max:D?o.O(D,{zone:U}):void 0,isDateUnavailable:O,locale:p,zone:f===`none`?void 0:f,firstDayOfWeek:ce,weekNumbers:le}),r!==`date`&&(0,_.jsx)(S,{value:ye,step:L,locale:V,hourCycle:m,label:r===`time`?q:`Time`,min:xe(E),max:xe(D),emptyLabel:pe,separated:r===`datetime`,onSelect:De})]}))]})}function E(e,t){let{value:r,defaultValue:i=null,onValueChange:s,locale:l,min:f,max:p,isDateUnavailable:m,disabled:y=!1,readOnly:S=!1,required:T,invalid:E,startName:D,endName:O,label:k,labelledBy:A,describedBy:ee,startLabel:te=`Start date`,endLabel:ne=`End date`,open:j,defaultOpen:re,onOpenChange:ie,closeOnSelect:ae=!0,firstDayOfWeek:oe,weekNumbers:se,months:M=2,side:ce=`bottom`,align:le=`start`,matchWidth:ue=!1,emptyTimesLabel:de,clearable:fe=!1,pickOnly:pe=!1,triggerLabel:N=`Choose dates`,clearLabel:me=`Clear`,tabIndex:P,presets:F,props:I,...L}=e,{locale:he}=u.n({locale:l}),[R,ge]=c.a({value:r,defaultValue:i,onChange:s,interaction:{component:`dateRangePicker`,type:`valueChange`,content:[`value`]}}),[z,B]=(0,g.useState)({start:R?.start??null,end:R?.end??null,source:R}),{start:V,end:H}=z;z.source!==R&&(V=R?.start??null,H=R?.end??null,B({start:V,end:H,source:R}));let{attachTrigger:U,triggerAttributes:W,triggerElement:G,closeOnChoice:K,id:q,attachField:J,panel:_e}=x({ref:t,open:j,defaultOpen:re,onOpenChange:ie,side:ce,align:le,matchWidth:ue,label:typeof k==`string`?k:N,variant:L.variant}),Y=R?a.n(R.start,R.end,{locale:he}):``,X=V!==null&&H!==null&&o.i(V,H)>0,Z=(e,t,n,r)=>{let i=e&&t&&o.i(e,t)<=0?{start:e,end:t}:null;B({start:e,end:t,source:i}),ge(i,{reason:n,event:r})},Q=K,ve={locale:l,min:f,max:p,isDateUnavailable:m,disabled:y,readOnly:S,required:T,component:`datePicker.part`,px:0,py:0,tabIndex:P},$=fe&&R&&!y&&!S&&(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":me,tabIndex:P,onClick:e=>Z(null,null,`clear`,e)},children:(0,_.jsx)(b,{})}),ye=R!==null&&(f!=null&&o.i(R.start,f)<0||p!=null&&o.i(R.end,p)>0),be=pe?(0,_.jsx)(w,{frame:{...L,props:I},attachField:J,attachTrigger:S?void 0:U,triggerAttributes:S?void 0:W,triggerElement:G,id:q,label:k,labelledBy:A,describedBy:ee,text:Y,placeholder:N,icon:(0,_.jsx)(v,{}),clear:$,disabled:y,invalid:E??ye,required:T,tabIndex:P,inputs:[{name:D,value:R?.start??``},{name:O,value:R?.end??``}],onReset:e=>Z(i?.start??null,i?.end??null,`reset`,e)}):(0,_.jsxs)(_.Fragment,{children:[k!==void 0&&(0,_.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:`${q}-label`,children:k}),(0,_.jsxs)(n.default,{ref:J,component:`dateField`,display:`inline-flex`,ai:`center`,gap:2,px:3,py:2,...L,variant:[L.variant,{disabled:y,invalid:E??X}],props:{role:`group`,"aria-labelledby":[k===void 0?void 0:`${q}-label`,A].filter(Boolean).join(` `)||void 0,"aria-invalid":(E??X)||void 0,"aria-describedby":ee,...I},children:[(0,_.jsx)(h.default,{...ve,value:V,onValueChange:(e,t)=>Z(e,H,t.reason,t.event),name:D,props:{"aria-label":te},invalid:E??X}),(0,_.jsx)(n.default,{component:`dateField.literal`,props:{"aria-hidden":!0},children:`–`}),(0,_.jsx)(h.default,{...ve,value:H,onValueChange:(e,t)=>Z(V,e,t.reason,t.event),name:O,props:{"aria-label":ne},invalid:E??X}),(0,_.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:2,ms:`auto`,children:[$,(0,_.jsx)(n.default,{tag:`button`,ref:U,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,borderRadius:1.5,disabled:y||S,props:{type:`button`,"aria-label":Y?`${N}, ${Y}`:N,tabIndex:P,...W},children:(0,_.jsx)(v,{})})]})]})]});return(0,_.jsxs)(c.t,{children:[be,_e((0,_.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[F&&F.length>0&&(0,_.jsx)(C,{presets:F,isSelected:e=>R!==null&&e.start===R.start&&e.end===R.end,onSelect:(e,t)=>{Z(e.start,e.end,`preset`,t),ae&&Q(t)}}),(0,_.jsx)(d.default,{mode:`range`,months:M,value:R,defaultFocusedDate:V??void 0,onValueChange:(e,t)=>{Z(e?.start??null,e?.end??null,`select`,t.event),ae&&e&&t.event&&Q(t.event)},min:f,max:p,isDateUnavailable:m,locale:l,firstDayOfWeek:oe,weekNumbers:se})]}))]})}var D=e.f(T,`DatePicker`),O=e.f(E,`DateRangePicker`);exports.DateRangePicker=O,exports.default=D;
+"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("../placement.cjs"),a=require("../dates.cjs"),o=require("../date-math.cjs"),s=require("../date-input.cjs"),c=require("../reporting.cjs"),l=require("./svg.cjs"),u=require("../date-environment.cjs"),d=require("./calendar.cjs"),f=require("../layer.cjs"),p=require("./overlay.cjs"),m=require("../motion.cjs"),h=require("./dateField.cjs");let g=require("react"),_=require("react/jsx-runtime");function v(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`M3 3.5h10a1 1 0 0 1 1 1V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1ZM2 7h12M5.5 2v3M10.5 2v3`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function y(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`1rem`,height:`1rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12ZM8 5v3l2 1.5`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`,strokeLinejoin:`round`})})}function b(){return(0,_.jsx)(l.Svg,{viewBox:`0 0 16 16`,width:`0.875rem`,height:`0.875rem`,props:{fill:`none`},children:(0,_.jsx)(l.Path,{d:`m4.5 4.5 7 7m0-7-7 7`,stroke:`currentColor`,strokeWidth:1.5,strokeLinecap:`round`})})}function x(e){let[a,o]=(0,g.useState)(null),s=e.ref,c=(0,g.useCallback)(e=>{o(e),t.d(s,e)},[s]),l=e=>{if(!e||e.contains(document.activeElement)&&document.activeElement!==e)return;let t=[`[data-date][tabindex="0"]`,`[role="option"][tabindex="0"]`,`button:not([disabled])`].map(t=>e.querySelector(t)).find(Boolean),n=e.querySelector(`[role="listbox"]`),r=n?.querySelector(`[role="option"][tabindex="0"]`);n&&r&&(n.scrollTop=r.offsetTop-n.clientHeight/2+r.offsetHeight/2),(t??e).focus({preventScroll:!0})},u=r.a(e=>l(e)),{platform:d,isOpen:h,id:v,setPanel:y,setOpen:b,trigger:x,triggerElement:S,panelElement:C}=f.t({haspopup:`dialog`,idPrefix:`date-picker`,open:e.open,defaultOpen:e.defaultOpen,onOpenChange:e.onOpenChange,interaction:{component:`datePicker`,type:`openChange`},onOpened:u}),w=i.t({side:e.side,align:e.align,offset:1,flip:!0,matchWidth:e.matchWidth,anchor:a});(0,g.useEffect)(()=>{h&&l(C)},[h,C]);let T=(0,g.useCallback)(()=>C,[C]),E=m.n(h,T);return{attachTrigger:x.ref,triggerAttributes:x.props,triggerElement:S,closeOnChoice:e=>{S?.focus(),b(!1,{reason:`select`,event:e})},id:v,attachField:c,panel:t=>{let r={role:`dialog`,"aria-label":e.label,tabIndex:-1};return d?(0,_.jsx)(n.default,{ref:y,component:`popover`,variant:[e.variant,{topLayer:!0}],p:3,...w.layerProps,id:v,props:{popover:`auto`,...r},children:E===`closed`?null:t}):h&&(0,_.jsx)(p.default,{contentRef:y,anchor:a,side:e.side,align:e.align,offset:1,matchWidth:e.matchWidth,component:`popover`,variant:e.variant,p:3,id:v,props:r,children:t})}}}function S(e){let{value:t,step:i,locale:o,hourCycle:c,onSelect:l,label:u,min:d,max:f,emptyLabel:p,separated:m}=e,h=(0,g.useMemo)(()=>s.l(i,{min:d,max:f}),[i,d,f]),v=s.s(t,i),y=Math.max(0,v?h.indexOf(v):h.indexOf(`09:00:00`)),b=r.t({count:h.length,defaultActiveIndex:y,loop:!1,onSelect:(e,t)=>l(h[e],t)}),x=m?{ps:2,bs:1}:{};return h.length===0?(0,_.jsx)(n.default,{component:`datePicker.empty`,flexGrow:1,px:3,py:1.5,fontSize:14,...x,props:{role:`status`},children:p}):(0,_.jsx)(n.default,{component:`datePicker.times`,position:`relative`,display:`flex`,d:`column`,flexGrow:1,gap:.5,maxHeight:72,overflowY:`auto`,p:1,...x,props:{role:`listbox`,"aria-label":u,onKeyDown:b.onKeyDown},children:h.map((e,t)=>(0,_.jsx)(n.default,{component:`datePicker.time`,variant:{selected:e===v},minHeight:`control`,px:3,py:1.5,borderRadius:2,fontSize:`control`,textAlign:`start`,whiteSpace:`nowrap`,css:{fontVariantNumeric:`tabular-nums`},props:{role:`option`,"aria-selected":e===v,...b.itemProps(t),onClick:t=>l(e,t)},children:a.t(e,{locale:o,hour:`numeric`,minute:`2-digit`,hourCycle:c===void 0?void 0:c===12?`h12`:`h23`})},e))})}function C(e){return(0,_.jsx)(n.default,{component:`datePicker.presets`,display:`flex`,d:`column`,gap:.5,pe:2,be:1,props:{role:`group`},children:e.presets.map(t=>(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.preset`,variant:{selected:e.isSelected(t.value)},minHeight:`control`,px:3,py:1.5,borderRadius:2,fontSize:`control`,textAlign:`start`,whiteSpace:`nowrap`,props:{type:`button`,onClick:n=>e.onSelect(t.value,n)},children:t.label},t.label))})}function w(e){let{frame:t,attachField:i,attachTrigger:a,triggerAttributes:o,triggerElement:s,id:c,label:l,labelledBy:u,describedBy:d}=e,{text:f,placeholder:p,icon:m,clear:h,disabled:v,invalid:y,required:b=!1,tabIndex:x,inputs:S,onReset:C}=e,w=(0,g.useRef)(null),T=l===void 0?void 0:`${c}-label`,E=`${c}-value`,D=r.a(C);return(0,g.useEffect)(()=>{let e=w.current?.form;if(e)return e.addEventListener(`reset`,D),()=>e.removeEventListener(`reset`,D)},[D]),(0,_.jsxs)(_.Fragment,{children:[l!==void 0&&(0,_.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:T,props:{onClick:()=>s?.focus()},children:l}),(0,_.jsxs)(n.default,{ref:i,component:`dateField`,display:`inline-flex`,ai:`center`,position:`relative`,cursor:`pointer`,css:{fontVariantNumeric:`tabular-nums`},...t,variant:[t.variant,{disabled:v,invalid:y}],children:[(0,_.jsx)(n.default,{tag:`button`,ref:a,component:`datePicker.value`,variant:{placeholder:!f},flexGrow:1,textAlign:`start`,whiteSpace:`nowrap`,css:{font:`inherit`},after:{position:`absolute`,inset:0},disabled:v,props:{type:`button`,tabIndex:x,"aria-labelledby":[T,u,E].filter(Boolean).join(` `),"aria-describedby":d,"aria-invalid":y||void 0,...o},children:(0,_.jsx)(`span`,{id:E,children:f||p})}),(0,_.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:1,ms:2,children:[h,(0,_.jsx)(n.default,{component:`datePicker.icon`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,props:{"aria-hidden":!0},children:m})]}),S.map((e,t)=>b?(0,_.jsx)(n.default,{tag:`input`,ref:t===0?w:void 0,component:`dateField.validation`,required:!0,disabled:v,props:{type:`text`,name:e.name,value:e.value,tabIndex:-1,"aria-hidden":!0,onChange:()=>{},onFocus:()=>s?.focus()}},t):e.name===void 0?null:(0,_.jsx)(`input`,{ref:t===0?w:void 0,type:`hidden`,name:e.name,value:e.value,disabled:v},t))]})]})}function T(e,t){let{type:r=`date`,value:i,defaultValue:s=null,onValueChange:l,zone:f,locale:p,hourCycle:m,granularity:g,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k=!1,readOnly:A=!1,required:ee,invalid:te,name:ne,label:j,labelledBy:re,describedBy:ie,open:ae,defaultOpen:oe,onOpenChange:se,closeOnSelect:M=!0,firstDayOfWeek:ce,weekNumbers:le,side:ue=`bottom`,align:de=`start`,matchWidth:fe=r===`time`,emptyTimesLabel:pe=`No times available`,clearable:N=!1,pickOnly:me=!1,triggerLabel:P,clearLabel:F=`Clear`,tabIndex:I,step:L=30,defaultTime:he=`00:00`,presets:R,showZone:ge,...z}=e,B=u.n({locale:p,zone:f===`none`?void 0:f}),{locale:V}=B,H=r===`datetime`&&f!==`none`?B.zone:null,U=H??B.zone,[W,G]=c.a({value:i,defaultValue:s,onChange:(e,t)=>l?.(e,{...t,...o.x(e,U)}),interaction:{component:`datePicker`,type:`valueChange`,content:[`value`]}}),K=P??(r===`time`?`Choose time`:`Choose date`),q=typeof j==`string`?j:K,{attachTrigger:J,triggerAttributes:_e,triggerElement:Y,closeOnChoice:X,id:Z,attachField:Q,panel:ve}=x({ref:t,open:ae,defaultOpen:oe,onOpenChange:se,side:ue,align:de,matchWidth:fe,label:q,variant:z.variant}),$=W&&r!==`time`?o.O(W,{zone:U}):null,ye=W&&r!==`date`?o.A(W,{zone:U}):null,be=r===`datetime`?$??o.N(U):null,xe=e=>e&&(be===null||o.O(e,{zone:U})===be)?o.A(e,{zone:U}):null,Se=W?a.t(W,{locale:V,zone:U,hourCycle:m===void 0?void 0:m===12?`h12`:`h23`,...r===`date`?{dateStyle:`medium`}:r===`time`?{timeStyle:`short`}:{dateStyle:`medium`,timeStyle:`short`}}):``,Ce=me&&W&&H&&(ge??H!==B.readerZone)?a.s(H,{locale:V,style:`short`,at:W}):null,we=X,Te=(e,t)=>o.r(e,t,H?{zone:H,disambiguation:T}:{}),Ee=(e,t)=>{e&&(r===`date`?(G(e,{reason:`select`,event:t}),M&&we(t)):G(Te(e,ye??he),{reason:`select`,event:t}))},De=(e,t)=>{G(r===`time`?e:Te($??o.N(U),e),{reason:`select`,event:t}),M&&we(t)},Oe=(0,_.jsx)(n.default,{tag:`button`,ref:J,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,ms:2,me:-1.5,borderRadius:1.5,disabled:k||A,props:{type:`button`,"aria-label":Se?`${K}, ${Se}`:K,tabIndex:I,..._e},children:r===`time`?(0,_.jsx)(y,{}):(0,_.jsx)(v,{})}),ke=N&&W&&!k&&!A&&(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,ms:1,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":F,tabIndex:I,onClick:e=>G(null,{reason:`clear`,event:e})},children:(0,_.jsx)(b,{})}),Ae=W!==null&&(E!=null&&o.i(W,E)<0||D!=null&&o.i(W,D)>0),je=me?(0,_.jsx)(w,{frame:z,attachField:Q,attachTrigger:A?void 0:J,triggerAttributes:A?void 0:_e,triggerElement:Y,id:Z,label:j,labelledBy:re,describedBy:ie,text:Ce?`${Se} ${Ce}`:Se,placeholder:K,icon:r===`time`?(0,_.jsx)(y,{}):(0,_.jsx)(v,{}),clear:ke,disabled:k,invalid:te??(Ae||$!==null&&!!O?.($)),required:ee,tabIndex:I,inputs:[{name:ne,value:W??``}],onReset:e=>G(s,{reason:`reset`,event:e})}):(0,_.jsx)(h.default,{ref:Q,...z,type:r,value:W,onValueChange:(e,t)=>G(e,{reason:t.reason,event:t.event}),zone:f,locale:p,hourCycle:m,granularity:g,disambiguation:T,min:E,max:D,isDateUnavailable:O,disabled:k,readOnly:A,required:ee,invalid:te,name:ne,label:j,labelledBy:re,describedBy:ie,showZone:ge,tabIndex:I,end:(0,_.jsxs)(_.Fragment,{children:[ke,Oe]})});return(0,_.jsxs)(c.t,{children:[je,ve((0,_.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[R&&R.length>0&&(0,_.jsx)(C,{presets:R,isSelected:e=>W!==null&&o.i(e,W,{zone:U})===0,onSelect:(e,t)=>{G(e,{reason:`preset`,event:t}),M&&we(t)}}),r!==`time`&&(0,_.jsx)(d.default,{value:$,onValueChange:(e,t)=>Ee(e,t.event),min:E?o.O(E,{zone:U}):void 0,max:D?o.O(D,{zone:U}):void 0,isDateUnavailable:O,locale:p,zone:f===`none`?void 0:f,firstDayOfWeek:ce,weekNumbers:le}),r!==`date`&&(0,_.jsx)(S,{value:ye,step:L,locale:V,hourCycle:m,label:r===`time`?q:`Time`,min:xe(E),max:xe(D),emptyLabel:pe,separated:r===`datetime`,onSelect:De})]}))]})}function E(e,t){let{value:r,defaultValue:i=null,onValueChange:s,locale:l,min:f,max:p,isDateUnavailable:m,disabled:y=!1,readOnly:S=!1,required:T,invalid:E,startName:D,endName:O,label:k,labelledBy:A,describedBy:ee,startLabel:te=`Start date`,endLabel:ne=`End date`,open:j,defaultOpen:re,onOpenChange:ie,closeOnSelect:ae=!0,firstDayOfWeek:oe,weekNumbers:se,months:M=2,side:ce=`bottom`,align:le=`start`,matchWidth:ue=!1,emptyTimesLabel:de,clearable:fe=!1,pickOnly:pe=!1,triggerLabel:N=`Choose dates`,clearLabel:me=`Clear`,tabIndex:P,presets:F,props:I,...L}=e,{locale:he}=u.n({locale:l}),[R,ge]=c.a({value:r,defaultValue:i,onChange:s,interaction:{component:`dateRangePicker`,type:`valueChange`,content:[`value`]}}),[z,B]=(0,g.useState)({start:R?.start??null,end:R?.end??null,source:R}),{start:V,end:H}=z;z.source!==R&&(V=R?.start??null,H=R?.end??null,B({start:V,end:H,source:R}));let{attachTrigger:U,triggerAttributes:W,triggerElement:G,closeOnChoice:K,id:q,attachField:J,panel:_e}=x({ref:t,open:j,defaultOpen:re,onOpenChange:ie,side:ce,align:le,matchWidth:ue,label:typeof k==`string`?k:N,variant:L.variant}),Y=R?a.n(R.start,R.end,{locale:he}):``,X=V!==null&&H!==null&&o.i(V,H)>0,Z=(e,t,n,r)=>{let i=e&&t&&o.i(e,t)<=0?{start:e,end:t}:null;B({start:e,end:t,source:i}),ge(i,{reason:n,event:r})},Q=K,ve={locale:l,min:f,max:p,isDateUnavailable:m,disabled:y,readOnly:S,required:T,component:`datePicker.part`,px:0,py:0,tabIndex:P},$=fe&&R&&!y&&!S&&(0,_.jsx)(n.default,{tag:`button`,component:`datePicker.clear`,display:`inline-flex`,ai:`center`,jc:`center`,width:6,height:6,borderRadius:999,position:`relative`,zIndex:1,props:{type:`button`,"aria-label":me,tabIndex:P,onClick:e=>Z(null,null,`clear`,e)},children:(0,_.jsx)(b,{})}),ye=R!==null&&(f!=null&&o.i(R.start,f)<0||p!=null&&o.i(R.end,p)>0),be=pe?(0,_.jsx)(w,{frame:{...L,props:I},attachField:J,attachTrigger:S?void 0:U,triggerAttributes:S?void 0:W,triggerElement:G,id:q,label:k,labelledBy:A,describedBy:ee,text:Y,placeholder:N,icon:(0,_.jsx)(v,{}),clear:$,disabled:y,invalid:E??ye,required:T,tabIndex:P,inputs:[{name:D,value:R?.start??``},{name:O,value:R?.end??``}],onReset:e=>Z(i?.start??null,i?.end??null,`reset`,e)}):(0,_.jsxs)(_.Fragment,{children:[k!==void 0&&(0,_.jsx)(n.default,{component:`dateField.label`,display:`block`,mb:1.5,fontSize:14,id:`${q}-label`,children:k}),(0,_.jsxs)(n.default,{ref:J,component:`dateField`,display:`inline-flex`,ai:`center`,gap:2,px:3,py:2,...L,variant:[L.variant,{disabled:y,invalid:E??X}],props:{role:`group`,"aria-labelledby":[k===void 0?void 0:`${q}-label`,A].filter(Boolean).join(` `)||void 0,"aria-invalid":(E??X)||void 0,"aria-describedby":ee,...I},children:[(0,_.jsx)(h.default,{...ve,value:V,onValueChange:(e,t)=>Z(e,H,t.reason,t.event),name:D,props:{"aria-label":te},invalid:E??X}),(0,_.jsx)(n.default,{component:`dateField.literal`,props:{"aria-hidden":!0},children:`–`}),(0,_.jsx)(h.default,{...ve,value:H,onValueChange:(e,t)=>Z(V,e,t.reason,t.event),name:O,props:{"aria-label":ne},invalid:E??X}),(0,_.jsxs)(n.default,{display:`inline-flex`,ai:`center`,gap:2,ms:`auto`,children:[$,(0,_.jsx)(n.default,{tag:`button`,ref:U,component:`datePicker.trigger`,display:`inline-flex`,ai:`center`,jc:`center`,width:7,height:7,me:-1.5,borderRadius:1.5,disabled:y||S,props:{type:`button`,"aria-label":Y?`${N}, ${Y}`:N,tabIndex:P,...W},children:(0,_.jsx)(v,{})})]})]})]});return(0,_.jsxs)(c.t,{children:[be,_e((0,_.jsxs)(n.default,{display:`flex`,gap:3,ai:`stretch`,children:[F&&F.length>0&&(0,_.jsx)(C,{presets:F,isSelected:e=>R!==null&&e.start===R.start&&e.end===R.end,onSelect:(e,t)=>{Z(e.start,e.end,`preset`,t),ae&&Q(t)}}),(0,_.jsx)(d.default,{mode:`range`,months:M,value:R,defaultFocusedDate:V??void 0,onValueChange:(e,t)=>{Z(e?.start??null,e?.end??null,`select`,t.event),ae&&e&&t.event&&Q(t.event)},min:f,max:p,isDateUnavailable:m,locale:l,firstDayOfWeek:oe,weekNumbers:se})]}))]})}var D=e._(T,`DatePicker`),O=e._(E,`DateRangePicker`);exports.DateRangePicker=O,exports.default=D;

package/components/datePicker.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { d as t } from "../platform.mjs";
 import n from "../box.mjs";
 import { a as r, t as i } from "../behavior.mjs";

package/components/dateTime.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../box.cjs"),n=require("../dates.cjs"),r=require("../date-environment.cjs");function i(e,i){let{value:a,zone:o,locale:s,format:c,relative:l,props:u,...d}=e,f=r.n({locale:s,zone:o}),p=n.f(a),m=p&&n.E(p),h=m?l?n.r(m,{...l===!0?{}:l,locale:f.locale,zone:f.zone}):n.t(m,{...c,locale:f.locale,zone:f.zone}):``;return t.useBoxElement({tag:`time`,display:`inline`,...d,props:{dateTime:m??void 0,suppressHydrationWarning:l?!0:void 0,...u},children:h},i)}var a=e.f(i,`DateTime`);exports.DateProvider=r.t,exports.default=a;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../box.cjs"),n=require("../dates.cjs"),r=require("../date-environment.cjs");function i(e,i){let{value:a,zone:o,locale:s,format:c,relative:l,props:u,...d}=e,f=r.n({locale:s,zone:o}),p=n.f(a),m=p&&n.E(p),h=m?l?n.r(m,{...l===!0?{}:l,locale:f.locale,zone:f.zone}):n.t(m,{...c,locale:f.locale,zone:f.zone}):``;return t.useBoxElement({tag:`time`,display:`inline`,...d,props:{dateTime:m??void 0,suppressHydrationWarning:l?!0:void 0,...u},children:h},i)}var a=e._(i,`DateTime`);exports.DateProvider=r.t,exports.default=a;

package/components/dateTime.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { useBoxElement as t } from "../box.mjs";
 import { E as n, f as r, r as i, t as a } from "../dates.mjs";
 import { n as o, t as s } from "../date-environment.mjs";

package/components/dialog.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("../client.cjs"),r=require("../effects.cjs"),i=require("../box.cjs"),a=require("../behavior.cjs"),o=require("../identity.cjs"),s=require("../reporting.cjs"),c=require("../motion.cjs"),l=require("./semantics.cjs");let u=require("react"),d=require("react/jsx-runtime");var f=0;function p(e){let{classNames:i,styleElements:a}=n.i({overflow:`hidden`},!1),o=i.slice(1).join(` `);return r.n(()=>{let n=t.n();if(!(!e||!n||!o))return f+=1,n.classList.add(o),()=>{--f,f===0&&n.classList.remove(o)}},[e,o]),a}var m=(0,u.createContext)(null);function h(e){let t=(0,u.useContext)(m);if(!t)throw Error(`<${e}> must be rendered inside a <Dialog>.`);return t}function g(e,t){return(0,d.jsx)(v,{role:`dialog`,...e,elementRef:t})}function _(e,t){return(0,d.jsx)(v,{role:`alertdialog`,...e,modal:!0,dismissible:!1,elementRef:t})}function v(e){let{role:n,trigger:l,children:f,open:h,defaultOpen:g=!1,onOpenChange:_,label:v,labelledBy:b,describedBy:x,modal:S=!0,dismissible:C=!0,lockScroll:w=S,initialFocus:T,elementRef:E,props:D,...O}=e,k=o.t(`dialog`),A=O.id??k,[j,M]=s.a({value:h,defaultValue:g,onChange:_,interaction:{component:n===`alertdialog`?`alertDialog`:`dialog`,type:`openChange`}}),[N,P]=(0,u.useState)(null),F=(0,u.useCallback)(e=>{P(e),t.d(E,e)},[E]),[I,L]=(0,u.useState)(null),[R,z]=(0,u.useState)(!1),[B,V]=(0,u.useState)({title:0,description:0}),H=p(j&&w);a.n({enabled:j,returnTo:I});let U=c.t(f,j,N),W=(0,u.useCallback)(e=>(V(t=>({...t,[e]:t[e]+1})),()=>V(t=>({...t,[e]:t[e]-1}))),[]),G=(0,u.useMemo)(()=>({titleId:`${A}-title`,descriptionId:`${A}-description`,register:W}),[A,W]);y({dialog:N,isOpen:j,domOpen:R,setDomOpen:z,setOpen:M,modal:S,dismissible:C,triggerElement:I}),r.n(()=>{let e=t.h(T);!j||!e||e.focus()},[j,T]);let K=a.a(e=>{M(e=>!e,{reason:`trigger`,event:e})}),q=(0,u.useMemo)(()=>({ref:L,props:{"aria-expanded":j,"aria-haspopup":`dialog`,"aria-controls":j?A:void 0,onClick:K}}),[A,K,j]),J=O;return(0,d.jsxs)(d.Fragment,{children:[H,l?.(q),(0,d.jsx)(m.Provider,{value:G,children:(0,d.jsx)(i.default,{ref:F,tag:`dialog`,component:`dialog`,...J,id:A,props:{role:n,"aria-label":B.title||b?void 0:v,"aria-labelledby":b??(B.title?G.titleId:void 0),"aria-describedby":x??(B.description?G.descriptionId:void 0),...D},children:U})})]})}function y(e){let{dialog:n,isOpen:i,domOpen:o,setDomOpen:s,setOpen:c,modal:l,dismissible:d,triggerElement:f}=e,p=(0,u.useRef)(`imperative`),m=t.s(),h=d?`any`:`closerequest`;r.n(()=>{!n||i===o||(s(i),i?l?n.showModal():n.show():n.close())},[n,i,o,l,s]),r.n(()=>{if(!(!n||!i||!l))return t.u(n,!0),()=>t.u(n,!1)},[n,i,l]),r.n(()=>{if(!n)return;let e=new AbortController;return n.addEventListener(`close`,e=>{s(!1),c(!1,{reason:p.current,event:e}),p.current=`imperative`},{signal:e.signal}),()=>e.abort()},[n,s,c]),r.n(()=>{if(!(!n||!m))return n.setAttribute(`closedby`,h),()=>n.removeAttribute(`closedby`)},[n,m,h]),r.n(()=>{if(!i||!n)return;let e=new AbortController,r=(t,n)=>document.addEventListener(t,n,{signal:e.signal,capture:!0});return r(`keydown`,e=>{e.key===`Escape`&&(p.current=`escape`)}),r(`pointerdown`,e=>{t.g(e,[f])?p.current=`trigger`:!t.g(e,[n])||b(n,e)?p.current=`outside-pointer`:p.current=`imperative`}),()=>e.abort()},[i,n,f]),a.r({enabled:i&&!l&&!m,inside:[n],escapeKey:!0,outsidePointer:!1,onDismiss:(e,t)=>c(!1,{reason:`escape`,event:t})}),r.n(()=>{if(!n||!i||!d||m)return;let e=new AbortController;return document.addEventListener(`pointerdown`,e=>{t.g(e,[f])||t.g(e,[n])&&!b(n,e)||c(!1,{reason:`outside-pointer`,event:e})},{signal:e.signal,capture:!0}),()=>e.abort()},[n,i,d,m,f,c])}function b(e,t){if(t.target!==e)return!1;let n=e.getBoundingClientRect();return t.clientX<n.left||t.clientX>n.right||t.clientY<n.top||t.clientY>n.bottom}function x(e){let t=h(`Dialog.Title`);return r.n(()=>t.register(`title`),[t]),(0,d.jsx)(l.H2,{id:t.titleId,component:`dialog.title`,...e})}function S(e){let t=h(`Dialog.Description`);return r.n(()=>t.register(`description`),[t]),(0,d.jsx)(l.P,{id:t.descriptionId,component:`dialog.description`,...e})}x.displayName=`Dialog.Title`,S.displayName=`Dialog.Description`;var C={Title:x,Description:S},w=Object.assign(e.f(g,`Dialog`),C),T=Object.assign(e.f(_,`AlertDialog`),C);exports.AlertDialog=T,exports.default=w;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../client.cjs"),r=require("../effects.cjs"),i=require("../box.cjs"),a=require("../behavior.cjs"),o=require("../identity.cjs"),s=require("../reporting.cjs"),c=require("../motion.cjs"),l=require("./semantics.cjs");let u=require("react"),d=require("react/jsx-runtime");var f=0;function p(e){let{classNames:i,styleElements:a}=n.i({overflow:`hidden`},!1),o=i.slice(1).join(` `);return r.n(()=>{let n=t.n();if(!(!e||!n||!o))return f+=1,n.classList.add(o),()=>{--f,f===0&&n.classList.remove(o)}},[e,o]),a}var m=(0,u.createContext)(null);function h(e){let t=(0,u.useContext)(m);if(!t)throw Error(`<${e}> must be rendered inside a <Dialog>.`);return t}function g(e,t){return(0,d.jsx)(v,{role:`dialog`,...e,elementRef:t})}function _(e,t){return(0,d.jsx)(v,{role:`alertdialog`,...e,modal:!0,dismissible:!1,elementRef:t})}function v(e){let{role:n,trigger:l,children:f,open:h,defaultOpen:g=!1,onOpenChange:_,label:v,labelledBy:b,describedBy:x,modal:S=!0,dismissible:C=!0,lockScroll:w=S,initialFocus:T,elementRef:E,props:D,...O}=e,k=o.t(`dialog`),A=O.id??k,[j,M]=s.a({value:h,defaultValue:g,onChange:_,interaction:{component:n===`alertdialog`?`alertDialog`:`dialog`,type:`openChange`}}),[N,P]=(0,u.useState)(null),F=(0,u.useCallback)(e=>{P(e),t.d(E,e)},[E]),[I,L]=(0,u.useState)(null),[R,z]=(0,u.useState)(!1),[B,V]=(0,u.useState)({title:0,description:0}),H=p(j&&w);a.n({enabled:j,returnTo:I});let U=c.t(f,j,N),W=(0,u.useCallback)(e=>(V(t=>({...t,[e]:t[e]+1})),()=>V(t=>({...t,[e]:t[e]-1}))),[]),G=(0,u.useMemo)(()=>({titleId:`${A}-title`,descriptionId:`${A}-description`,register:W}),[A,W]);y({dialog:N,isOpen:j,domOpen:R,setDomOpen:z,setOpen:M,modal:S,dismissible:C,triggerElement:I}),r.n(()=>{let e=t.h(T);!j||!e||e.focus()},[j,T]);let K=a.a(e=>{M(e=>!e,{reason:`trigger`,event:e})}),q=(0,u.useMemo)(()=>({ref:L,props:{"aria-expanded":j,"aria-haspopup":`dialog`,"aria-controls":j?A:void 0,onClick:K}}),[A,K,j]),J=O;return(0,d.jsxs)(d.Fragment,{children:[H,l?.(q),(0,d.jsx)(m.Provider,{value:G,children:(0,d.jsx)(i.default,{ref:F,tag:`dialog`,component:`dialog`,...J,id:A,props:{role:n,"aria-label":B.title||b?void 0:v,"aria-labelledby":b??(B.title?G.titleId:void 0),"aria-describedby":x??(B.description?G.descriptionId:void 0),...D},children:U})})]})}function y(e){let{dialog:n,isOpen:i,domOpen:o,setDomOpen:s,setOpen:c,modal:l,dismissible:d,triggerElement:f}=e,p=(0,u.useRef)(`imperative`),m=t.s(),h=d?`any`:`closerequest`;r.n(()=>{!n||i===o||(s(i),i?l?n.showModal():n.show():n.close())},[n,i,o,l,s]),r.n(()=>{if(!(!n||!i||!l))return t.u(n,!0),()=>t.u(n,!1)},[n,i,l]),r.n(()=>{if(!n)return;let e=new AbortController;return n.addEventListener(`close`,e=>{s(!1),c(!1,{reason:p.current,event:e}),p.current=`imperative`},{signal:e.signal}),()=>e.abort()},[n,s,c]),r.n(()=>{if(!(!n||!m))return n.setAttribute(`closedby`,h),()=>n.removeAttribute(`closedby`)},[n,m,h]),r.n(()=>{if(!i||!n)return;let e=new AbortController,r=(t,n)=>document.addEventListener(t,n,{signal:e.signal,capture:!0});return r(`keydown`,e=>{e.key===`Escape`&&(p.current=`escape`)}),r(`pointerdown`,e=>{t.g(e,[f])?p.current=`trigger`:!t.g(e,[n])||b(n,e)?p.current=`outside-pointer`:p.current=`imperative`}),()=>e.abort()},[i,n,f]),a.r({enabled:i&&!l&&!m,inside:[n],escapeKey:!0,outsidePointer:!1,onDismiss:(e,t)=>c(!1,{reason:`escape`,event:t})}),r.n(()=>{if(!n||!i||!d||m)return;let e=new AbortController;return document.addEventListener(`pointerdown`,e=>{t.g(e,[f])||t.g(e,[n])&&!b(n,e)||c(!1,{reason:`outside-pointer`,event:e})},{signal:e.signal,capture:!0}),()=>e.abort()},[n,i,d,m,f,c])}function b(e,t){if(t.target!==e)return!1;let n=e.getBoundingClientRect();return t.clientX<n.left||t.clientX>n.right||t.clientY<n.top||t.clientY>n.bottom}function x(e){let t=h(`Dialog.Title`);return r.n(()=>t.register(`title`),[t]),(0,d.jsx)(l.H2,{id:t.titleId,component:`dialog.title`,...e})}function S(e){let t=h(`Dialog.Description`);return r.n(()=>t.register(`description`),[t]),(0,d.jsx)(l.P,{id:t.descriptionId,component:`dialog.description`,...e})}x.displayName=`Dialog.Title`,S.displayName=`Dialog.Description`;var C={Title:x,Description:S},w=Object.assign(e._(g,`Dialog`),C),T=Object.assign(e._(_,`AlertDialog`),C);exports.AlertDialog=T,exports.default=w;

package/components/dialog.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { d as t, g as n, h as r, n as i, s as a, u as o } from "../platform.mjs";
 import { i as s } from "../client.mjs";
 import { n as c } from "../effects.mjs";

package/components/flex.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs");let t=require("@box-kite/react");function n(e,n){let{inline:r,...i}=e;return(0,t.useBoxElement)({display:r?`inline-flex`:`flex`,...i},n)}var r=e.f(n,`Flex`);exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs");let t=require("@box-kite/react");function n(e,n){let{inline:r,...i}=e;return(0,t.useBoxElement)({display:r?`inline-flex`:`flex`,...i},n)}var r=e._(n,`Flex`);exports.default=r;

package/components/flex.mjs

@@ -1,4 +1,4 @@
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { useBoxElement as t } from "@box-kite/react";
 //#region src/components/flex.tsx
 function n(e, n) {

package/components/flow.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime.cjs"),t=require("../react-shared.cjs");let n=require("react"),r=require("@box-kite/core"),i=require("react/jsx-runtime"),a=require("@box-kite/react");a=e.t(a,1);var o;(function(e){let n=e.ROLES=t.r,r=e.LIGHT=t.n,i=e.DARK=t.t,a=e.roleVariable=t.a,o=e=>`var(${a(e)})`,s=(e,t,n=`transparent`)=>`color-mix(in oklab, ${o(e)} ${t}%, ${n})`;e.VARIABLES={"xy-background-color":o(`surface`),"xy-background-pattern-color":o(`grid`),"xy-attribution-background-color":s(`surface`,50),"xy-edge-stroke":o(`edge`),"xy-edge-stroke-selected":o(`selection`),"xy-connectionline-stroke":o(`selection`),"xy-edge-label-background-color":o(`surface`),"xy-edge-label-color":o(`text`),"xy-handle-background-color":o(`handle`),"xy-handle-border-color":o(`panel`),"xy-node-color":o(`text`),"xy-node-background-color":o(`panel`),"xy-node-border":`1px solid ${o(`border`)}`,"xy-node-group-background-color":s(`border`,25),"xy-node-boxshadow-hover":`0 1px 4px 1px ${s(`text`,8)}`,"xy-node-boxshadow-selected":`0 0 0 1px ${o(`selection`)}`,"xy-selection-background-color":s(`selection`,8),"xy-selection-border":`1px dotted ${s(`selection`,80)}`,"xy-resize-background-color":o(`selection`),"xy-controls-button-background-color":o(`panel`),"xy-controls-button-background-color-hover":s(`text`,6,o(`panel`)),"xy-controls-button-border-color":o(`border`),"xy-controls-button-color":o(`text`),"xy-controls-button-color-hover":o(`text`),"xy-controls-box-shadow":`0 0 2px 1px ${s(`text`,8)}`,"xy-minimap-background-color":o(`panel`),"xy-minimap-mask-background-color":s(`border`,60),"xy-minimap-node-background-color":o(`border`)},e.UNMAPPED=[`xy-edge-stroke-width`,`xy-connectionline-stroke-width`,`xy-node-border-radius`,`xy-minimap-mask-stroke-color`,`xy-minimap-mask-stroke-width`,`xy-minimap-node-stroke-color`,`xy-minimap-node-stroke-width`];function c(e,n={}){return{...t.i(e===`dark`?i:r),...l(e,n)}}e.roleVariables=c;function l(e,r={}){let i={};for(let t of n){let n=r[t],a=typeof n==`string`?n:n?.[e];a!==void 0&&(i[t]=a)}return t.i(i)}e.overrideVariables=l;function u(e){return e===`dark`?`dark`:`light`}e.colorMode=u,e.OUTLINE={outlineColor:o(`selection`)},e.STATIC_MOTION={transitionTime:`0s`,svgTransitionTime:`0s`}})(o||={});var s=o;function c(e,t){let{tokens:n,motion:o,vars:c,theme:l,...u}=e,d=n,f={...s.VARIABLES,...s.OUTLINE,...s.overrideVariables(`light`,d),...o===`static`?s.STATIC_MOTION:{},...c},p=s.overrideVariables(`dark`,d),m=Object.keys(p).length?{dark:{vars:p}}:void 0,h=m&&l?(0,r.mergeDeep)(m,l):m??l;return(0,i.jsx)(a.default,{ref:t,component:`flowContainer`,vars:f,theme:h,...u})}var l=(0,n.forwardRef)(c);l.displayName=`FlowContainer`;var u=l,d=s.colorMode,f={group:{"react-flow__node/focusVisible":{outline:2,outlineOffset:2}}},p={outline:1},m={group:{"react-flow__edge/focusVisible":{strokeWidth:2}}};exports.FlowContainer=u,exports.flowColorMode=d,exports.flowEdgeStyles=m,exports.flowNodeSelectedStyles=p,exports.flowNodeStyles=f;

package/components/flow.d.ts

@@ -0,0 +1,56 @@
+import { RefAttributes } from 'react';
+import { BoxProps } from '../box';
+import { ExtractElementFromTag } from '../react/reactTypes';
+import { BoxStyleProps, ComponentsAndVariants } from '@box-kite/core/types';
+import { default as FlowUtils } from '../utils/flow/flowUtils';
+/** A role's paint: a palette token, an alias (`accent-500`), one with an alpha, or a `Box.extend()` colour. */
+export type FlowPaint = NonNullable<BoxStyleProps['bgColor']>;
+/** The roles a canvas is painted from, each one token for both themes or one per theme. */
+export type FlowTokens = Partial<Record<FlowUtils.Role, FlowPaint | {
+    light?: FlowPaint;
+    dark?: FlowPaint;
+}>>;
+export interface FlowContainerProps<TTag extends keyof React.JSX.IntrinsicElements = 'div', TKey extends keyof ComponentsAndVariants = never> extends BoxProps<TTag, TKey> {
+    /**
+     * The canvas's roles — `surface`, `panel`, `text`, `border`, `grid`, `edge`, `selection`, `handle` — each a token for
+     * both themes (`{ selection: 'sky-500' }`) or one per theme (`{ surface: { light: 'base-50', dark: 'base-950' } }`).
+     * One `--xy-*` variable is plain `vars`, because the container is a Box.
+     */
+    tokens?: FlowTokens;
+    /**
+     * `'static'` zeroes every Box transition inside the canvas, layers' entrances included — for a canvas whose nodes
+     * are Boxes moved or resized every frame, which the default `transition: all` would make trail the pointer.
+     */
+    motion?: 'static';
+}
+/**
+ * A React Flow canvas themed by the palette: `<FlowContainer height={120}><ReactFlow colorMode={flowColorMode(theme)} …/></FlowContainer>`.
+ * Server-safe; its role defaults are the `flowContainer` style node, so `Box.components()` repaints every canvas at once.
+ */
+export declare const FlowContainer: <TTag extends keyof React.JSX.IntrinsicElements = "div", TKey extends keyof ComponentsAndVariants = never>(props: FlowContainerProps<TTag, TKey> & RefAttributes<ExtractElementFromTag<TTag>>) => React.ReactNode;
+/** `<ReactFlow colorMode>` from `Box.useTheme()`'s theme, so the canvas's own `.dark` class agrees with the page. */
+export declare const flowColorMode: typeof FlowUtils.colorMode;
+/**
+ * Spread on a custom node's root: a visible focus ring under Tab, which xyflow removes from every node and gives back
+ * only to its four built-in types. An outline, so it survives forced colours; its colour is the container's `selection`.
+ */
+export declare const flowNodeStyles: {
+    group: {
+        'react-flow__node/focusVisible': {
+            outline: number;
+            outlineOffset: number;
+        };
+    };
+};
+/** Spread on a custom node's root when its `selected` prop is true — xyflow marks selection with a class no prop can address. */
+export declare const flowNodeSelectedStyles: {
+    outline: number;
+};
+/** Spread on a custom edge's path: a wider stroke under Tab. The colour is xyflow's own focus rule, which reads the `selection` role. */
+export declare const flowEdgeStyles: {
+    group: {
+        'react-flow__edge/focusVisible': {
+            strokeWidth: number;
+        };
+    };
+};

package/components/flow.mjs

@@ -0,0 +1,98 @@
+import { a as e, i as t, n, r, t as i } from "../react-shared.mjs";
+import { forwardRef as a } from "react";
+import { mergeDeep as o } from "@box-kite/core";
+import { jsx as s } from "react/jsx-runtime";
+import c from "@box-kite/react";
+//#region src/utils/flow/flowUtils.ts
+var l;
+(function(a) {
+	let o = a.ROLES = r, s = a.LIGHT = n, c = a.DARK = i, l = a.roleVariable = e, u = (e) => `var(${l(e)})`, d = (e, t, n = "transparent") => `color-mix(in oklab, ${u(e)} ${t}%, ${n})`;
+	a.VARIABLES = {
+		"xy-background-color": u("surface"),
+		"xy-background-pattern-color": u("grid"),
+		"xy-attribution-background-color": d("surface", 50),
+		"xy-edge-stroke": u("edge"),
+		"xy-edge-stroke-selected": u("selection"),
+		"xy-connectionline-stroke": u("selection"),
+		"xy-edge-label-background-color": u("surface"),
+		"xy-edge-label-color": u("text"),
+		"xy-handle-background-color": u("handle"),
+		"xy-handle-border-color": u("panel"),
+		"xy-node-color": u("text"),
+		"xy-node-background-color": u("panel"),
+		"xy-node-border": `1px solid ${u("border")}`,
+		"xy-node-group-background-color": d("border", 25),
+		"xy-node-boxshadow-hover": `0 1px 4px 1px ${d("text", 8)}`,
+		"xy-node-boxshadow-selected": `0 0 0 1px ${u("selection")}`,
+		"xy-selection-background-color": d("selection", 8),
+		"xy-selection-border": `1px dotted ${d("selection", 80)}`,
+		"xy-resize-background-color": u("selection"),
+		"xy-controls-button-background-color": u("panel"),
+		"xy-controls-button-background-color-hover": d("text", 6, u("panel")),
+		"xy-controls-button-border-color": u("border"),
+		"xy-controls-button-color": u("text"),
+		"xy-controls-button-color-hover": u("text"),
+		"xy-controls-box-shadow": `0 0 2px 1px ${d("text", 8)}`,
+		"xy-minimap-background-color": u("panel"),
+		"xy-minimap-mask-background-color": d("border", 60),
+		"xy-minimap-node-background-color": u("border")
+	}, a.UNMAPPED = [
+		"xy-edge-stroke-width",
+		"xy-connectionline-stroke-width",
+		"xy-node-border-radius",
+		"xy-minimap-mask-stroke-color",
+		"xy-minimap-mask-stroke-width",
+		"xy-minimap-node-stroke-color",
+		"xy-minimap-node-stroke-width"
+	];
+	function f(e, n = {}) {
+		return {
+			...t(e === "dark" ? c : s),
+			...p(e, n)
+		};
+	}
+	a.roleVariables = f;
+	function p(e, n = {}) {
+		let r = {};
+		for (let t of o) {
+			let i = n[t], a = typeof i == "string" ? i : i?.[e];
+			a !== void 0 && (r[t] = a);
+		}
+		return t(r);
+	}
+	a.overrideVariables = p;
+	function m(e) {
+		return e === "dark" ? "dark" : "light";
+	}
+	a.colorMode = m, a.OUTLINE = { outlineColor: u("selection") }, a.STATIC_MOTION = {
+		transitionTime: "0s",
+		svgTransitionTime: "0s"
+	};
+})(l ||= {});
+var u = l;
+//#endregion
+//#region src/components/flow.tsx
+function d(e, t) {
+	let { tokens: n, motion: r, vars: i, theme: a, ...l } = e, d = n, f = {
+		...u.VARIABLES,
+		...u.OUTLINE,
+		...u.overrideVariables("light", d),
+		...r === "static" ? u.STATIC_MOTION : {},
+		...i
+	}, p = u.overrideVariables("dark", d), m = Object.keys(p).length ? { dark: { vars: p } } : void 0, h = m && a ? o(m, a) : m ?? a;
+	return /* @__PURE__ */ s(c, {
+		ref: t,
+		component: "flowContainer",
+		vars: f,
+		theme: h,
+		...l
+	});
+}
+var f = a(d);
+f.displayName = "FlowContainer";
+var p = f, m = u.colorMode, h = { group: { "react-flow__node/focusVisible": {
+	outline: 2,
+	outlineOffset: 2
+} } }, g = { outline: 1 }, _ = { group: { "react-flow__edge/focusVisible": { strokeWidth: 2 } } };
+//#endregion
+export { p as FlowContainer, m as flowColorMode, _ as flowEdgeStyles, g as flowNodeSelectedStyles, h as flowNodeStyles };

package/components/form.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("../reporting.cjs");let i=require("react");var a;(function(e){function t(e){if(!e)throw Error(`[box-kite] <Form> read its entries with no <form> element: its ref never reached the element.`);let t=Array.from(e.elements).reduce((e,t)=>{let n=t.name;return n?(e[n]||(e[n]=[]),e[n].push(t),e):e},{});return Object.entries(t).reduce((e,[t,r])=>{if(r.length===1){let i=r[0];n(e,t,i.type===`checkbox`||i.type===`radio`?i.checked:i.value)}else n(e,t,r.reduce((e,t)=>(t.type===`checkbox`||t.type===`radio`?t.checked&&e.push(t.value):e.push(t.value),e),[]));return e},{})}e.getFormEntries=t;function n(e,t,n){if(t.includes(`.`)){let r=t.split(`.`),i=e;r.forEach((e,t)=>{if(r.length>t+1){let t=e.match(/^(.+)\[(\d)\]$/);if(t){let[,e,n]=t;i[e]=i[e]||[],i[e][n]=i[e][n]||{},i=i[e][n]}else i[e]=i[e]||{},i=i[e]}else i[e]=n})}else e[t]=n}})(a||={});var o=a;function s(e,a){let{onSubmit:s,props:c,...l}=e,u=(0,i.useRef)(null),d=r.i(`form`),{ref:f,...p}=c??{},m=(0,i.useCallback)(e=>{u.current=e,t.d(a,e),t.d(f,e)},[a,f]),h=(0,i.useCallback)(e=>{e.preventDefault();let t=o.getFormEntries(u.current??e.currentTarget);s(t,e),d(`submit`,Object.keys(t),{reason:`submit`,event:e})},[s,d]);return n.useBoxElement({tag:`form`,...l,props:{...p,onSubmit:h}},m)}var c=e.f(s,`Form`);exports.default=c;
+"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("../reporting.cjs");let i=require("react");var a;(function(e){function t(e){if(!e)throw Error(`[box-kite] <Form> read its entries with no <form> element: its ref never reached the element.`);let t=Array.from(e.elements).reduce((e,t)=>{let n=t.name;return n?(e[n]||(e[n]=[]),e[n].push(t),e):e},{});return Object.entries(t).reduce((e,[t,r])=>{if(r.length===1){let i=r[0];n(e,t,i.type===`checkbox`||i.type===`radio`?i.checked:i.value)}else n(e,t,r.reduce((e,t)=>(t.type===`checkbox`||t.type===`radio`?t.checked&&e.push(t.value):e.push(t.value),e),[]));return e},{})}e.getFormEntries=t;function n(e,t,n){if(t.includes(`.`)){let r=t.split(`.`),i=e;r.forEach((e,t)=>{if(r.length>t+1){let t=e.match(/^(.+)\[(\d)\]$/);if(t){let[,e,n]=t;i[e]=i[e]||[],i[e][n]=i[e][n]||{},i=i[e][n]}else i[e]=i[e]||{},i=i[e]}else i[e]=n})}else e[t]=n}})(a||={});var o=a;function s(e,a){let{onSubmit:s,props:c,...l}=e,u=(0,i.useRef)(null),d=r.i(`form`),{ref:f,...p}=c??{},m=(0,i.useCallback)(e=>{u.current=e,t.d(a,e),t.d(f,e)},[a,f]),h=(0,i.useCallback)(e=>{e.preventDefault();let t=o.getFormEntries(u.current??e.currentTarget);s(t,e),d(`submit`,Object.keys(t),{reason:`submit`,event:e})},[s,d]);return n.useBoxElement({tag:`form`,...l,props:{...p,onSubmit:h}},m)}var c=e._(s,`Form`);exports.default=c;

package/components/form.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { d as t } from "../platform.mjs";
 import { useBoxElement as n } from "../box.mjs";
 import { i as r } from "../reporting.mjs";

package/components/grid.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs");let t=require("@box-kite/react");function n(e,n){let{inline:r,...i}=e;return(0,t.useBoxElement)({display:r?`inline-grid`:`grid`,...i},n)}var r=e.f(n,`Grid`);exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs");let t=require("@box-kite/react");function n(e,n){let{inline:r,...i}=e;return(0,t.useBoxElement)({display:r?`inline-grid`:`grid`,...i},n)}var r=e._(n,`Grid`);exports.default=r;

package/components/grid.mjs

@@ -1,4 +1,4 @@
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { useBoxElement as t } from "@box-kite/react";
 //#region src/components/grid.tsx
 function n(e, n) {

package/components/icon.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("@box-kite/react");var i=6;function a(a,o){let{children:s,label:c,size:l,props:u,style:d,...f}=a,p=l===void 0?void 0:{width:l,height:l},{className:m,styles:h}=(0,r.useClassNames)({width:i,height:i,...f,...p},{svg:!0});if(!(0,t.isValidElement)(s))throw Error(`[box-kite] <Icon> takes exactly one element — the icon to style. For SVG of your own, use <Svg> from components/svg.`);let g=e.s(s.type),_=s.props,v=(g?_.props:s.props)??{},y=g&&_.label!==void 0?{...v,"aria-label":_.label}:v,b={...u,...e.o(c,{...y,...u})},x={...g?{props:{...v,...b}}:b,...d?{style:d}:void 0,ref:o,className:s.props.className?`${s.props.className} ${m}`:m};return(0,n.jsxs)(n.Fragment,{children:[h,(0,t.cloneElement)(s,x)]})}var o=(0,t.forwardRef)(a);o.displayName=`Icon`,exports.default=o;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("@box-kite/react");var i=6;function a(a,o){let{children:s,label:c,size:l,props:u,style:d,...f}=a,p=l===void 0?void 0:{width:l,height:l},{className:m,styles:h}=(0,r.useClassNames)({width:i,height:i,...f,...p},{svg:!0});if(!(0,t.isValidElement)(s))throw Error(`[box-kite] <Icon> takes exactly one element — the icon to style. For SVG of your own, use <Svg> from components/svg.`);let g=e.f(s.type),_=s.props,v=(g?_.props:s.props)??{},y=g&&_.label!==void 0?{...v,"aria-label":_.label}:v,b={...u,...e.d(c,{...y,...u})},x={...g?{props:{...v,...b}}:b,...d?{style:d}:void 0,ref:o,className:s.props.className?`${s.props.className} ${m}`:m};return(0,n.jsxs)(n.Fragment,{children:[h,(0,t.cloneElement)(s,x)]})}var o=(0,t.forwardRef)(a);o.displayName=`Icon`,exports.default=o;

package/components/icon.mjs

@@ -1,4 +1,4 @@
-import { o as e, s as t } from "../react-shared.mjs";
+import { d as e, f as t } from "../react-shared.mjs";
 import { cloneElement as n, forwardRef as r, isValidElement as i } from "react";
 import { Fragment as a, jsxs as o } from "react/jsx-runtime";
 import { useClassNames as s } from "@box-kite/react";

package/components/list.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("./svg.cjs");let n=require("@box-kite/core"),r=require("react/jsx-runtime"),i=require("@box-kite/react");var a={position:`relative`,css:{borderRadius:`var(--list-item-radius, 0)`},before:{position:`absolute`,top:0,insetEnd:0,css:{insetInlineStart:`var(--list-divider-inset, 0px)`,height:`1px`}},after:{position:`absolute`,inset:0,pointerEvents:`none`,css:{border:`var(--list-item-frame, none)`,borderRadius:`inherit`}},nth:{first:{before:{css:{display:`var(--list-first-divider, none)`}}}}},o={display:`flex`,ai:`center`,gap:3,px:4,py:3,minHeight:14},s={sm:{gap:2,py:2,minHeight:11},md:{},lg:{gap:4,py:4,minHeight:18}},c=[`css`,`before`,`after`,`nth`];function l(e,t){let r={...e,...t},i=e;for(let e of c){let a=t[e];i[e]&&a&&(r[e]=(0,n.mergeDeep)(i[e],a))}return r}var u=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],d={fontVariantNumeric:`tabular-nums`},f={display:`flex`,ai:`center`,jc:`center`,flexShrink:0},p={icon:{width:10,height:10,borderRadius:2},avatar:{width:10,height:10,borderRadius:999,overflow:`hidden`,fontSize:14,fontWeight:600},image:{width:16,height:16,borderRadius:2,overflow:`hidden`}},m={display:`flex`,ai:`baseline`,jc:`space-between`,gap:2,minWidth:0},h={flexWrap:`wrap`,jc:`start`,rowGap:1},g={fontSize:14,lineHeight:20},_={"list.title":{display:`block`,minWidth:0,fontSize:16,lineHeight:22,fontWeight:500},"list.description":{display:`block`,minWidth:0,fontSize:14,lineHeight:20},"list.overline":{display:`block`,minWidth:0,fontSize:12,lineHeight:16,fontWeight:500}},v={color:`currentColor`,textDecoration:`none`,cursor:`pointer`,css:{display:`inherit`,font:`inherit`,textAlign:`inherit`,overflow:`inherit`,textOverflow:`inherit`,WebkitLineClamp:`inherit`,WebkitBoxOrient:`inherit`},after:{position:`absolute`,inset:0,css:{borderRadius:`var(--list-item-radius, 0)`}}},y={1:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},2:{overflow:`hidden`,css:{display:`-webkit-box`,WebkitBoxOrient:`vertical`,WebkitLineClamp:2}},3:{overflow:`hidden`,css:{display:`-webkit-box`,WebkitBoxOrient:`vertical`,WebkitLineClamp:3}}},b={content:{display:`flex`,d:`column`,gap:.5,flex1:!0,minWidth:0},meta:{flexShrink:0,fontSize:13,lineHeight:18,whiteSpace:`nowrap`,css:d},end:{display:`flex`,d:`column`,ai:`end`,gap:.5,flexShrink:0,maxWidth:`1/2`,textAlign:`end`,css:d},actions:{display:`flex`,ai:`center`,gap:1,flexShrink:0,position:`relative`,zIndex:1},fields:{display:`grid`,columnGap:4,rowGap:2,mt:1,css:{gridTemplateColumns:`repeat(auto-fill, minmax(min(8rem, 100%), 1fr))`}}};function x(e,t){let{props:n,...r}=e;return(0,i.useBoxElement)({tag:`ul`,component:`list`,...r,props:{role:`list`,...n}},t)}function S(e,t){let{size:n=`md`,wrap:c=!1,selected:u=!1,chevron:d=!1,variant:f,children:p,...m}=e;return(0,i.useBoxElement)({tag:`li`,component:`list.item`,...l({...a,...o,...s[n],...c?{flexWrap:`wrap`}:{}},m),variant:[f,{selected:u}],children:d?(0,r.jsxs)(r.Fragment,{children:[p,(0,r.jsx)(w,{})]}):p},t)}function C(e,n){return(0,i.useBoxElement)({tag:`span`,component:`list.muted`,display:`flex`,flexShrink:0,alignSelf:`center`,rtl:{flip:`xAxis`},...e,props:{"aria-hidden":!0,...e.props},children:(0,r.jsx)(t.Svg,{viewBox:`0 0 16 16`,width:`1rem`,fill:`none`,stroke:`currentColor`,strokeWidth:1.75,children:(0,r.jsx)(t.Path,{d:`M6 3.5 10.5 8 6 12.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})},n)}var w=e.f(C,`List.Chevron`);function T(e,t){let r=(0,n.classNames)(e.variant).find(e=>e in p);return(0,i.useBoxElement)({component:`list.media`,...f,...r?p[r]:{},...e},t)}function E(e,t){let{wrap:n=!1,secondary:r=!1,...a}=e;return(0,i.useBoxElement)({...r?{component:`list.muted`,...g}:{},...m,...n?h:{},...a},t)}function D(t,n){let r=t!==`list.title`;return e.f((e,n)=>{let{lines:a,...o}=e,s=a?l(_[t],y[a]):_[t];return(0,i.useBoxElement)({tag:`span`,...r?{component:`list.muted`}:{},...l(s,o)},n)},n)}function O(e,t){let{props:n,tag:r,onClick:a,...o}=e,s=r??(n?.href===void 0?n?.htmlFor===void 0?`button`:`label`:`a`);return(0,i.useBoxElement)({tag:s,component:`list.action`,...l(v,o),props:{...s===`button`?{type:`button`}:{},"data-list-action":``,...n,...a?{onClick:a}:{}}},t)}function k(e,t){let{label:n,children:a,...o}=e;return(0,i.useBoxElement)({minWidth:0,...o,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(A,{children:n}),(0,r.jsx)(j,{children:a})]})},t)}function A({children:e}){return(0,i.useBoxElement)({tag:`dt`,component:`list.muted`,fontSize:12,lineHeight:16,children:e})}function j({children:e}){return(0,i.useBoxElement)({tag:`dd`,minWidth:0,fontSize:14,lineHeight:20,css:{overflowWrap:`anywhere`,...d},children:e})}function M(e,t){let{label:n,level:a,sticky:o=!1,children:s,...c}=e;return(0,i.useBoxElement)({tag:`li`,...c,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(N,{level:a,sticky:o,children:n}),(0,r.jsx)(P,{children:s})]})},t)}function N({level:e,sticky:t,children:n}){return(0,i.useBoxElement)({tag:e?u[e-1]:`div`,component:`list.label`,px:4,py:1.5,fontSize:13,lineHeight:18,fontWeight:600,...t?{position:`sticky`,zIndex:2,css:{top:`var(--list-sticky-top, 0)`}}:{},children:n})}function P({children:e}){return(0,i.useBoxElement)({tag:`ul`,props:{role:`list`},children:e})}function F(t,n,r,a=!1){return e.f((e,r)=>(0,i.useBoxElement)({tag:t,...a?{component:`list.muted`}:{},...l(n,e)},r),r)}var I=e.f(T,`List.Media`),L=F(`div`,b.content,`List.Content`),R=D(`list.overline`,`List.Overline`),z=D(`list.title`,`List.Title`),B=D(`list.description`,`List.Description`),V=F(`span`,b.meta,`List.Meta`,!0),H=F(`div`,b.end,`List.End`),U=F(`div`,b.actions,`List.Actions`),W=F(`dl`,b.fields,`List.Fields`),G=e.f(x,`List`);G.Item=e.f(S,`List.Item`),G.Media=I,G.Content=L,G.Row=e.f(E,`List.Row`),G.Overline=R,G.Title=z,G.Description=B,G.Meta=V,G.End=H,G.Actions=U,G.Action=e.f(O,`List.Action`),G.Fields=W,G.Field=e.f(k,`List.Field`),G.Group=e.f(M,`List.Group`),G.Chevron=w,exports.default=G,exports.i=l,exports.n=o,exports.r=s,exports.t=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("./svg.cjs");let n=require("@box-kite/core"),r=require("react/jsx-runtime"),i=require("@box-kite/react");var a={position:`relative`,css:{borderRadius:`var(--list-item-radius, 0)`},before:{position:`absolute`,top:0,insetEnd:0,css:{insetInlineStart:`var(--list-divider-inset, 0px)`,height:`1px`}},after:{position:`absolute`,inset:0,pointerEvents:`none`,css:{border:`var(--list-item-frame, none)`,borderRadius:`inherit`}},nth:{first:{before:{css:{display:`var(--list-first-divider, none)`}}}}},o={display:`flex`,ai:`center`,gap:3,px:4,py:3,minHeight:14},s={sm:{gap:2,py:2,minHeight:11},md:{},lg:{gap:4,py:4,minHeight:18}},c=[`css`,`before`,`after`,`nth`];function l(e,t){let r={...e,...t},i=e;for(let e of c){let a=t[e];i[e]&&a&&(r[e]=(0,n.mergeDeep)(i[e],a))}return r}var u=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],d={fontVariantNumeric:`tabular-nums`},f={display:`flex`,ai:`center`,jc:`center`,flexShrink:0},p={icon:{width:10,height:10,borderRadius:2},avatar:{width:10,height:10,borderRadius:999,overflow:`hidden`,fontSize:14,fontWeight:600},image:{width:16,height:16,borderRadius:2,overflow:`hidden`}},m={display:`flex`,ai:`baseline`,jc:`space-between`,gap:2,minWidth:0},h={flexWrap:`wrap`,jc:`start`,rowGap:1},g={fontSize:14,lineHeight:20},_={"list.title":{display:`block`,minWidth:0,fontSize:16,lineHeight:22,fontWeight:500},"list.description":{display:`block`,minWidth:0,fontSize:14,lineHeight:20},"list.overline":{display:`block`,minWidth:0,fontSize:12,lineHeight:16,fontWeight:500}},v={color:`currentColor`,textDecoration:`none`,cursor:`pointer`,css:{display:`inherit`,font:`inherit`,textAlign:`inherit`,overflow:`inherit`,textOverflow:`inherit`,WebkitLineClamp:`inherit`,WebkitBoxOrient:`inherit`},after:{position:`absolute`,inset:0,css:{borderRadius:`var(--list-item-radius, 0)`}}},y={1:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},2:{overflow:`hidden`,css:{display:`-webkit-box`,WebkitBoxOrient:`vertical`,WebkitLineClamp:2}},3:{overflow:`hidden`,css:{display:`-webkit-box`,WebkitBoxOrient:`vertical`,WebkitLineClamp:3}}},b={content:{display:`flex`,d:`column`,gap:.5,flex1:!0,minWidth:0},meta:{flexShrink:0,fontSize:13,lineHeight:18,whiteSpace:`nowrap`,css:d},end:{display:`flex`,d:`column`,ai:`end`,gap:.5,flexShrink:0,maxWidth:`1/2`,textAlign:`end`,css:d},actions:{display:`flex`,ai:`center`,gap:1,flexShrink:0,position:`relative`,zIndex:1},fields:{display:`grid`,columnGap:4,rowGap:2,mt:1,css:{gridTemplateColumns:`repeat(auto-fill, minmax(min(8rem, 100%), 1fr))`}}};function x(e,t){let{props:n,...r}=e;return(0,i.useBoxElement)({tag:`ul`,component:`list`,...r,props:{role:`list`,...n}},t)}function S(e,t){let{size:n=`md`,wrap:c=!1,selected:u=!1,chevron:d=!1,variant:f,children:p,...m}=e;return(0,i.useBoxElement)({tag:`li`,component:`list.item`,...l({...a,...o,...s[n],...c?{flexWrap:`wrap`}:{}},m),variant:[f,{selected:u}],children:d?(0,r.jsxs)(r.Fragment,{children:[p,(0,r.jsx)(w,{})]}):p},t)}function C(e,n){return(0,i.useBoxElement)({tag:`span`,component:`list.muted`,display:`flex`,flexShrink:0,alignSelf:`center`,rtl:{flip:`xAxis`},...e,props:{"aria-hidden":!0,...e.props},children:(0,r.jsx)(t.Svg,{viewBox:`0 0 16 16`,width:`1rem`,fill:`none`,stroke:`currentColor`,strokeWidth:1.75,children:(0,r.jsx)(t.Path,{d:`M6 3.5 10.5 8 6 12.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})},n)}var w=e._(C,`List.Chevron`);function T(e,t){let r=(0,n.classNames)(e.variant).find(e=>e in p);return(0,i.useBoxElement)({component:`list.media`,...f,...r?p[r]:{},...e},t)}function E(e,t){let{wrap:n=!1,secondary:r=!1,...a}=e;return(0,i.useBoxElement)({...r?{component:`list.muted`,...g}:{},...m,...n?h:{},...a},t)}function D(t,n){let r=t!==`list.title`;return e._((e,n)=>{let{lines:a,...o}=e,s=a?l(_[t],y[a]):_[t];return(0,i.useBoxElement)({tag:`span`,...r?{component:`list.muted`}:{},...l(s,o)},n)},n)}function O(e,t){let{props:n,tag:r,onClick:a,...o}=e,s=r??(n?.href===void 0?n?.htmlFor===void 0?`button`:`label`:`a`);return(0,i.useBoxElement)({tag:s,component:`list.action`,...l(v,o),props:{...s===`button`?{type:`button`}:{},"data-list-action":``,...n,...a?{onClick:a}:{}}},t)}function k(e,t){let{label:n,children:a,...o}=e;return(0,i.useBoxElement)({minWidth:0,...o,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(A,{children:n}),(0,r.jsx)(j,{children:a})]})},t)}function A({children:e}){return(0,i.useBoxElement)({tag:`dt`,component:`list.muted`,fontSize:12,lineHeight:16,children:e})}function j({children:e}){return(0,i.useBoxElement)({tag:`dd`,minWidth:0,fontSize:14,lineHeight:20,css:{overflowWrap:`anywhere`,...d},children:e})}function M(e,t){let{label:n,level:a,sticky:o=!1,children:s,...c}=e;return(0,i.useBoxElement)({tag:`li`,...c,children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(N,{level:a,sticky:o,children:n}),(0,r.jsx)(P,{children:s})]})},t)}function N({level:e,sticky:t,children:n}){return(0,i.useBoxElement)({tag:e?u[e-1]:`div`,component:`list.label`,px:4,py:1.5,fontSize:13,lineHeight:18,fontWeight:600,...t?{position:`sticky`,zIndex:2,css:{top:`var(--list-sticky-top, 0)`}}:{},children:n})}function P({children:e}){return(0,i.useBoxElement)({tag:`ul`,props:{role:`list`},children:e})}function F(t,n,r,a=!1){return e._((e,r)=>(0,i.useBoxElement)({tag:t,...a?{component:`list.muted`}:{},...l(n,e)},r),r)}var I=e._(T,`List.Media`),L=F(`div`,b.content,`List.Content`),R=D(`list.overline`,`List.Overline`),z=D(`list.title`,`List.Title`),B=D(`list.description`,`List.Description`),V=F(`span`,b.meta,`List.Meta`,!0),H=F(`div`,b.end,`List.End`),U=F(`div`,b.actions,`List.Actions`),W=F(`dl`,b.fields,`List.Fields`),G=e._(x,`List`);G.Item=e._(S,`List.Item`),G.Media=I,G.Content=L,G.Row=e._(E,`List.Row`),G.Overline=R,G.Title=z,G.Description=B,G.Meta=V,G.End=H,G.Actions=U,G.Action=e._(O,`List.Action`),G.Fields=W,G.Field=e._(k,`List.Field`),G.Group=e._(M,`List.Group`),G.Chevron=w,exports.default=G,exports.i=l,exports.n=o,exports.r=s,exports.t=a;

package/components/list.mjs

@@ -1,4 +1,4 @@
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { Path as t, Svg as n } from "./svg.mjs";
 import { classNames as r, mergeDeep as i } from "@box-kite/core";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";

package/components/menu.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../effects.cjs"),r=require("../box.cjs"),i=require("../behavior.cjs"),a=require("../identity.cjs"),o=require("../keyboard.cjs"),s=require("../placement.cjs"),c=require("../reporting.cjs"),l=require("../layer.cjs"),u=require("./overlay.cjs"),d=require("../motion.cjs");let f=require("react"),p=require("react/jsx-runtime");var m;(function(e){let t=e.ITEM_SELECTOR=`[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"]`;function n(e,t){return t instanceof Element&&t.closest(`[role="menu"]`)===e}e.owns=n;function r(e){return[...e.querySelectorAll(t)].filter(t=>n(e,t))}e.items=r;function i(e){return e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=i;function a(e){return e.getAttribute(`aria-haspopup`)===`menu`}e.isSubTrigger=a;function s(e,t,n){if(e.length!==0)return e[t<0?n>0?0:e.length-1:((t+n)%e.length+e.length)%e.length]}e.step=s;function c(e,t,n){let r=o.t.target(t,n,e.length,t=>e[t].textContent??``);return r<0?void 0:e[r]}e.typeaheadTarget=c})(m||={});var h=m,g=(0,f.createContext)(null);function _(e){let t=(0,f.useContext)(g);if(!t)throw Error(`<${e}> must be rendered inside a <Menu>.`);return t}function v(e){let[t,n]=(0,f.useState)([]);return{panels:t,registerLayer:(0,f.useCallback)(t=>{n(e=>[...e,t]);let r=e?.(t);return()=>{n(e=>e.filter(e=>e!==t)),r?.()}},[e])}}var y=(0,f.createContext)(null);function b(e,t){let{trigger:n,children:r,open:a,defaultOpen:o=!1,onOpenChange:s,label:c,labelledBy:u,side:d=`bottom`,align:m=`start`,offset:_=1,flip:y=!0,matchWidth:b=!1,props:S,...C}=e,w=(0,f.useRef)(`first`),T=i.a(e=>{let t=h.items(e),n=w.current===`last`?t[t.length-1]:t[0];w.current=`first`,(n??e).focus()}),{panels:E,registerLayer:D}=v(),O=l.t({haspopup:`menu`,idPrefix:`menu`,id:C.id,open:a,defaultOpen:o,onOpenChange:s,interaction:{component:`menu`,type:`openChange`},onOpened:T,inside:E}),k=i.a(e=>{(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),w.current=e.key===`ArrowUp`?`last`:`first`,O.isOpen&&O.panelElement?T(O.panelElement):O.setOpen(!0,{reason:`trigger`,event:e}))}),A=(0,f.useMemo)(()=>({ref:O.trigger.ref,props:{...O.trigger.props,onKeyDown:k}}),[k,O.trigger]),j=i.a(e=>O.setOpen(!1,e)),M=(0,f.useMemo)(()=>({open:O.isOpen,closeAll:j,registerLayer:D}),[j,O.isOpen,D]);return(0,p.jsxs)(p.Fragment,{children:[n(A),(0,p.jsx)(g.Provider,{value:M,children:(0,p.jsx)(x,{layer:O,side:d,align:m,offset:_,flip:y,matchWidth:b,label:c,labelledBy:u??(c?void 0:O.triggerId),contentProps:S,...C,elementRef:t,children:r})})]})}function x(e){let{layer:n,side:a,align:c,offset:l,flip:m,matchWidth:g,label:v,labelledBy:y,contentProps:b,closeSelf:x,elementRef:S,children:C,...w}=e,{platform:T,isOpen:E,id:D,triggerElement:O,setPanel:k}=n,A=(0,f.useCallback)(e=>{k(e),t.d(S,e)},[k,S]),j=_(`Menu`),M=(0,f.useRef)({query:``,at:0}),N=s.t({side:a,align:c,offset:l,flip:m,matchWidth:g,anchor:O}),P=d.t(C,E,n.panelElement),F={role:`menu`,"aria-label":v,"aria-labelledby":y,tabIndex:-1,onKeyDown:i.a(e=>{let n=e.currentTarget;if(!h.owns(n,e.target))return;let r=h.items(n),i=r.indexOf(document.activeElement),a=t=>{t&&(e.preventDefault(),t.focus())},s=t._(n)?`ArrowRight`:`ArrowLeft`;switch(e.key){case`ArrowDown`:return a(h.step(r,i,1));case`ArrowUp`:return a(h.step(r,i,-1));case`Home`:return a(r[0]);case`End`:return a(r[r.length-1]);case`Tab`:return j.closeAll({reason:`tab`,event:e});case s:return x?(e.preventDefault(),x({reason:`trigger`,event:e})):void 0}if(o.t.isPrintable(e)){let t=o.t.push(M.current,e.key,e.timeStamp);a(h.typeaheadTarget(r,t,i))}}),onPointerOver:i.a(e=>{let t=e.currentTarget,n=e.target?.closest(h.ITEM_SELECTOR);!n||!h.owns(t,n)||n===document.activeElement||n.focus()}),...b};return T?(0,p.jsx)(r.default,{ref:A,component:`menu`,...w,variant:[w.variant,{topLayer:!0}],...N.layerProps,id:D,props:{popover:`auto`,...F},children:P}):E?(0,p.jsx)(u.default,{contentRef:A,anchor:O,side:a,align:c,offset:l,flip:m,matchWidth:g,component:`menu`,...w,id:D,props:F,children:C}):null}function S(e,o){let{label:s,children:u,disabled:d,side:m=`end`,align:y=`start`,offset:b=0,flip:S=!0,itemProps:w,props:T,...E}=e,D=_(`Menu.Sub`),O=a.t(`menu-sub`),k=i.a(e=>{(h.items(e)[0]??e).focus()}),A=i.a((e,t)=>{e&&t?.focus()}),{panels:j,registerLayer:M}=v(D.registerLayer),N=c.i(`menu.sub`),P=l.t({haspopup:`menu`,idPrefix:`menu-sub`,id:E.id,onOpened:k,onClosing:A,inside:j});n.n(()=>{if(!(!P.isOpen||!P.panelElement))return D.registerLayer(P.panelElement)},[P.isOpen,P.panelElement,D.registerLayer]),n.n(()=>{D.open||P.setOpen(!1,{reason:`imperative`})},[D.open,P.setOpen]),n.n(()=>{if(!P.isOpen)return;let e=new AbortController;return document.addEventListener(`focusin`,e=>{t.g(e,[P.panelElement,P.triggerElement])||P.setOpen(!1,{reason:`imperative`,event:e})},{signal:e.signal}),()=>e.abort()},[P.isOpen,P.panelElement,P.triggerElement,P.setOpen]);let F=i.a(e=>{let n=t._(e.currentTarget)?`ArrowLeft`:`ArrowRight`;d||e.key!==n||(e.preventDefault(),P.setOpen(!0,{reason:`trigger`,event:e}),N(`openChange`,!0,{reason:`keyboard`,event:e,item:C(s)}))}),I=i.a(e=>{d||P.setOpen(!0,{reason:`trigger`,event:e})}),L=(0,f.useMemo)(()=>({open:P.isOpen,closeAll:D.closeAll,registerLayer:M}),[P.isOpen,D.closeAll,M]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(r.default,{tag:`button`,ref:d?void 0:P.trigger.ref,component:`menu.item`,variant:{sub:!0},id:O,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":d||void 0,...P.trigger.props,...w,onKeyDown:F,onPointerEnter:I},children:[s,(0,p.jsx)(r.default,{component:`menu.arrow`})]}),!d&&(0,p.jsx)(g.Provider,{value:L,children:(0,p.jsx)(x,{layer:P,side:m,align:y,offset:b,flip:S,matchWidth:!1,labelledBy:O,contentProps:T,closeSelf:e=>P.setOpen(!1,e),...E,elementRef:o,children:u})})]})}var C=(e,t)=>t??(typeof e==`string`?e:void 0);function w(e){let{onSelect:t,disabled:n,closeOnSelect:a=!0,value:o,props:s,children:l,...u}=e,d=_(`Menu.Item`),f=c.i(`menu.item`),m=i.a(e=>{n||(t?.(e),f(`select`,C(l,o),{reason:`select`,event:e}),a&&d.closeAll({reason:`select`,event:e}))});return(0,p.jsx)(r.default,{tag:`button`,component:`menu.item`,...u,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":n||void 0,...s,onClick:m},children:l})}function T(e){let{checked:t,defaultChecked:n=!1,onCheckedChange:a,disabled:o,closeOnSelect:s=!1,value:l,props:u,children:d,...f}=e,m=_(`Menu.CheckboxItem`),[h,g]=i.i({value:t,defaultValue:n,onChange:a}),v=c.i(`menu.checkboxItem`),y=i.a(e=>{o||(g(!h,{reason:`select`,event:e}),v(`checkedChange`,!h,{reason:`select`,event:e,item:C(d,l)}),s&&m.closeAll({reason:`select`,event:e}))});return(0,p.jsxs)(r.default,{tag:`button`,component:`menu.item`,...f,props:{type:`button`,role:`menuitemcheckbox`,tabIndex:-1,"aria-checked":h,"aria-disabled":o||void 0,...u,onClick:y},children:[(0,p.jsx)(r.default,{component:`menu.indicator`,children:h&&(0,p.jsx)(r.default,{component:`menu.check`})}),d]})}function E(e){let{label:t,value:n,defaultValue:r=``,onValueChange:a,children:o,...s}=e,[l,u]=c.a({value:n,defaultValue:r,onChange:a,interaction:{component:`menu.radioGroup`,type:`valueChange`}}),d=i.a((e,t)=>u(e,{reason:`select`,event:t})),m=(0,f.useMemo)(()=>({value:l,select:d}),[l,d]);return(0,p.jsx)(y.Provider,{value:m,children:(0,p.jsx)(O,{label:t,...s,children:o})})}function D(e){let{value:t,disabled:n,closeOnSelect:a=!1,props:o,children:s,...c}=e,l=_(`Menu.RadioItem`),u=(0,f.useContext)(y);if(!u)throw Error(`<Menu.RadioItem> must be rendered inside a <Menu.RadioGroup>.`);let d=u.value===t,m=i.a(e=>{n||(u.select(t,e),a&&l.closeAll({reason:`select`,event:e}))});return(0,p.jsxs)(r.default,{tag:`button`,component:`menu.item`,...c,props:{type:`button`,role:`menuitemradio`,tabIndex:-1,"aria-checked":d,"aria-disabled":n||void 0,...o,onClick:m},children:[(0,p.jsx)(r.default,{component:`menu.indicator`,children:d&&(0,p.jsx)(r.default,{component:`menu.dot`})}),s]})}function O(e){let{label:t,props:n,children:i,...o}=e,s=a.t(`menu-group`);return(0,p.jsxs)(r.default,{component:`menu.group`,...o,props:{role:`group`,"aria-labelledby":t?s:void 0,...n},children:[t&&(0,p.jsx)(r.default,{component:`menu.label`,id:s,props:{role:`presentation`},children:t}),i]})}function k(e){let{props:t,...n}=e;return(0,p.jsx)(r.default,{component:`menu.separator`,...n,props:{role:`separator`,...t}})}w.displayName=`Menu.Item`,T.displayName=`Menu.CheckboxItem`,E.displayName=`Menu.RadioGroup`,D.displayName=`Menu.RadioItem`,O.displayName=`Menu.Group`,k.displayName=`Menu.Separator`;var A=Object.assign(e.f(b,`Menu`),{Item:w,CheckboxItem:T,RadioGroup:E,RadioItem:D,Group:O,Separator:k,Sub:e.f(S,`Menu.Sub`)});exports.default=A;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../effects.cjs"),r=require("../box.cjs"),i=require("../behavior.cjs"),a=require("../identity.cjs"),o=require("../keyboard.cjs"),s=require("../placement.cjs"),c=require("../reporting.cjs"),l=require("../layer.cjs"),u=require("./overlay.cjs"),d=require("../motion.cjs");let f=require("react"),p=require("react/jsx-runtime");var m;(function(e){let t=e.ITEM_SELECTOR=`[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"]`;function n(e,t){return t instanceof Element&&t.closest(`[role="menu"]`)===e}e.owns=n;function r(e){return[...e.querySelectorAll(t)].filter(t=>n(e,t))}e.items=r;function i(e){return e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=i;function a(e){return e.getAttribute(`aria-haspopup`)===`menu`}e.isSubTrigger=a;function s(e,t,n){if(e.length!==0)return e[t<0?n>0?0:e.length-1:((t+n)%e.length+e.length)%e.length]}e.step=s;function c(e,t,n){let r=o.t.target(t,n,e.length,t=>e[t].textContent??``);return r<0?void 0:e[r]}e.typeaheadTarget=c})(m||={});var h=m,g=(0,f.createContext)(null);function _(e){let t=(0,f.useContext)(g);if(!t)throw Error(`<${e}> must be rendered inside a <Menu>.`);return t}function v(e){let[t,n]=(0,f.useState)([]);return{panels:t,registerLayer:(0,f.useCallback)(t=>{n(e=>[...e,t]);let r=e?.(t);return()=>{n(e=>e.filter(e=>e!==t)),r?.()}},[e])}}var y=(0,f.createContext)(null);function b(e,t){let{trigger:n,children:r,open:a,defaultOpen:o=!1,onOpenChange:s,label:c,labelledBy:u,side:d=`bottom`,align:m=`start`,offset:_=1,flip:y=!0,matchWidth:b=!1,props:S,...C}=e,w=(0,f.useRef)(`first`),T=i.a(e=>{let t=h.items(e),n=w.current===`last`?t[t.length-1]:t[0];w.current=`first`,(n??e).focus()}),{panels:E,registerLayer:D}=v(),O=l.t({haspopup:`menu`,idPrefix:`menu`,id:C.id,open:a,defaultOpen:o,onOpenChange:s,interaction:{component:`menu`,type:`openChange`},onOpened:T,inside:E}),k=i.a(e=>{(e.key===`ArrowDown`||e.key===`ArrowUp`)&&(e.preventDefault(),w.current=e.key===`ArrowUp`?`last`:`first`,O.isOpen&&O.panelElement?T(O.panelElement):O.setOpen(!0,{reason:`trigger`,event:e}))}),A=(0,f.useMemo)(()=>({ref:O.trigger.ref,props:{...O.trigger.props,onKeyDown:k}}),[k,O.trigger]),j=i.a(e=>O.setOpen(!1,e)),M=(0,f.useMemo)(()=>({open:O.isOpen,closeAll:j,registerLayer:D}),[j,O.isOpen,D]);return(0,p.jsxs)(p.Fragment,{children:[n(A),(0,p.jsx)(g.Provider,{value:M,children:(0,p.jsx)(x,{layer:O,side:d,align:m,offset:_,flip:y,matchWidth:b,label:c,labelledBy:u??(c?void 0:O.triggerId),contentProps:S,...C,elementRef:t,children:r})})]})}function x(e){let{layer:n,side:a,align:c,offset:l,flip:m,matchWidth:g,label:v,labelledBy:y,contentProps:b,closeSelf:x,elementRef:S,children:C,...w}=e,{platform:T,isOpen:E,id:D,triggerElement:O,setPanel:k}=n,A=(0,f.useCallback)(e=>{k(e),t.d(S,e)},[k,S]),j=_(`Menu`),M=(0,f.useRef)({query:``,at:0}),N=s.t({side:a,align:c,offset:l,flip:m,matchWidth:g,anchor:O}),P=d.t(C,E,n.panelElement),F={role:`menu`,"aria-label":v,"aria-labelledby":y,tabIndex:-1,onKeyDown:i.a(e=>{let n=e.currentTarget;if(!h.owns(n,e.target))return;let r=h.items(n),i=r.indexOf(document.activeElement),a=t=>{t&&(e.preventDefault(),t.focus())},s=t._(n)?`ArrowRight`:`ArrowLeft`;switch(e.key){case`ArrowDown`:return a(h.step(r,i,1));case`ArrowUp`:return a(h.step(r,i,-1));case`Home`:return a(r[0]);case`End`:return a(r[r.length-1]);case`Tab`:return j.closeAll({reason:`tab`,event:e});case s:return x?(e.preventDefault(),x({reason:`trigger`,event:e})):void 0}if(o.t.isPrintable(e)){let t=o.t.push(M.current,e.key,e.timeStamp);a(h.typeaheadTarget(r,t,i))}}),onPointerOver:i.a(e=>{let t=e.currentTarget,n=e.target?.closest(h.ITEM_SELECTOR);!n||!h.owns(t,n)||n===document.activeElement||n.focus()}),...b};return T?(0,p.jsx)(r.default,{ref:A,component:`menu`,...w,variant:[w.variant,{topLayer:!0}],...N.layerProps,id:D,props:{popover:`auto`,...F},children:P}):E?(0,p.jsx)(u.default,{contentRef:A,anchor:O,side:a,align:c,offset:l,flip:m,matchWidth:g,component:`menu`,...w,id:D,props:F,children:C}):null}function S(e,o){let{label:s,children:u,disabled:d,side:m=`end`,align:y=`start`,offset:b=0,flip:S=!0,itemProps:w,props:T,...E}=e,D=_(`Menu.Sub`),O=a.t(`menu-sub`),k=i.a(e=>{(h.items(e)[0]??e).focus()}),A=i.a((e,t)=>{e&&t?.focus()}),{panels:j,registerLayer:M}=v(D.registerLayer),N=c.i(`menu.sub`),P=l.t({haspopup:`menu`,idPrefix:`menu-sub`,id:E.id,onOpened:k,onClosing:A,inside:j});n.n(()=>{if(!(!P.isOpen||!P.panelElement))return D.registerLayer(P.panelElement)},[P.isOpen,P.panelElement,D.registerLayer]),n.n(()=>{D.open||P.setOpen(!1,{reason:`imperative`})},[D.open,P.setOpen]),n.n(()=>{if(!P.isOpen)return;let e=new AbortController;return document.addEventListener(`focusin`,e=>{t.g(e,[P.panelElement,P.triggerElement])||P.setOpen(!1,{reason:`imperative`,event:e})},{signal:e.signal}),()=>e.abort()},[P.isOpen,P.panelElement,P.triggerElement,P.setOpen]);let F=i.a(e=>{let n=t._(e.currentTarget)?`ArrowLeft`:`ArrowRight`;d||e.key!==n||(e.preventDefault(),P.setOpen(!0,{reason:`trigger`,event:e}),N(`openChange`,!0,{reason:`keyboard`,event:e,item:C(s)}))}),I=i.a(e=>{d||P.setOpen(!0,{reason:`trigger`,event:e})}),L=(0,f.useMemo)(()=>({open:P.isOpen,closeAll:D.closeAll,registerLayer:M}),[P.isOpen,D.closeAll,M]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(r.default,{tag:`button`,ref:d?void 0:P.trigger.ref,component:`menu.item`,variant:{sub:!0},id:O,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":d||void 0,...P.trigger.props,...w,onKeyDown:F,onPointerEnter:I},children:[s,(0,p.jsx)(r.default,{component:`menu.arrow`})]}),!d&&(0,p.jsx)(g.Provider,{value:L,children:(0,p.jsx)(x,{layer:P,side:m,align:y,offset:b,flip:S,matchWidth:!1,labelledBy:O,contentProps:T,closeSelf:e=>P.setOpen(!1,e),...E,elementRef:o,children:u})})]})}var C=(e,t)=>t??(typeof e==`string`?e:void 0);function w(e){let{onSelect:t,disabled:n,closeOnSelect:a=!0,value:o,props:s,children:l,...u}=e,d=_(`Menu.Item`),f=c.i(`menu.item`),m=i.a(e=>{n||(t?.(e),f(`select`,C(l,o),{reason:`select`,event:e}),a&&d.closeAll({reason:`select`,event:e}))});return(0,p.jsx)(r.default,{tag:`button`,component:`menu.item`,...u,props:{type:`button`,role:`menuitem`,tabIndex:-1,"aria-disabled":n||void 0,...s,onClick:m},children:l})}function T(e){let{checked:t,defaultChecked:n=!1,onCheckedChange:a,disabled:o,closeOnSelect:s=!1,value:l,props:u,children:d,...f}=e,m=_(`Menu.CheckboxItem`),[h,g]=i.i({value:t,defaultValue:n,onChange:a}),v=c.i(`menu.checkboxItem`),y=i.a(e=>{o||(g(!h,{reason:`select`,event:e}),v(`checkedChange`,!h,{reason:`select`,event:e,item:C(d,l)}),s&&m.closeAll({reason:`select`,event:e}))});return(0,p.jsxs)(r.default,{tag:`button`,component:`menu.item`,...f,props:{type:`button`,role:`menuitemcheckbox`,tabIndex:-1,"aria-checked":h,"aria-disabled":o||void 0,...u,onClick:y},children:[(0,p.jsx)(r.default,{component:`menu.indicator`,children:h&&(0,p.jsx)(r.default,{component:`menu.check`})}),d]})}function E(e){let{label:t,value:n,defaultValue:r=``,onValueChange:a,children:o,...s}=e,[l,u]=c.a({value:n,defaultValue:r,onChange:a,interaction:{component:`menu.radioGroup`,type:`valueChange`}}),d=i.a((e,t)=>u(e,{reason:`select`,event:t})),m=(0,f.useMemo)(()=>({value:l,select:d}),[l,d]);return(0,p.jsx)(y.Provider,{value:m,children:(0,p.jsx)(O,{label:t,...s,children:o})})}function D(e){let{value:t,disabled:n,closeOnSelect:a=!1,props:o,children:s,...c}=e,l=_(`Menu.RadioItem`),u=(0,f.useContext)(y);if(!u)throw Error(`<Menu.RadioItem> must be rendered inside a <Menu.RadioGroup>.`);let d=u.value===t,m=i.a(e=>{n||(u.select(t,e),a&&l.closeAll({reason:`select`,event:e}))});return(0,p.jsxs)(r.default,{tag:`button`,component:`menu.item`,...c,props:{type:`button`,role:`menuitemradio`,tabIndex:-1,"aria-checked":d,"aria-disabled":n||void 0,...o,onClick:m},children:[(0,p.jsx)(r.default,{component:`menu.indicator`,children:d&&(0,p.jsx)(r.default,{component:`menu.dot`})}),s]})}function O(e){let{label:t,props:n,children:i,...o}=e,s=a.t(`menu-group`);return(0,p.jsxs)(r.default,{component:`menu.group`,...o,props:{role:`group`,"aria-labelledby":t?s:void 0,...n},children:[t&&(0,p.jsx)(r.default,{component:`menu.label`,id:s,props:{role:`presentation`},children:t}),i]})}function k(e){let{props:t,...n}=e;return(0,p.jsx)(r.default,{component:`menu.separator`,...n,props:{role:`separator`,...t}})}w.displayName=`Menu.Item`,T.displayName=`Menu.CheckboxItem`,E.displayName=`Menu.RadioGroup`,D.displayName=`Menu.RadioItem`,O.displayName=`Menu.Group`,k.displayName=`Menu.Separator`;var A=Object.assign(e._(b,`Menu`),{Item:w,CheckboxItem:T,RadioGroup:E,RadioItem:D,Group:O,Separator:k,Sub:e._(S,`Menu.Sub`)});exports.default=A;

package/components/menu.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { _ as t, d as n, g as r } from "../platform.mjs";
 import { n as i } from "../effects.mjs";
 import a from "../box.mjs";

package/components/popover.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("../placement.cjs"),a=require("../layer.cjs"),o=require("./overlay.cjs"),s=require("../motion.cjs");let c=require("react"),l=require("react/jsx-runtime");function u(e,u){let{trigger:d,children:f,open:p,defaultOpen:m=!1,onOpenChange:h,label:g,labelledBy:_,side:v=`bottom`,align:y=`center`,offset:b=2,flip:x=!0,matchWidth:S=!1,autoFocus:C=!0,initialFocus:w,props:T,...E}=e,D=r.a(e=>{if(!C)return;let n=t.h(w);if(n)return n.focus();e.contains(document.activeElement)||(t.m(e)??e).focus()}),{platform:O,isOpen:k,id:A,trigger:j,triggerElement:M,setPanel:N,panelElement:P}=a.t({haspopup:`dialog`,idPrefix:`popover`,id:E.id,interaction:{component:`popover`,type:`openChange`},open:p,defaultOpen:m,onOpenChange:h,onOpened:D}),F=i.t({side:v,align:y,offset:b,flip:x,matchWidth:S,anchor:M}),I=s.t(f,k,P),L=(0,c.useCallback)(e=>{N(e),t.d(u,e)},[N,u]),R={"aria-label":g,"aria-labelledby":_},z=E;return O?(0,l.jsxs)(l.Fragment,{children:[d(j),(0,l.jsx)(n.default,{ref:L,component:`popover`,...z,variant:[z.variant,{topLayer:!0}],...F.layerProps,id:A,props:{popover:`auto`,role:`dialog`,...R,tabIndex:-1,...T},children:I})]}):(0,l.jsxs)(l.Fragment,{children:[d(j),k&&(0,l.jsx)(o.default,{contentRef:L,anchor:M,side:v,align:y,offset:b,flip:x,matchWidth:S,component:`popover`,...z,id:A,props:{role:`dialog`,...R,tabIndex:-1,...T},children:f})]})}var d=e.f(u,`Popover`);exports.default=d;
+"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("../placement.cjs"),a=require("../layer.cjs"),o=require("./overlay.cjs"),s=require("../motion.cjs");let c=require("react"),l=require("react/jsx-runtime");function u(e,u){let{trigger:d,children:f,open:p,defaultOpen:m=!1,onOpenChange:h,label:g,labelledBy:_,side:v=`bottom`,align:y=`center`,offset:b=2,flip:x=!0,matchWidth:S=!1,autoFocus:C=!0,initialFocus:w,props:T,...E}=e,D=r.a(e=>{if(!C)return;let n=t.h(w);if(n)return n.focus();e.contains(document.activeElement)||(t.m(e)??e).focus()}),{platform:O,isOpen:k,id:A,trigger:j,triggerElement:M,setPanel:N,panelElement:P}=a.t({haspopup:`dialog`,idPrefix:`popover`,id:E.id,interaction:{component:`popover`,type:`openChange`},open:p,defaultOpen:m,onOpenChange:h,onOpened:D}),F=i.t({side:v,align:y,offset:b,flip:x,matchWidth:S,anchor:M}),I=s.t(f,k,P),L=(0,c.useCallback)(e=>{N(e),t.d(u,e)},[N,u]),R={"aria-label":g,"aria-labelledby":_},z=E;return O?(0,l.jsxs)(l.Fragment,{children:[d(j),(0,l.jsx)(n.default,{ref:L,component:`popover`,...z,variant:[z.variant,{topLayer:!0}],...F.layerProps,id:A,props:{popover:`auto`,role:`dialog`,...R,tabIndex:-1,...T},children:I})]}):(0,l.jsxs)(l.Fragment,{children:[d(j),k&&(0,l.jsx)(o.default,{contentRef:L,anchor:M,side:v,align:y,offset:b,flip:x,matchWidth:S,component:`popover`,...z,id:A,props:{role:`dialog`,...R,tabIndex:-1,...T},children:f})]})}var d=e._(u,`Popover`);exports.default=d;

package/components/popover.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { f as e } from "../react-shared.mjs";
+import { _ as e } from "../react-shared.mjs";
 import { d as t, h as n, m as r } from "../platform.mjs";
 import i from "../box.mjs";
 import { a } from "../behavior.mjs";

package/components/radioButton.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime.cjs"),t=require("../react-shared.cjs"),n=require("../forms.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("@box-kite/react");a=e.t(a,1);var o=[`name`,`onInput`,`onChange`,`value`,`autoFocus`,`readOnly`,`defaultChecked`];function s(e,r){let{label:s,labelProps:c,...l}=e,u=t.i.buildProps(l,o,{type:`radio`});return(0,i.jsx)(n.n,{label:s,labelProps:c,children:(0,i.jsx)(a.default,{ref:r,tag:`input`,component:`radioButton`,...u})})}var c=(0,r.forwardRef)(s);c.displayName=`RadioButton`,exports.default=c;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../rolldown-runtime.cjs"),t=require("../react-shared.cjs"),n=require("../forms.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("@box-kite/react");a=e.t(a,1);var o=[`name`,`onInput`,`onChange`,`value`,`autoFocus`,`readOnly`,`defaultChecked`];function s(e,r){let{label:s,labelProps:c,...l}=e,u=t.l.buildProps(l,o,{type:`radio`});return(0,i.jsx)(n.n,{label:s,labelProps:c,children:(0,i.jsx)(a.default,{ref:r,tag:`input`,component:`radioButton`,...u})})}var c=(0,r.forwardRef)(s);c.displayName=`RadioButton`,exports.default=c;

package/components/radioButton.mjs

@@ -1,4 +1,4 @@
-import { i as e } from "../react-shared.mjs";
+import { l as e } from "../react-shared.mjs";
 import { n as t } from "../forms.mjs";
 import { forwardRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";