deepsea-components 5.16.15 → 5.17.0

package/dist/components/ScrollMask.cjs

@@ -36,118 +36,32 @@ __webpack_require__.d(__webpack_exports__, {
     ScrollMask: ()=>ScrollMask
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const external_ScrollMask_module_cjs_namespaceObject = require("./ScrollMask.module.cjs");
 var external_ScrollMask_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_ScrollMask_module_cjs_namespaceObject);
-const ScrollMask = (t0)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(31);
-    let className;
-    let contentClassName;
-    let contentStyle;
-    let rest;
-    let style;
-    let t1;
-    let t2;
-    let t3;
-    let t4;
-    let t5;
-    if ($[0] !== t0) {
-        ({ className, style, position: t1, size: t2, from: t3, to: t4, contentClassName, contentStyle, showRadian: t5, ...rest } = t0);
-        $[0] = t0;
-        $[1] = className;
-        $[2] = contentClassName;
-        $[3] = contentStyle;
-        $[4] = rest;
-        $[5] = style;
-        $[6] = t1;
-        $[7] = t2;
-        $[8] = t3;
-        $[9] = t4;
-        $[10] = t5;
-    } else {
-        className = $[1];
-        contentClassName = $[2];
-        contentStyle = $[3];
-        rest = $[4];
-        style = $[5];
-        t1 = $[6];
-        t2 = $[7];
-        t3 = $[8];
-        t4 = $[9];
-        t5 = $[10];
-    }
-    const position = void 0 === t1 ? "top" : t1;
-    const size = void 0 === t2 ? 8 : t2;
-    const from = void 0 === t3 ? "rgba(0, 0, 0, 0.1)" : t3;
-    const to = void 0 === t4 ? "rgba(0, 0, 0, 0)" : t4;
-    const showRadian = void 0 === t5 ? false : t5;
+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, external_react_namespaceObject.useRef)(null);
     const contentSize = (0, external_soda_hooks_namespaceObject.useSize)(ref);
     const radius = (0, external_deepsea_tools_namespaceObject.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, external_deepsea_tools_namespaceObject.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";
-    const t6 = external_ScrollMask_module_cjs_default()[`${position}-scroll-mask`];
-    let t7;
-    if ($[11] !== className || $[12] !== t6) {
-        t7 = (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask"], t6, className);
-        $[11] = className;
-        $[12] = t6;
-        $[13] = t7;
-    } else t7 = $[13];
-    const t8 = `${size}px`;
-    let t9;
-    if ($[14] !== clipPath || $[15] !== from || $[16] !== style || $[17] !== t8 || $[18] !== to) {
-        t9 = {
-            "--scroll-mask-size": t8,
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask"], external_ScrollMask_module_cjs_default()[`${position}-scroll-mask`], className),
+        style: {
+            "--scroll-mask-size": `${size}px`,
             "--scroll-mask-color-from": from,
             "--scroll-mask-color-to": to,
             "--scroll-mask-clip-path": clipPath,
             ...style
-        };
-        $[14] = clipPath;
-        $[15] = from;
-        $[16] = style;
-        $[17] = t8;
-        $[18] = to;
-        $[19] = t9;
-    } else t9 = $[19];
-    const t10 = t9;
-    const t11 = external_ScrollMask_module_cjs_default()[`${position}-scroll-mask-content`];
-    let t12;
-    if ($[20] !== contentClassName || $[21] !== t11) {
-        t12 = (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask-content"], t11, contentClassName);
-        $[20] = contentClassName;
-        $[21] = t11;
-        $[22] = t12;
-    } else t12 = $[22];
-    let t13;
-    if ($[23] !== contentStyle || $[24] !== t12) {
-        t13 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        },
+        ...rest,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             ref: ref,
-            className: t12,
+            className: (0, external_deepsea_tools_namespaceObject.clsx)(external_ScrollMask_module_cjs_default()["scroll-mask-content"], external_ScrollMask_module_cjs_default()[`${position}-scroll-mask-content`], contentClassName),
             style: contentStyle
-        });
-        $[23] = contentStyle;
-        $[24] = t12;
-        $[25] = t13;
-    } else t13 = $[25];
-    let t14;
-    if ($[26] !== rest || $[27] !== t10 || $[28] !== t13 || $[29] !== t7) {
-        t14 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            className: t7,
-            style: t10,
-            ...rest,
-            children: t13
-        });
-        $[26] = rest;
-        $[27] = t10;
-        $[28] = t13;
-        $[29] = t7;
-        $[30] = t14;
-    } else t14 = $[30];
-    return t14;
+        })
+    });
 };
 exports.ScrollMask = __webpack_exports__.ScrollMask;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ScrollMask.js

@@ -1,114 +1,28 @@
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-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 = (t0)=>{
-    const $ = c(31);
-    let className;
-    let contentClassName;
-    let contentStyle;
-    let rest;
-    let style;
-    let t1;
-    let t2;
-    let t3;
-    let t4;
-    let t5;
-    if ($[0] !== t0) {
-        ({ className, style, position: t1, size: t2, from: t3, to: t4, contentClassName, contentStyle, showRadian: t5, ...rest } = t0);
-        $[0] = t0;
-        $[1] = className;
-        $[2] = contentClassName;
-        $[3] = contentStyle;
-        $[4] = rest;
-        $[5] = style;
-        $[6] = t1;
-        $[7] = t2;
-        $[8] = t3;
-        $[9] = t4;
-        $[10] = t5;
-    } else {
-        className = $[1];
-        contentClassName = $[2];
-        contentStyle = $[3];
-        rest = $[4];
-        style = $[5];
-        t1 = $[6];
-        t2 = $[7];
-        t3 = $[8];
-        t4 = $[9];
-        t5 = $[10];
-    }
-    const position = void 0 === t1 ? "top" : t1;
-    const size = void 0 === t2 ? 8 : t2;
-    const from = void 0 === t3 ? "rgba(0, 0, 0, 0.1)" : t3;
-    const to = void 0 === t4 ? "rgba(0, 0, 0, 0)" : t4;
-    const showRadian = void 0 === t5 ? false : t5;
+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 = 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";
-    const t6 = ScrollMask_module[`${position}-scroll-mask`];
-    let t7;
-    if ($[11] !== className || $[12] !== t6) {
-        t7 = clsx(ScrollMask_module["scroll-mask"], t6, className);
-        $[11] = className;
-        $[12] = t6;
-        $[13] = t7;
-    } else t7 = $[13];
-    const t8 = `${size}px`;
-    let t9;
-    if ($[14] !== clipPath || $[15] !== from || $[16] !== style || $[17] !== t8 || $[18] !== to) {
-        t9 = {
-            "--scroll-mask-size": t8,
+    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,
             "--scroll-mask-color-to": to,
             "--scroll-mask-clip-path": clipPath,
             ...style
-        };
-        $[14] = clipPath;
-        $[15] = from;
-        $[16] = style;
-        $[17] = t8;
-        $[18] = to;
-        $[19] = t9;
-    } else t9 = $[19];
-    const t10 = t9;
-    const t11 = ScrollMask_module[`${position}-scroll-mask-content`];
-    let t12;
-    if ($[20] !== contentClassName || $[21] !== t11) {
-        t12 = clsx(ScrollMask_module["scroll-mask-content"], t11, contentClassName);
-        $[20] = contentClassName;
-        $[21] = t11;
-        $[22] = t12;
-    } else t12 = $[22];
-    let t13;
-    if ($[23] !== contentStyle || $[24] !== t12) {
-        t13 = /*#__PURE__*/ jsx("div", {
+        },
+        ...rest,
+        children: /*#__PURE__*/ jsx("div", {
             ref: ref,
-            className: t12,
+            className: clsx(ScrollMask_module["scroll-mask-content"], ScrollMask_module[`${position}-scroll-mask-content`], contentClassName),
             style: contentStyle
-        });
-        $[23] = contentStyle;
-        $[24] = t12;
-        $[25] = t13;
-    } else t13 = $[25];
-    let t14;
-    if ($[26] !== rest || $[27] !== t10 || $[28] !== t13 || $[29] !== t7) {
-        t14 = /*#__PURE__*/ jsx("div", {
-            className: t7,
-            style: t10,
-            ...rest,
-            children: t13
-        });
-        $[26] = rest;
-        $[27] = t10;
-        $[28] = t13;
-        $[29] = t7;
-        $[30] = t14;
-    } else t14 = $[30];
-    return t14;
+        })
+    });
 };
 export { ScrollMask };

package/dist/components/SectionRing.cjs

@@ -28,72 +28,27 @@ __webpack_require__.d(__webpack_exports__, {
     SectionRing: ()=>SectionRing
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
 const external_react_namespaceObject = require("react");
 const SectionRing = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(16);
-    let a;
-    let c;
-    let i;
-    let o;
-    let rest;
-    let style;
-    if ($[0] !== props) {
-        ({ outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props);
-        $[0] = props;
-        $[1] = a;
-        $[2] = c;
-        $[3] = i;
-        $[4] = o;
-        $[5] = rest;
-        $[6] = style;
-    } else {
-        a = $[1];
-        c = $[2];
-        i = $[3];
-        o = $[4];
-        rest = $[5];
-        style = $[6];
-    }
+    const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props;
     const s = 2 * Math.PI / c - a;
-    const arc = function(radius, startAngle, endAngle, t0) {
-        const options = void 0 === t0 ? {} : t0;
+    function arc(radius, startAngle, endAngle, options = {}) {
         return (0, external_deepsea_tools_namespaceObject.drawArc)(o, o, radius, startAngle, endAngle, options);
-    };
-    const t1 = 2 * o;
-    const t2 = 2 * o;
-    const t3 = `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
-            line: true,
-            anticlockwise: true
-        })}`).join(" ")} Z")`;
-    let t4;
-    if ($[7] !== style || $[8] !== t1 || $[9] !== t2 || $[10] !== t3) {
-        t4 = {
-            width: t1,
-            height: t2,
-            clipPath: t3,
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        style: {
+            width: 2 * o,
+            height: 2 * o,
+            clipPath: `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
+                    line: true,
+                    anticlockwise: true
+                })}`).join(" ")} Z")`,
             ...style
-        };
-        $[7] = style;
-        $[8] = t1;
-        $[9] = t2;
-        $[10] = t3;
-        $[11] = t4;
-    } else t4 = $[11];
-    let t5;
-    if ($[12] !== ref || $[13] !== rest || $[14] !== t4) {
-        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            ref: ref,
-            style: t4,
-            ...rest
-        });
-        $[12] = ref;
-        $[13] = rest;
-        $[14] = t4;
-        $[15] = t5;
-    } else t5 = $[15];
-    return t5;
+        },
+        ...rest
+    });
 });
 exports.SectionRing = __webpack_exports__.SectionRing;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/SectionRing.js

@@ -1,70 +1,25 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c as compiler_runtime_c } from "react/compiler-runtime";
 import { drawArc } from "deepsea-tools";
 import { forwardRef } from "react";
 const SectionRing = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const $ = compiler_runtime_c(16);
-    let a;
-    let c;
-    let i;
-    let o;
-    let rest;
-    let style;
-    if ($[0] !== props) {
-        ({ outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props);
-        $[0] = props;
-        $[1] = a;
-        $[2] = c;
-        $[3] = i;
-        $[4] = o;
-        $[5] = rest;
-        $[6] = style;
-    } else {
-        a = $[1];
-        c = $[2];
-        i = $[3];
-        o = $[4];
-        rest = $[5];
-        style = $[6];
-    }
+    const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props;
     const s = 2 * Math.PI / c - a;
-    const arc = function(radius, startAngle, endAngle, t0) {
-        const options = void 0 === t0 ? {} : t0;
+    function arc(radius, startAngle, endAngle, options = {}) {
         return drawArc(o, o, radius, startAngle, endAngle, options);
-    };
-    const t1 = 2 * o;
-    const t2 = 2 * o;
-    const t3 = `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
-            line: true,
-            anticlockwise: true
-        })}`).join(" ")} Z")`;
-    let t4;
-    if ($[7] !== style || $[8] !== t1 || $[9] !== t2 || $[10] !== t3) {
-        t4 = {
-            width: t1,
-            height: t2,
-            clipPath: t3,
+    }
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        style: {
+            width: 2 * o,
+            height: 2 * o,
+            clipPath: `path("${Array(c).fill(0).map((it, idx)=>`${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), {
+                    line: true,
+                    anticlockwise: true
+                })}`).join(" ")} Z")`,
             ...style
-        };
-        $[7] = style;
-        $[8] = t1;
-        $[9] = t2;
-        $[10] = t3;
-        $[11] = t4;
-    } else t4 = $[11];
-    let t5;
-    if ($[12] !== ref || $[13] !== rest || $[14] !== t4) {
-        t5 = /*#__PURE__*/ jsx("div", {
-            ref: ref,
-            style: t4,
-            ...rest
-        });
-        $[12] = ref;
-        $[13] = rest;
-        $[14] = t4;
-        $[15] = t5;
-    } else t5 = $[15];
-    return t5;
+        },
+        ...rest
+    });
 });
 export { SectionRing };

package/dist/components/TransitionBox.cjs

@@ -28,138 +28,48 @@ __webpack_require__.d(__webpack_exports__, {
     TransitionBox: ()=>TransitionBox
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const TransitionBox = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((props, ref)=>{
-    const $ = (0, compiler_runtime_namespaceObject.c)(34);
-    let children;
-    let containerClassName;
-    let containerStyle;
-    let rest;
-    let style;
-    let t0;
-    let t1;
-    let t2;
-    if ($[0] !== props) {
-        ({ style, containerClassName, containerStyle, children, vertical: t0, horizontal: t1, time: t2, ...rest } = props);
-        $[0] = props;
-        $[1] = children;
-        $[2] = containerClassName;
-        $[3] = containerStyle;
-        $[4] = rest;
-        $[5] = style;
-        $[6] = t0;
-        $[7] = t1;
-        $[8] = t2;
-    } else {
-        children = $[1];
-        containerClassName = $[2];
-        containerStyle = $[3];
-        rest = $[4];
-        style = $[5];
-        t0 = $[6];
-        t1 = $[7];
-        t2 = $[8];
-    }
-    const vertical = void 0 === t0 ? true : t0;
-    const horizontal = void 0 === t1 ? true : t1;
-    const time = void 0 === t2 ? 3000 : t2;
+    const { style, containerClassName, containerStyle, children, vertical = true, horizontal = true, time = 3000, ...rest } = props;
     const container = (0, external_react_namespaceObject.useRef)(null);
     const size = (0, external_soda_hooks_namespaceObject.useSize)(container);
     const width = (null == size ? void 0 : size.width) ?? 0;
     const height = (null == size ? void 0 : size.height) ?? 0;
     const [count, setCount] = (0, external_react_namespaceObject.useState)(0);
-    let t3;
-    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-        t3 = ()=>{
-            setCount(_temp);
-        };
-        $[9] = t3;
-    } else t3 = $[9];
-    let t4;
-    if ($[10] !== height || $[11] !== width) {
-        t4 = [
-            width,
-            height
-        ];
-        $[10] = height;
-        $[11] = width;
-        $[12] = t4;
-    } else t4 = $[12];
-    (0, external_react_namespaceObject.useEffect)(t3, t4);
-    let t5;
-    if ($[13] !== count || $[14] !== horizontal || $[15] !== vertical) {
-        t5 = 3 === count ? [
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setCount((count)=>Math.min(count + 1, 3));
+    }, [
+        width,
+        height
+    ]);
+    const outerStyle = {
+        transitionProperty: 3 === count ? [
             horizontal && "width",
             vertical && "height"
-        ].filter(Boolean).join(", ") : void 0;
-        $[13] = count;
-        $[14] = horizontal;
-        $[15] = vertical;
-        $[16] = t5;
-    } else t5 = $[16];
-    const t6 = 3 === count ? `${time}ms` : void 0;
-    let t7;
-    if ($[17] !== height || $[18] !== style || $[19] !== t5 || $[20] !== t6 || $[21] !== width) {
-        t7 = {
-            transitionProperty: t5,
-            transitionDuration: t6,
-            width,
-            height,
-            overflow: "hidden",
-            position: "relative",
-            ...style
-        };
-        $[17] = height;
-        $[18] = style;
-        $[19] = t5;
-        $[20] = t6;
-        $[21] = width;
-        $[22] = t7;
-    } else t7 = $[22];
-    const outerStyle = t7;
-    let t8;
-    if ($[23] !== containerStyle) {
-        t8 = {
-            position: "absolute",
-            ...containerStyle
-        };
-        $[23] = containerStyle;
-        $[24] = t8;
-    } else t8 = $[24];
-    let t9;
-    if ($[25] !== children || $[26] !== containerClassName || $[27] !== t8) {
-        t9 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ].filter(Boolean).join(", ") : void 0,
+        transitionDuration: 3 === count ? `${time}ms` : void 0,
+        width,
+        height,
+        overflow: "hidden",
+        position: "relative",
+        ...style
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: ref,
+        style: outerStyle,
+        ...rest,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: containerClassName,
-            style: t8,
+            style: {
+                position: "absolute",
+                ...containerStyle
+            },
             ref: container,
             children: children
-        });
-        $[25] = children;
-        $[26] = containerClassName;
-        $[27] = t8;
-        $[28] = t9;
-    } else t9 = $[28];
-    let t10;
-    if ($[29] !== outerStyle || $[30] !== ref || $[31] !== rest || $[32] !== t9) {
-        t10 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            ref: ref,
-            style: outerStyle,
-            ...rest,
-            children: t9
-        });
-        $[29] = outerStyle;
-        $[30] = ref;
-        $[31] = rest;
-        $[32] = t9;
-        $[33] = t10;
-    } else t10 = $[33];
-    return t10;
+        })
+    });
 });
-function _temp(count_0) {
-    return Math.min(count_0 + 1, 3);
-}
 exports.TransitionBox = __webpack_exports__.TransitionBox;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "TransitionBox"