@ioca/react 1.5.12 → 1.5.13

package/lib/cjs/components/affix/affix.js

@@ -12,50 +12,59 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
+const defaultGetContainer = () => {
+    if (typeof window === "undefined")
+        return null;
+    return window;
+};
 const Affix = (props) => {
-    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = () => {
-        if (typeof document === "undefined")
-            return null;
-        return document.body;
-    }, } = props;
-    const [hidden, setHidden] = react.useState(false);
+    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = defaultGetContainer, } = props;
+    const [hidden, setHidden] = react.useState(() => {
+        if (!offset)
+            return false;
+        if (typeof window === "undefined")
+            return false;
+        return (window.scrollY ?? 0) < offset;
+    });
+    const getContainerRef = react.useRef(getContainer);
+    getContainerRef.current = getContainer;
     const hijackChildren = react.useMemo(() => {
         return react.Children.map(children, (node) => {
-            if (node.type === totop.default) {
-                const { onClick } = node.props;
-                return react.cloneElement(node, {
-                    key: node.key,
-                    ...node.props,
-                    onClick: (e) => {
-                        const container = getContainer();
-                        onClick?.(e);
-                        container?.scrollTo({
-                            top: 0,
-                            left: 0,
-                            behavior: "smooth",
-                        });
-                    },
-                });
-            }
-            return node;
+            if (node.type !== totop.default)
+                return node;
+            const { onClick } = node.props;
+            return react.cloneElement(node, {
+                onClick: (e) => {
+                    const container = getContainerRef.current();
+                    onClick?.(e);
+                    container?.scrollTo({
+                        top: 0,
+                        left: 0,
+                        behavior: "smooth",
+                    });
+                },
+            });
         });
-    }, [children, getContainer]);
+    }, [children]);
     react.useEffect(() => {
-        const container = getContainer();
+        const container = getContainerRef.current();
         if (!offset || !container)
             return;
+        const getScrollTop = () => container instanceof Window
+            ? container.scrollY
+            : container.scrollTop;
         const listener = radash.debounce({ delay: 160 }, () => {
-            const top = container.scrollTop;
-            setHidden(top < offset);
+            setHidden(getScrollTop() < offset);
         });
         listener();
         container.addEventListener("scroll", listener);
         return () => {
+            listener.cancel();
             container.removeEventListener("scroll", listener);
         };
-    }, [offset, getContainer]);
+    }, [offset]);
     return (jsxRuntime.jsx("div", { className: classNames__default("i-affix", className, {
-            "i-affix-hidden": hidden,
+            "i-affix-visible": !hidden,
         }), style: {
             ...style,
             position,

package/lib/cjs/components/affix/affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix.js","sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tcloneElement,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst Affix = (props: IAffix) => {\n\tconst {\n\t\tposition = \"fixed\",\n\t\tleft,\n\t\ttop,\n\t\tright,\n\t\tbottom,\n\t\toffset,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tgetContainer = () => {\n\t\t\tif (typeof document === \"undefined\") return null;\n\t\t\treturn document.body;\n\t\t},\n\t} = props;\n\n\tconst [hidden, setHidden] = useState<boolean>(false);\n\n\tconst hijackChildren = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type === ToTop) {\n\t\t\t\tconst { onClick } = node.props;\n\n\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\tkey: node.key,\n\t\t\t\t\t...node.props,\n\t\t\t\t\tonClick: (e: MouseEvent) => {\n\t\t\t\t\t\tconst container = getContainer();\n\n\t\t\t\t\t\tonClick?.(e);\n\t\t\t\t\t\tcontainer?.scrollTo({\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children, getContainer]);\n\n\tuseEffect(() => {\n\t\tconst container = getContainer();\n\t\tif (!offset || !container) return;\n\n\t\tconst listener = debounce({ delay: 160 }, () => {\n\t\t\tconst top = container.scrollTop;\n\n\t\t\tsetHidden(top < offset);\n\t\t});\n\n\t\tlistener();\n\t\tcontainer.addEventListener(\"scroll\", listener);\n\n\t\treturn () => {\n\t\t\tcontainer.removeEventListener(\"scroll\", listener);\n\t\t};\n\t}, [offset, getContainer]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-affix\", className, {\n\t\t\t\t\"i-affix-hidden\": hidden,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tposition,\n\t\t\t\tleft,\n\t\t\t\ttop,\n\t\t\t\tright,\n\t\t\t\tbottom,\n\t\t\t}}\n\t\t>\n\t\t\t{hijackChildren}\n\t\t</div>\n\t);\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"names":["useState","useMemo","Children","ToTop","cloneElement","useEffect","debounce","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC/B,MAAM,EACL,QAAQ,GAAG,OAAO,EAClB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,MAAK;QACnB,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,YAAA,OAAO,IAAI;QAChD,OAAO,QAAQ,CAAC,IAAI;IACrB,CAAC,GACD,GAAG,KAAK;IAET,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAU,KAAK,CAAC;AAEpD,IAAA,MAAM,cAAc,GAAGC,aAAO,CAAC,MAAK;QACnC,OAAOC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AAC3C,YAAA,IAAI,IAAI,CAAC,IAAI,KAAKC,aAAK,EAAE;AACxB,gBAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK;gBAE9B,OAAOC,kBAAY,CAAC,IAAI,EAAE;oBACzB,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,GAAG,IAAI,CAAC,KAAK;AACb,oBAAA,OAAO,EAAE,CAAC,CAAa,KAAI;AAC1B,wBAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,wBAAA,OAAO,GAAG,CAAC,CAAC;wBACZ,SAAS,EAAE,QAAQ,CAAC;AACnB,4BAAA,GAAG,EAAE,CAAC;AACN,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,QAAQ,EAAE,QAAQ;AAClB,yBAAA,CAAC;oBACH,CAAC;AACD,iBAAA,CAAC;YACH;AAEA,YAAA,OAAO,IAAI;AACZ,QAAA,CAAC,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE5BC,eAAS,CAAC,MAAK;AACd,QAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS;YAAE;QAE3B,MAAM,QAAQ,GAAGC,eAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAK;AAC9C,YAAA,MAAM,GAAG,GAAG,SAAS,CAAC,SAAS;AAE/B,YAAA,SAAS,CAAC,GAAG,GAAG,MAAM,CAAC;AACxB,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,EAAE;AACV,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,MAAK;AACX,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAClD,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAE1B,QACCC,wBACC,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,SAAS,EAAE;AAC3C,YAAA,gBAAgB,EAAE,MAAM;SACxB,CAAC,EACF,KAAK,EAAE;AACN,YAAA,GAAG,KAAK;YACR,QAAQ;YACR,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;SACN,EAAA,QAAA,EAEA,cAAc,EAAA,CACV;AAER;AAEA,KAAK,CAAC,KAAK,GAAGL,aAAK;;;;"}
+{"version":3,"file":"affix.js","sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n    Children,\n    cloneElement,\n    MouseEvent,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst defaultGetContainer = () => {\n    if (typeof window === \"undefined\") return null;\n    return window;\n};\n\nconst Affix = (props: IAffix) => {\n    const {\n        position = \"fixed\",\n        left,\n        top,\n        right,\n        bottom,\n        offset,\n        style,\n        className,\n        children,\n        getContainer = defaultGetContainer,\n    } = props;\n\n    const [hidden, setHidden] = useState<boolean>(() => {\n        if (!offset) return false;\n        if (typeof window === \"undefined\") return false;\n        return (window.scrollY ?? 0) < offset;\n    });\n    const getContainerRef = useRef(getContainer);\n    getContainerRef.current = getContainer;\n\n    const hijackChildren = useMemo(() => {\n        return Children.map(children, (node: any) => {\n            if (node.type !== ToTop) return node;\n\n            const { onClick } = node.props;\n\n            return cloneElement(node, {\n                onClick: (e: MouseEvent) => {\n                    const container = getContainerRef.current();\n\n                    onClick?.(e);\n                    container?.scrollTo({\n                        top: 0,\n                        left: 0,\n                        behavior: \"smooth\",\n                    });\n                },\n            });\n        });\n    }, [children]);\n\n    useEffect(() => {\n        const container = getContainerRef.current();\n        if (!offset || !container) return;\n\n        const getScrollTop = () =>\n            container instanceof Window\n                ? container.scrollY\n                : container.scrollTop;\n\n        const listener = debounce({ delay: 160 }, () => {\n            setHidden(getScrollTop() < offset);\n        });\n\n        listener();\n        container.addEventListener(\"scroll\", listener);\n\n        return () => {\n            listener.cancel();\n            container.removeEventListener(\"scroll\", listener);\n        };\n    }, [offset]);\n\n    return (\n        <div\n            className={classNames(\"i-affix\", className, {\n                \"i-affix-visible\": !hidden,\n            })}\n            style={{\n                ...style,\n                position,\n                left,\n                top,\n                right,\n                bottom,\n            }}\n        >\n            {hijackChildren}\n        </div>\n    );\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"names":["useState","useRef","useMemo","Children","ToTop","cloneElement","useEffect","debounce","_jsx","classNames"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,mBAAmB,GAAG,MAAK;IAC7B,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;AAC9C,IAAA,OAAO,MAAM;AACjB,CAAC;AAED,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC5B,MAAM,EACF,QAAQ,GAAG,OAAO,EAClB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,mBAAmB,GACrC,GAAG,KAAK;IAET,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAU,MAAK;AAC/C,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK;QACzB,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,YAAA,OAAO,KAAK;QAC/C,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,MAAM;AACzC,IAAA,CAAC,CAAC;AACF,IAAA,MAAM,eAAe,GAAGC,YAAM,CAAC,YAAY,CAAC;AAC5C,IAAA,eAAe,CAAC,OAAO,GAAG,YAAY;AAEtC,IAAA,MAAM,cAAc,GAAGC,aAAO,CAAC,MAAK;QAChC,OAAOC,cAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AACxC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAKC,aAAK;AAAE,gBAAA,OAAO,IAAI;AAEpC,YAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK;YAE9B,OAAOC,kBAAY,CAAC,IAAI,EAAE;AACtB,gBAAA,OAAO,EAAE,CAAC,CAAa,KAAI;AACvB,oBAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAE3C,oBAAA,OAAO,GAAG,CAAC,CAAC;oBACZ,SAAS,EAAE,QAAQ,CAAC;AAChB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACrB,qBAAA,CAAC;gBACN,CAAC;AACJ,aAAA,CAAC;AACN,QAAA,CAAC,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEdC,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAC3C,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS;YAAE;AAE3B,QAAA,MAAM,YAAY,GAAG,MACjB,SAAS,YAAY;cACf,SAAS,CAAC;AACZ,cAAE,SAAS,CAAC,SAAS;QAE7B,MAAM,QAAQ,GAAGC,eAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAK;AAC3C,YAAA,SAAS,CAAC,YAAY,EAAE,GAAG,MAAM,CAAC;AACtC,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,EAAE;AACV,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,MAAK;YACR,QAAQ,CAAC,MAAM,EAAE;AACjB,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACrD,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,QACIC,wBACI,SAAS,EAAEC,mBAAU,CAAC,SAAS,EAAE,SAAS,EAAE;YACxC,iBAAiB,EAAE,CAAC,MAAM;SAC7B,CAAC,EACF,KAAK,EAAE;AACH,YAAA,GAAG,KAAK;YACR,QAAQ;YACR,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;SACT,EAAA,QAAA,EAEA,cAAc,EAAA,CACb;AAEd;AAEA,KAAK,CAAC,KAAK,GAAGL,aAAK;;;;"}

package/lib/cjs/components/affix/totop.js

@@ -14,7 +14,7 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 
 function ToTop(props) {
     const { style, className, onClick } = props;
-    return (jsxRuntime.jsx(button.default, { square: true, className: classNames__default("i-affix-totop", className), style: { ...style }, onClick: onClick, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.SkipPreviousRound, {}), rotate: 90 }) }));
+    return (jsxRuntime.jsx(button.default, { square: true, className: classNames__default("i-affix-totop", "i-affix-target", className), style: { ...style }, onClick: onClick, children: jsxRuntime.jsx(icon.default, { icon: jsxRuntime.jsx(material.SkipPreviousRound, {}), rotate: 90 }) }));
 }
 
 exports.default = ToTop;

package/lib/cjs/components/affix/totop.js.map

@@ -1 +1 @@
-{"version":3,"file":"totop.js","sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport { IAffix } from \"./type\";\n\nfunction ToTop(props: IAffix) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"names":["_jsx","Button","classNames","Icon","SkipPreviousRound"],"mappings":";;;;;;;;;;;;;;AAMA,SAAS,KAAK,CAAC,KAAa,EAAA;IAC3B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK;AAE3C,IAAA,QACCA,cAAA,CAACC,cAAM,IACN,MAAM,EAAA,IAAA,EACN,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEhBF,cAAA,CAACG,YAAI,IAAC,IAAI,EAAEH,eAACI,0BAAiB,EAAA,EAAA,CAAG,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EAAA,CACzC;AAEX;;;;"}
+{"version":3,"file":"totop.js","sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { CSSProperties, MouseEventHandler } from \"react\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\n\ninterface IToTopProps {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tonClick?: MouseEventHandler<HTMLElement>;\n}\n\nfunction ToTop(props: IToTopProps) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", \"i-affix-target\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"names":["_jsx","Button","classNames","Icon","SkipPreviousRound"],"mappings":";;;;;;;;;;;;;;AAYA,SAAS,KAAK,CAAC,KAAkB,EAAA;IAChC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK;AAE3C,IAAA,QACCA,cAAA,CAACC,cAAM,IACN,MAAM,EAAA,IAAA,EACN,SAAS,EAAEC,mBAAU,CAAC,eAAe,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACnE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEhBF,cAAA,CAACG,YAAI,IAAC,IAAI,EAAEH,eAACI,0BAAiB,EAAA,EAAA,CAAG,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EAAA,CACzC;AAEX;;;;"}

package/lib/cjs/components/progress/circle.js

@@ -7,9 +7,9 @@ var text = require('../text/text.js');
 
 function Circle(props) {
     const { value, circleSize = 40, lineWidth = 8 } = props;
-    return (jsxRuntime.jsxs("div", { className: 'i-progress-circle', children: [jsxRuntime.jsxs("svg", { width: circleSize, height: circleSize, children: [jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--background-opacity-2)', strokeWidth: lineWidth }), jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--color-main)', strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: 'i-progress-circle-path', strokeLinecap: 'round', style: {
-                            strokeDashoffset: `calc(100 - ${value})`,
-                        } })] }), jsxRuntime.jsxs("span", { className: 'i-progress-circle-value', children: [jsxRuntime.jsx("span", { children: value }), jsxRuntime.jsx(text.default, { size: '.81em', className: 'color-7', children: "%" })] })] }));
+    return (jsxRuntime.jsxs("div", { className: "i-progress-circle", children: [jsxRuntime.jsxs("svg", { width: circleSize, height: circleSize, children: [jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main-0)", strokeWidth: lineWidth }), jsxRuntime.jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main)", strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: "i-progress-circle-path", strokeLinecap: "round", style: {
+                            strokeDashoffset: 100 - (value ?? 0),
+                        } })] }), jsxRuntime.jsxs("span", { className: "i-progress-circle-value", children: [jsxRuntime.jsx("span", { children: value }), jsxRuntime.jsx(text.default, { size: ".81em", className: "color-5", children: "%" })] })] }));
 }
 
 exports.default = Circle;

package/lib/cjs/components/progress/circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"circle.js","sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n\tprops: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">\n) {\n\tconst { value, circleSize = 40, lineWidth = 8 } = props;\n\n\treturn (\n\t\t<div className='i-progress-circle'>\n\t\t\t<svg width={circleSize} height={circleSize}>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--background-opacity-2)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--color-main)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t\tstrokeDasharray={100}\n\t\t\t\t\tpathLength={100}\n\t\t\t\t\tclassName='i-progress-circle-path'\n\t\t\t\t\tstrokeLinecap='round'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstrokeDashoffset: `calc(100 - ${value})`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t<span className='i-progress-circle-value'>\n\t\t\t\t<span>{value}</span>\n\t\t\t\t<Text size='.81em' className='color-7'>\n\t\t\t\t\t%\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"names":["_jsxs","_jsx","Text"],"mappings":";;;;;;;AAGc,SAAU,MAAM,CAC7B,KAA4D,EAAA;AAE5D,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK;IAEvD,QACCA,yBAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACjCA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,aACzCC,cAAA,CAAA,QAAA,EAAA,EACC,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,6BAA6B,EACpC,WAAW,EAAE,SAAS,EAAA,CACrB,EACFA,2BACC,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,GAAG,EACpB,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,wBAAwB,EAClC,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;4BACN,gBAAgB,EAAE,CAAA,WAAA,EAAc,KAAK,CAAA,CAAA,CAAG;yBACxC,EAAA,CACA,CAAA,EAAA,CACG,EAEND,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACxCC,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EACpBA,cAAA,CAACC,YAAI,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,GAAA,EAAA,CAE/B,CAAA,EAAA,CACD,CAAA,EAAA,CACF;AAER;;;;"}
+{"version":3,"file":"circle.js","sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n    props: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">,\n) {\n    const { value, circleSize = 40, lineWidth = 8 } = props;\n\n    return (\n        <div className=\"i-progress-circle\">\n            <svg width={circleSize} height={circleSize}>\n                <circle\n                    cx={circleSize / 2}\n                    cy={circleSize / 2}\n                    r={circleSize / 2 - lineWidth / 2}\n                    fill=\"none\"\n                    stroke=\"var(--color-main-0)\"\n                    strokeWidth={lineWidth}\n                />\n                <circle\n                    cx={circleSize / 2}\n                    cy={circleSize / 2}\n                    r={circleSize / 2 - lineWidth / 2}\n                    fill=\"none\"\n                    stroke=\"var(--color-main)\"\n                    strokeWidth={lineWidth}\n                    strokeDasharray={100}\n                    pathLength={100}\n                    className=\"i-progress-circle-path\"\n                    strokeLinecap=\"round\"\n                    style={{\n                        strokeDashoffset: 100 - (value ?? 0),\n                    }}\n                />\n            </svg>\n\n            <span className=\"i-progress-circle-value\">\n                <span>{value}</span>\n                <Text size=\".81em\" className=\"color-5\">\n                    %\n                </Text>\n            </span>\n        </div>\n    );\n}\n"],"names":["_jsxs","_jsx","Text"],"mappings":";;;;;;;AAGc,SAAU,MAAM,CAC1B,KAA4D,EAAA;AAE5D,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK;IAEvD,QACIA,yBAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC9BA,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,aACtCC,cAAA,CAAA,QAAA,EAAA,EACI,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,qBAAqB,EAC5B,WAAW,EAAE,SAAS,EAAA,CACxB,EACFA,2BACI,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,GAAG,EACpB,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,wBAAwB,EAClC,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;AACH,4BAAA,gBAAgB,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC;yBACvC,EAAA,CACH,CAAA,EAAA,CACA,EAEND,eAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACrCC,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EACpBA,cAAA,CAACC,YAAI,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,GAAA,EAAA,CAE/B,CAAA,EAAA,CACJ,CAAA,EAAA,CACL;AAEd;;;;"}

package/lib/css/index.css

@@ -1,2 +1,2 @@
-@import "@rc-component/color-picker/assets/index.css";@import "./tokens.css";@import "./reset.css";@import "./input.css";@import "./colors.css";@import "./utilities.css";.i-affix{display:flex;flex-direction:column;gap:.5em;position:fixed;transition:var(--transition);z-index:50}.i-affix-hidden{.i-affix-totop{opacity:0}}.i-ripple-container{border-radius:inherit;contain:strict;inset:0;overflow:hidden;pointer-events:none;position:absolute;.i-ripple{background:var(--color);border-radius:50%;opacity:.15;position:absolute;transform:translate(-50%,-50%) scale(.25);transform-origin:50%}.i-ripple-active{opacity:0;transform:translate(-50%,-50%) scale(1)}}.i-loading-container{align-items:center;backdrop-filter:blur(2px);border-radius:inherit;display:flex;flex-direction:column;font-size:inherit;gap:.5em;justify-content:center;transform:translateZ(0)}.i-loading-icon{stroke:var(--color);animation:rotate .628s linear 0s infinite;height:1em;width:1em}.i-btn{--gap:0.25em;--background:var(--color-main);--background-hover:var(--color-main-1);--color:var(--color-main-reverse);align-items:center;background:var(--background);border:2px solid transparent;border-radius:var(--radius);color:var(--color);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.94em;font-weight:500;gap:var(--gap);height:2.25em;justify-content:center;line-height:1;outline:none;padding:0 .6em;position:relative;transition:var(--transition);user-select:none;white-space:nowrap;.i-ripple-container{inset:-2px}}.i-btn-toggle{overflow:hidden}.i-btn-toggle-content{align-items:center;display:inline-flex;gap:var(--gap);transform:scale(.4);&.i-btn-toggle-active{transform:none;transition:var(--transition)}}.i-btn-block{width:100%}.i-btn-large{font-size:1.25em}.i-btn-extreme{font-size:2em;height:2em}.i-btn-small{font-size:.86em;height:2em;line-height:2;padding:0 .4em}.i-btn-mini{font-size:.8em;height:1.4em;line-height:1;padding:0 .2em}.i-btn-square{padding:0;width:2.25em;&.i-btn-extreme,&.i-btn-small{width:2em}}.i-btn:hover{--background:var(--background-hover);--color:var(--color-hover,var(--color-main-reverse))}.i-btn-secondary{--background-hover:var(--color-main-0);--background:var(--color-main-0);--color:var(--color-main);--color-hover:var(--color-main-1)}.i-btn-flat{--background-hover:var(--color-main-0);--background:transparent;--color:var(--color-main);--color-hover:var(--color-main-1)}.i-btn-outline{--background-hover:var(--color-main-0);--color:var(--color-main);--color-hover:var(--color-main-1);&.i-btn{--background:transparent;border-color:var(--color)}}.i-btn.i-btn-flat:hover,.i-btn.i-btn-outline:hover,.i-btn.i-btn-secondary:hover{--background:var(--background-hover)}.i-btn-content{display:contents}.i-btn-loading{cursor:default;opacity:.628}.i-btn-group-horizonal{display:flex;.i-btn{&:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}&:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}}}.i-btn-group-vertical{display:flex;flex-direction:column;.i-btn{&:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}&:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}}}.icon{vertical-align:middle}.i-badge{align-self:center;border-radius:var(--radius);display:inline-flex;flex-shrink:0;position:relative}.i-badge-content{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:inherit;box-shadow:var(--shadow);font-size:.86em;inset:0 0 auto auto;padding:.2em .5em;pointer-events:none;position:absolute;transform:translate(50%,-50%) scale(1);transition:all .16s;z-index:1;&.i-badge-dot{border-radius:1em;color:transparent;height:1em;overflow:hidden;padding:0;width:1em}&.i-badge-hidden,&:empty{transform:translate(50%,-50%) scale(0)}}.i-card{--card-padding:8px 12px;backdrop-filter:var(--blur);background:var(--background-opacity-2);border-radius:var(--radius);display:flex;flex-direction:column;overflow:auto}.i-card-bordered{border:1px solid var(--color-8)}.i-card-header{align-items:center;display:flex;gap:.25em;padding:var(--card-padding)}.i-card-content{flex:1}.i-card-footer{align-items:center;display:flex;gap:.25em;margin-top:auto;padding:var(--card-padding)}.i-input-label{align-content:flex-start;align-items:baseline;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:.5em;max-width:100%;position:relative;width:100%;&:has(.i-input-success){--color:var(--green)}&:has(.i-input-warning){--color:var(--yellow)}&:has(.i-input-error){--color:var(--error)}}.i-input-inline{flex-wrap:nowrap;.i-input-item,.i-radio-options,.i-upload-inner{flex:1 1 auto}.i-input-message{backdrop-filter:var(--blur);background:var(--background-opacity);padding:.2em .5em;position:absolute;right:12%;top:-.8em}}.i-input-label-text{border-radius:inherit;flex:0 0 var(--label-width);font-weight:500;text-align:var(--label-align);transition:all .12s}.i-input-item{--input-border-width:2px;--invert-input-border-width:calc(var(--input-border-width)*-1);align-items:baseline;border:var(--input-border-width) solid var(--background-opacity-2);border-radius:inherit;display:flex;flex:1 1 100%;max-width:100%;transition:var(--transition);.i-btn{align-self:stretch}&.i-input-focus,&:focus-within,&:hover{background-color:transparent;border-color:var(--color-8)}&.i-input-success{border-color:var(--green-0)}&.i-input-warning{border-color:var(--yellow-0)}&.i-input-error{border-color:var(--error-0)}}.i-input-borderless{background:var(--background-opacity-2);border-color:transparent}.i-input-underline{background:transparent;border-color:var(--background-opacity-2);border-radius:0;border-width:0 0 var(--input-border-width) 0}.i-input{background:transparent;border-radius:inherit;color:inherit;flex:1;outline:none;padding:var(--padding);text-align:inherit;transition:var(--transition);width:100%;&[type=number]::-webkit-inner-spin-button,&[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}&[readonly]{caret-color:transparent}&[type=password]{font-family:math}&:disabled{background:var(--background-opacity-1);cursor:not-allowed}}.i-input-message{--color:var(--color-5);align-self:center;border-radius:var(--radius);color:var(--color);flex:1 1 auto;font-size:.8em;pointer-events:none;z-index:1}.i-input-success{--color:var(--green)}.i-input-warning{--color:var(--yellow)}.i-input-error{--color:var(--error)}.i-textarea{display:block;max-width:100%;min-height:2.14em;transition:var(--transition),width 0s,height 0s}.i-input-append,.i-input-prepend{align-self:stretch;display:flex;margin:var(--invert-input-border-width);place-items:center;.i-btn{border-radius:inherit;height:unset}}.i-input-prepend{border-bottom-left-radius:inherit;border-top-left-radius:inherit;margin-right:0}.i-input-append{border-bottom-right-radius:inherit;border-top-right-radius:inherit;margin-left:0}.i-options-block{&>.i-checkbox-item,&>.i-radio-item{flex:1 1 100%}}.i-input-number{padding:var(--padding);padding-inline:0;text-align:center}.i-checkbox{gap:1em}.i-checkbox-item{align-items:baseline;align-self:flex-start;border-radius:var(--radius);display:inline-flex;gap:.25em;&:hover{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--color-5)}.i-checkbox-switch{box-shadow:inset 0 0 0 2px var(--color-8)}.i-checkbox-partof{box-shadow:none}}.i-checkbox-input{&:checked{box-shadow:none}}}.i-checkbox-options{align-self:baseline;display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.625em;position:relative}.i-checkbox-text{border-radius:inherit;color:var(--color-3);display:inline-flex;transition:var(--transition);user-select:none;&:empty{display:none}}.i-checkbox-input{align-self:center;appearance:none;border-radius:inherit;cursor:inherit;display:flex;height:1.125em;outline:0;overflow:hidden;position:relative;transition:var(--transition);width:1.125em}.i-checkbox-custom{height:0;width:0}.i-checkbox-switch{background:var(--color-9);border-radius:2.4em;box-shadow:inset 0 0 0 2px var(--color-9);height:1.125em;overflow:unset;width:2.2em;&:hover{&:after{background-color:var(--color-main-0);box-shadow:0 0 0 2px var(--color-7)}}}.i-checkbox-default{border-radius:2px;box-shadow:inset 0 0 0 2px var(--color-7)}.i-checkbox-button{display:none}.i-checkbox-default:after,.i-checkbox-partof:after,.i-checkbox-switch:after,.i-checkbox-switch:before{content:"\20";position:absolute;transition:var(--transition)}.i-checkbox-default:after{border-bottom:2px solid var(--color-main-reverse);border-radius:1px;border-right:2px solid var(--color-main-reverse);height:50%;left:34%;top:16%;transform:rotate(90deg) scale(0);width:20%}.i-checkbox-switch{&:after{background-color:var(--background);border-radius:1em;box-shadow:0 0 0 2px var(--color-8);height:1em;left:0;top:50%;transform:translateY(-50%);transition:var(--transition);width:1em}&:active{&:after{width:1.5em}&:checked:after{left:-.5em}}}.i-checkbox-input:checked{&.i-checkbox-default{background-color:var(--color-main);&:after{transform:rotate(45deg)}}&.i-checkbox-switch{background-color:var(--color-main);&:after{background-color:var(--background);box-shadow:0 0 0 2px var(--color-main);transform:translate(1.2em,-50%)}}&+.i-checkbox-text{color:var(--color-main)}}.i-checkbox-button{&+.i-checkbox-text{align-items:center;border:1.5px solid var(--color-9);border-radius:2em;display:flex;font-size:.9em;line-height:1.8;padding:0 1em;white-space:nowrap}&:hover+.i-checkbox-text{background-color:var(--color-9);border-color:var(--color-8)}&:checked+.i-checkbox-text{background-color:var(--color-main-0);border-color:var(--color-main);color:var(--color-main)}}.i-checkbox-partof{background-color:var(--color-main);border-radius:2px;&:after{background-color:var(--color-main-reverse);border-radius:var(--radius);height:2px;left:50%;top:50%;transform:translate(-50%,-50%);width:.5em}}.i-checkbox-message{align-self:flex-start;font-size:.8em;margin-top:.5em;pointer-events:none}.i-checkbox-success{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--success-0);&:checked{background-color:var(--success-0)}}.i-checkbox-message{color:var(--success)}}.i-checkbox-warning{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--warning-0);&:checked{background-color:var(--warning-0)}}.i-checkbox-message{color:var(--warning)}}.i-checkbox-error{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--error-0);&:checked{background-color:var(--error-0)}}.i-checkbox-message{color:var(--error)}}.i-helpericon{align-items:center;align-self:center;border-radius:var(--radius);color:var(--color-7);display:flex;font-size:.8em;justify-content:center;margin:.25em;min-height:1.675em;min-width:1.675em;padding:.125em;position:relative;transition:var(--transition);&:hover{background:var(--background-opacity-1);color:var(--color-3)}}.i-collapse{border-radius:var(--radius)}.i-collapse-bordered{border:1px solid var(--color-8);.i-collapse-item+.i-collapse-item{border-top:1px solid var(--color-8)}}.i-collapse-header,.i-collapse-item{border-radius:var(--radius)}.i-collapse-header{align-items:center;display:flex;font-weight:500;justify-content:space-between;padding:.5em;transition:var(--transition);&:hover{background-color:var(--background-opacity-2)}}.i-collapse-toggle{display:flex;margin:0;user-select:none}.i-collapse-content{border-radius:var(--radius);height:0;overflow:hidden;padding:0 .5em;transition:var(--transition)}.i-collapse-active>.i-collapse-header,.i-collapse-header:hover{opacity:1}.i-collapse-active>.i-collapse-content{height:unset;padding:.5em}.i-collapse-disabled{opacity:.4;pointer-events:none;>.i-collapse-content{height:0;overflow:hidden;padding:0 .5em}}.i-empty{color:var(--color-7);height:3em;margin:auto;width:3em}.i-datagrid-container{border-radius:var(--radius);overflow:auto;&:has(.i-datagrid-loading){overflow:hidden!important;position:relative}}.i-datagrid-loading{overflow:hidden!important;user-select:none;.i-datagrid{max-height:100%;max-width:100%}.i-loading-container{backdrop-filter:blur(2px);background:var(--background-opacity);inset:0;position:absolute;z-index:10}}.i-datagrid{contain:content;content-visibility:auto;display:grid;grid-template-columns:var(--grid-template-columns);grid-template-rows:var(--grid-template-rows);min-width:100%;width:fit-content;.i-empty{grid-column:1/-1;margin:1em auto}}.i-datagrid-bordered{--datagrid-border-color:var(--color-9);outline:1px solid var(--datagrid-border-color);.i-datagrid-virtual-header{padding-bottom:1px}.i-datagrid-cell{outline:1px solid var(--datagrid-border-color)}}.i-datagrid-striped{.i-datagrid-row{--datagrid-border-color:var(--color-8);&:nth-child(odd){--datagrid-cell-background:var(--background-1)}}}.i-datagrid .i-datagrid-row{--datagrid-cell-background:var(--background);display:contents;&:hover{--datagrid-cell-background:var(--background);.i-datagrid-cell{z-index:1}[class*=" i-datagrid-cell-fixed"]{z-index:3}}}.i-datagrid-cell{align-items:center;background:var(--datagrid-cell-background);display:flex;gap:4px;justify-content:var(--datagrid-justify);overflow:hidden;padding:var(--cell-padding);position:sticky;transition:background-color .12s}[class*=" i-datagrid-cell-fixed"]{z-index:2}.i-datagrid-cell-fixed-right{box-shadow:-2px 0 4px var(--color-9)}.i-datagrid-cell-fixed-left{box-shadow:2px 0 4px var(--color-9)}.i-datagrid-cell-content{display:inherit;flex:1 1 auto;gap:inherit;justify-content:inherit;min-width:0;overflow:hidden;white-space:nowrap}.i-datagrid-cell-content-ellipsis{display:block;text-align:var(--datagrid-justify);text-overflow:ellipsis}.i-datagrid-header{.i-datagrid-cell{--datagrid-cell-background:var(--background);line-height:1;text-overflow:ellipsis;user-select:none;white-space:nowrap;z-index:3}[class*=" i-datagrid-cell-fixed"]{z-index:4}}.i-datagrid-resizor{cursor:ew-resize;inset:0 0 0 auto;position:absolute;transition:.12s;width:4px;&:hover{background-color:var(--color-5)}}.i-datagrid-has-sorter{cursor:pointer;&:hover{--datagrid-cell-background:var(--color-9)}}.i-datagrid-sorter{color:var(--color-7);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:.8em}.i-datagrid-sorter-caret{&:first-child{margin-bottom:-.4em;transform:rotate(-90deg)}&:last-child{transform:rotate(90deg)}}.i-datagrid-sorter-asc{.i-datagrid-sorter-caret:first-child{color:var(--color-main)}}.i-datagrid-sorter-desc{.i-datagrid-sorter-caret:last-child{color:var(--color-main)}}.i-datagrid-virtual-header{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.i-description{display:grid}.i-description-item{display:flex;gap:.5em}.i-description-item-vertical{flex-direction:column}.i-description-label{color:var(--color-5);flex-shrink:0;width:var(--description-label-width)}.i-description-value{flex:1}.i-backdrop-drawer{backdrop-filter:blur(8px);background:var(--color-backdrop);display:flex;inset:0;opacity:0;pointer-events:none;position:fixed;transition:var(--transition);z-index:100;&.i-active{opacity:1;pointer-events:unset}}.i-drawer{backdrop-filter:var(--blur);background:var(--background);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:100%;max-width:100%;overflow:auto;position:absolute;transition:var(--transition)}.i-drawer-left{inset:0 auto 0 0;transform:translate3d(-100%,0,0)}.i-drawer-top{inset:0 0 auto;transform:translate3d(0,-100%,0)}.i-drawer-right{inset:0 0 0 auto;transform:translate3d(100%,0,0)}.i-drawer-bottom{inset:auto 0 0;transform:translate3d(0,100%,0)}.i-active>.i-drawer{opacity:1;pointer-events:unset;transform:none}.i-drawer-footer,.i-drawer-header{align-items:center;display:flex;padding:12px;&:empty{display:none}}.i-drawer-content{flex:1;overflow-x:hidden}.i-drawer-close{align-self:flex-start;border-radius:var(--radius);display:flex;margin:0 0 0 auto}.i-list{--gap:0.5em;overflow:auto}.i-list-item{border-radius:var(--radius);display:flex;gap:var(--gap);padding:var(--padding);transition:var(--transition)}.i-list-item-bordered{box-shadow:inset 0 0 0 1px var(--color-8);&+.i-list-item-bordered{margin-top:-1px}&:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}&:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}&:hover{box-shadow:inset 0 0 0 1px var(--color-7);z-index:1}}.i-list-option{cursor:pointer;justify-content:space-between;position:relative;user-select:none;white-space:nowrap;&:hover{background-color:var(--background-opacity-2)}&.i-list-item-active{background-color:var(--color-main-0)}}.i-list-item-label{align-self:flex-start}.i-popup{background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;transform:translateY(2px);will-change:left,top,opacity,transform;z-index:100}.i-popup,.i-popup-arrow{position:absolute;transition:all .12s}.i-popup-arrow{color:unset;height:24px;pointer-events:none;width:8px;path{fill:var(--background)}}.i-dropdown-content{border-radius:inherit;gap:2px;max-height:40vh;overflow-x:hidden;padding:8px}.i-dropdown-content,.i-editor{display:flex;flex-direction:column}.i-editor{position:relative;&:focus-within,&:hover{>.i-editor-content,>.i-editor-controls{border-color:var(--color-8)}}}.i-editor-borderless{border-radius:var(--radius);&>.i-editor-content,&>.i-editor-controls{border:none}}.i-editor-controls{border:2px solid var(--color-9);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;display:flex;gap:2px;padding:2px;transition:var(--transition);.i-btn{--color:var(--color-5);&:hover{--color:var(--color);.i-editor-control-tip{opacity:1}}}}.i-editor-control-tip{backdrop-filter:var(--blur);border-radius:4px;left:50%;line-height:1;opacity:0;padding:4px;pointer-events:none;position:absolute;top:100%;transform:translate(-50%);transition:var(--transition);z-index:1}.i-editor-content{word-wrap:break-word;border:2px solid var(--color-9);border-radius:0 0 var(--radius) var(--radius);flex:1;outline:none;overflow:auto;padding:var(--padding);tab-size:1em;transition:var(--transition);white-space:pre-wrap;word-break:break-all;&:first-child{border-radius:var(--radius)}&:focus,&:hover{border-color:var(--color-8)}a{color:var(--blue)}img{margin:0}&:empty:before{color:var(--color-5);content:attr(data-placeholder);pointer-events:none}}.i-editor-memtion{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);box-shadow:var(--shadow);margin:4px 0 0;max-width:240px;min-width:120px;overflow:auto;padding:4px;z-index:1000;.i-list-item{color:var(--color-5)}.i-list-item-active{color:var(--color-main)}}.i-memtion-tag{align-items:center;display:inline-flex;max-width:100%;user-select:none;vertical-align:baseline}.i-form{display:grid;max-width:100%}.i-form-inline{--label-inline:nowrap;.i-input-label{flex-wrap:nowrap}}.i-modal-container{display:flex;inset:0;opacity:0;overflow:hidden;padding:12px;pointer-events:none;position:fixed;transition:var(--transition);z-index:100;&.i-modal-active{opacity:1}}.i-modal-backdrop{backdrop-filter:blur(8px);background:var(--color-backdrop);&.i-modal-active{pointer-events:unset}}.i-modal-customized{overflow:unset}.i-modal{background:var(--background);border-radius:var(--radius);display:flex;flex-direction:column;line-height:normal;margin:auto;max-height:100%;max-width:100%;overflow-x:hidden;position:relative;transform:translateY(12px);transition:var(--transition);&.bounced{animation:bounce .4s ease-in-out 0s}}.i-modal-active>.i-modal{opacity:1;pointer-events:all;transform:none}.i-modal-footer,.i-modal-header{align-items:center;display:flex;gap:12px;padding:12px;position:relative;&:empty{display:none}}.i-modal-header>b{display:contents}.i-modal-footer{justify-content:center}.i-modal-content{flex:1;line-height:1.5;max-height:100%;overflow-x:hidden}.i-modal{.i-modal-close{align-self:flex-start;border-radius:var(--radius);display:flex;margin:0 0 0 auto}}.i-text-gradient{-webkit-text-fill-color:transparent}.i-text-gradient-wave{animation:text-wave 1.2s linear 0s infinite;background-position:0 0;background-size:200% 100%}@keyframes text-wave{to{background-position:-100% 0}}.i-progress{background:var(--background-1);border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1 100%;position:relative}.i-progress-vertical{height:100%;&>.i-progress-bar{align-self:flex-end;height:100%}}.i-progress-bar{background:var(--color-main);border-radius:var(--radius);position:relative;transform-origin:left;transition:var(--transition);width:100%}.i-progress-cursor{border-radius:inherit;box-shadow:var(--shadow);display:flex;min-height:120%;min-width:1em;overflow:hidden;position:absolute;right:0;top:50%;transform:translate(50%,-50%) scale(0);transition:var(--transition);user-select:none}.i-progress:hover .i-progress-cursor,.no-transition>.i-progress-cursor{transform:translate(50%,-50%) scale(1)}.i-progress-circle{position:relative}.i-progress-circle-path{border-radius:50px;transition:var(--transition)}.i-progress-circle-value{font-size:1.5em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.i-video{background:#000;border-radius:var(--radius);overflow:hidden;position:relative;video{height:100%;width:100%}}.i-video-controls{align-items:center;backdrop-filter:var(--blur);background:var(--background-opacity);bottom:-1px;display:flex;font-size:.9em;gap:4px;left:0;padding:4px;position:absolute;right:0;transition:var(--transition);user-select:none;white-space:nowrap;.i-btn{flex-shrink:0}.i-icon{font-size:1.2em}&:hover{opacity:1;pointer-events:unset}}.i-video-controls-hidden{opacity:0;pointer-events:none}.i-video-control,.i-video-times{align-items:center;display:flex}.i-video-times{gap:4px;margin-inline:8px}.i-video-volume{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);bottom:100%;left:50%;opacity:0;padding:8px;pointer-events:none;position:absolute;transform:translate(-50%,4px);transition:var(--transition);z-index:1}.i-video-control-volume{position:relative;&:hover{& .i-video-volume{opacity:1;pointer-events:unset}}}.i-preview{padding:0;.i-modal{background:transparent;height:100%;overflow:unset;pointer-events:none!important;position:static;transform:none;width:100%}.i-preview-container{height:100%;position:relative;width:100%}.i-preview-content{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:var(--transition);width:100%;will-change:transform;*{pointer-events:all}}.i-preview-controls{align-items:center;background:var(--background-opacity);border-radius:var(--radius);display:flex;font-size:.9em;gap:1px;padding:4px;pointer-events:all;position:fixed;right:.5em;top:.5em;transition:all .24s ease-out;z-index:10;&:hover{opacity:1}}.i-preview-controls-hidden{opacity:0}.i-preview-unknown{align-items:center;background:var(--background);border-radius:var(--radius);display:flex;flex-direction:column;padding:.5em 1em}}.i-image{align-items:center;align-self:center;backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;vertical-align:middle;.i-loading-container{backdrop-filter:var(--blur);z-index:1}&>img{border-radius:inherit;height:100%;object-fit:cover;width:100%}}.i-image-cover{align-items:center;backdrop-filter:var(--blur);background:var(--background-opacity);inset:0;position:absolute}.i-image-cover,.i-messages{display:flex;justify-content:center}.i-messages{cursor:default;flex-direction:column;inset:12px;pointer-events:none;position:fixed;z-index:10000}.i-message,.i-messages{transition:var(--transition)}.i-message{backdrop-filter:var(--blur);background:var(--background-opacity-2);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;padding:.625em 1em;pointer-events:all;position:absolute;transform:translate(80px) scale(.86) skew(-40deg);&.i-message-active{opacity:1;transform:translate(0)}}.i-pagination{align-items:center;display:flex;gap:.2em}.i-page{--background:transparent;--color:var(--color-7);align-items:center;background:var(--background);border:2px solid transparent;border-radius:var(--radius);color:var(--color);cursor:pointer;display:inline-flex;height:2.25em;justify-content:center;min-width:2.25em;outline:none;padding:0 .32em;position:relative;transition:var(--transition);user-select:none;white-space:nowrap;.i-ripple-container{inset:-2px}.i-loading-container{backdrop-filter:var(--blur);background:var(--background-opacity);inset:0;position:absolute;z-index:1}&:hover{--background:var(--background-opacity-2)}&.i-page-active{--background:var(--color-main);--color:var(--color-main-reverse);cursor:default}&.i-page-loading{--background:unset;cursor:default}}.i-select{display:flex;gap:.25em}.i-select-multiple{flex-wrap:wrap;padding:.225em .628em;.i-tag{background:var(--background-opacity-1);line-height:1.425em;padding:0 .5em;position:relative}}.i-select-options{--gap:0.25em;border-radius:inherit;display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow-x:hidden;padding:4px;.i-list-item{align-items:center;color:var(--color-5);justify-content:unset;&.i-list-item-active{background:var(--color-main-0);color:var(--color-main);.i-select-option-check{opacity:1}}&.disabled{pointer-events:none}}}.i-select-options-multiple{.i-list-item{&.i-list-item-active{background:transparent}}}.i-select-option-check{opacity:0}.i-select-filter{backdrop-filter:var(--blur);background:var(--background-opacity);border-bottom:1px solid var(--background-opacity-1);display:flex;flex-wrap:wrap;position:sticky;top:0;z-index:1;&:empty{display:none}}.i-tag{--background:var(--color-9);--color:var(--color-1);align-items:center;align-self:center;background:var(--background);border:2px solid transparent;border-radius:var(--radius);color:var(--color);display:inline-flex;font-size:.81em;gap:.5em;justify-content:center;line-height:1;padding:.25em .5em;position:relative;transition:var(--transition);.i-tag-close{background:var(--error);color:var(--white);font-size:.81em;margin:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:all .16s;z-index:1;&:hover{background:var(--error-1);color:var(--white)}}&:hover{.i-tag-hover-close{opacity:1;transform:translate(50%,-50%) scale(1)}}}.i-tag-large{font-size:1em}.i-tag-extreme{font-size:1.5em;height:2em}.i-tag-small{font-size:.72em;padding:.125em .4em}.i-tag-dot{background-color:var(--color);border-radius:50%;box-shadow:0 -1px 1px 0 rgba(var(--color),.3);content:"\20";flex-shrink:0;height:.385em;transition:inherit;width:.385em}.i-tag-outline{--background:transparent;border-color:var(--color)}.i-tag-hover-close{opacity:0;transform:translate(50%,-50%) scale(0)}.i-tag-clickable{cursor:pointer;&:hover{background:var(--background-hover);color:var(--color-hover,var(--color))}}.i-colorpicker-handle{align-items:center;align-self:center;display:inline-flex;font-size:.8em;gap:.25em;position:relative}.i-colorpicker-square{border:2px solid var(--color-9);border-radius:var(--radius);cursor:pointer;display:inline-block;height:1.8em;transition:var(--transition);width:1.8em;&:hover{border-color:var(--color-8)}}.i-colorpicker-footer{display:flex;font-size:.8em;gap:4px}.i-colorpicker-text{background:var(--color-9);border-radius:var(--radius);cursor:pointer;padding:.25em .5em;transition:var(--transition);&:hover{background:var(--color-8)}}.rc-color-picker-panel{background:inherit;box-shadow:none}.i-datepicker-label{position:unset}.i-datepicker{padding:8px;.i-datepicker-item{cursor:pointer}}.i-datepicker-dates,.i-datepicker-weeks{display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.i-datepicker-item,.i-datepicker-week{display:flex;justify-content:center;padding:.32em .5em}.i-datepicker-week{color:var(--color-5)}.i-datepicker-item{--background:transparent;background:var(--background);border-radius:var(--radius);color:var(--color);opacity:.4;transition:all .12s;&:hover{--background:var(--color-main-0);opacity:1}&.i-datepicker-same-month{opacity:.8}&.i-datepicker-today{--background:var(--color-main-0)}&.i-datepicker-active{--background:var(--color-main);--color:var(--color-main-reverse);opacity:1}&.i-datepicker-disabled{cursor:not-allowed;opacity:.2}}.i-datepicker-units{align-items:center;color:var(--color-6);display:flex;font-size:.9em;gap:.125em;margin-bottom:.5em}.i-datepicker-action{align-items:baseline;border-radius:var(--radius);display:flex;gap:.25em;padding:.125em .5em;position:relative;user-select:none;>span{color:var(--color);font-size:1.15em}&:hover{background:var(--color-main-0)}}.i-datepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-datepicker-ym{backdrop-filter:var(--blur);background:var(--background);display:flex;gap:.5em;inset:0;opacity:0;padding:8px;pointer-events:none;position:absolute;transition:var(--transition);z-index:1;&.i-datepicker-active{opacity:1;pointer-events:unset}}.i-datepicker-years{display:flex;flex-direction:column;gap:.25em;max-height:100%;overflow-x:hidden;width:5em}.i-datepicker-months{display:grid;flex:1;gap:.25em;grid-template-columns:repeat(3,1fr);margin-top:1.5em}.i-datepicker-year{flex:1}.i-datepicker-month,.i-datepicker-year{align-items:center;border-radius:var(--radius);display:flex;justify-content:center;padding:2px;user-select:none;&:hover{background-color:var(--background-opacity-2)}&.i-datepicker-active{background:var(--color-main);color:var(--color-main-reverse);opacity:1}}.i-datepicker-close{position:absolute;right:0;top:0}.i-timepicker-label{position:unset}.i-timepicker{display:flex}.i-timepicker-list{display:flex;flex-direction:column;gap:2px;max-height:12.2em;min-width:3em;overflow:auto;padding:4px;scrollbar-width:none;text-align:center;&::-webkit-scrollbar{display:none}&:not(:last-child){border-right:1px solid var(--color-9)}}.i-timepicker-item{border-radius:var(--radius);display:block;opacity:.5;padding:.32em .5em;&:hover{background-color:var(--color-9);opacity:1}&.i-timepicker-item-active{background:var(--color-main);bottom:0;color:var(--color-main-reverse);opacity:1;position:sticky;top:0;z-index:1}}.i-timepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-popconfirm{padding:1rem}.i-popconfirm-footer{margin-top:1rem}.i-radio{display:inline-flex;flex-wrap:wrap;gap:1em;position:relative}.i-radio-label{font-weight:500;text-align:var(--label-align);width:var(--label-width)}.i-radio-item{align-items:baseline;border-radius:var(--radius);display:inline-flex;&:hover{.i-radio-input{background-color:var(--color-main-0);box-shadow:inset 0 0 0 3px var(--color-7)}}}.i-radio-item-custom{>.i-radio-input{height:0;width:0}}.i-input-success .i-radio-input{box-shadow:inset 0 0 0 3px var(--green-0)}.i-input-warning .i-radio-input{box-shadow:inset 0 0 0 3px var(--yellow-0)}.i-input-error .i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-options{align-self:baseline;display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.625em;position:relative}.i-radio-options-button{flex:none}.i-radio-text{border-radius:inherit;color:var(--color-3);display:inline-flex;margin-left:.4em;transition:var(--transition);user-select:none}.i-radio-input{align-self:center;appearance:none;border-radius:50%;box-shadow:inset 0 0 0 3px var(--color-8);cursor:inherit;display:flex;flex-shrink:0;height:1.125em;outline:0;overflow:hidden;position:relative;transition:all .15s;width:1.125em}.i-radio-default{border:0 solid transparent}.i-radio-input:checked{&.i-radio-default{background:var(--color-main-reverse);border-color:var(--color-main);border-width:.4em;box-shadow:none;&+.i-radio-text{color:var(--color-main)}}}.i-radio-default:active{transform:scale(1.1)}.i-radio-button{display:none;&+.i-radio-text{border:1.5px solid var(--color-9);font-size:.94em;line-height:1.8;margin-left:0;padding:0 .628em;white-space:nowrap;&:hover{background-color:var(--color-main-0);border-color:var(--color-8)}}&:checked+.i-radio-text{background:var(--color-main-0);border-color:var(--color-main);color:var(--color-main)}}.i-radio-message{align-self:flex-start;font-size:.8em;margin-top:.5em;pointer-events:none}.i-radio-success{.i-radio-input{box-shadow:inset 0 0 0 3px var(--success-0)}.i-radio-message{color:var(--success)}}.i-radio-warning{.i-radio-input{box-shadow:inset 0 0 0 3px var(--warning-0)}.i-radio-message{color:var(--warning)}}.i-radio-error{.i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-message{color:var(--error)}}.i-resizable{display:flex;overflow:hidden}.i-resizable-vertical{flex-direction:column;&>.i-resizable-line{cursor:ns-resize;height:2px;width:100%}}.i-resizable-a{overflow:auto}.i-resizable-b{flex:1;overflow:auto}.i-resizable-line{align-items:center;background:var(--color-9);cursor:ew-resize;display:flex;height:100%;justify-content:center;outline:1px solid transparent;position:relative;touch-action:none;transition:var(--transition);user-select:none;width:2px;&.i-resizable-resizing,&:hover{outline-color:var(--color-8);&>.i-resizable-line-node{opacity:1}}}.i-resizable-line-node{background:inherit;border-radius:var(--radius);display:flex;font-size:.8em;opacity:0;pointer-events:none;position:relative;transition:var(--transition);z-index:1}.i-river{overflow:hidden}.i-river-track{display:inline-flex;will-change:transform}.i-river-item{flex-shrink:0}.i-step{display:flex;flex-wrap:wrap;gap:.5em;overflow:hidden}.i-step-vertical{flex-direction:column;.i-step-item{flex-direction:row;&:not(:last-child){.i-step-item-right{padding-bottom:1em}}}}.i-step-item{display:flex;flex:1 1 auto;flex-direction:column;gap:.5em;transition:var(--transition);&:last-child{flex:none;.i-step-divider{display:none}}&.i-step-item-finished{opacity:.4;.i-step-divider{border-style:solid}}&.i-step-item-pending{opacity:.4}&:hover{opacity:1}}.i-step-item-index{align-items:center;background:var(--color-4);border-radius:1.5em;color:var(--background);display:flex;flex-shrink:0;justify-content:center;line-height:1.5em;width:1.5em}.i-step-divider{align-self:center;border:1px dashed var(--color-7);flex:1}.i-step-item-title{white-space:nowrap}.i-step-item-left,.i-step-item-title{align-items:center;display:flex;gap:.5em}.i-step-item-left,.i-step-item-right{flex-direction:column}.i-step-item-right{display:flex;gap:.5em}.i-swiper{max-width:100%;position:relative;user-select:none;&:hover{.i-swiper-arrow{opacity:.72}}.i-swiper-arrow:hover{opacity:1}}.i-swiper-track{overflow:hidden;position:relative;touch-action:pan-x}.i-swiper-list{display:flex;will-change:transform}.i-swiper-fade{>.i-swiper-item{opacity:0}>.i-swiper-active{opacity:1}}.i-swiper-vertical{.i-swiper-track{height:100%;touch-action:pan-y}.i-swiper-list{flex-direction:column}.i-swiper-item{width:100%}.i-swiper-arrow{left:unset;right:.5em}.i-swiper-prev{bottom:50%;top:unset;transform:translateY(-6px)}.i-swiper-next{transform:translateY(6px)}}.i-swiper-item{display:flex;flex:1;flex-shrink:0;overflow:hidden}.i-swiper-arrow,.i-swiper-item{align-items:center;justify-content:center;transition:var(--transition)}.i-swiper-arrow{border-radius:var(--radius);display:inline-flex;opacity:0;position:absolute;top:50%;transform:translateY(-50%)}.i-swiper-prev{left:.5em}.i-swiper-next{right:.5em}.i-swiper-indicators{display:flex;gap:.5em;justify-content:center;margin:.5em 0}.i-swiper-indicators-fixed{bottom:0;left:50%;position:absolute;transform:translate(-50%)}.i-swiper-indicator{background:var(--color);border-radius:50%;flex-shrink:0;height:8px;opacity:.25;width:8px;&:hover{opacity:.8}&.i-indicator-active{opacity:1}}.i-tabs{gap:.5em;max-width:100%}.i-tabs-line{.i-tab-navs{gap:1em}.i-tab-nav{padding:.4em 0;&.i-tab-active{--color:var(--color-main)}}.i-tab-navs-bar{background:var(--color-main)}.i-tab-navs-vertical>.i-tab-navs{gap:.5em;>.i-tab-nav{padding:.25em 1em}}}.i-tab-navs-container{align-items:center;border-radius:var(--radius);display:flex;gap:4px;scroll-behavior:smooth}.i-tab-navs-vertical{align-items:flex-end;flex-direction:column}.i-tab-navs{display:flex;flex:1;flex-direction:inherit;gap:1px;overflow:auto;position:relative;scroll-behavior:unset;scrollbar-width:none;user-select:none}.i-tab-navs::-webkit-scrollbar{display:none}.i-tabs-pane{.i-tab-navs-container{position:relative;&:before{border-top:1px solid var(--color-8);bottom:0;content:"";left:0;position:absolute;right:0;width:100%;z-index:1}}.i-tab-navs{gap:4px;.i-tab-nav{border:1px solid transparent;border-radius:var(--radius) var(--radius) 0 0;&:hover{border-color:var(--color-8);border-bottom-color:var(--background)}}.i-tab-active{background:transparent;border-color:var(--color-8);border-bottom:1px solid var(--background);box-shadow:1px 2px 0 1px var(--color-8);z-index:2;&:hover{background-color:transparent}}}.i-tab-navs-vertical{&:before{border-right:1px solid var(--color-8);border-top:none;height:100%;left:unset;top:0;width:unset}.i-tab-navs{.i-tab-nav{border:1px solid transparent;border-radius:var(--radius) 0 0 var(--radius);&:hover{border-color:var(--color-8);border-right-color:var(--background)}}.i-tab-active{border-color:var(--color-7);border-right:1px solid var(--background);&:hover{background-color:transparent}}}}}.i-tab-nav{--color:var(--color-7);align-items:center;border-radius:var(--radius);color:var(--color);display:flex;flex-shrink:0;gap:.25em;justify-content:center;padding:.4em .5em;position:relative;user-select:none;z-index:1;&:hover{--color:var(--color-3)}&.i-tab-active{--color:var(--color-main)}}.i-tabs-morelist{.i-tab-nav{white-space:nowrap}.i-tab-active{background:var(--color-main-0)}}.i-tab-closable{.i-tab-nav{border-radius:var(--radius) var(--radius) 0 0;padding-right:0;&.i-tab-active{background-color:var(--background);box-shadow:2px 0 8px #0000000d}}}.i-tab-nav:hover{.i-tab-nav-close{opacity:1}}.i-tab-navs-bar{background:var(--background-opacity-2);border-radius:4px;bottom:0;height:0;left:0;pointer-events:none;position:absolute;transition:var(--transition)}.i-tab-navs-vertical{>.i-tab-navs{gap:1px;>.i-tab-navs-bar{bottom:unset;left:unset;right:0;top:0;width:0}}}.i-tab-contents{flex:1;position:relative}.i-tab-content{display:none;&.i-tab-active{display:block}}.i-tabs{.i-tab-nav-close{background:var(--background);font-size:.7em;margin:0;opacity:0;padding:0;position:absolute;right:4px;&:hover{background:var(--background);color:var(--error)}}}.i-tree{color:var(--color-2);display:flex;flex-direction:column;gap:1px}.i-tree-group-title{display:flex;font-size:1em;font-size:.9em;font-style:italic;font-weight:300;position:relative;&:after{align-self:center;background:var(--color-8);content:"\20";flex:1;height:1px;margin-left:.5em}}.i-tree-item-header{align-items:center;border-radius:var(--radius);color:var(--color-6);display:flex;gap:.25em;overflow:hidden;padding:.4em;position:relative;user-select:none;&.i-tree-item-round{border-radius:100px}&.i-tree-item-selected,&:hover{background:var(--color-main-0);color:var(--color-main)}}.i-tree-round{--radius:100px}.i-tree-item-icon{display:flex}.i-tree-checkbox{align-self:center}.i-tree-toggle{border-radius:inherit;color:var(--color-6);margin-left:auto;transition:var(--transition);&:hover{background:var(--background-opacity);color:var(--color-3)}}.i-tree-item-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0,1,0,1)}.i-tree-expand{>.i-tree-item-content{max-height:2000px;transition:max-height .25s cubic-bezier(1,0,1,0)}>.i-tree-item-header{color:var(--color-main);opacity:1;>.i-tree-toggle{transform:rotateX(180deg)}}}.i-input-label-file{display:flex;width:unset;&:has(.i-upload-list:empty){align-items:center}}.i-input-file-hidden{display:none}.i-upload-inner{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.5em}.i-upload-card{&:has(.i-upload-list:not(:empty)){align-self:flex-start}.i-upload-list{display:contents}}.i-upload-list{display:flex;flex-wrap:wrap;gap:inherit;user-select:none;width:100%;&:empty{display:none}}.i-upload-delete{box-shadow:var(--shadow);margin:0;opacity:0;right:-.825em;top:-.825em;z-index:1}.i-upload-btn{align-self:center}.i-upload-card-btn{background:var(--background-opacity);border-style:dashed;font-size:1em;height:var(--upload-card-size);opacity:.6;width:var(--upload-card-size);&:hover{opacity:1}}.i-upload-item{align-items:center;background:var(--background-opacity);border:2px solid var(--background-opacity-1);border-radius:var(--radius);display:inline-flex;font-size:.8em;gap:.25em;padding:.25em .4em;position:relative;transition:var(--transition);.i-upload-delete{background-color:var(--error);color:#fff;position:absolute;&:hover{background-color:var(--error);color:#fff}}&:hover{background-color:var(--background-opacity-1);.i-upload-delete{opacity:1}}}.i-upload-item-card{align-items:center;background:var(--background-opacity);border-radius:var(--radius);cursor:pointer;display:flex;gap:.25em;height:var(--upload-card-size);justify-content:center;position:relative;.i-image,video{height:100%;object-fit:cover;width:100%}.i-upload-file-name{font-size:.8em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.i-upload-delete{background-color:var(--error);color:#fff;font-size:.72em;position:absolute;&:hover{background-color:var(--error);color:#fff}}&:hover{.i-upload-delete,.i-upload-tip{opacity:1}}}.i-upload-size{color:var(--color-6);font-size:.8em}.i-upload-item-dragged{z-index:1000}.i-upload-tip{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);box-shadow:var(--shadow);font-size:.86em;left:50%;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translate(-50%,.5em);transition:opacity .12s;white-space:pre;z-index:1}.i-upload-dropbox{align-items:center;border:2px dashed var(--color-5);border-radius:var(--radius);color:var(--color-5);cursor:pointer;display:flex;gap:.5em;justify-content:center;padding:1em;transition:var(--transition);width:100%;&:hover{border-color:var(--color-main);color:var(--color-main)}}.i-upload-dropbox-active{background:var(--background-opacity-1);border-color:var(--color-main);color:var(--color-main)}
+@import "@rc-component/color-picker/assets/index.css";@import "./tokens.css";@import "./reset.css";@import "./input.css";@import "./colors.css";@import "./utilities.css";.i-affix{display:flex;flex-direction:column;gap:.5em;position:fixed;transition:var(--transition);z-index:50}.i-affix:not(.i-affix-visible)>.i-affix-target{opacity:0;pointer-events:none}.i-ripple-container{border-radius:inherit;contain:strict;inset:0;overflow:hidden;pointer-events:none;position:absolute;.i-ripple{background:var(--color);border-radius:50%;opacity:.15;position:absolute;transform:translate(-50%,-50%) scale(.25);transform-origin:50%}.i-ripple-active{opacity:0;transform:translate(-50%,-50%) scale(1)}}.i-loading-container{align-items:center;backdrop-filter:blur(2px);border-radius:inherit;display:flex;flex-direction:column;font-size:inherit;gap:.5em;justify-content:center;transform:translateZ(0)}.i-loading-icon{stroke:var(--color);animation:rotate .628s linear 0s infinite;height:1em;width:1em}.i-btn{--gap:0.25em;--background:var(--color-main);--background-hover:var(--color-main-1);--color:var(--color-main-reverse);align-items:center;background:var(--background);border:2px solid transparent;border-radius:var(--radius);color:var(--color);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.94em;font-weight:500;gap:var(--gap);height:2.25em;justify-content:center;line-height:1;outline:none;padding:0 .6em;position:relative;transition:var(--transition);user-select:none;white-space:nowrap;.i-ripple-container{inset:-2px}}.i-btn-toggle{overflow:hidden}.i-btn-toggle-content{align-items:center;display:inline-flex;gap:var(--gap);transform:scale(.4);&.i-btn-toggle-active{transform:none;transition:var(--transition)}}.i-btn-block{width:100%}.i-btn-large{font-size:1.25em}.i-btn-extreme{font-size:2em;height:2em}.i-btn-small{font-size:.86em;height:2em;line-height:2;padding:0 .4em}.i-btn-mini{font-size:.8em;height:1.4em;line-height:1;padding:0 .2em}.i-btn-square{padding:0;width:2.25em;&.i-btn-extreme,&.i-btn-small{width:2em}}.i-btn:hover{--background:var(--background-hover);--color:var(--color-hover,var(--color-main-reverse))}.i-btn-secondary{--background-hover:var(--color-main-0);--background:var(--color-main-0);--color:var(--color-main);--color-hover:var(--color-main-1)}.i-btn-flat{--background-hover:var(--color-main-0);--background:transparent;--color:var(--color-main);--color-hover:var(--color-main-1)}.i-btn-outline{--background-hover:var(--color-main-0);--color:var(--color-main);--color-hover:var(--color-main-1);&.i-btn{--background:transparent;border-color:var(--color)}}.i-btn.i-btn-flat:hover,.i-btn.i-btn-outline:hover,.i-btn.i-btn-secondary:hover{--background:var(--background-hover)}.i-btn-content{display:contents}.i-btn-loading{cursor:default;opacity:.628}.i-btn-group-horizonal{display:flex;.i-btn{&:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}&:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}}}.i-btn-group-vertical{display:flex;flex-direction:column;.i-btn{&:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}&:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}}}.icon{vertical-align:middle}.i-badge{align-self:center;border-radius:var(--radius);display:inline-flex;flex-shrink:0;position:relative}.i-badge-content{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:inherit;box-shadow:var(--shadow);font-size:.86em;inset:0 0 auto auto;padding:.2em .5em;pointer-events:none;position:absolute;transform:translate(50%,-50%) scale(1);transition:all .16s;z-index:1;&.i-badge-dot{border-radius:1em;color:transparent;height:1em;overflow:hidden;padding:0;width:1em}&.i-badge-hidden,&:empty{transform:translate(50%,-50%) scale(0)}}.i-card{--card-padding:8px 12px;backdrop-filter:var(--blur);background:var(--background-opacity-2);border-radius:var(--radius);display:flex;flex-direction:column;overflow:auto}.i-card-bordered{border:1px solid var(--color-8)}.i-card-header{align-items:center;display:flex;gap:.25em;padding:var(--card-padding)}.i-card-content{flex:1}.i-card-footer{align-items:center;display:flex;gap:.25em;margin-top:auto;padding:var(--card-padding)}.i-input-label{align-content:flex-start;align-items:baseline;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:.5em;max-width:100%;position:relative;width:100%;&:has(.i-input-success){--color:var(--green)}&:has(.i-input-warning){--color:var(--yellow)}&:has(.i-input-error){--color:var(--error)}}.i-input-inline{flex-wrap:nowrap;.i-input-item,.i-radio-options,.i-upload-inner{flex:1 1 auto}.i-input-message{backdrop-filter:var(--blur);background:var(--background-opacity);padding:.2em .5em;position:absolute;right:12%;top:-.8em}}.i-input-label-text{border-radius:inherit;flex:0 0 var(--label-width);font-weight:500;text-align:var(--label-align);transition:all .12s}.i-input-item{--input-border-width:2px;--invert-input-border-width:calc(var(--input-border-width)*-1);align-items:baseline;border:var(--input-border-width) solid var(--background-opacity-2);border-radius:inherit;display:flex;flex:1 1 100%;max-width:100%;transition:var(--transition);.i-btn{align-self:stretch}&.i-input-focus,&:focus-within,&:hover{background-color:transparent;border-color:var(--color-8)}&.i-input-success{border-color:var(--green-0)}&.i-input-warning{border-color:var(--yellow-0)}&.i-input-error{border-color:var(--error-0)}}.i-input-borderless{background:var(--background-opacity-2);border-color:transparent}.i-input-underline{background:transparent;border-color:var(--background-opacity-2);border-radius:0;border-width:0 0 var(--input-border-width) 0}.i-input{background:transparent;border-radius:inherit;color:inherit;flex:1;outline:none;padding:var(--padding);text-align:inherit;transition:var(--transition);width:100%;&[type=number]::-webkit-inner-spin-button,&[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}&[readonly]{caret-color:transparent}&[type=password]{font-family:math}&:disabled{background:var(--background-opacity-1);cursor:not-allowed}}.i-input-message{--color:var(--color-5);align-self:center;border-radius:var(--radius);color:var(--color);flex:1 1 auto;font-size:.8em;pointer-events:none;z-index:1}.i-input-success{--color:var(--green)}.i-input-warning{--color:var(--yellow)}.i-input-error{--color:var(--error)}.i-textarea{display:block;max-width:100%;min-height:2.14em;transition:var(--transition),width 0s,height 0s}.i-input-append,.i-input-prepend{align-self:stretch;display:flex;margin:var(--invert-input-border-width);place-items:center;.i-btn{border-radius:inherit;height:unset}}.i-input-prepend{border-bottom-left-radius:inherit;border-top-left-radius:inherit;margin-right:0}.i-input-append{border-bottom-right-radius:inherit;border-top-right-radius:inherit;margin-left:0}.i-options-block{&>.i-checkbox-item,&>.i-radio-item{flex:1 1 100%}}.i-input-number{padding:var(--padding);padding-inline:0;text-align:center}.i-checkbox{gap:1em}.i-checkbox-item{align-items:baseline;align-self:flex-start;border-radius:var(--radius);display:inline-flex;gap:.25em;&:hover{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--color-5)}.i-checkbox-switch{box-shadow:inset 0 0 0 2px var(--color-8)}.i-checkbox-partof{box-shadow:none}}.i-checkbox-input{&:checked{box-shadow:none}}}.i-checkbox-options{align-self:baseline;display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.625em;position:relative}.i-checkbox-text{border-radius:inherit;color:var(--color-3);display:inline-flex;transition:var(--transition);user-select:none;&:empty{display:none}}.i-checkbox-input{align-self:center;appearance:none;border-radius:inherit;cursor:inherit;display:flex;height:1.125em;outline:0;overflow:hidden;position:relative;transition:var(--transition);width:1.125em}.i-checkbox-custom{height:0;width:0}.i-checkbox-switch{background:var(--color-9);border-radius:2.4em;box-shadow:inset 0 0 0 2px var(--color-9);height:1.125em;overflow:unset;width:2.2em;&:hover{&:after{background-color:var(--color-main-0);box-shadow:0 0 0 2px var(--color-7)}}}.i-checkbox-default{border-radius:2px;box-shadow:inset 0 0 0 2px var(--color-7)}.i-checkbox-button{display:none}.i-checkbox-default:after,.i-checkbox-partof:after,.i-checkbox-switch:after,.i-checkbox-switch:before{content:"\20";position:absolute;transition:var(--transition)}.i-checkbox-default:after{border-bottom:2px solid var(--color-main-reverse);border-radius:1px;border-right:2px solid var(--color-main-reverse);height:50%;left:34%;top:16%;transform:rotate(90deg) scale(0);width:20%}.i-checkbox-switch{&:after{background-color:var(--background);border-radius:1em;box-shadow:0 0 0 2px var(--color-8);height:1em;left:0;top:50%;transform:translateY(-50%);transition:var(--transition);width:1em}&:active{&:after{width:1.5em}&:checked:after{left:-.5em}}}.i-checkbox-input:checked{&.i-checkbox-default{background-color:var(--color-main);&:after{transform:rotate(45deg)}}&.i-checkbox-switch{background-color:var(--color-main);&:after{background-color:var(--background);box-shadow:0 0 0 2px var(--color-main);transform:translate(1.2em,-50%)}}&+.i-checkbox-text{color:var(--color-main)}}.i-checkbox-button{&+.i-checkbox-text{align-items:center;border:1.5px solid var(--color-9);border-radius:2em;display:flex;font-size:.9em;line-height:1.8;padding:0 1em;white-space:nowrap}&:hover+.i-checkbox-text{background-color:var(--color-9);border-color:var(--color-8)}&:checked+.i-checkbox-text{background-color:var(--color-main-0);border-color:var(--color-main);color:var(--color-main)}}.i-checkbox-partof{background-color:var(--color-main);border-radius:2px;&:after{background-color:var(--color-main-reverse);border-radius:var(--radius);height:2px;left:50%;top:50%;transform:translate(-50%,-50%);width:.5em}}.i-checkbox-message{align-self:flex-start;font-size:.8em;margin-top:.5em;pointer-events:none}.i-checkbox-success{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--success-0);&:checked{background-color:var(--success-0)}}.i-checkbox-message{color:var(--success)}}.i-checkbox-warning{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--warning-0);&:checked{background-color:var(--warning-0)}}.i-checkbox-message{color:var(--warning)}}.i-checkbox-error{.i-checkbox-input{box-shadow:inset 0 0 0 2px var(--error-0);&:checked{background-color:var(--error-0)}}.i-checkbox-message{color:var(--error)}}.i-helpericon{align-items:center;align-self:center;border-radius:var(--radius);color:var(--color-7);display:flex;font-size:.8em;justify-content:center;margin:.25em;min-height:1.675em;min-width:1.675em;padding:.125em;position:relative;transition:var(--transition);&:hover{background:var(--background-opacity-1);color:var(--color-3)}}.i-collapse{border-radius:var(--radius)}.i-collapse-bordered{border:1px solid var(--color-8);.i-collapse-item+.i-collapse-item{border-top:1px solid var(--color-8)}}.i-collapse-header,.i-collapse-item{border-radius:var(--radius)}.i-collapse-header{align-items:center;display:flex;font-weight:500;justify-content:space-between;padding:.5em;transition:var(--transition);&:hover{background-color:var(--background-opacity-2)}}.i-collapse-toggle{display:flex;margin:0;user-select:none}.i-collapse-content{border-radius:var(--radius);height:0;overflow:hidden;padding:0 .5em;transition:var(--transition)}.i-collapse-active>.i-collapse-header,.i-collapse-header:hover{opacity:1}.i-collapse-active>.i-collapse-content{height:unset;padding:.5em}.i-collapse-disabled{opacity:.4;pointer-events:none;>.i-collapse-content{height:0;overflow:hidden;padding:0 .5em}}.i-empty{color:var(--color-7);height:3em;margin:auto;width:3em}.i-datagrid-container{border-radius:var(--radius);overflow:auto;&:has(.i-datagrid-loading){overflow:hidden!important;position:relative}}.i-datagrid-loading{overflow:hidden!important;user-select:none;.i-datagrid{max-height:100%;max-width:100%}.i-loading-container{backdrop-filter:blur(2px);background:var(--background-opacity);inset:0;position:absolute;z-index:10}}.i-datagrid{contain:content;content-visibility:auto;display:grid;grid-template-columns:var(--grid-template-columns);grid-template-rows:var(--grid-template-rows);min-width:100%;width:fit-content;.i-empty{grid-column:1/-1;margin:1em auto}}.i-datagrid-bordered{--datagrid-border-color:var(--color-9);outline:1px solid var(--datagrid-border-color);.i-datagrid-virtual-header{padding-bottom:1px}.i-datagrid-cell{outline:1px solid var(--datagrid-border-color)}}.i-datagrid-striped{.i-datagrid-row{--datagrid-border-color:var(--color-8);&:nth-child(odd){--datagrid-cell-background:var(--background-1)}}}.i-datagrid .i-datagrid-row{--datagrid-cell-background:var(--background);display:contents;&:hover{--datagrid-cell-background:var(--background);.i-datagrid-cell{z-index:1}[class*=" i-datagrid-cell-fixed"]{z-index:3}}}.i-datagrid-cell{align-items:center;background:var(--datagrid-cell-background);display:flex;gap:4px;justify-content:var(--datagrid-justify);overflow:hidden;padding:var(--cell-padding);position:sticky;transition:background-color .12s}[class*=" i-datagrid-cell-fixed"]{z-index:2}.i-datagrid-cell-fixed-right{box-shadow:-2px 0 4px var(--color-9)}.i-datagrid-cell-fixed-left{box-shadow:2px 0 4px var(--color-9)}.i-datagrid-cell-content{display:inherit;flex:1 1 auto;gap:inherit;justify-content:inherit;min-width:0;overflow:hidden;white-space:nowrap}.i-datagrid-cell-content-ellipsis{display:block;text-align:var(--datagrid-justify);text-overflow:ellipsis}.i-datagrid-header{.i-datagrid-cell{--datagrid-cell-background:var(--background);line-height:1;text-overflow:ellipsis;user-select:none;white-space:nowrap;z-index:3}[class*=" i-datagrid-cell-fixed"]{z-index:4}}.i-datagrid-resizor{cursor:ew-resize;inset:0 0 0 auto;position:absolute;transition:.12s;width:4px;&:hover{background-color:var(--color-5)}}.i-datagrid-has-sorter{cursor:pointer;&:hover{--datagrid-cell-background:var(--color-9)}}.i-datagrid-sorter{color:var(--color-7);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:.8em}.i-datagrid-sorter-caret{&:first-child{margin-bottom:-.4em;transform:rotate(-90deg)}&:last-child{transform:rotate(90deg)}}.i-datagrid-sorter-asc{.i-datagrid-sorter-caret:first-child{color:var(--color-main)}}.i-datagrid-sorter-desc{.i-datagrid-sorter-caret:last-child{color:var(--color-main)}}.i-datagrid-virtual-header{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.i-description{display:grid}.i-description-item{display:flex;gap:.5em}.i-description-item-vertical{flex-direction:column}.i-description-label{color:var(--color-5);flex-shrink:0;width:var(--description-label-width)}.i-description-value{flex:1}.i-backdrop-drawer{backdrop-filter:blur(8px);background:var(--color-backdrop);display:flex;inset:0;opacity:0;pointer-events:none;position:fixed;transition:var(--transition);z-index:100;&.i-active{opacity:1;pointer-events:unset}}.i-drawer{backdrop-filter:var(--blur);background:var(--background);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:100%;max-width:100%;overflow:auto;position:absolute;transition:var(--transition)}.i-drawer-left{inset:0 auto 0 0;transform:translate3d(-100%,0,0)}.i-drawer-top{inset:0 0 auto;transform:translate3d(0,-100%,0)}.i-drawer-right{inset:0 0 0 auto;transform:translate3d(100%,0,0)}.i-drawer-bottom{inset:auto 0 0;transform:translate3d(0,100%,0)}.i-active>.i-drawer{opacity:1;pointer-events:unset;transform:none}.i-drawer-footer,.i-drawer-header{align-items:center;display:flex;padding:12px;&:empty{display:none}}.i-drawer-content{flex:1;overflow-x:hidden}.i-drawer-close{align-self:flex-start;border-radius:var(--radius);display:flex;margin:0 0 0 auto}.i-list{--gap:0.5em;overflow:auto}.i-list-item{border-radius:var(--radius);display:flex;gap:var(--gap);padding:var(--padding);transition:var(--transition)}.i-list-item-bordered{box-shadow:inset 0 0 0 1px var(--color-8);&+.i-list-item-bordered{margin-top:-1px}&:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}&:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}&:hover{box-shadow:inset 0 0 0 1px var(--color-7);z-index:1}}.i-list-option{cursor:pointer;justify-content:space-between;position:relative;user-select:none;white-space:nowrap;&:hover{background-color:var(--background-opacity-2)}&.i-list-item-active{background-color:var(--color-main-0)}}.i-list-item-label{align-self:flex-start}.i-popup{background:var(--background);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;transform:translateY(2px);will-change:left,top,opacity,transform;z-index:100}.i-popup,.i-popup-arrow{position:absolute;transition:all .12s}.i-popup-arrow{color:unset;height:24px;pointer-events:none;width:8px;path{fill:var(--background)}}.i-dropdown-content{border-radius:inherit;gap:2px;max-height:40vh;overflow-x:hidden;padding:8px}.i-dropdown-content,.i-editor{display:flex;flex-direction:column}.i-editor{position:relative;&:focus-within,&:hover{>.i-editor-content,>.i-editor-controls{border-color:var(--color-8)}}}.i-editor-borderless{border-radius:var(--radius);&>.i-editor-content,&>.i-editor-controls{border:none}}.i-editor-controls{border:2px solid var(--color-9);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;display:flex;gap:2px;padding:2px;transition:var(--transition);.i-btn{--color:var(--color-5);&:hover{--color:var(--color);.i-editor-control-tip{opacity:1}}}}.i-editor-control-tip{backdrop-filter:var(--blur);border-radius:4px;left:50%;line-height:1;opacity:0;padding:4px;pointer-events:none;position:absolute;top:100%;transform:translate(-50%);transition:var(--transition);z-index:1}.i-editor-content{word-wrap:break-word;border:2px solid var(--color-9);border-radius:0 0 var(--radius) var(--radius);flex:1;outline:none;overflow:auto;padding:var(--padding);tab-size:1em;transition:var(--transition);white-space:pre-wrap;word-break:break-all;&:first-child{border-radius:var(--radius)}&:focus,&:hover{border-color:var(--color-8)}a{color:var(--blue)}img{margin:0}&:empty:before{color:var(--color-5);content:attr(data-placeholder);pointer-events:none}}.i-editor-memtion{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);box-shadow:var(--shadow);margin:4px 0 0;max-width:240px;min-width:120px;overflow:auto;padding:4px;z-index:1000;.i-list-item{color:var(--color-5)}.i-list-item-active{color:var(--color-main)}}.i-memtion-tag{align-items:center;display:inline-flex;max-width:100%;user-select:none;vertical-align:baseline}.i-form{display:grid;max-width:100%}.i-form-inline{--label-inline:nowrap;.i-input-label{flex-wrap:nowrap}}.i-modal-container{display:flex;inset:0;opacity:0;overflow:hidden;padding:12px;pointer-events:none;position:fixed;transition:var(--transition);z-index:100;&.i-modal-active{opacity:1}}.i-modal-backdrop{backdrop-filter:blur(8px);background:var(--color-backdrop);&.i-modal-active{pointer-events:unset}}.i-modal-customized{overflow:unset}.i-modal{background:var(--background);border-radius:var(--radius);display:flex;flex-direction:column;line-height:normal;margin:auto;max-height:100%;max-width:100%;overflow-x:hidden;position:relative;transform:translateY(12px);transition:var(--transition);&.bounced{animation:bounce .4s ease-in-out 0s}}.i-modal-active>.i-modal{opacity:1;pointer-events:all;transform:none}.i-modal-footer,.i-modal-header{align-items:center;display:flex;gap:12px;padding:12px;position:relative;&:empty{display:none}}.i-modal-header>b{display:contents}.i-modal-footer{justify-content:center}.i-modal-content{flex:1;line-height:1.5;max-height:100%;overflow-x:hidden}.i-modal{.i-modal-close{align-self:flex-start;border-radius:var(--radius);display:flex;margin:0 0 0 auto}}.i-text-gradient{-webkit-text-fill-color:transparent}.i-text-gradient-wave{animation:text-wave 1.2s linear 0s infinite;background-position:0 0;background-size:200% 100%}@keyframes text-wave{to{background-position:-100% 0}}.i-progress{background:var(--background-1);border-radius:var(--radius);cursor:pointer;display:flex;flex:1 1 100%;position:relative}.i-progress-vertical{height:100%;&>.i-progress-bar{align-self:flex-end;height:100%}}.i-progress-bar{background:var(--color-main);border-radius:var(--radius);position:relative;transform-origin:left;transition:var(--transition);width:100%}.i-progress-cursor{border-radius:inherit;box-shadow:var(--shadow);display:flex;min-height:120%;min-width:1em;overflow:hidden;position:absolute;right:0;top:50%;transform:translate(50%,-50%) scale(0);transition:var(--transition);user-select:none}.i-progress:hover .i-progress-cursor,.no-transition>.i-progress-cursor{transform:translate(50%,-50%) scale(1)}.i-progress-circle{position:relative}.i-progress-circle-path{border-radius:50px;transition:var(--transition)}.i-progress-circle-value{align-items:flex-end;display:flex;font-size:1.5em;gap:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.i-video{background:#000;border-radius:var(--radius);overflow:hidden;position:relative;video{height:100%;width:100%}}.i-video-controls{align-items:center;backdrop-filter:var(--blur);background:var(--background-opacity);bottom:-1px;display:flex;font-size:.9em;gap:4px;left:0;padding:4px;position:absolute;right:0;transition:var(--transition);user-select:none;white-space:nowrap;.i-btn{flex-shrink:0}.i-icon{font-size:1.2em}&:hover{opacity:1;pointer-events:unset}}.i-video-controls-hidden{opacity:0;pointer-events:none}.i-video-control,.i-video-times{align-items:center;display:flex}.i-video-times{gap:4px;margin-inline:8px}.i-video-volume{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);bottom:100%;left:50%;opacity:0;padding:8px;pointer-events:none;position:absolute;transform:translate(-50%,4px);transition:var(--transition);z-index:1}.i-video-control-volume{position:relative;&:hover{& .i-video-volume{opacity:1;pointer-events:unset}}}.i-preview{padding:0;.i-modal{background:transparent;height:100%;overflow:unset;pointer-events:none!important;position:static;transform:none;width:100%}.i-preview-container{height:100%;position:relative;width:100%}.i-preview-content{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:var(--transition);width:100%;will-change:transform;*{pointer-events:all}}.i-preview-controls{align-items:center;background:var(--background-opacity);border-radius:var(--radius);display:flex;font-size:.9em;gap:1px;padding:4px;pointer-events:all;position:fixed;right:.5em;top:.5em;transition:all .24s ease-out;z-index:10;&:hover{opacity:1}}.i-preview-controls-hidden{opacity:0}.i-preview-unknown{align-items:center;background:var(--background);border-radius:var(--radius);display:flex;flex-direction:column;padding:.5em 1em}}.i-image{align-items:center;align-self:center;backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);display:inline-flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;vertical-align:middle;.i-loading-container{backdrop-filter:var(--blur);z-index:1}&>img{border-radius:inherit;height:100%;object-fit:cover;width:100%}}.i-image-cover{align-items:center;backdrop-filter:var(--blur);background:var(--background-opacity);inset:0;position:absolute}.i-image-cover,.i-messages{display:flex;justify-content:center}.i-messages{cursor:default;flex-direction:column;inset:12px;pointer-events:none;position:fixed;z-index:10000}.i-message,.i-messages{transition:var(--transition)}.i-message{backdrop-filter:var(--blur);background:var(--background-opacity-2);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;padding:.625em 1em;pointer-events:all;position:absolute;transform:translate(80px) scale(.86) skew(-40deg);&.i-message-active{opacity:1;transform:translate(0)}}.i-pagination{align-items:center;display:flex;gap:.2em}.i-page{--background:transparent;--color:var(--color-7);align-items:center;background:var(--background);border:2px solid transparent;border-radius:var(--radius);color:var(--color);cursor:pointer;display:inline-flex;height:2.25em;justify-content:center;min-width:2.25em;outline:none;padding:0 .32em;position:relative;transition:var(--transition);user-select:none;white-space:nowrap;.i-ripple-container{inset:-2px}.i-loading-container{backdrop-filter:var(--blur);background:var(--background-opacity);inset:0;position:absolute;z-index:1}&:hover{--background:var(--background-opacity-2)}&.i-page-active{--background:var(--color-main);--color:var(--color-main-reverse);cursor:default}&.i-page-loading{--background:unset;cursor:default}}.i-select{display:flex;gap:.25em}.i-select-multiple{flex-wrap:wrap;padding:.225em .628em;.i-tag{background:var(--background-opacity-1);line-height:1.425em;padding:0 .5em;position:relative}}.i-select-options{--gap:0.25em;border-radius:inherit;display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow-x:hidden;padding:4px;.i-list-item{align-items:center;color:var(--color-5);justify-content:unset;&.i-list-item-active{background:var(--color-main-0);color:var(--color-main);.i-select-option-check{opacity:1}}&.disabled{pointer-events:none}}}.i-select-options-multiple{.i-list-item{&.i-list-item-active{background:transparent}}}.i-select-option-check{opacity:0}.i-select-filter{backdrop-filter:var(--blur);background:var(--background-opacity);border-bottom:1px solid var(--background-opacity-1);display:flex;flex-wrap:wrap;position:sticky;top:0;z-index:1;&:empty{display:none}}.i-tag{--background:var(--color-9);--color:var(--color-1);align-items:center;align-self:center;background:var(--background);border:2px solid transparent;border-radius:var(--radius);color:var(--color);display:inline-flex;font-size:.81em;gap:.5em;justify-content:center;line-height:1;padding:.25em .5em;position:relative;transition:var(--transition);.i-tag-close{background:var(--error);color:var(--white);font-size:.81em;margin:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:all .16s;z-index:1;&:hover{background:var(--error-1);color:var(--white)}}&:hover{.i-tag-hover-close{opacity:1;transform:translate(50%,-50%) scale(1)}}}.i-tag-large{font-size:1em}.i-tag-extreme{font-size:1.5em;height:2em}.i-tag-small{font-size:.72em;padding:.125em .4em}.i-tag-dot{background-color:var(--color);border-radius:50%;box-shadow:0 -1px 1px 0 rgba(var(--color),.3);content:"\20";flex-shrink:0;height:.385em;transition:inherit;width:.385em}.i-tag-outline{--background:transparent;border-color:var(--color)}.i-tag-hover-close{opacity:0;transform:translate(50%,-50%) scale(0)}.i-tag-clickable{cursor:pointer;&:hover{background:var(--background-hover);color:var(--color-hover,var(--color))}}.i-colorpicker-handle{align-items:center;align-self:center;display:inline-flex;font-size:.8em;gap:.25em;position:relative}.i-colorpicker-square{border:2px solid var(--color-9);border-radius:var(--radius);cursor:pointer;display:inline-block;height:1.8em;transition:var(--transition);width:1.8em;&:hover{border-color:var(--color-8)}}.i-colorpicker-footer{display:flex;font-size:.8em;gap:4px}.i-colorpicker-text{background:var(--color-9);border-radius:var(--radius);cursor:pointer;padding:.25em .5em;transition:var(--transition);&:hover{background:var(--color-8)}}.rc-color-picker-panel{background:inherit;box-shadow:none}.i-datepicker-label{position:unset}.i-datepicker{padding:8px;.i-datepicker-item{cursor:pointer}}.i-datepicker-dates,.i-datepicker-weeks{display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.i-datepicker-item,.i-datepicker-week{display:flex;justify-content:center;padding:.32em .5em}.i-datepicker-week{color:var(--color-5)}.i-datepicker-item{--background:transparent;background:var(--background);border-radius:var(--radius);color:var(--color);opacity:.4;transition:all .12s;&:hover{--background:var(--color-main-0);opacity:1}&.i-datepicker-same-month{opacity:.8}&.i-datepicker-today{--background:var(--color-main-0)}&.i-datepicker-active{--background:var(--color-main);--color:var(--color-main-reverse);opacity:1}&.i-datepicker-disabled{cursor:not-allowed;opacity:.2}}.i-datepicker-units{align-items:center;color:var(--color-6);display:flex;font-size:.9em;gap:.125em;margin-bottom:.5em}.i-datepicker-action{align-items:baseline;border-radius:var(--radius);display:flex;gap:.25em;padding:.125em .5em;position:relative;user-select:none;>span{color:var(--color);font-size:1.15em}&:hover{background:var(--color-main-0)}}.i-datepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-datepicker-ym{backdrop-filter:var(--blur);background:var(--background);display:flex;gap:.5em;inset:0;opacity:0;padding:8px;pointer-events:none;position:absolute;transition:var(--transition);z-index:1;&.i-datepicker-active{opacity:1;pointer-events:unset}}.i-datepicker-years{display:flex;flex-direction:column;gap:.25em;max-height:100%;overflow-x:hidden;width:5em}.i-datepicker-months{display:grid;flex:1;gap:.25em;grid-template-columns:repeat(3,1fr);margin-top:1.5em}.i-datepicker-year{flex:1}.i-datepicker-month,.i-datepicker-year{align-items:center;border-radius:var(--radius);display:flex;justify-content:center;padding:2px;user-select:none;&:hover{background-color:var(--background-opacity-2)}&.i-datepicker-active{background:var(--color-main);color:var(--color-main-reverse);opacity:1}}.i-datepicker-close{position:absolute;right:0;top:0}.i-timepicker-label{position:unset}.i-timepicker{display:flex}.i-timepicker-list{display:flex;flex-direction:column;gap:2px;max-height:12.2em;min-width:3em;overflow:auto;padding:4px;scrollbar-width:none;text-align:center;&::-webkit-scrollbar{display:none}&:not(:last-child){border-right:1px solid var(--color-9)}}.i-timepicker-item{border-radius:var(--radius);display:block;opacity:.5;padding:.32em .5em;&:hover{background-color:var(--color-9);opacity:1}&.i-timepicker-item-active{background:var(--color-main);bottom:0;color:var(--color-main-reverse);opacity:1;position:sticky;top:0;z-index:1}}.i-timepicker-icon{margin-right:.4em;opacity:.5;pointer-events:none}.i-popconfirm{padding:1rem}.i-popconfirm-footer{margin-top:1rem}.i-radio{display:inline-flex;flex-wrap:wrap;gap:1em;position:relative}.i-radio-label{font-weight:500;text-align:var(--label-align);width:var(--label-width)}.i-radio-item{align-items:baseline;border-radius:var(--radius);display:inline-flex;&:hover{.i-radio-input{background-color:var(--color-main-0);box-shadow:inset 0 0 0 3px var(--color-7)}}}.i-radio-item-custom{>.i-radio-input{height:0;width:0}}.i-input-success .i-radio-input{box-shadow:inset 0 0 0 3px var(--green-0)}.i-input-warning .i-radio-input{box-shadow:inset 0 0 0 3px var(--yellow-0)}.i-input-error .i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-options{align-self:baseline;display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.625em;position:relative}.i-radio-options-button{flex:none}.i-radio-text{border-radius:inherit;color:var(--color-3);display:inline-flex;margin-left:.4em;transition:var(--transition);user-select:none}.i-radio-input{align-self:center;appearance:none;border-radius:50%;box-shadow:inset 0 0 0 3px var(--color-8);cursor:inherit;display:flex;flex-shrink:0;height:1.125em;outline:0;overflow:hidden;position:relative;transition:all .15s;width:1.125em}.i-radio-default{border:0 solid transparent}.i-radio-input:checked{&.i-radio-default{background:var(--color-main-reverse);border-color:var(--color-main);border-width:.4em;box-shadow:none;&+.i-radio-text{color:var(--color-main)}}}.i-radio-default:active{transform:scale(1.1)}.i-radio-button{display:none;&+.i-radio-text{border:1.5px solid var(--color-9);font-size:.94em;line-height:1.8;margin-left:0;padding:0 .628em;white-space:nowrap;&:hover{background-color:var(--color-main-0);border-color:var(--color-8)}}&:checked+.i-radio-text{background:var(--color-main-0);border-color:var(--color-main);color:var(--color-main)}}.i-radio-message{align-self:flex-start;font-size:.8em;margin-top:.5em;pointer-events:none}.i-radio-success{.i-radio-input{box-shadow:inset 0 0 0 3px var(--success-0)}.i-radio-message{color:var(--success)}}.i-radio-warning{.i-radio-input{box-shadow:inset 0 0 0 3px var(--warning-0)}.i-radio-message{color:var(--warning)}}.i-radio-error{.i-radio-input{box-shadow:inset 0 0 0 3px var(--error-0)}.i-radio-message{color:var(--error)}}.i-resizable{display:flex;overflow:hidden}.i-resizable-vertical{flex-direction:column;&>.i-resizable-line{cursor:ns-resize;height:2px;width:100%}}.i-resizable-a{overflow:auto}.i-resizable-b{flex:1;overflow:auto}.i-resizable-line{align-items:center;background:var(--color-9);cursor:ew-resize;display:flex;height:100%;justify-content:center;outline:1px solid transparent;position:relative;touch-action:none;transition:var(--transition);user-select:none;width:2px;&.i-resizable-resizing,&:hover{outline-color:var(--color-8);&>.i-resizable-line-node{opacity:1}}}.i-resizable-line-node{background:inherit;border-radius:var(--radius);display:flex;font-size:.8em;opacity:0;pointer-events:none;position:relative;transition:var(--transition);z-index:1}.i-river{overflow:hidden}.i-river-track{display:inline-flex;will-change:transform}.i-river-item{flex-shrink:0}.i-step{display:flex;flex-wrap:wrap;gap:.5em;overflow:hidden}.i-step-vertical{flex-direction:column;.i-step-item{flex-direction:row;&:not(:last-child){.i-step-item-right{padding-bottom:1em}}}}.i-step-item{display:flex;flex:1 1 auto;flex-direction:column;gap:.5em;transition:var(--transition);&:last-child{flex:none;.i-step-divider{display:none}}&.i-step-item-finished{opacity:.4;.i-step-divider{border-style:solid}}&.i-step-item-pending{opacity:.4}&:hover{opacity:1}}.i-step-item-index{align-items:center;background:var(--color-4);border-radius:1.5em;color:var(--background);display:flex;flex-shrink:0;justify-content:center;line-height:1.5em;width:1.5em}.i-step-divider{align-self:center;border:1px dashed var(--color-7);flex:1}.i-step-item-title{white-space:nowrap}.i-step-item-left,.i-step-item-title{align-items:center;display:flex;gap:.5em}.i-step-item-left,.i-step-item-right{flex-direction:column}.i-step-item-right{display:flex;gap:.5em}.i-swiper{max-width:100%;position:relative;user-select:none;&:hover{.i-swiper-arrow{opacity:.72}}.i-swiper-arrow:hover{opacity:1}}.i-swiper-track{overflow:hidden;position:relative;touch-action:pan-x}.i-swiper-list{display:flex;will-change:transform}.i-swiper-fade{>.i-swiper-item{opacity:0}>.i-swiper-active{opacity:1}}.i-swiper-vertical{.i-swiper-track{height:100%;touch-action:pan-y}.i-swiper-list{flex-direction:column}.i-swiper-item{width:100%}.i-swiper-arrow{left:unset;right:.5em}.i-swiper-prev{bottom:50%;top:unset;transform:translateY(-6px)}.i-swiper-next{transform:translateY(6px)}}.i-swiper-item{display:flex;flex:1;flex-shrink:0;overflow:hidden}.i-swiper-arrow,.i-swiper-item{align-items:center;justify-content:center;transition:var(--transition)}.i-swiper-arrow{border-radius:var(--radius);display:inline-flex;opacity:0;position:absolute;top:50%;transform:translateY(-50%)}.i-swiper-prev{left:.5em}.i-swiper-next{right:.5em}.i-swiper-indicators{display:flex;gap:.5em;justify-content:center;margin:.5em 0}.i-swiper-indicators-fixed{bottom:0;left:50%;position:absolute;transform:translate(-50%)}.i-swiper-indicator{background:var(--color);border-radius:50%;flex-shrink:0;height:8px;opacity:.25;width:8px;&:hover{opacity:.8}&.i-indicator-active{opacity:1}}.i-tabs{gap:.5em;max-width:100%}.i-tabs-line{.i-tab-navs{gap:1em}.i-tab-nav{padding:.4em 0;&.i-tab-active{--color:var(--color-main)}}.i-tab-navs-bar{background:var(--color-main)}.i-tab-navs-vertical>.i-tab-navs{gap:.5em;>.i-tab-nav{padding:.25em 1em}}}.i-tab-navs-container{align-items:center;border-radius:var(--radius);display:flex;gap:4px;scroll-behavior:smooth}.i-tab-navs-vertical{align-items:flex-end;flex-direction:column}.i-tab-navs{display:flex;flex:1;flex-direction:inherit;gap:1px;overflow:auto;position:relative;scroll-behavior:unset;scrollbar-width:none;user-select:none}.i-tab-navs::-webkit-scrollbar{display:none}.i-tabs-pane{.i-tab-navs-container{position:relative;&:before{border-top:1px solid var(--color-8);bottom:0;content:"";left:0;position:absolute;right:0;width:100%;z-index:1}}.i-tab-navs{gap:4px;.i-tab-nav{border:1px solid transparent;border-radius:var(--radius) var(--radius) 0 0;&:hover{border-color:var(--color-8);border-bottom-color:var(--background)}}.i-tab-active{background:transparent;border-color:var(--color-8);border-bottom:1px solid var(--background);box-shadow:1px 2px 0 1px var(--color-8);z-index:2;&:hover{background-color:transparent}}}.i-tab-navs-vertical{&:before{border-right:1px solid var(--color-8);border-top:none;height:100%;left:unset;top:0;width:unset}.i-tab-navs{.i-tab-nav{border:1px solid transparent;border-radius:var(--radius) 0 0 var(--radius);&:hover{border-color:var(--color-8);border-right-color:var(--background)}}.i-tab-active{border-color:var(--color-7);border-right:1px solid var(--background);&:hover{background-color:transparent}}}}}.i-tab-nav{--color:var(--color-7);align-items:center;border-radius:var(--radius);color:var(--color);display:flex;flex-shrink:0;gap:.25em;justify-content:center;padding:.4em .5em;position:relative;user-select:none;z-index:1;&:hover{--color:var(--color-3)}&.i-tab-active{--color:var(--color-main)}}.i-tabs-morelist{.i-tab-nav{white-space:nowrap}.i-tab-active{background:var(--color-main-0)}}.i-tab-closable{.i-tab-nav{border-radius:var(--radius) var(--radius) 0 0;padding-right:0;&.i-tab-active{background-color:var(--background);box-shadow:2px 0 8px #0000000d}}}.i-tab-nav:hover{.i-tab-nav-close{opacity:1}}.i-tab-navs-bar{background:var(--background-opacity-2);border-radius:4px;bottom:0;height:0;left:0;pointer-events:none;position:absolute;transition:var(--transition)}.i-tab-navs-vertical{>.i-tab-navs{gap:1px;>.i-tab-navs-bar{bottom:unset;left:unset;right:0;top:0;width:0}}}.i-tab-contents{flex:1;position:relative}.i-tab-content{display:none;&.i-tab-active{display:block}}.i-tabs{.i-tab-nav-close{background:var(--background);font-size:.7em;margin:0;opacity:0;padding:0;position:absolute;right:4px;&:hover{background:var(--background);color:var(--error)}}}.i-tree{--tree-gap:2px;color:var(--color-2);display:flex;flex-direction:column;gap:var(--tree-gap)}.i-tree-group-title{display:flex;font-size:1em;font-size:.9em;font-style:italic;font-weight:300;position:relative;&:after{align-self:center;background:var(--color-8);content:"\20";flex:1;height:1px;margin-left:.5em}}.i-tree-item-header{align-items:center;border-radius:var(--radius);color:var(--color-6);display:flex;gap:.25em;overflow:hidden;padding:.4em;position:relative;user-select:none;&.i-tree-item-round{border-radius:100px}&.i-tree-item-selected,&:hover{background:var(--color-main-0);color:var(--color-main)}}.i-tree-round{--radius:100px}.i-tree-item-icon{display:flex}.i-tree-checkbox{align-self:center}.i-tree-toggle{border-radius:inherit;color:var(--color-6);margin-left:auto;transition:var(--transition);&:hover{background:var(--background-opacity);color:var(--color-3)}}.i-tree-item-content{display:flex;flex-direction:column;gap:var(--tree-gap);max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(0,1,0,1)}.i-tree-expand{>.i-tree-item-content{margin-top:var(--tree-gap);max-height:2000px;transition:max-height .25s cubic-bezier(1,0,1,0)}>.i-tree-item-header{color:var(--color-main);opacity:1;>.i-tree-toggle{transform:rotateX(180deg)}}}.i-input-label-file{display:flex;width:unset;&:has(.i-upload-list:empty){align-items:center}}.i-input-file-hidden{display:none}.i-upload-inner{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.5em}.i-upload-card{&:has(.i-upload-list:not(:empty)){align-self:flex-start}.i-upload-list{display:contents}}.i-upload-list{display:flex;flex-wrap:wrap;gap:inherit;user-select:none;width:100%;&:empty{display:none}}.i-upload-delete{box-shadow:var(--shadow);margin:0;opacity:0;right:-.825em;top:-.825em;z-index:1}.i-upload-btn{align-self:center}.i-upload-card-btn{background:var(--background-opacity);border-style:dashed;font-size:1em;height:var(--upload-card-size);opacity:.6;width:var(--upload-card-size);&:hover{opacity:1}}.i-upload-item{align-items:center;background:var(--background-opacity);border:2px solid var(--background-opacity-1);border-radius:var(--radius);display:inline-flex;font-size:.8em;gap:.25em;padding:.25em .4em;position:relative;transition:var(--transition);.i-upload-delete{background-color:var(--error);color:#fff;position:absolute;&:hover{background-color:var(--error);color:#fff}}&:hover{background-color:var(--background-opacity-1);.i-upload-delete{opacity:1}}}.i-upload-item-card{align-items:center;background:var(--background-opacity);border-radius:var(--radius);cursor:pointer;display:flex;gap:.25em;height:var(--upload-card-size);justify-content:center;position:relative;.i-image,video{height:100%;object-fit:cover;width:100%}.i-upload-file-name{font-size:.8em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.i-upload-delete{background-color:var(--error);color:#fff;font-size:.72em;position:absolute;&:hover{background-color:var(--error);color:#fff}}&:hover{.i-upload-delete,.i-upload-tip{opacity:1}}}.i-upload-size{color:var(--color-6);font-size:.8em}.i-upload-item-dragged{z-index:1000}.i-upload-tip{backdrop-filter:var(--blur);background:var(--background-opacity);border-radius:var(--radius);box-shadow:var(--shadow);font-size:.86em;left:50%;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translate(-50%,.5em);transition:opacity .12s;white-space:pre;z-index:1}.i-upload-dropbox{align-items:center;border:2px dashed var(--color-5);border-radius:var(--radius);color:var(--color-5);cursor:pointer;display:flex;gap:.5em;justify-content:center;padding:1em;transition:var(--transition);width:100%;&:hover{border-color:var(--color-main);color:var(--color-main)}}.i-upload-dropbox-active{background:var(--background-opacity-1);border-color:var(--color-main);color:var(--color-main)}
 /*# sourceMappingURL=index.css.map */

package/lib/css/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["index.css","ripple.css","input.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".i-input-label-file {\n    display: flex;\n    width: unset;\n    &:has(.i-upload-list:empty) {\n        align-items: center;\n    }\n}\n.i-input-file-hidden {\n    display: none;\n}\n.i-upload-inner {\n    flex: 1 1 100%;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em;\n}\n.i-upload-card {\n    &:has(.i-upload-list:not(:empty)) {\n        align-self: flex-start;\n    }\n    .i-upload-list {\n        display: contents;\n    }\n}\n.i-upload-list {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: inherit;\n    user-select: none;\n    &:empty {\n        display: none;\n    }\n}\n.i-upload-delete {\n    opacity: 0;\n    margin: 0;\n    z-index: 1;\n    right: -0.825em;\n    top: -0.825em;\n    box-shadow: var(--shadow);\n}\n.i-upload-btn {\n    align-self: center;\n}\n.i-upload-card-btn {\n    border-style: dashed;\n    width: var(--upload-card-size);\n    height: var(--upload-card-size);\n    opacity: 0.6;\n    font-size: 1em;\n    background: var(--background-opacity);\n    &:hover {\n        opacity: 1;\n    }\n}\n.i-upload-item {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n    padding: 0.25em 0.4em;\n    border: 2px solid var(--background-opacity-1);\n    border-radius: var(--radius);\n    background: var(--background-opacity);\n    transition: var(--transition);\n    font-size: 0.8em;\n    .i-upload-delete {\n        position: absolute;\n        background-color: var(--error);\n        color: #fff;\n        &:hover {\n            background-color: var(--error);\n            color: #fff;\n        }\n    }\n    &:hover {\n        background-color: var(--background-opacity-1);\n        .i-upload-delete {\n            opacity: 1;\n        }\n    }\n}\n.i-upload-item-card {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.25em;\n    /* width: var(--upload-card-size); */\n    height: var(--upload-card-size);\n    border-radius: var(--radius);\n    background: var(--background-opacity);\n    cursor: pointer;\n    .i-image,\n    video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n    .i-upload-file-name {\n        max-width: 100%;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        font-size: 0.8em;\n    }\n    .i-upload-delete {\n        font-size: 0.72em;\n        position: absolute;\n        background-color: var(--error);\n        color: #fff;\n        &:hover {\n            background-color: var(--error);\n            color: #fff;\n        }\n    }\n    &:hover {\n        .i-upload-delete {\n            opacity: 1;\n        }\n        .i-upload-tip {\n            opacity: 1;\n        }\n    }\n}\n.i-upload-size {\n    font-size: 0.8em;\n    color: var(--color-6);\n}\n.i-upload-item-dragged {\n    z-index: 1000;\n}\n\n.i-upload-tip {\n    position: absolute;\n    left: 50%;\n    top: 100%;\n    transform: translate(-50%, 0.5em);\n    z-index: 1;\n    background: var(--background-opacity);\n    border-radius: var(--radius);\n    backdrop-filter: var(--blur);\n    box-shadow: var(--shadow);\n    font-size: 0.86em;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.12s;\n    white-space: pre;\n}\n\n.i-upload-dropbox {\n    width: 100%;\n    border: 2px dashed var(--color-5);\n    border-radius: var(--radius);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5em;\n    cursor: pointer;\n    transition: var(--transition);\n    color: var(--color-5);\n    padding: 1em;\n\n    &:hover {\n        border-color: var(--color-main);\n        color: var(--color-main);\n    }\n}\n.i-upload-dropbox-active {\n    border-color: var(--color-main);\n    background: var(--background-opacity-1);\n    color: var(--color-main);\n}\n",".i-ripple-container {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    pointer-events: none;\n    border-radius: inherit;\n    contain: strict;\n    .i-ripple {\n        position: absolute;\n        background: var(--color);\n        opacity: 0.15;\n        transform: translate(-50%, -50%) scale(0.25);\n        transform-origin: 50%;\n        border-radius: 50%;\n    }\n    .i-ripple-active {\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(1);\n    }\n}\n",".i-input-label {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    align-content: flex-start;\n    gap: 0.5em;\n    width: 100%;\n    max-width: 100%;\n    border-radius: var(--radius);\n\n    &:has(.i-input-success) {\n        --color: var(--green);\n    }\n\n    &:has(.i-input-warning) {\n        --color: var(--yellow);\n    }\n\n    &:has(.i-input-error) {\n        --color: var(--error);\n    }\n}\n\n.i-input-inline {\n    flex-wrap: nowrap;\n\n    .i-input-item,\n    .i-upload-inner,\n    .i-radio-options {\n        flex: 1 1 auto;\n    }\n\n    .i-input-message {\n        position: absolute;\n        right: 12%;\n        top: -0.8em;\n        padding: 0.2em 0.5em;\n        background: var(--background-opacity);\n        backdrop-filter: var(--blur);\n    }\n}\n\n.i-input-label-text {\n    flex: 0 0 var(--label-width);\n    text-align: var(--label-align);\n    border-radius: inherit;\n    font-weight: 500;\n    transition: all 0.12s;\n}\n\n.i-input-item {\n    --input-border-width: 2px;\n    --invert-input-border-width: calc(var(--input-border-width) * -1);\n    flex: 1 1 100%;\n    display: flex;\n    align-items: baseline;\n    transition: var(--transition);\n    border-radius: inherit;\n    border: var(--input-border-width) solid var(--background-opacity-2);\n    max-width: 100%;\n\n    .i-btn {\n        align-self: stretch;\n    }\n\n    &:hover,\n    &:focus-within,\n    &.i-input-focus {\n        border-color: var(--color-8);\n        background-color: transparent;\n    }\n\n    &.i-input-success {\n        border-color: var(--green-0);\n    }\n\n    &.i-input-warning {\n        border-color: var(--yellow-0);\n    }\n\n    &.i-input-error {\n        border-color: var(--error-0);\n    }\n}\n\n.i-input-borderless {\n    border-color: transparent;\n    background: var(--background-opacity-2);\n}\n\n.i-input-underline {\n    border-width: 0 0 var(--input-border-width) 0;\n    border-radius: 0;\n    border-color: var(--background-opacity-2);\n    background: transparent;\n}\n\n.i-input {\n    padding: var(--padding);\n    flex: 1;\n    width: 100%;\n    color: inherit;\n    outline: none;\n    transition: var(--transition);\n    background: transparent;\n    border-radius: inherit;\n    text-align: inherit;\n\n    &[type=\"number\"]::-webkit-inner-spin-button,\n    &[type=\"number\"]::-webkit-outer-spin-button {\n        -webkit-appearance: none;\n    }\n\n    &[readonly] {\n        caret-color: transparent;\n    }\n\n    &[type=\"password\"] {\n        font-family: math;\n    }\n\n    &:disabled {\n        background: var(--background-opacity-1);\n        cursor: not-allowed;\n    }\n}\n\n.i-input-message {\n    --color: var(--color-5);\n    flex: 1 1 auto;\n    align-self: center;\n    z-index: 1;\n    font-size: 0.8em;\n    color: var(--color);\n    border-radius: var(--radius);\n    pointer-events: none;\n}\n\n.i-input-success {\n    --color: var(--green);\n}\n\n.i-input-warning {\n    --color: var(--yellow);\n}\n\n.i-input-error {\n    --color: var(--error);\n}\n\n.i-textarea {\n    display: block;\n    transition:\n        var(--transition),\n        width 0s,\n        height 0s;\n    max-width: 100%;\n    min-height: 2.14em;\n}\n\n.i-input-prepend,\n.i-input-append {\n    margin: var(--invert-input-border-width);\n    display: flex;\n    align-self: stretch;\n    place-items: center;\n\n    .i-btn {\n        border-radius: inherit;\n        height: unset;\n    }\n}\n\n.i-input-prepend {\n    margin-right: 0;\n    border-top-left-radius: inherit;\n    border-bottom-left-radius: inherit;\n}\n\n.i-input-append {\n    margin-left: 0;\n    border-top-right-radius: inherit;\n    border-bottom-right-radius: inherit;\n}\n\n.i-options-block {\n    & > .i-checkbox-item,\n    & > .i-radio-item {\n        flex: 1 1 100%;\n    }\n}\n\n.i-input-number {\n    text-align: center;\n    padding: var(--padding);\n    padding-inline: 0;\n}\n"]}
+{"version":3,"sources":["index.css","ripple.css","input.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".i-input-label-file {\n    display: flex;\n    width: unset;\n    &:has(.i-upload-list:empty) {\n        align-items: center;\n    }\n}\n.i-input-file-hidden {\n    display: none;\n}\n.i-upload-inner {\n    flex: 1 1 100%;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em;\n}\n.i-upload-card {\n    &:has(.i-upload-list:not(:empty)) {\n        align-self: flex-start;\n    }\n    .i-upload-list {\n        display: contents;\n    }\n}\n.i-upload-list {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: inherit;\n    user-select: none;\n    &:empty {\n        display: none;\n    }\n}\n.i-upload-delete {\n    opacity: 0;\n    margin: 0;\n    z-index: 1;\n    right: -0.825em;\n    top: -0.825em;\n    box-shadow: var(--shadow);\n}\n.i-upload-btn {\n    align-self: center;\n}\n.i-upload-card-btn {\n    border-style: dashed;\n    width: var(--upload-card-size);\n    height: var(--upload-card-size);\n    opacity: 0.6;\n    font-size: 1em;\n    background: var(--background-opacity);\n    &:hover {\n        opacity: 1;\n    }\n}\n.i-upload-item {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n    padding: 0.25em 0.4em;\n    border: 2px solid var(--background-opacity-1);\n    border-radius: var(--radius);\n    background: var(--background-opacity);\n    transition: var(--transition);\n    font-size: 0.8em;\n    .i-upload-delete {\n        position: absolute;\n        background-color: var(--error);\n        color: #fff;\n        &:hover {\n            background-color: var(--error);\n            color: #fff;\n        }\n    }\n    &:hover {\n        background-color: var(--background-opacity-1);\n        .i-upload-delete {\n            opacity: 1;\n        }\n    }\n}\n.i-upload-item-card {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.25em;\n    /* width: var(--upload-card-size); */\n    height: var(--upload-card-size);\n    border-radius: var(--radius);\n    background: var(--background-opacity);\n    cursor: pointer;\n    .i-image,\n    video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n    .i-upload-file-name {\n        max-width: 100%;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        font-size: 0.8em;\n    }\n    .i-upload-delete {\n        font-size: 0.72em;\n        position: absolute;\n        background-color: var(--error);\n        color: #fff;\n        &:hover {\n            background-color: var(--error);\n            color: #fff;\n        }\n    }\n    &:hover {\n        .i-upload-delete {\n            opacity: 1;\n        }\n        .i-upload-tip {\n            opacity: 1;\n        }\n    }\n}\n.i-upload-size {\n    font-size: 0.8em;\n    color: var(--color-6);\n}\n.i-upload-item-dragged {\n    z-index: 1000;\n}\n\n.i-upload-tip {\n    position: absolute;\n    left: 50%;\n    top: 100%;\n    transform: translate(-50%, 0.5em);\n    z-index: 1;\n    background: var(--background-opacity);\n    border-radius: var(--radius);\n    backdrop-filter: var(--blur);\n    box-shadow: var(--shadow);\n    font-size: 0.86em;\n    pointer-events: none;\n    opacity: 0;\n    transition: opacity 0.12s;\n    white-space: pre;\n}\n\n.i-upload-dropbox {\n    width: 100%;\n    border: 2px dashed var(--color-5);\n    border-radius: var(--radius);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5em;\n    cursor: pointer;\n    transition: var(--transition);\n    color: var(--color-5);\n    padding: 1em;\n\n    &:hover {\n        border-color: var(--color-main);\n        color: var(--color-main);\n    }\n}\n.i-upload-dropbox-active {\n    border-color: var(--color-main);\n    background: var(--background-opacity-1);\n    color: var(--color-main);\n}\n",".i-ripple-container {\n    position: absolute;\n    inset: 0;\n    overflow: hidden;\n    pointer-events: none;\n    border-radius: inherit;\n    contain: strict;\n    .i-ripple {\n        position: absolute;\n        background: var(--color);\n        opacity: 0.15;\n        transform: translate(-50%, -50%) scale(0.25);\n        transform-origin: 50%;\n        border-radius: 50%;\n    }\n    .i-ripple-active {\n        opacity: 0;\n        transform: translate(-50%, -50%) scale(1);\n    }\n}\n",".i-input-label {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    align-content: flex-start;\n    gap: 0.5em;\n    width: 100%;\n    max-width: 100%;\n    border-radius: var(--radius);\n\n    &:has(.i-input-success) {\n        --color: var(--green);\n    }\n\n    &:has(.i-input-warning) {\n        --color: var(--yellow);\n    }\n\n    &:has(.i-input-error) {\n        --color: var(--error);\n    }\n}\n\n.i-input-inline {\n    flex-wrap: nowrap;\n\n    .i-input-item,\n    .i-upload-inner,\n    .i-radio-options {\n        flex: 1 1 auto;\n    }\n\n    .i-input-message {\n        position: absolute;\n        right: 12%;\n        top: -0.8em;\n        padding: 0.2em 0.5em;\n        background: var(--background-opacity);\n        backdrop-filter: var(--blur);\n    }\n}\n\n.i-input-label-text {\n    flex: 0 0 var(--label-width);\n    text-align: var(--label-align);\n    border-radius: inherit;\n    font-weight: 500;\n    transition: all 0.12s;\n}\n\n.i-input-item {\n    --input-border-width: 2px;\n    --invert-input-border-width: calc(var(--input-border-width) * -1);\n    flex: 1 1 100%;\n    display: flex;\n    align-items: baseline;\n    transition: var(--transition);\n    border-radius: inherit;\n    border: var(--input-border-width) solid var(--background-opacity-2);\n    max-width: 100%;\n\n    .i-btn {\n        align-self: stretch;\n    }\n\n    &:hover,\n    &:focus-within,\n    &.i-input-focus {\n        border-color: var(--color-8);\n        background-color: transparent;\n    }\n\n    &.i-input-success {\n        border-color: var(--green-0);\n    }\n\n    &.i-input-warning {\n        border-color: var(--yellow-0);\n    }\n\n    &.i-input-error {\n        border-color: var(--error-0);\n    }\n}\n\n.i-input-borderless {\n    border-color: transparent;\n    background: var(--background-opacity-2);\n}\n\n.i-input-underline {\n    border-width: 0 0 var(--input-border-width) 0;\n    border-radius: 0;\n    border-color: var(--background-opacity-2);\n    background: transparent;\n}\n\n.i-input {\n    padding: var(--padding);\n    flex: 1;\n    width: 100%;\n    color: inherit;\n    outline: none;\n    transition: var(--transition);\n    background: transparent;\n    border-radius: inherit;\n    text-align: inherit;\n\n    &[type=\"number\"]::-webkit-inner-spin-button,\n    &[type=\"number\"]::-webkit-outer-spin-button {\n        -webkit-appearance: none;\n    }\n\n    &[readonly] {\n        caret-color: transparent;\n    }\n\n    &[type=\"password\"] {\n        font-family: math;\n    }\n\n    &:disabled {\n        background: var(--background-opacity-1);\n        cursor: not-allowed;\n    }\n}\n\n.i-input-message {\n    --color: var(--color-5);\n    flex: 1 1 auto;\n    align-self: center;\n    z-index: 1;\n    font-size: 0.8em;\n    color: var(--color);\n    border-radius: var(--radius);\n    pointer-events: none;\n}\n\n.i-input-success {\n    --color: var(--green);\n}\n\n.i-input-warning {\n    --color: var(--yellow);\n}\n\n.i-input-error {\n    --color: var(--error);\n}\n\n.i-textarea {\n    display: block;\n    transition:\n        var(--transition),\n        width 0s,\n        height 0s;\n    max-width: 100%;\n    min-height: 2.14em;\n}\n\n.i-input-prepend,\n.i-input-append {\n    margin: var(--invert-input-border-width);\n    display: flex;\n    align-self: stretch;\n    place-items: center;\n\n    .i-btn {\n        border-radius: inherit;\n        height: unset;\n    }\n}\n\n.i-input-prepend {\n    margin-right: 0;\n    border-top-left-radius: inherit;\n    border-bottom-left-radius: inherit;\n}\n\n.i-input-append {\n    margin-left: 0;\n    border-top-right-radius: inherit;\n    border-bottom-right-radius: inherit;\n}\n\n.i-options-block {\n    & > .i-checkbox-item,\n    & > .i-radio-item {\n        flex: 1 1 100%;\n    }\n}\n\n.i-input-number {\n    text-align: center;\n    padding: var(--padding);\n    padding-inline: 0;\n}\n"]}

package/lib/es/components/affix/affix.js

@@ -1,53 +1,62 @@
 import { jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { debounce } from 'radash';
-import { useState, useMemo, Children, cloneElement, useEffect } from 'react';
+import { useState, useRef, useMemo, Children, cloneElement, useEffect } from 'react';
 import ToTop from './totop.js';
 
+const defaultGetContainer = () => {
+    if (typeof window === "undefined")
+        return null;
+    return window;
+};
 const Affix = (props) => {
-    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = () => {
-        if (typeof document === "undefined")
-            return null;
-        return document.body;
-    }, } = props;
-    const [hidden, setHidden] = useState(false);
+    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = defaultGetContainer, } = props;
+    const [hidden, setHidden] = useState(() => {
+        if (!offset)
+            return false;
+        if (typeof window === "undefined")
+            return false;
+        return (window.scrollY ?? 0) < offset;
+    });
+    const getContainerRef = useRef(getContainer);
+    getContainerRef.current = getContainer;
     const hijackChildren = useMemo(() => {
         return Children.map(children, (node) => {
-            if (node.type === ToTop) {
-                const { onClick } = node.props;
-                return cloneElement(node, {
-                    key: node.key,
-                    ...node.props,
-                    onClick: (e) => {
-                        const container = getContainer();
-                        onClick?.(e);
-                        container?.scrollTo({
-                            top: 0,
-                            left: 0,
-                            behavior: "smooth",
-                        });
-                    },
-                });
-            }
-            return node;
+            if (node.type !== ToTop)
+                return node;
+            const { onClick } = node.props;
+            return cloneElement(node, {
+                onClick: (e) => {
+                    const container = getContainerRef.current();
+                    onClick?.(e);
+                    container?.scrollTo({
+                        top: 0,
+                        left: 0,
+                        behavior: "smooth",
+                    });
+                },
+            });
         });
-    }, [children, getContainer]);
+    }, [children]);
     useEffect(() => {
-        const container = getContainer();
+        const container = getContainerRef.current();
         if (!offset || !container)
             return;
+        const getScrollTop = () => container instanceof Window
+            ? container.scrollY
+            : container.scrollTop;
         const listener = debounce({ delay: 160 }, () => {
-            const top = container.scrollTop;
-            setHidden(top < offset);
+            setHidden(getScrollTop() < offset);
         });
         listener();
         container.addEventListener("scroll", listener);
         return () => {
+            listener.cancel();
             container.removeEventListener("scroll", listener);
         };
-    }, [offset, getContainer]);
+    }, [offset]);
     return (jsx("div", { className: classNames("i-affix", className, {
-            "i-affix-hidden": hidden,
+            "i-affix-visible": !hidden,
         }), style: {
             ...style,
             position,

package/lib/es/components/affix/affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"affix.js","sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n\tChildren,\n\tMouseEvent,\n\tcloneElement,\n\tuseEffect,\n\tuseMemo,\n\tuseState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst Affix = (props: IAffix) => {\n\tconst {\n\t\tposition = \"fixed\",\n\t\tleft,\n\t\ttop,\n\t\tright,\n\t\tbottom,\n\t\toffset,\n\t\tstyle,\n\t\tclassName,\n\t\tchildren,\n\t\tgetContainer = () => {\n\t\t\tif (typeof document === \"undefined\") return null;\n\t\t\treturn document.body;\n\t\t},\n\t} = props;\n\n\tconst [hidden, setHidden] = useState<boolean>(false);\n\n\tconst hijackChildren = useMemo(() => {\n\t\treturn Children.map(children, (node: any) => {\n\t\t\tif (node.type === ToTop) {\n\t\t\t\tconst { onClick } = node.props;\n\n\t\t\t\treturn cloneElement(node, {\n\t\t\t\t\tkey: node.key,\n\t\t\t\t\t...node.props,\n\t\t\t\t\tonClick: (e: MouseEvent) => {\n\t\t\t\t\t\tconst container = getContainer();\n\n\t\t\t\t\t\tonClick?.(e);\n\t\t\t\t\t\tcontainer?.scrollTo({\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn node;\n\t\t});\n\t}, [children, getContainer]);\n\n\tuseEffect(() => {\n\t\tconst container = getContainer();\n\t\tif (!offset || !container) return;\n\n\t\tconst listener = debounce({ delay: 160 }, () => {\n\t\t\tconst top = container.scrollTop;\n\n\t\t\tsetHidden(top < offset);\n\t\t});\n\n\t\tlistener();\n\t\tcontainer.addEventListener(\"scroll\", listener);\n\n\t\treturn () => {\n\t\t\tcontainer.removeEventListener(\"scroll\", listener);\n\t\t};\n\t}, [offset, getContainer]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\"i-affix\", className, {\n\t\t\t\t\"i-affix-hidden\": hidden,\n\t\t\t})}\n\t\t\tstyle={{\n\t\t\t\t...style,\n\t\t\t\tposition,\n\t\t\t\tleft,\n\t\t\t\ttop,\n\t\t\t\tright,\n\t\t\t\tbottom,\n\t\t\t}}\n\t\t>\n\t\t\t{hijackChildren}\n\t\t</div>\n\t);\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"names":["_jsx"],"mappings":";;;;;;AAcA,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC/B,MAAM,EACL,QAAQ,GAAG,OAAO,EAClB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,MAAK;QACnB,IAAI,OAAO,QAAQ,KAAK,WAAW;AAAE,YAAA,OAAO,IAAI;QAChD,OAAO,QAAQ,CAAC,IAAI;IACrB,CAAC,GACD,GAAG,KAAK;IAET,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;AAEpD,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAK;QACnC,OAAO,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AAC3C,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;AACxB,gBAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK;gBAE9B,OAAO,YAAY,CAAC,IAAI,EAAE;oBACzB,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,GAAG,IAAI,CAAC,KAAK;AACb,oBAAA,OAAO,EAAE,CAAC,CAAa,KAAI;AAC1B,wBAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,wBAAA,OAAO,GAAG,CAAC,CAAC;wBACZ,SAAS,EAAE,QAAQ,CAAC;AACnB,4BAAA,GAAG,EAAE,CAAC;AACN,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,QAAQ,EAAE,QAAQ;AAClB,yBAAA,CAAC;oBACH,CAAC;AACD,iBAAA,CAAC;YACH;AAEA,YAAA,OAAO,IAAI;AACZ,QAAA,CAAC,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAE5B,SAAS,CAAC,MAAK;AACd,QAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS;YAAE;QAE3B,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAK;AAC9C,YAAA,MAAM,GAAG,GAAG,SAAS,CAAC,SAAS;AAE/B,YAAA,SAAS,CAAC,GAAG,GAAG,MAAM,CAAC;AACxB,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,EAAE;AACV,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,MAAK;AACX,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAClD,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAE1B,QACCA,aACC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;AAC3C,YAAA,gBAAgB,EAAE,MAAM;SACxB,CAAC,EACF,KAAK,EAAE;AACN,YAAA,GAAG,KAAK;YACR,QAAQ;YACR,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;SACN,EAAA,QAAA,EAEA,cAAc,EAAA,CACV;AAER;AAEA,KAAK,CAAC,KAAK,GAAG,KAAK;;;;"}
+{"version":3,"file":"affix.js","sources":["../../../../packages/components/affix/affix.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { debounce } from \"radash\";\nimport {\n    Children,\n    cloneElement,\n    MouseEvent,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport \"./index.css\";\nimport ToTop from \"./totop\";\nimport { IAffix } from \"./type\";\n\nconst defaultGetContainer = () => {\n    if (typeof window === \"undefined\") return null;\n    return window;\n};\n\nconst Affix = (props: IAffix) => {\n    const {\n        position = \"fixed\",\n        left,\n        top,\n        right,\n        bottom,\n        offset,\n        style,\n        className,\n        children,\n        getContainer = defaultGetContainer,\n    } = props;\n\n    const [hidden, setHidden] = useState<boolean>(() => {\n        if (!offset) return false;\n        if (typeof window === \"undefined\") return false;\n        return (window.scrollY ?? 0) < offset;\n    });\n    const getContainerRef = useRef(getContainer);\n    getContainerRef.current = getContainer;\n\n    const hijackChildren = useMemo(() => {\n        return Children.map(children, (node: any) => {\n            if (node.type !== ToTop) return node;\n\n            const { onClick } = node.props;\n\n            return cloneElement(node, {\n                onClick: (e: MouseEvent) => {\n                    const container = getContainerRef.current();\n\n                    onClick?.(e);\n                    container?.scrollTo({\n                        top: 0,\n                        left: 0,\n                        behavior: \"smooth\",\n                    });\n                },\n            });\n        });\n    }, [children]);\n\n    useEffect(() => {\n        const container = getContainerRef.current();\n        if (!offset || !container) return;\n\n        const getScrollTop = () =>\n            container instanceof Window\n                ? container.scrollY\n                : container.scrollTop;\n\n        const listener = debounce({ delay: 160 }, () => {\n            setHidden(getScrollTop() < offset);\n        });\n\n        listener();\n        container.addEventListener(\"scroll\", listener);\n\n        return () => {\n            listener.cancel();\n            container.removeEventListener(\"scroll\", listener);\n        };\n    }, [offset]);\n\n    return (\n        <div\n            className={classNames(\"i-affix\", className, {\n                \"i-affix-visible\": !hidden,\n            })}\n            style={{\n                ...style,\n                position,\n                left,\n                top,\n                right,\n                bottom,\n            }}\n        >\n            {hijackChildren}\n        </div>\n    );\n};\n\nAffix.ToTop = ToTop;\n\nexport default Affix;\n"],"names":["_jsx"],"mappings":";;;;;;AAeA,MAAM,mBAAmB,GAAG,MAAK;IAC7B,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,QAAA,OAAO,IAAI;AAC9C,IAAA,OAAO,MAAM;AACjB,CAAC;AAED,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC5B,MAAM,EACF,QAAQ,GAAG,OAAO,EAClB,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,mBAAmB,GACrC,GAAG,KAAK;IAET,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,MAAK;AAC/C,QAAA,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK;QACzB,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,YAAA,OAAO,KAAK;QAC/C,OAAO,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,MAAM;AACzC,IAAA,CAAC,CAAC;AACF,IAAA,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC;AAC5C,IAAA,eAAe,CAAC,OAAO,GAAG,YAAY;AAEtC,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAK;QAChC,OAAO,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAS,KAAI;AACxC,YAAA,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK;AAAE,gBAAA,OAAO,IAAI;AAEpC,YAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK;YAE9B,OAAO,YAAY,CAAC,IAAI,EAAE;AACtB,gBAAA,OAAO,EAAE,CAAC,CAAa,KAAI;AACvB,oBAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAE3C,oBAAA,OAAO,GAAG,CAAC,CAAC;oBACZ,SAAS,EAAE,QAAQ,CAAC;AAChB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACrB,qBAAA,CAAC;gBACN,CAAC;AACJ,aAAA,CAAC;AACN,QAAA,CAAC,CAAC;AACN,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;AAC3C,QAAA,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS;YAAE;AAE3B,QAAA,MAAM,YAAY,GAAG,MACjB,SAAS,YAAY;cACf,SAAS,CAAC;AACZ,cAAE,SAAS,CAAC,SAAS;QAE7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAK;AAC3C,YAAA,SAAS,CAAC,YAAY,EAAE,GAAG,MAAM,CAAC;AACtC,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,EAAE;AACV,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAE9C,QAAA,OAAO,MAAK;YACR,QAAQ,CAAC,MAAM,EAAE;AACjB,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AACrD,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEZ,QACIA,aACI,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;YACxC,iBAAiB,EAAE,CAAC,MAAM;SAC7B,CAAC,EACF,KAAK,EAAE;AACH,YAAA,GAAG,KAAK;YACR,QAAQ;YACR,IAAI;YACJ,GAAG;YACH,KAAK;YACL,MAAM;SACT,EAAA,QAAA,EAEA,cAAc,EAAA,CACb;AAEd;AAEA,KAAK,CAAC,KAAK,GAAG,KAAK;;;;"}

package/lib/es/components/affix/totop.js

@@ -6,7 +6,7 @@ import Icon from '../icon/icon.js';
 
 function ToTop(props) {
     const { style, className, onClick } = props;
-    return (jsx(Button, { square: true, className: classNames("i-affix-totop", className), style: { ...style }, onClick: onClick, children: jsx(Icon, { icon: jsx(SkipPreviousRound, {}), rotate: 90 }) }));
+    return (jsx(Button, { square: true, className: classNames("i-affix-totop", "i-affix-target", className), style: { ...style }, onClick: onClick, children: jsx(Icon, { icon: jsx(SkipPreviousRound, {}), rotate: 90 }) }));
 }
 
 export { ToTop as default };

package/lib/es/components/affix/totop.js.map

@@ -1 +1 @@
-{"version":3,"file":"totop.js","sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\nimport { IAffix } from \"./type\";\n\nfunction ToTop(props: IAffix) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,SAAS,KAAK,CAAC,KAAa,EAAA;IAC3B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK;AAE3C,IAAA,QACCA,GAAA,CAAC,MAAM,IACN,MAAM,EAAA,IAAA,EACN,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEhBA,GAAA,CAAC,IAAI,IAAC,IAAI,EAAEA,IAAC,iBAAiB,EAAA,EAAA,CAAG,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EAAA,CACzC;AAEX;;;;"}
+{"version":3,"file":"totop.js","sources":["../../../../packages/components/affix/totop.tsx"],"sourcesContent":["import { SkipPreviousRound } from \"@ricons/material\";\nimport classNames from \"classnames\";\nimport { CSSProperties, MouseEventHandler } from \"react\";\nimport Button from \"../button\";\nimport Icon from \"../icon\";\n\ninterface IToTopProps {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tonClick?: MouseEventHandler<HTMLElement>;\n}\n\nfunction ToTop(props: IToTopProps) {\n\tconst { style, className, onClick } = props;\n\n\treturn (\n\t\t<Button\n\t\t\tsquare\n\t\t\tclassName={classNames(\"i-affix-totop\", \"i-affix-target\", className)}\n\t\t\tstyle={{ ...style }}\n\t\t\tonClick={onClick}\n\t\t>\n\t\t\t<Icon icon={<SkipPreviousRound />} rotate={90} />\n\t\t</Button>\n\t);\n}\n\nexport default ToTop;\n"],"names":["_jsx"],"mappings":";;;;;;AAYA,SAAS,KAAK,CAAC,KAAkB,EAAA;IAChC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK;AAE3C,IAAA,QACCA,GAAA,CAAC,MAAM,IACN,MAAM,EAAA,IAAA,EACN,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,gBAAgB,EAAE,SAAS,CAAC,EACnE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,OAAO,EAAE,OAAO,YAEhBA,GAAA,CAAC,IAAI,IAAC,IAAI,EAAEA,IAAC,iBAAiB,EAAA,EAAA,CAAG,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EAAA,CACzC;AAEX;;;;"}

package/lib/es/components/progress/circle.js

@@ -3,9 +3,9 @@ import Text from '../text/text.js';
 
 function Circle(props) {
     const { value, circleSize = 40, lineWidth = 8 } = props;
-    return (jsxs("div", { className: 'i-progress-circle', children: [jsxs("svg", { width: circleSize, height: circleSize, children: [jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--background-opacity-2)', strokeWidth: lineWidth }), jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--color-main)', strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: 'i-progress-circle-path', strokeLinecap: 'round', style: {
-                            strokeDashoffset: `calc(100 - ${value})`,
-                        } })] }), jsxs("span", { className: 'i-progress-circle-value', children: [jsx("span", { children: value }), jsx(Text, { size: '.81em', className: 'color-7', children: "%" })] })] }));
+    return (jsxs("div", { className: "i-progress-circle", children: [jsxs("svg", { width: circleSize, height: circleSize, children: [jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main-0)", strokeWidth: lineWidth }), jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main)", strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: "i-progress-circle-path", strokeLinecap: "round", style: {
+                            strokeDashoffset: 100 - (value ?? 0),
+                        } })] }), jsxs("span", { className: "i-progress-circle-value", children: [jsx("span", { children: value }), jsx(Text, { size: ".81em", className: "color-5", children: "%" })] })] }));
 }
 
 export { Circle as default };

package/lib/es/components/progress/circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"circle.js","sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n\tprops: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">\n) {\n\tconst { value, circleSize = 40, lineWidth = 8 } = props;\n\n\treturn (\n\t\t<div className='i-progress-circle'>\n\t\t\t<svg width={circleSize} height={circleSize}>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--background-opacity-2)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tcx={circleSize / 2}\n\t\t\t\t\tcy={circleSize / 2}\n\t\t\t\t\tr={circleSize / 2 - lineWidth / 2}\n\t\t\t\t\tfill='none'\n\t\t\t\t\tstroke='var(--color-main)'\n\t\t\t\t\tstrokeWidth={lineWidth}\n\t\t\t\t\tstrokeDasharray={100}\n\t\t\t\t\tpathLength={100}\n\t\t\t\t\tclassName='i-progress-circle-path'\n\t\t\t\t\tstrokeLinecap='round'\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tstrokeDashoffset: `calc(100 - ${value})`,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t\t<span className='i-progress-circle-value'>\n\t\t\t\t<span>{value}</span>\n\t\t\t\t<Text size='.81em' className='color-7'>\n\t\t\t\t\t%\n\t\t\t\t</Text>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAGc,SAAU,MAAM,CAC7B,KAA4D,EAAA;AAE5D,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK;IAEvD,QACCA,cAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACjCA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,aACzCC,GAAA,CAAA,QAAA,EAAA,EACC,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,6BAA6B,EACpC,WAAW,EAAE,SAAS,EAAA,CACrB,EACFA,gBACC,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,GAAG,EACpB,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,wBAAwB,EAClC,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;4BACN,gBAAgB,EAAE,CAAA,WAAA,EAAc,KAAK,CAAA,CAAA,CAAG;yBACxC,EAAA,CACA,CAAA,EAAA,CACG,EAEND,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACxCC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EACpBA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,GAAA,EAAA,CAE/B,CAAA,EAAA,CACD,CAAA,EAAA,CACF;AAER;;;;"}
+{"version":3,"file":"circle.js","sources":["../../../../packages/components/progress/circle.tsx"],"sourcesContent":["import Text from \"../text\";\nimport { IProgress } from \"./type\";\n\nexport default function Circle(\n    props: Pick<IProgress, \"value\" | \"circleSize\" | \"lineWidth\">,\n) {\n    const { value, circleSize = 40, lineWidth = 8 } = props;\n\n    return (\n        <div className=\"i-progress-circle\">\n            <svg width={circleSize} height={circleSize}>\n                <circle\n                    cx={circleSize / 2}\n                    cy={circleSize / 2}\n                    r={circleSize / 2 - lineWidth / 2}\n                    fill=\"none\"\n                    stroke=\"var(--color-main-0)\"\n                    strokeWidth={lineWidth}\n                />\n                <circle\n                    cx={circleSize / 2}\n                    cy={circleSize / 2}\n                    r={circleSize / 2 - lineWidth / 2}\n                    fill=\"none\"\n                    stroke=\"var(--color-main)\"\n                    strokeWidth={lineWidth}\n                    strokeDasharray={100}\n                    pathLength={100}\n                    className=\"i-progress-circle-path\"\n                    strokeLinecap=\"round\"\n                    style={{\n                        strokeDashoffset: 100 - (value ?? 0),\n                    }}\n                />\n            </svg>\n\n            <span className=\"i-progress-circle-value\">\n                <span>{value}</span>\n                <Text size=\".81em\" className=\"color-5\">\n                    %\n                </Text>\n            </span>\n        </div>\n    );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAGc,SAAU,MAAM,CAC1B,KAA4D,EAAA;AAE5D,IAAA,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,EAAE,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK;IAEvD,QACIA,cAAK,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC9BA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,aACtCC,GAAA,CAAA,QAAA,EAAA,EACI,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,qBAAqB,EAC5B,WAAW,EAAE,SAAS,EAAA,CACxB,EACFA,gBACI,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,EAAE,EAAE,UAAU,GAAG,CAAC,EAClB,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,EACjC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,SAAS,EACtB,eAAe,EAAE,GAAG,EACpB,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,wBAAwB,EAClC,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;AACH,4BAAA,gBAAgB,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC;yBACvC,EAAA,CACH,CAAA,EAAA,CACA,EAEND,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACrCC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,KAAK,EAAA,CAAQ,EACpBA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAA,QAAA,EAAA,GAAA,EAAA,CAE/B,CAAA,EAAA,CACJ,CAAA,EAAA,CACL;AAEd;;;;"}

package/lib/index.js

@@ -494,53 +494,62 @@ const Icon = (props) => {
 
 function ToTop(props) {
     const { style, className, onClick } = props;
-    return (jsx(Button, { square: true, className: classNames("i-affix-totop", className), style: { ...style }, onClick: onClick, children: jsx(Icon, { icon: jsx(SkipPreviousRound, {}), rotate: 90 }) }));
+    return (jsx(Button, { square: true, className: classNames("i-affix-totop", "i-affix-target", className), style: { ...style }, onClick: onClick, children: jsx(Icon, { icon: jsx(SkipPreviousRound, {}), rotate: 90 }) }));
 }
 
+const defaultGetContainer = () => {
+    if (typeof window === "undefined")
+        return null;
+    return window;
+};
 const Affix = (props) => {
-    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = () => {
-        if (typeof document === "undefined")
-            return null;
-        return document.body;
-    }, } = props;
-    const [hidden, setHidden] = useState(false);
+    const { position = "fixed", left, top, right, bottom, offset, style, className, children, getContainer = defaultGetContainer, } = props;
+    const [hidden, setHidden] = useState(() => {
+        if (!offset)
+            return false;
+        if (typeof window === "undefined")
+            return false;
+        return (window.scrollY ?? 0) < offset;
+    });
+    const getContainerRef = useRef(getContainer);
+    getContainerRef.current = getContainer;
     const hijackChildren = useMemo(() => {
         return Children.map(children, (node) => {
-            if (node.type === ToTop) {
-                const { onClick } = node.props;
-                return cloneElement(node, {
-                    key: node.key,
-                    ...node.props,
-                    onClick: (e) => {
-                        const container = getContainer();
-                        onClick?.(e);
-                        container?.scrollTo({
-                            top: 0,
-                            left: 0,
-                            behavior: "smooth",
-                        });
-                    },
-                });
-            }
-            return node;
+            if (node.type !== ToTop)
+                return node;
+            const { onClick } = node.props;
+            return cloneElement(node, {
+                onClick: (e) => {
+                    const container = getContainerRef.current();
+                    onClick?.(e);
+                    container?.scrollTo({
+                        top: 0,
+                        left: 0,
+                        behavior: "smooth",
+                    });
+                },
+            });
         });
-    }, [children, getContainer]);
+    }, [children]);
     useEffect(() => {
-        const container = getContainer();
+        const container = getContainerRef.current();
         if (!offset || !container)
             return;
+        const getScrollTop = () => container instanceof Window
+            ? container.scrollY
+            : container.scrollTop;
         const listener = debounce({ delay: 160 }, () => {
-            const top = container.scrollTop;
-            setHidden(top < offset);
+            setHidden(getScrollTop() < offset);
         });
         listener();
         container.addEventListener("scroll", listener);
         return () => {
+            listener.cancel();
             container.removeEventListener("scroll", listener);
         };
-    }, [offset, getContainer]);
+    }, [offset]);
     return (jsx("div", { className: classNames("i-affix", className, {
-            "i-affix-hidden": hidden,
+            "i-affix-visible": !hidden,
         }), style: {
             ...style,
             position,
@@ -3438,9 +3447,9 @@ Text.HighLight = HighLight;
 
 function Circle(props) {
     const { value, circleSize = 40, lineWidth = 8 } = props;
-    return (jsxs("div", { className: 'i-progress-circle', children: [jsxs("svg", { width: circleSize, height: circleSize, children: [jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--background-opacity-2)', strokeWidth: lineWidth }), jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: 'none', stroke: 'var(--color-main)', strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: 'i-progress-circle-path', strokeLinecap: 'round', style: {
-                            strokeDashoffset: `calc(100 - ${value})`,
-                        } })] }), jsxs("span", { className: 'i-progress-circle-value', children: [jsx("span", { children: value }), jsx(Text, { size: '.81em', className: 'color-7', children: "%" })] })] }));
+    return (jsxs("div", { className: "i-progress-circle", children: [jsxs("svg", { width: circleSize, height: circleSize, children: [jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main-0)", strokeWidth: lineWidth }), jsx("circle", { cx: circleSize / 2, cy: circleSize / 2, r: circleSize / 2 - lineWidth / 2, fill: "none", stroke: "var(--color-main)", strokeWidth: lineWidth, strokeDasharray: 100, pathLength: 100, className: "i-progress-circle-path", strokeLinecap: "round", style: {
+                            strokeDashoffset: 100 - (value ?? 0),
+                        } })] }), jsxs("span", { className: "i-progress-circle-value", children: [jsx("span", { children: value }), jsx(Text, { size: ".81em", className: "color-5", children: "%" })] })] }));
 }
 
 const Line = (props) => {

package/lib/types/components/affix/totop.d.ts

@@ -1,6 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { IAffix } from './type.js';
+import { CSSProperties, MouseEventHandler } from 'react';
 
-declare function ToTop(props: IAffix): react_jsx_runtime.JSX.Element;
+interface IToTopProps {
+    style?: CSSProperties;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLElement>;
+}
+declare function ToTop(props: IToTopProps): react_jsx_runtime.JSX.Element;
 
 export { ToTop as default };

package/lib/types/components/affix/type.d.ts

@@ -7,7 +7,7 @@ interface IAffix extends HTMLAttributes<HTMLElement> {
     right?: string | number;
     bottom?: string | number;
     offset?: number;
-    getContainer?: () => HTMLElement | null;
+    getContainer?: () => HTMLElement | Window | null;
 }
 
 export type { IAffix };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ioca/react",
-    "version": "1.5.12",
+    "version": "1.5.13",
     "type": "module",
     "scripts": {
         "dev": "vite",