@beweco/aurora-ui 0.6.74 → 0.6.76

package/dist/index.cjs.js

@@ -284,6 +284,10 @@ exports.HolidayType = void 0;
     HolidayType["DateRange"] = "dateRange";
 })(exports.HolidayType || (exports.HolidayType = {}));
 
+var CLASE_AURA = {
+    ring: "linda-aura-ring",
+    surface: "linda-aura",
+};
 /**
  * Botón genérico basado en HeroUI siguiendo las reglas de diseño BeweOS.
  *
@@ -294,10 +298,24 @@ exports.HolidayType = void 0;
  * - isLoading: On, Off
  * - Radius: md (por defecto)
  * - isIconOnly: True, False
+ * - ai: aura de Linda para las acciones que hace la IA (ver `Button.types.ts`)
  */
 var Button = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, _e = _a.radius, radius = _e === void 0 ? "sm" : _e, startContent = _a.startContent, endContent = _a.endContent, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isIconOnly, isIconOnly = _g === void 0 ? false : _g, props = __rest(_a, ["color", "size", "variant", "radius", "startContent", "endContent", "isLoading", "isIconOnly"]);
-    return (jsxRuntime.jsx(react.Button, __assign({}, props, { color: color, size: size, variant: variant, radius: radius, startContent: startContent, endContent: endContent, isLoading: isLoading, isIconOnly: isIconOnly })));
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, _e = _a.radius, radius = _e === void 0 ? "sm" : _e, startContent = _a.startContent, endContent = _a.endContent, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isIconOnly, isIconOnly = _g === void 0 ? false : _g, ai = _a.ai, className = _a.className, children = _a.children, props = __rest(_a, ["color", "size", "variant", "radius", "startContent", "endContent", "isLoading", "isIconOnly", "ai", "className", "children"]);
+    /*
+     * El contenido se envuelve para poder subirlo por encima del aura.
+     *
+     * Y tiene que ser un elemento: `<Button>Crear campaña</Button>` pasa un NODO DE
+     * TEXTO, que no es posicionable, así que ningún selector puede sacarlo del fondo del
+     * apilado —el aura, que sí está posicionada, le pasaría por encima—. Con `ring` daría
+     * igual porque esa capa es solo el canto; con `surface` el texto se leería a través
+     * del degradado.
+     */
+    var contenido = ai ? (jsxRuntime.jsx("span", { className: "linda-aura-content", children: children })) : (children);
+    var clases = [ai ? CLASE_AURA[ai] : "", className]
+        .filter(Boolean)
+        .join(" ");
+    return (jsxRuntime.jsx(react.Button, __assign({}, props, { color: color, size: size, variant: variant, radius: radius, startContent: startContent, endContent: endContent, isLoading: isLoading, isIconOnly: isIconOnly, className: clases || undefined, children: contenido })));
 };
 
 var DatePicker = function (_a) {
@@ -3936,8 +3954,10 @@ var DEFAULT_HISTORY_VISIBLE_COUNT = 5;
  */
 var MenuClaw = React.memo(function MenuClaw(_a) {
     var _b, _c;
-    var userInfo = _a.userInfo, helpButton = _a.helpButton, menuItems = _a.menuItems, history = _a.history, isOpenSidebar = _a.isOpenSidebar, onOpenSidebarChange = _a.onOpenSidebarChange, mobileBottomBarGroupKey = _a.mobileBottomBarGroupKey, _d = _a.showNativeMenu, showNativeMenu = _d === void 0 ? true : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e;
-    var _f = React.useState(false), isCollapsed = _f[0], setIsCollapsed = _f[1];
+    var userInfo = _a.userInfo, helpButton = _a.helpButton, menuItems = _a.menuItems, history = _a.history, isOpenSidebar = _a.isOpenSidebar, onOpenSidebarChange = _a.onOpenSidebarChange, mobileBottomBarGroupKey = _a.mobileBottomBarGroupKey, _d = _a.showNativeMenu, showNativeMenu = _d === void 0 ? true : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e, isCollapsedProp = _a.isCollapsed, onCollapsedChange = _a.onCollapsedChange, defaultCollapsed = _a.defaultCollapsed;
+    var isControlled = isCollapsedProp !== undefined;
+    var _f = React.useState(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : false), internalCollapsed = _f[0], setInternalCollapsed = _f[1];
+    var collapsed = isCollapsedProp !== null && isCollapsedProp !== void 0 ? isCollapsedProp : internalCollapsed;
     var t = __assign(__assign({}, DEFAULT_TRANSLATIONS$7), translations);
     var selectedKey = React.useMemo(function () {
         var _a, _b, _c;
@@ -3986,8 +4006,12 @@ var MenuClaw = React.memo(function MenuClaw(_a) {
         onOpenSidebarChange === null || onOpenSidebarChange === void 0 ? void 0 : onOpenSidebarChange(true);
     }, [onOpenSidebarChange]);
     var handleCollapseToggle = React.useCallback(function () {
-        setIsCollapsed(function (prev) { return !prev; });
-    }, []);
+        var next = !collapsed;
+        if (!isControlled) {
+            setInternalCollapsed(next);
+        }
+        onCollapsedChange === null || onCollapsedChange === void 0 ? void 0 : onCollapsedChange(next);
+    }, [collapsed, isControlled, onCollapsedChange]);
     var handleHelpClick = React.useCallback(function () {
         if (helpSection) {
             window.open(helpSection.redirect, "_blank");
@@ -4006,12 +4030,12 @@ var MenuClaw = React.memo(function MenuClaw(_a) {
         (_a = menuItems.onSelect) === null || _a === void 0 ? void 0 : _a.call(menuItems, key, href, "bottomBar");
     }, [onOpenSidebarChange, menuItems.onSelect]);
     var showBottomBar = (mobileBottomBarGroupKey && bottomBarItems.length > 0) || showNativeMenu;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showBottomBar ? (jsxRuntime.jsx(MenuMobileBottomBar, { items: bottomBarItems, selectedKey: selectedKey, onSelect: handleBottomBarSelect, onMenuPress: handleSidebarOpen, menuLabel: t.menuLabel, navAriaLabel: t.mobileNavAriaLabel, forceVisible: showNativeMenu && bottomBarItems.length === 0 })) : null, jsxRuntime.jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: "menu-claw-overlay ".concat(isOpenSidebar ? "menu-claw-overlay--open" : ""), onClick: handleSidebarClose, tabIndex: isOpenSidebar ? 0 : -1 }), jsxRuntime.jsx("div", { className: react.cn("menu-claw", isCollapsed ? "menu-claw--collapsed" : "menu-claw--expanded", isOpenSidebar && "menu-claw--mobile-open"), "aria-hidden": !isOpenSidebar, children: jsxRuntime.jsxs("div", { className: "menu-claw__content", children: [jsxRuntime.jsxs("div", { className: react.cn("flex items-center", isCollapsed ? "justify-center" : "justify-end"), children: [jsxRuntime.jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", className: "block cursor-pointer sm:hidden", onClick: handleSidebarClose }), jsxRuntime.jsx("button", { type: "button", "aria-label": t.toggleSidebarAriaLabel, onClick: handleCollapseToggle, className: "hidden h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-lg text-default-500 transition-colors hover:bg-default-100 sm:flex", children: jsxRuntime.jsx(IconComponent, { icon: isCollapsed
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [showBottomBar ? (jsxRuntime.jsx(MenuMobileBottomBar, { items: bottomBarItems, selectedKey: selectedKey, onSelect: handleBottomBarSelect, onMenuPress: handleSidebarOpen, menuLabel: t.menuLabel, navAriaLabel: t.mobileNavAriaLabel, forceVisible: showNativeMenu && bottomBarItems.length === 0 })) : null, jsxRuntime.jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: "menu-claw-overlay ".concat(isOpenSidebar ? "menu-claw-overlay--open" : ""), onClick: handleSidebarClose, tabIndex: isOpenSidebar ? 0 : -1 }), jsxRuntime.jsx("div", { className: react.cn("menu-claw", collapsed ? "menu-claw--collapsed" : "menu-claw--expanded", isOpenSidebar && "menu-claw--mobile-open"), "aria-hidden": !isOpenSidebar, children: jsxRuntime.jsxs("div", { className: "menu-claw__content", children: [jsxRuntime.jsxs("div", { className: react.cn("flex items-center", collapsed ? "justify-center" : "justify-end"), children: [jsxRuntime.jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", className: "block cursor-pointer sm:hidden", onClick: handleSidebarClose }), jsxRuntime.jsx("button", { type: "button", "aria-label": t.toggleSidebarAriaLabel, onClick: handleCollapseToggle, className: "hidden h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-lg text-default-500 transition-colors hover:bg-default-100 sm:flex", children: jsxRuntime.jsx(IconComponent, { icon: collapsed
                                             ? "solar:alt-arrow-right-linear"
-                                            : "solar:alt-arrow-left-linear", size: "md", "aria-hidden": true }) })] }), jsxRuntime.jsxs("div", { className: react.cn("flex items-center py-3", isCollapsed ? "justify-center gap-0" : "gap-3"), children: [jsxRuntime.jsx(react.Avatar, { size: "sm", src: ((_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, color: !((_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _c === void 0 ? void 0 : _c.trim()) ? "warning" : "default", name: userName, className: "shrink-0" }), !isCollapsed ? (jsxRuntime.jsxs("div", { className: "menu-claw-collapsible flex min-w-0 flex-col overflow-hidden", children: [jsxRuntime.jsx("p", { className: "truncate text-small font-semibold text-foreground", children: userName }), jsxRuntime.jsx("p", { className: "truncate text-tiny text-default-400", children: userRole })] })) : null] }), jsxRuntime.jsx(MenuClawHistoryPanel, { items: historyConfig.items, initialVisibleCount: historyConfig.initialVisibleCount, onNewConversation: history === null || history === void 0 ? void 0 : history.onNewConversation, isCollapsed: isCollapsed, title: t.historyTitle, newLabel: t.historyNewLabel, showMoreLabel: t.historyShowMoreLabel, showLessLabel: t.historyShowLessLabel, onBeforeSelect: handleSidebarClose }), jsxRuntime.jsx("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: menuItems.items.map(function (group) {
+                                            : "solar:alt-arrow-left-linear", size: "md", "aria-hidden": true }) })] }), jsxRuntime.jsxs("div", { className: react.cn("flex items-center py-3", collapsed ? "justify-center gap-0" : "gap-3"), children: [jsxRuntime.jsx(react.Avatar, { size: "sm", src: ((_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, color: !((_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _c === void 0 ? void 0 : _c.trim()) ? "warning" : "default", name: userName, className: "shrink-0" }), !collapsed ? (jsxRuntime.jsxs("div", { className: "menu-claw-collapsible flex min-w-0 flex-col overflow-hidden", children: [jsxRuntime.jsx("p", { className: "truncate text-small font-semibold text-foreground", children: userName }), jsxRuntime.jsx("p", { className: "truncate text-tiny text-default-400", children: userRole })] })) : null] }), jsxRuntime.jsx(MenuClawHistoryPanel, { items: historyConfig.items, initialVisibleCount: historyConfig.initialVisibleCount, onNewConversation: history === null || history === void 0 ? void 0 : history.onNewConversation, isCollapsed: collapsed, title: t.historyTitle, newLabel: t.historyNewLabel, showMoreLabel: t.historyShowMoreLabel, showLessLabel: t.historyShowLessLabel, onBeforeSelect: handleSidebarClose }), jsxRuntime.jsx("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: menuItems.items.map(function (group) {
                                 var _a;
-                                return (jsxRuntime.jsxs("div", { className: "mb-2", children: [group.title && !isCollapsed ? (jsxRuntime.jsx("p", { className: "px-2 pb-1 pt-2 text-tiny font-medium uppercase tracking-wide text-default-400", children: group.title })) : null, jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: ((_a = group.items) !== null && _a !== void 0 ? _a : []).map(function (item) { return (jsxRuntime.jsx(MenuClawNavItem, { item: item, selectedKey: selectedKey, isCollapsed: isCollapsed, onSelect: handleMenuSelect }, item.key)); }) })] }, group.key));
-                            }) }), helpSection ? (jsxRuntime.jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsxRuntime.jsx(react.Button, { fullWidth: true, className: "text-default-500 data-[hover=true]:text-default-600", startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: isCollapsed, children: !isCollapsed ? (jsxRuntime.jsx("span", { className: "menu-claw-collapsible truncate", children: helpSection.title })) : null }) })) : null] }) })] }));
+                                return (jsxRuntime.jsxs("div", { className: "mb-2", children: [group.title && !collapsed ? (jsxRuntime.jsx("p", { className: "px-2 pb-1 pt-2 text-tiny font-medium uppercase tracking-wide text-default-400", children: group.title })) : null, jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: ((_a = group.items) !== null && _a !== void 0 ? _a : []).map(function (item) { return (jsxRuntime.jsx(MenuClawNavItem, { item: item, selectedKey: selectedKey, isCollapsed: collapsed, onSelect: handleMenuSelect }, item.key)); }) })] }, group.key));
+                            }) }), helpSection ? (jsxRuntime.jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsxRuntime.jsx(react.Button, { fullWidth: true, className: "text-default-500 data-[hover=true]:text-default-600", startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: collapsed, children: !collapsed ? (jsxRuntime.jsx("span", { className: "menu-claw-collapsible truncate", children: helpSection.title })) : null }) })) : null] }) })] }));
 });
 
 /**
@@ -9638,6 +9662,127 @@ function removeCustomPrimaryColor() {
     }
 }
 
+/**
+ * Los tres tonos del aura de Linda, derivados del `primary` de la agencia.
+ *
+ * Linda no tiene color propio: es el `primary` que el negocio eligió en el onboarding,
+ * y por eso aquí no hay ni un color escrito. Lo único que se fija es CUÁNTO se gira ese
+ * tono y en qué banda de luz se pinta.
+ */
+/**
+ * Grados que se gira el `primary` para cada tono, en el orden en que se pintan.
+ *
+ * Son muchos grados a propósito. La gracia del aura es que haya MÁS DE UN COLOR: con
+ * un giro discreto —del orden de 18°, el que usa un degradado de profundidad— salen
+ * tres versiones del mismo tono y el resultado se lee como un plano. A ±55° el salto
+ * se ve como otro color y sigue dentro de la familia del `primary`, que es lo que
+ * permite que esto funcione con la agencia número siete sin tocar nada.
+ *
+ * El tono del medio va casi sin girar: es el que ancla el conjunto al color de la
+ * agencia, para que el aura se lea como suya y no como una decoración pegada encima.
+ */
+var GIROS = [-56, 8, 54];
+/**
+ * Banda de luz en la que se pintan los tres tonos, en porcentaje HSL.
+ *
+ * Los tonos NO heredan la luz del `primary`, y esto es lo que más se nota: un primary
+ * oscuro y poco saturado sobre una superficie clara se lee como una mancha gris —sucia,
+ * no como color—, y uno casi blanco desaparece contra el fondo. Se llevan al paso medio
+ * de la escala, que es el que funciona en los dos casos.
+ */
+var BANDA_LUZ = { min: 52, max: 72 };
+/**
+ * Banda de saturación de los tres tonos, en porcentaje HSL.
+ *
+ * El techo es lo que evita que el aura grite. A plena saturación los tonos dejan de ser
+ * ambiente y pasan a ser tres focos de color encima de un control de 40 pt: bonito en
+ * una captura, insoportable en una barra que se mira todo el día.
+ *
+ * ⚠️ **Y hay una razón que no es estética.** Girar el tono puede caer en un rojo vivo:
+ * un `primary` amarillo —51°— girado −56° aterriza en 355°, que a saturación 100 se lee
+ * como un estado de error alrededor de un botón que no ha fallado. Visto al renderizarlo,
+ * no razonándolo. Bajado a 65 el mismo tono es un rosa apagado y vuelve a leerse como lo
+ * que es: decoración.
+ *
+ * El suelo existe por lo contrario: un `primary` casi gris da tres tonos que no se
+ * distinguen entre sí, y entonces no hay degradado que ver —el aura se lee como una
+ * mancha plana—.
+ */
+var BANDA_SATURACION = { min: 35, max: 65 };
+var VUELTA = 360;
+/** `H S% L%` — el formato exacto en el que HeroUI guarda sus variables de color. */
+var TRIPLETE = /^\s*(-?\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%\s*$/;
+/**
+ * Lee el triplete que HeroUI deja en una variable de color.
+ *
+ * Devuelve `null` en vez de lanzar: esto corre en un efecto de tema y el valor puede
+ * no estar todavía —la clase del tema aún no está en el `<html>`, o el consumidor no
+ * cargó la hoja de estilos—. Un aura que no se pinta es un problema menor; una
+ * excepción que tumba el provider de tema, no.
+ */
+function parseHslTriplet(value) {
+    var encontrado = TRIPLETE.exec(value);
+    if (!encontrado) {
+        return null;
+    }
+    var h = encontrado[1], s = encontrado[2], l = encontrado[3];
+    return { h: Number(h), s: Number(s), l: Number(l) };
+}
+/** Deja un ángulo dentro de `[0, 360)`, venga de donde venga. */
+function normalizarTono(grados) {
+    return ((grados % VUELTA) + VUELTA) % VUELTA;
+}
+function acotar(valor, min, max) {
+    return Math.min(Math.max(valor, min), max);
+}
+/**
+ * Los tres tonos del aura, listos para escribirse en una variable CSS.
+ *
+ * Se redondean a entero: es un degradado decorativo, y las décimas de grado solo
+ * alargan la hoja de estilos.
+ */
+function deriveLindaTones(primary) {
+    var luz = Math.round(acotar(primary.l, BANDA_LUZ.min, BANDA_LUZ.max));
+    var saturacion = Math.round(acotar(primary.s, BANDA_SATURACION.min, BANDA_SATURACION.max));
+    var tonos = GIROS.map(function (giro) {
+        return "".concat(Math.round(normalizarTono(primary.h + giro)), " ").concat(saturacion, "% ").concat(luz, "%");
+    });
+    return tonos;
+}
+/** Las variables que se escriben en el `<html>`, en el orden en que se pintan. */
+var LINDA_TONE_PROPERTIES = [
+    "--linda-1",
+    "--linda-2",
+    "--linda-3",
+];
+/**
+ * Escribe los tres tonos del aura a partir del valor de `--heroui-primary`.
+ *
+ * Si el primary no se puede leer, **borra los que hubiera** y devuelve `false`. Es lo
+ * contrario de dejarlos: unos tonos viejos son de otro tema, y un aura del color
+ * anterior es peor que un aura que no se pinta —la CSS del efecto ya está escrita para
+ * desaparecer sin sus variables—.
+ */
+function applyLindaTones(style, primaryValue) {
+    var primary = parseHslTriplet(primaryValue);
+    if (!primary) {
+        removeLindaTones(style);
+        return false;
+    }
+    var tonos = deriveLindaTones(primary);
+    LINDA_TONE_PROPERTIES.forEach(function (propiedad, indice) {
+        style.setProperty(propiedad, tonos[indice]);
+    });
+    return true;
+}
+/** Quita los tres tonos del aura. */
+function removeLindaTones(style) {
+    for (var _i = 0, LINDA_TONE_PROPERTIES_1 = LINDA_TONE_PROPERTIES; _i < LINDA_TONE_PROPERTIES_1.length; _i++) {
+        var propiedad = LINDA_TONE_PROPERTIES_1[_i];
+        style.removeProperty(propiedad);
+    }
+}
+
 /**
  * Custom hook to manage the theme state and side effects.
  * Supports both named ThemeColor values and arbitrary hex colors.
@@ -9683,6 +9828,30 @@ var useThemeManager = function () {
             removeCustomPrimaryColor();
         }
     }, [customHex, mode]);
+    /*
+     * Los tres tonos del aura de Linda, derivados del primary que acaba de quedar fijado.
+     *
+     * Va DESPUÉS de los dos efectos de arriba y depende de lo mismo que ellos, que es lo
+     * que garantiza que lea el primary definitivo: React ejecuta los efectos en orden de
+     * declaración, así que aquí la clase del tema ya está en el `<html>` y el hex a medida
+     * ya está escrito o retirado.
+     *
+     * Se lee del estilo COMPUTADO y no de `customHex` a propósito: el primary llega por
+     * dos caminos —el hex del negocio o la clase de una de las familias de tema— y el
+     * computado es el único sitio donde los dos han convergido. Derivarlo solo de
+     * `customHex` dejaría sin aura a toda agencia que use una familia tal cual.
+     */
+    /*
+     * `customHex` y `rawTheme` están en la lista aunque el cuerpo no los lea: son la señal
+     * de que el `<html>` acaba de cambiar. La entrada real de este efecto es el estilo
+     * computado, que la regla no puede ver, y sin ellos el aura se quedaría con los tonos
+     * del tema anterior.
+     */
+    // biome-ignore lint/correctness/useExhaustiveDependencies: ver el comentario de arriba
+    React.useEffect(function () {
+        var html = document.documentElement;
+        applyLindaTones(html.style, getComputedStyle(html).getPropertyValue("--heroui-primary"));
+    }, [customHex, rawTheme]);
     var setMode = React.useCallback(function (newMode) {
         var effectiveMode = newMode === "dark" ? "light" : newMode;
         var newTheme = color === "blue" ? effectiveMode : "".concat(color, "-").concat(effectiveMode);
@@ -9855,6 +10024,7 @@ exports.InputPassword = InputPassword;
 exports.Kanban = Kanban;
 exports.KanbanCard = KanbanCard;
 exports.KanbanColumn = KanbanColumn;
+exports.LINDA_TONE_PROPERTIES = LINDA_TONE_PROPERTIES;
 exports.LindaIcon = LindaIcon;
 exports.MenuClaw = MenuClaw;
 exports.MenuComponent = MenuComponent;
@@ -9905,6 +10075,7 @@ exports.Wizard = Wizard;
 exports.WizardNavigation = WizardNavigation;
 exports.WizardSidebar = WizardSidebar;
 exports.applyCustomPrimaryColor = applyCustomPrimaryColor;
+exports.applyLindaTones = applyLindaTones;
 exports.computeBars = computeBars;
 exports.computeMax = computeMax;
 exports.computeSlices = computeSlices;
@@ -9914,6 +10085,7 @@ exports.createCurrencyFormatter = createCurrencyFormatter;
 exports.defaultCountries = uniqueCountries;
 exports.defaultCurrencyOptions = defaultCurrencyOptions;
 exports.defaultTranslations = defaultTranslations$5;
+exports.deriveLindaTones = deriveLindaTones;
 exports.dismissControlProps = dismissControlProps;
 exports.forceLightOnlyThemeBeforeReact = forceLightOnlyThemeBeforeReact;
 exports.formatAuroraThemeTooltip = formatAuroraThemeTooltip;
@@ -9931,7 +10103,9 @@ exports.isGroupState = isGroupState;
 exports.isHexColor = isHexColor;
 exports.isRankedBarListEmpty = isRankedBarListEmpty;
 exports.isSegmentationGroup = isSegmentationGroup;
+exports.parseHslTriplet = parseHslTriplet;
 exports.removeCustomPrimaryColor = removeCustomPrimaryColor;
+exports.removeLindaTones = removeLindaTones;
 exports.shouldClosePopoverOnInteractOutside = shouldClosePopoverOnInteractOutside;
 exports.sizeMap = sizeMap;
 exports.themeColors = themeColors;

package/dist/index.esm.js

@@ -285,6 +285,10 @@ var HolidayType;
     HolidayType["DateRange"] = "dateRange";
 })(HolidayType || (HolidayType = {}));
 
+var CLASE_AURA = {
+    ring: "linda-aura-ring",
+    surface: "linda-aura",
+};
 /**
  * Botón genérico basado en HeroUI siguiendo las reglas de diseño BeweOS.
  *
@@ -295,10 +299,24 @@ var HolidayType;
  * - isLoading: On, Off
  * - Radius: md (por defecto)
  * - isIconOnly: True, False
+ * - ai: aura de Linda para las acciones que hace la IA (ver `Button.types.ts`)
  */
 var Button = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, _e = _a.radius, radius = _e === void 0 ? "sm" : _e, startContent = _a.startContent, endContent = _a.endContent, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isIconOnly, isIconOnly = _g === void 0 ? false : _g, props = __rest(_a, ["color", "size", "variant", "radius", "startContent", "endContent", "isLoading", "isIconOnly"]);
-    return (jsx(Button$1, __assign({}, props, { color: color, size: size, variant: variant, radius: radius, startContent: startContent, endContent: endContent, isLoading: isLoading, isIconOnly: isIconOnly })));
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "solid" : _d, _e = _a.radius, radius = _e === void 0 ? "sm" : _e, startContent = _a.startContent, endContent = _a.endContent, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isIconOnly, isIconOnly = _g === void 0 ? false : _g, ai = _a.ai, className = _a.className, children = _a.children, props = __rest(_a, ["color", "size", "variant", "radius", "startContent", "endContent", "isLoading", "isIconOnly", "ai", "className", "children"]);
+    /*
+     * El contenido se envuelve para poder subirlo por encima del aura.
+     *
+     * Y tiene que ser un elemento: `<Button>Crear campaña</Button>` pasa un NODO DE
+     * TEXTO, que no es posicionable, así que ningún selector puede sacarlo del fondo del
+     * apilado —el aura, que sí está posicionada, le pasaría por encima—. Con `ring` daría
+     * igual porque esa capa es solo el canto; con `surface` el texto se leería a través
+     * del degradado.
+     */
+    var contenido = ai ? (jsx("span", { className: "linda-aura-content", children: children })) : (children);
+    var clases = [ai ? CLASE_AURA[ai] : "", className]
+        .filter(Boolean)
+        .join(" ");
+    return (jsx(Button$1, __assign({}, props, { color: color, size: size, variant: variant, radius: radius, startContent: startContent, endContent: endContent, isLoading: isLoading, isIconOnly: isIconOnly, className: clases || undefined, children: contenido })));
 };
 
 var DatePicker = function (_a) {
@@ -3937,8 +3955,10 @@ var DEFAULT_HISTORY_VISIBLE_COUNT = 5;
  */
 var MenuClaw = React.memo(function MenuClaw(_a) {
     var _b, _c;
-    var userInfo = _a.userInfo, helpButton = _a.helpButton, menuItems = _a.menuItems, history = _a.history, isOpenSidebar = _a.isOpenSidebar, onOpenSidebarChange = _a.onOpenSidebarChange, mobileBottomBarGroupKey = _a.mobileBottomBarGroupKey, _d = _a.showNativeMenu, showNativeMenu = _d === void 0 ? true : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e;
-    var _f = React.useState(false), isCollapsed = _f[0], setIsCollapsed = _f[1];
+    var userInfo = _a.userInfo, helpButton = _a.helpButton, menuItems = _a.menuItems, history = _a.history, isOpenSidebar = _a.isOpenSidebar, onOpenSidebarChange = _a.onOpenSidebarChange, mobileBottomBarGroupKey = _a.mobileBottomBarGroupKey, _d = _a.showNativeMenu, showNativeMenu = _d === void 0 ? true : _d, _e = _a.translations, translations = _e === void 0 ? {} : _e, isCollapsedProp = _a.isCollapsed, onCollapsedChange = _a.onCollapsedChange, defaultCollapsed = _a.defaultCollapsed;
+    var isControlled = isCollapsedProp !== undefined;
+    var _f = React.useState(defaultCollapsed !== null && defaultCollapsed !== void 0 ? defaultCollapsed : false), internalCollapsed = _f[0], setInternalCollapsed = _f[1];
+    var collapsed = isCollapsedProp !== null && isCollapsedProp !== void 0 ? isCollapsedProp : internalCollapsed;
     var t = __assign(__assign({}, DEFAULT_TRANSLATIONS$7), translations);
     var selectedKey = useMemo(function () {
         var _a, _b, _c;
@@ -3987,8 +4007,12 @@ var MenuClaw = React.memo(function MenuClaw(_a) {
         onOpenSidebarChange === null || onOpenSidebarChange === void 0 ? void 0 : onOpenSidebarChange(true);
     }, [onOpenSidebarChange]);
     var handleCollapseToggle = useCallback(function () {
-        setIsCollapsed(function (prev) { return !prev; });
-    }, []);
+        var next = !collapsed;
+        if (!isControlled) {
+            setInternalCollapsed(next);
+        }
+        onCollapsedChange === null || onCollapsedChange === void 0 ? void 0 : onCollapsedChange(next);
+    }, [collapsed, isControlled, onCollapsedChange]);
     var handleHelpClick = useCallback(function () {
         if (helpSection) {
             window.open(helpSection.redirect, "_blank");
@@ -4007,12 +4031,12 @@ var MenuClaw = React.memo(function MenuClaw(_a) {
         (_a = menuItems.onSelect) === null || _a === void 0 ? void 0 : _a.call(menuItems, key, href, "bottomBar");
     }, [onOpenSidebarChange, menuItems.onSelect]);
     var showBottomBar = (mobileBottomBarGroupKey && bottomBarItems.length > 0) || showNativeMenu;
-    return (jsxs(Fragment, { children: [showBottomBar ? (jsx(MenuMobileBottomBar, { items: bottomBarItems, selectedKey: selectedKey, onSelect: handleBottomBarSelect, onMenuPress: handleSidebarOpen, menuLabel: t.menuLabel, navAriaLabel: t.mobileNavAriaLabel, forceVisible: showNativeMenu && bottomBarItems.length === 0 })) : null, jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: "menu-claw-overlay ".concat(isOpenSidebar ? "menu-claw-overlay--open" : ""), onClick: handleSidebarClose, tabIndex: isOpenSidebar ? 0 : -1 }), jsx("div", { className: cn("menu-claw", isCollapsed ? "menu-claw--collapsed" : "menu-claw--expanded", isOpenSidebar && "menu-claw--mobile-open"), "aria-hidden": !isOpenSidebar, children: jsxs("div", { className: "menu-claw__content", children: [jsxs("div", { className: cn("flex items-center", isCollapsed ? "justify-center" : "justify-end"), children: [jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", className: "block cursor-pointer sm:hidden", onClick: handleSidebarClose }), jsx("button", { type: "button", "aria-label": t.toggleSidebarAriaLabel, onClick: handleCollapseToggle, className: "hidden h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-lg text-default-500 transition-colors hover:bg-default-100 sm:flex", children: jsx(IconComponent, { icon: isCollapsed
+    return (jsxs(Fragment, { children: [showBottomBar ? (jsx(MenuMobileBottomBar, { items: bottomBarItems, selectedKey: selectedKey, onSelect: handleBottomBarSelect, onMenuPress: handleSidebarOpen, menuLabel: t.menuLabel, navAriaLabel: t.mobileNavAriaLabel, forceVisible: showNativeMenu && bottomBarItems.length === 0 })) : null, jsx("button", { type: "button", "aria-label": t.closeSidebarAriaLabel, className: "menu-claw-overlay ".concat(isOpenSidebar ? "menu-claw-overlay--open" : ""), onClick: handleSidebarClose, tabIndex: isOpenSidebar ? 0 : -1 }), jsx("div", { className: cn("menu-claw", collapsed ? "menu-claw--collapsed" : "menu-claw--expanded", isOpenSidebar && "menu-claw--mobile-open"), "aria-hidden": !isOpenSidebar, children: jsxs("div", { className: "menu-claw__content", children: [jsxs("div", { className: cn("flex items-center", collapsed ? "justify-center" : "justify-end"), children: [jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", className: "block cursor-pointer sm:hidden", onClick: handleSidebarClose }), jsx("button", { type: "button", "aria-label": t.toggleSidebarAriaLabel, onClick: handleCollapseToggle, className: "hidden h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-lg text-default-500 transition-colors hover:bg-default-100 sm:flex", children: jsx(IconComponent, { icon: collapsed
                                             ? "solar:alt-arrow-right-linear"
-                                            : "solar:alt-arrow-left-linear", size: "md", "aria-hidden": true }) })] }), jsxs("div", { className: cn("flex items-center py-3", isCollapsed ? "justify-center gap-0" : "gap-3"), children: [jsx(Avatar, { size: "sm", src: ((_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, color: !((_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _c === void 0 ? void 0 : _c.trim()) ? "warning" : "default", name: userName, className: "shrink-0" }), !isCollapsed ? (jsxs("div", { className: "menu-claw-collapsible flex min-w-0 flex-col overflow-hidden", children: [jsx("p", { className: "truncate text-small font-semibold text-foreground", children: userName }), jsx("p", { className: "truncate text-tiny text-default-400", children: userRole })] })) : null] }), jsx(MenuClawHistoryPanel, { items: historyConfig.items, initialVisibleCount: historyConfig.initialVisibleCount, onNewConversation: history === null || history === void 0 ? void 0 : history.onNewConversation, isCollapsed: isCollapsed, title: t.historyTitle, newLabel: t.historyNewLabel, showMoreLabel: t.historyShowMoreLabel, showLessLabel: t.historyShowLessLabel, onBeforeSelect: handleSidebarClose }), jsx("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: menuItems.items.map(function (group) {
+                                            : "solar:alt-arrow-left-linear", size: "md", "aria-hidden": true }) })] }), jsxs("div", { className: cn("flex items-center py-3", collapsed ? "justify-center gap-0" : "gap-3"), children: [jsx(Avatar, { size: "sm", src: ((_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, color: !((_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.avatar) === null || _c === void 0 ? void 0 : _c.trim()) ? "warning" : "default", name: userName, className: "shrink-0" }), !collapsed ? (jsxs("div", { className: "menu-claw-collapsible flex min-w-0 flex-col overflow-hidden", children: [jsx("p", { className: "truncate text-small font-semibold text-foreground", children: userName }), jsx("p", { className: "truncate text-tiny text-default-400", children: userRole })] })) : null] }), jsx(MenuClawHistoryPanel, { items: historyConfig.items, initialVisibleCount: historyConfig.initialVisibleCount, onNewConversation: history === null || history === void 0 ? void 0 : history.onNewConversation, isCollapsed: collapsed, title: t.historyTitle, newLabel: t.historyNewLabel, showMoreLabel: t.historyShowMoreLabel, showLessLabel: t.historyShowLessLabel, onBeforeSelect: handleSidebarClose }), jsx("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", children: menuItems.items.map(function (group) {
                                 var _a;
-                                return (jsxs("div", { className: "mb-2", children: [group.title && !isCollapsed ? (jsx("p", { className: "px-2 pb-1 pt-2 text-tiny font-medium uppercase tracking-wide text-default-400", children: group.title })) : null, jsx("ul", { className: "flex flex-col gap-0.5", children: ((_a = group.items) !== null && _a !== void 0 ? _a : []).map(function (item) { return (jsx(MenuClawNavItem, { item: item, selectedKey: selectedKey, isCollapsed: isCollapsed, onSelect: handleMenuSelect }, item.key)); }) })] }, group.key));
-                            }) }), helpSection ? (jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsx(Button$1, { fullWidth: true, className: "text-default-500 data-[hover=true]:text-default-600", startContent: jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: isCollapsed, children: !isCollapsed ? (jsx("span", { className: "menu-claw-collapsible truncate", children: helpSection.title })) : null }) })) : null] }) })] }));
+                                return (jsxs("div", { className: "mb-2", children: [group.title && !collapsed ? (jsx("p", { className: "px-2 pb-1 pt-2 text-tiny font-medium uppercase tracking-wide text-default-400", children: group.title })) : null, jsx("ul", { className: "flex flex-col gap-0.5", children: ((_a = group.items) !== null && _a !== void 0 ? _a : []).map(function (item) { return (jsx(MenuClawNavItem, { item: item, selectedKey: selectedKey, isCollapsed: collapsed, onSelect: handleMenuSelect }, item.key)); }) })] }, group.key));
+                            }) }), helpSection ? (jsx("div", { className: "mt-auto flex flex-col items-center justify-center", children: jsx(Button$1, { fullWidth: true, className: "text-default-500 data-[hover=true]:text-default-600", startContent: jsx(IconComponent, { className: "text-default-500", icon: "solar:info-circle-line-duotone", size: "md" }), variant: "light", onPress: handleHelpClick, isIconOnly: collapsed, children: !collapsed ? (jsx("span", { className: "menu-claw-collapsible truncate", children: helpSection.title })) : null }) })) : null] }) })] }));
 });
 
 /**
@@ -9639,6 +9663,127 @@ function removeCustomPrimaryColor() {
     }
 }
 
+/**
+ * Los tres tonos del aura de Linda, derivados del `primary` de la agencia.
+ *
+ * Linda no tiene color propio: es el `primary` que el negocio eligió en el onboarding,
+ * y por eso aquí no hay ni un color escrito. Lo único que se fija es CUÁNTO se gira ese
+ * tono y en qué banda de luz se pinta.
+ */
+/**
+ * Grados que se gira el `primary` para cada tono, en el orden en que se pintan.
+ *
+ * Son muchos grados a propósito. La gracia del aura es que haya MÁS DE UN COLOR: con
+ * un giro discreto —del orden de 18°, el que usa un degradado de profundidad— salen
+ * tres versiones del mismo tono y el resultado se lee como un plano. A ±55° el salto
+ * se ve como otro color y sigue dentro de la familia del `primary`, que es lo que
+ * permite que esto funcione con la agencia número siete sin tocar nada.
+ *
+ * El tono del medio va casi sin girar: es el que ancla el conjunto al color de la
+ * agencia, para que el aura se lea como suya y no como una decoración pegada encima.
+ */
+var GIROS = [-56, 8, 54];
+/**
+ * Banda de luz en la que se pintan los tres tonos, en porcentaje HSL.
+ *
+ * Los tonos NO heredan la luz del `primary`, y esto es lo que más se nota: un primary
+ * oscuro y poco saturado sobre una superficie clara se lee como una mancha gris —sucia,
+ * no como color—, y uno casi blanco desaparece contra el fondo. Se llevan al paso medio
+ * de la escala, que es el que funciona en los dos casos.
+ */
+var BANDA_LUZ = { min: 52, max: 72 };
+/**
+ * Banda de saturación de los tres tonos, en porcentaje HSL.
+ *
+ * El techo es lo que evita que el aura grite. A plena saturación los tonos dejan de ser
+ * ambiente y pasan a ser tres focos de color encima de un control de 40 pt: bonito en
+ * una captura, insoportable en una barra que se mira todo el día.
+ *
+ * ⚠️ **Y hay una razón que no es estética.** Girar el tono puede caer en un rojo vivo:
+ * un `primary` amarillo —51°— girado −56° aterriza en 355°, que a saturación 100 se lee
+ * como un estado de error alrededor de un botón que no ha fallado. Visto al renderizarlo,
+ * no razonándolo. Bajado a 65 el mismo tono es un rosa apagado y vuelve a leerse como lo
+ * que es: decoración.
+ *
+ * El suelo existe por lo contrario: un `primary` casi gris da tres tonos que no se
+ * distinguen entre sí, y entonces no hay degradado que ver —el aura se lee como una
+ * mancha plana—.
+ */
+var BANDA_SATURACION = { min: 35, max: 65 };
+var VUELTA = 360;
+/** `H S% L%` — el formato exacto en el que HeroUI guarda sus variables de color. */
+var TRIPLETE = /^\s*(-?\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%\s*$/;
+/**
+ * Lee el triplete que HeroUI deja en una variable de color.
+ *
+ * Devuelve `null` en vez de lanzar: esto corre en un efecto de tema y el valor puede
+ * no estar todavía —la clase del tema aún no está en el `<html>`, o el consumidor no
+ * cargó la hoja de estilos—. Un aura que no se pinta es un problema menor; una
+ * excepción que tumba el provider de tema, no.
+ */
+function parseHslTriplet(value) {
+    var encontrado = TRIPLETE.exec(value);
+    if (!encontrado) {
+        return null;
+    }
+    var h = encontrado[1], s = encontrado[2], l = encontrado[3];
+    return { h: Number(h), s: Number(s), l: Number(l) };
+}
+/** Deja un ángulo dentro de `[0, 360)`, venga de donde venga. */
+function normalizarTono(grados) {
+    return ((grados % VUELTA) + VUELTA) % VUELTA;
+}
+function acotar(valor, min, max) {
+    return Math.min(Math.max(valor, min), max);
+}
+/**
+ * Los tres tonos del aura, listos para escribirse en una variable CSS.
+ *
+ * Se redondean a entero: es un degradado decorativo, y las décimas de grado solo
+ * alargan la hoja de estilos.
+ */
+function deriveLindaTones(primary) {
+    var luz = Math.round(acotar(primary.l, BANDA_LUZ.min, BANDA_LUZ.max));
+    var saturacion = Math.round(acotar(primary.s, BANDA_SATURACION.min, BANDA_SATURACION.max));
+    var tonos = GIROS.map(function (giro) {
+        return "".concat(Math.round(normalizarTono(primary.h + giro)), " ").concat(saturacion, "% ").concat(luz, "%");
+    });
+    return tonos;
+}
+/** Las variables que se escriben en el `<html>`, en el orden en que se pintan. */
+var LINDA_TONE_PROPERTIES = [
+    "--linda-1",
+    "--linda-2",
+    "--linda-3",
+];
+/**
+ * Escribe los tres tonos del aura a partir del valor de `--heroui-primary`.
+ *
+ * Si el primary no se puede leer, **borra los que hubiera** y devuelve `false`. Es lo
+ * contrario de dejarlos: unos tonos viejos son de otro tema, y un aura del color
+ * anterior es peor que un aura que no se pinta —la CSS del efecto ya está escrita para
+ * desaparecer sin sus variables—.
+ */
+function applyLindaTones(style, primaryValue) {
+    var primary = parseHslTriplet(primaryValue);
+    if (!primary) {
+        removeLindaTones(style);
+        return false;
+    }
+    var tonos = deriveLindaTones(primary);
+    LINDA_TONE_PROPERTIES.forEach(function (propiedad, indice) {
+        style.setProperty(propiedad, tonos[indice]);
+    });
+    return true;
+}
+/** Quita los tres tonos del aura. */
+function removeLindaTones(style) {
+    for (var _i = 0, LINDA_TONE_PROPERTIES_1 = LINDA_TONE_PROPERTIES; _i < LINDA_TONE_PROPERTIES_1.length; _i++) {
+        var propiedad = LINDA_TONE_PROPERTIES_1[_i];
+        style.removeProperty(propiedad);
+    }
+}
+
 /**
  * Custom hook to manage the theme state and side effects.
  * Supports both named ThemeColor values and arbitrary hex colors.
@@ -9684,6 +9829,30 @@ var useThemeManager = function () {
             removeCustomPrimaryColor();
         }
     }, [customHex, mode]);
+    /*
+     * Los tres tonos del aura de Linda, derivados del primary que acaba de quedar fijado.
+     *
+     * Va DESPUÉS de los dos efectos de arriba y depende de lo mismo que ellos, que es lo
+     * que garantiza que lea el primary definitivo: React ejecuta los efectos en orden de
+     * declaración, así que aquí la clase del tema ya está en el `<html>` y el hex a medida
+     * ya está escrito o retirado.
+     *
+     * Se lee del estilo COMPUTADO y no de `customHex` a propósito: el primary llega por
+     * dos caminos —el hex del negocio o la clase de una de las familias de tema— y el
+     * computado es el único sitio donde los dos han convergido. Derivarlo solo de
+     * `customHex` dejaría sin aura a toda agencia que use una familia tal cual.
+     */
+    /*
+     * `customHex` y `rawTheme` están en la lista aunque el cuerpo no los lea: son la señal
+     * de que el `<html>` acaba de cambiar. La entrada real de este efecto es el estilo
+     * computado, que la regla no puede ver, y sin ellos el aura se quedaría con los tonos
+     * del tema anterior.
+     */
+    // biome-ignore lint/correctness/useExhaustiveDependencies: ver el comentario de arriba
+    useEffect(function () {
+        var html = document.documentElement;
+        applyLindaTones(html.style, getComputedStyle(html).getPropertyValue("--heroui-primary"));
+    }, [customHex, rawTheme]);
     var setMode = useCallback(function (newMode) {
         var effectiveMode = newMode === "dark" ? "light" : newMode;
         var newTheme = color === "blue" ? effectiveMode : "".concat(color, "-").concat(effectiveMode);
@@ -9805,4 +9974,4 @@ var NavigationLoadingProvider = function (_a) {
     return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
 };
 
-export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BEWEOS_THEME_MODE_COOKIE_NAME, BreadcrumbsComponent, Button, CONTAINER_ATTRIBUTE, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DISMISS_CONTROL_ATTRIBUTE, DatePicker, DateRangePicker, DateSelector, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, LindaIcon, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, ViolinPlot, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, removeCustomPrimaryColor, shouldClosePopoverOnInteractOutside, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext };
+export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BEWEOS_THEME_MODE_COOKIE_NAME, BreadcrumbsComponent, Button, CONTAINER_ATTRIBUTE, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_DONUT_COLORS, DEFAULT_PREDEFINED_COLORS, DEFAULT_RANKED_BAR_COLORS, DISMISS_CONTROL_ATTRIBUTE, DatePicker, DateRangePicker, DateSelector, DonutChart, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, LINDA_TONE_PROPERTIES, LindaIcon, MenuClaw, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RankedBarList, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StatTile, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, ViolinPlot, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, applyLindaTones, computeBars, computeMax, computeSlices, computeTotal, containerProps, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$5 as defaultTranslations, deriveLindaTones, dismissControlProps, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isDismissControl, isDonutEmpty, isExactThemeColor, isGroupState, isHexColor, isRankedBarListEmpty, isSegmentationGroup, parseHslTriplet, removeCustomPrimaryColor, removeLindaTones, shouldClosePopoverOnInteractOutside, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext };

package/dist/types/components/button/Button.d.ts

@@ -10,6 +10,7 @@ import type { ButtonProps } from "./Button.types";
  * - isLoading: On, Off
  * - Radius: md (por defecto)
  * - isIconOnly: True, False
+ * - ai: aura de Linda para las acciones que hace la IA (ver `Button.types.ts`)
  */
 export declare const Button: React.FC<ButtonProps>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwBxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiDxC,CAAC"}

package/dist/types/components/button/Button.types.d.ts

@@ -9,5 +9,20 @@ export type ButtonProps = Omit<HeroUIButtonProps, "color" | "size" | "variant" |
     endContent?: React.ReactNode;
     isLoading?: boolean;
     isIconOnly?: boolean;
+    /**
+     * Marca el botón como algo que hace la IA, con el aura viva de Linda.
+     *
+     * Los tres tonos salen del `primary` de la agencia, así que esto NO fija un color:
+     * en una agencia de marca amarilla el aura es amarilla. Los escribe el
+     * `ThemeProvider`; sin él, el aura sale monocroma en vez de no salir.
+     *
+     * - `"ring"` mueve solo el canto y deja el relleno intacto. Es la que va en un
+     *   botón de acento pleno —un CTA como «Crear campaña»—: al no tocar el fondo, el
+     *   contraste del texto no cambia.
+     * - `"surface"` pinta el degradado dentro. **Pide un fondo claro**: `bordered`,
+     *   `flat` o `light`. Sobre `solid` los tonos aclaran el relleno y el texto se
+     *   queda sin contraste.
+     */
+    ai?: "ring" | "surface";
 };
 //# sourceMappingURL=Button.types.d.ts.map

package/dist/types/components/button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,iBAAiB,EACjB,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CACvC,GAAG;IACH,KAAK,CAAC,EACH,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EACL,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,iBAAiB,EACjB,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CACvC,GAAG;IACH,KAAK,CAAC,EACH,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EACL,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,GACP,OAAO,GACP,QAAQ,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;OAaG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxB,CAAC"}

package/dist/types/components/menu-claw/MenuClaw.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuClaw.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-claw/MenuClaw.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAwB,MAAM,kBAAkB,CAAC;AAmB5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2Q3C,CAAC"}
+{"version":3,"file":"MenuClaw.d.ts","sourceRoot":"","sources":["../../../../src/components/menu-claw/MenuClaw.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,aAAa,EAAwB,MAAM,kBAAkB,CAAC;AAmB5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsR3C,CAAC"}

package/dist/types/components/menu-claw/MenuClaw.types.d.ts

@@ -96,6 +96,25 @@ export interface MenuClawProps {
     history: MenuClawHistory;
     isOpenSidebar?: boolean;
     onOpenSidebarChange?: (open: boolean) => void;
+    /**
+     * Estado de plegado, en modo controlado. Si se omite, `MenuClaw` gestiona su
+     * propio estado interno (arranca expandido, o por `defaultCollapsed` si se
+     * indica) — comportamiento idéntico al de antes de esta prop.
+     */
+    isCollapsed?: boolean;
+    /**
+     * Se invoca cuando el usuario pulsa el botón de comprimir/expandir, tanto en
+     * modo controlado como no controlado. En modo controlado el consumidor debe
+     * aplicar el nuevo valor a `isCollapsed`; en modo no controlado es solo un
+     * aviso (el componente ya actualizó su estado interno).
+     */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * Estado de plegado inicial en modo no controlado (sin `isCollapsed`). Se
+     * ignora si `isCollapsed` está presente.
+     * @default false
+     */
+    defaultCollapsed?: boolean;
     /**
      * Key del grupo cuyos ítems se muestran en la barra inferior móvil (hasta 4
      * + hamburguesa). Sin este valor no se muestra la barra inferior.