@studiolxd/brand 50.0.0 → 51.0.1

package/dist/_types/sections/SiteHeader/SiteHeader.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
 import { type ContainerWidth } from '../../atoms/Container/Container';
-import { type LogoSize } from '../../atoms/Logo/Logo';
+import { type LogoSize, type LogoSizeDeprecated } from '../../atoms/Logo/Logo';
 import './SiteHeader.css';
 export type SiteHeaderLogoLinkProps = {
     href: string;
@@ -28,8 +28,8 @@ export interface SiteHeaderProps {
     menuCloseLabel?: string;
     /** La marca. Por defecto el `Logo` de Studio LXD a `logoSize`; un producto de la suite pone la suya. */
     logo?: ReactNode;
-    /** Talla del logotipo por defecto. `xxl` (85px): la cabecera es el sitio de la marca. */
-    logoSize?: LogoSize;
+    /** Talla del logotipo por defecto. `2xl` (85px): la cabecera es el sitio de la marca. `xxl` es el alias obsoleto de `2xl` (se retira en la v52). */
+    logoSize?: LogoSize | LogoSizeDeprecated;
     /** Talla del botón de menú. `lg` (48px) acompaña al logotipo grande. */
     menuButtonSize?: 'sm' | 'md' | 'lg';
     /**

package/dist/accordion.css

@@ -1 +1 @@
-.accordion{inline-size:100%}.accordion__item{border-block-start:var(--accordion-border-width) solid var(--accordion-border-color)}.accordion__header{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin-block:0}.accordion__trigger{all:unset;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--accordion-trigger-gap);inline-size:100%;padding-block:var(--accordion-trigger-padding-block);padding-inline:var(--accordion-trigger-padding-inline);cursor:var(--accordion-trigger-cursor);text-align:start;display:flex}.accordion__trigger:focus-visible{outline:var(--accordion-focus-ring-width) solid var(--accordion-focus-ring-color);outline-offset:var(--accordion-focus-ring-offset)}.accordion__trigger[data-disabled]{cursor:default}.accordion__trigger-text{flex:1;min-inline-size:0}.accordion__index{min-inline-size:var(--accordion-index-min-inline-size);font-family:var(--accordion-index-font-family);font-size:var(--accordion-index-font-size);color:var(--accordion-index-color);flex-shrink:0}.accordion--numbered .accordion__content-inner{padding-inline-start:calc(var(--accordion-index-min-inline-size) + var(--accordion-trigger-gap))}.accordion__chevron{transition:transform var(--accordion-transition-duration) var(--accordion-transition-easing);flex-shrink:0;transform:rotate(90deg)}.accordion__trigger[data-panel-open] .accordion__chevron{transform:rotate(-90deg)}.accordion__content{overflow:hidden}.accordion__content[data-open]{animation:accordion-open var(--accordion-transition-duration) var(--accordion-transition-easing)}.accordion__content[data-closed]{animation:accordion-close var(--accordion-transition-duration) var(--accordion-transition-easing)}@keyframes accordion-open{0%{height:0}to{height:var(--collapsible-panel-height)}}@keyframes accordion-close{0%{height:var(--collapsible-panel-height)}to{height:0}}.accordion__content-inner{padding-block-end:var(--accordion-content-padding-block);padding-inline:var(--accordion-content-padding-inline)}
+.accordion{inline-size:100%}.accordion__item{border-block-start:var(--accordion-border-width) solid var(--accordion-border-color)}.accordion__header{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin-block:0}.accordion__trigger{all:unset;box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--accordion-trigger-gap);inline-size:100%;padding-block:var(--accordion-trigger-padding-block);padding-inline:var(--accordion-trigger-padding-inline);cursor:var(--accordion-trigger-cursor);text-align:start;display:flex}.accordion__trigger:focus-visible{outline:var(--accordion-focus-ring-width) solid var(--accordion-focus-ring-color);outline-offset:var(--accordion-focus-ring-offset)}.accordion__trigger[data-disabled]{cursor:default}.accordion__trigger-text{flex:1;min-inline-size:0}.accordion__index{min-inline-size:var(--accordion-index-min-width);font-family:var(--accordion-index-font-family);font-size:var(--accordion-index-font-size);color:var(--accordion-index-color);flex-shrink:0}.accordion--numbered .accordion__content-inner{padding-inline-start:calc(var(--accordion-index-min-width) + var(--accordion-trigger-gap))}.accordion__chevron{transition:transform var(--accordion-transition-duration) var(--accordion-transition-easing);flex-shrink:0;transform:rotate(90deg)}.accordion__trigger[data-panel-open] .accordion__chevron{transform:rotate(-90deg)}.accordion__content{overflow:hidden}.accordion__content[data-open]{animation:accordion-open var(--accordion-transition-duration) var(--accordion-transition-easing)}.accordion__content[data-closed]{animation:accordion-close var(--accordion-transition-duration) var(--accordion-transition-easing)}@keyframes accordion-open{0%{height:0}to{height:var(--collapsible-panel-height)}}@keyframes accordion-close{0%{height:var(--collapsible-panel-height)}to{height:0}}.accordion__content-inner{padding-block-end:var(--accordion-content-padding-block);padding-inline:var(--accordion-content-padding-inline)}

package/dist/alert.css

@@ -1 +1 @@
-:root{--alert-padding-block:var(--spacing-4);--alert-padding-inline:var(--spacing-5);--alert-gap:var(--spacing-3);--alert-content-gap:var(--spacing-2);--alert-actions-margin-block-start:var(--spacing-3);--alert-title-line-height:var(--line-height-snug);--alert-close-size:var(--size-component-sm);--alert-close-inset:var(--spacing-2);--alert-border-radius:var(--border-radius-default);--alert-border-width:var(--border-width-default);--alert-actions-gap:var(--form-actions-gap);--alert-bg:var(--color-primary);--alert-border-color:var(--color-text-on-dark);--alert-title-font-size:var(--text-font-size);--alert-title-font-weight:var(--font-weight-emphasis);--alert-title-color:var(--color-text-on-dark);--alert-description-font-size:var(--text-font-size);--alert-description-line-height:var(--text-line-height);--alert-description-color:var(--color-text-on-dark);--alert-success-bg:var(--color-success-fill);--alert-success-border-color:var(--color-success-fill);--alert-success-title-color:var(--color-success-fill-text);--alert-success-description-color:var(--color-success-fill-text);--alert-error-bg:var(--color-error-fill);--alert-error-border-color:var(--color-error-fill);--alert-error-title-color:var(--color-error-fill-text);--alert-error-description-color:var(--color-error-fill-text);--alert-warning-bg:var(--color-warning-fill);--alert-warning-border-color:var(--color-warning-fill);--alert-warning-title-color:var(--color-warning-fill-text);--alert-warning-description-color:var(--color-warning-fill-text);--alert-warning-close-color:var(--color-warning-fill-text)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--alert-bg:var(--color-text-on-dark);--alert-border-color:var(--color-text-on-dark);--alert-title-color:var(--color-primary);--alert-description-color:var(--color-primary)}.alert{background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);align-items:flex-start;gap:var(--alert-gap);box-sizing:border-box;--alert-title-ink:var(--alert-title-color);--alert-description-ink:var(--alert-description-color);display:flex;position:relative}.alert.alert--dismissible{padding-inline-end:calc(var(--alert-close-inset) * 2 + var(--alert-close-size))}.alert__content{flex:1;min-inline-size:0}.alert__title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);color:var(--alert-title-ink);line-height:var(--alert-title-line-height);margin:0}.alert__description{font-size:var(--alert-description-font-size);color:var(--alert-description-ink);line-height:var(--alert-description-line-height);margin:0;align-items:start;gap:var(--alert-content-gap);flex-direction:column;margin-block-start:var(--alert-content-gap);display:flex}.alert__actions{align-items:stretch;gap:var(--alert-actions-gap);flex-direction:column;margin-block-start:var(--alert-actions-margin-block-start);display:flex}.alert__actions>*{inline-size:100%}@media (width>=768px){.alert__actions{flex-flow:wrap;align-items:center}.alert__actions>*{inline-size:auto}}.alert .link,.alert a:not(.button){color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.alert .link:hover,.alert a:not(.button):hover{color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.alert .link:focus-visible,.alert a:not(.button):focus-visible{outline-color:var(--alert-description-ink)}.alert .alert__close{--close-button-size:var(--alert-close-size);position:absolute;inset-block-start:var(--alert-close-inset);inset-inline-end:var(--alert-close-inset)}.alert.alert--success{--alert-bg:var(--alert-success-bg);--alert-border-color:var(--alert-success-border-color);--alert-title-color:var(--alert-success-title-color);--alert-description-color:var(--alert-success-description-color)}.alert.alert--error{--alert-bg:var(--alert-error-bg);--alert-border-color:var(--alert-error-border-color);--alert-title-color:var(--alert-error-title-color);--alert-description-color:var(--alert-error-description-color)}.alert.alert--warning{--alert-bg:var(--alert-warning-bg);--alert-border-color:var(--alert-warning-border-color);--alert-title-color:var(--alert-warning-title-color);--alert-description-color:var(--alert-warning-description-color);--close-button-color:var(--alert-warning-close-color);--close-button-focus-ring-color:var(--alert-warning-close-color)}
+:root{--alert-padding-block:var(--spacing-4);--alert-padding-inline:var(--spacing-5);--alert-gap:var(--spacing-3);--alert-content-gap:var(--spacing-2);--alert-actions-margin-block-start:var(--spacing-3);--alert-title-line-height:var(--line-height-snug);--alert-close-size:var(--size-component-sm);--alert-close-inset:var(--spacing-2);--alert-border-radius:var(--border-radius-default);--alert-border-width:var(--border-width-default);--alert-actions-gap:var(--form-actions-gap);--alert-bg:var(--color-primary);--alert-border-color:var(--color-text-on-dark);--alert-title-font-size:var(--text-font-size);--alert-title-font-weight:var(--font-weight-emphasis);--alert-title-color:var(--color-text-on-dark);--alert-description-font-size:var(--text-font-size);--alert-description-line-height:var(--text-line-height);--alert-description-color:var(--color-text-on-dark);--alert-success-bg:var(--color-success-fill);--alert-success-border-color:var(--color-success-fill);--alert-success-title-color:var(--color-success-fill-text);--alert-success-description-color:var(--color-success-fill-text);--alert-error-bg:var(--color-error-fill);--alert-error-border-color:var(--color-error-fill);--alert-error-title-color:var(--color-error-fill-text);--alert-error-description-color:var(--color-error-fill-text);--alert-warning-bg:var(--color-warning-fill);--alert-warning-border-color:var(--color-warning-fill);--alert-title-letter-spacing:var(--text-h2-letter-spacing);--alert-warning-title-color:var(--color-warning-fill-text);--alert-warning-description-color:var(--color-warning-fill-text);--alert-warning-close-color:var(--color-warning-fill-text)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--alert-bg:var(--color-text-on-dark);--alert-border-color:var(--color-text-on-dark);--alert-title-color:var(--color-primary);--alert-description-color:var(--color-primary)}.alert{background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);align-items:flex-start;gap:var(--alert-gap);box-sizing:border-box;--alert-title-ink:var(--alert-title-color);--alert-description-ink:var(--alert-description-color);display:flex;position:relative}.alert.alert--dismissible{padding-inline-end:calc(var(--alert-close-inset) * 2 + var(--alert-close-size))}.alert__content{flex:1;min-inline-size:0}.alert__title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);color:var(--alert-title-ink);line-height:var(--alert-title-line-height);letter-spacing:var(--alert-title-letter-spacing);margin:0}.alert__description{font-size:var(--alert-description-font-size);color:var(--alert-description-ink);line-height:var(--alert-description-line-height);margin:0;align-items:start;gap:var(--alert-content-gap);flex-direction:column;margin-block-start:var(--alert-content-gap);display:flex}.alert__actions{align-items:stretch;gap:var(--alert-actions-gap);flex-direction:column;margin-block-start:var(--alert-actions-margin-block-start);display:flex}.alert__actions>*{inline-size:100%}@media (width>=768px){.alert__actions{flex-flow:wrap;align-items:center}.alert__actions>*{inline-size:auto}}.alert .link,.alert a:not(.button){color:var(--alert-description-ink);-webkit-text-decoration-line:var(--link-ink-decoration-line);text-decoration-line:var(--link-ink-decoration-line);text-decoration-thickness:var(--link-ink-underline-width);text-underline-offset:calc(var(--link-underline-offset) - var(--link-ink-underline-width))}.alert .link:hover,.alert a:not(.button):hover{color:var(--alert-description-ink);-webkit-text-decoration-line:var(--link-ink-hover-decoration-line);text-decoration-line:var(--link-ink-hover-decoration-line);text-decoration-thickness:var(--link-ink-hover-underline-width);text-underline-offset:calc(var(--link-underline-offset) - var(--link-ink-hover-underline-width))}.alert .link:focus-visible,.alert a:not(.button):focus-visible{outline-color:var(--alert-description-ink)}.alert .alert__close{--close-button-size:var(--alert-close-size);position:absolute;inset-block-start:var(--alert-close-inset);inset-inline-end:var(--alert-close-inset)}.alert.alert--success{--alert-bg:var(--alert-success-bg);--alert-border-color:var(--alert-success-border-color);--alert-title-color:var(--alert-success-title-color);--alert-description-color:var(--alert-success-description-color)}.alert.alert--error{--alert-bg:var(--alert-error-bg);--alert-border-color:var(--alert-error-border-color);--alert-title-color:var(--alert-error-title-color);--alert-description-color:var(--alert-error-description-color)}.alert.alert--warning{--alert-bg:var(--alert-warning-bg);--alert-border-color:var(--alert-warning-border-color);--alert-title-color:var(--alert-warning-title-color);--alert-description-color:var(--alert-warning-description-color);--close-button-color:var(--alert-warning-close-color);--close-button-focus-ring-color:var(--alert-warning-close-color)}

package/dist/alert.js

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

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--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{align-items:stretch;gap:var(--annotation-thread-actions-gap);flex-direction:column;display:flex}.annotation-thread__actions>*{inline-size:100%}
+.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__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{align-items:stretch;gap:var(--annotation-thread-actions-gap);flex-direction:column;display:flex}.annotation-thread__actions>*{inline-size:100%}

package/dist/annotation-thread.js

@@ -1,21 +1,28 @@
 'use client';
 import './annotation-thread.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Tag as t } from "./tag.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/stories/organisms/AnnotationThread/AnnotationThread.tsx
+//#region src/stories/messages/es/annotationThread.ts
 var i = {
+	label: "Hilo de anotaciones",
+	open: "Abierta",
+	acknowledged: "Atendida",
+	resolved: "Resuelta",
+	edited: "editada",
+	replies: (e) => e === 1 ? "1 respuesta" : `${e} respuestas`
+}, a = {
 	open: "warning",
 	acknowledged: "info",
 	resolved: "success"
-}, a = {
+}, o = {
 	day: "numeric",
 	month: "short",
 	hour: "2-digit",
 	minute: "2-digit"
 };
-function o({ entry: e, locale: t, dateFormat: i, editedLabel: a }) {
+function s({ entry: e, locale: t, dateFormat: i, editedLabel: a }) {
 	let o = e.date instanceof Date ? e.date : new Date(e.date), s = new Intl.DateTimeFormat(t, i).format(o);
 	return /* @__PURE__ */ r("article", {
 		className: "annotation-thread__item",
@@ -57,56 +64,56 @@ function o({ entry: e, locale: t, dateFormat: i, editedLabel: a }) {
 		]
 	});
 }
-function s({ annotation: s, replies: c = [], status: l = "open", actions: u, reply: d, locale: f = "es-ES", dateFormat: p = a, openLabel: m, acknowledgedLabel: h, resolvedLabel: g, editedLabel: _, repliesLabel: v, label: y, className: b, ...x }) {
-	let S = e("annotationThread");
+function c({ annotation: c, replies: l = [], status: u = "open", actions: d, reply: f, locale: p = "es-ES", dateFormat: m = o, openLabel: h, acknowledgedLabel: g, resolvedLabel: _, editedLabel: v, repliesLabel: y, label: b, className: x, ...S }) {
+	let C = e("annotationThread", i);
 	return /* @__PURE__ */ r("article", {
 		className: [
 			"annotation-thread",
-			l === "open" ? "" : `annotation-thread--${l}`,
-			b ?? ""
+			u === "open" ? "" : `annotation-thread--${u}`,
+			x ?? ""
 		].filter(Boolean).join(" "),
-		"aria-label": S("label", y),
-		...x,
+		"aria-label": C("label", b),
+		...S,
 		children: [
 			/* @__PURE__ */ n("div", {
 				className: "annotation-thread__status",
 				children: /* @__PURE__ */ n(t, {
-					variant: i[l],
+					tone: a[u],
 					children: {
-						open: () => S("open", m),
-						acknowledged: () => S("acknowledged", h),
-						resolved: () => S("resolved", g)
-					}[l]()
+						open: () => C("open", h),
+						acknowledged: () => C("acknowledged", g),
+						resolved: () => C("resolved", _)
+					}[u]()
 				})
 			}),
-			/* @__PURE__ */ n(o, {
-				entry: s,
-				locale: f,
-				dateFormat: p,
-				editedLabel: () => S("edited", _)
+			/* @__PURE__ */ n(s, {
+				entry: c,
+				locale: p,
+				dateFormat: m,
+				editedLabel: () => C("edited", v)
 			}),
-			c.length > 0 && /* @__PURE__ */ r("div", {
+			l.length > 0 && /* @__PURE__ */ r("div", {
 				className: "annotation-thread__replies",
 				children: [/* @__PURE__ */ n("p", {
 					className: "annotation-thread__replies-label",
-					children: S("replies", v)(c.length)
-				}), c.map((e) => /* @__PURE__ */ n(o, {
+					children: C("replies", y)(l.length)
+				}), l.map((e) => /* @__PURE__ */ n(s, {
 					entry: e,
-					locale: f,
-					dateFormat: p,
-					editedLabel: () => S("edited", _)
+					locale: p,
+					dateFormat: m,
+					editedLabel: () => C("edited", v)
 				}, e.id))]
 			}),
-			d && /* @__PURE__ */ n("div", {
+			f && /* @__PURE__ */ n("div", {
 				className: "annotation-thread__reply",
-				children: d
+				children: f
 			}),
-			u && /* @__PURE__ */ n("footer", {
+			d && /* @__PURE__ */ n("footer", {
 				className: "annotation-thread__actions",
-				children: u
+				children: d
 			})
 		]
 	});
 }
 //#endregion
-export { s as AnnotationThread };
+export { c as AnnotationThread };

package/dist/app-header.css

@@ -1 +1 @@
-.app-header{align-items:center;gap:var(--app-header-gap);block-size:var(--app-header-height);padding-inline:var(--app-header-padding-inline);box-sizing:content-box;background-color:var(--app-header-bg);box-shadow:0 var(--app-header-border-width) 0 var(--app-header-border-color);z-index:var(--app-header-z-index);flex-shrink:0;padding-block-start:env(safe-area-inset-top);display:flex;position:sticky;inset-block-start:0}.app-header__start{flex:1;align-items:center;min-inline-size:0;display:flex}.app-header__notifications,.app-header__end{flex-shrink:0;align-items:center;display:flex}.app-header__logo{box-shadow:none;color:inherit;--logo-height-sm:var(--app-header-content-height);--logo-height-md:var(--app-header-content-height);--logo-height-lg:var(--app-header-content-height);--logo-height-xl:var(--app-header-content-height);--logo-height-xxl:var(--app-header-content-height);flex-shrink:0;align-items:center;padding-block-end:0;display:flex}.app-header__logo:hover{box-shadow:none;color:inherit}.app-header__logo>*{block-size:var(--app-header-content-height);inline-size:auto}
+.app-header{align-items:center;gap:var(--app-header-gap);block-size:var(--app-header-height);padding-inline:var(--app-header-padding-inline);box-sizing:content-box;background-color:var(--app-header-bg);box-shadow:0 var(--app-header-border-width) 0 var(--app-header-border-color);z-index:var(--app-header-z-index);flex-shrink:0;padding-block-start:env(safe-area-inset-top);display:flex;position:sticky;inset-block-start:0}.app-header__start{flex:1;align-items:center;min-inline-size:0;display:flex}.app-header__notifications,.app-header__end{flex-shrink:0;align-items:center;display:flex}.app-header__logo{color:inherit;--logo-height-sm:var(--app-header-content-height);--logo-height-md:var(--app-header-content-height);--logo-height-lg:var(--app-header-content-height);--logo-height-xl:var(--app-header-content-height);--logo-height-2xl:var(--app-header-content-height);flex-shrink:0;align-items:center;padding-block-end:0;text-decoration-line:none;display:flex}.app-header__logo:hover{color:inherit;text-decoration-line:none}.app-header__logo>*{block-size:var(--app-header-content-height);inline-size:auto}

package/dist/app-header.js

@@ -1,45 +1,48 @@
 'use client';
 import './app-header.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
-import { MenuButton as t } from "./menu-button.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
+import { t } from "./_shared/menubutton.js";
 import { t as n } from "./_shared/default-render-link.js";
 import { t as r } from "./_shared/appshellcontext.js";
 import { useContext as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/stories/messages/es/appHeader.ts
+var c = { logo: "Ir al inicio" };
+//#endregion
 //#region src/stories/sections/AppHeader/AppHeader.tsx
-function c({ logo: c, logoHref: l = "/", logoLabel: u, renderLogoLink: d = n, start: f, notifications: p, end: m, menuLabel: h, menuCloseLabel: g, sidebarId: _, className: v }) {
-	let y = i(r), [b, x] = a(!1), S = y ? y.sidebar === "open" : b, C = y ? y.toggleSidebar : () => x((e) => !e), w = e("appHeader");
+function l({ logo: l, logoHref: u = "/", logoLabel: d, renderLogoLink: f = n, start: p, notifications: m, end: h, menuLabel: g, menuCloseLabel: _, sidebarId: v, className: y }) {
+	let b = i(r), [x, S] = a(!1), C = b ? b.sidebar === "open" : x, w = b ? b.toggleSidebar : () => S((e) => !e), T = e("appHeader", c);
 	return /* @__PURE__ */ s("header", {
-		className: ["app-header", v].filter(Boolean).join(" "),
+		className: ["app-header", y].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ o(t, {
-				isOpen: S,
-				onClick: C,
-				label: h,
-				closeLabel: g,
-				"aria-controls": _,
-				"aria-expanded": S
+				isOpen: C,
+				onClick: w,
+				label: g,
+				closeLabel: _,
+				"aria-controls": v,
+				"aria-expanded": C
 			}),
-			c && d({
-				href: l,
+			l && f({
+				href: u,
 				className: "app-header__logo",
-				"aria-label": w("logo", u),
-				children: c
+				"aria-label": T("logo", d),
+				children: l
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "app-header__start",
-				children: f
-			}),
-			p && /* @__PURE__ */ o("div", {
-				className: "app-header__notifications",
 				children: p
 			}),
 			m && /* @__PURE__ */ o("div", {
-				className: "app-header__end",
+				className: "app-header__notifications",
 				children: m
+			}),
+			h && /* @__PURE__ */ o("div", {
+				className: "app-header__end",
+				children: h
 			})
 		]
 	});
 }
 //#endregion
-export { c as AppHeader };
+export { l as AppHeader };

package/dist/app-launcher.css

@@ -1 +1 @@
-.app-launcher__trigger{all:unset;box-sizing:border-box;inline-size:var(--app-launcher-trigger-size);block-size:var(--app-launcher-trigger-size);border-radius:var(--app-launcher-trigger-border-radius);color:var(--app-launcher-trigger-color);cursor:pointer;transition:box-shadow var(--app-launcher-transition-duration) var(--app-launcher-transition-easing);justify-content:center;align-items:center;display:flex}.app-launcher__trigger:hover{background-color:var(--app-launcher-trigger-hover-bg);color:var(--app-launcher-trigger-hover-color)}.app-launcher__trigger:focus-visible{outline:var(--app-launcher-focus-ring-width) solid var(--app-launcher-focus-ring-color);outline-offset:var(--app-launcher-focus-ring-offset)}.app-launcher__trigger--label{gap:var(--app-launcher-trigger-label-gap);block-size:auto;inline-size:auto;padding-block:var(--app-launcher-trigger-label-padding-block);padding-inline:var(--app-launcher-trigger-label-padding-inline);border-radius:var(--app-launcher-trigger-label-border-radius);color:var(--app-launcher-trigger-label-color)}.app-launcher__trigger-label{font-size:var(--app-launcher-trigger-label-font-size);font-weight:var(--app-launcher-trigger-label-font-weight);line-height:var(--app-launcher-trigger-label-line-height)}.app-launcher__trigger--label:hover{color:var(--app-launcher-trigger-label-color);background-color:#0000}.app-launcher__content{box-sizing:border-box;background-color:var(--app-launcher-content-bg);border-width:var(--app-launcher-content-border-width);border-style:solid;border-color:var(--app-launcher-content-border-color);border-radius:var(--app-launcher-content-border-radius);box-shadow:var(--app-launcher-content-shadow);padding-block:var(--app-launcher-content-padding-block);padding-inline:var(--app-launcher-content-padding-inline);min-inline-size:var(--app-launcher-content-min-width);transform-origin:var(--transform-origin);animation-duration:var(--app-launcher-transition-duration);animation-timing-function:var(--app-launcher-transition-easing);max-block-size:var(--app-launcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.app-launcher__content[data-open]{animation-name:app-launcher-in}.app-launcher__content[data-closed]{animation-name:app-launcher-out}@keyframes app-launcher-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes app-launcher-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.app-launcher__grid{grid-template-columns:repeat(var(--app-launcher-content-columns-narrow), 1fr);gap:var(--app-launcher-content-gap);margin:0;padding:0;list-style:none;display:grid}@media (width>=480px){.app-launcher__grid{grid-template-columns:repeat(var(--app-launcher-content-columns), 1fr)}}.app-launcher__grid>li{min-inline-size:0}.app-launcher__tile{box-sizing:border-box;align-items:flex-start;gap:var(--app-launcher-tile-gap);padding-block:var(--app-launcher-tile-padding-block);padding-inline:var(--app-launcher-tile-padding-inline);border-radius:var(--app-launcher-tile-border-radius);box-shadow:none;text-align:start;cursor:pointer;transition:background-color var(--app-launcher-transition-duration) var(--app-launcher-transition-easing), box-shadow var(--app-launcher-transition-duration) var(--app-launcher-transition-easing);outline:none;flex-direction:column;text-decoration:none;display:flex}.app-launcher__tile:not(.app-launcher__tile--disabled):hover,.app-launcher__tile:focus-visible{background-color:var(--app-launcher-tile-highlighted-bg);color:var(--app-launcher-tile-highlighted-color)}.app-launcher__tile:not(.app-launcher__tile--disabled):hover .app-launcher__tile-name,.app-launcher__tile:focus-visible .app-launcher__tile-name{color:inherit}.app-launcher__tile:focus-visible{outline:var(--app-launcher-focus-ring-width) solid var(--app-launcher-focus-ring-color);outline-offset:var(--app-launcher-focus-ring-offset)}.app-launcher__tile--active .app-launcher__tile-name{font-weight:var(--app-launcher-tile-name-active-font-weight)}.app-launcher__tile.app-launcher__tile--disabled{cursor:default}.app-launcher__tile--disabled .app-launcher__tile-name{color:var(--app-launcher-tile-disabled-color)}.app-launcher__tile-badge-row{min-block-size:var(--app-launcher-tile-badge-block-size);align-items:center;display:flex}.app-launcher__tile-name{font-size:var(--app-launcher-tile-name-font-size);font-weight:var(--app-launcher-tile-name-font-weight);line-height:var(--app-launcher-tile-name-line-height);color:var(--app-launcher-tile-name-color)}.app-launcher__tile-badge{pointer-events:none}.app-launcher__tile:not(.app-launcher__tile--disabled):hover .app-launcher__tile-badge,.app-launcher__tile:focus-visible .app-launcher__tile-badge{--tag-info-bg:var(--app-launcher-tile-badge-hover-bg);--tag-info-color:var(--app-launcher-tile-badge-hover-color)}.app-launcher__positioner{z-index:var(--app-launcher-content-z-index)}
+.app-launcher__trigger{all:unset;box-sizing:border-box;inline-size:var(--app-launcher-trigger-size);block-size:var(--app-launcher-trigger-size);border-radius:var(--app-launcher-trigger-border-radius);color:var(--app-launcher-trigger-color);cursor:pointer;transition:box-shadow var(--app-launcher-transition-duration) var(--app-launcher-transition-easing);justify-content:center;align-items:center;display:flex}.app-launcher__trigger:hover{background-color:var(--app-launcher-trigger-hover-bg);color:var(--app-launcher-trigger-hover-color)}.app-launcher__trigger:focus-visible{outline:var(--app-launcher-focus-ring-width) solid var(--app-launcher-focus-ring-color);outline-offset:var(--app-launcher-focus-ring-offset)}.app-launcher__trigger--label{gap:var(--app-launcher-trigger-label-gap);block-size:auto;inline-size:auto;padding-block:var(--app-launcher-trigger-label-padding-block);padding-inline:var(--app-launcher-trigger-label-padding-inline);border-radius:var(--app-launcher-trigger-label-border-radius);color:var(--app-launcher-trigger-label-color)}.app-launcher__trigger-label{font-size:var(--app-launcher-trigger-label-font-size);font-weight:var(--app-launcher-trigger-label-font-weight);line-height:var(--app-launcher-trigger-label-line-height)}.app-launcher__trigger--label:hover{color:var(--app-launcher-trigger-label-color);background-color:#0000}.app-launcher__content{box-sizing:border-box;background-color:var(--app-launcher-content-bg);border-width:var(--app-launcher-content-border-width);border-style:solid;border-color:var(--app-launcher-content-border-color);border-radius:var(--app-launcher-content-border-radius);box-shadow:var(--app-launcher-content-shadow);padding-block:var(--app-launcher-content-padding-block);padding-inline:var(--app-launcher-content-padding-inline);min-inline-size:var(--app-launcher-content-min-width);transform-origin:var(--transform-origin);animation-duration:var(--app-launcher-transition-duration);animation-timing-function:var(--app-launcher-transition-easing);max-block-size:var(--app-launcher-content-max-height,var(--available-height));overscroll-behavior:contain;outline:none;overflow-y:auto}.app-launcher__content[data-open]{animation-name:app-launcher-in}.app-launcher__content[data-closed]{animation-name:app-launcher-out}@keyframes app-launcher-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes app-launcher-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.app-launcher__grid{grid-template-columns:repeat(var(--app-launcher-content-columns-narrow), 1fr);gap:var(--app-launcher-content-gap);margin:0;padding:0;list-style:none;display:grid}@media (width>=480px){.app-launcher__grid{grid-template-columns:repeat(var(--app-launcher-content-columns), 1fr)}}.app-launcher__grid>li{min-inline-size:0}.app-launcher__tile{box-sizing:border-box;align-items:flex-start;gap:var(--app-launcher-tile-gap);padding-block:var(--app-launcher-tile-padding-block);padding-inline:var(--app-launcher-tile-padding-inline);border-radius:var(--app-launcher-tile-border-radius);text-align:start;cursor:pointer;transition:background-color var(--app-launcher-transition-duration) var(--app-launcher-transition-easing), box-shadow var(--app-launcher-transition-duration) var(--app-launcher-transition-easing);outline:none;flex-direction:column;text-decoration:none;display:flex}.app-launcher__tile:not(.app-launcher__tile--disabled):hover,.app-launcher__tile:focus-visible{background-color:var(--app-launcher-tile-highlighted-bg);color:var(--app-launcher-tile-highlighted-color)}.app-launcher__tile:not(.app-launcher__tile--disabled):hover .app-launcher__tile-name,.app-launcher__tile:focus-visible .app-launcher__tile-name{color:inherit}.app-launcher__tile:focus-visible{outline:var(--app-launcher-focus-ring-width) solid var(--app-launcher-focus-ring-color);outline-offset:var(--app-launcher-focus-ring-offset)}.app-launcher__tile--active .app-launcher__tile-name{font-weight:var(--app-launcher-tile-name-active-font-weight)}.app-launcher__tile.app-launcher__tile--disabled{cursor:default}.app-launcher__tile--disabled .app-launcher__tile-name{color:var(--app-launcher-tile-disabled-color)}.app-launcher__tile-badge-row{min-block-size:var(--app-launcher-tile-badge-height);align-items:center;display:flex}.app-launcher__tile-name{font-size:var(--app-launcher-tile-name-font-size);font-weight:var(--app-launcher-tile-name-font-weight);line-height:var(--app-launcher-tile-name-line-height);color:var(--app-launcher-tile-name-color)}.app-launcher__tile-badge{pointer-events:none}.app-launcher__tile:not(.app-launcher__tile--disabled):hover .app-launcher__tile-badge,.app-launcher__tile:focus-visible .app-launcher__tile-badge{--tag-info-bg:var(--app-launcher-tile-badge-hover-bg);--tag-info-color:var(--app-launcher-tile-badge-hover-color)}.app-launcher__positioner{z-index:var(--app-launcher-content-z-index)}

package/dist/app-launcher.js

@@ -1,19 +1,26 @@
 'use client';
 import './app-launcher.css';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { Icon as t } from "./icon.js";
 import { n } from "./_shared/portal-container.js";
 import { Tag as r } from "./tag.js";
-import { Modal as i } from "./modal.js";
+import { t as i } from "./_shared/modal.js";
 import { useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Popover as l } from "@base-ui/react/popover";
+//#region src/stories/messages/es/appLauncher.ts
+var u = {
+	open: "Abrir el lanzador de aplicaciones",
+	new: "Nuevo",
+	title: "Aplicaciones"
+};
+//#endregion
 //#region src/stories/molecules/AppLauncher/AppLauncher.tsx
-function u({ app: t, isCurrent: n, newLabel: i }) {
-	let a = e("appLauncher"), l = t.badge ?? (t.isNew ? a("new", i) : void 0), u = /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
+function d({ app: t, isCurrent: n, newLabel: i }) {
+	let a = e("appLauncher", u), l = t.badge ?? (t.isNew ? a("new", i) : void 0), d = /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
 		className: "app-launcher__tile-badge-row",
 		children: l && /* @__PURE__ */ s(r, {
-			variant: t.disabled ? "neutral" : "info",
+			tone: t.disabled ? "neutral" : "info",
 			className: "app-launcher__tile-badge",
 			children: l
 		})
@@ -25,41 +32,41 @@ function u({ app: t, isCurrent: n, newLabel: i }) {
 		className: "app-launcher__tile app-launcher__tile--disabled",
 		role: "link",
 		"aria-disabled": "true",
-		children: u
+		children: d
 	}) : /* @__PURE__ */ s("a", {
 		href: t.url,
 		className: `app-launcher__tile${n ? " app-launcher__tile--active" : ""}`,
 		"aria-current": n ? "page" : void 0,
-		children: u
+		children: d
 	});
 }
-function d({ apps: e, currentAppId: t, newLabel: n }) {
+function f({ apps: e, currentAppId: t, newLabel: n }) {
 	return /* @__PURE__ */ s("ul", {
 		className: "app-launcher__grid",
 		role: "list",
-		children: e.map((e) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(u, {
+		children: e.map((e) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(d, {
 			app: e,
 			isCurrent: e.id === t,
 			newLabel: n
 		}) }, e.id))
 	});
 }
-function f(e, t) {
+function p(e, t) {
 	return [
 		"app-launcher__trigger",
 		e ? "app-launcher__trigger--label" : "",
 		t
 	].filter(Boolean).join(" ");
 }
-function p({ apps: r, labels: i, currentAppId: a, open: o, defaultOpen: u, onOpenChange: p, className: m }) {
-	let h = e("appLauncher"), g = n(void 0);
+function m({ apps: r, labels: i, currentAppId: a, open: o, defaultOpen: d, onOpenChange: m, className: h }) {
+	let g = e("appLauncher", u), _ = n(void 0);
 	return /* @__PURE__ */ c(l.Root, {
 		open: o,
-		defaultOpen: u,
-		onOpenChange: (e) => p?.(e),
+		defaultOpen: d,
+		onOpenChange: (e) => m?.(e),
 		children: [/* @__PURE__ */ s(l.Trigger, { render: i.trigger ? /* @__PURE__ */ c("button", {
 			type: "button",
-			className: f(!0, m),
+			className: p(!0, h),
 			children: [/* @__PURE__ */ s(t, {
 				name: "grid",
 				size: "md"
@@ -69,22 +76,22 @@ function p({ apps: r, labels: i, currentAppId: a, open: o, defaultOpen: u, onOpe
 			})]
 		}) : /* @__PURE__ */ s("button", {
 			type: "button",
-			className: f(!1, m),
-			"aria-label": h("open", i.open),
+			className: p(!1, h),
+			"aria-label": g("open", i.open),
 			children: /* @__PURE__ */ s(t, {
 				name: "grid",
 				size: "md"
 			})
 		}) }), /* @__PURE__ */ s(l.Portal, {
-			container: g,
+			container: _,
 			children: /* @__PURE__ */ s(l.Positioner, {
 				className: "app-launcher__positioner",
 				sideOffset: 4,
 				align: "end",
 				children: /* @__PURE__ */ s(l.Popup, {
 					className: "app-launcher__content",
-					"aria-label": h("title", i.title),
-					children: /* @__PURE__ */ s(d, {
+					"aria-label": g("title", i.title),
+					children: /* @__PURE__ */ s(f, {
 						apps: r,
 						currentAppId: a,
 						newLabel: i.new
@@ -94,19 +101,19 @@ function p({ apps: r, labels: i, currentAppId: a, open: o, defaultOpen: u, onOpe
 		})]
 	});
 }
-function m(e, t, n) {
+function h(e, t, n) {
 	let [r, i] = a(t ?? !1);
 	return [e ?? r, (t) => {
 		e === void 0 && i(t), n?.(t);
 	}];
 }
-function h({ apps: n, labels: r, currentAppId: a, open: l, defaultOpen: u, onOpenChange: p, className: h }) {
-	let g = e("appLauncher"), [_, v] = m(l, u, p);
+function g({ apps: n, labels: r, currentAppId: a, open: l, defaultOpen: d, onOpenChange: m, className: g }) {
+	let _ = e("appLauncher", u), [v, y] = h(l, d, m);
 	return /* @__PURE__ */ c(o, { children: [r.trigger ? /* @__PURE__ */ c("button", {
 		type: "button",
-		className: f(!0, h),
+		className: p(!0, g),
 		"aria-haspopup": "dialog",
-		onClick: () => v(!0),
+		onClick: () => y(!0),
 		children: [/* @__PURE__ */ s(t, {
 			name: "grid",
 			size: "md"
@@ -116,30 +123,30 @@ function h({ apps: n, labels: r, currentAppId: a, open: l, defaultOpen: u, onOpe
 		})]
 	}) : /* @__PURE__ */ s("button", {
 		type: "button",
-		className: f(!1, h),
-		"aria-label": g("open", r.open),
+		className: p(!1, g),
+		"aria-label": _("open", r.open),
 		"aria-haspopup": "dialog",
-		onClick: () => v(!0),
+		onClick: () => y(!0),
 		children: /* @__PURE__ */ s(t, {
 			name: "grid",
 			size: "md"
 		})
 	}), /* @__PURE__ */ s(i, {
-		open: _,
-		onClose: () => v(!1),
-		title: g("title", r.title),
-		children: /* @__PURE__ */ s(d, {
+		open: v,
+		onOpenChange: y,
+		title: _("title", r.title),
+		children: /* @__PURE__ */ s(f, {
 			apps: n,
 			currentAppId: a,
 			newLabel: r.new
 		})
 	})] });
 }
-function g({ presentation: e = "modal", labels: t = {}, ...n }) {
-	return s(e === "popover" ? p : h, {
+function _({ presentation: e = "modal", labels: t = {}, ...n }) {
+	return s(e === "popover" ? m : g, {
 		labels: t,
 		...n
 	});
 }
 //#endregion
-export { g as AppLauncher };
+export { _ as AppLauncher };

package/dist/app-root.js

@@ -1,13 +1,16 @@
 'use client';
-import { n as e } from "./_shared/brandmessagescontext.js";
+import { r as e } from "./_shared/brandmessagescontext.js";
 import { SkipLink as t } from "./skip-link.js";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/stories/messages/es/appRoot.ts
+var a = { skipToContent: "Saltar al contenido principal" };
+//#endregion
 //#region src/stories/sections/AppRoot/AppRoot.tsx
-function a({ skipLabel: a, skipHref: o = "#main-content", children: s }) {
+function o({ skipLabel: o, skipHref: s = "#main-content", children: c }) {
 	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(t, {
-		href: o,
-		children: e("appRoot")("skipToContent", a)
-	}), s] });
+		href: s,
+		children: e("appRoot", a)("skipToContent", o)
+	}), c] });
 }
 //#endregion
-export { a as AppRoot };
+export { o as AppRoot };