@ultraviolet/ui 3.24.2 → 3.25.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Dialog/Context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,aAAa,wDAA0D,CAAA;AAEpF,eAAO,MAAM,gBAAgB,yBAQ5B,CAAA"}

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

@@ -0,0 +1,20 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { createContext, useContext } from "react";
+
+//#region src/components/Overlay/Dialog/Context.tsx
+var DialogContext, useDialogContext;
+function init_Context() {
+	return (init_Context = __esmMin(() => {
+		DialogContext = createContext(void 0);
+		useDialogContext = () => {
+			const context = useContext(DialogContext);
+			if (!context) throw new Error("Dialog context can only be used inside a Dialog component");
+			return context;
+		};
+	}))();
+}
+
+//#endregion
+init_Context();
+export { DialogContext, init_Context, useDialogContext };

package/dist/components/Overlay/Dialog/components/Button.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Button } from '../../../Action/Button';
+type DialogButtonProps = {
+    children: ReactNode;
+} & Pick<ComponentProps<typeof Button>, 'onClick' | 'disabled' | 'tooltip' | 'tooltipDescription' | 'style'>;
+export declare function DialogButton({ children, onClick, disabled, tooltip, tooltipDescription, style, }: DialogButtonProps): import("react").JSX.Element;
+export declare namespace DialogButton {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay/Dialog/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAG/C,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,oBAAoB,GAAG,OAAO,CAAC,CAAA;qCAE/E,EAC3B,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,KAAK,GACN,EAAE,iBAAiB"}

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

@@ -0,0 +1,36 @@
+'use client';
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button as init_Button$1 } from "../../../Action/Button/index.js";
+import { init_Context, useDialogContext } from "../Context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Overlay/Dialog/components/Button.tsx
+var DialogButton;
+function init_Button() {
+	return (init_Button = __esmMin(() => {
+		init_Button$1();
+		init_Context();
+		DialogButton = ({ children, onClick, disabled, tooltip, tooltipDescription, style }) => {
+			const context = useDialogContext();
+			function onButtonClick(e) {
+				const dialog = e.target.closest("dialog");
+				if (dialog) dialog.dataset["closeAction"] = "confirm";
+				onClick === null || onClick === void 0 || onClick(e);
+			}
+			return /* @__PURE__ */ jsx(Button, {
+				disabled,
+				onClick: onButtonClick,
+				sentiment: context.sentiment,
+				style,
+				tooltip,
+				tooltipDescription,
+				children
+			});
+		};
+		DialogButton.displayName = "Dialog.Button";
+	}))();
+}
+
+//#endregion
+init_Button();
+export { DialogButton, init_Button };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay/Dialog/components/Buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,kBAAkB,GAAG;IACxB,eAAe,EAAE,SAAS,CAAA;IAC1B,aAAa,EAAE,SAAS,CAAA;CACzB,CAAA;sCAE6B,EAAE,eAAe,EAAE,aAAa,EAAE,EAAE,kBAAkB"}

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

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

package/dist/components/Overlay/Dialog/components/CancelButton.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+import { Button } from '../../../Action/Button';
+type DialogCancelButtonProps = {
+    children: ReactNode;
+    onClick: ComponentProps<typeof Button>['onClick'];
+    disabled?: ComponentProps<typeof Button>['disabled'];
+    style?: CSSProperties;
+};
+export declare function DialogCancelButton({ children, onClick, disabled, style }: DialogCancelButtonProps): import("react").JSX.Element;
+export declare namespace DialogCancelButton {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=CancelButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay/Dialog/components/CancelButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,UAAU,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;2CAEkC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,uBAAuB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay/Dialog/components/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;oCAE2B,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gBAAgB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/components/Overlay/Dialog/components/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;mCAE0B,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Dialog/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,kDAAsF,CAAA;AACpH,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Dialog/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAiB,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAM3D,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,YAAY,GACZ,eAAe,GACf,SAAS,GACT,MAAM,GACN,WAAW,GACX,OAAO,CACV,GAAG;IACF,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAA;mCAE0B,EACzB,SAAS,EACT,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,EAAE,EACF,UAAU,EACV,aAAa,EACb,OAAO,EACP,IAAI,EACJ,SAAS,EACT,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,WAAW;;;;AAuDd;;GAEG;AACH,eAAO,MAAM,MAAM;;;;;;;CAOjB,CAAA"}

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

@@ -0,0 +1,84 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { dialogStyle, init_styles_css } from "./styles.css.js";
+import { Bullet, init_Bullet } from "../../Badges/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 { useMemo } from "react";
+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/Overlay/Dialog/index.tsx
+var DIALOG_SIZE, BaseDialog, Dialog;
+function init_Dialog() {
+	return (init_Dialog = __esmMin(() => {
+		init_Bullet();
+		init_Text();
+		init_Modal();
+		init_Button();
+		init_Buttons();
+		init_CancelButton();
+		init_Stack();
+		init_Text$1();
+		init_Context();
+		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]
+				})
+			});
+		};
+		BaseDialog.displayName = "Dialog";
+		Dialog = Object.assign(BaseDialog, {
+			Button: DialogButton,
+			Buttons: DialogButtons,
+			CancelButton: DialogCancelButton,
+			Stack: DialogStack,
+			Text: DialogText,
+			useDialogContext
+		});
+	}))();
+}
+
+//#endregion
+init_Dialog();
+export { BaseDialog, Dialog, init_Dialog };

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

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

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

@@ -0,0 +1,18 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Overlay/Dialog/styles.css.ts
+var dialogStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		dialogStyle = {
+			title: "uv_1j9wjb10",
+			xsmall: "uv_1j9wjb11"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { dialogStyle, init_styles_css };

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Drawer/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;sCAGR,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE"}

package/dist/components/Overlay/Drawer/DrawerContent.js

@@ -0,0 +1,20 @@
+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/Overlay/Drawer/DrawerContent.tsx
+var DrawerContent;
+function init_DrawerContent() {
+	return (init_DrawerContent = __esmMin(() => {
+		init_styles_css();
+		DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", {
+			className: drawerStyle.content,
+			children
+		});
+		DrawerContent.displayName = "Drawer.Content";
+	}))();
+}
+
+//#endregion
+init_DrawerContent();
+export { DrawerContent, init_DrawerContent };

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Drawer/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAE5C,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;mCAE0B,EACzB,IAAe,EACf,OAAO,EACP,IAAY,EACZ,MAAM,EACN,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,kBAAkB,EAClB,SAAS,EACT,EAAE,EACF,UAAU,EACV,IAAI,EACJ,SAAgB,EAChB,SAAiB,EACjB,KAAK,GACN,EAAE,WAAW;;;;AA2Fd,eAAO,MAAM,MAAM;;CAEjB,CAAA"}

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

@@ -0,0 +1,112 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { Separator, init_Separator } from "../../Layout/Separator/index.js";
+import { drawerStyle, init_styles_css } from "./styles.css.js";
+import { Modal, init_Modal } from "../Modal/index.js";
+import { DrawerContent, init_DrawerContent } from "./DrawerContent.js";
+import { useCallback, useEffect, useLayoutEffect, useRef } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Overlay/Drawer/index.tsx
+var BaseDrawer, Drawer;
+function init_Drawer() {
+	return (init_Drawer = __esmMin(() => {
+		init_Separator();
+		init_Stack();
+		init_Text();
+		init_Modal();
+		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]);
+			useEffect(() => {
+				if (open) onOpenPush();
+			}, [onOpenPush, open]);
+			const computeHeader = (modalProps) => /* @__PURE__ */ jsx(Text, {
+				as: "h2",
+				className: drawerStyle.header,
+				prominence: "default",
+				sentiment: "neutral",
+				variant: "headingSmallStrong",
+				children: typeof header === "function" ? header(modalProps) : 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: hideOnClickOutside !== null && hideOnClickOutside !== void 0 ? hideOnClickOutside : !push,
+				hideOnEsc,
+				id,
+				isClosable,
+				isDrawer: true,
+				onBeforeClose: onClosePush,
+				onClose,
+				onOpen: onOpenPush,
+				open,
+				placement: "right",
+				preventBodyScroll: !push,
+				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 })
+							}),
+							footer ? /* @__PURE__ */ jsx(Stack, {
+								className: drawerStyle.footer,
+								children: typeof footer === "function" ? footer(modalProps) : footer
+							}) : null
+						]
+					});
+				}
+			});
+		};
+		BaseDrawer.displayName = "Drawer";
+		Drawer = Object.assign(BaseDrawer, { Content: DrawerContent });
+	}))();
+}
+
+//#endregion
+init_Drawer();
+export { BaseDrawer, Drawer, init_Drawer };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Drawer/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;aAChB,KAAK,EAAE,IAAI;aACX,MAAM,EAAE,EAAE;aACV,KAAK,EAAE,KAAK;CACJ,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AAoDzC,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA"}

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

@@ -0,0 +1,29 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Overlay/Drawer/styles.css.ts
+var drawerStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		drawerStyle = {
+			drawer: {
+				large: "uv_vhehj60",
+				medium: "uv_vhehj61",
+				small: "uv_vhehj62"
+			},
+			contentWrapper: "uv_vhehj63",
+			childrenWrapper: "uv_vhehj64",
+			content: "uv_vhehj65",
+			header: "uv_vhehj66",
+			footer: "uv_vhehj67",
+			base: "uv_vhehj68",
+			push: "uv_vhehj69",
+			contentToPushStyle: "uv_vhehj6a"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { drawerStyle, init_styles_css };

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

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Overlay/Drawer/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/MenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Menu/MenuContent.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAA6B,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAuBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJAwNhB,CAAA"}