@studiolxd/brand 38.17.0 → 40.0.0

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/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;

package/dist/accordion.js

@@ -1,13 +1,13 @@
 'use client';
 import './accordion.css';
 import { Icon as e } from "./icon.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Children as r, createContext as i, useContext as a } from "react";
+import { Children as t, createContext as n, useContext as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Accordion as o } from "@base-ui/react/accordion";
 //#region src/stories/atoms/Accordion/AccordionContext.ts
-var s = i(null);
+var s = n(null);
 function c() {
-	return a(s);
+	return r(s);
 }
 //#endregion
 //#region src/stories/atoms/Accordion/Accordion.tsx
@@ -15,10 +15,10 @@ var l = (e) => String(e).padStart(2, "0");
 function u(e) {
 	if (e !== void 0) return Array.isArray(e) ? e : e === "" ? [] : [e];
 }
-function d({ className: e, children: n, id: i, disabled: a, numbered: c = !1, formatIndex: d = l, ...f }) {
+function d({ className: e, children: n, id: r, disabled: a, numbered: c = !1, formatIndex: d = l, ...f }) {
 	let p = f.type === "multiple", m = f.type === "single" ? f.collapsible ?? !0 : !0, h = f.value;
-	return /* @__PURE__ */ t(o.Root, {
-		id: i,
+	return /* @__PURE__ */ i(o.Root, {
+		id: r,
 		disabled: a,
 		multiple: p,
 		value: u(h),
@@ -36,52 +36,52 @@ function d({ className: e, children: n, id: i, disabled: a, numbered: c = !1, fo
 			c ? "accordion--numbered" : "",
 			e
 		].filter(Boolean).join(" "),
-		children: c ? r.map(n, (e, n) => /* @__PURE__ */ t(s.Provider, {
+		children: c ? t.map(n, (e, t) => /* @__PURE__ */ i(s.Provider, {
 			value: {
-				index: n + 1,
+				index: t + 1,
 				formatIndex: d
 			},
 			children: e
 		})) : n
 	});
 }
-function f({ className: e, children: n, ...r }) {
-	return /* @__PURE__ */ t(o.Item, {
+function f({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ i(o.Item, {
 		className: ["accordion__item", e].filter(Boolean).join(" "),
-		...r,
-		children: n
+		...n,
+		children: t
 	});
 }
-function p({ className: r, chevronSize: i = "sm", children: a }) {
+function p({ className: t, chevronSize: n = "sm", children: r }) {
 	let s = c();
-	return /* @__PURE__ */ t(o.Header, {
+	return /* @__PURE__ */ i(o.Header, {
 		className: "accordion__header",
-		children: /* @__PURE__ */ n(o.Trigger, {
-			className: ["accordion__trigger", r].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ a(o.Trigger, {
+			className: ["accordion__trigger", t].filter(Boolean).join(" "),
 			children: [
-				s && /* @__PURE__ */ t("span", {
+				s && /* @__PURE__ */ i("span", {
 					className: "accordion__index",
 					children: s.formatIndex(s.index)
 				}),
-				/* @__PURE__ */ t("span", {
+				/* @__PURE__ */ i("span", {
 					className: "accordion__trigger-text",
-					children: a
+					children: r
 				}),
-				/* @__PURE__ */ t(e, {
+				/* @__PURE__ */ i(e, {
 					name: "chevron",
 					className: "accordion__chevron",
-					size: i
+					size: n
 				})
 			]
 		})
 	});
 }
-function m({ className: e, children: n }) {
-	return /* @__PURE__ */ t(o.Panel, {
+function m({ className: e, children: t }) {
+	return /* @__PURE__ */ i(o.Panel, {
 		className: ["accordion__content", e].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ t("div", {
+		children: /* @__PURE__ */ i("div", {
 			className: "accordion__content-inner",
-			children: n
+			children: t
 		})
 	});
 }

package/dist/alert.js

@@ -1,45 +1,45 @@
 'use client';
 import './alert.css';
 import { CloseButton as e } from "./close-button.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as r, useState as i } from "react";
+import { forwardRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/Alert/Alert.tsx
 var a = {
 	default: "status",
 	success: "status",
 	error: "alert",
 	warning: "alert"
-}, o = r(function({ className: e, children: n, ...r }, i) {
-	return /* @__PURE__ */ t("p", {
+}, o = t(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ r("p", {
 		ref: i,
 		className: ["alert__title", e ?? ""].filter(Boolean).join(" "),
-		...r,
-		children: n
+		...n,
+		children: t
 	});
-}), s = r(function({ className: e, children: n, ...r }, i) {
-	return /* @__PURE__ */ t("div", {
+}), s = t(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: ["alert__description", e ?? ""].filter(Boolean).join(" "),
-		...r,
-		children: n
+		...n,
+		children: t
 	});
-}), c = r(function({ className: e, children: n, ...r }, i) {
-	return /* @__PURE__ */ t("div", {
+}), c = t(function({ className: e, children: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: ["alert__actions", e ?? ""].filter(Boolean).join(" "),
-		...r,
-		children: n
+		...n,
+		children: t
 	});
-}), l = r(function({ variant: r = "default", title: o, description: s, actions: c, dismissible: l = !1, onDismiss: u, finalFocus: d, closeLabel: f = "Cerrar", className: p, children: m, role: h, ...g }, _) {
-	let [v, y] = i(!1);
+}), l = t(function({ variant: t = "default", title: o, description: s, actions: c, dismissible: l = !1, onDismiss: u, finalFocus: d, closeLabel: f = "Cerrar", className: p, children: m, role: h, ...g }, _) {
+	let [v, y] = n(!1);
 	if (v) return null;
 	let b = [
 		"alert",
-		r === "default" ? "" : `alert--${r}`,
-		r === "success" || r === "error" ? "surface-dark" : "",
+		t === "default" ? "" : `alert--${t}`,
+		t === "success" || t === "error" ? "surface-dark" : "",
 		l ? "alert--dismissible" : "",
 		p ?? ""
-	].filter(Boolean).join(" "), x = r === "default" ? " surface-invert" : "";
+	].filter(Boolean).join(" "), x = t === "default" ? " surface-invert" : "";
 	function S() {
 		if (typeof document > "u") return;
 		let e = d?.current;
@@ -53,29 +53,29 @@ var a = {
 	function C() {
 		S(), u ? u() : y(!0);
 	}
-	return /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ i("div", {
 		ref: _,
-		role: h ?? a[r],
+		role: h ?? a[t],
 		className: b,
 		...g,
-		children: [/* @__PURE__ */ n("div", {
+		children: [/* @__PURE__ */ i("div", {
 			className: `alert__content${x}`,
 			children: [
-				o && /* @__PURE__ */ t("p", {
+				o && /* @__PURE__ */ r("p", {
 					className: "alert__title",
 					children: o
 				}),
-				s && /* @__PURE__ */ t("div", {
+				s && /* @__PURE__ */ r("div", {
 					className: "alert__description",
 					children: s
 				}),
 				m,
-				c && /* @__PURE__ */ t("div", {
+				c && /* @__PURE__ */ r("div", {
 					className: "alert__actions",
 					children: c
 				})
 			]
-		}), l && /* @__PURE__ */ t(e, {
+		}), l && /* @__PURE__ */ r(e, {
 			className: `alert__close${x}`,
 			label: f,
 			onClick: C

package/dist/annotation-thread.js

@@ -1,7 +1,7 @@
 import './annotation-thread.css';
 import { Tag as e } from "./tag.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/stories/organisms/AnnotationThread/AnnotationThread.tsx
 var r = {
 	day: "numeric",

package/dist/app-header.js

@@ -2,15 +2,15 @@
 import './app-header.css';
 import { MenuButton as e } from "./menu-button.js";
 import { t } from "./_shared/appshellcontext.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useContext as i, useState as a } from "react";
+import { useContext as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/stories/sections/AppHeader/AppHeader.tsx
 function o({ start: o, notifications: s, end: c, menuLabel: l = "Menú de navegación", menuCloseLabel: u, sidebarId: d }) {
-	let f = i(t), [p, m] = a(!1), h = f ? f.sidebar === "open" : p;
-	return /* @__PURE__ */ r("header", {
+	let f = n(t), [p, m] = r(!1), h = f ? f.sidebar === "open" : p;
+	return /* @__PURE__ */ a("header", {
 		className: "app-header",
 		children: [
-			/* @__PURE__ */ n(e, {
+			/* @__PURE__ */ i(e, {
 				isOpen: h,
 				onClick: f ? f.toggleSidebar : () => m((e) => !e),
 				label: l,
@@ -18,15 +18,15 @@ function o({ start: o, notifications: s, end: c, menuLabel: l = "Menú de navega
 				"aria-controls": d,
 				"aria-expanded": h
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ i("div", {
 				className: "app-header__start",
 				children: o
 			}),
-			s && /* @__PURE__ */ n("div", {
+			s && /* @__PURE__ */ i("div", {
 				className: "app-header__notifications",
 				children: s
 			}),
-			c && /* @__PURE__ */ n("div", {
+			c && /* @__PURE__ */ i("div", {
 				className: "app-header__end",
 				children: c
 			})

package/dist/app-launcher.js

@@ -3,19 +3,19 @@ import './app-launcher.css';
 import { Icon as e } from "./icon.js";
 import { Tag as t } from "./tag.js";
 import { Modal as n } from "./modal.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useState as o } from "react";
+import { useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Popover as s } from "@base-ui/react/popover";
 //#region src/stories/molecules/AppLauncher/AppLauncher.tsx
 function c({ app: e, isCurrent: n, newLabel: r }) {
-	return /* @__PURE__ */ a("a", {
+	return /* @__PURE__ */ o("a", {
 		href: e.url,
 		className: `app-launcher__tile${n ? " app-launcher__tile--active" : ""}`,
 		"aria-current": n ? "page" : void 0,
-		children: [/* @__PURE__ */ i("span", {
+		children: [/* @__PURE__ */ a("span", {
 			className: "app-launcher__tile-name",
 			children: e.name
-		}), e.isNew && /* @__PURE__ */ i(t, {
+		}), e.isNew && /* @__PURE__ */ a(t, {
 			variant: "info",
 			className: "app-launcher__tile-badge",
 			children: r
@@ -23,46 +23,46 @@ function c({ app: e, isCurrent: n, newLabel: r }) {
 	});
 }
 function l({ apps: e, currentAppId: t, newLabel: n }) {
-	return /* @__PURE__ */ i("ul", {
+	return /* @__PURE__ */ a("ul", {
 		className: "app-launcher__grid",
 		role: "list",
-		children: e.map((e) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(c, {
+		children: e.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(c, {
 			app: e,
 			isCurrent: e.id === t,
 			newLabel: n
 		}) }, e.id))
 	});
 }
-function u({ apps: t, labels: n, currentAppId: r, open: o, defaultOpen: c, onOpenChange: u }) {
-	return /* @__PURE__ */ a(s.Root, {
-		open: o,
+function u({ apps: t, labels: n, currentAppId: r, open: i, defaultOpen: c, onOpenChange: u }) {
+	return /* @__PURE__ */ o(s.Root, {
+		open: i,
 		defaultOpen: c,
 		onOpenChange: (e) => u?.(e),
-		children: [/* @__PURE__ */ i(s.Trigger, { render: n.trigger ? /* @__PURE__ */ a("button", {
+		children: [/* @__PURE__ */ a(s.Trigger, { render: n.trigger ? /* @__PURE__ */ o("button", {
 			type: "button",
 			className: "app-launcher__trigger app-launcher__trigger--label",
-			children: [/* @__PURE__ */ i(e, {
+			children: [/* @__PURE__ */ a(e, {
 				name: "grid",
 				size: "md"
-			}), /* @__PURE__ */ i("span", {
+			}), /* @__PURE__ */ a("span", {
 				className: "app-launcher__trigger-label",
 				children: n.trigger
 			})]
-		}) : /* @__PURE__ */ i("button", {
+		}) : /* @__PURE__ */ a("button", {
 			type: "button",
 			className: "app-launcher__trigger",
 			"aria-label": n.open,
-			children: /* @__PURE__ */ i(e, {
+			children: /* @__PURE__ */ a(e, {
 				name: "grid",
 				size: "md"
 			})
-		}) }), /* @__PURE__ */ i(s.Portal, { children: /* @__PURE__ */ i(s.Positioner, {
+		}) }), /* @__PURE__ */ a(s.Portal, { children: /* @__PURE__ */ a(s.Positioner, {
 			className: "app-launcher__positioner",
 			sideOffset: 4,
 			align: "end",
-			children: /* @__PURE__ */ i(s.Popup, {
+			children: /* @__PURE__ */ a(s.Popup, {
 				className: "app-launcher__content",
-				children: /* @__PURE__ */ i(l, {
+				children: /* @__PURE__ */ a(l, {
 					apps: t,
 					currentAppId: r,
 					newLabel: n.new
@@ -72,48 +72,48 @@ function u({ apps: t, labels: n, currentAppId: r, open: o, defaultOpen: c, onOpe
 	});
 }
 function d(e, t, n) {
-	let [r, i] = o(t ?? !1);
-	return [e ?? r, (t) => {
-		e === void 0 && i(t), n?.(t);
+	let [i, a] = r(t ?? !1);
+	return [e ?? i, (t) => {
+		e === void 0 && a(t), n?.(t);
 	}];
 }
-function f({ apps: t, labels: o, currentAppId: s, open: c, defaultOpen: u, onOpenChange: f }) {
+function f({ apps: t, labels: r, currentAppId: s, open: c, defaultOpen: u, onOpenChange: f }) {
 	let [p, m] = d(c, u, f);
-	return /* @__PURE__ */ a(r, { children: [o.trigger ? /* @__PURE__ */ a("button", {
+	return /* @__PURE__ */ o(i, { children: [r.trigger ? /* @__PURE__ */ o("button", {
 		type: "button",
 		className: "app-launcher__trigger app-launcher__trigger--label",
 		"aria-haspopup": "dialog",
 		onClick: () => m(!0),
-		children: [/* @__PURE__ */ i(e, {
+		children: [/* @__PURE__ */ a(e, {
 			name: "grid",
 			size: "md"
-		}), /* @__PURE__ */ i("span", {
+		}), /* @__PURE__ */ a("span", {
 			className: "app-launcher__trigger-label",
-			children: o.trigger
+			children: r.trigger
 		})]
-	}) : /* @__PURE__ */ i("button", {
+	}) : /* @__PURE__ */ a("button", {
 		type: "button",
 		className: "app-launcher__trigger",
-		"aria-label": o.open,
+		"aria-label": r.open,
 		"aria-haspopup": "dialog",
 		onClick: () => m(!0),
-		children: /* @__PURE__ */ i(e, {
+		children: /* @__PURE__ */ a(e, {
 			name: "grid",
 			size: "md"
 		})
-	}), /* @__PURE__ */ i(n, {
+	}), /* @__PURE__ */ a(n, {
 		open: p,
 		onClose: () => m(!1),
-		title: o.title ?? "Aplicaciones",
-		children: /* @__PURE__ */ i(l, {
+		title: r.title ?? "Aplicaciones",
+		children: /* @__PURE__ */ a(l, {
 			apps: t,
 			currentAppId: s,
-			newLabel: o.new
+			newLabel: r.new
 		})
 	})] });
 }
 function p({ presentation: e = "modal", ...t }) {
-	return i(e === "popover" ? u : f, { ...t });
+	return a(e === "popover" ? u : f, { ...t });
 }
 //#endregion
 export { p as AppLauncher };

package/dist/app-shell.js

@@ -4,24 +4,24 @@ import { SkipLink as e } from "./skip-link.js";
 import { TooltipProvider as t } from "./tooltip.js";
 import { t as n } from "./_shared/css-properties.js";
 import { n as r, t as i } from "./_shared/appshellcontext.js";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/stories/sections/AppShell/AppShell.tsx
 var d = "(min-width: 1024px)";
 function f() {
-	let [e, t] = u(() => typeof window > "u" ? !0 : window.matchMedia(d).matches);
-	return c(() => {
+	let [e, t] = c(() => typeof window > "u" ? !0 : window.matchMedia(d).matches);
+	return o(() => {
 		let e = window.matchMedia(d), n = () => t(e.matches);
 		return n(), e.addEventListener("change", n), () => e.removeEventListener("change", n);
 	}, []), e;
 }
 function p({ header: r, sidebar: d, children: p, defaultSidebar: m = "open", sidebarState: h, onSidebarChange: g, defaultSidebarWidth: _, onSidebarWidthChange: v, skipLabel: y = "Saltar al contenido principal" }) {
-	let b = f(), [x, S] = u(m), [C, w] = u(!1), [T, E] = u(_), D = b ? h ?? x : C ? "open" : "closed", O = s((e) => {
+	let b = f(), [x, S] = c(m), [C, w] = c(!1), [T, E] = c(_), D = b ? h ?? x : C ? "open" : "closed", O = a((e) => {
 		b ? (S(e), g?.(e)) : w(e === "open");
-	}, [b, g]), k = s(() => O(D === "open" ? "closed" : "open"), [O, D]), A = s(() => O("closed"), [O]), j = s((e) => {
+	}, [b, g]), k = a(() => O(D === "open" ? "closed" : "open"), [O, D]), A = a(() => O("closed"), [O]), j = a((e) => {
 		E(e), v?.(e);
 	}, [v]);
-	c(() => {
+	o(() => {
 		if (b || !C) return;
 		let e = (e) => {
 			e.key === "Escape" && w(!1);
@@ -32,7 +32,7 @@ function p({ header: r, sidebar: d, children: p, defaultSidebar: m = "open", sid
 			document.removeEventListener("keydown", e), document.body.style.overflow = t;
 		};
 	}, [b, C]);
-	let M = l(() => ({
+	let M = s(() => ({
 		sidebar: D,
 		setSidebar: O,
 		sidebarWidth: T ?? 0,
@@ -49,25 +49,25 @@ function p({ header: r, sidebar: d, children: p, defaultSidebar: m = "open", sid
 		A,
 		b
 	]), N = n({ "--app-shell-sidebar-width": T ? `${T}px` : void 0 }), P = !b && C;
-	return /* @__PURE__ */ a(i.Provider, {
+	return /* @__PURE__ */ l(i.Provider, {
 		value: M,
-		children: /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(e, {
+		children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(e, {
 			href: "#main-content",
 			children: y
-		}), /* @__PURE__ */ o("div", {
+		}), /* @__PURE__ */ u("div", {
 			ref: N,
 			className: "app-shell",
 			"data-sidebar": D,
-			children: [r, /* @__PURE__ */ o("div", {
+			children: [r, /* @__PURE__ */ u("div", {
 				className: "app-shell__body",
 				children: [
 					d,
-					P && /* @__PURE__ */ a("div", {
+					P && /* @__PURE__ */ l("div", {
 						className: "app-shell__backdrop",
 						onClick: A,
 						"aria-hidden": "true"
 					}),
-					/* @__PURE__ */ a("main", {
+					/* @__PURE__ */ l("main", {
 						id: "main-content",
 						tabIndex: -1,
 						className: "app-shell__content",

package/dist/assistant-message.js

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