@ultraviolet/ui 3.11.1 → 3.12.0

package/dist/components/Dialog/components/Buttons.js

@@ -1,15 +1,20 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
 import { jsxs } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/Buttons.tsx
-const DialogButtons = ({ secondaryButton, primaryButton }) => /* @__PURE__ */ jsxs(Stack, {
-	direction: "row",
-	gap: 2,
-	justifyContent: "flex-end",
-	children: [secondaryButton, primaryButton]
+var DialogButtons;
+var init_Buttons = __esmMin(() => {
+	init_Stack();
+	DialogButtons = ({ secondaryButton, primaryButton }) => /* @__PURE__ */ jsxs(Stack, {
+		direction: "row",
+		gap: 2,
+		justifyContent: "flex-end",
+		children: [secondaryButton, primaryButton]
+	});
 });
 
 //#endregion
-export { DialogButtons };
+init_Buttons();
+export { DialogButtons, init_Buttons };

package/dist/components/Dialog/components/CancelButton.js

@@ -1,17 +1,22 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Button } from "../../Button/index.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../../Button/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/CancelButton.tsx
-const DialogCancelButton = ({ children, onClick, disabled, style }) => /* @__PURE__ */ jsx(Button, {
-	disabled,
-	onClick,
-	sentiment: "neutral",
-	style,
-	variant: "outlined",
-	children
+var DialogCancelButton;
+var init_CancelButton = __esmMin(() => {
+	init_Button();
+	DialogCancelButton = ({ children, onClick, disabled, style }) => /* @__PURE__ */ jsx(Button, {
+		disabled,
+		onClick,
+		sentiment: "neutral",
+		style,
+		variant: "outlined",
+		children
+	});
 });
 
 //#endregion
-export { DialogCancelButton };
+init_CancelButton();
+export { DialogCancelButton, init_CancelButton };

package/dist/components/Dialog/components/Stack.js

@@ -1,14 +1,19 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack as init_Stack$1 } from "../../Stack/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/Stack.tsx
-const DialogStack = ({ children, style }) => /* @__PURE__ */ jsx(Stack, {
-	gap: 3,
-	style,
-	children
+var DialogStack;
+var init_Stack = __esmMin(() => {
+	init_Stack$1();
+	DialogStack = ({ children, style }) => /* @__PURE__ */ jsx(Stack, {
+		gap: 3,
+		style,
+		children
+	});
 });
 
 //#endregion
-export { DialogStack };
+init_Stack();
+export { DialogStack, init_Stack };

package/dist/components/Dialog/components/Text.js

@@ -1,16 +1,21 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Text } from "../../Text/index.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text as init_Text$1 } from "../../Text/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/Text.tsx
-const DialogText = ({ children, style }) => /* @__PURE__ */ jsx(Text, {
-	as: "p",
-	sentiment: "neutral",
-	style,
-	variant: "body",
-	children
+var DialogText;
+var init_Text = __esmMin(() => {
+	init_Text$1();
+	DialogText = ({ children, style }) => /* @__PURE__ */ jsx(Text, {
+		as: "p",
+		sentiment: "neutral",
+		style,
+		variant: "body",
+		children
+	});
 });
 
 //#endregion
-export { DialogText };
+init_Text();
+export { DialogText, init_Text };

package/dist/components/Dialog/index.js

@@ -1,70 +1,81 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Text } from "../Text/index.js";
-import { Bullet } from "../Bullet/index.js";
-import { Modal } from "../Modal/index.js";
-import { DialogContext, useDialogContext } from "./Context.js";
-import { DialogButton } from "./components/Button.js";
-import { DialogButtons } from "./components/Buttons.js";
-import { DialogCancelButton } from "./components/CancelButton.js";
-import { DialogStack } from "./components/Stack.js";
-import { DialogText } from "./components/Text.js";
-import { dialogTitle, dialogXsmall } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Bullet, init_Bullet } from "../Bullet/index.js";
+import { Modal, init_Modal } from "../Modal/index.js";
+import { DialogContext, init_Context, useDialogContext } from "./Context.js";
+import { DialogButton, init_Button } from "./components/Button.js";
+import { DialogButtons, init_Buttons } from "./components/Buttons.js";
+import { DialogCancelButton, init_CancelButton } from "./components/CancelButton.js";
+import { DialogStack, init_Stack } from "./components/Stack.js";
+import { DialogText, init_Text as init_Text$1 } from "./components/Text.js";
+import { dialogStyle, init_styles_css } from "./styles.css.js";
 import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircleIcon } from "@ultraviolet/icons/AlertCircleIcon";
 import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/Dialog/index.tsx
-const DIALOG_SIZE = "xsmall";
-const BaseDialog = ({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style }) => {
-	const headerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Bullet, {
-		sentiment,
-		children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsx(AlertCircleIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {})
-	}), /* @__PURE__ */ jsx(Text, {
-		as: "h2",
-		className: dialogTitle,
-		sentiment: "neutral",
-		variant: "headingSmallStronger",
-		children: title
-	})] });
-	const contextValue = useMemo(() => ({ sentiment }), [sentiment]);
-	return /* @__PURE__ */ jsx(Modal, {
-		ariaLabel,
-		className: cn(className, dialogXsmall),
-		"data-testid": dataTestId,
-		disclosure,
-		hideOnClickOutside,
-		hideOnEsc,
-		id,
-		isClosable,
-		onBeforeClose,
-		onClose,
-		open,
-		placement,
-		size: DIALOG_SIZE,
-		style,
-		children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, {
-			value: contextValue,
-			children: [headerContent, children(modalProps)]
-		}) : /* @__PURE__ */ jsxs(DialogContext.Provider, {
-			value: contextValue,
-			children: [headerContent, children]
-		})
+var DIALOG_SIZE, BaseDialog, Dialog;
+var init_Dialog = __esmMin(() => {
+	init_Bullet();
+	init_Modal();
+	init_Text();
+	init_Context();
+	init_Button();
+	init_Buttons();
+	init_CancelButton();
+	init_Stack();
+	init_Text$1();
+	init_styles_css();
+	DIALOG_SIZE = "xsmall";
+	BaseDialog = ({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style }) => {
+		const headerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Bullet, {
+			sentiment,
+			children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsx(AlertCircleIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {})
+		}), /* @__PURE__ */ jsx(Text, {
+			as: "h2",
+			className: dialogStyle.title,
+			sentiment: "neutral",
+			variant: "headingSmallStronger",
+			children: title
+		})] });
+		const contextValue = useMemo(() => ({ sentiment }), [sentiment]);
+		return /* @__PURE__ */ jsx(Modal, {
+			ariaLabel,
+			className: cn(className, dialogStyle.xsmall),
+			"data-testid": dataTestId,
+			disclosure,
+			hideOnClickOutside,
+			hideOnEsc,
+			id,
+			isClosable,
+			onBeforeClose,
+			onClose,
+			open,
+			placement,
+			size: DIALOG_SIZE,
+			style,
+			children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, {
+				value: contextValue,
+				children: [headerContent, children(modalProps)]
+			}) : /* @__PURE__ */ jsxs(DialogContext.Provider, {
+				value: contextValue,
+				children: [headerContent, children]
+			})
+		});
+	};
+	Dialog = Object.assign(BaseDialog, {
+		Button: DialogButton,
+		Buttons: DialogButtons,
+		CancelButton: DialogCancelButton,
+		Stack: DialogStack,
+		Text: DialogText,
+		useDialogContext
 	});
-};
-/**
-* The Dialog component is used to show content on top of an overlay that requires user interaction.
-*/
-const Dialog = Object.assign(BaseDialog, {
-	Button: DialogButton,
-	Buttons: DialogButtons,
-	CancelButton: DialogCancelButton,
-	Stack: DialogStack,
-	Text: DialogText,
-	useDialogContext
 });
 
 //#endregion
-export { Dialog };
+init_Dialog();
+export { Dialog, init_Dialog };

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

@@ -1,3 +1,5 @@
-export declare const dialogTitle: string;
-export declare const dialogXsmall: string;
+export declare const dialogStyle: {
+    title: string;
+    xsmall: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAGtB,CAAA;AAEF,eAAO,MAAM,YAAY,QAA8B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/styles.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW;;;CAAoB,CAAA"}

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

@@ -1,8 +1,16 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Dialog/styles.css.ts
-var dialogTitle = "uv_1tghqbr0";
-var dialogXsmall = "uv_1tghqbr1";
+var dialogStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	dialogStyle = {
+		title: "uv_1tghqbr0",
+		xsmall: "uv_1tghqbr1"
+	};
+});
 
 //#endregion
-export { dialogTitle, dialogXsmall };
+init_styles_css();
+export { dialogStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Dialog/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/Drawer/DrawerContent.js

@@ -1,12 +1,17 @@
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { drawerContent } from "./styles.css.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { drawerStyle, init_styles_css } from "./styles.css.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Drawer/DrawerContent.tsx
-const DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", {
-	className: drawerContent,
-	children
+var DrawerContent;
+var init_DrawerContent = __esmMin(() => {
+	init_styles_css();
+	DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", {
+		className: drawerStyle.content,
+		children
+	});
 });
 
 //#endregion
-export { DrawerContent };
+init_DrawerContent();
+export { DrawerContent, init_DrawerContent };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAMhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAY5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,MAAM,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,UAAU,6PAsItB,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAEjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAMhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAG5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,MAAM,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,UAAU,6PAsItB,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAEjB,CAAA"}

package/dist/components/Drawer/index.js

@@ -1,108 +1,118 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../Stack/index.js";
-import { Text } from "../Text/index.js";
-import { Separator } from "../Separator/index.js";
-import { Modal } from "../Modal/index.js";
-import { contentToPushStyle, drawer, drawerBase, drawerChildrenWrapper, drawerContentWrapper, drawerFooter, drawerHeader, drawerPush } from "./styles.css.js";
-import { DrawerContent } from "./DrawerContent.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../Stack/index.js";
+import { Text, init_Text } from "../Text/index.js";
+import { Separator, init_Separator } from "../Separator/index.js";
+import { Modal, init_Modal } from "../Modal/index.js";
+import { drawerStyle, init_styles_css } from "./styles.css.js";
+import { DrawerContent, init_DrawerContent } from "./DrawerContent.js";
 import { useCallback, useLayoutEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Drawer/index.tsx
-const BaseDrawer = ({ size = "medium", onClose, open = false, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, push, separator = true, noPadding = false, style }) => {
-	const modalRef = useRef(null);
-	const onOpenPush = useCallback(() => {
-		var _document;
-		const targetElement = push === "body" ? (_document = document) === null || _document === void 0 ? void 0 : _document.body : push === null || push === void 0 ? void 0 : push.current;
-		if (targetElement && push) {
-			targetElement.dataset["drawer"] = size;
-			if (!targetElement.classList.contains("uv_1iezf7yd")) targetElement.classList.add(contentToPushStyle);
-		}
-	}, [size, push]);
-	const onClosePush = useCallback(() => {
-		var _document2;
-		const targetElement = push === "body" ? (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.body : push === null || push === void 0 ? void 0 : push.current;
-		if (targetElement && push) {
-			targetElement.dataset["drawer"] = "none";
-			targetElement.classList.remove(contentToPushStyle);
-		}
-	}, [push]);
-	useLayoutEffect(() => {
-		if (modalRef.current) onOpenPush();
-	}, [onOpenPush, onClosePush]);
-	const computeHeader = (modalProps) => {
-		if (typeof header === "string") return /* @__PURE__ */ jsx(Text, {
-			as: "h2",
-			className: drawerHeader,
-			prominence: "default",
-			sentiment: "neutral",
-			variant: "headingSmallStrong",
-			children: header
-		});
-		if (typeof header === "function") return /* @__PURE__ */ jsx(Text, {
-			as: "h2",
-			className: drawerHeader,
-			prominence: "default",
-			sentiment: "neutral",
-			variant: "headingSmallStrong",
-			children: header(modalProps)
+var BaseDrawer, Drawer;
+var init_Drawer = __esmMin(() => {
+	init_Modal();
+	init_Separator();
+	init_Stack();
+	init_Text();
+	init_DrawerContent();
+	init_styles_css();
+	BaseDrawer = ({ size = "medium", onClose, open = false, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, push, separator = true, noPadding = false, style }) => {
+		const modalRef = useRef(null);
+		const onOpenPush = useCallback(() => {
+			var _document;
+			const targetElement = push === "body" ? (_document = document) === null || _document === void 0 ? void 0 : _document.body : push === null || push === void 0 ? void 0 : push.current;
+			if (targetElement && push) {
+				targetElement.dataset["drawer"] = size;
+				if (!targetElement.classList.contains(drawerStyle.contentToPushStyle)) targetElement.classList.add(drawerStyle.contentToPushStyle);
+			}
+		}, [size, push]);
+		const onClosePush = useCallback(() => {
+			var _document2;
+			const targetElement = push === "body" ? (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.body : push === null || push === void 0 ? void 0 : push.current;
+			if (targetElement && push) {
+				targetElement.dataset["drawer"] = "none";
+				targetElement.classList.remove(drawerStyle.contentToPushStyle);
+			}
+		}, [push]);
+		useLayoutEffect(() => {
+			if (modalRef.current) onOpenPush();
+		}, [onOpenPush, onClosePush]);
+		const computeHeader = (modalProps) => {
+			if (typeof header === "string") return /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				className: drawerStyle.header,
+				prominence: "default",
+				sentiment: "neutral",
+				variant: "headingSmallStrong",
+				children: header
+			});
+			if (typeof header === "function") return /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				className: drawerStyle.header,
+				prominence: "default",
+				sentiment: "neutral",
+				variant: "headingSmallStrong",
+				children: header(modalProps)
+			});
+			return header;
+		};
+		useLayoutEffect(() => {
+			var _document3;
+			const targetElement = push === "body" ? (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.body : push === null || push === void 0 ? void 0 : push.current;
+			return () => {
+				if (targetElement && push) targetElement.classList.remove(drawerStyle.contentToPushStyle);
+			};
+		}, [
+			open,
+			push,
+			size
+		]);
+		return /* @__PURE__ */ jsx(Modal, {
+			ariaLabel,
+			backdropClassName: "backdrop-drawer",
+			className: cn(className, drawerStyle.drawer[size], drawerStyle.base, push ? drawerStyle.push : ""),
+			"data-size": size,
+			"data-testid": dataTestId,
+			disclosure,
+			hideOnClickOutside,
+			hideOnEsc,
+			id,
+			isClosable,
+			onBeforeClose: onClosePush,
+			onClose,
+			onOpen: onOpenPush,
+			open,
+			placement: "top-right",
+			ref: modalRef,
+			size,
+			style,
+			children: (modalProps) => {
+				const content = typeof children === "function" ? children(modalProps) : children;
+				return /* @__PURE__ */ jsxs(Stack, {
+					className: drawerStyle.contentWrapper,
+					gap: 2,
+					children: [
+						computeHeader(modalProps),
+						separator ? /* @__PURE__ */ jsx(Separator, {}) : null,
+						/* @__PURE__ */ jsx("div", {
+							className: drawerStyle.childrenWrapper,
+							children: noPadding ? content : /* @__PURE__ */ jsx(DrawerContent, { children: content })
+						}),
+						/* @__PURE__ */ jsx(Stack, {
+							className: drawerStyle.footer,
+							children: typeof footer === "function" ? footer(modalProps) : footer
+						})
+					]
+				});
+			}
 		});
-		return header;
 	};
-	useLayoutEffect(() => {
-		var _document3;
-		const targetElement = push === "body" ? (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.body : push === null || push === void 0 ? void 0 : push.current;
-		return () => {
-			if (targetElement && push) targetElement.classList.remove(contentToPushStyle);
-		};
-	}, [
-		open,
-		push,
-		size
-	]);
-	return /* @__PURE__ */ jsx(Modal, {
-		ariaLabel,
-		backdropClassName: "backdrop-drawer",
-		className: cn(className, drawer[size], drawerBase, push ? drawerPush : ""),
-		"data-size": size,
-		"data-testid": dataTestId,
-		disclosure,
-		hideOnClickOutside,
-		hideOnEsc,
-		id,
-		isClosable,
-		onBeforeClose: onClosePush,
-		onClose,
-		onOpen: onOpenPush,
-		open,
-		placement: "top-right",
-		ref: modalRef,
-		size,
-		style,
-		children: (modalProps) => {
-			const content = typeof children === "function" ? children(modalProps) : children;
-			return /* @__PURE__ */ jsxs(Stack, {
-				className: drawerContentWrapper,
-				gap: 2,
-				children: [
-					computeHeader(modalProps),
-					separator ? /* @__PURE__ */ jsx(Separator, {}) : null,
-					/* @__PURE__ */ jsx("div", {
-						className: drawerChildrenWrapper,
-						children: noPadding ? content : /* @__PURE__ */ jsx(DrawerContent, { children: content })
-					}),
-					/* @__PURE__ */ jsx(Stack, {
-						className: drawerFooter,
-						children: typeof footer === "function" ? footer(modalProps) : footer
-					})
-				]
-			});
-		}
-	});
-};
-const Drawer = Object.assign(BaseDrawer, { Content: DrawerContent });
+	Drawer = Object.assign(BaseDrawer, { Content: DrawerContent });
+});
 
 //#endregion
-export { Drawer };
+init_Drawer();
+export { Drawer, init_Drawer };

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

@@ -9,13 +9,15 @@ export declare const DURATION: {
     readonly small: 0.15;
 };
 export type SizeProp = keyof typeof SIZES;
-export declare const drawer: Record<"large" | "medium" | "small", string>;
-export declare const drawerContentWrapper: string;
-export declare const drawerChildrenWrapper: string;
-export declare const drawerContent: string;
-export declare const drawerHeader: string;
-export declare const drawerFooter: string;
-export declare const drawerBase: string;
-export declare const drawerPush: string;
-export declare const contentToPushStyle: string;
+export declare const drawerStyle: {
+    drawer: Record<"large" | "medium" | "small", string>;
+    contentWrapper: string;
+    childrenWrapper: string;
+    content: string;
+    header: string;
+    footer: string;
+    base: string;
+    push: string;
+    contentToPushStyle: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,KAAK;;;;CAIR,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;CAIX,CAAA;AAYV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AASzC,eAAO,MAAM,MAAM,8CAIjB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAG/B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAGhC,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,UAAU,QAAY,CAAA;AAEnC,eAAO,MAAM,UAAU,QAAY,CAAA;AAEnC,eAAO,MAAM,kBAAkB,QAAY,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,KAAK;;;;CAIR,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;CAIX,CAAA;AAYV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AA2DzC,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA"}

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

@@ -1,19 +1,27 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Drawer/styles.css.ts
-var drawer = {
-	large: "uv_1iezf7y3",
-	medium: "uv_1iezf7y4",
-	small: "uv_1iezf7y5"
-};
-var drawerContentWrapper = "uv_1iezf7y6";
-var drawerChildrenWrapper = "uv_1iezf7y7";
-var drawerContent = "uv_1iezf7y8";
-var drawerHeader = "uv_1iezf7y9";
-var drawerFooter = "uv_1iezf7ya";
-var drawerBase = "uv_1iezf7yb";
-var drawerPush = "uv_1iezf7yc";
-var contentToPushStyle = "uv_1iezf7yd";
+var drawerStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	drawerStyle = {
+		drawer: {
+			large: "uv_1iezf7y3",
+			medium: "uv_1iezf7y4",
+			small: "uv_1iezf7y5"
+		},
+		contentWrapper: "uv_1iezf7y6",
+		childrenWrapper: "uv_1iezf7y7",
+		content: "uv_1iezf7y8",
+		header: "uv_1iezf7y9",
+		footer: "uv_1iezf7ya",
+		base: "uv_1iezf7yb",
+		push: "uv_1iezf7yc",
+		contentToPushStyle: "uv_1iezf7yd"
+	};
+});
 
 //#endregion
-export { contentToPushStyle, drawer, drawerBase, drawerChildrenWrapper, drawerContent, drawerContentWrapper, drawerFooter, drawerHeader, drawerPush };
+init_styles_css();
+export { drawerStyle, init_styles_css };

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

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