@box-kite/react 2.2.4 → 2.2.6

package/components/calendar.mjs

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

package/components/dashboard.cjs

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

package/components/dashboard.mjs

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

package/components/dataGrid/components/dataGridBooleanValue.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    value: boolean;
+    /** The words for the two, out of the grid's `localeText`. */
+    text: {
+        booleanTrue: string;
+        booleanFalse: string;
+    };
+}
+/** A boolean cell: a check or a muted cross, with the word a screen reader reads, since React writes `true` as nothing. */
+export default function DataGridBooleanValue(props: Props): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridDateParts.d.ts

@@ -0,0 +1,40 @@
+import { CellEditorConfig, ColumnDateFormat } from '../contracts/dataGridContract';
+import { default as CellModel } from '../models/cellModel';
+import { default as ColumnModel } from '../models/columnModel';
+/** A cell's date in the reader's language and zone — the hook `<DateTime>` reads, so a server render hydrates. */
+declare function DateValue(props: {
+    value: unknown;
+    format: ColumnDateFormat;
+}): import("react").JSX.Element;
+interface EditorProps<TRow> {
+    cell: CellModel<TRow>;
+    label: string;
+    errorId?: string;
+    onBlur: () => void;
+}
+/** The `date`/`time`/`datetime` editor: a compact `DateField` bound to the cell's draft. */
+declare function DateEditor<TRow>(props: EditorProps<TRow>): import("react").JSX.Element;
+/**
+ * The filter row's date filter: a comparison and a day, or two for a span, each a `DatePicker` — typed or picked.
+ * A day is only ever whole or absent, so each one commits as it completes rather than after a pause.
+ */
+declare function DateFilter<TRow>(props: {
+    column: ColumnModel<TRow>;
+}): import("react").JSX.Element;
+/** The list layout's date filter: a `DatePicker` per end, and the platform's own picker for the comparison. */
+declare function ListDateFilter<TRow>(props: {
+    column: ColumnModel<TRow>;
+}): import("react").JSX.Element;
+/** A pasted field read the way a date editor reads a paste: ISO, or the reader's own order. */
+declare function parsePasted<TRow>(editor: CellEditorConfig<TRow>, text: string): string | null;
+/** A date filter's value as the list's chip writes it. */
+declare function describeDay(value: string, valueTo?: string): string;
+declare const DataGridDateParts: {
+    DateValue: typeof DateValue;
+    DateEditor: typeof DateEditor;
+    DateFilter: typeof DateFilter;
+    ListDateFilter: typeof ListDateFilter;
+    parsePasted: typeof parsePasted;
+    describeDay: typeof describeDay;
+};
+export default DataGridDateParts;

package/components/dataGrid/components/dataGridDateValue.d.ts

@@ -0,0 +1,14 @@
+import { ColumnDateFormat } from '../contracts/dataGridContract';
+import { default as ColumnModel } from '../models/columnModel';
+/**
+ * How a column's value is written as a date, or `null` when it is not one: the column says so, a date editor
+ * says so, or a `Date` does — which could not be rendered as it stands.
+ */
+export declare function dateFormatOf<TRow>(column: ColumnModel<TRow>, value: unknown): ColumnDateFormat | null;
+interface Props {
+    value: unknown;
+    format: ColumnDateFormat;
+}
+/** A cell's date, once the date parts have arrived — and until then the value as it stands, which a server writes too. */
+export default function DataGridDateValue(props: Props): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridList.d.ts

@@ -0,0 +1,12 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+/**
+ * The grid drawn for a phone. A `<ul>` of items rather than a restyled `role="grid"`: a grid promises the
+ * arrow-key movement of a two-dimensional widget, and a list of items with a button in each is a list — so
+ * every value keeps its label in a `<dl>`, and each item says where it is in the whole with
+ * `aria-posinset`/`aria-setsize`.
+ */
+export default function DataGridList<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridListAggregate.d.ts

@@ -0,0 +1,7 @@
+import { default as AggregateCellModel } from '../models/aggregateCellModel';
+interface Props<TRow> {
+    cell: AggregateCellModel<TRow>;
+}
+/** An aggregate inside a line of text: the column's `AggregateCell` where it has one, the value otherwise. */
+export default function DataGridListAggregate<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};

package/components/dataGrid/components/dataGridListFilter.d.ts

@@ -0,0 +1,7 @@
+import { default as ColumnModel } from '../models/columnModel';
+interface Props<TRow> {
+    column: ColumnModel<TRow>;
+}
+/** One column's filter, drawn for a finger: a full-width field, a native picker, chips or a checklist. */
+export default function DataGridListFilter<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+export {};

package/components/dataGrid/components/dataGridListFilterSheet.d.ts

@@ -0,0 +1,11 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+}
+/**
+ * The Filters button and the sheet it opens: every filterable column, one section each. A filter applies as
+ * it is set, so the list behind the sheet is already the answer, and the main button says how many rows that
+ * is — "Show 42 rows" tells a reader what closing the sheet will show before they close it.
+ */
+export default function DataGridListFilterSheet<TRow>(props: Props<TRow>): import("react").JSX.Element | null;
+export {};

package/components/dataGrid/components/dataGridListFooter.d.ts

@@ -0,0 +1,13 @@
+import { default as GridModel } from '../models/gridModel';
+interface Props<TRow> {
+    grid: GridModel<TRow>;
+    /** How many rows are drawn — left out where groups or a tree make "of how many" a different question. */
+    shown?: number;
+}
+/**
+ * Under the items: the grand totals as one more summary block, then either the pager — when the host pages —
+ * or "Show more". A button rather than an endless scroll, so the totals and whatever follows the grid on the
+ * page stay reachable (NN/g), and a keyboard is never trapped above content that keeps arriving.
+ */
+export default function DataGridListFooter<TRow>(props: Props<TRow>): import("react").JSX.Element;
+export {};