deepsea-components 5.16.4 → 5.16.5

package/dist/components/HlsPlayer.js

@@ -1,32 +1,73 @@
 "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 { src, ...rest } = props;
+    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 video = useRef(null);
-    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
-    });
+    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;
 });
 export { HlsPlayer };

package/dist/components/IconFileType.cjs

@@ -31,14 +31,24 @@ __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)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
-        viewBox: `${-(FileTypeSize / 2)} ${-(FileTypeSize / 2)} ${FileTypeSize} ${FileTypeSize}`,
-        ...props
-    });
+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 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,12 +1,22 @@
 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)=>/*#__PURE__*/ jsx("svg", {
-        viewBox: `${-(FileTypeSize / 2)} ${-(FileTypeSize / 2)} ${FileTypeSize} ${FileTypeSize}`,
-        ...props
-    });
+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 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,14 +42,15 @@ 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, wrapperSize) {
-        return withEqual ? containerSize + (withGap ? gap : 0) >= wrapperSize : containerSize + (withGap ? gap : 0) > wrapperSize;
+    function bigger(containerSize_0, wrapperSize_0) {
+        return withEqual ? containerSize_0 + (withGap ? gap : 0) >= wrapperSize_0 : containerSize_0 + (withGap ? gap : 0) > wrapperSize_0;
     }
     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);
     (0, external_react_namespaceObject.useEffect)(()=>{
+        var _ele_current;
         if (!wrapperSize || !containerSize || !overflow) return;
-        animation.current = ele.current?.animate({
+        animation.current = null == (_ele_current = ele.current) ? void 0 : _ele_current.animate({
             transform: "vertical" === direction ? [
                 "translateY(0)",
                 `translateY(-${containerSize.height + gap}px)`
@@ -61,7 +62,10 @@ const InfiniteScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardR
             duration,
             iterations: 1 / 0
         });
-        return ()=>animation.current?.cancel();
+        return ()=>{
+            var _animation_current;
+            return null == (_animation_current = animation.current) ? void 0 : _animation_current.cancel();
+        };
     }, [
         wrapperSize,
         containerSize,
@@ -70,15 +74,18 @@ const InfiniteScroll = /*#__PURE__*/ (0, external_react_namespaceObject.forwardR
         duration
     ]);
     function enter(e) {
-        if (pauseOnHover) animation.current?.pause();
-        onMouseEnter?.(e);
+        var _animation_current;
+        if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.pause();
+        null == onMouseEnter || onMouseEnter(e);
     }
-    function leave(e) {
-        if (pauseOnHover) animation.current?.play();
-        onMouseLeave?.(e);
+    function leave(e_0) {
+        var _animation_current;
+        if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.play();
+        null == onMouseLeave || onMouseLeave(e_0);
     }
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!pauseOnHover && animation.current?.playState === "paused") animation.current?.play();
+        var _animation_current, _animation_current1;
+        if (!pauseOnHover && (null == (_animation_current = animation.current) ? void 0 : _animation_current.playState) === "paused") null == (_animation_current1 = animation.current) || _animation_current1.play();
     }, [
         animation.current,
         pauseOnHover

package/dist/components/InfiniteScroll.js

@@ -14,14 +14,15 @@ const InfiniteScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
     ]);
     const container = useRef(null);
     const containerSize = useSize(container);
-    function bigger(containerSize, wrapperSize) {
-        return withEqual ? containerSize + (withGap ? gap : 0) >= wrapperSize : containerSize + (withGap ? gap : 0) > wrapperSize;
+    function bigger(containerSize_0, wrapperSize_0) {
+        return withEqual ? containerSize_0 + (withGap ? gap : 0) >= wrapperSize_0 : containerSize_0 + (withGap ? gap : 0) > wrapperSize_0;
     }
     const overflow = wrapperSize && containerSize ? "vertical" === direction ? bigger(containerSize.height, wrapperSize.height) : bigger(containerSize.width, wrapperSize.width) : false;
     const animation = useRef(void 0);
     useEffect(()=>{
+        var _ele_current;
         if (!wrapperSize || !containerSize || !overflow) return;
-        animation.current = ele.current?.animate({
+        animation.current = null == (_ele_current = ele.current) ? void 0 : _ele_current.animate({
             transform: "vertical" === direction ? [
                 "translateY(0)",
                 `translateY(-${containerSize.height + gap}px)`
@@ -33,7 +34,10 @@ const InfiniteScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
             duration,
             iterations: 1 / 0
         });
-        return ()=>animation.current?.cancel();
+        return ()=>{
+            var _animation_current;
+            return null == (_animation_current = animation.current) ? void 0 : _animation_current.cancel();
+        };
     }, [
         wrapperSize,
         containerSize,
@@ -42,15 +46,18 @@ const InfiniteScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
         duration
     ]);
     function enter(e) {
-        if (pauseOnHover) animation.current?.pause();
-        onMouseEnter?.(e);
+        var _animation_current;
+        if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.pause();
+        null == onMouseEnter || onMouseEnter(e);
     }
-    function leave(e) {
-        if (pauseOnHover) animation.current?.play();
-        onMouseLeave?.(e);
+    function leave(e_0) {
+        var _animation_current;
+        if (pauseOnHover) null == (_animation_current = animation.current) || _animation_current.play();
+        null == onMouseLeave || onMouseLeave(e_0);
     }
     useEffect(()=>{
-        if (!pauseOnHover && animation.current?.playState === "paused") animation.current?.play();
+        var _animation_current, _animation_current1;
+        if (!pauseOnHover && (null == (_animation_current = animation.current) ? void 0 : _animation_current.playState) === "paused") null == (_animation_current1 = animation.current) || _animation_current1.play();
     }, [
         animation.current,
         pauseOnHover

package/dist/components/InputFile.cjs

@@ -58,7 +58,7 @@ function InputFile(props) {
     const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
     const [disabled, setDisabled] = (0, external_react_namespaceObject.useState)(false);
     async function onChange(e) {
-        _onChange?.(e);
+        null == _onChange || _onChange(e);
         const input = e.target;
         const { files } = input;
         if (!files || 0 === files.length) return;
@@ -71,12 +71,12 @@ function InputFile(props) {
                     const value = await getFileData(file, type);
                     values.push(value);
                 }
-                onFileChange?.(files2);
-                onValueChange?.(values);
+                null == onFileChange || onFileChange(files2);
+                null == onValueChange || onValueChange(values);
             } else {
                 const file = files[0];
-                onFileChange?.(file);
-                onValueChange?.(await getFileData(file, type));
+                null == onFileChange || onFileChange(file);
+                null == onValueChange || onValueChange(await getFileData(file, type));
             }
         } finally{
             if (clearAfterChange) input.value = "";

package/dist/components/InputFile.js

@@ -29,7 +29,7 @@ function InputFile(props) {
     const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
     const [disabled, setDisabled] = useState(false);
     async function onChange(e) {
-        _onChange?.(e);
+        null == _onChange || _onChange(e);
         const input = e.target;
         const { files } = input;
         if (!files || 0 === files.length) return;
@@ -42,12 +42,12 @@ function InputFile(props) {
                     const value = await getFileData(file, type);
                     values.push(value);
                 }
-                onFileChange?.(files2);
-                onValueChange?.(values);
+                null == onFileChange || onFileChange(files2);
+                null == onValueChange || onValueChange(values);
             } else {
                 const file = files[0];
-                onFileChange?.(file);
-                onValueChange?.(await getFileData(file, type));
+                null == onFileChange || onFileChange(file);
+                null == onValueChange || onValueChange(await getFileData(file, type));
             }
         } finally{
             if (clearAfterChange) input.value = "";

package/dist/components/InputFileButton.cjs

@@ -39,14 +39,15 @@ function InputFileButton(props) {
         input.current
     ]);
     function onClick(e) {
-        input.current?.click();
-        _onClick?.(e);
+        var _input_current;
+        null == (_input_current = input.current) || _input_current.click();
+        null == _onClick || _onClick(e);
     }
-    async function onDrop(e) {
-        _onDrop?.(e);
+    async function onDrop(e_0) {
+        null == _onDrop || _onDrop(e_0);
         if (disabled || !dragFile) return;
-        e.preventDefault();
-        const { files } = e.dataTransfer;
+        e_0.preventDefault();
+        const { files } = e_0.dataTransfer;
         if (!files || 0 === files.length) return;
         setDisabled(true);
         try {
@@ -57,21 +58,21 @@ function InputFileButton(props) {
                     const value = await (0, external_InputFile_cjs_namespaceObject.getFileData)(file, type);
                     values.push(value);
                 }
-                onFileChange?.(files2);
-                onValueChange?.(values);
+                null == onFileChange || onFileChange(files2);
+                null == onValueChange || onValueChange(values);
             } else {
                 const file = files[0];
-                onFileChange?.(file);
-                onValueChange?.(await (0, external_InputFile_cjs_namespaceObject.getFileData)(file, type));
+                null == onFileChange || onFileChange(file);
+                null == onValueChange || onValueChange(await (0, external_InputFile_cjs_namespaceObject.getFileData)(file, type));
             }
         } finally{
             setDisabled(false);
         }
     }
-    function onDragOver(e) {
-        _onDragOver?.(e);
+    function onDragOver(e_1) {
+        null == _onDragOver || _onDragOver(e_1);
         if (disabled || !dragFile) return;
-        e.preventDefault();
+        e_1.preventDefault();
     }
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
         children: [

package/dist/components/InputFileButton.js

@@ -11,14 +11,15 @@ function InputFileButton(props) {
         input.current
     ]);
     function onClick(e) {
-        input.current?.click();
-        _onClick?.(e);
+        var _input_current;
+        null == (_input_current = input.current) || _input_current.click();
+        null == _onClick || _onClick(e);
     }
-    async function onDrop(e) {
-        _onDrop?.(e);
+    async function onDrop(e_0) {
+        null == _onDrop || _onDrop(e_0);
         if (disabled || !dragFile) return;
-        e.preventDefault();
-        const { files } = e.dataTransfer;
+        e_0.preventDefault();
+        const { files } = e_0.dataTransfer;
         if (!files || 0 === files.length) return;
         setDisabled(true);
         try {
@@ -29,21 +30,21 @@ function InputFileButton(props) {
                     const value = await getFileData(file, type);
                     values.push(value);
                 }
-                onFileChange?.(files2);
-                onValueChange?.(values);
+                null == onFileChange || onFileChange(files2);
+                null == onValueChange || onValueChange(values);
             } else {
                 const file = files[0];
-                onFileChange?.(file);
-                onValueChange?.(await getFileData(file, type));
+                null == onFileChange || onFileChange(file);
+                null == onValueChange || onValueChange(await getFileData(file, type));
             }
         } finally{
             setDisabled(false);
         }
     }
-    function onDragOver(e) {
-        _onDragOver?.(e);
+    function onDragOver(e_1) {
+        null == _onDragOver || _onDragOver(e_1);
         if (disabled || !dragFile) return;
-        e.preventDefault();
+        e_1.preventDefault();
     }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [

package/dist/components/ReadSheet.cjs

@@ -28,16 +28,41 @@ __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 { onValueChange, ...rest } = props;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_InputFile_cjs_namespaceObject.InputFile, {
-        accept: ".xlsx",
-        type: "arrayBuffer",
-        onValueChange: (data)=>onValueChange?.((0, external_deepsea_tools_namespaceObject.readSheet)(data)),
-        ...rest
-    });
+    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;
 };
 exports.ReadSheet = __webpack_exports__.ReadSheet;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ReadSheet.js

@@ -1,14 +1,39 @@
 "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 { onValueChange, ...rest } = props;
-    return /*#__PURE__*/ jsx(InputFile, {
-        accept: ".xlsx",
-        type: "arrayBuffer",
-        onValueChange: (data)=>onValueChange?.(readSheet(data)),
-        ...rest
-    });
+    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;
 };
 export { ReadSheet };

package/dist/components/Ring.cjs

@@ -28,21 +28,59 @@ __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 { outerWidth, innerWidth, style, ...rest } = props;
+    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 outerRadius = outerWidth / 2;
     const innerRadius = innerWidth / 2;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        style: {
+    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 = {
             ...style,
-            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
-    });
+            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;
 });
 exports.Ring = __webpack_exports__.Ring;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/Ring.js

@@ -1,19 +1,57 @@
 "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 { outerWidth, innerWidth, style, ...rest } = props;
+    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 outerRadius = outerWidth / 2;
     const innerRadius = innerWidth / 2;
-    return /*#__PURE__*/ jsx("div", {
-        ref: ref,
-        style: {
+    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 = {
             ...style,
-            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
-    });
+            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;
 });
 export { Ring };