@studiolxd/brand 38.12.4

package/dist/connector-consent-page.js

@@ -0,0 +1,89 @@
+'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";
+//#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, {
+		value: e,
+		quotes: M
+	}), W = x === void 0 ? /* @__PURE__ */ s(e, {
+		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, {
+		variant: "outline",
+		href: x,
+		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) })
+		}),
+		header: F,
+		footer: I,
+		preferences: L,
+		preferencesLabel: R,
+		id: z,
+		shell: B,
+		children: /* @__PURE__ */ c(n, {
+			size: "lg",
+			blockActions: !0,
+			method: typeof m == "string" ? "post" : void 0,
+			action: m,
+			links: P,
+			actions: /* @__PURE__ */ c(o, { children: [W, G] }),
+			children: [
+				h && Object.entries(h).map(([e, t]) => /* @__PURE__ */ s("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__ */ s(t, { children: T({ host: /* @__PURE__ */ s("strong", { children: U(p) }) }) })
+			]
+		})
+	});
+}
+//#endregion
+export { l as ConnectorConsentPage };

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

@@ -0,0 +1,71 @@
+'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";
+//#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,
+		description: b({ platform: d }),
+		header: D,
+		footer: O,
+		preferences: k,
+		preferencesLabel: A,
+		id: j,
+		shell: M,
+		children: /* @__PURE__ */ u(t, {
+			align: "stretch",
+			children: [
+				v !== void 0 && /* @__PURE__ */ l(r, {
+					role: "alert",
+					variant: "error",
+					description: v
+				}),
+				/* @__PURE__ */ u(i, {
+					size: "lg",
+					blockActions: !0,
+					method: typeof h == "string" ? "post" : void 0,
+					action: h,
+					onSubmit: g,
+					links: E,
+					actions: /* @__PURE__ */ l(e, {
+						type: "submit",
+						children: w({ platform: d })
+					}),
+					children: [_ && Object.entries(_).map(([e, t]) => /* @__PURE__ */ l("input", {
+						type: "hidden",
+						name: e,
+						value: t
+					}, e)), f === void 0 ? /* @__PURE__ */ l(a, {
+						id: m,
+						name: m,
+						label: C,
+						defaultValue: p,
+						autoComplete: "off",
+						required: !0
+					}) : /* @__PURE__ */ l(n, { children: x({ organization: /* @__PURE__ */ l("strong", { children: /* @__PURE__ */ l(s, {
+						value: f,
+						quotes: S
+					}) }) }) })]
+				}),
+				T
+			]
+		})
+	});
+}
+//#endregion
+export { d as ConnectorExternalSignInPage };

package/dist/connector-rejection-page.js

@@ -0,0 +1,77 @@
+'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";
+//#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
+	}));
+	return /* @__PURE__ */ a(i, {
+		title: l ?? T.title,
+		description: u ?? T.description,
+		intro: f === void 0 ? void 0 : /* @__PURE__ */ o(r, {
+			size: "small",
+			children: [
+				p,
+				": ",
+				/* @__PURE__ */ a(n, { children: f })
+			]
+		}),
+		aside: v,
+		header: y,
+		footer: b,
+		preferences: x,
+		preferencesLabel: S,
+		id: C,
+		shell: w,
+		children: /* @__PURE__ */ o(t, {
+			align: "stretch",
+			children: [/* @__PURE__ */ a(r, {
+				size: "large",
+				children: d ?? T.hint
+			}), D]
+		})
+	});
+}
+//#endregion
+export { c as ConnectorRejectionPage };

package/dist/connector-request-summary.css

@@ -0,0 +1 @@
+.connector-request-summary__untrusted{overflow-wrap:anywhere}

package/dist/connector-request-summary.js

@@ -0,0 +1,36 @@
+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";
+//#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, {
+		value: e,
+		expandable: !0,
+		expandLabel: y,
+		collapseLabel: b,
+		quotes: x
+	});
+	return /* @__PURE__ */ o(t, {
+		className: ["connector-request-summary", S].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ a(n, { children: f }),
+			/* @__PURE__ */ a(e, {
+				className: "connector-request-summary__untrusted",
+				children: C(s)
+			}),
+			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, {
+				className: "connector-request-summary__untrusted",
+				children: C(l)
+			})] }),
+			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, {
+				className: "connector-request-summary__untrusted",
+				children: C(d)
+			})] })
+		]
+	});
+}
+//#endregion
+export { s as ConnectorRequestSummary };

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

@@ -0,0 +1,65 @@
+'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";
+//#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",
+		onClick: p,
+		children: y
+	}) : /* @__PURE__ */ o(e, {
+		href: f,
+		children: y
+	});
+	return /* @__PURE__ */ o(n, {
+		title: g,
+		description: _({
+			client: /* @__PURE__ */ o("strong", { children: /* @__PURE__ */ o(r, {
+				value: c,
+				quotes: w
+			}) }),
+			product: l ?? v
+		}),
+		header: D,
+		footer: O,
+		preferences: k,
+		preferencesLabel: A,
+		id: j,
+		shell: M,
+		children: /* @__PURE__ */ s(t, {
+			size: "lg",
+			blockActions: !0,
+			method: N ? "post" : void 0,
+			action: m,
+			links: E,
+			actions: P,
+			children: [h && Object.entries(h).map(([e, t]) => /* @__PURE__ */ o("input", {
+				type: "hidden",
+				name: e,
+				value: t
+			}, e)), /* @__PURE__ */ o(i, {
+				clientName: c,
+				productName: l,
+				scope: u,
+				redirectHost: d,
+				scopeReadLabel: b,
+				scopeWriteLabel: x,
+				expandLabel: S,
+				collapseLabel: C,
+				valueQuotes: w,
+				...T
+			})]
+		})
+	});
+}
+//#endregion
+export { c as ConnectorSignInPage };

package/dist/consent.css

@@ -0,0 +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-items:center;gap:var(--consent-banner-actions-gap);flex-wrap:wrap;display:flex}.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

@@ -0,0 +1,109 @@
+'use client';
+import './consent.css';
+import { VisuallyHidden as e } from "./visually-hidden.js";
+import { Button as t } from "./button.js";
+import { Heading as n } from "./heading.js";
+import { Link as r } from "./link.js";
+import { Paragraph as i } from "./paragraph.js";
+import { SwitcherField as a } from "./switcher-field.js";
+import { Sheet as o } from "./sheet.js";
+import { Modal as s } from "./modal.js";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useEffect as d, useState as f } from "react";
+//#region src/stories/molecules/Consent/Consent.tsx
+function p({ open: e = !0, onAcceptAll: a, onRejectAll: o, onOpenPreferences: s, title: d = "Cookies", description: f = "Usamos cookies propias y de terceros para que el sitio funcione y para entender cómo se usa. Puedes aceptarlas todas, rechazarlas o elegir por categorías.", policyHref: p, policyLabel: m = "Política de cookies", policyExternal: h = !1, acceptAllLabel: g = "Aceptar todas", rejectAllLabel: _ = "Rechazar", preferencesLabel: v = "Preferencias", regionLabel: y = "Consentimiento de cookies", className: b, ...x }) {
+	return e ? /* @__PURE__ */ l("aside", {
+		className: ["consent-banner", b].filter(Boolean).join(" "),
+		role: "region",
+		"aria-label": y,
+		...x,
+		children: /* @__PURE__ */ u("div", {
+			className: "consent-banner__inner",
+			children: [/* @__PURE__ */ u("div", {
+				className: "consent-banner__text",
+				children: [/* @__PURE__ */ l(n, {
+					level: 2,
+					size: 3,
+					className: "consent-banner__title",
+					children: d
+				}), /* @__PURE__ */ u(i, {
+					className: "consent-banner__description",
+					children: [f, p !== void 0 && /* @__PURE__ */ u(c, { children: [" ", /* @__PURE__ */ l(r, {
+						href: p,
+						external: h,
+						children: m
+					})] })]
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "consent-banner__actions",
+				children: [
+					/* @__PURE__ */ l(t, {
+						onClick: a,
+						children: g
+					}),
+					/* @__PURE__ */ l(t, {
+						onClick: o,
+						children: _
+					}),
+					s && /* @__PURE__ */ l(t, {
+						variant: "outline",
+						onClick: s,
+						children: v
+					})
+				]
+			})]
+		})
+	}) : null;
+}
+function m(e, t) {
+	let n = { ...e };
+	for (let e of t) e.required && (n[e.id] = !0);
+	return n;
+}
+function h({ open: t, onOpenChange: n, categories: r, value: i, onChange: p, onSave: h, surface: g = "modal", side: _ = "right", title: v = "Preferencias de cookies", closeLabel: y = "Cerrar", alwaysOnLabel: b = "Siempre activa", container: x, className: S }) {
+	let C = p !== void 0, [w, T] = f(() => m(i, r));
+	d(() => {
+		t && !C && T(m(i, r));
+	}, [t, C]);
+	let E = C ? m(i, r) : w, D = (e) => {
+		C ? p(e) : T(e), h?.(e);
+	}, O = (e, t) => {
+		D({
+			...E,
+			[e]: t
+		});
+	}, k = /* @__PURE__ */ l("div", {
+		className: ["consent-preferences", S].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ l("ul", {
+			className: "consent-preferences__list",
+			children: r.map((t) => /* @__PURE__ */ l("li", {
+				className: "consent-preferences__category",
+				children: /* @__PURE__ */ l(a, {
+					label: t.required ? /* @__PURE__ */ u(c, { children: [t.name, /* @__PURE__ */ l(e, { children: `, ${b}` })] }) : t.name,
+					helperText: t.description,
+					checked: t.required ? !0 : E[t.id] === !0,
+					disabled: t.required,
+					onCheckedChange: (e) => O(t.id, e)
+				})
+			}, t.id))
+		})
+	});
+	return g === "modal" ? /* @__PURE__ */ l(s, {
+		open: t,
+		onClose: () => n(!1),
+		title: typeof v == "string" ? v : void 0,
+		closeLabel: y,
+		container: x,
+		children: k
+	}) : /* @__PURE__ */ l(o, {
+		open: t,
+		onOpenChange: n,
+		side: _,
+		title: v,
+		closeLabel: y,
+		container: x,
+		children: k
+	});
+}
+//#endregion
+export { p as ConsentBanner, h as ConsentPreferences };

package/dist/container.css

@@ -0,0 +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}

package/dist/container.js

@@ -0,0 +1,28 @@
+import './container.css';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+//#region src/stories/atoms/Container/Container.tsx
+var n = t(function({ width: t = "xl", space: n = "none", flush: r = !1, surface: i, as: a = "div", className: o, innerClassName: s, children: c, ...l }, u) {
+	let d = [
+		"container",
+		n !== "none" && `container--space-${n}`,
+		r && "container--flush",
+		i === "dark" && "surface-dark container--surface",
+		o
+	].filter(Boolean).join(" "), f = [
+		"container__inner",
+		t !== "full" && `container__inner--${t}`,
+		s
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ e(a, {
+		ref: u,
+		className: d,
+		...l,
+		children: /* @__PURE__ */ e("div", {
+			className: f,
+			children: c
+		})
+	});
+});
+//#endregion
+export { n as Container };

package/dist/context-menu.js

@@ -0,0 +1,23 @@
+'use client';
+import { DotsButton as e } from "./dots-button.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 = "Más opciones" }) {
+	return /* @__PURE__ */ n(t, {
+		items: r,
+		renderLink: i,
+		onOpenChange: a,
+		side: o,
+		align: s,
+		minWidth: c,
+		maxWidth: l,
+		trigger: /* @__PURE__ */ n(e, {
+			size: u,
+			orientation: d,
+			"aria-label": f
+		})
+	});
+}
+//#endregion
+export { r as ContextMenu };

package/dist/conversation-list.css

@@ -0,0 +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}}

package/dist/conversation-list.js

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

package/dist/conversation-thread.css

@@ -0,0 +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-y:auto}.conversation-thread[data-content=children]>:first-child:nth-last-child(2){margin-block:auto}

package/dist/conversation-thread.js

@@ -0,0 +1,42 @@
+'use client';
+import './conversation-thread.css';
+import { UserMessage as e } from "./user-message.js";
+import { AssistantMessage as t } from "./assistant-message.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as i, useEffect as a, useRef as o } from "react";
+//#region src/stories/organisms/ConversationThread/ConversationThread.tsx
+function s() {
+	return typeof window > "u" || typeof window.matchMedia != "function" || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+}
+var c = i(function({ messages: i = [], children: c, streamingLabel: l, ariaLabel: u = "Conversación", locale: d, timestampFormat: f, className: p, ...m }, h) {
+	let g = o(null);
+	return a(() => {
+		g.current?.scrollIntoView({ behavior: s() });
+	}, [i, c]), /* @__PURE__ */ r("div", {
+		ref: h,
+		className: `conversation-thread${p ? ` ${p}` : ""}`,
+		role: "log",
+		"aria-label": u,
+		"data-content": c == null ? "messages" : "children",
+		...m,
+		children: [c ?? i.map((r) => r.role === "user" ? /* @__PURE__ */ n(e, {
+			timestamp: r.timestamp,
+			locale: d,
+			timestampFormat: f,
+			children: r.content
+		}, r.id) : /* @__PURE__ */ n(t, {
+			model: r.model,
+			timestamp: r.timestamp,
+			locale: d,
+			timestampFormat: f,
+			isStreaming: r.isStreaming,
+			streamingLabel: l,
+			children: r.content
+		}, r.id)), /* @__PURE__ */ n("div", {
+			ref: g,
+			"aria-hidden": "true"
+		})]
+	});
+});
+//#endregion
+export { c as ConversationThread };