@studiolxd/brand 49.28.0 → 51.0.0

package/dist/notification-panel.js

@@ -1,108 +1,104 @@
 'use client';
 import './notification-panel.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r 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 { Heading as i } from "./heading.js";
 import { Paragraph as a } from "./paragraph.js";
-import { Popover as o } from "./popover.js";
-import { Text as s } from "./text.js";
-import { NotificationButton as c } from "./notification-button.js";
-import { useCallback as l, useId as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/stories/molecules/NotificationPanel/NotificationPanel.tsx
-function g(e) {
-	let t = parseFloat(e);
-	return Number.isNaN(t) ? 0 : e.endsWith("rem") ? t * parseFloat(getComputedStyle(document.documentElement).fontSize) : t;
-}
-function _() {
-	let e = document.documentElement;
-	return g(getComputedStyle(e).getPropertyValue("--notification-panel-offset").trim());
-}
-function v({ children: e, ...t }) {
-	return /* @__PURE__ */ m("a", {
-		...t,
-		children: e
-	});
-}
-var y = "button, a[href]", b = "notification-panel__footer-link";
-function x({ items: g = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, allHref: T, preferencesHref: E, renderLink: D = v, label: O, countLabel: k, panelLabel: A, unreadLabel: j, emptyLabel: M, allLabel: N, preferencesLabel: P, markAllReadLabel: F, open: I, defaultOpen: L, onOpenChange: R, className: z }) {
-	let B = e("notificationPanel"), V = u(), H = d(null), [U, W] = f([]), G = (e) => e.unread && !U.includes(e.id), K = g.some(G), q = (e) => {
-		G(e) && (W((t) => [...t, e.id]), C(e.id));
-	}, J = () => {
-		W(g.map((e) => e.id)), w?.();
-	}, Y = l(() => {
-		let e = H.current;
-		return e ? e.querySelector(".notification-panel__item-action") ?? e.querySelector(y) : null;
-	}, []), X = (e, t) => {
-		e || W([]), R?.(e, t);
-	}, Z = `${V}-title`, Q = B("panel", A);
-	return /* @__PURE__ */ m(o, {
-		trigger: /* @__PURE__ */ m(c, {
-			count: x,
-			max: S,
-			label: O,
-			countLabel: k
+import { t as o } from "./_shared/side-offset.js";
+import { Popover as s } from "./popover.js";
+import { Text as c } from "./text.js";
+import { t as l } from "./_shared/default-render-link.js";
+import { t as u } from "./_shared/notificationbutton.js";
+import { useCallback as d, useId as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/stories/messages/es/notificationPanel.ts
+var v = {
+	panel: "Notificaciones",
+	unread: "Sin leer",
+	empty: "Estás al día",
+	all: "Ver todas las notificaciones",
+	preferences: "Preferencias de notificaciones",
+	markAllRead: "Marcar todas como leídas"
+}, y = o("--notification-panel-offset"), b = "button, a[href]", x = "notification-panel__footer-link";
+function S({ items: o = [], count: S = 0, max: C, onRead: w, onMarkAllRead: T, allHref: E, preferencesHref: D, renderLink: O = l, label: k, countLabel: A, panelLabel: j, unreadLabel: M, emptyLabel: N, allLabel: P, preferencesLabel: F, markAllReadLabel: I, open: L, defaultOpen: R, onOpenChange: z, className: B }) {
+	let V = e("notificationPanel", v), H = f(), U = p(null), [W, G] = m([]), K = (e) => e.unread && !W.includes(e.id), q = o.some(K), J = (e) => {
+		K(e) && (G((t) => [...t, e.id]), w(e.id));
+	}, Y = () => {
+		G(o.map((e) => e.id)), T?.();
+	}, X = d(() => {
+		let e = U.current;
+		return e ? e.querySelector(".notification-panel__item-action") ?? e.querySelector(b) : null;
+	}, []), Z = (e, t) => {
+		e || G([]), z?.(e, t);
+	}, Q = `${H}-title`, $ = V("panel", j);
+	return /* @__PURE__ */ g(s, {
+		trigger: /* @__PURE__ */ g(u, {
+			count: S,
+			max: C,
+			label: k,
+			countLabel: A,
+			className: B
 		}),
-		label: Q,
+		label: $,
 		align: "end",
-		sideOffset: _,
-		open: I,
-		defaultOpen: L,
-		onOpenChange: X,
-		initialFocus: Y,
-		className: ["notification-panel", z].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ h("div", {
+		sideOffset: y,
+		open: L,
+		defaultOpen: R,
+		onOpenChange: Z,
+		initialFocus: X,
+		className: "notification-panel",
+		children: /* @__PURE__ */ _("div", {
 			className: "notification-panel__body",
-			ref: H,
+			ref: U,
 			children: [
-				/* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(i, {
+				/* @__PURE__ */ g(n, { children: /* @__PURE__ */ g(i, {
 					level: 2,
 					size: 3,
-					id: Z,
-					children: Q
+					id: Q,
+					children: $
 				}) }),
-				g.length === 0 ? /* @__PURE__ */ m("div", {
+				o.length === 0 ? /* @__PURE__ */ g("div", {
 					className: "notification-panel__empty",
-					children: /* @__PURE__ */ m(a, {
-						size: "small",
-						children: B("empty", M)
+					children: /* @__PURE__ */ g(a, {
+						size: "sm",
+						children: V("empty", N)
 					})
-				}) : /* @__PURE__ */ m("ul", {
+				}) : /* @__PURE__ */ g("ul", {
 					className: "notification-panel__list",
-					"aria-labelledby": Z,
-					children: g.map((e, r) => {
-						let i = G(e), a = `${V}-t-${r}`;
-						return /* @__PURE__ */ m("li", {
+					"aria-labelledby": Q,
+					children: o.map((e, r) => {
+						let i = K(e), a = `${H}-t-${r}`;
+						return /* @__PURE__ */ g("li", {
 							className: "notification-panel__item",
-							children: /* @__PURE__ */ h("button", {
+							children: /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "notification-panel__item-action",
 								"aria-disabled": i ? void 0 : !0,
-								onClick: () => q(e),
-								children: [/* @__PURE__ */ m("span", {
+								onClick: () => J(e),
+								children: [/* @__PURE__ */ g("span", {
 									className: "notification-panel__indicator",
-									children: i && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(t, {
+									children: i && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(t, {
 										name: "dot",
 										size: "sm",
 										className: "notification-panel__dot"
-									}), /* @__PURE__ */ m(n, { children: B("unread", j) })] })
-								}), /* @__PURE__ */ h("span", {
+									}), /* @__PURE__ */ g(n, { children: V("unread", M) })] })
+								}), /* @__PURE__ */ _("span", {
 									className: "notification-panel__item-text",
 									children: [
-										/* @__PURE__ */ m(s, {
+										/* @__PURE__ */ g(c, {
 											id: a,
 											tone: i ? "default" : "muted",
 											className: "notification-panel__item-title",
 											children: e.title
 										}),
-										e.body && /* @__PURE__ */ m(s, {
+										e.body && /* @__PURE__ */ g(c, {
 											tone: "muted",
 											className: "notification-panel__item-body",
 											children: e.body
 										}),
-										/* @__PURE__ */ m(s, {
+										/* @__PURE__ */ g(c, {
 											tone: "muted",
 											className: "notification-panel__item-time",
 											children: e.time
@@ -113,28 +109,28 @@ function x({ items: g = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, a
 						}, e.id);
 					})
 				}),
-				w && K && /* @__PURE__ */ m("div", {
+				T && q && /* @__PURE__ */ g("div", {
 					className: "notification-panel__mark-all",
-					children: /* @__PURE__ */ m(r, {
+					children: /* @__PURE__ */ g(r, {
 						variant: "outline",
 						size: "sm",
 						block: !0,
-						onClick: J,
-						children: B("markAllRead", F)
+						onClick: Y,
+						children: V("markAllRead", I)
 					})
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ g("div", {
 					className: "notification-panel__footer",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "notification-panel__footer-links",
-						children: [D({
-							href: T,
-							className: b,
-							children: B("all", N)
-						}), D({
+						children: [O({
 							href: E,
-							className: b,
-							children: B("preferences", P)
+							className: x,
+							children: V("all", P)
+						}), O({
+							href: D,
+							className: x,
+							children: V("preferences", F)
 						})]
 					})
 				})
@@ -143,4 +139,4 @@ function x({ items: g = [], count: x = 0, max: S, onRead: C, onMarkAllRead: w, a
 	});
 }
 //#endregion
-export { x as NotificationPanel };
+export { S as NotificationPanel };

package/dist/notificationbutton.css

@@ -0,0 +1 @@
+.notification-button{--button-ghost-hover-bg:var(--button-ghost-bg);--button-ghost-hover-color:var(--button-ghost-color);--button-ghost-active-bg:var(--button-ghost-bg);--button-ghost-active-color:var(--button-ghost-color);position:relative}.notification-button__badge{--number-badge-error-bg:var(--notification-button-badge-fill);--number-badge-error-color:var(--notification-button-badge-color);position:absolute;inset-block-start:var(--notification-button-badge-offset);inset-inline-end:var(--notification-button-badge-offset);translate:50% -50%}

package/dist/number-badge.css

@@ -1 +1 @@
-.number-badge{min-width:var(--number-badge-min-size);height:var(--number-badge-min-size);padding-inline:var(--number-badge-padding-inline);border-radius:var(--number-badge-border-radius);font-family:var(--number-badge-font-family);font-size:var(--number-badge-font-size);font-weight:var(--number-badge-font-weight);line-height:var(--number-badge-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.number-badge--primary{background-color:var(--number-badge-primary-bg);color:var(--number-badge-primary-color)}.number-badge--accent-1{background-color:var(--number-badge-accent-1-bg);color:var(--number-badge-accent-1-color)}.number-badge--accent-2{background-color:var(--number-badge-accent-2-bg);color:var(--number-badge-accent-2-color)}.number-badge--support-1{background-color:var(--number-badge-support-1-bg);color:var(--number-badge-support-1-color)}.number-badge--support-2{background-color:var(--number-badge-support-2-bg);color:var(--number-badge-support-2-color)}.number-badge--danger{background-color:var(--number-badge-danger-bg);color:var(--number-badge-danger-color)}.number-badge--success{background-color:var(--number-badge-success-bg);color:var(--number-badge-success-color)}.number-badge--neutral{background-color:var(--number-badge-neutral-bg);color:var(--number-badge-neutral-color)}
+.number-badge{min-inline-size:var(--number-badge-min-size);block-size:var(--number-badge-min-size);padding-inline:var(--number-badge-padding-inline);border-radius:var(--number-badge-border-radius);font-family:var(--number-badge-font-family);font-size:var(--number-badge-font-size);font-weight:var(--number-badge-font-weight);line-height:var(--number-badge-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.number-badge--primary{background-color:var(--number-badge-primary-bg);color:var(--number-badge-primary-color)}.number-badge--accent-1{background-color:var(--number-badge-accent-1-bg);color:var(--number-badge-accent-1-color)}.number-badge--accent-2{background-color:var(--number-badge-accent-2-bg);color:var(--number-badge-accent-2-color)}.number-badge--support-1{background-color:var(--number-badge-support-1-bg);color:var(--number-badge-support-1-color)}.number-badge--support-2{background-color:var(--number-badge-support-2-bg);color:var(--number-badge-support-2-color)}.number-badge--error{background-color:var(--number-badge-error-bg);color:var(--number-badge-error-color)}.number-badge--success{background-color:var(--number-badge-success-bg);color:var(--number-badge-success-color)}.number-badge--neutral{background-color:var(--number-badge-neutral-bg);color:var(--number-badge-neutral-color)}

package/dist/number-badge.js

@@ -1,19 +1,23 @@
 import './number-badge.css';
-import { jsx as e } from "react/jsx-runtime";
+import { n as e } from "./_shared/env.js";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/stories/atoms/NumberBadge/NumberBadge.tsx
-function t({ count: t, variant: n = "primary", max: r = 99, "aria-label": i, "aria-hidden": a, className: o }) {
-	let s = t > r ? `${r}+` : String(t), c = a === !0 || a === "true";
-	return /* @__PURE__ */ e("span", {
+function n({ count: n, tone: r, variant: i, max: a = 99, "aria-label": o, "aria-hidden": s, className: c }) {
+	i !== void 0 && e("NumberBadge", "variant", "`tone`");
+	let l = r ?? i ?? "primary";
+	l === "danger" && (e("NumberBadge", "variant=\"danger\"", "`tone=\"error\"`"), l = "error");
+	let u = n > a ? `${a}+` : String(n), d = s === !0 || s === "true";
+	return /* @__PURE__ */ t("span", {
 		className: [
 			"number-badge",
-			`number-badge--${n}`,
-			o
+			`number-badge--${l}`,
+			c
 		].filter(Boolean).join(" "),
-		"aria-hidden": c || void 0,
-		"aria-label": c ? void 0 : i ?? s,
-		"aria-atomic": c ? void 0 : !0,
-		children: s
+		"aria-hidden": d || void 0,
+		"aria-label": d ? void 0 : o ?? u,
+		"aria-atomic": d ? void 0 : !0,
+		children: u
 	});
 }
 //#endregion
-export { t as NumberBadge };
+export { n as NumberBadge };

package/dist/number-input-field.js

@@ -1,55 +1,51 @@
 'use client';
 import './number-input-field.css';
 import { n as e } from "./_shared/form-size.js";
-import { ErrorText as t } from "./error-text.js";
-import { Label as n } from "./label.js";
-import { NumberInput as r } from "./number-input.js";
-import { n as i } from "./_shared/field-labels.js";
-import { forwardRef as a, useId as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { t } from "./_shared/numberinput.js";
+import { n } from "./_shared/field-optional.js";
+import { n as r } from "./_shared/field-labels.js";
+import { a as i, n as a } from "./_shared/fieldshell.js";
+import { forwardRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/stories/molecules/NumberInputField/NumberInputField.tsx
-var l = a(function({ id: a, label: l, labelHidden: u, value: d, defaultValue: f, min: p, max: m, step: h = 1, decimal: g, disabled: _, readOnly: v, size: y, compact: b, commitMode: x, error: S = !1, errorMessage: C, helperText: w, className: T, onChange: E, onEmpty: D, ...O }, k) {
-	let A = i(u), j = e(y), M = o(), N = a ?? M, P = C ? `${N}-error` : void 0, F = w ? `${N}-helper` : void 0, I = [P, F].filter(Boolean).join(" ") || void 0, L = S || !!C;
-	return /* @__PURE__ */ c("div", {
-		className: ["number-input-field", T].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ s(n, {
-				htmlFor: N,
-				hidden: A,
-				size: j,
-				children: l
-			}),
-			/* @__PURE__ */ s(r, {
-				ref: k,
-				...O,
-				id: N,
-				value: d,
-				defaultValue: f,
-				min: p,
-				max: m,
-				step: h,
-				decimal: g,
-				disabled: _,
-				readOnly: v,
-				size: j,
-				compact: b,
-				commitMode: x,
-				error: L,
-				"aria-describedby": I,
-				onChange: E,
-				onEmpty: D
-			}),
-			C && /* @__PURE__ */ s(t, {
-				id: P,
-				children: C
-			}),
-			w && /* @__PURE__ */ s("span", {
-				id: F,
-				className: "number-input-field__helper",
-				children: w
-			})
-		]
+var c = o(function({ id: o, label: c, optional: l, optionalLabel: u, labelHidden: d, value: f, defaultValue: p, min: m, max: h, step: g = 1, decimal: _, disabled: v, readOnly: y, size: b, compact: x, commitMode: S, error: C = !1, errorMessage: w, helperText: T, className: E, onChange: D, onEmpty: O, "aria-describedby": k, ...A }, j) {
+	let M = r(d), N = e(b), P = n(l, A.required), F = i({
+		id: o,
+		error: C,
+		errorMessage: w,
+		helperText: T,
+		describedBy: k
+	}), { id: I } = F;
+	return /* @__PURE__ */ s(a, {
+		field: F,
+		block: "number-input-field",
+		className: E,
+		label: c,
+		optional: P,
+		optionalLabel: u,
+		labelHidden: M,
+		size: N,
+		children: /* @__PURE__ */ s(t, {
+			ref: j,
+			...A,
+			id: I,
+			value: f,
+			defaultValue: p,
+			min: m,
+			max: h,
+			step: g,
+			decimal: _,
+			disabled: v,
+			readOnly: y,
+			size: N,
+			compact: x,
+			commitMode: S,
+			error: F.hasError,
+			"aria-describedby": F.describedBy,
+			onChange: D,
+			onEmpty: O
+		})
 	});
 });
 //#endregion
-export { l as NumberInputField };
+export { c as NumberInputField };

package/dist/number-input.js

@@ -1,100 +1,3 @@
 'use client';
-import './number-input.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { Icon as t } from "./icon.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/atoms/NumberInput/NumberInput.tsx
-var s = n(function({ value: n, defaultValue: s = 0, min: c, max: l, step: u = 1, decimal: d = !1, disabled: f = !1, readOnly: p = !1, size: m = "md", compact: h = !1, commitMode: g = "change", error: _ = !1, id: v, name: y, describedBy: b, ariaLabel: x, decrementLabel: S, incrementLabel: C, className: w, onChange: T, onEmpty: E, onBlur: D, onFocus: O, onKeyDown: k, ...A }, j) {
-	let M = e("numberInput"), N = n !== void 0, [P, F] = i(s), [I, L] = i(!1), [R, z] = i(null), B = N ? n : P, V = R === null ? B === null ? "" : String(B) : R, H = B ?? 0, U = r((e) => {
-		let t = e;
-		return c !== void 0 && (t = Math.max(c, t)), l !== void 0 && (t = Math.min(l, t)), t;
-	}, [c, l]), W = r((e) => {
-		let t = U(e);
-		N || F(t), T?.(t);
-	}, [
-		U,
-		N,
-		T
-	]), G = () => {
-		f || p || (z(null), W(H - u));
-	}, K = () => {
-		f || p || (z(null), W(H + u));
-	}, q = (e) => {
-		let t = d ? e.replace(",", ".") : e, n = parseFloat(t);
-		if (!isNaN(n)) {
-			if (g === "blur" && U(n) === B) return;
-			W(n);
-		} else if (E && e.trim() === "") {
-			if (g === "blur" && B === null) return;
-			N || F(null), E();
-		}
-	}, J = (e) => {
-		let t = e.target.value;
-		z(t), g === "change" && q(t);
-	}, Y = (e) => {
-		k?.(e), !(e.defaultPrevented || g !== "blur" || R === null) && (e.key === "Enter" ? (q(R), z(null)) : e.key === "Escape" && (e.preventDefault(), z(null)));
-	}, X = (e) => {
-		L(!0), O?.(e);
-	}, Z = (e) => {
-		L(!1), g === "blur" && R !== null && q(R), z(null), D?.(e);
-	}, Q = [
-		"number-input",
-		h ? "number-input--compact" : m === "md" ? "" : `number-input--${m}`,
-		_ ? "number-input--error" : "",
-		f ? "number-input--disabled" : "",
-		I ? "number-input--focused" : "",
-		w ?? ""
-	].filter(Boolean).join(" "), $ = f || p || B !== null && c !== void 0 && B <= c, ee = f || p || B !== null && l !== void 0 && B >= l;
-	return /* @__PURE__ */ o("div", {
-		className: Q,
-		children: [
-			/* @__PURE__ */ a("button", {
-				className: "number-input__btn number-input__btn--decrement",
-				type: "button",
-				onClick: G,
-				disabled: $,
-				"aria-label": M("decrement", S),
-				tabIndex: -1,
-				children: /* @__PURE__ */ a(t, {
-					name: "minus",
-					size: "sm"
-				})
-			}),
-			/* @__PURE__ */ a("input", {
-				ref: j,
-				className: "number-input__field",
-				type: "text",
-				inputMode: d ? "decimal" : "numeric",
-				pattern: d ? "[0-9]*[.,]?[0-9]*" : "[0-9]*",
-				"aria-invalid": _ || void 0,
-				"aria-describedby": b,
-				"aria-label": x,
-				...A,
-				id: v,
-				name: y,
-				value: V,
-				disabled: f,
-				readOnly: p,
-				onChange: J,
-				onKeyDown: Y,
-				onFocus: X,
-				onBlur: Z
-			}),
-			/* @__PURE__ */ a("button", {
-				className: "number-input__btn number-input__btn--increment",
-				type: "button",
-				onClick: K,
-				disabled: ee,
-				"aria-label": M("increment", C),
-				tabIndex: -1,
-				children: /* @__PURE__ */ a(t, {
-					name: "plus",
-					size: "sm"
-				})
-			})
-		]
-	});
-});
-//#endregion
-export { s as NumberInput };
+import { t as e } from "./_shared/numberinput.js";
+export { e as NumberInput };

package/dist/numberinput.css

@@ -0,0 +1 @@
+.number-input{min-block-size:var(--number-input-height);border-radius:var(--number-input-border-radius);border-width:var(--number-input-border-width);border-style:var(--number-input-border-style);border-color:var(--number-input-border-color);background-color:var(--number-input-bg);transition:border-color var(--number-input-transition-duration) var(--number-input-transition-easing);box-sizing:border-box;align-items:stretch;display:inline-flex;overflow:hidden}.number-input.number-input--focused{box-shadow:inset 0 0 0 calc(var(--number-input-focus-ring-width) + var(--number-input-focus-ring-inset-offset)) var(--number-input-focus-ring-color), inset 0 0 0 var(--number-input-focus-ring-inset-offset) var(--number-input-bg);border-color:var(--number-input-focus-border-color);outline:none}.number-input__field{min-inline-size:0;padding-block:0;padding-inline:var(--number-input-padding-inline);color:var(--number-input-color);font-family:var(--number-input-font-family);font-size:var(--number-input-font-size);font-weight:var(--number-input-font-weight);line-height:var(--number-input-line-height);text-align:center;-moz-appearance:textfield;background-color:#0000;border:none;outline:none;flex:1}.number-input__field::-webkit-inner-spin-button{appearance:none;margin:0}.number-input__field::-webkit-outer-spin-button{appearance:none;margin:0}.number-input__btn{inline-size:var(--number-input-btn-width);background-color:var(--number-input-btn-bg);color:var(--number-input-btn-color);cursor:pointer;transition:box-shadow var(--number-input-transition-duration) var(--number-input-transition-easing);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.number-input__btn:hover:not(:disabled){box-shadow:inset 0 calc(-1 * var(--number-input-btn-hover-line-width)) 0 0 var(--number-input-btn-hover-line-color)}.number-input__btn--decrement{border-inline-end-width:var(--number-input-border-width);border-inline-end-style:var(--number-input-border-style);border-inline-end-color:var(--number-input-btn-separator-color)}.number-input__btn--increment{border-inline-start-width:var(--number-input-border-width);border-inline-start-style:var(--number-input-border-style);border-inline-start-color:var(--number-input-btn-separator-color)}.number-input.number-input--error{border-color:var(--number-input-error-border-color);background-color:var(--number-input-error-bg)}.number-input.number-input--error .number-input__field{color:var(--number-input-error-color)}.number-input.number-input--error.number-input--focused{box-shadow:inset 0 0 0 calc(var(--number-input-focus-ring-width) + var(--number-input-focus-ring-inset-offset)) var(--number-input-error-focus-ring-color), inset 0 0 0 var(--number-input-focus-ring-inset-offset) var(--number-input-error-bg);border-color:var(--number-input-error-focus-border-color);outline:none}.number-input.number-input--disabled{cursor:var(--number-input-disabled-cursor);background-color:var(--number-input-disabled-bg);border-color:var(--number-input-disabled-border-color);pointer-events:none}.number-input.number-input--disabled .number-input__field{color:var(--number-input-disabled-color)}.number-input.number-input--disabled .number-input__btn{color:var(--number-input-disabled-btn-color)}.number-input.number-input--sm{--number-input-height:var(--number-input-sm-height);--number-input-padding-inline:var(--number-input-sm-padding-inline);--number-input-font-size:var(--number-input-sm-font-size)}.number-input.number-input--lg{--number-input-height:var(--number-input-lg-height);--number-input-padding-inline:var(--number-input-lg-padding-inline);--number-input-font-size:var(--number-input-lg-font-size)}.number-input.number-input--compact{--number-input-height:var(--number-input-compact-height);--number-input-padding-inline:var(--number-input-compact-padding-inline);--number-input-font-size:var(--number-input-compact-font-size);--number-input-btn-width:var(--number-input-compact-btn-width)}.number-input.number-input--compact .number-input__field{inline-size:var(--number-input-compact-field-width);flex:none}

package/dist/onboarding-shell.css

@@ -1 +1 @@
-.onboarding-shell{gap:var(--onboarding-shell-gap);display:grid}.onboarding-shell__bar{align-items:center;display:flex}.onboarding-shell__top.onboarding-shell__top--band{padding-block:var(--onboarding-shell-brand-padding-block)}.onboarding-shell__step{inline-size:100%;max-inline-size:var(--onboarding-shell-max-width);margin-inline:auto;display:grid}.onboarding-shell__step.onboarding-shell__step--wide{max-inline-size:var(--onboarding-shell-max-width-wide)}.onboarding-shell__brand{--logo-height-sm:var(--onboarding-shell-brand-height);--logo-height-md:var(--onboarding-shell-brand-height);--logo-height-lg:var(--onboarding-shell-brand-height);--logo-height-xl:var(--onboarding-shell-brand-height);--logo-height-xxl:var(--onboarding-shell-brand-height);margin-inline-start:var(--onboarding-shell-brand-margin-inline-start)}.onboarding-shell__brand>*{block-size:var(--onboarding-shell-brand-height);inline-size:auto}@media (width<=767.98px){.onboarding-shell__top{--onboarding-shell-brand-height:var(--onboarding-shell-brand-height-compact)}}@media (width<=479.98px){.onboarding-shell__top{--onboarding-shell-brand-height:var(--onboarding-shell-brand-height-narrow)}}.onboarding-shell__settings{align-items:flex-end;gap:var(--onboarding-shell-switchers-gap);flex-wrap:wrap;display:flex}.onboarding-shell__progress{margin-block-end:var(--onboarding-shell-gap)}.onboarding-shell__progress:empty{display:none}.onboarding-shell__actions{align-items:stretch;gap:var(--onboarding-shell-actions-gap);flex-direction:column;margin-block-start:var(--onboarding-shell-actions-margin-block-start);padding-block-start:var(--onboarding-shell-actions-padding-block-start);display:flex}.onboarding-shell__decisions{align-items:stretch;gap:var(--onboarding-shell-actions-gap);flex-direction:column-reverse;display:flex}.onboarding-shell__exit{justify-content:center;display:flex}@media (width>=768px){.onboarding-shell__actions,.onboarding-shell__decisions{flex-direction:row;justify-content:flex-end;align-items:center}}
+.onboarding-shell{gap:var(--onboarding-shell-gap);display:grid}.onboarding-shell__bar{align-items:center;display:flex}.onboarding-shell__top.onboarding-shell__top--band{padding-block:var(--onboarding-shell-brand-padding-block)}.onboarding-shell__step{inline-size:100%;max-inline-size:var(--onboarding-shell-max-width);margin-inline:auto;display:grid}.onboarding-shell__step.onboarding-shell__step--wide{max-inline-size:var(--onboarding-shell-max-width-wide)}.onboarding-shell__brand{--logo-height-sm:var(--onboarding-shell-brand-height);--logo-height-md:var(--onboarding-shell-brand-height);--logo-height-lg:var(--onboarding-shell-brand-height);--logo-height-xl:var(--onboarding-shell-brand-height);--logo-height-2xl:var(--onboarding-shell-brand-height);margin-inline-start:var(--onboarding-shell-brand-margin-inline-start)}.onboarding-shell__brand>*{block-size:var(--onboarding-shell-brand-height);inline-size:auto}@media (width<=767.98px){.onboarding-shell__top{--onboarding-shell-brand-height:var(--onboarding-shell-brand-height-compact)}}@media (width<=479.98px){.onboarding-shell__top{--onboarding-shell-brand-height:var(--onboarding-shell-brand-height-narrow)}}.onboarding-shell__settings{align-items:flex-end;gap:var(--onboarding-shell-switchers-gap);flex-wrap:wrap;display:flex}.onboarding-shell__progress{margin-block-end:var(--onboarding-shell-gap)}.onboarding-shell__progress:empty{display:none}.onboarding-shell__actions{align-items:stretch;gap:var(--onboarding-shell-actions-gap);flex-direction:column;margin-block-start:var(--onboarding-shell-actions-margin-block-start);padding-block-start:var(--onboarding-shell-actions-padding-block-start);display:flex}.onboarding-shell__decisions{align-items:stretch;gap:var(--onboarding-shell-actions-gap);flex-direction:column-reverse;display:flex}.onboarding-shell__exit{justify-content:center;display:flex}@media (width>=768px){.onboarding-shell__actions,.onboarding-shell__decisions{flex-direction:row;justify-content:flex-end;align-items:center}}

package/dist/onboarding-shell.js

@@ -1,70 +1,73 @@
 'use client';
 import './onboarding-shell.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { t } from "./_shared/form-size.js";
 import { Container as n } from "./container.js";
-import { PublicPageShell as r } from "./public-page-shell.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { n as r, t as i } from "./_shared/publicpageshell.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/stories/messages/es/onboardingShell.ts
+var s = { actions: "Acciones del paso" };
+//#endregion
 //#region src/stories/templates/OnboardingShell/OnboardingShell.tsx
-function o({ children: o, brand: s, preferences: c, switchers: l, preferencesLabel: u, stepper: d, primaryAction: f, backAction: p, exitAction: m, actionsLabel: h, id: g = "main-content", shell: _ = !0, width: v = "md", className: y }) {
-	let b = e("onboardingShell"), x = e("publicPageShell"), S = !!(f || p || m), C = c ?? l, w = s && /* @__PURE__ */ i("div", {
+function c({ children: c, brand: l, preferences: u, switchers: d, preferencesLabel: f, stepper: p, primaryAction: m, backAction: h, exitAction: g, actionsLabel: _, id: v = "main-content", shell: y = !0, width: b = "md", className: x }) {
+	let S = e("onboardingShell", s), C = e("publicPageShell", r), w = !!(m || h || g), T = u ?? d, E = l && /* @__PURE__ */ a("div", {
 		className: "onboarding-shell__brand",
-		children: s
+		children: l
 	});
-	return /* @__PURE__ */ i(r, {
-		id: g,
-		shell: _,
-		header: w && /* @__PURE__ */ i(n, {
+	return /* @__PURE__ */ a(i, {
+		id: v,
+		shell: y,
+		header: E && /* @__PURE__ */ a(n, {
 			as: "header",
 			className: "onboarding-shell__top onboarding-shell__top--band",
 			innerClassName: "onboarding-shell__bar",
-			children: w
+			children: E
 		}),
-		preferences: C,
-		preferencesLabel: u,
-		children: /* @__PURE__ */ a("div", {
-			className: ["onboarding-shell", y].filter(Boolean).join(" "),
+		preferences: T,
+		preferencesLabel: f,
+		children: /* @__PURE__ */ o("div", {
+			className: ["onboarding-shell", x].filter(Boolean).join(" "),
 			children: [
-				!_ && w && /* @__PURE__ */ i("header", {
+				!y && E && /* @__PURE__ */ a("header", {
 					className: "onboarding-shell__top onboarding-shell__bar",
-					children: w
+					children: E
 				}),
-				/* @__PURE__ */ i(t.Provider, {
+				/* @__PURE__ */ a(t.Provider, {
 					value: "lg",
-					children: /* @__PURE__ */ a("div", {
-						className: ["onboarding-shell__step", v === "wide" ? "onboarding-shell__step--wide" : ""].filter(Boolean).join(" "),
+					children: /* @__PURE__ */ o("div", {
+						className: ["onboarding-shell__step", b === "wide" ? "onboarding-shell__step--wide" : ""].filter(Boolean).join(" "),
 						children: [
-							d && /* @__PURE__ */ i("div", {
+							p && /* @__PURE__ */ a("div", {
 								className: "onboarding-shell__progress",
-								children: d
+								children: p
 							}),
-							/* @__PURE__ */ i("div", {
+							/* @__PURE__ */ a("div", {
 								className: "onboarding-shell__body",
-								children: o
+								children: c
 							}),
-							S && /* @__PURE__ */ a("div", {
+							w && /* @__PURE__ */ o("div", {
 								className: "onboarding-shell__actions",
 								role: "group",
-								"aria-label": b("actions", h),
-								children: [p, (m || f) && /* @__PURE__ */ a("div", {
+								"aria-label": S("actions", _),
+								children: [h, (g || m) && /* @__PURE__ */ o("div", {
 									className: "onboarding-shell__decisions",
-									children: [m && /* @__PURE__ */ i("div", {
+									children: [g && /* @__PURE__ */ a("div", {
 										className: "onboarding-shell__exit",
-										children: m
-									}), f]
+										children: g
+									}), m]
 								})]
 							})
 						]
 					})
 				}),
-				!_ && C && /* @__PURE__ */ i("section", {
+				!y && T && /* @__PURE__ */ a("section", {
 					className: "onboarding-shell__settings",
-					"aria-label": x("preferences", u),
-					children: C
+					"aria-label": C("preferences", f),
+					children: T
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { o as OnboardingShell };
+export { c as OnboardingShell };

package/dist/org-chart.css

@@ -1 +1 @@
-.org-chart{gap:var(--org-chart-gap);font-family:var(--org-chart-font-family);flex-direction:column;display:flex}.org-chart__toolbar{align-items:center;gap:var(--org-chart-gap);display:flex}.org-chart__viewport{max-block-size:var(--org-chart-viewport-block-size);padding-block:var(--org-chart-viewport-padding);padding-inline:var(--org-chart-viewport-padding);background-color:var(--org-chart-viewport-bg);border:var(--org-chart-viewport-border-width) solid var(--org-chart-viewport-border-color);border-radius:var(--org-chart-viewport-radius);overflow:auto}.org-chart__viewport:focus-visible{outline:var(--org-chart-focus-ring-width) solid var(--org-chart-focus-ring-color);outline-offset:var(--org-chart-focus-ring-offset)}.org-chart__canvas{zoom:var(--org-chart-zoom,1);justify-content:center;min-inline-size:max-content;display:flex}.org-chart__level{justify-content:center;gap:var(--org-chart-sibling-gap);margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.org-chart__level--children{padding-block-start:var(--org-chart-connector-length);position:relative}.org-chart__level--children:before{content:"";inline-size:var(--org-chart-connector-width);block-size:calc(var(--org-chart-connector-length) / 2);background-color:var(--org-chart-connector-color);position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.org-chart__node{flex-direction:column;align-items:center;display:flex;position:relative}.org-chart__level--children>.org-chart__node:before{content:"";inline-size:var(--org-chart-connector-width);block-size:calc(var(--org-chart-connector-length) / 2);background-color:var(--org-chart-connector-color);position:absolute;inset-block-start:calc(-1 * var(--org-chart-connector-length) / 2);inset-inline-start:50%;transform:translate(-50%)}.org-chart__level--children>.org-chart__node:after{content:"";inline-size:100%;block-size:var(--org-chart-connector-width);background-color:var(--org-chart-connector-color);position:absolute;inset-block-start:calc(-1 * var(--org-chart-connector-length) / 2);inset-inline-start:0}.org-chart__level--children>.org-chart__node:first-child:after{inline-size:50%;inset-inline-start:50%}.org-chart__level--children>.org-chart__node:last-child:after{inline-size:50%;inset-inline-start:0}.org-chart__level--children>.org-chart__node:only-child:after{content:none}.org-chart__card{gap:var(--org-chart-card-gap);inline-size:var(--org-chart-card-inline-size);padding-block:var(--org-chart-card-padding-block);padding-inline:var(--org-chart-card-padding-inline);background-color:var(--org-chart-card-bg);border:var(--org-chart-card-border-width) solid var(--org-chart-card-border-color);border-radius:var(--org-chart-card-radius);text-align:start;flex-direction:column;display:flex}.org-chart__header{justify-content:space-between;align-items:center;gap:var(--org-chart-group-gap);display:flex}.org-chart__name{font-size:var(--org-chart-name-font-size);font-weight:var(--org-chart-name-font-weight);color:var(--org-chart-name-color);margin-block:0}.org-chart__group+.org-chart__group{margin-block-start:var(--org-chart-group-margin-block-start)}.org-chart__group-label{font-size:var(--org-chart-group-font-size);color:var(--org-chart-group-color);margin-block-end:var(--org-chart-group-gap);display:block}.org-chart__people{gap:var(--org-chart-person-gap);flex-direction:column;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.org-chart__person{font-size:var(--org-chart-person-font-size);color:var(--org-chart-person-color)}.org-chart__role{font-size:var(--org-chart-person-role-font-size);color:var(--org-chart-person-role-color);display:block}.org-chart__empty{font-size:var(--org-chart-person-font-size);color:var(--org-chart-empty-color)}
+.org-chart{gap:var(--org-chart-gap);font-family:var(--org-chart-font-family);flex-direction:column;display:flex}.org-chart__toolbar{align-items:center;gap:var(--org-chart-gap);display:flex}.org-chart__viewport{max-block-size:var(--org-chart-viewport-height);padding-block:var(--org-chart-viewport-padding);padding-inline:var(--org-chart-viewport-padding);background-color:var(--org-chart-viewport-bg);border:var(--org-chart-viewport-border-width) solid var(--org-chart-viewport-border-color);border-radius:var(--org-chart-viewport-radius);overflow:auto}.org-chart__viewport:focus-visible{outline:var(--org-chart-focus-ring-width) solid var(--org-chart-focus-ring-color);outline-offset:var(--org-chart-focus-ring-offset)}.org-chart__canvas{zoom:var(--org-chart-zoom,1);justify-content:center;min-inline-size:max-content;display:flex}.org-chart__level{justify-content:center;gap:var(--org-chart-sibling-gap);margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.org-chart__level--children{padding-block-start:var(--org-chart-connector-length);position:relative}.org-chart__level--children:before{content:"";inline-size:var(--org-chart-connector-width);block-size:calc(var(--org-chart-connector-length) / 2);background-color:var(--org-chart-connector-color);position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.org-chart__node{flex-direction:column;align-items:center;display:flex;position:relative}.org-chart__level--children>.org-chart__node:before{content:"";inline-size:var(--org-chart-connector-width);block-size:calc(var(--org-chart-connector-length) / 2);background-color:var(--org-chart-connector-color);position:absolute;inset-block-start:calc(-1 * var(--org-chart-connector-length) / 2);inset-inline-start:50%;transform:translate(-50%)}.org-chart__level--children>.org-chart__node:after{content:"";inline-size:100%;block-size:var(--org-chart-connector-width);background-color:var(--org-chart-connector-color);position:absolute;inset-block-start:calc(-1 * var(--org-chart-connector-length) / 2);inset-inline-start:0}.org-chart__level--children>.org-chart__node:first-child:after{inline-size:50%;inset-inline-start:50%}.org-chart__level--children>.org-chart__node:last-child:after{inline-size:50%;inset-inline-start:0}.org-chart__level--children>.org-chart__node:only-child:after{content:none}.org-chart__card{gap:var(--org-chart-card-gap);inline-size:var(--org-chart-card-width);padding-block:var(--org-chart-card-padding-block);padding-inline:var(--org-chart-card-padding-inline);background-color:var(--org-chart-card-bg);border:var(--org-chart-card-border-width) solid var(--org-chart-card-border-color);border-radius:var(--org-chart-card-radius);text-align:start;flex-direction:column;display:flex}.org-chart__header{justify-content:space-between;align-items:center;gap:var(--org-chart-group-gap);display:flex}.org-chart__name{font-size:var(--org-chart-name-font-size);font-weight:var(--org-chart-name-font-weight);color:var(--org-chart-name-color);margin-block:0}.org-chart__group+.org-chart__group{margin-block-start:var(--org-chart-group-margin-block-start)}.org-chart__group-label{font-size:var(--org-chart-group-font-size);color:var(--org-chart-group-color);margin-block-end:var(--org-chart-group-gap);display:block}.org-chart__people{gap:var(--org-chart-person-gap);flex-direction:column;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none;display:flex}.org-chart__person{font-size:var(--org-chart-person-font-size);color:var(--org-chart-person-color)}.org-chart__role{font-size:var(--org-chart-person-role-font-size);color:var(--org-chart-person-role-color);display:block}.org-chart__empty{font-size:var(--org-chart-person-font-size);color:var(--org-chart-empty-color)}