@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Popup/helpers.js

@@ -1,273 +0,0 @@
-import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-
-//#region src/components/Popup/helpers.ts
-var PLACEMENTS, isGenericPlacement, DEFAULT_ARROW_WIDTH, SPACE, DEFAULT_POSITIONS, getOrderOfPlacement, getHorizontalSpacing, getVerticalSpacing, computePlacement, findOffsetParent, getVerticalOverflow, getHorizontalOverflow, getPopupOverflowFromParent, placementBottom, placementLeft, placementRight, placementNested, placementTop, computePositions;
-function init_helpers() {
-	return (init_helpers = __esmMin(() => {
-		PLACEMENTS = [
-			"top",
-			"right",
-			"bottom",
-			"left",
-			"nested-menu"
-		];
-		isGenericPlacement = (placement) => PLACEMENTS.includes(placement);
-		DEFAULT_ARROW_WIDTH = 8;
-		SPACE = 4;
-		DEFAULT_POSITIONS = {
-			arrowLeft: 0,
-			arrowTop: 0,
-			arrowTransform: "translate(-50%, -50)",
-			placement: "top",
-			popupInitialPosition: "translate3d(0px, 0px, 0)",
-			popupPosition: "translate3d(0px, 0px, 0)",
-			rotate: 135
-		};
-		getOrderOfPlacement = (autoPlacement) => {
-			if (autoPlacement === "auto-bottom") return [
-				"bottom",
-				"top",
-				"left",
-				"right"
-			];
-			if (autoPlacement === "auto-left") return [
-				"left",
-				"right",
-				"top",
-				"bottom"
-			];
-			if (autoPlacement === "auto-right") return [
-				"right",
-				"left",
-				"top",
-				"bottom"
-			];
-			return [
-				"top",
-				"bottom",
-				"left",
-				"right"
-			];
-		};
-		getHorizontalSpacing = (arrowWidth) => arrowWidth + 8;
-		getVerticalSpacing = (arrowWidth) => arrowWidth + SPACE;
-		computePlacement = ({ childrenStructuredRef, popupStructuredRef, offsetParentRect, offsetParent, popupPortalTarget, isNestedMenu, autoPlacement, arrowWidth }) => {
-			const { top: childrenTop, bottom: childrenBottom, left: childrenLeft, right: childrenRight, width: childrenWidth, height: childrenHeight } = childrenStructuredRef;
-			const orderOfPlacement = getOrderOfPlacement(autoPlacement !== null && autoPlacement !== void 0 ? autoPlacement : "auto");
-			const { top: parentTop, left: parentLeft } = offsetParentRect;
-			const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
-			const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
-			const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
-			const overloadedChildrenBottom = isPopupPortalTargetBody ? childrenBottom : childrenTop - parentTop + childrenHeight;
-			const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenLeft - parentLeft + childrenWidth;
-			const { width: popupWidth, height: popupHeight } = popupStructuredRef;
-			if (isNestedMenu) {
-				if (overloadedChildrenRight + popupWidth > window.innerWidth) return "left";
-				return "right";
-			}
-			const conditionsOfPlacement = {
-				bottom: overloadedChildrenBottom + getVerticalSpacing(arrowWidth) + popupHeight <= window.innerHeight,
-				left: overloadedChildrenLeft - getHorizontalSpacing(arrowWidth) - popupWidth >= 0,
-				right: overloadedChildrenRight + getHorizontalSpacing(arrowWidth) + popupWidth <= window.innerWidth,
-				top: overloadedChildrenTop - getVerticalSpacing(arrowWidth) - popupHeight >= 0
-			};
-			return orderOfPlacement.find((placement) => conditionsOfPlacement[placement]) || orderOfPlacement[3];
-		};
-		findOffsetParent = (element) => {
-			var _element$current;
-			const offsetParent = element === null || element === void 0 || (_element$current = element.current) === null || _element$current === void 0 ? void 0 : _element$current.offsetParent;
-			if (offsetParent && ![
-				"TH",
-				"TD",
-				"TABLE"
-			].includes(offsetParent.tagName)) return offsetParent;
-			let currentElement = element === null || element === void 0 ? void 0 : element.current;
-			while (currentElement && currentElement.tagName !== "BODY") {
-				const { position } = window.getComputedStyle(currentElement);
-				if (position !== "static") return currentElement;
-				currentElement = currentElement.parentElement;
-			}
-			return document.body;
-		};
-		getVerticalOverflow = (childrenRect, offsetParentRect, popupHalfWidthWithArrow, popupWidth) => {
-			const { left: parentLeft, right: parentRight } = offsetParentRect;
-			const { left: childrenLeft, width: childrenWidth } = childrenRect;
-			const popupLeft = childrenLeft + childrenWidth / 2 - popupWidth / 2;
-			const popupRight = popupLeft + popupWidth;
-			if (popupRight > parentRight) {
-				if (Math.abs(popupRight - parentRight) > popupHalfWidthWithArrow) return -popupHalfWidthWithArrow;
-				return parentRight - popupRight;
-			}
-			if (popupLeft < parentLeft) {
-				if (Math.abs(popupLeft - parentLeft) > popupHalfWidthWithArrow) return popupHalfWidthWithArrow;
-				return Math.abs(popupLeft - parentLeft);
-			}
-		};
-		getHorizontalOverflow = (childrenRect, offsetParentRect, popupHeight, popupHalfHeightWithArrow) => {
-			const { top: parentTop, bottom: parentBottom } = offsetParentRect;
-			const { top: childrenTop, height: childrenHeight } = childrenRect;
-			const popupTop = childrenTop + childrenHeight / 2 - popupHeight / 2;
-			const popupBottom = popupTop + popupHeight;
-			if (popupTop < parentTop) {
-				if (Math.abs(popupTop - parentTop) > popupHalfHeightWithArrow) return popupHalfHeightWithArrow;
-				return Math.abs(popupTop - parentTop);
-			}
-			if (popupBottom > parentBottom) {
-				if (Math.abs(popupBottom - parentBottom) > popupHalfHeightWithArrow) return -popupHalfHeightWithArrow;
-				return parentBottom - popupBottom;
-			}
-		};
-		getPopupOverflowFromParent = (position, offsetParentRect, childrenRect, popupStructuredRef, arrowWidth) => {
-			const { width: popupWidth, height: popupHeight } = popupStructuredRef;
-			const popupHalfWidthWithArrow = popupWidth / 2 - arrowWidth - 1;
-			const popupHalfHeightWithArrow = popupHeight / 2 - arrowWidth - 1;
-			if (position === "top" || position === "bottom") {
-				const overflow = getVerticalOverflow(childrenRect, offsetParentRect, popupHalfWidthWithArrow, popupWidth);
-				if (overflow) return overflow;
-			}
-			if (position === "left" || position === "right") {
-				const overflow = getHorizontalOverflow(childrenRect, offsetParentRect, popupHeight, popupHalfHeightWithArrow);
-				if (overflow) return overflow;
-			}
-			return 0;
-		};
-		placementBottom = (isAligned, overloadedChildrenLeft, childrenWidth, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, isPopupPortalTargetBody) => {
-			const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
-			const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + getVerticalSpacing(arrowWidth);
-			const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
-			const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
-			return {
-				arrowLeft: overloadedChildrenLeft + childrenWidth / 2 - finalPositionX,
-				arrowTop: -arrowWidth - 5,
-				arrowTransform: "",
-				placement: "bottom",
-				popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
-				popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
-				rotate: 180
-			};
-		};
-		placementLeft = (isAligned, overloadedChildrenLeft, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight) => {
-			const positionX = overloadedChildrenLeft - popupWidth - getHorizontalSpacing(arrowWidth);
-			const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
-			return {
-				arrowLeft: popupWidth + arrowWidth + 5,
-				arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
-				arrowTransform: "translate(-50%, -50%)",
-				placement: "left",
-				popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-				popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-				rotate: -90
-			};
-		};
-		placementRight = (isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight) => {
-			const positionX = overloadedChildrenRight + getHorizontalSpacing(arrowWidth);
-			const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
-			return {
-				arrowLeft: -arrowWidth - 5,
-				arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
-				arrowTransform: "translate(50%, -50%)",
-				placement: "right",
-				popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-				popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-				rotate: 90
-			};
-		};
-		placementNested = (isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight, childrenRect, offsetParent, offsetParentRect, popupStructuredRef, overloadedChildrenLeft, popupWidth, popupPortalTarget) => {
-			if (computePlacement({
-				childrenStructuredRef: childrenRect,
-				isNestedMenu: true,
-				offsetParent,
-				offsetParentRect,
-				popupPortalTarget,
-				popupStructuredRef,
-				arrowWidth
-			}) === "right") {
-				const positionX = overloadedChildrenRight + getHorizontalSpacing(arrowWidth);
-				const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
-				return {
-					arrowLeft: -arrowWidth - 5,
-					arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
-					arrowTransform: "translate(50%, -50%)",
-					placement: "right",
-					popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-					popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-					rotate: 90
-				};
-			}
-			const positionX = overloadedChildrenLeft - popupWidth - getHorizontalSpacing(arrowWidth);
-			const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
-			return {
-				arrowLeft: popupWidth + arrowWidth + 5,
-				arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 - popupOverflow,
-				arrowTransform: "translate(-50%, -50%)",
-				placement: "left",
-				popupInitialPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-				popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
-				rotate: -90
-			};
-		};
-		placementTop = (isAligned, overloadedChildrenTop, scrollTopValue, arrowWidth, popupOverflow, popupHeight, overloadedChildrenLeft, popupWidth, childrenWidth, isPopupPortalTargetBody) => {
-			const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
-			const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - getVerticalSpacing(arrowWidth);
-			const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
-			const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
-			return {
-				arrowLeft: overloadedChildrenLeft + childrenWidth / 2 - finalPositionX,
-				arrowTop: popupHeight - 1,
-				arrowTransform: "",
-				placement: "top",
-				popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
-				popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
-				rotate: 0
-			};
-		};
-		computePositions = ({ placement, childrenRef, popupRef, popupPortalTarget, hasArrow, align }) => {
-			var _offsetParent$getBoun;
-			var _window$innerWidth;
-			var _window;
-			var _window$innerHeight;
-			var _window2;
-			const arrowWidth = hasArrow ? 8 : 0;
-			const childrenRect = childrenRef.current.getBoundingClientRect();
-			const offsetParent = findOffsetParent(childrenRef);
-			const offsetParentRect = (_offsetParent$getBoun = offsetParent === null || offsetParent === void 0 ? void 0 : offsetParent.getBoundingClientRect()) !== null && _offsetParent$getBoun !== void 0 ? _offsetParent$getBoun : {
-				left: 0,
-				right: (_window$innerWidth = (_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth) !== null && _window$innerWidth !== void 0 ? _window$innerWidth : 0,
-				top: 0,
-				bottom: (_window$innerHeight = (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.innerHeight) !== null && _window$innerHeight !== void 0 ? _window$innerHeight : 0
-			};
-			const popupStructuredRef = popupRef.current.getBoundingClientRect();
-			const placementBasedOnWindowSize = isGenericPlacement(placement) ? placement : computePlacement({
-				autoPlacement: placement,
-				childrenStructuredRef: childrenRect,
-				offsetParent,
-				offsetParentRect,
-				popupPortalTarget,
-				popupStructuredRef,
-				arrowWidth
-			});
-			const { top: childrenTop, left: childrenLeft, right: childrenRight, width: childrenWidth, height: childrenHeight } = childrenRect;
-			const { top: parentTop, left: parentLeft } = offsetParentRect;
-			const { width: popupWidth, height: popupHeight } = popupStructuredRef;
-			const isPopupPortalTargetBody = popupPortalTarget === document.body || offsetParent === document.body;
-			const scrollTopValue = isPopupPortalTargetBody ? document.documentElement.scrollTop : offsetParent.scrollTop;
-			const overloadedChildrenLeft = isPopupPortalTargetBody ? childrenLeft : childrenLeft - parentLeft;
-			const overloadedChildrenTop = isPopupPortalTargetBody ? childrenTop : childrenTop - parentTop;
-			const overloadedChildrenRight = isPopupPortalTargetBody ? childrenRight : childrenLeft - parentLeft + childrenWidth;
-			const popupOverflow = getPopupOverflowFromParent(placementBasedOnWindowSize, offsetParentRect, childrenRect, popupStructuredRef, arrowWidth);
-			const isAligned = align === "start";
-			switch (placementBasedOnWindowSize) {
-				case "bottom": return placementBottom(isAligned, overloadedChildrenLeft, childrenWidth, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, isPopupPortalTargetBody);
-				case "left": return placementLeft(isAligned, overloadedChildrenLeft, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight);
-				case "right": return placementRight(isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight);
-				case "nested-menu": return placementNested(isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight, childrenRect, offsetParent, offsetParentRect, popupStructuredRef, overloadedChildrenLeft, popupWidth, popupPortalTarget);
-				case "top": return placementTop(isAligned, overloadedChildrenTop, scrollTopValue, arrowWidth, popupOverflow, popupHeight, overloadedChildrenLeft, popupWidth, childrenWidth, isPopupPortalTargetBody);
-				default: return placementTop(isAligned, overloadedChildrenTop, scrollTopValue, arrowWidth, popupOverflow, popupHeight, overloadedChildrenLeft, popupWidth, childrenWidth, isPopupPortalTargetBody);
-			}
-		};
-	}))();
-}
-
-//#endregion
-init_helpers();
-export { DEFAULT_POSITIONS, computePositions, init_helpers };

package/dist/components/Popup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAkB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAgdjB,CAAA"}

package/dist/components/Popup/index.js

@@ -1,362 +0,0 @@
-'use client';
-import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
-import { init_isClientSide, isClientSide } from "../../helpers/isClientSide.js";
-import { DEFAULT_POSITIONS, computePositions, init_helpers } from "./helpers.js";
-import { init_styles_css, popupStyle } from "./styles.css.js";
-import { animationDurationPopup, arrowLeft, arrowTop, arrowTransform, init_variables_css, maxHeightPopup, maxWidthPopup, popupInitialPosition, popupPosition } from "./variables.css.js";
-import { forwardRef, startTransition, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { cn } from "@ultraviolet/utils";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-
-//#region src/components/Popup/index.tsx
-var DEFAULT_ANIMATION_DURATION, DEFAULT_DEBOUNCE_DURATION, noop, stopClickPropagation, getPopupPortalTarget, Popup;
-function init_Popup() {
-	return (init_Popup = __esmMin(() => {
-		init_isClientSide();
-		init_helpers();
-		init_styles_css();
-		init_variables_css();
-		init_objectSpread2();
-		DEFAULT_ANIMATION_DURATION = 230;
-		DEFAULT_DEBOUNCE_DURATION = 200;
-		noop = () => {};
-		stopClickPropagation = (event) => {
-			event.stopPropagation();
-		};
-		getPopupPortalTarget = ({ node, role, portalTarget }) => {
-			if (portalTarget) return portalTarget;
-			if (role === "dialog") {
-				if (node) return node;
-				if (isClientSide) return document.body;
-				return null;
-			}
-			if (typeof window !== "undefined") return document.body;
-			return null;
-		};
-		Popup = forwardRef(({ children, text = "", placement = "auto", align = "center", id, className, containerFullWidth, containerFullHeight, maxWidth = "14.5rem", maxHeight, visible, innerRef, role = "popup", "data-testid": dataTestId, hasArrow = true, onClose, tabIndex = 0, onKeyDown, "aria-haspopup": ariaHasPopup, hideOnClickOutside = false, debounceDelay = DEFAULT_DEBOUNCE_DURATION, disableAnimation = false, portalTarget, dynamicDomRendering = true, style }, ref) => {
-			const childrenRef = useRef(null);
-			useImperativeHandle(innerRef, () => childrenRef.current);
-			const innerPopupRef = useRef(null);
-			useImperativeHandle(ref, () => innerPopupRef.current);
-			const timer = useRef(void 0);
-			const popupPortalTarget = getPopupPortalTarget({
-				node: childrenRef.current,
-				portalTarget,
-				role
-			});
-			const animationDuration = disableAnimation || maxHeight ? 0 : DEFAULT_ANIMATION_DURATION;
-			const debounceTimer = useRef(void 0);
-			const [visibleInDom, setVisibleInDom] = useState(false);
-			const [reverseAnimation, setReverseAnimation] = useState(false);
-			const [positions, setPositions] = useState(_objectSpread2({}, DEFAULT_POSITIONS));
-			const uniqueId = useId();
-			const generatedId = id !== null && id !== void 0 ? id : uniqueId;
-			const isControlled = visible !== void 0;
-			const isAnimated = useMemo(() => animationDuration > 0 && !maxHeight, [animationDuration, maxHeight]);
-			const generatePopupPositions = useCallback(() => {
-				if (childrenRef.current && innerPopupRef.current && popupPortalTarget) setPositions(computePositions({
-					align,
-					childrenRef,
-					hasArrow,
-					placement,
-					popupPortalTarget,
-					popupRef: innerPopupRef
-				}));
-			}, [
-				hasArrow,
-				placement,
-				align,
-				popupPortalTarget
-			]);
-			/**
-			* This function is called when we need to recompute positions of popup due to window scroll or resize.
-			*/
-			const onWindowChangeDetected = useCallback(() => {
-				if (innerPopupRef.current) innerPopupRef.current.style.animation = "none";
-				generatePopupPositions();
-			}, [generatePopupPositions, innerPopupRef]);
-			/**
-			* This function is called when we need to remove popup portal from DOM and remove event listener to it.
-			*/
-			const unmountPopupFromDom = useCallback(() => {
-				setVisibleInDom(false);
-				setReverseAnimation(false);
-				window.removeEventListener("scroll", onWindowChangeDetected, true);
-			}, [onWindowChangeDetected]);
-			/**
-			* This function is called when we need to hide popup. A timeout is set to allow animation end, then remove
-			* popup from dom.
-			*/
-			const closePopup = useCallback(() => {
-				const closeFunction = () => {
-					if (disableAnimation) {
-						onClose === null || onClose === void 0 || onClose();
-						unmountPopupFromDom();
-					} else {
-						setReverseAnimation(true);
-						timer.current = setTimeout(() => {
-							onClose === null || onClose === void 0 || onClose();
-							unmountPopupFromDom();
-						}, animationDuration);
-					}
-				};
-				if (disableAnimation) closeFunction();
-				else debounceTimer.current = setTimeout(() => {
-					closeFunction();
-				}, debounceDelay && !disableAnimation ? debounceDelay : 0);
-			}, [
-				animationDuration,
-				disableAnimation,
-				debounceDelay,
-				onClose,
-				unmountPopupFromDom
-			]);
-			/**
-			* When mouse hover or stop hovering children this function display or hide popup. A timeout is set to allow animation
-			* end, then remove popup from dom.
-			*/
-			const onPointerEvent = useCallback((isVisible) => () => {
-				if (!visible && debounceDelay > 0 && debounceTimer.current) {
-					clearTimeout(debounceTimer.current);
-					debounceTimer.current = void 0;
-				}
-				if (!isVisible && innerPopupRef.current && !debounceTimer.current) closePopup();
-				else if (isVisible) {
-					if (timer.current) {
-						setReverseAnimation(false);
-						clearTimeout(timer.current);
-						timer.current = void 0;
-					}
-					if (debounceTimer.current) {
-						clearTimeout(debounceTimer.current);
-						debounceTimer.current = void 0;
-					}
-					if (debounceDelay > 0) debounceTimer.current = setTimeout(() => {
-						setVisibleInDom(true);
-					}, debounceDelay);
-					else startTransition(() => {
-						setVisibleInDom(true);
-					});
-				}
-			}, [
-				closePopup,
-				debounceDelay,
-				visible
-			]);
-			useLayoutEffect(() => {
-				const currentRef = childrenRef.current;
-				if (typeof ResizeObserver === "undefined") {
-					generatePopupPositions();
-					return;
-				}
-				const mutationObserver = new MutationObserver(() => {
-					generatePopupPositions();
-				});
-				const resizeObserver = new ResizeObserver(() => {
-					generatePopupPositions();
-				});
-				if (currentRef) {
-					resizeObserver.observe(currentRef);
-					mutationObserver.observe(currentRef, { characterData: true });
-				}
-				return () => {
-					if (currentRef) {
-						resizeObserver.unobserve(currentRef);
-						mutationObserver.disconnect();
-					}
-				};
-			}, [visibleInDom, generatePopupPositions]);
-			/**
-			* Once popup is visible in the dom we can compute positions, then set it visible on screen and add event to
-			* recompute positions on scroll or screen resize.
-			*/
-			useLayoutEffect(() => {
-				if (visibleInDom) {
-					generatePopupPositions();
-					window.addEventListener("scroll", onWindowChangeDetected, true);
-					window.addEventListener("resize", onWindowChangeDetected, true);
-				}
-				return () => {
-					window.removeEventListener("scroll", onWindowChangeDetected, true);
-					window.removeEventListener("resize", onWindowChangeDetected, true);
-					if (timer.current) {
-						clearTimeout(timer.current);
-						timer.current = void 0;
-					}
-				};
-			}, [
-				generatePopupPositions,
-				onWindowChangeDetected,
-				visibleInDom,
-				maxWidth,
-				popupPortalTarget
-			]);
-			useLayoutEffect(() => {
-				if (visibleInDom && innerPopupRef.current) innerPopupRef.current.style.opacity = "1";
-			}, [visibleInDom, positions]);
-			/**
-			* If popup has `visible` prop it means the popup is manually controlled through this prop.
-			* In this cas we don't want to display popup on hover, but only when `visible` is true.
-			*/
-			useEffect(() => {
-				if (isControlled) onPointerEvent(visible)();
-			}, [
-				isControlled,
-				onPointerEvent,
-				visible
-			]);
-			useEffect(() => {
-				const handleEscPress = (event) => {
-					if (event.key === "Escape") {
-						event.preventDefault();
-						event.stopPropagation();
-						closePopup();
-					}
-				};
-				const handleClickOutside = (event) => {
-					const popupCurrent = innerPopupRef.current;
-					const childrenCurrent = childrenRef.current;
-					const target = event.target;
-					if (popupCurrent && hideOnClickOutside && !event.defaultPrevented && event.target && event.target !== popupCurrent && event.target !== childrenCurrent && !(childrenCurrent === null || childrenCurrent === void 0 ? void 0 : childrenCurrent.contains(target)) && !popupCurrent.contains(target)) {
-						event.preventDefault();
-						event.stopPropagation();
-						closePopup();
-					}
-				};
-				if (visibleInDom) {
-					document.body.addEventListener("keyup", handleEscPress);
-					document.body.addEventListener("click", handleClickOutside);
-				}
-				return () => {
-					document.body.removeEventListener("keyup", handleEscPress);
-					document.body.removeEventListener("click", handleClickOutside);
-				};
-			}, [
-				closePopup,
-				visibleInDom,
-				innerPopupRef,
-				childrenRef,
-				hideOnClickOutside
-			]);
-			/**
-			* This event will occur only for dialog and will trap focus inside the dialog.
-			*/
-			const handleFocusTrap = useCallback((event) => {
-				var _innerPopupRef$curren;
-				if (!(event.key === "Tab")) return;
-				event.stopPropagation();
-				const focusableEls = (_innerPopupRef$curren = innerPopupRef.current) === null || _innerPopupRef$curren === void 0 ? void 0 : _innerPopupRef$curren.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled])");
-				if ((focusableEls === null || focusableEls === void 0 ? void 0 : focusableEls.length) === 0) event.preventDefault();
-				if (focusableEls) {
-					const elems = [...focusableEls];
-					const firstFocusableEl = elems[0];
-					const lastFocusableEl = elems.at(-1);
-					if (event.shiftKey) {
-						if (document.activeElement === firstFocusableEl || document.activeElement === innerPopupRef.current) {
-							if (lastFocusableEl instanceof HTMLElement) lastFocusableEl.focus();
-							event.preventDefault();
-						}
-					} else if (document.activeElement === lastFocusableEl || document.activeElement === innerPopupRef.current) {
-						if (firstFocusableEl instanceof HTMLElement) firstFocusableEl.focus();
-						event.preventDefault();
-					}
-				}
-			}, []);
-			/**
-			* On unmount, clear all timers
-			*/
-			useEffect(() => () => {
-				if (timer.current) clearTimeout(timer.current);
-				if (debounceTimer.current) clearTimeout(debounceTimer.current);
-			}, []);
-			/**
-			* Will render children conditionally if children is a function or not.
-			*/
-			const renderChildren = useCallback(() => {
-				if (typeof children === "function") return children({
-					onBlur: isControlled ? noop : onPointerEvent(false),
-					onFocus: isControlled ? noop : onPointerEvent(true),
-					onPointerEnter: isControlled ? noop : onPointerEvent(true),
-					onPointerLeave: isControlled ? noop : onPointerEvent(false),
-					ref: childrenRef
-				});
-				return /* @__PURE__ */ jsx("div", {
-					"aria-controls": generatedId,
-					"aria-describedby": generatedId,
-					"aria-haspopup": ariaHasPopup,
-					className: popupStyle.childrenContainer({
-						fullHeight: containerFullHeight,
-						fullWidth: containerFullWidth
-					}),
-					onBlur: isControlled ? noop : onPointerEvent(false),
-					onFocus: isControlled ? noop : onPointerEvent(true),
-					onKeyDown: (event) => {
-						onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
-					},
-					onPointerEnter: isControlled ? noop : onPointerEvent(true),
-					onPointerLeave: isControlled ? noop : onPointerEvent(false),
-					ref: childrenRef,
-					tabIndex,
-					children
-				});
-			}, [
-				ariaHasPopup,
-				children,
-				containerFullHeight,
-				containerFullWidth,
-				generatedId,
-				isControlled,
-				onKeyDown,
-				onPointerEvent,
-				tabIndex
-			]);
-			const shouldRender = useMemo(() => {
-				if (!dynamicDomRendering) return true;
-				if (dynamicDomRendering && visibleInDom) return true;
-				return false;
-			}, [dynamicDomRendering, visibleInDom]);
-			if (!text) {
-				if (typeof children === "function") return null;
-				return children;
-			}
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderChildren(), shouldRender ? createPortal(/* @__PURE__ */ jsx("div", {
-				className: cn(className, popupStyle.popup({
-					hasArrow,
-					visibleInDom: dynamicDomRendering ? void 0 : visibleInDom
-				}), isAnimated ? popupStyle.animation[reverseAnimation ? "reverse" : "notReverse"] : ""),
-				"data-testid": dataTestId,
-				"data-visible-in-dom": dynamicDomRendering ? void 0 : visibleInDom,
-				id: generatedId,
-				onClick: stopClickPropagation,
-				onKeyDown: role === "dialog" ? handleFocusTrap : void 0,
-				onPointerEnter: isControlled ? noop : onPointerEvent(true),
-				onPointerLeave: isControlled ? noop : onPointerEvent(false),
-				ref: innerPopupRef,
-				role,
-				style: _objectSpread2(_objectSpread2({}, assignInlineVars({
-					[arrowTop]: `${positions.arrowTop}px`,
-					[arrowLeft]: `${positions.arrowLeft}px`,
-					[arrowTransform]: `${positions.arrowTransform} rotate(${positions.rotate}deg)`,
-					[popupPosition]: positions.popupPosition,
-					[animationDurationPopup]: `${animationDuration}ms`,
-					[popupInitialPosition]: positions.popupInitialPosition,
-					[maxWidthPopup]: typeof maxWidth === "number" ? `${maxWidth}px` : maxWidth,
-					[maxHeightPopup]: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-				})), style),
-				children: /* @__PURE__ */ jsx("div", {
-					className: popupStyle.container({ hasMaxHeight: !!maxHeight }),
-					style: assignInlineVars({ [maxHeightPopup]: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight }),
-					children: text
-				})
-			}), popupPortalTarget) : null] });
-		});
-		Popup.displayName = "Popup";
-	}))();
-}
-
-//#endregion
-init_Popup();
-export { Popup, init_Popup };

package/dist/components/Popup/styles.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/styles.css.ts"],"names":[],"mappings":"AAgIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAA"}