@studiolxd/brand 38.17.0 → 40.0.0

package/dist/site-shell.js

@@ -1,14 +1,14 @@
 import './site-shell.css';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/stories/sections/SiteShell/SiteShell.tsx
-var r = n(function({ header: n, footer: r, children: i, className: a }, o) {
-	return /* @__PURE__ */ t("div", {
+var r = e(function({ header: e, footer: r, children: i, className: a }, o) {
+	return /* @__PURE__ */ n("div", {
 		ref: o,
 		className: ["site-shell", a].filter(Boolean).join(" "),
 		children: [
-			n,
-			/* @__PURE__ */ e("div", {
+			e,
+			/* @__PURE__ */ t("div", {
 				className: "site-shell__main",
 				children: i
 			}),

package/dist/sparkline.js

@@ -1,21 +1,21 @@
 import './sparkline.css';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/stories/atoms/Sparkline/Sparkline.tsx
 var r = {
 	width: 80,
 	height: 24,
 	markerSize: 8
-}, i = n(function({ values: n, type: i = "line", width: a = r.width, height: o = r.height, marker: s = !0, baseline: c = !0, series: l, ariaLabel: u, className: d, ...f }, p) {
+}, i = e(function({ values: e, type: i = "line", width: a = r.width, height: o = r.height, marker: s = !0, baseline: c = !0, series: l, ariaLabel: u, className: d, ...f }, p) {
 	let m = [
 		"sparkline",
 		`sparkline--${i}`,
 		d
-	].filter(Boolean).join(" "), h = n.filter((e) => Number.isFinite(e)), g = r.markerSize / 2, _ = h.length ? Math.min(...h) : 0, v = h.length ? Math.max(...h) : 1, y = v - _ || 1, b = h.map((e, t) => ({
+	].filter(Boolean).join(" "), h = e.filter((e) => Number.isFinite(e)), g = r.markerSize / 2, _ = h.length ? Math.min(...h) : 0, v = h.length ? Math.max(...h) : 1, y = v - _ || 1, b = h.map((e, t) => ({
 		x: g + (h.length > 1 ? t * (a - g * 2) / (h.length - 1) : (a - g * 2) / 2),
 		y: o - g - (e - _) / y * (o - g * 2)
 	})), x = b.map((e, t) => `${t === 0 ? "M" : "L"} ${e.x} ${e.y}`).join(" "), S = b[b.length - 1], C = _ < 0 && v > 0, w = o - g - (0 - _) / y * (o - g * 2);
-	return b.length === 0 ? null : /* @__PURE__ */ t("svg", {
+	return b.length === 0 ? null : /* @__PURE__ */ n("svg", {
 		ref: p,
 		className: m,
 		"data-series": l,
@@ -27,22 +27,22 @@ var r = {
 		"aria-hidden": u ? void 0 : !0,
 		...f,
 		children: [
-			c && C ? /* @__PURE__ */ e("line", {
+			c && C ? /* @__PURE__ */ t("line", {
 				className: "sparkline__baseline",
 				x1: 0,
 				y1: w,
 				x2: a,
 				y2: w
 			}) : null,
-			i === "area" && S ? /* @__PURE__ */ e("path", {
+			i === "area" && S ? /* @__PURE__ */ t("path", {
 				className: "sparkline__area",
 				d: `${x} L ${S.x} ${o} L ${b[0]?.x ?? 0} ${o} Z`
 			}) : null,
-			/* @__PURE__ */ e("path", {
+			/* @__PURE__ */ t("path", {
 				className: "sparkline__line",
 				d: x
 			}),
-			s && S ? /* @__PURE__ */ e("circle", {
+			s && S ? /* @__PURE__ */ t("circle", {
 				className: "sparkline__marker",
 				cx: S.x,
 				cy: S.y,

package/dist/star-rating.css

@@ -1 +1 @@
-.star-rating{align-items:center;gap:var(--star-rating-gap);color:var(--star-rating-track-color);display:inline-flex}.star-rating__star{display:inline-flex;position:relative}.star-rating__glyph{--icon-size:var(--star-rating-star-size)}.star-rating__glyph--fill{color:var(--star-rating-fill-color);fill:var(--star-rating-fill-color);transition:color var(--star-rating-transition-duration) var(--star-rating-transition-easing);position:absolute;inset-block-start:0;inset-inline-start:0}.star-rating__glyph--half{clip-path:inset(0 50% 0 0)}[dir=rtl] .star-rating__glyph--half{clip-path:inset(0 0 0 50%)}.star-rating__option{cursor:var(--star-rating-cursor);display:inline-flex}.star-rating__input:focus-visible+.star-rating__star{outline:var(--star-rating-focus-ring-width) solid var(--star-rating-focus-ring-color);outline-offset:var(--star-rating-focus-ring-offset)}.star-rating__input:disabled+.star-rating__star{opacity:var(--star-rating-disabled-opacity)}.star-rating__option:has(.star-rating__input:disabled){cursor:var(--star-rating-disabled-cursor)}.star-rating.star-rating--sm{--star-rating-star-size:var(--star-rating-sm-star-size)}.star-rating.star-rating--lg{--star-rating-star-size:var(--star-rating-lg-star-size)}
+.star-rating{align-items:center;gap:var(--star-rating-count-gap);color:var(--star-rating-track-color);display:inline-flex}.star-rating__stars{align-items:center;gap:var(--star-rating-gap);display:inline-flex}.star-rating__count{color:var(--star-rating-count-color)}.star-rating__empty{color:var(--star-rating-empty-color)}.star-rating__star{display:inline-flex;position:relative}.star-rating__glyph{--icon-size:var(--star-rating-star-size)}.star-rating__glyph--fill{color:var(--star-rating-fill-color);fill:var(--star-rating-fill-color);transition:color var(--star-rating-transition-duration) var(--star-rating-transition-easing);position:absolute;inset-block-start:0;inset-inline-start:0}.star-rating__glyph--half{clip-path:inset(0 50% 0 0)}[dir=rtl] .star-rating__glyph--half{clip-path:inset(0 0 0 50%)}.star-rating.star-rating--input{gap:var(--star-rating-gap)}.star-rating__option{cursor:var(--star-rating-cursor);display:inline-flex}.star-rating__input:focus-visible+.star-rating__star{outline:var(--star-rating-focus-ring-width) solid var(--star-rating-focus-ring-color);outline-offset:var(--star-rating-focus-ring-offset)}.star-rating__input:disabled+.star-rating__star{opacity:var(--star-rating-disabled-opacity)}.star-rating__option:has(.star-rating__input:disabled){cursor:var(--star-rating-disabled-cursor)}.star-rating.star-rating--sm{--star-rating-star-size:var(--star-rating-sm-star-size)}.star-rating.star-rating--lg{--star-rating-star-size:var(--star-rating-lg-star-size)}

package/dist/star-rating.js

@@ -2,8 +2,8 @@
 import './star-rating.css';
 import { Icon as e } from "./icon.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useId as i, useState as a } from "react";
+import { useId as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/stories/atoms/StarRating/StarRating.tsx
 function o(e, t) {
 	return Math.min(Math.max(Math.round(e * 2) / 2, 0), t);
@@ -12,67 +12,81 @@ function s(e, t) {
 	return t >= e + 1 ? "full" : t >= e + .5 ? "half" : "empty";
 }
 function c({ fill: t }) {
-	return /* @__PURE__ */ r("span", {
+	return /* @__PURE__ */ a("span", {
 		className: "star-rating__star",
-		children: [/* @__PURE__ */ n(e, {
+		children: [/* @__PURE__ */ i(e, {
 			name: "star",
 			className: "star-rating__glyph star-rating__glyph--track"
-		}), t !== "empty" && /* @__PURE__ */ n(e, {
+		}), t !== "empty" && /* @__PURE__ */ i(e, {
 			name: "star",
 			className: `star-rating__glyph star-rating__glyph--fill${t === "half" ? " star-rating__glyph--half" : ""}`
 		})]
 	});
 }
-function l({ value: e, defaultValue: l, onValueChange: u, max: d = 5, readOnly: f = !0, disabled: p = !1, size: m = "md", name: h, locale: g = "es-ES", valueLabel: _ = (e, t) => `${e.toLocaleString(g)} de ${t} estrellas`, optionLabel: v = (e, t) => `${e.toLocaleString(g)} de ${t} estrellas`, groupLabel: y = "Valoración", className: b, ...x }) {
-	let S = i(), [C, w] = a(l), [T, E] = a(void 0), D = e !== void 0, O = (D ? e : C) ?? 0, k = [
+function l(e) {
+	let { value: l, defaultValue: u, onValueChange: d, max: f = 5, reviewCount: p, readOnly: m = !0, disabled: h = !1, size: g = "md", name: _, valueLabel: v, optionLabel: y, groupLabel: b, countLabel: x, emptyLabel: S, className: C, ...w } = e, T = n(), [E, D] = r(u), [O, k] = r(void 0), A = l !== void 0, j = (A ? l : E) ?? 0, M = [
 		"star-rating",
-		m === "md" ? "" : `star-rating--${m}`,
-		f ? "" : "star-rating--input",
-		b ?? ""
-	].filter(Boolean).join(" "), A = Array.from({ length: d }, (e, t) => t);
-	if (f) {
-		let e = o(O, d);
-		return /* @__PURE__ */ n("div", {
-			className: k,
+		g === "md" ? "" : `star-rating--${g}`,
+		m ? "" : "star-rating--input",
+		C ?? ""
+	].filter(Boolean).join(" "), N = Array.from({ length: f }, (e, t) => t);
+	if (m) {
+		if (l === null) return /* @__PURE__ */ i("div", {
+			className: M,
+			...w,
+			children: /* @__PURE__ */ i("span", {
+				className: "star-rating__empty",
+				children: S ?? ""
+			})
+		});
+		let e = o(j, f);
+		return /* @__PURE__ */ a("div", {
+			className: M,
 			role: "img",
-			"aria-label": _(e, d),
-			...x,
-			children: A.map((t) => /* @__PURE__ */ n(c, { fill: s(t, e) }, t))
+			"aria-label": v?.(e, f, p) ?? "",
+			...w,
+			children: [/* @__PURE__ */ i("span", {
+				className: "star-rating__stars",
+				children: N.map((t) => /* @__PURE__ */ i(c, { fill: s(t, e) }, t))
+			}), p !== void 0 && /* @__PURE__ */ i("span", {
+				className: "star-rating__count",
+				children: x?.(p) ?? ""
+			})]
 		});
 	}
-	function j(e) {
-		D || w(e), u?.(e);
+	function P(e) {
+		A || D(e), d?.(e);
 	}
-	let M = T ?? Math.round(O);
-	return /* @__PURE__ */ n("div", {
-		className: k,
+	let F = O ?? Math.round(j);
+	return /* @__PURE__ */ i("div", {
+		className: M,
 		role: "radiogroup",
-		"aria-label": y,
-		onPointerLeave: () => E(void 0),
-		...x,
-		children: A.map((e) => {
-			let i = e + 1;
-			return /* @__PURE__ */ r("label", {
+		"aria-label": b ?? "",
+		onPointerLeave: () => k(void 0),
+		...w,
+		children: N.map((e) => {
+			let n = e + 1;
+			return /* @__PURE__ */ a("label", {
 				className: "star-rating__option",
 				onPointerEnter: () => {
-					p || E(i);
+					h || k(n);
 				},
 				children: [
-					/* @__PURE__ */ n("input", {
+					/* @__PURE__ */ i("input", {
 						className: "star-rating__input visually-hidden",
 						type: "radio",
-						name: h ?? S,
-						value: i,
-						checked: Math.round(O) === i,
-						disabled: p,
-						onChange: () => j(i),
-						onFocus: () => E(i),
-						onBlur: () => E(void 0)
+						name: _ ?? T,
+						value: n,
+						checked: Math.round(j) === n,
+						disabled: h,
+						onChange: () => P(n),
+						onFocus: () => k(n),
+						onBlur: () => k(void 0)
 					}),
-					/* @__PURE__ */ n(c, { fill: i <= M ? "full" : "empty" }),
-					/* @__PURE__ */ n(t, { children: v(i, d) })
+					/* @__PURE__ */ i(c, { fill: n <= F ? "full" : "empty" }),
+					/* @__PURE__ */ i(t, { children: y?.(n, f) ?? "" })
 				]
-			}, i);
+			}, n);
 		})
 	});
 }

package/dist/stat-tile.js

@@ -2,8 +2,8 @@ import './stat-tile.css';
 import { Icon as e } from "./icon.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
 import { Tag as n } from "./tag.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/stories/molecules/StatTile/StatTile.tsx
 var o = {
 	up: "positive",
@@ -17,43 +17,43 @@ var o = {
 	up: "Sube",
 	down: "Baja",
 	flat: "Sin cambio"
-}, l = a(function({ label: a, value: l, delta: u, description: d, icon: f, size: p = "md", className: m, ...h }, g) {
+}, l = r(function({ label: r, value: l, delta: u, description: d, icon: f, size: p = "md", className: m, ...h }, g) {
 	let _ = [
 		"stat-tile",
 		p === "md" ? "" : `stat-tile--${p}`,
 		m ?? ""
 	].filter(Boolean).join(" "), v = u?.direction ?? "flat", y = u?.tone ?? o[v], b = u?.label ?? c[v];
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ a("div", {
 		ref: g,
 		className: _,
 		...h,
 		children: [
-			/* @__PURE__ */ i("p", {
+			/* @__PURE__ */ a("p", {
 				className: "stat-tile__label",
-				children: [f && /* @__PURE__ */ r("span", {
+				children: [f && /* @__PURE__ */ i("span", {
 					className: "stat-tile__icon",
 					"aria-hidden": "true",
 					children: f
-				}), a]
+				}), r]
 			}),
-			/* @__PURE__ */ r("p", {
+			/* @__PURE__ */ i("p", {
 				className: "stat-tile__value",
 				children: l
 			}),
-			u && /* @__PURE__ */ i(n, {
+			u && /* @__PURE__ */ a(n, {
 				variant: s[y],
 				className: "stat-tile__delta",
 				children: [
-					/* @__PURE__ */ r(e, {
+					/* @__PURE__ */ i(e, {
 						name: "arrow",
 						size: "sm",
 						className: `stat-tile__delta-icon stat-tile__delta-icon--${v}`
 					}),
-					/* @__PURE__ */ r(t, { children: b }),
+					/* @__PURE__ */ i(t, { children: b }),
 					u.value
 				]
 			}),
-			d && /* @__PURE__ */ r("p", {
+			d && /* @__PURE__ */ i("p", {
 				className: "stat-tile__description",
 				children: d
 			})

package/dist/steps.js

@@ -4,52 +4,52 @@ import { Icon as e } from "./icon.js";
 import { Heading as t } from "./heading.js";
 import { Paragraph as n } from "./paragraph.js";
 import { StepMarker as r } from "./step-marker.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Children as o, createContext as s, useContext as c } from "react";
+import { Children as i, createContext as a, useContext as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/organisms/Steps/Steps.tsx
-var l = s(null);
-function u({ items: s, orientation: c = "vertical", tone: u, badgeVariant: d, titleLevel: f = 3, titleSize: p = 1, label: m, children: h, className: g, id: _ }) {
+var l = a(null);
+function u({ items: a, orientation: o = "vertical", tone: u, badgeVariant: d, titleLevel: f = 3, titleSize: p = 1, label: m, children: h, className: g, id: _ }) {
 	let v = [
 		"steps",
-		`steps--${c}`,
+		`steps--${o}`,
 		g
 	].filter(Boolean).join(" "), y = u ?? d ?? "primary";
-	return h === void 0 ? /* @__PURE__ */ i("ol", {
+	return h === void 0 ? /* @__PURE__ */ s("ol", {
 		id: _,
 		className: v,
 		"aria-label": m,
-		children: (s ?? []).map((o, s) => /* @__PURE__ */ a("li", {
+		children: (a ?? []).map((i, a) => /* @__PURE__ */ c("li", {
 			className: "steps__item",
-			children: [/* @__PURE__ */ i("span", {
+			children: [/* @__PURE__ */ s("span", {
 				className: "steps__marker",
-				children: /* @__PURE__ */ i(r, {
+				children: /* @__PURE__ */ s(r, {
 					state: "neutral",
 					tone: y,
-					count: s + 1,
-					icon: o.icon,
+					count: a + 1,
+					icon: i.icon,
 					className: "steps__number"
 				})
-			}), /* @__PURE__ */ a("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "steps__body",
-				children: [/* @__PURE__ */ a(t, {
+				children: [/* @__PURE__ */ c(t, {
 					level: f,
 					size: p,
 					className: "steps__title",
-					children: [o.icon && /* @__PURE__ */ i(e, {
-						name: o.icon,
+					children: [i.icon && /* @__PURE__ */ s(e, {
+						name: i.icon,
 						className: "steps__icon"
-					}), o.title]
-				}), o.description && /* @__PURE__ */ i(n, {
+					}), i.title]
+				}), i.description && /* @__PURE__ */ s(n, {
 					className: "steps__description",
-					children: o.description
+					children: i.description
 				})]
 			})]
-		}, o.id ?? s))
-	}) : /* @__PURE__ */ i("ol", {
+		}, i.id ?? a))
+	}) : /* @__PURE__ */ s("ol", {
 		id: _,
 		className: v,
 		"aria-label": m,
-		children: o.map(h, (e, t) => /* @__PURE__ */ i(l.Provider, {
+		children: i.map(h, (e, t) => /* @__PURE__ */ s(l.Provider, {
 			value: {
 				index: t,
 				tone: y,
@@ -60,33 +60,33 @@ function u({ items: s, orientation: c = "vertical", tone: u, badgeVariant: d, ti
 		}))
 	});
 }
-function d({ title: n, icon: o, children: s, className: u, ...d }) {
-	let f = c(l);
+function d({ title: n, icon: i, children: a, className: u, ...d }) {
+	let f = o(l);
 	if (f === null) throw Error("`Step` solo funciona dentro de `Steps`: de ahí saca su número.");
 	let { index: p, tone: m, titleLevel: h, titleSize: g } = f;
-	return /* @__PURE__ */ a("li", {
+	return /* @__PURE__ */ c("li", {
 		className: ["steps__item", u].filter(Boolean).join(" "),
 		...d,
-		children: [/* @__PURE__ */ i("span", {
+		children: [/* @__PURE__ */ s("span", {
 			className: "steps__marker",
-			children: /* @__PURE__ */ i(r, {
+			children: /* @__PURE__ */ s(r, {
 				state: "neutral",
 				tone: m,
 				count: p + 1,
-				icon: o,
+				icon: i,
 				className: "steps__number"
 			})
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ c("div", {
 			className: "steps__body",
-			children: [/* @__PURE__ */ a(t, {
+			children: [/* @__PURE__ */ c(t, {
 				level: h,
 				size: g,
 				className: "steps__title",
-				children: [o && /* @__PURE__ */ i(e, {
-					name: o,
+				children: [i && /* @__PURE__ */ s(e, {
+					name: i,
 					className: "steps__icon"
 				}), n]
-			}), s]
+			}), a]
 		})]
 	});
 }

package/dist/switcher-field.js

@@ -5,12 +5,12 @@ import { n as t } from "./_shared/form-size.js";
 import { ErrorText as n } from "./error-text.js";
 import { Switcher as r } from "./switcher.js";
 import { n as i } from "./_shared/field-labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s, useId as c } from "react";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/SwitcherField/SwitcherField.tsx
-var l = s(function({ label: s, labelHidden: l, id: u, checked: d, defaultChecked: f, disabled: p, required: m, name: h, value: g, size: _, error: v = !1, errorMessage: y, helperText: b, className: x, onCheckedChange: S, onBlur: C }, w) {
-	let T = i(l), E = t(_), D = c(), O = u ?? D, k = y ? `${O}-error` : void 0, A = b ? `${O}-helper` : void 0, j = [k, A].filter(Boolean).join(" ") || void 0, M = v || !!y;
-	return /* @__PURE__ */ o("div", {
+var l = a(function({ label: a, labelHidden: l, id: u, checked: d, defaultChecked: f, disabled: p, required: m, name: h, value: g, size: _, error: v = !1, errorMessage: y, helperText: b, className: x, onCheckedChange: S, onBlur: C }, w) {
+	let T = i(l), E = t(_), D = o(), O = u ?? D, k = y ? `${O}-error` : void 0, A = b ? `${O}-helper` : void 0, j = [k, A].filter(Boolean).join(" ") || void 0, M = v || !!y;
+	return /* @__PURE__ */ c("div", {
 		className: [
 			"switcher-field",
 			E === "md" ? "" : `switcher-field--${E}`,
@@ -18,10 +18,10 @@ var l = s(function({ label: s, labelHidden: l, id: u, checked: d, defaultChecked
 			x
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ o("label", {
+			/* @__PURE__ */ c("label", {
 				className: "switcher-field__control",
 				htmlFor: O,
-				children: [/* @__PURE__ */ a(r, {
+				children: [/* @__PURE__ */ s(r, {
 					ref: w,
 					id: O,
 					checked: d,
@@ -36,20 +36,20 @@ var l = s(function({ label: s, labelHidden: l, id: u, checked: d, defaultChecked
 					"aria-describedby": j,
 					onCheckedChange: S,
 					onBlur: C
-				}), T ? /* @__PURE__ */ a(e, {
+				}), T ? /* @__PURE__ */ s(e, {
 					id: `${O}-label`,
-					children: s
-				}) : /* @__PURE__ */ a("span", {
+					children: a
+				}) : /* @__PURE__ */ s("span", {
 					id: `${O}-label`,
 					className: "switcher-field__label",
-					children: s
+					children: a
 				})]
 			}),
-			y && /* @__PURE__ */ a(n, {
+			y && /* @__PURE__ */ s(n, {
 				id: k,
 				children: y
 			}),
-			b && /* @__PURE__ */ a("span", {
+			b && /* @__PURE__ */ s("span", {
 				id: A,
 				className: "switcher-field__helper",
 				children: b

package/dist/switcher.js

@@ -1,23 +1,23 @@
 'use client';
 import './switcher.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t, useCallback as n } from "react";
+import { forwardRef as e, useCallback as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 import { Switch as r } from "@base-ui/react/switch";
 //#region src/stories/atoms/Switcher/Switcher.tsx
-var i = t(function({ size: t = "md", error: i = !1, className: a, value: o, onCheckedChange: s, id: c, ...l }, u) {
+var i = e(function({ size: e = "md", error: i = !1, className: a, value: o, onCheckedChange: s, id: c, ...l }, u) {
 	let d = [
 		"switcher",
-		t === "md" ? "" : `switcher--${t}`,
+		e === "md" ? "" : `switcher--${e}`,
 		i ? "switcher--error" : "",
 		a ?? ""
-	].filter(Boolean).join(" "), f = n((e) => {
+	].filter(Boolean).join(" "), f = t((e) => {
 		e && o !== void 0 && (e.value = o);
 	}, [o]);
-	return /* @__PURE__ */ e(r.Root, {
+	return /* @__PURE__ */ n(r.Root, {
 		ref: u,
 		className: d,
 		inputRef: f,
-		render: /* @__PURE__ */ e("button", {
+		render: /* @__PURE__ */ n("button", {
 			type: "button",
 			id: c
 		}),
@@ -25,7 +25,7 @@ var i = t(function({ size: t = "md", error: i = !1, className: a, value: o, onCh
 		"aria-invalid": i || void 0,
 		onCheckedChange: s ? (e) => s(e) : void 0,
 		...l,
-		children: /* @__PURE__ */ e(r.Thumb, { className: "switcher__thumb" })
+		children: /* @__PURE__ */ n(r.Thumb, { className: "switcher__thumb" })
 	});
 });
 //#endregion

package/dist/table-of-contents.js

@@ -1,16 +1,16 @@
 import './table-of-contents.css';
 import { Link as e } from "./link.js";
 import { List as t } from "./list.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/TableOfContents/TableOfContents.tsx
 function a(e, t) {
 	return Math.min(Math.max(e - t, 0), 5);
 }
-var o = i(function({ items: i, activeId: o, ariaLabel: s = "En esta página", title: c, sticky: l = !1, onItemClick: u, className: d, ...f }, p) {
-	if (i.length === 0) return null;
-	let m = Math.min(...i.map((e) => e.level));
-	return /* @__PURE__ */ r("nav", {
+var o = n(function({ items: n, activeId: o, ariaLabel: s = "En esta página", title: c, sticky: l = !1, onItemClick: u, className: d, ...f }, p) {
+	if (n.length === 0) return null;
+	let m = Math.min(...n.map((e) => e.level));
+	return /* @__PURE__ */ i("nav", {
 		ref: p,
 		className: [
 			"table-of-contents",
@@ -19,20 +19,20 @@ var o = i(function({ items: i, activeId: o, ariaLabel: s = "En esta página", ti
 		].filter(Boolean).join(" "),
 		"aria-label": s,
 		...f,
-		children: [c && /* @__PURE__ */ n("p", {
+		children: [c && /* @__PURE__ */ r("p", {
 			className: "table-of-contents__title",
 			children: c
-		}), /* @__PURE__ */ n(t, {
+		}), /* @__PURE__ */ r(t, {
 			type: "plain",
 			className: "table-of-contents__list",
-			children: i.map((t) => {
-				let r = t.id === o;
-				return /* @__PURE__ */ n("li", {
+			children: n.map((t) => {
+				let n = t.id === o;
+				return /* @__PURE__ */ r("li", {
 					className: `table-of-contents__item table-of-contents__item--level-${a(t.level, m)}`,
-					children: /* @__PURE__ */ n(e, {
+					children: /* @__PURE__ */ r(e, {
 						href: `#${t.id}`,
-						className: ["table-of-contents__link", r ? "table-of-contents__link--active" : ""].filter(Boolean).join(" "),
-						"aria-current": r ? "location" : void 0,
+						className: ["table-of-contents__link", n ? "table-of-contents__link--active" : ""].filter(Boolean).join(" "),
+						"aria-current": n ? "location" : void 0,
 						onClick: u ? (e) => u(t, e) : void 0,
 						children: t.label
 					})

package/dist/tag.js

@@ -1,13 +1,13 @@
 import './tag.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Tag/Tag.tsx
-var n = t(function({ variant: t = "neutral", className: n, children: r, ...i }, a) {
-	return /* @__PURE__ */ e("span", {
+var n = e(function({ variant: e = "neutral", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ t("span", {
 		ref: a,
 		className: [
 			"tag",
-			`tag--${t}`,
+			`tag--${e}`,
 			n ?? ""
 		].filter(Boolean).join(" "),
 		...i,

package/dist/text.js

@@ -1,9 +1,9 @@
 import './text.css';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Text/Text.tsx
-var n = t(function({ as: t = "span", tone: n = "default", className: r, children: i, ...a }, o) {
-	return /* @__PURE__ */ e(t, {
+var n = e(function({ as: e = "span", tone: n = "default", className: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ t(e, {
 		ref: o,
 		className: [
 			"text",
@@ -13,10 +13,10 @@ var n = t(function({ as: t = "span", tone: n = "default", className: r, children
 		...a,
 		children: i
 	});
-}), r = t(function({ className: t, ...n }, r) {
-	return /* @__PURE__ */ e("br", {
+}), r = e(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ t("br", {
 		ref: r,
-		className: ["text__break", t ?? ""].filter(Boolean).join(" "),
+		className: ["text__break", e ?? ""].filter(Boolean).join(" "),
 		...n
 	});
 });