@studiolxd/brand 48.0.0 → 49.0.0

package/dist/chat-shell.js

@@ -1,102 +1,103 @@
 'use client';
 import './chat-shell.css';
-import { Icon as e } from "./icon.js";
-import { Button as t } from "./button.js";
-import { Sheet as n } from "./sheet.js";
-import { forwardRef as r, useCallback as i, useEffect as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Icon as t } from "./icon.js";
+import { Button as n } from "./button.js";
+import { Sheet as r } from "./sheet.js";
+import { forwardRef as i, useCallback as a, useEffect as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/templates/ChatShell/ChatShell.tsx
-var l = "(min-width: 1024px)", u = r(function({ list: r, header: u, children: d, composer: f, listLabel: p = "Conversaciones", listTriggerLabel: m = "Abrir conversaciones", listOpen: h, onListOpenChange: g, className: _, ...v }, y) {
-	let [b, x] = o(() => typeof window > "u" ? !0 : window.matchMedia(l).matches), [S, C] = o(!1), [w, T] = o(null), E = i((e) => {
-		T(e), typeof y == "function" ? y(e) : y && (y.current = e);
-	}, [y]);
-	a(() => {
-		let e = window.matchMedia(l), t = () => {
-			x(e.matches), e.matches && C(!1);
+var u = "(min-width: 1024px)", d = i(function({ list: i, header: d, children: f, composer: p, listLabel: m, listTriggerLabel: h, listOpen: g, onListOpenChange: _, className: v, ...y }, b) {
+	let x = e("chatShell"), [S, C] = s(() => typeof window > "u" ? !0 : window.matchMedia(u).matches), [w, T] = s(!1), [E, D] = s(null), O = a((e) => {
+		D(e), typeof b == "function" ? b(e) : b && (b.current = e);
+	}, [b]);
+	o(() => {
+		let e = window.matchMedia(u), t = () => {
+			C(e.matches), e.matches && T(!1);
 		};
 		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
 	}, []);
-	let D = i((e) => {
-		h === void 0 && C(e), g?.(e);
-	}, [h, g]), O = !b && (h ?? S), k = r != null && b, A = r != null && !b;
-	return /* @__PURE__ */ c("div", {
-		ref: E,
+	let k = a((e) => {
+		g === void 0 && T(e), _?.(e);
+	}, [g, _]), A = !S && (g ?? w), j = i != null && S, M = i != null && !S;
+	return /* @__PURE__ */ l("div", {
+		ref: O,
 		className: [
 			"chat-shell",
-			k ? "chat-shell--with-list" : "",
-			_ ?? ""
+			j ? "chat-shell--with-list" : "",
+			v ?? ""
 		].filter(Boolean).join(" "),
-		...v,
+		...y,
 		children: [
-			k && /* @__PURE__ */ s("aside", {
+			j && /* @__PURE__ */ c("aside", {
 				className: "chat-shell__list",
-				"aria-label": p,
-				children: r
+				"aria-label": x("list", m),
+				children: i
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "chat-shell__main",
 				children: [
-					(u || A) && /* @__PURE__ */ c("header", {
+					(d || M) && /* @__PURE__ */ l("header", {
 						className: "chat-shell__header",
-						children: [A && /* @__PURE__ */ s(t, {
+						children: [M && /* @__PURE__ */ c(n, {
 							variant: "ghost",
 							size: "sm",
 							iconOnly: !0,
-							"aria-label": m,
+							"aria-label": x("listTrigger", h),
 							"aria-haspopup": "dialog",
-							"aria-expanded": O,
+							"aria-expanded": A,
 							className: "chat-shell__list-trigger",
-							onClick: () => D(!0),
-							children: /* @__PURE__ */ s(e, {
+							onClick: () => k(!0),
+							children: /* @__PURE__ */ c(t, {
 								name: "layout-sidebar",
 								size: "sm"
 							})
-						}), u && /* @__PURE__ */ s("div", {
+						}), d && /* @__PURE__ */ c("div", {
 							className: "chat-shell__header-content",
-							children: u
+							children: d
 						})]
 					}),
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ c("div", {
 						className: "chat-shell__thread",
-						children: d
+						children: f
 					}),
-					f && /* @__PURE__ */ s("div", {
+					p && /* @__PURE__ */ c("div", {
 						className: "chat-shell__composer",
-						children: f
+						children: p
 					})
 				]
 			}),
-			A && /* @__PURE__ */ c(n, {
+			M && /* @__PURE__ */ l(r, {
 				side: "left",
-				open: O,
-				onOpenChange: D,
-				title: p,
+				open: A,
+				onOpenChange: k,
+				title: x("list", m),
 				titleHidden: !0,
-				container: w ?? void 0,
+				container: E ?? void 0,
 				hideClose: !0,
 				className: "chat-shell__drawer",
-				children: [/* @__PURE__ */ s("header", {
+				children: [/* @__PURE__ */ c("header", {
 					className: "chat-shell__header",
-					children: /* @__PURE__ */ s(t, {
+					children: /* @__PURE__ */ c(n, {
 						variant: "ghost",
 						size: "sm",
 						iconOnly: !0,
-						"aria-label": m,
+						"aria-label": x("listTrigger", h),
 						"aria-expanded": !0,
 						className: "chat-shell__list-trigger",
-						onClick: () => D(!1),
-						children: /* @__PURE__ */ s(e, {
+						onClick: () => k(!1),
+						children: /* @__PURE__ */ c(t, {
 							name: "layout-sidebar",
 							size: "sm"
 						})
 					})
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "chat-shell__drawer-list",
-					children: r
+					children: i
 				})]
 			})
 		]
 	});
 });
 //#endregion
-export { u as ChatShell };
+export { d as ChatShell };

package/dist/connector-consent-page.js

@@ -1,89 +1,79 @@
 'use client';
-import { Button as e } from "./button.js";
-import { Paragraph as t } from "./paragraph.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 { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Button as t } from "./button.js";
+import { Paragraph as n } from "./paragraph.js";
+import { Form as r } from "./form.js";
+import { ConnectorAuthShell as i } from "./connector-auth-shell.js";
+import { t as a } from "./_shared/untrustedtext.js";
+import { ConnectorRequestSummary as o } from "./connector-request-summary.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorConsentPage.tsx
-function l({ clientName: l, productName: u, accountEmail: d, scope: f = "read", redirectHost: p, action: m, hiddenFields: h, decisionName: g = "decision", approveValue: _ = "approve", denyValue: v = "deny", onApprove: y, onDeny: b, denyHref: x, initialFocus: S = "none", title: C = "Conectar una herramienta", intro: w = ({ client: e, what: t, email: n }) => /* @__PURE__ */ c(o, { children: [
-	e,
-	" quiere ",
-	t,
-	" como ",
-	n,
-	"."
-] }), redirectNotice: T = ({ host: e }) => /* @__PURE__ */ c(o, { children: [
-	"El acceso se enviará a ",
-	e,
-	". Continúa solo si lo reconoces."
-] }), approveLabel: E = "Permitir acceso", denyLabel: D = "Denegar", scopeReadLabel: O = "leer los datos de este producto", scopeWriteLabel: k = "leer y modificar los datos de este producto", expandLabel: A, collapseLabel: j, valueQuotes: M, summaryLabels: N, links: P, header: F, footer: I, preferences: L, preferencesLabel: R, id: z, shell: B }) {
-	let V = m !== void 0, H = f === "read" ? O : k, U = (e) => /* @__PURE__ */ s(i, {
+function u({ clientName: u, productName: d, accountEmail: f, scope: p = "read", redirectHost: m, action: h, hiddenFields: g, decisionName: _ = "decision", approveValue: v = "approve", denyValue: y = "deny", onApprove: b, onDeny: x, denyHref: S, initialFocus: C = "none", title: w, intro: T, redirectNotice: E, approveLabel: D, denyLabel: O, scopeReadLabel: k, scopeWriteLabel: A, expandLabel: j, collapseLabel: M, valueQuotes: N, summaryLabels: P, links: F, header: I, footer: L, preferences: R, preferencesLabel: z, id: B, shell: V }) {
+	let H = e("connectorConsent"), U = h !== void 0, W = p === "read" ? k : A, G = (e) => /* @__PURE__ */ c(a, {
 		value: e,
-		quotes: M
-	}), W = x === void 0 ? /* @__PURE__ */ s(e, {
+		quotes: N
+	}), K = S === void 0 ? /* @__PURE__ */ c(t, {
 		variant: "outline",
-		type: V ? "submit" : "button",
-		name: V ? g : void 0,
-		value: V ? v : void 0,
-		onClick: b,
-		autoFocus: S === "deny",
-		children: D
-	}) : /* @__PURE__ */ s(e, {
+		type: U ? "submit" : "button",
+		name: U ? _ : void 0,
+		value: U ? y : void 0,
+		onClick: x,
+		autoFocus: C === "deny",
+		children: H("deny", O)
+	}) : /* @__PURE__ */ c(t, {
 		variant: "outline",
-		href: x,
+		href: S,
+		children: H("deny", O)
+	}), q = /* @__PURE__ */ c(t, {
+		type: U ? "submit" : "button",
+		name: U ? _ : void 0,
+		value: U ? v : void 0,
+		onClick: b,
 		children: D
-	}), G = /* @__PURE__ */ s(e, {
-		type: V ? "submit" : "button",
-		name: V ? g : void 0,
-		value: V ? _ : void 0,
-		onClick: y,
-		children: E
 	});
-	return /* @__PURE__ */ s(r, {
-		title: C,
-		description: w({
-			client: /* @__PURE__ */ s("strong", { children: U(l) }),
-			what: H,
-			email: /* @__PURE__ */ s("strong", { children: U(d) })
+	return /* @__PURE__ */ c(i, {
+		title: w ?? H("title"),
+		description: T({
+			client: /* @__PURE__ */ c("strong", { children: G(u) }),
+			what: W,
+			email: /* @__PURE__ */ c("strong", { children: G(f) })
 		}),
-		header: F,
-		footer: I,
-		preferences: L,
-		preferencesLabel: R,
-		id: z,
-		shell: B,
-		children: /* @__PURE__ */ c(n, {
+		header: I,
+		footer: L,
+		preferences: R,
+		preferencesLabel: z,
+		id: B,
+		shell: V,
+		children: /* @__PURE__ */ l(r, {
 			size: "lg",
 			blockActions: !0,
-			method: typeof m == "string" ? "post" : void 0,
-			action: m,
-			links: P,
-			actions: /* @__PURE__ */ c(o, { children: [W, G] }),
+			method: typeof h == "string" ? "post" : void 0,
+			action: h,
+			links: F,
+			actions: /* @__PURE__ */ l(s, { children: [K, q] }),
 			children: [
-				h && Object.entries(h).map(([e, t]) => /* @__PURE__ */ s("input", {
+				g && Object.entries(g).map(([e, t]) => /* @__PURE__ */ c("input", {
 					type: "hidden",
 					name: e,
 					value: t
 				}, e)),
-				/* @__PURE__ */ s(a, {
-					clientName: l,
-					productName: u,
-					accountEmail: d,
-					scope: f,
-					redirectHost: p,
-					scopeReadLabel: O,
-					scopeWriteLabel: k,
-					expandLabel: A,
-					collapseLabel: j,
-					valueQuotes: M,
-					...N
+				/* @__PURE__ */ c(o, {
+					clientName: u,
+					productName: d,
+					accountEmail: f,
+					scope: p,
+					redirectHost: m,
+					scopeReadLabel: k,
+					scopeWriteLabel: A,
+					expandLabel: j,
+					collapseLabel: M,
+					valueQuotes: N,
+					...P
 				}),
-				/* @__PURE__ */ s(t, { children: T({ host: /* @__PURE__ */ s("strong", { children: U(p) }) }) })
+				/* @__PURE__ */ c(n, { children: E({ host: /* @__PURE__ */ c("strong", { children: G(m) }) }) })
 			]
 		})
 	});
 }
 //#endregion
-export { l as ConnectorConsentPage };
+export { u as ConnectorConsentPage };

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

@@ -1,25 +1,19 @@
 'use client';
-import { Button as e } from "./button.js";
-import { Stack as t } from "./stack.js";
-import { Paragraph as n } from "./paragraph.js";
-import { Alert as r } from "./alert.js";
-import { Form as i } from "./form.js";
-import { InputField as a } from "./input-field.js";
-import { ConnectorAuthShell as o } from "./connector-auth-shell.js";
-import { t as s } from "./_shared/untrustedtext.js";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { n as e } from "./_shared/brandmessagescontext.js";
+import { Button as t } from "./button.js";
+import { Stack as n } from "./stack.js";
+import { Paragraph as r } from "./paragraph.js";
+import { Alert as i } from "./alert.js";
+import { Form as a } from "./form.js";
+import { InputField as o } from "./input-field.js";
+import { ConnectorAuthShell as s } from "./connector-auth-shell.js";
+import { t as c } from "./_shared/untrustedtext.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/templates/ConnectorAuth/ConnectorExternalSignInPage.tsx
-function d({ platformName: d = "tu Moodle", organization: f, organizationDefaultValue: p, organizationName: m = "org", action: h, onSubmit: g, hiddenFields: _, error: v, title: y = "Autorizar la conexión", intro: b = ({ platform: e }) => /* @__PURE__ */ u(c, { children: [
-	"Tu asistente de IA solicita acceso a ",
-	e,
-	". Inicia sesión con tu cuenta para autorizarlo."
-] }), signingInTo: x = ({ organization: e }) => /* @__PURE__ */ u(c, { children: [
-	"Iniciarás sesión en ",
-	e,
-	"."
-] }), valueQuotes: S, organizationLabel: C = "Tu organización", submitLabel: w = ({ platform: e }) => /* @__PURE__ */ u(c, { children: ["Iniciar sesión con ", e] }), extra: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M }) {
-	return /* @__PURE__ */ l(o, {
-		title: y,
+function d({ platformName: d, organization: f, organizationDefaultValue: p, organizationName: m = "org", action: h, onSubmit: g, hiddenFields: _, error: v, title: y, intro: b, signingInTo: x, valueQuotes: S, organizationLabel: C, submitLabel: w, extra: T, links: E, header: D, footer: O, preferences: k, preferencesLabel: A, id: j, shell: M }) {
+	let N = e("connectorExternalSignIn");
+	return /* @__PURE__ */ l(s, {
+		title: y ?? N("title"),
 		description: b({ platform: d }),
 		header: D,
 		footer: O,
@@ -27,37 +21,37 @@ function d({ platformName: d = "tu Moodle", organization: f, organizationDefault
 		preferencesLabel: A,
 		id: j,
 		shell: M,
-		children: /* @__PURE__ */ u(t, {
+		children: /* @__PURE__ */ u(n, {
 			align: "stretch",
 			children: [
-				v !== void 0 && /* @__PURE__ */ l(r, {
+				v !== void 0 && /* @__PURE__ */ l(i, {
 					role: "alert",
 					variant: "error",
 					description: v
 				}),
-				/* @__PURE__ */ u(i, {
+				/* @__PURE__ */ u(a, {
 					size: "lg",
 					blockActions: !0,
 					method: typeof h == "string" ? "post" : void 0,
 					action: h,
 					onSubmit: g,
 					links: E,
-					actions: /* @__PURE__ */ l(e, {
+					actions: /* @__PURE__ */ l(t, {
 						type: "submit",
-						children: w({ platform: d })
+						children: N("submit", w)(d)
 					}),
 					children: [_ && Object.entries(_).map(([e, t]) => /* @__PURE__ */ l("input", {
 						type: "hidden",
 						name: e,
 						value: t
-					}, e)), f === void 0 ? /* @__PURE__ */ l(a, {
+					}, e)), f === void 0 ? /* @__PURE__ */ l(o, {
 						id: m,
 						name: m,
-						label: C,
+						label: N("organization", C),
 						defaultValue: p,
 						autoComplete: "off",
 						required: !0
-					}) : /* @__PURE__ */ l(n, { children: x({ organization: /* @__PURE__ */ l("strong", { children: /* @__PURE__ */ l(s, {
+					}) : /* @__PURE__ */ l(r, { children: x({ organization: /* @__PURE__ */ l("strong", { children: /* @__PURE__ */ l(c, {
 						value: f,
 						quotes: S
 					}) }) }) })]

package/dist/connector-rejection-page.js

@@ -1,75 +1,44 @@
 'use client';
-import { Button as e } from "./button.js";
-import { Stack as t } from "./stack.js";
-import { Code as n } from "./code.js";
-import { Paragraph as r } from "./paragraph.js";
-import { ConnectorAuthShell as i } from "./connector-auth-shell.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { n 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/templates/ConnectorAuth/ConnectorRejectionPage.tsx
-var s = {
-	"invalid-client": {
-		title: "Esta herramienta no está registrada",
-		description: "La aplicación que pide acceso no consta en este producto. No se ha concedido nada.",
-		hint: "Vuelve a la herramienta y conéctala otra vez desde el principio. Si el error se repite, quien la mantiene tiene que registrarla de nuevo.",
-		retryLabel: "Volver a la herramienta"
-	},
-	"invalid-redirect-uri": {
-		title: "La dirección de retorno no está permitida",
-		description: "La herramienta ha pedido que el acceso se envíe a una dirección distinta de la que tiene registrada. No se ha enviado nada a ninguna parte.",
-		hint: "Es la comprobación que impide que un acceso legítimo acabe en manos de otro. Si la herramienta es tuya, revisa la dirección de retorno que tiene configurada; si no la reconoces, no vuelvas a intentarlo.",
-		retryLabel: "Volver a la herramienta"
-	},
-	"invalid-request": {
-		title: "La petición está incompleta",
-		description: "Falta algo en lo que ha pedido la herramienta, o ha llegado alterado por el camino. No se ha concedido ningún acceso.",
-		hint: "Vuelve a la herramienta y empieza la conexión de nuevo. Un enlace copiado a mano o reutilizado de otra vez suele acabar así.",
-		retryLabel: "Volver a la herramienta"
-	},
-	"access-denied": {
-		title: "No se ha dado acceso",
-		description: "La conexión se ha cancelado. La herramienta no ha recibido ningún permiso sobre tus datos.",
-		hint: "Puedes cerrar esta pantalla. Si ha sido sin querer, vuelve a la herramienta y pide la conexión otra vez.",
-		retryLabel: "Volver a intentarlo"
-	},
-	"session-expired": {
-		title: "La sesión ha caducado",
-		description: "Ha pasado demasiado tiempo desde que se abrió esta pantalla, así que la decisión ya no vale.",
-		hint: "Inicia sesión otra vez y repite la conexión desde la herramienta. Nada de lo anterior se ha concedido.",
-		retryLabel: "Iniciar sesión"
-	}
-};
-function c({ reason: c, title: l, description: u, hint: d, code: f, codeLabel: p = "Código", retryHref: m, onRetry: h, retryLabel: g, retryAction: _, aside: v, header: y, footer: b, preferences: x, preferencesLabel: S, id: C, shell: w }) {
-	let T = s[c], E = g ?? T.retryLabel, D = _ ?? (m === void 0 ? h ? /* @__PURE__ */ a(e, {
-		onClick: h,
-		children: E
-	}) : null : /* @__PURE__ */ a(e, {
-		href: m,
-		children: E
+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
+	}) : null : /* @__PURE__ */ o(t, {
+		href: p,
+		children: h
 	}));
-	return /* @__PURE__ */ a(i, {
-		title: l ?? T.title,
-		description: u ?? T.description,
-		intro: f === void 0 ? void 0 : /* @__PURE__ */ o(r, {
+	return /* @__PURE__ */ o(a, {
+		title: c,
+		description: l,
+		intro: d === void 0 ? void 0 : /* @__PURE__ */ s(i, {
 			size: "small",
 			children: [
-				p,
+				w("code", f),
 				": ",
-				/* @__PURE__ */ a(n, { children: f })
+				/* @__PURE__ */ o(r, { children: d })
 			]
 		}),
-		aside: v,
-		header: y,
-		footer: b,
-		preferences: x,
-		preferencesLabel: S,
-		id: C,
-		shell: w,
-		children: /* @__PURE__ */ o(t, {
+		aside: _,
+		header: v,
+		footer: y,
+		preferences: b,
+		preferencesLabel: x,
+		id: S,
+		shell: C,
+		children: /* @__PURE__ */ s(n, {
 			align: "stretch",
-			children: [/* @__PURE__ */ a(r, {
+			children: [/* @__PURE__ */ o(i, {
 				size: "large",
-				children: d ?? T.hint
-			}), D]
+				children: u
+			}), T]
 		})
 	});
 }

package/dist/connector-request-summary.js

@@ -1,36 +1,38 @@
+'use client';
 import './connector-request-summary.css';
-import { DescriptionDetails as e, DescriptionList as t, DescriptionTerm as n } from "./description-list.js";
-import { t as r } from "./_shared/untrustedtext.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+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 s({ clientName: s, productName: c, accountEmail: l, scope: u, redirectHost: d, clientLabel: f = "Herramienta", productLabel: p = "Producto", accountLabel: m = "Cuenta", scopeLabel: h = "Permiso", redirectLabel: g = "Destino", scopeReadLabel: _ = "leer los datos de este producto", scopeWriteLabel: v = "leer y modificar los datos de este producto", expandLabel: y, collapseLabel: b, valueQuotes: x, className: S }) {
-	let C = (e) => /* @__PURE__ */ a(r, {
+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: y,
-		collapseLabel: b,
-		quotes: x
+		expandLabel: b,
+		collapseLabel: x,
+		quotes: S
 	});
-	return /* @__PURE__ */ o(t, {
-		className: ["connector-request-summary", S].filter(Boolean).join(" "),
+	return /* @__PURE__ */ s(n, {
+		className: ["connector-request-summary", C].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ a(n, { children: f }),
-			/* @__PURE__ */ a(e, {
+			/* @__PURE__ */ o(r, { children: w("client", p) }),
+			/* @__PURE__ */ o(t, {
 				className: "connector-request-summary__untrusted",
-				children: C(s)
+				children: T(c)
 			}),
-			c !== void 0 && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, { children: p }), /* @__PURE__ */ a(e, { children: c })] }),
-			l !== void 0 && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, { children: m }), /* @__PURE__ */ a(e, {
+			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: C(l)
+				children: T(u)
 			})] }),
-			u !== void 0 && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, { children: h }), /* @__PURE__ */ a(e, { children: u === "read" ? _ : v })] }),
-			d !== void 0 && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(n, { children: g }), /* @__PURE__ */ a(e, {
+			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: C(d)
+				children: T(f)
 			})] })
 		]
 	});
 }
 //#endregion
-export { s as ConnectorRequestSummary };
+export { c as ConnectorRequestSummary };

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

@@ -1,33 +1,29 @@
 'use client';
-import { Button as e } from "./button.js";
-import { Form as t } from "./form.js";
-import { ConnectorAuthShell as n } from "./connector-auth-shell.js";
-import { t as r } from "./_shared/untrustedtext.js";
-import { ConnectorRequestSummary as i } from "./connector-request-summary.js";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { n 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 { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#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 = "Inicia sesión para continuar", intro: _ = ({ client: e, product: t }) => /* @__PURE__ */ s(a, { children: [
-	e,
-	" quiere conectarse a ",
-	t,
-	". Identifícate para decidir si le das acceso."
-] }), fallbackProductName: v = "este producto", signInLabel: y = "Iniciar sesión", 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 = m !== void 0, P = f === void 0 ? /* @__PURE__ */ o(e, {
-		type: N ? "submit" : "button",
+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: y
-	}) : /* @__PURE__ */ o(e, {
+		children: N("signIn", y)
+	}) : /* @__PURE__ */ o(t, {
 		href: f,
-		children: y
+		children: N("signIn", y)
 	});
-	return /* @__PURE__ */ o(n, {
-		title: g,
+	return /* @__PURE__ */ o(r, {
+		title: g ?? N("title"),
 		description: _({
-			client: /* @__PURE__ */ o("strong", { children: /* @__PURE__ */ o(r, {
+			client: /* @__PURE__ */ o("strong", { children: /* @__PURE__ */ o(i, {
 				value: c,
 				quotes: w
 			}) }),
-			product: l ?? v
+			product: l ?? v ?? N("fallbackProduct")
 		}),
 		header: D,
 		footer: O,
@@ -35,18 +31,18 @@ function c({ clientName: c, productName: l, scope: u, redirectHost: d, signInHre
 		preferencesLabel: A,
 		id: j,
 		shell: M,
-		children: /* @__PURE__ */ s(t, {
+		children: /* @__PURE__ */ s(n, {
 			size: "lg",
 			blockActions: !0,
-			method: N ? "post" : void 0,
+			method: P ? "post" : void 0,
 			action: m,
 			links: E,
-			actions: P,
+			actions: F,
 			children: [h && Object.entries(h).map(([e, t]) => /* @__PURE__ */ o("input", {
 				type: "hidden",
 				name: e,
 				value: t
-			}, e)), /* @__PURE__ */ o(i, {
+			}, e)), /* @__PURE__ */ o(a, {
 				clientName: c,
 				productName: l,
 				scope: u,