@ultraviolet/ui 3.24.2 → 3.25.0

package/dist/components/Action/Button/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Button/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,YAAI,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAU,CAAA;AAEvE,eAAO,MAAM,WAAW;aACtB,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;aACb,KAAK,EAAE,KAAK;aACZ,MAAM,EAAE,KAAK;CACL,CAAA;AAEV,eAAO,MAAM,gBAAgB;aAC3B,KAAK,EAAE,CAAC;aACR,MAAM,EAAE,GAAG;aACX,KAAK,EAAE,CAAC;aACR,MAAM,EAAE,GAAG;CACH,CAAA;AAEV,eAAO,MAAM,YAAY;aACvB,KAAK,EAAE,CAAC;aACR,MAAM,EAAE,CAAC;aACT,KAAK,EAAE,CAAC;aACR,MAAM,EAAE,GAAG;CACH,CAAA"}

package/dist/components/Action/Button/constants.js

@@ -0,0 +1,18 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Action/Button/constants.ts
+var SIZE_HEIGHT;
+function init_constants() {
+	return (init_constants = __esmMin(() => {
+		SIZE_HEIGHT = {
+			large: "600",
+			medium: "500",
+			small: "400",
+			xsmall: "300"
+		};
+	}))();
+}
+
+//#endregion
+init_constants();
+export { SIZE_HEIGHT, init_constants };

package/dist/components/Action/Button/index.d.ts

@@ -0,0 +1,96 @@
+import type { XOR } from '@scaleway/types';
+import type { RenderProp } from '@ultraviolet/utils';
+import type { AriaRole, ButtonHTMLAttributes, CSSProperties, MouseEventHandler, ReactNode } from 'react';
+type CommonProps = {
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    autoFocus?: ButtonHTMLAttributes<HTMLButtonElement>['autoFocus'];
+    role?: AriaRole;
+    className?: string;
+    'data-testid'?: string;
+    /**
+     * @private
+     */
+    'data-flip-id'?: string;
+    isLoading?: boolean;
+    /**
+     * @deprecated use `accessibleLabel` instead.
+     */
+    'aria-label'?: string;
+    'aria-current'?: boolean;
+    'aria-controls'?: string;
+    'aria-expanded'?: boolean;
+    'aria-haspopup'?: boolean;
+    'aria-describedby'?: string;
+    'aria-disabled'?: boolean;
+    'aria-pressed'?: boolean;
+    'aria-roledescription'?: string;
+    'aria-keyshortcuts'?: string;
+    onClick?: MouseEventHandler<HTMLElement>;
+    /**
+     * @deprecated use `tooltipDescription` instead.
+     */
+    tooltip?: string;
+    /**
+     * Label of the button rendered inside a Tooltip.
+     */
+    tooltipLabel?: string;
+    /**
+     * Description of the button rendered inside a Tooltip.
+     */
+    tooltipDescription?: string;
+    /**
+     * Accessible label hidden in the button.
+     * Prefer this over `aria-label` as the text is localizable.
+     */
+    accessibleLabel?: string;
+    form?: ButtonHTMLAttributes<HTMLButtonElement>['form'];
+    tabIndex?: ButtonHTMLAttributes<HTMLButtonElement>['tabIndex'];
+    onMouseDown?: MouseEventHandler<HTMLElement>;
+    onMouseUp?: MouseEventHandler<HTMLElement>;
+    onMouseOut?: MouseEventHandler<HTMLElement>;
+    onBlur?: ButtonHTMLAttributes<HTMLElement>['onBlur'];
+    onMouseEnter?: MouseEventHandler<HTMLElement>;
+    onMouseLeave?: MouseEventHandler<HTMLElement>;
+    onPointerDown?: ButtonHTMLAttributes<HTMLButtonElement>['onPointerDown'];
+    onKeyDown?: ButtonHTMLAttributes<HTMLButtonElement>['onKeyDown'];
+    style?: CSSProperties;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    sentiment?: 'danger' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'black' | 'white';
+    size?: 'small' | 'medium' | 'large' | 'xsmall';
+    variant?: 'filled' | 'outlined' | 'ghost';
+};
+type BaseButtonProps = CommonProps & {
+    children: ReactNode;
+    name?: string;
+} & XOR<[
+    {
+        href?: string;
+        target?: string;
+        download?: string;
+    },
+    {
+        /**
+         * Custom element or render function to use instead of the default button.
+         *
+         * Element form (props auto-merged):
+         * ```tsx
+         * <Button render={<NextLink href="/about" />}>About</Button>
+         * ```
+         *
+         * Function form (you control prop merging):
+         * ```tsx
+         * <Button render={(props) => <NextLink {...props} href="/about" />}>About</Button>
+         * ```
+         */
+        render: RenderProp;
+    }
+]>;
+/**
+ * Button component is used to trigger an action or event, such as submitting a form, opening a dialog,
+ * canceling an action, or performing a delete operation.
+ * Use `render` prop to render a custom element (e.g., Next.js Link) while preserving Button's styling.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<Element>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Action/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Button/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Action/Button/index.js

@@ -0,0 +1,128 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { Loader, init_Loader } from "../../Feedback/Loader/index.js";
+import { VisuallyHidden, init_VisuallyHidden } from "../../Other/VisuallyHidden/index.js";
+import { buttonStyle, init_styles_css } from "./styles.css.js";
+import { forwardRef, useMemo } from "react";
+import { useTheme } from "@ultraviolet/themes";
+import { cn, renderElement } from "@ultraviolet/utils";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Action/Button/index.tsx
+var Button;
+function init_Button() {
+	return (init_Button = __esmMin(() => {
+		init_Loader();
+		init_VisuallyHidden();
+		init_Tooltip();
+		init_styles_css();
+		init_objectSpread2();
+		Button = forwardRef(({ type = "button", className, "data-testid": dataTestId, "data-flip-id": dataFlipId, sentiment = "primary", variant = "filled", size = "large", disabled = false, fullWidth = false, isLoading = false, children, onClick, onMouseDown, onMouseUp, onMouseOut, onBlur, onMouseEnter, onMouseLeave, onPointerDown, onKeyDown, name, form, "aria-label": ariaLabel, "aria-current": ariaCurrent, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, "aria-keyshortcuts": ariaKeyshortcuts, href, download, target, role, tooltip, tooltipLabel, tooltipDescription, accessibleLabel, tabIndex, autoFocus, style, render }, ref) => {
+			const computeIsDisabled = disabled || isLoading;
+			const { theme } = useTheme();
+			const computedSentimentLoader = useMemo(() => {
+				if (variant === "filled" && !["black", "white"].includes(sentiment)) {
+					if (theme === "light") return "white";
+					return "black";
+				}
+				return sentiment;
+			}, [
+				sentiment,
+				theme,
+				variant
+			]);
+			const tooltipText = tooltipLabel || tooltipDescription || tooltip;
+			const tooltipRelation = tooltipLabel ? "label" : "description";
+			const computedAccessibleLabel = accessibleLabel !== null && accessibleLabel !== void 0 ? accessibleLabel : ariaLabel;
+			const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				isLoading ? /* @__PURE__ */ jsx(Loader, {
+					active: true,
+					sentiment: computedSentimentLoader,
+					size: "small"
+				}) : null,
+				computedAccessibleLabel ? /* @__PURE__ */ jsx(VisuallyHidden, { children: computedAccessibleLabel }) : null,
+				children
+			] });
+			const computedClassName = cn(className, buttonStyle.button({
+				disabled,
+				fullWidth,
+				sentiment,
+				size,
+				variant
+			}));
+			if (render) return /* @__PURE__ */ jsx(Tooltip, {
+				containerFullWidth: fullWidth,
+				relation: tooltipRelation,
+				text: tooltipText,
+				children: renderElement(render, {
+					children,
+					className: computedClassName,
+					"data-testid": dataTestId,
+					"data-flip-id": dataFlipId,
+					ref,
+					form,
+					style
+				})
+			});
+			const commonProps = {
+				"aria-controls": ariaControls,
+				"aria-current": ariaCurrent,
+				"aria-disabled": ariaDisabled,
+				"aria-describedby": ariaDescribedby,
+				"aria-expanded": ariaExpanded,
+				"aria-haspopup": ariaHaspopup,
+				"aria-keyshortcuts": ariaKeyshortcuts,
+				"aria-pressed": ariaPressed,
+				"aria-roledescription": ariaRoledescription,
+				autoFocus,
+				className: computedClassName,
+				"data-testid": dataTestId,
+				"data-flip-id": dataFlipId,
+				onBlur,
+				onClick,
+				onMouseDown,
+				onMouseEnter,
+				onMouseLeave,
+				onMouseOut,
+				onMouseUp,
+				role,
+				style,
+				tabIndex
+			};
+			if (href && !computeIsDisabled) return /* @__PURE__ */ jsx(Tooltip, {
+				containerFullWidth: fullWidth,
+				relation: tooltipRelation,
+				text: tooltipText,
+				children: /* @__PURE__ */ jsx("a", _objectSpread2(_objectSpread2({}, commonProps), {}, {
+					download,
+					href,
+					ref,
+					target,
+					children: content
+				}))
+			});
+			return /* @__PURE__ */ jsx(Tooltip, {
+				containerFullWidth: fullWidth,
+				relation: tooltipRelation,
+				text: tooltipText,
+				children: /* @__PURE__ */ jsx("button", _objectSpread2(_objectSpread2({}, commonProps), {}, {
+					disabled: computeIsDisabled,
+					name,
+					form,
+					onKeyDown,
+					onPointerDown,
+					ref,
+					type,
+					children: content
+				}))
+			});
+		});
+		Button.displayName = "Button";
+	}))();
+}
+
+//#endregion
+init_Button();
+export { Button, init_Button };

package/dist/components/Action/Button/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Button/styles.css.ts"],"names":[],"mappings":"AA4XA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;YApDlB,KAAK;YACL,MAAM;YACN,IAAI;YACJ,OAAO;YACP,OAAO;YACP,SAAS;YACT,OAAO;YACP,OAAO;YACP,KAAK;;;;gBAIH,UAAU;gBACV,QAAQ;gBACR,UAAU;gBACV,GAAG;gBACH,MAAM;gBACN,aAAa;gBACb,UAAU;gBACV,WAAW;gBACX,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyBd,MAAM;YACN,KAAK;YACL,QAAQ;;;CAKuB,CAAA"}

package/dist/components/Action/Button/styles.css.js

@@ -0,0 +1,167 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Action/Button/styles.css.ts
+var buttonStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		buttonStyle = { button: createRuntimeFn({
+			defaultClassName: "uv_8xt08s0",
+			variantClassNames: {
+				disabled: {
+					false: "uv_8xt08s1",
+					true: "uv_8xt08s2"
+				},
+				fullWidth: {
+					false: "uv_8xt08s3",
+					true: "uv_8xt08s4"
+				},
+				sentiment: {
+					black: "uv_8xt08s5",
+					danger: "uv_8xt08s6",
+					info: "uv_8xt08s7",
+					neutral: "uv_8xt08s8",
+					primary: "uv_8xt08s9",
+					secondary: "uv_8xt08sa",
+					success: "uv_8xt08sb",
+					warning: "uv_8xt08sc",
+					white: "uv_8xt08sd"
+				},
+				size: {
+					large: "uv_8xt08se",
+					medium: "uv_8xt08sf",
+					small: "uv_8xt08sg",
+					xsmall: "uv_8xt08sh"
+				},
+				variant: {
+					filled: "uv_8xt08si",
+					ghost: "uv_8xt08sj",
+					outlined: "uv_8xt08sk"
+				}
+			},
+			defaultVariants: {
+				disabled: false,
+				fullWidth: false,
+				sentiment: "primary",
+				size: "large",
+				variant: "filled"
+			},
+			compoundVariants: [
+				[{
+					sentiment: "primary",
+					variant: "filled"
+				}, "uv_8xt08sl"],
+				[{
+					sentiment: "secondary",
+					variant: "filled"
+				}, "uv_8xt08sm"],
+				[{
+					sentiment: "danger",
+					variant: "filled"
+				}, "uv_8xt08sn"],
+				[{
+					sentiment: "info",
+					variant: "filled"
+				}, "uv_8xt08so"],
+				[{
+					sentiment: "success",
+					variant: "filled"
+				}, "uv_8xt08sp"],
+				[{
+					sentiment: "warning",
+					variant: "filled"
+				}, "uv_8xt08sq"],
+				[{
+					sentiment: "neutral",
+					variant: "filled"
+				}, "uv_8xt08sr"],
+				[{
+					sentiment: "black",
+					variant: "filled"
+				}, "uv_8xt08ss"],
+				[{
+					sentiment: "white",
+					variant: "filled"
+				}, "uv_8xt08st"],
+				[{
+					sentiment: "primary",
+					variant: "outlined"
+				}, "uv_8xt08su"],
+				[{
+					sentiment: "secondary",
+					variant: "outlined"
+				}, "uv_8xt08sv"],
+				[{
+					sentiment: "danger",
+					variant: "outlined"
+				}, "uv_8xt08sw"],
+				[{
+					sentiment: "info",
+					variant: "outlined"
+				}, "uv_8xt08sx"],
+				[{
+					sentiment: "success",
+					variant: "outlined"
+				}, "uv_8xt08sy"],
+				[{
+					sentiment: "warning",
+					variant: "outlined"
+				}, "uv_8xt08sz"],
+				[{
+					sentiment: "neutral",
+					variant: "outlined"
+				}, "uv_8xt08s10"],
+				[{
+					sentiment: "black",
+					variant: "outlined"
+				}, "uv_8xt08s11"],
+				[{
+					sentiment: "white",
+					variant: "outlined"
+				}, "uv_8xt08s12"],
+				[{
+					sentiment: "primary",
+					variant: "ghost"
+				}, "uv_8xt08s13"],
+				[{
+					sentiment: "secondary",
+					variant: "ghost"
+				}, "uv_8xt08s14"],
+				[{
+					sentiment: "danger",
+					variant: "ghost"
+				}, "uv_8xt08s15"],
+				[{
+					sentiment: "info",
+					variant: "ghost"
+				}, "uv_8xt08s16"],
+				[{
+					sentiment: "success",
+					variant: "ghost"
+				}, "uv_8xt08s17"],
+				[{
+					sentiment: "warning",
+					variant: "ghost"
+				}, "uv_8xt08s18"],
+				[{
+					sentiment: "neutral",
+					variant: "ghost"
+				}, "uv_8xt08s19"],
+				[{
+					sentiment: "black",
+					variant: "ghost"
+				}, "uv_8xt08s1a"],
+				[{
+					sentiment: "white",
+					variant: "ghost"
+				}, "uv_8xt08s1b"]
+			]
+		}) };
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { buttonStyle, init_styles_css };

package/dist/components/Action/Button/styles.css.ts.vanilla.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/CopyButton/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAK1C,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;mCAK0B,EACzB,IAAc,EACd,KAAK,EACL,QAAiB,EACjB,UAAsB,EACtB,SAAqB,EACrB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EAAE,UAAU,EACzB,MAAM,EACN,KAAK,GACN,EAAE,eAAe"}

package/dist/components/Action/CopyButton/index.js

@@ -0,0 +1,40 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../Button/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useClipboard } from "@scaleway/use-clipboard";
+import { CopyContentIcon } from "@ultraviolet/icons/CopyContentIcon";
+import { CheckIcon } from "@ultraviolet/icons/CheckIcon";
+
+//#region src/components/Action/CopyButton/index.tsx
+var COPY_DURATION, CopyButton;
+function init_CopyButton() {
+	return (init_CopyButton = __esmMin(() => {
+		init_Button();
+		COPY_DURATION = 2500;
+		CopyButton = ({ size = "small", value, copyText = "Copy", copiedText = "Copied!", sentiment = "primary", bordered, className, children, "data-testid": dataTestId, onCopy, style }) => {
+			const [isCopied, setCopied] = useClipboard(value, { successDuration: COPY_DURATION });
+			return /* @__PURE__ */ jsxs(Button, {
+				className,
+				"data-testid": dataTestId,
+				onClick: () => {
+					setCopied().then(() => {
+						onCopy === null || onCopy === void 0 || onCopy();
+					}).catch(() => null);
+				},
+				sentiment,
+				size,
+				style,
+				tooltipLabel: isCopied ? copiedText : copyText,
+				type: "button",
+				variant: bordered ? "outlined" : "ghost",
+				children: [isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyContentIcon, {}), children]
+			});
+		};
+		CopyButton.displayName = "CopyButton";
+	}))();
+}
+
+//#endregion
+init_CopyButton();
+export { CopyButton, init_CopyButton };

package/dist/components/Action/Expandable/AnimatedExpandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Expandable/AnimatedExpandable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,kBAAkB,qGAQ5B,eAAe,gCAyFjB,CAAA"}

package/dist/components/Action/Expandable/AnimatedExpandable.js

@@ -0,0 +1,95 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.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";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Action/Expandable/AnimatedExpandable.tsx
+var AnimatedExpandable;
+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 = "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) {
+						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
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_AnimatedExpandable();
+export { AnimatedExpandable, init_AnimatedExpandable };

package/dist/components/Action/Expandable/NonAnimatedExpandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonAnimatedExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Expandable/NonAnimatedExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,qBAAqB,kFAO/B,eAAe,gCAQjB,CAAA"}

package/dist/components/Action/Expandable/NonAnimatedExpandable.js

@@ -0,0 +1,24 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Action/Expandable/NonAnimatedExpandable.tsx
+var NoAnimationExpandable;
+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();
+export { NoAnimationExpandable, init_NonAnimatedExpandable };

package/dist/components/Action/Expandable/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Expandable/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,MAAM,CAAA"}

package/dist/components/Action/Expandable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Expandable/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;mCAOnB,EACzB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,iBAAsC,EACtC,KAAK,GACN,EAAE,eAAe"}

package/dist/components/Action/Expandable/index.js

@@ -0,0 +1,38 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { AnimatedExpandable, init_AnimatedExpandable } from "./AnimatedExpandable.js";
+import { NoAnimationExpandable, init_NonAnimatedExpandable } from "./NonAnimatedExpandable.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Action/Expandable/index.tsx
+var 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();
+export { Expandable, init_Expandable };

package/dist/components/Action/Expandable/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/Expandable/styles.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,oBAAc,CAAA;AAa/C,eAAO,MAAM,eAAe;;CAAiB,CAAA"}