@beweco/aurora-ui 0.6.57-qa.61 → 0.6.57-qa.63

package/dist/index.cjs.js

@@ -1771,6 +1771,42 @@ var Chip = function (_a) {
     return (jsxRuntime.jsx(react.Chip, __assign({}, props, { onClose: props.onClose, classNames: __assign({ base: colorClasses }, props.classNames) })));
 };
 
+/**
+ * Cierra un dropdown/popover porteado cuando un ancestro hace scroll.
+ *
+ * Los componentes que portean su contenido a `document.body` y lo posicionan
+ * de forma absoluta con `getBoundingClientRect()` quedan "flotando" en la
+ * posición original cuando un contenedor con scroll se desplaza, porque la
+ * posición no se recalcula. En lugar de reposicionar en cada frame, se cierra
+ * el dropdown ante el scroll de un ancestro (mismo comportamiento que los
+ * overlays de React Aria/HeroUI).
+ */
+var useCloseOnAncestorScroll = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, contentRef = _a.contentRef;
+    React.useEffect(function () {
+        if (!isOpen) {
+            return;
+        }
+        var handleAncestorScroll = function (event) {
+            var _a;
+            var target = event.target;
+            // Permitir el scroll interno del propio contenido (la lista).
+            if (target && ((_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))) {
+                return;
+            }
+            onClose();
+        };
+        // `capture` para detectar el scroll de cualquier ancestro, no solo window.
+        window.addEventListener("scroll", handleAncestorScroll, {
+            capture: true,
+            passive: true,
+        });
+        return function () {
+            window.removeEventListener("scroll", handleAncestorScroll, true);
+        };
+    }, [isOpen, onClose, contentRef]);
+};
+
 // Lista de países con código telefónico y código ISO
 var countries = [
     { code: "+57", name: "Colombia", country: "CO" },
@@ -2426,6 +2462,13 @@ var Currency = function (_a) {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isDropdownOpen]);
+    // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando
+    // un ancestro hace scroll para que no quede flotando fuera de lugar.
+    useCloseOnAncestorScroll({
+        isOpen: isDropdownOpen,
+        onClose: function () { return setIsDropdownOpen(false); },
+        contentRef: portalDropdownRef,
+    });
     var emitChange = function (opt, amount) {
         if (showInput) {
             onChange === null || onChange === void 0 ? void 0 : onChange({
@@ -3829,8 +3872,11 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
 VerticalSteps.displayName = "VerticalSteps";
 
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, _c = _a.isDismissable, isDismissable = _c === void 0 ? true : _c, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions", "isDismissable"]);
     var handleOverlayClick = function (e) {
+        if (!isDismissable) {
+            return;
+        }
         if (e.target === e.currentTarget) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
@@ -3849,8 +3895,8 @@ var MultistepNavigationButtons = function (_a) {
 };
 
 var MultiStepWizard = function (_a) {
-    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText, hideInactiveDescriptions = _a.hideInactiveDescriptions;
-    var _b = React.useState(0), page = _b[0], setPage = _b[1];
+    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText, hideInactiveDescriptions = _a.hideInactiveDescriptions, _b = _a.isDismissable, isDismissable = _b === void 0 ? true : _b;
+    var _c = React.useState(0), page = _c[0], setPage = _c[1];
     React.useEffect(function () {
         if (isOpen) {
             setPage(0);
@@ -3913,7 +3959,7 @@ var MultiStepWizard = function (_a) {
     if (!isOpen) {
         return null;
     }
-    return (jsxRuntime.jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsxRuntime.jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsxRuntime.jsx(MultistepNavigationButtons, { backButtonProps: {
+    return (jsxRuntime.jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, isDismissable: isDismissable, children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsxRuntime.jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsxRuntime.jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsxRuntime.jsx(MultistepNavigationButtons, { backButtonProps: {
                     isDisabled: page === 0,
                     onPress: onBack,
                     children: t.goBack,
@@ -3988,6 +4034,13 @@ var Phone = function (_a) {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isDropdownOpen]);
+    // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando
+    // un ancestro hace scroll para que no quede flotando fuera de lugar.
+    useCloseOnAncestorScroll({
+        isOpen: isDropdownOpen,
+        onClose: function () { return setIsDropdownOpen(false); },
+        contentRef: portalDropdownRef,
+    });
     var handleCountrySelect = function (country) {
         setSelectedCountry(country);
         setIsDropdownOpen(false);
@@ -9069,6 +9122,7 @@ exports.removeCustomPrimaryColor = removeCustomPrimaryColor;
 exports.sizeMap = sizeMap;
 exports.themeColors = themeColors;
 exports.useAuraToast = useAuraToast;
+exports.useCloseOnAncestorScroll = useCloseOnAncestorScroll;
 exports.useMediaQuery = useMediaQuery;
 exports.useNavigationLoading = useNavigationLoading;
 exports.useThemeContext = useThemeContext;

package/dist/index.esm.js

@@ -1772,6 +1772,42 @@ var Chip = function (_a) {
     return (jsx(Chip$1, __assign({}, props, { onClose: props.onClose, classNames: __assign({ base: colorClasses }, props.classNames) })));
 };
 
+/**
+ * Cierra un dropdown/popover porteado cuando un ancestro hace scroll.
+ *
+ * Los componentes que portean su contenido a `document.body` y lo posicionan
+ * de forma absoluta con `getBoundingClientRect()` quedan "flotando" en la
+ * posición original cuando un contenedor con scroll se desplaza, porque la
+ * posición no se recalcula. En lugar de reposicionar en cada frame, se cierra
+ * el dropdown ante el scroll de un ancestro (mismo comportamiento que los
+ * overlays de React Aria/HeroUI).
+ */
+var useCloseOnAncestorScroll = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, contentRef = _a.contentRef;
+    useEffect(function () {
+        if (!isOpen) {
+            return;
+        }
+        var handleAncestorScroll = function (event) {
+            var _a;
+            var target = event.target;
+            // Permitir el scroll interno del propio contenido (la lista).
+            if (target && ((_a = contentRef === null || contentRef === void 0 ? void 0 : contentRef.current) === null || _a === void 0 ? void 0 : _a.contains(target))) {
+                return;
+            }
+            onClose();
+        };
+        // `capture` para detectar el scroll de cualquier ancestro, no solo window.
+        window.addEventListener("scroll", handleAncestorScroll, {
+            capture: true,
+            passive: true,
+        });
+        return function () {
+            window.removeEventListener("scroll", handleAncestorScroll, true);
+        };
+    }, [isOpen, onClose, contentRef]);
+};
+
 // Lista de países con código telefónico y código ISO
 var countries = [
     { code: "+57", name: "Colombia", country: "CO" },
@@ -2427,6 +2463,13 @@ var Currency = function (_a) {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isDropdownOpen]);
+    // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando
+    // un ancestro hace scroll para que no quede flotando fuera de lugar.
+    useCloseOnAncestorScroll({
+        isOpen: isDropdownOpen,
+        onClose: function () { return setIsDropdownOpen(false); },
+        contentRef: portalDropdownRef,
+    });
     var emitChange = function (opt, amount) {
         if (showInput) {
             onChange === null || onChange === void 0 ? void 0 : onChange({
@@ -3830,8 +3873,11 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
 VerticalSteps.displayName = "VerticalSteps";
 
 var MultiStepSidebar = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions"]);
+    var children = _a.children, className = _a.className, currentPage = _a.currentPage; _a.onBack; _a.onNext; var onChangePage = _a.onChangePage, steps = _a.steps; _a.goBackTranslation; var onClose = _a.onClose, _b = _a.hideInactiveDescriptions, hideInactiveDescriptions = _b === void 0 ? false : _b, _c = _a.isDismissable, isDismissable = _c === void 0 ? true : _c, props = __rest(_a, ["children", "className", "currentPage", "onBack", "onNext", "onChangePage", "steps", "goBackTranslation", "onClose", "hideInactiveDescriptions", "isDismissable"]);
     var handleOverlayClick = function (e) {
+        if (!isDismissable) {
+            return;
+        }
         if (e.target === e.currentTarget) {
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
@@ -3850,8 +3896,8 @@ var MultistepNavigationButtons = function (_a) {
 };
 
 var MultiStepWizard = function (_a) {
-    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText, hideInactiveDescriptions = _a.hideInactiveDescriptions;
-    var _b = React.useState(0), page = _b[0], setPage = _b[1];
+    var isOpen = _a.isOpen, steps = _a.steps, translations = _a.translations, onClose = _a.onClose, onComplete = _a.onComplete, completeButtonText = _a.completeButtonText, hideInactiveDescriptions = _a.hideInactiveDescriptions, _b = _a.isDismissable, isDismissable = _b === void 0 ? true : _b;
+    var _c = React.useState(0), page = _c[0], setPage = _c[1];
     React.useEffect(function () {
         if (isOpen) {
             setPage(0);
@@ -3914,7 +3960,7 @@ var MultiStepWizard = function (_a) {
     if (!isOpen) {
         return null;
     }
-    return (jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, children: [jsxs("div", { children: [jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsx(MultistepNavigationButtons, { backButtonProps: {
+    return (jsxs(MultiStepSidebar, { currentPage: page, goBackTranslation: t.goBack, steps: steps, onBack: onBack, onChangePage: onChangePage, onClose: onClose, onNext: onNext, hideInactiveDescriptions: hideInactiveDescriptions, isDismissable: isDismissable, children: [jsxs("div", { children: [jsx(Button, { className: "w-fit text-default-600 mb-6", color: "default", variant: "light", onPress: onBack, isDisabled: page === 0, startContent: jsx(IconComponent, { className: "text-default-500", icon: "material-symbols:arrow-back-rounded", size: "sm" }), children: t.goBack || "Back" }), jsx("div", { className: "relative flex h-fit w-full flex-col text-center lg:justify-center lg:pt-0", children: content })] }), jsx(MultistepNavigationButtons, { backButtonProps: {
                     isDisabled: page === 0,
                     onPress: onBack,
                     children: t.goBack,
@@ -3989,6 +4035,13 @@ var Phone = function (_a) {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [isDropdownOpen]);
+    // El dropdown se portea a `body` con posición absoluta fija; cerrarlo cuando
+    // un ancestro hace scroll para que no quede flotando fuera de lugar.
+    useCloseOnAncestorScroll({
+        isOpen: isDropdownOpen,
+        onClose: function () { return setIsDropdownOpen(false); },
+        contentRef: portalDropdownRef,
+    });
     var handleCountrySelect = function (country) {
         setSelectedCountry(country);
         setIsDropdownOpen(false);
@@ -8958,4 +9011,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, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$4 as defaultTranslations, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, 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, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, Tooltip, TwoColumnLayoutAgent, UploadFile, VerticalSteps, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, createCurrencyFormatter, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$4 as defaultTranslations, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useCloseOnAncestorScroll, useMediaQuery, useNavigationLoading, useThemeContext };

package/dist/types/components/currency/Currency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/currency/Currency.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,kBAAkB,EAAiC,MAAM,kBAAkB,CAAC;AAkD1F,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmSjD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Currency.d.ts","sourceRoot":"","sources":["../../../../src/components/currency/Currency.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,kBAAkB,EAAiC,MAAM,kBAAkB,CAAC;AAkD1F,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2SjD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/components/multi-step-wizard/MultiStepWizard.d.ts

@@ -1,3 +1,3 @@
 import type { MultiStepWizardProps } from "./MultiStepWizard.types";
-export declare const MultiStepWizard: ({ isOpen, steps, translations, onClose, onComplete, completeButtonText, hideInactiveDescriptions, }: MultiStepWizardProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MultiStepWizard: ({ isOpen, steps, translations, onClose, onComplete, completeButtonText, hideInactiveDescriptions, isDismissable, }: MultiStepWizardProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=MultiStepWizard.d.ts.map

package/dist/types/components/multi-step-wizard/MultiStepWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,qGAQ7B,oBAAoB,mDA4ItB,CAAC"}
+{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE,eAAO,MAAM,eAAe,GAAI,oHAS7B,oBAAoB,mDA6ItB,CAAC"}

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts

@@ -17,6 +17,12 @@ export interface MultiStepWizardProps {
     completeButtonText?: string;
     /** Oculta las descripciones de los pasos no activos en el sidebar */
     hideInactiveDescriptions?: boolean;
+    /**
+     * Permite cerrar el wizard al hacer clic en el fondo (backdrop).
+     * Por defecto `true`. Pásalo como `false` para evitar cierres
+     * accidentales que descarten los datos del formulario.
+     */
+    isDismissable?: boolean;
 }
 export interface MultiStepWizardTranslations {
     continue?: string;

package/dist/types/components/multi-step-wizard/MultiStepWizard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"MultiStepWizard.types.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-step-wizard/MultiStepWizard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,IAAI;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qEAAqE;IACrE,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,8FAyF5B,CAAC"}
+{"version":3,"file":"MultiStepSidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,eAAO,MAAM,gBAAgB,8FA6F5B,CAAC"}

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.types.d.ts

@@ -10,5 +10,7 @@ export interface MultiStepSidebarProps extends React.HTMLAttributes<HTMLDivEleme
     steps: Step[];
     goBackTranslation?: string;
     hideInactiveDescriptions?: boolean;
+    /** Permite cerrar al hacer clic en el backdrop. Por defecto `true`. */
+    isDismissable?: boolean;
 }
 //# sourceMappingURL=MultiStepSidebar.types.d.ts.map

package/dist/types/components/multi-step-wizard/_internal/MultiStepSidebar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiStepSidebar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,qBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC"}
+{"version":3,"file":"MultiStepSidebar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/multi-step-wizard/_internal/MultiStepSidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,WAAW,qBAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/types/components/phone/Phone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsO3C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8O3C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/hooks/index.d.ts

@@ -1,2 +1,3 @@
+export { useCloseOnAncestorScroll } from "./useCloseOnAncestorScroll";
 export { useMediaQuery } from "./useMediaQuery";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/hooks/useCloseOnAncestorScroll.d.ts

@@ -0,0 +1,25 @@
+import { type RefObject } from "react";
+interface UseCloseOnAncestorScrollOptions {
+    /** Si el dropdown/popover está abierto. */
+    isOpen: boolean;
+    /** Callback para cerrar el dropdown/popover. */
+    onClose: () => void;
+    /**
+     * Ref al contenido porteado (la lista). Si el scroll ocurre dentro de este
+     * elemento (p. ej. desplazar la lista de opciones) no se cierra.
+     */
+    contentRef?: RefObject<HTMLElement | null>;
+}
+/**
+ * Cierra un dropdown/popover porteado cuando un ancestro hace scroll.
+ *
+ * Los componentes que portean su contenido a `document.body` y lo posicionan
+ * de forma absoluta con `getBoundingClientRect()` quedan "flotando" en la
+ * posición original cuando un contenedor con scroll se desplaza, porque la
+ * posición no se recalcula. En lugar de reposicionar en cada frame, se cierra
+ * el dropdown ante el scroll de un ancestro (mismo comportamiento que los
+ * overlays de React Aria/HeroUI).
+ */
+export declare const useCloseOnAncestorScroll: ({ isOpen, onClose, contentRef, }: UseCloseOnAncestorScrollOptions) => void;
+export {};
+//# sourceMappingURL=useCloseOnAncestorScroll.d.ts.map

package/dist/types/hooks/useCloseOnAncestorScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOnAncestorScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCloseOnAncestorScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,UAAU,+BAA+B;IACxC,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,gDAAgD;IAChD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC3C;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,GAAI,kCAItC,+BAA+B,KAAG,IAwBpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.6.57-qa.61",
+	"version": "0.6.57-qa.63",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",