foxit-component 0.0.1 → 0.0.2

package/es/Tabs/Tabs.js

@@ -0,0 +1,43 @@
+import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+
+var ButtonTabs = function (_a) {
+    var _b;
+    var activeKey = _a.activeKey, items = _a.items, onChange = _a.onChange, _c = _a.type, type = _c === void 0 ? 'button' : _c, className = _a.className;
+    var _d = useState(activeKey || ((_b = items[0]) === null || _b === void 0 ? void 0 : _b.key)), internalActiveKey = _d[0], setInternalActiveKey = _d[1];
+    var _e = useState(false), showScrollButtons = _e[0], setShowScrollButtons = _e[1];
+    var tabListRef = useRef(null);
+    var handleTabChange = function (key) {
+        if (onChange) {
+            onChange(key);
+        }
+        else {
+            setInternalActiveKey(key);
+        }
+    };
+    // Link Tabs
+    var handleScroll = function (direction) {
+        if (tabListRef.current) {
+            var scrollAmount = direction === 'left' ? -tabListRef.current.clientWidth : tabListRef.current.clientWidth;
+            tabListRef.current.scrollBy({ left: scrollAmount, behavior: 'smooth' });
+        }
+    };
+    var updateScrollButtonsVisibility = function () {
+        if (tabListRef.current) {
+            setShowScrollButtons(tabListRef.current.scrollWidth > tabListRef.current.clientWidth);
+        }
+    };
+    useEffect(function () {
+        updateScrollButtonsVisibility();
+        window.addEventListener('resize', updateScrollButtonsVisibility);
+        return function () {
+            window.removeEventListener('resize', updateScrollButtonsVisibility);
+        };
+    }, [items]);
+    var currentKey = activeKey || internalActiveKey;
+    return (jsxs("div", { children: [type === 'button' ? (jsx("div", __assign({ className: "foxit-tabs" }, { children: items.map(function (item) { return (jsx("button", __assign({ className: "foxit-tab-item ".concat(currentKey === item.key ? 'active' : ''), onClick: function () { return handleTabChange(item.key); } }, { children: item.label }), item.key)); }) }))) : (jsx("div", __assign({ className: "foxit-linktabs" }, { children: jsxs("div", __assign({ className: "foxit-linktabs-inner" }, { children: [showScrollButtons && (jsx("button", __assign({ className: "foxit-linktabs-scroll foxit-linktabs-scroll-left", onClick: function () { return handleScroll('left'); } }, { children: "<" }))), jsx("div", __assign({ ref: tabListRef, className: classNames('foxit-linktabs-list', className) }, { children: items.map(function (item) { return (jsx("button", __assign({ className: "foxit-linktab-btn".concat(currentKey === item.key ? ' active' : ''), onClick: function () { return handleTabChange(item.key); } }, { children: item.label }), item.key)); }) })), showScrollButtons && (jsx("button", __assign({ className: "foxit-linktabs-scroll foxit-linktabs-scroll-right", onClick: function () { return handleScroll('right'); } }, { children: ">" })))] })) }))), jsx("div", __assign({ className: "foxit-tab-content" }, { children: items.map(function (item) { return item.key === currentKey && jsx("div", { children: item.children }, item.key); }) }))] }));
+};
+
+export { ButtonTabs as default };

package/es/Tag/Tag.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './tag.css';
+interface TagProps {
+    color?: 'active' | 'canceled' | 'pending' | 'offline' | 'trial' | 'expired' | 'completed' | string;
+    children: React.ReactNode;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

package/es/Tag/Tag.js

@@ -0,0 +1,10 @@
+import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Tag = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'active' : _b, children = _a.children;
+    var className = "foxit-tag foxit-tag-".concat(color);
+    return jsx("span", __assign({ className: className }, { children: children }));
+};
+
+export { Tag as default };

package/es/Toast/Toast.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './toast.css';
+import { ToastProps } from './Toast.types';
+declare const Toast: React.FC<React.PropsWithChildren<ToastProps>>;
+export default Toast;

package/es/Toast/Toast.js

@@ -0,0 +1,43 @@
+import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import classNames from 'classnames';
+import { Icon } from '../Icon/index.js';
+
+var Toast = function (_a) {
+    var toast = _a.toast, _b = _a.type, type = _b === void 0 ? 'success' : _b, _c = _a.duration, duration = _c === void 0 ? 4000 : _c;
+    var _d = useState(false), animationIn = _d[0], setAnimationIn = _d[1];
+    var toastRef = useRef(null);
+    useEffect(function () {
+        setAnimationIn(true);
+        var timer = setTimeout(function () {
+            setAnimationIn(false);
+        }, duration - 500);
+        return function () {
+            clearTimeout(timer);
+        };
+    }, [toast]);
+    var getIconName = function (type) {
+        switch (type) {
+            case 'success':
+                return 'SuccessColoursOutlined';
+            case 'error':
+                return 'ErrorColoursOutlined';
+            case 'warning':
+                return 'WarningColoursOutlined';
+            case 'loading':
+                return 'LoadingOutlined';
+            default:
+                return 'WarningColoursOutlined';
+        }
+    };
+    return (jsxs(Fragment, { children: [animationIn && type === 'loading' && jsx("div", { className: "foxit-toast-loading-overlay" }), jsx(CSSTransition, __assign({ in: animationIn, nodeRef: toastRef, timeout: 500, mountOnEnter: true, unmountOnExit: true, classNames: {
+                    enter: 'foxit-toast-enter',
+                    enterActive: 'foxit-toast-enter-active',
+                    exit: 'foxit-toast-exit',
+                    exitActive: 'foxit-toast-exit-active'
+                } }, { children: jsxs("div", __assign({ ref: toastRef, className: classNames('foxit-toast-item', "foxit-toast-item-".concat(type)) }, { children: [jsx(Icon, { name: getIconName(type), className: type === 'loading' ? 'foxit-toast-loading' : '' }), toast] })) }))] }));
+};
+
+export { Toast as default };

package/es/Toast/Toast.types.d.ts

@@ -0,0 +1,5 @@
+export interface ToastProps {
+    toast: string;
+    type?: 'success' | 'error' | 'warning' | 'loading';
+    duration?: number;
+}

package/es/Toast/ToastContainer.d.ts

@@ -0,0 +1,3 @@
+import './toast.css';
+import ToastManager from './ToastManager';
+export declare const createToastContainer: (toastManager: ToastManager, duration?: number, unique?: string) => void;

package/es/Toast/ToastContainer.js

@@ -0,0 +1,46 @@
+import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { createRoot } from 'react-dom/client';
+import Toast from './Toast.js';
+
+var createToastContainer = function (toastManager, duration, unique) {
+    var toastContainer = document.querySelector('.foxit-toast-container');
+    if (!toastContainer) {
+        toastContainer = document.createElement('div');
+        toastContainer.className = 'foxit-toast-container';
+        document.body.appendChild(toastContainer);
+    }
+    var id = new Date().getTime().toString();
+    var container = document.createElement('div');
+    if (unique) {
+        container.setAttribute('data-unique', unique);
+    }
+    container.setAttribute('data-id', id);
+    toastContainer.appendChild(container);
+    var root = createRoot(container);
+    root.render(jsx(ToastContainer, { uuid: id, toastManager: toastManager, duration: duration || 4000 }));
+};
+var ToastContainer = function (_a) {
+    var uuid = _a.uuid, toastManager = _a.toastManager, duration = _a.duration;
+    var _b = useState(null), toast = _b[0], setToast = _b[1];
+    useEffect(function () {
+        setToast(toastManager.getToast());
+    }, [toastManager]);
+    useEffect(function () {
+        var timer = setTimeout(function () {
+            var container = document.querySelector("[data-id=\"".concat(Number(uuid), "\"]"));
+            if (container) {
+                var toastContainer = document.querySelector('.foxit-toast-container');
+                toastContainer === null || toastContainer === void 0 ? void 0 : toastContainer.removeChild(container);
+                if (!(toastContainer === null || toastContainer === void 0 ? void 0 : toastContainer.childNodes.length)) {
+                    document.body.removeChild(toastContainer);
+                }
+            }
+        }, duration || 4000);
+        return function () { return clearTimeout(timer); };
+    }, [toast, duration]);
+    return jsx(Fragment, { children: toast && jsx(Toast, __assign({}, toast, { duration: duration })) });
+};
+
+export { createToastContainer };

package/es/Toast/ToastManager.d.ts

@@ -0,0 +1,8 @@
+import { ToastProps } from './Toast.types';
+declare class ToastManager {
+    private toast;
+    addToast(toast: ToastProps): void;
+    removeToast(): void;
+    getToast(): ToastProps | null;
+}
+export default ToastManager;

package/es/Toast/ToastManager.js

@@ -0,0 +1,19 @@
+var ToastManager = /** @class */ (function () {
+    function ToastManager() {
+        this.toast = null;
+    }
+    ToastManager.prototype.addToast = function (toast) {
+        var _this = this;
+        this.toast = toast;
+        setTimeout(function () { return _this.removeToast(); }, toast.duration || 4000);
+    };
+    ToastManager.prototype.removeToast = function () {
+        this.toast = null;
+    };
+    ToastManager.prototype.getToast = function () {
+        return this.toast;
+    };
+    return ToastManager;
+}());
+
+export { ToastManager as default };

package/es/Toast/index.d.ts

@@ -0,0 +1,8 @@
+declare const Toast: {
+    success(content: string, duration?: number): void;
+    error(content: string, duration?: number): void;
+    warning(content: string, duration?: number): void;
+    loading(content: string, duration?: number, uniqueKey?: string): void;
+    destroy(uniqueKey?: string): void;
+};
+export default Toast;

package/es/Toast/index.js

@@ -0,0 +1,39 @@
+import { createToastContainer } from './ToastContainer.js';
+import ToastManager from './ToastManager.js';
+
+var Toast = {
+    success: function (content, duration) {
+        var toastManager = new ToastManager();
+        createToastContainer(toastManager, duration);
+        toastManager.addToast({ toast: content, type: 'success', duration: duration });
+    },
+    error: function (content, duration) {
+        var toastManager = new ToastManager();
+        createToastContainer(toastManager, duration);
+        toastManager.addToast({ toast: content, type: 'error', duration: duration });
+    },
+    warning: function (content, duration) {
+        var toastManager = new ToastManager();
+        createToastContainer(toastManager, duration);
+        toastManager.addToast({ toast: content, type: 'warning', duration: duration });
+    },
+    loading: function (content, duration, uniqueKey) {
+        var toastManager = new ToastManager();
+        createToastContainer(toastManager, duration, uniqueKey);
+        toastManager.addToast({ toast: content, type: 'loading', duration: duration });
+    },
+    destroy: function (uniqueKey) {
+        var toastContainer = document.querySelector('.foxit-toast-container');
+        if (uniqueKey) {
+            var container = document.querySelector("[data-unique=\"".concat(uniqueKey, "\"]"));
+            if (container) {
+                toastContainer === null || toastContainer === void 0 ? void 0 : toastContainer.removeChild(container);
+            }
+        }
+        else {
+            document.body.removeChild(toastContainer);
+        }
+    }
+};
+
+export { Toast as default };

package/es/Tooltip/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import './tooltip.css';
+interface TooltipProps {
+    title: string | ReactNode;
+    children: ReactNode;
+    whiteGround?: boolean;
+    className?: string;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/es/Tooltip/Tooltip.js

@@ -0,0 +1,68 @@
+import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import ReactDOM from 'react-dom';
+import classNames from 'classnames';
+
+var Tooltip = function (_a) {
+    var title = _a.title, children = _a.children, _b = _a.whiteGround, whiteGround = _b === void 0 ? false : _b, className = _a.className;
+    var childRef = useRef(null);
+    var tooltipRef = useRef(null);
+    var _c = useState({ visibility: 'hidden', position: 'absolute', top: '0', left: '0' }), tooltipStyle = _c[0], setTooltipStyle = _c[1];
+    var isVisibleRef = useRef(false);
+    var _d = useState('50%'), arrowLeft = _d[0], setArrowLeft = _d[1];
+    var calculateTooltipPosition = function () {
+        if (childRef.current && tooltipRef.current && isVisibleRef.current) {
+            var childRect = childRef.current.getBoundingClientRect();
+            var tooltipHeight = tooltipRef.current.offsetHeight;
+            var tooltipWidth = tooltipRef.current.offsetWidth;
+            var top_1 = window.scrollY + childRect.top - tooltipHeight - 4; // 计算绝对位置，考虑页面滚动
+            var left = window.scrollX + childRect.left + childRect.width / 2 - tooltipWidth / 2;
+            var padding = 8; // 屏幕边缘留点空隙
+            var maxLeft = window.scrollX + document.documentElement.clientWidth - tooltipWidth - padding;
+            var minLeft = window.scrollX + padding;
+            if (left < minLeft)
+                left = minLeft;
+            if (left > maxLeft)
+                left = maxLeft;
+            // 箭头的 left 计算
+            var childCenter = childRect.left + childRect.width / 2;
+            var arrowLeftPx = childCenter - left;
+            // 限制箭头不超出 tooltip 边界
+            arrowLeftPx = Math.max(12, Math.min(tooltipWidth - 12, arrowLeftPx));
+            setArrowLeft("".concat(arrowLeftPx, "px"));
+            setTooltipStyle({
+                position: 'absolute',
+                top: "".concat(top_1, "px"),
+                left: "".concat(left, "px"),
+                visibility: 'visible',
+                zIndex: 9999 // 确保层级足够高
+            });
+        }
+    };
+    var handleMouseEnter = function () {
+        isVisibleRef.current = true;
+        calculateTooltipPosition();
+        window.addEventListener('scroll', calculateTooltipPosition); // 监听滚动事件
+        window.addEventListener('resize', calculateTooltipPosition); // 监听窗口大小变化
+    };
+    var handleMouseLeave = function () {
+        isVisibleRef.current = false;
+        setTooltipStyle(function (prev) { return (__assign(__assign({}, prev), { visibility: 'hidden' })); });
+        window.removeEventListener('scroll', calculateTooltipPosition); // 移除滚动事件监听
+        window.removeEventListener('resize', calculateTooltipPosition); // 移除窗口大小变化监听
+    };
+    useEffect(function () {
+        return function () {
+            // 清理事件监听器，防止内存泄漏
+            window.removeEventListener('scroll', calculateTooltipPosition);
+            window.removeEventListener('resize', calculateTooltipPosition);
+        };
+    }, []);
+    return (jsxs(Fragment, { children: [jsx("div", __assign({ className: "foxit-tooltip-container", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: childRef }, { children: children })), ReactDOM.createPortal(jsxs("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: classNames("foxit-tooltip-content", {
+                    'foxit-tooltip-white': whiteGround
+                }, className), style: tooltipStyle, ref: tooltipRef }, { children: [title, jsx("div", { className: "foxit-tooltip-arrow", style: { left: arrowLeft } })] })), document.body // 直接挂载到 body，避免层叠上下文限制
+            )] }));
+};
+
+export { Tooltip as default };

package/es/constants/icons.d.ts

@@ -0,0 +1,42 @@
+export type AppIconsType = keyof typeof ICONS;
+export declare const ICONS: Readonly<{
+    ArrowRightOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ArrowLeftOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    SearchOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    AccountOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    OrderOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    PlanOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ManageMentOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    SupportOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    DownOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    StatusOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    CheckCircleOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    EyeInvisibleOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    EyeOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    MoreOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    LoadingOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    CloseOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    QuestionCircleOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    EditorOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    DateOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    DownLoadOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    UserConfigOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    PlusCircleOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    RemoveOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ChangeRoleOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ResendEmailOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ViewDetailsOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ExportRecordOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ShareOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    BillingColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ManageColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    SuccessColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ErrorColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    WarningColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    UpgradeColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    SwitchToColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ShoppingColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    ShareColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    EmptyColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+    FireWorkColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
+}>;

package/es/constants/icons.js

@@ -0,0 +1,47 @@
+import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ICONS = Object.freeze({
+    ArrowRightOutlined: function (className) { return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5303 12.5303C18.8232 12.2374 18.8232 11.7626 18.5303 11.4697L14.5303 7.46967C14.2374 7.17678 13.7626 7.17678 13.4697 7.46967C13.1768 7.76256 13.1768 8.23744 13.4697 8.53033L16.1893 11.25L6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75L16.1893 12.75L13.4697 15.4697C13.1768 15.7626 13.1768 16.2374 13.4697 16.5303C13.7626 16.8232 14.2374 16.8232 14.5303 16.5303L18.5303 12.5303Z", fill: "currentColor" }) }))); },
+    ArrowLeftOutlined: function (className) { return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.46967 12.5303C5.17678 12.2374 5.17678 11.7626 5.46967 11.4697L9.46967 7.46967C9.76256 7.17678 10.2374 7.17678 10.5303 7.46967C10.8232 7.76256 10.8232 8.23744 10.5303 8.53033L7.81066 11.25L18 11.25C18.4142 11.25 18.75 11.5858 18.75 12C18.75 12.4142 18.4142 12.75 18 12.75L7.81066 12.75L10.5303 15.4697C10.8232 15.7626 10.8232 16.2374 10.5303 16.5303C10.2374 16.8232 9.76256 16.8232 9.46967 16.5303L5.46967 12.5303Z", fill: "currentColor" }) }))); },
+    SearchOutlined: function (className) { return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M22.4888 19.7807L18.369 16.4701C19.2097 15.0915 19.7028 13.4778 19.7028 11.7449C19.7028 6.71921 15.6287 2.64502 10.6029 2.64502C5.57717 2.64502 1.50305 6.71921 1.50305 11.7449C1.50305 16.7707 5.57717 20.8448 10.6029 20.8448C13.4835 20.8448 16.0468 19.5026 17.7142 17.4137L21.7715 20.6737L22.4888 19.7807ZM10.6029 19.6989C6.21713 19.6989 2.64899 16.1308 2.64899 11.745C2.64899 7.35914 6.21713 3.79101 10.6029 3.79101C14.9887 3.79101 18.5568 7.35914 18.5568 11.745C18.5568 16.1308 14.9887 19.6989 10.6029 19.6989Z", fill: "currentColor" }) }))); },
+    AccountOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("g", __assign({ clipPath: "url(#clip0_1651_18099)" }, { children: jsx("path", { d: "M3 4.995C3 3.893 3.893 3 4.995 3H19.005C20.107 3 21 3.893 21 4.995V19.005C21 19.5341 20.7898 20.0415 20.4157 20.4157C20.0415 20.7898 19.5341 21 19.005 21H4.995C4.46589 21 3.95846 20.7898 3.58432 20.4157C3.21019 20.0415 3 19.5341 3 19.005V4.995ZM5 5V19H19V5H5ZM7.972 18.18C7.35698 17.9136 6.77036 17.586 6.221 17.202C6.85527 16.219 7.72596 15.4108 8.75339 14.8514C9.78082 14.292 10.9322 13.9993 12.102 14C14.502 14 16.619 15.207 17.88 17.047C17.3412 17.4456 16.7636 17.789 16.156 18.072C15.6929 17.43 15.0838 16.9073 14.3789 16.547C13.674 16.1868 12.8936 15.9993 12.102 16C10.387 16 8.872 16.864 7.972 18.18ZM12 13C11.5404 13 11.0852 12.9095 10.6606 12.7336C10.236 12.5577 9.85013 12.2999 9.52513 11.9749C9.20012 11.6499 8.94231 11.264 8.76642 10.8394C8.59053 10.4148 8.5 9.95963 8.5 9.5C8.5 9.04037 8.59053 8.58525 8.76642 8.16061C8.94231 7.73597 9.20012 7.35013 9.52513 7.02513C9.85013 6.70012 10.236 6.44231 10.6606 6.26642C11.0852 6.09053 11.5404 6 12 6C12.9283 6 13.8185 6.36875 14.4749 7.02513C15.1313 7.6815 15.5 8.57174 15.5 9.5C15.5 10.4283 15.1313 11.3185 14.4749 11.9749C13.8185 12.6313 12.9283 13 12 13ZM12 11C12.3978 11 12.7794 10.842 13.0607 10.5607C13.342 10.2794 13.5 9.89782 13.5 9.5C13.5 9.10218 13.342 8.72064 13.0607 8.43934C12.7794 8.15804 12.3978 8 12 8C11.6022 8 11.2206 8.15804 10.9393 8.43934C10.658 8.72064 10.5 9.10218 10.5 9.5C10.5 9.89782 10.658 10.2794 10.9393 10.5607C11.2206 10.842 11.6022 11 12 11Z", fill: "currentColor" }) })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_1651_18099" }, { children: jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] }))); },
+    OrderOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("g", __assign({ clipPath: "url(#clip0_1651_3193)" }, { children: jsx("path", { d: "M16 20V4H4V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H16ZM19 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7956 2 19V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H17C17.2652 2 17.5196 2.10536 17.7071 2.29289C17.8946 2.48043 18 2.73478 18 3V10H22V19C22 19.7956 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7956 22 19 22ZM18 12V19C18 19.2652 18.1054 19.5196 18.2929 19.7071C18.4804 19.8946 18.7348 20 19 20C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19V12H18ZM6 6H12V12H6V6ZM8 8V10H10V8H8ZM6 13H14V15H6V13ZM6 16H14V18H6V16Z", fill: "currentColor" }) })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_1651_3193" }, { children: jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] }))); },
+    PlanOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("g", __assign({ clipPath: "url(#clip0_1651_3204)" }, { children: jsx("path", { d: "M3 3H11V11H3V3ZM3 13H11V21H3V13ZM13 3H21V11H13V3ZM13 13H21V21H13V13ZM15 5V9H19V5H15ZM15 15V19H19V15H15ZM5 5V9H9V5H5ZM5 15V19H9V15H5Z", fill: "currentColor" }) })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_1651_3204" }, { children: jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] }))); },
+    ManageMentOutlined: function (className) { return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M2 11.9998C2 11.1348 2.11 10.2968 2.316 9.49582C2.86847 9.52486 3.4182 9.40057 3.90444 9.13668C4.39068 8.8728 4.79448 8.47961 5.07121 8.00056C5.34793 7.52152 5.48681 6.97528 5.47247 6.42224C5.45814 5.8692 5.29117 5.33089 4.99 4.86682C6.19894 3.67739 7.69079 2.81531 9.325 2.36182C9.57599 2.85529 9.95864 3.26968 10.4306 3.55913C10.9025 3.84857 11.4454 4.00177 11.999 4.00177C12.5526 4.00177 13.0955 3.84857 13.5674 3.55913C14.0394 3.26968 14.422 2.85529 14.673 2.36182C16.3072 2.81531 17.7991 3.67739 19.008 4.86682C18.7065 5.33097 18.5393 5.86949 18.5248 6.42278C18.5104 6.97608 18.6493 7.52258 18.9262 8.00183C19.2031 8.48108 19.6071 8.87438 20.0937 9.13823C20.5802 9.40208 21.1303 9.52619 21.683 9.49682C21.889 10.2968 21.999 11.1348 21.999 11.9998C21.999 12.8648 21.889 13.7028 21.683 14.5038C21.1305 14.4746 20.5806 14.5987 20.0942 14.8625C19.6078 15.1263 19.2039 15.5195 18.927 15.9986C18.6502 16.4777 18.5112 17.024 18.5255 17.5771C18.5398 18.1303 18.7068 18.6687 19.008 19.1328C17.7991 20.3222 16.3072 21.1843 14.673 21.6378C14.422 21.1443 14.0394 20.7299 13.5674 20.4405C13.0955 20.1511 12.5526 19.9979 11.999 19.9979C11.4454 19.9979 10.9025 20.1511 10.4306 20.4405C9.95864 20.7299 9.57599 21.1443 9.325 21.6378C7.69079 21.1843 6.19894 20.3222 4.99 19.1328C5.29151 18.6687 5.45873 18.1301 5.47317 17.5769C5.48761 17.0236 5.3487 16.4771 5.07181 15.9978C4.79492 15.5186 4.39085 15.1252 3.90431 14.8614C3.41776 14.5976 2.8677 14.4734 2.315 14.5028C2.11 13.7038 2 12.8658 2 11.9998ZM6.804 14.9998C7.434 16.0908 7.614 17.3458 7.368 18.5238C7.776 18.8138 8.21 19.0648 8.665 19.2738C9.58167 18.4527 10.7693 17.999 12 17.9998C13.26 17.9998 14.438 18.4708 15.335 19.2738C15.79 19.0648 16.224 18.8138 16.632 18.5238C16.3794 17.3198 16.5803 16.0649 17.196 14.9998C17.8106 13.9342 18.797 13.133 19.966 12.7498C20.0122 12.2509 20.0122 11.7487 19.966 11.2498C18.7966 10.8669 17.8099 10.0656 17.195 8.99982C16.5793 7.93475 16.3784 6.67985 16.631 5.47582C16.2231 5.18574 15.7889 4.93464 15.334 4.72582C14.4176 5.54675 13.2303 6.00043 12 5.99982C10.7693 6.00067 9.58167 5.54698 8.665 4.72582C8.21013 4.93464 7.77589 5.18574 7.368 5.47582C7.62056 6.67985 7.41972 7.93475 6.804 8.99982C6.18937 10.0654 5.20298 10.8667 4.034 11.2498C3.98775 11.7487 3.98775 12.2509 4.034 12.7498C5.20335 13.1328 6.19013 13.934 6.805 14.9998H6.804ZM12 14.9998C11.2044 14.9998 10.4413 14.6837 9.87868 14.1211C9.31607 13.5585 9 12.7955 9 11.9998C9 11.2042 9.31607 10.4411 9.87868 9.8785C10.4413 9.31589 11.2044 8.99982 12 8.99982C12.7956 8.99982 13.5587 9.31589 14.1213 9.8785C14.6839 10.4411 15 11.2042 15 11.9998C15 12.7955 14.6839 13.5585 14.1213 14.1211C13.5587 14.6837 12.7956 14.9998 12 14.9998ZM12 12.9998C12.2652 12.9998 12.5196 12.8945 12.7071 12.7069C12.8946 12.5194 13 12.265 13 11.9998C13 11.7346 12.8946 11.4802 12.7071 11.2927C12.5196 11.1052 12.2652 10.9998 12 10.9998C11.7348 10.9998 11.4804 11.1052 11.2929 11.2927C11.1054 11.4802 11 11.7346 11 11.9998C11 12.265 11.1054 12.5194 11.2929 12.7069C11.4804 12.8945 11.7348 12.9998 12 12.9998Z", fill: "currentColor" }) }))); },
+    SupportOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("g", __assign({ clipPath: "url(#clip0_1651_3232)" }, { children: jsx("path", { d: "M5.763 17H20V5H4V18.385L5.763 17ZM6.455 19L2 22.5V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V18C22 18.2652 21.8946 18.5196 21.7071 18.7071C21.5196 18.8946 21.2652 19 21 19H6.455ZM11 14H13V16H11V14ZM8.567 8.813C8.69692 8.16279 9.00882 7.56285 9.4664 7.08298C9.92397 6.60311 10.5084 6.26304 11.1517 6.10236C11.795 5.94167 12.4707 5.96697 13.1002 6.17532C13.7297 6.38366 14.287 6.76647 14.7075 7.27922C15.1279 7.79196 15.394 8.41355 15.475 9.07166C15.5559 9.72976 15.4483 10.3973 15.1646 10.9966C14.881 11.596 14.433 12.1024 13.8727 12.4571C13.3125 12.8118 12.6631 13 12 13H11V11H12C12.2841 11 12.5623 10.9193 12.8023 10.7673C13.0423 10.6154 13.2343 10.3984 13.3558 10.1416C13.4773 9.8848 13.5234 9.5988 13.4887 9.31684C13.454 9.03489 13.34 8.76858 13.1598 8.54891C12.9797 8.32924 12.7409 8.16523 12.4712 8.07597C12.2015 7.98671 11.912 7.97587 11.6364 8.04471C11.3608 8.11354 11.1104 8.25923 10.9144 8.46482C10.7183 8.6704 10.5847 8.92743 10.529 9.206L8.567 8.813Z", fill: "currentColor" }) })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_1651_3232" }, { children: jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] }))); },
+    DownOutlined: function (className) { return (jsx("svg", __assign({ width: "12", height: "11", viewBox: "0 0 12 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M11.0001 5.99992L6 0.999834L0.999916 5.99992", stroke: "#757575", strokeLinecap: "round" }) }))); },
+    StatusOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13737 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C14.3869 21 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12C21 9.61305 20.0518 7.32386 18.364 5.63604C16.6761 3.94821 14.3869 3 12 3ZM12 4.80046C13.9094 4.80046 15.7407 5.55898 17.0908 6.90916C18.441 8.25933 19.1995 10.0906 19.1995 12C19.1995 13.9094 18.441 15.7407 17.0908 17.0908C15.7407 18.441 13.9094 19.1995 12 19.1995C10.0906 19.1995 8.25933 18.441 6.90916 17.0908C5.55898 15.7407 4.80046 13.9094 4.80046 12C4.80046 10.0906 5.55898 8.25933 6.90916 6.90916C8.25933 5.55898 10.0906 4.80046 12 4.80046Z", fill: "currentColor" }), jsx("path", { d: "M9 12C9 11.2044 9.31607 10.4413 9.87868 9.87868C10.4413 9.31607 11.2044 9 12 9C12.7956 9 13.5587 9.31607 14.1213 9.87868C14.6839 10.4413 15 11.2044 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15C11.2044 15 10.4413 14.6839 9.87868 14.1213C9.31607 13.5587 9 12.7956 9 12Z", fill: "currentColor" })] }))); },
+    CheckCircleOutlined: function (className) { return (jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M15.25 8C15.25 12.0042 12.0042 15.25 8 15.25C3.99581 15.25 0.75 12.0042 0.75 8C0.75 3.99581 3.99581 0.75 8 0.75C12.0042 0.75 15.25 3.99581 15.25 8Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M4.37964 8.51728L6.44845 10.5861L11.6205 5.41406", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))); },
+    EyeInvisibleOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M21.7359 11.3793L21.7359 11.3794C21.8538 11.5649 21.9165 11.7802 21.9165 12C21.9165 12.2198 21.8538 12.4351 21.7359 12.6206L21.7359 12.6207C18.8747 17.1297 15.6258 19.4163 12.0001 19.4163C8.37434 19.4163 5.12546 17.1297 2.26425 12.6207L2.26422 12.6206C2.14632 12.4351 2.08371 12.2198 2.08371 12C2.08371 11.7802 2.14632 11.5649 2.26422 11.3794L2.26425 11.3793C5.12546 6.87035 8.37434 4.58371 12.0001 4.58371C15.6258 4.58371 18.8747 6.87035 21.7359 11.3793ZM12.0001 7.41629C9.4686 7.41629 7.41637 9.46852 7.41637 12C7.41637 14.5315 9.4686 16.5837 12.0001 16.5837C14.5316 16.5837 16.5838 14.5315 16.5838 12C16.5838 9.46852 14.5316 7.41629 12.0001 7.41629ZM14.9164 12C14.9164 13.6105 13.6106 14.9163 12.0001 14.9163C10.3896 14.9163 9.08378 13.6105 9.08378 12C9.08378 10.3895 10.3896 9.08371 12.0001 9.08371C13.6106 9.08371 14.9164 10.3895 14.9164 12Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.167411" }), jsx("path", { d: "M5.14258 19.7143L19.714 5.14282", stroke: "currentColor", strokeWidth: "1.71429" })] }))); },
+    EyeOutlined: function (className) { return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M21.7359 11.3793L21.7359 11.3794C21.8538 11.5649 21.9165 11.7802 21.9165 12C21.9165 12.2198 21.8538 12.4351 21.7359 12.6206L21.7359 12.6207C18.8747 17.1297 15.6258 19.4163 12.0001 19.4163C8.37434 19.4163 5.12546 17.1297 2.26425 12.6207L2.26422 12.6206C2.14632 12.4351 2.08371 12.2198 2.08371 12C2.08371 11.7802 2.14632 11.5649 2.26422 11.3794L2.26425 11.3793C5.12546 6.87035 8.37434 4.58371 12.0001 4.58371C15.6258 4.58371 18.8747 6.87035 21.7359 11.3793ZM12.0001 7.41629C9.4686 7.41629 7.41637 9.46852 7.41637 12C7.41637 14.5315 9.4686 16.5837 12.0001 16.5837C14.5316 16.5837 16.5838 14.5315 16.5838 12C16.5838 9.46852 14.5316 7.41629 12.0001 7.41629ZM14.9164 12C14.9164 13.6105 13.6106 14.9163 12.0001 14.9163C10.3896 14.9163 9.08378 13.6105 9.08378 12C9.08378 10.3895 10.3896 9.08371 12.0001 9.08371C13.6106 9.08371 14.9164 10.3895 14.9164 12Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.167411" }) }))); },
+    MoreOutlined: function (className) { return (jsx("svg", __assign({ width: "12", height: "3", viewBox: "0 0 12 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M0.460938 1.53125C0.460938 1.10417 0.570312 0.804688 0.789062 0.632812C1.01302 0.455729 1.28385 0.367188 1.60156 0.367188C1.91927 0.367188 2.1901 0.455729 2.41406 0.632812C2.64323 0.804688 2.75781 1.10417 2.75781 1.53125C2.75781 1.94792 2.64323 2.25 2.41406 2.4375C2.1901 2.61979 1.91927 2.71094 1.60156 2.71094C1.28385 2.71094 1.01302 2.61979 0.789062 2.4375C0.570312 2.25 0.460938 1.94792 0.460938 1.53125ZM4.85156 1.53125C4.85156 1.10417 4.96094 0.804688 5.17969 0.632812C5.40365 0.455729 5.67448 0.367188 5.99219 0.367188C6.3099 0.367188 6.58073 0.455729 6.80469 0.632812C7.03385 0.804688 7.14844 1.10417 7.14844 1.53125C7.14844 1.94792 7.03385 2.25 6.80469 2.4375C6.58073 2.61979 6.3099 2.71094 5.99219 2.71094C5.67448 2.71094 5.40365 2.61979 5.17969 2.4375C4.96094 2.25 4.85156 1.94792 4.85156 1.53125ZM9.24219 1.53125C9.24219 1.10417 9.35156 0.804688 9.57031 0.632812C9.79427 0.455729 10.0651 0.367188 10.3828 0.367188C10.7005 0.367188 10.9714 0.455729 11.1953 0.632812C11.4245 0.804688 11.5391 1.10417 11.5391 1.53125C11.5391 1.94792 11.4245 2.25 11.1953 2.4375C10.9714 2.61979 10.7005 2.71094 10.3828 2.71094C10.0651 2.71094 9.79427 2.61979 9.57031 2.4375C9.35156 2.25 9.24219 1.94792 9.24219 1.53125Z", fill: "currentColor" }) }))); },
+    LoadingOutlined: function (className) { return (jsx("svg", __assign({ viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", width: "24px", height: "24px", fill: "currentColor", "aria-hidden": "true", className: className }, { children: jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) }))); },
+    CloseOutlined: function (className) { return (jsx("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M1.00025 13L13 1M12.9998 13L1 0.999998", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))); },
+    QuestionCircleOutlined: function (className) { return (jsx("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M6.99961 1.11328C5.85742 1.11328 4.74089 1.45198 3.79119 2.08654C2.8415 2.72111 2.1013 3.62304 1.66421 4.67828C1.22711 5.73353 1.11275 6.89469 1.33558 8.01493C1.55841 9.13517 2.10842 10.1642 2.91607 10.9718C3.72372 11.7795 4.75272 12.3295 5.87296 12.5523C6.99321 12.7751 8.15437 12.6608 9.20961 12.2237C10.2649 11.7866 11.1668 11.0464 11.8013 10.0967C12.4359 9.14701 12.7746 8.03047 12.7746 6.88828C12.7746 5.35666 12.1662 3.88776 11.0832 2.80474C10.0001 1.72172 8.53124 1.11328 6.99961 1.11328ZM7.36361 9.72328C7.24823 9.83218 7.09527 9.89236 6.93661 9.89128C6.85726 9.89282 6.77843 9.87809 6.70499 9.84799C6.63155 9.81789 6.56506 9.77307 6.50961 9.71628C6.45336 9.6619 6.40881 9.59659 6.37872 9.52436C6.34862 9.45214 6.33361 9.37452 6.33461 9.29628C6.33139 9.21775 6.34539 9.13946 6.37562 9.06691C6.40585 8.99436 6.45158 8.92929 6.50961 8.87628C6.56565 8.82076 6.63241 8.77722 6.70582 8.74834C6.77924 8.71946 6.85776 8.70583 6.93661 8.70828C7.01658 8.70528 7.09631 8.71863 7.17094 8.74752C7.24557 8.7764 7.31351 8.82022 7.37061 8.87628C7.42864 8.92929 7.47437 8.99436 7.5046 9.06691C7.53483 9.13946 7.54883 9.21775 7.54561 9.29628C7.5468 9.37725 7.53124 9.4576 7.49993 9.53228C7.46861 9.60697 7.4222 9.67437 7.36361 9.73028V9.72328ZM8.55361 6.50328C8.33257 6.73093 8.09886 6.94594 7.85361 7.14728C7.70967 7.26306 7.59264 7.40876 7.51061 7.57428C7.42001 7.7418 7.3742 7.92987 7.37761 8.12028V8.26028H6.50261V8.12028C6.4928 7.84907 6.55053 7.57966 6.67061 7.33628C6.91984 6.94271 7.23199 6.59272 7.59461 6.30028L7.73461 6.14628C7.8778 5.9777 7.95927 5.76537 7.96561 5.54428C7.96151 5.30371 7.86647 5.07362 7.69961 4.90028C7.60526 4.81469 7.49469 4.7489 7.37445 4.70681C7.25421 4.66473 7.12675 4.64721 6.99961 4.65528C6.84625 4.64246 6.69213 4.66844 6.55145 4.73083C6.41077 4.79322 6.28806 4.89001 6.19461 5.01228C6.0327 5.26142 5.95425 5.55561 5.97061 5.85228H5.13061C5.119 5.59615 5.15885 5.34028 5.24782 5.09982C5.3368 4.85935 5.47308 4.63917 5.64861 4.45228C5.8393 4.27146 6.06499 4.13159 6.31179 4.0413C6.55858 3.95101 6.82125 3.91221 7.08361 3.92728C7.5572 3.88677 8.02826 4.02959 8.39961 4.32628C8.56609 4.47339 8.69724 4.65617 8.78329 4.86099C8.86934 5.06581 8.90808 5.28741 8.89661 5.50928C8.89943 5.87224 8.77845 6.22533 8.55361 6.51028V6.50328Z", fill: "currentColor" }) }))); },
+    EditorOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M8.39447 12.9991C8.38198 13.0151 8.36948 13.0318 8.36392 13.0519L7.40054 16.5839C7.34427 16.7896 7.40193 17.0111 7.55406 17.1674C7.66798 17.2785 7.818 17.3396 7.97776 17.3396C8.03054 17.3396 8.08333 17.3334 8.13542 17.3195L11.6424 16.363C11.648 16.363 11.6508 16.3679 11.6549 16.3679C11.6952 16.3679 11.7348 16.3533 11.7647 16.3227L21.1424 6.94643C21.4209 6.66757 21.5737 6.28762 21.5737 5.87434C21.5737 5.40584 21.375 4.9377 21.027 4.59073L20.1414 3.70374C19.7942 3.35573 19.3253 3.15674 18.8571 3.15674C18.4439 3.15674 18.0639 3.30956 17.7847 3.58773L8.40836 12.9665C8.39867 12.9755 8.40143 12.9887 8.39447 12.9991ZM20.2248 6.02819L19.2933 6.95898L17.7833 5.42495L18.7016 4.50669C18.8467 4.36084 19.128 4.38204 19.2947 4.5494L20.181 5.43642C20.2734 5.5288 20.3262 5.65172 20.3262 5.77327C20.3255 5.87297 20.29 5.96327 20.2248 6.02819ZM10.0622 13.1464L16.8289 6.37931L18.3397 7.91437L11.5855 14.6682L10.0622 13.1464ZM8.8293 15.89L9.31828 14.0952L10.6227 15.3997L8.8293 15.89Z", fill: "currentColor" }), jsx("path", { d: "M20.8187 9.74373C20.4638 9.74373 20.1727 10.0323 20.1714 10.3921V19.1339C20.1714 19.5923 19.7991 19.9646 19.3399 19.9646H4.55207C4.09364 19.9646 3.71993 19.5924 3.71993 19.1339V4.86561C3.71993 4.4068 4.09364 4.03416 4.55207 4.03416H14.0763C14.4333 4.03416 14.723 3.7442 14.723 3.38713C14.723 3.03083 14.4333 2.74048 14.0763 2.74048H4.45345C3.33585 2.74048 2.42627 3.64937 2.42627 4.76766V19.2326C2.42627 20.3509 3.33585 21.2594 4.45345 21.2594H19.4378C20.5562 21.2594 21.4654 20.3509 21.4654 19.2326V10.388C21.4639 10.0323 21.1737 9.74373 20.8187 9.74373Z", fill: "currentColor" })] }))); },
+    DateOutlined: function (className) { return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M9 6H15V5H17V6H20V19H4V6H7V5H9V6ZM18 8H6V17H18V8ZM10 10V12H8V10H10ZM13 10V12H11V10H13ZM16 10V12H14V10H16ZM10 13V15H8V13H10ZM13 13V15H11V13H13ZM16 13V15H14V13H16Z", fill: "currentColor" }) }))); },
+    DownLoadOutlined: function (className) { return (jsx("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M11.9969 5.21521H9.14154V0.932129H4.85844V5.21521H2.00307L6.99999 10.2121L11.9969 5.21521ZM2.00307 11.6398V13.0675H11.9969V11.6398H2.00307Z", fill: "currentColor" }) }))); },
+    UserConfigOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M15.3996 13.5183C15.4896 14.1303 16.0118 14.0403 16.1018 14.3103C16.1018 14.4811 16.0118 15.1023 15.7508 15.1833C15.4899 15.1833 15.1388 15.0933 14.8778 15.1833C14.707 15.2733 14.527 15.3542 14.437 15.5342C14.266 15.9751 14.6078 16.3261 14.437 16.4971C14.176 16.6681 13.6449 16.9381 13.474 16.7581C13.2131 16.4971 13.2131 16.146 12.682 16.146C11.9799 16.146 11.9799 16.8481 11.629 16.8481C11.2781 16.8481 10.666 16.5871 10.666 16.326C10.756 15.9751 10.927 15.7141 10.576 15.3631C10.135 15.0121 9.61306 15.3631 9.43306 15.1921C9.17215 15.0211 9.08215 14.5801 9.17215 14.3192C9.26215 14.0583 9.87415 14.0583 9.87415 13.3561C9.87415 12.8342 9.26215 12.7442 9.17215 12.3933C9.08215 12.1323 9.26215 11.6911 9.52306 11.6011C9.96397 11.4303 10.225 11.7721 10.666 11.4303C10.927 11.1694 10.837 10.5573 10.837 10.3773C10.927 10.1163 11.2778 10.0263 11.539 10.0263C12.061 10.0263 11.8899 10.6384 12.592 10.7284C13.294 10.7284 13.204 10.4674 13.5549 10.0263C13.9958 10.0263 14.347 10.1973 14.4278 10.3773C14.5988 10.7283 14.257 11.2503 14.7788 11.6013C15.2196 11.8623 15.6518 11.5113 15.9218 11.6013C16.0927 11.6913 16.1827 11.9523 16.2727 12.3034C16.1018 12.8161 15.3096 12.7261 15.3996 13.5183ZM12.2408 11.7633C10.1349 12.2853 10.9268 15.3542 12.9428 15.0123C14.9678 14.5711 14.6978 11.3223 12.2408 11.7633ZM8.64979 8.69434C6.54379 8.69434 4.87879 7.02934 4.87879 4.92334C4.87879 2.81734 6.54379 1.15234 8.64979 1.15234C10.7557 1.15234 12.4207 2.81734 12.4207 4.92334C12.4208 6.93934 10.7558 8.69434 8.64979 8.69434ZM11.7188 9.56725C11.7188 9.56725 10.3146 9.56725 10.4046 10.5303C10.4946 11.5833 9.09061 10.7911 8.8297 11.6733C8.4787 12.7261 9.00061 12.5461 9.27061 13.2483C9.44161 13.6892 8.56861 13.9503 8.65861 14.7423C8.82961 15.7953 9.71161 15.2644 9.9727 15.8853C10.1436 16.4073 9.53179 16.7583 8.1277 16.7583C6.98479 16.7583 4.7977 16.7583 4.0057 16.6683C4.0057 16.6683 1.7287 16.5783 1.7287 15.0933C1.7287 15.0933 1.6387 12.8973 3.0427 11.3223C3.0427 11.3223 4.5367 9.39634 7.07479 9.39634L11.7188 9.56725Z", fill: "currentColor" }) }))); },
+    PlusCircleOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M12.0004 19.7147C7.74673 19.7147 4.28613 16.2541 4.28613 12.0004C4.28613 7.74673 7.74673 4.28613 12.0004 4.28613C16.2541 4.28613 19.7147 7.74673 19.7147 12.0004C19.7147 16.2541 16.2541 19.7147 12.0004 19.7147ZM12.0004 6.14507C8.77195 6.14507 6.14507 8.77195 6.14507 12.0004C6.14507 15.2289 8.77195 17.8558 12.0004 17.8558C15.2289 17.8558 17.8558 15.2289 17.8558 12.0004C17.8558 8.77195 15.2289 6.14507 12.0004 6.14507Z", fill: "currentColor" }), jsx("path", { d: "M12.8063 12.8063H14.622C15.0662 12.8063 15.4284 12.4441 15.4284 11.9999C15.4284 11.5557 15.0662 11.1934 14.622 11.1934H12.8063V9.37776C12.8063 8.93355 12.4441 8.57129 11.9999 8.57129C11.5557 8.57129 11.1934 8.93355 11.1934 9.37776V11.1934H9.37776C8.93355 11.1934 8.57129 11.5557 8.57129 11.9999C8.57129 12.4441 8.93355 12.8063 9.37776 12.8063H11.1934V14.622C11.1934 15.0662 11.5557 15.4284 11.9999 15.4284C12.4441 15.4284 12.8063 15.0662 12.8063 14.622V12.8063Z", fill: "currentColor" })] }))); },
+    RemoveOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M3.85714 4.78125H14.1429V15.75H3.85714V4.78125ZM5.57143 6.46875V14.0625H12.4286V6.46875H5.57143ZM6.42857 8.15625H8.14286V12.375H6.42857V8.15625ZM9.85714 8.15625H11.5714V12.375H9.85714V8.15625ZM3 4.78125H15V6.46875H3V4.78125ZM6.42857 2.25H11.5714V3.9375H6.42857V2.25Z", fill: "currentColor" }) }))); },
+    ChangeRoleOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M16.0609 8.67863L17.9655 10.6669C17.9875 10.6902 17.9998 10.7211 17.9998 10.7531C17.9998 10.7852 17.9875 10.8161 17.9655 10.8394C17.9549 10.8506 17.9421 10.8595 17.9279 10.8656C17.9137 10.8718 17.8984 10.8749 17.883 10.875H16.6496C15.8089 14.3194 12.7028 16.875 8.99963 16.875C5.2965 16.875 2.19038 14.319 1.34925 10.875H2.90475C3.70538 13.4805 6.13125 15.375 8.99963 15.375C11.868 15.375 14.2935 13.4809 15.0945 10.875H13.9909C13.9752 10.8747 13.9598 10.8712 13.9454 10.8649C13.9311 10.8586 13.9181 10.8495 13.9073 10.8382C13.8965 10.8269 13.888 10.8136 13.8823 10.799C13.8766 10.7844 13.8739 10.7688 13.8743 10.7531C13.8743 10.7209 13.8866 10.6897 13.9084 10.6669L15.813 8.67863C15.8289 8.66173 15.8481 8.64827 15.8693 8.63907C15.8906 8.62987 15.9136 8.62513 15.9368 8.62513C15.9599 8.62513 15.9829 8.62987 16.0042 8.63907C16.0254 8.64827 16.0446 8.66173 16.0605 8.67863H16.0609ZM9.70763 10.125C11.0809 10.125 12.3746 11.058 12.3746 12.4395C12.3748 12.4863 12.3657 12.5326 12.3479 12.5759C12.3302 12.6192 12.3041 12.6586 12.2711 12.6917C12.2381 12.7249 12.1989 12.7513 12.1557 12.7693C12.1126 12.7874 12.0663 12.7967 12.0195 12.7969H5.97975C5.93297 12.7967 5.88667 12.7874 5.84351 12.7693C5.80034 12.7513 5.76115 12.7249 5.72817 12.6917C5.6952 12.6586 5.66908 12.6192 5.65131 12.5759C5.63355 12.5326 5.62448 12.4863 5.62463 12.4395C5.62463 11.058 6.92213 10.125 8.29575 10.125H9.70763ZM9.054 5.625C9.30737 5.625 9.55826 5.6749 9.79234 5.77186C10.0264 5.86882 10.2391 6.01094 10.4183 6.1901C10.5974 6.36926 10.7396 6.58195 10.8365 6.81603C10.9335 7.05012 10.9834 7.30101 10.9834 7.55438C10.9834 7.80774 10.9335 8.05863 10.8365 8.29272C10.7396 8.5268 10.5974 8.73949 10.4183 8.91865C10.2391 9.09781 10.0264 9.23993 9.79234 9.33689C9.55826 9.43385 9.30737 9.48375 9.054 9.48375C8.5423 9.48375 8.05156 9.28048 7.68973 8.91865C7.3279 8.55682 7.12463 8.06608 7.12463 7.55438C7.12463 7.04267 7.3279 6.55193 7.68973 6.1901C8.05156 5.82827 8.5423 5.625 9.054 5.625ZM0.116252 7.125H4.00838C4.03913 7.125 4.06913 7.13775 4.09088 7.16062C4.10951 7.18045 4.12122 7.20578 4.12426 7.23282C4.1273 7.25986 4.12151 7.28715 4.10775 7.31063L4.09088 7.33313L2.18625 9.32137C2.15849 9.35105 2.12098 9.36975 2.08058 9.37409C2.04017 9.37843 1.99956 9.3681 1.96613 9.345L1.93875 9.32137L0.0341265 7.33313C0.0120667 7.30984 -0.000157592 7.27895 1.53426e-06 7.24687C1.53426e-06 7.18913 0.0382515 7.14075 0.0900015 7.12838L0.115877 7.125H0.116252ZM8.99963 1.125C12.7028 1.125 15.8089 3.681 16.65 7.125H15.0945C14.2939 4.5195 11.868 2.625 8.99963 2.625C6.13125 2.625 3.70575 4.51913 2.90475 7.125H1.34963C2.19038 3.68063 5.2965 1.125 8.99963 1.125Z", fill: "currentColor" }) }))); },
+    ResendEmailOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M0.317796 3.60993C0.188324 3.5166 0.105932 3.44077 0.0706213 3.38244C0.0353107 3.32411 0.0176553 3.24244 0.0176553 3.13745V2.97996C0.0176553 2.67664 0.0941618 2.43748 0.247175 2.26249C0.400188 2.0875 0.665018 2 1.04166 2L15.5897 2.0175C15.9781 2.0175 16.2488 2.09916 16.4018 2.26249C16.5548 2.42581 16.6313 2.6533 16.6313 2.94496L16.649 3.13745C16.649 3.24244 16.6372 3.31536 16.6137 3.35619C16.5901 3.39702 16.496 3.4816 16.3312 3.60993L9.11015 7.91474C8.99245 7.9614 8.84827 8.02556 8.6776 8.10723C8.50693 8.18889 8.39217 8.23555 8.33332 8.24722C8.2627 8.24722 8.15676 8.21514 8.01552 8.15097C7.87428 8.08681 7.71538 8.00223 7.53883 7.89724L0.317796 3.60993ZM11.1758 10.6971C10.9287 10.6971 10.7286 10.7496 10.5755 10.8546C10.4225 10.9596 10.3019 11.0938 10.2136 11.2571C10.1253 11.4204 10.0665 11.6042 10.0371 11.8083C10.0076 12.0125 9.99292 12.2079 9.99292 12.3945V13.6195V13.8295C9.99292 13.8995 9.99881 13.9636 10.0106 14.022H7.57414C6.73845 14.022 5.95573 14.019 5.22598 14.0132C4.49623 14.0074 3.85475 14.0045 3.30155 14.0045H2.08333C1.6596 14.0045 1.31238 13.949 1.04166 13.8382C0.77095 13.7274 0.559086 13.5845 0.406073 13.4095C0.25306 13.2345 0.147128 13.0333 0.0882767 12.8058C0.0294256 12.5783 0 12.342 0 12.097V5.62234C0 5.37735 0.0588511 5.22277 0.176553 5.15861C0.294256 5.09444 0.441383 5.12653 0.617937 5.25485C0.676788 5.28985 0.78272 5.35693 0.935733 5.4561C1.08875 5.55526 1.27118 5.669 1.48305 5.79733C1.69491 5.92566 1.9156 6.06274 2.14512 6.20856C2.37464 6.35439 2.59239 6.49147 2.79837 6.61979C3.00435 6.74812 3.1809 6.85895 3.32803 6.95228C3.47516 7.04561 3.57226 7.10394 3.61934 7.12727C3.78413 7.23227 3.87829 7.36351 3.90183 7.521C3.92537 7.6785 3.90771 7.81557 3.84886 7.93223C3.80178 8.0489 3.73116 8.20056 3.637 8.38721C3.54284 8.57387 3.44279 8.76345 3.33686 8.95594C3.23093 9.14843 3.12794 9.33217 3.02789 9.50716C2.92784 9.68216 2.86016 9.81632 2.82485 9.90965C2.766 10.073 2.77777 10.1838 2.86016 10.2421C2.94256 10.3005 3.07203 10.2771 3.24858 10.1721C3.28389 10.1488 3.381 10.0584 3.5399 9.9009C3.69879 9.7434 3.86652 9.56841 4.04307 9.37592C4.21963 9.18343 4.38735 9.0026 4.54625 8.83344C4.70515 8.66429 4.81402 8.56221 4.87287 8.52721C4.9788 8.43388 5.11711 8.3668 5.28777 8.32597C5.45844 8.28514 5.60851 8.29972 5.73798 8.36972C5.82038 8.41638 5.93219 8.48638 6.07344 8.57971C6.21468 8.67303 6.37063 8.77511 6.5413 8.88594C6.71197 8.99677 6.88558 9.11052 7.06213 9.22718L7.53883 9.54216C7.68007 9.63549 7.83014 9.69382 7.98904 9.71715C8.14794 9.74049 8.30095 9.74632 8.44808 9.73465C8.59521 9.72299 8.72762 9.69674 8.84532 9.65591C8.96303 9.61508 9.0513 9.57716 9.11015 9.54216C9.169 9.50716 9.28082 9.44008 9.4456 9.34092C9.61039 9.24176 9.78988 9.13385 9.98409 9.01719C10.1783 8.90052 10.3607 8.7897 10.5314 8.6847C10.7021 8.57971 10.8286 8.50388 10.911 8.45721L13.1356 7.09227C13.1591 7.08061 13.2327 7.03394 13.3563 6.95228C13.4798 6.87062 13.6329 6.77145 13.8153 6.65479C13.9977 6.53813 14.1978 6.4098 14.4156 6.26981C14.6333 6.12982 14.8393 5.99857 15.0335 5.87608C15.2277 5.75358 15.4072 5.63984 15.572 5.53484C15.7368 5.42985 15.8545 5.35402 15.9251 5.30735C16.1487 5.16736 16.3224 5.11194 16.4459 5.14111C16.5695 5.17027 16.6313 5.26652 16.6313 5.42985V9.97964C16.3018 9.71132 15.981 9.4605 15.6691 9.22718C15.3572 8.99385 15.0718 8.79553 14.8128 8.6322C14.5539 8.45721 14.3273 8.39596 14.1331 8.44846C13.9389 8.50096 13.78 8.6147 13.6564 8.7897C13.5328 8.96469 13.4387 9.16885 13.3739 9.40217C13.3092 9.63549 13.2768 9.84548 13.2768 10.0321C13.2768 10.1605 13.2739 10.2655 13.268 10.3471C13.2621 10.4288 13.2592 10.4988 13.2592 10.5571C13.2474 10.6154 13.2415 10.6621 13.2415 10.6971H12.9767H11.1758ZM17.7613 12.5345C17.9143 12.6512 17.9937 12.8145 17.9996 13.0245C18.0055 13.2345 17.9437 13.3862 17.8142 13.4795C17.6377 13.6195 17.4317 13.7857 17.1963 13.9782C16.9609 14.1707 16.7167 14.3661 16.4636 14.5644C16.2105 14.7628 15.9634 14.9611 15.7221 15.1594C15.4808 15.3577 15.2601 15.5327 15.06 15.6844C14.8128 15.8827 14.6392 15.9877 14.5392 15.9994C14.4391 16.011 14.3891 15.8594 14.3891 15.5444V14.7569C14.3891 14.5586 14.3391 14.3953 14.239 14.267C14.139 14.1386 14.0066 14.0745 13.8418 14.0745H11.7938C11.629 14.0745 11.4671 14.0161 11.3082 13.8995C11.1493 13.7828 11.0699 13.6311 11.0699 13.4445V12.552C11.0699 12.2254 11.1229 12.0271 11.2288 11.9571C11.3347 11.8871 11.523 11.8521 11.7938 11.8521H12.1469C12.2528 11.8521 12.3734 11.855 12.5088 11.8608C12.6442 11.8666 12.806 11.8696 12.9943 11.8696H13.7359C13.9713 11.8696 14.139 11.8287 14.239 11.7471C14.3391 11.6654 14.3891 11.5196 14.3891 11.3096V10.5396C14.3891 10.3296 14.4244 10.1955 14.495 10.1371C14.5657 10.0788 14.6951 10.1255 14.8834 10.2771C15.0718 10.4171 15.2895 10.5863 15.5367 10.7846C15.7839 10.9829 16.0399 11.1842 16.3047 11.3883C16.5695 11.5925 16.8285 11.7966 17.0815 12.0008C17.3346 12.205 17.5612 12.3829 17.7613 12.5345Z", fill: "currentColor" }) }))); },
+    ViewDetailsOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M1.7998 0V18H16.1998V0H1.7998ZM13.4998 11.7H4.4998V9.9H13.4998V11.7ZM13.4998 8.1H4.4998V6.3H13.4998V8.1ZM13.4998 4.5H4.4998V2.7H13.4998V4.5Z", fill: "currentColor" }) }))); },
+    ExportRecordOutlined: function (className) { return (jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M13.8639 19V16.0553H17L13.8639 19ZM3.48936 16.9321H2V2H14.0857V3.44786H3.48936V16.9321Z", fill: "currentColor" }), jsx("path", { d: "M13.0003 19H5V4H17V14.9979H13.0007L13.0003 19ZM11.7973 7.54554V9.31261H7.50944V11.33H11.7973V13.0971L15.4401 10.3214L11.7973 7.54554Z", fill: "currentColor" })] }))); },
+    ShareOutlined: function (className) { return (jsx("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M14.8475 9.43196C14.8511 9.33881 14.853 9.24566 14.853 9.15069C14.853 6.82375 13.6877 4.6758 11.7352 3.40457C11.4703 3.23288 11.1178 3.30776 10.9461 3.57078C10.7744 3.83562 10.8493 4.18813 11.1123 4.35982C12.7342 5.41735 13.7059 7.2 13.7114 9.13242C12.453 9.13424 11.4338 10.1553 11.4338 11.4155C11.4338 12.6758 12.4566 13.6986 13.7169 13.6986C14.9772 13.6986 16 12.6758 16 11.4155C16 10.5662 15.5361 9.82466 14.8475 9.43196ZM1.69132 9.13973C1.70959 9.14155 1.72603 9.14155 1.74429 9.14155C2.03653 9.14155 2.28493 8.91872 2.31233 8.62283C2.52603 6.28493 4.10228 4.4 6.22283 3.71689C6.6411 4.23562 7.28219 4.56621 8 4.56621C9.26027 4.56621 10.2831 3.54338 10.2831 2.2831C10.2831 1.02283 9.26027 0 8 0C6.73973 0 5.71689 1.02283 5.71689 2.2831C5.71689 2.41644 5.72785 2.54795 5.74977 2.6758C4.87489 2.979 4.06393 3.46119 3.36621 4.10046C2.10776 5.25479 1.32785 6.82557 1.17443 8.52055C1.14703 8.83288 1.37717 9.1105 1.69132 9.13973ZM11.3023 13.8137C10.3342 14.5005 9.19269 14.8639 8 14.8639C6.64292 14.8639 5.3589 14.389 4.34703 13.5452C4.48767 13.2493 4.56621 12.9169 4.56621 12.568C4.56621 11.3078 3.54338 10.2849 2.2831 10.2849C1.02283 10.2849 0 11.3059 0 12.5662C0 13.8265 1.02283 14.8493 2.2831 14.8493C2.78173 14.8493 3.24201 14.6904 3.61644 14.4201C3.9452 14.6941 4.30137 14.9388 4.6758 15.147C5.68767 15.7078 6.83653 16.0055 8 16.0055C9.43014 16.0055 10.8 15.5689 11.9616 14.7452C12.2192 14.5626 12.2795 14.2064 12.0968 13.9489C11.9142 13.6913 11.558 13.6311 11.3023 13.8137Z", fill: "currentColor" }) }))); },
+    // ColoursOutlined 带颜色的图标
+    BillingColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M10.24 1.91992C10.7492 1.91992 11.2376 2.12221 11.5977 2.48228C11.9577 2.84235 12.16 3.33071 12.16 3.83992H13.44C13.9492 3.83992 14.4376 4.04221 14.7977 4.40228C15.1577 4.76235 15.36 5.25071 15.36 5.75992V12.1599C15.36 12.6691 15.1577 13.1575 14.7977 13.5176C14.4376 13.8776 13.9492 14.0799 13.44 14.0799H2.56001C2.0508 14.0799 1.56244 13.8776 1.20237 13.5176C0.8423 13.1575 0.640015 12.6691 0.640015 12.1599V3.83992C0.640015 3.33071 0.8423 2.84235 1.20237 2.48228C1.56244 2.12221 2.0508 1.91992 2.56001 1.91992H10.24ZM10.24 2.87992H2.56001C2.31515 2.87991 2.07953 2.97347 1.90137 3.14145C1.72321 3.30944 1.61598 3.53916 1.60161 3.7836L1.60001 3.83992H11.2C11.2 3.59505 11.1065 3.35944 10.9385 3.18128C10.7705 3.00312 10.5408 2.89589 10.2963 2.88152L10.24 2.87992Z", fill: "#016FB9" }), jsx("path", { d: "M15.36 6.40039V10.2404H11.2C10.6908 10.2404 10.2025 10.0381 9.84238 9.67804C9.48231 9.31797 9.28003 8.82961 9.28003 8.32039C9.28003 7.81117 9.48231 7.32282 9.84238 6.96275C10.2025 6.60268 10.6908 6.40039 11.2 6.40039H15.36ZM11.2 7.36039C10.9454 7.36039 10.7012 7.46153 10.5212 7.64157C10.3412 7.8216 10.24 8.06578 10.24 8.32039C10.24 8.575 10.3412 8.81918 10.5212 8.99921C10.7012 9.17925 10.9454 9.28039 11.2 9.28039C11.4546 9.28039 11.6988 9.17925 11.8789 8.99921C12.0589 8.81918 12.16 8.575 12.16 8.32039C12.16 8.06578 12.0589 7.8216 11.8789 7.64157C11.6988 7.46153 11.4546 7.36039 11.2 7.36039Z", fill: "white" })] }))); },
+    ManageColoursOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M5.283 15.75C4.92863 15.75 4.64062 15.498 4.64062 15.1875C4.64062 14.8995 4.88813 14.661 5.20875 14.6284L5.283 14.625H7.875V12.3953L1.82812 12.3964C1.65978 12.3964 1.49703 12.336 1.36945 12.2262C1.24187 12.1163 1.15792 11.9644 1.13287 11.7979L1.125 11.6933V2.96777C1.125 2.61565 1.38487 2.32315 1.72462 2.27252L1.82812 2.26465H16.1741C16.5274 2.26465 16.8199 2.52565 16.8694 2.86427L16.8772 2.96777V11.6933C16.8775 11.8618 16.8172 12.0248 16.7074 12.1526C16.5975 12.2805 16.4454 12.3646 16.2788 12.3896L16.1741 12.3964H10.125V14.6239L12.9983 14.625C13.3526 14.625 13.6406 14.877 13.6406 15.1875C13.6406 15.4755 13.3931 15.714 13.0725 15.7466L12.9983 15.75H5.283ZM4.5 7.88965C3.93075 7.88965 3.45937 8.10227 3.38625 8.37677L3.375 8.45215V9.57715L3.38287 9.64352C3.447 9.92252 3.92287 10.1396 4.5 10.1396C5.06925 10.1396 5.54062 9.92815 5.61375 9.65365L5.625 9.57715V8.45215L5.61713 8.3869C5.553 8.10677 5.07713 7.88965 4.5 7.88965ZM13.5 3.38965C12.9263 3.38965 12.4538 3.71252 12.384 4.12765L12.375 4.2334V9.2959L12.3829 9.3949C12.447 9.81452 12.9229 10.1396 13.5 10.1396C14.0737 10.1396 14.5462 9.8179 14.616 9.40277L14.625 9.2959V4.2334L14.6171 4.13552C14.553 3.7159 14.0771 3.38965 13.5 3.38965ZM9 5.63965C8.42625 5.63965 7.95375 5.92652 7.884 6.29552L7.875 6.39002V9.3904L7.88287 9.47815C7.9425 9.81902 8.34637 10.0913 8.85713 10.134C8.95233 10.1213 9.0488 10.1213 9.144 10.134C9.65025 10.0913 10.053 9.8224 10.116 9.48377L10.125 9.3904V6.39002L10.1171 6.30227C10.053 5.9299 9.57712 5.63965 9 5.63965Z", fill: "#FF5F00" }) }))); },
+    SuccessColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { width: "24", height: "24", rx: "12", fill: "#30DC6B" }), jsx("path", { d: "M7.33337 12.6665L10 15.3332L16.6667 8.6665", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }))); },
+    ErrorColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { width: "24", height: "24", rx: "12", fill: "#FF3C3C" }), jsx("path", { d: "M15.9854 7.75732L7.50007 16.2426", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M7.5 7.75732L15.9853 16.2426", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })] }))); },
+    WarningColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsxs("g", __assign({ clipPath: "url(#clip0_1808_22773)" }, { children: [jsx("circle", { cx: "12", cy: "12", r: "12", fill: "white" }), jsx("path", { d: "M12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0ZM13.0312 6V13.9568C13.0312 14.5264 12.5695 14.9881 12 14.9881C11.4305 14.9881 10.9688 14.5264 10.9688 13.9568V6C10.9688 5.43047 11.4305 4.96875 12 4.96875C12.5695 4.96875 13.0312 5.43047 13.0312 6ZM12 16.0312C12.8284 16.0312 13.5 16.7028 13.5 17.5312C13.5 18.3597 12.8284 19.0312 12 19.0312C11.1716 19.0312 10.5 18.3597 10.5 17.5312C10.5 16.7028 11.1716 16.0312 12 16.0312Z", fill: "#FFAA19" })] })), jsx("defs", { children: jsx("clipPath", __assign({ id: "clip0_1808_22773" }, { children: jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] }))); },
+    UpgradeColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { width: "24", height: "24", rx: "2", fill: "#016FB9" }), jsx("path", { d: "M14.681 16H9.32576C9.114 16 8.94304 15.8343 8.94304 15.6206V10.3044L6.39283 10.3065C6.17884 10.3065 5.99683 10.1386 6.00014 9.93149C5.99683 9.82026 6.0509 9.72651 6.11708 9.65237L11.7293 4.10931C11.8792 3.96319 12.1264 3.96539 12.272 4.10493L17.8842 9.65235C18.0386 9.80716 18.0386 10.0492 17.8842 10.1975C17.8103 10.276 17.711 10.3065 17.6206 10.3065H15.0626V15.6206C15.0659 15.8343 14.8994 16 14.681 16Z", fill: "white" }), jsx("path", { d: "M19.3527 19C19.7106 19 20 19.2213 20 19.5008C20.0044 19.7787 19.7106 19.9983 19.3527 20L4.64283 19.9983C4.2894 19.9983 4 19.7787 4 19.5008C4 19.2213 4.2894 19 4.64283 19H19.3527Z", fill: "white" })] }))); },
+    SwitchToColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { width: "24", height: "24", rx: "2", fill: "#9131A0" }), jsx("path", { d: "M7.21053 17H5L9.78947 12.1853L5 7H7.21053L12 12.1853L7.21053 17Z", fill: "white" }), jsx("path", { d: "M14.2105 17H12L16.7895 12.1853L12 7H14.2105L19 12.1853L14.2105 17Z", fill: "white" })] }))); },
+    ShoppingColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { width: "24", height: "24", rx: "2", fill: "#FF5F00" }), jsx("path", { d: "M16.6668 7.57111H15.3333C15.3333 5.59994 13.8402 4 12.0002 4C10.1602 4 8.66707 5.59994 8.66707 7.57111H7.33354C6.60046 7.57111 6.00729 8.21413 6.00729 8.99987L6 17.5712C6.00077 17.9497 6.14147 18.3123 6.39134 18.5801C6.64122 18.8478 6.97996 18.9988 7.33354 19H16.6665C17.02 18.9988 17.3588 18.8478 17.6087 18.5801C17.8585 18.3123 17.9992 17.9497 18 17.5712V9.00026C17.9992 8.62185 17.8585 8.25916 17.6087 7.99144C17.3588 7.72371 17.02 7.57274 16.6665 7.5715L16.6668 7.57111ZM12.0002 5.42837C12.2631 5.42811 12.5235 5.48337 12.7664 5.59099C13.0093 5.6986 13.23 5.85646 13.4158 6.05551C13.6016 6.25456 13.7489 6.49089 13.8492 6.75096C13.9496 7.01104 14.001 7.28974 14.0005 7.57111H9.99988C9.9994 7.28974 10.0508 7.01104 10.1511 6.75096C10.2515 6.49089 10.3988 6.25456 10.5846 6.05551C10.7704 5.85646 10.9911 5.6986 11.234 5.59099C11.4769 5.48337 11.7373 5.42811 12.0002 5.42837ZM12.0002 12.5714C10.1602 12.5714 8.66707 10.9714 8.66707 8.99948H10.0002C9.99972 9.28088 10.0511 9.55963 10.1514 9.81975C10.2517 10.0799 10.399 10.3162 10.5848 10.5153C10.7706 10.7144 10.9913 10.8723 11.2343 10.98C11.4772 11.0876 11.7376 11.1429 12.0005 11.1426C12.2634 11.1428 12.5237 11.0874 12.7665 10.9798C13.0093 10.8721 13.2299 10.7142 13.4157 10.5152C13.6014 10.3162 13.7487 10.0799 13.8489 9.81984C13.9492 9.55982 14.0006 9.28117 14.0001 8.99987H15.3337C15.3337 10.9714 13.8402 12.5714 12.0002 12.5714Z", fill: "white" })] }))); },
+    ShareColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { y: "0.5", width: "24", height: "24", rx: "2", fill: "#016FB9" }), jsx("path", { d: "M19.7034 13.611C19.7075 13.5062 19.7096 13.4014 19.7096 13.2945C19.7096 10.6767 18.3986 8.26027 16.2021 6.83014C15.9041 6.63699 15.5075 6.72123 15.3144 7.01712C15.1212 7.31507 15.2055 7.71164 15.5014 7.90479C17.326 9.09452 18.4192 11.1 18.4253 13.274C17.0096 13.276 15.863 14.4247 15.863 15.8425C15.863 17.2603 17.0137 18.411 18.4315 18.411C19.8493 18.411 21 17.2603 21 15.8425C21 14.887 20.4781 14.0527 19.7034 13.611ZM4.90274 13.2822C4.92329 13.2842 4.94178 13.2842 4.96233 13.2842C5.2911 13.2842 5.57055 13.0336 5.60137 12.7007C5.84178 10.0705 7.61507 7.95 10.0007 7.18151C10.4712 7.76507 11.1925 8.13699 12 8.13699C13.4178 8.13699 14.5685 6.9863 14.5685 5.56849C14.5685 4.15068 13.4178 3 12 3C10.5822 3 9.43151 4.15068 9.43151 5.56849C9.43151 5.71849 9.44384 5.86644 9.46849 6.01027C8.48425 6.35137 7.57192 6.89384 6.78699 7.61301C5.37123 8.91164 4.49384 10.6788 4.32123 12.5856C4.29041 12.937 4.54931 13.2493 4.90274 13.2822ZM15.7151 18.5404C14.626 19.313 13.3418 19.7219 12 19.7219C10.4733 19.7219 9.02877 19.1877 7.89041 18.2384C8.04863 17.9055 8.13699 17.5315 8.13699 17.139C8.13699 15.7212 6.9863 14.5705 5.56849 14.5705C4.15068 14.5705 3 15.7192 3 17.137C3 18.5548 4.15068 19.7055 5.56849 19.7055C6.12945 19.7055 6.64726 19.5267 7.06849 19.2226C7.43836 19.5308 7.83904 19.8062 8.26027 20.0404C9.39863 20.6712 10.6911 21.0062 12 21.0062C13.6089 21.0062 15.15 20.5151 16.4568 19.5884C16.7466 19.3829 16.8144 18.9822 16.6089 18.6925C16.4034 18.4027 16.0027 18.3349 15.7151 18.5404Z", fill: "white" })] }))); },
+    EmptyColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "129", height: "128", viewBox: "0 0 129 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { opacity: "0.1", d: "M13.3 112C13.3 113.697 18.6943 115.325 28.2962 116.526C37.898 117.726 50.921 118.4 64.5 118.4C78.0791 118.4 91.102 117.726 100.704 116.526C110.306 115.325 115.7 113.697 115.7 112C115.7 110.303 110.306 108.675 100.704 107.475C91.102 106.274 78.0791 105.6 64.5 105.6C50.921 105.6 37.898 106.274 28.2962 107.475C18.6943 108.675 13.3 110.303 13.3 112Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.5", d: "M15.092 47.1042C15.092 48.1922 15.924 49.0242 17.012 49.0242C18.1 49.0242 18.932 48.1922 18.932 47.1042C18.932 46.0162 18.1 45.1842 17.012 45.1842C15.988 45.1842 15.092 46.0802 15.092 47.1042ZM116.34 104C113.908 104.64 113.396 105.152 112.82 107.52C112.18 105.088 111.668 104.576 109.3 104C111.668 103.36 112.244 102.848 112.82 100.48C113.396 102.848 113.908 103.424 116.34 104ZM25.78 40.3842C22.644 41.2162 22.004 41.8562 21.172 44.9922C20.34 41.8562 19.7 41.2162 16.564 40.3842C19.7 39.5522 20.34 38.8482 21.172 35.7762C21.94 38.9122 22.644 39.5522 25.78 40.3842ZM102.58 29.3762C100.66 29.8882 100.276 30.2722 99.764 32.1922C99.252 30.2722 98.868 29.8882 96.948 29.3762C98.868 28.8642 99.252 28.4802 99.764 26.5602C100.212 28.4802 100.66 28.8642 102.58 29.3762ZM110.836 19.5202C105.844 20.8002 104.82 21.8882 103.476 26.8802C102.196 21.8882 101.108 20.8642 96.116 19.5202C101.108 18.2402 102.132 17.1522 103.476 12.1602C104.756 17.0882 105.844 18.1762 110.836 19.5202Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.2", d: "M52.98 89.1518V89.6638L57.204 93.5678L73.396 85.6958L58.74 95.1038V99.7118L61.108 97.4078L63.476 99.7118L76.02 84.3518V83.8398L52.98 89.1518Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.5", d: "M108.02 68.9919V68.8639C108.02 68.7359 107.956 68.6719 107.956 68.5439V68.4799L94.1959 32.5759C92.2119 26.4959 86.5799 22.3999 80.1799 22.3999H48.8839C42.4839 22.3999 36.8519 26.4959 34.8679 32.5759L21.1079 68.4799V68.5439C21.0439 68.6719 21.0439 68.7359 21.0439 68.8639V94.7199C21.0439 102.848 27.6359 109.44 35.7639 109.44H93.3639C101.492 109.44 108.084 102.848 108.084 94.7199V69.1199C108.02 69.0559 108.02 69.0559 108.02 68.9919ZM38.4519 33.9199C38.4519 33.9199 38.4519 33.8559 38.5159 33.8559C39.9239 29.2479 44.1479 26.2399 48.8839 26.2399H80.1159C84.8519 26.2399 89.0759 29.2479 90.5479 33.7919C90.5479 33.7919 90.5479 33.8559 90.6119 33.8559L103.348 67.1359H74.0999C73.0119 67.1359 72.1799 67.9679 72.1799 69.0559C72.1799 73.2799 68.7239 76.7359 64.4999 76.7359C60.2759 76.7359 56.8199 73.2799 56.8199 69.0559C56.8199 67.9679 55.9879 67.1359 54.8999 67.1359H25.7159L38.4519 33.9199ZM104.18 94.7199C104.18 100.736 99.3159 105.6 93.2999 105.6H35.6999C29.6839 105.6 24.8199 100.736 24.8199 94.7199V71.0399H53.1719C54.0679 76.4799 58.8039 80.6399 64.4999 80.6399C70.1959 80.6399 74.9319 76.4799 75.8279 71.0399H104.18V94.7199Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.2", d: "M64.4999 72.3202C62.7079 72.3202 61.2999 70.9122 61.2999 69.1202V62.7202H32.1799L42.6759 35.3282L42.7399 35.2002C43.6359 32.5122 46.0679 30.7202 48.8839 30.7202H80.1159C82.9319 30.7202 85.3639 32.5122 86.2599 35.2002L86.3239 35.3282L96.8199 62.7202H67.6999V69.1202C67.6999 70.9122 66.2919 72.3202 64.4999 72.3202Z", fill: "#FF5F00" })] }))); },
+    FireWorkColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "115", height: "94", viewBox: "0 0 115 94", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M42.0299 59.8537L44.05 82.9267L34.9637 88.1727L32.9436 65.0996L42.0299 59.8537Z", fill: "#00B2A7" }), jsx("path", { d: "M44.057 82.9219L25.0923 69.6318L15.999 74.8818L34.9708 88.1678L44.057 82.9219ZM60.9315 73.1794L41.9597 59.8934L32.8735 65.1394L51.8453 78.4254L60.9315 73.1794Z", fill: "#6ADDD6" }), jsx("path", { d: "M62.379 88.5858L62.379 91.0065C62.4034 91.2778 62.5294 91.5303 62.7323 91.7141C62.9352 91.898 63.2002 92 63.4751 92C63.7501 92 64.0151 91.898 64.218 91.7141C64.4209 91.5303 64.5469 91.2778 64.5713 91.0065L64.5713 88.5858L67.0148 88.5858C67.1669 88.5993 67.3202 88.5812 67.4649 88.5327C67.6096 88.4842 67.7425 88.4064 67.8552 88.3043C67.9679 88.2022 68.0579 88.0779 68.1194 87.9394C68.181 87.801 68.2128 87.6513 68.2128 87.5C68.2128 87.3487 68.181 87.199 68.1194 87.0606C68.0579 86.9221 67.9679 86.7978 67.8552 86.6957C67.7425 86.5936 67.6096 86.5158 67.4649 86.4673C67.3202 86.4188 67.1669 86.4007 67.0148 86.4142L64.5713 86.4142L64.5713 83.9935C64.5469 83.7222 64.4209 83.4697 64.218 83.2858C64.0151 83.102 63.7501 83 63.4751 83C63.2002 83 62.9352 83.102 62.7323 83.2858C62.5294 83.4697 62.4034 83.7222 62.379 83.9935L62.379 86.4142L59.9355 86.4142C59.6616 86.4383 59.4068 86.5631 59.2212 86.7641C59.0356 86.9651 58.9326 87.2276 58.9326 87.5C58.9326 87.7724 59.0356 88.0349 59.2212 88.2359C59.4068 88.4369 59.6616 88.5617 59.9355 88.5858L62.379 88.5858Z", fill: "#FFC2A0" }), jsx("path", { d: "M76.9251 89.3556C76.5534 89.5998 76.117 89.7292 75.6711 89.7275C75.3756 89.7275 75.0831 89.6697 74.8102 89.5575C74.5374 89.4452 74.2896 89.2807 74.0811 89.0733C73.8726 88.8659 73.7075 88.6198 73.5952 88.3491C73.4829 88.0784 73.4257 87.7884 73.4268 87.4957C73.4268 87.0539 73.5592 86.6221 73.8071 86.2549C74.0551 85.8877 74.4074 85.6017 74.8196 85.433C75.2318 85.2643 75.6852 85.2206 76.1224 85.3074C76.5597 85.3943 76.9611 85.6077 77.2758 85.9207C77.5906 86.2336 77.8044 86.6321 77.8904 87.0656C77.9763 87.4991 77.9305 87.9481 77.7586 88.3557C77.5868 88.7634 77.2967 89.1114 76.9251 89.3556Z", fill: "#FFC2A0" }), jsx("path", { d: "M37.5448 40.2722L37.5448 42.5569C37.5322 42.6992 37.5492 42.8425 37.595 42.9778C37.6407 43.1131 37.7142 43.2374 37.8106 43.3427C37.907 43.4481 38.0242 43.5322 38.1549 43.5898C38.2856 43.6474 38.4269 43.6771 38.5697 43.6771C38.7125 43.6771 38.8537 43.6474 38.9844 43.5898C39.1151 43.5322 39.2324 43.4481 39.3288 43.3427C39.4252 43.2374 39.4986 43.1131 39.5444 42.9778C39.5901 42.8425 39.6072 42.6992 39.5946 42.5569L39.5946 40.2722L41.9117 40.2722C42.1824 40.2722 42.4421 40.1647 42.6335 39.9732C42.825 39.7818 42.9325 39.5221 42.9325 39.2514C42.9325 38.9806 42.825 38.721 42.6335 38.5295C42.4421 38.3381 42.1824 38.2305 41.9117 38.2305L39.5946 38.2305L39.5946 35.9377C39.5718 35.6816 39.4539 35.4434 39.2643 35.2698C39.0746 35.0963 38.8268 35 38.5697 35C38.3126 35 38.0648 35.0963 37.8751 35.2698C37.6854 35.4434 37.5676 35.6816 37.5448 35.9377L37.5448 38.2305L35.2601 38.2305C35.126 38.2305 34.9933 38.257 34.8694 38.3083C34.7456 38.3596 34.633 38.4347 34.5383 38.5295C34.4435 38.6243 34.3683 38.7369 34.317 38.8607C34.2657 38.9846 34.2393 39.1173 34.2393 39.2514C34.2393 39.3854 34.2657 39.5182 34.317 39.642C34.3683 39.7659 34.4435 39.8784 34.5383 39.9732C34.633 40.068 34.7456 40.1432 34.8694 40.1945C34.9933 40.2458 35.126 40.2722 35.2601 40.2722L37.5448 40.2722Z", fill: "#FFC2A0" }), jsx("path", { d: "M92.0093 28.7616L92.0093 31.0463L92.0093 31.0868C92.0093 31.3576 92.1168 31.6172 92.3083 31.8086C92.4997 32.0001 92.7594 32.1076 93.0301 32.1076C93.3008 32.1076 93.5605 32.0001 93.7519 31.8086C93.9434 31.6172 94.0509 31.3576 94.0509 31.0868L94.0509 28.8021L96.3519 28.8021C96.4941 28.8147 96.6374 28.7977 96.7727 28.7519C96.908 28.7062 97.0323 28.6327 97.1376 28.5363C97.243 28.4399 97.3271 28.3227 97.3847 28.192C97.4423 28.0613 97.472 27.92 97.472 27.7772C97.472 27.6344 97.4423 27.4931 97.3847 27.3625C97.3271 27.2318 97.243 27.1145 97.1376 27.0181C97.0323 26.9217 96.908 26.8483 96.7727 26.8025C96.6374 26.7567 96.4941 26.7397 96.3519 26.7523L94.0671 26.7523L94.0671 24.4676C94.0671 24.1969 93.9596 23.9372 93.7681 23.7458C93.5767 23.5543 93.317 23.4468 93.0463 23.4468C92.7756 23.4468 92.5159 23.5543 92.3245 23.7458C92.133 23.9372 92.0255 24.1969 92.0255 24.4676L92.0255 26.7118L89.7326 26.7118C89.4766 26.7346 89.2383 26.8524 89.0647 27.0421C88.8912 27.2318 88.7949 27.4796 88.7949 27.7367C88.7949 27.9938 88.8912 28.2416 89.0647 28.4313C89.2383 28.6209 89.4766 28.7388 89.7326 28.7616L92.0093 28.7616Z", fill: "#FFC2A0" }), jsx("path", { d: "M113.993 3.85796C113.647 4.08942 113.24 4.21296 112.823 4.21296C112.264 4.21296 111.728 3.99103 111.333 3.59599C110.938 3.20095 110.716 2.66516 110.716 2.10648C110.716 1.68986 110.84 1.28259 111.071 0.936183C111.303 0.589774 111.632 0.319781 112.017 0.160346C112.402 0.0009115 112.825 -0.0408036 113.234 0.0404754C113.642 0.121754 114.018 0.322377 114.312 0.616974C114.607 0.911571 114.808 1.28691 114.889 1.69553C114.97 2.10414 114.928 2.52769 114.769 2.9126C114.61 3.29751 114.34 3.62649 113.993 3.85796Z", fill: "#FFC2A0" }), jsx("path", { d: "M63.2618 59.75C63.0143 59.9141 62.7238 60.0011 62.4269 60C62.2301 60 62.0354 59.9612 61.8537 59.8857C61.672 59.8102 61.5071 59.6997 61.3682 59.5603C61.2294 59.4209 61.1195 59.2555 61.0447 59.0736C60.97 58.8916 60.9319 58.6967 60.9326 58.5C60.9326 58.2031 61.0207 57.9128 61.1858 57.666C61.3509 57.4192 61.5855 57.227 61.8599 57.1136C62.1344 57.0003 62.4363 56.9709 62.7274 57.0292C63.0185 57.0876 63.2858 57.231 63.4953 57.4414C63.7049 57.6517 63.8473 57.9196 63.9045 58.2109C63.9617 58.5023 63.9312 58.804 63.8168 59.078C63.7024 59.352 63.5092 59.5859 63.2618 59.75Z", fill: "#FFC2A0" }), jsx("path", { d: "M19 52.7523L7.27619 60L0 56.3761L12.9977 51L19 52.7523Z", fill: "#FFC2A0" }), jsx("path", { d: "M36.3038 4.23805L34 6.69027L37.0034 8L44 1H39.9666L36.3038 4.23805Z", fill: "#FFC2A0" }), jsx("path", { d: "M77.9934 29.7152L57.7732 40.9887L49.2713 34.8406L69.4915 23.5672L77.9934 29.7152Z", fill: "#DC4E45" }), jsx("path", { d: "M57.78 40.9932L62.1454 18.2545L53.6436 12.1064L49.2782 34.8452L57.78 40.9932Z", fill: "#FF6B5B" }), jsx("path", { d: "M93.7821 41.1321L73.5554 52.4008L65.0535 46.2527L85.2803 34.984L93.7821 41.1321Z", fill: "#DC4E45" }), jsx("path", { d: "M73.5622 52.4063L77.9276 29.6676L69.4258 23.5195L65.0604 46.2582L73.5622 52.4063ZM89.3448 63.8193L93.7102 41.0806L85.2084 34.9326L80.843 57.6713L89.3448 63.8193Z", fill: "#FF6B5B" })] }))); }
+});
+
+export { ICONS };

package/es/index.css

@@ -0,0 +1 @@
+.foxit-checkbox-container{cursor:pointer;display:inline-block;padding-left:25px;position:relative;-webkit-user-select:none;user-select:none}.foxit-checkbox-container input{cursor:pointer;opacity:0;position:absolute}.foxit-checkbox-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:4px;height:20px;left:0;position:absolute;top:0;width:20px}.foxit-checkbox-content{line-height:20px}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{background-color:#ff5f00;border:none}.foxit-checkbox-checkmark:after{content:"";display:none;position:absolute}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark:after{display:block}.foxit-checkbox-container .foxit-checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:7px;top:4px;transform:rotate(45deg);width:6px}.foxit-checkbox-container.disabled{color:#00000040;cursor:not-allowed;opacity:.6}.foxit-checkbox-checkmark.disabled{background-color:#f5f5f5;border:1px solid #d9d9d9}.foxit-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.foxit-empty-image{margin-bottom:16px}.foxit-empty-description{color:#757575;font-size:14px}.foxit-form-item{margin-bottom:24px}.foxit-form-item label{color:#525252;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.foxit-form-required{color:#e22727}.foxit-form-error-text,.foxit-form-warning-text{font-size:12px;line-height:24px;min-height:24px}.foxit-form-error-text{color:#e22727}.foxit-form-warning-text{color:orange}.foxit-form-item>.foxit-form-error-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-error-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-error-component .foxit-radio-container,.foxit-form-item>.foxit-form-error-component .foxit-select-wrapper>:nth-child(3){border:1px solid #e22727!important}.foxit-form-item>.foxit-form-warning-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-warning-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-warning-component .foxit-radio-container,.foxit-form-item>.foxit-form-warning-component .foxit-select-wrapper>:nth-child(3){border-color:orange!important}.foxit-input-wrapper{align-items:center;border:1px solid #d9d9d9;border-radius:10px;display:flex;font-size:14px;font-weight:400;padding:11px 16px;transition:border-color .3s}.foxit-input-wrapper:focus-within{border-color:#ff5f00!important}.foxit-input-wrapper:hover{border-color:#757575}.foxit-input-element{border:none;color:#525252;flex:1;line-height:24px;outline:none!important}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;padding:0 0 0 8px;transition:color .3s}.foxit-input-wrapper:focus-within .foxit-input-addon{color:#ff5f00!important}.foxit-input-wrapper:hover .foxit-input-addon{color:#757575}.foxit-input-wrapper :disabled,.foxit-input-wrapper-disabled{background-color:#f8f8f8}.foxit-input-wrapper-disabled:hover{border-color:#d9d9d9}.foxit-input-wrapper-disabled .foxit-input-element{color:#b3b3b3}.foxit-pagination-container{align-items:center;display:flex;justify-content:center}.foxit-pagination-button,.foxit-pagination-next,.foxit-pagination-prev{background-color:initial;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin:0 4px;min-width:48px;padding:0 12px;transition:background-color .3s ease,color .3s ease}.foxit-pagination-next:hover,.foxit-pagination-prev:hover{color:#ff5f00}.foxit-pagination-button:hover{background-color:#ff5f001a}.foxit-pagination-button:disabled{background-color:#ff5f00;color:#fff;cursor:default}.foxit-pagination-mobile-container{display:flex;justify-content:center;margin:16px 0}.foxit-pagination-mobile-next,.foxit-pagination-mobile-prev{height:36px;margin:0 8px;min-width:40px}.foxit-pagination-mobile-info{font-size:16px;min-width:48px}.foxit-button,.foxit-pagination-mobile-info{align-items:center;display:flex;justify-content:center}.foxit-button{border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.42px}.foxit-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.foxit-button:hover{opacity:.8}.foxit-button-primary{background-color:#ff5f00;color:#fff}.foxit-button-secondary{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-button-small{border-radius:5px;min-height:38px;padding:8px 24px}.foxit-button-small svg{height:16px;width:16px}.foxit-button-medium{border-radius:5px;min-height:44px;padding:11px 32px}.foxit-button-medium svg{height:20px;width:20px}.foxit-button-large{min-height:56px;padding:16px 32px}.foxit-button-prevent-click{pointer-events:none}.foxit-button-loading{animation:spin 1s linear infinite;margin-right:8px}.foxit-button-primary .foxit-button-loading{color:#fff}.foxit-button-secondary .foxit-button-loading{color:#ff5f00}.foxit-radio-container{cursor:pointer;display:inline-block;padding-left:25px;position:relative;-webkit-user-select:none;user-select:none}.foxit-radio-container input{cursor:pointer;opacity:0;position:absolute}.foxit-radio-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:50%;height:20px;left:0;position:absolute;top:0;width:20px}.foxit-radio-content{line-height:20px}.foxit-radio-container input:checked~.foxit-radio-checkmark{background-color:#fff;border:1px solid #ff5f00}.foxit-radio-checkmark:after{content:"";display:none;position:absolute}.foxit-radio-container input:checked~.foxit-radio-checkmark:after{display:block}.foxit-radio-container .foxit-radio-checkmark:after{background:#ff5f00;border-radius:50%;height:10px;left:4px;top:4px;width:10px}.foxit-radio-container.disabled{cursor:not-allowed;opacity:.6}.foxit-table{border:1px solid #ff5f00;border-radius:10px;color:#373737;min-height:200px;overflow:hidden;position:relative}.foxit-table-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.foxit-table-icon-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-table-container{border-collapse:collapse;min-width:100%;table-layout:fixed;width:auto}.foxit-table-container td,.foxit-table-container th{word-wrap:break-word;height:70px;min-height:70px;padding:24px;white-space:pre-wrap}.foxit-table-container th{background-color:#fff6f0;font-size:16px;font-weight:700}.foxit-table-container td{font-size:14px;font-weight:400}.foxit-table-container .foxit-even-row{background-color:#fff}.foxit-table-container .foxit-odd-row{background-color:#fff6f0}.foxit-table-mobile-list{display:flex;flex-direction:column;gap:16px}.foxit-table-mobile-card{background:#f8f8f8;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:32px}.foxit-table-mobile-row{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.foxit-table-mobile-row:not(:last-child){border-bottom:1px solid #efefef;padding-bottom:12px}.foxit-table-mobile-label{font-size:16px;font-weight:700;margin-right:16px;max-width:50%}.foxit-table-mobile-label,.foxit-table-mobile-value{word-wrap:break-word;color:#373737;white-space:pre-wrap}.foxit-table-mobile-value{flex:1 1 0;font-size:14px;font-weight:400;text-align:right}.foxit-table-mobile-loading{align-items:center;background:#0000;display:flex;justify-content:center;padding:24px 0;width:100%}.foxit-tabs{display:flex;flex-wrap:wrap;gap:8px}.foxit-tab-item{background-color:#f1f3f4;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:background-color .3s,color .3s}.foxit-tab-item.active{background-color:#ff5f00;color:#fff}.foxit-tab-item:hover:not(.active){background-color:#e0e0e0}.foxit-tab-content{margin-top:16px}.foxit-linktabs{width:100%}.foxit-linktabs-inner{margin-left:auto;margin-right:auto;position:relative}.foxit-linktabs-scroll{background:#fff;border:none;padding:8px;position:absolute;top:6px;z-index:10}.foxit-linktabs-scroll:hover{color:#ff5f00;cursor:pointer}.foxit-linktabs-scroll-left{left:-24px}.foxit-linktabs-scroll-right{right:-24px}.foxit-linktabs-list{-ms-overflow-style:none;border-bottom:1px solid #f1f3f4;display:flex;overflow-x:auto;scrollbar-width:none;text-align:center;white-space:nowrap;width:100%}.foxit-linktabs-list::-webkit-scrollbar{display:none}.foxit-linktab-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;outline:none;padding:12px;transition:border-color .2s,color .2s}.foxit-linktab-btn.active{border-bottom:2px solid #ff5f00;color:#ff5f00}.foxit-tag{border-radius:5px;display:inline-block;font-size:12px;font-weight:600;min-height:24px;padding:4px 8px}.foxit-tag-active{background-color:#edfafa;color:#0f8b8d}.foxit-tag-canceled{background-color:#ffecec;color:#e22727}.foxit-tag-pending{background-color:#fbf4d0;color:#9b8827}.foxit-tag-offline{background-color:#edecff;color:#6462c6}.foxit-tag-trial{background-color:#e4f4fe;color:#2288ce}.foxit-tag-expired{background-color:#ececec;color:#757575}.foxit-tag-completed{background-color:#edfafa;color:#0f8b8d}.foxit-toast-container{left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:2000}.foxit-toast-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-toast-loading-overlay{background-color:#000;height:100vh;inset:0;opacity:.15;pointer-events:auto;position:fixed;z-index:10}.foxit-toast-item{align-items:center;background-color:#fff;border:none;border-radius:50px;color:#525252;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:9px 12px;position:relative;top:102px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content;z-index:20}.foxit-toast-item-success{background-color:#ddfae8;color:#1f7f40}.foxit-toast-item-error{background-color:#fae5dd;color:#e22727}.foxit-toast-item-warning{background-color:#fff0e7;color:#525252}.foxit-toast-enter{opacity:0;transform:translateY(-100%)}.foxit-toast-enter-active{transition:all .5s ease-out}.foxit-toast-enter-active,.foxit-toast-exit{opacity:1;transform:translateY(0)}.foxit-toast-exit-active{opacity:0;transform:translateY(-100%);transition:all .5s ease-in}.foxit-tooltip-container{display:inline-block;position:relative;width:auto}.foxit-tooltip-content{background-color:#525252;border-radius:10px;color:#fff;max-width:100%;min-width:100px;padding:12px 16px;position:absolute;width:300px;z-index:1}.foxit-tooltip-white{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#525252}.foxit-tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #525252;bottom:-5px;height:0;position:absolute;transform:translateX(-50%);width:0}.foxit-tooltip-white .foxit-tooltip-arrow{border-top-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;content:"";left:-5px;position:absolute;top:-6px}.foxit-menu{border-radius:10px;font-size:14px;overflow:hidden}.foxit-menu-item-content{align-items:center;cursor:pointer;display:flex;padding:12px 16px}.foxit-menu-item{padding-left:0}.foxit-menu-item.selected{background-color:#fff6f0!important;border-radius:10px;color:#ff5f00;font-weight:600}.foxit-menu-item:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-submenu-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.foxit-menu-submenu-title:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-icon{transition:transform .3s ease-in-out}.foxit-menu-rotated-icon{transform:rotate(180deg)}.foxit-menu-item-label{font-weight:600}.foxit-menu-collapsed{transition:width .2s;width:50px!important}.foxit-menu-item-icon{align-items:center;display:inline-flex;margin-right:8px}.foxit-menu-item-icon-collapsed{font-size:16px;margin-right:0}.foxit-menu-collapsed .foxit-menu-item-content,.foxit-menu-collapsed .foxit-menu-submenu-title{align-items:center;display:flex;justify-content:center;padding:12px}.foxit-menu-collapsed-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxit-menu-popup{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001f,0 1px 3px #00000014;min-width:200px;padding:5px 0}.foxit-menu-popup-content{width:100%}.foxit-menu-popup-title{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-weight:600;padding:8px 16px}.foxit-modal-content-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:24px;justify-content:space-between;max-height:70vh;min-width:320px}@media (max-width:600px){.foxit-modal-content-container{box-sizing:border-box;overflow-y:auto}}.foxit-modal-success{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-modal-head{align-items:center;column-gap:8px;display:flex;justify-content:space-between;padding:36px 36px 0}.foxit-modal-children{box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:0 36px}@media (max-width:600px){.foxit-modal-children{height:auto;max-height:100%;overflow-y:initial}}.foxit-modal-title{font-size:20px;font-weight:700}.foxit-modal-success-icon{display:flex;height:94px;margin-top:-50px;width:115px}.foxit-modal-close-button{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;width:16px}.foxit-modal-close-button svg{stroke:#6b7280}.foxit-modal-close-button:hover svg{stroke:#ea580c}.foxit-modal-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding:0 36px 36px}@media (max-width:600px){.foxit-modal-footer{align-items:stretch;flex-direction:column;width:100%}}.foxit-modal-fixed-layout{align-items:center;display:flex;flex-direction:column;inset:0;padding:36px;position:fixed;z-index:99}.foxit-modal-justify-center{justify-content:center}.foxit-modal-justify-top{justify-content:flex-start;padding-top:96px}.foxit-modal-justify-bottom{justify-content:flex-end}.foxit-modal-overlay{cursor:pointer;height:100%;inset:0;position:fixed;width:100%;z-index:99}.foxit-modal-overlay-bg{background-color:#00000026;height:100%;inset:0;position:absolute;width:100%}.foxit-modal-content{align-items:center;display:flex;font-size:16px;font-weight:400;justify-content:center;max-height:100%;width:auto;z-index:99}.foxit-modal-opacity-0{opacity:0}.foxit-modal-opacity-100{opacity:1}.foxit-modal-scale-0{transform:scale(0)}.foxit-modal-scale-100{transform:scale(1)}.foxit-modal-transition{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.foxit-modal-hide-overflow{overflow-y:hidden}.foxit-switch{background-color:#ccc;border-radius:100px;cursor:pointer;display:inline-block;height:22px;line-height:22px;min-width:40px;position:relative;transition:background-color .3s;width:40px}.foxit-switch.small{height:14px;line-height:14px;min-width:24px;width:24px}.foxit-switch.checked{background-color:#ff5f00}.foxit-switch-handle{background-color:#fff;border-radius:50%;height:18px;position:absolute;top:2px;transform:translateX(1px);transition:transform .3s;width:18px}.foxit-switch.small .foxit-switch-handle{height:12px;top:1px;width:12px}.foxit-switch.checked .foxit-switch-handle{transform:translateX(20px)}.foxit-switch.small.checked .foxit-switch-handle{transform:translateX(11px)}.foxit-spin{display:inline-block;pointer-events:none;position:relative;width:100%}.foxit-spin .foxit-spin-container{opacity:.5}.foxit-spin-spinning{animation:spin 1s linear infinite;color:#ff5f00;margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-spin-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.foxit-spin-small .foxit-spin-icon{font-size:16px}.foxit-spin-default .foxit-spin-icon{font-size:24px}.foxit-spin-large .foxit-spin-icon{font-size:32px}.foxit-alert{align-items:flex-start;border-radius:5px;display:flex;padding:12px}.foxit-alert-icon-container{height:20px;margin-right:8px;width:20px}.foxit-alert-icon{height:20px;width:20px}.foxit-alert-message{font-size:12px}.foxit-alert-success,.foxit-alert-warning{background-color:#f5fff2;border:1px solid #30dc6b}.foxit-alert-error{background-color:#fae5dd;border:1px solid #e22727}.foxit-alert-gradient{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3);border:1px solid #ff5f00;display:block}.foxit-quantity,.foxit-quantity-button{align-items:center;display:flex}.foxit-quantity-button{background-color:#ff5f00;border:none;border-radius:4px;color:#fff;cursor:pointer;height:16px;justify-content:center;margin-left:8px;margin-right:8px;width:16px}.foxit-quantity-button:disabled{background-color:#ffc2a0;cursor:not-allowed}.foxit-quantity-button>div{font-size:16px;margin-top:-3px}.foxit-quantity-number{border:1px solid #b3b3b3;border-radius:4px;color:#525252;flex:1;font-size:14px;height:24px;line-height:24px;outline:none!important;text-align:center;width:48px}.foxit-drawer-mask{background-color:#00000026;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:99}.foxit-drawer-mask-open{opacity:1;pointer-events:auto}.foxit-drawer{background:#fff;box-shadow:-2px 0 8px #00000026;height:100vh;overflow:auto;position:fixed;right:0;top:0;transition:right .3s;z-index:100}.foxit-drawer-content{padding:24px}