@studiolxd/brand 50.0.0 → 51.0.1

package/dist/tooltip.js

@@ -1,55 +1,69 @@
 'use client';
 import './tooltip.css';
-import { n as e } from "./_shared/portal-container.js";
-import { t } from "./_shared/side-offset.js";
-import { forwardRef as n, useId as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Tooltip as s } from "@base-ui/react/tooltip";
+import { n as e } from "./_shared/env.js";
+import { n as t } from "./_shared/portal-container.js";
+import { n } from "./_shared/focusable-when-disabled.js";
+import { t as r } from "./_shared/side-offset.js";
+import { cloneElement as i, forwardRef as a, isValidElement as o, useId as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Tooltip as d } from "@base-ui/react/tooltip";
 //#region src/stories/atoms/Tooltip/Tooltip.tsx
-function c({ children: e, delayDuration: t = 0, skipDelayDuration: n }) {
-	return /* @__PURE__ */ a(s.Provider, {
+function f({ children: e, delayDuration: t = 0, skipDelayDuration: n }) {
+	return /* @__PURE__ */ l(d.Provider, {
 		delay: t,
 		...n === void 0 ? {} : { timeout: n },
 		children: e
 	});
 }
-var l = t("--tooltip-offset"), u = n(function({ label: t, children: n, side: c = "top", align: u = "center", sideOffset: d, open: f, defaultOpen: p, onOpenChange: m, delayDuration: h, describe: g = !0, disabledTrigger: _ = !1, container: v, className: y, ...b }, x) {
-	let S = e(v), C = r(), [w, T] = i(p ?? !1), E = f ?? w;
-	return /* @__PURE__ */ o(s.Root, {
-		open: f,
-		defaultOpen: p,
+var p = r("--tooltip-offset"), m = a(function({ label: r, children: a, side: f = "top", align: m = "center", sideOffset: h, open: g, defaultOpen: _, onOpenChange: v, delayDuration: y, describe: b = !0, disabledTrigger: x = !1, container: S, className: C, ...w }, T) {
+	let E = t(S), D = s(), O = s(), k = w.id ?? O, [A, j] = c(_ ?? !1), M = g ?? A;
+	x && e("Tooltip", "disabledTrigger", "nada: el disparador deshabilitado ya recibe foco solo");
+	let N = o(a) ? a : null, P = !!N?.props.disabled || x, F = null;
+	return N && P && n(N.type) ? F = i(N, { focusableWhenDisabled: !0 }) : N && N.props.disabled && typeof N.type == "string" ? F = i(N, {
+		disabled: void 0,
+		"aria-disabled": !0,
+		onClick: (e) => {
+			e.preventDefault(), e.stopPropagation();
+		}
+	}) : x || (F = a), /* @__PURE__ */ u(d.Root, {
+		open: g,
+		defaultOpen: _,
 		onOpenChange: (e) => {
-			f === void 0 && T(e), m?.(e);
+			g === void 0 && j(e), v?.(e);
 		},
-		children: [/* @__PURE__ */ a(s.Trigger, {
-			ref: x,
-			render: _ ? /* @__PURE__ */ a("span", {
+		children: [/* @__PURE__ */ l(d.Trigger, {
+			ref: T,
+			render: F ?? /* @__PURE__ */ l("span", {
+				id: k,
 				className: "tooltip__trigger",
 				tabIndex: 0,
-				children: n
-			}) : n,
-			"aria-describedby": E && g ? C : void 0,
-			...h === void 0 ? {} : { delay: h },
-			...b
-		}), /* @__PURE__ */ a(s.Portal, {
-			container: S,
-			children: /* @__PURE__ */ a(s.Positioner, {
+				role: "group",
+				"aria-disabled": !0,
+				...w["aria-label"] === void 0 && w["aria-labelledby"] === void 0 ? { "aria-labelledby": k } : {},
+				children: a
+			}),
+			"aria-describedby": M && b ? D : void 0,
+			...y === void 0 ? {} : { delay: y },
+			...w
+		}), /* @__PURE__ */ l(d.Portal, {
+			container: E,
+			children: /* @__PURE__ */ l(d.Positioner, {
 				className: "tooltip__positioner",
-				side: c,
-				align: u,
-				sideOffset: d ?? l,
-				children: /* @__PURE__ */ o(s.Popup, {
-					id: C,
+				side: f,
+				align: m,
+				sideOffset: h ?? p,
+				children: /* @__PURE__ */ u(d.Popup, {
+					id: D,
 					role: "tooltip",
-					className: ["tooltip", y].filter(Boolean).join(" "),
-					children: [t, /* @__PURE__ */ a(s.Arrow, {
+					className: ["tooltip", C].filter(Boolean).join(" "),
+					children: [r, /* @__PURE__ */ l(d.Arrow, {
 						className: "tooltip__arrow",
-						children: /* @__PURE__ */ a("svg", {
+						children: /* @__PURE__ */ l("svg", {
 							width: "10",
 							height: "5",
 							viewBox: "0 0 30 10",
 							preserveAspectRatio: "none",
-							children: /* @__PURE__ */ a("polygon", { points: "0,0 30,0 15,10" })
+							children: /* @__PURE__ */ l("polygon", { points: "0,0 30,0 15,10" })
 						})
 					})]
 				})
@@ -58,4 +72,4 @@ var l = t("--tooltip-offset"), u = n(function({ label: t, children: n, side: c =
 	});
 });
 //#endregion
-export { u as Tooltip, c as TooltipProvider };
+export { m as Tooltip, f as TooltipProvider };

package/dist/tree-view.css

@@ -1 +1 @@
-.tree-view,.tree-view__group{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none}.tree-view__item{color:var(--tree-view-color)}.tree-view__item:focus{outline:none}.tree-view__item:focus-visible>.tree-view__row{outline:var(--tree-view-focus-ring-width) solid var(--tree-view-focus-ring-color);outline-offset:var(--tree-view-focus-ring-offset)}.tree-view__row{align-items:center;gap:var(--tree-view-row-gap);padding-block:var(--tree-view-row-padding-block);border-radius:var(--tree-view-row-border-radius);border:var(--tree-view-drop-target-border-width) var(--tree-view-drop-target-border-style) transparent;font-family:var(--tree-view-font-family);font-size:var(--tree-view-font-size);font-weight:var(--tree-view-font-weight);line-height:var(--tree-view-line-height);cursor:var(--tree-view-cursor);padding-inline-start:calc(var(--tree-view-row-padding-inline) + var(--tree-view-level,0) * var(--tree-view-indent));padding-inline-end:var(--tree-view-row-padding-inline);display:flex}.tree-view__item[data-level="2"]>.tree-view__row{--tree-view-level:1}.tree-view__item[data-level="3"]>.tree-view__row{--tree-view-level:2}.tree-view__item[data-level="4"]>.tree-view__row{--tree-view-level:3}.tree-view__item[data-level="5"]>.tree-view__row{--tree-view-level:4}.tree-view__item[data-level="6"]>.tree-view__row{--tree-view-level:5}.tree-view__item[data-level="7"]>.tree-view__row{--tree-view-level:6}.tree-view__item[data-level="8"]>.tree-view__row{--tree-view-level:7}.tree-view__item[data-level="9"]>.tree-view__row{--tree-view-level:8}.tree-view__item[data-level="10"]>.tree-view__row{--tree-view-level:9}.tree-view__item[data-level="11"]>.tree-view__row{--tree-view-level:10}.tree-view__item[data-level="12"]>.tree-view__row{--tree-view-level:11}.tree-view__item:not(.tree-view__item--disabled)>.tree-view__row:hover{color:var(--tree-view-color);box-shadow:none}.tree-view__item.tree-view__item--selected>.tree-view__row{color:var(--tree-view-selected-color);font-weight:var(--tree-view-selected-font-weight)}.tree-view__item.tree-view__item--disabled>.tree-view__row{opacity:var(--tree-view-disabled-opacity);cursor:var(--tree-view-disabled-cursor)}.tree-view__item.tree-view__item--drop-target>.tree-view__row{background-color:var(--tree-view-drop-target-bg);border-color:var(--tree-view-drop-target-border-color);color:var(--tree-view-drop-target-color)}.tree-view__item.tree-view__item--drop-target>.tree-view__row .tree-view__chevron{color:var(--tree-view-drop-target-color)}.tree-view__item.tree-view__item--drop-disabled>.tree-view__row{opacity:var(--tree-view-drop-disabled-opacity);cursor:var(--tree-view-drop-disabled-cursor)}.tree-view__chevron-slot{inline-size:var(--tree-view-chevron-size);block-size:var(--tree-view-chevron-size);flex-shrink:0;display:inline-flex}.tree-view__chevron{color:var(--tree-view-chevron-color);transition:transform var(--tree-view-transition-duration) var(--tree-view-transition-easing);transform:rotate(0)}.tree-view__item[aria-expanded=true]>.tree-view__row .tree-view__chevron{transform:rotate(90deg)}.tree-view__icon{inline-size:var(--tree-view-icon-size);block-size:var(--tree-view-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree-view__label{min-inline-size:0}.tree-view__label--truncated{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tree-view__actions{opacity:0;transition:opacity var(--tree-view-transition-duration) var(--tree-view-transition-easing);flex-shrink:0;align-items:center;margin-inline-start:auto;padding-inline-start:var(--tree-view-actions-gap);display:inline-flex}.tree-view__row:hover .tree-view__actions,.tree-view__item:focus-visible>.tree-view__row .tree-view__actions,.tree-view__actions:focus-within{opacity:1}.tree-view__actions:has([data-popup-open]){opacity:1}@media (hover:none){.tree-view__actions{opacity:1}}
+.tree-view,.tree-view__group{margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;list-style:none}.tree-view__item{color:var(--tree-view-color)}.tree-view__item:focus{outline:none}.tree-view__item:focus-visible>.tree-view__row{outline:var(--tree-view-focus-ring-width) solid var(--tree-view-focus-ring-color);outline-offset:var(--tree-view-focus-ring-offset)}.tree-view__row{align-items:center;gap:var(--tree-view-row-gap);padding-block:var(--tree-view-row-padding-block);border-radius:var(--tree-view-row-border-radius);border:var(--tree-view-drop-target-border-width) var(--tree-view-drop-target-border-style) transparent;font-family:var(--tree-view-font-family);font-size:var(--tree-view-font-size);font-weight:var(--tree-view-font-weight);line-height:var(--tree-view-line-height);cursor:var(--tree-view-cursor);padding-inline-start:calc(var(--tree-view-row-padding-inline) + var(--tree-view-level,0) * var(--tree-view-indent));padding-inline-end:var(--tree-view-row-padding-inline);display:flex}.tree-view__item[data-level="2"]>.tree-view__row{--tree-view-level:1}.tree-view__item[data-level="3"]>.tree-view__row{--tree-view-level:2}.tree-view__item[data-level="4"]>.tree-view__row{--tree-view-level:3}.tree-view__item[data-level="5"]>.tree-view__row{--tree-view-level:4}.tree-view__item[data-level="6"]>.tree-view__row{--tree-view-level:5}.tree-view__item[data-level="7"]>.tree-view__row{--tree-view-level:6}.tree-view__item[data-level="8"]>.tree-view__row{--tree-view-level:7}.tree-view__item[data-level="9"]>.tree-view__row{--tree-view-level:8}.tree-view__item[data-level="10"]>.tree-view__row{--tree-view-level:9}.tree-view__item[data-level="11"]>.tree-view__row{--tree-view-level:10}.tree-view__item[data-level="12"]>.tree-view__row{--tree-view-level:11}.tree-view__item:not(.tree-view__item--disabled)>.tree-view__row:hover{color:var(--tree-view-color);text-decoration-line:none}.tree-view__item.tree-view__item--selected>.tree-view__row{color:var(--tree-view-selected-color);font-weight:var(--tree-view-selected-font-weight)}.tree-view__item.tree-view__item--disabled>.tree-view__row{opacity:var(--tree-view-disabled-opacity);cursor:var(--tree-view-disabled-cursor)}.tree-view__item.tree-view__item--drop-target>.tree-view__row{background-color:var(--tree-view-drop-target-bg);border-color:var(--tree-view-drop-target-border-color);color:var(--tree-view-drop-target-color)}.tree-view__item.tree-view__item--drop-target>.tree-view__row .tree-view__chevron{color:var(--tree-view-drop-target-color)}.tree-view__item.tree-view__item--drop-disabled>.tree-view__row{opacity:var(--tree-view-drop-disabled-opacity);cursor:var(--tree-view-drop-disabled-cursor)}.tree-view__chevron-slot{inline-size:var(--tree-view-chevron-size);block-size:var(--tree-view-chevron-size);flex-shrink:0;display:inline-flex}.tree-view__chevron{color:var(--tree-view-chevron-color);transition:transform var(--tree-view-transition-duration) var(--tree-view-transition-easing);transform:rotate(0)}.tree-view__item[aria-expanded=true]>.tree-view__row .tree-view__chevron{transform:rotate(90deg)}.tree-view__icon{inline-size:var(--tree-view-icon-size);block-size:var(--tree-view-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tree-view__label{min-inline-size:0}.tree-view__label--truncated{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tree-view__actions{opacity:0;transition:opacity var(--tree-view-transition-duration) var(--tree-view-transition-easing);flex-shrink:0;align-items:center;margin-inline-start:auto;padding-inline-start:var(--tree-view-actions-gap);display:inline-flex}.tree-view__row:hover .tree-view__actions,.tree-view__item:focus-visible>.tree-view__row .tree-view__actions,.tree-view__actions:focus-within{opacity:1}.tree-view__actions:has([data-popup-open]){opacity:1}@media (hover:none){.tree-view__actions{opacity:1}}

package/dist/tree-view.js

@@ -1,99 +1,99 @@
 'use client';
 import './tree-view.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 { useCallback as n, useId as r, useMemo as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/stories/molecules/TreeView/TreeView.tsx
-var l = 500;
-function u(e, t, n = 1, r) {
+//#region src/stories/messages/es/treeView.ts
+var l = { label: "Árbol" }, u = 500;
+function d(e, t, n = 1, r) {
 	return e.flatMap((e) => [{
 		node: e,
 		level: n,
 		parentId: r
-	}, ...e.children && t.has(e.id) ? u(e.children, t, n + 1, e.id) : []]);
+	}, ...e.children && t.has(e.id) ? d(e.children, t, n + 1, e.id) : []]);
 }
-function d({ items: d, expanded: f, defaultExpanded: p, onExpandedChange: m, selected: h, defaultSelected: g, onSelectedChange: _, label: v, truncateFromLevel: y = 4, nodeRef: b, chevron: x = !0, className: S, ...C }) {
-	let w = e("treeView"), T = r(), E = a(null), [D, O] = o(p ?? []), k = f !== void 0, A = k ? f : D, [j, M] = o(g), N = h !== void 0, P = N ? h : j, F = i(() => new Set(A), [A]), I = i(() => u(d, F), [d, F]), [L, R] = o(void 0), z = L && I.some((e) => e.node.id === L) ? L : P && I.some((e) => e.node.id === P) ? P : I[0]?.node.id, B = a(""), V = a(0), H = n((e) => {
-		k || O(e), m?.(e);
-	}, [k, m]), U = n((e, t) => {
-		let n = F.has(e), r = t ?? !n;
-		r !== n && H(r ? [...A, e] : A.filter((t) => t !== e));
+function f({ items: f, expanded: p, defaultExpanded: m, onExpandedChange: h, selected: g, defaultSelected: _, onSelectedChange: v, label: y, truncateFromLevel: b = 4, nodeRef: x, chevron: S = !0, className: C, ...w }) {
+	let T = e("treeView", l), E = r(), D = a(null), [O, k] = o(m ?? []), A = p !== void 0, j = A ? p : O, [M, N] = o(_), P = g !== void 0, F = P ? g : M, I = i(() => new Set(j), [j]), L = i(() => d(f, I), [f, I]), [R, z] = o(void 0), B = R && L.some((e) => e.node.id === R) ? R : F && L.some((e) => e.node.id === F) ? F : L[0]?.node.id, V = a(""), H = a(0), U = n((e) => {
+		A || k(e), h?.(e);
+	}, [A, h]), W = n((e, t) => {
+		let n = I.has(e), r = t ?? !n;
+		r !== n && U(r ? [...j, e] : j.filter((t) => t !== e));
 	}, [
-		A,
-		F,
-		H
-	]), W = n((e) => {
-		N || M(e), _?.(e);
-	}, [N, _]), G = n((e) => {
-		let t = I.filter((t) => t.parentId === e.parentId && t.node.children?.length).map((e) => e.node.id).filter((e) => !F.has(e));
-		t.length !== 0 && H([...A, ...t]);
+		j,
+		I,
+		U
+	]), G = n((e) => {
+		P || N(e), v?.(e);
+	}, [P, v]), K = n((e) => {
+		let t = L.filter((t) => t.parentId === e.parentId && t.node.children?.length).map((e) => e.node.id).filter((e) => !I.has(e));
+		t.length !== 0 && U([...j, ...t]);
 	}, [
-		A,
+		j,
+		L,
 		I,
-		F,
-		H
-	]), K = n((e) => `${T}-${e}`, [T]), q = n((e) => {
-		e && (R(e), E.current?.querySelector(`[data-tree-item="${CSS.escape(e)}"]`)?.focus());
-	}, []), J = n((e, t) => {
-		let n = Date.now(), r = n - V.current > l ? e : B.current + e;
-		B.current = r, V.current = n;
+		U
+	]), q = n((e) => `${E}-${e}`, [E]), J = n((e) => {
+		e && (z(e), D.current?.querySelector(`[data-tree-item="${CSS.escape(e)}"]`)?.focus());
+	}, []), Y = n((e, t) => {
+		let n = Date.now(), r = n - H.current > u ? e : V.current + e;
+		V.current = r, H.current = n;
 		let i = r.length === 1 ? t + 1 : Math.max(t, 0), a = r.toLowerCase();
-		for (let e = 0; e < I.length; e++) {
-			let t = I[(i + e) % I.length].node.id;
-			if ((E.current?.querySelector(`[data-tree-item="${CSS.escape(t)}"] > .tree-view__row .tree-view__label`)?.textContent ?? "").trim().toLowerCase().startsWith(a)) {
-				q(t);
+		for (let e = 0; e < L.length; e++) {
+			let t = L[(i + e) % L.length].node.id;
+			if ((D.current?.querySelector(`[data-tree-item="${CSS.escape(t)}"] > .tree-view__row .tree-view__label`)?.textContent ?? "").trim().toLowerCase().startsWith(a)) {
+				J(t);
 				return;
 			}
 		}
-	}, [I, q]);
-	function Y(e, t) {
-		let { node: n, parentId: r } = t, i = I.findIndex((e) => e.node.id === n.id), a = !!n.children?.length, o = F.has(n.id);
+	}, [L, J]);
+	function X(e, t) {
+		let { node: n, parentId: r } = t, i = L.findIndex((e) => e.node.id === n.id), a = !!n.children?.length, o = I.has(n.id);
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), q(I[i + 1]?.node.id);
+				e.preventDefault(), J(L[i + 1]?.node.id);
 				break;
 			case "ArrowUp":
-				e.preventDefault(), q(I[i - 1]?.node.id);
+				e.preventDefault(), J(L[i - 1]?.node.id);
 				break;
 			case "ArrowRight":
-				e.preventDefault(), a && !o ? U(n.id, !0) : a && o && q(I[i + 1]?.node.id);
+				e.preventDefault(), a && !o ? W(n.id, !0) : a && o && J(L[i + 1]?.node.id);
 				break;
 			case "ArrowLeft":
-				e.preventDefault(), a && o ? U(n.id, !1) : r && q(r);
+				e.preventDefault(), a && o ? W(n.id, !1) : r && J(r);
 				break;
 			case "Home":
-				e.preventDefault(), q(I[0]?.node.id);
+				e.preventDefault(), J(L[0]?.node.id);
 				break;
 			case "End":
-				e.preventDefault(), q(I[I.length - 1]?.node.id);
+				e.preventDefault(), J(L[L.length - 1]?.node.id);
 				break;
 			case "Enter":
 			case " ":
-				e.preventDefault(), n.disabled || W(n.id);
+				e.preventDefault(), n.disabled || G(n.id);
 				break;
 			case "*":
-				e.preventDefault(), G(t);
+				e.preventDefault(), K(t);
 				break;
 			default:
-				e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), J(e.key, i));
+				e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), Y(e.key, i));
 				break;
 		}
 	}
-	function X(e, n, r) {
+	function Z(e, n, r) {
 		return e.map((e) => {
-			let i = !!e.children?.length, a = i && F.has(e.id), o = P === e.id, l = a && e.iconExpanded || e.icon, u = n >= y, d = u && typeof e.label == "string" ? e.label : void 0, f = e.dropTarget ? "target" : e.dropDisabled ? "disabled" : void 0;
+			let i = !!e.children?.length, a = i && I.has(e.id), o = F === e.id, l = a && e.iconExpanded || e.icon, u = n >= b, d = u && typeof e.label == "string" ? e.label : void 0, f = e.dropTarget ? "target" : e.dropDisabled ? "disabled" : void 0;
 			return /* @__PURE__ */ c("li", {
 				role: "treeitem",
 				"data-tree-item": e.id,
-				"aria-labelledby": K(e.id),
+				"aria-labelledby": q(e.id),
 				"aria-expanded": i ? a : void 0,
 				"aria-selected": o,
 				"aria-level": n,
 				"data-level": n,
 				"aria-disabled": e.disabled || void 0,
 				"data-drop": f,
-				tabIndex: z === e.id ? 0 : -1,
+				tabIndex: B === e.id ? 0 : -1,
 				className: [
 					"tree-view__item",
 					o ? "tree-view__item--selected" : "",
@@ -102,23 +102,23 @@ function d({ items: d, expanded: f, defaultExpanded: p, onExpandedChange: m, sel
 					e.dropDisabled ? "tree-view__item--drop-disabled" : ""
 				].filter(Boolean).join(" "),
 				onKeyDown: (t) => {
-					t.target === t.currentTarget && Y(t, {
+					t.target === t.currentTarget && X(t, {
 						node: e,
 						level: n,
 						parentId: r
 					});
 				},
 				onFocus: (t) => {
-					t.target === t.currentTarget && R(e.id);
+					t.target === t.currentTarget && z(e.id);
 				},
 				onClick: e.disabled ? void 0 : (t) => {
-					t.stopPropagation(), i && U(e.id), W(e.id), q(e.id);
+					t.stopPropagation(), i && W(e.id), G(e.id), J(e.id);
 				},
 				children: [/* @__PURE__ */ c("span", {
 					className: "tree-view__row",
-					ref: b ? (t) => b(e.id, t) : void 0,
+					ref: x ? (t) => x(e.id, t) : void 0,
 					children: [
-						x && /* @__PURE__ */ s("span", {
+						S && /* @__PURE__ */ s("span", {
 							className: "tree-view__chevron-slot",
 							"aria-hidden": "true",
 							children: i && /* @__PURE__ */ s(t, {
@@ -134,7 +134,7 @@ function d({ items: d, expanded: f, defaultExpanded: p, onExpandedChange: m, sel
 						}),
 						/* @__PURE__ */ s("span", {
 							className: ["tree-view__label", u ? "tree-view__label--truncated" : ""].filter(Boolean).join(" "),
-							id: K(e.id),
+							id: q(e.id),
 							title: d,
 							children: e.label
 						}),
@@ -149,19 +149,19 @@ function d({ items: d, expanded: f, defaultExpanded: p, onExpandedChange: m, sel
 				}), i && a && /* @__PURE__ */ s("ul", {
 					role: "group",
 					className: "tree-view__group",
-					children: X(e.children, n + 1, e.id)
+					children: Z(e.children, n + 1, e.id)
 				})]
 			}, e.id);
 		});
 	}
 	return /* @__PURE__ */ s("ul", {
-		ref: E,
+		ref: D,
 		role: "tree",
-		"aria-label": w("label", v),
-		className: ["tree-view", S].filter(Boolean).join(" "),
-		...C,
-		children: X(d, 1)
+		"aria-label": T("label", y),
+		className: ["tree-view", C].filter(Boolean).join(" "),
+		...w,
+		children: Z(f, 1)
 	});
 }
 //#endregion
-export { d as TreeView };
+export { f as TreeView };

package/dist/typing-indicator.js

@@ -1,30 +1,3 @@
 'use client';
-import './typing-indicator.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { VisuallyHidden as t } from "./visually-hidden.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/stories/atoms/TypingIndicator/TypingIndicator.tsx
-function i({ name: i, label: a, className: o }) {
-	let s = e("typingIndicator");
-	return /* @__PURE__ */ r("span", {
-		className: ["typing-indicator", o].filter(Boolean).join(" "),
-		role: "status",
-		children: [
-			/* @__PURE__ */ n("span", {
-				className: "typing-indicator__dot",
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ n("span", {
-				className: "typing-indicator__dot",
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ n("span", {
-				className: "typing-indicator__dot",
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ n(t, { children: a ?? s("typing")(i) })
-		]
-	});
-}
-//#endregion
-export { i as TypingIndicator };
+import { t as e } from "./_shared/typingindicator.js";
+export { e as TypingIndicator };

package/dist/{typing-indicator.css → typingindicator.css}

@@ -1 +1 @@
-.typing-indicator{align-items:center;gap:var(--typing-indicator-dot-gap);display:inline-flex}.typing-indicator__dot{inline-size:var(--typing-indicator-dot-size);block-size:var(--typing-indicator-dot-size);background-color:var(--typing-indicator-dot-color);opacity:var(--typing-indicator-dot-opacity-inactive);animation:typing-bounce var(--typing-indicator-animation-duration) var(--typing-indicator-animation-easing) infinite;display:block}.typing-indicator__dot:nth-child(2){animation-delay:calc(var(--typing-indicator-animation-duration) / 5)}.typing-indicator__dot:nth-child(3){animation-delay:calc(var(--typing-indicator-animation-duration) / 5 * 2)}@media (prefers-reduced-motion:reduce){.typing-indicator__dot{opacity:var(--typing-indicator-dot-opacity-inactive);animation:none}.typing-indicator__dot:nth-child(2),.typing-indicator__dot:nth-child(3){animation-delay:0s}}@keyframes typing-bounce{0%,60%,to{opacity:var(--typing-indicator-dot-opacity-inactive);transform:translateY(0)}30%{opacity:var(--typing-indicator-dot-opacity-active);transform:translateY(calc(-1 * var(--typing-indicator-dot-rise)))}}
+.typing-indicator{align-items:center;gap:var(--typing-indicator-dot-gap);display:inline-flex}.typing-indicator__dot{inline-size:var(--typing-indicator-dot-size);block-size:var(--typing-indicator-dot-size);background-color:var(--typing-indicator-dot-color);opacity:var(--typing-indicator-dot-opacity-inactive);animation:typing-bounce var(--typing-indicator-animation-duration) var(--typing-indicator-animation-easing) infinite;display:block}.typing-indicator__dot:nth-child(2){animation-delay:calc(var(--typing-indicator-animation-duration) / 5)}.typing-indicator__dot:nth-child(3){animation-delay:calc(var(--typing-indicator-animation-duration) / 5 * 2)}@media (prefers-reduced-motion:reduce){.typing-indicator__dot{opacity:var(--typing-indicator-dot-opacity-inactive);animation:none}.typing-indicator__dot:nth-child(2),.typing-indicator__dot:nth-child(3){animation-delay:0s}}@keyframes typing-bounce{0%,60%,to{opacity:var(--typing-indicator-dot-opacity-inactive);transform:translateY(0)}30%{opacity:var(--typing-indicator-dot-active-opacity);transform:translateY(calc(-1 * var(--typing-indicator-dot-rise)))}}

package/dist/uptime-bars.js

@@ -1,6 +1,6 @@
 'use client';
 import './uptime-bars.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Tooltip as t } from "./tooltip.js";
 import { forwardRef as n, useRef as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -13,22 +13,25 @@ function c(e, t) {
 	return e === null || !Number.isFinite(e) ? "empty" : e >= t.ok ? "ok" : e >= t.degraded ? "degraded" : "down";
 }
 //#endregion
-//#region src/stories/molecules/UptimeBars/UptimeBars.tsx
-var l = n(function({ points: n, summary: l, label: u, startLabel: d, endLabel: f, thresholds: p, locale: m = "es-ES", maximumFractionDigits: h = 2, pointLabel: g, noDataLabel: _, tooltips: v = !0, className: y, ...b }, x) {
-	let S = e("uptimeBars"), C = {
+//#region src/stories/messages/es/uptimeBars.ts
+var l = {
+	label: "Disponibilidad",
+	noData: "sin datos"
+}, u = n(function({ points: n, summary: u, label: d, startLabel: f, endLabel: p, thresholds: m, locale: h = "es-ES", maximumFractionDigits: g = 2, pointLabel: _, noDataLabel: v, tooltips: y = !0, className: b, ...x }, S) {
+	let C = e("uptimeBars", l), w = {
 		...s,
-		...p
-	}, w = r([]), [T, E] = i(0), D = new Intl.NumberFormat(m, {
+		...m
+	}, T = r([]), [E, D] = i(0), O = new Intl.NumberFormat(h, {
 		style: "percent",
-		maximumFractionDigits: h
-	}), O = (e) => e === null || !Number.isFinite(e) ? null : D.format(e / 100), k = (e, t) => {
-		if (g) return g(e, t);
-		let n = `${e.label}: ${t ?? S("noData", _)}`;
+		maximumFractionDigits: g
+	}), k = (e) => e === null || !Number.isFinite(e) ? null : O.format(e / 100), A = (e, t) => {
+		if (_) return _(e, t);
+		let n = `${e.label}: ${t ?? C("noData", v)}`;
 		return e.detail ? `${n}. ${e.detail}` : n;
-	}, A = (e) => {
+	}, j = (e) => {
 		let t = Math.max(0, Math.min(n.length - 1, e));
-		E(t), w.current[t]?.focus();
-	}, j = (e, t) => {
+		D(t), T.current[t]?.focus();
+	}, M = (e, t) => {
 		let r = {
 			ArrowRight: 1,
 			ArrowDown: 1,
@@ -36,32 +39,32 @@ var l = n(function({ points: n, summary: l, label: u, startLabel: d, endLabel: f
 			ArrowUp: -1
 		}[e.key];
 		if (r) {
-			e.preventDefault(), A(t + r);
+			e.preventDefault(), j(t + r);
 			return;
 		}
-		e.key === "Home" ? (e.preventDefault(), A(0)) : e.key === "End" && (e.preventDefault(), A(n.length - 1));
-	}, M = Math.max(0, Math.min(T, n.length - 1));
+		e.key === "Home" ? (e.preventDefault(), j(0)) : e.key === "End" && (e.preventDefault(), j(n.length - 1));
+	}, N = Math.max(0, Math.min(E, n.length - 1));
 	return /* @__PURE__ */ o("div", {
-		ref: x,
-		className: ["uptime-bars", y].filter(Boolean).join(" "),
-		...b,
+		ref: S,
+		className: ["uptime-bars", b].filter(Boolean).join(" "),
+		...x,
 		children: [/* @__PURE__ */ a("ol", {
 			className: "uptime-bars__list",
-			"aria-label": S("label", u),
+			"aria-label": C("label", d),
 			children: n.map((e, n) => {
-				let r = O(e.value), i = /* @__PURE__ */ a("span", {
-					className: `uptime-bars__bar uptime-bars__bar--${c(e.value, C)}`,
+				let r = k(e.value), i = /* @__PURE__ */ a("span", {
+					className: `uptime-bars__bar uptime-bars__bar--${c(e.value, w)}`,
 					role: "img",
-					"aria-label": k(e, r),
-					tabIndex: v ? n === M ? 0 : -1 : void 0,
-					onKeyDown: v ? (e) => j(e, n) : void 0,
-					onFocus: v ? () => E(n) : void 0
+					"aria-label": A(e, r),
+					tabIndex: y ? n === N ? 0 : -1 : void 0,
+					onKeyDown: y ? (e) => M(e, n) : void 0,
+					onFocus: y ? () => D(n) : void 0
 				});
 				return /* @__PURE__ */ a("li", {
 					className: "uptime-bars__item",
-					children: v ? /* @__PURE__ */ a(t, {
+					children: y ? /* @__PURE__ */ a(t, {
 						ref: (e) => {
-							w.current[n] = e;
+							T.current[n] = e;
 						},
 						label: /* @__PURE__ */ o("span", {
 							className: "uptime-bars__tooltip",
@@ -70,7 +73,7 @@ var l = n(function({ points: n, summary: l, label: u, startLabel: d, endLabel: f
 									className: "uptime-bars__tooltip-label",
 									children: e.label
 								}),
-								/* @__PURE__ */ a("span", { children: r ?? S("noData", _) }),
+								/* @__PURE__ */ a("span", { children: r ?? C("noData", v) }),
 								e.detail ? /* @__PURE__ */ a("span", { children: e.detail }) : null
 							]
 						}),
@@ -83,19 +86,19 @@ var l = n(function({ points: n, summary: l, label: u, startLabel: d, endLabel: f
 			children: [
 				/* @__PURE__ */ a("span", {
 					className: "uptime-bars__edge",
-					children: d
+					children: f
 				}),
 				/* @__PURE__ */ a("span", {
 					className: "uptime-bars__summary",
-					children: l
+					children: u
 				}),
 				/* @__PURE__ */ a("span", {
 					className: "uptime-bars__edge uptime-bars__edge--end",
-					children: f
+					children: p
 				})
 			]
 		})]
 	});
 });
 //#endregion
-export { l as UptimeBars };
+export { u as UptimeBars };

package/dist/user-menu.css

@@ -1 +1 @@
-.user-menu__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--user-menu-trigger-gap);inline-size:100%;padding-block:var(--user-menu-trigger-padding-block);padding-inline:var(--user-menu-trigger-padding-inline);border-radius:var(--user-menu-trigger-border-radius);cursor:pointer;display:flex}.user-menu__trigger.user-menu__trigger--compact{inline-size:auto;padding-inline:var(--user-menu-trigger-compact-padding-inline)}.user-menu__trigger:focus-visible{outline:var(--user-menu-focus-ring-width) solid var(--user-menu-focus-ring-color);outline-offset:var(--user-menu-focus-ring-offset)}.user-menu__avatar-wrap{flex-shrink:0;position:relative}.user-menu__notification-badge{position:absolute;inset-block-start:calc(-1 * var(--user-menu-badge-offset));inset-inline-end:calc(-1 * var(--user-menu-badge-offset))}.user-menu__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--user-menu-name-font-size);font-weight:var(--user-menu-name-font-weight);color:var(--user-menu-name-color);flex:1;overflow:hidden}.user-menu__chevron{transition:transform var(--user-menu-transition-duration) var(--user-menu-transition-easing);flex-shrink:0;transform:rotate(90deg)}.user-menu__trigger[data-popup-open] .user-menu__chevron{transform:rotate(-90deg)}@keyframes user-menu-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes user-menu-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.user-menu__content{box-sizing:border-box;background-color:var(--user-menu-content-bg);border-width:var(--user-menu-content-border-width);border-style:solid;border-color:var(--user-menu-content-border-color);border-radius:var(--user-menu-content-border-radius);box-shadow:var(--user-menu-content-shadow);padding-block:var(--user-menu-content-padding-block);padding-inline:var(--user-menu-content-padding-inline);min-inline-size:var(--user-menu-content-min-width);transform-origin:var(--transform-origin);max-block-size:var(--user-menu-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.user-menu__content[data-open]{animation:user-menu-open var(--user-menu-transition-duration) var(--user-menu-transition-easing)}.user-menu__content[data-closed]{animation:user-menu-close var(--user-menu-transition-duration) var(--user-menu-transition-easing)}.user-menu__header{align-items:center;gap:var(--user-menu-trigger-gap);padding-block:var(--user-menu-header-padding-block);padding-inline:var(--user-menu-header-padding-inline);display:flex}.user-menu__header-text{gap:var(--user-menu-header-gap);flex-direction:column;min-inline-size:0;display:flex}.user-menu__header-name{font-size:var(--user-menu-header-name-font-size);font-weight:var(--user-menu-header-name-font-weight);color:var(--user-menu-header-name-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__header-email{font-size:var(--user-menu-header-email-font-size);color:var(--user-menu-header-email-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__item{align-items:center;gap:var(--user-menu-item-icon-gap);padding-block:var(--user-menu-item-padding-block);padding-inline:var(--user-menu-item-padding-inline);border-radius:var(--user-menu-item-border-radius);font-family:var(--user-menu-item-font-family);font-size:var(--user-menu-item-font-size);font-weight:var(--user-menu-item-font-weight);color:var(--user-menu-item-color);cursor:pointer;box-shadow:none;transition:background-color var(--user-menu-transition-duration) var(--user-menu-transition-easing), color var(--user-menu-transition-duration) var(--user-menu-transition-easing);outline:none;text-decoration:none;display:flex}.user-menu__item[data-highlighted]{background-color:var(--user-menu-item-highlighted-bg);color:var(--user-menu-item-highlighted-color)}.user-menu__item[data-disabled]{opacity:var(--user-menu-disabled-opacity);cursor:not-allowed;pointer-events:none}.user-menu__item.user-menu__item--destructive{color:var(--user-menu-item-destructive-color)}.user-menu__item.user-menu__item--destructive[data-highlighted]{background-color:var(--user-menu-item-destructive-highlighted-bg);color:var(--user-menu-item-destructive-highlighted-color)}.user-menu__separator{block-size:var(--user-menu-separator-height);background-color:var(--user-menu-separator-color);margin-block:var(--user-menu-separator-margin-block);border:none}.user-menu__positioner{z-index:var(--user-menu-content-z-index)}.user-menu__item-icon{flex-shrink:0}.user-menu__item-text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.user-menu__item-label,.user-menu__item-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__item-description{font-size:var(--user-menu-header-email-font-size);color:var(--user-menu-header-email-color)}.user-menu__item[data-highlighted] .user-menu__item-description,.user-menu__item.user-menu__item--destructive .user-menu__item-description{color:inherit}
+.user-menu__trigger{all:unset;box-sizing:border-box;align-items:center;gap:var(--user-menu-trigger-gap);inline-size:100%;padding-block:var(--user-menu-trigger-padding-block);padding-inline:var(--user-menu-trigger-padding-inline);border-radius:var(--user-menu-trigger-border-radius);cursor:pointer;display:flex}.user-menu__trigger.user-menu__trigger--compact{inline-size:auto;padding-inline:var(--user-menu-trigger-compact-padding-inline)}.user-menu__trigger:focus-visible{outline:var(--user-menu-focus-ring-width) solid var(--user-menu-focus-ring-color);outline-offset:var(--user-menu-focus-ring-offset)}.user-menu__avatar-wrap{flex-shrink:0;position:relative}.user-menu__notification-badge{position:absolute;inset-block-start:calc(-1 * var(--user-menu-badge-offset));inset-inline-end:calc(-1 * var(--user-menu-badge-offset))}.user-menu__name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--user-menu-name-font-size);font-weight:var(--user-menu-name-font-weight);color:var(--user-menu-name-color);flex:1;overflow:hidden}.user-menu__chevron{transition:transform var(--user-menu-transition-duration) var(--user-menu-transition-easing);flex-shrink:0;transform:rotate(90deg)}.user-menu__trigger[data-popup-open] .user-menu__chevron{transform:rotate(-90deg)}@keyframes user-menu-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes user-menu-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.user-menu__content{box-sizing:border-box;background-color:var(--user-menu-content-bg);border-width:var(--user-menu-content-border-width);border-style:solid;border-color:var(--user-menu-content-border-color);border-radius:var(--user-menu-content-border-radius);box-shadow:var(--user-menu-content-shadow);padding-block:var(--user-menu-content-padding-block);padding-inline:var(--user-menu-content-padding-inline);min-inline-size:var(--user-menu-content-min-width);transform-origin:var(--transform-origin);max-block-size:var(--user-menu-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.user-menu__content[data-open]{animation:user-menu-open var(--user-menu-transition-duration) var(--user-menu-transition-easing)}.user-menu__content[data-closed]{animation:user-menu-close var(--user-menu-transition-duration) var(--user-menu-transition-easing)}.user-menu__header{align-items:center;gap:var(--user-menu-trigger-gap);padding-block:var(--user-menu-header-padding-block);padding-inline:var(--user-menu-header-padding-inline);display:flex}.user-menu__header-text{gap:var(--user-menu-header-gap);flex-direction:column;min-inline-size:0;display:flex}.user-menu__header-name{font-size:var(--user-menu-header-name-font-size);font-weight:var(--user-menu-header-name-font-weight);color:var(--user-menu-header-name-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__header-email{font-size:var(--user-menu-header-email-font-size);color:var(--user-menu-header-email-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__item{align-items:center;gap:var(--user-menu-item-icon-gap);padding-block:var(--user-menu-item-padding-block);padding-inline:var(--user-menu-item-padding-inline);border-radius:var(--user-menu-item-border-radius);font-family:var(--user-menu-item-font-family);font-size:var(--user-menu-item-font-size);font-weight:var(--user-menu-item-font-weight);color:var(--user-menu-item-color);cursor:pointer;transition:background-color var(--user-menu-transition-duration) var(--user-menu-transition-easing), color var(--user-menu-transition-duration) var(--user-menu-transition-easing);outline:none;text-decoration:none;display:flex}.user-menu__item[data-highlighted]{background-color:var(--user-menu-item-highlighted-bg);color:var(--user-menu-item-highlighted-color)}.user-menu__item[data-disabled]{opacity:var(--user-menu-disabled-opacity);cursor:not-allowed;pointer-events:none}.user-menu__item.user-menu__item--destructive{color:var(--user-menu-item-destructive-color)}.user-menu__item.user-menu__item--destructive[data-highlighted]{background-color:var(--user-menu-item-destructive-highlighted-bg);color:var(--user-menu-item-destructive-highlighted-color)}.user-menu__separator{block-size:var(--user-menu-separator-height);background-color:var(--user-menu-separator-color);margin-block:var(--user-menu-separator-margin-block);border:none}.user-menu__positioner{z-index:var(--user-menu-content-z-index)}.user-menu__item-icon{flex-shrink:0}.user-menu__item-text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.user-menu__item-label,.user-menu__item-description{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__item-description{font-size:var(--user-menu-header-email-font-size);color:var(--user-menu-header-email-color)}.user-menu__item[data-highlighted] .user-menu__item-description,.user-menu__item.user-menu__item--destructive .user-menu__item-description{color:inherit}