@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/{chart-BNzfIfQe.js → chart-Bb6ctahn.js}

@@ -1,86 +1,99 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
 /* empty css                */
 /* empty css                  */
 /* empty css                      */
-import { createControllable as i } from "@slotted/core/state";
-import { Fragment as a, createContext as o, createElement as s, useCallback as c, useContext as l, useEffect as u, useId as ee, useImperativeHandle as te, useLayoutEffect as d, useMemo as ne, useRef as f, useState as p } from "react";
+import { keyedProps as i, selectorKeyProps as a, withSelectorKey as o } from "@slotted/core/selector-key";
+import { createFocusOrigin as s } from "@slotted/core/focus";
+import { createControllable as c } from "@slotted/core/state";
+import { Fragment as ee, createContext as l, createElement as u, useCallback as te, useContext as ne, useEffect as d, useId as re, useImperativeHandle as ie, useLayoutEffect as ae, useMemo as oe, useRef as f, useState as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { collapseState as re } from "@slotted/core/overflow";
-import { chartMessages as ie } from "@slotted/core/i18n";
-import { getLiveAnnouncer as ae } from "@slotted/core/live-announcer";
-import { FULL_ZOOM as oe, TOOLTIP_DOCK_WIDTH as se, categoryIndex as ce, chartKeyAction as le, chartTable as ue, chartToCsv as de, createChartModel as fe, createLatestAnnouncer as pe, defaultTrigger as me, describeChart as he, describePoint as ge, describeZoom as _e, firstPoint as ve, isDrawn as _, isFullZoom as ye, observeChartTheme as be, placeLayer as xe, placeTooltip as Se, readChartTheme as Ce, sameTheme as we, seriesOf as v, toggleHidden as Te, tooltipContext as Ee, trackModality as De } from "@slotted/core/chart";
-import { mountChartEngine as Oe, preloadChartEngine as ke } from "@slotted/core/chart-echarts";
+import { collapseState as se } from "@slotted/core/overflow";
+import { chartMessages as ce } from "@slotted/core/i18n";
+import { getLiveAnnouncer as le } from "@slotted/core/live-announcer";
+import { FULL_ZOOM as _, TOOLTIP_DOCK_WIDTH as ue, cachedChartTheme as de, categoryIndex as fe, chartKeyAction as pe, chartTable as me, chartToCsv as he, createChartModel as ge, createLatestAnnouncer as _e, defaultTrigger as ve, describeChart as ye, describePoint as be, describeZoom as xe, firstPoint as Se, isDrawn as Ce, isFullZoom as we, observeChartTheme as Te, placeLayer as Ee, placeTooltip as De, readChartTheme as Oe, sameTheme as ke, seriesOf as v, toggleHidden as Ae, tooltipContext as je, trackModality as Me } from "@slotted/core/chart";
+import { mountChartEngine as Ne, preloadChartEngine as Pe } from "@slotted/core/chart-echarts";
 //#region src/chart/chart-defaults.tsx
-var y = o({});
-function Ae() {
-	return l(y);
+var Fe = l({});
+function Ie() {
+	return ne(Fe);
 }
-function je({ children: e, ...t }) {
-	let n = Ae(), r = { ...n };
+function Le({ children: e, ...t }) {
+	let n = Ie(), r = { ...n };
 	for (let [e, n] of Object.entries(t)) n !== void 0 && (r[e] = n);
 	return r.tooltip = {
 		...n.tooltip,
 		...t.tooltip
-	}, /* @__PURE__ */ h(y.Provider, {
+	}, /* @__PURE__ */ h(Fe.Provider, {
 		value: r,
 		children: e
 	});
 }
 //#endregion
 //#region src/chart/chart.tsx
-var Me = Object.freeze([]), Ne = (e, t) => e === t || e !== null && t !== null && e.series === t.series && e.key === t.key, Pe = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Fe = (e, t) => e.start === t.start && e.end === t.end;
+var Re = Object.freeze([]), ze = (e, t) => e === t || e !== null && t !== null && e.series === t.series && e.key === t.key, Be = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Ve = (e, t) => e.start === t.start && e.end === t.end, He = (e) => typeof e == "object" && !!e && Object.getPrototypeOf(e) === Object.prototype;
+function y(e, t) {
+	if (Object.is(e, t)) return !0;
+	if (Array.isArray(e)) return Array.isArray(t) && e.length === t.length && e.every((e, n) => y(e, t[n]));
+	if (!He(e) || !He(t)) return !1;
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => Object.hasOwn(t, n) && y(e[n], t[n]));
+}
+function Ue(e) {
+	let t = f(e);
+	return y(t.current, e) || (t.current = e), t.current;
+}
 function b(e, t, n, r) {
-	let [a, o] = p(t), s = e === void 0 ? a : e, l = f({
+	let [i, a] = p(t), o = e === void 0 ? i : e, s = f({
 		controlled: e,
-		value: s,
+		value: o,
 		onChange: n
 	});
-	return l.current = {
+	return s.current = {
 		controlled: e,
-		value: s,
+		value: o,
 		onChange: n
-	}, [s, c((e, t, n) => {
-		let a = l.current;
-		i({
-			controlled: a.controlled,
-			initial: a.value,
+	}, [o, te((e, t, n) => {
+		let i = s.current;
+		c({
+			controlled: i.controlled,
+			initial: i.value,
 			equals: r,
-			onRequest: (e) => a.onChange?.(e.value, e)
-		}).request(e, t, n) && o(e);
+			onRequest: (e) => i.onChange?.(e.value, e)
+		}).request(e, t, n) && a(e);
 	}, [r])];
 }
-var Ie = {
+var We = {
 	crosshair: null,
 	markers: [],
 	tooltip: null,
 	docked: !1
 };
-function Le(e) {
+function Ge(e) {
 	try {
 		return e.matches(":focus-visible");
 	} catch {
 		return !1;
 	}
 }
-function Re(e) {
+function Ke(e) {
 	for (let t = e.length - 1; t >= 0; --t) if (e[t] !== null) return t;
 	return -1;
 }
-function ze(e) {
+function qe(e) {
 	return e.type === "slot" ? { "data-slot": String(e.slot) } : e.type === "tone" ? { "data-tone": e.tone } : { "data-overflow": "" };
 }
-function Be(e) {
+function Je(e) {
 	return Object.fromEntries(Object.entries(e).map(([e, t]) => [e, `${t}px`]));
 }
-function Ve(e, t = !0) {
+function Ye(e, t = !0) {
 	let n = f(null), r = f(null), [i, a] = p(!1), o = (i) => {
 		let o = i.newState === "open";
 		a(o);
 		let s = r.current, c = n.current;
 		if (s && c) {
 			if (o) {
-				let n = s.getBoundingClientRect(), r = xe({
+				let n = s.getBoundingClientRect(), r = Ee({
 					anchor: c.getBoundingClientRect(),
 					size: {
 						width: n.width,
@@ -119,88 +132,100 @@ function Ve(e, t = !0) {
 }
 function x() {
 	let e = f(null), t = f(null);
-	return u(() => {
+	return d(() => {
 		if (!e.current) return;
-		let n = De(e.current);
+		let n = Me(e.current);
 		return t.current = n, () => n.destroy();
 	}, []), [e, () => t.current?.read() ?? "programmatic"];
 }
-function He(e, t) {
+function Xe(e, t) {
 	typeof e == "function" ? e(t) : e && typeof e == "object" && (e.current = t);
 }
-function Ue({ context: e, model: t, totalLabel: n, indicator: r }) {
+function Ze({ context: e, model: t, totalLabel: n, indicator: r }) {
 	return /* @__PURE__ */ g(m, { children: [
 		/* @__PURE__ */ h("div", {
 			"data-part": "tooltip-title",
+			"data-part-tooltip-title": "",
 			children: e.title
 		}),
+		e.notes.map((e) => /* @__PURE__ */ h("div", {
+			"data-part": "tooltip-note",
+			"data-part-tooltip-note": "",
+			children: e
+		}, e)),
 		e.items.map((n) => {
 			let i = v(t, n.series), a = r === "line" || n.kind === "line" ? "line" : n.kind === "scatter" ? "scatter" : "bar";
-			return /* @__PURE__ */ s("div", {
+			return /* @__PURE__ */ u("div", {
 				"data-part": "tooltip-item",
+				"data-part-tooltip-item": "",
 				...e.items.length > 1 && n.current ? { "data-current": "" } : {},
-				...ze(n.color),
+				...qe(n.color),
 				key: `${n.series}-${n.label}`
 			}, r === "none" ? null : /* @__PURE__ */ h("span", {
 				"data-kind": a,
 				"data-part": "tooltip-marker",
+				"data-part-tooltip-marker": "",
 				...i && i.stroke !== "solid" ? { "data-stroke": i.stroke } : {}
 			}), /* @__PURE__ */ h("span", {
 				"data-part": "tooltip-label",
+				"data-part-tooltip-label": "",
 				children: n.label
 			}), /* @__PURE__ */ h("span", {
 				"data-part": "tooltip-value",
+				"data-part-tooltip-value": "",
 				children: n.share ? `${n.share} · ${n.formatted}` : n.formatted
 			}));
 		}),
 		e.total ? /* @__PURE__ */ g("div", {
 			"data-part": "tooltip-total",
+			"data-part-tooltip-total": "",
 			children: [/* @__PURE__ */ h("span", { children: n }), /* @__PURE__ */ h("span", {
 				"data-part": "tooltip-value",
+				"data-part-tooltip-value": "",
 				children: e.total.formatted
 			})]
 		}) : null
 	] });
 }
-function S(i) {
-	let { data: o, series: c, x: l, y: xe, orientation: De, stackMode: ke, annotations: y, recordKey: je, locale: x, title: S, description: w, help: Ye, actions: Xe, messages: Ze, size: Qe, variant: $e, palette: et, toolbar: tt, grid: nt, texture: rt, renderer: it, sampling: at, animate: ot, legend: st, legendInteractive: ct, legendValues: lt, legendOverflow: ut, trigger: dt, tooltip: ft, zoomable: T, selectable: pt, loading: mt, error: ht, onRetry: gt, hidden: _t, defaultHidden: vt, onHiddenChange: yt, activePoint: bt, defaultActivePoint: xt, onActivePointChange: St, selection: Ct, defaultSelection: wt, onSelectionChange: Tt, zoom: Et, defaultZoom: Dt, onZoomChange: Ot, tableOpen: kt, defaultTableOpen: At, onTableOpenChange: jt, fullscreen: Mt, defaultFullscreen: Nt, onFullscreenChange: Pt, renderTooltip: Ft, renderLegendItem: It, renderCenter: Lt, renderEmpty: Rt, renderError: zt, render: Bt, extendOption: Vt, handleRef: Ht, ref: Ut, ...Wt } = i, E = Ae(), D = ee(), O = r(ie, Ze), Gt = n(), k = {
-		size: Qe ?? E.size ?? "md",
-		variant: $e ?? E.variant ?? "plain",
-		palette: et ?? E.palette ?? "categorical",
-		toolbar: tt ?? E.toolbar ?? "visible",
-		renderer: it ?? E.renderer ?? "auto",
-		grid: nt ?? E.grid,
-		legendOverflow: ut ?? E.legendOverflow ?? "collapse",
-		animate: ot ?? E.animate ?? !0,
+function S(c) {
+	let { data: l, series: ne, x: Ee, y: Me, orientation: Pe, stackMode: Fe, annotations: Le, recordKey: He, locale: y, title: x, description: S, help: w, actions: rt, messages: it, size: at, variant: ot, palette: st, toolbar: ct, grid: lt, texture: ut, renderer: dt, sampling: ft, animate: pt, legend: mt, legendInteractive: ht, legendValues: gt, legendOverflow: _t, trigger: vt, tooltip: yt, zoomable: T, selectable: bt, loading: xt, error: St, onRetry: Ct, hidden: wt, defaultHidden: Tt, onHiddenChange: Et, activePoint: Dt, defaultActivePoint: Ot, onActivePointChange: kt, selection: At, defaultSelection: jt, onSelectionChange: Mt, zoom: Nt, defaultZoom: Pt, onZoomChange: Ft, tableOpen: It, defaultTableOpen: Lt, onTableOpenChange: Rt, fullscreen: zt, defaultFullscreen: Bt, onFullscreenChange: Vt, renderTooltip: Ht, renderLegendItem: Ut, renderCenter: Wt, renderEmpty: Gt, renderError: Kt, render: qt, extendOption: Jt, handleRef: Yt, ref: Xt, ...Zt } = c, E = Ie(), D = re(), O = t(ce, it), Qt = e(), k = {
+		size: at ?? E.size ?? "md",
+		variant: ot ?? E.variant ?? "plain",
+		palette: st ?? E.palette ?? "categorical",
+		toolbar: ct ?? E.toolbar ?? "visible",
+		renderer: dt ?? E.renderer ?? "auto",
+		grid: lt ?? E.grid,
+		legendOverflow: _t ?? E.legendOverflow ?? "collapse",
+		animate: pt ?? E.animate ?? !0,
 		tooltip: {
 			...E.tooltip,
-			...ft
+			...yt
 		}
-	}, [Kt, qt] = b(_t, vt ?? Me, yt, Pe), [A, j] = b(bt, xt ?? null, St, Ne), [M, Jt] = b(Ct, wt ?? null, Tt, Ne), [N, P] = b(Et, Dt ?? oe, Ot, Fe), [F, Yt] = b(kt, At ?? !1, jt, Object.is), [I, Xt] = b(Mt, Nt ?? !1, Pt, Object.is), L = ne(() => ({
-		data: o,
-		series: c,
-		x: l,
-		y: xe,
-		orientation: De,
-		stackMode: ke,
-		annotations: y,
-		recordKey: je,
-		locale: x ?? Gt
+	}, [$t, en] = b(wt, Tt ?? Re, Et, Be), [A, j] = b(Dt, Ot ?? null, kt, ze), [M, tn] = b(At, jt ?? null, Mt, ze), [N, P] = b(Nt, Pt ?? _, Ft, Ve), [F, nn] = b(It, Lt ?? !1, Rt, Object.is), [I, rn] = b(zt, Bt ?? !1, Vt, Object.is), an = Ue(ne), on = Ue(Ee), sn = Ue(Me), cn = Ue(Le), L = oe(() => ({
+		data: l,
+		series: an,
+		x: on,
+		y: sn,
+		orientation: Pe,
+		stackMode: Fe,
+		annotations: cn,
+		recordKey: He,
+		locale: y ?? Qt
 	}), [
-		o,
-		c,
 		l,
-		xe,
-		De,
-		ke,
+		an,
+		on,
+		sn,
+		Pe,
+		Fe,
+		cn,
+		He,
 		y,
-		je,
-		x,
-		Gt
-	]), Zt = ne(() => {
+		Qt
+	]), ln = oe(() => {
 		try {
 			return {
-				model: fe(L, { hidden: Kt }),
+				model: ge(L, { hidden: $t }),
 				failure: null
 			};
 		} catch (e) {
@@ -209,15 +234,18 @@ function S(i) {
 				failure: e
 			};
 		}
-	}, [L, Kt]), R = Zt.model, [Qt, $t] = p(null), z = !!ht || Zt.failure !== null || Qt !== null, B = !!mt, V = !(!R || B || z || R.empty), H = !(!R || B || z || R.empty === "no-data"), U = R ? dt ?? me(R) : "none", W = f(null), G = f(null), en = f(null), tn = f(null), nn = f(null), K = f(null), [rn, an] = p(null), [q, on] = p(Ie), sn = ne(() => pe((e) => ae().announce(e)), []), cn = (e) => ae().announce(e);
+	}, [L, $t]), R = ln.model, [un, dn] = p(null), z = !!St || ln.failure !== null || un !== null, B = !!xt, V = !(!R || B || z || R.empty), H = !(!R || B || z || R.empty === "no-data"), U = R ? vt ?? ve(R) : "none", W = f(null), G = f(null), fn = f(null), pn = f(null), mn = f(null), K = f(null), [hn, gn] = p(null), [q, _n] = p(We), vn = oe(() => _e((e) => le().announce(e)), []), yn = (e) => le().announce(e);
 	d(() => {
 		let e = G.current;
 		if (!e) return;
-		let t = () => an((t) => {
-			let n = Ce(e);
-			return we(t, n) ? t : n;
-		});
-		return t(), be(e, t);
+		let t = e.ownerDocument.defaultView, n = (e) => gn((t) => ke(t, e) ? t : e), r = () => n(Oe(e)), i = de(e), a = 0;
+		i ? n(i) : t && (a = t.requestAnimationFrame(() => {
+			a = 0, r();
+		}));
+		let o = Te(e, r);
+		return () => {
+			o(), a && t?.cancelAnimationFrame(a);
+		};
 	}, [
 		k.palette,
 		k.variant,
@@ -229,57 +257,57 @@ function S(i) {
 		onZoom: () => {},
 		onRender: () => {}
 	});
-	u(() => {
-		let e = en.current;
+	d(() => {
+		let e = fn.current;
 		if (!e) return;
-		let t = Oe(e, {
+		let t = Ne(e, {
 			onPointer: (e, t) => J.current.onPointer(e, t),
 			onPress: (e, t) => J.current.onPress(e, t),
 			onZoom: (e, t) => J.current.onZoom(e, t),
 			onRender: () => J.current.onRender(),
-			onError: (e) => $t(e)
+			onError: (e) => dn(e)
 		});
 		return K.current = t, () => {
 			t.dispose(), K.current = null;
 		};
-	}, []), u(() => {
-		K.current && rn && R && V && K.current.update({
+	}, []), d(() => {
+		K.current && hn && R && V && K.current.update({
 			model: R,
-			theme: rn,
+			theme: hn,
 			selection: M,
 			zoom: N,
 			zoomable: !!T,
 			grid: k.grid,
-			texture: !!rt,
+			texture: !!ut,
 			renderer: k.renderer,
-			sampling: at,
+			sampling: ft,
 			trigger: U,
 			animate: k.animate,
-			extendOption: Vt
+			extendOption: Jt
 		});
 	}, [
 		R,
-		rn,
+		hn,
 		V,
 		M,
 		N,
 		T,
 		k.grid,
-		rt,
+		ut,
 		k.renderer,
-		at,
+		ft,
 		U,
 		k.animate,
-		Vt
+		Jt
 	]);
-	let ln = () => {
+	let bn = () => {
 		let e = K.current, t = G.current;
 		if (!e || !t || !R || !V || F) {
-			on(Ie);
+			_n(We);
 			return;
 		}
 		let n = [];
-		if (M && _(R, M) && R.shape === "cartesian") {
+		if (M && Ce(R, M) && R.shape === "cartesian") {
 			let t = v(R, M.series), r = e.locate(M);
 			t && t.kind !== "bar" && r && n.push({
 				key: `selected-${t.id}`,
@@ -289,10 +317,10 @@ function S(i) {
 				current: !1
 			});
 		}
-		R.shape === "pie" && e.emphasize(A && _(R, A) ? A.key : null);
-		let r = A && _(R, A) ? e.locate(A) : null;
+		R.shape === "pie" && e.emphasize(A && Ce(R, A) ? A.key : null);
+		let r = A && Ce(R, A) ? e.locate(A) : null;
 		if (!A || !r) {
-			on({
+			_n({
 				crosshair: null,
 				markers: n,
 				tooltip: null,
@@ -305,7 +333,7 @@ function S(i) {
 			isBand: i && R.xType === "category"
 		} : null;
 		if (R.shape === "cartesian") {
-			let t = ce(R, A.key), r = U === "axis" ? R.series.filter((e) => e.visible && e.kind !== "bar" && e.values[t] !== null) : [v(R, A.series)].filter((e) => !!(e && e.kind !== "bar"));
+			let t = fe(R, A.key), r = U === "axis" ? R.series.filter((e) => e.visible && e.kind !== "bar" && e.values[t] !== null) : [v(R, A.series)].filter((e) => !!(e && e.kind !== "bar"));
 			for (let t of r) {
 				let r = e.locate({
 					series: t.id,
@@ -320,20 +348,20 @@ function S(i) {
 				});
 			}
 		}
-		let o = U === "none" ? null : Ee(R, A, {
+		let o = U === "none" ? null : je(R, A, {
 			trigger: U,
 			sort: k.tooltip.sort,
 			total: k.tooltip.total
 		});
-		on({
+		_n({
 			crosshair: a,
 			markers: n,
 			tooltip: o,
-			docked: t.clientWidth < se
+			docked: t.clientWidth < ue
 		});
 	};
-	d(() => {
-		ln();
+	ae(() => {
+		bn();
 	}, [
 		A,
 		M,
@@ -342,18 +370,18 @@ function S(i) {
 		F,
 		U
 	]);
-	let un = f(!1);
-	d(() => {
-		let e = tn.current, t = G.current;
+	let xn = f(!1);
+	ae(() => {
+		let e = pn.current, t = G.current;
 		if (!e || !t) return;
 		if (!q.tooltip || !A) {
-			un.current = !1;
+			xn.current = !1;
 			return;
 		}
 		let n = K.current?.locate(A);
 		if (!n) return;
-		un.current || (e.style.transition = "none");
-		let r = Se({
+		xn.current || (e.style.transition = "none");
+		let r = De({
 			anchor: {
 				x: n.x,
 				y: n.y
@@ -368,254 +396,259 @@ function S(i) {
 			},
 			dir: W.current && getComputedStyle(W.current).direction === "rtl" ? "rtl" : "ltr"
 		});
-		e.style.setProperty("--slotted-chart-x", `${r.x}px`), e.style.setProperty("--slotted-chart-y", `${r.y}px`), un.current || requestAnimationFrame(() => e.style.transition = ""), un.current = !0;
+		e.style.setProperty("--slotted-chart-x", `${r.x}px`), e.style.setProperty("--slotted-chart-y", `${r.y}px`), xn.current || requestAnimationFrame(() => e.style.transition = ""), xn.current = !0;
 	}, [q, A]), J.current = {
 		onPointer: (e, t) => {
 			e ? j(e, "pointer", t) : document.activeElement !== G.current && j(null, "pointer", t);
 		},
 		onPress: (e, t) => {
-			pt && e && Jt(Ne(M, e) ? null : e, "pointer", t);
+			bt && e && tn(ze(M, e) ? null : e, "pointer", t);
 		},
 		onZoom: (e, t) => P(e, "pointer", t),
-		onRender: () => ln()
+		onRender: () => bn()
 	};
-	let dn = (e) => {
+	let Sn = (e) => {
 		if (!R || !V || F) return;
-		let t = le(R, {
+		let t = pe(R, {
 			active: A,
 			selection: M,
 			zoom: N,
 			zoomable: !!T,
-			selectable: !!pt
+			selectable: !!bt
 		}, e.key);
 		if (t !== null) {
 			e.preventDefault();
-			for (let n of t) n.type === "active" ? (j(n.point, n.reason, e.nativeEvent), n.point ? sn.say(ge(R, n.point, M, O)) : sn.cancel()) : n.type === "select" ? (Jt(n.point, "keyboard", e.nativeEvent), n.point && sn.say(ge(R, n.point, n.point, O))) : (P(n.zoom, n.reason, e.nativeEvent), cn(_e(R, n.zoom, O)));
+			for (let n of t) n.type === "active" ? (j(n.point, n.reason, e.nativeEvent), n.point ? vn.say(be(R, n.point, M, O)) : vn.cancel()) : n.type === "select" ? (tn(n.point, "keyboard", e.nativeEvent), n.point && vn.say(be(R, n.point, n.point, O))) : (P(n.zoom, n.reason, e.nativeEvent), yn(xe(R, n.zoom, O)));
 		}
-	}, fn = (e) => {
-		if (!R || !V || F || A || !Le(e.currentTarget)) return;
-		let t = ve(R);
-		t && (j(t, "keyboard", e.nativeEvent), sn.say(ge(R, t, M, O)));
-	}, pn = (e, t) => {
+	}, Cn = te((e) => e === null ? void 0 : s(e).destroy, []), wn = (e) => {
+		if (!R || !V || F || A || !Ge(e.currentTarget)) return;
+		let t = Se(R);
+		t && (j(t, "keyboard", e.nativeEvent), vn.say(be(R, t, M, O)));
+	}, Tn = (e, t) => {
 		let n = !I;
-		Xt(n, e, t);
+		rn(n, e, t);
 		let r = W.current;
-		r && (n && Mt === void 0 && document.fullscreenEnabled && e !== "programmatic" && r.requestFullscreen?.().catch(() => {}), !n && document.fullscreenElement === r && document.exitFullscreen().catch(() => {}));
+		r && (n && zt === void 0 && document.fullscreenEnabled && e !== "programmatic" && r.requestFullscreen?.().catch(() => {}), !n && document.fullscreenElement === r && document.exitFullscreen().catch(() => {}));
 	};
-	u(() => {
+	d(() => {
 		let e = W.current;
 		if (!e) return;
 		let t = !1, n = () => {
-			document.fullscreenElement === e ? t = !0 : t && (t = !1, mn.current(!1, "escape"));
+			document.fullscreenElement === e ? t = !0 : t && (t = !1, En.current(!1, "escape"));
 		};
 		return document.addEventListener("fullscreenchange", n), () => document.removeEventListener("fullscreenchange", n);
 	}, []);
-	let mn = f(Xt);
-	mn.current = Xt, u(() => {
+	let En = f(rn);
+	En.current = rn, d(() => {
 		let e = W.current;
 		!I && e && document.fullscreenElement === e && document.exitFullscreen().catch(() => {});
 	}, [I]);
-	let hn = (e) => {
-		Wt.onKeyDown?.(e), !e.defaultPrevented && e.key === "Escape" && I && (e.preventDefault(), pn("escape", e.nativeEvent));
-	}, [Y, gn] = p([]), _n = f(/* @__PURE__ */ new Map()), [vn, yn] = p(null), bn = ct ?? !0, X = R?.legend ?? [], xn = () => {
-		let e = nn.current;
+	let Dn = (e) => {
+		Zt.onKeyDown?.(e), !e.defaultPrevented && e.key === "Escape" && I && (e.preventDefault(), Tn("escape", e.nativeEvent));
+	}, [Y, On] = p([]), kn = f(/* @__PURE__ */ new Map()), [An, jn] = p(null), Mn = ht ?? !0, X = R?.legend ?? [], Nn = () => {
+		let e = mn.current;
 		if (!e || !R) return;
 		if (k.legendOverflow === "wrap") {
-			gn((e) => e.length ? [] : e);
+			On((e) => e.length ? [] : e);
 			return;
 		}
 		let t = [...e.querySelectorAll(":scope > [data-part=\"legend-item\"]")];
-		for (let e of t) e.hidden || _n.current.set(e.dataset.key ?? "", e.getBoundingClientRect().width);
-		let n = Number.parseFloat(getComputedStyle(e).columnGap) || 0, r = e.querySelector(":scope > [data-part=\"legend-more\"]"), i = r && !r.hidden ? r.getBoundingClientRect().width : 40, a = re({
+		for (let e of t) e.hidden || kn.current.set(e.dataset.key ?? "", e.getBoundingClientRect().width);
+		let n = Number.parseFloat(getComputedStyle(e).columnGap) || 0, r = e.querySelector(":scope > [data-part=\"legend-more\"]"), i = r && !r.hidden ? r.getBoundingClientRect().width : 40, a = se({
 			units: X.map((e) => ({
-				size: _n.current.get(e.key) ?? 0,
+				size: kn.current.get(e.key) ?? 0,
 				collapsible: !0
 			})),
 			available: e.clientWidth,
 			gap: n,
 			triggerSize: i
 		});
-		gn((e) => e.length === a.collapsed.length && e.every((e, t) => e === a.collapsed[t]) ? e : a.collapsed);
+		On((e) => e.length === a.collapsed.length && e.every((e, t) => e === a.collapsed[t]) ? e : a.collapsed);
 	};
-	d(() => {
-		xn();
+	ae(() => {
+		Nn();
 	}, [
 		X,
 		k.legendOverflow,
-		lt,
+		gt,
 		A
-	]), u(() => {
-		let e = nn.current;
+	]), d(() => {
+		let e = mn.current;
 		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => Sn.current());
+		let t = new ResizeObserver(() => Pn.current());
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let Sn = f(xn);
-	Sn.current = xn;
-	let Cn = (e, t, n, r) => {
-		let i = X.map((e) => e.key), a = Te(i, Kt, e.key, t);
-		yn(e.key), qt(a, n, r), cn(O(a.includes(e.key) ? "hidden" : "shown", { series: e.label }));
-	}, Z = A && R && _(R, A) ? A.key : null, wn = (e) => {
+	let Pn = f(Nn);
+	Pn.current = Nn;
+	let Fn = (e, t, n, r) => {
+		let i = X.map((e) => e.key), a = Ae(i, $t, e.key, t);
+		jn(e.key), en(a, n, r), yn(O(a.includes(e.key) ? "hidden" : "shown", { series: e.label }));
+	}, Z = A && R && Ce(R, A) ? A.key : null, In = (e) => {
 		if (!R) return "";
 		let t = R.shape === "pie" ? R.series[0] : v(R, e.key);
 		if (!t) return "";
-		let n = R.shape === "pie" ? ce(R, e.key) : Z ? ce(R, Z) : Re(t.values), r = n >= 0 ? t.values[n] : null;
+		let n = R.shape === "pie" ? fe(R, e.key) : Z ? fe(R, Z) : Ke(t.values), r = n >= 0 ? t.values[n] : null;
 		return r == null ? "" : t.format(r);
-	}, Tn = Ve("start"), En = X.filter((e, t) => !Y.includes(t)).map((e) => e.key), Dn = vn && En.includes(vn) ? vn : En[0] ?? null, On = (e, t, n) => {
-		let r = R?.shape === "pie" ? R.series[0] : R ? v(R, e.key) : void 0, i = R?.shape === "pie" ? e.key === Z : A?.series === e.key && Z !== null, o = !n && Y.includes(t), c = /* @__PURE__ */ g(m, { children: [
+	}, Ln = Ye("start"), Rn = X.filter((e, t) => !Y.includes(t)).map((e) => e.key), zn = An && Rn.includes(An) ? An : Rn[0] ?? null, Bn = (e, t, n) => {
+		let r = R?.shape === "pie" ? R.series[0] : R ? v(R, e.key) : void 0, i = R?.shape === "pie" ? e.key === Z : A?.series === e.key && Z !== null, o = !n && Y.includes(t), s = /* @__PURE__ */ g(m, { children: [
 			/* @__PURE__ */ h("span", {
 				"data-kind": e.kind === "area" || e.kind === "bar" || e.kind === "pie" ? "bar" : e.kind,
 				"data-part": "legend-marker",
+				"data-part-legend-marker": "",
 				...r && r.stroke !== "solid" ? { "data-stroke": r.stroke } : {}
 			}),
 			/* @__PURE__ */ h("span", {
 				"data-part": "legend-label",
+				"data-part-legend-label": "",
 				title: e.label,
 				children: e.label
 			}),
-			lt ? /* @__PURE__ */ h("span", {
+			gt ? /* @__PURE__ */ h("span", {
 				"data-part": "legend-value",
-				children: wn(e)
+				"data-part-legend-value": "",
+				children: In(e)
 			}) : null
-		] }), l = {
+		] }), c = {
 			"data-part": "legend-item",
+			...a("part", "legend-item"),
 			"data-key": e.key,
-			...ze(e.color),
+			...qe(e.color),
 			...i ? { "data-current": "" } : {},
 			hidden: o,
 			onPointerEnter: () => e.visible && K.current?.emphasize(e.key),
 			onPointerLeave: () => K.current?.emphasize(null)
-		}, u = bn ? /* @__PURE__ */ s(We, {
-			...l,
+		}, l = Mn ? /* @__PURE__ */ u(Qe, {
+			...c,
 			entry: e,
-			focused: n || Dn === e.key,
+			focused: n || zn === e.key,
 			key: `${n ? "layer" : "row"}-${e.key}`,
-			onActivate: (t, n, r) => Cn(e, t, n, r),
+			onActivate: (t, n, r) => Fn(e, t, n, r),
 			onFocusEntry: () => {
-				n || yn(e.key), e.visible && K.current?.emphasize(e.key);
+				n || jn(e.key), e.visible && K.current?.emphasize(e.key);
 			},
 			onBlurEntry: () => K.current?.emphasize(null)
-		}, c) : /* @__PURE__ */ s("span", {
-			...l,
+		}, s) : /* @__PURE__ */ u("span", {
+			...c,
 			key: `${n ? "layer" : "row"}-${e.key}`,
 			role: "listitem"
-		}, c);
-		return It ? /* @__PURE__ */ h(a, { children: It(e, l, u) }, `${n ? "layer" : "row"}-${e.key}`) : u;
-	}, kn = (e) => {
+		}, s);
+		return Ut ? /* @__PURE__ */ h(ee, { children: Ut(e, c, l) }, `${n ? "layer" : "row"}-${e.key}`) : l;
+	}, Vn = (e) => {
 		let t = e.target;
 		if (t.closest("[data-part=\"menu\"]")) return;
 		let n = [...e.currentTarget.querySelectorAll(":scope > button:not([hidden])")], r = n.indexOf(t);
 		if (r === -1) return;
 		let i = W.current ? getComputedStyle(W.current).direction === "rtl" : !1, a = e.key === "ArrowRight" ? i ? -1 : 1 : e.key === "ArrowLeft" ? i ? 1 : -1 : 0, o;
-		a && (o = n[(r + a + n.length) % n.length]), e.key === "Home" && (o = n[0]), e.key === "End" && (o = n[n.length - 1]), o && (e.preventDefault(), yn(o.dataset.key ?? "__more"), o.focus());
-	}, Q = Ve("end"), An = Ve("start", !1), jn = (e, t) => {
+		a && (o = n[(r + a + n.length) % n.length]), e.key === "Home" && (o = n[0]), e.key === "End" && (o = n[n.length - 1]), o && (e.preventDefault(), jn(o.dataset.key ?? "__more"), o.focus());
+	}, Q = Ye("end"), Hn = Ye("start", !1), Un = (e, t) => {
 		let n = document.createElement("a");
 		n.href = t, n.download = e, document.body.append(n), n.click(), n.remove();
-	}, Mn = typeof S == "string" ? S : "chart";
-	te(Ht, () => ({
+	}, Wn = typeof x == "string" ? x : "chart";
+	ie(Yt, () => ({
 		focus: () => G.current?.focus(),
-		resetZoom: () => P(oe, "programmatic"),
+		resetZoom: () => P(_, "programmatic"),
 		toDataURL: () => K.current?.toDataURL() ?? null,
-		toCsv: () => R ? de(R, O) : ""
+		toCsv: () => R ? he(R, O) : ""
 	}), [
 		R,
 		O,
 		P
 	]);
-	let Nn = B ? O("loading") : z ? O("error") : R ? he(R, O) : "", Pn = `${D}-title`, Fn = `${D}-description`, In = `${D}-summary`, Ln = L.series.some((e) => e.kind === "pie") ? "pie" : L.series.every((e) => e.kind === "line" || e.kind === "area") ? "line" : "bar", $ = F && H && R ? ue(R, O) : null, Rn = () => {
-		$t(null), gt?.();
-	}, zn = S !== void 0 || w !== void 0 || Xe !== void 0 || k.toolbar !== "none" ? /* @__PURE__ */ g("figcaption", {
+	let Gn = B ? O("loading") : z ? O("error") : R ? ye(R, O) : "", Kn = `${D}-title`, qn = `${D}-description`, Jn = `${D}-summary`, Yn = L.series.some((e) => e.kind === "pie") ? "pie" : L.series.every((e) => e.kind === "line" || e.kind === "area") ? "line" : "bar", $ = F && H && R ? me(R, O) : null, Xn = () => {
+		dn(null), Ct?.();
+	}, Zn = x !== void 0 || S !== void 0 || rt !== void 0 || k.toolbar !== "none" ? /* @__PURE__ */ g("figcaption", {
 		"data-part": "header",
+		"data-part-header": "",
 		children: [
-			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", { children: [S === void 0 ? null : /* @__PURE__ */ h("span", {
+			/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("div", { children: [x === void 0 ? null : /* @__PURE__ */ h("span", {
 				"data-part": "title",
-				id: Pn,
-				children: S
-			}), Ye === void 0 ? null : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
-				...An.controlProps,
+				"data-part-title": "",
+				id: Kn,
+				children: x
+			}), w === void 0 ? null : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+				...o(Hn.controlProps, "part", "help"),
 				"aria-controls": `${D}-help`,
 				"aria-label": O("help"),
-				"data-part": "help",
 				type: "button",
-				children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "circle-info" }) })
+				children: /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(n, { name: "circle-info" }) })
 			}), /* @__PURE__ */ h("div", {
-				...An.layerProps,
-				"data-part": "help-content",
+				...o(Hn.layerProps, "part", "help-content"),
 				id: `${D}-help`,
 				role: "note",
-				children: Ye
-			})] })] }), w === void 0 ? null : /* @__PURE__ */ h("span", {
-				"data-part": "description",
-				id: Fn,
 				children: w
+			})] })] }), S === void 0 ? null : /* @__PURE__ */ h("span", {
+				"data-part": "description",
+				"data-part-description": "",
+				id: qn,
+				children: S
 			})] }),
-			Xe === void 0 ? null : /* @__PURE__ */ h("div", {
+			rt === void 0 ? null : /* @__PURE__ */ h("div", {
 				"data-part": "actions",
-				children: Xe
+				"data-part-actions": "",
+				children: rt
 			}),
 			k.toolbar === "none" ? null : /* @__PURE__ */ g("div", {
 				"aria-hidden": !H || void 0,
 				"aria-label": H ? O("toolbar") : void 0,
 				"data-part": "toolbar",
+				"data-part-toolbar": "",
 				"data-waiting": H ? void 0 : "",
 				inert: !H,
 				role: H ? "toolbar" : void 0,
 				children: [
-					R && T && !ye(N) && R.shape === "cartesian" ? /* @__PURE__ */ h(Ge, {
+					R && T && !we(N) && R.shape === "cartesian" ? /* @__PURE__ */ h($e, {
 						label: O("resetZoom"),
 						onPress: (e, t) => {
-							P(oe, "clear", t), cn(_e(R, oe, O)), G.current?.focus();
+							P(_, "clear", t), yn(xe(R, _, O)), G.current?.focus();
 						},
 						glyph: "rotate-ccw",
 						part: "zoom-reset"
 					}) : null,
-					/* @__PURE__ */ h(Ge, {
+					/* @__PURE__ */ h($e, {
 						label: O("tableView"),
-						onPress: (e, t) => Yt(!F, e, t),
+						onPress: (e, t) => nn(!F, e, t),
 						glyph: "file-spreadsheet",
 						part: "view-toggle",
 						pressed: F
 					}),
-					/* @__PURE__ */ h(Ge, {
+					/* @__PURE__ */ h($e, {
 						label: O(I ? "exitFullscreen" : "fullscreen"),
 						glyph: I ? "minimize" : "maximize",
-						onPress: (e, t) => pn(e, t),
+						onPress: (e, t) => Tn(e, t),
 						part: "fullscreen-toggle"
 					}),
 					/* @__PURE__ */ h("button", {
-						...Q.controlProps,
+						...o(Q.controlProps, "part", "menu-trigger"),
 						"aria-haspopup": "menu",
 						"aria-label": O("more"),
-						"data-part": "menu-trigger",
 						title: O("more"),
 						type: "button",
-						children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: "ellipsis" }) })
+						children: /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(n, { name: "ellipsis" }) })
 					}),
 					/* @__PURE__ */ g("div", {
-						...Q.layerProps,
+						...o(Q.layerProps, "part", "menu"),
 						"aria-label": O("more"),
-						"data-part": "menu",
 						role: "menu",
 						children: [
 							/* @__PURE__ */ h(C, {
 								action: "view",
 								label: O("tableView"),
 								onPress: (e, t) => {
-									Q.close(), Yt(!F, e, t);
+									Q.close(), nn(!F, e, t);
 								}
 							}),
 							/* @__PURE__ */ h(C, {
 								action: "fullscreen",
 								label: O(I ? "exitFullscreen" : "fullscreen"),
 								onPress: (e, t) => {
-									Q.close(), pn(e, t);
+									Q.close(), Tn(e, t);
 								}
 							}),
 							/* @__PURE__ */ h(C, {
 								action: "csv",
 								label: O("downloadCsv"),
 								onPress: () => {
-									Q.close(), R && jn(`${Mn}.csv`, `data:text/csv;charset=utf-8,${encodeURIComponent(de(R, O))}`);
+									Q.close(), R && Un(`${Wn}.csv`, `data:text/csv;charset=utf-8,${encodeURIComponent(he(R, O))}`);
 								}
 							}),
 							/* @__PURE__ */ h(C, {
@@ -624,7 +657,7 @@ function S(i) {
 								onPress: () => {
 									Q.close();
 									let e = K.current?.toDataURL();
-									e && jn(`${Mn}.${e.startsWith("data:image/svg") ? "svg" : "png"}`, e);
+									e && Un(`${Wn}.${e.startsWith("data:image/svg") ? "svg" : "png"}`, e);
 								}
 							})
 						]
@@ -632,41 +665,40 @@ function S(i) {
 				]
 			})
 		]
-	}) : null, Bn = st === !1 ? null : /* @__PURE__ */ h("div", {
+	}) : null, Qn = mt === !1 ? null : /* @__PURE__ */ h("div", {
 		"aria-label": B && (!R || R.shape === "pie") ? void 0 : O("legend"),
 		"data-part": "legend",
-		onKeyDown: kn,
-		ref: nn,
-		role: B && (!R || R.shape === "pie") ? void 0 : bn ? "toolbar" : "list",
+		"data-part-legend": "",
+		onKeyDown: Vn,
+		ref: mn,
+		role: B && (!R || R.shape === "pie") ? void 0 : Mn ? "toolbar" : "list",
 		children: B && (!R || R.shape === "pie") ? /* @__PURE__ */ g(m, { children: [
-			/* @__PURE__ */ h(Ke, {}),
-			/* @__PURE__ */ h(Ke, {}),
-			/* @__PURE__ */ h(Ke, {})
+			/* @__PURE__ */ h(et, {}),
+			/* @__PURE__ */ h(et, {}),
+			/* @__PURE__ */ h(et, {})
 		] }) : /* @__PURE__ */ g(m, { children: [
-			X.map((e, t) => On(e, t, !1)),
+			X.map((e, t) => Bn(e, t, !1)),
 			/* @__PURE__ */ h("button", {
-				...Tn.controlProps,
+				...o(Ln.controlProps, "part", "legend-more"),
 				"aria-haspopup": "true",
-				"aria-label": O("legendMore", { series: new Intl.ListFormat(x ?? Gt, { type: "unit" }).format(Y.map((e) => X[e]?.label ?? "")) }),
-				"data-part": "legend-more",
+				"aria-label": O("legendMore", { series: new Intl.ListFormat(y ?? Qt, { type: "unit" }).format(Y.map((e) => X[e]?.label ?? "")) }),
 				hidden: Y.length === 0,
-				tabIndex: Dn === null ? 0 : -1,
+				tabIndex: zn === null ? 0 : -1,
 				type: "button",
 				children: O("moreSeries", { count: Y.length })
 			}),
 			/* @__PURE__ */ h("div", {
-				...Tn.layerProps,
+				...o(Ln.layerProps, "part", "menu"),
 				"aria-label": O("legend"),
-				"data-part": "menu",
 				role: "group",
 				children: Y.map((e) => {
 					let t = X[e];
-					return t ? On(t, e, !0) : null;
+					return t ? Bn(t, e, !0) : null;
 				})
 			})
 		] })
-	}), Vn = {
-		...Wt,
+	}), $n = i({
+		...Zt,
 		"data-ui": "chart",
 		"data-part": "root",
 		"data-size": k.size,
@@ -676,33 +708,35 @@ function S(i) {
 		"data-legend-overflow": k.legendOverflow,
 		...B ? { "data-loading": "" } : {},
 		...I ? { "data-fullscreen": "" } : {},
-		onKeyDown: hn,
+		onKeyDown: Dn,
 		ref: (e) => {
-			W.current = e, He(Ut, e);
+			W.current = e, Xe(Xt, e);
 		},
 		children: /* @__PURE__ */ g(m, { children: [
-			zn,
-			Bn,
+			Zn,
+			Qn,
 			/* @__PURE__ */ g("div", {
 				"aria-busy": B || void 0,
-				"aria-describedby": w === void 0 ? In : `${Fn} ${In}`,
-				"aria-label": S === void 0 ? Wt["aria-label"] ?? O("roledescription") : void 0,
-				"aria-labelledby": S === void 0 ? void 0 : Pn,
+				"aria-describedby": S === void 0 ? Jn : `${qn} ${Jn}`,
+				"aria-label": x === void 0 ? Zt["aria-label"] ?? O("roledescription") : void 0,
+				"aria-labelledby": x === void 0 ? void 0 : Kn,
 				"aria-roledescription": O("roledescription"),
 				"data-part": "plot",
+				"data-part-plot": "",
 				onBlur: (e) => j(null, "blur", e.nativeEvent),
-				onFocus: fn,
-				onKeyDown: dn,
+				onFocus: wn,
+				onKeyDown: Sn,
 				ref: G,
 				role: "group",
 				tabIndex: 0,
 				children: [
 					/* @__PURE__ */ h("div", {
 						"data-part": "crosshair",
+						"data-part-crosshair": "",
 						hidden: !q.crosshair,
 						...q.crosshair?.isBand ? { "data-band": "" } : {},
 						"data-orientation": R?.orientation ?? "vertical",
-						style: q.crosshair ? Be({
+						style: q.crosshair ? Je({
 							"--slotted-chart-x": q.crosshair.x,
 							"--slotted-chart-y": q.crosshair.y,
 							"--slotted-chart-band-start": q.crosshair.band.start,
@@ -714,16 +748,18 @@ function S(i) {
 					/* @__PURE__ */ h("div", {
 						"aria-hidden": "true",
 						"data-part": "canvas",
+						"data-part-canvas": "",
 						hidden: !V,
-						ref: en
+						ref: fn
 					}),
 					q.markers.map((e) => /* @__PURE__ */ h("div", {
 						"aria-hidden": "true",
 						"data-part": "marker",
-						...ze(e.color),
+						"data-part-marker": "",
+						...qe(e.color),
 						...e.selected ? { "data-selected": "" } : {},
 						...e.current ? { "data-current": "" } : {},
-						style: Be({
+						style: Je({
 							"--slotted-chart-x": e.at.x,
 							"--slotted-chart-y": e.at.y
 						})
@@ -731,10 +767,11 @@ function S(i) {
 					/* @__PURE__ */ h("div", {
 						"aria-hidden": "true",
 						"data-part": "tooltip",
-						ref: tn,
+						"data-part-tooltip": "",
+						ref: pn,
 						...q.tooltip ? { "data-open": "" } : {},
 						...q.docked ? { "data-docked": "" } : {},
-						children: q.tooltip && R ? Ft?.(q.tooltip, R) ?? /* @__PURE__ */ h(Ue, {
+						children: q.tooltip && R ? Ht?.(q.tooltip, R) ?? /* @__PURE__ */ h(Ze, {
 							context: q.tooltip,
 							indicator: k.tooltip.indicator,
 							model: R,
@@ -744,36 +781,42 @@ function S(i) {
 					V && R?.shape === "pie" && (R.series[0]?.innerRadius ?? 0) > 0 ? /* @__PURE__ */ h("div", {
 						"aria-hidden": "true",
 						"data-part": "center",
-						children: Lt?.(R) ?? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+						"data-part-center": "",
+						children: Wt?.(R) ?? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
 							"data-part": "center-value",
+							"data-part-center-value": "",
 							children: R.series[0].format(R.total)
 						}), /* @__PURE__ */ h("span", {
 							"data-part": "center-label",
+							"data-part-center-label": "",
 							children: O("total")
 						})] })
 					}) : null,
 					$ ? /* @__PURE__ */ h("div", {
-						"aria-labelledby": S === void 0 ? void 0 : Pn,
+						"aria-labelledby": x === void 0 ? void 0 : Kn,
 						"data-part": "table-region",
+						"data-part-table-region": "",
+						ref: Cn,
 						role: "region",
 						tabIndex: 0,
 						children: /* @__PURE__ */ g("table", {
 							"data-part": "table",
+							"data-part-table": "",
 							children: [
-								/* @__PURE__ */ h("caption", { children: $.omitted ? typeof S == "string" ? O("truncatedCaption", {
-									title: S,
+								/* @__PURE__ */ h("caption", { children: $.omitted ? typeof x == "string" ? O("truncatedCaption", {
+									title: x,
 									shown: $.rows.length,
 									count: $.rows.length + $.omitted
 								}) : O("truncated", {
 									shown: $.rows.length,
 									count: $.rows.length + $.omitted
-								}) : typeof S == "string" ? S : null }),
-								/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ h("tr", { children: $.columns.map((e, t) => /* @__PURE__ */ s("th", {
+								}) : typeof x == "string" ? x : null }),
+								/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ h("tr", { children: $.columns.map((e, t) => /* @__PURE__ */ u("th", {
 									...t > 0 ? { "data-numeric": "" } : {},
 									key: e.key,
 									scope: "col"
 								}, e.label)) }) }),
-								/* @__PURE__ */ h("tbody", { children: $.rows.map((e) => /* @__PURE__ */ s("tr", {
+								/* @__PURE__ */ h("tbody", { children: $.rows.map((e) => /* @__PURE__ */ u("tr", {
 									...e.key === Z ? { "data-current": "" } : {},
 									key: e.key
 								}, e.cells.map((e, t) => t === 0 ? /* @__PURE__ */ h("th", {
@@ -786,37 +829,40 @@ function S(i) {
 							]
 						})
 					}) : null,
-					B ? /* @__PURE__ */ h(qe, { kind: Ln }) : null,
+					B ? /* @__PURE__ */ h(tt, { kind: Yn }) : null,
 					!B && z ? /* @__PURE__ */ h("div", {
 						"data-part": "error",
-						children: zt?.() ?? /* @__PURE__ */ h(Je, {
-							action: gt || Qt ? O("retry") : void 0,
-							onAction: Rn,
+						"data-part-error": "",
+						children: Kt?.() ?? /* @__PURE__ */ h(nt, {
+							action: Ct || un ? O("retry") : void 0,
+							onAction: Xn,
 							status: "error",
 							text: O("error")
 						})
 					}) : null,
 					!B && !z && R?.empty ? /* @__PURE__ */ h("div", {
 						"data-part": "empty",
-						children: Rt?.(R.empty) ?? /* @__PURE__ */ h(Je, {
+						"data-part-empty": "",
+						children: Gt?.(R.empty) ?? /* @__PURE__ */ h(nt, {
 							action: R.empty === "all-hidden" ? O("showAll") : void 0,
-							onAction: (e) => qt(Me, "pointer", e),
+							onAction: (e) => en(Re, "pointer", e),
 							status: R.empty === "all-hidden" ? "no-results" : "empty",
 							text: R.empty === "all-hidden" ? O("allHidden") : O("noData")
 						})
 					}) : null,
 					/* @__PURE__ */ h("p", {
 						"data-part": "summary",
-						id: In,
-						children: Nn
+						"data-part-summary": "",
+						id: Jn,
+						children: Gn
 					})
 				]
 			})
 		] })
-	};
-	return Bt ? Bt(Vn) : /* @__PURE__ */ h("figure", { ...Vn });
+	});
+	return qt ? qt($n) : /* @__PURE__ */ h("figure", { ...$n });
 }
-function We({ children: e, entry: t, focused: n, onActivate: r, onFocusEntry: i, onBlurEntry: a, ...o }) {
+function Qe({ children: e, entry: t, focused: n, onActivate: r, onFocusEntry: i, onBlurEntry: a, ...o }) {
 	let [s, c] = x();
 	return /* @__PURE__ */ h("button", {
 		...o,
@@ -834,20 +880,21 @@ function We({ children: e, entry: t, focused: n, onActivate: r, onFocusEntry: i,
 		children: e
 	});
 }
-function Ge({ glyph: n, label: r, onPress: i, part: a, pressed: o }) {
-	let [s, c] = x();
+function $e({ glyph: e, label: t, onPress: i, part: o, pressed: s }) {
+	let [c, ee] = x();
 	return /* @__PURE__ */ h("button", {
-		"aria-label": r,
-		...o === void 0 ? {} : {
-			"aria-pressed": o,
-			...o ? { "data-pressed": "" } : {}
+		"aria-label": t,
+		...s === void 0 ? {} : {
+			"aria-pressed": s,
+			...s ? { "data-pressed": "" } : {}
 		},
-		"data-part": a,
-		onClick: (e) => i(c(), e.nativeEvent),
-		ref: s,
-		title: r,
+		"data-part": o,
+		...a("part", o),
+		onClick: (e) => i(ee(), e.nativeEvent),
+		ref: c,
+		title: t,
 		type: "button",
-		children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: n }) })
+		children: /* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(n, { name: e }) })
 	});
 }
 function C({ action: e, label: t, onPress: n }) {
@@ -855,6 +902,7 @@ function C({ action: e, label: t, onPress: n }) {
 	return /* @__PURE__ */ h("button", {
 		"data-action": e,
 		"data-part": "menu-item",
+		"data-part-menu-item": "",
 		onClick: (e) => n(i(), e.nativeEvent),
 		ref: r,
 		role: "menuitem",
@@ -868,25 +916,30 @@ function w({ shape: e = "block" }) {
 		"data-animation": "shimmer",
 		"data-loading": "",
 		"data-part": "root",
+		"data-part-root": "",
 		"data-shape": e,
 		"data-size": "md",
-		"data-ui": "skeleton"
+		"data-ui": "skeleton",
+		"data-ui-skeleton": ""
 	});
 }
-function Ke() {
+function et() {
 	return /* @__PURE__ */ h(w, {});
 }
-function qe({ kind: e }) {
+function tt({ kind: e }) {
 	let t = (e) => Array.from({ length: e }, (e, t) => /* @__PURE__ */ h(w, {}, t));
 	return /* @__PURE__ */ h("div", {
 		"aria-hidden": "true",
 		"data-kind": e,
 		"data-part": "skeleton",
+		"data-part-skeleton": "",
 		children: /* @__PURE__ */ h("div", {
 			"data-animation": "shimmer",
 			"data-loading": "",
 			"data-part": "region",
+			"data-part-region": "",
 			"data-ui": "skeleton",
+			"data-ui-skeleton": "",
 			children: e === "pie" ? /* @__PURE__ */ h(w, { shape: "circle" }) : /* @__PURE__ */ g(m, { children: [
 				/* @__PURE__ */ h("div", {
 					"data-skeleton": "y",
@@ -904,39 +957,48 @@ function qe({ kind: e }) {
 		})
 	});
 }
-function Je({ action: e, onAction: t, status: n, text: r }) {
+function nt({ action: e, onAction: t, status: n, text: r }) {
 	return /* @__PURE__ */ g("section", {
 		"data-align": "center",
 		"data-live": "polite",
 		"data-part": "root",
+		"data-part-root": "",
 		"data-reach": "section",
 		"data-status": n,
 		"data-ui": "result-state",
+		"data-ui-result-state": "",
 		children: [
 			/* @__PURE__ */ h("div", {
 				"aria-hidden": "true",
-				"data-part": "media"
+				"data-part": "media",
+				"data-part-media": ""
 			}),
 			/* @__PURE__ */ h("div", {
 				"data-part": "content",
+				"data-part-content": "",
 				role: "status",
 				children: /* @__PURE__ */ h("div", {
 					"data-part": "title",
+					"data-part-title": "",
 					children: r
 				})
 			}),
 			e ? /* @__PURE__ */ h("div", {
 				"data-part": "actions",
+				"data-part-actions": "",
 				children: /* @__PURE__ */ h("button", {
 					"data-part": "root",
+					"data-part-root": "",
 					"data-size": "sm",
 					"data-tone": "secondary",
 					"data-ui": "button",
+					"data-ui-button": "",
 					"data-variant": "outline",
 					onClick: (e) => t(e.nativeEvent),
 					type: "button",
 					children: /* @__PURE__ */ h("span", {
 						"data-part": "label",
+						"data-part-label": "",
 						children: e
 					})
 				})
@@ -945,4 +1007,4 @@ function Je({ action: e, onAction: t, status: n, text: r }) {
 	});
 }
 //#endregion
-export { Ae as a, je as i, S as n, Ue as r, ke as t };
+export { Ie as a, Le as i, S as n, Ze as r, Pe as t };