@bioturing/components 0.13.1

package/dist/Splitter.js

@@ -0,0 +1,47 @@
+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_antd_es_splitter_Splitter_9b2d5564__ from "antd/es/splitter/Splitter";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_splitter_Panel_2a8c0f35__ from "antd/es/splitter/Panel";
+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 SplitterPanel = ({ children, className, style, ...rest })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_splitter_Panel_2a8c0f35__["default"], {
+        className: className,
+        style: style,
+        ...rest,
+        children: children
+    });
+const MainSplitter = ({ children, className = "", style = {}, showSplitBar = true, ...rest })=>{
+    const cls = useCls();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_splitter_Splitter_9b2d5564__["default"], {
+        className: clsx(cls("splitter"), !showSplitBar && cls("splitter-hidden-split-bar"), className),
+        style: style,
+        ...rest,
+        children: children
+    });
+};
+const Splitter = Object.assign(MainSplitter, {
+    Panel: SplitterPanel
+});
+const Split = Splitter;
+export { Split, Splitter };

package/dist/Switch.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_switch_101feb97__ from "antd/es/switch";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const MainSwitchInner = ({ ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_switch_101feb97__["default"], {
+        ref: ref,
+        ...rest
+    });
+const MainSwitch = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainSwitchInner);
+const Switch = MainSwitch;
+export { Switch };

package/dist/Table.js

@@ -0,0 +1,125 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__ from "antd/es/table";
+import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
+import "antd/es/theme/useToken";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_empty_5eb61431__ from "antd/es/empty";
+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(" ");
+};
+const EmptyIcon = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "1em",
+        height: "1em",
+        fill: "none",
+        viewBox: "0 0 32 32",
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeOpacity: "0.3",
+            strokeWidth: "0.05em",
+            d: "m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3"
+        })
+    });
+const Empty = ({ image, size = "medium", className, ...rest })=>{
+    const cls = useCls();
+    const emptyImage = image || /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EmptyIcon, {
+        className: cls("empty-icon")
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_empty_5eb61431__["default"], {
+        image: emptyImage,
+        className: clsx(cls("empty", `empty-${size}`), className),
+        ...rest
+    });
+};
+const component = Empty;
+const InternalTable = ({ columns, locale, emptyDescription, loading, ...rest })=>{
+    const cls = useCls();
+    const modifiedColumns = columns ? columns.map((column)=>({
+            sortIcon: ({ sortOrder })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                    className: cls("table-column-sort-icon", sortOrder ? `table-column-sort-icon-${sortOrder}` : "table-column-sort-icon-none"),
+                    children: sortOrder ? "ascend" === sortOrder ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretUp, {
+                        weight: "fill"
+                    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretDown, {
+                        weight: "fill"
+                    }) : /*#__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__bioturing_assets_dd0c210d__.CaretUp, {
+                                weight: "fill"
+                            }),
+                            " ",
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.CaretDown, {
+                                weight: "fill"
+                            })
+                        ]
+                    })
+                }),
+            filterIcon: (_filtered)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                    className: cls("table-column-filter-icon"),
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.Funnel, {
+                        weight: "fill"
+                    })
+                }),
+            ...column
+        })) : void 0;
+    const modifiedLocale = {
+        emptyText: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(component, {
+            description: emptyDescription
+        }),
+        ...locale
+    };
+    let spinProps;
+    if ("boolean" == typeof loading) spinProps = {
+        spinning: loading,
+        indicator: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+            className: cls("spin-loader")
+        })
+    };
+    else if ("object" == typeof loading) spinProps = {
+        spinning: true,
+        indicator: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+            className: cls("spin-loader")
+        }),
+        ...loading
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"], {
+        columns: modifiedColumns,
+        loading: spinProps,
+        locale: modifiedLocale,
+        scroll: {
+            x: "max-content"
+        },
+        ...rest
+    });
+};
+const Table = Object.assign(InternalTable, {
+    Column: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].Column,
+    ColumnGroup: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].ColumnGroup,
+    SELECTION_COLUMN: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_COLUMN,
+    EXPAND_COLUMN: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].EXPAND_COLUMN,
+    SELECTION_ALL: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_ALL,
+    SELECTION_INVERT: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_INVERT,
+    SELECTION_NONE: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].SELECTION_NONE,
+    Summary: __WEBPACK_EXTERNAL_MODULE_antd_es_table_8c9fc42b__["default"].Summary
+});
+export { Table };

package/dist/Tag.js

@@ -0,0 +1,24 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_es_tag_1ccabaea__ from "antd/es/tag";
+"use client";
+const InternalTag = ({ className, active = false, color, style, closeIcon, closable, ...rest })=>{
+    const renderedCloseIcon = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {
+        weight: "bold"
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_tag_1ccabaea__["default"], {
+        className: className,
+        color: color,
+        style: style,
+        closable: closable,
+        closeIcon: closable ? closeIcon || renderedCloseIcon : void 0,
+        ...active ? {
+            "data-active": "true"
+        } : {},
+        ...rest
+    });
+};
+const Tag = Object.assign(InternalTag, {
+    CheckableTag: __WEBPACK_EXTERNAL_MODULE_antd_es_tag_1ccabaea__["default"].CheckableTag
+});
+export { Tag };

package/dist/ThemeProvider.js

@@ -0,0 +1,261 @@
+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_react__ from "react";
+import "antd/es/theme/useToken";
+import "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_cssinjs_c619260f__ from "@ant-design/cssinjs";
+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
+};
+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 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
+            })
+        })
+    });
+export { ThemeProvider };