@jfrader/ui 0.5.1 → 0.7.0

package/dist/{sortable-data-table-CYKT_Ng7.js → sortable-data-table-Bpitup_d.js}

@@ -1,12 +1,13 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { t as n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as o } from "./visually-hidden-BJdvqqvn.js";
+import { t as o } from "./visually-hidden-DgVO3NaB.js";
 import { t as s } from "./renderable-DzcIj1Lo.js";
-import { t as ee } from "./button-NLY0h6EJ.js";
-import { t as c } from "./checkbox-DKSzExj2.js";
+import { t as ee } from "./button-C6OV0C7J.js";
+import { t as c } from "./checkbox-CClE61GV.js";
 import { useEffect as te, useId as ne, useLayoutEffect as re, useMemo as l, useRef as u, useState as ie } from "react";
 import { vars as d } from "@jfrader/tokens/vars";
 import { jsx as f, jsxs as p } from "@emotion/react/jsx-runtime";
@@ -34,7 +35,7 @@ var ae = {
 	maxInlineSize: "100%",
 	border: `1px solid ${d.color.border}`,
 	borderRadius: d.radius.md,
-	"&:focus-visible": n
+	"&:focus-visible": t
 }), ce = e({
 	inlineSize: "100%",
 	borderCollapse: "separate",
@@ -85,15 +86,15 @@ var ae = {
 	transitionDuration: d.motion.duration.fast,
 	transitionTimingFunction: d.motion.easeStandard,
 	"&:hover": { backgroundColor: d.color.surfaceHover },
-	"&:focus-visible": n,
-	[i]: { transitionDuration: "0s" },
-	[r]: {
+	"&:focus-visible": t,
+	[r]: { transitionDuration: "0s" },
+	[n]: {
 		borderColor: "ButtonText",
 		color: "ButtonText"
 	}
 }), de = e({
 	"&[data-selected]": { backgroundColor: d.color.accentSoft },
-	[r]: { "&[data-selected]": {
+	[n]: { "&[data-selected]": {
 		outline: "1px solid Highlight",
 		outlineOffset: "-1px"
 	} }
@@ -115,11 +116,11 @@ var ae = {
 function _e(e, t, n) {
 	return typeof e == "number" && typeof t == "number" ? e - t : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : typeof e == "string" && typeof t == "string" ? n.compare(e, t) : 0;
 }
-function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden: b = !1, value: ve, defaultValue: ye = null, onValueChange: be, sortMode: x = "client", selectable: S = !1, getRowLabel: xe, selectedKeys: Se, defaultSelectedKeys: Ce = me, onSelectionChange: we, locale: C, dateFormatOptions: w, timeZone: T, messages: Te, empty: E, loading: Ee = !1, size: D = "md", tableRef: De, slotProps: O, className: Oe, sx: ke, ...k }) {
+function b({ ref: e, rows: t, columns: n, getRowId: r, caption: d, captionHidden: b = !1, value: ve, defaultValue: ye = null, onValueChange: be, sortMode: x = "client", selectable: S = !1, getRowLabel: xe, selectedKeys: Se, defaultSelectedKeys: Ce = me, onSelectionChange: we, locale: C, dateFormatOptions: w, timeZone: T, messages: Te, empty: E, loading: Ee = !1, size: D = "md", tableRef: De, slotProps: O, className: Oe, sx: ke, ...k }) {
 	let A = {
 		...ae,
 		...Te
-	}, Ae = ne(), [j, je] = a(ve, ye, be), [Me, Ne] = a(Se, Ce, we), M = y(Me ?? me), N = new Set(M), P = r.find((e) => e.id === j?.columnId && _(e)), F = P && j ? j : null, I = l(() => new Intl.NumberFormat(C), [C]), Pe = l(() => new Intl.DateTimeFormat(C, {
+	}, Ae = ne(), [j, je] = a(ve, ye, be), [Me, Ne] = a(Se, Ce, we), M = y(Me ?? me), N = new Set(M), P = n.find((e) => e.id === j?.columnId && _(e)), F = P && j ? j : null, I = l(() => new Intl.NumberFormat(C), [C]), Pe = l(() => new Intl.DateTimeFormat(C, {
 		...w,
 		...T ? { timeZone: T } : {}
 	}), [
@@ -129,7 +130,7 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 	]), L = l(() => new Intl.Collator(C, {
 		numeric: !0,
 		sensitivity: "base"
-	}), [C]), R = l(() => x === "manual" || !F || !P ? n : n.map((e, t) => ({
+	}), [C]), R = l(() => x === "manual" || !F || !P ? t : t.map((e, t) => ({
 		row: e,
 		index: t
 	})).sort((e, t) => {
@@ -138,13 +139,13 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 		let i = P.compare ? P.compare(e.row, t.row) : _e(n, r, L);
 		return (Number.isFinite(i) ? i : 0) * (F.direction === "asc" ? 1 : -1) || e.index - t.index;
 	}).map(({ row: e }) => e), [
-		n,
+		t,
 		F?.columnId,
 		F?.direction,
 		x,
 		P,
 		L
-	]), z = R.map(i), B = z.filter((e) => N.has(e)).length, V = z.length > 0 && B === z.length, Fe = B > 0 && !V, H = A.selectionStatus(B, M.length, z.length, {
+	]), z = R.map(r), B = z.filter((e) => N.has(e)).length, V = z.length > 0 && B === z.length, Fe = B > 0 && !V, H = A.selectionStatus(B, M.length, z.length, {
 		visibleSelected: I.format(B),
 		totalSelected: I.format(M.length),
 		visibleRows: I.format(z.length)
@@ -203,7 +204,7 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 			$(a, e.currentTarget.checked), U.current = t;
 		}
 	});
-	return /* @__PURE__ */ f(t, {
+	return /* @__PURE__ */ f(i, {
 		className: Oe,
 		styles: [oe],
 		sx: ke,
@@ -238,7 +239,7 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 								],
 								children: d
 							}),
-							/* @__PURE__ */ p("colgroup", { children: [S && /* @__PURE__ */ f("col", {}), r.map((e) => /* @__PURE__ */ f("col", { style: { width: e.width } }, e.id))] }),
+							/* @__PURE__ */ p("colgroup", { children: [S && /* @__PURE__ */ f("col", {}), n.map((e) => /* @__PURE__ */ f("col", { style: { width: e.width } }, e.id))] }),
 							/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", { children: [S && /* @__PURE__ */ f("th", {
 								scope: "col",
 								css: [
@@ -257,7 +258,7 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 										!e.defaultPrevented && !e.nativeEvent.defaultPrevented && $(z, e.currentTarget.checked);
 									}
 								})
-							}), r.map((e) => /* @__PURE__ */ f("th", {
+							}), n.map((e) => /* @__PURE__ */ f("th", {
 								scope: "col",
 								"data-numeric": e.numeric || void 0,
 								"aria-sort": F?.columnId === e.id ? F.direction === "asc" ? "ascending" : "descending" : void 0,
@@ -288,17 +289,17 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 							/* @__PURE__ */ f("tbody", {
 								ref: J,
 								children: R.length ? R.map((e, t) => {
-									let n = i(e);
+									let i = r(e);
 									return /* @__PURE__ */ p("tr", {
-										"data-selected": S && N.has(n) || void 0,
+										"data-selected": S && N.has(i) || void 0,
 										className: O?.row?.className,
 										css: [de, O?.row?.css],
 										onFocusCapture: (e) => {
-											let r = Array.from(e.currentTarget.querySelectorAll("input, button, a[href], select, textarea, [tabindex=\"0\"]"));
+											let n = Array.from(e.currentTarget.querySelectorAll("input, button, a[href], select, textarea, [tabindex=\"0\"]"));
 											q.current = {
-												key: n,
+												key: i,
 												index: t,
-												control: r.indexOf(e.target)
+												control: n.indexOf(e.target)
 											};
 										},
 										onBlurCapture: (e) => {
@@ -306,8 +307,8 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 										},
 										children: [S && /* @__PURE__ */ f("td", {
 											css: [m, h[D]],
-											children: Be(e, n)
-										}), r.map((t) => /* @__PURE__ */ f("td", {
+											children: Be(e, i)
+										}), n.map((t) => /* @__PURE__ */ f("td", {
 											"data-numeric": t.numeric || void 0,
 											className: O?.cell?.className,
 											css: [
@@ -317,9 +318,9 @@ function b({ ref: e, rows: n, columns: r, getRowId: i, caption: d, captionHidden
 											],
 											children: ze(t, e)
 										}, t.id))]
-									}, n);
+									}, i);
 								}) : /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", {
-									colSpan: r.length + Number(S),
+									colSpan: n.length + Number(S),
 									className: O?.cell?.className,
 									css: [
 										m,

package/dist/sortable-data-table.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as SortableDataTable } from "./sortable-data-table-CYKT_Ng7.js";
+export { t as SortableDataTable } from "./sortable-data-table-Bpitup_d.js";

package/dist/{spinner-DtxvDPdM.js → spinner-CvzajSg9.js}

@@ -1,8 +1,9 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { r as n } from "./media-8yrN85VT.js";
-import { t as r } from "./visually-hidden-BJdvqqvn.js";
-import { n as i, t as a } from "./loading-ring-B8-30Dl1.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { r as t } from "./media-8yrN85VT.js";
+import { t as n } from "./sx-BJXJ2xJK.js";
+import { t as r } from "./visually-hidden-DgVO3NaB.js";
+import { n as i, t as a } from "./loading-ring-D0lGrK8z.js";
 import { vars as o } from "@jfrader/tokens/vars";
 import { jsx as s, jsxs as c } from "@emotion/react/jsx-runtime";
 //#region src/components/spinner/spinner.tsx
@@ -14,7 +15,7 @@ var l = e({
 	...a,
 	flexShrink: 0,
 	boxSizing: "border-box",
-	[n]: { animation: `${i} 1.6s ease-in-out infinite alternate` }
+	[t]: { animation: `${i} 1.6s ease-in-out infinite alternate` }
 }), d = {
 	sm: e({
 		inlineSize: o.space[4],
@@ -29,21 +30,21 @@ var l = e({
 		blockSize: o.space[6]
 	})
 };
-function f({ ref: e, size: n = "md", label: i = "Loading", className: a, sx: o, ...f }) {
-	return /* @__PURE__ */ s(t, {
+function f({ ref: e, size: t = "md", label: i = "Loading", className: a, sx: o, ...f }) {
+	return /* @__PURE__ */ s(n, {
 		className: a,
 		styles: l,
 		sx: o,
-		children: (t) => /* @__PURE__ */ c("span", {
+		children: (n) => /* @__PURE__ */ c("span", {
 			...f,
 			ref: e,
 			role: "status",
 			"data-ui": "spinner",
-			className: t,
+			className: n,
 			children: [/* @__PURE__ */ s("span", {
 				"aria-hidden": "true",
 				"data-ui": "spinner-indicator",
-				css: [u, d[n]]
+				css: [u, d[t]]
 			}), /* @__PURE__ */ s("span", {
 				css: r,
 				children: i

package/dist/spinner.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Spinner } from "./spinner-DtxvDPdM.js";
+export { t as Spinner } from "./spinner-CvzajSg9.js";

package/dist/{split-button-BCw4zZom.js → split-button-Bu41f2AY.js}

@@ -1,11 +1,12 @@
 'use client';
-import { i as e, r as t, t as n } from "./sx-Dx9JUKp5.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { a as e, i as t } from "./css-BYJhdGh-.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
 import { t as o } from "./renderable-DzcIj1Lo.js";
-import { t as s } from "./button-NLY0h6EJ.js";
-import { s as c } from "./listbox-style-WX-RASp1.js";
-import { a as l, c as u, i as d, l as f, n as p, o as m, t as h, u as g } from "./menu-DDKgmK2F.js";
+import { t as s } from "./button-C6OV0C7J.js";
+import { s as c } from "./listbox-style-DNOxAulu.js";
+import { a as l, d as u, f as d, o as f, r as p, s as m, t as h, u as g } from "./menu-CVzpsyXn.js";
 import { createContext as _, useContext as v, useEffect as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
 import { vars as w } from "@jfrader/tokens/vars";
 import { jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
@@ -48,7 +49,7 @@ var j = {
 	borderEndEndRadius: 0,
 	borderInlineEndWidth: 0,
 	...P,
-	[r]: { borderColor: "ButtonText" }
+	[n]: { borderColor: "ButtonText" }
 }), I = t({
 	label: "split-button-trigger",
 	flexShrink: 0,
@@ -58,7 +59,7 @@ var j = {
 	borderEndStartRadius: 0,
 	borderInlineStartColor: w.color.borderControl,
 	...P,
-	[r]: { borderColor: "ButtonText" }
+	[n]: { borderColor: "ButtonText" }
 }), L = Object.fromEntries(Object.entries(M).map(([e, n]) => [e, t({ minBlockSize: n })])), R = Object.fromEntries(Object.entries(M).map(([e, n]) => [e, t({
 	minBlockSize: n,
 	inlineSize: n
@@ -72,11 +73,11 @@ var j = {
 		blockSize: "1em"
 	},
 	"[aria-expanded=\"true\"] > &": { transform: "rotate(180deg)" },
-	[i]: {
+	[r]: {
 		transitionDuration: "0s",
 		"[aria-expanded=\"true\"] > &": { transform: "none" }
 	},
-	[r]: { color: "ButtonText" }
+	[n]: { color: "ButtonText" }
 }), B = e({
 	from: { opacity: 0 },
 	to: { opacity: 1 }
@@ -86,7 +87,7 @@ var j = {
 	"& > *": { gridArea: "1 / 1" }
 }), H = t({ visibility: "hidden" }), U = t({
 	"&[data-swapped]": { animation: `${B} ${w.motion.duration.base} ${w.motion.easeStandard}` },
-	[i]: { "&[data-swapped]": { animation: "none" } }
+	[r]: { "&[data-swapped]": { animation: "none" } }
 }), W = /* @__PURE__ */ T("svg", {
 	viewBox: "0 0 16 16",
 	fill: "none",
@@ -96,7 +97,7 @@ var j = {
 	strokeLinejoin: "round",
 	children: /* @__PURE__ */ T("path", { d: "M4 6l4 4 4-4" })
 });
-function G({ ref: e, variant: t = "solid", tone: r = "accent", size: i = "md", disabled: o = !1, open: s, defaultOpen: c = !1, onOpenChange: l, placement: u = "bottom-end", className: d, sx: f, children: p, ...m }) {
+function G({ ref: e, variant: t = "solid", tone: n = "accent", size: r = "md", disabled: o = !1, open: s, defaultOpen: c = !1, onOpenChange: l, placement: u = "bottom-end", className: d, sx: f, children: p, ...m }) {
 	let [g = !1, _] = a(s, c, l), v = S(null), w = D([v, e]), [E, O] = C(), [A, j] = C(), M = S(!1);
 	b(() => {
 		v.current && O(getComputedStyle(v.current).direction === "rtl" ? "rtl" : "ltr");
@@ -111,16 +112,16 @@ function G({ ref: e, variant: t = "solid", tone: r = "accent", size: i = "md", d
 		e && o || _(e);
 	}, F = x(() => ({
 		variant: t,
-		tone: r,
-		size: i,
+		tone: n,
+		size: r,
 		disabled: o,
 		direction: E,
 		triggerLabelledBy: A,
 		setTriggerLabelledBy: j
 	}), [
 		t,
+		n,
 		r,
-		i,
 		o,
 		E,
 		A
@@ -131,7 +132,7 @@ function G({ ref: e, variant: t = "solid", tone: r = "accent", size: i = "md", d
 		placement: u,
 		children: /* @__PURE__ */ T(k.Provider, {
 			value: F,
-			children: /* @__PURE__ */ T(n, {
+			children: /* @__PURE__ */ T(i, {
 				className: d,
 				styles: N,
 				sx: f,
@@ -234,20 +235,20 @@ function X({ dir: e, "aria-labelledby": t, ...n }) {
 X.displayName = "SplitButton.Content";
 function Z({ tone: e = "neutral", disabled: t = !1, ...n }) {
 	let r = A("Item");
-	return /* @__PURE__ */ T(d, {
+	return /* @__PURE__ */ T(l, {
 		...n,
 		disabled: r.disabled || t,
 		family: O,
 		marker: "split-button-item",
-		styles: [u, f[e]]
+		styles: [g, u[e]]
 	});
 }
 Z.displayName = "SplitButton.Item";
 function Q(e) {
-	return A("Separator"), /* @__PURE__ */ T(l, {
+	return A("Separator"), /* @__PURE__ */ T(f, {
 		...e,
 		marker: "split-button-separator",
-		styles: g
+		styles: d
 	});
 }
 Q.displayName = "SplitButton.Separator";

package/dist/split-button.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as SplitButton } from "./split-button-BCw4zZom.js";
+export { t as SplitButton } from "./split-button-Bu41f2AY.js";

package/dist/{stack-DC3IbtWk.js → stack-Bac4sJeI.js}

@@ -1,6 +1,6 @@
 'use client';
-import { t as e } from "./sx-Dx9JUKp5.js";
-import { t } from "./layout-style-Cbd1Vilw.js";
+import { t as e } from "./sx-BJXJ2xJK.js";
+import { t } from "./layout-style-BE0gSqrH.js";
 import { jsx as n } from "@emotion/react/jsx-runtime";
 //#region src/components/stack/stack.tsx
 function r({ ref: r, gap: i = "md", align: a, justify: o, wrap: s, className: c, sx: l, ...u }) {

package/dist/stack.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Stack } from "./stack-DC3IbtWk.js";
+export { t as Stack } from "./stack-Bac4sJeI.js";

package/dist/{stepper-CruHbXxX.js → stepper-C8Ncavbr.js}

@@ -1,9 +1,10 @@
 'use client';
-import { r as e, t } from "./sx-Dx9JUKp5.js";
-import { n } from "./focus-ring-BK5W5_NY.js";
-import { n as r, r as i } from "./media-8yrN85VT.js";
+import { i as e } from "./css-BYJhdGh-.js";
+import { n as t } from "./focus-ring-BK5W5_NY.js";
+import { n, r } from "./media-8yrN85VT.js";
+import { t as i } from "./sx-BJXJ2xJK.js";
 import { t as a } from "./use-controlled-state-DpeVQZNR.js";
-import { t as o } from "./visually-hidden-BJdvqqvn.js";
+import { t as o } from "./visually-hidden-DgVO3NaB.js";
 import { t as s } from "./renderable-DzcIj1Lo.js";
 import { t as c } from "./part-id-D0zksy32.js";
 import { useId as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
@@ -132,7 +133,7 @@ var ae = e({
 	transitionProperty: "background-color, transform",
 	transitionDuration: p.motion.duration.base,
 	transitionTimingFunction: p.motion.easeStandard,
-	[i]: { transitionDuration: "0s" }
+	[r]: { transitionDuration: "0s" }
 }), A = {
 	horizontal: e({ gridColumn: 1 }),
 	vertical: e({ gridColumn: "1 / -1" })
@@ -141,8 +142,8 @@ var ae = e({
 	"&[aria-disabled=\"true\"]": { cursor: "default" },
 	"&:not([aria-disabled=\"true\"]):hover": { backgroundColor: p.color.surfaceHover },
 	"&:not([aria-disabled=\"true\"]):active": { transform: "scale(0.98)" },
-	"&:focus-visible": n,
-	[i]: { "&:not([aria-disabled=\"true\"]):active": { transform: "none" } }
+	"&:focus-visible": t,
+	[r]: { "&:not([aria-disabled=\"true\"]):active": { transform: "none" } }
 }), j = e({
 	boxSizing: "border-box",
 	display: "inline-flex",
@@ -187,8 +188,8 @@ var ae = e({
 		backgroundColor: p.color.dangerSoft,
 		color: p.color.dangerText
 	},
-	[i]: { transitionDuration: "0s" },
-	[r]: {
+	[r]: { transitionDuration: "0s" },
+	[n]: {
 		borderColor: "CanvasText",
 		"&[data-state=\"current\"], &[data-state=\"error\"]": {
 			borderColor: "Highlight",
@@ -245,8 +246,8 @@ var ae = e({
 		transitionTimingFunction: p.motion.easeStandard
 	},
 	"&[data-state=\"complete\"]::after": { transform: "none" },
-	[i]: { "&::after": { transitionDuration: "0s" } },
-	[r]: {
+	[r]: { "&::after": { transitionDuration: "0s" } },
+	[n]: {
 		forcedColorAdjust: "none",
 		backgroundColor: "CanvasText",
 		"&::after": { backgroundColor: "Highlight" }
@@ -289,17 +290,17 @@ var ae = e({
 	fontWeight: p.fontWeight.medium
 });
 function N(e) {
-	let { ref: n, steps: r, value: i, defaultValue: p = 0, onValueChange: y, interactive: x = !1, orientation: S = "horizontal", details: C = "all", compact: w = !1, responsive: T = !0, size: E = "md", label: D = _, completeLabel: N = v, locale: P, getStepLabel: F, getChangeLabel: I, announceChanges: L = !1, slotProps: R, className: ge, sx: _e, "aria-label": ve, "aria-labelledby": z, ...ye } = e, B = r.length, be = l(), [xe, Se] = a(O(i, B), O(p, B), y), V = O(xe, B) ?? 0, H = r[V] ?? null, Ce = B > 0 && H === null, U = new Intl.NumberFormat(P), W = F ?? ee(U), we = I ?? b(U), [Te, Ee] = f(V), [De, Oe] = f("");
+	let { ref: t, steps: n, value: r, defaultValue: p = 0, onValueChange: y, interactive: x = !1, orientation: S = "horizontal", details: C = "all", compact: w = !1, responsive: T = !0, size: E = "md", label: D = _, completeLabel: N = v, locale: P, getStepLabel: F, getChangeLabel: I, announceChanges: L = !1, slotProps: R, className: ge, sx: _e, "aria-label": ve, "aria-labelledby": z, ...ye } = e, B = n.length, be = l(), [xe, Se] = a(O(r, B), O(p, B), y), V = O(xe, B) ?? 0, H = n[V] ?? null, Ce = B > 0 && H === null, U = new Intl.NumberFormat(P), W = F ?? ee(U), we = I ?? b(U), [Te, Ee] = f(V), [De, Oe] = f("");
 	Te !== V && (Ee(V), L && Oe(we(H, V, B)));
-	let ke = (e) => e === V || e < V && r[e]?.disabled !== !0, G = x ? r.flatMap((e, t) => ke(t) ? [t] : []) : [], [Ae, je] = f(null), K = r.findIndex((e) => e.id === Ae), q = G.includes(K) ? K : G.includes(V) ? V : G[0], J = d(/* @__PURE__ */ new Map()), Y = d(!1);
+	let ke = (e) => e === V || e < V && n[e]?.disabled !== !0, G = x ? n.flatMap((e, t) => ke(t) ? [t] : []) : [], [Ae, je] = f(null), K = n.findIndex((e) => e.id === Ae), q = G.includes(K) ? K : G.includes(V) ? V : G[0], J = d(/* @__PURE__ */ new Map()), Y = d(!1);
 	u(() => {
 		if (!Y.current) return;
 		Y.current = !1;
-		let e = q === void 0 ? void 0 : J.current.get(r[q]?.id ?? ""), t = e?.ownerDocument.activeElement;
+		let e = q === void 0 ? void 0 : J.current.get(n[q]?.id ?? ""), t = e?.ownerDocument.activeElement;
 		e && (!t || t === e.ownerDocument.body) && e.focus();
 	});
 	let Me = (e, t) => {
-		let n = getComputedStyle(e.currentTarget).direction === "rtl", [i, a] = S === "vertical" ? ["ArrowUp", "ArrowDown"] : n ? ["ArrowRight", "ArrowLeft"] : ["ArrowLeft", "ArrowRight"], o = G.indexOf(G.includes(t) ? t : q ?? -1), s = {
+		let r = getComputedStyle(e.currentTarget).direction === "rtl", [i, a] = S === "vertical" ? ["ArrowUp", "ArrowDown"] : r ? ["ArrowRight", "ArrowLeft"] : ["ArrowLeft", "ArrowRight"], o = G.indexOf(G.includes(t) ? t : q ?? -1), s = {
 			[i]: G[Math.max(o - 1, 0)],
 			[a]: G[Math.min(o + 1, G.length - 1)],
 			Home: G[0],
@@ -307,16 +308,16 @@ function N(e) {
 		};
 		if (!(e.key in s)) return;
 		e.preventDefault();
-		let c = s[e.key], l = c === void 0 ? void 0 : r[c];
+		let c = s[e.key], l = c === void 0 ? void 0 : n[c];
 		l && J.current.get(l.id)?.focus();
 	}, Ne = (e) => {
-		e < V && r[e]?.disabled !== !0 && Se(e);
+		e < V && n[e]?.disabled !== !0 && Se(e);
 	}, { className: X, css: Z, onClick: Pe, onKeyDown: Fe, onFocus: Ie, "aria-describedby": Le, ...Re } = R?.head ?? {}, ze = /* @__PURE__ */ h("ol", {
 		role: "list",
 		"data-ui": "stepper-list",
 		className: R?.list?.className,
 		css: [se[S], R?.list?.css],
-		children: r.map((e, t) => {
+		children: n.map((e, t) => {
 			let n = te(e, t, V), r = t === V, i = W(e, t, B, n), a = n === "error", l = a || s(e.description) && (C === "all" || r), u = c(be, "detail", e.id), d = s(e.icon), f = n === "complete" ? /* @__PURE__ */ h(re, {}) : a ? /* @__PURE__ */ h(ie, {}) : null, p = d || f ? void 0 : U.format(t + 1), _ = /* @__PURE__ */ g(m, { children: [
 				/* @__PURE__ */ h("span", {
 					"aria-hidden": "true",
@@ -453,7 +454,7 @@ function N(e) {
 			children: De
 		})
 	] });
-	return /* @__PURE__ */ h(t, {
+	return /* @__PURE__ */ h(i, {
 		className: [R?.root?.className, ge].filter(Boolean).join(" ") || void 0,
 		styles: [
 			ae,
@@ -463,12 +464,12 @@ function N(e) {
 		sx: _e,
 		children: (e) => x ? /* @__PURE__ */ h("nav", {
 			...Q,
-			ref: n,
+			ref: t,
 			className: e,
 			children: $
 		}) : /* @__PURE__ */ h("div", {
 			...Q,
-			ref: n,
+			ref: t,
 			role: "group",
 			className: e,
 			children: $

package/dist/stepper.js

@@ -1,2 +1,2 @@
 'use client';
-export { t as Stepper } from "./stepper-CruHbXxX.js";
+export { t as Stepper } from "./stepper-C8Ncavbr.js";