@ultraviolet/ui 3.21.0 → 3.21.2

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

package/dist/components/ExpandableCard/index.d.ts

@@ -1,4 +1,5 @@
 import type { CSSProperties, DetailsHTMLAttributes, KeyboardEvent, ReactNode } from 'react';
+import { ExpandableCardTitle } from './components/Title';
 import type { EXPANDABLE_CARD_SIZE } from './constants';
 type ExpandableCardSize = (typeof EXPANDABLE_CARD_SIZE)[number];
 type DraggableProps = {
@@ -41,10 +42,7 @@ export declare const ExpandableCard: import("react").ForwardRefExoticComponent<(
     expanded?: undefined;
     onToggleExpand?: undefined;
 } & CommonProps)) & import("react").RefAttributes<HTMLDetailsElement>> & {
-    Title: {
-        ({ as, size, children, disabled, style }: import("./components/Title").ExpandableCardTitleProps): import("react").JSX.Element;
-        displayName: string;
-    };
+    Title: typeof ExpandableCardTitle;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAA2B,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKpH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAIvD,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AA4MlB,eAAO,MAAM,cAAc;cA1M+B,OAAO;oBAAkB,MAAM,IAAI;;;;;;;;;CA4M3F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableCard/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAA2B,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAIvD,KAAK,kBAAkB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/D,KAAK,cAAc,GACf;IACE,SAAS,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CAC3D,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAA;IACxB,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,KAAK,CAAA;CAClB,CAAA;AACL,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,kBAAkB,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,cAAc,CAAA;AA4MlB,eAAO,MAAM,cAAc;cA1M+B,OAAO;oBAAkB,MAAM,IAAI;;;;;;CA4M3F,CAAA"}