@bioturing/components 0.13.1

package/dist/CodeBlock.js

@@ -0,0 +1,497 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
+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_config_provider_6a57beb3__ from "antd/es/config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__ from "antd/es/theme/useToken";
+import "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__ from "@base-ui-components/react";
+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 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
+                    })
+                })
+            ]
+        })
+    });
+};
+export { CodeBlock };

package/dist/Collapse.js

@@ -0,0 +1,50 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import "antd/es/collapse/style/css";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_collapse_0c5cc8bb__ from "antd/es/collapse";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
+import "antd/es/theme/useToken";
+import "tailwind-merge";
+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 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 CollapseInner = (props, ref)=>{
+    const { className, ...restProps } = props;
+    const cls = useCls();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_collapse_0c5cc8bb__["default"], {
+        ref: ref,
+        className: cls("collapse", className),
+        ...restProps
+    });
+};
+const MainCollapse = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(CollapseInner);
+const Panel = (props)=>{
+    const { className, ...restProps } = props;
+    const cls = useCls();
+    console.warn("[bioturing-ds] Collapse.Panel is deprecated. Please use items prop instead.");
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_collapse_0c5cc8bb__["default"].Panel, {
+        className: clsx(cls("collapse-panel"), className),
+        ...restProps
+    });
+};
+const Collapse = Object.assign(MainCollapse, {
+    Panel: Panel
+});
+export { Collapse };