@box-kite/react 2.3.1 → 2.4.1

package/catalog.mjs

@@ -2,7 +2,14 @@ import { t as e } from "./dashboardSchema.mjs";
 import { t } from "./specSchema.mjs";
 import { BoxCatalogs as n, getDefaultEngine as r } from "@box-kite/core";
 //#region src/utils/catalog/catalogContracts.ts
-var i;
+var i = { anyOf: [{ type: "string" }, {
+	type: "object",
+	properties: {
+		light: { type: "string" },
+		dark: { type: "string" }
+	},
+	additionalProperties: !1
+}] }, a;
 (function(t) {
 	let n = [
 		"start",
@@ -15,25 +22,25 @@ var i;
 		"END",
 		"LEFT",
 		"RIGHT"
-	], i = [
+	], a = [
 		"sum",
 		"avg",
 		"min",
 		"max",
 		"count"
-	], a = [
+	], o = [
 		"text",
 		"number",
 		"checkbox",
 		"select"
-	], o = [
+	], s = [
 		"xs",
 		"sm",
 		"md",
 		"lg",
 		"xl",
 		"xxl"
-	], s = {
+	], c = {
 		columns: {
 			type: "array",
 			description: "The columns, left to right.",
@@ -64,7 +71,7 @@ var i;
 					},
 					aggregate: {
 						type: "string",
-						enum: i,
+						enum: a,
 						description: "Total this column over each group row, and over the footer."
 					},
 					sortable: {
@@ -89,7 +96,7 @@ var i;
 					},
 					editor: {
 						type: "string",
-						enum: a,
+						enum: o,
 						description: "Which editor a cell opens. Without one it is read off the value."
 					},
 					exportFormat: {
@@ -178,7 +185,7 @@ var i;
 			anyOf: [{ type: "boolean" }, { type: "integer" }],
 			description: "Which group rows start open: `true` is all of them, a number is how many levels down."
 		}
-	}, c = {
+	}, l = {
 		type: "integer",
 		description: "How many columns that width is written in."
 	};
@@ -193,7 +200,7 @@ var i;
 				def: {
 					type: "object",
 					description: "Everything about the grid that is not the rows: the columns, the bars, the title.",
-					properties: s,
+					properties: c,
 					required: ["columns"],
 					additionalProperties: !1
 				}
@@ -212,7 +219,7 @@ var i;
 			columns: {
 				anyOf: [{ type: "integer" }, {
 					type: "object",
-					properties: Object.fromEntries(o.map((e) => [e, c])),
+					properties: Object.fromEntries(s.map((e) => [e, l])),
 					additionalProperties: !1
 				}],
 				description: "How many columns, at one width or at several: `12`, or `{ xs: 1, md: 6, xxl: 12 }`."
@@ -228,10 +235,25 @@ var i;
 				items: { type: "string" }
 			}, { type: "object" }],
 			description: "The series drawn inside, and what colour each of them is: a list of names takes the palette in order, a record maps each name to a colour token the fill prop takes (`{ \"revenue\": \"emerald-600\", \"cost\": \"emerald-600/40\" }`)."
+		} } },
+		FlowContainer: { props: { tokens: {
+			type: "object",
+			properties: {
+				surface: i,
+				panel: i,
+				text: i,
+				border: i,
+				grid: i,
+				edge: i,
+				selection: i,
+				handle: i
+			},
+			additionalProperties: !1,
+			description: "The roles a React Flow canvas is painted from, each a colour token for both themes or one per theme: `{ \"selection\": \"sky-500\", \"surface\": { \"light\": \"base-50\", \"dark\": \"base-950\" } }`."
 		} } }
 	};
-})(i ||= {});
-var a = i, o = {
+})(a ||= {});
+var o = a, s = {
 	props: {
 		appearance: "The appearance CSS property is used to display UI elements with platform-specific styling, based on the operating system's theme.",
 		animation: "One of the four presets — their `@keyframes` are registered already and their durations ride `--transitionTime`, so `prefers-reduced-motion` stops them with no opt-in.",
@@ -2709,7 +2731,7 @@ var a = i, o = {
 				},
 				props: {
 					type: "object",
-					description: "Attributes for the `<input>` itself — an `aria-label`, an `id`."
+					description: "Attributes for the `<input>` itself — an `aria-label`, or the `id` a `<label htmlFor>` of your own points at."
 				}
 			},
 			required: [],
@@ -2757,7 +2779,7 @@ var a = i, o = {
 				},
 				props: {
 					type: "object",
-					description: "Attributes for the `<input>` that *is* the combobox — an `aria-label`, an `inputMode`, an `id`."
+					description: "Attributes for the `<input>` that *is* the combobox — an `aria-label`, an `inputMode`."
 				},
 				hideIcon: {
 					type: "boolean",
@@ -3041,6 +3063,19 @@ var a = i, o = {
 			required: ["data"],
 			styled: !0
 		},
+		FlowContainer: {
+			description: "The theming bridge for a React Flow canvas: a Box around `<ReactFlow>` that declares xyflow's `--xy-*` variables from the palette in both themes, so the canvas names no colour and its dark mode belongs to the page.",
+			import: "import { FlowContainer } from '@box-kite/react/components/flow';",
+			slots: ["default"],
+			events: [],
+			props: { motion: {
+				type: "string",
+				enum: ["static"],
+				description: "`'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."
+			} },
+			required: [],
+			styled: !0
+		},
 		ChartContainer: {
 			description: "The theming bridge for a chart somebody else draws: a Box that declares `--chart-1` … `--chart-6` in both themes plus one `--color-<series>` per series, so a Recharts `<Line stroke=\"var(--color-revenue)\">` names no colour of its own and its dark mode belongs to the page.",
 			import: "import { ChartContainer } from '@box-kite/react/components/chart';",
@@ -3275,14 +3310,14 @@ var a = i, o = {
 };
 //#endregion
 //#region src/catalog.ts
-function s(e) {
+function c(e) {
 	let t = r();
 	return n.build({
 		...t.getCatalogSource(),
 		componentStyles: t.getComponentsStyles(),
-		manifest: o,
-		contracts: a.CONTRACTS
+		manifest: s,
+		contracts: o.CONTRACTS
 	}, e);
 }
 //#endregion
-export { s as catalog, s as default, t as specSchema };
+export { c as catalog, c as default, t as specSchema };

package/client.cjs

@@ -1 +1 @@
-const e=require("./rolldown-runtime.cjs"),t=require("./react-shared.cjs"),n=require("./platform.cjs"),r=require("./effects.cjs"),i=require("./box.cjs");let a=require("react");a=e.t(a,1);let o=require("@box-kite/core"),s=require("react/jsx-runtime"),c=require("react-dom");var l=`[box-kite] The client build was loaded into a React Server Component graph, where React has no createContext. Import '@box-kite/react' by its package name — the react-server condition resolves it to a Box that renders on the server — and import the components that hold state (Dropdown, Tooltip, DataGrid, Checkbox, Select, Form) from a 'use client' module. See https://github.com/box-kite/box-kite#react-server-components-react-19`;function u(e){if(typeof e.createContext!=`function`)throw Error(l)}u(a.default);var d=a.default.createContext(void 0);function f({value:e,children:t}){return(0,s.jsx)(d.Provider,{value:e,children:t})}function p(e){let{node:t=null,event:r=`click`,hideOnScroll:i=!1,hideOnResize:o=!1,hideOnEscape:s=!0}=e??{},[c,l]=(0,a.useState)(!1),u=(0,a.useRef)(null);return(0,a.useEffect)(()=>{function e(e){let r=t??u.current;r&&!n.g(e,[r])&&l(!1)}function a(){l(!1)}function d(e){e.key===`Escape`&&l(!1)}let f=new AbortController;return c&&(window.addEventListener(r,e,f),s&&window.addEventListener(`keydown`,d,f),o&&window.addEventListener(`resize`,a,f),i&&window.addEventListener(`scroll`,e,{signal:f.signal,capture:!0})),()=>{f.abort()}},[t,c,r,s,o,i]),[c,l,u]}var m=r.t;function h(e,n){let{classNames:r,signature:i,styleElements:s}=t.l(e,n,(0,a.useContext)(d));return m(()=>{(0,o.getDefaultEngine)().flushSync()},[i??e]),{classNames:r,styleElements:s}}function g(e,n){let r=e?(0,o.getDefaultEngine)().addGlobalStyles(e,n):void 0;return m(()=>{(0,o.getDefaultEngine)().flushSync()},[e,n]),t.u(r)}var _;(function(e){function t(){(0,o.getDefaultEngine)().flushSync()}e.flushSync=t;function r(){(0,o.getDefaultEngine)().clear()}e.clear=r;function i(){return(0,o.getDefaultEngine)().getStyles()}e.getStyles=i;function a(){return(0,o.getDefaultEngine)().getStyleTag()}e.getStyleTag=a;function s(){return(0,o.getDefaultEngine)().styleElementId}e.styleElementId=s;function c({componentAttribute:e,...t}){e!==void 0&&n.b(e),t.warnings!==void 0&&n.y(t.warnings),Object.keys(t).length>0&&(0,o.getDefaultEngine)().configure(t)}e.configure=c})(_||={}),u(a.default);var v=a.default.createContext({theme:``,setTheme:()=>{},setDesign:()=>{}});function y(e){let{theme:t,use:n=`local`,storageKey:l,globalStyles:u,viewTransition:d,components:p,design:m,designStorageKey:h}=e,_=p?(0,s.jsx)(f,{value:p,children:e.children}):e.children,y=g(n===`global`?u:void 0,`html`),[b,x]=(0,a.useState)(t??o.defaultThemeName),[S,C]=(0,a.useState)(t!==void 0),w=(0,a.useRef)(null),T=(0,a.useRef)(b),E=(0,a.useRef)(null),D=(0,a.useRef)(null),O=(0,a.useRef)(void 0),k=(0,a.useCallback)(e=>{if(!d)return e();let t=(0,o.transitionTheme)(()=>(0,c.flushSync)(e),d===`reveal`?`reveal`:`fade`);O.current=t.finished,t.finished.then(()=>O.current=void 0,()=>O.current=void 0)},[d]),A=(0,a.useCallback)(e=>k(()=>{e===null?(l&&(0,o.clearStoredTheme)(l),C(!1)):(l&&(0,o.writeStoredTheme)(l,e),x(e),C(!0))}),[l,k]),[j,M]=(0,a.useState)(m),[N,P]=(0,a.useState)(m);m!==N&&(P(m),M(m));let F=(0,a.useCallback)(e=>k(()=>{D.current??=(0,o.pauseTransitions)(),h&&(e===null?o.clearStoredTheme:o.writeStoredTheme)(h,e),M(e??m)}),[m,h,k]),I=(0,a.useRef)(null);(0,a.useLayoutEffect)(()=>{let e=h?(0,o.readStoredTheme)(h):null;e&&(I.current=e,M(e))},[h]),(0,a.useLayoutEffect)(()=>{if(I.current!==null&&I.current!==j)return;I.current=null;let e=n===`global`&&j?(0,o.documentRoot)():null,t=e?(0,o.applyDesignToElement)(e,j):void 0;return D.current?.(O.current),D.current=null,t},[j,n]);let L=d===`reveal`;(0,a.useEffect)(()=>L?(0,o.prepareReveal)():void 0,[L]);let[R,z]=(0,a.useState)(t);t!==R&&(z(t),t===void 0?C(!1):(x(t),C(!0))),(0,a.useLayoutEffect)(()=>{if(S)return;let e=l?(0,o.readStoredTheme)(l):null,t=e??(0,o.getSystemTheme)();if(t!==T.current&&(w.current=t),x(t),e){C(!0);return}return(0,o.watchSystemTheme)(x)},[S,l]),r.t(()=>{b!==T.current&&(E.current??=(0,o.pauseTransitions)())},[b]),(0,a.useLayoutEffect)(()=>{if(T.current=b,w.current!==null&&w.current!==b)return;w.current=null;let e=E.current;E.current=null;let t=n===`global`?(0,o.documentRoot)():null,r=t?(0,o.applyThemeToElement)(t,b):void 0;return e?.(O.current),r},[b,n]);let B=(0,a.useMemo)(()=>({theme:b,setTheme:A,design:j,setDesign:F}),[b,A,j,F]);return n===`local`?(0,s.jsxs)(v.Provider,{value:B,children:[y,(0,s.jsx)(i.default,{className:b,props:{"data-theme":b,"data-design":j},children:_})]}):(0,s.jsxs)(v.Provider,{value:B,children:[y,_]})}(function(e){function t(){let{theme:e,setTheme:t}=(0,a.useContext)(v);return[e,t]}e.useTheme=t;function n(){let{design:e,setDesign:t}=(0,a.useContext)(v);return[e,t]}e.useDesign=n})(y||={});var b=y,x=new WeakMap;function S(e){let t=x.get(e);return t||(t=new Map,x.set(e,t)),t}function C(e=!0){let[t]=b.useTheme(),r=(0,a.useMemo)(()=>{if(!e)return null;let t=n.t();if(!t)return null;let r=`box-kite-portal`,i=t.getElementById(r);return i||(i=document.createElement(`div`),i.id=r,document.body.appendChild(i)),i},[e]);return(0,a.useLayoutEffect)(()=>{if(!t||!r)return;let e=S(r),n=e.get(t)??0;return e.set(t,n+1),n===0&&r.classList.add(t),()=>{let n=(e.get(t)??1)-1;n<=0?(e.delete(t),r.classList.remove(t)):e.set(t,n)}},[r,t]),r}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});
+const e=require("./rolldown-runtime.cjs"),t=require("./react-shared.cjs"),n=require("./platform.cjs"),r=require("./effects.cjs"),i=require("./box.cjs");let a=require("react");a=e.t(a,1);let o=require("@box-kite/core"),s=require("react/jsx-runtime"),c=require("react-dom");var l=`[box-kite] The client build was loaded into a React Server Component graph, where React has no createContext. Import '@box-kite/react' by its package name — the react-server condition resolves it to a Box that renders on the server — and import the components that hold state (Dropdown, Tooltip, DataGrid, Checkbox, Select, Form) from a 'use client' module. See https://github.com/box-kite/box-kite#react-server-components-react-19`;function u(e){if(typeof e.createContext!=`function`)throw Error(l)}u(a.default);var d=a.default.createContext(void 0);function f({value:e,children:t}){return(0,s.jsx)(d.Provider,{value:e,children:t})}function p(e){let{node:t=null,event:r=`click`,hideOnScroll:i=!1,hideOnResize:o=!1,hideOnEscape:s=!0}=e??{},[c,l]=(0,a.useState)(!1),u=(0,a.useRef)(null);return(0,a.useEffect)(()=>{function e(e){let r=t??u.current;r&&!n.g(e,[r])&&l(!1)}function a(){l(!1)}function d(e){e.key===`Escape`&&l(!1)}let f=new AbortController;return c&&(window.addEventListener(r,e,f),s&&window.addEventListener(`keydown`,d,f),o&&window.addEventListener(`resize`,a,f),i&&window.addEventListener(`scroll`,e,{signal:f.signal,capture:!0})),()=>{f.abort()}},[t,c,r,s,o,i]),[c,l,u]}var m=r.t;function h(e,n){let{classNames:r,signature:i,styleElements:s}=t.m(e,n,(0,a.useContext)(d));return m(()=>{(0,o.getDefaultEngine)().flushSync()},[i??e]),{classNames:r,styleElements:s}}function g(e,n){let r=e?(0,o.getDefaultEngine)().addGlobalStyles(e,n):void 0;return m(()=>{(0,o.getDefaultEngine)().flushSync()},[e,n]),t.h(r)}var _;(function(e){function t(){(0,o.getDefaultEngine)().flushSync()}e.flushSync=t;function r(){(0,o.getDefaultEngine)().clear()}e.clear=r;function i(){return(0,o.getDefaultEngine)().getStyles()}e.getStyles=i;function a(){return(0,o.getDefaultEngine)().getStyleTag()}e.getStyleTag=a;function s(){return(0,o.getDefaultEngine)().styleElementId}e.styleElementId=s;function c({componentAttribute:e,...t}){e!==void 0&&n.b(e),t.warnings!==void 0&&n.y(t.warnings),Object.keys(t).length>0&&(0,o.getDefaultEngine)().configure(t)}e.configure=c})(_||={}),u(a.default);var v=a.default.createContext({theme:``,setTheme:()=>{},setDesign:()=>{}});function y(e){let{theme:t,use:n=`local`,storageKey:l,globalStyles:u,viewTransition:d,components:p,design:m,designStorageKey:h}=e,_=p?(0,s.jsx)(f,{value:p,children:e.children}):e.children,y=g(n===`global`?u:void 0,`html`),[b,x]=(0,a.useState)(t??o.defaultThemeName),[S,C]=(0,a.useState)(t!==void 0),w=(0,a.useRef)(null),T=(0,a.useRef)(b),E=(0,a.useRef)(null),D=(0,a.useRef)(null),O=(0,a.useRef)(void 0),k=(0,a.useCallback)(e=>{if(!d)return e();let t=(0,o.transitionTheme)(()=>(0,c.flushSync)(e),d===`reveal`?`reveal`:`fade`);O.current=t.finished,t.finished.then(()=>O.current=void 0,()=>O.current=void 0)},[d]),A=(0,a.useCallback)(e=>k(()=>{e===null?(l&&(0,o.clearStoredTheme)(l),C(!1)):(l&&(0,o.writeStoredTheme)(l,e),x(e),C(!0))}),[l,k]),[j,M]=(0,a.useState)(m),[N,P]=(0,a.useState)(m);m!==N&&(P(m),M(m));let F=(0,a.useCallback)(e=>k(()=>{D.current??=(0,o.pauseTransitions)(),h&&(e===null?o.clearStoredTheme:o.writeStoredTheme)(h,e),M(e??m)}),[m,h,k]),I=(0,a.useRef)(null),L=(0,a.useRef)(j);(0,a.useLayoutEffect)(()=>{let e=h?(0,o.readStoredTheme)(h):null;!e||e===L.current||(I.current=e,M(e))},[h]),(0,a.useLayoutEffect)(()=>{if(L.current=j,I.current!==null&&I.current!==j)return;I.current=null;let e=n===`global`&&j?(0,o.documentRoot)():null,t=e?(0,o.applyDesignToElement)(e,j):void 0;return D.current?.(O.current),D.current=null,t},[j,n]);let R=d===`reveal`;(0,a.useEffect)(()=>R?(0,o.prepareReveal)():void 0,[R]);let[z,B]=(0,a.useState)(t);t!==z&&(B(t),t===void 0?C(!1):(x(t),C(!0))),(0,a.useLayoutEffect)(()=>{if(S)return;let e=l?(0,o.readStoredTheme)(l):null,t=e??(0,o.getSystemTheme)();if(t!==T.current&&(w.current=t,x(t)),e){C(!0);return}return(0,o.watchSystemTheme)(x)},[S,l]),r.t(()=>{b!==T.current&&(E.current??=(0,o.pauseTransitions)())},[b]),(0,a.useLayoutEffect)(()=>{if(T.current=b,w.current!==null&&w.current!==b)return;w.current=null;let e=E.current;E.current=null;let t=n===`global`?(0,o.documentRoot)():null,r=t?(0,o.applyThemeToElement)(t,b):void 0;return e?.(O.current),r},[b,n]);let V=(0,a.useMemo)(()=>({theme:b,setTheme:A,design:j,setDesign:F}),[b,A,j,F]);return n===`local`?(0,s.jsxs)(v.Provider,{value:V,children:[y,(0,s.jsx)(i.default,{className:b,props:{"data-theme":b,"data-design":j},children:_})]}):(0,s.jsxs)(v.Provider,{value:V,children:[y,_]})}(function(e){function t(){let{theme:e,setTheme:t}=(0,a.useContext)(v);return[e,t]}e.useTheme=t;function n(){let{design:e,setDesign:t}=(0,a.useContext)(v);return[e,t]}e.useDesign=n})(y||={});var b=y,x=new WeakMap;function S(e){let t=x.get(e);return t||(t=new Map,x.set(e,t)),t}function C(e=!0){let[t]=b.useTheme(),r=(0,a.useMemo)(()=>{if(!e)return null;let t=n.t();if(!t)return null;let r=`box-kite-portal`,i=t.getElementById(r);return i||(i=document.createElement(`div`),i.id=r,document.body.appendChild(i)),i},[e]);return(0,a.useLayoutEffect)(()=>{if(!t||!r)return;let e=S(r),n=e.get(t)??0;return e.set(t,n+1),n===0&&r.classList.add(t),()=>{let n=(e.get(t)??1)-1;n<=0?(e.delete(t),r.classList.remove(t)):e.set(t,n)}},[r,t]),r}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});

package/client.mjs

@@ -1,31 +1,31 @@
-import { l as e, u as t } from "./react-shared.mjs";
+import { h as e, m as t } from "./react-shared.mjs";
 import { b as n, g as r, t as i, y as a } from "./platform.mjs";
 import { t as o } from "./effects.mjs";
 import s from "./box.mjs";
 import c, { useCallback as l, useContext as u, useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { applyDesignToElement as g, applyThemeToElement as _, clearStoredTheme as v, defaultThemeName as y, documentRoot as b, getDefaultEngine as x, getSystemTheme as S, pauseTransitions as C, prepareReveal as w, readStoredTheme as T, transitionTheme as E, watchSystemTheme as D, writeStoredTheme as O } from "@box-kite/core";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { flushSync as j } from "react-dom";
+import { applyDesignToElement as g, applyThemeToElement as _, clearStoredTheme as v, defaultThemeName as y, documentRoot as b, getDefaultEngine as x, getSystemTheme as S, pauseTransitions as C, prepareReveal as w, readStoredTheme as T, transitionTheme as E, watchSystemTheme as ee, writeStoredTheme as D } from "@box-kite/core";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { flushSync as A } from "react-dom";
 //#region src/react/clientRuntime.ts
-var M = "[box-kite] The client build was loaded into a React Server Component graph, where React has no createContext. Import '@box-kite/react' by its package name — the react-server condition resolves it to a Box that renders on the server — and import the components that hold state (Dropdown, Tooltip, DataGrid, Checkbox, Select, Form) from a 'use client' module. See https://github.com/box-kite/box-kite#react-server-components-react-19";
-function N(e) {
-	if (typeof e.createContext != "function") throw Error(M);
+var j = "[box-kite] The client build was loaded into a React Server Component graph, where React has no createContext. Import '@box-kite/react' by its package name — the react-server condition resolves it to a Box that renders on the server — and import the components that hold state (Dropdown, Tooltip, DataGrid, Checkbox, Select, Form) from a 'use client' module. See https://github.com/box-kite/box-kite#react-server-components-react-19";
+function M(e) {
+	if (typeof e.createContext != "function") throw Error(j);
 }
 //#endregion
 //#region src/react/componentsContext.ts
-N(c);
-var P = c.createContext(void 0);
+M(c);
+var N = c.createContext(void 0);
 //#endregion
 //#region src/react/componentsProvider.tsx
-function F({ value: e, children: t }) {
-	return /* @__PURE__ */ k(P.Provider, {
+function P({ value: e, children: t }) {
+	return /* @__PURE__ */ O(N.Provider, {
 		value: e,
 		children: t
 	});
 }
 //#endregion
 //#region src/react/hooks/useVisibility.ts
-function I(e) {
+function F(e) {
 	let { node: t = null, event: n = "click", hideOnScroll: i = !1, hideOnResize: a = !1, hideOnEscape: o = !0 } = e ?? {}, [s, c] = h(!1), l = m(null);
 	return d(() => {
 		function e(e) {
@@ -60,23 +60,23 @@ function I(e) {
 }
 //#endregion
 //#region src/react/useStyles.ts
-var L = o;
-function R(t, n) {
-	let { classNames: r, signature: i, styleElements: a } = e(t, n, u(P));
-	return L(() => {
+var I = o;
+function L(e, n) {
+	let { classNames: r, signature: i, styleElements: a } = t(e, n, u(N));
+	return I(() => {
 		x().flushSync();
-	}, [i ?? t]), {
+	}, [i ?? e]), {
 		classNames: r,
 		styleElements: a
 	};
 }
-function z(e, n) {
-	let r = e ? x().addGlobalStyles(e, n) : void 0;
-	return L(() => {
+function R(t, n) {
+	let r = t ? x().addGlobalStyles(t, n) : void 0;
+	return I(() => {
 		x().flushSync();
-	}, [e, n]), t(r);
+	}, [t, n]), e(r);
 }
-var B;
+var z;
 //#endregion
 //#region src/react/theme/themeContext.ts
 (function(e) {
@@ -104,108 +104,108 @@ var B;
 		e !== void 0 && n(e), t.warnings !== void 0 && a(t.warnings), Object.keys(t).length > 0 && x().configure(t);
 	}
 	e.configure = c;
-})(B ||= {}), N(c);
-var V = c.createContext({
+})(z ||= {}), M(c);
+var B = c.createContext({
 	theme: "",
 	setTheme: () => {},
 	setDesign: () => {}
 });
 //#endregion
 //#region src/react/theme/theme.tsx
-function H(e) {
-	let { theme: t, use: n = "local", storageKey: r, globalStyles: i, viewTransition: a, components: c, design: u, designStorageKey: x } = e, M = c ? /* @__PURE__ */ k(F, {
+function V(e) {
+	let { theme: t, use: n = "local", storageKey: r, globalStyles: i, viewTransition: a, components: c, design: u, designStorageKey: x } = e, j = c ? /* @__PURE__ */ O(P, {
 		value: c,
 		children: e.children
-	}) : e.children, N = z(n === "global" ? i : void 0, "html"), [P, I] = h(t ?? y), [L, R] = h(t !== void 0), B = m(null), H = m(P), U = m(null), W = m(null), G = m(void 0), K = l((e) => {
+	}) : e.children, M = R(n === "global" ? i : void 0, "html"), [N, F] = h(t ?? y), [I, L] = h(t !== void 0), z = m(null), V = m(N), H = m(null), U = m(null), W = m(void 0), G = l((e) => {
 		if (!a) return e();
-		let t = E(() => j(e), a === "reveal" ? "reveal" : "fade");
-		G.current = t.finished, t.finished.then(() => G.current = void 0, () => G.current = void 0);
-	}, [a]), q = l((e) => K(() => {
-		e === null ? (r && v(r), R(!1)) : (r && O(r, e), I(e), R(!0));
-	}), [r, K]), [J, Y] = h(u), [ee, te] = h(u);
-	u !== ee && (te(u), Y(u));
-	let X = l((e) => K(() => {
-		W.current ??= C(), x && (e === null ? v : O)(x, e), Y(e ?? u);
+		let t = E(() => A(e), a === "reveal" ? "reveal" : "fade");
+		W.current = t.finished, t.finished.then(() => W.current = void 0, () => W.current = void 0);
+	}, [a]), K = l((e) => G(() => {
+		e === null ? (r && v(r), L(!1)) : (r && D(r, e), F(e), L(!0));
+	}), [r, G]), [q, J] = h(u), [te, ne] = h(u);
+	u !== te && (ne(u), J(u));
+	let Y = l((e) => G(() => {
+		U.current ??= C(), x && (e === null ? v : D)(x, e), J(e ?? u);
 	}), [
 		u,
 		x,
-		K
-	]), Z = m(null);
+		G
+	]), X = m(null), Z = m(q);
 	f(() => {
 		let e = x ? T(x) : null;
-		e && (Z.current = e, Y(e));
+		!e || e === Z.current || (X.current = e, J(e));
 	}, [x]), f(() => {
-		if (Z.current !== null && Z.current !== J) return;
-		Z.current = null;
-		let e = n === "global" && J ? b() : null, t = e ? g(e, J) : void 0;
-		return W.current?.(G.current), W.current = null, t;
-	}, [J, n]);
+		if (Z.current = q, X.current !== null && X.current !== q) return;
+		X.current = null;
+		let e = n === "global" && q ? b() : null, t = e ? g(e, q) : void 0;
+		return U.current?.(W.current), U.current = null, t;
+	}, [q, n]);
 	let Q = a === "reveal";
 	d(() => Q ? w() : void 0, [Q]);
-	let [ne, re] = h(t);
-	t !== ne && (re(t), t === void 0 ? R(!1) : (I(t), R(!0))), f(() => {
-		if (L) return;
+	let [re, ie] = h(t);
+	t !== re && (ie(t), t === void 0 ? L(!1) : (F(t), L(!0))), f(() => {
+		if (I) return;
 		let e = r ? T(r) : null, t = e ?? S();
-		if (t !== H.current && (B.current = t), I(t), e) {
-			R(!0);
+		if (t !== V.current && (z.current = t, F(t)), e) {
+			L(!0);
 			return;
 		}
-		return D(I);
-	}, [L, r]), o(() => {
-		P !== H.current && (U.current ??= C());
-	}, [P]), f(() => {
-		if (H.current = P, B.current !== null && B.current !== P) return;
-		B.current = null;
-		let e = U.current;
-		U.current = null;
-		let t = n === "global" ? b() : null, r = t ? _(t, P) : void 0;
-		return e?.(G.current), r;
-	}, [P, n]);
+		return ee(F);
+	}, [I, r]), o(() => {
+		N !== V.current && (H.current ??= C());
+	}, [N]), f(() => {
+		if (V.current = N, z.current !== null && z.current !== N) return;
+		z.current = null;
+		let e = H.current;
+		H.current = null;
+		let t = n === "global" ? b() : null, r = t ? _(t, N) : void 0;
+		return e?.(W.current), r;
+	}, [N, n]);
 	let $ = p(() => ({
-		theme: P,
-		setTheme: q,
-		design: J,
-		setDesign: X
+		theme: N,
+		setTheme: K,
+		design: q,
+		setDesign: Y
 	}), [
-		P,
+		N,
+		K,
 		q,
-		J,
-		X
+		Y
 	]);
-	return n === "local" ? /* @__PURE__ */ A(V.Provider, {
+	return n === "local" ? /* @__PURE__ */ k(B.Provider, {
 		value: $,
-		children: [N, /* @__PURE__ */ k(s, {
-			className: P,
+		children: [M, /* @__PURE__ */ O(s, {
+			className: N,
 			props: {
-				"data-theme": P,
-				"data-design": J
+				"data-theme": N,
+				"data-design": q
 			},
-			children: M
+			children: j
 		})]
-	}) : /* @__PURE__ */ A(V.Provider, {
+	}) : /* @__PURE__ */ k(B.Provider, {
 		value: $,
-		children: [N, M]
+		children: [M, j]
 	});
 }
 (function(e) {
 	function t() {
-		let { theme: e, setTheme: t } = u(V);
+		let { theme: e, setTheme: t } = u(B);
 		return [e, t];
 	}
 	e.useTheme = t;
 	function n() {
-		let { design: e, setDesign: t } = u(V);
+		let { design: e, setDesign: t } = u(B);
 		return [e, t];
 	}
 	e.useDesign = n;
-})(H ||= {});
-var U = H, W = /* @__PURE__ */ new WeakMap();
-function G(e) {
-	let t = W.get(e);
-	return t || (t = /* @__PURE__ */ new Map(), W.set(e, t)), t;
+})(V ||= {});
+var H = V, U = /* @__PURE__ */ new WeakMap();
+function W(e) {
+	let t = U.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), U.set(e, t)), t;
 }
-function K(e = !0) {
-	let [t] = U.useTheme(), n = p(() => {
+function G(e = !0) {
+	let [t] = H.useTheme(), n = p(() => {
 		if (!e) return null;
 		let t = i();
 		if (!t) return null;
@@ -214,7 +214,7 @@ function K(e = !0) {
 	}, [e]);
 	return f(() => {
 		if (!t || !n) return;
-		let e = G(n), r = e.get(t) ?? 0;
+		let e = W(n), r = e.get(t) ?? 0;
 		return e.set(t, r + 1), r === 0 && n.classList.add(t), () => {
 			let r = (e.get(t) ?? 1) - 1;
 			r <= 0 ? (e.delete(t), n.classList.remove(t)) : e.set(t, r);
@@ -222,4 +222,4 @@ function K(e = !0) {
 	}, [n, t]), n;
 }
 //#endregion
-export { I as a, R as i, U as n, F as o, B as r, K as t };
+export { F as a, L as i, H as n, P as o, z as r, G as t };

package/components/accordion.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("../reporting.cjs");let o=require("react"),s=require("react/jsx-runtime");var c;(function(e){e.ROOT_ATTRIBUTE=`data-accordion`,e.TRIGGER_ATTRIBUTE=`data-accordion-trigger`;let t=e.ROOT_SELECTOR=`[data-accordion]`,n=e.TRIGGER_SELECTOR=`[data-accordion-trigger]`;function r(e,n){return n instanceof Element&&n.closest(t)===e}e.owns=r;function i(e){return e?[...e.querySelectorAll(n)].filter(t=>r(e,t)):[]}e.triggers=i;function a(e){return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=a;function o(e,t,n,r){let i=e.length;if(i===0)return;let o=t<0||t>=i?n>0?-1:i:t;for(let t=0;t<i;t++){if(o+=n,o<0||o>=i){if(!r)return;o=(o%i+i)%i}if(!a(e[o]))return e[o]}}e.step=o;function s(e,t){return o(e,t===1?-1:e.length,t,!1)}e.edge=s;function c(e,t){return t instanceof HTMLElement?e.indexOf(t):-1}e.indexOf=c;function l(e){if(e===`ArrowDown`)return{kind:`step`,delta:1};if(e===`ArrowUp`)return{kind:`step`,delta:-1};if(e===`Home`)return{kind:`edge`,delta:1};if(e===`End`)return{kind:`edge`,delta:-1}}e.moveFor=l;function u(e,t,n,r){return n.kind===`edge`?s(e,n.delta):o(e,t,n.delta,r)}e.target=u;function d(e,t,n){return e.includes(t)?e.filter(e=>e!==t):n?[...e,t]:[t]}e.toggle=d})(c||={});var l=c,u=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],d=(0,o.createContext)(null),f=(0,o.createContext)(null);function p(e){let t=(0,o.useContext)(d);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion>.`);return t}function m(e){let t=(0,o.useContext)(f);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion.Item>.`);return t}function h(e,i){let{children:c,value:u,defaultValue:f,onValueChange:p,multiple:m=!1,loop:h=!0,level:g=3,props:_,...v}=e,y=(0,o.useRef)(null),b=(0,o.useCallback)(e=>{y.current=e,t.d(i,e)},[i]),[x,S]=a.a({value:u,defaultValue:f??[],onChange:p,interaction:{component:`accordion`,type:`valueChange`}}),C=r.a((e,t)=>{S(t=>l.toggle(t,e,m),t)}),w=r.a(e=>{let t=y.current;if(!t||e.defaultPrevented||!l.owns(t,e.target))return;let n=l.triggers(t),r=l.indexOf(n,e.target);if(r===-1)return;let i=l.moveFor(e.key);if(!i)return;let a=l.target(n,r,i,h);a&&(e.preventDefault(),a.focus())}),T=(0,o.useMemo)(()=>({open:x,level:g,toggle:C}),[x,g,C]);return(0,s.jsx)(d.Provider,{value:T,children:(0,s.jsx)(n.default,{ref:b,component:`accordion`,...v,props:{[l.ROOT_ATTRIBUTE]:``,..._,onKeyDown:w},children:c})})}function g(e){let{value:t,children:r,disabled:a=!1,props:c,...l}=e,{open:u}=p(`Accordion.Item`),d=i.t(`accordion`),m=u.includes(t),h=(0,o.useMemo)(()=>({value:t,open:m,disabled:a,triggerId:`${d}-trigger`,panelId:`${d}-panel`}),[t,m,a,d]);return(0,s.jsx)(f.Provider,{value:h,children:(0,s.jsx)(n.default,{component:`accordion.item`,...l,props:c,children:r})})}g.displayName=`Accordion.Item`;function _(e){let{children:t,level:i,arrow:a=!0,props:o,...c}=e,{level:d,toggle:f}=p(`Accordion.Trigger`),{value:h,open:g,disabled:_,triggerId:v,panelId:y}=m(`Accordion.Trigger`),b=r.a(e=>f(h,{reason:`trigger`,event:e}));return(0,s.jsx)(n.default,{tag:u[(i??d)-1],component:`accordion.heading`,children:(0,s.jsxs)(n.default,{tag:`button`,component:`accordion.trigger`,...c,disabled:_,id:v,props:{type:`button`,"aria-expanded":g,"aria-controls":y,[l.TRIGGER_ATTRIBUTE]:``,...o,onClick:b},children:[t,a&&(0,s.jsx)(n.default,{tag:`span`,component:`accordion.arrow`,variant:{open:g},props:{"aria-hidden":!0}})]})})}_.displayName=`Accordion.Trigger`;function v(e){let{children:t,props:r,...i}=e,{open:a,triggerId:o,panelId:c}=m(`Accordion.Panel`);return(0,s.jsx)(n.default,{component:`accordion.track`,variant:{closed:!a},children:(0,s.jsx)(n.default,{component:`accordion.clip`,children:(0,s.jsx)(n.default,{component:`accordion.panel`,...i,id:c,props:{role:`region`,"aria-labelledby":o,...r},children:t})})})}v.displayName=`Accordion.Panel`;function y(e){let{children:t,trigger:c,open:l,defaultOpen:u=!1,onOpenChange:d,props:f,...p}=e,m=i.t(`collapsible`),h=`${m}-trigger`,g=`${m}-panel`,[_,v]=a.a({value:l,defaultValue:u,onChange:d,interaction:{component:`collapsible`,type:`openChange`}}),y=r.a(e=>v(e=>!e,{reason:`trigger`,event:e})),b=(0,o.useMemo)(()=>({props:{id:h,type:`button`,"aria-expanded":_,"aria-controls":g,onClick:y}}),[h,g,_,y]);return(0,s.jsxs)(n.default,{component:`collapsible`,...p,props:f,children:[c(b),(0,s.jsx)(n.default,{component:`collapsible.track`,variant:{closed:!_},children:(0,s.jsx)(n.default,{component:`collapsible.clip`,children:(0,s.jsx)(n.default,{component:`collapsible.panel`,id:g,children:t})})})]})}y.displayName=`Collapsible`;var b=e.f(h,`Accordion`);b.Item=g,b.Trigger=_,b.Panel=v,exports.Collapsible=y,exports.default=b;
+"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("../reporting.cjs");let o=require("react"),s=require("react/jsx-runtime");var c;(function(e){e.ROOT_ATTRIBUTE=`data-accordion`,e.TRIGGER_ATTRIBUTE=`data-accordion-trigger`;let t=e.ROOT_SELECTOR=`[data-accordion]`,n=e.TRIGGER_SELECTOR=`[data-accordion-trigger]`;function r(e,n){return n instanceof Element&&n.closest(t)===e}e.owns=r;function i(e){return e?[...e.querySelectorAll(n)].filter(t=>r(e,t)):[]}e.triggers=i;function a(e){return e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}e.isDisabled=a;function o(e,t,n,r){let i=e.length;if(i===0)return;let o=t<0||t>=i?n>0?-1:i:t;for(let t=0;t<i;t++){if(o+=n,o<0||o>=i){if(!r)return;o=(o%i+i)%i}if(!a(e[o]))return e[o]}}e.step=o;function s(e,t){return o(e,t===1?-1:e.length,t,!1)}e.edge=s;function c(e,t){return t instanceof HTMLElement?e.indexOf(t):-1}e.indexOf=c;function l(e){if(e===`ArrowDown`)return{kind:`step`,delta:1};if(e===`ArrowUp`)return{kind:`step`,delta:-1};if(e===`Home`)return{kind:`edge`,delta:1};if(e===`End`)return{kind:`edge`,delta:-1}}e.moveFor=l;function u(e,t,n,r){return n.kind===`edge`?s(e,n.delta):o(e,t,n.delta,r)}e.target=u;function d(e,t,n){return e.includes(t)?e.filter(e=>e!==t):n?[...e,t]:[t]}e.toggle=d})(c||={});var l=c,u=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`],d=(0,o.createContext)(null),f=(0,o.createContext)(null);function p(e){let t=(0,o.useContext)(d);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion>.`);return t}function m(e){let t=(0,o.useContext)(f);if(!t)throw Error(`<${e}> has to be rendered inside an <Accordion.Item>.`);return t}function h(e,i){let{children:c,value:u,defaultValue:f,onValueChange:p,multiple:m=!1,loop:h=!0,level:g=3,props:_,...v}=e,y=(0,o.useRef)(null),b=(0,o.useCallback)(e=>{y.current=e,t.d(i,e)},[i]),[x,S]=a.a({value:u,defaultValue:f??[],onChange:p,interaction:{component:`accordion`,type:`valueChange`}}),C=r.a((e,t)=>{S(t=>l.toggle(t,e,m),t)}),w=r.a(e=>{let t=y.current;if(!t||e.defaultPrevented||!l.owns(t,e.target))return;let n=l.triggers(t),r=l.indexOf(n,e.target);if(r===-1)return;let i=l.moveFor(e.key);if(!i)return;let a=l.target(n,r,i,h);a&&(e.preventDefault(),a.focus())}),T=(0,o.useMemo)(()=>({open:x,level:g,toggle:C}),[x,g,C]);return(0,s.jsx)(d.Provider,{value:T,children:(0,s.jsx)(n.default,{ref:b,component:`accordion`,...v,props:{[l.ROOT_ATTRIBUTE]:``,..._,onKeyDown:w},children:c})})}function g(e){let{value:t,children:r,disabled:a=!1,props:c,...l}=e,{open:u}=p(`Accordion.Item`),d=i.t(`accordion`),m=u.includes(t),h=(0,o.useMemo)(()=>({value:t,open:m,disabled:a,triggerId:`${d}-trigger`,panelId:`${d}-panel`}),[t,m,a,d]);return(0,s.jsx)(f.Provider,{value:h,children:(0,s.jsx)(n.default,{component:`accordion.item`,...l,props:c,children:r})})}g.displayName=`Accordion.Item`;function _(e){let{children:t,level:i,arrow:a=!0,props:o,...c}=e,{level:d,toggle:f}=p(`Accordion.Trigger`),{value:h,open:g,disabled:_,triggerId:v,panelId:y}=m(`Accordion.Trigger`),b=r.a(e=>f(h,{reason:`trigger`,event:e}));return(0,s.jsx)(n.default,{tag:u[(i??d)-1],component:`accordion.heading`,children:(0,s.jsxs)(n.default,{tag:`button`,component:`accordion.trigger`,...c,disabled:_,id:v,props:{type:`button`,"aria-expanded":g,"aria-controls":y,[l.TRIGGER_ATTRIBUTE]:``,...o,onClick:b},children:[t,a&&(0,s.jsx)(n.default,{tag:`span`,component:`accordion.arrow`,variant:{open:g},props:{"aria-hidden":!0}})]})})}_.displayName=`Accordion.Trigger`;function v(e){let{children:t,props:r,...i}=e,{open:a,triggerId:o,panelId:c}=m(`Accordion.Panel`);return(0,s.jsx)(n.default,{component:`accordion.track`,variant:{closed:!a},children:(0,s.jsx)(n.default,{component:`accordion.clip`,children:(0,s.jsx)(n.default,{component:`accordion.panel`,...i,id:c,props:{role:`region`,"aria-labelledby":o,...r},children:t})})})}v.displayName=`Accordion.Panel`;function y(e){let{children:t,trigger:c,open:l,defaultOpen:u=!1,onOpenChange:d,props:f,...p}=e,m=i.t(`collapsible`),h=`${m}-trigger`,g=`${m}-panel`,[_,v]=a.a({value:l,defaultValue:u,onChange:d,interaction:{component:`collapsible`,type:`openChange`}}),y=r.a(e=>v(e=>!e,{reason:`trigger`,event:e})),b=(0,o.useMemo)(()=>({props:{id:h,type:`button`,"aria-expanded":_,"aria-controls":g,onClick:y}}),[h,g,_,y]);return(0,s.jsxs)(n.default,{component:`collapsible`,...p,props:f,children:[c(b),(0,s.jsx)(n.default,{component:`collapsible.track`,variant:{closed:!_},children:(0,s.jsx)(n.default,{component:`collapsible.clip`,children:(0,s.jsx)(n.default,{component:`collapsible.panel`,id:g,children:t})})})]})}y.displayName=`Collapsible`;var b=e._(h,`Accordion`);b.Item=g,b.Trigger=_,b.Panel=v,exports.Collapsible=y,exports.default=b;

package/components/accordion.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 } from "../behavior.mjs";

package/components/button.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");var n=[`type`,`onClick`];function r(r,i){let a=e.i.buildProps(r,n);return(0,t.useBoxElement)({tag:`button`,component:`button`,...a},i)}var i=e.f(r,`Button`);exports.default=i;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs");let t=require("@box-kite/react");var n=[`type`,`onClick`];function r(r,i){let a=e.l.buildProps(r,n);return(0,t.useBoxElement)({tag:`button`,component:`button`,...a},i)}var i=e._(r,`Button`);exports.default=i;

package/components/button.mjs

@@ -1,4 +1,4 @@
-import { f as e, i as t } from "../react-shared.mjs";
+import { _ as e, l as t } from "../react-shared.mjs";
 import { useBoxElement as n } from "@box-kite/react";
 //#region src/components/button.tsx
 var r = ["type", "onClick"];

package/components/calendar.cjs

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

package/components/calendar.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, i as a } from "../behavior.mjs";

package/components/chart.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime.cjs"),t=require("../react-shared.cjs"),n=require("./svg.cjs");let r=require("react"),i=require("@box-kite/core"),a=require("react/jsx-runtime"),o=require("@box-kite/react");o=e.t(o,1);var s;(function(e){let n=e.VIEW=100,r=e.CENTRE=n/2,i=e.FRACTION_STEP=.005;function a(e){return Math.round(e*100)/100}function o(e){return Math.round(Math.min(Math.max(e,0),1)/i)*i}e.fraction=o;function s(e,t={}){if(e.length===0)return[];let i=t.min??Math.min(...e),o=(t.max??Math.max(...e))-i,s=e=>a(o===0?r:n-(e-i)/o*n);if(e.length===1)return[{x:0,y:s(e[0])},{x:n,y:s(e[0])}];let c=n/(e.length-1);return e.map((e,t)=>({x:a(t*c),y:s(e)}))}e.points=s;function c(e){return e.length===0?``:e.map((e,t)=>`${t===0?`M`:`L`}${e.x} ${e.y}`).join(``)}e.linePath=c;function l(e){if(e.length===0)return``;let t=e[e.length-1];return`${c(e)}L${t.x} ${n}L${e[0].x} ${n}Z`}e.areaPath=l;function u(e,t={},r=.25){if(e.length===0)return``;let i=n/e.length,o=a(i*(1-r)),c=a((i-o)/2);return s(e,t).map((e,t)=>{let r=Math.min(e.y,n-1);return`M${a(t*i+c)} ${r}h${o}v${a(n-r)}h${-o}Z`}).join(``)}e.barsPath=u;function d(e){return a(r-e/2)}e.radius=d;function f(e){return a(2*Math.PI*e)}e.circumference=f;function p(e,t){return{strokeDasharray:a(e),strokeDashoffset:a(e*(1-o(t)))}}e.dash=p;function m(e,t){let n=(t-90)*Math.PI/180;return{x:a(r+e*Math.cos(n)),y:a(r+e*Math.sin(n))}}function h(e,t){return a(f(e)*(Math.min(Math.abs(t),360)/360))}e.arcLength=h;function g(e,t,n){if(Math.abs(n)>=360){let n=m(e,t),r=m(e,t+180);return`M${n.x} ${n.y}A${e} ${e} 0 0 1 ${r.x} ${r.y}A${e} ${e} 0 0 1 ${n.x} ${n.y}`}let r=m(e,t),i=m(e,t+n),a=+(Math.abs(n)>180),o=n<0?0:1;return`M${r.x} ${r.y}A${e} ${e} 0 ${a} ${o} ${i.x} ${i.y}`}e.arcPath=g;function _(e,t){let n=e.reduce((e,t)=>e+Math.max(t,0),0);if(n<=0)return[];let r=0;return e.map((e,i)=>{let s=o(Math.max(e,0)/n),c=a(t*s),l=a(r*360);return r+=s,{strokeDasharray:`${c} ${a(t-c)}`,rotate:l,value:e,index:i}})}e.donutSegments=_;let v=e.PALETTE=t.n;e.DARK_PALETTE=t.t,e.paletteVariables=t.r;function y(e,t=v.length,n=()=>!0){return(Array.isArray(e)?e.map((e,n)=>[e,`var(--chart-${n%t+1})`]):Object.entries(e).filter(([e,t])=>n(t,e))).reduce((e,[t,n])=>(e[`color-${t}`]=n,e),{})}e.seriesVariables=y})(s||={});var c=s,l=`0 0 ${c.VIEW} ${c.VIEW}`,u=c.PALETTE;function d(e,t){let{data:r,variant:i=`line`,min:o,max:s,children:u,...d}=e,f={min:o,max:s},p=c.points(r,f);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`sparkline`,preserveAspectRatio:`none`,width:`100%`,height:`1.5rem`,ref:t,...d,children:[i===`bar`?(0,a.jsx)(n.Path,{component:`sparkline.bar`,d:c.barsPath(r,f)}):(0,a.jsxs)(a.Fragment,{children:[i===`area`&&(0,a.jsx)(n.Path,{component:`sparkline.area`,d:c.areaPath(p)}),(0,a.jsx)(n.Path,{component:`sparkline.line`,d:c.linePath(p)})]}),u]})}var f=(0,r.forwardRef)(d);f.displayName=`Sparkline`;function p(e,t){let{value:r,thickness:i=10,trackOpacity:o,children:s,...u}=e,d=c.radius(i),f=c.circumference(d);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`progressRing`,width:`3rem`,height:`3rem`,strokeWidth:i,ref:t,...u,children:[(0,a.jsx)(n.Circle,{component:`progressRing.track`,cx:c.CENTRE,cy:c.CENTRE,r:d,strokeOpacity:o}),(0,a.jsx)(n.Circle,{component:`progressRing.arc`,cx:c.CENTRE,cy:c.CENTRE,r:d,transform:`rotate(-90 ${c.CENTRE} ${c.CENTRE})`,...c.dash(f,r)}),s]})}var m=(0,r.forwardRef)(p);m.displayName=`ProgressRing`;function h(e,t){let{value:r,thickness:i=10,trackOpacity:o,sweep:s=270,start:u=225,children:d,...f}=e,p=c.radius(i),m=c.arcLength(p,s),h=c.arcPath(p,u,s);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`gauge`,width:`4rem`,height:`4rem`,strokeWidth:i,ref:t,...f,children:[(0,a.jsx)(n.Path,{component:`gauge.track`,d:h,strokeOpacity:o}),(0,a.jsx)(n.Path,{component:`gauge.arc`,d:h,...c.dash(m,r)}),d]})}var g=(0,r.forwardRef)(h);g.displayName=`Gauge`;function _(e,t){let{data:r,colors:i=u,thickness:o=20,children:s,...d}=e,f=c.radius(o),p=c.circumference(f);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`miniDonut`,width:`3rem`,height:`3rem`,strokeWidth:o,ref:t,...d,children:[c.donutSegments(r,p).map(e=>(0,a.jsx)(n.Circle,{component:`miniDonut.segment`,cx:c.CENTRE,cy:c.CENTRE,r:f,stroke:i[e.index%i.length],strokeDasharray:e.strokeDasharray,transform:`rotate(${e.rotate-90} ${c.CENTRE} ${c.CENTRE})`},e.index)),s]})}var v=(0,r.forwardRef)(_);v.displayName=`MiniDonut`;function y(e,t){let n=/^[A-Za-z_$][\w$]*$/.test(t)?t:JSON.stringify(t);return(0,i.getDefaultEngine)().accepts(`fill`,e,()=>`ChartContainer series={{ ${n}: ${JSON.stringify(e)} }} declared nothing, so var(--color-${t}) paints nothing: a series takes what fill takes, and a colour written as CSS goes in vars={{ 'color-${t}': ... }}.`)}function b(e,t){let{series:n,vars:r,...i}=e,s={...n?c.seriesVariables(n,void 0,y):{},...r};return(0,a.jsx)(o.default,{ref:t,component:`chartContainer`,vars:s,...i})}var x=(0,r.forwardRef)(b);x.displayName=`ChartContainer`;var S=x;exports.ChartContainer=S,exports.Gauge=g,exports.MiniDonut=v,exports.ProgressRing=m,exports.Sparkline=f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rolldown-runtime.cjs"),t=require("../react-shared.cjs"),n=require("./svg.cjs");let r=require("react"),i=require("@box-kite/core"),a=require("react/jsx-runtime"),o=require("@box-kite/react");o=e.t(o,1);var s;(function(e){let n=e.VIEW=100,r=e.CENTRE=n/2,i=e.FRACTION_STEP=.005;function a(e){return Math.round(e*100)/100}function o(e){return Math.round(Math.min(Math.max(e,0),1)/i)*i}e.fraction=o;function s(e,t={}){if(e.length===0)return[];let i=t.min??Math.min(...e),o=(t.max??Math.max(...e))-i,s=e=>a(o===0?r:n-(e-i)/o*n);if(e.length===1)return[{x:0,y:s(e[0])},{x:n,y:s(e[0])}];let c=n/(e.length-1);return e.map((e,t)=>({x:a(t*c),y:s(e)}))}e.points=s;function c(e){return e.length===0?``:e.map((e,t)=>`${t===0?`M`:`L`}${e.x} ${e.y}`).join(``)}e.linePath=c;function l(e){if(e.length===0)return``;let t=e[e.length-1];return`${c(e)}L${t.x} ${n}L${e[0].x} ${n}Z`}e.areaPath=l;function u(e,t={},r=.25){if(e.length===0)return``;let i=n/e.length,o=a(i*(1-r)),c=a((i-o)/2);return s(e,t).map((e,t)=>{let r=Math.min(e.y,n-1);return`M${a(t*i+c)} ${r}h${o}v${a(n-r)}h${-o}Z`}).join(``)}e.barsPath=u;function d(e){return a(r-e/2)}e.radius=d;function f(e){return a(2*Math.PI*e)}e.circumference=f;function p(e,t){return{strokeDasharray:a(e),strokeDashoffset:a(e*(1-o(t)))}}e.dash=p;function m(e,t){let n=(t-90)*Math.PI/180;return{x:a(r+e*Math.cos(n)),y:a(r+e*Math.sin(n))}}function h(e,t){return a(f(e)*(Math.min(Math.abs(t),360)/360))}e.arcLength=h;function g(e,t,n){if(Math.abs(n)>=360){let n=m(e,t),r=m(e,t+180);return`M${n.x} ${n.y}A${e} ${e} 0 0 1 ${r.x} ${r.y}A${e} ${e} 0 0 1 ${n.x} ${n.y}`}let r=m(e,t),i=m(e,t+n),a=+(Math.abs(n)>180),o=n<0?0:1;return`M${r.x} ${r.y}A${e} ${e} 0 ${a} ${o} ${i.x} ${i.y}`}e.arcPath=g;function _(e,t){let n=e.reduce((e,t)=>e+Math.max(t,0),0);if(n<=0)return[];let r=0;return e.map((e,i)=>{let s=o(Math.max(e,0)/n),c=a(t*s),l=a(r*360);return r+=s,{strokeDasharray:`${c} ${a(t-c)}`,rotate:l,value:e,index:i}})}e.donutSegments=_;let v=e.PALETTE=t.s;e.DARK_PALETTE=t.o,e.paletteVariables=t.c;function y(e,t=v.length,n=()=>!0){return(Array.isArray(e)?e.map((e,n)=>[e,`var(--chart-${n%t+1})`]):Object.entries(e).filter(([e,t])=>n(t,e))).reduce((e,[t,n])=>(e[`color-${t}`]=n,e),{})}e.seriesVariables=y})(s||={});var c=s,l=`0 0 ${c.VIEW} ${c.VIEW}`,u=c.PALETTE;function d(e,t){let{data:r,variant:i=`line`,min:o,max:s,children:u,...d}=e,f={min:o,max:s},p=c.points(r,f);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`sparkline`,preserveAspectRatio:`none`,width:`100%`,height:`1.5rem`,ref:t,...d,children:[i===`bar`?(0,a.jsx)(n.Path,{component:`sparkline.bar`,d:c.barsPath(r,f)}):(0,a.jsxs)(a.Fragment,{children:[i===`area`&&(0,a.jsx)(n.Path,{component:`sparkline.area`,d:c.areaPath(p)}),(0,a.jsx)(n.Path,{component:`sparkline.line`,d:c.linePath(p)})]}),u]})}var f=(0,r.forwardRef)(d);f.displayName=`Sparkline`;function p(e,t){let{value:r,thickness:i=10,trackOpacity:o,children:s,...u}=e,d=c.radius(i),f=c.circumference(d);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`progressRing`,width:`3rem`,height:`3rem`,strokeWidth:i,ref:t,...u,children:[(0,a.jsx)(n.Circle,{component:`progressRing.track`,cx:c.CENTRE,cy:c.CENTRE,r:d,strokeOpacity:o}),(0,a.jsx)(n.Circle,{component:`progressRing.arc`,cx:c.CENTRE,cy:c.CENTRE,r:d,transform:`rotate(-90 ${c.CENTRE} ${c.CENTRE})`,...c.dash(f,r)}),s]})}var m=(0,r.forwardRef)(p);m.displayName=`ProgressRing`;function h(e,t){let{value:r,thickness:i=10,trackOpacity:o,sweep:s=270,start:u=225,children:d,...f}=e,p=c.radius(i),m=c.arcLength(p,s),h=c.arcPath(p,u,s);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`gauge`,width:`4rem`,height:`4rem`,strokeWidth:i,ref:t,...f,children:[(0,a.jsx)(n.Path,{component:`gauge.track`,d:h,strokeOpacity:o}),(0,a.jsx)(n.Path,{component:`gauge.arc`,d:h,...c.dash(m,r)}),d]})}var g=(0,r.forwardRef)(h);g.displayName=`Gauge`;function _(e,t){let{data:r,colors:i=u,thickness:o=20,children:s,...d}=e,f=c.radius(o),p=c.circumference(f);return(0,a.jsxs)(n.Svg,{viewBox:l,component:`miniDonut`,width:`3rem`,height:`3rem`,strokeWidth:o,ref:t,...d,children:[c.donutSegments(r,p).map(e=>(0,a.jsx)(n.Circle,{component:`miniDonut.segment`,cx:c.CENTRE,cy:c.CENTRE,r:f,stroke:i[e.index%i.length],strokeDasharray:e.strokeDasharray,transform:`rotate(${e.rotate-90} ${c.CENTRE} ${c.CENTRE})`},e.index)),s]})}var v=(0,r.forwardRef)(_);v.displayName=`MiniDonut`;function y(e,t){let n=/^[A-Za-z_$][\w$]*$/.test(t)?t:JSON.stringify(t);return(0,i.getDefaultEngine)().accepts(`fill`,e,()=>`ChartContainer series={{ ${n}: ${JSON.stringify(e)} }} declared nothing, so var(--color-${t}) paints nothing: a series takes what fill takes, and a colour written as CSS goes in vars={{ 'color-${t}': ... }}.`)}function b(e,t){let{series:n,vars:r,...i}=e,s={...n?c.seriesVariables(n,void 0,y):{},...r};return(0,a.jsx)(o.default,{ref:t,component:`chartContainer`,vars:s,...i})}var x=(0,r.forwardRef)(b);x.displayName=`ChartContainer`;var S=x;exports.ChartContainer=S,exports.Gauge=g,exports.MiniDonut=v,exports.ProgressRing=m,exports.Sparkline=f;

package/components/chart.mjs

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../react-shared.mjs";
+import { c as e, o as t, s as n } from "../react-shared.mjs";
 import { Circle as r, Path as i, Svg as a } from "./svg.mjs";
 import { forwardRef as o } from "react";
 import { getDefaultEngine as s } from "@box-kite/core";
@@ -101,8 +101,8 @@ var f;
 		});
 	}
 	r.donutSegments = y;
-	let b = r.PALETTE = e;
-	r.DARK_PALETTE = n, r.paletteVariables = t;
+	let b = r.PALETTE = n;
+	r.DARK_PALETTE = t, r.paletteVariables = e;
 	function x(e, t = b.length, n = () => !0) {
 		return (Array.isArray(e) ? e.map((e, n) => [e, `var(--chart-${n % t + 1})`]) : Object.entries(e).filter(([e, t]) => n(t, e))).reduce((e, [t, n]) => (e[`color-${t}`] = n, e), {});
 	}

package/components/checkbox.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("../forms.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=[`name`,`onInput`,`onChange`,`autoFocus`,`readOnly`,`value`,`defaultChecked`];function o(o,s){let{label:c,labelProps:l,...u}=o,d=Array.isArray(o.indeterminate)?o.indeterminate[0]:o.indeterminate,f=typeof d==`boolean`&&d,p=e.i.buildProps(u,a,{type:`checkbox`,...f?{"aria-checked":`mixed`}:{}}),m=(0,r.useRef)(null);return(0,r.useImperativeHandle)(s,()=>m.current),(0,r.useEffect)(()=>{m.current&&(m.current.indeterminate=f)},[m,f]),(0,i.jsx)(n.n,{label:c,labelProps:l,children:(0,i.jsx)(t.default,{tag:`input`,ref:m,component:`checkbox`,...p})})}var s=(0,r.forwardRef)(o);s.displayName=`Checkbox`,exports.default=s;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../box.cjs"),n=require("../forms.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=[`name`,`onInput`,`onChange`,`autoFocus`,`readOnly`,`value`,`defaultChecked`];function o(o,s){let{label:c,labelProps:l,...u}=o,d=Array.isArray(o.indeterminate)?o.indeterminate[0]:o.indeterminate,f=typeof d==`boolean`&&d,p=e.l.buildProps(u,a,{type:`checkbox`,...f?{"aria-checked":`mixed`}:{}}),m=(0,r.useRef)(null);return(0,r.useImperativeHandle)(s,()=>m.current),(0,r.useEffect)(()=>{m.current&&(m.current.indeterminate=f)},[m,f]),(0,i.jsx)(n.n,{label:c,labelProps:l,children:(0,i.jsx)(t.default,{tag:`input`,ref:m,component:`checkbox`,...p})})}var s=(0,r.forwardRef)(o);s.displayName=`Checkbox`,exports.default=s;

package/components/checkbox.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { i as e } from "../react-shared.mjs";
+import { l as e } from "../react-shared.mjs";
 import t from "../box.mjs";
 import { n } from "../forms.mjs";
 import { forwardRef as r, useEffect as i, useImperativeHandle as a, useRef as o } from "react";