deepsea-components 5.11.6 → 5.12.0

package/dist/esm/components/InputFile.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","jsx","_jsx","getFileData","file","type","fileReader","FileReader","readAsArrayBuffer","readAsBinaryString","readAsDataURL","readAsText","Promise","resolve","addEventListener","result","InputFile","props","multiple","onChange","_onChange","disabled","_disabled","clearAfterChange","onValueChange","onFileChange","rest","setDisabled","e","input","target","files","length","files2","Array","from","values","value","push"],"sources":["../../../src/components/InputFile.tsx"],"sourcesContent":["\"use client\"\n\nimport { ChangeEvent, ComponentProps, ReactNode, useState } from \"react\"\n\nexport interface InputFileDataTypeMap {\n    base64: string\n    text: string\n    arrayBuffer: ArrayBuffer\n    binary: string\n    file: File\n}\n\nexport type InputFileDataType = keyof InputFileDataTypeMap\n\nexport async function getFileData<T extends InputFileDataType>(file: File, type: T): Promise<InputFileDataTypeMap[T]> {\n    const fileReader = new FileReader()\n    switch (type) {\n        case \"arrayBuffer\":\n            fileReader.readAsArrayBuffer(file)\n            break\n        case \"binary\":\n            fileReader.readAsBinaryString(file)\n            break\n        case \"base64\":\n            fileReader.readAsDataURL(file)\n            break\n        case \"text\":\n            fileReader.readAsText(file)\n            break\n        default:\n            return file as any\n    }\n    return new Promise(resolve => {\n        fileReader.addEventListener(\"load\", () => {\n            resolve(fileReader.result as any)\n        })\n    })\n}\n\nexport interface InputFileBaseProps extends Omit<ComponentProps<\"input\">, \"multiple\" | \"type\"> {}\n\nexport type FileType<Multiple extends boolean> = Multiple extends true ? File[] : File\nexport type ValueType<Multiple extends boolean, Type extends InputFileDataType> = Multiple extends true\n    ? InputFileDataTypeMap[Type][]\n    : InputFileDataTypeMap[Type]\n\nexport interface InputFileExtraProps<Multiple extends boolean = false, Type extends InputFileDataType = \"file\"> {\n    multiple?: Multiple\n    type?: Type\n    onValueChange?: (data: ValueType<Multiple, Type>) => void\n    onFileChange?: (data: FileType<Multiple>) => void\n    /** 是否在捕获文件后清除 input 上的文件，默认为 false，主要区别在于如果不清除，连续两次选择同样的文件不会触发 onChange 事件，如果用于 form 表单，请设置为 flase */\n    clearAfterChange?: boolean\n}\n\nexport interface InputFileProps<Multiple extends boolean = false, Type extends InputFileDataType = \"file\">\n    extends InputFileBaseProps,\n        InputFileExtraProps<Multiple, Type> {}\n\n/** 专用于读取文件的组件 */\nexport function InputFile<Multiple extends boolean = false, Type extends InputFileDataType = \"file\">(props: InputFileProps<Multiple, Type>): ReactNode {\n    const { multiple = false, type = \"file\", onChange: _onChange, disabled: _disabled, clearAfterChange, onValueChange, onFileChange, ...rest } = props\n    const [disabled, setDisabled] = useState(false)\n\n    async function onChange(e: ChangeEvent<HTMLInputElement>) {\n        _onChange?.(e)\n        const input = e.target\n        const { files } = input\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const files2: File[] = Array.from(files)\n                const values: InputFileDataTypeMap[Type][] = []\n                for (const file of files2) {\n                    const value = (await getFileData(file, type)) as InputFileDataTypeMap[Type]\n                    values.push(value)\n                }\n                onFileChange?.(files2 as FileType<Multiple>)\n                onValueChange?.(values as ValueType<Multiple, Type>)\n            } else {\n                const file = files[0]\n                onFileChange?.(file as FileType<Multiple>)\n                onValueChange?.((await getFileData(file, type)) as ValueType<Multiple, Type>)\n            }\n        } finally {\n            if (clearAfterChange) input.value = \"\"\n            setDisabled(false)\n        }\n    }\n\n    return <input disabled={disabled || _disabled} type=\"file\" multiple={multiple} onChange={onChange} {...rest} />\n}\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAiDA,QAAQ,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAYxE,OAAO,eAAeC,WAAWA,CAA8BC,IAAU,EAAEC,IAAO,EAAoC;EAClH,MAAMC,UAAU,GAAG,IAAIC,UAAU,CAAC,CAAC;EACnC,QAAQF,IAAI;IACR,KAAK,aAAa;MACdC,UAAU,CAACE,iBAAiB,CAACJ,IAAI,CAAC;MAClC;IACJ,KAAK,QAAQ;MACTE,UAAU,CAACG,kBAAkB,CAACL,IAAI,CAAC;MACnC;IACJ,KAAK,QAAQ;MACTE,UAAU,CAACI,aAAa,CAACN,IAAI,CAAC;MAC9B;IACJ,KAAK,MAAM;MACPE,UAAU,CAACK,UAAU,CAACP,IAAI,CAAC;MAC3B;IACJ;MACI,OAAOA,IAAI;EACnB;EACA,OAAO,IAAIQ,OAAO,CAACC,OAAO,IAAI;IAC1BP,UAAU,CAACQ,gBAAgB,CAAC,MAAM,EAAE,MAAM;MACtCD,OAAO,CAACP,UAAU,CAACS,MAAa,CAAC;IACrC,CAAC,CAAC;EACN,CAAC,CAAC;AACN;AAsBA;AACA,OAAO,SAASC,SAASA,CAA4EC,KAAqC,EAAa;EACnJ,MAAM;IAAEC,QAAQ,GAAG,KAAK;IAAEb,IAAI,GAAG,MAAM;IAAEc,QAAQ,EAAEC,SAAS;IAAEC,QAAQ,EAAEC,SAAS;IAAEC,gBAAgB;IAAEC,aAAa;IAAEC,YAAY;IAAE,GAAGC;EAAK,CAAC,GAAGT,KAAK;EACnJ,MAAM,CAACI,QAAQ,EAAEM,WAAW,CAAC,GAAG3B,QAAQ,CAAC,KAAK,CAAC;EAE/C,eAAemB,QAAQA,CAACS,CAAgC,EAAE;IACtDR,SAAS,GAAGQ,CAAC,CAAC;IACd,MAAMC,KAAK,GAAGD,CAAC,CAACE,MAAM;IACtB,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK;IACvB,IAAI,CAACE,KAAK,IAAIA,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;IAClCL,WAAW,CAAC,IAAI,CAAC;IACjB,IAAI;MACA,IAAIT,QAAQ,EAAE;QACV,MAAMe,MAAc,GAAGC,KAAK,CAACC,IAAI,CAACJ,KAAK,CAAC;QACxC,MAAMK,MAAoC,GAAG,EAAE;QAC/C,KAAK,MAAMhC,IAAI,IAAI6B,MAAM,EAAE;UACvB,MAAMI,KAAK,GAAI,MAAMlC,WAAW,CAACC,IAAI,EAAEC,IAAI,CAAgC;UAC3E+B,MAAM,CAACE,IAAI,CAACD,KAAK,CAAC;QACtB;QACAZ,YAAY,GAAGQ,MAA4B,CAAC;QAC5CT,aAAa,GAAGY,MAAmC,CAAC;MACxD,CAAC,MAAM;QACH,MAAMhC,IAAI,GAAG2B,KAAK,CAAC,CAAC,CAAC;QACrBN,YAAY,GAAGrB,IAA0B,CAAC;QAC1CoB,aAAa,GAAI,MAAMrB,WAAW,CAACC,IAAI,EAAEC,IAAI,CAA+B,CAAC;MACjF;IACJ,CAAC,SAAS;MACN,IAAIkB,gBAAgB,EAAEM,KAAK,CAACQ,KAAK,GAAG,EAAE;MACtCV,WAAW,CAAC,KAAK,CAAC;IACtB;EACJ;EAEA,oBAAOzB,IAAA;IAAOmB,QAAQ,EAAEA,QAAQ,IAAIC,SAAU;IAACjB,IAAI,EAAC,MAAM;IAACa,QAAQ,EAAEA,QAAS;IAACC,QAAQ,EAAEA,QAAS;IAAA,GAAKO;EAAI,CAAG,CAAC;AACnH"}

package/dist/esm/components/InputFileButton.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps, JSX, JSXElementConstructor } from "react";
-import { InputFileBaseProps, InputFileDataType, InputFileExtraProps } from "./InputFile";
-export type InputFileButtonProps<Multiple extends boolean = false, Type extends InputFileDataType = "file", AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button"> = Omit<ComponentProps<AS>, "as" | "type" | "disabled"> & InputFileExtraProps<Multiple, Type> & {
-    disabled?: boolean;
-    inputProps?: Omit<InputFileBaseProps, "accept">;
-    accept?: string;
-    dragFile?: boolean;
-    as?: AS;
-};
-/** 专用于读取文件的 button 组件 */
-export declare function InputFileButton<Multiple extends boolean = false, Type extends InputFileDataType = "file", AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = "button">(props: InputFileButtonProps<Multiple, Type, AS>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/InputFileButton.js

@@ -1,95 +0,0 @@
-"use client";
-
-import { Fragment, createElement, useImperativeHandle, useRef, useState } from "react";
-import { InputFile, getFileData } from "./InputFile";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/** 专用于读取文件的 button 组件 */
-export 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] = useState(false);
-  const input = useRef(null);
-  useImperativeHandle(ref, () => input.current, [input.current]);
-  function onClick(e) {
-    input.current?.click();
-    _onClick?.(e);
-  }
-  async function onDrop(e) {
-    _onDrop?.(e);
-    if (disabled || !dragFile) return;
-    e.preventDefault();
-    const {
-      files
-    } = e.dataTransfer;
-    if (!files || files.length === 0) return;
-    setDisabled(true);
-    try {
-      if (multiple) {
-        const files2 = Array.from(files);
-        const values = [];
-        for (const file of files2) {
-          const value = await getFileData(file, type);
-          values.push(value);
-        }
-        onFileChange?.(files2);
-        onValueChange?.(values);
-      } else {
-        const file = files[0];
-        onFileChange?.(file);
-        onValueChange?.(await getFileData(file, type));
-      }
-    } finally {
-      setDisabled(false);
-    }
-  }
-  function onDragOver(e) {
-    _onDragOver?.(e);
-    if (disabled || !dragFile) return;
-    e.preventDefault();
-  }
-  return /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(InputFile, {
-      ref: input,
-      disabled: disabled || _disabled || __disabled,
-      style: {
-        display: "none",
-        ...style
-      },
-      multiple: multiple,
-      accept: accept,
-      type: type,
-      onValueChange: onValueChange,
-      onFileChange: onFileChange,
-      clearAfterChange: clearAfterChange,
-      ...restInputProps
-    }), /*#__PURE__*/createElement(as, {
-      disabled: disabled || _disabled,
-      onClick,
-      onDrop,
-      onDragOver,
-      ...rest
-    })]
-  });
-}
-//# sourceMappingURL=InputFileButton.js.map

package/dist/esm/components/InputFileButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Fragment","createElement","useImperativeHandle","useRef","useState","InputFile","getFileData","jsx","_jsx","jsxs","_jsxs","InputFileButton","props","as","onClick","_onClick","inputProps","accept","onDrop","_onDrop","onDragOver","_onDragOver","dragFile","disabled","_disabled","type","multiple","onValueChange","onFileChange","clearAfterChange","rest","ref","style","__disabled","restInputProps","setDisabled","input","current","e","click","preventDefault","files","dataTransfer","length","files2","Array","from","values","file","value","push","children","display"],"sources":["../../../src/components/InputFileButton.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n    ComponentProps,\n    ComponentRef,\n    DragEvent,\n    Fragment,\n    JSX,\n    JSXElementConstructor,\n    MouseEvent as ReactMouseEvent,\n    createElement,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\"\n\nimport { FileType, InputFile, InputFileBaseProps, InputFileDataType, InputFileDataTypeMap, InputFileExtraProps, ValueType, getFileData } from \"./InputFile\"\n\nexport type InputFileButtonProps<\n    Multiple extends boolean = false,\n    Type extends InputFileDataType = \"file\",\n    AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\",\n> = Omit<ComponentProps<AS>, \"as\" | \"type\" | \"disabled\"> &\n    InputFileExtraProps<Multiple, Type> & {\n        disabled?: boolean\n        inputProps?: Omit<InputFileBaseProps, \"accept\">\n        accept?: string\n        dragFile?: boolean\n        as?: AS\n    }\n\n/** 专用于读取文件的 button 组件 */\nexport function InputFileButton<\n    Multiple extends boolean = false,\n    Type extends InputFileDataType = \"file\",\n    AS extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> = \"button\",\n>(props: InputFileButtonProps<Multiple, Type, AS>) {\n    const {\n        as = \"button\",\n        onClick: _onClick,\n        inputProps = {},\n        accept,\n        onDrop: _onDrop,\n        onDragOver: _onDragOver,\n        dragFile,\n        disabled: _disabled,\n        type = \"file\",\n        multiple,\n        onValueChange,\n        onFileChange,\n        clearAfterChange,\n        ...rest\n    } = props\n\n    const { ref, style, disabled: __disabled, ...restInputProps } = inputProps\n    const [disabled, setDisabled] = useState(false)\n    const input = useRef<HTMLInputElement>(null)\n\n    useImperativeHandle(ref, () => input.current!, [input.current])\n\n    function onClick(e: ReactMouseEvent<ComponentRef<AS>, MouseEvent>) {\n        input.current?.click()\n        _onClick?.(e as any)\n    }\n\n    async function onDrop(e: DragEvent<ComponentRef<AS>>) {\n        _onDrop?.(e as any)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n        const { files } = e.dataTransfer\n        if (!files || files.length === 0) return\n        setDisabled(true)\n        try {\n            if (multiple) {\n                const files2: File[] = Array.from(files)\n                const values: InputFileDataTypeMap[Type][] = []\n                for (const file of files2) {\n                    const value = (await getFileData(file, type)) as InputFileDataTypeMap[Type]\n                    values.push(value)\n                }\n                onFileChange?.(files2 as FileType<Multiple>)\n                onValueChange?.(values as ValueType<Multiple, Type>)\n            } else {\n                const file = files[0]\n                onFileChange?.(file as FileType<Multiple>)\n                onValueChange?.((await getFileData(file, type)) as ValueType<Multiple, Type>)\n            }\n        } finally {\n            setDisabled(false)\n        }\n    }\n\n    function onDragOver(e: DragEvent<ComponentRef<AS>>) {\n        _onDragOver?.(e as any)\n        if (disabled || !dragFile) return\n        e.preventDefault()\n    }\n\n    return (\n        <Fragment>\n            <InputFile<Multiple, Type>\n                ref={input}\n                disabled={disabled || _disabled || __disabled}\n                style={{ display: \"none\", ...style }}\n                multiple={multiple}\n                accept={accept}\n                type={type as Type}\n                onValueChange={onValueChange}\n                onFileChange={onFileChange}\n                clearAfterChange={clearAfterChange}\n                {...restInputProps}\n            />\n            {createElement(as, {\n                disabled: disabled || _disabled,\n                onClick,\n                onDrop,\n                onDragOver,\n                ...rest,\n            })}\n        </Fragment>\n    )\n}\n"],"mappings":"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"}

package/dist/esm/components/LoopSwiper.d.ts

@@ -1,9 +0,0 @@
-import { CSSProperties, HTMLAttributes } from "react";
-export interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {
-    direction?: "horizontal" | "vertical";
-    reverse?: boolean;
-    period: number;
-    gap?: CSSProperties["gap"];
-}
-/** 循环播放组件 */
-export declare const LoopSwiper: import("react").ForwardRefExoticComponent<LoopSwiperProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/LoopSwiper.js

@@ -1,122 +0,0 @@
-"use client";
-
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { css } from "@emotion/css";
-import { clsx } from "deepsea-tools";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-/** 循环播放组件 */
-export const LoopSwiper = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    className,
-    style,
-    children,
-    direction,
-    period,
-    reverse,
-    gap,
-    ...rest
-  } = props;
-  const wrapper = useRef(null);
-  const container = useRef(null);
-  const [swiper, setSwiper] = useState(false);
-  const directionRef = useRef(direction);
-  directionRef.current = direction;
-  const flexDirection = direction === "vertical" ? reverse ? "column-reverse" : "column" : reverse ? "row-reverse" : "row";
-  const animationName = swiper ? direction === "vertical" ? 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";
-  useImperativeHandle(ref, () => wrapper.current, []);
-  useEffect(() => {
-    const wrapperEle = wrapper.current;
-    const containerEle = container.current;
-    let wrapperWidth = 0;
-    let wrapperHeight = 0;
-    let containerWidth = 0;
-    let containerHeight = 0;
-    const observer = new ResizeObserver(entries => {
-      entries.forEach(entry => {
-        if (entry.target === wrapperEle) {
-          wrapperWidth = entry.contentRect.width;
-          wrapperHeight = entry.contentRect.height;
-        } else if (entry.target === containerEle) {
-          containerWidth = entry.contentRect.width;
-          containerHeight = entry.contentRect.height;
-        }
-      });
-      setSwiper(directionRef.current === "vertical" ? containerHeight > wrapperHeight : containerWidth > wrapperWidth);
-    });
-    observer.observe(wrapperEle);
-    observer.observe(containerEle);
-  }, []);
-  return /*#__PURE__*/_jsxs("div", {
-    ref: wrapper,
-    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",
-      flexDirection,
-      gap,
-      ...style
-    },
-    ...rest,
-    children: [/*#__PURE__*/_jsx("div", {
-      ref: container,
-      style: {
-        display: "flex",
-        flexDirection,
-        gap,
-        animationName,
-        animationTimingFunction,
-        animationDuration,
-        animationIterationCount
-      },
-      children: children
-    }), /*#__PURE__*/_jsx("div", {
-      style: {
-        display: swiper ? "flex" : "none",
-        flexDirection,
-        gap,
-        animationName,
-        animationTimingFunction,
-        animationDuration,
-        animationIterationCount
-      },
-      children: children
-    })]
-  });
-});
-//# sourceMappingURL=LoopSwiper.js.map

package/dist/esm/components/LoopSwiper.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useRef","useState","css","clsx","jsx","_jsx","jsxs","_jsxs","LoopSwiper","props","ref","className","style","children","direction","period","reverse","gap","rest","wrapper","container","swiper","setSwiper","directionRef","current","flexDirection","animationName","animationDuration","animationTimingFunction","animationIterationCount","wrapperEle","containerEle","wrapperWidth","wrapperHeight","containerWidth","containerHeight","observer","ResizeObserver","entries","forEach","entry","target","contentRect","width","height","observe","display"],"sources":["../../../src/components/LoopSwiper.tsx"],"sourcesContent":["\"use client\"\n\nimport { CSSProperties, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useRef, useState } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx } from \"deepsea-tools\"\n\nexport interface LoopSwiperProps extends HTMLAttributes<HTMLDivElement> {\n    direction?: \"horizontal\" | \"vertical\"\n    reverse?: boolean\n    period: number\n    gap?: CSSProperties[\"gap\"]\n}\n\n/** 循环播放组件 */\nexport const LoopSwiper = forwardRef<HTMLDivElement, LoopSwiperProps>((props, ref) => {\n    const { className, style, children, direction, period, reverse, gap, ...rest } = props\n    const wrapper = useRef<HTMLDivElement>(null)\n    const container = useRef<HTMLDivElement>(null)\n    const [swiper, setSwiper] = useState(false)\n    const directionRef = useRef(direction)\n    directionRef.current = direction\n    const flexDirection: CSSProperties[\"flexDirection\"] = direction === \"vertical\" ? (reverse ? \"column-reverse\" : \"column\") : reverse ? \"row-reverse\" : \"row\"\n    const animationName = swiper\n        ? direction === \"vertical\"\n            ? reverse\n                ? \"deepsea-reverse-vertical-loop-swipe\"\n                : \"deepsea-vertical-loop-swipe\"\n            : reverse\n              ? \"deepsea-reverse-horizontal-loop-swipe\"\n              : \"deepsea-horizontal-loop-swipe\"\n        : \"none\"\n    const animationDuration = `${period}ms`\n    const animationTimingFunction = \"linear\"\n    const animationIterationCount = \"infinite\"\n\n    useImperativeHandle(ref, () => wrapper.current!, [])\n\n    useEffect(() => {\n        const wrapperEle = wrapper.current!\n        const containerEle = container.current!\n        let wrapperWidth = 0\n        let wrapperHeight = 0\n        let containerWidth = 0\n        let containerHeight = 0\n        const observer = new ResizeObserver(entries => {\n            entries.forEach(entry => {\n                if (entry.target === wrapperEle) {\n                    wrapperWidth = entry.contentRect.width\n                    wrapperHeight = entry.contentRect.height\n                } else if (entry.target === containerEle) {\n                    containerWidth = entry.contentRect.width\n                    containerHeight = entry.contentRect.height\n                }\n            })\n            setSwiper(directionRef.current === \"vertical\" ? containerHeight > wrapperHeight : containerWidth > wrapperWidth)\n        })\n        observer.observe(wrapperEle)\n        observer.observe(containerEle)\n    }, [])\n\n    return (\n        <div\n            ref={wrapper}\n            className={clsx(\n                css`\n                    @keyframes deepsea-horizontal-loop-swipe {\n                        from {\n                            transform: translateX(0);\n                        }\n                        to {\n                            transform: translateX(-100%);\n                        }\n                    }\n                    @keyframes deepsea-reverse-horizontal-loop-swipe {\n                        from {\n                            transform: translateX(0);\n                        }\n                        to {\n                            transform: translateX(100%);\n                        }\n                    }\n                    @keyframes deepsea-vertical-loop-swipe {\n                        from {\n                            transform: translateY(0);\n                        }\n                        to {\n                            transform: translateY(-100%);\n                        }\n                    }\n                    @keyframes deepsea-reverse-vertical-loop-swipe {\n                        from {\n                            transform: translateY(0);\n                        }\n                        to {\n                            transform: translateY(100%);\n                        }\n                    }\n                `,\n                className,\n            )}\n            style={{ display: \"flex\", flexDirection, gap, ...style }}\n            {...rest}\n        >\n            <div\n                ref={container}\n                style={{ display: \"flex\", flexDirection, gap, animationName, animationTimingFunction, animationDuration, animationIterationCount }}\n            >\n                {children}\n            </div>\n            <div\n                style={{\n                    display: swiper ? \"flex\" : \"none\",\n                    flexDirection,\n                    gap,\n                    animationName,\n                    animationTimingFunction,\n                    animationDuration,\n                    animationIterationCount,\n                }}\n            >\n                {children}\n            </div>\n        </div>\n    )\n})\n"],"mappings":"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"}

package/dist/esm/components/ReadExcel.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { WorkBookData, WorkSheetData } from "deepsea-tools";
-import { InputFileProps } from "./InputFile";
-export interface ReadExcelProps extends Omit<InputFileProps<false, "arrayBuffer">, "multiple" | "accept" | "type" | "onValueChange"> {
-    onValueChange?: <Sheet = WorkSheetData>(data: WorkBookData<Sheet>) => void;
-}
-/** 专门用于读取 excel 的组件 */
-export declare const ReadExcel: FC<ReadExcelProps>;

package/dist/esm/components/ReadExcel.js

@@ -1,19 +0,0 @@
-"use client";
-
-import { readExcel } from "deepsea-tools";
-import { InputFile } from "./InputFile";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** 专门用于读取 excel 的组件 */
-export const ReadExcel = props => {
-  const {
-    onValueChange,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_jsx(InputFile, {
-    accept: ".xlsx",
-    type: "arrayBuffer",
-    onValueChange: data => onValueChange?.(readExcel(data)),
-    ...rest
-  });
-};
-//# sourceMappingURL=ReadExcel.js.map

package/dist/esm/components/ReadExcel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["readExcel","InputFile","jsx","_jsx","ReadExcel","props","onValueChange","rest","accept","type","data"],"sources":["../../../src/components/ReadExcel.tsx"],"sourcesContent":["\"use client\"\n\nimport { FC } from \"react\"\nimport { WorkBookData, WorkSheetData, readExcel } from \"deepsea-tools\"\n\nimport { InputFile, InputFileProps } from \"./InputFile\"\n\nexport interface ReadExcelProps extends Omit<InputFileProps<false, \"arrayBuffer\">, \"multiple\" | \"accept\" | \"type\" | \"onValueChange\"> {\n    onValueChange?: <Sheet = WorkSheetData>(data: WorkBookData<Sheet>) => void\n}\n\n/** 专门用于读取 excel 的组件 */\nexport const ReadExcel: FC<ReadExcelProps> = props => {\n    const { onValueChange, ...rest } = props\n\n    return <InputFile accept=\".xlsx\" type=\"arrayBuffer\" onValueChange={data => onValueChange?.(readExcel(data))} {...rest} />\n}\n"],"mappings":"AAAA,YAAY;;AAGZ,SAAsCA,SAAS,QAAQ,eAAe;AAEtE,SAASC,SAAS;AAAqC,SAAAC,GAAA,IAAAC,IAAA;AAMvD;AACA,OAAO,MAAMC,SAA6B,GAAGC,KAAK,IAAI;EAClD,MAAM;IAAEC,aAAa;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAExC,oBAAOF,IAAA,CAACF,SAAS;IAACO,MAAM,EAAC,OAAO;IAACC,IAAI,EAAC,aAAa;IAACH,aAAa,EAAEI,IAAI,IAAIJ,aAAa,GAAGN,SAAS,CAACU,IAAI,CAAC,CAAE;IAAA,GAAKH;EAAI,CAAG,CAAC;AAC7H,CAAC"}

package/dist/esm/components/Ring.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface RingProps extends HTMLAttributes<HTMLDivElement> {
-    outerWidth: number;
-    innerWidth: number;
-}
-/** 环形组件 */
-export declare const Ring: import("react").ForwardRefExoticComponent<RingProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Ring.js

@@ -1,26 +0,0 @@
-"use client";
-
-import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** 环形组件 */
-export const Ring = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    outerWidth,
-    innerWidth,
-    style,
-    ...rest
-  } = props;
-  const outerRadius = outerWidth / 2;
-  const innerRadius = innerWidth / 2;
-  return /*#__PURE__*/_jsx("div", {
-    ref: ref,
-    style: {
-      ...style,
-      width: `${outerWidth}px`,
-      height: `${outerWidth}px`,
-      clipPath: `path("M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${innerRadius * 2},0 a${innerRadius},${innerRadius},0,0,1,-${innerRadius * 2},0 Z")`
-    },
-    ...rest
-  });
-});
-//# sourceMappingURL=Ring.js.map

package/dist/esm/components/Ring.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","jsx","_jsx","Ring","props","ref","outerWidth","innerWidth","style","rest","outerRadius","innerRadius","width","height","clipPath"],"sources":["../../../src/components/Ring.tsx"],"sourcesContent":["\"use client\"\n\nimport { HTMLAttributes, forwardRef } from \"react\"\n\nexport interface RingProps extends HTMLAttributes<HTMLDivElement> {\n    outerWidth: number\n    innerWidth: number\n}\n\n/** 环形组件 */\nexport const Ring = forwardRef<HTMLDivElement, RingProps>((props, ref) => {\n    const { outerWidth, innerWidth, style, ...rest } = props\n\n    const outerRadius = outerWidth / 2\n\n    const innerRadius = innerWidth / 2\n\n    return (\n        <div\n            ref={ref}\n            style={{\n                ...style,\n                width: `${outerWidth}px`,\n                height: `${outerWidth}px`,\n                clipPath: `path(\"M0,${outerRadius} a${outerRadius},${outerRadius},0,1,0,${outerWidth},0 a${outerRadius},${outerRadius},0,1,0,-${outerWidth},0 l${outerRadius - innerRadius},0 a${innerRadius},${innerRadius},0,0,1,${innerRadius * 2},0 a${innerRadius},${innerRadius},0,0,1,-${innerRadius * 2},0 Z\")`,\n            }}\n            {...rest}\n        />\n    )\n})\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAyBA,UAAU,QAAQ,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOlD;AACA,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAA4B,CAACI,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAExD,MAAMM,WAAW,GAAGJ,UAAU,GAAG,CAAC;EAElC,MAAMK,WAAW,GAAGJ,UAAU,GAAG,CAAC;EAElC,oBACIL,IAAA;IACIG,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAE;MACH,GAAGA,KAAK;MACRI,KAAK,EAAG,GAAEN,UAAW,IAAG;MACxBO,MAAM,EAAG,GAAEP,UAAW,IAAG;MACzBQ,QAAQ,EAAG,YAAWJ,WAAY,KAAIA,WAAY,IAAGA,WAAY,UAASJ,UAAW,OAAMI,WAAY,IAAGA,WAAY,WAAUJ,UAAW,OAAMI,WAAW,GAAGC,WAAY,OAAMA,WAAY,IAAGA,WAAY,UAASA,WAAW,GAAG,CAAE,OAAMA,WAAY,IAAGA,WAAY,WAAUA,WAAW,GAAG,CAAE;IACpS,CAAE;IAAA,GACEF;EAAI,CACX,CAAC;AAEV,CAAC,CAAC"}

package/dist/esm/components/Scroll.d.ts

@@ -1,24 +0,0 @@
-import { CSSProperties, ForwardedRef, HTMLAttributes } from "react";
-import Scrollbar from "smooth-scrollbar";
-import type { ScrollListener, ScrollbarOptions } from "smooth-scrollbar/interfaces";
-export { default as Scrollbar } from "smooth-scrollbar";
-export * from "smooth-scrollbar/interfaces";
-export interface ScrollOptions extends Partial<ScrollbarOptions> {
-    /** 滑块宽度 */
-    thumbWidth?: number | string;
-    /** 滑块圆角大小 */
-    thumbRadius?: number | string;
-    /** 滑块背景颜色 */
-    thumbColor?: CSSProperties["backgroundColor"];
-    /** 滚动条背景颜色 */
-    trackColor?: CSSProperties["backgroundColor"];
-}
-export interface ScrollProps extends HTMLAttributes<HTMLDivElement> {
-    /** 滚动的配置 */
-    options?: ScrollOptions;
-    /** 滚动条实例 */
-    scrollbar?: ForwardedRef<Scrollbar>;
-    /** 滚动条滚动事件 */
-    onScrollbar?: ScrollListener;
-}
-export declare const Scroll: import("react").ForwardRefExoticComponent<ScrollProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Scroll.js

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

package/dist/esm/components/Scroll.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","useEffect","useImperativeHandle","useLayoutEffect","useRef","css","clsx","Scrollbar","px","transformCSSVariable","jsx","_jsx","default","Scroll","props","ref","children","options","className","style","scrollbar","onScrollbar","rest","thumbWidth","thumbRadius","thumbColor","trackColor","scrollbarOptions","ele","bar","current","init","destroy","addListener","removeListener","undefined"],"sources":["../../../src/components/Scroll.tsx"],"sourcesContent":["\"use client\"\n\nimport { CSSProperties, ForwardedRef, HTMLAttributes, forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx } from \"deepsea-tools\"\nimport Scrollbar from \"smooth-scrollbar\"\nimport type { ScrollListener, ScrollbarOptions } from \"smooth-scrollbar/interfaces\"\n\nimport { px, transformCSSVariable } from \"@/utils\"\n\nexport { default as Scrollbar } from \"smooth-scrollbar\"\nexport * from \"smooth-scrollbar/interfaces\"\n\nexport interface ScrollOptions extends Partial<ScrollbarOptions> {\n    /** 滑块宽度 */\n    thumbWidth?: number | string\n    /** 滑块圆角大小 */\n    thumbRadius?: number | string\n    /** 滑块背景颜色 */\n    thumbColor?: CSSProperties[\"backgroundColor\"]\n    /** 滚动条背景颜色 */\n    trackColor?: CSSProperties[\"backgroundColor\"]\n}\n\nexport interface ScrollProps extends HTMLAttributes<HTMLDivElement> {\n    /** 滚动的配置 */\n    options?: ScrollOptions\n    /** 滚动条实例 */\n    scrollbar?: ForwardedRef<Scrollbar>\n    /** 滚动条滚动事件 */\n    onScrollbar?: ScrollListener\n}\n\nexport const Scroll = forwardRef<HTMLDivElement, ScrollProps>((props, ref) => {\n    const { children, options, className, style, scrollbar, onScrollbar, ...rest } = props\n    const { thumbWidth, thumbRadius, thumbColor, trackColor, ...scrollbarOptions } = options || {}\n    const ele = useRef<HTMLDivElement>(null)\n    const bar = useRef<Scrollbar | null>(null)\n\n    useLayoutEffect(() => {\n        bar.current = Scrollbar.init(ele.current!, scrollbarOptions)\n        return () => bar.current?.destroy()\n    }, [])\n\n    useImperativeHandle(ref, () => ele.current!, [])\n\n    useImperativeHandle(scrollbar, () => bar.current!, [])\n\n    useEffect(() => {\n        if (!onScrollbar) return\n        bar.current?.addListener(onScrollbar)\n        return () => bar.current?.removeListener(onScrollbar)\n    }, [onScrollbar])\n\n    return (\n        <div\n            ref={ele}\n            className={clsx(\n                css`\n                    .scrollbar-track.scrollbar-track-x {\n                        ${thumbWidth !== undefined ? \"height: var(--thumb-width);\" : \"\"} ${trackColor !== undefined\n                            ? \"background-color: var(--track-color);\"\n                            : \"\"}\n                    }\n                    .scrollbar-thumb.scrollbar-thumb-x {\n                        ${thumbWidth !== undefined ? \"height: var(--thumb-width);\" : \"\"} ${thumbRadius !== undefined\n                            ? \"border-radius: var(--thumb-radius);\"\n                            : \"\"} ${thumbColor !== undefined ? \"background-color: var(--thumb-color);\" : \"\"}\n                    }\n                    .scrollbar-track.scrollbar-track-y {\n                        ${thumbWidth !== undefined ? \"width: var(--thumb-width);\" : \"\"} ${trackColor !== undefined\n                            ? \"background-color: var(--track-color);\"\n                            : \"\"}\n                    }\n                    .scrollbar-thumb.scrollbar-thumb-y {\n                        ${thumbWidth !== undefined ? \"width: var(--thumb-width);\" : \"\"} ${thumbRadius !== undefined\n                            ? \"border-radius: var(--thumb-radius);\"\n                            : \"\"} ${thumbColor !== undefined ? \"background-color: var(--thumb-color);\" : \"\"}\n                    }\n                `,\n                className,\n            )}\n            style={transformCSSVariable(\n                {\n                    thumbWidth: px(thumbWidth),\n                    thumbRadius: px(thumbRadius),\n                    thumbColor,\n                    trackColor,\n                },\n                style,\n            )}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n})\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAsDA,UAAU,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AACxI,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,IAAI,QAAQ,eAAe;AACpC,OAAOC,SAAS,MAAM,kBAAkB;AAGxC,SAASC,EAAE,EAAEC,oBAAoB;AAAiB,SAAAC,GAAA,IAAAC,IAAA;AAElD,SAASC,OAAO,IAAIL,SAAS,QAAQ,kBAAkB;AACvD,cAAc,6BAA6B;AAsB3C,OAAO,MAAMM,MAAM,gBAAGb,UAAU,CAA8B,CAACc,KAAK,EAAEC,GAAG,KAAK;EAC1E,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GAAGR,KAAK;EACtF,MAAM;IAAES,UAAU;IAAEC,WAAW;IAAEC,UAAU;IAAEC,UAAU;IAAE,GAAGC;EAAiB,CAAC,GAAGV,OAAO,IAAI,CAAC,CAAC;EAC9F,MAAMW,GAAG,GAAGxB,MAAM,CAAiB,IAAI,CAAC;EACxC,MAAMyB,GAAG,GAAGzB,MAAM,CAAmB,IAAI,CAAC;EAE1CD,eAAe,CAAC,MAAM;IAClB0B,GAAG,CAACC,OAAO,GAAGvB,SAAS,CAACwB,IAAI,CAACH,GAAG,CAACE,OAAO,EAAGH,gBAAgB,CAAC;IAC5D,OAAO,MAAME,GAAG,CAACC,OAAO,EAAEE,OAAO,CAAC,CAAC;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN9B,mBAAmB,CAACa,GAAG,EAAE,MAAMa,GAAG,CAACE,OAAQ,EAAE,EAAE,CAAC;EAEhD5B,mBAAmB,CAACkB,SAAS,EAAE,MAAMS,GAAG,CAACC,OAAQ,EAAE,EAAE,CAAC;EAEtD7B,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,WAAW,EAAE;IAClBQ,GAAG,CAACC,OAAO,EAAEG,WAAW,CAACZ,WAAW,CAAC;IACrC,OAAO,MAAMQ,GAAG,CAACC,OAAO,EAAEI,cAAc,CAACb,WAAW,CAAC;EACzD,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,oBACIV,IAAA;IACII,GAAG,EAAEa,GAAI;IACTV,SAAS,EAAEZ,IAAI,CACXD,GAAI;AACpB;AACA,0BAA0BkB,UAAU,KAAKY,SAAS,GAAG,6BAA6B,GAAG,EAAG,IAAGT,UAAU,KAAKS,SAAS,GACrF,uCAAuC,GACvC,EAAG;AACjC;AACA;AACA,0BAA0BZ,UAAU,KAAKY,SAAS,GAAG,6BAA6B,GAAG,EAAG,IAAGX,WAAW,KAAKW,SAAS,GACtF,qCAAqC,GACrC,EAAG,IAAGV,UAAU,KAAKU,SAAS,GAAG,uCAAuC,GAAG,EAAG;AAC5G;AACA;AACA,0BAA0BZ,UAAU,KAAKY,SAAS,GAAG,4BAA4B,GAAG,EAAG,IAAGT,UAAU,KAAKS,SAAS,GACpF,uCAAuC,GACvC,EAAG;AACjC;AACA;AACA,0BAA0BZ,UAAU,KAAKY,SAAS,GAAG,4BAA4B,GAAG,EAAG,IAAGX,WAAW,KAAKW,SAAS,GACrF,qCAAqC,GACrC,EAAG,IAAGV,UAAU,KAAKU,SAAS,GAAG,uCAAuC,GAAG,EAAG;AAC5G;AACA,iBAAiB,EACDjB,SACJ,CAAE;IACFC,KAAK,EAAEV,oBAAoB,CACvB;MACIc,UAAU,EAAEf,EAAE,CAACe,UAAU,CAAC;MAC1BC,WAAW,EAAEhB,EAAE,CAACgB,WAAW,CAAC;MAC5BC,UAAU;MACVC;IACJ,CAAC,EACDP,KACJ,CAAE;IAAA,GACEG,IAAI;IAAAN,QAAA,EAEPA;EAAQ,CACR,CAAC;AAEd,CAAC,CAAC"}

package/dist/esm/components/SectionRing.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {
-    outerRadius: number;
-    innerRadius: number;
-    count: number;
-    angel: number;
-}
-export declare const SectionRing: import("react").ForwardRefExoticComponent<SectionRingProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/SectionRing.js

@@ -1,33 +0,0 @@
-"use client";
-
-import { forwardRef } from "react";
-import { drawArc } from "deepsea-tools";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SectionRing = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    outerRadius: o,
-    innerRadius: i,
-    count: c,
-    angel: a,
-    style,
-    ...rest
-  } = props;
-  const s = Math.PI * 2 / c - a;
-  function arc(radius, startAngle, endAngle, options = {}) {
-    return drawArc(o, o, radius, startAngle, endAngle, options);
-  }
-  return /*#__PURE__*/_jsx("div", {
-    ref: ref,
-    style: {
-      width: o * 2,
-      height: o * 2,
-      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
-    },
-    ...rest
-  });
-});
-//# sourceMappingURL=SectionRing.js.map

package/dist/esm/components/SectionRing.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","drawArc","jsx","_jsx","SectionRing","props","ref","outerRadius","o","innerRadius","i","count","c","angel","a","style","rest","s","Math","PI","arc","radius","startAngle","endAngle","options","width","height","clipPath","Array","fill","map","it","idx","line","anticlockwise","join"],"sources":["../../../src/components/SectionRing.tsx"],"sourcesContent":["\"use client\"\n\nimport { HTMLAttributes, forwardRef } from \"react\"\nimport { DrawArcOptions, drawArc } from \"deepsea-tools\"\n\nexport interface SectionRingProps extends HTMLAttributes<HTMLDivElement> {\n    outerRadius: number\n    innerRadius: number\n    count: number\n    angel: number\n}\n\nexport const SectionRing = forwardRef<HTMLDivElement, SectionRingProps>((props, ref) => {\n    const { outerRadius: o, innerRadius: i, count: c, angel: a, style, ...rest } = props\n\n    const s = (Math.PI * 2) / c - a\n\n    function arc(radius: number, startAngle: number, endAngle: number, options: DrawArcOptions = {}) {\n        return drawArc(o, o, radius, startAngle, endAngle, options)\n    }\n\n    return (\n        <div\n            ref={ref}\n            style={{\n                width: o * 2,\n                height: o * 2,\n                clipPath: `path(\"${Array(c)\n                    .fill(0)\n                    .map(\n                        (it, idx) =>\n                            `${arc(o, idx * (a + s), idx * (a + s) + a)} ${arc(i, idx * (a + s) + a, idx * (a + s), { line: true, anticlockwise: true })}`,\n                    )\n                    .join(\" \")} Z\")`,\n                ...style,\n            }}\n            {...rest}\n        />\n    )\n})\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAyBA,UAAU,QAAQ,OAAO;AAClD,SAAyBC,OAAO,QAAQ,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASvD,OAAO,MAAMC,WAAW,gBAAGJ,UAAU,CAAmC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAM;IAAEC,WAAW,EAAEC,CAAC;IAAEC,WAAW,EAAEC,CAAC;IAAEC,KAAK,EAAEC,CAAC;IAAEC,KAAK,EAAEC,CAAC;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGX,KAAK;EAEpF,MAAMY,CAAC,GAAIC,IAAI,CAACC,EAAE,GAAG,CAAC,GAAIP,CAAC,GAAGE,CAAC;EAE/B,SAASM,GAAGA,CAACC,MAAc,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,OAAuB,GAAG,CAAC,CAAC,EAAE;IAC7F,OAAOvB,OAAO,CAACO,CAAC,EAAEA,CAAC,EAAEa,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,OAAO,CAAC;EAC/D;EAEA,oBACIrB,IAAA;IACIG,GAAG,EAAEA,GAAI;IACTS,KAAK,EAAE;MACHU,KAAK,EAAEjB,CAAC,GAAG,CAAC;MACZkB,MAAM,EAAElB,CAAC,GAAG,CAAC;MACbmB,QAAQ,EAAG,SAAQC,KAAK,CAAChB,CAAC,CAAC,CACtBiB,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CACA,CAACC,EAAE,EAAEC,GAAG,KACH,GAAEZ,GAAG,CAACZ,CAAC,EAAEwB,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,EAAEe,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,GAAGH,CAAC,CAAE,IAAGM,GAAG,CAACV,CAAC,EAAEsB,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,GAAGH,CAAC,EAAEkB,GAAG,IAAIlB,CAAC,GAAGG,CAAC,CAAC,EAAE;QAAEgB,IAAI,EAAE,IAAI;QAAEC,aAAa,EAAE;MAAK,CAAC,CAAE,EACrI,CAAC,CACAC,IAAI,CAAC,GAAG,CAAE,MAAK;MACpB,GAAGpB;IACP,CAAE;IAAA,GACEC;EAAI,CACX,CAAC;AAEV,CAAC,CAAC"}

package/dist/esm/components/Skeleton.d.ts

@@ -1,5 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    loading?: boolean;
-}
-export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/Skeleton.js

@@ -1,38 +0,0 @@
-"use client";
-
-import { forwardRef } from "react";
-import { css } from "@emotion/css";
-import { clsx } from "deepsea-tools";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Skeleton = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    className,
-    children,
-    loading = children === undefined || children === null,
-    ...rest
-  } = props;
-  return /*#__PURE__*/_jsx("div", {
-    ref: ref,
-    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
-  });
-});
-//# sourceMappingURL=Skeleton.js.map

package/dist/esm/components/Skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","css","clsx","jsx","_jsx","Skeleton","props","ref","className","children","loading","undefined","rest"],"sources":["../../../src/components/Skeleton.tsx"],"sourcesContent":["\"use client\"\n\nimport { HTMLAttributes, forwardRef } from \"react\"\nimport { css } from \"@emotion/css\"\nimport { clsx } from \"deepsea-tools\"\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n    loading?: boolean\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>((props, ref) => {\n    const { className, children, loading = children === undefined || children === null, ...rest } = props\n\n    return (\n        <div\n            ref={ref}\n            className={clsx(\n                css`\n                    @keyframes shimmer {\n                        0% {\n                            background-position: -400px 0px;\n                        }\n                        100% {\n                            background-position: 400px 0px;\n                        }\n                    }\n                `,\n                loading &&\n                    css`\n                        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%);\n                        animation-duration: 1s;\n                        animation-fill-mode: forwards;\n                        animation-iteration-count: infinite;\n                        animation-name: shimmer;\n                        animation-timing-function: linear;\n                        background-size: 800px 104px;\n                    `,\n                className,\n            )}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n})\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAyBA,UAAU,QAAQ,OAAO;AAClD,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,IAAI,QAAQ,eAAe;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAMpC,OAAO,MAAMC,QAAQ,gBAAGL,UAAU,CAAgC,CAACM,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO,GAAGD,QAAQ,KAAKE,SAAS,IAAIF,QAAQ,KAAK,IAAI;IAAE,GAAGG;EAAK,CAAC,GAAGN,KAAK;EAErG,oBACIF,IAAA;IACIG,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEN,IAAI,CACXD,GAAI;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,EACDS,OAAO,IACHT,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,EACLO,SACJ,CAAE;IAAA,GACEI,IAAI;IAAAH,QAAA,EAEPA;EAAQ,CACR,CAAC;AAEd,CAAC,CAAC"}

package/dist/esm/components/Title.d.ts

@@ -1,3 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export type TitleProps = ComponentPropsWithoutRef<"title">;
-export declare const Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTitleElement>, HTMLTitleElement>, "ref"> & import("react").RefAttributes<HTMLTitleElement>>;

package/dist/esm/components/Title.js

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

package/dist/esm/components/Title.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["forwardRef","useImperativeHandle","useLayoutEffect","useRef","createPortal","isBrowser","getReactVersion","jsx","_jsx","major","Title","props","ref","ele","current","title","document","head","querySelector","insertBefore"],"sources":["../../../src/components/Title.tsx"],"sourcesContent":["\"use client\"\n\nimport { ComponentPropsWithoutRef, forwardRef, useImperativeHandle, useLayoutEffect, useRef } from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { isBrowser } from \"deepsea-tools\"\n\nimport { getReactVersion } from \"@/utils/getReactVersion\"\n\nexport type TitleProps = ComponentPropsWithoutRef<\"title\">\n\nconst [major] = getReactVersion()\n\nexport const Title = forwardRef<HTMLTitleElement, TitleProps>((props, ref) => {\n    if (major >= 19) return <title ref={ref} {...props} />\n\n    const ele = useRef<HTMLTitleElement>(null)\n\n    useImperativeHandle(ref, () => ele.current as HTMLTitleElement, [ele.current])\n\n    useLayoutEffect(() => {\n        const title = document.head.querySelector(\"title\")\n        if (title === ele.current) return\n        document.head.insertBefore(ele.current as HTMLTitleElement, title)\n    }, [])\n\n    return isBrowser && createPortal(<title ref={ele} {...props} />, document.head)\n})\n"],"mappings":"AAAA,YAAY;;AAEZ,SAAmCA,UAAU,EAAEC,mBAAmB,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAC1G,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,SAAS,QAAQ,eAAe;AAEzC,SAASC,eAAe;AAAiC,SAAAC,GAAA,IAAAC,IAAA;AAIzD,MAAM,CAACC,KAAK,CAAC,GAAGH,eAAe,CAAC,CAAC;AAEjC,OAAO,MAAMI,KAAK,gBAAGV,UAAU,CAA+B,CAACW,KAAK,EAAEC,GAAG,KAAK;EAC1E,IAAIH,KAAK,IAAI,EAAE,EAAE,oBAAOD,IAAA;IAAOI,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;EAEtD,MAAME,GAAG,GAAGV,MAAM,CAAmB,IAAI,CAAC;EAE1CF,mBAAmB,CAACW,GAAG,EAAE,MAAMC,GAAG,CAACC,OAA2B,EAAE,CAACD,GAAG,CAACC,OAAO,CAAC,CAAC;EAE9EZ,eAAe,CAAC,MAAM;IAClB,MAAMa,KAAK,GAAGC,QAAQ,CAACC,IAAI,CAACC,aAAa,CAAC,OAAO,CAAC;IAClD,IAAIH,KAAK,KAAKF,GAAG,CAACC,OAAO,EAAE;IAC3BE,QAAQ,CAACC,IAAI,CAACE,YAAY,CAACN,GAAG,CAACC,OAAO,EAAsBC,KAAK,CAAC;EACtE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOV,SAAS,iBAAID,YAAY,eAACI,IAAA;IAAOI,GAAG,EAAEC,GAAI;IAAA,GAAKF;EAAK,CAAG,CAAC,EAAEK,QAAQ,CAACC,IAAI,CAAC;AACnF,CAAC,CAAC"}