@box-kite/react 2.2.15 → 2.2.17

package/components/dashboard.mjs

@@ -1,45 +1,46 @@
 "use client";
-import { p 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";
-import { i as o, r as s } from "../reporting.mjs";
-import { Circle as c, Path as l, Svg as u } from "./svg.mjs";
-import d from "./visuallyHidden.mjs";
-import { createContext as f, useContext as p, useId as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { f as e } from "../react-shared.mjs";
+import { l as t, m as n } from "../platform.mjs";
+import r from "../box.mjs";
+import { a as i, i as a, o } from "../behavior.mjs";
+import { t as s } from "../dashboardSchema.mjs";
+import { i as c, r as l } from "../reporting.mjs";
+import { Circle as u, Path as d, Svg as f } from "./svg.mjs";
+import p from "./visuallyHidden.mjs";
+import { createContext as m, useCallback as h, useContext as g, useId as _, useMemo as v, useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/utils/dashboard/dashboardUtils.ts
-var b;
+var C;
 (function(e) {
 	let t = e.VERSION = 1, n = e.MIN_COLUMNS = 1, r = e.MAX_COLUMNS = 24;
 	function i(e, t, n) {
 		return Math.min(Math.max(e, t), n);
 	}
-	function o(e, t) {
+	function a(e, t) {
 		return typeof e == "number" && Number.isFinite(e) ? Math.round(e) : t;
 	}
-	function s(e, t) {
+	function o(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;
+	e.overlaps = o;
 	function c(e, t) {
-		return e.find((e) => e.id !== t.id && s(e, t));
+		return e.find((e) => e.id !== t.id && o(e, t));
 	}
 	function l(e, t) {
-		let n = Math.min(e.maxW ?? t, t), r = i(o(e.w, 1), Math.max(1, Math.min(e.minW ?? 1, n)), Math.max(1, n)), a = i(o(e.h, 1), Math.max(1, e.minH ?? 1), Math.max(1, e.maxH ?? 2 ** 53 - 1));
+		let n = Math.min(e.maxW ?? t, t), r = i(a(e.w, 1), Math.max(1, Math.min(e.minW ?? 1, n)), Math.max(1, n)), o = i(a(e.h, 1), Math.max(1, e.minH ?? 1), Math.max(1, e.maxH ?? 2 ** 53 - 1));
 		return {
 			...e,
 			w: r,
-			h: a,
-			x: i(o(e.x, 0), 0, t - r),
-			y: Math.max(o(e.y, 0), 0)
+			h: o,
+			x: i(a(e.x, 0), 0, t - r),
+			y: Math.max(a(e.y, 0), 0)
 		};
 	}
 	function u(e, t) {
 		return e.y - t.y || e.x - t.x;
 	}
 	function d(e, t) {
-		let a = i(o(t, 12), n, r), s = e.map((e) => l(e, a)), d = (e) => +!e.fixed, f = [...s].sort((e, t) => d(e) - d(t) || u(e, t)), p = [];
+		let o = i(a(t, 12), n, r), s = e.map((e) => l(e, o)), 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);
@@ -58,11 +59,11 @@ var b;
 	}
 	e.resolve = d;
 	function f(e) {
-		let a = i(o(e.columns, 12), n, r);
+		let o = i(a(e.columns, 12), n, r);
 		return {
 			version: t,
-			columns: a,
-			items: d(e.items, a)
+			columns: o,
+			items: d(e.items, o)
 		};
 	}
 	e.normalize = f;
@@ -75,10 +76,10 @@ var b;
 	}
 	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));
+		let n = (n) => !o(t, n) && !e.some((e) => e.id !== n.id && e.id !== t.id && o(e, n));
 		return e.map((e) => {
 			if (e.id === t.id) return t;
-			if (e.fixed === !0 || !s(e, t)) return e;
+			if (e.fixed === !0 || !o(e, t)) return e;
 			let r = {
 				...e,
 				y: Math.max(t.y - e.h, 0)
@@ -89,14 +90,14 @@ var b;
 			};
 		});
 	}
-	function g(e, t, a, s) {
+	function g(e, t, o, s) {
 		let c = p(e, t);
 		if (!c || c.fixed) return e;
 		let u = l({
 			...c,
-			x: a,
+			x: o,
 			y: s
-		}, i(o(e.columns, 12), n, r));
+		}, i(a(e.columns, 12), n, r));
 		return f({
 			...e,
 			items: h(e.items, u)
@@ -136,8 +137,8 @@ var b;
 		});
 	}
 	e.remove = y;
-	function b(e, a) {
-		let s = i(o(a, 12), n, r);
+	function b(e, o) {
+		let s = i(a(o, 12), n, r);
 		if (s === e.columns) return f(e);
 		let c = s / e.columns, l = (e) => e === void 0 ? void 0 : i(Math.max(1, Math.round(e * c)), 1, s), u = e.items.map((e) => {
 			let t = i(Math.max(1, Math.round(e.w * c)), 1, s);
@@ -271,35 +272,35 @@ var b;
 			issues: o
 		};
 	}
-	e.parse = E, e.SCHEMA = a;
-})(b ||= {});
-var x = b, S = [
+	e.parse = E, e.SCHEMA = s;
+})(C ||= {});
+var w = C, T = [
 	"xs",
 	"sm",
 	"md",
 	"lg",
 	"xl",
 	"xxl"
-], C = [
+], E = [
 	"h1",
 	"h2",
 	"h3",
 	"h4",
 	"h5",
 	"h6"
-], w = f(null);
-function T(e, t, n) {
+], D = m(null);
+function O(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
-function E(e) {
-	if (typeof e == "number") return [{ count: T(Math.round(e), x.MIN_COLUMNS, x.MAX_COLUMNS) }];
-	let t = S.filter((t) => typeof e[t] == "number").map((t) => ({
+function k(e) {
+	if (typeof e == "number") return [{ count: O(Math.round(e), w.MIN_COLUMNS, w.MAX_COLUMNS) }];
+	let t = T.filter((t) => typeof e[t] == "number").map((t) => ({
 		size: t,
-		count: T(Math.round(e[t]), x.MIN_COLUMNS, x.MAX_COLUMNS)
+		count: O(Math.round(e[t]), w.MIN_COLUMNS, w.MAX_COLUMNS)
 	}));
 	return t.length > 0 ? t : [{ count: 12 }];
 }
-function D(e) {
+function A(e) {
 	return {
 		gridColumnStart: e.x + 1,
 		gridColumnEnd: e.x + 1 + e.w,
@@ -307,10 +308,10 @@ function D(e) {
 		gridRowEnd: e.y + 1 + e.h
 	};
 }
-function O(e) {
+function ee(e) {
 	return `max${e[0].toUpperCase()}${e.slice(1)}`;
 }
-function ee(e, t) {
+function te(e, t) {
 	let n = t ? -1 : 1;
 	if (e === "ArrowLeft") return {
 		x: -n,
@@ -329,39 +330,41 @@ function ee(e, t) {
 		y: 1
 	};
 }
-function k(e) {
+function j(e) {
 	return `column ${e.x + 1}, row ${e.y + 1}`;
 }
-function A(e) {
+function M(e) {
 	return `${e.w} ${e.w === 1 ? "column" : "columns"} by ${e.h} ${e.h === 1 ? "row" : "rows"}`;
 }
-function j(a) {
-	let { children: c, layout: l, defaultLayout: u, onLayoutChange: f, onLayoutCommit: p, columns: b = {
+function N(e, s) {
+	let { children: u, layout: d, defaultLayout: f, onLayoutChange: m, onLayoutCommit: g, columns: C = {
 		xs: 1,
 		md: 6,
 		xxl: 12
-	}, rowHeight: C = 24, editable: T = !1, label: j, labelledBy: M, props: N, ...P } = a, F = g(null), [I, L] = _(null), [R, z] = _(null), [te, B] = _(""), V = `${m()}-dashboard`, [H, ne] = r({
-		value: l,
-		defaultValue: u ?? {
-			version: x.VERSION,
+	}, rowHeight: E = 24, editable: O = !1, label: N, labelledBy: ne, props: re, ...P } = e, F = y(null), I = h((e) => {
+		F.current = e, t(s, e);
+	}, [s]), [L, R] = b(null), [z, B] = b(null), [ie, V] = b(""), H = `${_()}-dashboard`, [U, ae] = a({
+		value: d,
+		defaultValue: f ?? {
+			version: w.VERSION,
 			columns: 12,
 			items: []
 		},
-		onChange: f
-	}), U = h(() => x.normalize(H), [H]), W = i(U), G = s(p, "dashboard", "layoutCommit"), re = typeof b == "number" ? String(b) : S.map((e) => b[e] ?? "").join(), K = h(() => E(b), [re]), q = K[K.length - 1], J = h(() => {
-		let e = x.ranks(U), t = /* @__PURE__ */ new Map();
-		for (let n of K) {
-			let r = n.count === q.count ? U : x.project(U, n.count), i = q.count / n.count;
+		onChange: m
+	}), W = v(() => w.normalize(U), [U]), G = o(W), K = l(g, "dashboard", "layoutCommit"), oe = typeof C == "number" ? String(C) : T.map((e) => C[e] ?? "").join(), q = v(() => k(C), [oe]), J = q[q.length - 1], Y = v(() => {
+		let e = w.ranks(W), t = /* @__PURE__ */ new Map();
+		for (let n of q) {
+			let r = n.count === J.count ? W : w.project(W, n.count), i = J.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 = D({
+				}, o = A({
 					...a,
 					x: Math.round(a.x * i),
 					w: Math.round((a.x + a.w) * i) - Math.round(a.x * i)
 				});
-				n === K[0] ? r.placement = o : r.query = {
+				n === q[0] ? r.placement = o : r.query = {
 					...r.query,
 					[n.size]: o
 				}, t.set(a.id, r);
@@ -369,151 +372,151 @@ function j(a) {
 		}
 		return t;
 	}, [
-		U,
-		K,
-		q.count
-	]), Y = n((e, t) => {
-		x.same(e, W.current) || ne(e, t);
-	}), ie = (e, t) => {
+		W,
+		q,
+		J.count
+	]), X = i((e, t) => {
+		w.same(e, G.current) || ae(e, t);
+	}), se = (e, t) => {
 		let n = e.getBoundingClientRect(), r = F.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
 		};
-	}, ae = (e) => e instanceof Element ? e.closest("[data-widget-id]") : null, X = (e, t, n, r) => {
-		let i = e.kind === "move" ? x.moveTo(W.current, e.id, t, n) : x.resizeTo(W.current, e.id, t, n);
-		return Y(i, {
+	}, ce = (e) => e instanceof Element ? e.closest("[data-widget-id]") : null, Z = (e, t, n, r) => {
+		let i = e.kind === "move" ? w.moveTo(G.current, e.id, t, n) : w.resizeTo(G.current, e.id, t, n);
+		return X(i, {
 			reason: e.kind,
 			event: r
 		}), i;
-	}, Z = n((t, n, r, i) => {
-		let a = x.itemOf(W.current, n), o = ae(t.currentTarget);
-		!T || t.button !== 0 || t.defaultPrevented || !a || a.fixed || !o || (t.preventDefault(), t.currentTarget.setPointerCapture?.(t.pointerId), t.currentTarget.focus(), L({
-			id: n,
+	}, le = i((e, t, r, i) => {
+		let a = w.itemOf(G.current, t), o = ce(e.currentTarget);
+		!O || e.button !== 0 || e.defaultPrevented || !a || a.fixed || !o || (e.preventDefault(), e.currentTarget.setPointerCapture?.(e.pointerId), e.currentTarget.focus(), R({
+			id: t,
 			kind: i,
 			name: r,
 			origin: a,
-			before: W.current,
+			before: G.current,
 			pointer: {
-				id: t.pointerId,
-				x: t.clientX,
-				y: t.clientY,
-				step: ie(o, a),
-				rtl: e(o)
+				id: e.pointerId,
+				x: e.clientX,
+				y: e.clientY,
+				step: se(o, a),
+				rtl: n(o)
 			}
 		}));
-	}), oe = n((e, t) => {
-		if (!I?.pointer || I.id !== t) return;
-		let { x: n, y: r, step: i, rtl: a } = I.pointer, o = {
+	}), ue = i((e, t) => {
+		if (!L?.pointer || L.id !== t) return;
+		let { x: n, y: r, step: i, rtl: a } = L.pointer, o = {
 			x: e.clientX - n,
 			y: e.clientY - r
-		}, s = x.cellsMoved(a ? -o.x : o.x, o.y, i), c = I.origin, l = I.kind === "move" ? X(I, c.x + s.columns, c.y + s.rows, e) : X(I, c.w + s.columns, c.h + s.rows, e), u = x.itemOf(l, t);
-		if (I.kind !== "move" || !u) return;
+		}, s = w.cellsMoved(a ? -o.x : o.x, o.y, i), c = L.origin, l = L.kind === "move" ? Z(L, c.x + s.columns, c.y + s.rows, e) : Z(L, c.w + s.columns, c.h + s.rows, e), u = w.itemOf(l, t);
+		if (L.kind !== "move" || !u) return;
 		let d = {
 			x: (u.x - c.x) * i.x * (a ? -1 : 1),
 			y: (u.y - c.y) * i.y
 		};
-		z({ translate: `${Math.round(o.x - d.x)}px ${Math.round(o.y - d.y)}px` });
-	}), Q = n((e, t) => {
-		if (!I?.pointer || I.id !== t) return;
-		let n = x.itemOf(W.current, t);
-		e.currentTarget.releasePointerCapture?.(I.pointer.id), L(null), z(null), G(W.current, {
-			reason: I.kind,
+		B({ translate: `${Math.round(o.x - d.x)}px ${Math.round(o.y - d.y)}px` });
+	}), Q = i((e, t) => {
+		if (!L?.pointer || L.id !== t) return;
+		let n = w.itemOf(G.current, t);
+		e.currentTarget.releasePointerCapture?.(L.pointer.id), R(null), B(null), K(G.current, {
+			reason: L.kind,
 			event: e
-		}), n && B(I.kind === "move" ? `${I.name} moved to ${k(n)}.` : `${I.name} resized to ${A(n)}.`);
-	}), se = o("dashboard"), ce = n((e, t) => {
-		se("grabCancel", e.id, {
+		}), n && V(L.kind === "move" ? `${L.name} moved to ${j(n)}.` : `${L.name} resized to ${M(n)}.`);
+	}), de = c("dashboard"), fe = i((e, t) => {
+		de("grabCancel", e.id, {
 			reason: t.type === "blur" ? "blur" : "escape",
 			event: t
-		}), Y(e.before, {
+		}), X(e.before, {
 			reason: e.kind,
 			event: t
-		}), L(null), B(`${e.name} put back at ${k(e.origin)}.`);
-	}), le = n((t, n, r, i) => {
-		if (!T || t.defaultPrevented) return;
-		let a = I && I.id === n && I.kind === i && !I.pointer ? I : void 0, o = x.itemOf(W.current, n);
+		}), R(null), V(`${e.name} put back at ${j(e.origin)}.`);
+	}), pe = i((e, t, r, i) => {
+		if (!O || e.defaultPrevented) return;
+		let a = L && L.id === t && L.kind === i && !L.pointer ? L : void 0, o = w.itemOf(G.current, t);
 		if (!o) return;
 		if (!a) {
-			if (t.key !== "Enter" && t.key !== " " || o.fixed) return;
-			t.preventDefault(), L({
-				id: n,
+			if (e.key !== "Enter" && e.key !== " " || o.fixed) return;
+			e.preventDefault(), R({
+				id: t,
 				kind: i,
 				name: r,
 				origin: o,
-				before: W.current
-			}), se("grab", n, {
+				before: G.current
+			}), de("grab", t, {
 				reason: i,
-				event: t
-			}), B(i === "move" ? `${r} picked up at ${k(o)}. Use the arrow keys to move it.` : `${r} held for resizing at ${A(o)}. Use the arrow keys to resize it.`);
+				event: e
+			}), V(i === "move" ? `${r} picked up at ${j(o)}. Use the arrow keys to move it.` : `${r} held for resizing at ${M(o)}. Use the arrow keys to resize it.`);
 			return;
 		}
-		if (t.key === "Escape") {
-			t.preventDefault(), ce(a, t);
+		if (e.key === "Escape") {
+			e.preventDefault(), fe(a, e);
 			return;
 		}
-		if (t.key === "Enter" || t.key === " ") {
-			t.preventDefault(), L(null), G(W.current, {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault(), R(null), K(G.current, {
 				reason: i,
-				event: t
-			}), B(i === "move" ? `${r} dropped at ${k(o)}.` : `${r} resized to ${A(o)}.`);
+				event: e
+			}), V(i === "move" ? `${r} dropped at ${j(o)}.` : `${r} resized to ${M(o)}.`);
 			return;
 		}
-		let s = ee(t.key, e(t.currentTarget));
+		let s = te(e.key, n(e.currentTarget));
 		if (!s) return;
-		t.preventDefault();
-		let c = i === "move" ? X(a, o.x + s.x, o.y + s.y, t) : X(a, o.w + s.x, o.h + s.y, t), l = x.itemOf(c, n);
-		l && B(i === "move" ? `${r}, ${k(l)}.` : `${r}, ${A(l)}.`);
-	}), ue = n((e, t, n) => {
-		I && I.id === t && I.kind === n && !I.pointer && ce(I, e);
-	}), de = h(() => ({
-		editable: T,
-		placementOf: (e) => J.get(e),
-		heldOf: (e) => I && I.id === e ? I : void 0,
-		offsetOf: (e) => I && I.id === e && R ? R : void 0,
-		outsideAuthoring: q.size ? { [O(q.size)]: { display: "none" } } : void 0,
-		instructionsId: V,
+		e.preventDefault();
+		let c = i === "move" ? Z(a, o.x + s.x, o.y + s.y, e) : Z(a, o.w + s.x, o.h + s.y, e), l = w.itemOf(c, t);
+		l && V(i === "move" ? `${r}, ${j(l)}.` : `${r}, ${M(l)}.`);
+	}), me = i((e, t, n) => {
+		L && L.id === t && L.kind === n && !L.pointer && fe(L, e);
+	}), he = v(() => ({
+		editable: O,
+		placementOf: (e) => Y.get(e),
+		heldOf: (e) => L && L.id === e ? L : void 0,
+		offsetOf: (e) => L && L.id === e && z ? z : void 0,
+		outsideAuthoring: J.size ? { [ee(J.size)]: { display: "none" } } : void 0,
+		instructionsId: H,
 		handleProps: (e, t, n) => ({
 			type: "button",
 			"aria-label": n === "move" ? `Move ${t}` : `Resize ${t}`,
-			"aria-pressed": !!(I && I.id === e && I.kind === n),
-			"aria-describedby": V,
-			onPointerDown: (r) => Z(r, e, t, n),
-			onPointerMove: (t) => oe(t, e),
+			"aria-pressed": !!(L && L.id === e && L.kind === n),
+			"aria-describedby": H,
+			onPointerDown: (r) => le(r, e, t, n),
+			onPointerMove: (t) => ue(t, e),
 			onPointerUp: (t) => Q(t, e),
 			onPointerCancel: (t) => Q(t, e),
-			onKeyDown: (r) => le(r, e, t, n),
-			onBlur: (t) => ue(t, e, n)
+			onKeyDown: (r) => pe(r, e, t, n),
+			onBlur: (t) => me(t, e, n)
 		})
 	}), [
-		T,
-		J,
-		I,
-		R,
-		q.size,
-		V,
-		Z,
-		oe,
-		Q,
+		O,
+		Y,
+		L,
+		z,
+		J.size,
+		H,
 		le,
-		ue
-	]), $ = I ? J.get(I.id) : void 0;
-	return /* @__PURE__ */ y(w.Provider, {
-		value: de,
+		ue,
+		Q,
+		pe,
+		me
+	]), $ = L ? Y.get(L.id) : void 0;
+	return /* @__PURE__ */ S(D.Provider, {
+		value: he,
 		children: [
-			/* @__PURE__ */ y(t, {
-				ref: F,
+			/* @__PURE__ */ S(r, {
+				ref: I,
 				component: "dashboard",
 				...P,
-				variant: [P.variant, { dragging: I !== null }],
-				vars: { "dashboard-row": `${C / 4}rem` },
-				gridTemplateColumns: q.count,
+				variant: [P.variant, { dragging: L !== null }],
+				vars: { "dashboard-row": `${E / 4}rem` },
+				gridTemplateColumns: J.count,
 				props: {
 					role: "list",
-					"aria-label": j,
-					"aria-labelledby": M,
-					...N
+					"aria-label": N,
+					"aria-labelledby": ne,
+					...re
 				},
-				children: [c, $ && /* @__PURE__ */ v(t, {
+				children: [u, $ && /* @__PURE__ */ x(r, {
 					component: "dashboard.placeholder",
 					order: $.order,
 					cq: $.query,
@@ -524,31 +527,31 @@ function j(a) {
 					}
 				})]
 			}),
-			/* @__PURE__ */ v(d, {
+			/* @__PURE__ */ x(p, {
 				props: { role: "status" },
-				children: te
+				children: ie
 			}),
-			/* @__PURE__ */ v(d, {
-				id: V,
+			/* @__PURE__ */ x(p, {
+				id: H,
 				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 M({ kind: e }) {
-	return e === "resize" ? /* @__PURE__ */ v(u, {
+function ne({ kind: e }) {
+	return e === "resize" ? /* @__PURE__ */ x(f, {
 		viewBox: "0 0 24 24",
 		width: "1rem",
 		height: "1rem",
 		rtl: { flip: "xAxis" },
 		props: { fill: "none" },
-		children: /* @__PURE__ */ v(l, {
+		children: /* @__PURE__ */ x(d, {
 			d: "M20 10 10 20M20 16l-4 4",
 			stroke: "currentColor",
 			strokeWidth: 2,
 			strokeLinecap: "round"
 		})
-	}) : /* @__PURE__ */ y(u, {
+	}) : /* @__PURE__ */ S(f, {
 		viewBox: "0 0 24 24",
 		width: "1rem",
 		height: "1rem",
@@ -556,7 +559,7 @@ function M({ kind: e }) {
 			8,
 			12,
 			16
-		].map((e) => /* @__PURE__ */ v(c, {
+		].map((e) => /* @__PURE__ */ x(u, {
 			cx: 9,
 			cy: e,
 			r: 1.4,
@@ -565,7 +568,7 @@ function M({ kind: e }) {
 			8,
 			12,
 			16
-		].map((e) => /* @__PURE__ */ v(c, {
+		].map((e) => /* @__PURE__ */ x(u, {
 			cx: 15,
 			cy: e,
 			r: 1.4,
@@ -573,13 +576,13 @@ function M({ kind: e }) {
 		}, e))]
 	});
 }
-function N() {
-	return /* @__PURE__ */ v(u, {
+function re() {
+	return /* @__PURE__ */ x(f, {
 		viewBox: "0 0 24 24",
 		width: "1rem",
 		height: "1rem",
 		props: { fill: "none" },
-		children: /* @__PURE__ */ v(l, {
+		children: /* @__PURE__ */ x(d, {
 			d: "M20 12a8 8 0 1 1-2.6-5.9M20 4v4h-4",
 			stroke: "currentColor",
 			strokeWidth: 2,
@@ -589,115 +592,113 @@ function N() {
 	});
 }
 function P(e) {
-	let { id: n, children: r, title: i, name: a, description: o, actions: c, level: l = 3, loading: u = !1, error: d, empty: f, onRefresh: m, refreshLabel: h, props: g, ..._ } = e, b = p(w), x = n === void 0 ? void 0 : b?.placementOf(n), S = n === void 0 ? void 0 : b?.heldOf(n), T = a ?? (typeof i == "string" ? i : void 0) ?? n ?? "Widget", E = b?.editable === !0 && x !== void 0 && !x.fixed, D = s((e, t) => m?.(), "widget", "refresh"), O = (e) => E && n !== void 0 ? /* @__PURE__ */ v(t, {
+	let { id: t, children: n, title: i, name: a, description: o, actions: s, level: c = 3, loading: u = !1, error: d, empty: f, onRefresh: p, refreshLabel: m, props: h, ..._ } = e, v = g(D), y = t === void 0 ? void 0 : v?.placementOf(t), b = t === void 0 ? void 0 : v?.heldOf(t), C = a ?? (typeof i == "string" ? i : void 0) ?? t ?? "Widget", w = v?.editable === !0 && y !== void 0 && !y.fixed, T = l((e, t) => p?.(), "widget", "refresh"), O = (e) => w && t !== void 0 ? /* @__PURE__ */ x(r, {
 		component: "widget.handle",
 		tag: "button",
 		variant: {
 			editable: !0,
-			grabbed: S?.kind === e,
+			grabbed: b?.kind === e,
 			corner: e === "resize"
 		},
-		cq: b?.outsideAuthoring,
-		props: b?.handleProps(n, T, e),
-		children: /* @__PURE__ */ v(M, { kind: e })
-	}) : null, ee = () => u ? /* @__PURE__ */ v(t, {
+		cq: v?.outsideAuthoring,
+		props: v?.handleProps(t, C, e),
+		children: /* @__PURE__ */ x(ne, { kind: e })
+	}) : null, k = () => u ? /* @__PURE__ */ x(r, {
 		component: "widget.skeleton",
 		props: { "aria-hidden": !0 },
 		children: [
 			80,
 			100,
 			60
-		].map((e) => /* @__PURE__ */ v(t, {
+		].map((e) => /* @__PURE__ */ x(r, {
 			component: "widget.skeleton.bar",
 			width: `${e}%`
 		}, e))
-	}) : d ? /* @__PURE__ */ y(t, {
+	}) : d ? /* @__PURE__ */ S(r, {
 		component: "widget.message",
 		variant: { error: !0 },
 		props: { role: "status" },
-		children: [d, m && /* @__PURE__ */ v(t, {
+		children: [d, p && /* @__PURE__ */ x(r, {
 			tag: "button",
 			component: "widget.retry",
 			props: {
 				type: "button",
-				onClick: (e) => D(n, {
+				onClick: (e) => T(t, {
 					reason: "retry",
 					event: e
 				})
 			},
 			children: "Try again"
 		})]
-	}) : f ? /* @__PURE__ */ v(t, {
+	}) : f ? /* @__PURE__ */ x(r, {
 		component: "widget.message",
 		children: f === !0 ? "Nothing to show yet." : f
-	}) : r, k = i !== void 0 || o !== void 0 || c !== void 0 || m !== void 0 || E;
-	return /* @__PURE__ */ y(t, {
+	}) : n, A = i !== void 0 || o !== void 0 || s !== void 0 || p !== void 0 || w;
+	return /* @__PURE__ */ S(r, {
 		component: "widget",
 		..._,
 		variant: [_.variant, {
-			dragging: S?.pointer !== void 0,
-			grabbed: S !== void 0 && S.pointer === void 0
+			dragging: b?.pointer !== void 0,
+			grabbed: b !== void 0 && b.pointer === void 0
 		}],
-		order: x?.order,
-		cq: x?.query,
-		...x?.placement,
+		order: y?.order,
+		cq: y?.query,
+		...y?.placement,
 		style: {
-			...n === void 0 ? void 0 : b?.offsetOf(n),
+			...t === void 0 ? void 0 : v?.offsetOf(t),
 			..._.style
 		},
 		props: {
-			role: x ? "listitem" : void 0,
+			role: y ? "listitem" : void 0,
 			"aria-busy": u || void 0,
-			"data-widget-id": n,
-			...g
+			"data-widget-id": t,
+			...h
 		},
 		children: [
-			k && /* @__PURE__ */ y(t, {
+			A && /* @__PURE__ */ S(r, {
 				component: "widget.header",
 				children: [
 					O("move"),
-					/* @__PURE__ */ y(t, {
+					/* @__PURE__ */ S(r, {
 						component: "widget.label",
-						children: [i !== void 0 && /* @__PURE__ */ v(t, {
+						children: [i !== void 0 && /* @__PURE__ */ x(r, {
 							component: "widget.title",
-							tag: C[l - 1],
+							tag: E[c - 1],
 							children: i
-						}), o !== void 0 && /* @__PURE__ */ v(t, {
+						}), o !== void 0 && /* @__PURE__ */ x(r, {
 							component: "widget.description",
 							children: o
 						})]
 					}),
-					m && /* @__PURE__ */ v(t, {
+					p && /* @__PURE__ */ x(r, {
 						component: "widget.handle",
 						tag: "button",
 						variant: { editable: !0 },
 						props: {
 							type: "button",
-							"aria-label": h ?? `Refresh ${T}`,
-							onClick: (e) => D(n, {
+							"aria-label": m ?? `Refresh ${C}`,
+							onClick: (e) => T(t, {
 								reason: "refresh",
 								event: e
 							})
 						},
-						children: /* @__PURE__ */ v(N, {})
+						children: /* @__PURE__ */ x(re, {})
 					}),
-					c !== void 0 && /* @__PURE__ */ v(t, {
+					s !== void 0 && /* @__PURE__ */ x(r, {
 						component: "widget.actions",
-						children: c
+						children: s
 					})
 				]
 			}),
-			/* @__PURE__ */ v(t, {
+			/* @__PURE__ */ x(r, {
 				component: "widget.body",
-				children: ee()
+				children: k()
 			}),
 			O("resize")
 		]
 	});
 }
-var F = j;
-F.displayName = "DashboardGrid";
-var I = P;
+var F = e(N, "DashboardGrid"), I = P;
 I.displayName = "Widget";
 //#endregion
-export { x as DashboardUtils, I as Widget, F as default };
+export { w as DashboardUtils, I as Widget, F as default };