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

package/dist/select.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./select-BFx5EgAa.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./select-C0JYHwBy.js";
 export { d as SELECT_FALLBACK, t as Select, i as SelectContent, n as SelectDefaultsProvider, u as SelectGroup, o as SelectItem, e as SelectSearch, c as SelectSeparator, s as SelectTrigger, l as SelectValue, a as useSelect, r as useSelectDefaults };

package/dist/{side-navigation-MNMSkj9b.js → side-navigation-D8lRpHwj.js}

@@ -1,23 +1,23 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { i as r } from "./app-shell-BlkqQrOx.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { i as r } from "./app-shell-Cb_kDBeV.js";
 import { a as i, i as a, n as o, r as s } from "./tooltip-DrFiRlH8.js";
-import { i as c } from "./skeleton-DyOwgYmF.js";
+import { i as c } from "./skeleton-DeEOmm1y.js";
 import { definedProps as l, keyedProps as u, withSelectorKey as d } from "@slotted/core/selector-key";
 import { nextOpenValues as f, sameOpenValues as p } from "@slotted/core/disclosure";
 import { createControllable as m } from "@slotted/core/state";
 import { createContext as h, useCallback as g, useContext as _, useEffect as v, useId as y, useImperativeHandle as ee, useLayoutEffect as b, useMemo as te, useRef as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { createPresence as E } from "@slotted/core/presence";
-import { createPortalRoot as ne } from "@slotted/core/portal";
+import { sideNavigationMessages as ne } from "@slotted/core/i18n";
+import { createPortalRoot as re } from "@slotted/core/portal";
 import { createDismissableLayer as D } from "@slotted/core/dismissable-layer";
-import { createPositioner as re } from "@slotted/core/positioner";
-import { createPortal as O } from "react-dom";
-import { sideNavigationMessages as ie } from "@slotted/core/i18n";
-import { createWidthGate as k } from "@slotted/core/measure";
-import { truncateMiddle as A } from "@slotted/core/text";
+import { createPositioner as O } from "@slotted/core/positioner";
+import { createPortal as k } from "react-dom";
+import { createWidthGate as A } from "@slotted/core/measure";
+import { truncateMiddle as j } from "@slotted/core/text";
 //#region src/side-navigation/side-navigation-defaults.tsx
-var j = {
+var M = {
 	autoExpand: !0,
 	compactAt: 96,
 	guides: !0,
@@ -26,12 +26,12 @@ var j = {
 	multiple: !0,
 	size: "md",
 	truncate: "end"
-}, M = h(j);
-function N() {
-	return _(M);
+}, N = h(M);
+function P() {
+	return _(N);
 }
-function P({ children: e, ...t }) {
-	let n = N(), r = te(() => ({
+function F({ children: e, ...t }) {
+	let n = P(), r = te(() => ({
 		autoExpand: t.autoExpand ?? n.autoExpand,
 		compactAt: t.compactAt ?? n.compactAt,
 		guides: t.guides ?? n.guides,
@@ -51,14 +51,14 @@ function P({ children: e, ...t }) {
 		t.truncate,
 		n
 	]);
-	return /* @__PURE__ */ w(M.Provider, {
+	return /* @__PURE__ */ w(N.Provider, {
 		value: r,
 		children: e
 	});
 }
 //#endregion
 //#region src/side-navigation/side-navigation.tsx
-var F = "[data-part=\"link\"], [data-part=\"trigger\"]", ae = h(void 0);
+var ie = "[data-part=\"link\"], [data-part=\"trigger\"]", ae = h(void 0);
 function I() {
 	let e = _(ae);
 	if (e === void 0) throw Error("Every side-navigation part must be rendered inside SideNavigation.");
@@ -68,8 +68,8 @@ function oe(e, t) {
 	for (let n = e.closest("[data-part=\"group\"]"); n !== null && t.contains(n); n = n.parentElement?.closest("[data-part=\"group\"]") ?? null) if (!n.parentElement?.hasAttribute("data-expanded")) return !1;
 	return !0;
 }
-function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpanded: o, defaultFlyout: s, defaultValue: c, expanded: l, flyout: d, guides: h, landmark: _, messages: y, mode: b, multiple: C, onExpandedChange: T, onFlyoutChange: E, onKeyDown: ne, onValueChange: D, ref: re, render: O, size: A, style: j, truncate: M, value: P, ...I }) {
-	let L = N(), R = r(), z = e ?? L.autoExpand, B = a ?? L.compactAt, V = h ?? L.guides, se = _ ?? (R === void 0 && L.landmark), ce = n(ie, y), H = b ?? L.mode, U = C ?? L.multiple, W = A ?? L.size, G = M ?? L.truncate, [le, ue] = S(c ?? null), [de, fe] = S(o ?? []), [pe, me] = S(s ?? null), K = P === void 0 ? le : P, q = l === void 0 ? de : l, J = d === void 0 ? pe : d, [Y, he] = S(null), [ge, _e] = S(!1), [ve, ye] = S(0), [X, be] = S(null), Z = H === "compact" || H === "auto" && ge, xe = x(/* @__PURE__ */ new Map()), Se = g((e, t) => (xe.current.set(e, t), () => {
+function L({ autoExpand: t, children: n, className: i, compactAt: a, defaultExpanded: o, defaultFlyout: s, defaultValue: c, expanded: l, flyout: d, guides: h, landmark: _, messages: y, mode: b, multiple: C, onExpandedChange: T, onFlyoutChange: E, onKeyDown: re, onValueChange: D, ref: O, render: k, size: j, style: M, truncate: N, value: F, ...I }) {
+	let L = P(), R = r(), z = t ?? L.autoExpand, B = a ?? L.compactAt, V = h ?? L.guides, se = _ ?? (R === void 0 && L.landmark), ce = e(ne, y), H = b ?? L.mode, U = C ?? L.multiple, W = j ?? L.size, G = N ?? L.truncate, [le, ue] = S(c ?? null), [de, fe] = S(o ?? []), [pe, me] = S(s ?? null), K = F === void 0 ? le : F, q = l === void 0 ? de : l, J = d === void 0 ? pe : d, [Y, he] = S(null), [ge, _e] = S(!1), [ve, ye] = S(0), [X, be] = S(null), Z = H === "compact" || H === "auto" && ge, xe = x(/* @__PURE__ */ new Map()), Se = g((e, t) => (xe.current.set(e, t), () => {
 		xe.current.delete(e);
 	}), []), Q = x({
 		currentExpanded: q,
@@ -77,7 +77,7 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		currentValue: K,
 		expanded: l,
 		flyout: d,
-		value: P
+		value: F
 	});
 	Q.current = {
 		currentExpanded: q,
@@ -85,7 +85,7 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		currentValue: K,
 		expanded: l,
 		flyout: d,
-		value: P
+		value: F
 	};
 	let Ce = g((e, t, n) => {
 		m({
@@ -112,7 +112,7 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 	}, [D]);
 	v(() => {
 		if (Y === null || H !== "auto") return;
-		let e = k(Y, {
+		let e = A(Y, {
 			at: B,
 			onChange: _e
 		});
@@ -148,9 +148,9 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 	]);
 	let Ee = g(() => {
 		if (Y === null) return [];
-		let e = [...Y.querySelectorAll(F)].filter((e) => oe(e, Y));
+		let e = [...Y.querySelectorAll(ie)].filter((e) => oe(e, Y));
 		if (X === null || J === null) return e;
-		let t = [...X.querySelectorAll(F)], n = e.findIndex((e) => e.closest("[data-part=\"item\"]")?.getAttribute("data-value") === J);
+		let t = [...X.querySelectorAll(ie)], n = e.findIndex((e) => e.closest("[data-part=\"item\"]")?.getAttribute("data-value") === J);
 		return n === -1 ? [...e, ...t] : [
 			...e.slice(0, n + 1),
 			...t,
@@ -161,7 +161,7 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		X,
 		Y
 	]), De = (e) => {
-		if (ne?.(e), e.defaultPrevented) return;
+		if (re?.(e), e.defaultPrevented) return;
 		let t = e.target;
 		if (!t.matches("[data-part=\"link\"], [data-part=\"trigger\"]")) return;
 		if (e.key === "Escape") {
@@ -179,7 +179,7 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		let i = r.indexOf(t);
 		r[e.key === "Home" ? 0 : e.key === "End" ? r.length - 1 : Math.min(r.length - 1, Math.max(0, i + n))]?.focus();
 	};
-	ee(re, () => ({
+	ee(O, () => ({
 		focus: () => Ee()[0]?.focus(),
 		expand: (e) => $(e, !0, "programmatic"),
 		collapse: (e) => $(e, !1, "programmatic"),
@@ -228,7 +228,7 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 	]), { "aria-label": ke, ...Ae } = I, je = u({
 		...Ae,
 		...se ? { "aria-label": ke ?? ce("navigation") } : {},
-		children: t,
+		children: n,
 		className: i,
 		...Z ? { "data-compact": "" } : {},
 		...V ? { "data-guides": "" } : {},
@@ -238,14 +238,14 @@ function L({ autoExpand: e, children: t, className: i, compactAt: a, defaultExpa
 		"data-truncate": G,
 		"data-ui": "side-navigation",
 		onKeyDown: De,
-		style: j
+		style: M
 	}), Me = se ? "nav" : "div";
 	return /* @__PURE__ */ w(ae.Provider, {
 		value: Oe,
-		children: O === void 0 ? /* @__PURE__ */ w(Me, {
+		children: k === void 0 ? /* @__PURE__ */ w(Me, {
 			...je,
 			ref: he
-		}) : O(je)
+		}) : k(je)
 	});
 }
 //#endregion
@@ -299,40 +299,40 @@ function U({ children: e, ref: t, render: n, ...r }) {
 	}) : n(i);
 }
 function W({ children: e, className: t, disabled: n, ref: r, render: i, style: a, value: o, ...s }) {
-	let c = I(), l = se(), d = y(), [f, p] = S(!1), [m, h] = S(!1), [_, ee] = S(!1), [b, x] = S(""), [C, T] = S(""), [E, ne] = S(null), [D, re] = S([]), O = c.isExpanded(o), ie = c.compact && c.flyout === o, k = f && c.value === o, A = D.length > 0, j = n === !0 || l?.disabled === !0, { registerItem: M } = c;
-	v(() => M(o, l?.value ?? null), [
+	let c = I(), l = se(), d = y(), [f, p] = S(!1), [m, h] = S(!1), [_, ee] = S(!1), [b, x] = S(""), [C, T] = S(""), [E, ne] = S(null), [re, D] = S([]), O = c.isExpanded(o), k = c.compact && c.flyout === o, A = f && c.value === o, j = re.length > 0, M = n === !0 || l?.disabled === !0, { registerItem: N } = c;
+	v(() => N(o, l?.value ?? null), [
 		l?.value,
-		M,
+		N,
 		o
 	]);
-	let N = g((e, t) => {
-		re((n) => t === n.includes(e) ? n : t ? [...n, e] : n.filter((t) => t !== e));
-	}, []), P = l?.reportCurrent;
+	let P = g((e, t) => {
+		D((n) => t === n.includes(e) ? n : t ? [...n, e] : n.filter((t) => t !== e));
+	}, []), F = l?.reportCurrent;
 	v(() => {
-		if (P !== void 0) return P(o, k || A), () => P(o, !1);
+		if (F !== void 0) return F(o, A || j), () => F(o, !1);
 	}, [
-		k,
 		A,
-		P,
+		j,
+		F,
 		o
 	]);
-	let F = te(() => ({
+	let ie = te(() => ({
 		clipped: _,
-		current: k,
+		current: A,
 		descriptionText: C,
-		disabled: j,
+		disabled: M,
 		expanded: O,
-		flyoutOpen: ie,
+		flyoutOpen: k,
 		hasGroup: m,
 		hasLink: f,
-		holdsCurrent: A,
+		holdsCurrent: j,
 		ids: {
 			groupId: `${d}group`,
 			labelId: `${d}label`,
 			triggerId: `${d}trigger`
 		},
 		labelText: b,
-		reportCurrent: N,
+		reportCurrent: P,
 		setClipped: ee,
 		setDescriptionText: T,
 		setHasGroup: h,
@@ -344,32 +344,32 @@ function W({ children: e, className: t, disabled: n, ref: r, render: i, style: a
 	}), [
 		d,
 		_,
-		k,
+		A,
 		C,
 		O,
-		ie,
+		k,
 		m,
 		f,
-		A,
-		b,
-		N,
 		j,
+		b,
+		P,
+		M,
 		E,
 		o
-	]), ae = k || A && (!O || c.compact), oe = u({
+	]), ae = A || j && (!O || c.compact), oe = u({
 		...s,
 		children: e,
 		className: t,
 		...ae ? { "data-current": "" } : {},
-		...j ? { "data-disabled": "" } : {},
+		...M ? { "data-disabled": "" } : {},
 		...O ? { "data-expanded": "" } : {},
-		...ie ? { "data-open": "" } : {},
+		...k ? { "data-open": "" } : {},
 		"data-part": "item",
 		"data-value": o,
 		style: a
 	});
 	return /* @__PURE__ */ w(B.Provider, {
-		value: F,
+		value: ie,
 		children: i === void 0 ? /* @__PURE__ */ w("li", {
 			...oe,
 			ref: r
@@ -429,7 +429,7 @@ function le({ children: e, className: t, current: n, href: r, onClick: i, ref: o
 		})
 	});
 }
-function ue({ children: n, className: r, onClick: i, ref: o, render: s, style: c, ...l }) {
+function ue({ children: e, className: r, onClick: i, ref: o, render: s, style: c, ...l }) {
 	let d = I(), f = V(), p = f.hasLink, m = (e) => {
 		if (i?.(e), e.defaultPrevented) return;
 		let t = z(e);
@@ -443,13 +443,13 @@ function ue({ children: n, className: r, onClick: i, ref: o, render: s, style: c
 		"aria-controls": f.ids.groupId,
 		"aria-expanded": f.flyoutOpen || f.expanded,
 		...p ? { "aria-labelledby": f.ids.labelId } : {},
-		children: /* @__PURE__ */ T(C, { children: [n, /* @__PURE__ */ w("span", {
+		children: /* @__PURE__ */ T(C, { children: [e, /* @__PURE__ */ w("span", {
 			"aria-hidden": "true",
 			"data-part": "indicator",
 			"data-part-indicator": "",
-			children: /* @__PURE__ */ w(t, {
+			children: /* @__PURE__ */ w(n, {
 				directional: !0,
-				children: /* @__PURE__ */ w(e, { name: "chevron-right" })
+				children: /* @__PURE__ */ w(t, { name: "chevron-right" })
 			})
 		})] }),
 		className: r,
@@ -510,7 +510,7 @@ function fe({ children: e, ref: t, render: n, ...r }) {
 				let e = getComputedStyle(o), t = o.ownerDocument.createElement("canvas").getContext("2d"), n = o.clientWidth;
 				if (t === null || n === 0) return;
 				t.font = `${e.fontStyle} ${e.fontWeight} ${e.fontSize} ${e.fontFamily}`;
-				let r = A(d, (e) => t.measureText(e).width <= n);
+				let r = j(d, (e) => t.measureText(e).width <= n);
 				l(r === d ? null : r), a.setClipped(r !== d);
 				return;
 			}
@@ -653,7 +653,7 @@ function he({ children: e, onExited: t, open: n }) {
 	}, [l]);
 	let h = i.triggerNode;
 	b(() => {
-		let e = ne({ origin: h });
+		let e = re({ origin: h });
 		return c(e.container), () => e.release();
 	}, [h]);
 	let _ = x(null), y = g((e, t) => {
@@ -663,7 +663,7 @@ function he({ children: e, onExited: t, open: n }) {
 	}, []);
 	b(() => {
 		if (a === null || h === null) return;
-		let e = re(h, a, {
+		let e = O(h, a, {
 			align: "start",
 			flip: !0,
 			shift: !0,
@@ -709,7 +709,7 @@ function he({ children: e, onExited: t, open: n }) {
 		let t = e.relatedTarget;
 		t !== null && a !== null && (a.contains(t) || h?.contains(t) || r.setFlyout(null, "blur", e.nativeEvent));
 	};
-	return s === null ? null : O(/* @__PURE__ */ w("div", {
+	return s === null ? null : k(/* @__PURE__ */ w("div", {
 		...d(r.guides ? { "data-guides": "" } : {}, "part", "flyout"),
 		"data-size": r.size,
 		"data-truncate": r.truncate,
@@ -744,4 +744,4 @@ function ge({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
 	}) : d;
 }
 //#endregion
-export { N as S, F as _, K as a, j as b, W as c, U as d, ce as f, V as g, ue as h, J as i, fe as l, Y as m, me as n, ge as o, H as p, pe as r, de as s, q as t, le as u, L as v, P as x, I as y };
+export { P as S, ie as _, K as a, M as b, W as c, U as d, ce as f, V as g, ue as h, J as i, fe as l, Y as m, me as n, ge as o, H as p, pe as r, de as s, q as t, le as u, L as v, F as x, I as y };

package/dist/side-navigation.js

@@ -1,2 +1,2 @@
-import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./side-navigation-MNMSkj9b.js";
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./side-navigation-D8lRpHwj.js";
 export { r as SIDE_NAVIGATION_FALLBACK, t as SIDE_NAVIGATION_ROW_SELECTOR, y as SideNavigation, _ as SideNavigationActions, f as SideNavigationCount, b as SideNavigationDefaultsProvider, h as SideNavigationDescription, l as SideNavigationDivider, n as SideNavigationEnd, p as SideNavigationGroup, g as SideNavigationIcon, i as SideNavigationItem, u as SideNavigationLabel, v as SideNavigationLink, a as SideNavigationList, o as SideNavigationSection, m as SideNavigationSectionLabel, d as SideNavigationSkeleton, c as SideNavigationTrigger, x as useSideNavigation, e as useSideNavigationDefaults, s as useSideNavigationItem };

package/dist/{skeleton-DyOwgYmF.js → skeleton-DeEOmm1y.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
 /* empty css                         */
 /* empty css                  */
 import { keyedProps as t } from "@slotted/core/selector-key";

package/dist/skeleton.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, t as i } from "./skeleton-DyOwgYmF.js";
+import { a as e, i as t, n, o as r, t as i } from "./skeleton-DeEOmm1y.js";
 export { t as Skeleton, e as SkeletonDefaultsProvider, n as SkeletonRegion, i as SkeletonText, r as useSkeletonDefaults };

package/dist/{slider-OMe1DAC-.js → slider-BSI1xvjw.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./i18n-DpW8lqJ1.js";
-import { b as t } from "./field-CzSGs7wo.js";
+import { n as e } from "./i18n-D7xXDd8-.js";
+import { b as t } from "./field-tnEZiRLg.js";
 import { keyedProps as n, withSelectorKey as r } from "@slotted/core/selector-key";
 import { createControllable as i } from "@slotted/core/state";
 import { createContext as a, useCallback as o, useContext as s, useEffect as ee, useId as te, useImperativeHandle as ne, useMemo as c, useRef as l, useState as u } from "react";

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./slider-OMe1DAC-.js";
+import { n as e, r as t, t as n } from "./slider-BSI1xvjw.js";
 export { n as Slider, e as SliderDefaultsProvider, t as useSliderDefaults };

package/dist/{sparkline-ChkaLVdY.js → sparkline-CYU4_lCD.js}

@@ -1,4 +1,4 @@
-import { n as e, r as t } from "./i18n-DpW8lqJ1.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
 import { keyedProps as n } from "@slotted/core/selector-key";
 import { createContext as r, useContext as i, useLayoutEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";

package/dist/sparkline.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./sparkline-ChkaLVdY.js";
+import { n as e, r as t, t as n } from "./sparkline-CYU4_lCD.js";
 export { n as Sparkline, e as SparklineDefaultsProvider, t as useSparklineDefaults };

package/dist/spinner-ring-DyfaYloA.js

@@ -0,0 +1,19 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/button/spinner-ring.tsx
+var n = /* @__PURE__ */ t("svg", {
+	"aria-hidden": "true",
+	focusable: "false",
+	viewBox: "0 0 24 24",
+	children: [/* @__PURE__ */ e("circle", {
+		cx: "12",
+		cy: "12",
+		r: "8.875"
+	}), /* @__PURE__ */ e("circle", {
+		cx: "12",
+		cy: "12",
+		pathLength: 100,
+		r: "8.875"
+	})]
+});
+//#endregion
+export { n as t };

package/dist/{split-button-DbmRwfMC.js → split-button-CkbylOMN.js}

@@ -1,7 +1,7 @@
 import { n as e, t } from "./button-defaults-DNq_DDJh.js";
 import { n, t as r } from "./icon-DjqSEQ-o.js";
-import { _ as i, m as a, n as o } from "./menu-parts-DS9JEUCt.js";
-import { n as s, t as c } from "./icon-button-CRB218_z.js";
+import { _ as i, m as a, n as o } from "./menu-parts-CNNHRduK.js";
+import { n as s, t as c } from "./icon-button-DbSZKGT4.js";
 import { keyedProps as l } from "@slotted/core/selector-key";
 import { createControllable as u } from "@slotted/core/state";
 import { createContext as d, useCallback as f, useContext as p, useRef as m, useState as h } from "react";

package/dist/split-button.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./split-button-DbmRwfMC.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./split-button-CkbylOMN.js";
 export { e as SplitButton, s as SplitButtonChoices, o as SplitButtonDefaultsProvider, r as SplitButtonMenu, a as SplitButtonMenuTrigger, n as SplitButtonPrimary, i as useSplitButton, t as useSplitButtonDefaults };

package/dist/{stat-card-BSnsTmsq.js → stat-card-CAh4SdeY.js}

@@ -1,6 +1,6 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { i } from "./skeleton-DyOwgYmF.js";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { i } from "./skeleton-DeEOmm1y.js";
 import { t as a } from "./visually-hidden-BUSrFZ1_.js";
 import { keyedProps as o } from "@slotted/core/selector-key";
 import { createContext as s, useContext as c, useId as l, useMemo as u } from "react";
@@ -40,16 +40,16 @@ function S({ children: e, ...t }) {
 }
 //#endregion
 //#region src/stat-card/stat-card.tsx
-function C({ children: e, delta: t, fill: i, formatOptions: a, goodWhen: s, layout: c, loading: d = !1, locale: p, messages: h, render: _, size: b, status: S = "ready", tone: C, ...w }) {
-	let T = x(), E = n(), D = r(m, h), O = l(), k = {
+function C({ children: n, delta: r, fill: i, formatOptions: a, goodWhen: s, layout: c, loading: d = !1, locale: p, messages: h, render: _, size: b, status: S = "ready", tone: C, ...w }) {
+	let T = x(), E = e(), D = t(m, h), O = l(), k = {
 		fill: i ?? T.fill ?? "outline",
 		goodWhen: s ?? T.goodWhen ?? "up",
 		layout: c ?? T.layout ?? "inline",
 		size: b ?? T.size ?? "md",
 		locale: p ?? E,
 		formatOptions: a ?? T.formatOptions
-	}, A = C ?? (t === void 0 ? void 0 : y(v(t), k.goodWhen)), j = u(() => ({
-		delta: t,
+	}, A = C ?? (r === void 0 ? void 0 : y(v(r), k.goodWhen)), j = u(() => ({
+		delta: r,
 		formatOptions: k.formatOptions,
 		goodWhen: k.goodWhen,
 		labelId: O,
@@ -60,7 +60,7 @@ function C({ children: e, delta: t, fill: i, formatOptions: a, goodWhen: s, layo
 		status: S,
 		tone: A
 	}), [
-		t,
+		r,
 		k.formatOptions,
 		k.goodWhen,
 		O,
@@ -79,7 +79,7 @@ function C({ children: e, delta: t, fill: i, formatOptions: a, goodWhen: s, layo
 			children: /* @__PURE__ */ f("div", {
 				"data-part": "body",
 				"data-part-body": "",
-				children: e
+				children: n
 			})
 		}),
 		"data-fill": k.fill,
@@ -97,11 +97,11 @@ function C({ children: e, delta: t, fill: i, formatOptions: a, goodWhen: s, layo
 }
 //#endregion
 //#region src/stat-card/stat-card-delta.tsx
-function w({ children: n, format: r = "percent", formatOptions: s, goodWhen: c, render: l, tone: m, value: h, ...g }) {
+function w({ children: e, format: t = "percent", formatOptions: s, goodWhen: c, render: l, tone: m, value: h, ...g }) {
 	let b = _(), x = h ?? b.delta, S = v(x), C = m ?? y(S, c ?? b.goodWhen), w = u(() => {
 		if (typeof x == "number") return new Intl.NumberFormat(b.locale, {
 			signDisplay: "exceptZero",
-			...r === "percent" ? {
+			...t === "percent" ? {
 				style: "percent",
 				maximumFractionDigits: 1
 			} : {},
@@ -112,7 +112,7 @@ function w({ children: n, format: r = "percent", formatOptions: s, goodWhen: c,
 		x,
 		b.locale,
 		b.formatOptions,
-		r,
+		t,
 		s
 	]);
 	if (b.loading) {
@@ -125,7 +125,7 @@ function w({ children: n, format: r = "percent", formatOptions: s, goodWhen: c,
 		});
 		return l === void 0 ? /* @__PURE__ */ f("span", { ...e }) : l(e);
 	}
-	if (b.status !== "ready" || n === void 0 && w === void 0) return null;
+	if (b.status !== "ready" || e === void 0 && w === void 0) return null;
 	let T = o({
 		...g,
 		children: /* @__PURE__ */ p(d, { children: [
@@ -133,13 +133,13 @@ function w({ children: n, format: r = "percent", formatOptions: s, goodWhen: c,
 				"aria-hidden": "true",
 				"data-part": "indicator",
 				"data-part-indicator": "",
-				children: /* @__PURE__ */ f(t, {
+				children: /* @__PURE__ */ f(r, {
 					directional: S !== "flat",
-					children: /* @__PURE__ */ f(e, { name: S === "flat" ? "minus" : "trending-up" })
+					children: /* @__PURE__ */ f(n, { name: S === "flat" ? "minus" : "trending-up" })
 				})
 			}),
 			/* @__PURE__ */ p(a, { children: [b.t(S), " "] }),
-			n ?? w
+			e ?? w
 		] }),
 		"data-part": "delta",
 		"data-tone": C,

package/dist/stat-card.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./stat-card-BSnsTmsq.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "./stat-card-CAh4SdeY.js";
 export { f as StatCard, u as StatCardAction, p as StatCardComparison, l as StatCardDefaultsProvider, i as StatCardDelta, s as StatCardFigure, t as StatCardHeader, d as StatCardLabel, m as StatCardMessage, n as StatCardPeriod, c as StatCardStatus, g as StatCardTrend, r as StatCardUnit, h as StatCardValue, a as toneOf, e as trendOf, _ as useStatCard, o as useStatCardDefaults };

package/dist/{status-indicator-CyKhBdvN.js → status-indicator-BVMnpcm8.js}

@@ -1,5 +1,5 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
 /* empty css                         */
 import { keyedProps as r } from "@slotted/core/selector-key";
 import { createContext as i, useContext as a, useMemo as o } from "react";
@@ -41,7 +41,7 @@ var m = "neutral", h = {
 	assertive: "alert"
 };
 function _({ children: i, label: a, live: o, mark: d, messages: p, pulse: _ = !1, render: v, role: y, size: b, status: x = m, ...S }) {
-	let C = f(), w = n(u, p), T = {
+	let C = f(), w = e(u, p), T = {
 		live: o ?? C.live ?? "off",
 		mark: d ?? C.mark ?? "dot",
 		size: b ?? C.size ?? "md"
@@ -51,7 +51,7 @@ function _({ children: i, label: a, live: o, mark: d, messages: p, pulse: _ = !1
 			"aria-hidden": "true",
 			"data-part": "mark",
 			"data-part-mark": "",
-			children: T.mark === "icon" ? /* @__PURE__ */ c(t, { children: /* @__PURE__ */ c(e, { name: h[x] }) }) : null
+			children: T.mark === "icon" ? /* @__PURE__ */ c(n, { children: /* @__PURE__ */ c(t, { name: h[x] }) }) : null
 		}), /* @__PURE__ */ c("span", {
 			"data-part": "label",
 			"data-part-label": "",

package/dist/status-indicator.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./status-indicator-CyKhBdvN.js";
+import { i as e, n as t, r as n, t as r } from "./status-indicator-BVMnpcm8.js";
 export { t as STATUS_INDICATOR_DEFAULT_STATUS, r as StatusIndicator, n as StatusIndicatorDefaultsProvider, e as useStatusIndicatorDefaults };

package/dist/{stepper-Cw1Auv3n.js → stepper-BLfvMz04.js}

@@ -1,5 +1,5 @@
-import { n as e, t } from "./icon-DjqSEQ-o.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                         */
 import { keyedProps as i, selectorKeyProps as a } from "@slotted/core/selector-key";
 import { createControllable as o } from "@slotted/core/state";
@@ -36,18 +36,18 @@ function k() {
 	return u(D);
 }
 var A = D.Provider;
-function j({ autoComplete: e, children: t, defaultStep: a, labelPlacement: s, linear: c, messages: l, navigation: u, onStepChange: d, orientation: p, render: h, step: _, ...y }) {
-	let C = w(), T = r(v, l), D = n(), O = f(), [k, A] = m(a ?? 0), [j, N] = m([]), P = _ ?? k, F = j.length, I = c ?? C.linear ?? !1, L = (t) => S({
-		autoComplete: e ?? !1,
-		complete: j[t]?.complete,
-		index: t,
+function j({ autoComplete: n, children: r, defaultStep: a, labelPlacement: s, linear: c, messages: l, navigation: u, onStepChange: d, orientation: p, render: h, step: _, ...y }) {
+	let C = w(), T = t(v, l), D = e(), O = f(), [k, A] = m(a ?? 0), [j, N] = m([]), P = _ ?? k, F = j.length, I = c ?? C.linear ?? !1, L = (e) => S({
+		autoComplete: n ?? !1,
+		complete: j[e]?.complete,
+		index: e,
 		step: P
-	}), R = (t) => x({
-		autoComplete: e ?? !1,
-		complete: j[t]?.complete,
+	}), R = (e) => x({
+		autoComplete: n ?? !1,
+		complete: j[e]?.complete,
 		count: F,
-		disabled: j[t]?.disabled,
-		index: t,
+		disabled: j[e]?.disabled,
+		index: e,
 		isComplete: (e) => L(e) === "complete",
 		linear: I,
 		step: P
@@ -86,7 +86,7 @@ function j({ autoComplete: e, children: t, defaultStep: a, labelPlacement: s, li
 		...y,
 		children: /* @__PURE__ */ g(M.Provider, {
 			value: N,
-			children: t
+			children: r
 		}),
 		"data-label-placement": B.labelPlacement,
 		"data-navigation": B.navigation,
@@ -145,7 +145,7 @@ function P({ children: e, ref: t, render: n, onKeyDown: r, ...a }) {
 		ref: t
 	}) : n(v);
 }
-function F({ children: n, complete: r, description: o, disabled: s, href: c, invalid: l, label: u, loading: d, marker: f, ref: p, render: m, ...v }) {
+function F({ children: e, complete: t, description: o, disabled: s, href: c, invalid: l, label: u, loading: d, marker: f, ref: p, render: m, ...v }) {
 	let y = O(), b = k(), x = b?.index ?? 0, S = y.statusOf(x), C = x === y.step, w = s === !0 || !y.reachable(x), T = l === !0 ? "x" : S === "complete" && !C ? "check" : void 0, E = new Intl.ListFormat(y.locale, { type: "unit" }).format([
 		y.t("position", {
 			index: x + 1,
@@ -166,7 +166,7 @@ function F({ children: n, complete: r, description: o, disabled: s, href: c, inv
 				"aria-hidden": "true",
 				"data-part": "marker",
 				"data-part-marker": "",
-				children: [f ?? x + 1, T === void 0 ? null : /* @__PURE__ */ g(t, { children: /* @__PURE__ */ g(e, { name: T }) })]
+				children: [f ?? x + 1, T === void 0 ? null : /* @__PURE__ */ g(r, { children: /* @__PURE__ */ g(n, { name: T }) })]
 			}),
 			/* @__PURE__ */ _("span", {
 				"data-part": "label",
@@ -201,7 +201,7 @@ function F({ children: n, complete: r, description: o, disabled: s, href: c, inv
 		...v,
 		children: /* @__PURE__ */ _(h, { children: [
 			j,
-			n,
+			e,
 			b?.last === !0 ? null : /* @__PURE__ */ g("span", {
 				"aria-hidden": "true",
 				"data-complete": b?.travelled === !0 ? "" : void 0,

package/dist/stepper.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./stepper-Cw1Auv3n.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./stepper-BLfvMz04.js";
 export { a as Stepper, t as StepperDefaultsProvider, c as StepperList, i as StepperNext, o as StepperPanel, n as StepperPrevious, e as StepperStep, s as useStepper, r as useStepperDefaults };