@ultraviolet/ui 3.21.0 → 3.21.2

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();

package/dist/components/EmptyState/index.js

@@ -9,80 +9,82 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/EmptyState/index.tsx
 var EmptyState;
-var init_EmptyState = __esmMin(() => {
-	init_Link();
-	init_Stack();
-	init_Text();
-	init_styles_css();
-	EmptyState = ({ image, title, size = "large", description, primaryButton, secondaryButton, learnMore, className, bordered, children, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx(Stack, {
-		className: cn(className, emptyStateStyle.container({
-			bordered,
-			size
-		})),
-		"data-testid": dataTestId,
-		style,
-		children: /* @__PURE__ */ jsxs(Stack, {
-			alignItems: "center",
-			className: emptyStateStyle.paddedStack,
-			gap: size === "small" ? 2 : 3,
-			justifyContent: "center",
-			children: [
-				/* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					gap: 2,
-					justifyContent: "center",
-					children: [image && typeof image === "string" ? /* @__PURE__ */ jsx("img", {
-						alt: "",
-						className: emptyStateStyle.image[size],
-						height: "auto",
-						src: image,
-						width: "auto"
-					}) : image, /* @__PURE__ */ jsxs(Stack, {
+function init_EmptyState() {
+	return (init_EmptyState = __esmMin(() => {
+		init_Link();
+		init_Stack();
+		init_Text();
+		init_styles_css();
+		EmptyState = ({ image, title, size = "large", description, primaryButton, secondaryButton, learnMore, className, bordered, children, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx(Stack, {
+			className: cn(className, emptyStateStyle.container({
+				bordered,
+				size
+			})),
+			"data-testid": dataTestId,
+			style,
+			children: /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				className: emptyStateStyle.paddedStack,
+				gap: size === "small" ? 2 : 3,
+				justifyContent: "center",
+				children: [
+					/* @__PURE__ */ jsxs(Stack, {
 						alignItems: "center",
-						gap: .5,
-						children: [title ? /* @__PURE__ */ jsx(Text, {
-							as: "h2",
-							placement: "center",
-							prominence: "strong",
-							sentiment: "neutral",
-							variant: size === "small" ? "bodyStrong" : "headingSmall",
-							children: title
-						}) : null, /* @__PURE__ */ jsx(Text, {
-							as: description && [
-								"string",
-								"number",
-								"bigint",
-								"boolean"
-							].includes(typeof description) ? "p" : "div",
-							placement: "center",
-							sentiment: "neutral",
-							variant: size === "small" ? "bodySmall" : "body",
-							children: description
+						gap: 2,
+						justifyContent: "center",
+						children: [image && typeof image === "string" ? /* @__PURE__ */ jsx("img", {
+							alt: "",
+							className: emptyStateStyle.image[size],
+							height: "auto",
+							src: image,
+							width: "auto"
+						}) : image, /* @__PURE__ */ jsxs(Stack, {
+							alignItems: "center",
+							gap: .5,
+							children: [title ? /* @__PURE__ */ jsx(Text, {
+								as: "h2",
+								placement: "center",
+								prominence: "strong",
+								sentiment: "neutral",
+								variant: size === "small" ? "bodyStrong" : "headingSmall",
+								children: title
+							}) : null, /* @__PURE__ */ jsx(Text, {
+								as: description && [
+									"string",
+									"number",
+									"bigint",
+									"boolean"
+								].includes(typeof description) ? "p" : "div",
+								placement: "center",
+								sentiment: "neutral",
+								variant: size === "small" ? "bodySmall" : "body",
+								children: description
+							})]
 						})]
-					})]
-				}),
-				primaryButton || secondaryButton || learnMore ? /* @__PURE__ */ jsxs(Stack, {
-					alignItems: "center",
-					gap: 2,
-					justifyContent: "center",
-					children: [primaryButton || secondaryButton ? /* @__PURE__ */ jsxs(Stack, {
-						direction: "row",
+					}),
+					primaryButton || secondaryButton || learnMore ? /* @__PURE__ */ jsxs(Stack, {
+						alignItems: "center",
 						gap: 2,
-						children: [secondaryButton, primaryButton]
-					}) : null, (learnMore === null || learnMore === void 0 ? void 0 : learnMore.text) ? /* @__PURE__ */ jsx(Link, {
-						href: learnMore.link,
-						iconPosition: "right",
-						size: size === "small" ? "small" : void 0,
-						target: learnMore.target,
-						children: learnMore.text
-					}) : null]
-				}) : null,
-				children
-			]
-		})
-	});
-	EmptyState.displayName = "EmptyState";
-});
+						justifyContent: "center",
+						children: [primaryButton || secondaryButton ? /* @__PURE__ */ jsxs(Stack, {
+							direction: "row",
+							gap: 2,
+							children: [secondaryButton, primaryButton]
+						}) : null, (learnMore === null || learnMore === void 0 ? void 0 : learnMore.text) ? /* @__PURE__ */ jsx(Link, {
+							href: learnMore.link,
+							iconPosition: "right",
+							size: size === "small" ? "small" : void 0,
+							target: learnMore.target,
+							children: learnMore.text
+						}) : null]
+					}) : null,
+					children
+				]
+			})
+		});
+		EmptyState.displayName = "EmptyState";
+	}))();
+}
 
 //#endregion
 init_EmptyState();

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

@@ -4,33 +4,35 @@ import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/EmptyState/styles.css.ts
 var emptyStateStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	emptyStateStyle = {
-		container: createRuntimeFn({
-			defaultClassName: "uv_a1urqq0",
-			variantClassNames: {
-				bordered: { true: "uv_a1urqq1" },
-				size: {
-					large: "uv_a1urqq2",
-					medium: "uv_a1urqq3",
-					small: "uv_a1urqq4"
-				}
-			},
-			defaultVariants: {
-				bordered: false,
-				size: "large"
-			},
-			compoundVariants: []
-		}),
-		paddedStack: "uv_a1urqq5",
-		image: {
-			large: "uv_a1urqq6",
-			medium: "uv_a1urqq7",
-			small: "uv_a1urqq8"
-		}
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		emptyStateStyle = {
+			container: createRuntimeFn({
+				defaultClassName: "uv_a1urqq0",
+				variantClassNames: {
+					bordered: { true: "uv_a1urqq1" },
+					size: {
+						large: "uv_a1urqq2",
+						medium: "uv_a1urqq3",
+						small: "uv_a1urqq4"
+					}
+				},
+				defaultVariants: {
+					bordered: false,
+					size: "large"
+				},
+				compoundVariants: []
+			}),
+			paddedStack: "uv_a1urqq5",
+			image: {
+				large: "uv_a1urqq6",
+				medium: "uv_a1urqq7",
+				small: "uv_a1urqq8"
+			}
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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