@beweco/aurora-ui 0.1.47 → 0.1.49

package/dist/index.esm.js

@@ -6,7 +6,7 @@ import { Icon } from '@iconify/react';
 export { loadIcons } from '@iconify/react';
 import React, { useId, useState, useCallback, useMemo, useEffect, createContext, useContext, memo, useRef, createElement, useLayoutEffect } from 'react';
 import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, Tooltip, Area } from 'recharts';
-import { LazyMotion, domAnimation, m } from 'framer-motion';
+import { LazyMotion, domAnimation, m, motion, AnimatePresence } from 'framer-motion';
 import { createPortal } from 'react-dom';
 import { useTheme } from '@heroui/use-theme';
 
@@ -1823,7 +1823,7 @@ KanbanColumn.displayName = "KanbanColumn";
  * Traducciones por defecto en español.
  * Se mezclan con las traducciones proporcionadas por el usuario.
  */
-var DEFAULT_TRANSLATIONS$1 = {
+var DEFAULT_TRANSLATIONS$2 = {
     dropHere: "Soltar aquí",
     emptyMessage: "No hay elementos",
 };
@@ -1857,7 +1857,7 @@ var columnGapClasses = {
 var KanbanComponent = function (_a) {
     var columns = _a.columns, renderItem = _a.renderItem, onCardClick = _a.onCardClick, onItemMove = _a.onItemMove, isDraggable = _a.isDraggable, cardClassName = _a.cardClassName, isCardClickable = _a.isCardClickable, className = _a.className, _b = _a.columnWidth, columnWidth = _b === void 0 ? "280px" : _b, _c = _a.columnGap, columnGap = _c === void 0 ? "md" : _c, _d = _a.horizontalScroll, horizontalScroll = _d === void 0 ? true : _d, columnMaxHeight = _a.columnMaxHeight, renderColumnHeader = _a.renderColumnHeader, renderEmptyState = _a.renderEmptyState, _e = _a.translations, translations = _e === void 0 ? {} : _e, onLoadMore = _a.onLoadMore;
     // Mezclar traducciones del usuario con las por defecto
-    var t = __assign(__assign({}, DEFAULT_TRANSLATIONS$1), translations);
+    var t = __assign(__assign({}, DEFAULT_TRANSLATIONS$2), translations);
     // Determinar si drag está habilitado
     var dragEnabled = isDraggable !== null && isDraggable !== void 0 ? isDraggable : !!onItemMove;
     // Estado del drag actual
@@ -1965,264 +1965,6 @@ var ImagePreview = function (_a) {
                             : undefined, role: isClickable ? "button" : undefined, tabIndex: isClickable ? 0 : undefined, "aria-label": isClickable ? t.clickableImageAriaLabel : undefined }), showRemoveButton && onRemove && (jsx("button", { type: "button", onClick: function () { return handleRemove(image.id || "", index); }, "aria-label": t.removeButtonAriaLabel, className: "\n\t\t\t\t\t\t\t\t\tabsolute -top-2 -right-2 \n\t\t\t\t\t\t\t\t\tp-1 rounded-full \n\t\t\t\t\t\t\t\t\tbg-danger-500 hover:bg-danger-600 \n\t\t\t\t\t\t\t\t\ttext-white \n\t\t\t\t\t\t\t\t\tcursor-pointer \n\t\t\t\t\t\t\t\t\ttransition-colors\n\t\t\t\t\t\t\t\t\tfocus:outline-none \n\t\t\t\t\t\t\t\t\tfocus:ring-2 \n\t\t\t\t\t\t\t\t\tfocus:ring-danger-400 \n\t\t\t\t\t\t\t\t\tfocus:ring-offset-2\n\t\t\t\t\t\t\t\t", children: jsx(IconComponent, { size: size === "micro" ? "sm" : "md", icon: "solar:trash-bin-minimalistic-outline" }) }))] }) }, image.id || index)); }) }));
 };
 
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ function $7215afc6de606d6b$export$de79e2c695e052f3(element) {
-    if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({
-        preventScroll: true
-    });
-    else {
-        let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);
-        element.focus();
-        $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);
-    }
-}
-let $7215afc6de606d6b$var$supportsPreventScrollCached = null;
-function $7215afc6de606d6b$var$supportsPreventScroll() {
-    if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {
-        $7215afc6de606d6b$var$supportsPreventScrollCached = false;
-        try {
-            let focusElem = document.createElement('div');
-            focusElem.focus({
-                get preventScroll () {
-                    $7215afc6de606d6b$var$supportsPreventScrollCached = true;
-                    return true;
-                }
-            });
-        } catch  {
-        // Ignore
-        }
-    }
-    return $7215afc6de606d6b$var$supportsPreventScrollCached;
-}
-function $7215afc6de606d6b$var$getScrollableElements(element) {
-    let parent = element.parentNode;
-    let scrollableElements = [];
-    let rootScrollingElement = document.scrollingElement || document.documentElement;
-    while(parent instanceof HTMLElement && parent !== rootScrollingElement){
-        if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({
-            element: parent,
-            scrollTop: parent.scrollTop,
-            scrollLeft: parent.scrollLeft
-        });
-        parent = parent.parentNode;
-    }
-    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({
-        element: rootScrollingElement,
-        scrollTop: rootScrollingElement.scrollTop,
-        scrollLeft: rootScrollingElement.scrollLeft
-    });
-    return scrollableElements;
-}
-function $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {
-    for (let { element: element, scrollTop: scrollTop, scrollLeft: scrollLeft } of scrollableElements){
-        element.scrollTop = scrollTop;
-        element.scrollLeft = scrollLeft;
-    }
-}
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ function $c87311424ea30a05$var$testUserAgent(re) {
-    var _window_navigator_userAgentData;
-    if (typeof window === 'undefined' || window.navigator == null) return false;
-    return ((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand)=>re.test(brand.brand))) || re.test(window.navigator.userAgent);
-}
-function $c87311424ea30a05$var$testPlatform(re) {
-    var _window_navigator_userAgentData;
-    return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
-}
-function $c87311424ea30a05$var$cached(fn) {
-    if (process.env.NODE_ENV === 'test') return fn;
-    let res = null;
-    return ()=>{
-        if (res == null) res = fn();
-        return res;
-    };
-}
-const $c87311424ea30a05$export$9ac100e40613ea10 = $c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$var$testPlatform(/^Mac/i);
-});
-const $c87311424ea30a05$export$186c6964ca17d99 = $c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$var$testPlatform(/^iPhone/i);
-});
-const $c87311424ea30a05$export$7bef049ce92e4224 = $c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$var$testPlatform(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-    $c87311424ea30a05$export$9ac100e40613ea10() && navigator.maxTouchPoints > 1;
-});
-const $c87311424ea30a05$export$fedb369cb70207f1 = $c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$export$186c6964ca17d99() || $c87311424ea30a05$export$7bef049ce92e4224();
-});
-$c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$export$9ac100e40613ea10() || $c87311424ea30a05$export$fedb369cb70207f1();
-});
-const $c87311424ea30a05$export$78551043582a6a98 = $c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$var$testUserAgent(/AppleWebKit/i) && !$c87311424ea30a05$export$6446a186d09e379e();
-});
-const $c87311424ea30a05$export$6446a186d09e379e = $c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$var$testUserAgent(/Chrome/i);
-});
-$c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$var$testUserAgent(/Android/i);
-});
-const $c87311424ea30a05$export$b7d78993b74f766d = $c87311424ea30a05$var$cached(function() {
-    return $c87311424ea30a05$var$testUserAgent(/Firefox/i);
-});
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-const $ea8dcbcb9ea1b556$var$RouterContext = /*#__PURE__*/ (createContext)({
-    isNative: true,
-    open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
-    useHref: (href)=>href
-});
-function $ea8dcbcb9ea1b556$export$9a302a45f65d0572() {
-    return (useContext)($ea8dcbcb9ea1b556$var$RouterContext);
-}
-function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening = true) {
-    var _window_event_type, _window_event;
-    let { metaKey: metaKey, ctrlKey: ctrlKey, altKey: altKey, shiftKey: shiftKey } = modifiers;
-    // Firefox does not recognize keyboard events as a user action by default, and the popup blocker
-    // will prevent links with target="_blank" from opening. However, it does allow the event if the
-    // Command/Control key is held, which opens the link in a background tab. This seems like the best we can do.
-    // See https://bugzilla.mozilla.org/show_bug.cgi?id=257870 and https://bugzilla.mozilla.org/show_bug.cgi?id=746640.
-    if (($c87311424ea30a05$export$b7d78993b74f766d)() && ((_window_event = window.event) === null || _window_event === void 0 ? void 0 : (_window_event_type = _window_event.type) === null || _window_event_type === void 0 ? void 0 : _window_event_type.startsWith('key')) && target.target === '_blank') {
-        if (($c87311424ea30a05$export$9ac100e40613ea10)()) metaKey = true;
-        else ctrlKey = true;
-    }
-    // WebKit does not support firing click events with modifier keys, but does support keyboard events.
-    // https://github.com/WebKit/WebKit/blob/c03d0ac6e6db178f90923a0a63080b5ca210d25f/Source/WebCore/html/HTMLAnchorElement.cpp#L184
-    let event = ($c87311424ea30a05$export$78551043582a6a98)() && ($c87311424ea30a05$export$9ac100e40613ea10)() && !($c87311424ea30a05$export$7bef049ce92e4224)() && process.env.NODE_ENV !== 'test' ? new KeyboardEvent('keydown', {
-        keyIdentifier: 'Enter',
-        metaKey: metaKey,
-        ctrlKey: ctrlKey,
-        altKey: altKey,
-        shiftKey: shiftKey
-    }) : new MouseEvent('click', {
-        metaKey: metaKey,
-        ctrlKey: ctrlKey,
-        altKey: altKey,
-        shiftKey: shiftKey,
-        bubbles: true,
-        cancelable: true
-    });
-    $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = setOpening;
-    ($7215afc6de606d6b$export$de79e2c695e052f3)(target);
-    target.dispatchEvent(event);
-    $ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;
-}
-// https://github.com/parcel-bundler/parcel/issues/8724
-$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening = false;
-function $ea8dcbcb9ea1b556$var$getSyntheticLink(target, open) {
-    if (target instanceof HTMLAnchorElement) open(target);
-    else if (target.hasAttribute('data-href')) {
-        let link = document.createElement('a');
-        link.href = target.getAttribute('data-href');
-        if (target.hasAttribute('data-target')) link.target = target.getAttribute('data-target');
-        if (target.hasAttribute('data-rel')) link.rel = target.getAttribute('data-rel');
-        if (target.hasAttribute('data-download')) link.download = target.getAttribute('data-download');
-        if (target.hasAttribute('data-ping')) link.ping = target.getAttribute('data-ping');
-        if (target.hasAttribute('data-referrer-policy')) link.referrerPolicy = target.getAttribute('data-referrer-policy');
-        target.appendChild(link);
-        open(link);
-        target.removeChild(link);
-    }
-}
-function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
-    $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link)=>$ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers));
-}
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
-    let [stateValue, setStateValue] = (useState)(value || defaultValue);
-    let isControlledRef = (useRef)(value !== undefined);
-    let isControlled = value !== undefined;
-    (useEffect)(()=>{
-        let wasControlled = isControlledRef.current;
-        if (wasControlled !== isControlled && process.env.NODE_ENV !== 'production') console.warn(`WARN: A component changed from ${wasControlled ? 'controlled' : 'uncontrolled'} to ${isControlled ? 'controlled' : 'uncontrolled'}.`);
-        isControlledRef.current = isControlled;
-    }, [
-        isControlled
-    ]);
-    let currentValue = isControlled ? value : stateValue;
-    let setValue = (useCallback)((value, ...args)=>{
-        let onChangeCaller = (value, ...onChangeArgs)=>{
-            if (onChange) {
-                if (!Object.is(currentValue, value)) onChange(value, ...onChangeArgs);
-            }
-            if (!isControlled) // If uncontrolled, mutate the currentValue local variable so that
-            // calling setState multiple times with the same value only emits onChange once.
-            // We do not use a ref for this because we specifically _do_ want the value to
-            // reset every render, and assigning to a ref in render breaks aborted suspended renders.
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            currentValue = value;
-        };
-        if (typeof value === 'function') {
-            if (process.env.NODE_ENV !== 'production') console.warn('We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320');
-            // this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates
-            // when someone using useControlledState calls setControlledState(myFunc)
-            // this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc
-            // if we're in an uncontrolled state, then we also return the value of myFunc which to setState looks as though it was just called with myFunc from the beginning
-            // otherwise we just return the controlled value, which won't cause a rerender because React knows to bail out when the value is the same
-            let updateFunction = (oldValue, ...functionArgs)=>{
-                let interceptedValue = value(isControlled ? currentValue : oldValue, ...functionArgs);
-                onChangeCaller(interceptedValue, ...args);
-                if (!isControlled) return interceptedValue;
-                return oldValue;
-            };
-            setStateValue(updateFunction);
-        } else {
-            if (!isControlled) setStateValue(value);
-            onChangeCaller(value, ...args);
-        }
-    }, [
-        isControlled,
-        currentValue,
-        onChange
-    ]);
-    return [
-        currentValue,
-        setValue
-    ];
-}
-
 function normalizeClass(value) {
     if (typeof value === "string") {
         return value || undefined;
@@ -2280,37 +2022,25 @@ var EnumMenuNavListItem;
  * @forwardRef
  */
 var MenuNavList = React.forwardRef(function (_a, ref) {
-    var items = _a.items, isCollapsed = _a.isCollapsed, defaultSelectedKey = _a.defaultSelectedKey, onSelect = _a.onSelect, hideEndContent = _a.hideEndContent, _b = _a.sectionClasses, sectionClassesProp = _b === void 0 ? {} : _b, _c = _a.itemClasses, itemClassesProp = _c === void 0 ? {} : _c, iconClassName = _a.iconClassName, classNames = _a.classNames, className = _a.className, props = __rest(_a, ["items", "isCollapsed", "defaultSelectedKey", "onSelect", "hideEndContent", "sectionClasses", "itemClasses", "iconClassName", "classNames", "className"]);
+    var items = _a.items, isCollapsed = _a.isCollapsed, defaultSelectedKey = _a.defaultSelectedKey; _a.onSelect; var hideEndContent = _a.hideEndContent, _b = _a.sectionClasses, sectionClassesProp = _b === void 0 ? {} : _b, _c = _a.itemClasses, itemClassesProp = _c === void 0 ? {} : _c, iconClassName = _a.iconClassName, classNames = _a.classNames, className = _a.className, props = __rest(_a, ["items", "isCollapsed", "defaultSelectedKey", "onSelect", "hideEndContent", "sectionClasses", "itemClasses", "iconClassName", "classNames", "className"]);
     var _d = useState(defaultSelectedKey), selected = _d[0], setSelected = _d[1];
-    var router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
     // Component styles
     var sectionClasses = getSectionClasses(isCollapsed, sectionClassesProp);
     var itemClasses = getItemClasses(isCollapsed, itemClassesProp);
-    // Handles the click event on an item, updating the selection state and navigating.
+    // Handles the click event on an item, updating the selection state.
     // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
     var handleItemPress = React.useCallback(function (item, parentKey) {
         var keySelected = typeof parentKey === "string" ? parentKey : item.key;
         setSelected(keySelected);
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(keySelected);
-        // Use the router provider for client-side navigation (avoids full page reload)
-        if (item.href && item.href !== "#") {
-            if (!router.isNative) {
-                router.open(document.activeElement, new MouseEvent("click"), item.href);
-            }
-            else {
-                window.location.href = item.href;
-            }
-        }
         // Force blur to remove hover state after click.
         if (document.activeElement instanceof HTMLElement) {
             document.activeElement.blur();
         }
-    }, [setSelected, onSelect, router]);
+    }, [setSelected]);
     // Renders the item displayed inside the Popover when the menu is collapsed.
     var renderCompactItem = React.useCallback(function (item, parentKey) {
         var _a, _b;
-        item.href; var itemWithoutHref = __rest(item, ["href"]);
-        return (createElement(ListboxItem, __assign({}, itemWithoutHref, { key: item.key, endContent: (_a = item.endContent) !== null && _a !== void 0 ? _a : null, startContent: item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_b = item.startContent) !== null && _b !== void 0 ? _b : null)), textValue: item.title, title: item.title, className: "data-[hover=true]:text-default-600", onPress: function () { return handleItemPress(item, parentKey); } })));
+        return (createElement(ListboxItem, __assign({}, item, { key: item.key, endContent: (_a = item.endContent) !== null && _a !== void 0 ? _a : null, startContent: item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_b = item.startContent) !== null && _b !== void 0 ? _b : null)), textValue: item.title, title: item.title, className: "data-[hover=true]:text-default-600", onPress: function () { return handleItemPress(item, parentKey); } })));
     }, [handleItemPress, iconClassName]);
     // Renders a nested item, i.e., an item that has sub-items.
     // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
@@ -2319,8 +2049,10 @@ var MenuNavList = React.forwardRef(function (_a, ref) {
         var isNestType = item.items &&
             ((_a = item.items) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
             (item === null || item === void 0 ? void 0 : item.type) === EnumMenuNavListItem.Nest;
-        item.href; var itemWithoutHref = __rest(item, ["href"]);
-        return (createElement(ListboxItem, __assign({}, itemWithoutHref, { key: item.key, classNames: {
+        if (isNestType) {
+            item.href = undefined;
+        }
+        return (createElement(ListboxItem, __assign({}, item, { key: item.key, classNames: {
                 base: cn({
                     "h-auto p-0": !isCollapsed && isNestType,
                 }, {
@@ -2357,8 +2089,7 @@ var MenuNavList = React.forwardRef(function (_a, ref) {
             return renderNestItem(item);
         }
         var isItemSelected = selected === item.key;
-        item.href; var itemWithoutHref = __rest(item, ["href"]);
-        return (createElement(ListboxItem, __assign({}, itemWithoutHref, { key: item.key, endContent: isCollapsed || hideEndContent ? null : ((_b = item.endContent) !== null && _b !== void 0 ? _b : null), startContent: isCollapsed ? null : item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_c = item.startContent) !== null && _c !== void 0 ? _c : null)), textValue: item.title, title: isCollapsed ? null : item.title, onPress: function () { return handleItemPress(item, parentKey); }, "aria-selected": isItemSelected, "aria-label": item.title || "Menu item ".concat(item.key) }), isCollapsed ? (jsx(Tooltip$1, { content: item.title, placement: "right", closeDelay: 200, shouldCloseOnBlur: false, classNames: {
+        return (createElement(ListboxItem, __assign({}, item, { key: item.key, endContent: isCollapsed || hideEndContent ? null : ((_b = item.endContent) !== null && _b !== void 0 ? _b : null), startContent: isCollapsed ? null : item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_c = item.startContent) !== null && _c !== void 0 ? _c : null)), textValue: item.title, title: isCollapsed ? null : item.title, onPress: function () { return handleItemPress(item, parentKey); }, "aria-selected": isItemSelected, "aria-label": item.title || "Menu item ".concat(item.key) }), isCollapsed ? (jsx(Tooltip$1, { content: item.title, placement: "right", closeDelay: 200, shouldCloseOnBlur: false, classNames: {
                 base: "text-default-500",
             }, children: jsx("div", { className: "flex w-full items-center justify-center", "aria-hidden": "true", children: item.icon ? (jsx(IconComponent, { className: cn("text-default-500", "group-data-[selected=true]:text-default-600", iconClassName), icon: item.icon, size: "lg" })) : (((_d = item.startContent) !== null && _d !== void 0 ? _d : null)) }) })) : null));
     }, 
@@ -2430,6 +2161,70 @@ var StepIndicator = function (_a) {
     return (jsxs("div", __assign({ className: cn("w-full", className) }, props, { children: [showStepText && (jsx("div", { className: "text-center text-sm font-medium text-default-400 mb-3", children: stepText })), jsx("div", { className: "w-full bg-content2 rounded-full h-2 overflow-hidden", children: jsx("div", { className: cn("h-full transition-all duration-300 ease-out rounded-full", colorClasses[color]), style: { width: "".concat(progressPercentage, "%") } }) })] })));
 };
 
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
+    let [stateValue, setStateValue] = (useState)(value || defaultValue);
+    let isControlledRef = (useRef)(value !== undefined);
+    let isControlled = value !== undefined;
+    (useEffect)(()=>{
+        let wasControlled = isControlledRef.current;
+        if (wasControlled !== isControlled && process.env.NODE_ENV !== 'production') console.warn(`WARN: A component changed from ${wasControlled ? 'controlled' : 'uncontrolled'} to ${isControlled ? 'controlled' : 'uncontrolled'}.`);
+        isControlledRef.current = isControlled;
+    }, [
+        isControlled
+    ]);
+    let currentValue = isControlled ? value : stateValue;
+    let setValue = (useCallback)((value, ...args)=>{
+        let onChangeCaller = (value, ...onChangeArgs)=>{
+            if (onChange) {
+                if (!Object.is(currentValue, value)) onChange(value, ...onChangeArgs);
+            }
+            if (!isControlled) // If uncontrolled, mutate the currentValue local variable so that
+            // calling setState multiple times with the same value only emits onChange once.
+            // We do not use a ref for this because we specifically _do_ want the value to
+            // reset every render, and assigning to a ref in render breaks aborted suspended renders.
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            currentValue = value;
+        };
+        if (typeof value === 'function') {
+            if (process.env.NODE_ENV !== 'production') console.warn('We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320');
+            // this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates
+            // when someone using useControlledState calls setControlledState(myFunc)
+            // this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc
+            // if we're in an uncontrolled state, then we also return the value of myFunc which to setState looks as though it was just called with myFunc from the beginning
+            // otherwise we just return the controlled value, which won't cause a rerender because React knows to bail out when the value is the same
+            let updateFunction = (oldValue, ...functionArgs)=>{
+                let interceptedValue = value(isControlled ? currentValue : oldValue, ...functionArgs);
+                onChangeCaller(interceptedValue, ...args);
+                if (!isControlled) return interceptedValue;
+                return oldValue;
+            };
+            setStateValue(updateFunction);
+        } else {
+            if (!isControlled) setStateValue(value);
+            onChangeCaller(value, ...args);
+        }
+    }, [
+        isControlled,
+        currentValue,
+        onChange
+    ]);
+    return [
+        currentValue,
+        setValue
+    ];
+}
+
 var defaultTranslations$7 = {
     checkIconTitle: "Check",
 };
@@ -3888,6 +3683,391 @@ function GlobalToast() {
     return (jsx("div", { className: "fixed top-4 right-4 z-[2000] w-full max-w-sm", children: jsx(Alert, { hideIconWrapper: true, color: toast.color, variant: "flat", title: toast.title, description: toast.description, isClosable: true, onClose: hideToast }) }));
 }
 
+/**
+ * Subscribe to a CSS media query and return its current match state.
+ */
+var useMediaQuery = function (query, initialValue) {
+    if (initialValue === void 0) { initialValue = true; }
+    var _a = useState(function () {
+        if (typeof window === "undefined") {
+            return initialValue;
+        }
+        return window.matchMedia(query).matches;
+    }), matches = _a[0], setMatches = _a[1];
+    useEffect(function () {
+        if (typeof window === "undefined") {
+            return;
+        }
+        var mediaQuery = window.matchMedia(query);
+        var onMediaQueryChange = function (event) {
+            setMatches(event.matches);
+        };
+        setMatches(mediaQuery.matches);
+        if (typeof mediaQuery.addEventListener === "function") {
+            mediaQuery.addEventListener("change", onMediaQueryChange);
+            return function () { return mediaQuery.removeEventListener("change", onMediaQueryChange); };
+        }
+        var legacyMediaQuery = mediaQuery;
+        legacyMediaQuery.addListener(onMediaQueryChange);
+        return function () { return legacyMediaQuery.removeListener(onMediaQueryChange); };
+    }, [query]);
+    return matches;
+};
+
+/** Default typing speed in milliseconds per character */
+var DEFAULT_TYPING_SPEED_MS = 20;
+/** Default system primary color token for the aura glow */
+var DEFAULT_AURA_COLOR = "hsl(var(--heroui-primary))";
+/** Default max width for the speech bubble */
+var DEFAULT_MAX_WIDTH = 420;
+/** Orb dimensions by size variant */
+var ORB_SIZES = {
+    sm: 96,
+    md: 128,
+    lg: 160,
+    xl: 192,
+};
+
+var isHexColor = function (value) {
+    var normalized = value.startsWith("#") ? value.slice(1) : value;
+    return /^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(normalized);
+};
+var hexToRgba = function (hexColor, alpha) {
+    var hex = hexColor.replace("#", "");
+    var parsed = hex.length === 3
+        ? hex
+            .split("")
+            .map(function (c) { return c + c; })
+            .join("")
+        : hex;
+    var r = parseInt(parsed.slice(0, 2), 16);
+    var g = parseInt(parsed.slice(2, 4), 16);
+    var b = parseInt(parsed.slice(4, 6), 16);
+    return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+};
+var colorWithAlpha = function (color, alpha) {
+    if (isHexColor(color)) {
+        var normalized = color.startsWith("#") ? color : "#".concat(color);
+        return hexToRgba(normalized, alpha);
+    }
+    return "color-mix(in srgb, ".concat(color, " ").concat(Math.round(alpha * 100), "%, transparent)");
+};
+var STATE_ANIMATIONS = {
+    excited: {
+        scale: [1, 1.05, 1],
+        rotate: [0, 5, -5, 0],
+    },
+    thinking: {
+        scale: [1, 0.95, 1],
+        rotate: [0, 360],
+        transition: {
+            rotate: { duration: 8, repeat: Infinity, ease: "linear" },
+        },
+    },
+    happy: {
+        y: [0, -10, 0],
+    },
+    concerned: {
+        scale: [1, 0.9, 1],
+        opacity: [1, 0.8, 1],
+    },
+    learning: {
+        scale: [1, 1.1, 1],
+        rotate: [0, -5, 5, 0],
+    },
+    surprised: {
+        scale: [1, 1.2, 1],
+        y: [0, -15, 0],
+    },
+    inspired: {
+        scale: [1, 1.15, 1],
+    },
+};
+var AuraGlow = function (_a) {
+    var _b;
+    var _c = _a.state, state = _c === void 0 ? "happy" : _c, _d = _a.size, size = _d === void 0 ? "xl" : _d, _e = _a.animated, animated = _e === void 0 ? true : _e, _f = _a.className, className = _f === void 0 ? "" : _f;
+    var auraBaseColor = DEFAULT_AURA_COLOR;
+    var auraStrong = colorWithAlpha(auraBaseColor, 0.6);
+    var auraMedium = colorWithAlpha(auraBaseColor, 0.45);
+    var auraSoft = colorWithAlpha(auraBaseColor, 0.25);
+    var auraGlow = colorWithAlpha(auraBaseColor, 0.8);
+    var animations = animated && STATE_ANIMATIONS[state] ? STATE_ANIMATIONS[state] : {};
+    var dimension = (_b = ORB_SIZES[size]) !== null && _b !== void 0 ? _b : ORB_SIZES.xl;
+    return (jsxs(motion.div, { animate: animated
+            ? __assign({ y: [0, -12, 0] }, animations) : {}, transition: {
+            y: { duration: 5, repeat: Infinity, ease: "easeInOut" },
+            default: { duration: 0.5 },
+        }, className: className, style: {
+            width: "".concat(dimension, "px"),
+            height: "".concat(dimension, "px"),
+            position: "relative",
+            background: "none",
+            border: "none",
+            boxShadow: "none",
+            outline: "none",
+        }, children: [jsx(motion.div, { animate: {
+                    opacity: [0.2, 0.5, 0.2],
+                    scale: [1, 1.3, 1],
+                    rotate: [0, 180, 360],
+                }, transition: {
+                    duration: 8,
+                    repeat: Infinity,
+                    ease: "easeInOut",
+                }, className: "pointer-events-none", style: {
+                    position: "absolute",
+                    top: "-50%",
+                    left: "-50%",
+                    right: "-50%",
+                    bottom: "-50%",
+                    background: "radial-gradient(circle, ".concat(auraMedium, " 0%, ").concat(auraSoft, " 50%, transparent 70%)"),
+                    filter: "blur(40px)",
+                    borderRadius: "9999px",
+                    border: "none",
+                    boxShadow: "none",
+                } }), jsx(motion.div, { animate: {
+                    opacity: [0.4, 0.7, 0.4],
+                    scale: [1.1, 1.25, 1.1],
+                    rotate: [360, 0],
+                }, transition: {
+                    duration: 10,
+                    repeat: Infinity,
+                    ease: "linear",
+                }, className: "pointer-events-none", style: {
+                    position: "absolute",
+                    top: "-30%",
+                    left: "-30%",
+                    right: "-30%",
+                    bottom: "-30%",
+                    background: "radial-gradient(ellipse, ".concat(auraStrong, " 0%, ").concat(auraMedium, " 40%, ").concat(auraSoft, " 70%, transparent 100%)"),
+                    filter: "blur(30px)",
+                    borderRadius: "9999px",
+                    border: "none",
+                    boxShadow: "none",
+                } }), jsx(motion.div, { animate: {
+                    opacity: [0.6, 1, 0.6],
+                    scale: [0.9, 1.1, 0.9],
+                }, transition: {
+                    duration: 3,
+                    repeat: Infinity,
+                    ease: "easeInOut",
+                }, className: "pointer-events-none", style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    background: "radial-gradient(circle, ".concat(auraGlow, " 0%, ").concat(auraStrong, " 30%, ").concat(auraSoft, " 60%, transparent 100%)"),
+                    filter: "blur(20px)",
+                    borderRadius: "9999px",
+                    border: "none",
+                    boxShadow: "none",
+                } }), jsx(motion.div, { animate: {
+                    opacity: [0.3, 0.8, 0.3],
+                    rotate: [0, -360],
+                    scale: [1, 1.15, 1],
+                }, transition: {
+                    duration: 12,
+                    repeat: Infinity,
+                    ease: "linear",
+                }, className: "pointer-events-none", style: {
+                    position: "absolute",
+                    top: "10%",
+                    left: "10%",
+                    right: "10%",
+                    bottom: "10%",
+                    background: "conic-gradient(from 0deg, transparent 0deg, ".concat(auraMedium, " 90deg, ").concat(auraSoft, " 180deg, ").concat(auraMedium, " 270deg, transparent 360deg)"),
+                    filter: "blur(15px)",
+                    mixBlendMode: "screen",
+                    borderRadius: "9999px",
+                    border: "none",
+                    boxShadow: "none",
+                } }), __spreadArray([], Array(3), true).map(function (_, i) { return (jsx(motion.div, { animate: {
+                    opacity: [0, 0.6, 0],
+                    scale: [0.5, 1.5, 0.5],
+                    x: [0, (i % 2 === 0 ? 1 : -1) * (15 + i * 5)],
+                    y: [0, (i % 2 === 0 ? -1 : 1) * (15 + i * 5)],
+                }, transition: {
+                    duration: 4 + i,
+                    repeat: Infinity,
+                    delay: i * 1.5,
+                    ease: "easeInOut",
+                }, className: "absolute w-4 h-4 rounded-full", style: {
+                    top: "".concat(30 + i * 20, "%"),
+                    left: "".concat(30 + i * 20, "%"),
+                    background: i % 2 === 0
+                        ? "radial-gradient(circle, ".concat(auraGlow, ", transparent)")
+                        : "radial-gradient(circle, ".concat(auraMedium, ", transparent)"),
+                    filter: "blur(8px)",
+                } }, i)); })] }));
+};
+
+var toGraphemes = function (value) {
+    var IntlWithSegmenter = Intl;
+    if (typeof Intl !== "undefined" && IntlWithSegmenter.Segmenter) {
+        var seg = new IntlWithSegmenter.Segmenter("es", { granularity: "grapheme" });
+        return Array.from(seg.segment(value), function (s) { return s.segment; });
+    }
+    return Array.from(value); // fallback
+};
+var SpeechBubble = memo(function (_a) {
+    var text = _a.text, _b = _a.typing, typing = _b === void 0 ? false : _b, _c = _a.typingSpeed, typingSpeed = _c === void 0 ? DEFAULT_TYPING_SPEED_MS : _c, _d = _a.maxWidth, maxWidth = _d === void 0 ? 700 : _d, _e = _a.className, className = _e === void 0 ? "" : _e, onTypingComplete = _a.onTypingComplete;
+    var _f = useState(typing ? "" : typeof text === "string" ? text : ""), displayedText = _f[0], setDisplayedText = _f[1];
+    var _g = useState(typing), isTyping = _g[0], setIsTyping = _g[1];
+    var onTypingCompleteRef = useRef(onTypingComplete);
+    var intervalIdRef = useRef(null);
+    useEffect(function () {
+        onTypingCompleteRef.current = onTypingComplete;
+    }, [onTypingComplete]);
+    useEffect(function () {
+        var currentText = typeof text === "string" ? toGraphemes(text) : [''];
+        if (!typing) {
+            setDisplayedText(currentText.join(''));
+            setIsTyping(false);
+            return;
+        }
+        if (intervalIdRef.current) {
+            return;
+        }
+        setIsTyping(true);
+        setDisplayedText("");
+        var cancelled = false;
+        var charIndex = 0;
+        intervalIdRef.current = setInterval(function () {
+            var _a, _b;
+            if (cancelled)
+                return;
+            if (charIndex >= currentText.length) {
+                clearInterval((_a = intervalIdRef.current) !== null && _a !== void 0 ? _a : undefined);
+                intervalIdRef.current = null;
+                setIsTyping(false);
+                (_b = onTypingCompleteRef.current) === null || _b === void 0 ? void 0 : _b.call(onTypingCompleteRef);
+                return;
+            }
+            var char = currentText[charIndex];
+            charIndex++;
+            setDisplayedText(function (prev) { return prev + char; });
+        }, typingSpeed);
+        return function () {
+            var _a;
+            if (intervalIdRef.current) {
+                clearInterval((_a = intervalIdRef.current) !== null && _a !== void 0 ? _a : undefined);
+                intervalIdRef.current = null;
+            }
+            cancelled = true;
+        };
+    }, []);
+    return (jsxs(motion.div, { initial: { opacity: 0, y: 12, scale: 0.97 }, animate: { opacity: 1, y: 0, scale: 1 }, transition: {
+            duration: 0.6,
+            ease: [0.4, 0.0, 0.2, 1],
+        }, className: "relative ".concat(className), style: { maxWidth: "".concat(maxWidth, "px") }, children: [jsx("div", { className: "bg-white/85 dark:bg-gray-900/85 backdrop-blur-xl rounded-3xl px-8 py-6 shadow-[0_8px_30px_rgba(0,0,0,0.04)] dark:shadow-[0_8px_30px_rgba(0,0,0,0.3)] border border-white/50 dark:border-gray-800/50", children: jsxs("p", { className: "text-lg text-gray-800 dark:text-gray-200 leading-relaxed font-sans font-normal", children: [displayedText, isTyping && (jsx(motion.span, { animate: { opacity: [0.3, 1, 0.3] }, transition: {
+                                duration: 1.2,
+                                repeat: Infinity,
+                                ease: "easeInOut",
+                            }, className: "inline-block ml-1.5 w-0.5 h-5 bg-blue-500/50 align-middle rounded-full" }))] }) }), jsx("div", { className: "absolute -top-2 left-10 w-4 h-4 bg-white/85 dark:bg-gray-900/85 border-l border-t border-white/50 dark:border-gray-800/50 transform rotate-45 backdrop-blur-xl" })] }));
+});
+
+/**
+ * AssistantOrb
+ *
+ * A compound component that renders an animated aurora orb
+ * with a speech bubble featuring a character-by-character typing effect.
+ * Designed for AI assistant UIs with AuraUI system theming.
+ */
+var AssistantOrb = function (_a) {
+    var _b;
+    var text = _a.text, _c = _a.state, state = _c === void 0 ? "happy" : _c, _d = _a.size, size = _d === void 0 ? "xl" : _d, _e = _a.animated, animated = _e === void 0 ? true : _e, _f = _a.typing, typing = _f === void 0 ? false : _f, _g = _a.typingSpeed, typingSpeed = _g === void 0 ? DEFAULT_TYPING_SPEED_MS : _g, hint = _a.hint, _h = _a.maxWidth, maxWidth = _h === void 0 ? DEFAULT_MAX_WIDTH : _h, onTypingComplete = _a.onTypingComplete, translations = _a.translations, _j = _a.className, className = _j === void 0 ? "" : _j;
+    var hintText = (_b = translations === null || translations === void 0 ? void 0 : translations.hint) !== null && _b !== void 0 ? _b : hint;
+    var handleTypingComplete = useCallback(function () {
+        onTypingComplete === null || onTypingComplete === void 0 ? void 0 : onTypingComplete();
+    }, []);
+    return (jsxs("div", { className: "relative flex flex-col items-center gap-6 max-w-md ".concat(className), children: [jsx(AuraGlow, { state: state, size: size, animated: animated }), jsx(SpeechBubble, { text: text, typing: typing, typingSpeed: typingSpeed, maxWidth: maxWidth, onTypingComplete: handleTypingComplete }), hintText && (jsx(motion.p, { initial: { opacity: 0 }, animate: { opacity: 1 }, transition: {
+                    delay: 0.6,
+                    duration: 0.6,
+                    ease: [0.4, 0.0, 0.2, 1],
+                }, className: "text-sm text-gray-500 dark:text-gray-400 text-center mt-4 font-normal", children: hintText }))] }));
+};
+
+var TYPING_SPEED_MS = 15;
+var DESKTOP_BREAKPOINT_PX = 1024;
+var WELCOME_GRADIENTS = [
+    "linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, rgba(147, 51, 234, 0.02) 50%, rgba(168, 85, 247, 0.02) 100%)",
+    "linear-gradient(135deg, rgba(147, 51, 234, 0.03) 0%, rgba(168, 85, 247, 0.02) 50%, rgba(59, 130, 246, 0.02) 100%)",
+    "linear-gradient(135deg, rgba(168, 85, 247, 0.03) 0%, rgba(59, 130, 246, 0.02) 50%, rgba(147, 51, 234, 0.02) 100%)",
+];
+var AURORAS = [
+    {
+        size: "w-[700px] h-[700px]",
+        color: "from-blue-400/4 to-transparent",
+        position: { top: "10%", left: "10%" },
+        duration: 45,
+    },
+    {
+        size: "w-[600px] h-[600px]",
+        color: "from-purple-400/4 to-transparent",
+        position: { bottom: "15%", right: "15%" },
+        duration: 50,
+    },
+    {
+        size: "w-[500px] h-[500px]",
+        color: "from-violet-400/3 to-transparent",
+        position: { top: "50%", left: "50%" },
+        duration: 55,
+    },
+];
+var DEFAULT_TRANSLATIONS$1 = {
+    backButtonLabel: "Atras",
+};
+var BackButton = function (_a) {
+    var onPress = _a.onPress, _b = _a.visible, visible = _b === void 0 ? true : _b, _c = _a.className, className = _c === void 0 ? "" : _c, label = _a.label;
+    if (!visible) {
+        return null;
+    }
+    return (jsx("div", { className: "fixed top-6 left-6 z-30 ".concat(className), children: jsx(Button$1, { variant: "light", size: "sm", onPress: onPress, className: "bg-transparent hover:bg-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 px-3", startContent: jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M15 19l-7-7 7-7" }) }), children: label }) }));
+};
+var Aurora = function (_a) {
+    var size = _a.size, color = _a.color, position = _a.position, duration = _a.duration, _b = _a.delay, delay = _b === void 0 ? 0 : _b;
+    return (jsx(motion.div, { className: "absolute ".concat(size, " rounded-full bg-gradient-radial ").concat(color, " blur-3xl"), style: position, animate: {
+            x: [0, 40, -20, 0],
+            y: [0, -30, 20, 0],
+            scale: [1, 1.1, 0.95, 1],
+            opacity: [0.3, 0.5, 0.35, 0.3],
+        }, transition: {
+            duration: duration,
+            repeat: Number.POSITIVE_INFINITY,
+            ease: [0.4, 0.0, 0.2, 1],
+            delay: delay,
+        } }));
+};
+var AnimatedBackground = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? "" : _b;
+    return (jsxs("div", { className: "absolute inset-0 z-0 overflow-hidden pointer-events-none ".concat(className), children: [jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-gray-50 via-white to-gray-50 dark:from-gray-950 dark:via-gray-900 dark:to-gray-950" }), jsx(motion.div, { className: "absolute inset-0", animate: { background: WELCOME_GRADIENTS }, transition: {
+                    duration: 30,
+                    repeat: Number.POSITIVE_INFINITY,
+                    ease: "linear",
+                } }), AURORAS.map(function (aurora, index) { return (jsx(Aurora, __assign({}, aurora, { delay: index * 5 }), aurora.duration)); })] }));
+};
+var TwoColumnLayoutAgent = function (_a) {
+    var _b = _a.assistantState, assistantState = _b === void 0 ? "happy" : _b, assistantSpeech = _a.assistantSpeech, _c = _a.assistantSize, assistantSize = _c === void 0 ? "xl" : _c, assistantHint = _a.assistantHint, _d = _a.enableSequence, enableSequence = _d === void 0 ? true : _d, children = _a.children, _e = _a.showBackButton, showBackButton = _e === void 0 ? false : _e, onBack = _a.onBack, _f = _a.translations, translations = _f === void 0 ? {} : _f, _g = _a.className, className = _g === void 0 ? "" : _g;
+    var _h = useState(!enableSequence), showRightContent = _h[0], setShowRightContent = _h[1];
+    var isDesktop = useMediaQuery("(min-width: ".concat(DESKTOP_BREAKPOINT_PX, "px)"));
+    var t = useMemo(function () { return (__assign(__assign({}, DEFAULT_TRANSLATIONS$1), translations)); }, [translations]);
+    var handleBackPress = onBack !== null && onBack !== void 0 ? onBack : (function () { return undefined; });
+    useEffect(function () {
+        if (enableSequence && !showRightContent) {
+            var safetyTimeout_1 = setTimeout(function () {
+                setShowRightContent(true);
+            }, 10000);
+            return function () { return clearTimeout(safetyTimeout_1); };
+        }
+    }, [enableSequence, showRightContent]);
+    var handleTypingComplete = function () {
+        setTimeout(function () {
+            setShowRightContent(true);
+        }, 100);
+    };
+    return (jsxs("div", { className: "min-h-screen relative isolate overflow-hidden ".concat(className), children: [jsx(BackButton, { onPress: handleBackPress, visible: showBackButton, label: t.backButtonLabel }), jsx(AnimatedBackground, {}), jsx("div", { className: "relative z-10 flex flex-col h-screen", children: jsxs("div", { className: "flex-grow flex overflow-hidden", children: [jsx(motion.div, { initial: { opacity: 0, x: -30 }, animate: { opacity: 1, x: 0 }, transition: { duration: 0.8, ease: [0.4, 0.0, 0.2, 1] }, className: "".concat(isDesktop ? "flex w-2/5" : "hidden", " flex-col items-center justify-center p-8 xl:p-12"), children: jsx(AssistantOrb, { text: assistantSpeech, state: assistantState, size: assistantSize, animated: true, typing: enableSequence, typingSpeed: TYPING_SPEED_MS, hint: assistantHint, onTypingComplete: handleTypingComplete }) }), jsxs("div", { className: "".concat(isDesktop ? "w-3/5 p-12" : "w-full p-6 sm:p-8", " flex flex-col items-center justify-center overflow-y-auto"), children: [!isDesktop && (jsx("div", { className: "mb-8 flex flex-col items-center gap-4", children: jsx(AssistantOrb, { text: assistantSpeech, state: assistantState, size: "lg", animated: true, typing: false }) })), jsx(AnimatePresence, { mode: "wait", children: showRightContent && (jsx(motion.div, { initial: { opacity: 0, x: 30 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -30 }, transition: { duration: 0.6, ease: [0.4, 0.0, 0.2, 1] }, className: "w-full max-w-2xl", children: children }, "right-content")) })] })] }) })] }));
+};
+
 // Traducciones por defecto en español
 var defaultTranslations$1 = {
     uploadText: "Da clic y selecciona tus archivos",
@@ -5435,4 +5615,4 @@ var NavigationLoadingProvider = function (_a) {
     return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
 };
 
-export { AccordionList, AddHolidayForm, AnalyticsCard, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, RangeFilter, RowSteps, ScheduleRow, SearchInput, Select, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, UploadFile, VerticalSteps, Wizard, WizardNavigation, WizardSidebar, defaultTranslations$4 as defaultTranslations, sizeMap, themeColors, useAuraToast, useNavigationLoading, useThemeContext };
+export { AccordionList, AddHolidayForm, AnalyticsCard, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, RangeFilter, RowSteps, ScheduleRow, SearchInput, Select, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, TwoColumnLayoutAgent, UploadFile, VerticalSteps, Wizard, WizardNavigation, WizardSidebar, defaultTranslations$4 as defaultTranslations, sizeMap, themeColors, useAuraToast, useMediaQuery, useNavigationLoading, useThemeContext };