deepsea-components 5.16.15 → 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/InputFile.cjs

@@ -55,7 +55,7 @@ async function getFileData(file, type) {
     });
 }
 function InputFile(props) {
-    const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
+    const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, onDataChange, ...rest } = props;
     const [disabled, setDisabled] = (0, external_react_namespaceObject.useState)(false);
     async function onChange(e) {
         null == _onChange || _onChange(e);
@@ -73,10 +73,19 @@ function InputFile(props) {
                 }
                 null == onFileChange || onFileChange(files2);
                 null == onValueChange || onValueChange(values);
+                null == onDataChange || onDataChange(files2.map((file, index)=>({
+                        file,
+                        value: values[index]
+                    })));
             } else {
                 const file = files[0];
                 null == onFileChange || onFileChange(file);
-                null == onValueChange || onValueChange(await getFileData(file, type));
+                const value = await getFileData(file, type);
+                null == onValueChange || onValueChange(value);
+                null == onDataChange || onDataChange({
+                    file,
+                    value
+                });
             }
         } finally{
             if (clearAfterChange) input.value = "";

package/dist/components/InputFile.d.ts

@@ -12,11 +12,19 @@ export interface InputFileBaseProps extends Omit<ComponentProps<"input">, "multi
 }
 export type FileType<Multiple extends boolean> = Multiple extends true ? File[] : File;
 export type ValueType<Multiple extends boolean, Type extends InputFileDataType> = Multiple extends true ? InputFileDataTypeMap[Type][] : InputFileDataTypeMap[Type];
+export type DataType<Multiple extends boolean, Type extends InputFileDataType> = Multiple extends true ? {
+    file: File;
+    value: InputFileDataTypeMap[Type];
+}[] : {
+    file: File;
+    value: InputFileDataTypeMap[Type];
+};
 export interface InputFileExtraProps<Multiple extends boolean = false, Type extends InputFileDataType = "file"> {
     multiple?: Multiple;
     type?: Type;
     onValueChange?: (data: ValueType<Multiple, Type>) => void;
     onFileChange?: (data: FileType<Multiple>) => void;
+    onDataChange?: (data: DataType<Multiple, Type>) => void;
     /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */
     clearAfterChange?: boolean;
 }

package/dist/components/InputFile.js

@@ -26,7 +26,7 @@ async function getFileData(file, type) {
     });
 }
 function InputFile(props) {
-    const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
+    const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, onDataChange, ...rest } = props;
     const [disabled, setDisabled] = useState(false);
     async function onChange(e) {
         null == _onChange || _onChange(e);
@@ -44,10 +44,19 @@ function InputFile(props) {
                 }
                 null == onFileChange || onFileChange(files2);
                 null == onValueChange || onValueChange(values);
+                null == onDataChange || onDataChange(files2.map((file, index)=>({
+                        file,
+                        value: values[index]
+                    })));
             } else {
                 const file = files[0];
                 null == onFileChange || onFileChange(file);
-                null == onValueChange || onValueChange(await getFileData(file, type));
+                const value = await getFileData(file, type);
+                null == onValueChange || onValueChange(value);
+                null == onDataChange || onDataChange({
+                    file,
+                    value
+                });
             }
         } finally{
             if (clearAfterChange) input.value = "";

package/dist/components/InputFileButton.cjs

@@ -31,7 +31,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const external_InputFile_cjs_namespaceObject = require("./InputFile.cjs");
 function InputFileButton(props) {
-    const { as = "button", onClick: _onClick, inputProps = {}, accept, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, type = "file", multiple, onValueChange, onFileChange, clearAfterChange, ...rest } = props;
+    const { as = "button", onClick: _onClick, inputProps = {}, accept, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, type = "file", multiple, onValueChange, onFileChange, onDataChange, clearAfterChange, ...rest } = props;
     const { ref, style, disabled: __disabled, ...restInputProps } = inputProps;
     const [disabled, setDisabled] = (0, external_react_namespaceObject.useState)(false);
     const input = (0, external_react_namespaceObject.useRef)(null);
@@ -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 {
@@ -60,19 +60,28 @@ function InputFileButton(props) {
                 }
                 null == onFileChange || onFileChange(files2);
                 null == onValueChange || onValueChange(values);
+                null == onDataChange || onDataChange(files2.map((file, index)=>({
+                        file,
+                        value: values[index]
+                    })));
             } else {
                 const file = files[0];
                 null == onFileChange || onFileChange(file);
-                null == onValueChange || onValueChange(await (0, external_InputFile_cjs_namespaceObject.getFileData)(file, type));
+                const value = await (0, external_InputFile_cjs_namespaceObject.getFileData)(file, type);
+                null == onValueChange || onValueChange(value);
+                null == onDataChange || onDataChange({
+                    file,
+                    value
+                });
             }
         } finally{
             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

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, createElement, useImperativeHandle, useRef, useState } from "react";
 import { InputFile, getFileData } from "./InputFile.js";
 function InputFileButton(props) {
-    const { as = "button", onClick: _onClick, inputProps = {}, accept, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, type = "file", multiple, onValueChange, onFileChange, clearAfterChange, ...rest } = props;
+    const { as = "button", onClick: _onClick, inputProps = {}, accept, onDrop: _onDrop, onDragOver: _onDragOver, dragFile, disabled: _disabled, type = "file", multiple, onValueChange, onFileChange, onDataChange, clearAfterChange, ...rest } = props;
     const { ref, style, disabled: __disabled, ...restInputProps } = inputProps;
     const [disabled, setDisabled] = useState(false);
     const input = useRef(null);
@@ -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 {
@@ -32,19 +32,28 @@ function InputFileButton(props) {
                 }
                 null == onFileChange || onFileChange(files2);
                 null == onValueChange || onValueChange(values);
+                null == onDataChange || onDataChange(files2.map((file, index)=>({
+                        file,
+                        value: values[index]
+                    })));
             } else {
                 const file = files[0];
                 null == onFileChange || onFileChange(file);
-                null == onValueChange || onValueChange(await getFileData(file, type));
+                const value = await getFileData(file, type);
+                null == onValueChange || onValueChange(value);
+                null == onDataChange || onDataChange({
+                    file,
+                    value
+                });
             }
         } finally{
             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 };