deepsea-components 5.15.23 → 5.15.24

package/dist/components/IconFileType.js

@@ -1,16 +1,16 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-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, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+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;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+    return /*#__PURE__*/ jsx("path", {
         d: `M ${-(pageWidth / 2 - radius)} ${-(FileTypeSize / 2)}
 L ${pageWidth * GOLD - pageWidth / 2} ${-(FileTypeSize / 2)}
 L ${pageWidth / 2} ${-(FileTypeSize / 2 - pageWidth * (1 - GOLD))}
@@ -26,14 +26,14 @@ Z
         ...rest
     });
 };
-const IconFileTypeDogEar = ({ pageWidth, dogEarColor = "rgba(0, 0, 0, 0.25)", dogEarSize = pageWidth * (1 - GOLD), ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+const IconFileTypeDogEar = ({ pageWidth, dogEarColor = "rgba(0, 0, 0, 0.25)", dogEarSize = pageWidth * (1 - GOLD), ...rest })=>/*#__PURE__*/ jsx("path", {
         d: `M ${pageWidth / 2 - dogEarSize} ${-(FileTypeSize / 2)}
 L ${pageWidth / 2} ${-(FileTypeSize / 2 - dogEarSize)}
 L ${pageWidth / 2 - dogEarSize} ${-(FileTypeSize / 2 - dogEarSize)}`,
         fill: dogEarColor,
         ...rest
     });
-const IconFileTypeText = ({ textColor = "#ffffff", textFontSize = 0.25 * FileTypeSize, textFontWeight = "bold", textFontFamily, textX = 0, textY = 0.25 * FileTypeSize, ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("text", {
+const IconFileTypeText = ({ textColor = "#ffffff", textFontSize = 0.25 * FileTypeSize, textFontWeight = "bold", textFontFamily, textX = 0, textY = 0.25 * FileTypeSize, ...rest })=>/*#__PURE__*/ jsx("text", {
         textAnchor: "middle",
         fill: textColor,
         x: textX,
@@ -43,20 +43,20 @@ const IconFileTypeText = ({ textColor = "#ffffff", textFontSize = 0.25 * FileTyp
         fontFamily: textFontFamily,
         ...rest
     });
-const IconFileType = ({ pageColor, pageWidth = 0.75 * FileTypeSize, pageBessel, dogEarColor, dogEarSize, textColor, textFontSize, textFontWeight, textFontFamily, textX, textY, children, ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(IconFileTypeBase, {
+const IconFileType = ({ pageColor, pageWidth = 0.75 * FileTypeSize, pageBessel, dogEarColor, dogEarSize, textColor, textFontSize, textFontWeight, textFontFamily, textX, textY, children, ...rest })=>/*#__PURE__*/ jsxs(IconFileTypeBase, {
         ...rest,
         children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconFileTypePage, {
+            /*#__PURE__*/ jsx(IconFileTypePage, {
                 pageColor: pageColor,
                 pageWidth: pageWidth,
                 pageBessel: pageBessel
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconFileTypeDogEar, {
+            /*#__PURE__*/ jsx(IconFileTypeDogEar, {
                 pageWidth: pageWidth,
                 dogEarColor: dogEarColor,
                 dogEarSize: dogEarSize
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconFileTypeText, {
+            /*#__PURE__*/ jsx(IconFileTypeText, {
                 textColor: textColor,
                 textFontSize: textFontSize,
                 textFontWeight: textFontWeight,

package/dist/components/InfiniteScroll.js

@@ -1,25 +1,25 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
-const InfiniteScroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+import { jsx, jsxs } from "react/jsx-runtime";
+import { css } from "@emotion/css";
+import { clsx } from "deepsea-tools";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { useSize } from "soda-hooks";
+const InfiniteScroll = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { className, direction = "vertical", children, containerClassName, containerStyle, gap = 0, duration, withGap, withEqual, pauseOnHover, onMouseEnter, onMouseLeave, ...rest } = props;
-    const wrapper = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const wrapperSize = (0, __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__.useSize)(wrapper);
-    const ele = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>wrapper.current, [
+    const wrapper = useRef(null);
+    const wrapperSize = useSize(wrapper);
+    const ele = useRef(null);
+    useImperativeHandle(ref, ()=>wrapper.current, [
         wrapper.current
     ]);
-    const container = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const containerSize = (0, __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__.useSize)(container);
+    const container = useRef(null);
+    const containerSize = useSize(container);
     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, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(void 0);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const animation = useRef(void 0);
+    useEffect(()=>{
         if (!wrapperSize || !containerSize || !overflow) return;
         animation.current = ele.current?.animate({
             transform: "vertical" === direction ? [
@@ -49,22 +49,22 @@ const InfiniteScroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwa
         if (pauseOnHover) animation.current?.play();
         onMouseLeave?.(e);
     }
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if (!pauseOnHover && animation.current?.playState === "paused") animation.current?.play();
     }, [
         animation.current,
         pauseOnHover
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return /*#__PURE__*/ jsx("div", {
         ref: wrapper,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+        className: clsx(css`
                     position: relative;
                     ${"vertical" === direction ? "overflow-y: hidden;" : "overflow-x: hidden;"}
                 `, className),
         onMouseEnter: enter,
         onMouseLeave: leave,
         ...rest,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        children: /*#__PURE__*/ jsxs("div", {
             ref: ele,
             style: {
                 position: "absolute",
@@ -72,9 +72,9 @@ const InfiniteScroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwa
                 height: "horizontal" === direction ? "100%" : containerSize && (overflow ? 2 * containerSize.height + gap : containerSize.width)
             },
             children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                /*#__PURE__*/ jsx("div", {
                     ref: container,
-                    className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+                    className: clsx(css`
                             position: absolute;
                             left: 0;
                             top: 0;
@@ -83,9 +83,9 @@ const InfiniteScroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwa
                     style: containerStyle,
                     children: children
                 }),
-                overflow && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                overflow && /*#__PURE__*/ jsx("div", {
                     ref: container,
-                    className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+                    className: clsx(css`
                                 position: absolute;
                                 right: 0;
                                 bottom: 0;

package/dist/components/InputFile.js

@@ -1,6 +1,6 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
 async function getFileData(file, type) {
     const fileReader = new FileReader();
     switch(type){
@@ -27,7 +27,7 @@ async function getFileData(file, type) {
 }
 function InputFile(props) {
     const { multiple = false, type = "file", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props;
-    const [disabled, setDisabled] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [disabled, setDisabled] = useState(false);
     async function onChange(e) {
         _onChange?.(e);
         const input = e.target;
@@ -54,7 +54,7 @@ function InputFile(props) {
             setDisabled(false);
         }
     }
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("input", {
+    return /*#__PURE__*/ jsx("input", {
         disabled: disabled || _disabled,
         type: "file",
         multiple: multiple,

package/dist/components/InputFileButton.js

@@ -1,13 +1,13 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE__InputFile_js_ee583621__ from "./InputFile.js";
+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 { ref, style, disabled: __disabled, ...restInputProps } = inputProps;
-    const [disabled, setDisabled] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    const input = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>input.current, [
+    const [disabled, setDisabled] = useState(false);
+    const input = useRef(null);
+    useImperativeHandle(ref, ()=>input.current, [
         input.current
     ]);
     function onClick(e) {
@@ -26,7 +26,7 @@ function InputFileButton(props) {
                 const files2 = Array.from(files);
                 const values = [];
                 for (const file of files2){
-                    const value = await (0, __WEBPACK_EXTERNAL_MODULE__InputFile_js_ee583621__.getFileData)(file, type);
+                    const value = await getFileData(file, type);
                     values.push(value);
                 }
                 onFileChange?.(files2);
@@ -34,7 +34,7 @@ function InputFileButton(props) {
             } else {
                 const file = files[0];
                 onFileChange?.(file);
-                onValueChange?.(await (0, __WEBPACK_EXTERNAL_MODULE__InputFile_js_ee583621__.getFileData)(file, type));
+                onValueChange?.(await getFileData(file, type));
             }
         } finally{
             setDisabled(false);
@@ -45,9 +45,9 @@ function InputFileButton(props) {
         if (disabled || !dragFile) return;
         e.preventDefault();
     }
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+    return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__InputFile_js_ee583621__.InputFile, {
+            /*#__PURE__*/ jsx(InputFile, {
                 ref: input,
                 disabled: disabled || _disabled || __disabled,
                 style: {
@@ -62,7 +62,7 @@ function InputFileButton(props) {
                 clearAfterChange: clearAfterChange,
                 ...restInputProps
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createElement)(as, {
+            /*#__PURE__*/ createElement(as, {
                 disabled: disabled || _disabled,
                 onClick,
                 onDrop,

package/dist/components/LoopSwiper.js

@@ -1,22 +1,22 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const LoopSwiper = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+import { jsx, jsxs } from "react/jsx-runtime";
+import { css } from "@emotion/css";
+import { clsx } from "deepsea-tools";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+const LoopSwiper = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { className, style, children, direction, period, reverse, gap, ...rest } = props;
-    const wrapper = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const container = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const [swiper, setSwiper] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    const directionRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(direction);
+    const wrapper = useRef(null);
+    const container = useRef(null);
+    const [swiper, setSwiper] = useState(false);
+    const directionRef = useRef(direction);
     directionRef.current = direction;
     const flexDirection = "vertical" === direction ? reverse ? "column-reverse" : "column" : reverse ? "row-reverse" : "row";
     const animationName = swiper ? "vertical" === direction ? reverse ? "deepsea-reverse-vertical-loop-swipe" : "deepsea-vertical-loop-swipe" : reverse ? "deepsea-reverse-horizontal-loop-swipe" : "deepsea-horizontal-loop-swipe" : "none";
     const animationDuration = `${period}ms`;
     const animationTimingFunction = "linear";
     const animationIterationCount = "infinite";
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>wrapper.current, []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useImperativeHandle(ref, ()=>wrapper.current, []);
+    useEffect(()=>{
         const wrapperEle = wrapper.current;
         const containerEle = container.current;
         let wrapperWidth = 0;
@@ -38,9 +38,9 @@ const LoopSwiper = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRe
         observer.observe(wrapperEle);
         observer.observe(containerEle);
     }, []);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+    return /*#__PURE__*/ jsxs("div", {
         ref: wrapper,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+        className: clsx(css`
                     @keyframes deepsea-horizontal-loop-swipe {
                         from {
                             transform: translateX(0);
@@ -82,7 +82,7 @@ const LoopSwiper = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRe
         },
         ...rest,
         children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            /*#__PURE__*/ jsx("div", {
                 ref: container,
                 style: {
                     display: "flex",
@@ -95,7 +95,7 @@ const LoopSwiper = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRe
                 },
                 children: children
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            /*#__PURE__*/ jsx("div", {
                 style: {
                     display: swiper ? "flex" : "none",
                     flexDirection,

package/dist/components/ReadExcel.js

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

package/dist/components/ReadSheet.js

@@ -1,13 +1,13 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE__InputFile_js_ee583621__ from "./InputFile.js";
+import { jsx } from "react/jsx-runtime";
+import { readSheet } from "deepsea-tools";
+import { InputFile } from "./InputFile.js";
 const ReadSheet = (props)=>{
     const { onValueChange, ...rest } = props;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__InputFile_js_ee583621__.InputFile, {
+    return /*#__PURE__*/ jsx(InputFile, {
         accept: ".xlsx",
         type: "arrayBuffer",
-        onValueChange: (data)=>onValueChange?.((0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.readSheet)(data)),
+        onValueChange: (data)=>onValueChange?.(readSheet(data)),
         ...rest
     });
 };

package/dist/components/Ring.js

@@ -1,11 +1,11 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const Ring = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const Ring = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { outerWidth, innerWidth, style, ...rest } = props;
     const outerRadius = outerWidth / 2;
     const innerRadius = innerWidth / 2;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return /*#__PURE__*/ jsx("div", {
         ref: ref,
         style: {
             ...style,

package/dist/components/Scroll.cjs

@@ -80,9 +80,9 @@ var __webpack_exports__ = {};
     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 ([
-        "Scroll",
         "default",
-        "Scrollbar"
+        "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__);

package/dist/components/Scroll.js

@@ -1,32 +1,32 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_smooth_scrollbar_80cf4563__ from "smooth-scrollbar";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__ from "../utils/index.js";
+import { jsx } from "react/jsx-runtime";
+import { css } from "@emotion/css";
+import { clsx } from "deepsea-tools";
+import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from "react";
+import smooth_scrollbar from "smooth-scrollbar";
+import { px, transformCSSVariable } from "../utils/index.js";
 export * from "smooth-scrollbar/interfaces";
-const Scroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+const Scroll = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { children, options, className, style, scrollbar, onScrollbar, ...rest } = props;
     const { thumbWidth, thumbRadius, thumbColor, trackColor, ...scrollbarOptions } = options || {};
-    const ele = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const bar = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
-        bar.current = __WEBPACK_EXTERNAL_MODULE_smooth_scrollbar_80cf4563__["default"].init(ele.current, scrollbarOptions);
+    const ele = useRef(null);
+    const bar = useRef(null);
+    useLayoutEffect(()=>{
+        bar.current = smooth_scrollbar.init(ele.current, scrollbarOptions);
         return ()=>bar.current?.destroy();
     }, []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>ele.current, []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(scrollbar, ()=>bar.current, []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useImperativeHandle(ref, ()=>ele.current, []);
+    useImperativeHandle(scrollbar, ()=>bar.current, []);
+    useEffect(()=>{
         if (!onScrollbar) return;
         bar.current?.addListener(onScrollbar);
         return ()=>bar.current?.removeListener(onScrollbar);
     }, [
         onScrollbar
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return /*#__PURE__*/ jsx("div", {
         ref: ele,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+        className: clsx(css`
                     .scrollbar-track.scrollbar-track-x {
                         ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
                     }
@@ -40,9 +40,9 @@ const Scroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((
                         ${void 0 !== thumbWidth ? "width: var(--thumb-width);" : ""} ${void 0 !== thumbRadius ? "border-radius: var(--thumb-radius);" : ""} ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
                     }
                 `, className),
-        style: (0, __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__.transformCSSVariable)({
-            thumbWidth: (0, __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__.px)(thumbWidth),
-            thumbRadius: (0, __WEBPACK_EXTERNAL_MODULE__utils_index_js_6619c453__.px)(thumbRadius),
+        style: transformCSSVariable({
+            thumbWidth: px(thumbWidth),
+            thumbRadius: px(thumbRadius),
             thumbColor,
             trackColor
         }, style),
@@ -50,5 +50,4 @@ const Scroll = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((
         children: children
     });
 });
-var __webpack_exports__Scrollbar = __WEBPACK_EXTERNAL_MODULE_smooth_scrollbar_80cf4563__["default"];
-export { Scroll, __webpack_exports__Scrollbar as Scrollbar };
+export { Scroll, smooth_scrollbar as Scrollbar };

package/dist/components/ScrollMask.js

@@ -1,15 +1,15 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
-import * as __WEBPACK_EXTERNAL_MODULE__ScrollMask_module_js_e15d4b28__ from "./ScrollMask.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx, isNonNullable } from "deepsea-tools";
+import { useRef } from "react";
+import { useSize } from "soda-hooks";
+import ScrollMask_module from "./ScrollMask.module.js";
 const ScrollMask = ({ className, style, position = "top", size = 8, from = "rgba(0, 0, 0, 0.1)", to = "rgba(0, 0, 0, 0)", contentClassName, contentStyle, showRadian = false, ...rest })=>{
-    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const contentSize = (0, __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__.useSize)(ref);
-    const radius = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.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, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isNonNullable)(radius) ? "top" === position ? `circle(${radius}px at 50% -${radius - contentSize.height}px)` : "bottom" === position ? `circle(${radius}px at 50% ${radius}px)` : "left" === position ? `circle(${radius}px at -${radius - contentSize.width}px 50%)` : "right" === position ? `circle(${radius}px at ${radius}px 50%)` : "none" : "none";
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)(__WEBPACK_EXTERNAL_MODULE__ScrollMask_module_js_e15d4b28__["default"]["scroll-mask"], __WEBPACK_EXTERNAL_MODULE__ScrollMask_module_js_e15d4b28__["default"][`${position}-scroll-mask`], className),
+    const ref = useRef(null);
+    const contentSize = useSize(ref);
+    const radius = isNonNullable(contentSize) ? "top" === position || "bottom" === position ? (contentSize.width ** 2 / 4 + contentSize.height ** 2) / (2 * contentSize.height) : (contentSize.height ** 2 / 4 + contentSize.width ** 2) / (2 * contentSize.width) : void 0;
+    const clipPath = showRadian && isNonNullable(radius) ? "top" === position ? `circle(${radius}px at 50% -${radius - contentSize.height}px)` : "bottom" === position ? `circle(${radius}px at 50% ${radius}px)` : "left" === position ? `circle(${radius}px at -${radius - contentSize.width}px 50%)` : "right" === position ? `circle(${radius}px at ${radius}px 50%)` : "none" : "none";
+    return /*#__PURE__*/ jsx("div", {
+        className: clsx(ScrollMask_module["scroll-mask"], ScrollMask_module[`${position}-scroll-mask`], className),
         style: {
             "--scroll-mask-size": `${size}px`,
             "--scroll-mask-color-from": from,
@@ -18,9 +18,9 @@ const ScrollMask = ({ className, style, position = "top", size = 8, from = "rgba
             ...style
         },
         ...rest,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        children: /*#__PURE__*/ jsx("div", {
             ref: ref,
-            className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)(__WEBPACK_EXTERNAL_MODULE__ScrollMask_module_js_e15d4b28__["default"]["scroll-mask-content"], __WEBPACK_EXTERNAL_MODULE__ScrollMask_module_js_e15d4b28__["default"][`${position}-scroll-mask-content`], contentClassName),
+            className: clsx(ScrollMask_module["scroll-mask-content"], ScrollMask_module[`${position}-scroll-mask-content`], contentClassName),
             style: contentStyle
         })
     });

package/dist/components/SectionRing.js

@@ -1,14 +1,14 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const SectionRing = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+import { jsx } from "react/jsx-runtime";
+import { drawArc } from "deepsea-tools";
+import { forwardRef } from "react";
+const SectionRing = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props;
     const s = 2 * Math.PI / c - a;
     function arc(radius, startAngle, endAngle, options = {}) {
-        return (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.drawArc)(o, o, radius, startAngle, endAngle, options);
+        return drawArc(o, o, radius, startAngle, endAngle, options);
     }
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return /*#__PURE__*/ jsx("div", {
         ref: ref,
         style: {
             width: 2 * o,

package/dist/components/Skeleton.js

@@ -1,13 +1,13 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__ from "@emotion/css";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const Skeleton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+import { jsx } from "react/jsx-runtime";
+import { css } from "@emotion/css";
+import { clsx } from "deepsea-tools";
+import { forwardRef } from "react";
+const Skeleton = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { className, children, loading = null == children, ...rest } = props;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return /*#__PURE__*/ jsx("div", {
         ref: ref,
-        className: (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.clsx)((0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+        className: clsx(css`
                     @keyframes shimmer {
                         0% {
                             background-position: -400px 0px;
@@ -16,7 +16,7 @@ const Skeleton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)
                             background-position: 400px 0px;
                         }
                     }
-                `, loading && (0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.css)`
+                `, loading && css`
                         background-image: linear-gradient(to right, rgba(0, 0, 0, 0.067) 8%, rgba(0, 0, 0, 0.133) 18%, rgba(0, 0, 0, 0.067) 33%);
                         animation-duration: 1s;
                         animation-fill-mode: forwards;

package/dist/components/Title.js

@@ -1,25 +1,25 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__ from "deepsea-tools";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_getReactVersion_js_9bf41edb__ from "../utils/getReactVersion.js";
-const [major] = (0, __WEBPACK_EXTERNAL_MODULE__utils_getReactVersion_js_9bf41edb__.getReactVersion)();
-const Title = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
-    if (major >= 19) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("title", {
+import { jsx } from "react/jsx-runtime";
+import { isBrowser } from "deepsea-tools";
+import { forwardRef, useImperativeHandle, useLayoutEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { getReactVersion } from "../utils/getReactVersion.js";
+const [major] = getReactVersion();
+const Title = /*#__PURE__*/ forwardRef((props, ref)=>{
+    if (major >= 19) return /*#__PURE__*/ jsx("title", {
         ref: ref,
         ...props
     });
-    const ele = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>ele.current, [
+    const ele = useRef(null);
+    useImperativeHandle(ref, ()=>ele.current, [
         ele.current
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         const title = document.head.querySelector("title");
         if (title === ele.current) return;
         document.head.insertBefore(ele.current, title);
     }, []);
-    return __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.isBrowser && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("title", {
+    return isBrowser && /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx("title", {
         ref: ele,
         ...props
     }), document.head);

package/dist/components/TransitionBox.js

@@ -1,15 +1,15 @@
 "use client"
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__ from "soda-hooks";
-const TransitionBox = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { useSize } from "soda-hooks";
+const TransitionBox = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...rest } = props;
-    const container = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const size = (0, __WEBPACK_EXTERNAL_MODULE_soda_hooks_b1fef7dd__.useSize)(container);
+    const container = useRef(null);
+    const size = useSize(container);
     const width = size?.width ?? 0;
     const height = size?.height ?? 0;
-    const [count, setCount] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const [count, setCount] = useState(0);
+    useEffect(()=>{
         setCount((count)=>Math.min(count + 1, 3));
     }, [
         width,
@@ -27,11 +27,11 @@ const TransitionBox = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwar
         position: "relative",
         ...style
     };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return /*#__PURE__*/ jsx("div", {
         ref: ref,
         style: outerStyle,
         ...rest,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        children: /*#__PURE__*/ jsx("div", {
             className: containerClassName,
             style: {
                 position: "absolute",