@ultraviolet/ui 3.21.1 → 3.22.0

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

@@ -1,81 +1,33 @@
-export declare const topModal: `var(--${string})`;
-export declare const positionModal: `var(--${string})`;
+export declare const nestedModalTop: `var(--${string})`;
+export declare const nestedModalScale: `var(--${string})`;
+declare const modalWidth: `var(--${string})`;
 export declare const modalStyle: {
     container: string;
     imageContainer: string;
     image: string;
     content: string;
-    backdropBase: string;
-    backdrop: import("@vanilla-extract/recipes").RuntimeFn<{
-        open: {
-            true: {
-                bottom: number;
-                display: "flex";
-                height: "100%";
-                left: number;
-                overflow: "auto";
-                padding: `var(--${string})`;
-                width: "100%";
-            };
-        };
-        visible: {
-            true: {
-                opacity: number;
-            };
-        };
-    }>;
+    backdrop: string;
     modal: import("@vanilla-extract/recipes").RuntimeFn<{
-        animation: {
-            true: {
-                animation: `${string} 0.3s ease-in-out forwards`;
-            };
-        };
         image: {
             true: {
                 padding: number;
             };
         };
-        placement: {
-            [k: string]: {
-                margin: string;
-                marginBottom: number;
-            } | {
-                margin: string;
-                marginBottom: number;
-                marginLeft: number;
-            } | {
-                margin: string;
-                marginBottom: number;
-                marginRight: number;
-            } | {
-                margin: string;
-            } | {
-                margin: string;
-                marginLeft: number;
-            } | {
-                margin: string;
-                marginRight: number;
-            } | {
-                margin: string;
-                marginTop: number;
-            } | {
-                margin: string;
-                marginLeft: number;
-                marginTop: number;
-            } | {
-                margin: string;
-                marginRight: number;
-                marginTop: number;
-            };
-        };
+        placement: Record<import("./types").ModalPlacement, import("@vanilla-extract/css").StyleRule>;
         positivePosition: {
-            true: {};
+            true: {
+                transformOrigin: "top";
+                transform: `translateY(var(--${string})) scale(var(--${string}))`;
+            };
         };
         size: {
             [k: string]: {
-                width: `${number}rem`;
+                vars: {
+                    [modalWidth]: string;
+                };
             };
         };
     }>;
 };
+export {};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AA4IxC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;YA3EjB,IAAI;gBACF,OAAO;;;;;;;;;;;YA8DT,IAAI;gBACF,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAKT,IAAI;;;;;;;;CAcT,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/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/Modal/styles.css.js

@@ -1,92 +1,60 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
-import { init_animationsVanillaExtract_css_ts_vanilla } from "../../utils/animations/animationsVanillaExtract.css.ts.vanilla.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/Modal/styles.css.ts
-var topModal, positionModal, modalStyle;
-var init_styles_css = __esmMin(() => {
-	init_animationsVanillaExtract_css_ts_vanilla();
-	init_styles_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla();
-	init_styles_css_ts_vanilla$2();
-	topModal = "var(--uv_lrojhc0)";
-	positionModal = "var(--uv_lrojhc1)";
-	modalStyle = {
-		container: "uv_lrojhc2",
-		imageContainer: "uv_lrojhc3",
-		image: "uv_lrojhc4",
-		content: "uv_lrojhc5",
-		backdropBase: "uv_lrojhc6",
-		backdrop: createRuntimeFn({
-			defaultClassName: "uv_lrojhc7 uv_lrojhc6",
-			variantClassNames: {
-				open: { true: "uv_lrojhc8" },
-				visible: { true: "uv_lrojhc9" }
-			},
-			defaultVariants: {},
-			compoundVariants: []
-		}),
-		modal: createRuntimeFn({
-			defaultClassName: "uv_lrojhca",
-			variantClassNames: {
-				animation: { true: "uv_lrojhcb" },
-				image: { true: "uv_lrojhcc" },
-				placement: {
-					bottom: "uv_lrojhcd",
-					"bottom-left": "uv_lrojhce",
-					"bottom-right": "uv_lrojhcf",
-					center: "uv_lrojhcg",
-					left: "uv_lrojhch",
-					right: "uv_lrojhci",
-					top: "uv_lrojhcj",
-					"top-left": "uv_lrojhck",
-					"top-right": "uv_lrojhcl"
+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_lrojhc0)";
+		nestedModalScale = "var(--uv_lrojhc1)";
+		modalStyle = {
+			container: "uv_lrojhc3",
+			imageContainer: "uv_lrojhc4",
+			image: "uv_lrojhc5",
+			content: "uv_lrojhc6",
+			backdrop: "uv_lrojhc7",
+			modal: createRuntimeFn({
+				defaultClassName: "uv_lrojhc8",
+				variantClassNames: {
+					image: { true: "uv_lrojhc9" },
+					placement: {
+						bottom: "uv_lrojhca",
+						"bottom-left": "uv_lrojhcb",
+						"bottom-right": "uv_lrojhcc",
+						center: "uv_lrojhcd",
+						left: "uv_lrojhce",
+						right: "uv_lrojhcf",
+						top: "uv_lrojhcg",
+						"top-left": "uv_lrojhch",
+						"top-right": "uv_lrojhci"
+					},
+					positivePosition: { true: "uv_lrojhcj" },
+					size: {
+						large: "uv_lrojhck",
+						medium: "uv_lrojhcl",
+						small: "uv_lrojhcm",
+						xsmall: "uv_lrojhcn",
+						xxsmall: "uv_lrojhco"
+					}
 				},
-				positivePosition: { true: "uv_lrojhcm" },
-				size: {
-					large: "uv_lrojhcn",
-					medium: "uv_lrojhco",
-					small: "uv_lrojhcp",
-					xsmall: "uv_lrojhcq",
-					xxsmall: "uv_lrojhcr"
-				}
-			},
-			defaultVariants: {
-				animation: false,
-				image: false,
-				placement: "center",
-				positivePosition: false,
-				size: "medium"
-			},
-			compoundVariants: [
-				[{
-					positivePosition: true,
-					size: "large"
-				}, "uv_lrojhcs"],
-				[{
-					positivePosition: true,
+				defaultVariants: {
+					image: false,
+					placement: "center",
+					positivePosition: false,
 					size: "medium"
-				}, "uv_lrojhct"],
-				[{
-					positivePosition: true,
-					size: "small"
-				}, "uv_lrojhcu"],
-				[{
-					positivePosition: true,
-					size: "xsmall"
-				}, "uv_lrojhcv"],
-				[{
-					positivePosition: true,
-					size: "xxsmall"
-				}, "uv_lrojhcw"]
-			]
-		})
-	};
-});
+				},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();
-export { init_styles_css, modalStyle, positionModal, topModal };
+export { init_styles_css, modalStyle, nestedModalScale, nestedModalTop };

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

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

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

@@ -20,6 +20,7 @@ export type DisclosureProps = {
 export type DialogProps = {
     ariaLabel?: string;
     backdropClassName?: string;
+    backdropStyle?: CSSProperties;
     id: string;
     open: boolean;
     size: ModalSize;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/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,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/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/Modal/useDelayUnmount.d.ts

@@ -0,0 +1,2 @@
+export declare const useDelayUnmount: (open?: boolean, delayTime?: number) => boolean | undefined;
+//# sourceMappingURL=useDelayUnmount.d.ts.map

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

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

package/dist/components/Modal/useDelayUnmount.js

@@ -0,0 +1,27 @@
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { useEffect, useState } from "react";
+
+//#region src/components/Modal/useDelayUnmount.ts
+var useDelayUnmount;
+function init_useDelayUnmount() {
+	return (init_useDelayUnmount = __esmMin(() => {
+		useDelayUnmount = (open, delayTime) => {
+			const [shouldRender, setShouldRender] = useState(open);
+			useEffect(() => {
+				let timeoutId;
+				if (open && !shouldRender) setShouldRender(true);
+				else if (!open && shouldRender) timeoutId = setTimeout(() => setShouldRender(false), delayTime);
+				return () => clearTimeout(timeoutId);
+			}, [
+				open,
+				delayTime,
+				shouldRender
+			]);
+			return shouldRender;
+		};
+	}))();
+}
+
+//#endregion
+init_useDelayUnmount();
+export { init_useDelayUnmount, useDelayUnmount };

package/dist/components/Notice/index.js

@@ -8,25 +8,27 @@ import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIco
 
 //#region src/components/Notice/index.tsx
 var Notice;
-var init_Notice = __esmMin(() => {
-	init_Text();
-	init_styles_css();
-	Notice = ({ children, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsxs(Text, {
-		as: "span",
-		className: cn(className, noticeStyle.notice),
-		"data-testid": dataTestId,
-		prominence: "weak",
-		sentiment: "neutral",
-		style,
-		variant: "caption",
-		children: [/* @__PURE__ */ jsx(InformationOutlineIcon, {
+function init_Notice() {
+	return (init_Notice = __esmMin(() => {
+		init_Text();
+		init_styles_css();
+		Notice = ({ children, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			className: cn(className, noticeStyle.notice),
+			"data-testid": dataTestId,
 			prominence: "weak",
 			sentiment: "neutral",
-			size: "small"
-		}), children]
-	});
-	Notice.displayName = "Notice";
-});
+			style,
+			variant: "caption",
+			children: [/* @__PURE__ */ jsx(InformationOutlineIcon, {
+				prominence: "weak",
+				sentiment: "neutral",
+				size: "small"
+			}), children]
+		});
+		Notice.displayName = "Notice";
+	}))();
+}
 
 //#endregion
 init_Notice();

package/dist/components/Notice/styles.css.js

@@ -3,10 +3,12 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Notice/styles.css.ts
 var noticeStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	noticeStyle = { notice: "uv_1eh3hb60" };
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		noticeStyle = { notice: "uv_1eh3hb60" };
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/components/Notice/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Notice/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/components/Notification/Notification.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Stack, init_Stack } from "../Stack/index.js";
 import { Text, init_Text } from "../Text/index.js";
 import { Button, init_Button } from "../Button/index.js";
@@ -10,40 +10,42 @@ import { toast } from "react-toastify";
 
 //#region src/components/Notification/Notification.tsx
 var closeButton, notification;
-var init_Notification = __esmMin(() => {
-	init_Button();
-	init_Stack();
-	init_Text();
-	init_objectSpread2();
-	closeButton = (props) => /* @__PURE__ */ jsx(Button, {
-		"aria-label": "close",
-		onClick: props.closeToast,
-		sentiment: "neutral",
-		size: "xsmall",
-		variant: "ghost",
-		children: /* @__PURE__ */ jsx(CloseIcon, {})
-	});
-	notification = (children, title, icon, isClosable, containerId, options) => toast("", _objectSpread2(_objectSpread2({}, options), {}, {
-		closeButton: (props) => /* @__PURE__ */ jsxs(Stack, {
-			direction: "row",
-			gap: 2,
-			children: [
-				/* @__PURE__ */ jsx("div", { children: icon }),
-				/* @__PURE__ */ jsxs(Stack, {
-					direction: "column",
-					children: [/* @__PURE__ */ jsx(Text, {
-						as: "h3",
-						variant: "bodySmallStronger",
-						children: title
-					}), typeof children === "function" ? children(props) : children]
-				}),
-				isClosable ? closeButton(props) : null
-			]
-		}),
-		containerId: containerId !== null && containerId !== void 0 ? containerId : "notification"
-	}));
-	notification.displayName = "notification";
-});
+function init_Notification() {
+	return (init_Notification = __esmMin(() => {
+		init_Button();
+		init_Stack();
+		init_Text();
+		init_objectSpread2();
+		closeButton = (props) => /* @__PURE__ */ jsx(Button, {
+			"aria-label": "close",
+			onClick: props.closeToast,
+			sentiment: "neutral",
+			size: "xsmall",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(CloseIcon, {})
+		});
+		notification = (children, title, icon, isClosable, containerId, options) => toast("", _objectSpread2(_objectSpread2({}, options), {}, {
+			closeButton: (props) => /* @__PURE__ */ jsxs(Stack, {
+				direction: "row",
+				gap: 2,
+				children: [
+					/* @__PURE__ */ jsx("div", { children: icon }),
+					/* @__PURE__ */ jsxs(Stack, {
+						direction: "column",
+						children: [/* @__PURE__ */ jsx(Text, {
+							as: "h3",
+							variant: "bodySmallStronger",
+							children: title
+						}), typeof children === "function" ? children(props) : children]
+					}),
+					isClosable ? closeButton(props) : null
+				]
+			}),
+			containerId: containerId !== null && containerId !== void 0 ? containerId : "notification"
+		}));
+		notification.displayName = "notification";
+	}))();
+}
 
 //#endregion
 init_Notification();

package/dist/components/Notification/NotificationContainer.js

@@ -7,24 +7,26 @@ import { Slide, ToastContainer } from "react-toastify";
 
 //#region src/components/Notification/NotificationContainer.tsx
 var NotificationContainer;
-var init_NotificationContainer = __esmMin(() => {
-	init_styles_css();
-	NotificationContainer = ({ newestOnTop, limit, autoClose = false, position = "top-right", "data-testid": dataTestId, className, style, containerId = "notification" }) => /* @__PURE__ */ jsx(ToastContainer, {
-		autoClose,
-		className: cn(className, notificationStyle.notification),
-		containerId,
-		"data-testid": dataTestId,
-		draggable: false,
-		hideProgressBar: true,
-		icon: false,
-		limit,
-		newestOnTop,
-		position,
-		style,
-		transition: Slide
-	});
-	NotificationContainer.displayName = "NotificationContainer";
-});
+function init_NotificationContainer() {
+	return (init_NotificationContainer = __esmMin(() => {
+		init_styles_css();
+		NotificationContainer = ({ newestOnTop, limit, autoClose = false, position = "top-right", "data-testid": dataTestId, className, style, containerId = "notification" }) => /* @__PURE__ */ jsx(ToastContainer, {
+			autoClose,
+			className: cn(className, notificationStyle.notification),
+			containerId,
+			"data-testid": dataTestId,
+			draggable: false,
+			hideProgressBar: true,
+			icon: false,
+			limit,
+			newestOnTop,
+			position,
+			style,
+			transition: Slide
+		});
+		NotificationContainer.displayName = "NotificationContainer";
+	}))();
+}
 
 //#endregion
 init_NotificationContainer();

package/dist/components/Notification/styles.css.js

@@ -3,10 +3,12 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Notification/styles.css.ts
 var notificationStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	notificationStyle = { notification: "uv_1h24h1e0" };
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		notificationStyle = { notification: "uv_1h24h1e0" };
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/components/Notification/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/components/Notification/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();