@studiolxd/brand 47.1.0 → 48.1.0

package/dist/notification-list.js

@@ -1,71 +1,73 @@
 'use client';
 import './notification-list.css';
-import { Icon as e } from "./icon.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { Button as n } from "./button.js";
-import { Text as r } from "./text.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { VisuallyHidden as n } from "./visually-hidden.js";
+import { Button as r } from "./button.js";
+import { Text as i } from "./text.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/molecules/NotificationList/NotificationList.tsx
-function s({ children: e, ...t }) {
-	return /* @__PURE__ */ a("a", {
+function c({ children: e, ...t }) {
+	return /* @__PURE__ */ o("a", {
 		...t,
 		children: e
 	});
 }
-function c({ items: c, renderLink: l = s, renderActions: u, onItemClick: d, onMarkRead: f, label: p = "Notificaciones", unreadLabel: m = "Sin leer", markReadLabel: h = "Marcar como leída", className: g }) {
-	return c.length === 0 ? null : /* @__PURE__ */ a("ul", {
-		className: ["notification-list", g].filter(Boolean).join(" "),
-		"aria-label": p,
-		children: c.map((s) => {
-			let c = s.unread, p = u?.(s);
-			return /* @__PURE__ */ o("li", {
+function l({ items: l, renderLink: u = c, renderActions: d, onItemClick: f, onMarkRead: p, label: m, unreadLabel: h, markReadLabel: g, className: _ }) {
+	let v = e("notificationList");
+	return l.length === 0 ? null : /* @__PURE__ */ o("ul", {
+		className: ["notification-list", _].filter(Boolean).join(" "),
+		"aria-label": v("label", m),
+		children: l.map((e) => {
+			let c = e.unread, l = d?.(e);
+			return /* @__PURE__ */ s("li", {
 				className: "notification-list__item",
 				children: [
-					/* @__PURE__ */ a("span", {
+					/* @__PURE__ */ o("span", {
 						className: "notification-list__indicator",
-						children: c && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+						children: c && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
 							name: "dot",
 							size: "sm",
 							className: "notification-list__dot"
-						}), /* @__PURE__ */ a(t, { children: s.unreadLabel ?? m })] })
+						}), /* @__PURE__ */ o(n, { children: e.unreadLabel ?? v("unread", h) })] })
 					}),
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ s("div", {
 						className: "notification-list__text",
-						children: [s.href ? l({
-							href: s.href,
+						children: [e.href ? u({
+							href: e.href,
 							className: "notification-list__title",
-							onClick: d ? () => d(s) : void 0,
-							children: s.title
-						}) : /* @__PURE__ */ a(r, {
+							onClick: f ? () => f(e) : void 0,
+							children: e.title
+						}) : /* @__PURE__ */ o(i, {
 							className: "notification-list__title",
-							children: s.title
-						}), s.body && /* @__PURE__ */ a(r, {
+							children: e.title
+						}), e.body && /* @__PURE__ */ o(i, {
 							tone: "muted",
 							className: "notification-list__body",
-							children: s.body
+							children: e.body
 						})]
 					}),
-					(f || p) && /* @__PURE__ */ o("div", {
+					(p || l) && /* @__PURE__ */ s("div", {
 						className: "notification-list__actions",
-						children: [f && c && /* @__PURE__ */ a(n, {
+						children: [p && c && /* @__PURE__ */ o(r, {
 							variant: "text",
 							size: "sm",
-							onClick: () => f(s.id),
-							children: h
-						}), p]
+							onClick: () => p(e.id),
+							children: v("markRead", g)
+						}), l]
 					}),
-					s.timeDateTime ? /* @__PURE__ */ a("time", {
+					e.timeDateTime ? /* @__PURE__ */ o("time", {
 						className: "notification-list__time",
-						dateTime: s.timeDateTime,
-						children: s.time
-					}) : /* @__PURE__ */ a("span", {
+						dateTime: e.timeDateTime,
+						children: e.time
+					}) : /* @__PURE__ */ o("span", {
 						className: "notification-list__time",
-						children: s.time
+						children: e.time
 					})
 				]
-			}, s.id);
+			}, e.id);
 		})
 	});
 }
 //#endregion
-export { c as NotificationList };
+export { l as NotificationList };

package/dist/pagination.js

@@ -48,7 +48,7 @@ function o(e, t) {
 		"..."
 	];
 }
-function s({ mode: s = "pages", total: c = 0, pageCount: l, page: u = 1, pageSize: d = 10, hrefs: f, previousHref: p, nextHref: m, onPrevious: h, onNext: g, onPageChange: _, hrefBuilder: v, linkComponent: y, onPageSizeChange: b, pageSizeOptions: x, afterPageSize: S, showTotal: C = !1, size: w = "md", ariaLabel: T, pageLabel: E, previousLabel: D, nextLabel: O, pagesGroupLabel: k, pageSizeLabel: A, totalLabel: j, className: M }) {
+function s({ mode: s = "pages", total: c, pageCount: l, page: u = 1, pageSize: d = 10, hrefs: f, previousHref: p, nextHref: m, onPrevious: h, onNext: g, onPageChange: _, hrefBuilder: v, linkComponent: y, onPageSizeChange: b, pageSizeOptions: x, afterPageSize: S, showTotal: C = !1, size: w = "md", ariaLabel: T, pageLabel: E, previousLabel: D, nextLabel: O, pagesGroupLabel: k, pageSizeLabel: A, totalLabel: j, className: M }) {
 	let N = e("pagination"), P = v ?? (f ? (e) => f[e] : void 0), F = y ?? "a";
 	if (s === "cursor") {
 		let e = w === "sm" ? "xs" : w === "lg" ? "md" : "sm", n = (n) => {
@@ -86,9 +86,9 @@ function s({ mode: s = "pages", total: c = 0, pageCount: l, page: u = 1, pageSiz
 			})
 		});
 	}
-	if (l === void 0 && c === 0 && !S) return null;
-	let I = l ?? (d === "all" ? 1 : Math.ceil(c / d)), L = I > 1 ? o(u, I) : [];
-	function R(e, t) {
+	if (c === 0 || l === 0 || c === void 0 && (l ?? 1) <= 1 && !S) return null;
+	let I = c ?? 0, L = l ?? (d === "all" ? 1 : Math.ceil(I / d)), R = L > 1 ? o(u, L) : [];
+	function z(e, t) {
 		if (e === "...") return /* @__PURE__ */ r("span", {
 			className: "pagination__ellipsis",
 			"aria-hidden": "true",
@@ -112,7 +112,7 @@ function s({ mode: s = "pages", total: c = 0, pageCount: l, page: u = 1, pageSiz
 			children: e
 		}, e);
 	}
-	function z(e, n, i) {
+	function B(e, n, i) {
 		let a = n === "prev" ? N("previous", D) : N("next", O), o = /* @__PURE__ */ r(t, {
 			name: "chevron",
 			size: w === "sm" ? "xs" : w === "lg" ? "md" : "sm",
@@ -135,7 +135,7 @@ function s({ mode: s = "pages", total: c = 0, pageCount: l, page: u = 1, pageSiz
 			children: o
 		});
 	}
-	let B = C || !!b || !!S;
+	let V = C || !!b || !!S;
 	return /* @__PURE__ */ i("nav", {
 		className: [
 			"pagination",
@@ -143,12 +143,12 @@ function s({ mode: s = "pages", total: c = 0, pageCount: l, page: u = 1, pageSiz
 			M
 		].filter(Boolean).join(" "),
 		"aria-label": N("label", T),
-		children: [B && /* @__PURE__ */ i("div", {
+		children: [V && /* @__PURE__ */ i("div", {
 			className: "pagination__meta",
 			children: [
 				C && /* @__PURE__ */ r("span", {
 					className: "pagination__summary",
-					children: N("total", j)(c)
+					children: N("total", j)(I)
 				}),
 				b && /* @__PURE__ */ r("div", {
 					className: "pagination__size-selector",
@@ -165,14 +165,14 @@ function s({ mode: s = "pages", total: c = 0, pageCount: l, page: u = 1, pageSiz
 					children: S
 				})
 			]
-		}), I > 1 && /* @__PURE__ */ i("div", {
+		}), L > 1 && /* @__PURE__ */ i("div", {
 			className: "pagination__controls",
 			role: "group",
 			"aria-label": N("pagesGroup", k),
 			children: [
-				z(u - 1, "prev", u <= 1),
-				L.map((e, t) => R(e, t)),
-				z(u + 1, "next", u >= I)
+				B(u - 1, "prev", u <= 1),
+				R.map((e, t) => z(e, t)),
+				B(u + 1, "next", u >= L)
 			]
 		})]
 	});

package/dist/progress-bar.js

@@ -1,2 +1,3 @@
+'use client';
 import { t as e } from "./_shared/progressbar.js";
 export { e as ProgressBar };

package/dist/project-card.js

@@ -1,55 +1,56 @@
 'use client';
 import './project-card.css';
-import { Heading as e } from "./heading.js";
-import { Paragraph as t } from "./paragraph.js";
-import { Tag as n } from "./tag.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useRender as a } from "@base-ui/react/use-render";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Heading as t } from "./heading.js";
+import { Paragraph as n } from "./paragraph.js";
+import { Tag as r } from "./tag.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRender as o } from "@base-ui/react/use-render";
 //#region src/stories/molecules/ProjectCard/ProjectCard.tsx
-function o({ title: o, description: s, media: c, tags: l, href: u, render: d, headingLevel: f = 3, headingSize: p = 5, tagsLabel: m = "Categorías", className: h, id: g }) {
-	let _ = a({
-		render: d,
-		enabled: d !== void 0,
+function s({ title: s, description: c, media: l, tags: u, href: d, render: f, headingLevel: p = 3, headingSize: m = 5, tagsLabel: h, className: g, id: _ }) {
+	let v = e("projectCard"), y = o({
+		render: f,
+		enabled: f !== void 0,
 		props: {
 			className: "project-card__link",
-			children: o
+			children: s
 		}
-	}) ?? (u === void 0 ? o : /* @__PURE__ */ r("a", {
-		href: u,
+	}) ?? (d === void 0 ? s : /* @__PURE__ */ i("a", {
+		href: d,
 		className: "project-card__link",
-		children: o
+		children: s
 	}));
-	return /* @__PURE__ */ i("article", {
-		id: g,
-		className: ["project-card", h].filter(Boolean).join(" "),
+	return /* @__PURE__ */ a("article", {
+		id: _,
+		className: ["project-card", g].filter(Boolean).join(" "),
 		children: [
-			c && /* @__PURE__ */ r("div", {
+			l && /* @__PURE__ */ i("div", {
 				className: "project-card__media",
-				children: /* @__PURE__ */ r("img", {
-					src: c.src,
-					alt: c.alt
+				children: /* @__PURE__ */ i("img", {
+					src: l.src,
+					alt: l.alt
 				})
 			}),
-			l && l.length > 0 && /* @__PURE__ */ r("ul", {
+			u && u.length > 0 && /* @__PURE__ */ i("ul", {
 				className: "project-card__tags",
-				"aria-label": m,
-				children: l.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(n, {
+				"aria-label": v("tags", h),
+				children: u.map((e) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, {
 					variant: e.variant ?? "neutral",
 					children: e.label
 				}) }, e.id ?? e.label))
 			}),
-			/* @__PURE__ */ r(e, {
-				level: f,
-				size: p,
+			/* @__PURE__ */ i(t, {
+				level: p,
+				size: m,
 				className: "project-card__title",
-				children: _
+				children: y
 			}),
-			s && /* @__PURE__ */ r(t, {
+			c && /* @__PURE__ */ i(n, {
 				className: "project-card__description",
-				children: s
+				children: c
 			})
 		]
 	});
 }
 //#endregion
-export { o as ProjectCard };
+export { s as ProjectCard };

package/dist/public-page-shell.js

@@ -7,29 +7,30 @@ import { SiteShell as r } from "./site-shell.js";
 import { forwardRef as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/templates/PublicPageShell/PublicPageShell.tsx
-var c = i(function({ children: i, header: c, footer: l, preferences: u, preferencesLabel: d, mainWidth: f = "xl", mainSpace: p = "xl", mainFlush: m = !1, id: h = "main-content", shell: g = !0 }, _) {
-	let v = e("publicPageShell");
-	if (!g) return /* @__PURE__ */ o(a, { children: i });
-	let y = u && /* @__PURE__ */ o(t, {
+var c = i(function({ children: i, header: c, footer: l, preferences: u, preferencesLabel: d, preferencesWidth: f = "xl", mainWidth: p = "xl", mainSpace: m = "xl", mainFlush: h = !1, id: g = "main-content", shell: _ = !0 }, v) {
+	let y = e("publicPageShell");
+	if (!_) return /* @__PURE__ */ o(a, { children: i });
+	let b = u && /* @__PURE__ */ o(t, {
 		as: "section",
+		width: f,
 		className: "public-page-shell__preferences",
-		"aria-label": v("preferences", d),
+		"aria-label": y("preferences", d),
 		children: /* @__PURE__ */ o("div", {
 			className: "public-page-shell__preferences-row",
 			children: u
 		})
 	});
 	return /* @__PURE__ */ o(r, {
-		ref: _,
+		ref: v,
 		header: c && /* @__PURE__ */ o(n, { children: c }),
-		footer: (y || l) && /* @__PURE__ */ s(a, { children: [y && /* @__PURE__ */ o(n, { children: y }), l && /* @__PURE__ */ o(n, { children: l })] }),
+		footer: (b || l) && /* @__PURE__ */ s(a, { children: [b && /* @__PURE__ */ o(n, { children: b }), l && /* @__PURE__ */ o(n, { children: l })] }),
 		children: /* @__PURE__ */ o(t, {
 			as: "main",
-			id: h,
+			id: g,
 			tabIndex: -1,
-			width: f,
-			space: p,
-			flush: m,
+			width: p,
+			space: m,
+			flush: h,
 			children: i
 		})
 	});

package/dist/slider.js

@@ -1,35 +1,36 @@
 'use client';
 import './slider.css';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Slider as n } from "@base-ui/react/slider";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Slider as r } from "@base-ui/react/slider";
 //#region src/stories/atoms/Slider/Slider.tsx
-function r({ value: r, defaultValue: i, onValueChange: a, onValueCommitted: o, label: s, thumbLabel: c, showValue: l = !1, orientation: u = "horizontal", className: d, ...f }) {
-	let p = r ?? i ?? 0, m = Array.isArray(p) ? p.length : 1, h = c ?? ((e, t) => t === 1 ? s ?? "Valor" : t === 2 ? e === 0 ? "Mínimo" : "Máximo" : `Valor ${e + 1}`), g = [
+function i({ value: i, defaultValue: a, onValueChange: o, onValueCommitted: s, label: c, thumbLabel: l, showValue: u = !1, orientation: d = "horizontal", className: f, ...p }) {
+	let m = e("slider"), h = i ?? a ?? 0, g = Array.isArray(h) ? h.length : 1, _ = l ?? ((e, t) => t === 1 ? m("value", c) : t === 2 ? m(e === 0 ? "min" : "max") : m("valueAt")(e + 1)), v = [
 		"slider",
-		u === "vertical" ? "slider--vertical" : "",
-		d ?? ""
+		d === "vertical" ? "slider--vertical" : "",
+		f ?? ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ t(n.Root, {
-		className: g,
-		orientation: u,
-		value: r,
-		defaultValue: i,
-		"aria-label": m === 1 ? void 0 : s,
-		onValueChange: a ? (e) => a(e) : void 0,
-		onValueCommitted: o ? (e) => o(e) : void 0,
-		...f,
-		children: [/* @__PURE__ */ e(n.Control, {
+	return /* @__PURE__ */ n(r.Root, {
+		className: v,
+		orientation: d,
+		value: i,
+		defaultValue: a,
+		"aria-label": g === 1 ? void 0 : c,
+		onValueChange: o ? (e) => o(e) : void 0,
+		onValueCommitted: s ? (e) => s(e) : void 0,
+		...p,
+		children: [/* @__PURE__ */ t(r.Control, {
 			className: "slider__control",
-			children: /* @__PURE__ */ t(n.Track, {
+			children: /* @__PURE__ */ n(r.Track, {
 				className: "slider__track",
-				children: [/* @__PURE__ */ e(n.Indicator, { className: "slider__indicator" }), Array.from({ length: m }, (t, r) => /* @__PURE__ */ e(n.Thumb, {
-					index: r,
+				children: [/* @__PURE__ */ t(r.Indicator, { className: "slider__indicator" }), Array.from({ length: g }, (e, n) => /* @__PURE__ */ t(r.Thumb, {
+					index: n,
 					className: "slider__thumb",
-					getAriaLabel: () => h(r, m)
-				}, r))]
+					getAriaLabel: () => _(n, g)
+				}, n))]
 			})
-		}), l && /* @__PURE__ */ e(n.Value, { className: "slider__value" })]
+		}), u && /* @__PURE__ */ t(r.Value, { className: "slider__value" })]
 	});
 }
 //#endregion
-export { r as Slider };
+export { i as Slider };

package/dist/spinner.js

@@ -1,14 +1,16 @@
+'use client';
 import './spinner.css';
-import { VisuallyHidden as e } from "./visually-hidden.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/stories/atoms/Spinner/Spinner.tsx
-function r() {
-	return /* @__PURE__ */ t("svg", {
+function i() {
+	return /* @__PURE__ */ n("svg", {
 		className: "spinner__square",
 		viewBox: "0 0 24 24",
 		"aria-hidden": "true",
 		focusable: "false",
-		children: /* @__PURE__ */ t("rect", {
+		children: /* @__PURE__ */ n("rect", {
 			className: "spinner__stroke",
 			x: "2",
 			y: "2",
@@ -18,17 +20,20 @@ function r() {
 		})
 	});
 }
-function i({ size: i = "md", label: a = "Cargando…", "aria-hidden": o }) {
-	return o ? /* @__PURE__ */ t("span", {
-		className: `spinner spinner--${i}`,
+function a({ size: a = "md", label: o, "aria-hidden": s }) {
+	let c = e("spinner");
+	if (s) return /* @__PURE__ */ n("span", {
+		className: `spinner spinner--${a}`,
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ t(r, {})
-	}) : /* @__PURE__ */ n("span", {
-		className: `spinner spinner--${i}`,
+		children: /* @__PURE__ */ n(i, {})
+	});
+	let l = c("label", o);
+	return /* @__PURE__ */ r("span", {
+		className: `spinner spinner--${a}`,
 		role: "status",
-		"aria-label": a,
-		children: [/* @__PURE__ */ t(r, {}), /* @__PURE__ */ t(e, { children: a })]
+		"aria-label": l,
+		children: [/* @__PURE__ */ n(i, {}), /* @__PURE__ */ n(t, { children: l })]
 	});
 }
 //#endregion
-export { i as Spinner };
+export { a as Spinner };

package/dist/stepper.js

@@ -1,67 +1,64 @@
 'use client';
 import './stepper.css';
-import { VisuallyHidden as e } from "./visually-hidden.js";
-import { StepMarker as t } from "./step-marker.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { VisuallyHidden as t } from "./visually-hidden.js";
+import { StepMarker as n } from "./step-marker.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/stories/molecules/Stepper/Stepper.tsx
-function a({ steps: a, current: o, onStepSelect: s, label: c = "Progreso", compactLabel: l = (e, t) => `Paso ${e} de ${t}`, labels: u, className: d, id: f }) {
-	if (a.length < 2) return null;
-	let p = {
-		completed: "Completado",
-		current: "Paso actual",
-		pending: "Pendiente",
-		...u
-	}, m = a.length, h = Math.min(Math.max(o, 0), m - 1), g = a[h];
-	return /* @__PURE__ */ i("div", {
-		id: f,
-		className: ["stepper", d].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ i("p", {
+function o({ steps: o, current: s, onStepSelect: c, label: l, compactLabel: u, labels: d, className: f, id: p }) {
+	let m = e("stepper");
+	if (o.length < 2) return null;
+	let h = (e) => m(e, d?.[e]), g = o.length, _ = Math.min(Math.max(s, 0), g - 1), v = o[_];
+	return /* @__PURE__ */ a("div", {
+		id: p,
+		className: ["stepper", f].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ a("p", {
 			className: "stepper__compact",
-			children: [/* @__PURE__ */ r("span", {
+			children: [/* @__PURE__ */ i("span", {
 				className: "stepper__compact-count",
-				children: l(h + 1, m)
-			}), /* @__PURE__ */ r("span", {
+				children: m("compact", u)(_ + 1, g)
+			}), /* @__PURE__ */ i("span", {
 				className: "stepper__compact-label",
-				children: g.label
+				children: v.label
 			})]
-		}), /* @__PURE__ */ r("ol", {
+		}), /* @__PURE__ */ i("ol", {
 			className: "stepper__list",
-			"aria-label": c,
-			children: a.map((a, o) => {
-				let c = o < h ? "completed" : o === h ? "current" : "pending", l = s !== void 0 && c !== "current" && (a.reachable ?? c === "completed"), u = /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, {
-					state: c === "completed" ? "done" : c === "current" ? "current" : "pending",
+			"aria-label": m("label", l),
+			children: o.map((e, o) => {
+				let s = o < _ ? "completed" : o === _ ? "current" : "pending", l = c !== void 0 && s !== "current" && (e.reachable ?? s === "completed"), u = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, {
+					state: s === "completed" ? "done" : s === "current" ? "current" : "pending",
 					count: o + 1,
 					className: "stepper__marker"
-				}), /* @__PURE__ */ i("span", {
+				}), /* @__PURE__ */ a("span", {
 					className: "stepper__text",
 					children: [
-						/* @__PURE__ */ i(e, { children: [p[c], ": "] }),
-						/* @__PURE__ */ r("span", {
+						/* @__PURE__ */ a(t, { children: [h(s), ": "] }),
+						/* @__PURE__ */ i("span", {
 							className: "stepper__label",
-							children: a.label
+							children: e.label
 						}),
-						a.description && /* @__PURE__ */ r("span", {
+						e.description && /* @__PURE__ */ i("span", {
 							className: "stepper__description",
-							children: a.description
+							children: e.description
 						})
 					]
 				})] });
-				return /* @__PURE__ */ r("li", {
-					className: `stepper__step stepper__step--${c}`,
-					children: l ? /* @__PURE__ */ r("button", {
+				return /* @__PURE__ */ i("li", {
+					className: `stepper__step stepper__step--${s}`,
+					children: l ? /* @__PURE__ */ i("button", {
 						type: "button",
 						className: "stepper__item stepper__item--action",
-						onClick: () => s(o, a),
+						onClick: () => c(o, e),
 						children: u
-					}) : /* @__PURE__ */ r("span", {
+					}) : /* @__PURE__ */ i("span", {
 						className: "stepper__item",
-						"aria-current": c === "current" ? "step" : void 0,
+						"aria-current": s === "current" ? "step" : void 0,
 						children: u
 					})
-				}, a.id ?? o);
+				}, e.id ?? o);
 			})
 		})]
 	});
 }
 //#endregion
-export { a as Stepper };
+export { o as Stepper };