@studiolxd/brand 49.28.0 → 51.0.0

package/dist/site-search.js

@@ -1,141 +1,155 @@
 'use client';
 import './site-search.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Spinner as t } from "./spinner.js";
 import { Button as n } from "./button.js";
 import { Skeleton as r } from "./skeleton.js";
-import { Alert as i } from "./alert.js";
-import { EmptyState as a } from "./empty-state.js";
-import { SearchForm as o } from "./search-form.js";
-import { forwardRef as s, useId as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/stories/organisms/SiteSearch/SiteSearch.tsx
-function d(e) {
-	return /* @__PURE__ */ l("a", { ...e });
-}
-var f = s(function({ query: s, onQueryChange: f, onSubmit: p, action: m, name: h = "q", status: g = "idle", results: _ = [], total: v, minLength: y = 2, suggestions: b, onSuggestionSelect: x, onRetry: S, toolbar: C, footer: w, headingLevel: T = 2, size: E, loadingRows: D = 3, onSelect: O, renderLink: k = d, label: A, labelHidden: j = !0, placeholder: M, submitLabel: N, resultsLabel: P, className: F, id: I, ...L }, R) {
-	let z = e("siteSearch"), B = c(), V = I ?? B, H = `${V}-input`, U = `${V}-status`, W = `${V}-results`, G = `h${T}`, K = s.trim(), q = v ?? _.length, J = g === "ready" && _.length > 0, Y = g === "idle" ? z("idle") : g === "typing" ? K.length < y ? z("minLength")(y) : z("pending") : g === "loading" ? z("loading") : g === "error" ? null : z("results")(q, K);
-	return /* @__PURE__ */ u("div", {
-		className: ["site-search", F].filter(Boolean).join(" "),
-		...L,
+import { t as i } from "./_shared/alert.js";
+import { t as a } from "./_shared/default-render-link.js";
+import { EmptyState as o } from "./empty-state.js";
+import { t as s } from "./_shared/searchform.js";
+import { forwardRef as c, useId as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/stories/messages/es/siteSearch.ts
+var f = {
+	label: "Buscar en el sitio",
+	placeholder: "¿Qué estás buscando?",
+	submit: "Buscar",
+	idle: "Escribe para buscar en todo el sitio",
+	minLength: (e) => `Escribe al menos ${e} caracteres`,
+	pending: "Pulsa Intro para buscar",
+	loading: "Buscando…",
+	results: (e, t) => e === 1 ? `1 resultado para «${t}»` : `${e} resultados para «${t}»`,
+	resultsLabel: "Resultados de la búsqueda",
+	emptyTitle: "Sin resultados",
+	emptyDescription: "Revisa la ortografía o prueba con menos palabras.",
+	suggestionsLabel: "Búsquedas frecuentes",
+	errorTitle: "No se ha podido buscar",
+	errorDescription: "El buscador no ha respondido. Vuelve a intentarlo en unos segundos.",
+	retry: "Reintentar"
+}, p = c(function({ query: c, onQueryChange: p, onSubmit: m, action: h, name: g = "q", status: _ = "idle", results: v = [], total: y, minLength: b = 2, suggestions: x, onSuggestionSelect: S, onRetry: C, toolbar: w, footer: T, headingLevel: E = 2, size: D, loadingRows: O = 3, onSelect: k, renderLink: A = a, label: j, labelHidden: M = !0, placeholder: N, submitLabel: P, resultsLabel: F, className: I, id: L, ...R }, z) {
+	let B = e("siteSearch", f), V = l(), H = L ?? V, U = `${H}-input`, W = `${H}-status`, G = `${H}-results`, K = `h${E}`, q = c.trim(), J = y ?? v.length, Y = _ === "ready" && v.length > 0, X = _ === "idle" ? B("idle") : _ === "typing" ? q.length < b ? B("minLength")(b) : B("pending") : _ === "loading" ? B("loading") : _ === "error" ? null : B("results")(J, q);
+	return /* @__PURE__ */ d("div", {
+		className: ["site-search", I].filter(Boolean).join(" "),
+		...R,
 		children: [
-			/* @__PURE__ */ l(o, {
-				ref: R,
+			/* @__PURE__ */ u(s, {
+				ref: z,
 				className: "site-search__form",
-				id: H,
-				name: h,
-				label: z("label", A),
-				labelHidden: j,
-				placeholder: z("placeholder", M),
-				submitLabel: z("submit", N),
-				value: s,
-				onChange: (e) => f(e.target.value),
-				...p ? { onSubmit: p } : {},
-				action: m,
-				describedBy: U,
-				...J ? { controls: W } : {},
-				...E ? { size: E } : {}
+				id: U,
+				name: g,
+				label: B("label", j),
+				labelHidden: M,
+				placeholder: B("placeholder", N),
+				submitLabel: B("submit", P),
+				value: c,
+				onChange: (e) => p(e.target.value),
+				...m ? { onSubmit: m } : {},
+				action: h,
+				describedBy: W,
+				...Y ? { controls: G } : {},
+				...D ? { size: D } : {}
 			}),
-			C ? /* @__PURE__ */ l("div", {
+			w ? /* @__PURE__ */ u("div", {
 				className: "site-search__toolbar",
-				children: C
+				children: w
 			}) : null,
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ d("p", {
 				className: "site-search__status",
-				id: U,
+				id: W,
 				role: "status",
 				"aria-live": "polite",
-				children: [g === "loading" ? /* @__PURE__ */ l(t, {
+				children: [_ === "loading" ? /* @__PURE__ */ u(t, {
 					size: "sm",
 					"aria-hidden": !0
-				}) : null, /* @__PURE__ */ l("span", {
+				}) : null, /* @__PURE__ */ u("span", {
 					className: "site-search__status-text",
-					children: Y
+					children: X
 				})]
 			}),
-			g === "idle" && b && b.length > 0 && x ? /* @__PURE__ */ u("div", {
+			_ === "idle" && x && x.length > 0 && S ? /* @__PURE__ */ d("div", {
 				className: "site-search__suggestions",
-				children: [/* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ u("span", {
 					className: "site-search__suggestions-label",
-					id: `${V}-suggestions`,
-					children: z("suggestionsLabel")
-				}), /* @__PURE__ */ l("ul", {
+					id: `${H}-suggestions`,
+					children: B("suggestionsLabel")
+				}), /* @__PURE__ */ u("ul", {
 					className: "site-search__suggestions-list",
-					"aria-labelledby": `${V}-suggestions`,
-					children: b.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(n, {
+					"aria-labelledby": `${H}-suggestions`,
+					children: x.map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ u(n, {
 						variant: "outline",
 						size: "sm",
-						onClick: () => x(e),
+						onClick: () => S(e),
 						children: e
 					}) }, e))
 				})]
 			}) : null,
-			g === "loading" ? /* @__PURE__ */ l("div", {
+			_ === "loading" ? /* @__PURE__ */ u("div", {
 				className: "site-search__loading",
 				"aria-hidden": !0,
-				children: Array.from({ length: D }, (e, t) => /* @__PURE__ */ u("div", {
+				children: Array.from({ length: O }, (e, t) => /* @__PURE__ */ d("div", {
 					className: "site-search__ghost",
 					children: [
-						/* @__PURE__ */ l(r, { className: "site-search__ghost-section" }),
-						/* @__PURE__ */ l(r, { className: "site-search__ghost-title" }),
-						/* @__PURE__ */ l(r, {}),
-						/* @__PURE__ */ l(r, { className: "site-search__ghost-url" })
+						/* @__PURE__ */ u(r, { className: "site-search__ghost-section" }),
+						/* @__PURE__ */ u(r, { className: "site-search__ghost-title" }),
+						/* @__PURE__ */ u(r, {}),
+						/* @__PURE__ */ u(r, { className: "site-search__ghost-url" })
 					]
 				}, t))
 			}) : null,
-			J ? /* @__PURE__ */ l("ol", {
+			Y ? /* @__PURE__ */ u("ol", {
 				className: "site-search__results",
-				id: W,
-				"aria-label": z("resultsLabel", P),
-				children: _.map((e) => /* @__PURE__ */ u("li", {
+				id: G,
+				"aria-label": B("resultsLabel", F),
+				children: v.map((e) => /* @__PURE__ */ d("li", {
 					className: "site-search__result",
 					children: [
-						e.section ? /* @__PURE__ */ l("p", {
+						e.section ? /* @__PURE__ */ u("p", {
 							className: "site-search__result-section",
 							children: e.section
 						}) : null,
-						/* @__PURE__ */ l(G, {
+						/* @__PURE__ */ u(K, {
 							className: "site-search__result-title",
-							children: k({
+							children: A({
 								href: e.href,
 								className: "site-search__result-link",
 								children: e.title,
-								onClick: () => O?.(e)
+								onClick: () => k?.(e)
 							})
 						}),
-						e.excerpt ? /* @__PURE__ */ l("p", {
+						e.excerpt ? /* @__PURE__ */ u("p", {
 							className: "site-search__result-excerpt",
 							children: e.excerpt
 						}) : null,
-						e.displayUrl ? /* @__PURE__ */ l("p", {
+						e.displayUrl ? /* @__PURE__ */ u("p", {
 							className: "site-search__result-url",
 							children: e.displayUrl
 						}) : null
 					]
 				}, e.href))
 			}) : null,
-			g === "ready" && _.length === 0 ? /* @__PURE__ */ l(a, {
+			_ === "ready" && v.length === 0 ? /* @__PURE__ */ u(o, {
 				className: "site-search__empty",
-				title: z("emptyTitle"),
-				description: z("emptyDescription")
+				title: B("emptyTitle"),
+				description: B("emptyDescription")
 			}) : null,
-			g === "error" ? /* @__PURE__ */ l(i, {
+			_ === "error" ? /* @__PURE__ */ u(i, {
 				className: "site-search__error",
-				variant: "error",
-				title: z("errorTitle"),
-				description: z("errorDescription"),
-				actions: S ? /* @__PURE__ */ l(n, {
+				tone: "error",
+				title: B("errorTitle"),
+				description: B("errorDescription"),
+				actions: C ? /* @__PURE__ */ u(n, {
 					variant: "outline",
-					onClick: S,
-					children: z("retry")
+					onClick: C,
+					children: B("retry")
 				}) : void 0
 			}) : null,
-			w && J ? /* @__PURE__ */ l("div", {
+			T && Y ? /* @__PURE__ */ u("div", {
 				className: "site-search__footer",
-				children: w
+				children: T
 			}) : null
 		]
 	});
 });
 //#endregion
-export { f as SiteSearch };
+export { p as SiteSearch };

package/dist/site-shell.js

@@ -1,28 +1,29 @@
 'use client';
 import './site-shell.css';
 import { t as e } from "./_shared/portal-container.js";
-import { forwardRef as t, useCallback as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { t } from "./_shared/assign-ref.js";
+import { forwardRef as n, useCallback as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/stories/sections/SiteShell/SiteShell.tsx
-var o = t(function({ header: t, footer: o, children: s, className: c }, l) {
-	let [u, d] = r(null);
-	return /* @__PURE__ */ i("div", {
-		ref: n((e) => {
-			d(e), typeof l == "function" ? l(e) : l && (l.current = e);
-		}, [l]),
-		className: ["site-shell", c].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ a(e.Provider, {
-			value: u,
+var s = n(function({ header: n, footer: s, children: c, className: l }, u) {
+	let [d, f] = i(null);
+	return /* @__PURE__ */ a("div", {
+		ref: r((e) => {
+			f(e), t(u, e);
+		}, [u]),
+		className: ["site-shell", l].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ o(e.Provider, {
+			value: d,
 			children: [
-				t,
-				/* @__PURE__ */ i("div", {
+				n,
+				/* @__PURE__ */ a("div", {
 					className: "site-shell__main",
-					children: s
+					children: c
 				}),
-				o
+				s
 			]
 		})
 	});
 });
 //#endregion
-export { o as SiteShell };
+export { s as SiteShell };

package/dist/skeleton.js

@@ -1,18 +1,20 @@
 import './skeleton.css';
-import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/Skeleton/Skeleton.tsx
-function t({ width: t, height: n, circle: r = !1, className: i, ...a }) {
-	return /* @__PURE__ */ e("svg", {
+var n = e(function({ width: e, height: n, circle: r = !1, className: i, ...a }, o) {
+	return /* @__PURE__ */ t("svg", {
+		ref: o,
 		"aria-hidden": "true",
 		className: [
 			"skeleton",
 			r ? "skeleton--circle" : "",
 			i
 		].filter(Boolean).join(" "),
-		width: t,
+		width: e,
 		height: n,
 		...a
 	});
-}
+});
 //#endregion
-export { t as Skeleton };
+export { n as Skeleton };

package/dist/skip-link.css

@@ -1 +1 @@
-.skip-link:focus-visible{block-size:auto;inline-size:auto;padding-block:var(--skip-link-padding-block);padding-inline:var(--skip-link-padding-inline);clip-path:none;white-space:nowrap;z-index:var(--skip-link-z-index);background-color:var(--skip-link-bg);color:var(--skip-link-color);font-weight:var(--skip-link-font-weight);box-shadow:none;outline:var(--skip-link-focus-ring-width) solid var(--skip-link-focus-ring-color);outline-offset:var(--skip-link-focus-ring-offset);margin:0;text-decoration:none;position:fixed;inset-block-start:var(--skip-link-inset);inset-inline-start:var(--skip-link-inset);overflow:visible}
+.skip-link:focus-visible{block-size:auto;inline-size:auto;padding-block:var(--skip-link-padding-block);padding-inline:var(--skip-link-padding-inline);clip-path:none;white-space:nowrap;z-index:var(--skip-link-z-index);background-color:var(--skip-link-bg);color:var(--skip-link-color);font-weight:var(--skip-link-font-weight);outline:var(--skip-link-focus-ring-width) solid var(--skip-link-focus-ring-color);outline-offset:var(--skip-link-focus-ring-offset);margin:0;text-decoration:none;position:fixed;inset-block-start:var(--skip-link-inset);inset-inline-start:var(--skip-link-inset);overflow:visible}

package/dist/slider.css

@@ -1 +1 @@
-.slider{align-items:center;gap:var(--slider-value-gap);inline-size:100%;display:flex}.slider.slider--vertical{flex-direction:column;block-size:100%;inline-size:auto}.slider__control{block-size:var(--slider-control-block-size);cursor:var(--slider-cursor);touch-action:none;flex:1;align-items:center;display:flex}.slider--vertical .slider__control{inline-size:var(--slider-control-block-size);flex-direction:column;justify-content:center;block-size:auto}.slider__track{inline-size:100%;block-size:var(--slider-track-size);background-color:var(--slider-track-bg);border-radius:var(--slider-track-border-radius);position:relative}.slider--vertical .slider__track{inline-size:var(--slider-track-size);block-size:100%}.slider__indicator{background-color:var(--slider-indicator-bg);border-radius:var(--slider-track-border-radius);position:absolute}.slider__thumb{inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);background-color:var(--slider-thumb-bg);border-width:var(--slider-thumb-border-width);border-style:solid;border-color:var(--slider-thumb-border-color);border-radius:var(--slider-thumb-border-radius);transition:background-color var(--slider-transition-duration) var(--slider-transition-easing)}.slider__thumb:focus-visible{outline:var(--slider-focus-ring-width) solid var(--slider-focus-ring-color);outline-offset:var(--slider-focus-ring-offset)}.slider[data-disabled]{opacity:var(--slider-disabled-opacity)}.slider[data-disabled] .slider__control{cursor:var(--slider-disabled-cursor)}.slider__value{font-family:var(--slider-value-font-family);font-size:var(--slider-value-font-size);color:var(--slider-value-color);font-variant-numeric:tabular-nums}
+.slider{align-items:center;gap:var(--slider-value-gap);inline-size:100%;display:flex}.slider.slider--vertical{flex-direction:column;block-size:100%;inline-size:auto}.slider__control{block-size:var(--slider-control-height);cursor:var(--slider-cursor);touch-action:none;flex:1;align-items:center;display:flex}.slider--vertical .slider__control{inline-size:var(--slider-control-height);flex-direction:column;justify-content:center;block-size:auto}.slider__track{inline-size:100%;block-size:var(--slider-track-size);background-color:var(--slider-track-bg);border-radius:var(--slider-track-border-radius);position:relative}.slider--vertical .slider__track{inline-size:var(--slider-track-size);block-size:100%}.slider__indicator{background-color:var(--slider-indicator-bg);border-radius:var(--slider-track-border-radius);position:absolute}.slider__thumb{inline-size:var(--slider-thumb-size);block-size:var(--slider-thumb-size);background-color:var(--slider-thumb-bg);border-width:var(--slider-thumb-border-width);border-style:solid;border-color:var(--slider-thumb-border-color);border-radius:var(--slider-thumb-border-radius);transition:background-color var(--slider-transition-duration) var(--slider-transition-easing)}.slider__thumb:focus-visible{outline:var(--slider-focus-ring-width) solid var(--slider-focus-ring-color);outline-offset:var(--slider-focus-ring-offset)}.slider[data-disabled]{opacity:var(--slider-disabled-opacity)}.slider[data-disabled] .slider__control{cursor:var(--slider-disabled-cursor)}.slider__value{font-family:var(--slider-value-font-family);font-size:var(--slider-value-font-size);color:var(--slider-value-color);font-variant-numeric:tabular-nums}

package/dist/slider.js

@@ -1,36 +1,4 @@
 'use client';
 import './slider.css';
-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 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",
-		d === "vertical" ? "slider--vertical" : "",
-		f ?? ""
-	].filter(Boolean).join(" ");
-	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__ */ n(r.Track, {
-				className: "slider__track",
-				children: [/* @__PURE__ */ t(r.Indicator, { className: "slider__indicator" }), Array.from({ length: g }, (e, n) => /* @__PURE__ */ t(r.Thumb, {
-					index: n,
-					className: "slider__thumb",
-					getAriaLabel: () => _(n, g)
-				}, n))]
-			})
-		}), u && /* @__PURE__ */ t(r.Value, { className: "slider__value" })]
-	});
-}
-//#endregion
-export { i as Slider };
+import { t as e } from "./_shared/slider.js";
+export { e as Slider };

package/dist/sortable.js

@@ -1,26 +1,27 @@
 'use client';
 import './sortable.css';
-import { t as e } from "./_shared/css-properties.js";
-import { forwardRef as t, useCallback as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { t as e } from "./_shared/assign-ref.js";
+import { t } from "./_shared/css-properties.js";
+import { forwardRef as n, useCallback as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/stories/atoms/Sortable/Sortable.tsx
-var i = t(function({ as: t = "div", transform: i, transition: a, dragging: o = !1, className: s, children: c, ...l }, u) {
-	let d = e({
-		"--sortable-x": i ? `${i.x}px` : void 0,
-		"--sortable-y": i ? `${i.y}px` : void 0,
-		"--sortable-scale-x": i?.scaleX === void 0 ? void 0 : String(i.scaleX),
-		"--sortable-scale-y": i?.scaleY === void 0 ? void 0 : String(i.scaleY),
-		"--sortable-transition": a ?? void 0
+var a = n(function({ as: n = "div", transform: a, transition: o, dragging: s = !1, className: c, children: l, ...u }, d) {
+	let f = t({
+		"--sortable-x": a ? `${a.x}px` : void 0,
+		"--sortable-y": a ? `${a.y}px` : void 0,
+		"--sortable-scale-x": a?.scaleX === void 0 ? void 0 : String(a.scaleX),
+		"--sortable-scale-y": a?.scaleY === void 0 ? void 0 : String(a.scaleY),
+		"--sortable-transition": o ?? void 0
 	});
-	return /* @__PURE__ */ r(t, {
-		ref: n((e) => {
-			d(e), typeof u == "function" ? u(e) : u && (u.current = e);
-		}, [d, u]),
-		className: ["sortable", s].filter(Boolean).join(" "),
-		"data-dragging": o ? "" : void 0,
-		...l,
-		children: c
+	return /* @__PURE__ */ i(n, {
+		ref: r((t) => {
+			f(t), e(d, t);
+		}, [f, d]),
+		className: ["sortable", c].filter(Boolean).join(" "),
+		"data-dragging": s ? "" : void 0,
+		...u,
+		children: l
 	});
 });
 //#endregion
-export { i as Sortable };
+export { a as Sortable };

package/dist/sparkline.js

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

package/dist/spinner.js

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

package/dist/star-rating.js

@@ -43,7 +43,7 @@ function l(e) {
 		return /* @__PURE__ */ a("div", {
 			className: M,
 			role: "img",
-			"aria-label": v?.(e, f, p) ?? "",
+			"aria-label": v?.(e, f, p) || void 0,
 			...w,
 			children: [/* @__PURE__ */ i("span", {
 				className: "star-rating__stars",
@@ -61,7 +61,7 @@ function l(e) {
 	return /* @__PURE__ */ i("div", {
 		className: M,
 		role: "radiogroup",
-		"aria-label": b ?? "",
+		"aria-label": b || void 0,
 		onPointerLeave: () => k(void 0),
 		...w,
 		children: N.map((e) => {