deepsea-components 5.15.23 → 5.15.25

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,41 +38,41 @@ 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)`
-                    @keyframes deepsea-horizontal-loop-swipe {
-                        from {
-                            transform: translateX(0);
-                        }
-                        to {
-                            transform: translateX(-100%);
-                        }
-                    }
-                    @keyframes deepsea-reverse-horizontal-loop-swipe {
-                        from {
-                            transform: translateX(0);
-                        }
-                        to {
-                            transform: translateX(100%);
-                        }
-                    }
-                    @keyframes deepsea-vertical-loop-swipe {
-                        from {
-                            transform: translateY(0);
-                        }
-                        to {
-                            transform: translateY(-100%);
-                        }
-                    }
-                    @keyframes deepsea-reverse-vertical-loop-swipe {
-                        from {
-                            transform: translateY(0);
-                        }
-                        to {
-                            transform: translateY(100%);
-                        }
-                    }
+        className: clsx(css`
+                    @keyframes deepsea-horizontal-loop-swipe {
+                        from {
+                            transform: translateX(0);
+                        }
+                        to {
+                            transform: translateX(-100%);
+                        }
+                    }
+                    @keyframes deepsea-reverse-horizontal-loop-swipe {
+                        from {
+                            transform: translateX(0);
+                        }
+                        to {
+                            transform: translateX(100%);
+                        }
+                    }
+                    @keyframes deepsea-vertical-loop-swipe {
+                        from {
+                            transform: translateY(0);
+                        }
+                        to {
+                            transform: translateY(-100%);
+                        }
+                    }
+                    @keyframes deepsea-reverse-vertical-loop-swipe {
+                        from {
+                            transform: translateY(0);
+                        }
+                        to {
+                            transform: translateY(100%);
+                        }
+                    }
                 `, className),
         style: {
             display: "flex",
@@ -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__);
@@ -107,19 +107,19 @@ var __webpack_exports__ = {};
         ]);
         return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
             ref: ele,
-            className: (0, deepsea_tools__WEBPACK_IMPORTED_MODULE_2__.clsx)((0, _emotion_css__WEBPACK_IMPORTED_MODULE_1__.css)`
-                    .scrollbar-track.scrollbar-track-x {
-                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
-                    }
-                    .scrollbar-thumb.scrollbar-thumb-x {
-                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== thumbRadius ? "border-radius: var(--thumb-radius);" : ""} ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
-                    }
-                    .scrollbar-track.scrollbar-track-y {
-                        ${void 0 !== thumbWidth ? "width: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
-                    }
-                    .scrollbar-thumb.scrollbar-thumb-y {
-                        ${void 0 !== thumbWidth ? "width: var(--thumb-width);" : ""} ${void 0 !== thumbRadius ? "border-radius: var(--thumb-radius);" : ""} ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
-                    }
+            className: (0, deepsea_tools__WEBPACK_IMPORTED_MODULE_2__.clsx)((0, _emotion_css__WEBPACK_IMPORTED_MODULE_1__.css)`
+                    .scrollbar-track.scrollbar-track-x {
+                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
+                    }
+                    .scrollbar-thumb.scrollbar-thumb-x {
+                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== thumbRadius ? "border-radius: var(--thumb-radius);" : ""} ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
+                    }
+                    .scrollbar-track.scrollbar-track-y {
+                        ${void 0 !== thumbWidth ? "width: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
+                    }
+                    .scrollbar-thumb.scrollbar-thumb-y {
+                        ${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, _utils__WEBPACK_IMPORTED_MODULE_5__.transformCSSVariable)({
                 thumbWidth: (0, _utils__WEBPACK_IMPORTED_MODULE_5__.px)(thumbWidth),

package/dist/components/Scroll.js

@@ -1,48 +1,48 @@
 "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)`
-                    .scrollbar-track.scrollbar-track-x {
-                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
-                    }
-                    .scrollbar-thumb.scrollbar-thumb-x {
-                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== thumbRadius ? "border-radius: var(--thumb-radius);" : ""} ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
-                    }
-                    .scrollbar-track.scrollbar-track-y {
-                        ${void 0 !== thumbWidth ? "width: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
-                    }
-                    .scrollbar-thumb.scrollbar-thumb-y {
-                        ${void 0 !== thumbWidth ? "width: var(--thumb-width);" : ""} ${void 0 !== thumbRadius ? "border-radius: var(--thumb-radius);" : ""} ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
-                    }
+        className: clsx(css`
+                    .scrollbar-track.scrollbar-track-x {
+                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
+                    }
+                    .scrollbar-thumb.scrollbar-thumb-x {
+                        ${void 0 !== thumbWidth ? "height: var(--thumb-width);" : ""} ${void 0 !== thumbRadius ? "border-radius: var(--thumb-radius);" : ""} ${void 0 !== thumbColor ? "background-color: var(--thumb-color);" : ""}
+                    }
+                    .scrollbar-track.scrollbar-track-y {
+                        ${void 0 !== thumbWidth ? "width: var(--thumb-width);" : ""} ${void 0 !== trackColor ? "background-color: var(--track-color);" : ""}
+                    }
+                    .scrollbar-thumb.scrollbar-thumb-y {
+                        ${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.cjs

@@ -35,23 +35,23 @@ const Skeleton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((p
     const { className, children, loading = null == children, ...rest } = props;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
-        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
-                    @keyframes shimmer {
-                        0% {
-                            background-position: -400px 0px;
-                        }
-                        100% {
-                            background-position: 400px 0px;
-                        }
-                    }
-                `, loading && (0, css_namespaceObject.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;
-                        animation-iteration-count: infinite;
-                        animation-name: shimmer;
-                        animation-timing-function: linear;
-                        background-size: 800px 104px;
+        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+                    @keyframes shimmer {
+                        0% {
+                            background-position: -400px 0px;
+                        }
+                        100% {
+                            background-position: 400px 0px;
+                        }
+                    }
+                `, loading && (0, css_namespaceObject.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;
+                        animation-iteration-count: infinite;
+                        animation-name: shimmer;
+                        animation-timing-function: linear;
+                        background-size: 800px 104px;
                     `, className),
         ...rest,
         children: children

package/dist/components/Skeleton.js

@@ -1,29 +1,29 @@
 "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)`
-                    @keyframes shimmer {
-                        0% {
-                            background-position: -400px 0px;
-                        }
-                        100% {
-                            background-position: 400px 0px;
-                        }
-                    }
-                `, loading && (0, __WEBPACK_EXTERNAL_MODULE__emotion_css_bfcd1b5d__.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;
-                        animation-iteration-count: infinite;
-                        animation-name: shimmer;
-                        animation-timing-function: linear;
-                        background-size: 800px 104px;
+        className: clsx(css`
+                    @keyframes shimmer {
+                        0% {
+                            background-position: -400px 0px;
+                        }
+                        100% {
+                            background-position: 400px 0px;
+                        }
+                    }
+                `, 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;
+                        animation-iteration-count: infinite;
+                        animation-name: shimmer;
+                        animation-timing-function: linear;
+                        background-size: 800px 104px;
                     `, className),
         ...rest,
         children: children

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",

package/dist/components/TransitionNum.js

@@ -1,12 +1,12 @@
 "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 TransitionNum = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)((props, ref)=>{
+import { jsx } from "react/jsx-runtime";
+import { setFrameInterval } from "deepsea-tools";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+const TransitionNum = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { children: num, period, numToStr, ins, ...rest } = props;
     if (!Number.isInteger(num) || !Number.isInteger(period) || period <= 0) throw new RangeError("\u76EE\u6807\u6570\u5B57\u5FC5\u987B\u662F\u6574\u6570\uFF0C\u5468\u671F\u5FC5\u987B\u662F\u6B63\u6574\u6570");
-    const ele = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const cache = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)({
+    const ele = useRef(null);
+    const cache = useRef({
         num,
         period,
         numToStr,
@@ -18,17 +18,17 @@ const TransitionNum = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwar
         period,
         numToStr
     };
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ref, ()=>ele.current, []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle)(ins, ()=>({
+    useImperativeHandle(ref, ()=>ele.current, []);
+    useImperativeHandle(ins, ()=>({
             get: ()=>cache.current.show
         }), []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         const { num, period, show, numToStr } = cache.current;
         ele.current.innerText = (numToStr || String)(show);
         if (num === show) return;
         const div = ele.current;
         const speed = (num - show) / period;
-        const cancel = (0, __WEBPACK_EXTERNAL_MODULE_deepsea_tools_8ecdf5a5__.setFrameInterval)(()=>{
+        const cancel = setFrameInterval(()=>{
             const { num, numToStr } = cache.current;
             cache.current.show += speed;
             if (speed > 0 && cache.current.show > num || speed < 0 && cache.current.show < num) {
@@ -41,7 +41,7 @@ const TransitionNum = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwar
     }, [
         num
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+    return /*#__PURE__*/ jsx("div", {
         ref: ele,
         ...rest
     });

package/dist/components/Trapezium.cjs

@@ -45,10 +45,10 @@ const Trapezium = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((
     const h = f * Math.sin(2 * a);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ref: ref,
-        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
-                    width: var(--width);
-                    height: var(--height);
-                    clip-path: var(--clip-path);
+        className: (0, external_deepsea_tools_namespaceObject.clsx)((0, css_namespaceObject.css)`
+                    width: var(--width);
+                    height: var(--height);
+                    clip-path: var(--clip-path);
                 `, className),
         style: (0, index_cjs_namespaceObject.transformCSSVariable)({
             width: (0, index_cjs_namespaceObject.px)(bottom),