@bioturing/components 0.15.0 → 0.15.2

package/dist/CodeBlock.js

@@ -1,644 +0,0 @@
-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 * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-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__.Tooltip, {
-        title: label,
-        arrow: false,
-        ...tooltipProps,
-        children: element
-    }) : element;
-};
-const IconButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(IconButtonImpl);
-"use client";
-const ScrollArea = ({ children, className, classNames = {}, 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"), null == classNames ? void 0 : classNames.viewport),
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Content, {
-                    className: clsx(cls("scroll-area-content")),
-                    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"), null == classNames ? void 0 : classNames.scrollbar),
-                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"), null == classNames ? void 0 : classNames.thumb)
-                })
-            })
-        ]
-    });
-};
-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 getTokensByTheme = (originTokens, theme)=>{
-    const tokens = {};
-    Object.entries(originTokens).forEach(([key, value])=>{
-        if (value && "object" == typeof value && "light" in value && "dark" in value) {
-            const tokenValue = value;
-            tokens[key] = tokenValue[theme];
-        } else if ("string" == typeof value) tokens[key] = value;
-    });
-    return tokens;
-};
-const antdColorTokens = {
-    colorText: {
-        light: "rgba(0, 0, 0, 0.88)",
-        dark: "rgba(255, 255, 255, 0.85)"
-    },
-    colorTextSecondary: {
-        light: "rgba(0, 0, 0, 0.65)",
-        dark: "rgba(255, 255, 255, 0.65)"
-    },
-    colorTextTertiary: {
-        light: "rgba(0, 0, 0, 0.45)",
-        dark: "rgba(255, 255, 255, 0.45)"
-    },
-    colorTextQuaternary: {
-        light: "rgba(0, 0, 0, 0.25)",
-        dark: "rgba(255, 255, 255, 0.25)"
-    },
-    colorPrimary: {
-        light: "#175CD3",
-        dark: "#2E90FA"
-    },
-    colorPrimaryBg: {
-        light: "#E9F2FF",
-        dark: "#152137"
-    },
-    colorPrimaryBgHover: {
-        light: "#D1E9FF",
-        dark: "#112545"
-    },
-    colorPrimaryBorder: {
-        light: "#84CAFF",
-        dark: "#1C3959"
-    },
-    colorPrimaryBorderHover: {
-        light: "#53B1FD",
-        dark: "#204C7C"
-    },
-    colorPrimaryHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorPrimaryActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorPrimaryTextHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorPrimaryTextActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorInfo: {
-        light: "#175CD3",
-        dark: "#2E90FA"
-    },
-    colorInfoBg: {
-        light: "#E9F2FF",
-        dark: "#152137"
-    },
-    colorInfoBgHover: {
-        light: "#D1E9FF",
-        dark: "#112545"
-    },
-    colorInfoBorder: {
-        light: "#84CAFF",
-        dark: "#1C3959"
-    },
-    colorInfoBorderHover: {
-        light: "#53B1FD",
-        dark: "#204C7C"
-    },
-    colorInfoHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorInfoActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorInfoTextHover: {
-        light: "#1570EF",
-        dark: "#50A0E8"
-    },
-    colorInfoTextActive: {
-        light: "#175CD3",
-        dark: "#2565AB"
-    },
-    colorSuccess: {
-        light: "#4CB200",
-        dark: "#389E0D"
-    },
-    colorSuccessBg: {
-        light: "#F6FFF0",
-        dark: "#162100"
-    },
-    colorSuccessBgHover: {
-        light: "#D9F7BE",
-        dark: "#1D2B00"
-    },
-    colorSuccessBorder: {
-        light: "#B7EB8F",
-        dark: "#274916"
-    },
-    colorSuccessBorderHover: {
-        light: "#95DE64",
-        dark: "#306317"
-    },
-    colorSuccessHover: {
-        light: "#73D13D",
-        dark: "#52C41A"
-    },
-    colorSuccessActive: {
-        light: "#389E0D",
-        dark: "#237804"
-    },
-    colorSuccessTextHover: {
-        light: "#237804",
-        dark: "#52C41A"
-    },
-    colorSuccessTextActive: {
-        light: "#092B00",
-        dark: "#237804"
-    },
-    colorWarning: {
-        light: "#FA8C16",
-        dark: "#D48806"
-    },
-    colorWarningBg: {
-        light: "#FFF7E6",
-        dark: "#281800"
-    },
-    colorWarningBgHover: {
-        light: "#FFE7BA",
-        dark: "#3D2200"
-    },
-    colorWarningBorder: {
-        light: "#FFD591",
-        dark: "#443B16"
-    },
-    colorWarningBorderHover: {
-        light: "#FFC069",
-        dark: "#594E1A"
-    },
-    colorWarningHover: {
-        light: "#FFA940",
-        dark: "#E8B339"
-    },
-    colorWarningActive: {
-        light: "#D46B08",
-        dark: "#AA7714"
-    },
-    colorWarningTextHover: {
-        light: "#AD4E00",
-        dark: "#E8B339"
-    },
-    colorWarningTextActive: {
-        light: "#873800",
-        dark: "#AA7714"
-    },
-    colorError: {
-        light: "#D92D20",
-        dark: "#CF3D33"
-    },
-    colorErrorBg: {
-        light: "#FEF3F2",
-        dark: "#291414"
-    },
-    colorErrorBgHover: {
-        light: "#FEE4E2",
-        dark: "#411A18"
-    },
-    colorErrorBorder: {
-        light: "#FDA29B",
-        dark: "#562222"
-    },
-    colorErrorBorderHover: {
-        light: "#F97066",
-        dark: "#772A24"
-    },
-    colorErrorHover: {
-        light: "#F04438",
-        dark: "#E5695A"
-    },
-    colorErrorActive: {
-        light: "#D92D20",
-        dark: "#A3332B"
-    },
-    colorErrorTextHover: {
-        light: "#F04438",
-        dark: "#E5695A"
-    },
-    colorErrorTextActive: {
-        light: "#D92D20",
-        dark: "#A3332B"
-    },
-    colorFill: {
-        light: "rgba(0, 0, 0, 0.15)",
-        dark: "rgba(255, 255, 255, 0.15)"
-    },
-    colorFillSecondary: {
-        light: "rgba(0, 0, 0, 0.06)",
-        dark: "rgba(255, 255, 255, 0.06)"
-    },
-    colorFillTertiary: {
-        light: "rgba(0, 0, 0, 0.04)",
-        dark: "rgba(255, 255, 255, 0.04)"
-    },
-    colorFillQuaternary: {
-        light: "rgba(0, 0, 0, 0.02)",
-        dark: "rgba(255, 255, 255, 0.02)"
-    },
-    colorFillAlter: {
-        light: "rgba(0, 0, 0, 0.02)",
-        dark: "rgba(255, 255, 255, 0.02)"
-    },
-    colorBorder: {
-        light: "rgba(0, 0, 0, 0.16)",
-        dark: "rgba(255, 255, 255, 0.16)"
-    },
-    colorBorderSecondary: {
-        light: "rgba(0, 0, 0, 0.06)",
-        dark: "rgba(255, 255, 255, 0.06)"
-    },
-    colorIcon: {
-        light: "rgba(0, 0, 0, 0.58)",
-        dark: "rgba(255, 255, 255, 0.58)"
-    },
-    colorIconHover: {
-        light: "rgba(0, 0, 0, 0.88)",
-        dark: "rgba(255, 255, 255, 0.88)"
-    },
-    colorBgContainer: {
-        light: "#FFFFFF",
-        dark: "#26262C"
-    },
-    colorBgElevated: {
-        light: "#FFFFFF",
-        dark: "#2F2F37"
-    },
-    colorBgLayout: {
-        light: "#F5F5F5",
-        dark: "#1A1A1E"
-    },
-    colorBgSpotlight: {
-        light: "rgba(0, 0, 0, 0.85)",
-        dark: "#505D5D"
-    },
-    colorBgMask: {
-        light: "rgba(0, 0, 0, 0.45)",
-        dark: "rgba(0, 0, 0, 0.45)"
-    },
-    colorBgBase: {
-        light: "#FFFFFF",
-        dark: "#13131A"
-    },
-    controlOutline: {
-        light: "rgba(0, 0, 0, 0.12)",
-        dark: "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 0px var(--ds-color-border-modal), 0px 3px 6px 1px rgba(0, 0, 0, 0.08), 0px 6px 26px 2px rgba(0, 0, 0, 0.08), 0px 4px 52px 0px 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: {
-        ...getTokensByTheme(antdColorTokens, "light"),
-        ...sharedTokens
-    },
-    ...sharedThemeConfig
-};
-const darkTheme = {
-    token: {
-        ...getTokensByTheme(antdColorTokens, "dark"),
-        ...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", classNames, maxHeight, ...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, null == classNames ? void 0 : classNames.root),
-            ...rest,
-            children: [
-                hasOptions && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    className: cls("code-block-header", null == classNames ? void 0 : classNames.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", null == classNames ? void 0 : classNames.content),
-                    style: {
-                        maxHeight: maxHeight && ("number" == typeof maxHeight ? `${maxHeight}px` : maxHeight)
-                    },
-                    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.css

@@ -1,21 +0,0 @@
-@layer components {
-  .ds-collapse .ds-collapse-header {
-    align-items: center;
-    display: flex;
-  }
-
-  .ds-collapse .ds-collapse-expand-icon {
-    flex-grow: 0;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-  }
-
-  .ds-collapse .ds-collapse-header-text {
-    flex-grow: 1;
-    flex-shrink: 1;
-    min-width: 0;
-  }
-}
-