deepsea-components 5.16.16 → 5.17.0

package/dist/components/HlsPlayer.js

@@ -1,73 +1,32 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import hls_0 from "hls.js";
 import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 const HlsPlayer = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const $ = c(10);
-    let rest;
-    let src;
-    if ($[0] !== props) {
-        ({ src, ...rest } = props);
-        $[0] = props;
-        $[1] = rest;
-        $[2] = src;
-    } else {
-        rest = $[1];
-        src = $[2];
-    }
+    const { src, ...rest } = props;
     const video = useRef(null);
-    let t0;
-    let t1;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-        t0 = ()=>video.current;
-        t1 = [];
-        $[3] = t0;
-        $[4] = t1;
-    } else {
-        t0 = $[3];
-        t1 = $[4];
-    }
-    useImperativeHandle(ref, t0, t1);
-    let t2;
-    let t3;
-    if ($[5] !== src) {
-        t2 = ()=>{
-            const { current: player } = video;
-            if (!player || !src) return;
-            if (player.canPlayType("application/vnd.apple.mpegurl")) {
-                player.src = src;
-                return;
-            }
-            if (hls_0.isSupported()) {
-                const hls = new hls_0();
-                hls.loadSource(src);
-                hls.attachMedia(player);
-                return ()=>{
-                    hls.destroy();
-                };
-            }
-        };
-        t3 = [
-            src
-        ];
-        $[5] = src;
-        $[6] = t2;
-        $[7] = t3;
-    } else {
-        t2 = $[6];
-        t3 = $[7];
-    }
-    useEffect(t2, t3);
-    let t4;
-    if ($[8] !== rest) {
-        t4 = /*#__PURE__*/ jsx("video", {
-            ref: video,
-            ...rest
-        });
-        $[8] = rest;
-        $[9] = t4;
-    } else t4 = $[9];
-    return t4;
+    useImperativeHandle(ref, ()=>video.current, []);
+    useEffect(()=>{
+        const { current: player } = video;
+        if (!player || !src) return;
+        if (player.canPlayType("application/vnd.apple.mpegurl")) {
+            player.src = src;
+            return;
+        }
+        if (hls_0.isSupported()) {
+            const hls = new hls_0();
+            hls.loadSource(src);
+            hls.attachMedia(player);
+            return ()=>{
+                hls.destroy();
+            };
+        }
+    }, [
+        src
+    ]);
+    return /*#__PURE__*/ jsx("video", {
+        ref: video,
+        ...rest
+    });
 });
 export { HlsPlayer };

package/dist/components/IconFileType.cjs

@@ -31,24 +31,14 @@ __webpack_require__.d(__webpack_exports__, {
     IconFileTypePage: ()=>IconFileTypePage
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const GOLD = (Math.sqrt(5) - 1) / 2;
 const GOLD_T = Math.sqrt(1 - GOLD * GOLD);
 const HANDLE_LENGTH = (1 - GOLD) * GOLD_T;
 const FileTypeSize = 512;
-const IconFileTypeBase = (props)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(2);
-    let t0;
-    if ($[0] !== props) {
-        t0 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
-            viewBox: `${-(FileTypeSize / 2)} ${-(FileTypeSize / 2)} ${FileTypeSize} ${FileTypeSize}`,
-            ...props
-        });
-        $[0] = props;
-        $[1] = t0;
-    } else t0 = $[1];
-    return t0;
-};
+const IconFileTypeBase = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        viewBox: `${-(FileTypeSize / 2)} ${-(FileTypeSize / 2)} ${FileTypeSize} ${FileTypeSize}`,
+        ...props
+    });
 const IconFileTypePage = ({ pageColor = "#f31260", pageWidth = 0.75 * FileTypeSize, pageBessel = 0.75 * FileTypeSize * GOLD, ...rest })=>{
     const radius = pageBessel * (1 - GOLD);
     const offset = pageBessel * HANDLE_LENGTH;

package/dist/components/IconFileType.js

@@ -1,22 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 const GOLD = (Math.sqrt(5) - 1) / 2;
 const GOLD_T = Math.sqrt(1 - GOLD * GOLD);
 const HANDLE_LENGTH = (1 - GOLD) * GOLD_T;
 const FileTypeSize = 512;
-const IconFileTypeBase = (props)=>{
-    const $ = c(2);
-    let t0;
-    if ($[0] !== props) {
-        t0 = /*#__PURE__*/ jsx("svg", {
-            viewBox: `${-(FileTypeSize / 2)} ${-(FileTypeSize / 2)} ${FileTypeSize} ${FileTypeSize}`,
-            ...props
-        });
-        $[0] = props;
-        $[1] = t0;
-    } else t0 = $[1];
-    return t0;
-};
+const IconFileTypeBase = (props)=>/*#__PURE__*/ jsx("svg", {
+        viewBox: `${-(FileTypeSize / 2)} ${-(FileTypeSize / 2)} ${FileTypeSize} ${FileTypeSize}`,
+        ...props
+    });
 const IconFileTypePage = ({ pageColor = "#f31260", pageWidth = 0.75 * FileTypeSize, pageBessel = 0.75 * FileTypeSize * GOLD, ...rest })=>{
     const radius = pageBessel * (1 - GOLD);
     const offset = pageBessel * HANDLE_LENGTH;

package/dist/components/InfiniteScroll.cjs

@@ -42,8 +42,8 @@ const InfiniteScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardR
     ]);
     const container = (0, external_react_namespaceObject.useRef)(null);
     const containerSize = (0, external_soda_hooks_namespaceObject.useSize)(container);
-    function bigger(containerSize_0, wrapperSize_0) {
-        return withEqual ? containerSize_0 + (withGap ? gap : 0) >= wrapperSize_0 : containerSize_0 + (withGap ? gap : 0) > wrapperSize_0;
+    function bigger(containerSize, wrapperSize) {
+        return withEqual ? containerSize + (withGap ? gap : 0) >= wrapperSize : containerSize + (withGap ? gap : 0) > wrapperSize;
     }
     const overflow = wrapperSize && containerSize ? "vertical" === direction ? bigger(containerSize.height, wrapperSize.height) : bigger(containerSize.width, wrapperSize.width) : false;
     const animation = (0, external_react_namespaceObject.useRef)(void 0);
@@ -78,10 +78,10 @@ const InfiniteScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardR
         if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.pause();
         null == onMouseEnter || onMouseEnter(e);
     }
-    function leave(e_0) {
+    function leave(e) {
         var _animation_current;
         if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.play();
-        null == onMouseLeave || onMouseLeave(e_0);
+        null == onMouseLeave || onMouseLeave(e);
     }
     (0, external_react_namespaceObject.useEffect)(()=>{
         var _animation_current, _animation_current1;

package/dist/components/InfiniteScroll.js

@@ -14,8 +14,8 @@ const InfiniteScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
     ]);
     const container = useRef(null);
     const containerSize = useSize(container);
-    function bigger(containerSize_0, wrapperSize_0) {
-        return withEqual ? containerSize_0 + (withGap ? gap : 0) >= wrapperSize_0 : containerSize_0 + (withGap ? gap : 0) > wrapperSize_0;
+    function bigger(containerSize, wrapperSize) {
+        return withEqual ? containerSize + (withGap ? gap : 0) >= wrapperSize : containerSize + (withGap ? gap : 0) > wrapperSize;
     }
     const overflow = wrapperSize && containerSize ? "vertical" === direction ? bigger(containerSize.height, wrapperSize.height) : bigger(containerSize.width, wrapperSize.width) : false;
     const animation = useRef(void 0);
@@ -50,10 +50,10 @@ const InfiniteScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
         if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.pause();
         null == onMouseEnter || onMouseEnter(e);
     }
-    function leave(e_0) {
+    function leave(e) {
         var _animation_current;
         if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.play();
-        null == onMouseLeave || onMouseLeave(e_0);
+        null == onMouseLeave || onMouseLeave(e);
     }
     useEffect(()=>{
         var _animation_current, _animation_current1;

package/dist/components/InputFileButton.cjs

@@ -43,11 +43,11 @@ function InputFileButton(props) {
         null == (_input_current = input.current) || _input_current.click();
         null == _onClick || _onClick(e);
     }
-    async function onDrop(e_0) {
-        null == _onDrop || _onDrop(e_0);
+    async function onDrop(e) {
+        null == _onDrop || _onDrop(e);
         if (disabled || !dragFile) return;
-        e_0.preventDefault();
-        const { files } = e_0.dataTransfer;
+        e.preventDefault();
+        const { files } = e.dataTransfer;
         if (!files || 0 === files.length) return;
         setDisabled(true);
         try {
@@ -78,10 +78,10 @@ function InputFileButton(props) {
             setDisabled(false);
         }
     }
-    function onDragOver(e_1) {
-        null == _onDragOver || _onDragOver(e_1);
+    function onDragOver(e) {
+        null == _onDragOver || _onDragOver(e);
         if (disabled || !dragFile) return;
-        e_1.preventDefault();
+        e.preventDefault();
     }
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
         children: [

package/dist/components/InputFileButton.js

@@ -15,11 +15,11 @@ function InputFileButton(props) {
         null == (_input_current = input.current) || _input_current.click();
         null == _onClick || _onClick(e);
     }
-    async function onDrop(e_0) {
-        null == _onDrop || _onDrop(e_0);
+    async function onDrop(e) {
+        null == _onDrop || _onDrop(e);
         if (disabled || !dragFile) return;
-        e_0.preventDefault();
-        const { files } = e_0.dataTransfer;
+        e.preventDefault();
+        const { files } = e.dataTransfer;
         if (!files || 0 === files.length) return;
         setDisabled(true);
         try {
@@ -50,10 +50,10 @@ function InputFileButton(props) {
             setDisabled(false);
         }
     }
-    function onDragOver(e_1) {
-        null == _onDragOver || _onDragOver(e_1);
+    function onDragOver(e) {
+        null == _onDragOver || _onDragOver(e);
         if (disabled || !dragFile) return;
-        e_1.preventDefault();
+        e.preventDefault();
     }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [

package/dist/components/ReadSheet.cjs

@@ -28,41 +28,16 @@ __webpack_require__.d(__webpack_exports__, {
     ReadSheet: ()=>ReadSheet
 });
 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_InputFile_cjs_namespaceObject = require("./InputFile.cjs");
 const ReadSheet = (props)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(8);
-    let onValueChange;
-    let rest;
-    if ($[0] !== props) {
-        ({ onValueChange, ...rest } = props);
-        $[0] = props;
-        $[1] = onValueChange;
-        $[2] = rest;
-    } else {
-        onValueChange = $[1];
-        rest = $[2];
-    }
-    let t0;
-    if ($[3] !== onValueChange) {
-        t0 = (data)=>null == onValueChange ? void 0 : onValueChange((0, external_deepsea_tools_namespaceObject.readSheet)(data));
-        $[3] = onValueChange;
-        $[4] = t0;
-    } else t0 = $[4];
-    let t1;
-    if ($[5] !== rest || $[6] !== t0) {
-        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_InputFile_cjs_namespaceObject.InputFile, {
-            accept: ".xlsx",
-            type: "arrayBuffer",
-            onValueChange: t0,
-            ...rest
-        });
-        $[5] = rest;
-        $[6] = t0;
-        $[7] = t1;
-    } else t1 = $[7];
-    return t1;
+    const { onValueChange, ...rest } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_InputFile_cjs_namespaceObject.InputFile, {
+        accept: ".xlsx",
+        type: "arrayBuffer",
+        onValueChange: (data)=>null == onValueChange ? void 0 : onValueChange((0, external_deepsea_tools_namespaceObject.readSheet)(data)),
+        ...rest
+    });
 };
 exports.ReadSheet = __webpack_exports__.ReadSheet;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ReadSheet.js

@@ -1,39 +1,14 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { readSheet } from "deepsea-tools";
 import { InputFile } from "./InputFile.js";
 const ReadSheet = (props)=>{
-    const $ = c(8);
-    let onValueChange;
-    let rest;
-    if ($[0] !== props) {
-        ({ onValueChange, ...rest } = props);
-        $[0] = props;
-        $[1] = onValueChange;
-        $[2] = rest;
-    } else {
-        onValueChange = $[1];
-        rest = $[2];
-    }
-    let t0;
-    if ($[3] !== onValueChange) {
-        t0 = (data)=>null == onValueChange ? void 0 : onValueChange(readSheet(data));
-        $[3] = onValueChange;
-        $[4] = t0;
-    } else t0 = $[4];
-    let t1;
-    if ($[5] !== rest || $[6] !== t0) {
-        t1 = /*#__PURE__*/ jsx(InputFile, {
-            accept: ".xlsx",
-            type: "arrayBuffer",
-            onValueChange: t0,
-            ...rest
-        });
-        $[5] = rest;
-        $[6] = t0;
-        $[7] = t1;
-    } else t1 = $[7];
-    return t1;
+    const { onValueChange, ...rest } = props;
+    return /*#__PURE__*/ jsx(InputFile, {
+        accept: ".xlsx",
+        type: "arrayBuffer",
+        onValueChange: (data)=>null == onValueChange ? void 0 : onValueChange(readSheet(data)),
+        ...rest
+    });
 };
 export { ReadSheet };

package/dist/components/Ring.cjs

@@ -28,59 +28,21 @@ __webpack_require__.d(__webpack_exports__, {
     Ring: ()=>Ring
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const Ring = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(14);
-    let innerWidth;
-    let outerWidth;
-    let rest;
-    let style;
-    if ($[0] !== props) {
-        ({ outerWidth, innerWidth, style, ...rest } = props);
-        $[0] = props;
-        $[1] = innerWidth;
-        $[2] = outerWidth;
-        $[3] = rest;
-        $[4] = style;
-    } else {
-        innerWidth = $[1];
-        outerWidth = $[2];
-        rest = $[3];
-        style = $[4];
-    }
+    const { outerWidth, innerWidth, style, ...rest } = props;
     const outerRadius = outerWidth / 2;
     const innerRadius = innerWidth / 2;
-    const t0 = `${outerWidth}px`;
-    const t1 = `${outerWidth}px`;
-    const t2 = `path("M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${2 * innerRadius},0 a${innerRadius},${innerRadius},0,0,1,-${2 * innerRadius},0 Z")`;
-    let t3;
-    if ($[5] !== style || $[6] !== t0 || $[7] !== t1 || $[8] !== t2) {
-        t3 = {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        style: {
             ...style,
-            width: t0,
-            height: t1,
-            clipPath: t2
-        };
-        $[5] = style;
-        $[6] = t0;
-        $[7] = t1;
-        $[8] = t2;
-        $[9] = t3;
-    } else t3 = $[9];
-    let t4;
-    if ($[10] !== ref || $[11] !== rest || $[12] !== t3) {
-        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            ref: ref,
-            style: t3,
-            ...rest
-        });
-        $[10] = ref;
-        $[11] = rest;
-        $[12] = t3;
-        $[13] = t4;
-    } else t4 = $[13];
-    return t4;
+            width: `${outerWidth}px`,
+            height: `${outerWidth}px`,
+            clipPath: `path("M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${2 * innerRadius},0 a${innerRadius},${innerRadius},0,0,1,-${2 * innerRadius},0 Z")`
+        },
+        ...rest
+    });
 });
 exports.Ring = __webpack_exports__.Ring;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/Ring.js

@@ -1,57 +1,19 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 const Ring = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const $ = c(14);
-    let innerWidth;
-    let outerWidth;
-    let rest;
-    let style;
-    if ($[0] !== props) {
-        ({ outerWidth, innerWidth, style, ...rest } = props);
-        $[0] = props;
-        $[1] = innerWidth;
-        $[2] = outerWidth;
-        $[3] = rest;
-        $[4] = style;
-    } else {
-        innerWidth = $[1];
-        outerWidth = $[2];
-        rest = $[3];
-        style = $[4];
-    }
+    const { outerWidth, innerWidth, style, ...rest } = props;
     const outerRadius = outerWidth / 2;
     const innerRadius = innerWidth / 2;
-    const t0 = `${outerWidth}px`;
-    const t1 = `${outerWidth}px`;
-    const t2 = `path("M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${2 * innerRadius},0 a${innerRadius},${innerRadius},0,0,1,-${2 * innerRadius},0 Z")`;
-    let t3;
-    if ($[5] !== style || $[6] !== t0 || $[7] !== t1 || $[8] !== t2) {
-        t3 = {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        style: {
             ...style,
-            width: t0,
-            height: t1,
-            clipPath: t2
-        };
-        $[5] = style;
-        $[6] = t0;
-        $[7] = t1;
-        $[8] = t2;
-        $[9] = t3;
-    } else t3 = $[9];
-    let t4;
-    if ($[10] !== ref || $[11] !== rest || $[12] !== t3) {
-        t4 = /*#__PURE__*/ jsx("div", {
-            ref: ref,
-            style: t3,
-            ...rest
-        });
-        $[10] = ref;
-        $[11] = rest;
-        $[12] = t3;
-        $[13] = t4;
-    } else t4 = $[13];
-    return t4;
+            width: `${outerWidth}px`,
+            height: `${outerWidth}px`,
+            clipPath: `path("M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${2 * innerRadius},0 a${innerRadius},${innerRadius},0,0,1,-${2 * innerRadius},0 Z")`
+        },
+        ...rest
+    });
 });
 export { Ring };

package/dist/components/ScrollMask.cjs

@@ -36,118 +36,32 @@ __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 = (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 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 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";
-    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,
+    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`,
             "--scroll-mask-color-from": from,
             "--scroll-mask-color-to": to,
             "--scroll-mask-clip-path": clipPath,
             ...style
-        };
-        $[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", {
+        },
+        ...rest,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             ref: ref,
-            className: t12,
+            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),
             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 === [