@ultraviolet/ui 3.11.1 → 3.12.1

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

@@ -1,79 +1,81 @@
 export declare const topModal: `var(--${string})`;
 export declare const positionModal: `var(--${string})`;
-export declare const modalContainer: string;
-export declare const modalImageContainer: string;
-export declare const modalImage: string;
-export declare const modalContent: string;
-export declare const modalBackdropBase: string;
-export declare const modalBackdrop: import("@vanilla-extract/recipes").RuntimeFn<{
-    open: {
-        true: {
-            bottom: number;
-            display: "flex";
-            height: "100%";
-            left: number;
-            overflow: "auto";
-            padding: `var(--${string})`;
-            width: "100%";
+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;
+        visible: {
+            true: {
+                opacity: number;
+            };
         };
-    };
-}>;
-export declare const modal: import("@vanilla-extract/recipes").RuntimeFn<{
-    animation: {
-        true: {
-            animation: `${string} 0.3s ease-in-out forwards`;
+    }>;
+    modal: import("@vanilla-extract/recipes").RuntimeFn<{
+        animation: {
+            true: {
+                animation: `${string} 0.3s ease-in-out forwards`;
+            };
         };
-    };
-    image: {
-        true: {
-            padding: number;
+        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: {
+            [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;
+            };
         };
-    };
-    positivePosition: {
-        true: {};
-    };
-    size: {
-        [k: string]: {
-            width: `${number}rem`;
+        positivePosition: {
+            true: {};
         };
-    };
-}>;
+        size: {
+            [k: string]: {
+                width: `${number}rem`;
+            };
+        };
+    }>;
+};
 //# 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":"AAOA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEhB,CAAA"}
+{"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;AAmJxC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQtB,CAAA"}

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

@@ -1,79 +1,92 @@
-/* empty css                                                 */
-/* empty css                              */
-/* empty css                      */
+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 = "var(--uv_lrojhc0)";
-var positionModal = "var(--uv_lrojhc1)";
-var modalContainer = "uv_lrojhc2";
-var modalImageContainer = "uv_lrojhc3";
-var modalImage = "uv_lrojhc4";
-var modalContent = "uv_lrojhc5";
-var modalBackdrop = createRuntimeFn({
-	defaultClassName: "uv_lrojhc7 uv_lrojhc6",
-	variantClassNames: {
-		open: { true: "uv_lrojhc8" },
-		visible: { true: "uv_lrojhc9" }
-	},
-	defaultVariants: {},
-	compoundVariants: []
-});
-var 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"
-		},
-		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,
-			size: "medium"
-		}, "uv_lrojhct"],
-		[{
-			positivePosition: true,
-			size: "small"
-		}, "uv_lrojhcu"],
-		[{
-			positivePosition: true,
-			size: "xsmall"
-		}, "uv_lrojhcv"],
-		[{
-			positivePosition: true,
-			size: "xxsmall"
-		}, "uv_lrojhcw"]
-	]
+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"
+				},
+				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,
+					size: "medium"
+				}, "uv_lrojhct"],
+				[{
+					positivePosition: true,
+					size: "small"
+				}, "uv_lrojhcu"],
+				[{
+					positivePosition: true,
+					size: "xsmall"
+				}, "uv_lrojhcv"],
+				[{
+					positivePosition: true,
+					size: "xxsmall"
+				}, "uv_lrojhcw"]
+			]
+		})
+	};
 });
 
 //#endregion
-export { modal, modalBackdrop, modalContainer, modalContent, modalImage, modalImageContainer, positionModal, topModal };
+init_styles_css();
+export { init_styles_css, modalStyle, positionModal, topModal };

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

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

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

@@ -34,5 +34,6 @@ export type DialogProps = {
     image?: string;
     style?: CSSProperties;
     ref?: RefObject<HTMLDialogElement | null>;
+    isDrawer?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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;CAC1C,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,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/Notice/index.js

@@ -1,29 +1,32 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Text } from "../Text/index.js";
-import { notice } from "./styles.css.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { init_styles_css, noticeStyle } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
 
 //#region src/components/Notice/index.tsx
-/**
-* A Notice is used to display a short message to the user.
-*/
-const Notice = ({ children, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsxs(Text, {
-	as: "span",
-	className: cn(className, notice),
-	"data-testid": dataTestId,
-	prominence: "weak",
-	sentiment: "neutral",
-	style,
-	variant: "caption",
-	children: [/* @__PURE__ */ jsx(InformationOutlineIcon, {
+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",
-		size: "small"
-	}), children]
+		style,
+		variant: "caption",
+		children: [/* @__PURE__ */ jsx(InformationOutlineIcon, {
+			prominence: "weak",
+			sentiment: "neutral",
+			size: "small"
+		}), children]
+	});
 });
 
 //#endregion
-export { Notice };
+init_Notice();
+export { Notice, init_Notice };

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

@@ -1,2 +1,4 @@
-export declare const notice: string;
+export declare const noticeStyle: {
+    notice: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Notice/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,QAIjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Notice/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;CAAa,CAAA"}

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

@@ -1,7 +1,13 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Notice/styles.css.ts
-var notice = "uv_1eh3hb60";
+var noticeStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	noticeStyle = { notice: "uv_1eh3hb60" };
+});
 
 //#endregion
-export { notice };
+init_styles_css();
+export { init_styles_css, noticeStyle };

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

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

package/dist/components/Notification/Notification.js

@@ -1,41 +1,49 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Button } from "../Button/index.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/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";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 import { toast } from "react-toastify";
 
 //#region src/components/Notification/Notification.tsx
-const closeButton = (props) => /* @__PURE__ */ jsx(Button, {
-	"aria-label": "close",
-	onClick: props.closeToast,
-	sentiment: "neutral",
-	size: "xsmall",
-	variant: "ghost",
-	children: /* @__PURE__ */ jsx(CloseIcon, {})
+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"
+	}));
 });
-const 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"
-}));
 
 //#endregion
+init_Notification();
 export { notification };

package/dist/components/Notification/NotificationContainer.js

@@ -1,25 +1,30 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { notification } from "./styles.css.js";
-import { jsx } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, notificationStyle } from "./styles.css.js";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 import { Slide, ToastContainer } from "react-toastify";
 
 //#region src/components/Notification/NotificationContainer.tsx
-const NotificationContainer = ({ newestOnTop, limit, autoClose = false, position = "top-right", "data-testid": dataTestId, className, style, containerId = "notification" }) => /* @__PURE__ */ jsx(ToastContainer, {
-	autoClose,
-	className: cn(className, notification),
-	containerId,
-	"data-testid": dataTestId,
-	draggable: false,
-	hideProgressBar: true,
-	icon: false,
-	limit,
-	newestOnTop,
-	position,
-	style,
-	transition: Slide
+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
+	});
 });
 
 //#endregion
+init_NotificationContainer();
 export { NotificationContainer };

package/dist/components/Notification/index.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { notification } from "./Notification.js";
+import { NotificationContainer } from "./NotificationContainer.js";
+
+//#region src/components/Notification/index.ts
+var init_Notification = __esmMin(() => {});
+
+//#endregion
+init_Notification();
+export { init_Notification };

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

@@ -1,2 +1,4 @@
-export declare const notification: string;
+export declare const notificationStyle: {
+    notification: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,QAEvB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/styles.css.ts"],"names":[],"mappings":"AAgCA,eAAO,MAAM,iBAAiB;;CAAmB,CAAA"}

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

@@ -1,7 +1,13 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Notification/styles.css.ts
-var notification = "uv_1h24h1e0";
+var notificationStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	notificationStyle = { notification: "uv_1h24h1e0" };
+});
 
 //#endregion
-export { notification };
+init_styles_css();
+export { init_styles_css, notificationStyle };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmEzE;;;GAGG;AACH,eAAO,MAAM,WAAW;;IA3CtB;;OAEG;;;;;;IAMH;;OAEG;;IAEH;;OAEG;;;;;;;;;+OA8RJ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAgB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AA6DzE;;;GAGG;AACH,eAAO,MAAM,WAAW;;IA3CtB;;OAEG;;;;;;IAMH;;OAEG;;IAEH;;OAEG;;;;;;;;;+OA0SJ,CAAA"}