@studiolxd/brand 49.28.0 → 51.0.0

package/dist/connector-rejection-page.js

@@ -1,46 +1,50 @@
 'use client';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Button as t } from "./button.js";
 import { Stack as n } from "./stack.js";
 import { Code as r } from "./code.js";
 import { Paragraph as i } from "./paragraph.js";
 import { ConnectorAuthShell as a } from "./connector-auth-shell.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/messages/es/connectorRejection.ts
+var c = { code: "Código" };
+//#endregion
 //#region src/stories/templates/ConnectorAuth/ConnectorRejectionPage.tsx
-function c({ title: c, description: l, hint: u, code: d, codeLabel: f, retryHref: p, onRetry: m, retryLabel: h, retryAction: g, aside: _, header: v, footer: y, preferences: b, preferencesLabel: x, id: S, shell: C }) {
-	let w = e("connectorRejection"), T = g ?? (p === void 0 ? m ? /* @__PURE__ */ o(t, {
-		onClick: m,
-		children: h
+function l({ title: l, description: u, hint: d, code: f, codeLabel: p, retryHref: m, onRetry: h, retryLabel: g, retryAction: _, aside: v, header: y, footer: b, preferences: x, preferencesLabel: S, id: C, shell: w, className: T }) {
+	let E = e("connectorRejection", c), D = _ ?? (m === void 0 ? h ? /* @__PURE__ */ o(t, {
+		onClick: h,
+		children: g
 	}) : null : /* @__PURE__ */ o(t, {
-		href: p,
-		children: h
+		href: m,
+		children: g
 	}));
 	return /* @__PURE__ */ o(a, {
-		title: c,
-		description: l,
-		intro: d === void 0 ? void 0 : /* @__PURE__ */ s(i, {
-			size: "small",
+		title: l,
+		description: u,
+		intro: f === void 0 ? void 0 : /* @__PURE__ */ s(i, {
+			size: "sm",
 			children: [
-				w("code", f),
+				E("code", p),
 				": ",
-				/* @__PURE__ */ o(r, { children: d })
+				/* @__PURE__ */ o(r, { children: f })
 			]
 		}),
-		aside: _,
-		header: v,
-		footer: y,
-		preferences: b,
-		preferencesLabel: x,
-		id: S,
-		shell: C,
+		aside: v,
+		header: y,
+		footer: b,
+		preferences: x,
+		preferencesLabel: S,
+		id: C,
+		shell: w,
+		className: T,
 		children: /* @__PURE__ */ s(n, {
 			align: "stretch",
 			children: [/* @__PURE__ */ o(i, {
-				size: "large",
-				children: u
-			}), T]
+				size: "lg",
+				children: d
+			}), D]
 		})
 	});
 }
 //#endregion
-export { c as ConnectorRejectionPage };
+export { l as ConnectorRejectionPage };

package/dist/connector-request-summary.js

@@ -1,38 +1,3 @@
 'use client';
-import './connector-request-summary.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { DescriptionDetails as t, DescriptionList as n, DescriptionTerm as r } from "./description-list.js";
-import { t as i } from "./_shared/untrustedtext.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/stories/templates/ConnectorAuth/ConnectorRequestSummary.tsx
-function c({ clientName: c, productName: l, accountEmail: u, scope: d, redirectHost: f, clientLabel: p, productLabel: m, accountLabel: h, scopeLabel: g, redirectLabel: _, scopeReadLabel: v, scopeWriteLabel: y, expandLabel: b, collapseLabel: x, valueQuotes: S, className: C }) {
-	let w = e("connectorRequestSummary"), T = (e) => /* @__PURE__ */ o(i, {
-		value: e,
-		expandable: !0,
-		expandLabel: b,
-		collapseLabel: x,
-		quotes: S
-	});
-	return /* @__PURE__ */ s(n, {
-		className: ["connector-request-summary", C].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ o(r, { children: w("client", p) }),
-			/* @__PURE__ */ o(t, {
-				className: "connector-request-summary__untrusted",
-				children: T(c)
-			}),
-			l !== void 0 && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, { children: w("product", m) }), /* @__PURE__ */ o(t, { children: l })] }),
-			u !== void 0 && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, { children: w("account", h) }), /* @__PURE__ */ o(t, {
-				className: "connector-request-summary__untrusted",
-				children: T(u)
-			})] }),
-			d !== void 0 && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, { children: w("scope", g) }), /* @__PURE__ */ o(t, { children: d === "read" ? v : y })] }),
-			f !== void 0 && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(r, { children: w("redirect", _) }), /* @__PURE__ */ o(t, {
-				className: "connector-request-summary__untrusted",
-				children: T(f)
-			})] })
-		]
-	});
-}
-//#endregion
-export { c as ConnectorRequestSummary };
+import { t as e } from "./_shared/connectorrequestsummary.js";
+export { e as ConnectorRequestSummary };

package/dist/connector-sign-in-page.js

@@ -1,61 +1,69 @@
 'use client';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Button as t } from "./button.js";
 import { Form as n } from "./form.js";
 import { ConnectorAuthShell as r } from "./connector-auth-shell.js";
 import { t as i } from "./_shared/untrustedtext.js";
-import { ConnectorRequestSummary as a } from "./connector-request-summary.js";
+import { t as a } from "./_shared/connectorrequestsummary.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/messages/es/connectorSignIn.ts
+var c = {
+	title: "Inicia sesión para continuar",
+	signIn: "Iniciar sesión",
+	fallbackProduct: "este producto"
+};
+//#endregion
 //#region src/stories/templates/ConnectorAuth/ConnectorSignInPage.tsx
-function c({ clientName: c, productName: l, scope: u, redirectHost: d, signInHref: f, onSignIn: p, action: m, hiddenFields: h, title: g, intro: _, fallbackProductName: v, signInLabel: y, scopeReadLabel: b, scopeWriteLabel: x, expandLabel: S, collapseLabel: C, valueQuotes: w, summaryLabels: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M }) {
-	let N = e("connectorSignIn"), P = m !== void 0, F = f === void 0 ? /* @__PURE__ */ o(t, {
-		type: P ? "submit" : "button",
-		onClick: p,
-		children: N("signIn", y)
+function l({ clientName: l, productName: u, scope: d, redirectHost: f, signInHref: p, onSignIn: m, action: h, hiddenFields: g, title: _, intro: v, fallbackProductName: y, signInLabel: b, scopeReadLabel: x, scopeWriteLabel: S, expandLabel: C, collapseLabel: w, valueQuotes: T, summaryLabels: E, links: D, header: O, footer: k, preferences: A, preferencesLabel: j, id: M, shell: N, className: P }) {
+	let F = e("connectorSignIn", c), I = h !== void 0, L = p === void 0 ? /* @__PURE__ */ o(t, {
+		type: I ? "submit" : "button",
+		onClick: m,
+		children: F("signIn", b)
 	}) : /* @__PURE__ */ o(t, {
-		href: f,
-		children: N("signIn", y)
+		href: p,
+		children: F("signIn", b)
 	});
 	return /* @__PURE__ */ o(r, {
-		title: g ?? N("title"),
-		description: _({
+		title: _ ?? F("title"),
+		description: v({
 			client: /* @__PURE__ */ o("strong", { children: /* @__PURE__ */ o(i, {
-				value: c,
-				quotes: w
+				value: l,
+				quotes: T
 			}) }),
-			product: l ?? v ?? N("fallbackProduct")
+			product: u ?? y ?? F("fallbackProduct")
 		}),
-		header: D,
-		footer: O,
-		preferences: k,
-		preferencesLabel: A,
-		id: j,
-		shell: M,
+		header: O,
+		footer: k,
+		preferences: A,
+		preferencesLabel: j,
+		id: M,
+		shell: N,
+		className: P,
 		children: /* @__PURE__ */ s(n, {
 			size: "lg",
 			blockActions: !0,
-			method: P ? "post" : void 0,
-			action: m,
-			links: E,
-			actions: F,
-			children: [h && Object.entries(h).map(([e, t]) => /* @__PURE__ */ o("input", {
+			method: I ? "post" : void 0,
+			action: h,
+			links: D,
+			actions: L,
+			children: [g && Object.entries(g).map(([e, t]) => /* @__PURE__ */ o("input", {
 				type: "hidden",
 				name: e,
 				value: t
 			}, e)), /* @__PURE__ */ o(a, {
-				clientName: c,
-				productName: l,
-				scope: u,
-				redirectHost: d,
-				scopeReadLabel: b,
-				scopeWriteLabel: x,
-				expandLabel: S,
-				collapseLabel: C,
-				valueQuotes: w,
-				...T
+				clientName: l,
+				productName: u,
+				scope: d,
+				redirectHost: f,
+				scopeReadLabel: x,
+				scopeWriteLabel: S,
+				expandLabel: C,
+				collapseLabel: w,
+				valueQuotes: T,
+				...E
 			})]
 		})
 	});
 }
 //#endregion
-export { c as ConnectorSignInPage };
+export { l as ConnectorSignInPage };

package/dist/consent.css

@@ -1 +1 @@
-.consent-banner{z-index:var(--consent-banner-z-index);background-color:var(--consent-banner-bg);color:var(--consent-banner-color);border-block-start:var(--consent-banner-border-width) solid var(--consent-banner-border-color);padding-block:var(--consent-banner-padding-block);padding-inline:var(--consent-banner-padding-inline);position:fixed;inset-block-end:0;inset-inline:0}.consent-banner__inner{justify-content:space-between;align-items:center;gap:var(--consent-banner-gap);max-inline-size:var(--consent-banner-max-inline-size);flex-wrap:wrap;margin-inline:auto;display:flex}.consent-banner__text{gap:var(--consent-banner-text-gap);flex-direction:column;flex:20rem;min-inline-size:0;display:flex}.consent-banner__title{font-size:var(--consent-banner-title-font-size);color:inherit;margin-block:0}.consent-banner__description{font-size:var(--consent-banner-description-font-size);color:inherit;margin-block:0}.consent-banner__actions{align-self:stretch;align-items:stretch;gap:var(--consent-banner-actions-gap);flex-direction:column;display:flex}.consent-banner__actions>*{inline-size:100%}@media (width>=768px){.consent-banner__actions{flex-flow:wrap;align-self:auto;align-items:center}.consent-banner__actions>*{inline-size:auto}}.consent-preferences{gap:var(--consent-preferences-gap);flex-direction:column;display:flex}.consent-preferences__list{gap:var(--consent-preferences-category-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}
+.consent-banner{z-index:var(--consent-banner-z-index);background-color:var(--consent-banner-bg);color:var(--consent-banner-color);border-block-start:var(--consent-banner-border-width) solid var(--consent-banner-border-color);padding-block:var(--consent-banner-padding-block);padding-inline:var(--consent-banner-padding-inline);position:fixed;inset-block-end:0;inset-inline:0}.consent-banner__inner{justify-content:space-between;align-items:center;gap:var(--consent-banner-gap);max-inline-size:var(--consent-banner-max-width);flex-wrap:wrap;margin-inline:auto;display:flex}.consent-banner__text{gap:var(--consent-banner-text-gap);flex-direction:column;flex:1 1 var(--consent-banner-text-flex-basis);min-inline-size:0;display:flex}.consent-banner__title{font-size:var(--consent-banner-title-font-size);color:inherit;margin-block:0}.consent-banner__description{font-size:var(--consent-banner-description-font-size);color:inherit;margin-block:0}.consent-banner__actions{align-self:stretch;align-items:stretch;gap:var(--consent-banner-actions-gap);flex-direction:column;display:flex}.consent-banner__actions>*{inline-size:100%}@media (width>=768px){.consent-banner__actions{flex-flow:wrap;align-self:auto;align-items:center}.consent-banner__actions>*{inline-size:auto}}.consent-preferences{gap:var(--consent-preferences-gap);flex-direction:column;display:flex}.consent-preferences__list{gap:var(--consent-preferences-category-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}

package/dist/consent.js

@@ -1,24 +1,35 @@
 'use client';
 import './consent.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { VisuallyHidden as t } from "./visually-hidden.js";
 import { Button as n } from "./button.js";
 import { Heading as r } from "./heading.js";
 import { Link as i } from "./link.js";
 import { Paragraph as a } from "./paragraph.js";
 import { SwitcherField as o } from "./switcher-field.js";
-import { Sheet as s } from "./sheet.js";
-import { Modal as c } from "./modal.js";
+import { t as s } from "./_shared/sheet.js";
+import { t as c } from "./_shared/modal.js";
 import { useEffect as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/stories/messages/es/consent.ts
+var m = {
+	title: "Cookies",
+	regionLabel: "Consentimiento de cookies",
+	acceptAll: "Aceptar todas",
+	rejectAll: "Rechazar",
+	preferences: "Preferencias",
+	preferencesTitle: "Preferencias de cookies",
+	alwaysOn: "Siempre activa"
+};
+//#endregion
 //#region src/stories/molecules/Consent/Consent.tsx
-function m({ open: t = !0, onAcceptAll: o, onRejectAll: s, onOpenPreferences: c, title: l, description: u, policyHref: m, policyLabel: h, policyExternal: g = !1, acceptAllLabel: _, rejectAllLabel: v, preferencesLabel: y, regionLabel: b, className: x, ...S }) {
-	let C = e("consent");
+function h({ open: t = !0, onAcceptAll: o, onRejectAll: s, onOpenPreferences: c, title: l, description: u, policyHref: h, policyLabel: g, policyExternal: _ = !1, acceptAllLabel: v, rejectAllLabel: y, preferencesLabel: b, regionLabel: x, className: S, ...C }) {
+	let w = e("consent", m);
 	return t ? /* @__PURE__ */ f("aside", {
-		className: ["consent-banner", x].filter(Boolean).join(" "),
+		className: ["consent-banner", S].filter(Boolean).join(" "),
 		role: "region",
-		"aria-label": C("regionLabel", b),
-		...S,
+		"aria-label": w("regionLabel", x),
+		...C,
 		children: /* @__PURE__ */ p("div", {
 			className: "consent-banner__inner",
 			children: [/* @__PURE__ */ p("div", {
@@ -27,13 +38,13 @@ function m({ open: t = !0, onAcceptAll: o, onRejectAll: s, onOpenPreferences: c,
 					level: 2,
 					size: 3,
 					className: "consent-banner__title",
-					children: l === void 0 ? C("title") : l
+					children: l === void 0 ? w("title") : l
 				}), /* @__PURE__ */ p(a, {
 					className: "consent-banner__description",
-					children: [u, m !== void 0 && /* @__PURE__ */ p(d, { children: [" ", /* @__PURE__ */ f(i, {
-						href: m,
-						external: g,
-						children: h
+					children: [u, h !== void 0 && /* @__PURE__ */ p(d, { children: [" ", /* @__PURE__ */ f(i, {
+						href: h,
+						external: _,
+						children: g
 					})] })]
 				})]
 			}), /* @__PURE__ */ p("div", {
@@ -41,71 +52,71 @@ function m({ open: t = !0, onAcceptAll: o, onRejectAll: s, onOpenPreferences: c,
 				children: [
 					/* @__PURE__ */ f(n, {
 						onClick: o,
-						children: C("acceptAll", _)
+						children: w("acceptAll", v)
 					}),
 					/* @__PURE__ */ f(n, {
 						onClick: s,
-						children: C("rejectAll", v)
+						children: w("rejectAll", y)
 					}),
 					c && /* @__PURE__ */ f(n, {
 						variant: "outline",
 						onClick: c,
-						children: C("preferences", y)
+						children: w("preferences", b)
 					})
 				]
 			})]
 		})
 	}) : null;
 }
-function h(e, t) {
+function g(e, t) {
 	let n = { ...e };
 	for (let e of t) e.required && (n[e.id] = !0);
 	return n;
 }
-function g({ open: n, onOpenChange: r, categories: i, value: a, onChange: m, onSave: g, surface: _ = "modal", side: v = "right", title: y, closeLabel: b, alwaysOnLabel: x, container: S, className: C }) {
-	let w = e("consent"), T = m !== void 0, [E, D] = u(() => h(a, i));
+function _({ open: n, onOpenChange: r, categories: i, value: a, onChange: h, onSave: _, surface: v = "modal", side: y = "right", title: b, closeLabel: x, alwaysOnLabel: S, container: C, className: w }) {
+	let T = e("consent", m), E = h !== void 0, [D, O] = u(() => g(a, i));
 	l(() => {
-		n && !T && D(h(a, i));
-	}, [n, T]);
-	let O = T ? h(a, i) : E, k = (e) => {
-		T ? m(e) : D(e), g?.(e);
-	}, A = (e, t) => {
-		k({
-			...O,
+		n && !E && O(g(a, i));
+	}, [n, E]);
+	let k = E ? g(a, i) : D, A = (e) => {
+		E ? h(e) : O(e), _?.(e);
+	}, j = (e, t) => {
+		A({
+			...k,
 			[e]: t
 		});
-	}, j = /* @__PURE__ */ f("div", {
-		className: ["consent-preferences", C].filter(Boolean).join(" "),
+	}, M = /* @__PURE__ */ f("div", {
+		className: ["consent-preferences", w].filter(Boolean).join(" "),
 		children: /* @__PURE__ */ f("ul", {
 			className: "consent-preferences__list",
 			children: i.map((e) => /* @__PURE__ */ f("li", {
 				className: "consent-preferences__category",
 				children: /* @__PURE__ */ f(o, {
-					label: e.required ? /* @__PURE__ */ p(d, { children: [e.name, /* @__PURE__ */ f(t, { children: `, ${w("alwaysOn", x)}` })] }) : e.name,
+					label: e.required ? /* @__PURE__ */ p(d, { children: [e.name, /* @__PURE__ */ f(t, { children: `, ${T("alwaysOn", S)}` })] }) : e.name,
 					helperText: e.description,
-					checked: e.required ? !0 : O[e.id] === !0,
+					checked: e.required ? !0 : k[e.id] === !0,
 					disabled: e.required,
-					onCheckedChange: (t) => A(e.id, t)
+					onCheckedChange: (t) => j(e.id, t)
 				})
 			}, e.id))
 		})
-	}), M = y === void 0 ? w("preferencesTitle") : y;
-	return _ === "modal" ? /* @__PURE__ */ f(c, {
+	}), N = b === void 0 ? T("preferencesTitle") : b;
+	return v === "modal" ? /* @__PURE__ */ f(c, {
 		open: n,
-		onClose: () => r(!1),
-		title: typeof M == "string" ? M : void 0,
-		...b === void 0 ? {} : { closeLabel: b },
-		container: S,
-		children: j
+		onOpenChange: r,
+		title: typeof N == "string" ? N : void 0,
+		...x === void 0 ? {} : { closeLabel: x },
+		container: C,
+		children: M
 	}) : /* @__PURE__ */ f(s, {
 		open: n,
 		onOpenChange: r,
-		side: v,
-		title: M,
-		...b === void 0 ? {} : { closeLabel: b },
-		container: S,
-		children: j
+		side: y,
+		title: N,
+		...x === void 0 ? {} : { closeLabel: x },
+		container: C,
+		children: M
 	});
 }
 //#endregion
-export { m as ConsentBanner, g as ConsentPreferences };
+export { h as ConsentBanner, _ as ConsentPreferences };

package/dist/container.css

@@ -1 +1 @@
-.container{inline-size:100%;padding-inline:max(var(--container-padding-inline), env(safe-area-inset-left)) max(var(--container-padding-inline), env(safe-area-inset-right))}.container__inner{max-inline-size:100%;margin-inline:auto}.container__inner.container__inner--md{max-inline-size:var(--container-max-width-md)}.container__inner.container__inner--lg{max-inline-size:var(--container-max-width-lg)}.container__inner.container__inner--xl{max-inline-size:var(--container-max-width-xl)}.container__inner.container__inner--2xl{max-inline-size:var(--container-max-width-2xl)}.container__inner.container__inner--3xl{max-inline-size:var(--container-max-width-3xl)}.container.container--space-sm{padding-block:var(--container-padding-block-sm)}.container.container--space-md{padding-block:var(--container-padding-block-md)}.container.container--space-lg{padding-block:var(--container-padding-block-lg)}.container.container--space-xl{padding-block:var(--container-padding-block-xl)}.container.container--space-2xl{padding-block:var(--container-padding-block-2xl)}.container.container--surface{background-color:var(--text-background);color:var(--text-color)}.container.container--flush,.container:not(.container--flush) .container{padding-inline:0}
+.container{inline-size:100%;padding-inline:max(var(--container-padding-inline), env(safe-area-inset-left)) max(var(--container-padding-inline), env(safe-area-inset-right))}.container__inner{max-inline-size:100%;margin-inline:auto}.container__inner.container__inner--md{max-inline-size:var(--container-max-width-md)}.container__inner.container__inner--lg{max-inline-size:var(--container-max-width-lg)}.container__inner.container__inner--xl{max-inline-size:var(--container-max-width-xl)}.container__inner.container__inner--2xl{max-inline-size:var(--container-max-width-2xl)}.container__inner.container__inner--3xl{max-inline-size:var(--container-max-width-3xl)}.container.container--space-sm{padding-block:var(--container-padding-block-sm)}.container.container--space-md{padding-block:var(--container-padding-block-md)}.container.container--space-lg{padding-block:var(--container-padding-block-lg)}.container.container--space-xl{padding-block:var(--container-padding-block-xl)}.container.container--space-2xl{padding-block:var(--container-padding-block-2xl)}.container.container--surface{background-color:var(--text-bg);color:var(--text-color)}.container.container--flush,.container:not(.container--flush) .container{padding-inline:0}

package/dist/context-menu.js

@@ -1,9 +1,9 @@
 'use client';
-import { DotsButton as e } from "./dots-button.js";
+import { t as e } from "./_shared/dotsbutton.js";
 import { Menu as t } from "./menu.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/stories/molecules/ContextMenu/ContextMenu.tsx
-function r({ items: r, renderLink: i, onOpenChange: a, side: o = "bottom", align: s = "end", minWidth: c, maxWidth: l, triggerSize: u = "md", triggerOrientation: d = "horizontal", label: f }) {
+function r({ items: r, renderLink: i, onOpenChange: a, side: o = "bottom", align: s = "end", minWidth: c, maxWidth: l, triggerSize: u = "md", triggerOrientation: d = "horizontal", label: f, className: p }) {
 	return /* @__PURE__ */ n(t, {
 		items: r,
 		renderLink: i,
@@ -15,7 +15,8 @@ function r({ items: r, renderLink: i, onOpenChange: a, side: o = "bottom", align
 		trigger: /* @__PURE__ */ n(e, {
 			size: u,
 			orientation: d,
-			"aria-label": f
+			"aria-label": f,
+			className: p
 		})
 	});
 }

package/dist/conversation-list.css

@@ -1 +1 @@
-.conversation-list{gap:var(--conversation-list-header-gap);flex-direction:column;display:flex}.conversation-list__header,.conversation-list__nav{padding-inline:var(--conversation-list-padding-inline)}.conversation-list__items{gap:var(--conversation-list-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.conversation-list__loading{gap:var(--conversation-list-gap);padding-inline:var(--conversation-list-item-padding-inline);flex-direction:column;display:flex}.conversation-list__item{border-radius:var(--conversation-list-item-border-radius);color:var(--conversation-list-item-color);transition:color var(--conversation-list-transition-duration) var(--conversation-list-transition-easing);align-items:center;display:flex}.conversation-list__item:hover{color:var(--conversation-list-item-hover-color)}.conversation-list__label{min-width:0;padding-block:var(--conversation-list-item-padding-block);padding-inline:var(--conversation-list-item-padding-inline);color:inherit;font-family:var(--conversation-list-item-font-family);font-size:var(--conversation-list-item-font-size);text-align:start;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:var(--conversation-list-item-border-radius);background:0 0;border:none;flex:1;overflow:hidden}.conversation-list__label--active{color:var(--conversation-list-item-active-color);font-weight:var(--conversation-list-item-active-font-weight)}.conversation-list__label:focus-visible{outline:var(--conversation-list-focus-ring-width) solid var(--conversation-list-focus-ring-color);outline-offset:calc(-1 * var(--conversation-list-focus-ring-width))}.conversation-list__delete{--button-ghost-color:var(--conversation-list-delete-color);--button-ghost-hover-bg:var(--conversation-list-delete-hover-bg);--button-ghost-hover-color:var(--conversation-list-delete-hover-color);--button-ghost-active-bg:var(--conversation-list-delete-hover-bg);--button-ghost-active-color:var(--conversation-list-delete-hover-color);--button-ghost-focus-ring-color:var(--conversation-list-focus-ring-color);--button-ghost-focus-ring-offset:var(--conversation-list-delete-focus-ring-offset);opacity:0;transition:opacity var(--conversation-list-transition-duration) var(--conversation-list-transition-easing), color var(--conversation-list-transition-duration) var(--conversation-list-transition-easing);flex-shrink:0}.conversation-list__item:hover .conversation-list__delete,.conversation-list__delete:focus-visible{opacity:1}@media (hover:none){.conversation-list__delete{opacity:1}}
+.conversation-list{gap:var(--conversation-list-header-gap);flex-direction:column;display:flex}.conversation-list__header,.conversation-list__nav{padding-inline:var(--conversation-list-padding-inline)}.conversation-list__items{gap:var(--conversation-list-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.conversation-list__loading{gap:var(--conversation-list-gap);padding-inline:var(--conversation-list-item-padding-inline);flex-direction:column;display:flex}.conversation-list__item{border-radius:var(--conversation-list-item-border-radius);color:var(--conversation-list-item-color);transition:color var(--conversation-list-transition-duration) var(--conversation-list-transition-easing);align-items:center;display:flex}.conversation-list__item:hover{color:var(--conversation-list-item-hover-color)}.conversation-list__label{min-inline-size:0;padding-block:var(--conversation-list-item-padding-block);padding-inline:var(--conversation-list-item-padding-inline);color:inherit;font-family:var(--conversation-list-item-font-family);font-size:var(--conversation-list-item-font-size);line-height:var(--conversation-list-item-line-height);text-align:start;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:var(--conversation-list-item-border-radius);background:0 0;border:none;flex:1;overflow:hidden}.conversation-list__label--active{color:var(--conversation-list-item-active-color);font-weight:var(--conversation-list-item-active-font-weight)}.conversation-list__label:focus-visible{outline:var(--conversation-list-focus-ring-width) solid var(--conversation-list-focus-ring-color);outline-offset:calc(-1 * var(--conversation-list-focus-ring-width))}.conversation-list__delete{--button-ghost-color:var(--conversation-list-delete-color);--button-ghost-hover-bg:var(--conversation-list-delete-hover-bg);--button-ghost-hover-color:var(--conversation-list-delete-hover-color);--button-ghost-active-bg:var(--conversation-list-delete-hover-bg);--button-ghost-active-color:var(--conversation-list-delete-hover-color);--button-ghost-focus-ring-color:var(--conversation-list-focus-ring-color);--button-ghost-focus-ring-offset:var(--conversation-list-delete-focus-ring-offset);opacity:0;transition:opacity var(--conversation-list-transition-duration) var(--conversation-list-transition-easing), color var(--conversation-list-transition-duration) var(--conversation-list-transition-easing);flex-shrink:0}.conversation-list__item:hover .conversation-list__delete,.conversation-list__delete:focus-visible{opacity:1}@media (hover:none){.conversation-list__delete{opacity:1}}

package/dist/conversation-list.js

@@ -1,90 +1,99 @@
 'use client';
 import './conversation-list.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 { Skeleton as r } from "./skeleton.js";
 import { Tooltip as i } from "./tooltip.js";
-import { Alert as a } from "./alert.js";
+import { t as a } from "./_shared/alert.js";
 import { EmptyState as o } from "./empty-state.js";
 import { forwardRef as s, useState as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/stories/messages/es/conversationList.ts
+var d = {
+	new: "Nueva conversación",
+	nav: "Conversaciones",
+	delete: (e) => `Eliminar la conversación «${e}»`,
+	empty: "Todavía no hay conversaciones",
+	error: "No se pudieron cargar las conversaciones"
+};
+//#endregion
 //#region src/stories/molecules/ConversationList/ConversationList.tsx
-function d(e) {
+function f(e) {
 	return e.scrollWidth > e.clientWidth + 1;
 }
-var f = s(function({ conversations: s, activeId: f, onNew: p, onSelect: m, onDelete: h, newLabel: g, navLabel: _, deleteLabel: v, isLoading: y = !1, loadingCount: b = 4, error: x, emptyMessage: S, emptyDescription: C, errorTitle: w, className: T, ...E }, D) {
-	let [O, k] = c(null), A = e("conversationList"), j = x === void 0 ? y ? "loading" : s.length === 0 ? "empty" : "list" : "error";
+var p = s(function({ conversations: s, activeId: p, onNew: m, onSelect: h, onDelete: g, newLabel: _, navLabel: v, deleteLabel: y, isLoading: b = !1, loadingCount: x = 4, error: S, emptyMessage: C, emptyDescription: w, errorTitle: T, className: E, ...D }, O) {
+	let [k, A] = c(null), j = e("conversationList", d), M = S === void 0 ? b ? "loading" : s.length === 0 ? "empty" : "list" : "error";
 	return /* @__PURE__ */ u("div", {
-		ref: D,
-		className: `conversation-list${T ? ` ${T}` : ""}`,
-		...E,
+		ref: O,
+		className: `conversation-list${E ? ` ${E}` : ""}`,
+		...D,
 		children: [/* @__PURE__ */ l("div", {
 			className: "conversation-list__header",
 			children: /* @__PURE__ */ l(n, {
 				variant: "outline",
 				block: !0,
-				onClick: p,
-				children: A("new", g)
+				onClick: m,
+				children: j("new", _)
 			})
 		}), /* @__PURE__ */ u("nav", {
-			"aria-label": A("nav", _),
+			"aria-label": j("nav", v),
 			className: "conversation-list__nav",
-			"aria-busy": y || void 0,
+			"aria-busy": b || void 0,
 			children: [
-				j === "error" && /* @__PURE__ */ l(a, {
-					variant: "error",
-					title: A("error", w),
-					description: x,
+				M === "error" && /* @__PURE__ */ l(a, {
+					tone: "error",
+					title: j("error", T),
+					description: S,
 					className: "conversation-list__state"
 				}),
-				j === "loading" && /* @__PURE__ */ l("div", {
+				M === "loading" && /* @__PURE__ */ l("div", {
 					className: "conversation-list__loading",
-					children: Array.from({ length: b }, (e, t) => /* @__PURE__ */ l(r, {}, t))
+					children: Array.from({ length: x }, (e, t) => /* @__PURE__ */ l(r, {}, t))
 				}),
-				j === "empty" && /* @__PURE__ */ l(o, {
+				M === "empty" && /* @__PURE__ */ l(o, {
 					size: "sm",
-					title: A("empty", S),
-					description: C,
+					title: j("empty", C),
+					description: w,
 					className: "conversation-list__state"
 				}),
-				j === "list" && /* @__PURE__ */ l("ul", {
+				M === "list" && /* @__PURE__ */ l("ul", {
 					className: "conversation-list__items",
 					role: "list",
 					children: s.map((e) => {
-						let r = e.id === f;
+						let r = e.id === p;
 						return /* @__PURE__ */ u("li", {
 							className: "conversation-list__item",
 							children: [/* @__PURE__ */ l(i, {
 								label: e.label,
 								describe: !1,
-								open: O === e.id,
+								open: k === e.id,
 								onOpenChange: (e) => {
-									e || k(null);
+									e || A(null);
 								},
 								onPointerEnter: (t) => {
-									d(t.currentTarget) && k(e.id);
+									f(t.currentTarget) && A(e.id);
 								},
-								onPointerLeave: () => k(null),
+								onPointerLeave: () => A(null),
 								onFocus: (t) => {
-									d(t.currentTarget) && k(e.id);
+									f(t.currentTarget) && A(e.id);
 								},
-								onBlur: () => k(null),
+								onBlur: () => A(null),
 								children: /* @__PURE__ */ l("button", {
 									type: "button",
 									className: `conversation-list__label${r ? " conversation-list__label--active" : ""}`,
 									"aria-current": r ? "page" : void 0,
-									onClick: () => m(e.id),
+									onClick: () => h(e.id),
 									children: e.label
 								})
 							}), /* @__PURE__ */ l(n, {
 								variant: "ghost",
 								size: "sm",
 								iconOnly: !0,
-								"aria-label": A("delete", v)(e.label),
+								"aria-label": j("delete", y)(e.label),
 								className: "conversation-list__delete",
 								onClick: (t) => {
-									t.stopPropagation(), h(e.id);
+									t.stopPropagation(), g(e.id);
 								},
 								children: /* @__PURE__ */ l(t, {
 									name: "close",
@@ -99,4 +108,4 @@ var f = s(function({ conversations: s, activeId: f, onNew: p, onSelect: m, onDel
 	});
 });
 //#endregion
-export { f as ConversationList };
+export { p as ConversationList };

package/dist/conversation-thread.css

@@ -1 +1 @@
-.conversation-thread{gap:var(--conversation-thread-gap);min-block-size:0;padding-inline:var(--conversation-thread-padding-inline,calc(var(--message-bubble-tail-size) + var(--message-bubble-border-width)));flex-direction:column;flex:1;display:flex;overflow:clip auto}.conversation-thread[data-content=children]>:first-child:nth-last-child(2){margin-block:auto}
+.conversation-thread{gap:var(--conversation-thread-gap);min-block-size:0;padding-inline:var(--conversation-thread-padding-inline,calc(var(--message-bubble-tail-size) + var(--message-bubble-border-width)));flex-direction:column;flex:1;display:flex;overflow:clip auto}.conversation-thread:focus-visible{outline:var(--conversation-thread-focus-ring-width) solid var(--conversation-thread-focus-ring-color);outline-offset:calc(var(--conversation-thread-focus-ring-offset) * -1)}.conversation-thread[data-content=children]>:first-child:nth-last-child(2){margin-block:auto}