@beweco/aurora-ui 0.6.12 → 0.6.18

package/dist/index.cjs.js

@@ -3234,8 +3234,15 @@ var MenuComponent = React.memo(function Menu(_a) {
         t.notDefinedLabel;
     var userRole = (typeof (userInfo === null || userInfo === void 0 ? void 0 : userInfo.role) === "string" && userInfo.role.trim()) ||
         t.notDefinedLabel;
-    var helpTitle = (typeof (helpButton === null || helpButton === void 0 ? void 0 : helpButton.title) === "string" && helpButton.title.trim()) ||
-        t.notDefinedLabel;
+    var helpSection = React.useMemo(function () {
+        if (helpButton == null)
+            return null;
+        var title = typeof helpButton.title === "string" ? helpButton.title.trim() : "";
+        var redirect = typeof helpButton.redirect === "string" ? helpButton.redirect.trim() : "";
+        if (!title || !redirect)
+            return null;
+        return { title: title, redirect: redirect };
+    }, [helpButton]);
     var hasValidLogo = typeof (commerceInfo === null || commerceInfo === void 0 ? void 0 : commerceInfo.logo) === "string" &&
         commerceInfo.logo.trim() !== "" &&
         !logoError;
@@ -3257,11 +3264,9 @@ var MenuComponent = React.memo(function Menu(_a) {
         setIsCollapsed(function (prev) { return !prev; });
     }, []);
     var handleHelpClick = React.useCallback(function () {
-        var _a;
-        var url = (_a = helpButton === null || helpButton === void 0 ? void 0 : helpButton.redirect) === null || _a === void 0 ? void 0 : _a.trim();
-        if (url)
-            window.open(url, "_blank");
-    }, [helpButton]);
+        if (helpSection)
+            window.open(helpSection.redirect, "_blank");
+    }, [helpSection]);
     // Menú lateral: al seleccionar ítem/sub-ítem cerrar en móvil. No hacer nada si es una sección (solo título).
     var handleMenuSelect = React.useCallback(function (key, href) {
         var _a;
@@ -3391,7 +3396,7 @@ var MenuComponent = React.memo(function Menu(_a) {
                                 flexDirection: isCollapsed ? "column-reverse" : "row",
                             }, children: [jsxRuntime.jsxs("div", { className: "flex flex-row items-center justify-center ".concat(isCollapsed ? "gap-0" : "gap-2"), children: [jsxRuntime.jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-foreground text-background", children: hasValidLogo ? (jsxRuntime.jsx("img", { src: commerceInfo.logo, alt: "".concat(t.logoAlt, " ").concat(commerceName), className: "h-full w-full object-cover", onError: function () { return setLogoError(true); } })) : (jsxRuntime.jsx(IconComponent, { icon: "solar:buildings-2-outline", size: "sm", className: "shrink-0", "aria-hidden": true })) }), jsxRuntime.jsx("span", { className: "collapsible-item text-small font-bold truncate min-w-0", children: commerceName })] }), jsxRuntime.jsxs("div", { className: "flex items-center", children: [jsxRuntime.jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", className: "cursor-pointer block sm:hidden", onClick: handleSidebarClose }), jsxRuntime.jsx(IconComponent, { icon: isCollapsed
                                                 ? "solar:alt-arrow-right-outline"
-                                                : "solar:alt-arrow-left-outline", size: "lg", className: "hidden sm:block cursor-pointer", onClick: handleCollapseToggle })] })] }), jsxRuntime.jsx(react.Spacer, { y: 6 }), jsxRuntime.jsxs("div", { className: "content__menu--user ".concat(isCollapsed ? "gap-0" : "gap-3"), children: [jsxRuntime.jsx(react.Avatar, { size: "md", 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" }), jsxRuntime.jsxs("div", { className: "collapsible-item flex min-w-0 flex-col overflow-hidden", children: [jsxRuntime.jsx("p", { className: "text-small font-medium text-default-900 truncate", children: userName }), jsxRuntime.jsx("p", { className: "text-tiny text-default-400 truncate", children: userRole })] })] }), jsxRuntime.jsxs("div", { className: "".concat(!isCollapsed ? "flex-1" : "h-full", " min-h-0 py-6 relative"), children: [!isCollapsed && showScrollArrows && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [scrollState.canScrollUp && (jsxRuntime.jsx("button", { type: "button", "aria-label": t.scrollUpAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--up", onClick: handleScrollUp, children: jsxRuntime.jsx(IconComponent, { icon: "solar:alt-arrow-up-outline", size: "lg", "aria-hidden": true }) })), scrollState.canScrollDown && (jsxRuntime.jsx("button", { type: "button", "aria-label": t.scrollDownAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--down", onClick: handleScrollDown, children: jsxRuntime.jsx(IconComponent, { icon: "solar:alt-arrow-down-outline", size: "lg", "aria-hidden": true }) }))] })), jsxRuntime.jsx("div", { ref: scrollContainerRef, className: "h-full overflow-y-auto pr-6 -mr-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] select-none ".concat(isDraggingScroll ? "cursor-grabbing" : ""), onMouseDown: handleScrollAreaMouseDown, children: jsxRuntime.jsx(MenuNavList, { defaultSelectedKey: selectedKey, items: menuItems.items, isCollapsed: isCollapsed, onSelect: handleMenuSelect }, selectedKey) })] }), jsxRuntime.jsx("div", { className: "mt-auto flex flex-col justify-center items-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: "collapsible-item truncate", children: helpTitle })) }) })] }) })] }));
+                                                : "solar:alt-arrow-left-outline", size: "lg", className: "hidden sm:block cursor-pointer", onClick: handleCollapseToggle })] })] }), jsxRuntime.jsx(react.Spacer, { y: 6 }), jsxRuntime.jsxs("div", { className: "content__menu--user ".concat(isCollapsed ? "gap-0" : "gap-3"), children: [jsxRuntime.jsx(react.Avatar, { size: "md", 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" }), jsxRuntime.jsxs("div", { className: "collapsible-item flex min-w-0 flex-col overflow-hidden", children: [jsxRuntime.jsx("p", { className: "text-small font-medium text-default-900 truncate", children: userName }), jsxRuntime.jsx("p", { className: "text-tiny text-default-400 truncate", children: userRole })] })] }), jsxRuntime.jsxs("div", { className: "".concat(!isCollapsed ? "flex-1" : "h-full", " min-h-0 py-6 relative"), children: [!isCollapsed && showScrollArrows && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [scrollState.canScrollUp && (jsxRuntime.jsx("button", { type: "button", "aria-label": t.scrollUpAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--up", onClick: handleScrollUp, children: jsxRuntime.jsx(IconComponent, { icon: "solar:alt-arrow-up-outline", size: "lg", "aria-hidden": true }) })), scrollState.canScrollDown && (jsxRuntime.jsx("button", { type: "button", "aria-label": t.scrollDownAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--down", onClick: handleScrollDown, children: jsxRuntime.jsx(IconComponent, { icon: "solar:alt-arrow-down-outline", size: "lg", "aria-hidden": true }) }))] })), jsxRuntime.jsx("div", { ref: scrollContainerRef, className: "h-full overflow-y-auto pr-6 -mr-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] select-none ".concat(isDraggingScroll ? "cursor-grabbing" : ""), onMouseDown: handleScrollAreaMouseDown, children: jsxRuntime.jsx(MenuNavList, { defaultSelectedKey: selectedKey, items: menuItems.items, isCollapsed: isCollapsed, onSelect: handleMenuSelect }, selectedKey) })] }), helpSection ? (jsxRuntime.jsx("div", { className: "mt-auto flex flex-col justify-center items-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: "collapsible-item truncate", children: helpSection.title })) }) })) : null] }) })] }));
 });
 
 var StepIndicator = function (_a) {
@@ -7008,7 +7013,157 @@ var ModalContent = react.ModalContent;
 
 var ModalHeader = react.ModalHeader;
 
-var ModalBody = react.ModalBody;
+var ModalBody = React.forwardRef(function (props, forwardedRef) {
+    var nodeRef = React.useRef(null);
+    var callbackRef = React.useCallback(function (node) {
+        nodeRef.current = node;
+        if (forwardedRef) {
+            if (typeof forwardedRef === "function")
+                forwardedRef(node);
+            else
+                forwardedRef.current = node;
+        }
+    }, [forwardedRef]);
+    React.useEffect(function () {
+        var node = nodeRef.current;
+        if (!node)
+            return;
+        var parent = node.parentElement;
+        if (!parent)
+            return;
+        // Hide native scrollbar
+        node.style.scrollbarWidth = "none";
+        // Parent needs relative positioning for the track
+        var parentPos = window.getComputedStyle(parent).position;
+        if (parentPos === "static") {
+            parent.style.position = "relative";
+        }
+        // Create track — placed on the PARENT so it doesn't scroll
+        var track = document.createElement("div");
+        track.setAttribute("data-auraui-scrollbar", "track");
+        Object.assign(track.style, {
+            position: "absolute",
+            right: "20px",
+            width: "6px",
+            zIndex: "10",
+            cursor: "pointer",
+        });
+        // Create thumb
+        var thumb = document.createElement("div");
+        thumb.setAttribute("data-auraui-scrollbar", "thumb");
+        Object.assign(thumb.style, {
+            width: "6px",
+            borderRadius: "3px",
+            backgroundColor: "rgba(255,255,255,0.28)",
+            cursor: "grab",
+        });
+        track.appendChild(thumb);
+        parent.appendChild(track);
+        // --- Scroll position update ---
+        var trackHeight = 0;
+        var thumbH = 0;
+        var update = function () {
+            var scrollTop = node.scrollTop, scrollHeight = node.scrollHeight, clientHeight = node.clientHeight;
+            var hasOverflow = scrollHeight > clientHeight;
+            if (!hasOverflow) {
+                track.style.display = "none";
+                return;
+            }
+            track.style.display = "block";
+            var nodeRect = node.getBoundingClientRect();
+            var parentRect = parent.getBoundingClientRect();
+            var trackTop = nodeRect.top - parentRect.top;
+            trackHeight = nodeRect.height;
+            track.style.top = "".concat(trackTop, "px");
+            track.style.height = "".concat(trackHeight, "px");
+            var ratio = clientHeight / scrollHeight;
+            thumbH = Math.max(ratio * trackHeight, 30);
+            var maxScroll = scrollHeight - clientHeight;
+            var thumbTop = maxScroll > 0
+                ? (scrollTop / maxScroll) * (trackHeight - thumbH)
+                : 0;
+            thumb.style.height = "".concat(thumbH, "px");
+            thumb.style.marginTop = "".concat(thumbTop, "px");
+        };
+        node.addEventListener("scroll", update, { passive: true });
+        var ro = new ResizeObserver(update);
+        ro.observe(node);
+        requestAnimationFrame(update);
+        // --- Drag support ---
+        var isDragging = false;
+        var startY = 0;
+        var startScrollTop = 0;
+        var getIsDark = function () {
+            return document.documentElement.classList.contains("dark") ||
+                document.documentElement.getAttribute("data-theme") === "dark" ||
+                document.body.classList.contains("dark");
+        };
+        var onMouseDown = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            isDragging = true;
+            startY = e.clientY;
+            startScrollTop = node.scrollTop;
+            thumb.style.cursor = "grabbing";
+            thumb.style.backgroundColor = getIsDark()
+                ? "rgba(255,255,255,0.45)"
+                : "rgba(0,0,0,0.55)";
+            document.addEventListener("mousemove", onMouseMove);
+            document.addEventListener("mouseup", onMouseUp);
+        };
+        var onMouseMove = function (e) {
+            if (!isDragging)
+                return;
+            e.preventDefault();
+            var deltaY = e.clientY - startY;
+            var maxScroll = node.scrollHeight - node.clientHeight;
+            var scrollDelta = (deltaY / (trackHeight - thumbH)) * maxScroll;
+            node.scrollTop = startScrollTop + scrollDelta;
+        };
+        var onMouseUp = function () {
+            isDragging = false;
+            thumb.style.cursor = "grab";
+            detectTheme(); // Reset thumb color
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+        };
+        // Click on track to jump
+        var onTrackClick = function (e) {
+            if (e.target === thumb)
+                return;
+            var trackRect = track.getBoundingClientRect();
+            var clickRatio = (e.clientY - trackRect.top) / trackHeight;
+            node.scrollTop =
+                clickRatio * (node.scrollHeight - node.clientHeight);
+        };
+        thumb.addEventListener("mousedown", onMouseDown);
+        track.addEventListener("click", onTrackClick);
+        // --- Theme detection ---
+        var detectTheme = function () {
+            if (isDragging)
+                return;
+            thumb.style.backgroundColor = getIsDark()
+                ? "rgba(255,255,255,0.28)"
+                : "rgba(0,0,0,0.4)";
+        };
+        detectTheme();
+        var mo = new MutationObserver(detectTheme);
+        mo.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["class", "data-theme", "style"],
+        });
+        return function () {
+            node.removeEventListener("scroll", update);
+            ro.disconnect();
+            mo.disconnect();
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+            track.remove();
+        };
+    }, []);
+    return (jsxRuntime.jsx(react.ModalBody, __assign({ ref: callbackRef }, props)));
+});
+ModalBody.displayName = "ModalBody";
 
 var ModalFooter = react.ModalFooter;
 

package/dist/index.esm.js

@@ -3235,8 +3235,15 @@ var MenuComponent = React.memo(function Menu(_a) {
         t.notDefinedLabel;
     var userRole = (typeof (userInfo === null || userInfo === void 0 ? void 0 : userInfo.role) === "string" && userInfo.role.trim()) ||
         t.notDefinedLabel;
-    var helpTitle = (typeof (helpButton === null || helpButton === void 0 ? void 0 : helpButton.title) === "string" && helpButton.title.trim()) ||
-        t.notDefinedLabel;
+    var helpSection = useMemo(function () {
+        if (helpButton == null)
+            return null;
+        var title = typeof helpButton.title === "string" ? helpButton.title.trim() : "";
+        var redirect = typeof helpButton.redirect === "string" ? helpButton.redirect.trim() : "";
+        if (!title || !redirect)
+            return null;
+        return { title: title, redirect: redirect };
+    }, [helpButton]);
     var hasValidLogo = typeof (commerceInfo === null || commerceInfo === void 0 ? void 0 : commerceInfo.logo) === "string" &&
         commerceInfo.logo.trim() !== "" &&
         !logoError;
@@ -3258,11 +3265,9 @@ var MenuComponent = React.memo(function Menu(_a) {
         setIsCollapsed(function (prev) { return !prev; });
     }, []);
     var handleHelpClick = useCallback(function () {
-        var _a;
-        var url = (_a = helpButton === null || helpButton === void 0 ? void 0 : helpButton.redirect) === null || _a === void 0 ? void 0 : _a.trim();
-        if (url)
-            window.open(url, "_blank");
-    }, [helpButton]);
+        if (helpSection)
+            window.open(helpSection.redirect, "_blank");
+    }, [helpSection]);
     // Menú lateral: al seleccionar ítem/sub-ítem cerrar en móvil. No hacer nada si es una sección (solo título).
     var handleMenuSelect = useCallback(function (key, href) {
         var _a;
@@ -3392,7 +3397,7 @@ var MenuComponent = React.memo(function Menu(_a) {
                                 flexDirection: isCollapsed ? "column-reverse" : "row",
                             }, children: [jsxs("div", { className: "flex flex-row items-center justify-center ".concat(isCollapsed ? "gap-0" : "gap-2"), children: [jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded-full bg-foreground text-background", children: hasValidLogo ? (jsx("img", { src: commerceInfo.logo, alt: "".concat(t.logoAlt, " ").concat(commerceName), className: "h-full w-full object-cover", onError: function () { return setLogoError(true); } })) : (jsx(IconComponent, { icon: "solar:buildings-2-outline", size: "sm", className: "shrink-0", "aria-hidden": true })) }), jsx("span", { className: "collapsible-item text-small font-bold truncate min-w-0", children: commerceName })] }), jsxs("div", { className: "flex items-center", children: [jsx(IconComponent, { icon: "material-symbols-light:close", size: "lg", className: "cursor-pointer block sm:hidden", onClick: handleSidebarClose }), jsx(IconComponent, { icon: isCollapsed
                                                 ? "solar:alt-arrow-right-outline"
-                                                : "solar:alt-arrow-left-outline", size: "lg", className: "hidden sm:block cursor-pointer", onClick: handleCollapseToggle })] })] }), jsx(Spacer, { y: 6 }), jsxs("div", { className: "content__menu--user ".concat(isCollapsed ? "gap-0" : "gap-3"), children: [jsx(Avatar, { size: "md", 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" }), jsxs("div", { className: "collapsible-item flex min-w-0 flex-col overflow-hidden", children: [jsx("p", { className: "text-small font-medium text-default-900 truncate", children: userName }), jsx("p", { className: "text-tiny text-default-400 truncate", children: userRole })] })] }), jsxs("div", { className: "".concat(!isCollapsed ? "flex-1" : "h-full", " min-h-0 py-6 relative"), children: [!isCollapsed && showScrollArrows && (jsxs(Fragment, { children: [scrollState.canScrollUp && (jsx("button", { type: "button", "aria-label": t.scrollUpAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--up", onClick: handleScrollUp, children: jsx(IconComponent, { icon: "solar:alt-arrow-up-outline", size: "lg", "aria-hidden": true }) })), scrollState.canScrollDown && (jsx("button", { type: "button", "aria-label": t.scrollDownAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--down", onClick: handleScrollDown, children: jsx(IconComponent, { icon: "solar:alt-arrow-down-outline", size: "lg", "aria-hidden": true }) }))] })), jsx("div", { ref: scrollContainerRef, className: "h-full overflow-y-auto pr-6 -mr-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] select-none ".concat(isDraggingScroll ? "cursor-grabbing" : ""), onMouseDown: handleScrollAreaMouseDown, children: jsx(MenuNavList, { defaultSelectedKey: selectedKey, items: menuItems.items, isCollapsed: isCollapsed, onSelect: handleMenuSelect }, selectedKey) })] }), jsx("div", { className: "mt-auto flex flex-col justify-center items-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: "collapsible-item truncate", children: helpTitle })) }) })] }) })] }));
+                                                : "solar:alt-arrow-left-outline", size: "lg", className: "hidden sm:block cursor-pointer", onClick: handleCollapseToggle })] })] }), jsx(Spacer, { y: 6 }), jsxs("div", { className: "content__menu--user ".concat(isCollapsed ? "gap-0" : "gap-3"), children: [jsx(Avatar, { size: "md", 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" }), jsxs("div", { className: "collapsible-item flex min-w-0 flex-col overflow-hidden", children: [jsx("p", { className: "text-small font-medium text-default-900 truncate", children: userName }), jsx("p", { className: "text-tiny text-default-400 truncate", children: userRole })] })] }), jsxs("div", { className: "".concat(!isCollapsed ? "flex-1" : "h-full", " min-h-0 py-6 relative"), children: [!isCollapsed && showScrollArrows && (jsxs(Fragment, { children: [scrollState.canScrollUp && (jsx("button", { type: "button", "aria-label": t.scrollUpAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--up", onClick: handleScrollUp, children: jsx(IconComponent, { icon: "solar:alt-arrow-up-outline", size: "lg", "aria-hidden": true }) })), scrollState.canScrollDown && (jsx("button", { type: "button", "aria-label": t.scrollDownAriaLabel, className: "menu-scroll-arrow menu-scroll-arrow--down", onClick: handleScrollDown, children: jsx(IconComponent, { icon: "solar:alt-arrow-down-outline", size: "lg", "aria-hidden": true }) }))] })), jsx("div", { ref: scrollContainerRef, className: "h-full overflow-y-auto pr-6 -mr-6 [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none] select-none ".concat(isDraggingScroll ? "cursor-grabbing" : ""), onMouseDown: handleScrollAreaMouseDown, children: jsx(MenuNavList, { defaultSelectedKey: selectedKey, items: menuItems.items, isCollapsed: isCollapsed, onSelect: handleMenuSelect }, selectedKey) })] }), helpSection ? (jsx("div", { className: "mt-auto flex flex-col justify-center items-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: "collapsible-item truncate", children: helpSection.title })) }) })) : null] }) })] }));
 });
 
 var StepIndicator = function (_a) {
@@ -7009,7 +7014,157 @@ var ModalContent = ModalContent$1;
 
 var ModalHeader = ModalHeader$1;
 
-var ModalBody = ModalBody$1;
+var ModalBody = forwardRef(function (props, forwardedRef) {
+    var nodeRef = useRef(null);
+    var callbackRef = useCallback(function (node) {
+        nodeRef.current = node;
+        if (forwardedRef) {
+            if (typeof forwardedRef === "function")
+                forwardedRef(node);
+            else
+                forwardedRef.current = node;
+        }
+    }, [forwardedRef]);
+    useEffect(function () {
+        var node = nodeRef.current;
+        if (!node)
+            return;
+        var parent = node.parentElement;
+        if (!parent)
+            return;
+        // Hide native scrollbar
+        node.style.scrollbarWidth = "none";
+        // Parent needs relative positioning for the track
+        var parentPos = window.getComputedStyle(parent).position;
+        if (parentPos === "static") {
+            parent.style.position = "relative";
+        }
+        // Create track — placed on the PARENT so it doesn't scroll
+        var track = document.createElement("div");
+        track.setAttribute("data-auraui-scrollbar", "track");
+        Object.assign(track.style, {
+            position: "absolute",
+            right: "20px",
+            width: "6px",
+            zIndex: "10",
+            cursor: "pointer",
+        });
+        // Create thumb
+        var thumb = document.createElement("div");
+        thumb.setAttribute("data-auraui-scrollbar", "thumb");
+        Object.assign(thumb.style, {
+            width: "6px",
+            borderRadius: "3px",
+            backgroundColor: "rgba(255,255,255,0.28)",
+            cursor: "grab",
+        });
+        track.appendChild(thumb);
+        parent.appendChild(track);
+        // --- Scroll position update ---
+        var trackHeight = 0;
+        var thumbH = 0;
+        var update = function () {
+            var scrollTop = node.scrollTop, scrollHeight = node.scrollHeight, clientHeight = node.clientHeight;
+            var hasOverflow = scrollHeight > clientHeight;
+            if (!hasOverflow) {
+                track.style.display = "none";
+                return;
+            }
+            track.style.display = "block";
+            var nodeRect = node.getBoundingClientRect();
+            var parentRect = parent.getBoundingClientRect();
+            var trackTop = nodeRect.top - parentRect.top;
+            trackHeight = nodeRect.height;
+            track.style.top = "".concat(trackTop, "px");
+            track.style.height = "".concat(trackHeight, "px");
+            var ratio = clientHeight / scrollHeight;
+            thumbH = Math.max(ratio * trackHeight, 30);
+            var maxScroll = scrollHeight - clientHeight;
+            var thumbTop = maxScroll > 0
+                ? (scrollTop / maxScroll) * (trackHeight - thumbH)
+                : 0;
+            thumb.style.height = "".concat(thumbH, "px");
+            thumb.style.marginTop = "".concat(thumbTop, "px");
+        };
+        node.addEventListener("scroll", update, { passive: true });
+        var ro = new ResizeObserver(update);
+        ro.observe(node);
+        requestAnimationFrame(update);
+        // --- Drag support ---
+        var isDragging = false;
+        var startY = 0;
+        var startScrollTop = 0;
+        var getIsDark = function () {
+            return document.documentElement.classList.contains("dark") ||
+                document.documentElement.getAttribute("data-theme") === "dark" ||
+                document.body.classList.contains("dark");
+        };
+        var onMouseDown = function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            isDragging = true;
+            startY = e.clientY;
+            startScrollTop = node.scrollTop;
+            thumb.style.cursor = "grabbing";
+            thumb.style.backgroundColor = getIsDark()
+                ? "rgba(255,255,255,0.45)"
+                : "rgba(0,0,0,0.55)";
+            document.addEventListener("mousemove", onMouseMove);
+            document.addEventListener("mouseup", onMouseUp);
+        };
+        var onMouseMove = function (e) {
+            if (!isDragging)
+                return;
+            e.preventDefault();
+            var deltaY = e.clientY - startY;
+            var maxScroll = node.scrollHeight - node.clientHeight;
+            var scrollDelta = (deltaY / (trackHeight - thumbH)) * maxScroll;
+            node.scrollTop = startScrollTop + scrollDelta;
+        };
+        var onMouseUp = function () {
+            isDragging = false;
+            thumb.style.cursor = "grab";
+            detectTheme(); // Reset thumb color
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+        };
+        // Click on track to jump
+        var onTrackClick = function (e) {
+            if (e.target === thumb)
+                return;
+            var trackRect = track.getBoundingClientRect();
+            var clickRatio = (e.clientY - trackRect.top) / trackHeight;
+            node.scrollTop =
+                clickRatio * (node.scrollHeight - node.clientHeight);
+        };
+        thumb.addEventListener("mousedown", onMouseDown);
+        track.addEventListener("click", onTrackClick);
+        // --- Theme detection ---
+        var detectTheme = function () {
+            if (isDragging)
+                return;
+            thumb.style.backgroundColor = getIsDark()
+                ? "rgba(255,255,255,0.28)"
+                : "rgba(0,0,0,0.4)";
+        };
+        detectTheme();
+        var mo = new MutationObserver(detectTheme);
+        mo.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["class", "data-theme", "style"],
+        });
+        return function () {
+            node.removeEventListener("scroll", update);
+            ro.disconnect();
+            mo.disconnect();
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+            track.remove();
+        };
+    }, []);
+    return (jsx(ModalBody$1, __assign({ ref: callbackRef }, props)));
+});
+ModalBody.displayName = "ModalBody";
 
 var ModalFooter = ModalFooter$1;
 

package/dist/types/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,EACX,kBAAkB,EAElB,MAAM,cAAc,CAAC;AAgBtB;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0YtD,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,EACX,kBAAkB,EAElB,MAAM,cAAc,CAAC;AAgBtB;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkZtD,CAAC"}

package/dist/types/components/menu/Menu.types.d.ts

@@ -29,7 +29,11 @@ export interface MenuComponentProps {
         name: string;
         role: string;
     };
-    helpButton: {
+    /**
+     * Botón de ayuda al pie del sidebar. Si se omite, o si `title` / `redirect` están vacíos
+     * tras quitar espacios, no se renderiza la sección (útil con controles tipo objeto en Storybook).
+     */
+    helpButton?: {
         title: string;
         redirect: string;
     };

package/dist/types/components/menu/Menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,EAAE;QACV,KAAK,EAAE,eAAe,EAAE,CAAC;QACzB;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,8FAA8F;QAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;KAClF,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;CACzC"}
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAEnF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACvC,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8FAA8F;IAC9F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF,QAAQ,EAAE;QACT,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACb,CAAC;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,EAAE;QACV,KAAK,EAAE,eAAe,EAAE,CAAC;QACzB;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,8FAA8F;QAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;KAClF,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAC;CACzC"}

package/dist/types/components/modal/_internal/ModalBody.d.ts

@@ -1,3 +1,7 @@
-declare const ModalBody: import("@heroui/react").InternalForwardRefRenderFunction<"div", import("@heroui/react").ModalBodyProps, never>;
+declare const ModalBody: import("react").ForwardRefExoticComponent<((import("@heroui/react").OmitCommonProps<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("@heroui/react").ModalBodyProps> & import("@heroui/react").ModalBodyProps & {
+    as?: import("@heroui/react").As<any> | undefined;
+}) | Omit<import("@heroui/react").OmitCommonProps<Omit<Omit<any, "ref">, never>, keyof import("@heroui/react").ModalBodyProps> & import("@heroui/react").ModalBodyProps & {
+    as?: import("@heroui/react").As<any> | undefined;
+}, "ref">) & import("react").RefAttributes<HTMLElement>>;
 export default ModalBody;
 //# sourceMappingURL=ModalBody.d.ts.map

package/dist/types/components/modal/_internal/ModalBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/_internal/ModalBody.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS,gHAAkB,CAAC;AAElC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/modal/_internal/ModalBody.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,SAAS;;;;wDAqLd,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.6.12",
+	"version": "0.6.18",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",
@@ -12,6 +12,9 @@
 	"sideEffects": false,
 	"author": "Bewe",
 	"license": "MIT",
+	"engines": {
+		"node": ">=24.0.0"
+	},
 	"publishConfig": {
 		"access": "restricted"
 	},
@@ -31,7 +34,9 @@
 		"format": "biome format --write",
 		"storybook": "storybook dev --port 6006",
 		"chromatic": "npx chromatic --project-token=chpt_a33f7fd2ebb3349",
-		"prepare": "husky"
+		"prepare": "husky",
+		"publish:with-env": "dotenv -e .env -- npm publish --access public",
+		"npm:whoami": "dotenv -e .env -- npm whoami"
 	},
 	"dependencies": {
 		"@heroui/react": "2.7.11",
@@ -56,6 +61,7 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "^1.9.4",
+		"@internationalized/date": "^3.8.2",
 		"@rollup/plugin-commonjs": "^28.0.6",
 		"@rollup/plugin-node-resolve": "^16.0.1",
 		"@rollup/plugin-typescript": "^12.1.4",
@@ -72,6 +78,7 @@
 		"@types/react-dom": "^19.1.5",
 		"autoprefixer": "^10.4.21",
 		"chromatic": "^13.0.0",
+		"dotenv-cli": "^8.0.0",
 		"husky": "^9.1.7",
 		"postcss": "^8.5.5",
 		"postcss-loader": "^8.1.1",
@@ -84,8 +91,7 @@
 		"sass": "^1.89.2",
 		"storybook": "^8.0.0",
 		"tailwindcss": "3.4.17",
-		"typescript": "^5.8.3",
-		"@internationalized/date": "^3.8.2"
+		"typescript": "^5.8.3"
 	},
 	"type": "module"
 }