@bifrostui/react 2.0.0-alpha.31 → 2.0.0-alpha.33

package/es/SwipeAction/SwipeActionItem.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import clsx from "clsx";
 import BuiSwipeActionContext from "./SwipeActionContext";
@@ -58,16 +62,17 @@ const SwipeActionItem = /* @__PURE__ */ React.forwardRef(
         text: children
       });
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(prefixCls, className, {
           [`${prefixCls}-${color}`]: color
         }),
         ref,
         onClick: onClickHandle
-      }, others),
-      children
+      }, others), {
+        children
+      })
     );
   }
 );

package/es/Swiper/Swiper.d.ts

@@ -6,5 +6,5 @@ import 'swiper/css/effect-fade';
 import { SwiperRef } from 'swiper/react';
 import { SwiperProps } from './Swiper.types';
 import './index.less';
-declare const Swiper: React.ForwardRefExoticComponent<Omit<SwiperProps<"div", {}>, "ref"> & React.RefAttributes<SwiperRef>>;
+declare const Swiper: React.ForwardRefExoticComponent<Omit<SwiperProps, "ref"> & React.RefAttributes<SwiperRef>>;
 export default Swiper;

package/es/Swiper/Swiper.js

@@ -29,8 +29,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import React, { forwardRef, useEffect, useRef } from "react";
+import { forwardRef, useEffect, useRef } from "react";
 import {
   Autoplay,
   EffectFade,
@@ -92,7 +93,7 @@ const Swiper = forwardRef((props, ref) => {
     paddingLeft: vertical ? 0 : previousMargin,
     overflow: "hidden"
   }, style);
-  const swiperInstance = useRef();
+  const swiperInstance = useRef(null);
   const isInit = useRef(true);
   useEffect(() => {
     var _a2, _b, _c, _d;
@@ -116,7 +117,7 @@ const Swiper = forwardRef((props, ref) => {
       }
     }
   }, [autoplay]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SwiperReact,
     __spreadProps(__spreadValues({
       modules: [Pagination, Autoplay, EffectFade],
@@ -157,9 +158,9 @@ const Swiper = forwardRef((props, ref) => {
         "--indicator-color-active": defaultIndicatorActiveColor
       }),
       className: cls,
-      ref
-    }),
-    children
+      ref,
+      children
+    })
   );
 });
 Swiper.displayName = "BuiSwiper";

package/es/Swiper/SwiperItem.d.ts

@@ -1,7 +1,6 @@
 import { SwiperSlideProps } from 'swiper/react';
-import * as React from 'react';
 declare const SwiperItem: {
-    (props: SwiperSlideProps): React.JSX.Element;
+    (props: SwiperSlideProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SwiperItem;

package/es/Swiper/SwiperItem.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,13 +29,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { SwiperSlide } from "swiper/react";
 import clsx from "clsx";
-import * as React from "react";
 const SwiperItem = (props) => {
   const _a = props, { className, style, children } = _a, restProps = __objRest(_a, ["className", "style", "children"]);
   const cls = clsx("swiper-slide", className);
-  return /* @__PURE__ */ React.createElement(SwiperSlide, __spreadValues({ className: cls, style }, restProps), children);
+  return /* @__PURE__ */ jsx(SwiperSlide, __spreadProps(__spreadValues({ className: cls, style }, restProps), { children }));
 };
 SwiperItem.displayName = "BuiSwiperItem-SwiperSlide";
 var SwiperItem_default = SwiperItem;

package/es/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { SwitchProps } from './Switch.types';
 import './index.less';
-declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Switch;

package/es/Switch/Switch.js

@@ -29,9 +29,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useValue } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import "./index.css";
 const prefixCls = "bui-switch";
 const Switch = forwardRef(
@@ -78,9 +79,9 @@ const Switch = forwardRef(
       changeAction(e, isChecked);
       (_a2 = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a2.call(inputProps, e);
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         className: clsx(
           `${prefixCls}`,
@@ -92,21 +93,24 @@ const Switch = forwardRef(
           },
           className
         )
-      }, others),
-      /* @__PURE__ */ React.createElement(
-        "input",
-        __spreadProps(__spreadValues(__spreadValues({
-          ref: inputRef,
-          type: "checkbox",
-          name,
-          checked: switchChecked,
-          disabled
-        }, ariaProps), inputProps), {
-          onChange: handleChange,
-          className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-        })
-      ),
-      (checkedChildren || unCheckedChildren) && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-inner` }, switchChecked ? checkedChildren : unCheckedChildren)
+      }, others), {
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            __spreadProps(__spreadValues(__spreadValues({
+              ref: inputRef,
+              type: "checkbox",
+              name,
+              checked: switchChecked,
+              disabled
+            }, ariaProps), inputProps), {
+              onChange: handleChange,
+              className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+            })
+          ),
+          (checkedChildren || unCheckedChildren) && /* @__PURE__ */ jsx("span", { className: `${prefixCls}-inner`, children: switchChecked ? checkedChildren : unCheckedChildren })
+        ]
+      })
     );
   }
 );

package/es/Switch/__tests__/fixtures/A11yDemos.d.ts

@@ -1,15 +1,14 @@
-import * as React from 'react';
 /**
  * 自定义 Switch 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 customDemoComponent.tsx（固定约定）
  */
-export declare const basicSwitchDemo: () => React.JSX.Element;
-export declare const disabledSwitchDemo: () => React.JSX.Element;
-export declare const ariaLabelSwitchDemo: () => React.JSX.Element;
+export declare const basicSwitchDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const disabledSwitchDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const ariaLabelSwitchDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicSwitchDemo: () => React.JSX.Element;
-    disabledSwitchDemo: () => React.JSX.Element;
-    ariaLabelSwitchDemo: () => React.JSX.Element;
+    basicSwitchDemo: () => import("react/jsx-runtime").JSX.Element;
+    disabledSwitchDemo: () => import("react/jsx-runtime").JSX.Element;
+    ariaLabelSwitchDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/es/Switch/__tests__/fixtures/A11yDemos.js

@@ -1,13 +1,19 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Switch from "../../Switch";
 const basicSwitchDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Switch, null), "Switch"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    /* @__PURE__ */ jsx(Switch, {}),
+    "Switch"
+  ] }) });
 };
 const disabledSwitchDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Switch, { disabled: true }), "Switch"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    /* @__PURE__ */ jsx(Switch, { disabled: true }),
+    "Switch"
+  ] }) });
 };
 const ariaLabelSwitchDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Switch, { inputProps: { "aria-label": "\u5F00\u5173" } }, "Switch"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Switch, { inputProps: { "aria-label": "\u5F00\u5173" }, children: "Switch" }) });
 };
 var A11yDemos_default = {
   basicSwitchDemo,

package/es/Switch/index.css

@@ -4,11 +4,11 @@ xhs-page {
   --bui-switch-bg-color: #ccc;
   --bui-switch-padding: 0;
   --bui-switch-border-radius: 15px;
-  --bui-switch-small-width: 24px;
-  --bui-switch-small-height: 16px;
+  --bui-switch-small-width: 27px;
+  --bui-switch-small-height: 15px;
   --bui-switch-small-font-size: 9px;
-  --bui-switch-controller-small-width: 12px;
-  --bui-switch-controller-small-height: 12px;
+  --bui-switch-controller-small-width: 11px;
+  --bui-switch-controller-small-height: 11px;
   --bui-switch-width: 44px;
   --bui-switch-height: 22px;
   --bui-switch-font-size: var(--bui-text-size-3);
@@ -19,8 +19,8 @@ xhs-page {
   --bui-switch-large-width: 51px;
   --bui-switch-large-height: 30px;
   --bui-switch-large-font-size: var(--bui-text-size-3);
-  --bui-switch-controller-large-width: 24px;
-  --bui-switch-controller-large-height: 24px;
+  --bui-switch-controller-large-width: 26px;
+  --bui-switch-controller-large-height: 26px;
 }
 .bui-switch {
   position: relative;
@@ -64,7 +64,7 @@ xhs-page {
   top: 2px;
 }
 .bui-switch-small.bui-switch-checked::after {
-  left: calc(100% - 14px);
+  left: calc(100% - 13px);
 }
 .bui-switch-small.bui-switch-checked .bui-switch-inner {
   left: 2px;
@@ -97,11 +97,11 @@ xhs-page {
 .bui-switch-large::after {
   width: var(--bui-switch-controller-large-width);
   height: var(--bui-switch-controller-large-height);
-  left: 3px;
-  top: 3px;
+  left: 2px;
+  top: 2px;
 }
 .bui-switch-large.bui-switch-checked::after {
-  left: calc(100% - 27px);
+  left: calc(100% - 28px);
 }
 .bui-switch-large.bui-switch-checked .bui-switch-inner {
   left: var(--bui-spacing-sm);
@@ -136,7 +136,7 @@ xhs-page {
 }
 .bui-switch-disabled {
   pointer-events: none;
-  opacity: 0.5;
+  opacity: 0.4;
 }
 .bui-switch-disabled::after {
   animation-name: none;

package/es/TabBar/TabBar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { TabBarProps } from './index.types';
 import './TabBar.less';
-declare const TabBar: React.ForwardRefExoticComponent<Omit<TabBarProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabBar: React.ForwardRefExoticComponent<Omit<TabBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default TabBar;

package/es/TabBar/TabBar.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import clsx from "clsx";
 import TabBarContext from "./TabBarContext";
@@ -47,7 +51,7 @@ const TabBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "className",
     "onChange"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     TabBarContext.Provider,
     {
       value: {
@@ -55,15 +59,15 @@ const TabBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
         activeColor,
         color,
         onChange
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(`${prefixCls}`, className) }, others), React.Children.toArray(children).map(
-      (item, index) => {
-        return React.cloneElement(item, {
-          index
-        });
-      }
-    ))
+      },
+      children: /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx(`${prefixCls}`, className) }, others), { children: React.Children.toArray(children).map(
+        (item, index) => {
+          return React.cloneElement(item, {
+            index
+          });
+        }
+      ) }))
+    }
   );
 });
 TabBar.displayName = "BuiTabBar";

package/es/TabBar/TabBarItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TabBarItemProps } from './index.types';
 import './TabBarItem.less';
-declare const TabBarItem: React.ForwardRefExoticComponent<Omit<TabBarItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabBarItem: React.ForwardRefExoticComponent<Omit<TabBarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default TabBarItem;

package/es/TabBar/TabBarItem.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { useContext } from "react";
 import clsx from "clsx";
 import { Badge } from "../Badge";
@@ -63,32 +67,39 @@ const TabBarItem = /* @__PURE__ */ React.forwardRef(
         onChange(e, { value: index });
       }
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(prefixCls, className, {
           [`${prefixCls}-active`]: currentIndex === index
         }),
         ref,
         onClick: handleClick
-      }, others),
-      children || ((_b = Object.values(BadgeProps || {})) == null ? void 0 : _b.length) > 0 ? /* @__PURE__ */ React.createElement(Badge, __spreadValues({}, BadgeProps), currentIndex === index && activeIcon ? activeIcon : icon, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: clsx(`${prefixCls}-title`, {
-            [`${prefixCls}-${currentIndex === index ? activeColor : color}`]: currentIndex === index ? activeColor : color
-          })
-        },
-        title
-      )) : /* @__PURE__ */ React.createElement(React.Fragment, null, currentIndex === index && activeIcon ? activeIcon : icon, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: clsx(`${prefixCls}-title`, {
-            [`${prefixCls}-${currentIndex === index ? activeColor : color}`]: currentIndex === index ? activeColor : color
-          })
-        },
-        title
-      ))
+      }, others), {
+        children: children || ((_b = Object.values(BadgeProps || {})) == null ? void 0 : _b.length) > 0 ? /* @__PURE__ */ jsxs(Badge, __spreadProps(__spreadValues({}, BadgeProps), { children: [
+          currentIndex === index && activeIcon ? activeIcon : icon,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(`${prefixCls}-title`, {
+                [`${prefixCls}-${currentIndex === index ? activeColor : color}`]: currentIndex === index ? activeColor : color
+              }),
+              children: title
+            }
+          )
+        ] })) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          currentIndex === index && activeIcon ? activeIcon : icon,
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(`${prefixCls}-title`, {
+                [`${prefixCls}-${currentIndex === index ? activeColor : color}`]: currentIndex === index ? activeColor : color
+              }),
+              children: title
+            }
+          )
+        ] })
+      })
     );
   }
 );

package/es/Tabs/Tab.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TabProps } from './Tab.types';
 import './Tab.less';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TabProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+declare const _default: React.NamedExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/es/Tabs/Tab.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef } from "react";
 import clsx from "clsx";
 import { isMini, useContextSelector, useForkRef } from "@bifrostui/utils";
@@ -92,7 +93,7 @@ const Tab = /* @__PURE__ */ React.forwardRef((props, ref) => {
   if (process.env.NODE_ENV !== "production") {
     console.count("Tab render");
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadProps(__spreadValues({
       role: "tab",
@@ -102,9 +103,9 @@ const Tab = /* @__PURE__ */ React.forwardRef((props, ref) => {
       ref: handleRef,
       className: rootCls
     }, others), {
-      onClick: handleClick
-    }),
-    children
+      onClick: handleClick,
+      children
+    })
   );
 });
 Tab.displayName = "BuiTab";

package/es/Tabs/TabIndicator.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
 import clsx from "clsx";
 import { debounce, isMini, useEventCallback } from "@bifrostui/utils";
 import scrollLeftTo from "./utils/scroll";
@@ -139,7 +140,7 @@ const TabIndicator = ({
   if (!indicatorStyle) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref: indicatorRef,

package/es/Tabs/TabMask.js

@@ -1,7 +1,8 @@
+import { jsx } from "react/jsx-runtime";
 import React from "react";
 import clsx from "clsx";
 import { tabMaskClass, tabMaskLeftClass, tabMaskRightClass } from "./classes";
-const TabMask = ({ position }) => /* @__PURE__ */ React.createElement(
+const TabMask = ({ position }) => /* @__PURE__ */ jsx(
   "div",
   {
     className: clsx(

package/es/Tabs/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TabPanelProps } from './TabPanel.types';
 import './TabPanel.less';
-declare const TabPanel: React.ForwardRefExoticComponent<Omit<TabPanelProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: React.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default TabPanel;

package/es/Tabs/TabPanel.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,7 +29,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import clsx from "clsx";
 import {
   tabPanelRootClass,
@@ -50,9 +54,9 @@ const TabPanel = forwardRef((props, ref) => {
   ]);
   const isActive = value === index;
   const keepActiveDom = keepMounted ? children : null;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       role: "tabpanel",
       "aria-hidden": !isActive,
       tabIndex: 0,
@@ -61,8 +65,9 @@ const TabPanel = forwardRef((props, ref) => {
         [tabPanelActiveClass]: isActive,
         [tabPanelInactiveClass]: !isActive
       })
-    }, others),
-    isActive ? children : keepActiveDom
+    }, others), {
+      children: isActive ? children : keepActiveDom
+    })
   );
 });
 TabPanel.displayName = "BuiTabPanel";

package/es/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TabsProps } from './Tabs.types';
 import './Tabs.less';
-declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Tabs;