@studiolxd/brand 50.0.0 → 51.0.0

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/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)}

package/dist/org-chart.js

@@ -1,20 +1,31 @@
 'use client';
 import './org-chart.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 { Button as n } from "./button.js";
 import { t as r } from "./_shared/css-properties.js";
 import { forwardRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/stories/organisms/OrgChart/OrgChart.tsx
-var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, collapsed: u, defaultCollapsed: d, onCollapsedChange: f, zoom: p, defaultZoom: m = 1, onZoomChange: h, minZoom: g = .5, maxZoom: _ = 1.5, zoomStep: v = .1, showZoom: y = !0, toolbar: b, showPeople: x = !0, label: S, managersLabel: C, membersLabel: w, className: T, ...E }, D) {
-	let O = e("orgChart"), [k, A] = a(d ?? []), j = u ?? k, [M, N] = a(m), P = l(p ?? M, g, _), F = r({ "--org-chart-zoom": String(P) }), I = (e) => {
-		let t = j.includes(e) ? j.filter((t) => t !== e) : [...j, e];
-		u === void 0 && A(t), f?.(t);
-	}, L = (e) => {
-		let t = l(Number(e.toFixed(4)), g, _);
-		p === void 0 && N(t), h?.(t);
-	}, R = (e, t, n) => /* @__PURE__ */ c("div", {
+//#region src/stories/messages/es/orgChart.ts
+var l = {
+	label: "Organigrama",
+	managers: "Responsables",
+	members: "Equipo",
+	noManagers: "Sin responsable",
+	noMembers: "Sin equipo",
+	collapse: (e) => `Plegar ${e}`,
+	expand: (e) => `Desplegar ${e}`,
+	zoomIn: "Acercar",
+	zoomOut: "Alejar",
+	zoomReset: "Tamaño natural"
+}, u = (e, t, n) => Math.min(n, Math.max(t, e)), d = i(function({ nodes: i, collapsed: d, defaultCollapsed: f, onCollapsedChange: p, zoom: m, defaultZoom: h = 1, onZoomChange: g, minZoom: _ = .5, maxZoom: v = 1.5, zoomStep: y = .1, showZoom: b = !0, toolbar: x, showPeople: S = !0, label: C, managersLabel: w, membersLabel: T, className: E, ...D }, O) {
+	let k = e("orgChart", l), [A, j] = a(f ?? []), M = d ?? A, [N, P] = a(h), F = u(m ?? N, _, v), I = r({ "--org-chart-zoom": String(F) }), L = (e) => {
+		let t = M.includes(e) ? M.filter((t) => t !== e) : [...M, e];
+		d === void 0 && j(t), p?.(t);
+	}, R = (e) => {
+		let t = u(Number(e.toFixed(4)), _, v);
+		m === void 0 && P(t), g?.(t);
+	}, z = (e, t, n) => /* @__PURE__ */ c("div", {
 		className: "org-chart__group",
 		children: [/* @__PURE__ */ s("span", {
 			className: "org-chart__group-label",
@@ -32,10 +43,10 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 			className: "org-chart__empty",
 			children: n
 		})]
-	}), z = (e, r) => /* @__PURE__ */ s("ul", {
+	}), B = (e, r) => /* @__PURE__ */ s("ul", {
 		className: ["org-chart__level", r ? "org-chart__level--root" : "org-chart__level--children"].join(" "),
 		children: e.map((e) => {
-			let r = e.children ?? [], i = j.includes(e.id), a = r.length > 0 && !i;
+			let r = e.children ?? [], i = M.includes(e.id), a = r.length > 0 && !i;
 			return /* @__PURE__ */ c("li", {
 				className: "org-chart__node",
 				children: [/* @__PURE__ */ c("div", {
@@ -50,34 +61,34 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
-							"aria-label": i ? O("expand")(e.name) : O("collapse")(e.name),
+							"aria-label": i ? k("expand")(e.name) : k("collapse")(e.name),
 							"aria-expanded": !i,
-							onClick: () => I(e.id),
+							onClick: () => L(e.id),
 							children: /* @__PURE__ */ s(t, {
 								name: i ? "chevron-right" : "chevron-down",
 								size: "sm"
 							})
 						}) : null]
-					}), x ? /* @__PURE__ */ c("div", { children: [R(e.managers, O("managers", C), O("noManagers")), R(e.members, O("members", w), O("noMembers"))] }) : null]
-				}), a ? z(r, !1) : null]
+					}), S ? /* @__PURE__ */ c("div", { children: [z(e.managers, k("managers", w), k("noManagers")), z(e.members, k("members", T), k("noMembers"))] }) : null]
+				}), a ? B(r, !1) : null]
 			}, e.id);
 		})
 	});
 	return /* @__PURE__ */ c("div", {
-		ref: D,
-		className: ["org-chart", T].filter(Boolean).join(" "),
-		...E,
-		children: [y || b ? /* @__PURE__ */ c("div", {
+		ref: O,
+		className: ["org-chart", E].filter(Boolean).join(" "),
+		...D,
+		children: [b || x ? /* @__PURE__ */ c("div", {
 			className: "org-chart__toolbar",
-			children: [y ? /* @__PURE__ */ c(o, { children: [
+			children: [b ? /* @__PURE__ */ c(o, { children: [
 				/* @__PURE__ */ s(n, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": O("zoomOut"),
-					disabled: P <= g,
-					onClick: () => L(P - v),
+					"aria-label": k("zoomOut"),
+					disabled: F <= _,
+					onClick: () => R(F - y),
 					children: /* @__PURE__ */ s(t, {
 						name: "zoom-out",
 						size: "sm"
@@ -88,9 +99,9 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 					variant: "outline",
 					size: "sm",
 					iconOnly: !0,
-					"aria-label": O("zoomIn"),
-					disabled: P >= _,
-					onClick: () => L(P + v),
+					"aria-label": k("zoomIn"),
+					disabled: F >= v,
+					onClick: () => R(F + y),
 					children: /* @__PURE__ */ s(t, {
 						name: "zoom-in",
 						size: "sm"
@@ -100,23 +111,23 @@ var l = (e, t, n) => Math.min(n, Math.max(t, e)), u = i(function({ nodes: i, col
 					type: "button",
 					variant: "text",
 					size: "sm",
-					disabled: P === 1,
-					onClick: () => L(1),
-					children: O("zoomReset")
+					disabled: F === 1,
+					onClick: () => R(1),
+					children: k("zoomReset")
 				})
-			] }) : null, b]
+			] }) : null, x]
 		}) : null, /* @__PURE__ */ s("div", {
 			className: "org-chart__viewport",
 			tabIndex: 0,
 			role: "group",
-			"aria-label": O("label", S),
+			"aria-label": k("label", C),
 			children: /* @__PURE__ */ s("div", {
 				className: "org-chart__canvas",
-				ref: F,
-				children: z(i, !0)
+				ref: I,
+				children: B(i, !0)
 			})
 		})]
 	});
 });
 //#endregion
-export { u as OrgChart };
+export { d as OrgChart };

package/dist/org-switcher.css

@@ -1 +1 @@
-.org-switcher__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--org-switcher-trigger-gap);inline-size:auto;max-inline-size:100%;padding-block:var(--org-switcher-trigger-padding-block);padding-inline:var(--org-switcher-trigger-padding-inline);border-radius:var(--org-switcher-trigger-border-radius);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);display:flex}.org-switcher__trigger.org-switcher__trigger--block{inline-size:100%}.org-switcher__trigger.org-switcher__trigger--compact{justify-content:center;padding-inline:0}.org-switcher__trigger:focus-visible{outline:var(--org-switcher-focus-ring-width) solid var(--org-switcher-focus-ring-color);outline-offset:var(--org-switcher-focus-ring-offset)}.org-switcher__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--org-switcher-name-font-size);font-weight:var(--org-switcher-name-font-weight);color:var(--org-switcher-name-color);flex:1;overflow:hidden}.org-switcher__chevron{transition:transform var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);flex-shrink:0;transform:rotate(90deg)}.org-switcher__trigger[data-popup-open] .org-switcher__chevron{transform:rotate(-90deg)}@keyframes org-switcher-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes org-switcher-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.org-switcher__content{box-sizing:border-box;background-color:var(--org-switcher-content-bg);border-width:var(--org-switcher-content-border-width);border-style:solid;border-color:var(--org-switcher-content-border-color);border-radius:var(--org-switcher-content-border-radius);box-shadow:var(--org-switcher-content-shadow);padding-block:var(--org-switcher-content-padding-block);padding-inline:var(--org-switcher-content-padding-inline);min-inline-size:var(--org-switcher-content-min-width);transform-origin:var(--transform-origin);max-block-size:var(--org-switcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.org-switcher__content[data-open]{animation:org-switcher-open var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__content[data-closed]{animation:org-switcher-close var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__item{align-items:center;gap:var(--org-switcher-trigger-gap);padding-block:var(--org-switcher-item-padding-block);padding-inline:var(--org-switcher-item-padding-inline);border-radius:var(--org-switcher-item-border-radius);font-size:var(--org-switcher-item-font-size);font-weight:var(--org-switcher-item-font-weight);color:var(--org-switcher-item-color);box-shadow:none;cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing), color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);outline:none;text-decoration:none;display:flex}.org-switcher__item:focus-visible{outline:none}.org-switcher__item[data-highlighted]{background-color:var(--org-switcher-item-highlighted-bg);color:var(--org-switcher-item-highlighted-color)}.org-switcher__item--active,.org-switcher__item--active[data-highlighted]{font-weight:var(--org-switcher-name-font-weight)}.org-switcher__separator{block-size:var(--org-switcher-separator-height);background-color:var(--org-switcher-separator-color);margin-block:var(--org-switcher-separator-margin-block);border:none}.org-switcher__item.org-switcher__item--destructive{color:var(--org-switcher-item-destructive-color)}.org-switcher__item.org-switcher__item--destructive[data-highlighted]{background-color:var(--org-switcher-item-destructive-highlighted-bg);color:var(--org-switcher-item-destructive-highlighted-color)}.org-switcher__positioner{z-index:var(--org-switcher-content-z-index)}
+.org-switcher__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--org-switcher-trigger-gap);inline-size:auto;max-inline-size:100%;padding-block:var(--org-switcher-trigger-padding-block);padding-inline:var(--org-switcher-trigger-padding-inline);border-radius:var(--org-switcher-trigger-border-radius);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);display:flex}.org-switcher__trigger.org-switcher__trigger--block{inline-size:100%}.org-switcher__trigger.org-switcher__trigger--compact{justify-content:center;padding-inline:0}.org-switcher__trigger:focus-visible{outline:var(--org-switcher-focus-ring-width) solid var(--org-switcher-focus-ring-color);outline-offset:var(--org-switcher-focus-ring-offset)}.org-switcher__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--org-switcher-name-font-size);font-weight:var(--org-switcher-name-font-weight);color:var(--org-switcher-name-color);flex:1;overflow:hidden}.org-switcher__chevron{transition:transform var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);flex-shrink:0;transform:rotate(90deg)}.org-switcher__trigger[data-popup-open] .org-switcher__chevron{transform:rotate(-90deg)}@keyframes org-switcher-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes org-switcher-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.org-switcher__content{box-sizing:border-box;background-color:var(--org-switcher-content-bg);border-width:var(--org-switcher-content-border-width);border-style:solid;border-color:var(--org-switcher-content-border-color);border-radius:var(--org-switcher-content-border-radius);box-shadow:var(--org-switcher-content-shadow);padding-block:var(--org-switcher-content-padding-block);padding-inline:var(--org-switcher-content-padding-inline);min-inline-size:var(--org-switcher-content-min-width);transform-origin:var(--transform-origin);max-block-size:var(--org-switcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.org-switcher__content[data-open]{animation:org-switcher-open var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__content[data-closed]{animation:org-switcher-close var(--org-switcher-transition-duration) var(--org-switcher-transition-easing)}.org-switcher__item{align-items:center;gap:var(--org-switcher-trigger-gap);padding-block:var(--org-switcher-item-padding-block);padding-inline:var(--org-switcher-item-padding-inline);border-radius:var(--org-switcher-item-border-radius);font-size:var(--org-switcher-item-font-size);font-weight:var(--org-switcher-item-font-weight);color:var(--org-switcher-item-color);cursor:pointer;transition:background-color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing), color var(--org-switcher-transition-duration) var(--org-switcher-transition-easing);outline:none;text-decoration:none;display:flex}.org-switcher__item:focus-visible{outline:none}.org-switcher__item[data-highlighted]{background-color:var(--org-switcher-item-highlighted-bg);color:var(--org-switcher-item-highlighted-color)}.org-switcher__item--active,.org-switcher__item--active[data-highlighted]{font-weight:var(--org-switcher-name-font-weight)}.org-switcher__separator{block-size:var(--org-switcher-separator-height);background-color:var(--org-switcher-separator-color);margin-block:var(--org-switcher-separator-margin-block);border:none}.org-switcher__item.org-switcher__item--destructive{color:var(--org-switcher-item-destructive-color)}.org-switcher__item.org-switcher__item--destructive[data-highlighted]{background-color:var(--org-switcher-item-destructive-highlighted-bg);color:var(--org-switcher-item-destructive-highlighted-color)}.org-switcher__positioner{z-index:var(--org-switcher-content-z-index)}