@studiolxd/brand 39.0.0 → 40.1.0

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.css

@@ -1 +1 @@
-.annotation-thread{gap:var(--annotation-thread-gap);padding-block:var(--annotation-thread-padding-block);padding-inline:var(--annotation-thread-padding-inline);border:var(--annotation-thread-border-width) var(--annotation-thread-border-style) var(--annotation-thread-border-color);flex-direction:column;display:flex}.annotation-thread.annotation-thread--resolved{opacity:var(--annotation-thread-resolved-opacity)}.annotation-thread__status{display:flex}.annotation-thread__item{gap:var(--annotation-thread-item-gap);flex-direction:column;display:flex}.annotation-thread__header{align-items:center;gap:var(--annotation-thread-header-gap);flex-wrap:wrap;display:flex}.annotation-thread__avatar{flex-shrink:0;display:inline-flex}.annotation-thread__author{font-family:var(--annotation-thread-author-font-family);font-size:var(--annotation-thread-author-font-size);font-weight:var(--annotation-thread-author-font-weight);color:var(--annotation-thread-author-color)}.annotation-thread__date,.annotation-thread__edited{font-size:var(--annotation-thread-meta-font-size);color:var(--annotation-thread-meta-color)}.annotation-thread__body{font-size:var(--annotation-thread-body-font-size);line-height:var(--annotation-thread-body-line-height);color:var(--annotation-thread-body-color)}.annotation-thread__item-actions{gap:var(--annotation-thread-header-gap);flex-wrap:wrap;display:flex}.annotation-thread__replies{gap:var(--annotation-thread-items-gap);border-inline-start:var(--annotation-thread-reply-guide-width) var(--annotation-thread-reply-guide-style) var(--annotation-thread-reply-guide-color);flex-direction:column;padding-inline-start:var(--annotation-thread-reply-indent);display:flex}.annotation-thread__replies-label{font-size:var(--annotation-thread-replies-label-font-size);color:var(--annotation-thread-replies-label-color);margin-block:0}.annotation-thread__actions{gap:var(--annotation-thread-header-gap);flex-wrap:wrap;display:flex}
+.annotation-thread{gap:var(--annotation-thread-gap);padding-block:var(--annotation-thread-padding-block);padding-inline:var(--annotation-thread-padding-inline);border:var(--annotation-thread-border-width) var(--annotation-thread-border-style) var(--annotation-thread-border-color);flex-direction:column;display:flex}.annotation-thread.annotation-thread--acknowledged{opacity:var(--annotation-thread-acknowledged-opacity)}.annotation-thread.annotation-thread--resolved{opacity:var(--annotation-thread-resolved-opacity)}.annotation-thread__status{display:flex}.annotation-thread__item{gap:var(--annotation-thread-item-gap);flex-direction:column;display:flex}.annotation-thread__header{align-items:center;gap:var(--annotation-thread-header-gap);flex-wrap:wrap;display:flex}.annotation-thread__avatar{flex-shrink:0;display:inline-flex}.annotation-thread__author{font-family:var(--annotation-thread-author-font-family);font-size:var(--annotation-thread-author-font-size);font-weight:var(--annotation-thread-author-font-weight);color:var(--annotation-thread-author-color)}.annotation-thread__date,.annotation-thread__edited{font-size:var(--annotation-thread-meta-font-size);color:var(--annotation-thread-meta-color)}.annotation-thread__meta{align-items:center;gap:var(--annotation-thread-header-gap);overflow-wrap:anywhere;min-inline-size:0;font-size:var(--annotation-thread-meta-font-size);color:var(--annotation-thread-meta-color);flex-wrap:wrap;display:inline-flex}.annotation-thread__body{font-size:var(--annotation-thread-body-font-size);line-height:var(--annotation-thread-body-line-height);color:var(--annotation-thread-body-color)}.annotation-thread__item-actions{gap:var(--annotation-thread-header-gap);flex-wrap:wrap;display:flex}.annotation-thread__replies{gap:var(--annotation-thread-items-gap);border-inline-start:var(--annotation-thread-reply-guide-width) var(--annotation-thread-reply-guide-style) var(--annotation-thread-reply-guide-color);flex-direction:column;padding-inline-start:var(--annotation-thread-reply-indent);display:flex}.annotation-thread__replies-label{font-size:var(--annotation-thread-replies-label-font-size);color:var(--annotation-thread-replies-label-color);margin-block:0}.annotation-thread__actions{gap:var(--annotation-thread-header-gap);flex-wrap:wrap;display:flex}

package/dist/annotation-thread.js

@@ -1,15 +1,19 @@
 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 = {
+	open: "warning",
+	acknowledged: "info",
+	resolved: "success"
+}, i = {
 	day: "numeric",
 	month: "short",
 	hour: "2-digit",
 	minute: "2-digit"
 };
-function i({ entry: e, locale: r, dateFormat: i, editedLabel: a }) {
+function a({ entry: e, locale: r, dateFormat: i, editedLabel: a }) {
 	let o = e.date instanceof Date ? e.date : new Date(e.date), s = new Intl.DateTimeFormat(r, i).format(o);
 	return /* @__PURE__ */ n("article", {
 		className: "annotation-thread__item",
@@ -33,6 +37,10 @@ function i({ entry: e, locale: r, dateFormat: i, editedLabel: a }) {
 					e.edited && /* @__PURE__ */ t("span", {
 						className: "annotation-thread__edited",
 						children: a
+					}),
+					e.meta && /* @__PURE__ */ t("span", {
+						className: "annotation-thread__meta",
+						children: e.meta
 					})
 				]
 			}),
@@ -47,52 +55,55 @@ function i({ entry: e, locale: r, dateFormat: i, editedLabel: a }) {
 		]
 	});
 }
-function a({ annotation: a, replies: o = [], status: s = "open", actions: c, reply: l, locale: u = "es-ES", dateFormat: d = r, openLabel: f = "Abierta", resolvedLabel: p = "Resuelta", editedLabel: m = "editada", repliesLabel: h = (e) => e === 1 ? "1 respuesta" : `${e} respuestas`, label: g = "Hilo de anotaciones", className: _, ...v }) {
-	let y = s === "resolved";
+function o({ annotation: o, replies: s = [], status: c = "open", actions: l, reply: u, locale: d = "es-ES", dateFormat: f = i, openLabel: p = "Abierta", acknowledgedLabel: m = "Atendida", resolvedLabel: h = "Resuelta", editedLabel: g = "editada", repliesLabel: _ = (e) => e === 1 ? "1 respuesta" : `${e} respuestas`, label: v = "Hilo de anotaciones", className: y, ...b }) {
 	return /* @__PURE__ */ n("article", {
 		className: [
 			"annotation-thread",
-			y ? "annotation-thread--resolved" : "",
-			_ ?? ""
+			c === "open" ? "" : `annotation-thread--${c}`,
+			y ?? ""
 		].filter(Boolean).join(" "),
-		"aria-label": g,
-		...v,
+		"aria-label": v,
+		...b,
 		children: [
 			/* @__PURE__ */ t("div", {
 				className: "annotation-thread__status",
 				children: /* @__PURE__ */ t(e, {
-					variant: y ? "success" : "warning",
-					children: y ? p : f
+					variant: r[c],
+					children: {
+						open: p,
+						acknowledged: m,
+						resolved: h
+					}[c]
 				})
 			}),
-			/* @__PURE__ */ t(i, {
-				entry: a,
-				locale: u,
-				dateFormat: d,
-				editedLabel: m
+			/* @__PURE__ */ t(a, {
+				entry: o,
+				locale: d,
+				dateFormat: f,
+				editedLabel: g
 			}),
-			o.length > 0 && /* @__PURE__ */ n("div", {
+			s.length > 0 && /* @__PURE__ */ n("div", {
 				className: "annotation-thread__replies",
 				children: [/* @__PURE__ */ t("p", {
 					className: "annotation-thread__replies-label",
-					children: h(o.length)
-				}), o.map((e) => /* @__PURE__ */ t(i, {
+					children: _(s.length)
+				}), s.map((e) => /* @__PURE__ */ t(a, {
 					entry: e,
-					locale: u,
-					dateFormat: d,
-					editedLabel: m
+					locale: d,
+					dateFormat: f,
+					editedLabel: g
 				}, e.id))]
 			}),
-			l && /* @__PURE__ */ t("div", {
+			u && /* @__PURE__ */ t("div", {
 				className: "annotation-thread__reply",
-				children: l
+				children: u
 			}),
-			c && /* @__PURE__ */ t("footer", {
+			l && /* @__PURE__ */ t("footer", {
 				className: "annotation-thread__actions",
-				children: c
+				children: l
 			})
 		]
 	});
 }
 //#endregion
-export { a as AnnotationThread };
+export { o as AnnotationThread };

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