deepsea-components 5.16.4 → 5.16.5

package/dist/components/Scroll.cjs

@@ -94,14 +94,21 @@ var __webpack_exports__ = {};
         const bar = (0, react__WEBPACK_IMPORTED_MODULE_3__.useRef)(null);
         (0, react__WEBPACK_IMPORTED_MODULE_3__.useLayoutEffect)(()=>{
             bar.current = smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4___default().init(ele.current, scrollbarOptions);
-            return ()=>bar.current?.destroy();
+            return ()=>{
+                var _bar_current;
+                return null == (_bar_current = bar.current) ? void 0 : _bar_current.destroy();
+            };
         }, []);
         (0, react__WEBPACK_IMPORTED_MODULE_3__.useImperativeHandle)(ref, ()=>ele.current, []);
         (0, react__WEBPACK_IMPORTED_MODULE_3__.useImperativeHandle)(scrollbar, ()=>bar.current, []);
         (0, react__WEBPACK_IMPORTED_MODULE_3__.useEffect)(()=>{
+            var _bar_current;
             if (!onScrollbar) return;
-            bar.current?.addListener(onScrollbar);
-            return ()=>bar.current?.removeListener(onScrollbar);
+            null == (_bar_current = bar.current) || _bar_current.addListener(onScrollbar);
+            return ()=>{
+                var _bar_current;
+                return null == (_bar_current = bar.current) ? void 0 : _bar_current.removeListener(onScrollbar);
+            };
         }, [
             onScrollbar
         ]);

package/dist/components/Scroll.js

@@ -13,14 +13,21 @@ const Scroll = /*#__PURE__*/ forwardRef((props, ref)=>{
     const bar = useRef(null);
     useLayoutEffect(()=>{
         bar.current = smooth_scrollbar.init(ele.current, scrollbarOptions);
-        return ()=>bar.current?.destroy();
+        return ()=>{
+            var _bar_current;
+            return null == (_bar_current = bar.current) ? void 0 : _bar_current.destroy();
+        };
     }, []);
     useImperativeHandle(ref, ()=>ele.current, []);
     useImperativeHandle(scrollbar, ()=>bar.current, []);
     useEffect(()=>{
+        var _bar_current;
         if (!onScrollbar) return;
-        bar.current?.addListener(onScrollbar);
-        return ()=>bar.current?.removeListener(onScrollbar);
+        null == (_bar_current = bar.current) || _bar_current.addListener(onScrollbar);
+        return ()=>{
+            var _bar_current;
+            return null == (_bar_current = bar.current) ? void 0 : _bar_current.removeListener(onScrollbar);
+        };
     }, [
         onScrollbar
     ]);

package/dist/components/ScrollMask.cjs

@@ -36,32 +36,118 @@ __webpack_require__.d(__webpack_exports__, {
     ScrollMask: ()=>ScrollMask
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const external_ScrollMask_module_cjs_namespaceObject = require("./ScrollMask.module.cjs");
 var external_ScrollMask_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_ScrollMask_module_cjs_namespaceObject);
-const ScrollMask = ({ className, style, position = "top", size = 8, from = "rgba(0, 0, 0, 0.1)", to = "rgba(0, 0, 0, 0)", contentClassName, contentStyle, showRadian = false, ...rest })=>{
+const ScrollMask = (t0)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(31);
+    let className;
+    let contentClassName;
+    let contentStyle;
+    let rest;
+    let style;
+    let t1;
+    let t2;
+    let t3;
+    let t4;
+    let t5;
+    if ($[0] !== t0) {
+        ({ className, style, position: t1, size: t2, from: t3, to: t4, contentClassName, contentStyle, showRadian: t5, ...rest } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = contentClassName;
+        $[3] = contentStyle;
+        $[4] = rest;
+        $[5] = style;
+        $[6] = t1;
+        $[7] = t2;
+        $[8] = t3;
+        $[9] = t4;
+        $[10] = t5;
+    } else {
+        className = $[1];
+        contentClassName = $[2];
+        contentStyle = $[3];
+        rest = $[4];
+        style = $[5];
+        t1 = $[6];
+        t2 = $[7];
+        t3 = $[8];
+        t4 = $[9];
+        t5 = $[10];
+    }
+    const position = void 0 === t1 ? "top" : t1;
+    const size = void 0 === t2 ? 8 : t2;
+    const from = void 0 === t3 ? "rgba(0, 0, 0, 0.1)" : t3;
+    const to = void 0 === t4 ? "rgba(0, 0, 0, 0)" : t4;
+    const showRadian = void 0 === t5 ? false : t5;
     const ref = (0, external_react_namespaceObject.useRef)(null);
     const contentSize = (0, external_soda_hooks_namespaceObject.useSize)(ref);
     const radius = (0, external_deepsea_tools_namespaceObject.isNonNullable)(contentSize) ? "top" === position || "bottom" === position ? (contentSize.width ** 2 / 4 + contentSize.height ** 2) / (2 * contentSize.height) : (contentSize.height ** 2 / 4 + contentSize.width ** 2) / (2 * contentSize.width) : void 0;
     const clipPath = showRadian && (0, external_deepsea_tools_namespaceObject.isNonNullable)(radius) ? "top" === position ? `circle(${radius}px at 50% -${radius - contentSize.height}px)` : "bottom" === position ? `circle(${radius}px at 50% ${radius}px)` : "left" === position ? `circle(${radius}px at -${radius - contentSize.width}px 50%)` : "right" === position ? `circle(${radius}px at ${radius}px 50%)` : "none" : "none";
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask"], external_ScrollMask_module_cjs_default()[`${position}-scroll-mask`], className),
-        style: {
-            "--scroll-mask-size": `${size}px`,
+    const t6 = external_ScrollMask_module_cjs_default()[`${position}-scroll-mask`];
+    let t7;
+    if ($[11] !== className || $[12] !== t6) {
+        t7 = (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask"], t6, className);
+        $[11] = className;
+        $[12] = t6;
+        $[13] = t7;
+    } else t7 = $[13];
+    const t8 = `${size}px`;
+    let t9;
+    if ($[14] !== clipPath || $[15] !== from || $[16] !== style || $[17] !== t8 || $[18] !== to) {
+        t9 = {
+            "--scroll-mask-size": t8,
             "--scroll-mask-color-from": from,
             "--scroll-mask-color-to": to,
             "--scroll-mask-clip-path": clipPath,
             ...style
-        },
-        ...rest,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        };
+        $[14] = clipPath;
+        $[15] = from;
+        $[16] = style;
+        $[17] = t8;
+        $[18] = to;
+        $[19] = t9;
+    } else t9 = $[19];
+    const t10 = t9;
+    const t11 = external_ScrollMask_module_cjs_default()[`${position}-scroll-mask-content`];
+    let t12;
+    if ($[20] !== contentClassName || $[21] !== t11) {
+        t12 = (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask-content"], t11, contentClassName);
+        $[20] = contentClassName;
+        $[21] = t11;
+        $[22] = t12;
+    } else t12 = $[22];
+    let t13;
+    if ($[23] !== contentStyle || $[24] !== t12) {
+        t13 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             ref: ref,
-            className: (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask-content"], external_ScrollMask_module_cjs_default()[`${position}-scroll-mask-content`], contentClassName),
+            className: t12,
             style: contentStyle
-        })
-    });
+        });
+        $[23] = contentStyle;
+        $[24] = t12;
+        $[25] = t13;
+    } else t13 = $[25];
+    let t14;
+    if ($[26] !== rest || $[27] !== t10 || $[28] !== t13 || $[29] !== t7) {
+        t14 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: t7,
+            style: t10,
+            ...rest,
+            children: t13
+        });
+        $[26] = rest;
+        $[27] = t10;
+        $[28] = t13;
+        $[29] = t7;
+        $[30] = t14;
+    } else t14 = $[30];
+    return t14;
 };
 exports.ScrollMask = __webpack_exports__.ScrollMask;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ScrollMask.js

@@ -1,28 +1,114 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { clsx, isNonNullable } from "deepsea-tools";
 import { useRef } from "react";
 import { useSize } from "soda-hooks";
 import ScrollMask_module from "./ScrollMask.module.js";
-const ScrollMask = ({ className, style, position = "top", size = 8, from = "rgba(0, 0, 0, 0.1)", to = "rgba(0, 0, 0, 0)", contentClassName, contentStyle, showRadian = false, ...rest })=>{
+const ScrollMask = (t0)=>{
+    const $ = c(31);
+    let className;
+    let contentClassName;
+    let contentStyle;
+    let rest;
+    let style;
+    let t1;
+    let t2;
+    let t3;
+    let t4;
+    let t5;
+    if ($[0] !== t0) {
+        ({ className, style, position: t1, size: t2, from: t3, to: t4, contentClassName, contentStyle, showRadian: t5, ...rest } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = contentClassName;
+        $[3] = contentStyle;
+        $[4] = rest;
+        $[5] = style;
+        $[6] = t1;
+        $[7] = t2;
+        $[8] = t3;
+        $[9] = t4;
+        $[10] = t5;
+    } else {
+        className = $[1];
+        contentClassName = $[2];
+        contentStyle = $[3];
+        rest = $[4];
+        style = $[5];
+        t1 = $[6];
+        t2 = $[7];
+        t3 = $[8];
+        t4 = $[9];
+        t5 = $[10];
+    }
+    const position = void 0 === t1 ? "top" : t1;
+    const size = void 0 === t2 ? 8 : t2;
+    const from = void 0 === t3 ? "rgba(0, 0, 0, 0.1)" : t3;
+    const to = void 0 === t4 ? "rgba(0, 0, 0, 0)" : t4;
+    const showRadian = void 0 === t5 ? false : t5;
     const ref = useRef(null);
     const contentSize = useSize(ref);
     const radius = isNonNullable(contentSize) ? "top" === position || "bottom" === position ? (contentSize.width ** 2 / 4 + contentSize.height ** 2) / (2 * contentSize.height) : (contentSize.height ** 2 / 4 + contentSize.width ** 2) / (2 * contentSize.width) : void 0;
     const clipPath = showRadian && isNonNullable(radius) ? "top" === position ? `circle(${radius}px at 50% -${radius - contentSize.height}px)` : "bottom" === position ? `circle(${radius}px at 50% ${radius}px)` : "left" === position ? `circle(${radius}px at -${radius - contentSize.width}px 50%)` : "right" === position ? `circle(${radius}px at ${radius}px 50%)` : "none" : "none";
-    return /*#__PURE__*/ jsx("div", {
-        className: clsx(ScrollMask_module["scroll-mask"], ScrollMask_module[`${position}-scroll-mask`], className),
-        style: {
-            "--scroll-mask-size": `${size}px`,
+    const t6 = ScrollMask_module[`${position}-scroll-mask`];
+    let t7;
+    if ($[11] !== className || $[12] !== t6) {
+        t7 = clsx(ScrollMask_module["scroll-mask"], t6, className);
+        $[11] = className;
+        $[12] = t6;
+        $[13] = t7;
+    } else t7 = $[13];
+    const t8 = `${size}px`;
+    let t9;
+    if ($[14] !== clipPath || $[15] !== from || $[16] !== style || $[17] !== t8 || $[18] !== to) {
+        t9 = {
+            "--scroll-mask-size": t8,
             "--scroll-mask-color-from": from,
             "--scroll-mask-color-to": to,
             "--scroll-mask-clip-path": clipPath,
             ...style
-        },
-        ...rest,
-        children: /*#__PURE__*/ jsx("div", {
+        };
+        $[14] = clipPath;
+        $[15] = from;
+        $[16] = style;
+        $[17] = t8;
+        $[18] = to;
+        $[19] = t9;
+    } else t9 = $[19];
+    const t10 = t9;
+    const t11 = ScrollMask_module[`${position}-scroll-mask-content`];
+    let t12;
+    if ($[20] !== contentClassName || $[21] !== t11) {
+        t12 = clsx(ScrollMask_module["scroll-mask-content"], t11, contentClassName);
+        $[20] = contentClassName;
+        $[21] = t11;
+        $[22] = t12;
+    } else t12 = $[22];
+    let t13;
+    if ($[23] !== contentStyle || $[24] !== t12) {
+        t13 = /*#__PURE__*/ jsx("div", {
             ref: ref,
-            className: clsx(ScrollMask_module["scroll-mask-content"], ScrollMask_module[`${position}-scroll-mask-content`], contentClassName),
+            className: t12,
             style: contentStyle
-        })
-    });
+        });
+        $[23] = contentStyle;
+        $[24] = t12;
+        $[25] = t13;
+    } else t13 = $[25];
+    let t14;
+    if ($[26] !== rest || $[27] !== t10 || $[28] !== t13 || $[29] !== t7) {
+        t14 = /*#__PURE__*/ jsx("div", {
+            className: t7,
+            style: t10,
+            ...rest,
+            children: t13
+        });
+        $[26] = rest;
+        $[27] = t10;
+        $[28] = t13;
+        $[29] = t7;
+        $[30] = t14;
+    } else t14 = $[30];
+    return t14;
 };
 export { ScrollMask };

package/dist/components/SectionRing.cjs

@@ -28,27 +28,72 @@ __webpack_require__.d(__webpack_exports__, {
     SectionRing: ()=>SectionRing
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const SectionRing = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props;
+    const $ = (0, compiler_runtime_namespaceObject.c)(16);
+    let a;
+    let c;
+    let i;
+    let o;
+    let rest;
+    let style;
+    if ($[0] !== props) {
+        ({ outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props);
+        $[0] = props;
+        $[1] = a;
+        $[2] = c;
+        $[3] = i;
+        $[4] = o;
+        $[5] = rest;
+        $[6] = style;
+    } else {
+        a = $[1];
+        c = $[2];
+        i = $[3];
+        o = $[4];
+        rest = $[5];
+        style = $[6];
+    }
     const s = 2 * Math.PI / c - a;
-    function arc(radius, startAngle, endAngle, options = {}) {
+    const arc = function(radius, startAngle, endAngle, t0) {
+        const options = void 0 === t0 ? {} : t0;
         return (0, external_deepsea_tools_namespaceObject.drawArc)(o, o, radius, startAngle, endAngle, options);
-    }
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        style: {
-            width: 2 * o,
-            height: 2 * o,
-            clipPath: `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
-                    line: true,
-                    anticlockwise: true
-                })}`).join(" ")} Z")`,
+    };
+    const t1 = 2 * o;
+    const t2 = 2 * o;
+    const t3 = `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
+            line: true,
+            anticlockwise: true
+        })}`).join(" ")} Z")`;
+    let t4;
+    if ($[7] !== style || $[8] !== t1 || $[9] !== t2 || $[10] !== t3) {
+        t4 = {
+            width: t1,
+            height: t2,
+            clipPath: t3,
             ...style
-        },
-        ...rest
-    });
+        };
+        $[7] = style;
+        $[8] = t1;
+        $[9] = t2;
+        $[10] = t3;
+        $[11] = t4;
+    } else t4 = $[11];
+    let t5;
+    if ($[12] !== ref || $[13] !== rest || $[14] !== t4) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            style: t4,
+            ...rest
+        });
+        $[12] = ref;
+        $[13] = rest;
+        $[14] = t4;
+        $[15] = t5;
+    } else t5 = $[15];
+    return t5;
 });
 exports.SectionRing = __webpack_exports__.SectionRing;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/SectionRing.js

@@ -1,25 +1,70 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
+import { c as compiler_runtime_c } from "react/compiler-runtime";
 import { drawArc } from "deepsea-tools";
 import { forwardRef } from "react";
 const SectionRing = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props;
+    const $ = compiler_runtime_c(16);
+    let a;
+    let c;
+    let i;
+    let o;
+    let rest;
+    let style;
+    if ($[0] !== props) {
+        ({ outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props);
+        $[0] = props;
+        $[1] = a;
+        $[2] = c;
+        $[3] = i;
+        $[4] = o;
+        $[5] = rest;
+        $[6] = style;
+    } else {
+        a = $[1];
+        c = $[2];
+        i = $[3];
+        o = $[4];
+        rest = $[5];
+        style = $[6];
+    }
     const s = 2 * Math.PI / c - a;
-    function arc(radius, startAngle, endAngle, options = {}) {
+    const arc = function(radius, startAngle, endAngle, t0) {
+        const options = void 0 === t0 ? {} : t0;
         return drawArc(o, o, radius, startAngle, endAngle, options);
-    }
-    return /*#__PURE__*/ jsx("div", {
-        ref: ref,
-        style: {
-            width: 2 * o,
-            height: 2 * o,
-            clipPath: `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
-                    line: true,
-                    anticlockwise: true
-                })}`).join(" ")} Z")`,
+    };
+    const t1 = 2 * o;
+    const t2 = 2 * o;
+    const t3 = `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
+            line: true,
+            anticlockwise: true
+        })}`).join(" ")} Z")`;
+    let t4;
+    if ($[7] !== style || $[8] !== t1 || $[9] !== t2 || $[10] !== t3) {
+        t4 = {
+            width: t1,
+            height: t2,
+            clipPath: t3,
             ...style
-        },
-        ...rest
-    });
+        };
+        $[7] = style;
+        $[8] = t1;
+        $[9] = t2;
+        $[10] = t3;
+        $[11] = t4;
+    } else t4 = $[11];
+    let t5;
+    if ($[12] !== ref || $[13] !== rest || $[14] !== t4) {
+        t5 = /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            style: t4,
+            ...rest
+        });
+        $[12] = ref;
+        $[13] = rest;
+        $[14] = t4;
+        $[15] = t5;
+    } else t5 = $[15];
+    return t5;
 });
 export { SectionRing };

package/dist/components/TransitionBox.cjs

@@ -28,48 +28,138 @@ __webpack_require__.d(__webpack_exports__, {
     TransitionBox: ()=>TransitionBox
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const TransitionBox = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...rest } = props;
+    const $ = (0, compiler_runtime_namespaceObject.c)(34);
+    let children;
+    let containerClassName;
+    let containerStyle;
+    let rest;
+    let style;
+    let t0;
+    let t1;
+    let t2;
+    if ($[0] !== props) {
+        ({ style, containerClassName, containerStyle, children, vertical: t0, horizontal: t1, time: t2, ...rest } = props);
+        $[0] = props;
+        $[1] = children;
+        $[2] = containerClassName;
+        $[3] = containerStyle;
+        $[4] = rest;
+        $[5] = style;
+        $[6] = t0;
+        $[7] = t1;
+        $[8] = t2;
+    } else {
+        children = $[1];
+        containerClassName = $[2];
+        containerStyle = $[3];
+        rest = $[4];
+        style = $[5];
+        t0 = $[6];
+        t1 = $[7];
+        t2 = $[8];
+    }
+    const vertical = void 0 === t0 ? true : t0;
+    const horizontal = void 0 === t1 ? true : t1;
+    const time = void 0 === t2 ? 3000 : t2;
     const container = (0, external_react_namespaceObject.useRef)(null);
     const size = (0, external_soda_hooks_namespaceObject.useSize)(container);
-    const width = size?.width ?? 0;
-    const height = size?.height ?? 0;
+    const width = (null == size ? void 0 : size.width) ?? 0;
+    const height = (null == size ? void 0 : size.height) ?? 0;
     const [count, setCount] = (0, external_react_namespaceObject.useState)(0);
-    (0, external_react_namespaceObject.useEffect)(()=>{
-        setCount((count)=>Math.min(count + 1, 3));
-    }, [
-        width,
-        height
-    ]);
-    const outerStyle = {
-        transitionProperty: 3 === count ? [
+    let t3;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = ()=>{
+            setCount(_temp);
+        };
+        $[9] = t3;
+    } else t3 = $[9];
+    let t4;
+    if ($[10] !== height || $[11] !== width) {
+        t4 = [
+            width,
+            height
+        ];
+        $[10] = height;
+        $[11] = width;
+        $[12] = t4;
+    } else t4 = $[12];
+    (0, external_react_namespaceObject.useEffect)(t3, t4);
+    let t5;
+    if ($[13] !== count || $[14] !== horizontal || $[15] !== vertical) {
+        t5 = 3 === count ? [
             horizontal && "width",
             vertical && "height"
-        ].filter(Boolean).join(", ") : void 0,
-        transitionDuration: 3 === count ? `${time}ms` : void 0,
-        width,
-        height,
-        overflow: "hidden",
-        position: "relative",
-        ...style
-    };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        style: outerStyle,
-        ...rest,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ].filter(Boolean).join(", ") : void 0;
+        $[13] = count;
+        $[14] = horizontal;
+        $[15] = vertical;
+        $[16] = t5;
+    } else t5 = $[16];
+    const t6 = 3 === count ? `${time}ms` : void 0;
+    let t7;
+    if ($[17] !== height || $[18] !== style || $[19] !== t5 || $[20] !== t6 || $[21] !== width) {
+        t7 = {
+            transitionProperty: t5,
+            transitionDuration: t6,
+            width,
+            height,
+            overflow: "hidden",
+            position: "relative",
+            ...style
+        };
+        $[17] = height;
+        $[18] = style;
+        $[19] = t5;
+        $[20] = t6;
+        $[21] = width;
+        $[22] = t7;
+    } else t7 = $[22];
+    const outerStyle = t7;
+    let t8;
+    if ($[23] !== containerStyle) {
+        t8 = {
+            position: "absolute",
+            ...containerStyle
+        };
+        $[23] = containerStyle;
+        $[24] = t8;
+    } else t8 = $[24];
+    let t9;
+    if ($[25] !== children || $[26] !== containerClassName || $[27] !== t8) {
+        t9 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: containerClassName,
-            style: {
-                position: "absolute",
-                ...containerStyle
-            },
+            style: t8,
             ref: container,
             children: children
-        })
-    });
+        });
+        $[25] = children;
+        $[26] = containerClassName;
+        $[27] = t8;
+        $[28] = t9;
+    } else t9 = $[28];
+    let t10;
+    if ($[29] !== outerStyle || $[30] !== ref || $[31] !== rest || $[32] !== t9) {
+        t10 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            style: outerStyle,
+            ...rest,
+            children: t9
+        });
+        $[29] = outerStyle;
+        $[30] = ref;
+        $[31] = rest;
+        $[32] = t9;
+        $[33] = t10;
+    } else t10 = $[33];
+    return t10;
 });
+function _temp(count_0) {
+    return Math.min(count_0 + 1, 3);
+}
 exports.TransitionBox = __webpack_exports__.TransitionBox;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "TransitionBox"