@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Overlay/Menu/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Menu/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,oBAAc,CAAA;AACrC,eAAO,MAAM,oBAAoB,oBAAc,CAAA;AA8M/C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA5ChB,IAAI;;;;;;;;;;;CAqDT,CAAA"}

package/dist/components/Overlay/Menu/styles.css.js

@@ -0,0 +1,88 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Overlay/Menu/styles.css.ts
+var heightMenu, heightAvailableSpace, menuStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		heightMenu = "var(--uv_1yxbotq0)";
+		heightAvailableSpace = "var(--uv_1yxbotq1)";
+		menuStyle = {
+			menu: createRuntimeFn({
+				defaultClassName: "uv_1yxbotq2",
+				variantClassNames: {
+					arrow: { true: "uv_1yxbotq3" },
+					searchable: { true: "uv_1yxbotq4" }
+				},
+				defaultVariants: {
+					arrow: false,
+					searchable: false
+				},
+				compoundVariants: []
+			}),
+			content: "uv_1yxbotq5",
+			footer: "uv_1yxbotq6",
+			list: "uv_1yxbotq7",
+			searchInput: "uv_1yxbotq8",
+			group: "uv_1yxbotq9",
+			itemContainer: createRuntimeFn({
+				defaultClassName: "uv_1yxbotqa",
+				variantClassNames: { borderless: {
+					false: "uv_1yxbotqb",
+					true: "uv_1yxbotqc"
+				} },
+				defaultVariants: { borderless: false },
+				compoundVariants: []
+			}),
+			item: createRuntimeFn({
+				defaultClassName: "uv_1yxbotqd",
+				variantClassNames: {
+					borderless: { true: "uv_1yxbotqe" },
+					disabled: { true: "uv_1yxbotqf" },
+					sentiment: {
+						neutral: "uv_1yxbotqg",
+						danger: "uv_1yxbotqh",
+						primary: "uv_1yxbotqi"
+					}
+				},
+				defaultVariants: {
+					borderless: false,
+					disabled: false,
+					sentiment: "neutral"
+				},
+				compoundVariants: [
+					[{
+						disabled: false,
+						sentiment: "neutral"
+					}, "uv_1yxbotqj"],
+					[{
+						disabled: false,
+						sentiment: "danger"
+					}, "uv_1yxbotqk"],
+					[{
+						disabled: false,
+						sentiment: "primary"
+					}, "uv_1yxbotql"],
+					[{
+						disabled: true,
+						sentiment: "neutral"
+					}, "uv_1yxbotqm"],
+					[{
+						disabled: true,
+						sentiment: "danger"
+					}, "uv_1yxbotqn"],
+					[{
+						disabled: true,
+						sentiment: "primary"
+					}, "uv_1yxbotqo"]
+				]
+			})
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { heightAvailableSpace, heightMenu, init_styles_css, menuStyle };

package/dist/components/Overlay/Menu/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Overlay/Menu/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC/F,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,KAAK,iBAAiB,GAClB,CAAC,CAAC,UAAU,EAAE,eAAe,KAAK,YAAY,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC,GACxF,CAAC,YAAY,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAAG;IACvD,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B,CAAC,CAAA;AAEN,MAAM,MAAM,eAAe,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAElD,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,cAAc,KAAK,SAAS,CAAC,CAAA;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,iBAAiB,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC,CAAA;IAC7E;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,qBAAqB,GAAG,OAAO,GAAG,OAAO,CAAC,CAAA"}

package/dist/components/Overlay/Modal/ModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Modal/ModalContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAKxD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,oQAsBtB,iBAAiB,uCAoDnB,CAAA"}

package/dist/components/Overlay/Modal/ModalContent.js

@@ -0,0 +1,64 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../../Action/Button/index.js";
+import { init_styles_css, modalStyle } from "./styles.css.js";
+import { Dialog, init_Dialog } from "./components/Dialog.js";
+import { init_useDelayUnmount, useDelayUnmount } from "./useDelayUnmount.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePrefersReducedMotion } from "@ultraviolet/animations";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+
+//#region src/components/Overlay/Modal/ModalContent.tsx
+var ModalContent;
+function init_ModalContent() {
+	return (init_ModalContent = __esmMin(() => {
+		init_Button();
+		init_Dialog();
+		init_useDelayUnmount();
+		init_styles_css();
+		ModalContent = ({ open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, closeButtonSentiment, style, ref, isDrawer }) => {
+			const prefersReducedMotion = usePrefersReducedMotion();
+			if (!useDelayUnmount(open, prefersReducedMotion ? 0 : 250)) return null;
+			return /* @__PURE__ */ jsxs(Dialog, {
+				ariaLabel,
+				backdropClassName,
+				className,
+				"data-testid": dataTestId,
+				hideOnClickOutside,
+				hideOnEsc,
+				id: finalId,
+				image,
+				isDrawer,
+				onClose: handleClose,
+				open,
+				placement,
+				preventBodyScroll,
+				ref,
+				size: finalSize,
+				style,
+				children: [typeof children === "function" ? children({
+					close: handleClose,
+					modalId: finalId,
+					show: handleOpen,
+					toggle: handleToggle,
+					visible: open
+				}) : children, /* @__PURE__ */ jsx("div", {
+					className: modalStyle.container,
+					children: isClosable ? /* @__PURE__ */ jsx(Button, {
+						accessibleLabel: "close",
+						"data-testid": dataTestId ? `${dataTestId}-close-button` : void 0,
+						onClick: handleClose,
+						sentiment: closeButtonSentiment,
+						size: "small",
+						variant: "ghost",
+						children: /* @__PURE__ */ jsx(CloseIcon, {})
+					}) : null
+				})]
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_ModalContent();
+export { ModalContent, init_ModalContent };

package/dist/components/Overlay/Modal/ModalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Modal/ModalProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACzC,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IAC5C,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,sBAAsB,EAAE,WAAW,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,YAAY,yDAA2D,CAAA;AAEpF,eAAO,MAAM,QAAQ,0BAOpB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,aAAa,iBAAkB,kBAAkB,gCA+B7D,CAAA"}

package/dist/components/Overlay/Modal/ModalProvider.js

@@ -0,0 +1,52 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Overlay/Modal/ModalProvider.tsx
+var ModalContext, useModal, ModalProvider;
+function init_ModalProvider() {
+	return (init_ModalProvider = __esmMin(() => {
+		ModalContext = createContext(void 0);
+		useModal = () => {
+			const context = useContext(ModalContext);
+			if (!context) throw new Error("useModal must be used within a ModalProvider");
+			return context;
+		};
+		ModalProvider = ({ children }) => {
+			const [openedModals, setOpenedModals] = useState([]);
+			const [previsousOpenedModales, setPreviousOpenedModales] = useState([]);
+			const registerModal = useCallback((object) => {
+				setOpenedModals((prev) => {
+					setPreviousOpenedModales(prev);
+					return [...prev, object];
+				});
+			}, []);
+			const unregisterModal = useCallback((id) => {
+				setOpenedModals((prev) => {
+					setPreviousOpenedModales(prev);
+					return prev.filter((modalId) => modalId.id !== id);
+				});
+			}, []);
+			const value = useMemo(() => ({
+				openedModals,
+				previsousOpenedModales,
+				registerModal,
+				unregisterModal
+			}), [
+				openedModals,
+				registerModal,
+				unregisterModal,
+				previsousOpenedModales
+			]);
+			return /* @__PURE__ */ jsx(ModalContext.Provider, {
+				value,
+				children
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_ModalProvider();
+export { ModalContext, ModalProvider, init_ModalProvider, useModal };

package/dist/components/Overlay/Modal/components/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAS3C,eAAO,MAAM,MAAM,wNAmBhB,WAAW,gCA4Nb,CAAA"}

package/dist/components/Overlay/Modal/components/Dialog.js

@@ -0,0 +1,189 @@
+'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 { Stack, init_Stack } from "../../../Layout/Stack/index.js";
+import { init_ModalProvider, useModal } from "../ModalProvider.js";
+import { init_styles_css, modalStyle, nestedModalScale, nestedModalTop } from "../styles.css.js";
+import { useCallback, useEffect, useRef } 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/Overlay/Modal/components/Dialog.tsx
+var stopCancel, Dialog;
+function init_Dialog() {
+	return (init_Dialog = __esmMin(() => {
+		init_Stack();
+		init_ModalProvider();
+		init_styles_css();
+		init_objectSpread2();
+		stopCancel = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+		};
+		Dialog = ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, backdropStyle, image, style, ref, isDrawer, open }) => {
+			var _dialogRef$current2;
+			const containerRef = useRef(document.createElement("div"));
+			const nonDefaultRef = useRef(null);
+			const dialogRef = ref !== null && ref !== void 0 ? ref : nonDefaultRef;
+			const onCloseRef = useRef(onClose);
+			const { registerModal, unregisterModal, openedModals } = useModal();
+			useEffect(() => {
+				if (isDrawer) return;
+				if (open) registerModal({
+					id,
+					ref: dialogRef
+				});
+				else unregisterModal(id);
+				return () => {
+					unregisterModal(id);
+				};
+			}, [
+				id,
+				open,
+				registerModal,
+				unregisterModal,
+				dialogRef,
+				isDrawer
+			]);
+			useEffect(() => {
+				const element = containerRef.current;
+				document.body.appendChild(element);
+				return () => {
+					if (document.body.contains(element)) document.body.removeChild(element);
+				};
+			}, []);
+			useEffect(() => {
+				onCloseRef.current = onClose;
+			}, [onClose]);
+			useEffect(() => {
+				if (open) {
+					var _dialogRef$current;
+					(_dialogRef$current = dialogRef.current) === null || _dialogRef$current === void 0 || _dialogRef$current.focus();
+				}
+			}, [open, dialogRef]);
+			useEffect(() => {
+				const previousOverflow = document.body.style.overflow;
+				if (preventBodyScroll) document.body.style.overflow = "hidden";
+				return () => {
+					document.body.style.overflow = previousOverflow;
+				};
+			}, [preventBodyScroll]);
+			const stopFocus = useCallback((event) => {
+				event.stopPropagation();
+			}, []);
+			const realPosition = [...openedModals].findIndex((object) => object.id === id);
+			const position = [...openedModals].reverse().findIndex((object) => object.id === id);
+			const modalAbove = openedModals[realPosition + 1];
+			const currentModalHeight = (_dialogRef$current2 = dialogRef.current) === null || _dialogRef$current2 === void 0 ? void 0 : _dialogRef$current2.offsetHeight;
+			let top = 0;
+			const handleKeyUp = useCallback((event) => {
+				event.stopPropagation();
+				if (event.key === "Escape" && hideOnEsc) {
+					event.preventDefault();
+					onCloseRef.current();
+				}
+			}, [hideOnEsc]);
+			const pointerDownTargetRef = useRef(null);
+			const handlePointerDown = useCallback((event) => {
+				pointerDownTargetRef.current = event.target;
+			}, []);
+			const handleClose = useCallback((event) => {
+				const clickedOutside = dialogRef.current && !dialogRef.current.contains(pointerDownTargetRef.current) && !dialogRef.current.contains(event.target);
+				if (hideOnClickOutside && clickedOutside && (isDrawer || position === 0)) onCloseRef.current();
+			}, [
+				hideOnClickOutside,
+				position,
+				dialogRef,
+				isDrawer
+			]);
+			const handleFocusMove = useCallback((event, firstFocusableEl, lastFocusableEl) => {
+				if (event.shiftKey) {
+					if (document.activeElement === firstFocusableEl || document.activeElement === dialogRef.current) {
+						if (lastFocusableEl instanceof HTMLElement) lastFocusableEl.focus();
+						event.preventDefault();
+					}
+				} else if (document.activeElement === lastFocusableEl || document.activeElement === dialogRef.current) {
+					if (firstFocusableEl instanceof HTMLElement) firstFocusableEl.focus();
+					event.preventDefault();
+				}
+			}, [dialogRef]);
+			const handleFocusTrap = useCallback((event) => {
+				var _dialogRef$current3;
+				event.stopPropagation();
+				if (event.key === "Escape") {
+					event.preventDefault();
+					return;
+				}
+				if (!(event.key === "Tab")) return;
+				const focusableEls = (_dialogRef$current3 = dialogRef.current) === null || _dialogRef$current3 === void 0 ? void 0 : _dialogRef$current3.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);
+					handleFocusMove(event, firstFocusableEl, lastFocusableEl);
+				}
+			}, [dialogRef, handleFocusMove]);
+			if ((modalAbove === null || modalAbove === void 0 ? void 0 : modalAbove.ref) && typeof modalAbove.ref === "object" && "current" in modalAbove.ref && currentModalHeight) {
+				var _modalAbove$ref$curre;
+				var _modalAbove$ref;
+				top = ((_modalAbove$ref$curre = modalAbove === null || modalAbove === void 0 || (_modalAbove$ref = modalAbove.ref) === null || _modalAbove$ref === void 0 || (_modalAbove$ref = _modalAbove$ref.current) === null || _modalAbove$ref === void 0 ? void 0 : _modalAbove$ref.offsetHeight) !== null && _modalAbove$ref$curre !== void 0 ? _modalAbove$ref$curre : 0) / 2 - currentModalHeight / 2 + 20;
+			}
+			return createPortal(/* @__PURE__ */ jsx("div", {
+				className: cn(backdropClassName, modalStyle.backdrop),
+				style: backdropStyle,
+				"data-testid": dataTestId ? `${dataTestId}-backdrop` : void 0,
+				onPointerDown: handlePointerDown,
+				onPointerUp: handleClose,
+				onFocus: stopFocus,
+				onKeyDown: () => {},
+				children: /* @__PURE__ */ jsx("dialog", {
+					"aria-label": ariaLabel,
+					"aria-modal": true,
+					className: cn(className, modalStyle.modal({
+						image: !!image,
+						placement,
+						positivePosition: position > 0,
+						size
+					})),
+					"data-size": size,
+					"data-testid": dataTestId,
+					id,
+					onCancel: stopCancel,
+					onClose: stopCancel,
+					onKeyDown: handleFocusTrap,
+					onKeyUp: handleKeyUp,
+					open,
+					ref: dialogRef,
+					style: _objectSpread2(_objectSpread2({}, assignInlineVars({
+						[nestedModalTop]: `-${top}px`,
+						[nestedModalScale]: String(1 - position * .1)
+					})), style),
+					tabIndex: 0,
+					children: image ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Stack, {
+						alignItems: "flex-end",
+						className: modalStyle.imageContainer,
+						justifyContent: "center",
+						children: /* @__PURE__ */ jsx("img", {
+							alt: "illustration",
+							className: modalStyle.image,
+							height: "auto",
+							src: image,
+							width: "auto"
+						})
+					}), /* @__PURE__ */ jsx(Stack, {
+						className: modalStyle.content,
+						gap: 5,
+						children
+					})] }) : children
+				})
+			}), containerRef.current);
+		};
+	}))();
+}
+
+//#endregion
+init_Dialog();
+export { Dialog, init_Dialog };

package/dist/components/Overlay/Modal/components/Disclosure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay/Modal/components/Disclosure.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,UAAU,sEAAuE,eAAe,sGAiC5G,CAAA"}

package/dist/components/Overlay/Modal/components/Disclosure.js

@@ -0,0 +1,50 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { cloneElement, isValidElement, useEffect, useMemo } from "react";
+
+//#region src/components/Overlay/Modal/components/Disclosure.tsx
+var Disclosure;
+function init_Disclosure() {
+	return (init_Disclosure = __esmMin(() => {
+		Disclosure = ({ disclosure, handleOpen, visible, handleClose, toggle, id, ref }) => {
+			useEffect(() => {
+				const element = ref.current;
+				element === null || element === void 0 || element.addEventListener("click", handleOpen);
+				return () => {
+					element === null || element === void 0 || element.removeEventListener("click", handleOpen);
+				};
+			}, [
+				handleOpen,
+				ref,
+				disclosure
+			]);
+			const finalDisclosure = useMemo(() => {
+				if (typeof disclosure === "function") return disclosure({
+					close: handleClose,
+					modalId: id,
+					show: handleOpen,
+					toggle,
+					visible
+				});
+				return disclosure;
+			}, [
+				disclosure,
+				handleOpen,
+				handleClose,
+				id,
+				toggle,
+				visible
+			]);
+			if (!isValidElement(finalDisclosure)) return null;
+			return cloneElement(finalDisclosure, {
+				"aria-controls": id,
+				"aria-haspopup": "dialog",
+				ref
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_Disclosure();
+export { Disclosure, init_Disclosure };

package/dist/components/Overlay/Modal/constants.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Modal/constants.css.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMjD,CAAA;AAED,eAAO,MAAM,qBAAqB,MAAM,CAAA;AACxC,eAAO,MAAM,wBAAwB,SAAS,CAAA;AAE9C,eAAO,MAAM,0BAA0B,oBAAc,CAAA;AACrD,eAAO,MAAM,iBAAiB,oBAAc,CAAA;AAC5C,eAAO,MAAM,4BAA4B,oBAAc,CAAA;AACvD,eAAO,MAAM,oBAAoB,oBAAc,CAAA;AAE/C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,SAAS,CAmE7D,CAAA"}

package/dist/components/Overlay/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Modal/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI9E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;8BAKqB,EACpB,SAAmB,EACnB,EAAE,EACF,QAAQ,EACR,UAAU,EACV,kBAAyB,EACzB,SAAgB,EAChB,UAAiB,EACjB,oBAAgC,EAChC,OAAO,EACP,aAAa,EACb,MAAM,EACN,IAAY,EACZ,SAAoB,EACpB,iBAAwB,EACxB,IAAc,EACd,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,iBAAiB,EACjB,KAAK,EACL,KAAK,EACL,GAAG,EACH,QAAQ,GACT,EAAE,UAAU"}

package/dist/components/Overlay/Modal/index.js

@@ -0,0 +1,79 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { ModalContext, ModalProvider, init_ModalProvider } from "./ModalProvider.js";
+import { Disclosure, init_Disclosure } from "./components/Disclosure.js";
+import { ModalContent, init_ModalContent } from "./ModalContent.js";
+import { Fragment, useCallback, useContext, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Overlay/Modal/index.tsx
+var Modal;
+function init_Modal() {
+	return (init_Modal = __esmMin(() => {
+		init_Disclosure();
+		init_ModalContent();
+		init_ModalProvider();
+		Modal = ({ ariaLabel = "modal", id, children, disclosure, hideOnClickOutside = true, hideOnEsc = true, isClosable = true, closeButtonSentiment = "neutral", onClose, onBeforeClose, onOpen, open = false, placement = "center", preventBodyScroll = true, size = "small", className, "data-testid": dataTestId, backdropClassName, image, style, ref, isDrawer }) => {
+			const [visible, setVisible] = useState(false);
+			const controlId = useId();
+			const disclosureRef = useRef(null);
+			const handleOpen = useCallback(() => {
+				setVisible(true);
+				onOpen === null || onOpen === void 0 || onOpen();
+			}, [onOpen]);
+			const handleClose = useCallback(() => {
+				var _disclosureRef$curren;
+				(_disclosureRef$curren = disclosureRef.current) === null || _disclosureRef$curren === void 0 || _disclosureRef$curren.focus();
+				if (onClose) onClose();
+				else {
+					const promise = onBeforeClose === null || onBeforeClose === void 0 ? void 0 : onBeforeClose();
+					if (promise && "catch" in promise) promise.catch(() => null);
+					setVisible(false);
+				}
+			}, [onBeforeClose, onClose]);
+			const handleToggle = useCallback(() => {
+				var _disclosureRef$curren2;
+				(_disclosureRef$curren2 = disclosureRef.current) === null || _disclosureRef$curren2 === void 0 || _disclosureRef$curren2.focus();
+				setVisible((current) => !current);
+			}, []);
+			const finalId = id !== null && id !== void 0 ? id : controlId;
+			const Container = useContext(ModalContext) ? Fragment : ModalProvider;
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [disclosure ? /* @__PURE__ */ jsx(Disclosure, {
+				disclosure,
+				handleClose,
+				handleOpen,
+				id: finalId,
+				ref: disclosureRef,
+				toggle: handleToggle,
+				visible
+			}) : null, /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(ModalContent, {
+				ariaLabel,
+				backdropClassName,
+				className,
+				dataTestId,
+				finalId,
+				finalSize: size,
+				handleClose,
+				handleOpen,
+				handleToggle,
+				hideOnClickOutside,
+				hideOnEsc,
+				image,
+				closeButtonSentiment,
+				isClosable,
+				isDrawer,
+				open: visible || open,
+				placement,
+				preventBodyScroll,
+				ref,
+				style,
+				children
+			}) })] });
+		};
+		Modal.displayName = "Modal";
+	}))();
+}
+
+//#endregion
+init_Modal();
+export { Modal, init_Modal };

package/dist/components/Overlay/Modal/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Modal/styles.css.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,cAAc,oBAAc,CAAA;AACzC,eAAO,MAAM,gBAAgB,oBAAc,CAAA;AAC3C,QAAA,MAAM,UAAU,oBAAc,CAAA;AAiM9B,eAAO,MAAM,UAAU;;;;;;;;YAxBjB,IAAI;gBACF,OAAO;;;;;;;;;;;;;oBAeH,CAAC,UAAU,CAAC,SAA4B;;;;;CAenD,CAAA"}

package/dist/components/Overlay/Modal/styles.css.js

@@ -0,0 +1,60 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "../Drawer/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../Dialog/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Overlay/Modal/styles.css.ts
+var nestedModalTop, nestedModalScale, modalStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		nestedModalTop = "var(--uv_i6gx4b0)";
+		nestedModalScale = "var(--uv_i6gx4b1)";
+		modalStyle = {
+			container: "uv_i6gx4b3",
+			imageContainer: "uv_i6gx4b4",
+			image: "uv_i6gx4b5",
+			content: "uv_i6gx4b6",
+			backdrop: "uv_i6gx4b7",
+			modal: createRuntimeFn({
+				defaultClassName: "uv_i6gx4b8",
+				variantClassNames: {
+					image: { true: "uv_i6gx4b9" },
+					placement: {
+						bottom: "uv_i6gx4ba",
+						"bottom-left": "uv_i6gx4bb",
+						"bottom-right": "uv_i6gx4bc",
+						center: "uv_i6gx4bd",
+						left: "uv_i6gx4be",
+						right: "uv_i6gx4bf",
+						top: "uv_i6gx4bg",
+						"top-left": "uv_i6gx4bh",
+						"top-right": "uv_i6gx4bi"
+					},
+					positivePosition: { true: "uv_i6gx4bj" },
+					size: {
+						large: "uv_i6gx4bk",
+						medium: "uv_i6gx4bl",
+						small: "uv_i6gx4bm",
+						xsmall: "uv_i6gx4bn",
+						xxsmall: "uv_i6gx4bo"
+					}
+				},
+				defaultVariants: {
+					image: false,
+					placement: "center",
+					positivePosition: false,
+					size: "medium"
+				},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, modalStyle, nestedModalScale, nestedModalTop };

package/dist/components/Overlay/Modal/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Overlay/Modal/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Overlay/Modal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}

package/dist/components/Overlay/Modal/useDelayUnmount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayUnmount.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Modal/useDelayUnmount.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,UAAW,OAAO,cAAc,MAAM,wBAcjE,CAAA"}