deepsea-components 5.18.3 → 5.18.5

package/dist/components/InputFile.js

@@ -1,28 +1,39 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-async function getFileData(file, type) {
+function getFileData(file, type) {
+    if ("file" === type) return Promise.resolve(file);
     const fileReader = new FileReader();
-    switch(type){
-        case "arrayBuffer":
-            fileReader.readAsArrayBuffer(file);
-            break;
-        case "binary":
-            fileReader.readAsBinaryString(file);
-            break;
-        case "base64":
-            fileReader.readAsDataURL(file);
-            break;
-        case "text":
-            fileReader.readAsText(file);
-            break;
-        default:
-            return file;
-    }
-    return new Promise((resolve)=>{
+    return new Promise((resolve, reject)=>{
         fileReader.addEventListener("load", ()=>{
             resolve(fileReader.result);
         });
+        fileReader.addEventListener("error", ()=>{
+            reject(fileReader.error ?? new Error("Failed to read file"));
+        });
+        fileReader.addEventListener("abort", ()=>{
+            reject(fileReader.error ?? new Error("File reading was aborted"));
+        });
+        try {
+            switch(type){
+                case "arrayBuffer":
+                    fileReader.readAsArrayBuffer(file);
+                    break;
+                case "binary":
+                    fileReader.readAsBinaryString(file);
+                    break;
+                case "base64":
+                    fileReader.readAsDataURL(file);
+                    break;
+                case "text":
+                    fileReader.readAsText(file);
+                    break;
+                default:
+                    resolve(file);
+            }
+        } catch (error) {
+            reject(error);
+        }
     });
 }
 function InputFile(props) {

package/dist/components/InputFileButton.cjs

@@ -1,5 +1,5 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -14,7 +14,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -35,17 +35,19 @@ function InputFileButton(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);
+    const isDisabled = disabled || _disabled || __disabled;
     (0, external_react_namespaceObject.useImperativeHandle)(ref, ()=>input.current, [
         input.current
     ]);
     function onClick(e) {
         var _input_current;
-        null == (_input_current = input.current) || _input_current.click();
         null == _onClick || _onClick(e);
+        if (isDisabled || e.defaultPrevented) return;
+        null == (_input_current = input.current) || _input_current.click();
     }
     async function onDrop(e) {
         null == _onDrop || _onDrop(e);
-        if (disabled || !dragFile) return;
+        if (isDisabled || !dragFile) return;
         e.preventDefault();
         const { files } = e.dataTransfer;
         if (!files || 0 === files.length) return;
@@ -80,14 +82,14 @@ function InputFileButton(props) {
     }
     function onDragOver(e) {
         null == _onDragOver || _onDragOver(e);
-        if (disabled || !dragFile) return;
+        if (isDisabled || !dragFile) return;
         e.preventDefault();
     }
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_InputFile_cjs_namespaceObject.InputFile, {
                 ref: input,
-                disabled: disabled || _disabled || __disabled,
+                disabled: isDisabled,
                 style: {
                     display: "none",
                     ...style
@@ -102,7 +104,8 @@ function InputFileButton(props) {
                 ...restInputProps
             }),
             /*#__PURE__*/ (0, external_react_namespaceObject.createElement)(as, {
-                disabled: disabled || _disabled,
+                disabled: isDisabled,
+                type: "button",
                 onClick,
                 onDrop,
                 onDragOver,
@@ -112,9 +115,9 @@ function InputFileButton(props) {
     });
 }
 exports.InputFileButton = __webpack_exports__.InputFileButton;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "InputFileButton"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/InputFileButton.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, createElement, useImperativeHandle, useRef, useState } from "react";
 import { InputFile, getFileData } from "./InputFile.js";
@@ -7,17 +7,19 @@ function InputFileButton(props) {
     const { ref, style, disabled: __disabled, ...restInputProps } = inputProps;
     const [disabled, setDisabled] = useState(false);
     const input = useRef(null);
+    const isDisabled = disabled || _disabled || __disabled;
     useImperativeHandle(ref, ()=>input.current, [
         input.current
     ]);
     function onClick(e) {
         var _input_current;
-        null == (_input_current = input.current) || _input_current.click();
         null == _onClick || _onClick(e);
+        if (isDisabled || e.defaultPrevented) return;
+        null == (_input_current = input.current) || _input_current.click();
     }
     async function onDrop(e) {
         null == _onDrop || _onDrop(e);
-        if (disabled || !dragFile) return;
+        if (isDisabled || !dragFile) return;
         e.preventDefault();
         const { files } = e.dataTransfer;
         if (!files || 0 === files.length) return;
@@ -52,14 +54,14 @@ function InputFileButton(props) {
     }
     function onDragOver(e) {
         null == _onDragOver || _onDragOver(e);
-        if (disabled || !dragFile) return;
+        if (isDisabled || !dragFile) return;
         e.preventDefault();
     }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(InputFile, {
                 ref: input,
-                disabled: disabled || _disabled || __disabled,
+                disabled: isDisabled,
                 style: {
                     display: "none",
                     ...style
@@ -74,7 +76,8 @@ function InputFileButton(props) {
                 ...restInputProps
             }),
             /*#__PURE__*/ createElement(as, {
-                disabled: disabled || _disabled,
+                disabled: isDisabled,
+                type: "button",
                 onClick,
                 onDrop,
                 onDragOver,

package/dist/components/LoopSwiper.cjs

@@ -1,5 +1,5 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -14,7 +14,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -142,9 +142,9 @@ const LoopSwiper = ({ ref, className, classNames: { root: rootClassName, contain
     });
 };
 exports.LoopSwiper = __webpack_exports__.LoopSwiper;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "LoopSwiper"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/LoopSwiper.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { css } from "@emotion/css";

package/dist/components/ReadExcel.cjs

@@ -1,5 +1,5 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -14,7 +14,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -30,9 +30,9 @@ __webpack_require__.d(__webpack_exports__, {
 const external_ReadSheet_cjs_namespaceObject = require("./ReadSheet.cjs");
 const ReadExcel = external_ReadSheet_cjs_namespaceObject.ReadSheet;
 exports.ReadExcel = __webpack_exports__.ReadExcel;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ReadExcel"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/ReadExcel.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { ReadSheet } from "./ReadSheet.js";
 const ReadExcel = ReadSheet;
 export { ReadExcel };

package/dist/components/ReadSheet.cjs

@@ -1,5 +1,5 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -14,7 +14,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -39,9 +39,9 @@ function ReadSheet({ onValueChange, ...rest }) {
     });
 }
 exports.ReadSheet = __webpack_exports__.ReadSheet;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ReadSheet"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/ReadSheet.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { readSheet } from "deepsea-tools";
 import { InputFile } from "./InputFile.js";

package/dist/components/Ring.cjs

@@ -1,5 +1,5 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -14,7 +14,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -45,9 +45,9 @@ const Ring = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props
     });
 });
 exports.Ring = __webpack_exports__.Ring;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Ring"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/Ring.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const Ring = /*#__PURE__*/ forwardRef((props, ref)=>{

package/dist/components/RtspPlayer.cjs

@@ -1,5 +1,5 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -14,7 +14,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -53,7 +53,7 @@ const RtspPlayer = ({ ref, src, user, pass, token, onReaderError, ...rest })=>{
     (0, external_react_namespaceObject.useEffect)(()=>{
         const { current: player } = video;
         if (!player || !src) return;
-        if ("undefined" == typeof RTCPeerConnection || "undefined" == typeof MediaStream) {
+        if ("u" < typeof RTCPeerConnection || "u" < typeof MediaStream) {
             var _onReaderErrorRef_current;
             null == (_onReaderErrorRef_current = onReaderErrorRef.current) || _onReaderErrorRef_current.call(onReaderErrorRef, "RtspPlayer requires WebRTC support in the current browser");
             return;
@@ -105,9 +105,9 @@ const RtspPlayer = ({ ref, src, user, pass, token, onReaderError, ...rest })=>{
     });
 };
 exports.RtspPlayer = __webpack_exports__.RtspPlayer;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "RtspPlayer"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/RtspPlayer.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useImperativeHandle, useRef } from "react";
 import { MediaMTXWebRTCReader } from "./rtspPlayer/reader.js";
@@ -25,7 +25,7 @@ const RtspPlayer = ({ ref, src, user, pass, token, onReaderError, ...rest })=>{
     useEffect(()=>{
         const { current: player } = video;
         if (!player || !src) return;
-        if ("undefined" == typeof RTCPeerConnection || "undefined" == typeof MediaStream) {
+        if ("u" < typeof RTCPeerConnection || "u" < typeof MediaStream) {
             var _onReaderErrorRef_current;
             null == (_onReaderErrorRef_current = onReaderErrorRef.current) || _onReaderErrorRef_current.call(onReaderErrorRef, "RtspPlayer requires WebRTC support in the current browser");
             return;

package/dist/components/Scroll.cjs

@@ -1,25 +1,25 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_modules__ = {
-    "@/utils": function(module) {
+    "@/utils" (module) {
         module.exports = require("../utils/index.cjs");
     },
-    "@emotion/css": function(module) {
+    "@emotion/css" (module) {
         module.exports = require("@emotion/css");
     },
-    "deepsea-tools": function(module) {
+    "deepsea-tools" (module) {
         module.exports = require("deepsea-tools");
     },
-    react: function(module) {
+    react (module) {
         module.exports = require("react");
     },
-    "react/jsx-runtime": function(module) {
+    "react/jsx-runtime" (module) {
         module.exports = require("react/jsx-runtime");
     },
-    "smooth-scrollbar": function(module) {
+    "smooth-scrollbar" (module) {
         module.exports = require("smooth-scrollbar");
     },
-    "smooth-scrollbar/interfaces": function(module) {
+    "smooth-scrollbar/interfaces" (module) {
         module.exports = require("smooth-scrollbar/interfaces");
     }
 };
@@ -55,7 +55,7 @@ function __webpack_require__(moduleId) {
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -68,39 +68,37 @@ var __webpack_exports__ = {};
     __webpack_require__.r(__webpack_exports__);
     __webpack_require__.d(__webpack_exports__, {
         Scroll: ()=>Scroll,
-        Scrollbar: ()=>smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4___default.a
+        Scrollbar: ()=>smooth_scrollbar__rspack_import_4_default.a
     });
-    var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react/jsx-runtime");
-    var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
-    var _emotion_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@emotion/css");
-    var deepsea_tools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("deepsea-tools");
-    var smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("smooth-scrollbar");
-    var smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/ __webpack_require__.n(smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4__);
-    var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("@/utils");
-    var smooth_scrollbar_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("smooth-scrollbar/interfaces");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in smooth_scrollbar_interfaces__WEBPACK_IMPORTED_MODULE_6__)if ([
+    var react_jsx_runtime__rspack_import_0 = __webpack_require__("react/jsx-runtime");
+    var react__rspack_import_1 = __webpack_require__("react");
+    var _emotion_css__rspack_import_2 = __webpack_require__("@emotion/css");
+    var deepsea_tools__rspack_import_3 = __webpack_require__("deepsea-tools");
+    var smooth_scrollbar__rspack_import_4 = __webpack_require__("smooth-scrollbar");
+    var smooth_scrollbar__rspack_import_4_default = /*#__PURE__*/ __webpack_require__.n(smooth_scrollbar__rspack_import_4);
+    var _utils__rspack_import_5 = __webpack_require__("@/utils");
+    var smooth_scrollbar_interfaces__rspack_import_6 = __webpack_require__("smooth-scrollbar/interfaces");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in smooth_scrollbar_interfaces__rspack_import_6)if ([
         "default",
         "Scrollbar",
         "Scroll"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return smooth_scrollbar_interfaces__WEBPACK_IMPORTED_MODULE_6__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>smooth_scrollbar_interfaces__rspack_import_6[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     const Scroll = ({ ref, children, options: { thumbWidth, thumbRadius, thumbColor, trackColor, ...scrollbarOptions } = {}, className, scrollbar, onScrollbar, style, ...rest })=>{
-        const ele = (0, react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-        const bar = (0, react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect)(()=>{
-            bar.current = smooth_scrollbar__WEBPACK_IMPORTED_MODULE_4___default().init(ele.current, scrollbarOptions);
+        const ele = (0, react__rspack_import_1.useRef)(null);
+        const bar = (0, react__rspack_import_1.useRef)(null);
+        (0, react__rspack_import_1.useLayoutEffect)(()=>{
+            bar.current = smooth_scrollbar__rspack_import_4_default().init(ele.current, scrollbarOptions);
             return ()=>{
                 var _bar_current;
                 return null == (_bar_current = bar.current) ? void 0 : _bar_current.destroy();
             };
         }, []);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(ref, ()=>ele.current, []);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(scrollbar, ()=>bar.current, []);
-        const onScrollbarListener = (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffectEvent)(onScrollbar ?? (()=>void 0));
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        (0, react__rspack_import_1.useImperativeHandle)(ref, ()=>ele.current, []);
+        (0, react__rspack_import_1.useImperativeHandle)(scrollbar, ()=>bar.current, []);
+        const onScrollbarListener = (0, react__rspack_import_1.useEffectEvent)(onScrollbar ?? (()=>void 0));
+        (0, react__rspack_import_1.useEffect)(()=>{
             var _bar_current;
             null == (_bar_current = bar.current) || _bar_current.addListener(onScrollbarListener);
             return ()=>{
@@ -108,7 +106,7 @@ var __webpack_exports__ = {};
                 return null == (_bar_current = bar.current) ? void 0 : _bar_current.removeListener(onScrollbarListener);
             };
         }, []);
-        const style2 = (0, _emotion_css__WEBPACK_IMPORTED_MODULE_2__.css)`
+        const style2 = (0, _emotion_css__rspack_import_2.css)`
         .scrollbar-track.scrollbar-track-x {
             ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""}
             ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
@@ -131,12 +129,12 @@ var __webpack_exports__ = {};
             ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
         }
     `;
-        return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+        return /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)("div", {
             ref: ele,
-            className: (0, deepsea_tools__WEBPACK_IMPORTED_MODULE_3__.clsx)(style2, className),
-            style: (0, _utils__WEBPACK_IMPORTED_MODULE_5__.transformCSSVariable)({
-                thumbWidth: (0, _utils__WEBPACK_IMPORTED_MODULE_5__.px)(thumbWidth),
-                thumbRadius: (0, _utils__WEBPACK_IMPORTED_MODULE_5__.px)(thumbRadius),
+            className: (0, deepsea_tools__rspack_import_3.clsx)(style2, className),
+            style: (0, _utils__rspack_import_5.transformCSSVariable)({
+                thumbWidth: (0, _utils__rspack_import_5.px)(thumbWidth),
+                thumbRadius: (0, _utils__rspack_import_5.px)(thumbRadius),
                 thumbColor,
                 trackColor
             }, style),
@@ -147,10 +145,10 @@ var __webpack_exports__ = {};
 })();
 exports.Scroll = __webpack_exports__.Scroll;
 exports.Scrollbar = __webpack_exports__.Scrollbar;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Scroll",
     "Scrollbar"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/Scroll.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useEffectEvent, useImperativeHandle, useLayoutEffect, useRef } from "react";
 import { css } from "@emotion/css";

package/dist/components/ScrollMask.cjs

@@ -22,7 +22,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -64,9 +64,9 @@ const ScrollMask = ({ className, style, position = "top", size = 8, from = "rgba
     });
 };
 exports.ScrollMask = __webpack_exports__.ScrollMask;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ScrollMask"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/ScrollMask.module.cjs

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -50,9 +50,9 @@ const ScrollMask_module = {
     rightScrollMaskContent: "right-scroll-mask-content-mbgCn_"
 };
 exports["default"] = __webpack_exports__["default"];
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "default"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/ScrollMask.module.js

@@ -21,4 +21,4 @@ const ScrollMask_module = {
     "right-scroll-mask-content": "right-scroll-mask-content-mbgCn_",
     rightScrollMaskContent: "right-scroll-mask-content-mbgCn_"
 };
-export { ScrollMask_module as default };
+export default ScrollMask_module;

package/dist/components/ScrollMask_module.css

@@ -11,7 +11,9 @@
 }
 
 .scroll-mask-content-ThVLaU {
-  background-image: linear-gradient(to var(--scroll-mask-direction), var(--scroll-mask-color-from, #0000001a), var(--scroll-mask-color-to, #0000));
+  background-image: linear-gradient(to var(--scroll-mask-direction),
+        var(--scroll-mask-color-from, #0000001a),
+        var(--scroll-mask-color-to, #0000));
   clip-path: var(--scroll-mask-clip-path, none);
   position: absolute;
 }

package/dist/components/SectionRing.cjs

@@ -1,5 +1,5 @@
-"use client"
 "use strict";
+"use client";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
@@ -14,7 +14,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -51,9 +51,9 @@ const SectionRing = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
     });
 });
 exports.SectionRing = __webpack_exports__.SectionRing;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "SectionRing"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/components/SectionRing.js

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { drawArc } from "deepsea-tools";