@bioturing/components 0.13.1

package/dist/Toast.js

@@ -0,0 +1,1009 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__ from "antd/es/theme/useToken";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
+import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__ from "@base-ui-components/react";
+import "antd/es/tooltip/style/css";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_tooltip_1091cc47__ from "antd/es/tooltip";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_button_8f463bb4__ from "antd/es/button";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__ from "antd/es/app/useApp";
+import "antd/es/flex/style/css";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__ from "antd/es/flex";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_52965d33__ from "antd/es/modal";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_context_bc73863f__ from "antd/es/modal/context";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__ from "antd/es/modal/components/NormalCancelBtn";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__ from "antd/es/modal/components/NormalOkBtn";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_modal_locale_f16c0933__ from "antd/es/modal/locale";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_locale_31079002__ from "antd/es/locale";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_segmented_6dbdbe23__ from "antd/es/segmented";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__ from "@ant-design/cssinjs";
+import * as __WEBPACK_EXTERNAL_MODULE_prism_react_renderer_be33806e__ from "prism-react-renderer";
+function cx(...args) {
+    const classes = [];
+    for (const arg of args)if (arg) {
+        if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
+        else if (Array.isArray(arg)) classes.push(...cx(...arg));
+        else if ("object" == typeof arg) {
+            for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
+        }
+    }
+    return classes;
+}
+function clsx(...args) {
+    return cx(...args).join(" ");
+}
+"use client";
+const useAntdCssVarClassname = ()=>{
+    var _token_;
+    const token = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__["default"])();
+    return null == (_token_ = token[4]) ? void 0 : _token_.key;
+};
+const useCls = ()=>{
+    const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
+    return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
+};
+"use client";
+const IconButtonImpl = (props, ref)=>{
+    const { label, size = "medium", negativeMargin = true, children, className, tooltipProps = {}, as, href, target, rel, download, hrefLang, referrerPolicy, ...rest } = props;
+    const cls = useCls();
+    const antdCssVarClassname = useAntdCssVarClassname();
+    const buttonClasses = [
+        cls("icon-button"),
+        cls(`icon-button-${size}`),
+        cls(negativeMargin ? "icon-button-negative-margin" : ""),
+        antdCssVarClassname,
+        className
+    ].filter(Boolean).join(" ");
+    const Component = as || (href ? "a" : "button");
+    const anchorProps = "a" === Component ? {
+        ...void 0 !== target && {
+            target
+        },
+        ...void 0 !== rel && {
+            rel
+        },
+        ...void 0 !== download && {
+            download
+        },
+        ...void 0 !== hrefLang && {
+            hrefLang
+        },
+        ...void 0 !== referrerPolicy && {
+            referrerPolicy
+        }
+    } : {};
+    const elementProps = {
+        ref,
+        className: buttonClasses,
+        ..."button" === Component && {
+            type: "button"
+        },
+        ...href && {
+            href
+        },
+        ...anchorProps,
+        ...rest
+    };
+    const element = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
+        ...elementProps,
+        children: children
+    });
+    return label ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_tooltip_1091cc47__["default"], {
+        title: label,
+        arrow: false,
+        ...tooltipProps,
+        children: element
+    }) : element;
+};
+const IconButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(IconButtonImpl);
+"use client";
+const toastManager = __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.createToastManager();
+function createToastTypeFunction(type) {
+    return (message, options)=>{
+        const toastId = toastManager.add({
+            description: message,
+            data: {
+                type: type
+            },
+            ..."progress" === type || "error" === type ? {
+                timeout: 0
+            } : {},
+            ...options
+        });
+        return toastId;
+    };
+}
+const function_toast = Object.assign(createToastTypeFunction("info"), {
+    info: createToastTypeFunction("info"),
+    success: createToastTypeFunction("success"),
+    error: createToastTypeFunction("error"),
+    warning: createToastTypeFunction("warning"),
+    progress: createToastTypeFunction("progress")
+});
+function isTracebackError(error) {
+    if (!error || "string" != typeof error && !error.toString) return false;
+    const errorString = "string" == typeof error ? error : error.toString();
+    const pythonTracebackRegex = /Traceback \(most recent call last\):/;
+    const pythonStackFrameRegex = /File ".*?", line \d+, in/;
+    const goStackTraceRegex = /goroutine \d+ \[.*\]:|panic: /;
+    const goStackFrameRegex = /\/.*\.go:\d+/;
+    const isPythonTraceback = pythonTracebackRegex.test(errorString) || pythonStackFrameRegex.test(errorString);
+    const isGoStackTrace = goStackTraceRegex.test(errorString) || goStackFrameRegex.test(errorString);
+    return isPythonTraceback || isGoStackTrace;
+}
+const ButtonInner = ({ style, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_button_8f463bb4__["default"], {
+        ref: ref,
+        style: style,
+        ...rest
+    });
+const Button = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(ButtonInner);
+var constants_ModalSize = /*#__PURE__*/ function(ModalSize) {
+    ModalSize["xsmall"] = "400px";
+    ModalSize["small"] = "520px";
+    ModalSize["medium"] = "640px";
+    ModalSize["large"] = "840px";
+    ModalSize["xlarge"] = "1024px";
+    ModalSize["xxlarge"] = "1280px";
+    ModalSize["fullscreen"] = "100%";
+    return ModalSize;
+}({});
+"use client";
+const Modal = ({ open: externalOpen, closeIcon, children, size, footer, width, style, styles, classNames, okButtonProps, cancelButtonProps, loading, onOk, onCancel, onClose, okText, okType = "primary", confirmLoading, cancelText = "Close", hideOkButton = false, hideCancelButton = false, contentPadding, title, afterTitle, beforeCloseButton, afterCloseButton, defaultFixedHeaderFooter = false, centered = true, type = "default", defaultOpen = true, ...rest })=>{
+    const defaultCloseIcon = void 0 === closeIcon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {
+        size: 16,
+        weight: "bold"
+    }) : closeIcon;
+    const defaultModalSize = "default" === type ? "medium" : "xsmall";
+    const modalWidth = width || size && size in constants_ModalSize ? constants_ModalSize[size] : constants_ModalSize[defaultModalSize];
+    const modalStyle = {
+        ...style,
+        ..."fullscreen" === size ? {
+            top: 0,
+            maxWidth: "100%",
+            height: "100%"
+        } : {}
+    };
+    const modalStyles = {
+        ...styles,
+        body: {
+            ...void 0 !== contentPadding ? {
+                "--ds-modal-content-padding": false === contentPadding || 0 === contentPadding ? "0" : "number" == typeof contentPadding ? `${contentPadding}px` : contentPadding
+            } : {},
+            ...null == styles ? void 0 : styles.body
+        }
+    };
+    const [scrollable, setScrollable] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const cls = useCls();
+    const resizeObserverRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const modalInnerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((node)=>{
+        if (!node) return;
+        const modalBody = node.querySelector("." + cls("modal-body"));
+        if (!(modalBody instanceof HTMLElement)) return;
+        const resizeObserver = new ResizeObserver(()=>{
+            const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;
+            setScrollable(hasOverflow);
+        });
+        resizeObserverRef.current = resizeObserver;
+        resizeObserver.observe(modalBody);
+        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;
+        setScrollable(hasOverflow);
+    }, [
+        cls
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
+            if (resizeObserverRef.current) {
+                resizeObserverRef.current.disconnect();
+                resizeObserverRef.current = null;
+            }
+        }, []);
+    const [locale] = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_locale_31079002__.useLocale)("Modal", (0, __WEBPACK_EXTERNAL_MODULE_antd_es_modal_locale_f16c0933__.getConfirmLocale)());
+    const okTextLocale = okText || (null == locale ? void 0 : locale.okText);
+    const cancelTextLocale = cancelText || (null == locale ? void 0 : locale.cancelText);
+    const modalOkButtonProps = {
+        loading: loading,
+        ...okButtonProps
+    };
+    const modalCancelButtonProps = {
+        ...cancelButtonProps
+    };
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultOpen);
+    const uncontrolledOpen = void 0 === externalOpen;
+    const open = uncontrolledOpen ? internalOpen : externalOpen;
+    const defaultFooter = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_context_bc73863f__.ModalContextProvider, {
+        value: {
+            okButtonProps: modalOkButtonProps,
+            cancelButtonProps: modalCancelButtonProps,
+            onCancel,
+            onOk,
+            okType,
+            confirmLoading,
+            okTextLocale,
+            cancelTextLocale
+        },
+        children: hideOkButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__["default"], {}) : hideCancelButton ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__["default"], {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalCancelBtn_54ff398c__["default"], {}),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_components_NormalOkBtn_897b50c4__["default"], {})
+            ]
+        })
+    });
+    const renderTitle = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__["default"], {
+                    align: "center",
+                    gap: 8,
+                    className: cls("modal-title-wrapper"),
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: cls("grow", "truncate"),
+                            children: title
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                            className: "flex items-center gap-2",
+                            children: [
+                                beforeCloseButton,
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
+                                    onClick: (e)=>null == onCancel ? void 0 : onCancel(e),
+                                    children: defaultCloseIcon
+                                }),
+                                afterCloseButton
+                            ]
+                        })
+                    ]
+                }),
+                afterTitle ? afterTitle : null
+            ]
+        });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_modal_52965d33__["default"], {
+        closeIcon: false,
+        open: open,
+        width: modalWidth,
+        style: modalStyle,
+        title: renderTitle(),
+        classNames: {
+            ...classNames,
+            wrapper: cls("modal-wrap", "fullscreen" == size && "modal-fullscreen", scrollable && "modal-scrollable", (defaultFixedHeaderFooter || scrollable || "fullscreen" == size) && "modal-fixed")
+        },
+        styles: modalStyles,
+        modalRender: (modal)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                ref: modalInnerRef,
+                className: cls("modal-inner"),
+                children: modal
+            }),
+        okButtonProps: modalOkButtonProps,
+        cancelButtonProps: modalCancelButtonProps,
+        onOk: (e)=>{
+            if (uncontrolledOpen) setInternalOpen(false);
+            null == onOk || onOk(e);
+        },
+        onCancel: (e)=>{
+            if (uncontrolledOpen) setInternalOpen(false);
+            null == onCancel || onCancel(e);
+        },
+        okText: okText,
+        cancelText: cancelText,
+        okType: "primary",
+        confirmLoading: confirmLoading,
+        footer: void 0 === footer ? hideOkButton && hideCancelButton ? null : defaultFooter : footer,
+        centered: centered,
+        ...rest,
+        children: children
+    });
+};
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+class ModalManager {
+    subscribe(listener) {
+        this.listeners.push(listener);
+        return ()=>{
+            this.listeners = this.listeners.filter((l)=>l !== listener);
+        };
+    }
+    emit(event) {
+        this.listeners.forEach((l)=>l(event));
+    }
+    generateId() {
+        this.counter += 1;
+        return `modal_${this.counter}_${Date.now()}`;
+    }
+    constructor(){
+        _define_property(this, "listeners", []);
+        _define_property(this, "counter", 0);
+    }
+}
+const modalManager = new ModalManager();
+function createModal(config) {
+    const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : void 0;
+    const { type = "default", ...restConfig } = config;
+    const id = modalManager.generateId();
+    modalManager.emit({
+        type: "add",
+        payload: {
+            id,
+            type,
+            trigger,
+            ...restConfig
+        }
+    });
+    return {
+        update: (cfg)=>modalManager.emit({
+                type: "update",
+                payload: {
+                    id,
+                    config: cfg
+                }
+            }),
+        destroy: ()=>modalManager.emit({
+                type: "destroy",
+                payload: {
+                    id
+                }
+            })
+    };
+}
+const functions_confirm = (config)=>createModal({
+        ...config,
+        type: "confirm"
+    });
+const info = (config)=>createModal({
+        ...config,
+        type: "info"
+    });
+const success = (config)=>createModal({
+        ...config,
+        type: "success"
+    });
+const functions_error = (config)=>createModal({
+        ...config,
+        type: "error"
+    });
+const warning = (config)=>createModal({
+        ...config,
+        type: "warning"
+    });
+const functions_open = (config)=>createModal({
+        ...config,
+        type: "default"
+    });
+const destroyAll = ()=>modalManager.emit({
+        type: "destroyAll"
+    });
+"use client";
+const ModalProvider = ({ children })=>{
+    const [modals, setModals] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const unsubscribe = modalManager.subscribe((event)=>{
+            setModals((prev)=>{
+                switch(event.type){
+                    case "add":
+                        return [
+                            ...prev,
+                            event.payload
+                        ];
+                    case "update":
+                        return prev.map((m)=>{
+                            if (m.id === event.payload.id) {
+                                const cfg = event.payload.config;
+                                const merged = "function" == typeof cfg ? cfg(m) : {
+                                    ...m,
+                                    ...cfg
+                                };
+                                return {
+                                    ...m,
+                                    ...merged
+                                };
+                            }
+                            return m;
+                        });
+                    case "destroy":
+                        return prev.filter((m)=>m.id !== event.payload.id);
+                    case "destroyAll":
+                        return [];
+                    default:
+                        return prev;
+                }
+            });
+        });
+        return unsubscribe;
+    }, []);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            children,
+            modals.map((modal)=>{
+                const { id, content, children, onOk, onCancel, trigger, ...modalProps } = modal;
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createElement)(Modal, {
+                    ...modalProps,
+                    key: id,
+                    open: modalProps.open,
+                    onOk: (e)=>{
+                        null == onOk || onOk(e);
+                        modalManager.emit({
+                            type: "update",
+                            payload: {
+                                id,
+                                config: {
+                                    open: false
+                                }
+                            }
+                        });
+                    },
+                    onCancel: (e)=>{
+                        null == onCancel || onCancel(e);
+                        modalManager.emit({
+                            type: "update",
+                            payload: {
+                                id,
+                                config: {
+                                    open: false
+                                }
+                            }
+                        });
+                    },
+                    afterClose: ()=>{
+                        modalManager.emit({
+                            type: "destroy",
+                            payload: {
+                                id
+                            }
+                        });
+                        if (trigger instanceof HTMLElement) trigger.focus();
+                    }
+                }, content || children);
+            })
+        ]
+    });
+};
+"use client";
+const useModal = ()=>(0, __WEBPACK_EXTERNAL_MODULE_antd_es_app_useApp_90d95086__["default"])().modal;
+const Modal_Modal = Object.assign(Modal, {
+    Provider: ModalProvider,
+    open: functions_open,
+    info: info,
+    success: success,
+    error: functions_error,
+    warning: warning,
+    confirm: functions_confirm,
+    destroyAll: destroyAll,
+    useModal
+});
+"use client";
+const ScrollArea = ({ children, className, viewportClassName, thumbClassName, scrollbarClassName, orientation = "vertical" })=>{
+    const cls = useCls();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Root, {
+        className: clsx(cls("scroll-area"), className),
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Viewport, {
+                className: clsx(cls("scroll-area-viewport"), viewportClassName),
+                children: children
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Scrollbar, {
+                className: clsx(cls("scroll-area-scrollbar"), scrollbarClassName),
+                orientation: orientation,
+                "data-orientation": orientation,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Thumb, {
+                    className: clsx(cls("scroll-area-thumb", thumbClassName))
+                })
+            })
+        ]
+    });
+};
+const MainSegmentedInner = ({ className, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_segmented_6dbdbe23__["default"], {
+        ref: ref,
+        ...rest
+    });
+const MainSegmented = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainSegmentedInner);
+const Segmented = MainSegmented;
+const figmaToAntDesignTokens = {
+    lightMode: {
+        colorText: "rgba(0, 0, 0, 0.88)",
+        colorTextSecondary: "rgba(0, 0, 0, 0.65)",
+        colorTextTertiary: "rgba(0, 0, 0, 0.45)",
+        colorTextQuaternary: "rgba(0, 0, 0, 0.25)",
+        colorPrimary: "#175CD3",
+        colorPrimaryBg: "#E9F2FF",
+        colorPrimaryBgHover: "#D1E9FF",
+        colorPrimaryBorder: "#84CAFF",
+        colorPrimaryBorderHover: "#53B1FD",
+        colorPrimaryHover: "#1570EF",
+        colorPrimaryActive: "#175CD3",
+        colorPrimaryTextHover: "#1570EF",
+        colorPrimaryTextActive: "#175CD3",
+        colorInfo: "#175CD3",
+        colorInfoBg: "#E9F2FF",
+        colorInfoBgHover: "#D1E9FF",
+        colorInfoBorder: "#84CAFF",
+        colorInfoBorderHover: "#53B1FD",
+        colorInfoHover: "#1570EF",
+        colorInfoActive: "#175CD3",
+        colorInfoTextHover: "#1570EF",
+        colorInfoTextActive: "#175CD3",
+        colorSuccess: "#4CB200",
+        colorSuccessBg: "#F6FFF0",
+        colorSuccessBgHover: "#D9F7BE",
+        colorSuccessBorder: "#B7EB8F",
+        colorSuccessBorderHover: "#95DE64",
+        colorSuccessHover: "#73D13D",
+        colorSuccessActive: "#389E0D",
+        colorSuccessTextHover: "#237804",
+        colorSuccessTextActive: "#092B00",
+        colorWarning: "#FA8C16",
+        colorWarningBg: "#FFF7E6",
+        colorWarningBgHover: "#FFE7BA",
+        colorWarningBorder: "#FFD591",
+        colorWarningBorderHover: "#FFC069",
+        colorWarningHover: "#FFA940",
+        colorWarningActive: "#D46B08",
+        colorWarningTextHover: "#AD4E00",
+        colorWarningTextActive: "#873800",
+        colorError: "#D92D20",
+        colorErrorBg: "#FEF3F2",
+        colorErrorBgHover: "#FEE4E2",
+        colorErrorBorder: "#FDA29B",
+        colorErrorBorderHover: "#F97066",
+        colorErrorHover: "#F04438",
+        colorErrorActive: "#D92D20",
+        colorErrorTextHover: "#F04438",
+        colorErrorTextActive: "#D92D20",
+        colorFill: "rgba(0, 0, 0, 0.15)",
+        colorFillSecondary: "rgba(0, 0, 0, 0.06)",
+        colorFillTertiary: "rgba(0, 0, 0, 0.04)",
+        colorFillQuaternary: "rgba(0, 0, 0, 0.02)",
+        colorFillAlter: "rgba(0, 0, 0, 0.02)",
+        colorBorder: "rgba(0, 0, 0, 0.16)",
+        colorBorderSecondary: "rgba(0, 0, 0, 0.06)",
+        colorIcon: "rgba(0, 0, 0, 0.58)",
+        colorIconHover: "rgba(0, 0, 0, 0.88)",
+        controlOutline: "rgba(0, 0, 0, 0.12)"
+    },
+    darkMode: {
+        colorText: "rgba(255, 255, 255, 0.85)",
+        colorTextSecondary: "rgba(255, 255, 255, 0.65)",
+        colorTextTertiary: "rgba(255, 255, 255, 0.45)",
+        colorTextQuaternary: "rgba(255, 255, 255, 0.25)",
+        colorBgContainer: "#26262C",
+        colorBgElevated: "#2F2F37",
+        colorBgLayout: "#1A1A1E",
+        colorBgSpotlight: "#505D5D",
+        colorBgMask: "rgba(0, 0, 0, 0.45)",
+        colorBgBase: "#13131A",
+        colorFill: "rgba(255, 255, 255, 0.15)",
+        colorFillSecondary: "rgba(255, 255, 255, 0.06)",
+        colorFillTertiary: "rgba(255, 255, 255, 0.04)",
+        colorFillQuaternary: "rgba(255, 255, 255, 0.02)",
+        colorFillAlter: "rgba(255, 255, 255, 0.02)",
+        colorBorder: "rgba(255, 255, 255, 0.16)",
+        colorBorderSecondary: "rgba(255, 255, 255, 0.06)",
+        colorPrimary: "#2E90FA",
+        colorPrimaryBg: "#152137",
+        colorPrimaryBgHover: "#112545",
+        colorPrimaryBorder: "#1C3959",
+        colorPrimaryBorderHover: "#204C7C",
+        colorPrimaryHover: "#50A0E8",
+        colorPrimaryActive: "#2565AB",
+        colorPrimaryTextHover: "#50A0E8",
+        colorPrimaryTextActive: "#2565AB",
+        colorInfo: "#2E90FA",
+        colorInfoBg: "#152137",
+        colorInfoBgHover: "#112545",
+        colorInfoBorder: "#1C3959",
+        colorInfoBorderHover: "#204C7C",
+        colorInfoHover: "#50A0E8",
+        colorInfoActive: "#2565AB",
+        colorInfoTextHover: "#50A0E8",
+        colorInfoTextActive: "#2565AB",
+        colorSuccess: "#389E0D",
+        colorSuccessBg: "#162100",
+        colorSuccessBgHover: "#1D2B00",
+        colorSuccessBorder: "#274916",
+        colorSuccessBorderHover: "#306317",
+        colorSuccessHover: "#52C41A",
+        colorSuccessActive: "#237804",
+        colorSuccessTextHover: "#52C41A",
+        colorSuccessTextActive: "#237804",
+        colorWarning: "#D48806",
+        colorWarningBg: "#281800",
+        colorWarningBgHover: "#3D2200",
+        colorWarningBorder: "#443B16",
+        colorWarningBorderHover: "#594E1A",
+        colorWarningHover: "#E8B339",
+        colorWarningActive: "#AA7714",
+        colorWarningTextHover: "#E8B339",
+        colorWarningTextActive: "#AA7714",
+        colorError: "#CF3D33",
+        colorErrorBg: "#291414",
+        colorErrorBgHover: "#411A18",
+        colorErrorBorder: "#562222",
+        colorErrorBorderHover: "#772A24",
+        colorErrorHover: "#E5695A",
+        colorErrorActive: "#A3332B",
+        colorErrorTextHover: "#E5695A",
+        colorErrorTextActive: "#A3332B",
+        colorIcon: "rgba(255, 255, 255, 0.58)",
+        colorIconHover: "rgba(255, 255, 255, 0.88)",
+        controlOutline: "rgba(255, 255, 255, 0.12)"
+    }
+};
+const sharedTokens = {
+    fontFamily: "var(--ds-inter)",
+    fontFamilyCode: "var(--ds-roboto-mono)",
+    fontSizeHeading1: 36,
+    fontSizeHeading2: 30,
+    fontSizeHeading3: 24,
+    fontSizeHeading4: 20,
+    fontSizeHeading5: 16,
+    lineHeightHeading1: 40 / 36,
+    lineHeightHeading2: 1.2,
+    lineHeightHeading3: 32 / 24,
+    lineHeightHeading4: 1.4,
+    lineHeightHeading5: 1.5,
+    lineHeight: 20 / 14,
+    lineHeightLG: 1.5,
+    lineHeightSM: 16 / 12,
+    fontWeightStrong: 600,
+    boxShadow: "0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 6px rgba(0, 0, 0, 0.04), 0px 2px 10px rgba(0, 0, 0, 0.04)",
+    boxShadowSecondary: "0px 0px 1px rgba(0, 0, 0, 0.24), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px rgba(0, 0, 0, 0.05)",
+    colorBgSpotlight: "rgba(0, 0, 0, 0.85)"
+};
+const sharedThemeConfig = {
+    cssVar: true,
+    components: {
+        Input: {},
+        InputNumber: {},
+        Button: {
+            defaultShadow: void 0,
+            primaryShadow: void 0,
+            dangerShadow: void 0
+        },
+        Select: {},
+        Segmented: {
+            controlHeightLG: 36,
+            controlHeightSM: 24
+        },
+        Breadcrumb: {
+            separatorColor: "var(--ds-color-border)"
+        },
+        Slider: {
+            trackBg: "var(--ds-color-primary)",
+            trackHoverBg: "var(--ds-color-primary-hover)",
+            trackBgDisabled: "var(--ds-color-text-disabled)",
+            railBg: "var(--ds-control-outline)",
+            railHoverBg: "var(--ds-color-border)",
+            handleColor: "var(--ds-color-primary)",
+            handleActiveColor: "var(--ds-color-primary-active)",
+            handleColorDisabled: "var(--ds-color-text-disabled)",
+            dotBorderColor: "var(--ds-color-primary)",
+            dotActiveBorderColor: "var(--ds-color-primary-active)"
+        },
+        Form: {
+            itemMarginBottom: 16,
+            labelColor: "var(--ds-color-text)"
+        }
+    }
+};
+const lightTheme = {
+    token: {
+        ...figmaToAntDesignTokens.lightMode,
+        ...sharedTokens
+    },
+    ...sharedThemeConfig
+};
+const darkTheme = {
+    token: {
+        ...figmaToAntDesignTokens.darkMode,
+        ...sharedTokens
+    },
+    ...sharedThemeConfig
+};
+"use client";
+const DSWrapper = ({ children, theme, appendClassesTo })=>{
+    const cls = useCls();
+    const className = clsx(cls("theme-provider"), theme.toString());
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
+        const classes = className.split(" ");
+        const el = "string" == typeof appendClassesTo ? document.querySelector(appendClassesTo) : appendClassesTo;
+        if (el) el.classList.add(...classes);
+        return ()=>{
+            if (el) el.classList.remove(...classes);
+        };
+    }, [
+        appendClassesTo,
+        className
+    ]);
+    return void 0 === appendClassesTo ? __WEBPACK_EXTERNAL_MODULE_react__.Children.map(children, (child)=>{
+        if (/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.isValidElement)(child)) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.cloneElement)(child, {
+            className: clsx(child.props.className, className)
+        });
+        return child;
+    }) : children;
+};
+const ThemeProvider = ({ theme, appendClassesTo, children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__.StyleProvider, {
+        layer: true,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"], {
+            theme: "light" == theme ? lightTheme : darkTheme,
+            prefixCls: "ds",
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DSWrapper, {
+                theme: theme,
+                appendClassesTo: appendClassesTo,
+                children: children
+            })
+        })
+    });
+"use client";
+function useControlledState(value, onChange, defaultValue) {
+    const [internalState, setInternalState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultValue);
+    const isControlled = void 0 !== value;
+    const setState = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((next)=>{
+        const nextValue = "function" == typeof next ? next(value) : next;
+        if ("function" == typeof onChange) onChange(nextValue);
+        if (!isControlled) setInternalState(next);
+    }, [
+        value,
+        onChange,
+        isControlled
+    ]);
+    const state = isControlled ? value : internalState;
+    return [
+        state,
+        setState
+    ];
+}
+"use client";
+const WithAntdTokens = ({ as: Tag = "div", ref, className, ...rest })=>{
+    const Component = Tag;
+    const cssVar = useAntdCssVarClassname();
+    const { renderElement } = (0, __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.useRender)({
+        render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {}),
+        refs: [
+            ref
+        ],
+        props: {
+            ...rest,
+            className: clsx(className, cssVar)
+        }
+    });
+    return renderElement();
+};
+function reactNodeToString(node) {
+    if (null == node) return "";
+    if ("string" == typeof node) return node;
+    if ("number" == typeof node || "boolean" == typeof node) return node.toString();
+    if (Array.isArray(node)) return node.map(reactNodeToString).join("");
+    if ((0, __WEBPACK_EXTERNAL_MODULE_react__.isValidElement)(node) && "props" in node && node.props && "object" == typeof node.props && "children" in node.props && node.props.children) {
+        if ("br" === node.type) return "\n";
+        if (node.props.children) return reactNodeToString(node.props.children);
+    }
+    return "";
+}
+"use client";
+const CodeBlock = ({ code, children, lang: defaultLang = "tsx", className, options, activeOption: controlledActiveOption, defaultActiveOption = 0, onActiveOptionChange, copyText = "Copy", copySuccessText = "Copied", ...rest })=>{
+    const [activeOption, setActiveOption] = useControlledState(controlledActiveOption, onActiveOptionChange, defaultActiveOption);
+    const [currentCode, setCurrentCode] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(code || "");
+    const [lang, setLang] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultLang);
+    const hasOptions = options && options.length > 0;
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (hasOptions) {
+            var _options_activeOption, _options_activeOption1;
+            const newCode = (null == (_options_activeOption = options[activeOption]) ? void 0 : _options_activeOption.code) || "";
+            const newLang = (null == (_options_activeOption1 = options[activeOption]) ? void 0 : _options_activeOption1.lang) || defaultLang;
+            setCurrentCode(newCode);
+            setLang(newLang);
+        }
+    }, [
+        code,
+        activeOption,
+        defaultActiveOption,
+        options,
+        defaultLang,
+        hasOptions,
+        setActiveOption
+    ]);
+    const [tooltipContent, setTooltipContent] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(copyText);
+    const [copySuccess, setCopySuccess] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const handleCopy = ()=>{
+        const codeContent = currentCode ? currentCode : reactNodeToString(children);
+        try {
+            navigator.clipboard.writeText(codeContent).then(()=>{
+                setTooltipContent(copySuccessText);
+                setCopySuccess(true);
+            });
+        } catch (_) {
+            setTooltipContent("Failed to copy");
+        }
+    };
+    const handleMouseLeave = ()=>{
+        setTooltipContent(copyText);
+        setCopySuccess(false);
+    };
+    const cls = useCls();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ThemeProvider, {
+        theme: "dark",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(WithAntdTokens, {
+            className: clsx(cls("code-block"), className),
+            ...rest,
+            children: [
+                hasOptions && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: cls("code-block-header"),
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Segmented, {
+                        value: activeOption,
+                        onChange: setActiveOption,
+                        options: options.map((opt, index)=>({
+                                label: opt.label,
+                                value: index
+                            }))
+                    })
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: cls("code-block-copy"),
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
+                        onClick: handleCopy,
+                        label: tooltipContent,
+                        onMouseLeave: handleMouseLeave,
+                        children: copySuccess ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Check, {}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Copy, {})
+                    })
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: cls("code-block-content"),
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ScrollArea, {
+                        children: currentCode ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_prism_react_renderer_be33806e__.Highlight, {
+                            language: lang,
+                            code: currentCode,
+                            theme: __WEBPACK_EXTERNAL_MODULE_prism_react_renderer_be33806e__.themes.vsDark,
+                            children: ({ className, style, tokens, getLineProps, getTokenProps })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("pre", {
+                                    style: {
+                                        ...style,
+                                        backgroundColor: "transparent"
+                                    },
+                                    className: className,
+                                    children: tokens.map((line, i)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                            ...getLineProps({
+                                                line
+                                            }),
+                                            children: line.map((token, key)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                                                    ...getTokenProps({
+                                                        token
+                                                    })
+                                                }, key))
+                                        }, i))
+                                })
+                        }) : children
+                    })
+                })
+            ]
+        })
+    });
+};
+"use client";
+function InnerToast({ toast }) {
+    var _toast_data;
+    const cls = useCls();
+    const toastIconMap = {
+        info: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Info, {
+            weight: "fill"
+        }),
+        warning: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.WarningCircle, {
+            weight: "fill"
+        }),
+        error: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.XCircle, {
+            weight: "fill"
+        }),
+        success: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CheckCircle, {
+            weight: "fill"
+        }),
+        progress: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CircleNotch, {})
+    };
+    const type = (null == (_toast_data = toast.data) ? void 0 : _toast_data.type) || "info";
+    const isTraceback = isTracebackError(null == toast ? void 0 : toast.description);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (isTraceback) toastManager.update(toast.id, {
+            timeout: 0
+        });
+    }, [
+        isTraceback,
+        toast.id
+    ]);
+    const renderDescription = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((props)=>{
+        const { children, className, ...rest } = props;
+        if (isTraceback) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            ...rest,
+            className: cls("toast-description", isTraceback ? "toast-description-traceback" : "", className),
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("p", {
+                    children: [
+                        "An unexpected error occurred.",
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("br", {}),
+                        "Please contact us with error details for support."
+                    ]
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Button, {
+                        size: "small",
+                        onClick: ()=>{
+                            Modal_Modal.open({
+                                title: "Error details",
+                                content: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(CodeBlock, {
+                                    children: children
+                                }),
+                                hideOkButton: true
+                            });
+                            toastManager.close(toast.id);
+                        },
+                        children: "View error details"
+                    })
+                })
+            ]
+        });
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("p", {
+            ...rest,
+            className: cls("toast-description", className),
+            children: children
+        });
+    }, [
+        isTraceback,
+        cls,
+        toast.id
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Root, {
+        toast: toast,
+        className: cls("toast"),
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                className: cls("toast-icon-wrap"),
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                    className: cls("toast-icon", `toast-icon-${type}`),
+                    children: toastIconMap[type]
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: cls("toast-content"),
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Title, {
+                        className: cls("toast-title")
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Description, {
+                        render: renderDescription
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Close, {
+                className: cls("toast-close"),
+                render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
+                    size: "small",
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {})
+                })
+            })
+        ]
+    });
+}
+function ToastList({ className }) {
+    const { toasts } = __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.useToastManager();
+    const cls = useCls();
+    const cssVars = useAntdCssVarClassname();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Viewport, {
+        className: clsx(cls("toast-viewport"), cssVars, className),
+        children: toasts.map((toast)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(InnerToast, {
+                toast: toast
+            }, toast.id))
+    });
+}
+function ToastProvider(props) {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.Toast.Provider, {
+        toastManager: toastManager,
+        ...props
+    });
+}
+const Toast = Object.assign(InnerToast, {
+    List: ToastList,
+    Provider: ToastProvider
+});
+export { Toast, function_toast as toast, toastManager };