@studiolxd/brand 39.0.0 → 40.1.0

package/dist/_shared/imagecropdialog.js

@@ -3,8 +3,8 @@ import { Spinner as e } from "../spinner.js";
 import { Button as t } from "../button.js";
 import { Alert as n } from "../alert.js";
 import { Modal as r } from "../modal.js";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import s, { PureComponent as c, createRef as l, useRef as u, useState as d } from "react";
+import i, { PureComponent as a, createRef as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region node_modules/.pnpm/react-image-crop@11.1.2_react@19.2.4/node_modules/react-image-crop/dist/index.js
 var f = {
 	x: 0,
@@ -72,7 +72,7 @@ function x(e, t, n, r) {
 var S = {
 	capture: !0,
 	passive: !1
-}, C = 0, w = class e extends c {
+}, C = 0, w = class e extends a {
 	static xOrds = ["e", "w"];
 	static yOrds = ["n", "s"];
 	static xyOrds = [
@@ -110,8 +110,8 @@ var S = {
 		clientY: 0,
 		isResize: !0
 	};
-	componentRef = l();
-	mediaRef = l();
+	componentRef = o();
+	mediaRef = o();
 	resizeObserver;
 	initChangeCalled = !1;
 	instanceId = `rc-${C++}`;
@@ -277,8 +277,8 @@ var S = {
 		return n || e.xyOrds.indexOf(u) > -1 ? c = h : e.xOrds.indexOf(u) > -1 ? (c.x = h.x, c.width = h.width) : e.yOrds.indexOf(u) > -1 && (c.y = h.y, c.height = h.height), c.x = p(c.x, 0, a.width - c.width), c.y = p(c.y, 0, a.height - c.height), c;
 	}
 	renderCropSelection() {
-		let { ariaLabels: t = e.defaultProps.ariaLabels, disabled: n, locked: r, renderSelectionAddon: i, ruleOfThirds: a, crop: o } = this.props, c = this.getCropStyle();
-		if (o) return /* @__PURE__ */ s.createElement("div", {
+		let { ariaLabels: t = e.defaultProps.ariaLabels, disabled: n, locked: r, renderSelectionAddon: a, ruleOfThirds: o, crop: s } = this.props, c = this.getCropStyle();
+		if (s) return /* @__PURE__ */ i.createElement("div", {
 			style: c,
 			className: "ReactCrop__crop-selection",
 			onPointerDown: this.onCropPointerDown,
@@ -286,81 +286,81 @@ var S = {
 			tabIndex: 0,
 			onKeyDown: this.onComponentKeyDown,
 			role: "group"
-		}, !n && !r && /* @__PURE__ */ s.createElement("div", {
+		}, !n && !r && /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-elements",
 			onFocus: this.onDragFocus
-		}, /* @__PURE__ */ s.createElement("div", {
+		}, /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-bar ord-n",
 			"data-ord": "n"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-bar ord-e",
 			"data-ord": "e"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-bar ord-s",
 			"data-ord": "s"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-bar ord-w",
 			"data-ord": "w"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-nw",
 			"data-ord": "nw",
 			tabIndex: 0,
 			"aria-label": t.nwDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "nw"),
 			role: "button"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-n",
 			"data-ord": "n",
 			tabIndex: 0,
 			"aria-label": t.nDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "n"),
 			role: "button"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-ne",
 			"data-ord": "ne",
 			tabIndex: 0,
 			"aria-label": t.neDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "ne"),
 			role: "button"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-e",
 			"data-ord": "e",
 			tabIndex: 0,
 			"aria-label": t.eDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "e"),
 			role: "button"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-se",
 			"data-ord": "se",
 			tabIndex: 0,
 			"aria-label": t.seDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "se"),
 			role: "button"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-s",
 			"data-ord": "s",
 			tabIndex: 0,
 			"aria-label": t.sDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "s"),
 			role: "button"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-sw",
 			"data-ord": "sw",
 			tabIndex: 0,
 			"aria-label": t.swDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "sw"),
 			role: "button"
-		}), /* @__PURE__ */ s.createElement("div", {
+		}), /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__drag-handle ord-w",
 			"data-ord": "w",
 			tabIndex: 0,
 			"aria-label": t.wDragHandle,
 			onKeyDown: (e) => this.onHandlerKeyDown(e, "w"),
 			role: "button"
-		})), i && /* @__PURE__ */ s.createElement("div", {
+		})), a && /* @__PURE__ */ i.createElement("div", {
 			className: "ReactCrop__selection-addon",
 			onPointerDown: (e) => e.stopPropagation()
-		}, i(this.state)), a && /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement("div", { className: "ReactCrop__rule-of-thirds-hz" }), /* @__PURE__ */ s.createElement("div", { className: "ReactCrop__rule-of-thirds-vt" })));
+		}, a(this.state)), o && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("div", { className: "ReactCrop__rule-of-thirds-hz" }), /* @__PURE__ */ i.createElement("div", { className: "ReactCrop__rule-of-thirds-vt" })));
 	}
 	makePixelCrop(e) {
 		return y({
@@ -369,36 +369,36 @@ var S = {
 		}, e.width, e.height);
 	}
 	render() {
-		let { aspect: e, children: t, circularCrop: n, className: r, crop: i, disabled: a, locked: o, style: c, ruleOfThirds: l } = this.props, { cropIsActive: u, newCropIsBeingDrawn: d } = this.state, f = i ? this.renderCropSelection() : null, p = m("ReactCrop", r, u && "ReactCrop--active", a && "ReactCrop--disabled", o && "ReactCrop--locked", d && "ReactCrop--new-crop", i && e && "ReactCrop--fixed-aspect", i && n && "ReactCrop--circular-crop", i && l && "ReactCrop--rule-of-thirds", !this.dragStarted && i && !i.width && !i.height && "ReactCrop--invisible-crop", n && "ReactCrop--no-animate");
-		return /* @__PURE__ */ s.createElement("div", {
+		let { aspect: e, children: t, circularCrop: n, className: r, crop: a, disabled: o, locked: s, style: c, ruleOfThirds: l } = this.props, { cropIsActive: u, newCropIsBeingDrawn: d } = this.state, f = a ? this.renderCropSelection() : null, p = m("ReactCrop", r, u && "ReactCrop--active", o && "ReactCrop--disabled", s && "ReactCrop--locked", d && "ReactCrop--new-crop", a && e && "ReactCrop--fixed-aspect", a && n && "ReactCrop--circular-crop", a && l && "ReactCrop--rule-of-thirds", !this.dragStarted && a && !a.width && !a.height && "ReactCrop--invisible-crop", n && "ReactCrop--no-animate");
+		return /* @__PURE__ */ i.createElement("div", {
 			ref: this.componentRef,
 			className: p,
 			style: c
-		}, /* @__PURE__ */ s.createElement("div", {
+		}, /* @__PURE__ */ i.createElement("div", {
 			ref: this.mediaRef,
 			className: "ReactCrop__child-wrapper",
 			onPointerDown: this.onComponentPointerDown
-		}, t), i ? /* @__PURE__ */ s.createElement("svg", {
+		}, t), a ? /* @__PURE__ */ i.createElement("svg", {
 			className: "ReactCrop__crop-mask",
 			width: "100%",
 			height: "100%"
-		}, /* @__PURE__ */ s.createElement("defs", null, /* @__PURE__ */ s.createElement("mask", { id: `hole-${this.instanceId}` }, /* @__PURE__ */ s.createElement("rect", {
+		}, /* @__PURE__ */ i.createElement("defs", null, /* @__PURE__ */ i.createElement("mask", { id: `hole-${this.instanceId}` }, /* @__PURE__ */ i.createElement("rect", {
 			width: "100%",
 			height: "100%",
 			fill: "white"
-		}), n ? /* @__PURE__ */ s.createElement("ellipse", {
-			cx: `${i.x + i.width / 2}${i.unit}`,
-			cy: `${i.y + i.height / 2}${i.unit}`,
-			rx: `${i.width / 2}${i.unit}`,
-			ry: `${i.height / 2}${i.unit}`,
+		}), n ? /* @__PURE__ */ i.createElement("ellipse", {
+			cx: `${a.x + a.width / 2}${a.unit}`,
+			cy: `${a.y + a.height / 2}${a.unit}`,
+			rx: `${a.width / 2}${a.unit}`,
+			ry: `${a.height / 2}${a.unit}`,
 			fill: "black"
-		}) : /* @__PURE__ */ s.createElement("rect", {
-			x: `${i.x}${i.unit}`,
-			y: `${i.y}${i.unit}`,
-			width: `${i.width}${i.unit}`,
-			height: `${i.height}${i.unit}`,
+		}) : /* @__PURE__ */ i.createElement("rect", {
+			x: `${a.x}${a.unit}`,
+			y: `${a.y}${a.unit}`,
+			width: `${a.width}${a.unit}`,
+			height: `${a.height}${a.unit}`,
 			fill: "black"
-		}))), /* @__PURE__ */ s.createElement("rect", {
+		}))), /* @__PURE__ */ i.createElement("rect", {
 			fill: "black",
 			fillOpacity: .5,
 			width: "100%",
@@ -431,9 +431,9 @@ function E(e, t, n) {
 }
 //#endregion
 //#region src/stories/molecules/ImageCropDialog/ImageCropDialog.tsx
-function D({ sourceUrl: s, title: c, description: l, circularCrop: f = !1, aspect: p = 1, outputSize: m = 512, outputMimeType: h, busy: g = !1, cancelLabel: _, confirmLabel: v, closeLabel: y, loadingLabel: b = "Cargando imagen…", errorMessage: x = "No hemos podido cargar la imagen. Prueba con otro archivo.", onConfirm: S, onClose: C, className: D }) {
-	let O = u(null), [k, A] = d(), [j, M] = d(), [N, P] = d("loading"), [F, I] = d(s);
-	s !== F && (I(s), P("loading"), A(void 0), M(void 0));
+function D({ sourceUrl: i, title: a, description: o, circularCrop: f = !1, aspect: p = 1, outputSize: m = 512, outputMimeType: h, busy: g = !1, cancelLabel: _, confirmLabel: v, closeLabel: y, loadingLabel: b = "Cargando imagen…", errorMessage: x = "No hemos podido cargar la imagen. Prueba con otro archivo.", onConfirm: S, onClose: C, className: D }) {
+	let O = s(null), [k, A] = c(), [j, M] = c(), [N, P] = c("loading"), [F, I] = c(i);
+	i !== F && (I(i), P("loading"), A(void 0), M(void 0));
 	let L = () => {
 		A(void 0), M(void 0), C();
 	}, R = async () => {
@@ -443,40 +443,40 @@ function D({ sourceUrl: s, title: c, description: l, circularCrop: f = !1, aspec
 			outputSize: m
 		})), L());
 	};
-	return /* @__PURE__ */ a(r, {
-		open: s !== null,
+	return /* @__PURE__ */ u(r, {
+		open: i !== null,
 		onClose: () => {
 			g || L();
 		},
-		title: c,
+		title: a,
 		...y ? { closeLabel: y } : {},
-		...l == null ? {} : { description: l },
+		...o == null ? {} : { description: o },
 		footerClassName: "image-crop-dialog__actions",
-		footer: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
+		footer: /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
 			variant: "outline",
 			disabled: g,
 			onClick: L,
 			children: _
-		}), /* @__PURE__ */ a(t, {
+		}), /* @__PURE__ */ u(t, {
 			disabled: g || !j?.width,
 			onClick: R,
 			children: v
 		})] }),
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ u("div", {
 			className: ["image-crop-dialog", D].filter(Boolean).join(" "),
-			children: /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "image-crop-dialog__area",
 				children: [
-					N === "loading" && /* @__PURE__ */ a(e, {
+					N === "loading" && /* @__PURE__ */ u(e, {
 						size: "lg",
 						label: b
 					}),
-					N === "error" && /* @__PURE__ */ a(n, {
+					N === "error" && /* @__PURE__ */ u(n, {
 						variant: "error",
 						description: x,
 						className: "image-crop-dialog__error"
 					}),
-					s && N !== "error" && /* @__PURE__ */ a(w, {
+					i && N !== "error" && /* @__PURE__ */ u(w, {
 						crop: k,
 						onChange: (e, t) => A(t),
 						onComplete: (e) => M(e),
@@ -484,9 +484,9 @@ function D({ sourceUrl: s, title: c, description: l, circularCrop: f = !1, aspec
 						circularCrop: f,
 						minWidth: 64,
 						keepSelection: !0,
-						children: /* @__PURE__ */ a("img", {
+						children: /* @__PURE__ */ u("img", {
 							ref: O,
-							src: s,
+							src: i,
 							alt: "",
 							onLoad: (e) => {
 								let { width: t, height: n } = e.currentTarget;

package/dist/_shared/tokens.js

@@ -3104,6 +3104,7 @@ var e = {
 	"--annotation-thread-body-color": "#111e30",
 	"--annotation-thread-replies-label-font-size": "0.875rem",
 	"--annotation-thread-replies-label-color": "#4a4a4a",
+	"--annotation-thread-acknowledged-opacity": "0.7",
 	"--annotation-thread-resolved-opacity": "0.4",
 	"--chart-series-1": "#1e7ff6",
 	"--chart-series-2": "#f16123",

package/dist/_types/messages/BrandMessages.d.ts

@@ -0,0 +1,26 @@
+import type { PaginationMessages } from '../molecules/Pagination/Pagination';
+/**
+ * El contrato de textos de la librería: un espacio por componente, y dentro
+ * de cada espacio **todas las claves obligatorias**.
+ *
+ * El tipo nace aquí, en el DS, y es el catálogo de la aplicación el que lo
+ * satisface — nunca al revés. Si el tipo se generase desde el JSON de una
+ * suite concreta, el DS pasaría a depender de un paquete de producto para
+ * declarar su propio contrato y dejaría de sostenerse solo.
+ *
+ * Anidado por componente, no plano: son 310 textos en 111 componentes, y una
+ * lista plana de claves sueltas (`paginationPrevious`, `modalClose`…) no se
+ * puede escribir ni revisar. Los espacios calcan además los que el catálogo
+ * de la suite ya tiene (`pagination`, `table`, `common`…), así que montar el
+ * proveedor es mapear namespaces, no inventarlos.
+ *
+ * Cada interfaz de espacio vive **junto a su componente** (como
+ * `RecoveryCodesLabels`), no aquí: aquí solo se ensamblan. Un componente que
+ * gana textos declara su interfaz al lado de sus props y añade una línea a
+ * este tipo; a partir de ese momento, una aplicación que no la rellene no
+ * compila.
+ */
+export interface BrandMessages {
+    pagination: PaginationMessages;
+}
+export type { PaginationMessages };

package/dist/_types/messages/BrandMessagesContext.d.ts

@@ -0,0 +1,21 @@
+import type { BrandMessages } from './BrandMessages';
+/**
+ * El catálogo montado por la aplicación, o `null` si no hay proveedor. Lo
+ * pone `BrandMessagesProvider` y lo leen los componentes con
+ * `useBrandMessages`.
+ */
+export declare const BrandMessagesContext: import("react").Context<BrandMessages | null>;
+/**
+ * Lee un texto del espacio de un componente: `t('previous')` devuelve el del
+ * proveedor, y `t('previous', previousLabel)` deja ganar a la prop cuando el
+ * consumidor la pasa.
+ */
+export interface BrandMessagesReader<K extends keyof BrandMessages> {
+    <N extends keyof BrandMessages[K]>(key: N, override?: BrandMessages[K][N]): BrandMessages[K][N];
+}
+/**
+ * El lector del espacio de un componente. Se llama **en el punto donde el
+ * texto se pinta**, no al principio del render: así un componente que no
+ * enseña el selector de tamaño tampoco exige su texto.
+ */
+export declare function useBrandMessages<K extends keyof BrandMessages>(namespace: K): BrandMessagesReader<K>;

package/dist/_types/messages/BrandMessagesProvider.d.ts

@@ -0,0 +1,46 @@
+import type { ReactNode } from 'react';
+import type { BrandMessages } from './BrandMessages';
+export interface BrandMessagesProviderProps {
+    /**
+     * El catálogo entero, en el idioma vigente. Es `BrandMessages`, con todas
+     * sus claves: si falta una, no compila. Ese es el punto del proveedor —
+     * olvidar un texto tiene que ser un error de compilación y no un
+     * «Cancelar» castellano dentro de una página en francés.
+     */
+    messages: BrandMessages;
+    children: ReactNode;
+}
+/**
+ * Los textos que los componentes emiten por su cuenta, montado **una vez en
+ * la raíz de la aplicación** y alimentado desde el catálogo de la app (en la
+ * suite, `@slxd/messages`).
+ *
+ * El orden de resolución de cada texto es **prop → proveedor → error**, y no
+ * hay un cuarto escalón: ningún componente trae el castellano puesto. La prop
+ * suelta sigue existiendo como anulación puntual —el `ariaLabel` de un
+ * paginador concreto no es el de todos—, pero cuando no se pasa, el texto
+ * sale del proveedor o revienta con un mensaje que dice qué falta.
+ *
+ * ```tsx
+ * // app/[locale]/layout.tsx
+ * const t = await getTranslations();
+ *
+ * <BrandMessagesProvider
+ *   messages={{
+ *     pagination: {
+ *       label: t('pagination.label'),
+ *       pagesGroup: t('pagination.pagesGroup'),
+ *       previous: t('pagination.previous'),
+ *       next: t('pagination.next'),
+ *       goToPage: (page) => t('pagination.goToPage', { page }),
+ *       perPage: t('pagination.perPage'),
+ *       total: (count) => t('pagination.total', { count }),
+ *       allOption: t('pagination.allOption'),
+ *     },
+ *   }}
+ * >
+ *   {children}
+ * </BrandMessagesProvider>
+ * ```
+ */
+export declare function BrandMessagesProvider({ messages, children }: BrandMessagesProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/_types/messages/index.d.ts

@@ -0,0 +1,5 @@
+export { BrandMessagesProvider } from './BrandMessagesProvider';
+export type { BrandMessagesProviderProps } from './BrandMessagesProvider';
+export { useBrandMessages } from './BrandMessagesContext';
+export type { BrandMessagesReader } from './BrandMessagesContext';
+export type { BrandMessages, PaginationMessages } from './BrandMessages';

package/dist/_types/molecules/Pagination/Pagination.d.ts

@@ -1,6 +1,32 @@
 import type { ComponentType, ReactNode } from 'react';
 import type { SelectOption } from '../../atoms/Select/Select';
 import './Pagination.css';
+/**
+ * Los textos que el paginador emite por su cuenta. Los nombres calcan el
+ * espacio `pagination` del catálogo de la suite, así que montarlo es mapear
+ * clave a clave y no traducir de nuevo.
+ *
+ * Todas obligatorias: es el proveedor quien garantiza que ninguna falte, y
+ * quien las pinta ya no tiene un castellano por defecto donde caer.
+ */
+export interface PaginationMessages {
+    /** `aria-label` del `<nav>`. */
+    label: string;
+    /** `aria-label` del `role="group"` que envuelve los controles de página. */
+    pagesGroup: string;
+    /** `aria-label` del control «anterior». */
+    previous: string;
+    /** `aria-label` del control «siguiente». */
+    next: string;
+    /** `aria-label` de cada botón/enlace de página, con su número. */
+    goToPage: (page: number) => string;
+    /** `aria-label` del selector de registros por página. */
+    perPage: string;
+    /** Sumario de `showTotal`, con el número de registros. */
+    total: (total: number) => string;
+    /** Rótulo de la opción «sin paginar» del selector de registros por página. */
+    allOption: string;
+}
 export interface PaginationProps {
     /**
      * Con páginas numeradas (`pages`, por defecto) o solo anterior/siguiente
@@ -36,7 +62,10 @@ export interface PaginationProps {
     hrefBuilder?: (page: number) => string;
     /** Si se pasa, aparece el selector de registros por página */
     onPageSizeChange?: (size: string) => void;
-    /** Opciones del selector. Default: 10, 20, 50, 100, Todos */
+    /**
+     * Opciones del selector. Sin ellas, 10/20/50/100 y la opción «sin paginar»,
+     * cuyo rótulo sale de `pagination.allOption` (las cifras no se traducen).
+     */
     pageSizeOptions?: SelectOption[];
     /**
      * Ranura a continuación del selector de registros por página, dentro del
@@ -55,37 +84,25 @@ export interface PaginationProps {
     linkComponent?: ComponentType<any>;
     /** Tamaño del componente. Default: "md" */
     size?: 'sm' | 'md' | 'lg';
-    /** aria-label del <nav>. Default: «Paginación» (castellano). Una app multiidioma debe pasarlo traducido. */
-    ariaLabel?: string;
     /**
-     * aria-label de cada botón/enlace de página. Default: `Página ${page}` (castellano).
-     * Una app multiidioma debe pasarla traducida.
+     * `aria-label` del `<nav>`. Sin default: cuando no se pasa, sale de
+     * `pagination.label` del `BrandMessagesProvider`.
      */
+    ariaLabel?: string;
+    /** `aria-label` de cada botón/enlace de página. Sin default: `pagination.goToPage`. */
     pageLabel?: (page: number) => string;
-    /**
-     * aria-label del botón "anterior". Default: "Página anterior" (castellano).
-     * Una app multiidioma debe pasarla traducida.
-     */
+    /** `aria-label` del botón «anterior». Sin default: `pagination.previous`. */
     previousLabel?: string;
-    /**
-     * aria-label del botón "siguiente". Default: "Página siguiente" (castellano).
-     * Una app multiidioma debe pasarla traducida.
-     */
+    /** `aria-label` del botón «siguiente». Sin default: `pagination.next`. */
     nextLabel?: string;
     /**
-     * aria-label del `role="group"` que envuelve los controles de página.
-     * Default: "Páginas" (castellano). Una app multiidioma debe pasarla traducida.
+     * `aria-label` del `role="group"` que envuelve los controles de página.
+     * Sin default: `pagination.pagesGroup`.
      */
     pagesGroupLabel?: string;
-    /**
-     * aria-label del selector de registros por página.
-     * Default: "Registros por página" (castellano). Una app multiidioma debe pasarla traducida.
-     */
+    /** `aria-label` del selector de registros por página. Sin default: `pagination.perPage`. */
     pageSizeLabel?: string;
-    /**
-     * Texto del sumario que muestra `showTotal`. Default: `${total} resultados` (castellano).
-     * Una app multiidioma debe pasarla traducida.
-     */
+    /** Texto del sumario que muestra `showTotal`. Sin default: `pagination.total`. */
     totalLabel?: (total: number) => string;
     className?: string;
 }

package/dist/_types/organisms/AnnotationThread/AnnotationThread.d.ts

@@ -13,16 +13,36 @@ export interface AnnotationEntry {
     avatar?: ReactNode;
     /** Se marca como editada junto a la fecha. */
     edited?: boolean;
+    /**
+     * Lo que el producto añade **a la fila de metadatos**, al lado de la fecha:
+     * la coordenada de la anotación —el enlace a la lección, al segmento, a la
+     * versión—, no una acción sobre ella (para eso está `actions`).
+     *
+     * Se añade DESPUÉS de la fecha y de la marca de editada: no las sustituye, y
+     * al estrecharse cae a su propia línea sin empujarlas fuera de la vista.
+     */
+    meta?: ReactNode;
     /** Acciones de **esta** anotación: editar, borrar, citar. */
     actions?: ReactNode;
 }
+/**
+ * Los tres estados del hilo, en orden de flujo. El nombre dice **dónde está el
+ * hilo**, no cómo lo llama cada producto: el rótulo es una prop, así que una
+ * revisión puede escribir «Verificada» sobre `acknowledged` sin que el sistema
+ * herede el vocabulario de un producto.
+ */
+export type AnnotationThreadStatus = 'open' | 'acknowledged' | 'resolved';
 export interface AnnotationThreadProps extends React.ComponentPropsWithoutRef<'article'> {
     /** La anotación que abre el hilo. */
     annotation: AnnotationEntry;
     /** Las respuestas, en orden. */
     replies?: AnnotationEntry[];
-    /** Estado del hilo. Un hilo resuelto se retira visualmente sin desaparecer. */
-    status?: 'open' | 'resolved';
+    /**
+     * Estado del hilo, en orden de flujo. `open` pide atención; `acknowledged`
+     * es el hilo que alguien ya ha mirado y da un paso atrás sin cerrarse;
+     * `resolved` se retira visualmente sin desaparecer.
+     */
+    status?: AnnotationThreadStatus;
     /** Acciones del hilo entero: resolver, reabrir, seguir. Van al pie. */
     actions?: ReactNode;
     /** Con qué se responde: un `MessageComposer`, un `TextareaField`, un `Button`. */
@@ -33,6 +53,8 @@ export interface AnnotationThreadProps extends React.ComponentPropsWithoutRef<'a
     dateFormat?: Intl.DateTimeFormatOptions;
     /** Rótulo del estado abierto. Por defecto, en castellano: «Abierta». */
     openLabel?: string;
+    /** Rótulo del estado atendido. Por defecto, en castellano: «Atendida». */
+    acknowledgedLabel?: string;
     /** Rótulo del estado resuelto. Por defecto, en castellano: «Resuelta». */
     resolvedLabel?: string;
     /** Marca de anotación editada. Por defecto, en castellano: «editada». */
@@ -50,12 +72,12 @@ export interface AnnotationThreadProps extends React.ComponentPropsWithoutRef<'a
 /**
  * Un hilo de anotaciones sobre algo: el comentario de revisión de una lección,
  * la nota sobre un segmento de traducción. Cada anotación lleva **autor, fecha
- * y sus propias acciones**, el hilo tiene **estado** (abierta o resuelta) y se
- * responde al pie.
+ * y sus propias acciones**, el hilo tiene **estado** (abierta, atendida o
+ * resuelta) y se responde al pie.
  *
  * No es `ConversationThread`: aquello es una conversación de usuario y
  * asistente, con burbujas, orden de emisor y desplazamiento automático. Aquí
  * todas las anotaciones son iguales, lo que importa es quién dijo qué y cuándo,
  * y si el asunto sigue abierto.
  */
-export declare function AnnotationThread({ annotation, replies, status, actions, reply, locale, dateFormat, openLabel, resolvedLabel, editedLabel, repliesLabel, label, className, ...rest }: AnnotationThreadProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnnotationThread({ annotation, replies, status, actions, reply, locale, dateFormat, openLabel, acknowledgedLabel, resolvedLabel, editedLabel, repliesLabel, label, className, ...rest }: AnnotationThreadProps): import("react/jsx-runtime").JSX.Element;

package/dist/_types/organisms/DataTable/DataTable.d.ts

@@ -94,7 +94,8 @@ export interface DataTableProps<TData, TValue> {
  * paginación (en cliente o en servidor) sobre el `Table` y el `Pagination` del
  * DS. El comportamiento lo aporta TanStack Table.
  *
- * Los textos accesibles llegan por props (el DS no habla de i18n): sin ellos
- * caen a los castellanos por defecto de `Table` y `Pagination`.
+ * Los textos accesibles llegan por props (el DS no habla de i18n): los de
+ * `Table` caen a sus castellanos por defecto, y los de `Pagination` —que ya no
+ * tiene ninguno— al `BrandMessagesProvider` que la aplicación monta en su raíz.
  */
 export declare function DataTable<TData, TValue>({ columns, data, ariaLabel, ariaLabelledBy, searchColumnId, search, searchPlaceholder, searchClearLabel, toolbar, footerActions, pageSize, emptyMessage, isLoading, pagination, headerLabels, paginationLabels, className, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;