@evolve.ui/core-components 1.0.0

package/components-CL4KcKF0.cjs

@@ -0,0 +1,393 @@
+const require_nodeEnv = require("./nodeEnv-BdQ-HyQz.cjs");
+const require_Icons = require("./Icons.cjs");
+const require_Typography_Text = require("./Typography/Text.cjs");
+const require_windowSizeProvider = require("./windowSizeProvider-BMaATFiZ.cjs");
+const require_providers = require("./providers.cjs");
+const require_IconButton = require("./IconButton.cjs");
+const require_modal_context = require("./modal/context.cjs");
+const require_modal_useCloseModal = require("./modal/useCloseModal.cjs");
+const require_ContentPager = require("./ContentPager-BJo1L64Y.cjs");
+const require_effectEventListener = require("./effectEventListener-DmVY5Sgy.cjs");
+const require_progressSteps = require("./progressSteps.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let jotai = require("jotai");
+let react_dom = require("react-dom");
+//#region src/Modal/components/BackButton/BackButton.tsx
+/**
+* Component for modal that triggers a callback when clicked.
+*/
+const BackButton = ({ "aria-label": ariaLabel = "Go Back", className, onClick }) => {
+	const isMobile = require_windowSizeProvider.useWindowIsMobile();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+		"aria-label": ariaLabel,
+		className: (0, _evolve_ui_theme_system.cn)("absolute left-sm top-sm z-[2] cursor-pointer", "xsMax:left-[12px] xsMax:top-[13px]", className),
+		hideTooltip: true,
+		icon: require_Icons.ArrowLeft,
+		onClick,
+		size: isMobile ? "sm" : "md"
+	});
+};
+//#endregion
+//#region src/Modal/components/CloseButton/CloseButton.tsx
+let useCloseModalHook = require_modal_useCloseModal.useCloseModal;
+if (require_nodeEnv.nodeEnv === "test") useCloseModalHook = require_modal_useCloseModal.useForceCloseModal;
+/**
+* Component used in modal windows to close them.
+*
+* You can access this same functionality (no need for the component to be a child of `Modal`)
+* with `useCloseModal` (subpath `modal/useCloseModal`).
+*
+* If you need to add a callback, you likely want to modify `handleClose` on the `Modal` component.
+*/
+const CloseButton = ({ "aria-label": ariaLabel = "Close", className }) => {
+	const closeModal = useCloseModalHook("close");
+	const isMobile = require_windowSizeProvider.useWindowIsMobile();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+		"aria-label": ariaLabel,
+		className: (0, _evolve_ui_theme_system.cn)("absolute right-sm top-sm z-[2] cursor-pointer", "xsMax:right-[12px] xsMax:top-[13px]", className),
+		hideTooltip: true,
+		icon: require_Icons.Close,
+		onClick: closeModal,
+		size: isMobile ? "sm" : "md",
+		type: "button"
+	});
+};
+//#endregion
+//#region src/Modal/components/ModalActions/ModalActions.tsx
+/**
+* A styled container for buttons or other actions.
+*
+* Automatically adds scroll hint above when `ModalContent` is scrollable.
+* During page transitions, only the first set of portal actions are shown.
+*/
+const ModalActions = ({ children, className, usePortalActions }) => {
+	const { modalHasFooterAtom, showBottomScrollHintAtom } = (0, react.useContext)(require_modal_context.ModalContext);
+	const showBottomScrollHint = (0, jotai.useAtomValue)(showBottomScrollHintAtom);
+	const setModalHasFooter = (0, jotai.useSetAtom)(modalHasFooterAtom);
+	const modalActionsRef = (0, react.useRef)(null);
+	const modalPortalKey = (0, react.useId)();
+	const amountOfChildren = (0, react.useMemo)(() => react.Children.toArray(children).length, [children]);
+	const currentPage = (0, jotai.useAtomValue)(require_ContentPager.currentPageAtom);
+	const [modalActionsPageName, setModalActionsPageName] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		if (modalActionsRef.current && modalActionsPageName === null) {
+			if (!usePortalActions) {
+				const pageElement = modalActionsRef.current.closest("[data-page-name]");
+				if (pageElement) {
+					const pageName = pageElement.getAttribute("data-page-name");
+					if (pageName) {
+						setModalActionsPageName(pageName);
+						return;
+					}
+				}
+			}
+			const pageElements = document.querySelectorAll("[data-page-name]");
+			if (pageElements.length > 0) {
+				const pageName = pageElements[pageElements.length - 1].getAttribute("data-page-name");
+				if (pageName) setModalActionsPageName(pageName);
+			}
+		}
+	}, [modalActionsPageName, usePortalActions]);
+	const isModalActionsInCurrentPage = (0, react.useMemo)(() => {
+		return modalActionsPageName === currentPage;
+	}, [modalActionsPageName, currentPage]);
+	(0, react.useEffect)(() => {
+		if (modalActionsPageName !== null) {
+			if (isModalActionsInCurrentPage) setModalHasFooter(true);
+			else if (!document.querySelector("[data-testid=\"modal-footer\"]:not(.hidden)")) setModalHasFooter(false);
+		}
+	}, [
+		isModalActionsInCurrentPage,
+		modalActionsPageName,
+		setModalHasFooter
+	]);
+	const modalActionsContent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _evolve_ui_theme_system.cn)("relative z-[1] flex items-center justify-center gap-sm p-[32px_64px_64px_64px] [&>button]:min-w-[158px]", "transition-all duration-200 ease-in [animation-play-state:paused] [scrollbar-gutter:stable-both-edges]", { "shadow-04": showBottomScrollHint }, { "[&>button]:flex-1": amountOfChildren === 2 }, {
+			"mobile:group-only/fullscreen:absolute mobile:group-only/fullscreen:bottom-0 mobile:group-only/fullscreen:h-[74px] mobile:group-only/fullscreen:w-full": usePortalActions,
+			"smMin:absolute smMin:bottom-0 smMin:h-[138px] smMin:w-full": usePortalActions
+		}, "xsMax:p-[24px_32px_32px_32px] xsMax:[&>button]:min-w-fit xsMax:[&>button]:flex-1", "mobile:group-only/fullscreen:gap-sm mobile:group-only/fullscreen:p-sm", { "hidden duration-0": usePortalActions && !isModalActionsInCurrentPage && modalActionsPageName !== null }, className),
+		"data-testid": "modal-footer",
+		id: "modal-footer",
+		ref: (ref) => {
+			modalActionsRef.current = ref;
+		},
+		children
+	});
+	if (usePortalActions && typeof window !== "undefined") {
+		const portalTarget = document.getElementById("modal-actions-portal");
+		if (!portalTarget) return modalActionsContent;
+		return (0, react_dom.createPortal)(modalActionsContent, portalTarget, modalPortalKey.toString());
+	}
+	return modalActionsContent;
+};
+//#endregion
+//#region src/Modal/components/ModalContent/ModalContent.tsx
+/**
+* The main content area of the modal.
+*
+* It automatically adds scroll hints to `ModalHeader` (above) and `ModalActions` (below).
+* It automatically moves the `ModalTitle` farther into the header if scrolled.
+*/
+const ModalContent = ({ children, className }) => {
+	const { scrollTopAtom, showBottomScrollHintAtom, showTopScrollHintAtom } = (0, react.useContext)(require_modal_context.ModalContext);
+	const contentRef = (0, react.useRef)(null);
+	const currentPage = (0, jotai.useAtomValue)(require_ContentPager.currentPageAtom);
+	const setScrollTop = (0, jotai.useSetAtom)(scrollTopAtom);
+	const setShowBottomScrollHint = (0, jotai.useSetAtom)(showBottomScrollHintAtom);
+	const setShowTopScrollHint = (0, jotai.useSetAtom)(showTopScrollHintAtom);
+	const [hasModalSubTitle, setHasModalSubTitle] = (0, react.useState)(Boolean(contentRef.current?.querySelector("#modal-sub-title")));
+	/* istanbul ignore next */
+	const handleScroll = (0, react.useCallback)((contentRef) => () => {
+		if (contentRef.scrollHeight > contentRef.clientHeight + 32) {
+			const atTheBottom = Math.round(contentRef.scrollHeight - contentRef.scrollTop) - 5 < contentRef.clientHeight;
+			const atTheTop = contentRef.scrollTop < 10;
+			setShowBottomScrollHint(!atTheBottom);
+			setShowTopScrollHint(!atTheTop);
+			setScrollTop(contentRef.scrollTop);
+		} else if (contentRef.scrollTop === 0) {
+			setShowBottomScrollHint(false);
+			setShowTopScrollHint(false);
+			setScrollTop(0);
+		}
+	}, [
+		setShowBottomScrollHint,
+		setShowTopScrollHint,
+		setScrollTop
+	]);
+	const onScrollRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		return require_effectEventListener.effectEventListener(window, "resize", () => onScrollRef.current?.());
+	}, [handleScroll]);
+	/**
+	* Effect to detect presence of modal subtitle and adjust padding accordingly.
+	* Uses MutationObserver to handle dynamic content changes, particularly when
+	* content is loaded through a ContentPager component.
+	* Also triggers scroll hint updates when content changes.
+	*/
+	(0, react.useEffect)(() => {
+		if (!contentRef.current) return;
+		const subTitle = contentRef.current.querySelector("#modal-sub-title");
+		setHasModalSubTitle(Boolean(subTitle));
+		const observer = new MutationObserver(() => {
+			const allPages = contentRef.current?.querySelectorAll("[data-page-name]");
+			const modalSubtitle = (allPages && allPages.length > 1 ? allPages[1] : allPages?.[0])?.querySelector("#modal-sub-title");
+			setHasModalSubTitle(Boolean(modalSubtitle));
+			onScrollRef.current?.();
+		});
+		observer.observe(contentRef.current, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, []);
+	(0, react.useEffect)(() => {
+		if (Boolean(currentPage) && contentRef.current && contentRef.current.scrollTop !== 0) contentRef.current.scrollTo({
+			behavior: "smooth",
+			top: 0
+		});
+	}, [currentPage]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _evolve_ui_theme_system.cn)("relative mb-2xl flex justify-center overflow-y-auto px-xl py-sm pt-md [scrollbar-gutter:stable-both-edges]", "group-has-[#modal-footer.flex]:mb-0", "transition-all duration-200 ease-in", "xsMax:px-sm xsMax:pb-xs", { "!pt-0": hasModalSubTitle }, "mobile:group-only/fullscreen:h-full", "mobile:group-only/fullscreen:mb-0 mobile:group-only/fullscreen:px-sm", className),
+		"data-testid": "modal-content",
+		id: "modal-content",
+		onTransitionEnd: () => {
+			onScrollRef.current?.();
+		},
+		ref: (ref) => {
+			if (!ref) return;
+			contentRef.current = ref;
+			const onScroll = handleScroll(ref);
+			onScrollRef.current = onScroll;
+			ref.addEventListener("scroll", onScroll);
+			requestAnimationFrame(() => {
+				onScroll();
+			});
+		},
+		style: { scrollbarGutter: "stable both-edges" },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, _evolve_ui_theme_system.cn)("w-[460px] xsMax:w-[311px]", "mobile:group-only/fullscreen:w-full"),
+			children
+		})
+	});
+};
+//#endregion
+//#region src/Modal/components/ModalHeader/hooks/useHeaderAnimation.tsx
+const useHeaderAnimation = () => {
+	const storedAnimation = (0, react.useRef)(void 0);
+	const theme = require_providers.useTheme();
+	const isMobile = require_windowSizeProvider.useWindowIsMobile();
+	const { modalHasProgressStepsAtom } = (0, react.useContext)(require_modal_context.ModalContext);
+	const modalHasProgressSteps = (0, jotai.useAtomValue)(modalHasProgressStepsAtom);
+	const headerAnimations = [{
+		color: theme.color.text.standard,
+		fontFamily: theme.typography.heading["200"].family,
+		fontSize: theme.typography.heading["200"].size,
+		fontStyle: theme.typography.heading["200"].style,
+		fontWeight: theme.typography.heading["200"].weight,
+		letterSpacing: theme.typography.heading["200"].spacing,
+		lineHeight: theme.typography.heading["200"].height,
+		marginTop: isMobile ? "38px" : "48px",
+		paddingBottom: "0px"
+	}, {
+		color: theme.color.text.standard,
+		fontFamily: theme.typography.heading["300"].family,
+		fontSize: theme.typography.heading["300"].size,
+		fontStyle: theme.typography.heading["300"].style,
+		fontWeight: theme.typography.heading["300"].weight,
+		letterSpacing: theme.typography.heading["300"].spacing,
+		lineHeight: theme.typography.heading["300"].height,
+		marginTop: isMobile ? "14px" : "22px",
+		paddingBottom: modalHasProgressSteps ? "8px" : isMobile ? "14px" : "22px"
+	}];
+	const setAnimationPercentage = (percentage) => {
+		if (!storedAnimation.current) return;
+		storedAnimation.current.currentTime = percentage * 999;
+	};
+	return {
+		headerAnimations,
+		setAnimationPercentage,
+		storedAnimation
+	};
+};
+//#endregion
+//#region src/Modal/components/ModalHeader/ModalHeader.tsx
+/**
+* A styled container for the header of the modal.
+*
+* Automatically moves the `ModalTitle` farther into the header if scrolled.
+* Automatically adds scroll hint below when `ModalContent` is scrollable.
+*/
+const ModalHeader = ({ children, className }) => {
+	const { scrollTopAtom, showTopScrollHintAtom } = (0, react.useContext)(require_modal_context.ModalContext);
+	const scrollTop = (0, jotai.useAtomValue)(scrollTopAtom);
+	const showTopScrollHint = (0, jotai.useAtomValue)(showTopScrollHintAtom);
+	const { headerAnimations, setAnimationPercentage, storedAnimation } = useHeaderAnimation();
+	const isMobile = require_windowSizeProvider.useWindowIsMobile();
+	const closeModal = require_modal_useCloseModal.useCloseModal("escape");
+	(0, react.useMemo)(() => {
+		if (Boolean(isMobile)) setAnimationPercentage(Math.max(1 - (Math.max(scrollTop, 32) - scrollTop) / 32, 0));
+		else setAnimationPercentage(Math.max(1 - (Math.max(scrollTop, 48) - scrollTop) / 48, 0));
+	}, [
+		isMobile,
+		scrollTop,
+		setAnimationPercentage
+	]);
+	(0, react.useEffect)(() => {
+		const handleEsc = (event) => {
+			if (event.key === "Escape") closeModal();
+		};
+		return require_effectEventListener.effectEventListener(window, "keydown", handleEsc);
+	}, [closeModal]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _evolve_ui_theme_system.cn)("relative z-[1] mb-xs flex flex-col items-center justify-center px-2xl", "transition-all duration-200 ease-in [animation-play-state:paused] [scrollbar-gutter:stable-both-edges]", { "shadow-01": showTopScrollHint }, "xsMax:px-xs", "mobile:group-only/fullscreen:px-sm", className),
+		ref: (ref) => {
+			if (!ref) return;
+			if (ref.getAnimations?.().length === 0) {
+				const animation = ref.animate(headerAnimations, {
+					duration: 1e3,
+					fill: "both",
+					iterations: Infinity
+				});
+				animation.pause();
+				storedAnimation.current = animation;
+			}
+		},
+		children
+	});
+};
+//#endregion
+//#region src/Modal/components/ModalProgressSteps/ModalProgressSteps.tsx
+const ModalProgressSteps = ({ className, ...props }) => {
+	const { modalHasProgressStepsAtom } = (0, react.useContext)(require_modal_context.ModalContext);
+	const setModalHasProgressSteps = (0, jotai.useSetAtom)(modalHasProgressStepsAtom);
+	(0, react.useEffect)(() => {
+		setModalHasProgressSteps(true);
+	}, [setModalHasProgressSteps]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_progressSteps.ProgressSteps, {
+		className: (0, _evolve_ui_theme_system.cn)("pb-0 pt-xs", className),
+		...props
+	});
+};
+//#endregion
+//#region src/Modal/components/ModalSubTitle/ModalSubTitle.tsx
+/**
+* Styled subtitle for modal.
+*/
+const ModalSubTitle = ({ children, className, "data-testid": dataTestId = "modalSubTitle" }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _evolve_ui_theme_system.cn)("-pt-sm mb-lg block w-full text-center", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, {
+			className,
+			color: "secondary",
+			"data-testid": dataTestId,
+			id: "modal-sub-title",
+			children
+		})
+	});
+};
+ModalSubTitle.displayName = "ModalSubTitle";
+//#endregion
+//#region src/Modal/components/ModalTitle/ModalTitle.tsx
+/**
+* Styled title for modal.
+*
+* Automatically moves the `ModalTitle` farther into the header if `ModalContent` scrolled.
+*/
+const ModalTitle = ({ children, "data-testid": dataTestId = "modalTitle" }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	className: "px-md text-center xsMax:pt-[1px]",
+	"data-testid": dataTestId,
+	children
+});
+//#endregion
+Object.defineProperty(exports, "BackButton", {
+	enumerable: true,
+	get: function() {
+		return BackButton;
+	}
+});
+Object.defineProperty(exports, "CloseButton", {
+	enumerable: true,
+	get: function() {
+		return CloseButton;
+	}
+});
+Object.defineProperty(exports, "ModalActions", {
+	enumerable: true,
+	get: function() {
+		return ModalActions;
+	}
+});
+Object.defineProperty(exports, "ModalContent", {
+	enumerable: true,
+	get: function() {
+		return ModalContent;
+	}
+});
+Object.defineProperty(exports, "ModalHeader", {
+	enumerable: true,
+	get: function() {
+		return ModalHeader;
+	}
+});
+Object.defineProperty(exports, "ModalProgressSteps", {
+	enumerable: true,
+	get: function() {
+		return ModalProgressSteps;
+	}
+});
+Object.defineProperty(exports, "ModalSubTitle", {
+	enumerable: true,
+	get: function() {
+		return ModalSubTitle;
+	}
+});
+Object.defineProperty(exports, "ModalTitle", {
+	enumerable: true,
+	get: function() {
+		return ModalTitle;
+	}
+});
+
+//# sourceMappingURL=components-CL4KcKF0.cjs.map

package/components-CL4KcKF0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-CL4KcKF0.cjs","names":["useWindowIsMobile","IconButton","ArrowLeft","useCloseModal","nodeEnv","useForceCloseModal","useWindowIsMobile","IconButton","Close","ModalContext","Children","currentPageAtom","ModalContext","currentPageAtom","effectEventListener","useTheme","useWindowIsMobile","ModalContext","ModalContext","useWindowIsMobile","useCloseModal","effectEventListener","ModalContext","ProgressSteps","BodyPrimary"],"sources":["../src/Modal/components/BackButton/BackButton.tsx","../src/Modal/components/CloseButton/CloseButton.tsx","../src/Modal/components/ModalActions/ModalActions.tsx","../src/Modal/components/ModalContent/ModalContent.tsx","../src/Modal/components/ModalHeader/hooks/useHeaderAnimation.tsx","../src/Modal/components/ModalHeader/ModalHeader.tsx","../src/Modal/components/ModalProgressSteps/ModalProgressSteps.tsx","../src/Modal/components/ModalSubTitle/ModalSubTitle.tsx","../src/Modal/components/ModalTitle/ModalTitle.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\n\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { ArrowLeft } from '../../../Icons';\nimport { useWindowIsMobile } from '../../../providers';\n\ntype Props = {\n    /**\n     * @default 'Go Back'\n     */\n    'aria-label'?: string;\n    className?: string;\n    /**\n     * Function to be called when the button is clicked.\n     *\n     * This is intended to be a callback to control something like a `ContentPager`.\n     */\n    onClick: () => void;\n};\n\n/**\n * Component for modal that triggers a callback when clicked.\n */\nexport const BackButton = ({ 'aria-label': ariaLabel = 'Go Back', className, onClick }: Props) => {\n    const isMobile = useWindowIsMobile();\n\n    return (\n        <IconButton\n            aria-label={ariaLabel}\n            className={cn(\n                // GENERAL\n                'absolute left-sm top-sm z-[2] cursor-pointer',\n                // MOBILE\n                'xsMax:left-[12px] xsMax:top-[13px]',\n                className\n            )}\n            hideTooltip\n            icon={ArrowLeft}\n            onClick={onClick}\n            size={isMobile ? 'sm' : 'md'}\n        />\n    );\n};\n","import { cn } from '@evolve.ui/theme-system';\n\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Close } from '../../../Icons';\nimport { useWindowIsMobile } from '../../../providers';\nimport { nodeEnv } from '../../../utils/nodeEnv';\nimport { useCloseModal, useForceCloseModal } from '../../hooks/useCloseModal';\n\ntype Props = {\n    /**\n     * @default 'Close'\n     */\n    'aria-label'?: string;\n    /**\n     * Optional class name for the component.\n     */\n    className?: string;\n};\n\nlet useCloseModalHook = useCloseModal;\n\nif (nodeEnv === 'test') {\n    useCloseModalHook = useForceCloseModal as typeof useCloseModal;\n}\n\n/**\n * Component used in modal windows to close them.\n *\n * You can access this same functionality (no need for the component to be a child of `Modal`)\n * with `useCloseModal` (subpath `modal/useCloseModal`).\n *\n * If you need to add a callback, you likely want to modify `handleClose` on the `Modal` component.\n */\nexport const CloseButton = ({ 'aria-label': ariaLabel = 'Close', className }: Props) => {\n    const closeModal = useCloseModalHook('close');\n    const isMobile = useWindowIsMobile();\n\n    return (\n        <IconButton\n            aria-label={ariaLabel}\n            className={cn(\n                // GENERAL\n                'absolute right-sm top-sm z-[2] cursor-pointer',\n                // MOBILE\n                'xsMax:right-[12px] xsMax:top-[13px]',\n                className\n            )}\n            hideTooltip\n            icon={Close}\n            onClick={closeModal}\n            size={isMobile ? 'sm' : 'md'}\n            type=\"button\"\n        />\n    );\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { useAtomValue, useSetAtom } from 'jotai';\nimport { Children, ReactNode, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { currentPageAtom } from '../../../ContentPager/ContentPager';\nimport { ModalContext } from '../../context';\n\ntype Props = {\n    children: ReactNode;\n    className?: string;\n    usePortalActions?: boolean;\n};\n\n/**\n * A styled container for buttons or other actions.\n *\n * Automatically adds scroll hint above when `ModalContent` is scrollable.\n * During page transitions, only the first set of portal actions are shown.\n */\nexport const ModalActions = ({ children, className, usePortalActions }: Props) => {\n    const { modalHasFooterAtom, showBottomScrollHintAtom } = useContext(ModalContext);\n    const showBottomScrollHint = useAtomValue(showBottomScrollHintAtom);\n    const setModalHasFooter = useSetAtom(modalHasFooterAtom);\n    const modalActionsRef = useRef<HTMLDivElement | null>(null);\n\n    const modalPortalKey = useId();\n    const amountOfChildren = useMemo(() => Children.toArray(children).length, [children]);\n    const currentPage = useAtomValue(currentPageAtom);\n\n    // Track which page this ModalActions belongs to\n    const [modalActionsPageName, setModalActionsPageName] = useState<string | null>(null);\n\n    // Find the page name by checking the DOM when the ref is available\n    useEffect(() => {\n        if (modalActionsRef.current && modalActionsPageName === null) {\n            // For non-portal actions, traverse up the DOM to find the page\n            if (!usePortalActions) {\n                const pageElement = modalActionsRef.current.closest('[data-page-name]');\n                if (pageElement) {\n                    const pageName = pageElement.getAttribute('data-page-name');\n                    if (pageName) {\n                        setModalActionsPageName(pageName);\n                        return;\n                    }\n                }\n            }\n\n            // For portal actions, find which page is currently active in the DOM\n            // Since portal actions are rendered outside the page structure, we check\n            // which page element exists and use the last one (most recently rendered)\n            const pageElements = document.querySelectorAll('[data-page-name]');\n            if (pageElements.length > 0) {\n                const lastPageElement = pageElements[pageElements.length - 1];\n                const pageName = lastPageElement.getAttribute('data-page-name');\n                if (pageName) {\n                    setModalActionsPageName(pageName);\n                }\n            }\n        }\n    }, [modalActionsPageName, usePortalActions]);\n\n    const isModalActionsInCurrentPage = useMemo(() => {\n        return modalActionsPageName === currentPage;\n    }, [modalActionsPageName, currentPage]);\n\n    // Update modalHasFooter based on visibility\n    useEffect(() => {\n        if (modalActionsPageName !== null) {\n            // If this ModalActions is visible, set modalHasFooter to true\n            if (isModalActionsInCurrentPage) {\n                setModalHasFooter(true);\n            } else {\n                // If this ModalActions is hidden, only set modalHasFooter to false\n                // if there are no other visible ModalActions (i.e., we're on a page without actions)\n                const hasVisibleModalActions = document.querySelector('[data-testid=\"modal-footer\"]:not(.hidden)');\n                if (!hasVisibleModalActions) {\n                    setModalHasFooter(false);\n                }\n            }\n        }\n    }, [isModalActionsInCurrentPage, modalActionsPageName, setModalHasFooter]);\n\n    const modalActionsContent = (\n        <div\n            className={cn(\n                // GENERAL\n                'relative z-[1] flex items-center justify-center gap-sm p-[32px_64px_64px_64px] [&>button]:min-w-[158px]',\n                // ANIMATION\n                'transition-all duration-200 ease-in [animation-play-state:paused] [scrollbar-gutter:stable-both-edges]',\n                // SHADOW\n                { 'shadow-04': showBottomScrollHint },\n                // If there are 2 buttons, make them take up the full width\n                { '[&>button]:flex-1': amountOfChildren === 2 },\n                // PORTAL ACTIONS - absolute on desktop and mobile fullscreen, relative on tablet\n                {\n                    'mobile:group-only/fullscreen:absolute mobile:group-only/fullscreen:bottom-0 mobile:group-only/fullscreen:h-[74px] mobile:group-only/fullscreen:w-full':\n                        usePortalActions,\n                    'smMin:absolute smMin:bottom-0 smMin:h-[138px] smMin:w-full': usePortalActions,\n                },\n                // MOBILE\n                'xsMax:p-[24px_32px_32px_32px] xsMax:[&>button]:min-w-fit xsMax:[&>button]:flex-1',\n                // MOBILE FULLSCREEN\n                'mobile:group-only/fullscreen:gap-sm mobile:group-only/fullscreen:p-sm',\n                // HIDE MODAL ACTIONS: Hide if this ModalActions belongs to a page that's NOT the current page\n                {\n                    'hidden duration-0':\n                        usePortalActions && !isModalActionsInCurrentPage && modalActionsPageName !== null,\n                },\n                className\n            )}\n            data-testid=\"modal-footer\"\n            id=\"modal-footer\"\n            ref={(ref) => {\n                // Only set modalHasFooter based on ref existence, not visibility\n                // Visibility is handled by the useEffect above\n                modalActionsRef.current = ref;\n            }}\n        >\n            {children}\n        </div>\n    );\n\n    if (usePortalActions && typeof window !== 'undefined') {\n        const portalTarget = document.getElementById('modal-actions-portal');\n\n        if (!portalTarget) {\n            return modalActionsContent;\n        }\n\n        return createPortal(modalActionsContent, portalTarget, modalPortalKey.toString());\n    }\n\n    return modalActionsContent;\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { useAtomValue, useSetAtom } from 'jotai';\nimport { ReactNode, useCallback, useContext, useEffect, useRef, useState } from 'react';\n\nimport { currentPageAtom } from '../../../ContentPager/ContentPager';\nimport { effectEventListener } from '../../../utils/effectEventListener';\nimport { ModalContext } from '../../context';\n\ntype Props = {\n    children: ReactNode;\n    className?: string;\n};\n\n/**\n * The main content area of the modal.\n *\n * It automatically adds scroll hints to `ModalHeader` (above) and `ModalActions` (below).\n * It automatically moves the `ModalTitle` farther into the header if scrolled.\n */\nexport const ModalContent = ({ children, className }: Props) => {\n    const { scrollTopAtom, showBottomScrollHintAtom, showTopScrollHintAtom } = useContext(ModalContext);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const currentPage = useAtomValue(currentPageAtom);\n\n    const setScrollTop = useSetAtom(scrollTopAtom);\n    const setShowBottomScrollHint = useSetAtom(showBottomScrollHintAtom);\n    const setShowTopScrollHint = useSetAtom(showTopScrollHintAtom);\n    const [hasModalSubTitle, setHasModalSubTitle] = useState(\n        Boolean(contentRef.current?.querySelector('#modal-sub-title'))\n    );\n\n    /* istanbul ignore next */\n    const handleScroll = useCallback(\n        (contentRef: HTMLDivElement) => () => {\n            if (contentRef.scrollHeight > contentRef.clientHeight + 32) {\n                const atTheBottom =\n                    Math.round(contentRef.scrollHeight - contentRef.scrollTop) - 5 < contentRef.clientHeight;\n                const atTheTop = contentRef.scrollTop < 10;\n\n                setShowBottomScrollHint(!atTheBottom);\n                setShowTopScrollHint(!atTheTop);\n                setScrollTop(contentRef.scrollTop);\n            } else if (contentRef.scrollTop === 0) {\n                setShowBottomScrollHint(false);\n                setShowTopScrollHint(false);\n                setScrollTop(0);\n            }\n        },\n        [setShowBottomScrollHint, setShowTopScrollHint, setScrollTop]\n    );\n\n    const onScrollRef = useRef<ReturnType<typeof handleScroll>>(null);\n\n    // Trigger handleScroll on window resize\n    useEffect(() => {\n        return effectEventListener(window, 'resize', () => onScrollRef.current?.());\n    }, [handleScroll]);\n\n    /**\n     * Effect to detect presence of modal subtitle and adjust padding accordingly.\n     * Uses MutationObserver to handle dynamic content changes, particularly when\n     * content is loaded through a ContentPager component.\n     * Also triggers scroll hint updates when content changes.\n     */\n    useEffect(() => {\n        if (!contentRef.current) {\n            return;\n        }\n\n        // Initial check for subtitle in the current content\n        const subTitle = contentRef.current.querySelector('#modal-sub-title');\n\n        setHasModalSubTitle(Boolean(subTitle));\n\n        // Set up MutationObserver to watch for changes in the modal content\n        const observer = new MutationObserver(() => {\n            // Get all content pager pages\n            const allPages = contentRef.current?.querySelectorAll('[data-page-name]');\n\n            // During transition, check the second page (incoming page)\n            // Otherwise check the first/only page\n            const targetPage = allPages && allPages.length > 1 ? allPages[1] : allPages?.[0];\n            const modalSubtitle = targetPage?.querySelector('#modal-sub-title');\n\n            setHasModalSubTitle(Boolean(modalSubtitle));\n\n            // Trigger scroll check when content changes (e.g., page navigation)\n            // This ensures scroll hints update immediately when switching to a page with different scroll state\n            onScrollRef.current?.();\n        });\n\n        // Observe changes to the modal content structure\n        observer.observe(contentRef.current, {\n            childList: true,\n            subtree: true,\n        });\n\n        return () => observer.disconnect();\n    }, []);\n\n    // Reset scroll position when page changes in ContentPager\n    useEffect(() => {\n        if (Boolean(currentPage) && contentRef.current && contentRef.current.scrollTop !== 0) {\n            contentRef.current.scrollTo({ behavior: 'smooth', top: 0 });\n        }\n    }, [currentPage]);\n\n    return (\n        <div\n            className={cn(\n                // GENERAL\n                'relative mb-2xl flex justify-center overflow-y-auto px-xl py-sm pt-md [scrollbar-gutter:stable-both-edges]',\n\n                // GROUP CLASSES FOR CONDITIONAL MARGIN BASED OFF FOOTER\n                'group-has-[#modal-footer.flex]:mb-0',\n                // ANIMATION\n                'transition-all duration-200 ease-in',\n                // MOBILE\n                'xsMax:px-sm xsMax:pb-xs',\n                // WITH SUBTITLE\n                { '!pt-0': hasModalSubTitle },\n                // FULLSCREEN\n                'mobile:group-only/fullscreen:h-full',\n                // MOBILE FULLSCREEN\n                'mobile:group-only/fullscreen:mb-0 mobile:group-only/fullscreen:px-sm',\n                className\n            )}\n            data-testid=\"modal-content\"\n            id=\"modal-content\"\n            onTransitionEnd={() => {\n                // Check scroll hints after transitions complete (accordion animations, etc.)\n                onScrollRef.current?.();\n            }}\n            ref={(ref) => {\n                if (!ref) {\n                    return;\n                }\n                contentRef.current = ref;\n\n                const onScroll = handleScroll(ref);\n                onScrollRef.current = onScroll;\n\n                ref.addEventListener('scroll', onScroll);\n\n                // Initial scroll hint check\n                requestAnimationFrame(() => {\n                    onScroll();\n                });\n            }}\n            style={{ scrollbarGutter: 'stable both-edges' }}\n        >\n            <div\n                className={cn(\n                    'w-[460px] xsMax:w-[311px]',\n                    // MOBILE FULLSCREEN\n                    'mobile:group-only/fullscreen:w-full'\n                )}\n            >\n                {children}\n            </div>\n        </div>\n    );\n};\n","import { useAtomValue } from 'jotai';\nimport { useContext, useRef } from 'react';\n\nimport { useWindowIsMobile } from '../../../../providers';\nimport { useTheme } from '../../../../providers/themeContext';\nimport { ModalContext } from '../../../context';\n\nexport const useHeaderAnimation = () => {\n    const storedAnimation = useRef<Animation | undefined>(undefined);\n    const theme = useTheme();\n    const isMobile = useWindowIsMobile();\n    const { modalHasProgressStepsAtom } = useContext(ModalContext);\n    const modalHasProgressSteps = useAtomValue(modalHasProgressStepsAtom);\n\n    const headerAnimations = [\n        {\n            color: theme.color.text.standard,\n            fontFamily: theme.typography.heading['200'].family,\n            fontSize: theme.typography.heading['200'].size,\n            fontStyle: theme.typography.heading['200'].style,\n            fontWeight: theme.typography.heading['200'].weight,\n            letterSpacing: theme.typography.heading['200'].spacing,\n            lineHeight: theme.typography.heading['200'].height,\n            marginTop: isMobile ? '38px' : '48px',\n            paddingBottom: '0px',\n        },\n        {\n            color: theme.color.text.standard,\n            fontFamily: theme.typography.heading['300'].family,\n            fontSize: theme.typography.heading['300'].size,\n            fontStyle: theme.typography.heading['300'].style,\n            fontWeight: theme.typography.heading['300'].weight,\n            letterSpacing: theme.typography.heading['300'].spacing,\n            lineHeight: theme.typography.heading['300'].height,\n            marginTop: isMobile ? '14px' : '22px',\n            paddingBottom: modalHasProgressSteps ? '8px' : isMobile ? '14px' : '22px',\n        },\n    ];\n\n    const setAnimationPercentage = (percentage: number) => {\n        if (!storedAnimation.current) {\n            return;\n        }\n\n        storedAnimation.current.currentTime = percentage * 999;\n    };\n\n    return { headerAnimations, setAnimationPercentage, storedAnimation };\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { useAtomValue } from 'jotai';\nimport { ReactNode, useContext, useEffect, useMemo } from 'react';\n\nimport { useWindowIsMobile } from '../../../providers';\nimport { effectEventListener } from '../../../utils/effectEventListener';\nimport { ModalContext } from '../../context';\nimport { useCloseModal } from '../../hooks/useCloseModal';\nimport { useHeaderAnimation } from './hooks/useHeaderAnimation';\n\ntype Props = {\n    children: ReactNode;\n    className?: string;\n};\n\n/**\n * A styled container for the header of the modal.\n *\n * Automatically moves the `ModalTitle` farther into the header if scrolled.\n * Automatically adds scroll hint below when `ModalContent` is scrollable.\n */\nexport const ModalHeader = ({ children, className }: Props) => {\n    const { scrollTopAtom, showTopScrollHintAtom } = useContext(ModalContext);\n    const scrollTop = useAtomValue(scrollTopAtom);\n    const showTopScrollHint = useAtomValue(showTopScrollHintAtom);\n    const { headerAnimations, setAnimationPercentage, storedAnimation } = useHeaderAnimation();\n\n    const isMobile = useWindowIsMobile();\n    const closeModal = useCloseModal('escape');\n\n    useMemo(() => {\n        if (Boolean(isMobile)) {\n            setAnimationPercentage(Math.max(1 - (Math.max(scrollTop, 32) - scrollTop) / 32, 0));\n        } else {\n            setAnimationPercentage(Math.max(1 - (Math.max(scrollTop, 48) - scrollTop) / 48, 0));\n        }\n    }, [isMobile, scrollTop, setAnimationPercentage]);\n\n    useEffect(() => {\n        const handleEsc = (event: Event) => {\n            if ((event as KeyboardEvent).key === 'Escape') {\n                closeModal();\n            }\n        };\n\n        return effectEventListener(window, 'keydown', handleEsc);\n    }, [closeModal]);\n\n    return (\n        <div\n            className={cn(\n                // GENERAL\n                'relative z-[1] mb-xs flex flex-col items-center justify-center px-2xl',\n                // ANIMATION\n                'transition-all duration-200 ease-in [animation-play-state:paused] [scrollbar-gutter:stable-both-edges]',\n                // SHADOW\n                { 'shadow-01': showTopScrollHint },\n                // MOBILE\n                'xsMax:px-xs',\n                // MOBILE FULLSCREEN\n                'mobile:group-only/fullscreen:px-sm',\n                className\n            )}\n            ref={(ref) => {\n                if (!ref) {\n                    return;\n                }\n\n                // Needed for tests to pass\n                if (ref.getAnimations?.().length === 0) {\n                    const animation = ref.animate(headerAnimations, {\n                        duration: 1000,\n                        fill: 'both',\n                        iterations: Infinity,\n                    });\n                    animation.pause();\n                    storedAnimation.current = animation;\n                }\n            }}\n        >\n            {children}\n        </div>\n    );\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { useSetAtom } from 'jotai';\nimport { ComponentProps, useContext, useEffect } from 'react';\n\nimport { ProgressSteps } from '../../../ProgressSteps/ProgressSteps';\nimport { ModalContext } from '../../context';\n\ntype Props = {\n    className?: string;\n} & ComponentProps<typeof ProgressSteps>;\n\nexport const ModalProgressSteps = ({ className, ...props }: Props) => {\n    const { modalHasProgressStepsAtom } = useContext(ModalContext);\n    const setModalHasProgressSteps = useSetAtom(modalHasProgressStepsAtom);\n\n    useEffect(() => {\n        setModalHasProgressSteps(true);\n    }, [setModalHasProgressSteps]);\n\n    return (\n        <ProgressSteps\n            className={cn('pb-0 pt-xs', className)}\n            {...props}\n        />\n    );\n};\n","import { cn } from '@evolve.ui/theme-system';\n\nimport { BodyPrimary } from '../../../Typography/Text/Text';\n\ntype Props = {\n    children: React.ReactNode;\n    className?: string;\n    ['data-testid']?: string;\n};\n\n/**\n * Styled subtitle for modal.\n */\nexport const ModalSubTitle = ({ children, className, 'data-testid': dataTestId = 'modalSubTitle' }: Props) => {\n    return (\n        <div className={cn('-pt-sm mb-lg block w-full text-center', className)}>\n            <BodyPrimary\n                className={className}\n                color=\"secondary\"\n                data-testid={dataTestId}\n                // `id` used in ModalContent\n                id=\"modal-sub-title\"\n            >\n                {children}\n            </BodyPrimary>\n        </div>\n    );\n};\nModalSubTitle.displayName = 'ModalSubTitle';\n","import { ReactNode } from 'react';\n\n/**\n * Styled title for modal.\n *\n * Automatically moves the `ModalTitle` farther into the header if `ModalContent` scrolled.\n */\n\nexport const ModalTitle = ({\n    children,\n    'data-testid': dataTestId = 'modalTitle',\n}: {\n    children: ReactNode;\n    'data-testid'?: string;\n}) => (\n    <span\n        className=\"px-md text-center xsMax:pt-[1px]\"\n        data-testid={dataTestId}\n    >\n        {children}\n    </span>\n);\n"],"mappings":"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"}

package/confetti.cjs

@@ -0,0 +1,7 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Confetti = require("./Confetti--vMcCOQ7.cjs");
+exports.Confetti = require_Confetti.Confetti;

package/confetti.d.cts

@@ -0,0 +1,2 @@
+import { n as ConfettiHandle, t as Confetti } from "./index-CXbRJmrm.cjs";
+export { Confetti, type ConfettiHandle };

package/confetti.d.mts

@@ -0,0 +1,2 @@
+import { n as ConfettiHandle, t as Confetti } from "./index-CXbRJmrm.mjs";
+export { Confetti, type ConfettiHandle };

package/confetti.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { t as Confetti } from "./Confetti-Csdjmzfv.mjs";
+export { Confetti };

package/contentPager.cjs

@@ -0,0 +1,9 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_ContentPager = require("./ContentPager-BJo1L64Y.cjs");
+exports.ContentPager = require_ContentPager.ContentPager;
+exports.Page = require_ContentPager.Page;
+exports.currentPageAtom = require_ContentPager.currentPageAtom;

package/contentPager.d.cts

@@ -0,0 +1,2 @@
+import { n as currentPageAtom, r as Page, t as ContentPager } from "./ContentPager-AM9sSsgG.cjs";
+export { ContentPager, Page, currentPageAtom };

package/contentPager.d.mts

@@ -0,0 +1,2 @@
+import { n as currentPageAtom, r as Page, t as ContentPager } from "./ContentPager-DuxgJP42.mjs";
+export { ContentPager, Page, currentPageAtom };

package/contentPager.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { n as currentPageAtom, r as Page, t as ContentPager } from "./ContentPager-B9UIPahb.mjs";
+export { ContentPager, Page, currentPageAtom };

package/context--_0mDNFa.d.cts

@@ -0,0 +1,24 @@
+import { atomWithReset } from "jotai/utils";
+
+//#region src/Modal/context.d.ts
+type ModalContextType = {
+  closeModalOnBackdropClickAtom: ReturnType<typeof atomWithReset<boolean>>;
+  handleClose?: (handleCloseData?: any) => void;
+  isMobileKeyboardOpen: ReturnType<typeof atomWithReset<boolean>>;
+  modalAnimationAtom: ReturnType<typeof atomWithReset<'opening' | 'closing' | ''>>;
+  modalFullScreenAtom: ReturnType<typeof atomWithReset<boolean>>;
+  modalHasFooterAtom: ReturnType<typeof atomWithReset<boolean>>;
+  modalHasProgressStepsAtom: ReturnType<typeof atomWithReset<boolean>>;
+  modalRefAtom: ReturnType<typeof atomWithReset<{
+    current: HTMLDialogElement | null;
+  }>>;
+  onModalCloseAnimationEnd?: () => void;
+  scrollTopAtom: ReturnType<typeof atomWithReset<number>>;
+  showBottomScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;
+  showTopScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;
+};
+declare const defaultModalContext: ModalContextType;
+declare const ModalContext: import("react").Context<ModalContextType>;
+//#endregion
+export { defaultModalContext as n, ModalContext as t };
+//# sourceMappingURL=context--_0mDNFa.d.cts.map

package/context--_0mDNFa.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context--_0mDNFa.d.cts","names":[],"sources":["../src/Modal/context.ts"],"mappings":";;;KAGK,gBAAA;EACD,6BAAA,EAA+B,UAAA,QAAkB,aAAA;EAEjD,WAAA,IAAe,eAAA;EACf,oBAAA,EAAsB,UAAA,QAAkB,aAAA;EACxC,kBAAA,EAAoB,UAAA,QAAkB,aAAA;EACtC,mBAAA,EAAqB,UAAA,QAAkB,aAAA;EACvC,kBAAA,EAAoB,UAAA,QAAkB,aAAA;EACtC,yBAAA,EAA2B,UAAA,QAAkB,aAAA;EAC7C,YAAA,EAAc,UAAA,QAAkB,aAAA;IAAgB,OAAA,EAAS,iBAAA;EAAA;EACzD,wBAAA;EACA,aAAA,EAAe,UAAA,QAAkB,aAAA;EACjC,wBAAA,EAA0B,UAAA,QAAkB,aAAA;EAC5C,qBAAA,EAAuB,UAAA,QAAkB,aAAA;AAAA;AAAA,cAGhC,mBAAA,EAAqB,gBAWjC;AAAA,cAEY,YAAA,kBAAY,OAAA,CAAA,gBAAA"}

package/context--_0mDNFa.d.mts

@@ -0,0 +1,24 @@
+import { atomWithReset } from "jotai/utils";
+
+//#region src/Modal/context.d.ts
+type ModalContextType = {
+  closeModalOnBackdropClickAtom: ReturnType<typeof atomWithReset<boolean>>;
+  handleClose?: (handleCloseData?: any) => void;
+  isMobileKeyboardOpen: ReturnType<typeof atomWithReset<boolean>>;
+  modalAnimationAtom: ReturnType<typeof atomWithReset<'opening' | 'closing' | ''>>;
+  modalFullScreenAtom: ReturnType<typeof atomWithReset<boolean>>;
+  modalHasFooterAtom: ReturnType<typeof atomWithReset<boolean>>;
+  modalHasProgressStepsAtom: ReturnType<typeof atomWithReset<boolean>>;
+  modalRefAtom: ReturnType<typeof atomWithReset<{
+    current: HTMLDialogElement | null;
+  }>>;
+  onModalCloseAnimationEnd?: () => void;
+  scrollTopAtom: ReturnType<typeof atomWithReset<number>>;
+  showBottomScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;
+  showTopScrollHintAtom: ReturnType<typeof atomWithReset<boolean>>;
+};
+declare const defaultModalContext: ModalContextType;
+declare const ModalContext: import("react").Context<ModalContextType>;
+//#endregion
+export { defaultModalContext as n, ModalContext as t };
+//# sourceMappingURL=context--_0mDNFa.d.mts.map

package/context--_0mDNFa.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context--_0mDNFa.d.mts","names":[],"sources":["../src/Modal/context.ts"],"mappings":";;;KAGK,gBAAA;EACD,6BAAA,EAA+B,UAAA,QAAkB,aAAA;EAEjD,WAAA,IAAe,eAAA;EACf,oBAAA,EAAsB,UAAA,QAAkB,aAAA;EACxC,kBAAA,EAAoB,UAAA,QAAkB,aAAA;EACtC,mBAAA,EAAqB,UAAA,QAAkB,aAAA;EACvC,kBAAA,EAAoB,UAAA,QAAkB,aAAA;EACtC,yBAAA,EAA2B,UAAA,QAAkB,aAAA;EAC7C,YAAA,EAAc,UAAA,QAAkB,aAAA;IAAgB,OAAA,EAAS,iBAAA;EAAA;EACzD,wBAAA;EACA,aAAA,EAAe,UAAA,QAAkB,aAAA;EACjC,wBAAA,EAA0B,UAAA,QAAkB,aAAA;EAC5C,qBAAA,EAAuB,UAAA,QAAkB,aAAA;AAAA;AAAA,cAGhC,mBAAA,EAAqB,gBAWjC;AAAA,cAEY,YAAA,kBAAY,OAAA,CAAA,gBAAA"}

package/cookieConsent.cjs

@@ -0,0 +1,11 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CookieConsent = require("./CookieConsent-PIglB_bb.cjs");
+exports.ConsentSource = require_CookieConsent.ConsentSource;
+exports.CookieConsent = require_CookieConsent.CookieConsent;
+exports.DEFAULT_CONSENT_STORAGE_KEY = require_CookieConsent.DEFAULT_CONSENT_STORAGE_KEY;
+exports.DEFAULT_COOKIE_CATEGORIES = require_CookieConsent.DEFAULT_COOKIE_CATEGORIES;
+exports.useCookieConsent = require_CookieConsent.useCookieConsent;

package/cookieConsent.d.cts

@@ -0,0 +1,2 @@
+import { a as CookieConsentHandle, c as ConsentSource, d as DEFAULT_COOKIE_CATEGORIES, i as CookieConsent, l as CookieCategoryConfig, n as UseCookieConsentParams, o as ConsentCategories, r as useCookieConsent, s as ConsentPayload, t as DEFAULT_CONSENT_STORAGE_KEY, u as CookieConsentTracking } from "./index-DTEgNDXq2.cjs";
+export { type ConsentCategories, type ConsentPayload, ConsentSource, type CookieCategoryConfig, CookieConsent, type CookieConsentHandle, type CookieConsentTracking, DEFAULT_CONSENT_STORAGE_KEY, DEFAULT_COOKIE_CATEGORIES, type UseCookieConsentParams, useCookieConsent };

package/cookieConsent.d.mts

@@ -0,0 +1,2 @@
+import { a as CookieConsentHandle, c as ConsentSource, d as DEFAULT_COOKIE_CATEGORIES, i as CookieConsent, l as CookieCategoryConfig, n as UseCookieConsentParams, o as ConsentCategories, r as useCookieConsent, s as ConsentPayload, t as DEFAULT_CONSENT_STORAGE_KEY, u as CookieConsentTracking } from "./index-DTEgNDXq.mjs";
+export { type ConsentCategories, type ConsentPayload, ConsentSource, type CookieCategoryConfig, CookieConsent, type CookieConsentHandle, type CookieConsentTracking, DEFAULT_CONSENT_STORAGE_KEY, DEFAULT_COOKIE_CATEGORIES, type UseCookieConsentParams, useCookieConsent };

package/cookieConsent.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { a as DEFAULT_COOKIE_CATEGORIES, i as ConsentSource, n as DEFAULT_CONSENT_STORAGE_KEY, r as useCookieConsent, t as CookieConsent } from "./CookieConsent-CIwm0bTz.mjs";
+export { ConsentSource, CookieConsent, DEFAULT_CONSENT_STORAGE_KEY, DEFAULT_COOKIE_CATEGORIES, useCookieConsent };

package/countdown/types.cjs

@@ -0,0 +1 @@
+'use client';

package/countdown/types.d.cts

@@ -0,0 +1,2 @@
+import { t as CountdownFlashpoint } from "../Countdown.types-B7yecprx.cjs";
+export { CountdownFlashpoint };

package/countdown/types.d.mts

@@ -0,0 +1,2 @@
+import { t as CountdownFlashpoint } from "../Countdown.types-B7yecprx.mjs";
+export { CountdownFlashpoint };

package/countdown/types.mjs

@@ -0,0 +1,2 @@
+'use client';
+export {};

package/countdown.cjs

@@ -0,0 +1,7 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Countdown = require("./Countdown-D4-QPv6V.cjs");
+exports.Countdown = require_Countdown.Countdown;

package/countdown.d.cts

@@ -0,0 +1,2 @@
+import { n as CountdownProps, t as Countdown } from "./Countdown-Dw5j-JJ4.cjs";
+export { Countdown, CountdownProps };

package/countdown.d.mts

@@ -0,0 +1,2 @@
+import { n as CountdownProps, t as Countdown } from "./Countdown-BaqV0LJL.mjs";
+export { Countdown, CountdownProps };

package/countdown.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { t as Countdown } from "./Countdown-Hiu5EYUI.mjs";
+export { Countdown };