@studiolxd/brand 39.0.0 → 40.0.0

package/dist/time-field.js

@@ -5,22 +5,22 @@ import { ErrorText as t } from "./error-text.js";
 import { Label as n } from "./label.js";
 import { TimeSelect as r } from "./time-select.js";
 import { n as i } from "./_shared/field-labels.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as s, useId as c } from "react";
+import { forwardRef as a, useId as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/stories/molecules/TimeField/TimeField.tsx
-var l = s(function({ id: s, label: l, labelHidden: u, value: d, step: f, name: p, size: m, disabled: h, readOnly: g, required: _, error: v = !1, errorMessage: y, helperText: b, className: x, hoursLabel: S, minutesLabel: C, onChange: w, onBlur: T }, E) {
-	let D = i(u), O = e(m), k = c(), A = s ?? k, j = y ? `${A}-error` : void 0, M = b ? `${A}-helper` : void 0, N = [j, M].filter(Boolean).join(" ") || void 0, P = v || !!y;
-	return /* @__PURE__ */ o("div", {
+var l = a(function({ id: a, label: l, labelHidden: u, value: d, step: f, name: p, size: m, disabled: h, readOnly: g, required: _, error: v = !1, errorMessage: y, helperText: b, className: x, hoursLabel: S, minutesLabel: C, onChange: w, onBlur: T }, E) {
+	let D = i(u), O = e(m), k = o(), A = a ?? k, j = y ? `${A}-error` : void 0, M = b ? `${A}-helper` : void 0, N = [j, M].filter(Boolean).join(" ") || void 0, P = v || !!y;
+	return /* @__PURE__ */ c("div", {
 		className: ["time-field", x].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ a(n, {
+			/* @__PURE__ */ s(n, {
 				id: `${A}-label`,
 				htmlFor: A,
 				hidden: D,
 				size: O,
 				children: l
 			}),
-			/* @__PURE__ */ a(r, {
+			/* @__PURE__ */ s(r, {
 				ref: E,
 				id: A,
 				name: p,
@@ -38,11 +38,11 @@ var l = s(function({ id: s, label: l, labelHidden: u, value: d, step: f, name: p
 				onChange: w,
 				onBlur: T
 			}),
-			y && /* @__PURE__ */ a(t, {
+			y && /* @__PURE__ */ s(t, {
 				id: j,
 				children: y
 			}),
-			b && /* @__PURE__ */ a("span", {
+			b && /* @__PURE__ */ s("span", {
 				id: M,
 				className: "time-field__helper",
 				children: b

package/dist/time-select.js

@@ -1,17 +1,17 @@
 'use client';
 import './time-select.css';
 import { Select as e } from "./select.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as r, useMemo as i } from "react";
+import { forwardRef as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/atoms/TimeSelect/TimeSelect.tsx
 function a(e) {
 	return String(e).padStart(2, "0");
 }
-var o = r(function({ value: r, onChange: o, step: s = 5, size: c = "md", disabled: l, readOnly: u, error: d, id: f, name: p, required: m, "aria-labelledby": h, "aria-describedby": g, onBlur: _, className: v, hoursLabel: y = "Horas", minutesLabel: b = "Minutos", hoursPlaceholder: x = "HH", minutesPlaceholder: S = "MM" }, C) {
-	let w = i(() => Array.from({ length: 24 }, (e, t) => ({
+var o = t(function({ value: t, onChange: o, step: s = 5, size: c = "md", disabled: l, readOnly: u, error: d, id: f, name: p, required: m, "aria-labelledby": h, "aria-describedby": g, onBlur: _, className: v, hoursLabel: y = "Horas", minutesLabel: b = "Minutos", hoursPlaceholder: x = "HH", minutesPlaceholder: S = "MM" }, C) {
+	let w = n(() => Array.from({ length: 24 }, (e, t) => ({
 		value: String(t),
 		label: a(t)
-	})), []), T = i(() => {
+	})), []), T = n(() => {
 		let e = [];
 		for (let t = 0; t < 60; t += s) e.push({
 			value: String(t),
@@ -19,19 +19,19 @@ var o = r(function({ value: r, onChange: o, step: s = 5, size: c = "md", disable
 		});
 		return e;
 	}, [s]), E = (e) => {
-		let t = parseInt(e, 10), n = r?.m ?? 0;
+		let n = parseInt(e, 10), r = t?.m ?? 0;
 		o?.({
-			h: t,
-			m: n
+			h: n,
+			m: r
 		});
 	}, D = (e) => {
-		let t = r?.h ?? 0;
+		let n = t?.h ?? 0;
 		o?.({
-			h: t,
+			h: n,
 			m: parseInt(e, 10)
 		});
-	}, O = ["time-select", v ?? ""].filter(Boolean).join(" "), k = r == null ? "" : String(r.h), A = r == null ? "" : String(r.m);
-	return /* @__PURE__ */ n("div", {
+	}, O = ["time-select", v ?? ""].filter(Boolean).join(" "), k = t == null ? "" : String(t.h), A = t == null ? "" : String(t.m);
+	return /* @__PURE__ */ i("div", {
 		className: O,
 		role: "group",
 		"aria-labelledby": h,
@@ -39,7 +39,7 @@ var o = r(function({ value: r, onChange: o, step: s = 5, size: c = "md", disable
 		"aria-invalid": d || void 0,
 		"aria-required": m || void 0,
 		children: [
-			/* @__PURE__ */ t(e, {
+			/* @__PURE__ */ r(e, {
 				ref: C,
 				id: f,
 				options: w,
@@ -54,12 +54,12 @@ var o = r(function({ value: r, onChange: o, step: s = 5, size: c = "md", disable
 				onValueChange: E,
 				onBlur: _
 			}),
-			/* @__PURE__ */ t("span", {
+			/* @__PURE__ */ r("span", {
 				className: "time-select__sep",
 				"aria-hidden": "true",
 				children: ":"
 			}),
-			/* @__PURE__ */ t(e, {
+			/* @__PURE__ */ r(e, {
 				options: T,
 				value: A,
 				placeholder: S,
@@ -72,10 +72,10 @@ var o = r(function({ value: r, onChange: o, step: s = 5, size: c = "md", disable
 				onValueChange: D,
 				onBlur: _
 			}),
-			p && /* @__PURE__ */ t("input", {
+			p && /* @__PURE__ */ r("input", {
 				type: "hidden",
 				name: p,
-				value: r == null ? "" : `${a(r.h)}:${a(r.m)}`
+				value: t == null ? "" : `${a(t.h)}:${a(t.m)}`
 			})
 		]
 	});

package/dist/toaster.js

@@ -4,8 +4,8 @@ import { Button as e } from "./button.js";
 import { CloseButton as t } from "./close-button.js";
 import { t as n } from "./_shared/css-properties.js";
 import { TOAST_DURATION as r, setToastDefaultDuration as i, syncLiveToasts as a, toastManager as o } from "./toast.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useEffect as l } from "react";
+import { useEffect as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Toast as u } from "@base-ui/react/toast";
 //#region src/stories/molecules/Toast/Toaster.tsx
 var d = 8, f = {
@@ -24,7 +24,7 @@ function p(e, t) {
 }
 function m({ position: r, containerAriaLabel: i, closeLabel: o, closeButton: d, gap: f, expand: m }) {
 	let { toasts: h } = u.useToastManager(), [g, _] = r.split("-"), v = h.map((e) => e.id).join(",");
-	l(() => {
+	s(() => {
 		a(v ? v.split(",") : []);
 	}, [v]);
 	let y = n({ "--toast-gap": `${f}px` }), b = [
@@ -33,40 +33,40 @@ function m({ position: r, containerAriaLabel: i, closeLabel: o, closeButton: d,
 		_ === "right" ? "" : `toaster--${_}`,
 		m ? "toaster--expanded" : ""
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(u.Portal, { children: /* @__PURE__ */ s(u.Viewport, {
+	return /* @__PURE__ */ c(u.Portal, { children: /* @__PURE__ */ c(u.Viewport, {
 		ref: y,
 		className: b,
 		"aria-label": i,
-		children: h.map((n) => /* @__PURE__ */ c(u.Root, {
+		children: h.map((n) => /* @__PURE__ */ l(u.Root, {
 			toast: n,
 			className: p(n.type, d),
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "alert__content",
 				children: [
-					/* @__PURE__ */ s(u.Title, { className: "alert__title" }),
-					/* @__PURE__ */ s(u.Description, { className: "alert__description" }),
-					/* @__PURE__ */ s(u.Action, {
+					/* @__PURE__ */ c(u.Title, { className: "alert__title" }),
+					/* @__PURE__ */ c(u.Description, { className: "alert__description" }),
+					/* @__PURE__ */ c(u.Action, {
 						className: "toast__action",
-						render: /* @__PURE__ */ s(e, {
+						render: /* @__PURE__ */ c(e, {
 							variant: "ghost",
 							size: "sm"
 						})
 					})
 				]
-			}), d && /* @__PURE__ */ s(u.Close, {
+			}), d && /* @__PURE__ */ c(u.Close, {
 				className: "alert__close",
-				render: /* @__PURE__ */ s(t, { label: o })
+				render: /* @__PURE__ */ c(t, { label: o })
 			})]
 		}, n.id))
 	}) });
 }
-function h({ position: e = "bottom-right", containerAriaLabel: t = "Notificaciones", closeLabel: n = "Cerrar", closeButton: a = !0, duration: c = r, gap: f = d, visibleToasts: p = 3, expand: h = !1 }) {
-	let g = Number.isFinite(c) ? c : 0;
-	return l(() => i(g), [g]), /* @__PURE__ */ s(u.Provider, {
+function h({ position: e = "bottom-right", containerAriaLabel: t = "Notificaciones", closeLabel: n = "Cerrar", closeButton: a = !0, duration: l = r, gap: f = d, visibleToasts: p = 3, expand: h = !1 }) {
+	let g = Number.isFinite(l) ? l : 0;
+	return s(() => i(g), [g]), /* @__PURE__ */ c(u.Provider, {
 		toastManager: o,
 		timeout: g,
 		limit: p,
-		children: /* @__PURE__ */ s(m, {
+		children: /* @__PURE__ */ c(m, {
 			position: e,
 			containerAriaLabel: t,
 			closeLabel: n,

package/dist/toggle-group.js

@@ -1,22 +1,22 @@
 'use client';
 import './toggle-group.css';
 import { t as e } from "./_shared/togglegroupcontext.js";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n, useMemo as r } from "react";
+import { forwardRef as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
 import { ToggleGroup as i } from "@base-ui/react/toggle-group";
 //#region src/stories/atoms/ToggleGroup/ToggleGroup.tsx
-var a = n(function({ value: n, defaultValue: a, onValueChange: o, multiple: s = !1, size: c, orientation: l = "horizontal", children: u, className: d, ...f }, p) {
+var a = t(function({ value: t, defaultValue: a, onValueChange: o, multiple: s = !1, size: c, orientation: l = "horizontal", children: u, className: d, ...f }, p) {
 	let m = [
 		"toggle-group",
 		l === "vertical" ? "toggle-group--vertical" : "",
 		d ?? ""
-	].filter(Boolean).join(" "), h = r(() => ({ size: c }), [c]);
-	return /* @__PURE__ */ t(e.Provider, {
+	].filter(Boolean).join(" "), h = n(() => ({ size: c }), [c]);
+	return /* @__PURE__ */ r(e.Provider, {
 		value: h,
-		children: /* @__PURE__ */ t(i, {
+		children: /* @__PURE__ */ r(i, {
 			ref: p,
 			className: m,
-			value: n,
+			value: t,
 			defaultValue: a,
 			multiple: s,
 			orientation: l,

package/dist/toggle.js

@@ -1,13 +1,13 @@
 'use client';
 import './toggle.css';
 import { n as e } from "./_shared/togglegroupcontext.js";
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 import { Toggle as r } from "@base-ui/react/toggle";
 //#region src/stories/atoms/Toggle/Toggle.tsx
-var i = n(function({ size: n, iconOnly: i = !1, className: a, onPressedChange: o, ...s }, c) {
-	let l = e(), u = n ?? l?.size ?? "md";
-	return /* @__PURE__ */ t(r, {
+var i = t(function({ size: t, iconOnly: i = !1, className: a, onPressedChange: o, ...s }, c) {
+	let l = e(), u = t ?? l?.size ?? "md";
+	return /* @__PURE__ */ n(r, {
 		ref: c,
 		className: [
 			"toggle",

package/dist/tooltip.js

@@ -1,14 +1,14 @@
 'use client';
 import './tooltip.css';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as n, useId as r, useState as i } from "react";
+import { forwardRef as e, useId as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Tooltip as a } from "@base-ui/react/tooltip";
 //#region src/stories/atoms/Tooltip/Tooltip.tsx
-function o({ children: t, delayDuration: n = 0, skipDelayDuration: r }) {
-	return /* @__PURE__ */ e(a.Provider, {
-		delay: n,
-		...r === void 0 ? {} : { timeout: r },
-		children: t
+function o({ children: e, delayDuration: t = 0, skipDelayDuration: n }) {
+	return /* @__PURE__ */ r(a.Provider, {
+		delay: t,
+		...n === void 0 ? {} : { timeout: n },
+		children: e
 	});
 }
 function s(e, t) {
@@ -19,37 +19,37 @@ function c() {
 	let e = document.documentElement;
 	return s(getComputedStyle(e).getPropertyValue("--tooltip-offset").trim(), e);
 }
-var l = n(function({ label: n, children: o, side: s = "top", align: l = "center", sideOffset: u, open: d, defaultOpen: f, onOpenChange: p, delayDuration: m, describe: h = !0, className: g, ..._ }, v) {
-	let y = r(), [b, x] = i(f ?? !1), S = d ?? b;
-	return /* @__PURE__ */ t(a.Root, {
+var l = e(function({ label: e, children: o, side: s = "top", align: l = "center", sideOffset: u, open: d, defaultOpen: f, onOpenChange: p, delayDuration: m, describe: h = !0, className: g, ..._ }, v) {
+	let y = t(), [b, x] = n(f ?? !1), S = d ?? b;
+	return /* @__PURE__ */ i(a.Root, {
 		open: d,
 		defaultOpen: f,
 		onOpenChange: (e) => {
 			d === void 0 && x(e), p?.(e);
 		},
-		children: [/* @__PURE__ */ e(a.Trigger, {
+		children: [/* @__PURE__ */ r(a.Trigger, {
 			ref: v,
 			render: o,
 			"aria-describedby": S && h ? y : void 0,
 			...m === void 0 ? {} : { delay: m },
 			..._
-		}), /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ e(a.Positioner, {
+		}), /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ r(a.Positioner, {
 			className: "tooltip__positioner",
 			side: s,
 			align: l,
 			sideOffset: u ?? c,
-			children: /* @__PURE__ */ t(a.Popup, {
+			children: /* @__PURE__ */ i(a.Popup, {
 				id: y,
 				role: "tooltip",
 				className: ["tooltip", g].filter(Boolean).join(" "),
-				children: [n, /* @__PURE__ */ e(a.Arrow, {
+				children: [e, /* @__PURE__ */ r(a.Arrow, {
 					className: "tooltip__arrow",
-					children: /* @__PURE__ */ e("svg", {
+					children: /* @__PURE__ */ r("svg", {
 						width: "10",
 						height: "5",
 						viewBox: "0 0 30 10",
 						preserveAspectRatio: "none",
-						children: /* @__PURE__ */ e("polygon", { points: "0,0 30,0 15,10" })
+						children: /* @__PURE__ */ r("polygon", { points: "0,0 30,0 15,10" })
 					})
 				})]
 			})

package/dist/tree-view.js

@@ -1,8 +1,8 @@
 'use client';
 import './tree-view.css';
 import { Icon as e } from "./icon.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useCallback as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
+import { useCallback as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/stories/molecules/TreeView/TreeView.tsx
 var c = 500;
 function l(e, t, n = 1, r) {
@@ -13,18 +13,18 @@ function l(e, t, n = 1, r) {
 	}, ...e.children && t.has(e.id) ? l(e.children, t, n + 1, e.id) : []]);
 }
 function u({ items: u, expanded: d, defaultExpanded: f, onExpandedChange: p, selected: m, defaultSelected: h, onSelectedChange: g, label: _ = "Árbol", truncateFromLevel: v = 4, nodeRef: y, className: b, ...x }) {
-	let S = i(), C = o(null), [w, T] = s(f ?? []), E = d !== void 0, D = E ? d : w, [O, k] = s(h), A = m !== void 0, j = A ? m : O, M = a(() => new Set(D), [D]), N = a(() => l(u, M), [u, M]), [P, F] = s(void 0), I = P && N.some((e) => e.node.id === P) ? P : j && N.some((e) => e.node.id === j) ? j : N[0]?.node.id, L = o(""), R = o(0), z = r((e) => {
+	let S = n(), C = i(null), [w, T] = a(f ?? []), E = d !== void 0, D = E ? d : w, [O, k] = a(h), A = m !== void 0, j = A ? m : O, M = r(() => new Set(D), [D]), N = r(() => l(u, M), [u, M]), [P, F] = a(void 0), I = P && N.some((e) => e.node.id === P) ? P : j && N.some((e) => e.node.id === j) ? j : N[0]?.node.id, L = i(""), R = i(0), z = t((e) => {
 		E || T(e), p?.(e);
-	}, [E, p]), B = r((e, t) => {
+	}, [E, p]), B = t((e, t) => {
 		let n = M.has(e), r = t ?? !n;
 		r !== n && z(r ? [...D, e] : D.filter((t) => t !== e));
 	}, [
 		D,
 		M,
 		z
-	]), V = r((e) => {
+	]), V = t((e) => {
 		A || k(e), g?.(e);
-	}, [A, g]), H = r((e) => {
+	}, [A, g]), H = t((e) => {
 		let t = N.filter((t) => t.parentId === e.parentId && t.node.children?.length).map((e) => e.node.id).filter((e) => !M.has(e));
 		t.length !== 0 && z([...D, ...t]);
 	}, [
@@ -32,9 +32,9 @@ function u({ items: u, expanded: d, defaultExpanded: f, onExpandedChange: p, sel
 		N,
 		M,
 		z
-	]), U = r((e) => `${S}-${e}`, [S]), W = r((e) => {
+	]), U = t((e) => `${S}-${e}`, [S]), W = t((e) => {
 		e && (F(e), C.current?.querySelector(`[data-tree-item="${CSS.escape(e)}"]`)?.focus());
-	}, []), G = r((e, t) => {
+	}, []), G = t((e, t) => {
 		let n = Date.now(), r = n - R.current > c ? e : L.current + e;
 		L.current = r, R.current = n;
 		let i = r.length === 1 ? t + 1 : Math.max(t, 0), a = r.toLowerCase();
@@ -79,80 +79,80 @@ function u({ items: u, expanded: d, defaultExpanded: f, onExpandedChange: p, sel
 				break;
 		}
 	}
-	function q(r, i, a) {
-		return r.map((r) => {
-			let o = !!r.children?.length, s = o && M.has(r.id), c = j === r.id, l = s && r.iconExpanded || r.icon, u = i >= v, d = u && typeof r.label == "string" ? r.label : void 0, f = r.dropTarget ? "target" : r.dropDisabled ? "disabled" : void 0;
-			return /* @__PURE__ */ n("li", {
+	function q(t, n, r) {
+		return t.map((t) => {
+			let i = !!t.children?.length, a = i && M.has(t.id), c = j === t.id, l = a && t.iconExpanded || t.icon, u = n >= v, d = u && typeof t.label == "string" ? t.label : void 0, f = t.dropTarget ? "target" : t.dropDisabled ? "disabled" : void 0;
+			return /* @__PURE__ */ s("li", {
 				role: "treeitem",
-				"data-tree-item": r.id,
-				"aria-labelledby": U(r.id),
-				"aria-expanded": o ? s : void 0,
+				"data-tree-item": t.id,
+				"aria-labelledby": U(t.id),
+				"aria-expanded": i ? a : void 0,
 				"aria-selected": c,
-				"aria-level": i,
-				"aria-disabled": r.disabled || void 0,
+				"aria-level": n,
+				"aria-disabled": t.disabled || void 0,
 				"data-drop": f,
-				tabIndex: I === r.id ? 0 : -1,
+				tabIndex: I === t.id ? 0 : -1,
 				className: [
 					"tree-view__item",
 					c ? "tree-view__item--selected" : "",
-					r.disabled ? "tree-view__item--disabled" : "",
-					r.dropTarget ? "tree-view__item--drop-target" : "",
-					r.dropDisabled ? "tree-view__item--drop-disabled" : ""
+					t.disabled ? "tree-view__item--disabled" : "",
+					t.dropTarget ? "tree-view__item--drop-target" : "",
+					t.dropDisabled ? "tree-view__item--drop-disabled" : ""
 				].filter(Boolean).join(" "),
 				onKeyDown: (e) => {
 					e.target === e.currentTarget && K(e, {
-						node: r,
-						level: i,
-						parentId: a
+						node: t,
+						level: n,
+						parentId: r
 					});
 				},
 				onFocus: (e) => {
-					e.target === e.currentTarget && F(r.id);
+					e.target === e.currentTarget && F(t.id);
 				},
-				onClick: r.disabled ? void 0 : (e) => {
-					e.stopPropagation(), o && B(r.id), V(r.id), W(r.id);
+				onClick: t.disabled ? void 0 : (e) => {
+					e.stopPropagation(), i && B(t.id), V(t.id), W(t.id);
 				},
-				children: [/* @__PURE__ */ n("span", {
+				children: [/* @__PURE__ */ s("span", {
 					className: "tree-view__row",
-					ref: y ? (e) => y(r.id, e) : void 0,
+					ref: y ? (e) => y(t.id, e) : void 0,
 					children: [
-						/* @__PURE__ */ t("span", {
+						/* @__PURE__ */ o("span", {
 							className: "tree-view__chevron-slot",
 							"aria-hidden": "true",
-							children: o && /* @__PURE__ */ t(e, {
+							children: i && /* @__PURE__ */ o(e, {
 								name: "chevron",
 								className: "tree-view__chevron",
 								size: "sm"
 							})
 						}),
-						l && /* @__PURE__ */ t("span", {
+						l && /* @__PURE__ */ o("span", {
 							className: "tree-view__icon",
 							"aria-hidden": "true",
 							children: l
 						}),
-						/* @__PURE__ */ t("span", {
+						/* @__PURE__ */ o("span", {
 							className: ["tree-view__label", u ? "tree-view__label--truncated" : ""].filter(Boolean).join(" "),
-							id: U(r.id),
+							id: U(t.id),
 							title: d,
-							children: r.label
+							children: t.label
 						}),
-						r.actions && /* @__PURE__ */ t("span", {
+						t.actions && /* @__PURE__ */ o("span", {
 							className: "tree-view__actions",
 							onClick: (e) => e.stopPropagation(),
 							onKeyDown: (e) => e.stopPropagation(),
 							onKeyUp: (e) => e.stopPropagation(),
-							children: r.actions
+							children: t.actions
 						})
 					]
-				}), o && s && /* @__PURE__ */ t("ul", {
+				}), i && a && /* @__PURE__ */ o("ul", {
 					role: "group",
 					className: "tree-view__group",
-					children: q(r.children, i + 1, r.id)
+					children: q(t.children, n + 1, t.id)
 				})]
-			}, r.id);
+			}, t.id);
 		});
 	}
-	return /* @__PURE__ */ t("ul", {
+	return /* @__PURE__ */ o("ul", {
 		ref: C,
 		role: "tree",
 		"aria-label": _,

package/dist/uptime-bars.js

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

package/dist/user-message.js

@@ -1,25 +1,25 @@
 import './user-message.css';
 import { MessageBubble as e } from "./message-bubble.js";
 import { t } from "./_shared/messagetimestamp.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/UserMessage/UserMessage.tsx
-var a = i(function({ children: i, author: a, timestamp: o, locale: s, timestampFormat: c, className: l, ...u }, d) {
+var a = n(function({ children: n, author: a, timestamp: o, locale: s, timestampFormat: c, className: l, ...u }, d) {
 	let f = t(o, s, c);
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
 		ref: d,
 		className: `user-message${l ? ` ${l}` : ""}`,
 		...u,
 		children: [
-			a && /* @__PURE__ */ n("span", {
+			a && /* @__PURE__ */ r("span", {
 				className: "user-message__author",
 				children: a
 			}),
-			/* @__PURE__ */ n(e, {
+			/* @__PURE__ */ r(e, {
 				role: "user",
-				children: i
+				children: n
 			}),
-			f && /* @__PURE__ */ n("time", {
+			f && /* @__PURE__ */ r("time", {
 				className: "user-message__timestamp",
 				dateTime: f.dateTime,
 				children: f.label