@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/{dashboard-grid-DsovCuVC.js → dashboard-grid-CPkG03YJ.js}

@@ -1,22 +1,23 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, c as r, d as i, g as a, n as o, p as s, t as c } from "./menu-parts-BpQu2s4z.js";
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { _ as n, c as r, d as i, g as a, n as o, p as s, t as c } from "./menu-parts-Dsszga3r.js";
 import { r as l } from "./i18n-DpW8lqJ1.js";
 /* empty css                         */
-import { n as u, t as d } from "./icon-button-CCWkCDMs.js";
-import { a as f, c as p, i as m, o as ee, s as h } from "./card-CpVu8PyZ.js";
-import { i as g, o as _, r as v } from "./skeleton-2LSpg84Z.js";
-import { i as y, n as b, o as x, r as S, t as C } from "./result-state-CZsQfdN4.js";
-import { createControllable as te } from "@slotted/core/state";
-import { Children as ne, Fragment as re, createContext as ie, isValidElement as ae, memo as oe, useCallback as w, useContext as se, useEffect as ce, useId as le, useImperativeHandle as ue, useLayoutEffect as de, useMemo as T, useRef as E, useState as D } from "react";
-import { Fragment as fe, jsx as O, jsxs as k } from "react/jsx-runtime";
-import { dashboardGridMessages as pe, dragMessages as me } from "@slotted/core/i18n";
-import { getLiveAnnouncer as he } from "@slotted/core/live-announcer";
-import { createDragController as ge } from "@slotted/core/drag";
-import { cellAt as A, dashboardKeyIntent as _e, gridStyle as ve, handleShortcuts as ye, layoutsEqual as be, materializeLayout as j, measureTiles as xe, moveTile as Se, moveTileBy as M, parseDashboardLayout as Ce, parseDuration as we, playFlip as Te, playResize as Ee, resizeTileBy as De, resizeTileInClass as Oe, resolveColumns as ke, resolveTiles as Ae, serializeDashboardLayout as N, setTileHidden as P, sizeClassOf as F, spanFromTravel as je, swapTiles as Me, tileStyle as Ne } from "@slotted/core/dashboard-grid";
+import { n as u, t as d } from "./icon-button-VOA-RY_1.js";
+import { a as f, c as p, i as m, o as ee, s as h } from "./card-D-qJkGER.js";
+import { i as g, o as _, r as v } from "./skeleton-DhMVeVtn.js";
+import { i as y, n as b, o as x, r as S, t as C } from "./result-state-_QpLl0_K.js";
+import { keyedProps as te, selectorKeyProps as ne, withSelectorKey as w } from "@slotted/core/selector-key";
+import { createControllable as re } from "@slotted/core/state";
+import { Children as ie, Fragment as ae, createContext as oe, isValidElement as se, memo as ce, useCallback as T, useContext as le, useEffect as ue, useId as de, useImperativeHandle as fe, useLayoutEffect as pe, useMemo as E, useRef as D, useState as me } from "react";
+import { Fragment as he, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { dashboardGridMessages as ge, dragMessages as _e } from "@slotted/core/i18n";
+import { getLiveAnnouncer as ve } from "@slotted/core/live-announcer";
+import { createDragController as A } from "@slotted/core/drag";
+import { cellAt as ye, dashboardKeyIntent as be, gridStyle as xe, handleShortcuts as Se, layoutsEqual as Ce, materializeLayout as j, measureTiles as we, moveTile as M, moveTileBy as Te, parseDashboardLayout as N, parseDuration as Ee, playFlip as De, playResize as Oe, resizeTileBy as ke, resizeTileInClass as Ae, resolveColumns as je, resolveTiles as Me, serializeDashboardLayout as P, setTileHidden as F, sizeClassOf as Ne, spanFromTravel as Pe, swapTiles as Fe, tileStyle as Ie } from "@slotted/core/dashboard-grid";
 //#region src/dashboard-grid/dashboard-grid-context.ts
-var Pe = ie(null);
+var Le = oe(null);
 function I(e) {
-	let t = se(Pe);
+	let t = le(Le);
 	if (t === null) throw Error(`${e} must be rendered inside a DashboardGrid`);
 	return t;
 }
@@ -26,12 +27,12 @@ var L = {
 	columns: 12,
 	editBar: !0,
 	headingLevel: 3
-}, R = ie(L);
-function z() {
-	return se(R);
+}, R = oe(L);
+function Re() {
+	return le(R);
 }
-function Fe({ children: e, ...t }) {
-	let n = z();
+function ze({ children: e, ...t }) {
+	let n = Re();
 	return /* @__PURE__ */ O(R.Provider, {
 		value: {
 			columns: t.columns ?? n.columns,
@@ -43,9 +44,9 @@ function Fe({ children: e, ...t }) {
 }
 //#endregion
 //#region src/dashboard-grid/dashboard-grid.tsx
-var Ie = [], Le = "dashboard-grid", Re = "\0placeholder";
-function ze(e, t, n, r = Object.is) {
-	let [i, a] = D(t), o = e === void 0 ? i : e, s = E({
+var Be = [], z = "dashboard-grid", Ve = "\0placeholder";
+function He(e, t, n, r = Object.is) {
+	let [i, a] = me(t), o = e === void 0 ? i : e, s = D({
 		controlled: e,
 		value: o,
 		onRequest: n,
@@ -56,11 +57,11 @@ function ze(e, t, n, r = Object.is) {
 		value: o,
 		onRequest: n,
 		equals: r
-	}, [o, w((e, t, n, r) => {
+	}, [o, T((e, t, n, r) => {
 		let { controlled: i, value: o, onRequest: c, equals: l } = s.current;
 		if (l(o, e)) return !1;
 		let u = !0;
-		return te({
+		return re({
 			controlled: i,
 			initial: o,
 			equals: l,
@@ -70,16 +71,16 @@ function ze(e, t, n, r = Object.is) {
 		}).request(e, t, n) && (s.current.value = e, a(e)), u;
 	}, [])];
 }
-function Be(e) {
+function Ue(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
-function Ve(e) {
+function We(e) {
 	return e === null || typeof getComputedStyle != "function" ? "ltr" : getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
 }
-function He(e) {
-	return e !== null && e.clientWidth > 0 ? F(e.clientWidth) : "expanded";
+function Ge(e) {
+	return e !== null && e.clientWidth > 0 ? Ne(e.clientWidth) : "expanded";
 }
-function Ue(e) {
+function Ke(e) {
 	let { props: t } = e;
 	return {
 		key: t.value,
@@ -94,7 +95,7 @@ function Ue(e) {
 		...t.removable === void 0 ? {} : { removable: t.removable }
 	};
 }
-function We(e, t) {
+function qe(e, t) {
 	let n = getComputedStyle(e), r = parseFloat(n.columnGap) || 0, i = parseFloat(n.rowGap) || 0;
 	return {
 		columns: t,
@@ -104,7 +105,7 @@ function We(e, t) {
 		rowGap: i
 	};
 }
-function Ge(e, t, n) {
+function Je(e, t, n) {
 	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
 	return {
 		inlineStart: n ? i.right - r.right : r.left - i.left,
@@ -113,36 +114,36 @@ function Ge(e, t, n) {
 		blockSize: r.height
 	};
 }
-var Ke = [
+var Ye = [
 	"inset-inline-start",
 	"inset-block-start",
 	"inline-size",
 	"block-size",
 	"translate"
 ];
-function qe(e, t) {
+function Xe(e, t) {
 	e.style.setProperty("inset-inline-start", `${t.inlineStart}px`), e.style.setProperty("inset-block-start", `${t.blockStart}px`), e.style.setProperty("inline-size", `${t.inlineSize}px`), e.style.setProperty("block-size", `${t.blockSize}px`);
 }
-function Je(e) {
-	if (e !== void 0) for (let t of Ke) e.style.removeProperty(t);
+function Ze(e) {
+	if (e !== void 0) for (let t of Ye) e.style.removeProperty(t);
 }
-function Ye(e, t) {
+function Qe(e, t) {
 	let n = Object.keys(e.tile), r = Object.keys(e.can);
 	return e.order === t.order && e.dragging === t.dragging && e.resizing === t.resizing && e.edge === t.edge && e.readout === t.readout && n.every((n) => e.tile[n] === t.tile[n]) && r.every((n) => e.can[n] === t.can[n]);
 }
-function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, defaultEditing: p = !1, defaultLayout: m = Ie, editBar: ee, editing: h, headingLevel: g, layout: _, messages: v, onEditingChange: b, onLayoutChange: te, ref: ie, render: oe, style: se, ...ye }) {
-	let Ce = z(), N = l(pe, v), F = l(me), I = T(() => ke(f ?? Ce.columns), [f, Ce.columns]), L = ee ?? Ce.editBar, R = g ?? Ce.headingLevel, Fe = `${le()}-edit-status`, Ke = T(() => {
+function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, defaultEditing: p = !1, defaultLayout: m = Be, editBar: ee, editing: h, headingLevel: g, layout: _, messages: v, onEditingChange: b, onLayoutChange: re, ref: oe, render: ce, style: le, ...Se }) {
+	let N = Re(), P = l(ge, v), Ne = l(_e), I = E(() => je(f ?? N.columns), [f, N.columns]), L = ee ?? N.editBar, R = g ?? N.headingLevel, ze = `${de()}-edit-status`, Ye = E(() => {
 		let e = /* @__PURE__ */ new Map();
-		return ne.forEach(d, (t) => {
-			if (!ae(t)) return;
+		return ie.forEach(d, (t) => {
+			if (!se(t)) return;
 			let n = t.props.value;
 			typeof n == "string" && !e.has(n) && e.set(n, t);
 		}), e;
-	}, [d]), B = T(() => [...Ke.values()].map(Ue), [Ke]), Xe = T(() => new Map([...Ke].map(([e, t]) => [e, t.props.title])), [Ke]), [V, Ze] = ze(_, m, te, be), [H, Qe] = ze(h, p, b), U = T(() => Ae(V, B, I), [
+	}, [d]), B = E(() => [...Ye.values()].map(Ke), [Ye]), $e = E(() => new Map([...Ye].map(([e, t]) => [e, t.props.title])), [Ye]), [V, et] = He(_, m, re, Ce), [H, tt] = He(h, p, b), U = E(() => Me(V, B, I), [
 		V,
 		B,
 		I
-	]), W = T(() => U.filter((e) => !e.hidden), [U]), [G, $e] = D(null), et = E(null), [K, tt] = D(null), nt = E(null), rt = E(null), q = E(/* @__PURE__ */ new Map()), it = E(/* @__PURE__ */ new Map()), at = E(/* @__PURE__ */ new Map()), [ot, st] = D(0), ct = w((e, t, n) => {
+	]), W = E(() => U.filter((e) => !e.hidden), [U]), [G, nt] = me(null), rt = D(null), [K, it] = me(null), at = D(null), ot = D(null), q = D(/* @__PURE__ */ new Map()), st = D(/* @__PURE__ */ new Map()), ct = D(/* @__PURE__ */ new Map()), [lt, ut] = me(0), dt = T((e, t, n) => {
 		let r = e.get(t);
 		if (n === null) {
 			if (r === void 0) return;
@@ -151,30 +152,30 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 			if (r === n) return;
 			e.set(t, n);
 		}
-		st((e) => e + 1);
-	}, []), lt = w((e, t) => ct(q.current, e, t), [ct]), ut = w((e, t) => ct(it.current, e, t), [ct]), dt = w((e, t) => ct(at.current, e, t), [ct]), [J, ft] = D("expanded");
-	ce(() => {
+		ut((e) => e + 1);
+	}, []), ft = T((e, t) => dt(q.current, e, t), [dt]), pt = T((e, t) => dt(st.current, e, t), [dt]), mt = T((e, t) => dt(ct.current, e, t), [dt]), [J, ht] = me("expanded");
+	ue(() => {
 		if (!K || typeof ResizeObserver > "u") return;
-		let e = new ResizeObserver(() => ft(He(K)));
-		return e.observe(K), ft(He(K)), () => e.disconnect();
+		let e = new ResizeObserver(() => ht(Ge(K)));
+		return e.observe(K), ht(Ge(K)), () => e.disconnect();
 	}, [K]);
-	let pt = E(null), mt = E(null), Y = E(null), ht = w(() => {
-		let e = new Map(q.current), t = et.current?.key;
-		t !== void 0 && e.delete(t), rt.current && e.set(Re, rt.current), pt.current = xe(e);
-	}, []), X = w((e) => {
-		ht(), et.current = e, $e(e);
-	}, [ht]), gt = w((e) => {
+	let gt = D(null), _t = D(null), Y = D(null), vt = T(() => {
+		let e = new Map(q.current), t = rt.current?.key;
+		t !== void 0 && e.delete(t), ot.current && e.set(Ve, ot.current), gt.current = we(e);
+	}, []), X = T((e) => {
+		vt(), rt.current = e, nt(e);
+	}, [vt]), yt = T((e) => {
 		let t = K?.ownerDocument;
-		t && e !== "" && he(t).announce(e);
-	}, [K]), Z = E({
+		t && e !== "" && ve(t).announce(e);
+	}, [K]), Z = D({
 		layout: V,
 		widgets: B,
 		grid: I,
 		tiles: U,
 		visible: W,
-		t: N,
-		dragT: F,
-		titles: Xe,
+		t: P,
+		dragT: Ne,
+		titles: $e,
 		editing: H
 	});
 	Z.current = {
@@ -183,20 +184,20 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 		grid: I,
 		tiles: U,
 		visible: W,
-		t: N,
-		dragT: F,
-		titles: Xe,
+		t: P,
+		dragT: Ne,
+		titles: $e,
 		editing: H
 	};
-	let Q = w((e) => Z.current.titles.get(e) ?? e, []), $ = w((e, t, n, r, i) => {
+	let Q = T((e) => Z.current.titles.get(e) ?? e, []), $ = T((e, t, n, r, i) => {
 		let a = Z.current, o = j(e, a.widgets, a.grid);
-		return !be(o, j(a.layout, a.widgets, a.grid)) && (pt.current === null && ht(), Ze(o, t, r, { change: n }) ? (gt(i(o)), !0) : (pt.current = null, !1));
+		return !Ce(o, j(a.layout, a.widgets, a.grid)) && (gt.current === null && vt(), et(o, t, r, { change: n }) ? (yt(i(o)), !0) : (gt.current = null, !1));
 	}, [
-		gt,
-		ht,
-		Ze
-	]), _t = w(() => He(K), [K]), vt = w((e, t) => (n) => {
-		let r = Z.current, i = Ae(n, r.widgets, r.grid).filter((e) => !e.hidden), a = i.findIndex((t) => t.key === e), o = i[a];
+		yt,
+		vt,
+		et
+	]), bt = T(() => Ge(K), [K]), xt = T((e, t) => (n) => {
+		let r = Z.current, i = Me(n, r.widgets, r.grid).filter((e) => !e.hidden), a = i.findIndex((t) => t.key === e), o = i[a];
 		return o === void 0 ? "" : t === "expanded" ? r.t("moved", {
 			title: Q(e),
 			row: o.y + 1,
@@ -206,100 +207,100 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 			position: a + 1,
 			total: i.length
 		});
-	}, [Q]), yt = w((e, t) => (n) => {
-		let r = Z.current, i = Ae(n, r.widgets, r.grid).find((t) => t.key === e);
+	}, [Q]), St = T((e, t) => (n) => {
+		let r = Z.current, i = Me(n, r.widgets, r.grid).find((t) => t.key === e);
 		return i === void 0 ? "" : r.t("resized", {
 			title: Q(e),
 			columns: t === "medium" ? i.medium : i.w,
 			rows: i.h
 		});
-	}, [Q]), bt = w((e, t, n, r) => {
-		let i = Z.current, a = _t(), o = M(i.layout, i.widgets, i.grid, e, t, a);
+	}, [Q]), Ct = T((e, t, n, r) => {
+		let i = Z.current, a = bt(), o = Te(i.layout, i.widgets, i.grid, e, t, a);
 		Y.current = e, $(o, n, {
 			kind: "move",
 			key: e
-		}, r, vt(e, a)) || (Y.current = null);
+		}, r, xt(e, a)) || (Y.current = null);
 	}, [
 		$,
-		vt,
-		_t
-	]), xt = w((e, t, n, r) => {
-		let i = Z.current, a = _t(), o = De(i.layout, i.widgets, i.grid, e, t, a);
+		xt,
+		bt
+	]), wt = T((e, t, n, r) => {
+		let i = Z.current, a = bt(), o = ke(i.layout, i.widgets, i.grid, e, t, a);
 		Y.current = e, $(o, n, {
 			kind: "resize",
 			key: e
-		}, r, yt(e, a)) || (Y.current = null);
+		}, r, St(e, a)) || (Y.current = null);
 	}, [
 		$,
-		yt,
-		_t
-	]), St = w((e, t, n) => {
+		St,
+		bt
+	]), Tt = T((e, t, n) => {
 		let r = Z.current, i = r.visible.findIndex((t) => t.key === e), a = r.visible[i];
 		if (a === void 0 || !a.removable) return;
 		let o = r.visible[i + 1] ?? r.visible[i - 1];
-		Y.current = o?.key ?? `${Le}:add`;
-		let s = P(r.layout, r.widgets, r.grid, e, !0);
+		Y.current = o?.key ?? `${z}:add`;
+		let s = F(r.layout, r.widgets, r.grid, e, !0);
 		$(s, t, {
 			kind: "hide",
 			key: e
 		}, n, () => r.t("hidden", { title: Q(e) })) || (Y.current = null);
-	}, [$, Q]), Ct = w((e, t, n) => {
+	}, [$, Q]), Et = T((e, t, n) => {
 		let r = Z.current;
 		Y.current = e;
-		let i = P(r.layout, r.widgets, r.grid, e, !1);
+		let i = F(r.layout, r.widgets, r.grid, e, !1);
 		$(i, t, {
 			kind: "show",
 			key: e
 		}, n, () => r.t("shown", { title: Q(e) }));
-	}, [$, Q]), wt = E(null), Tt = E(null), Et = E(!1);
-	de(() => {
-		if (H && !Et.current) {
+	}, [$, Q]), Dt = D(null), Ot = D(null), kt = D(!1);
+	pe(() => {
+		if (H && !kt.current) {
 			let e = Z.current;
-			wt.current = j(e.layout, e.widgets, e.grid), Tt.current = K?.ownerDocument.activeElement ?? null;
+			Dt.current = j(e.layout, e.widgets, e.grid), Ot.current = K?.ownerDocument.activeElement ?? null;
 		}
-		if (!H && Et.current) {
-			let e = K?.ownerDocument, t = e?.activeElement ?? null, n = t === null || t === e?.body || !t.isConnected, r = Tt.current;
-			n && r instanceof HTMLElement && r.isConnected && r.focus(), wt.current = null, Tt.current = null;
+		if (!H && kt.current) {
+			let e = K?.ownerDocument, t = e?.activeElement ?? null, n = t === null || t === e?.body || !t.isConnected, r = Ot.current;
+			n && r instanceof HTMLElement && r.isConnected && r.focus(), Dt.current = null, Ot.current = null;
 		}
-		Et.current = H;
+		kt.current = H;
 	}, [H, K]);
-	let Dt = w((e, t) => {
-		Qe(!1, e, t);
-	}, [Qe]), Ot = w((e, t) => {
-		let n = Z.current, r = wt.current;
+	let At = T((e, t) => {
+		tt(!1, e, t);
+	}, [tt]), jt = T((e, t) => {
+		let n = Z.current, r = Dt.current;
 		r !== null && $(r, "dismiss", {
 			kind: "cancel",
 			key: null
-		}, t, () => n.t("cancelled")), Qe(!1, e, t);
-	}, [$, Qe]), kt = w((e, t) => {
+		}, t, () => n.t("cancelled")), tt(!1, e, t);
+	}, [$, tt]), Mt = T((e, t) => {
 		let n = Z.current;
-		$(Ie, e, {
+		$(Be, e, {
 			kind: "reset",
 			key: null
 		}, t, () => n.t("resetDone"));
-	}, [$]), At = w((e, t) => {
-		let n = _e(t, Ve(t.currentTarget));
+	}, [$]), Nt = T((e, t) => {
+		let n = be(t, We(t.currentTarget));
 		if (n === null) return;
 		let r = Z.current.visible.find((t) => t.key === e);
 		if (r === void 0) return;
 		t.preventDefault(), t.stopPropagation();
 		let i = t.nativeEvent;
-		n.kind === "move" && r.movable && bt(e, n.direction, "keyboard", i), n.kind === "resize" && r.resizable && xt(e, {
+		n.kind === "move" && r.movable && Ct(e, n.direction, "keyboard", i), n.kind === "resize" && r.resizable && wt(e, {
 			columns: n.columns,
 			rows: n.rows
-		}, "keyboard", i), n.kind === "hide" && St(e, "remove", i);
+		}, "keyboard", i), n.kind === "hide" && Tt(e, "remove", i);
 	}, [
-		St,
-		bt,
-		xt
-	]), jt = E(null), Mt = w((e, t, n) => {
-		if (n.button !== 0 || jt.current !== null) return;
-		let r = Z.current, i = r.visible.find((t) => t.key === e), a = nt.current, o = q.current.get(e);
+		Tt,
+		Ct,
+		wt
+	]), Pt = D(null), Ft = T((e, t, n) => {
+		if (n.button !== 0 || Pt.current !== null) return;
+		let r = Z.current, i = r.visible.find((t) => t.key === e), a = at.current, o = q.current.get(e);
 		if (i === void 0 || !i.resizable || a === null || o === void 0) return;
 		n.preventDefault(), n.stopPropagation();
-		let s = _t();
+		let s = bt();
 		if (s === "compact") return;
-		let c = n.currentTarget, l = Ve(a) === "rtl", u = We(a, r.grid[s]), d = Ge(o, a, l), f = {
+		let c = n.currentTarget, l = We(a) === "rtl", u = qe(a, r.grid[s]), d = Je(o, a, l), f = {
 			x: n.clientX,
 			y: n.clientY
 		}, p = s === "medium" ? i.medium : i.w, m = t === "start" || t === "bottom-start", ee = t === "end" || t === "bottom-end", h = t !== "start" && t !== "end", g = {
@@ -308,7 +309,7 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 			w: p,
 			h: i.h
 		}, _ = j(r.layout, r.widgets, r.grid);
-		qe(o, d), X({
+		Xe(o, d), X({
 			kind: "resize",
 			key: e,
 			edge: t,
@@ -320,12 +321,12 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 			o.style.setProperty("inline-size", `${y}px`), o.style.setProperty("block-size", `${b}px`);
 			let x = m ? d.inlineSize - y : 0;
 			o.style.setProperty("translate", `${l ? -x : x}px 0px`);
-			let S = je({
+			let S = Pe({
 				span: p,
 				track: u.track,
 				gap: u.columnGap,
 				travel: y - d.inlineSize
-			}), C = h ? je({
+			}), C = h ? Pe({
 				span: i.h,
 				track: u.row,
 				gap: u.rowGap,
@@ -339,7 +340,7 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 				h: C
 			};
 			let ne = Z.current;
-			_ = Oe(ne.layout, ne.widgets, ne.grid, e, g, s), X({
+			_ = Ae(ne.layout, ne.widgets, ne.grid, e, g, s), X({
 				kind: "resize",
 				key: e,
 				edge: t,
@@ -347,9 +348,9 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 				sizeClass: s
 			});
 		}, y = (t, n) => {
-			jt.current?.();
+			Pt.current?.();
 			let r = o.getBoundingClientRect();
-			mt.current = {
+			_t.current = {
 				key: e,
 				box: {
 					left: r.left,
@@ -357,24 +358,24 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 					width: r.width,
 					height: r.height
 				}
-			}, Je(o), X(null), t && $(_, "pointer", {
+			}, Ze(o), X(null), t && $(_, "pointer", {
 				kind: "resize",
 				key: e
-			}, n, yt(e, s));
+			}, n, St(e, s));
 		}, b = (e) => y(!0, e), x = () => y(!1), S = (e) => {
 			e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), y(!1));
 		}, C = c.ownerDocument;
-		c.setPointerCapture?.(n.pointerId), c.addEventListener("pointermove", v), c.addEventListener("pointerup", b), c.addEventListener("pointercancel", x), C.addEventListener("keydown", S, !0), jt.current = () => {
-			jt.current = null, c.removeEventListener("pointermove", v), c.removeEventListener("pointerup", b), c.removeEventListener("pointercancel", x), C.removeEventListener("keydown", S, !0), c.hasPointerCapture?.(n.pointerId) && c.releasePointerCapture(n.pointerId);
+		c.setPointerCapture?.(n.pointerId), c.addEventListener("pointermove", v), c.addEventListener("pointerup", b), c.addEventListener("pointercancel", x), C.addEventListener("keydown", S, !0), Pt.current = () => {
+			Pt.current = null, c.removeEventListener("pointermove", v), c.removeEventListener("pointerup", b), c.removeEventListener("pointercancel", x), C.removeEventListener("keydown", S, !0), c.hasPointerCapture?.(n.pointerId) && c.releasePointerCapture(n.pointerId);
 		};
 	}, [
 		$,
-		yt,
+		St,
 		X,
-		_t
+		bt
 	]);
-	ce(() => () => jt.current?.(), []), ce(() => {
-		let e = nt.current;
+	ue(() => () => Pt.current?.(), []), ue(() => {
+		let e = at.current;
 		if (!K || !H || e === null) return;
 		let t = K.ownerDocument, n = () => Z.current.visible.map((e) => e.key), r = null, i = null, a = "expanded", o = !1, s = null, c = (t) => {
 			let n = t.target?.closest("[data-part=\"widget\"]"), i = n?.dataset.key;
@@ -391,13 +392,13 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 		e.addEventListener("pointerdown", c, !0);
 		let l = (e, t) => {
 			let n = Z.current;
-			if (t.startsWith("swap:")) return Me(n.layout, n.widgets, n.grid, e, t.slice(5));
+			if (t.startsWith("swap:")) return Fe(n.layout, n.widgets, n.grid, e, t.slice(5));
 			let [r, i] = t.split(",").map(Number);
-			return Se(n.layout, n.widgets, n.grid, e, {
+			return M(n.layout, n.widgets, n.grid, e, {
 				x: r ?? 0,
 				y: i ?? 0
 			});
-		}, u = ge({
+		}, u = A({
 			document: t,
 			restoreFocus: !1,
 			preview: !1,
@@ -414,7 +415,7 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 				if (n === void 0 || r === null || s === null) return null;
 				let c = e.getBoundingClientRect();
 				if (a === "expanded") {
-					let e = t.x - r.grabX, a = t.y - r.grabY, l = Z.current.visible.find((e) => e.key === n), u = l ? l.w * s.track + (l.w - 1) * s.columnGap : 0, d = o ? e + u - s.track / 2 : e + s.track / 2, f = A({
+					let e = t.x - r.grabX, a = t.y - r.grabY, l = Z.current.visible.find((e) => e.key === n), u = l ? l.w * s.track + (l.w - 1) * s.columnGap : 0, d = o ? e + u - s.track / 2 : e + s.track / 2, f = ye({
 						x: d,
 						y: a + s.row / 2
 					}, {
@@ -437,7 +438,7 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 				}
 				return i === null ? null : {
 					kind: "on",
-					container: Le,
+					container: z,
 					key: i
 				};
 			},
@@ -454,10 +455,10 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 				i !== void 0 && t.kind === "on" && (Y.current = null, $(l(i, t.key), n === "keyboard" ? "keyboard" : "pointer", {
 					kind: "move",
 					key: i
-				}, r, vt(i, a)));
+				}, r, xt(i, a)));
 			}
 		}), d = u.registerContainer({
-			key: Le,
+			key: z,
 			items: n,
 			orientation: "grid",
 			targets: ["on"],
@@ -475,7 +476,7 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 					let e = q.current.get(p);
 					if (e) {
 						let t = e.getBoundingClientRect();
-						mt.current = {
+						_t.current = {
 							key: p,
 							box: {
 								left: t.left,
@@ -485,16 +486,16 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 							}
 						};
 					}
-					Je(e), f = t.reason === "pointer" || t.reason === null, window.setTimeout(() => {
+					Ze(e), f = t.reason === "pointer" || t.reason === null, window.setTimeout(() => {
 						f = !1;
-					}, 0), p = null, i = null, et.current?.kind === "move" && X(null);
+					}, 0), p = null, i = null, rt.current?.kind === "move" && X(null);
 				}
 				return;
 			}
 			let n = t.items[0];
 			if (n === void 0 || r === null) return;
 			let c = q.current.get(n);
-			c !== void 0 && (p === null && (p = n, a = He(K), o = Ve(e) === "rtl", s = We(e, Z.current.grid[a]), qe(c, Ge(c, e, o)), X({
+			c !== void 0 && (p === null && (p = n, a = Ge(K), o = We(e) === "rtl", s = qe(e, Z.current.grid[a]), Xe(c, Je(c, e, o)), X({
 				kind: "move",
 				key: n,
 				preview: j(Z.current.layout, Z.current.widgets, Z.current.grid)
@@ -504,14 +505,14 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 			if (!e.movable) continue;
 			let t = q.current.get(e.key);
 			if (t === void 0) continue;
-			let n = at.current.get(e.key), r = it.current.get(e.key);
+			let n = ct.current.get(e.key), r = st.current.get(e.key);
 			n && h.push(u.attachDraggable(t, {
-				container: Le,
+				container: z,
 				key: e.key,
 				handle: () => n,
 				canDrag: (e) => e.pointerType !== "touch"
 			})), r && h.push(u.attachDraggable(t, {
-				container: Le,
+				container: z,
 				key: e.key,
 				handle: () => r,
 				delay: { touch: 0 }
@@ -524,66 +525,66 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 	}, [
 		K,
 		H,
-		ot,
+		lt,
 		$,
-		vt,
+		xt,
 		X,
 		Q
 	]);
-	let Nt = T(() => JSON.stringify(j(V, B, I)), [
+	let It = E(() => JSON.stringify(j(V, B, I)), [
 		V,
 		B,
 		I
 	]);
-	de(() => {
+	pe(() => {
 		if (K === null) return;
 		let e = getComputedStyle(K), t = {
-			duration: we(e.getPropertyValue("--slotted-duration-medium")),
+			duration: Ee(e.getPropertyValue("--slotted-duration-medium")),
 			easing: e.getPropertyValue("--slotted-easing-standard").trim() || "ease"
-		}, n = pt.current;
+		}, n = gt.current;
 		if (n !== null) {
-			pt.current = null;
-			let e = new Map(q.current), r = et.current?.key;
-			r !== void 0 && e.delete(r), rt.current && e.set(Re, rt.current), Te(e, n, t);
+			gt.current = null;
+			let e = new Map(q.current), r = rt.current?.key;
+			r !== void 0 && e.delete(r), ot.current && e.set(Ve, ot.current), De(e, n, t);
 		}
-		let r = mt.current;
-		if (r !== null && et.current === null) {
-			mt.current = null;
+		let r = _t.current;
+		if (r !== null && rt.current === null) {
+			_t.current = null;
 			let e = q.current.get(r.key);
-			e && Ee(e, r.box, t);
+			e && Oe(e, r.box, t);
 		}
 		let i = Y.current;
 		if (i === null) return;
 		Y.current = null;
-		let a = i === `${Le}:add` ? K.querySelector("[data-part=\"add\"]") : Z.current.editing ? it.current.get(i) : null;
+		let a = i === `${z}:add` ? K.querySelector("[data-part=\"add\"]") : Z.current.editing ? st.current.get(i) : null;
 		a && a !== K.ownerDocument.activeElement && a.focus();
 	}, [
-		Nt,
+		It,
 		G,
 		K
-	]), ue(ie, () => ({
+	]), fe(oe, () => ({
 		get element() {
 			return K;
 		},
 		focusWidget: (e) => {
-			((Z.current.editing ? it.current.get(e) : void 0) ?? q.current.get(e)?.querySelector("a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])"))?.focus();
+			((Z.current.editing ? st.current.get(e) : void 0) ?? q.current.get(e)?.querySelector("a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])"))?.focus();
 		},
-		commitEditing: () => Dt("programmatic"),
-		cancelEditing: () => Ot("programmatic")
+		commitEditing: () => At("programmatic"),
+		cancelEditing: () => jt("programmatic")
 	}), [
-		Ot,
-		Dt,
+		jt,
+		At,
 		K
 	]);
-	let Pt = T(() => G === null ? U : Ae(G.preview, B, I), [
+	let Lt = E(() => G === null ? U : Me(G.preview, B, I), [
 		G,
 		U,
 		B,
 		I
-	]), Ft = T(() => Pt.filter((e) => !e.hidden), [Pt]), It = T(() => {
-		let e = /* @__PURE__ */ new Map(), t = j(V, B, I), n = (e) => !be(j(e, B, I), t);
+	]), Rt = E(() => Lt.filter((e) => !e.hidden), [Lt]), zt = E(() => {
+		let e = /* @__PURE__ */ new Map(), t = j(V, B, I), n = (e) => !Ce(j(e, B, I), t);
 		for (let t of W) {
-			let r = (e) => H && n(M(V, B, I, t.key, e, J)), i = (e, r) => H && n(De(V, B, I, t.key, {
+			let r = (e) => H && n(Te(V, B, I, t.key, e, J)), i = (e, r) => H && n(ke(V, B, I, t.key, {
 				columns: e,
 				rows: r
 			}, J));
@@ -606,159 +607,164 @@ function B({ "aria-label": a, "aria-labelledby": s, children: d, columns: f, def
 		B,
 		I,
 		J
-	]), Lt = E(/* @__PURE__ */ new Map()), Rt = T(() => {
-		let e = /* @__PURE__ */ new Map(), t = new Map(Ft.map((e, t) => [e.key, t]));
+	]), Bt = D(/* @__PURE__ */ new Map()), Vt = E(() => {
+		let e = /* @__PURE__ */ new Map(), t = new Map(Rt.map((e, t) => [e.key, t]));
 		for (let n of W) {
-			let r = Pt.find((e) => e.key === n.key) ?? n, i = G !== null && G.key === n.key, a = i && G.kind === "resize", o = {
+			let r = Lt.find((e) => e.key === n.key) ?? n, i = G !== null && G.key === n.key, a = i && G.kind === "resize", o = {
 				tile: r,
 				order: G === null || J === "expanded" ? void 0 : t.get(n.key),
 				dragging: i && G.kind === "move",
 				resizing: a,
 				edge: a ? G.edge : null,
-				readout: a ? N("size", {
+				readout: a ? P("size", {
 					columns: G.sizeClass === "medium" ? r.medium : r.w,
 					rows: r.h
 				}) : null,
-				can: It.get(n.key)
-			}, s = Lt.current.get(n.key);
-			e.set(n.key, s !== void 0 && Ye(s, o) ? s : o);
+				can: zt.get(n.key)
+			}, s = Bt.current.get(n.key);
+			e.set(n.key, s !== void 0 && Qe(s, o) ? s : o);
 		}
 		return e;
 	}, [
-		Pt,
-		Ft,
+		Lt,
+		Rt,
 		W,
 		G,
-		N,
-		It,
+		P,
+		zt,
 		J
 	]);
-	de(() => {
-		Lt.current = Rt;
-	}, [Rt]);
-	let zt = T(() => ({
+	pe(() => {
+		Bt.current = Vt;
+	}, [Vt]);
+	let Ht = E(() => ({
 		editing: H,
-		t: N,
+		t: P,
 		headingLevel: R,
-		statusId: Fe,
+		statusId: ze,
 		sizeClass: J,
-		slots: Rt,
-		registerWidget: lt,
-		registerHandle: ut,
-		registerCard: dt,
-		move: bt,
-		resize: xt,
-		hide: St,
-		onHandleKeyDown: At,
-		onResizePointerDown: Mt
+		slots: Vt,
+		registerWidget: ft,
+		registerHandle: pt,
+		registerCard: mt,
+		move: Ct,
+		resize: wt,
+		hide: Tt,
+		onHandleKeyDown: Nt,
+		onResizePointerDown: Ft
 	}), [
 		H,
-		N,
+		P,
 		R,
-		Fe,
+		ze,
 		J,
-		Rt,
-		lt,
-		ut,
-		dt,
-		bt,
-		xt,
-		St,
-		At,
-		Mt
-	]), Bt = U.filter((e) => e.hidden), Vt = /* @__PURE__ */ O("p", {
+		Vt,
+		ft,
+		pt,
+		mt,
+		Ct,
+		wt,
+		Tt,
+		Nt,
+		Ft
+	]), Ut = U.filter((e) => e.hidden), Wt = /* @__PURE__ */ O("p", {
 		"data-part": "edit-status",
-		id: Fe,
-		...L ? {} : { "data-ui": "visually-hidden" },
-		children: N("editStatus")
-	}), Ht = Bt.length === 0 ? null : /* @__PURE__ */ k(n, { children: [/* @__PURE__ */ O(o, { render: ({ ref: n, ...r }) => /* @__PURE__ */ O(u, {
+		"data-part-edit-status": "",
+		id: ze,
+		...L ? {} : {
+			"data-ui": "visually-hidden",
+			...ne("ui", "visually-hidden")
+		},
+		children: P("editStatus")
+	}), Gt = Ut.length === 0 ? null : /* @__PURE__ */ k(n, { children: [/* @__PURE__ */ O(o, { render: ({ ref: n, ...r }) => /* @__PURE__ */ O(u, {
 		...r,
 		size: "sm",
 		variant: "outline",
 		tone: "secondary",
 		start: /* @__PURE__ */ O(t, { children: /* @__PURE__ */ O(e, { name: "plus" }) }),
 		render: (e) => /* @__PURE__ */ O("button", {
-			...e,
-			ref: n,
-			"data-part": "add"
+			...w(e, "part", "add"),
+			ref: n
 		}),
-		children: N("add")
-	}) }), /* @__PURE__ */ O(c, { children: Bt.map((e) => /* @__PURE__ */ O(r, {
-		onSelect: (t) => Ct(e.key, t.reason === "keyboard" ? "keyboard" : "pointer", t.source),
+		children: P("add")
+	}) }), /* @__PURE__ */ O(c, { children: Ut.map((e) => /* @__PURE__ */ O(r, {
+		onSelect: (t) => Et(e.key, t.reason === "keyboard" ? "keyboard" : "pointer", t.source),
 		children: /* @__PURE__ */ O(i, { children: Q(e.key) })
-	}, e.key)) })] }), Ut = (e, t, n) => /* @__PURE__ */ O(u, {
+	}, e.key)) })] }), Kt = (e, t, n) => /* @__PURE__ */ O(u, {
 		size: "sm",
 		tone: e === "done" ? "accent" : "secondary",
 		variant: e === "done" ? "solid" : e === "cancel" ? "outline" : "ghost",
 		onClick: n,
-		render: (t) => /* @__PURE__ */ O("button", {
-			...t,
-			"data-part": e
-		}),
+		render: (t) => /* @__PURE__ */ O("button", { ...w(t, "part", e) }),
 		children: t
-	}), Wt = G === null ? null : Pt.find((e) => e.key === G.key), Gt = {
-		...ye,
+	}), qt = G === null ? null : Lt.find((e) => e.key === G.key), Jt = te({
+		...Se,
 		style: {
-			...ve(I),
-			...se
+			...xe(I),
+			...le
 		},
 		"data-ui": "dashboard-grid",
 		"data-part": "root",
 		...H ? { "data-editing": "" } : {},
-		ref: tt,
-		children: /* @__PURE__ */ k(fe, { children: [
+		ref: it,
+		children: /* @__PURE__ */ k(he, { children: [
 			H && L ? /* @__PURE__ */ k("div", {
 				"data-part": "edit-bar",
+				"data-part-edit-bar": "",
 				role: "group",
-				"aria-label": N("editBar"),
-				children: [Vt, /* @__PURE__ */ k("div", {
+				"aria-label": P("editBar"),
+				children: [Wt, /* @__PURE__ */ k("div", {
 					"data-part": "edit-actions",
+					"data-part-edit-actions": "",
 					children: [
-						Ht,
-						Ut("reset", N("reset"), (e) => kt(Be(e), e.nativeEvent)),
-						Ut("cancel", N("cancel"), (e) => Ot(Be(e), e.nativeEvent)),
-						Ut("done", N("done"), (e) => Dt("submit", e.nativeEvent))
+						Gt,
+						Kt("reset", P("reset"), (e) => Mt(Ue(e), e.nativeEvent)),
+						Kt("cancel", P("cancel"), (e) => jt(Ue(e), e.nativeEvent)),
+						Kt("done", P("done"), (e) => At("submit", e.nativeEvent))
 					]
 				})]
 			}) : null,
-			H && !L ? Vt : null,
+			H && !L ? Wt : null,
 			/* @__PURE__ */ k("ul", {
-				ref: nt,
+				ref: at,
 				"data-part": "grid",
+				"data-part-grid": "",
 				...G === null ? {} : { "data-gesture": "" },
 				role: "list",
 				"aria-label": a,
 				"aria-labelledby": s,
 				hidden: W.length === 0 || void 0,
-				children: [W.map((e) => /* @__PURE__ */ O(re, { children: Ke.get(e.key) }, e.key)), Wt ? /* @__PURE__ */ O("li", {
-					ref: rt,
+				children: [W.map((e) => /* @__PURE__ */ O(ae, { children: Ye.get(e.key) }, e.key)), qt ? /* @__PURE__ */ O("li", {
+					ref: ot,
 					"data-part": "placeholder",
+					"data-part-placeholder": "",
 					"aria-hidden": "true",
 					style: {
-						...Ne(Wt),
-						...J === "expanded" ? {} : { order: Ft.findIndex((e) => e.key === Wt.key) }
+						...Ie(qt),
+						...J === "expanded" ? {} : { order: Rt.findIndex((e) => e.key === qt.key) }
 					}
 				}) : null]
 			}),
 			W.length === 0 ? /* @__PURE__ */ O("div", {
 				"data-part": "empty",
+				"data-part-empty": "",
 				children: /* @__PURE__ */ O(C, {
 					status: "empty",
 					reach: "section",
 					live: "polite",
-					children: /* @__PURE__ */ k(S, { children: [/* @__PURE__ */ O(x, { children: N("empty") }), H ? /* @__PURE__ */ O(y, { children: N("emptyEditing") }) : null] })
+					children: /* @__PURE__ */ k(S, { children: [/* @__PURE__ */ O(x, { children: P("empty") }), H ? /* @__PURE__ */ O(y, { children: P("emptyEditing") }) : null] })
 				})
 			}) : null
 		] })
-	};
-	return /* @__PURE__ */ O(Pe.Provider, {
-		value: zt,
-		children: oe === void 0 ? /* @__PURE__ */ O("div", { ...Gt }) : oe(Gt)
+	});
+	return /* @__PURE__ */ O(Le.Provider, {
+		value: Ht,
+		children: ce === void 0 ? /* @__PURE__ */ O("div", { ...Jt }) : ce(Jt)
 	});
 }
 //#endregion
 //#region src/dashboard-grid/dashboard-widget.tsx
-var Xe = [
+var $e = [
 	"start",
 	"end",
 	"bottom",
@@ -768,33 +774,32 @@ var Xe = [
 function V(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
-var Ze = (e) => e.reason === "keyboard" ? "keyboard" : "pointer";
+var et = (e) => e.reason === "keyboard" ? "keyboard" : "pointer";
 function H({ register: n, triggerRef: r, ...i }) {
-	let a = E(r);
+	let a = D(r);
 	a.current = r;
-	let o = w((e) => {
+	let o = T((e) => {
 		n(e), V(a.current, e);
 	}, [n]);
 	return /* @__PURE__ */ O("button", {
-		...i,
+		...w(i, "part", "handle"),
 		type: "button",
-		"data-part": "handle",
 		ref: o,
 		children: /* @__PURE__ */ O(t, { children: /* @__PURE__ */ O(e, { name: "grip-horizontal" }) })
 	});
 }
-function Qe({ headingLevel: e, defaultColumns: t, defaultRows: n, minColumns: r, maxColumns: i, minRows: a, maxRows: o, movable: s, resizable: c, removable: l, loading: u = !1, ref: d, ...f }) {
-	let { value: p } = f, m = I("DashboardWidget"), ee = m.slots.get(p), h = `${le()}-title`, g = `${h}-description`, y = _(), b = v({
+function tt({ headingLevel: e, defaultColumns: t, defaultRows: n, minColumns: r, maxColumns: i, minRows: a, maxRows: o, movable: s, resizable: c, removable: l, loading: u = !1, ref: d, ...f }) {
+	let { value: p } = f, m = I("DashboardWidget"), ee = m.slots.get(p), h = `${de()}-title`, g = `${h}-description`, y = _(), b = v({
 		delay: y.delay ?? 0,
 		loading: u,
 		minDuration: y.minDuration ?? 0
-	}), { registerWidget: x, registerHandle: S, registerCard: C } = m, te = w((e) => {
+	}), { registerWidget: x, registerHandle: S, registerCard: C } = m, te = T((e) => {
 		x(p, e), V(d, e);
 	}, [
 		d,
 		x,
 		p
-	]), ne = w((e) => C(p, e), [C, p]), re = w((e) => S(p, e), [S, p]);
+	]), ne = T((e) => C(p, e), [C, p]), w = T((e) => S(p, e), [S, p]);
 	return ee === void 0 ? null : /* @__PURE__ */ O(U, {
 		...f,
 		headingLevel: e ?? m.headingLevel,
@@ -804,7 +809,7 @@ function Qe({ headingLevel: e, defaultColumns: t, defaultRows: n, minColumns: r,
 		descriptionId: g,
 		setWidget: te,
 		setCard: ne,
-		setHandle: re,
+		setHandle: w,
 		t: m.t,
 		editing: m.editing,
 		sizeClass: m.sizeClass,
@@ -816,191 +821,191 @@ function Qe({ headingLevel: e, defaultColumns: t, defaultRows: n, minColumns: r,
 		onResizePointerDown: m.onResizePointerDown
 	});
 }
-var U = oe(function({ value: l, title: _, description: v, children: te, headingLevel: ne, busy: re = !1, status: ie = "ready", skeleton: ae, emptyTitle: oe, emptyDescription: w, emptyAction: se, errorTitle: ce, errorDescription: le, onRetry: ue, detailHref: de, onDetail: T, actions: E, footer: D, fill: pe, size: me, render: he, style: ge, drawnSlot: A, painted: _e, titleId: ve, descriptionId: be, setWidget: j, setCard: xe, setHandle: Se, t: M, editing: Ce, sizeClass: we, statusId: Te, move: Ee, resize: De, hide: Oe, onHandleKeyDown: ke, onResizePointerDown: Ae, ...N }) {
-	let { tile: P, can: F } = A, je = `h${ne}`, Me = { title: _ }, Pe = we !== "expanded", I = de === void 0 ? T === void 0 ? null : /* @__PURE__ */ O(d, {
-		"aria-label": M("detail", Me),
+var U = ce(function({ value: l, title: _, description: v, children: ne, headingLevel: re, busy: ie = !1, status: ae = "ready", skeleton: oe, emptyTitle: se, emptyDescription: ce, emptyAction: T, errorTitle: le, errorDescription: ue, onRetry: de, detailHref: fe, onDetail: pe, actions: E, footer: D, fill: me, size: ge, render: _e, style: ve, drawnSlot: A, painted: ye, titleId: be, descriptionId: xe, setWidget: Ce, setCard: j, setHandle: we, t: M, editing: Te, sizeClass: N, statusId: Ee, move: De, resize: Oe, hide: ke, onHandleKeyDown: Ae, onResizePointerDown: je, ...Me }) {
+	let { tile: P, can: F } = A, Ne = `h${re}`, Pe = { title: _ }, Fe = N !== "expanded", Le = fe === void 0 ? pe === void 0 ? null : /* @__PURE__ */ O(d, {
+		"aria-label": M("detail", Pe),
 		size: "sm",
 		tone: "secondary",
 		variant: "ghost",
-		onClick: T,
-		render: (e) => /* @__PURE__ */ O("button", {
-			...e,
-			"data-part": "detail"
-		}),
+		onClick: pe,
+		render: (e) => /* @__PURE__ */ O("button", { ...w(e, "part", "detail") }),
 		children: /* @__PURE__ */ O(t, {
 			directional: !0,
 			children: /* @__PURE__ */ O(e, { name: "external" })
 		})
 	}) : /* @__PURE__ */ O(d, {
-		"aria-label": M("detail", Me),
+		"aria-label": M("detail", Pe),
 		size: "sm",
 		tone: "secondary",
 		variant: "ghost",
 		render: ({ type: e, disabled: t, ...n }) => /* @__PURE__ */ O("a", {
-			...n,
-			"data-part": "detail",
-			href: de,
-			onClick: T
+			...w(n, "part", "detail"),
+			href: fe,
+			onClick: pe
 		}),
 		children: /* @__PURE__ */ O(t, {
 			directional: !0,
 			children: /* @__PURE__ */ O(e, { name: "external" })
 		})
-	}), L = (e) => (t) => Ee(l, e, Ze(t), t.source), R = (e, t) => (n) => De(l, {
+	}), I = (e) => (t) => De(l, e, et(t), t.source), L = (e, t) => (n) => Oe(l, {
 		columns: e,
 		rows: t
-	}, Ze(n), n.source), z = P.resizable && we !== "compact", Fe = Ce && (P.movable || z || P.removable) ? /* @__PURE__ */ k(n, { children: [/* @__PURE__ */ O(o, {
-		onKeyDown: (e) => ke(l, e),
+	}, et(n), n.source), R = P.resizable && N !== "compact", Re = Te && (P.movable || R || P.removable) ? /* @__PURE__ */ k(n, { children: [/* @__PURE__ */ O(o, {
+		onKeyDown: (e) => Ae(l, e),
 		render: ({ ref: e, ...t }) => /* @__PURE__ */ O(H, {
 			...t,
-			"aria-label": M("handle", Me),
-			"aria-describedby": Te,
-			"aria-keyshortcuts": ye(P.removable),
-			register: Se,
+			"aria-label": M("handle", Pe),
+			"aria-describedby": Ee,
+			"aria-keyshortcuts": Se(P.removable),
+			register: we,
 			triggerRef: e
 		})
 	}), /* @__PURE__ */ k(c, { children: [
-		P.movable ? /* @__PURE__ */ k(fe, { children: [
+		P.movable ? /* @__PURE__ */ k(he, { children: [
 			/* @__PURE__ */ k(r, {
 				disabled: !F.up,
-				onSelect: L("up"),
+				onSelect: I("up"),
 				children: [/* @__PURE__ */ O(i, { children: M("moveUp") }), /* @__PURE__ */ O(s, { keys: "Alt+ArrowUp" })]
 			}),
 			/* @__PURE__ */ k(r, {
 				disabled: !F.down,
-				onSelect: L("down"),
+				onSelect: I("down"),
 				children: [/* @__PURE__ */ O(i, { children: M("moveDown") }), /* @__PURE__ */ O(s, { keys: "Alt+ArrowDown" })]
 			}),
-			Pe ? null : /* @__PURE__ */ k(fe, { children: [/* @__PURE__ */ k(r, {
+			Fe ? null : /* @__PURE__ */ k(he, { children: [/* @__PURE__ */ k(r, {
 				disabled: !F.left,
-				onSelect: L("left"),
+				onSelect: I("left"),
 				children: [/* @__PURE__ */ O(i, { children: M("moveStart") }), /* @__PURE__ */ O(s, { keys: "Alt+ArrowLeft" })]
 			}), /* @__PURE__ */ k(r, {
 				disabled: !F.right,
-				onSelect: L("right"),
+				onSelect: I("right"),
 				children: [/* @__PURE__ */ O(i, { children: M("moveEnd") }), /* @__PURE__ */ O(s, { keys: "Alt+ArrowRight" })]
 			})] })
 		] }) : null,
-		P.movable && z ? /* @__PURE__ */ O(a, {}) : null,
-		z ? /* @__PURE__ */ k(fe, { children: [
+		P.movable && R ? /* @__PURE__ */ O(a, {}) : null,
+		R ? /* @__PURE__ */ k(he, { children: [
 			/* @__PURE__ */ k(r, {
 				disabled: !F.wider,
-				onSelect: R(1, 0),
+				onSelect: L(1, 0),
 				children: [/* @__PURE__ */ O(i, { children: M("wider") }), /* @__PURE__ */ O(s, { keys: "Shift+ArrowRight" })]
 			}),
 			/* @__PURE__ */ k(r, {
 				disabled: !F.narrower,
-				onSelect: R(-1, 0),
+				onSelect: L(-1, 0),
 				children: [/* @__PURE__ */ O(i, { children: M("narrower") }), /* @__PURE__ */ O(s, { keys: "Shift+ArrowLeft" })]
 			}),
 			/* @__PURE__ */ k(r, {
 				disabled: !F.taller,
-				onSelect: R(0, 1),
+				onSelect: L(0, 1),
 				children: [/* @__PURE__ */ O(i, { children: M("taller") }), /* @__PURE__ */ O(s, { keys: "Shift+ArrowDown" })]
 			}),
 			/* @__PURE__ */ k(r, {
 				disabled: !F.shorter,
-				onSelect: R(0, -1),
+				onSelect: L(0, -1),
 				children: [/* @__PURE__ */ O(i, { children: M("shorter") }), /* @__PURE__ */ O(s, { keys: "Shift+ArrowUp" })]
 			})
 		] }) : null,
-		P.removable ? /* @__PURE__ */ k(fe, { children: [P.movable || z ? /* @__PURE__ */ O(a, {}) : null, /* @__PURE__ */ k(r, {
+		P.removable ? /* @__PURE__ */ k(he, { children: [P.movable || R ? /* @__PURE__ */ O(a, {}) : null, /* @__PURE__ */ k(r, {
 			tone: "danger",
-			onSelect: (e) => Oe(l, "remove", e.source),
+			onSelect: (e) => ke(l, "remove", e.source),
 			children: [/* @__PURE__ */ O(i, { children: M("hide") }), /* @__PURE__ */ O(s, { keys: "Delete" })]
 		})] }) : null
-	] })] }) : null, Ie = (n) => /* @__PURE__ */ O("div", {
+	] })] }) : null, ze = (n) => /* @__PURE__ */ O("div", {
 		"data-part": "message",
+		"data-part-message": "",
 		children: /* @__PURE__ */ k(C, {
 			status: n,
 			reach: "section",
 			align: "center",
 			live: n === "error" ? "polite" : "off",
 			children: [
-				/* @__PURE__ */ k(S, { children: [/* @__PURE__ */ O(x, { children: n === "empty" ? oe ?? M("emptyTitle") : ce ?? M("errorTitle") }), (n === "empty" ? w : le) === void 0 ? null : /* @__PURE__ */ O(y, { children: n === "empty" ? w : le })] }),
-				n === "empty" && se !== void 0 ? /* @__PURE__ */ O(b, { children: se }) : null,
-				n === "error" && ue !== void 0 ? /* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(u, {
+				/* @__PURE__ */ k(S, { children: [/* @__PURE__ */ O(x, { children: n === "empty" ? se ?? M("emptyTitle") : le ?? M("errorTitle") }), (n === "empty" ? ce : ue) === void 0 ? null : /* @__PURE__ */ O(y, { children: n === "empty" ? ce : ue })] }),
+				n === "empty" && T !== void 0 ? /* @__PURE__ */ O(b, { children: T }) : null,
+				n === "error" && de !== void 0 ? /* @__PURE__ */ O(b, { children: /* @__PURE__ */ O(u, {
 					size: "sm",
 					tone: "secondary",
 					variant: "outline",
 					start: /* @__PURE__ */ O(t, { children: /* @__PURE__ */ O(e, { name: "rotate-ccw" }) }),
-					onClick: ue,
-					render: (e) => /* @__PURE__ */ O("button", {
-						...e,
-						"data-part": "retry"
-					}),
+					onClick: de,
+					render: (e) => /* @__PURE__ */ O("button", { ...w(e, "part", "retry") }),
 					children: M("retry")
 				}) }) : null
 			]
 		})
-	}), Le = _e ? /* @__PURE__ */ O("div", {
+	}), Be = ye ? /* @__PURE__ */ O("div", {
 		"data-part": "skeleton",
-		children: ae ?? /* @__PURE__ */ O(g, { shape: "block" })
-	}) : ie === "empty" ? Ie("empty") : ie === "error" ? Ie("error") : te, Re = {
-		...N,
+		"data-part-skeleton": "",
+		children: oe ?? /* @__PURE__ */ O(g, { shape: "block" })
+	}) : ae === "empty" ? ze("empty") : ae === "error" ? ze("error") : ne, z = te({
+		...Me,
 		style: {
-			...Ne(P),
+			...Ie(P),
 			...A.order === void 0 ? {} : { order: A.order },
-			...ge
+			...ve
 		},
 		"data-part": "widget",
 		"data-key": l,
-		"data-status": ie,
-		..._e ? { "data-loading": "" } : {},
+		"data-status": ae,
+		...ye ? { "data-loading": "" } : {},
 		...P.movable ? { "data-movable": "" } : {},
 		...P.resizable ? { "data-resizable": "" } : {},
 		...A.dragging ? { "data-dragging": "" } : {},
 		...A.resizing ? { "data-resizing": "" } : {},
-		ref: j,
-		children: /* @__PURE__ */ k(fe, { children: [
+		ref: Ce,
+		children: /* @__PURE__ */ k(he, { children: [
 			/* @__PURE__ */ k(p, {
-				fill: pe,
-				size: me,
+				fill: me,
+				size: ge,
 				render: (e) => /* @__PURE__ */ O("article", {
 					...e,
-					ref: xe,
-					"aria-labelledby": ve,
-					"aria-describedby": v === void 0 ? void 0 : be,
-					"aria-busy": _e || re || void 0
+					ref: j,
+					"aria-labelledby": be,
+					"aria-describedby": v === void 0 ? void 0 : xe,
+					"aria-busy": ye || ie || void 0
 				}),
 				children: [
 					/* @__PURE__ */ k(m, { children: [
-						/* @__PURE__ */ O(je, {
+						/* @__PURE__ */ O(Ne, {
 							"data-part": "title",
-							id: ve,
+							"data-part-title": "",
+							id: be,
 							children: _
 						}),
 						v === void 0 ? null : /* @__PURE__ */ O("p", {
 							"data-part": "description",
-							id: be,
+							"data-part-description": "",
+							id: xe,
 							children: v
 						}),
-						E !== void 0 || I !== null ? /* @__PURE__ */ k(h, { children: [E, I] }) : null
+						E !== void 0 || Le !== null ? /* @__PURE__ */ k(h, { children: [E, Le] }) : null
 					] }),
-					/* @__PURE__ */ k(ee, { children: [re && !_e ? /* @__PURE__ */ O("span", {
+					/* @__PURE__ */ k(ee, { children: [ie && !ye ? /* @__PURE__ */ O("span", {
 						"data-part": "busy-indicator",
+						"data-part-busy-indicator": "",
 						"aria-hidden": "true"
-					}) : null, Le] }),
+					}) : null, Be] }),
 					D === void 0 ? null : /* @__PURE__ */ O(f, { children: D })
 				]
 			}),
-			Fe,
-			Ce && z ? Xe.map((e) => /* @__PURE__ */ O("span", {
+			Re,
+			Te && R ? $e.map((e) => /* @__PURE__ */ O("span", {
 				"data-part": "resize-handle",
+				"data-part-resize-handle": "",
 				"data-edge": e,
 				...A.edge === e ? { "data-active": "" } : {},
 				"aria-hidden": "true",
-				onPointerDown: (t) => Ae(l, e, t)
+				onPointerDown: (t) => je(l, e, t)
 			}, e)) : null,
 			A.readout === null ? null : /* @__PURE__ */ O("span", {
 				"data-part": "size-readout",
+				"data-part-size-readout": "",
 				"data-edge": A.edge ?? void 0,
 				"aria-hidden": "true",
 				children: A.readout
 			})
 		] })
-	};
-	return he === void 0 ? /* @__PURE__ */ O("li", { ...Re }) : he(Re);
+	});
+	return _e === void 0 ? /* @__PURE__ */ O("li", { ...z }) : _e(z);
 }), W = [];
 function G() {
 	try {
@@ -1009,25 +1014,25 @@ function G() {
 		return null;
 	}
 }
-function $e({ key: e, storage: t, defaultLayout: n = W }) {
-	let r = T(() => t === void 0 ? G() : t, [t]), [i, a] = D(() => {
+function nt({ key: e, storage: t, defaultLayout: n = W }) {
+	let r = E(() => t === void 0 ? G() : t, [t]), [i, a] = me(() => {
 		let t;
 		try {
 			t = r?.getItem(e) ?? null;
 		} catch {
 			t = null;
 		}
-		return (t === null ? null : Ce(t)) ?? n;
+		return (t === null ? null : N(t)) ?? n;
 	});
 	return {
 		layout: i,
-		onLayoutChange: w((t) => {
+		onLayoutChange: T((t) => {
 			a(t);
 			try {
-				r?.setItem(e, N(t));
+				r?.setItem(e, P(t));
 			} catch {}
 		}, [e, r]),
-		clear: w(() => {
+		clear: T(() => {
 			a(n);
 			try {
 				r?.removeItem(e);
@@ -1040,4 +1045,4 @@ function $e({ key: e, storage: t, defaultLayout: n = W }) {
 	};
 }
 //#endregion
-export { Fe as a, L as i, Qe as n, z as o, B as r, $e as t };
+export { ze as a, L as i, tt as n, Re as o, B as r, nt as t };