@ultraviolet/ui 3.21.1 → 3.22.0

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

@@ -6,21 +6,29 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/Button.tsx
 var DialogButton;
-var init_Button = __esmMin(() => {
-	init_Button$1();
-	init_Context();
-	DialogButton = ({ children, onClick, disabled, tooltip, style }) => {
-		return /* @__PURE__ */ jsx(Button, {
-			disabled,
-			onClick,
-			sentiment: useDialogContext().sentiment,
-			style,
-			tooltip,
-			children
-		});
-	};
-	DialogButton.displayName = "Dialog.Button";
-});
+function init_Button() {
+	return (init_Button = __esmMin(() => {
+		init_Button$1();
+		init_Context();
+		DialogButton = ({ children, onClick, disabled, tooltip, 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,
+				children
+			});
+		};
+		DialogButton.displayName = "Dialog.Button";
+	}))();
+}
 
 //#endregion
 init_Button();

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

@@ -5,16 +5,18 @@ import { jsxs } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/Buttons.tsx
 var DialogButtons;
-var 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";
-});
+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();

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

@@ -5,18 +5,20 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/CancelButton.tsx
 var DialogCancelButton;
-var 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";
-});
+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();

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

@@ -5,15 +5,17 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/Stack.tsx
 var DialogStack;
-var init_Stack = __esmMin(() => {
-	init_Stack$1();
-	DialogStack = ({ children, style }) => /* @__PURE__ */ jsx(Stack, {
-		gap: 3,
-		style,
-		children
-	});
-	DialogStack.displayName = "Dialog.Stack";
-});
+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();

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

@@ -5,17 +5,19 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Dialog/components/Text.tsx
 var DialogText;
-var init_Text = __esmMin(() => {
-	init_Text$1();
-	DialogText = ({ children, style }) => /* @__PURE__ */ jsx(Text, {
-		as: "p",
-		sentiment: "neutral",
-		style,
-		variant: "body",
-		children
-	});
-	DialogText.displayName = "Dialog.Text";
-});
+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();

package/dist/components/Dialog/index.js

@@ -18,64 +18,66 @@ import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
 
 //#region src/components/Dialog/index.tsx
 var DIALOG_SIZE, BaseDialog, Dialog;
-var init_Dialog = __esmMin(() => {
-	init_Bullet();
-	init_Modal();
-	init_Text();
-	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]
-			})
+function init_Dialog() {
+	return (init_Dialog = __esmMin(() => {
+		init_Bullet();
+		init_Modal();
+		init_Text();
+		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
 		});
-	};
-	BaseDialog.displayName = "Dialog";
-	Dialog = Object.assign(BaseDialog, {
-		Button: DialogButton,
-		Buttons: DialogButtons,
-		CancelButton: DialogCancelButton,
-		Stack: DialogStack,
-		Text: DialogText,
-		useDialogContext
-	});
-});
+	}))();
+}
 
 //#endregion
 init_Dialog();

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

@@ -3,13 +3,15 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Dialog/styles.css.ts
 var dialogStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	dialogStyle = {
-		title: "uv_1tghqbr0",
-		xsmall: "uv_1tghqbr1"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		dialogStyle = {
+			title: "uv_1tghqbr0",
+			xsmall: "uv_1tghqbr1"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -4,14 +4,16 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Drawer/DrawerContent.tsx
 var DrawerContent;
-var init_DrawerContent = __esmMin(() => {
-	init_styles_css();
-	DrawerContent = ({ children }) => /* @__PURE__ */ jsx("div", {
-		className: drawerStyle.content,
-		children
-	});
-	DrawerContent.displayName = "Drawer.Content";
-});
+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();

package/dist/components/Drawer/index.js

@@ -12,98 +12,100 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Drawer/index.tsx
 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]);
-		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: "top-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 });
-});
+function init_Drawer() {
+	return (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]);
+			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();

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

@@ -3,11 +3,6 @@ export declare const SIZES: {
     readonly medium: 49;
     readonly small: 22.25;
 };
-export declare const DURATION: {
-    readonly large: 0.3;
-    readonly medium: 0.25;
-    readonly small: 0.15;
-};
 export type SizeProp = keyof typeof SIZES;
 export declare const drawerStyle: {
     drawer: Record<"large" | "medium" | "small", string>;

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":"AAGA,eAAO,MAAM,KAAK;aAChB,KAAK,EAAE,IAAI;aACX,MAAM,EAAE,EAAE;aACV,KAAK,EAAE,KAAK;CACJ,CAAA;AAEV,eAAO,MAAM,QAAQ;aACnB,KAAK,EAAE,GAAG;aACV,MAAM,EAAE,IAAI;aACZ,KAAK,EAAE,IAAI;CACH,CAAA;AAYV,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAA;AA4DzC,eAAO,MAAM,WAAW;;;;;;;;;;CAUvB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/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/Drawer/styles.css.js

@@ -3,24 +3,26 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Drawer/styles.css.ts
 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"
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		drawerStyle = {
+			drawer: {
+				large: "uv_1iezf7y0",
+				medium: "uv_1iezf7y1",
+				small: "uv_1iezf7y2"
+			},
+			contentWrapper: "uv_1iezf7y3",
+			childrenWrapper: "uv_1iezf7y4",
+			content: "uv_1iezf7y5",
+			header: "uv_1iezf7y6",
+			footer: "uv_1iezf7y7",
+			base: "uv_1iezf7y8",
+			push: "uv_1iezf7y9",
+			contentToPushStyle: "uv_1iezf7ya"
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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