@ultraviolet/ui 3.21.1 → 3.21.2

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

package/dist/components/Expandable/AnimatedExpandable.js

@@ -1,6 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { init_constant } from "./constant.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { animationDurationVar, expandableStyle, init_styles_css } from "./styles.css.js";
 import { useEffect, useRef, useState } from "react";
 import { cn } from "@ultraviolet/utils";
@@ -9,86 +8,87 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Expandable/AnimatedExpandable.tsx
 var AnimatedExpandable;
-var init_AnimatedExpandable = __esmMin(() => {
-	init_constant();
-	init_styles_css();
-	init_objectSpread2();
-	AnimatedExpandable = ({ children, opened, minHeight = 0, className, "data-testid": dataTestId, style, animationDuration = 300 }) => {
-		var _ref$current;
-		const [height, setHeight] = useState(null);
-		const transitionTimer = useRef(null);
-		const ref = useRef(null);
-		const shouldBeAnimated = animationDuration > 0;
-		const isFirstRender = useRef(true);
-		useEffect(() => {
-			setTimeout(() => {
-				if (isFirstRender.current) isFirstRender.current = false;
-			}, 0);
-		}, []);
-		/**
-		* At mount, we set the height variable to the height of the content only if the component is closed.
-		* This is to ensure we don't have animation when the component is opened at mount.
-		*/
-		useEffect(() => {
-			if (ref.current) {
-				var _ref$current$scrollHe;
-				setHeight((_ref$current$scrollHe = ref.current.scrollHeight) !== null && _ref$current$scrollHe !== void 0 ? _ref$current$scrollHe : 0);
-			}
-		}, [(_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight]);
-		/**
-		* Here we set maxHeight to the height of the content when the component is opened
-		* and after 300ms we set maxHeight to initial to let the content grow with animation.
-		* Setting it to initial is required to be able to have nested expandable or the height won't follow.
-		*/
-		useEffect(() => {
-			if (isFirstRender.current && !opened && ref.current) {
-				ref.current.style.maxHeight = `${minHeight !== null && minHeight !== void 0 ? minHeight : 0}px`;
-				ref.current.style.overflow = "hidden";
-			} else if (opened && ref.current && height) {
-				ref.current.style.maxHeight = `${height}px`;
-				ref.current.style.visibility = "";
-				transitionTimer.current = setTimeout(() => {
-					if (ref.current) {
-						ref.current.style.maxHeight = "initial";
-						ref.current.style.overflow = "visible";
-						ref.current.style.visibility = "";
-					}
-				}, 300);
-			} else {
-				if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
-				if (ref.current && height) {
+function init_AnimatedExpandable() {
+	return (init_AnimatedExpandable = __esmMin(() => {
+		init_styles_css();
+		init_objectSpread2();
+		AnimatedExpandable = ({ children, opened, minHeight = 0, className, "data-testid": dataTestId, style, animationDuration = 300 }) => {
+			var _ref$current;
+			const [height, setHeight] = useState(null);
+			const transitionTimer = useRef(null);
+			const ref = useRef(null);
+			const shouldBeAnimated = animationDuration > 0;
+			const isFirstRender = useRef(true);
+			useEffect(() => {
+				setTimeout(() => {
+					if (isFirstRender.current) isFirstRender.current = false;
+				}, 0);
+			}, []);
+			/**
+			* At mount, we set the height variable to the height of the content only if the component is closed.
+			* This is to ensure we don't have animation when the component is opened at mount.
+			*/
+			useEffect(() => {
+				if (ref.current) {
+					var _ref$current$scrollHe;
+					setHeight((_ref$current$scrollHe = ref.current.scrollHeight) !== null && _ref$current$scrollHe !== void 0 ? _ref$current$scrollHe : 0);
+				}
+			}, [(_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight]);
+			/**
+			* Here we set maxHeight to the height of the content when the component is opened
+			* and after 300ms we set maxHeight to initial to let the content grow with animation.
+			* Setting it to initial is required to be able to have nested expandable or the height won't follow.
+			*/
+			useEffect(() => {
+				if (isFirstRender.current && !opened && ref.current) {
+					ref.current.style.maxHeight = `${minHeight !== null && minHeight !== void 0 ? minHeight : 0}px`;
+					ref.current.style.overflow = "hidden";
+				} else if (opened && ref.current && height) {
 					ref.current.style.maxHeight = `${height}px`;
+					ref.current.style.visibility = "";
 					transitionTimer.current = setTimeout(() => {
 						if (ref.current) {
-							ref.current.style.maxHeight = `${minHeight}px`;
-							ref.current.style.overflow = "hidden";
-							setTimeout(() => {
-								if (ref.current && !minHeight) ref.current.style.visibility = "hidden";
-							}, 300);
+							ref.current.style.maxHeight = "initial";
+							ref.current.style.overflow = "visible";
+							ref.current.style.visibility = "";
 						}
-					}, 0);
+					}, 300);
+				} else {
+					if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
+					if (ref.current && height) {
+						ref.current.style.maxHeight = `${height}px`;
+						transitionTimer.current = setTimeout(() => {
+							if (ref.current) {
+								ref.current.style.maxHeight = `${minHeight}px`;
+								ref.current.style.overflow = "hidden";
+								setTimeout(() => {
+									if (ref.current && !minHeight) ref.current.style.visibility = "hidden";
+								}, 300);
+							}
+						}, 0);
+					}
 				}
-			}
-			return () => {
-				if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
-			};
-		}, [
-			animationDuration,
-			height,
-			minHeight,
-			opened,
-			shouldBeAnimated
-		]);
-		return /* @__PURE__ */ jsx("div", {
-			className: cn(className, expandableStyle.expandable),
-			"data-is-animated": shouldBeAnimated && !isFirstRender.current,
-			"data-testid": dataTestId,
-			ref,
-			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [animationDurationVar]: `${animationDuration}ms` })), style),
-			children
-		});
-	};
-});
+				return () => {
+					if (transitionTimer === null || transitionTimer === void 0 ? void 0 : transitionTimer.current) clearTimeout(transitionTimer.current);
+				};
+			}, [
+				animationDuration,
+				height,
+				minHeight,
+				opened,
+				shouldBeAnimated
+			]);
+			return /* @__PURE__ */ jsx("div", {
+				className: cn(className, expandableStyle.expandable),
+				"data-is-animated": shouldBeAnimated && !isFirstRender.current,
+				"data-testid": dataTestId,
+				ref,
+				style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [animationDurationVar]: `${animationDuration}ms` })), style),
+				children
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_AnimatedExpandable();

package/dist/components/Expandable/NonAnimatedExpandable.js

@@ -1,21 +1,23 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Expandable/NonAnimatedExpandable.tsx
 var NoAnimationExpandable;
-var init_NonAnimatedExpandable = __esmMin(() => {
-	init_objectSpread2();
-	NoAnimationExpandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx("div", {
-		className,
-		"data-testid": dataTestId,
-		style: _objectSpread2({
-			display: opened ? void 0 : "none",
-			minHeight
-		}, style),
-		children
-	});
-});
+function init_NonAnimatedExpandable() {
+	return (init_NonAnimatedExpandable = __esmMin(() => {
+		init_objectSpread2();
+		NoAnimationExpandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsx("div", {
+			className,
+			"data-testid": dataTestId,
+			style: _objectSpread2({
+				display: opened ? void 0 : "none",
+				minHeight
+			}, style),
+			children
+		});
+	}))();
+}
 
 //#endregion
 init_NonAnimatedExpandable();

package/dist/components/Expandable/index.js

@@ -1,37 +1,37 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { init_constant } from "./constant.js";
 import { AnimatedExpandable, init_AnimatedExpandable } from "./AnimatedExpandable.js";
 import { NoAnimationExpandable, init_NonAnimatedExpandable } from "./NonAnimatedExpandable.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Expandable/index.tsx
 var Expandable;
-var init_Expandable = __esmMin(() => {
-	init_AnimatedExpandable();
-	init_constant();
-	init_NonAnimatedExpandable();
-	Expandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, animationDuration = 300, style }) => {
-		if (animationDuration > 0) return /* @__PURE__ */ jsx(AnimatedExpandable, {
-			animationDuration,
-			className,
-			"data-testid": dataTestId,
-			minHeight,
-			opened,
-			style,
-			children
-		});
-		return /* @__PURE__ */ jsx(NoAnimationExpandable, {
-			className,
-			"data-testid": dataTestId,
-			minHeight,
-			opened,
-			style,
-			children
-		});
-	};
-	Expandable.displayName = "Expandable";
-});
+function init_Expandable() {
+	return (init_Expandable = __esmMin(() => {
+		init_AnimatedExpandable();
+		init_NonAnimatedExpandable();
+		Expandable = ({ children, opened, minHeight, className, "data-testid": dataTestId, animationDuration = 300, style }) => {
+			if (animationDuration > 0) return /* @__PURE__ */ jsx(AnimatedExpandable, {
+				animationDuration,
+				className,
+				"data-testid": dataTestId,
+				minHeight,
+				opened,
+				style,
+				children
+			});
+			return /* @__PURE__ */ jsx(NoAnimationExpandable, {
+				className,
+				"data-testid": dataTestId,
+				minHeight,
+				opened,
+				style,
+				children
+			});
+		};
+		Expandable.displayName = "Expandable";
+	}))();
+}
 
 //#endregion
 init_Expandable();

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

@@ -3,11 +3,13 @@ import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Expandable/styles.css.ts
 var animationDurationVar, expandableStyle;
-var init_styles_css = __esmMin(() => {
-	init_styles_css_ts_vanilla();
-	animationDurationVar = "var(--uv_mlltm90)";
-	expandableStyle = { expandable: "uv_mlltm91" };
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		animationDurationVar = "var(--uv_mlltm90)";
+		expandableStyle = { expandable: "uv_mlltm91" };
+	}))();
+}
 
 //#endregion
 init_styles_css();

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

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

@@ -5,18 +5,20 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/ExpandableCard/components/Title.tsx
 var ExpandableCardTitle;
-var init_Title = __esmMin(() => {
-	init_Text();
-	ExpandableCardTitle = ({ as, size = "medium", children, disabled, style }) => /* @__PURE__ */ jsx(Text, {
-		as: as !== null && as !== void 0 ? as : "h2",
-		disabled,
-		sentiment: "neutral",
-		style,
-		variant: size === "medium" ? "bodyStrong" : "headingSmallStrong",
-		children
-	});
-	ExpandableCardTitle.displayName = "ExpandableCard.Title";
-});
+function init_Title() {
+	return (init_Title = __esmMin(() => {
+		init_Text();
+		ExpandableCardTitle = ({ as, size = "medium", children, disabled, style }) => /* @__PURE__ */ jsx(Text, {
+			as: as !== null && as !== void 0 ? as : "h2",
+			disabled,
+			sentiment: "neutral",
+			style,
+			variant: size === "medium" ? "bodyStrong" : "headingSmallStrong",
+			children
+		});
+		ExpandableCardTitle.displayName = "ExpandableCard.Title";
+	}))();
+}
 
 //#endregion
 init_Title();