@bifrostui/react 2.0.0-alpha.32 → 2.0.0-alpha.34

package/dist/SwipeAction/SwipeActionItem.d.ts

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

package/dist/SwipeAction/SwipeActionItem.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,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)
@@ -56,6 +59,7 @@ __export(SwipeActionItem_exports, {
   default: () => SwipeActionItem_default
 });
 module.exports = __toCommonJS(SwipeActionItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_SwipeActionContext = __toESM(require("./SwipeActionContext"));
@@ -88,16 +92,17 @@ const SwipeActionItem = /* @__PURE__ */ import_react.default.forwardRef(
         text: children
       });
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(prefixCls, className, {
           [`${prefixCls}-${color}`]: color
         }),
         ref,
         onClick: onClickHandle
-      }, others),
-      children
+      }, others), {
+        children
+      })
     );
   }
 );

package/dist/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/dist/Swiper/Swiper.js

@@ -59,8 +59,9 @@ __export(Swiper_exports, {
   default: () => Swiper_default
 });
 module.exports = __toCommonJS(Swiper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_swiper = require("swiper");
 var import_css = require("swiper/css");
 var import_autoplay = require("swiper/css/autoplay");
@@ -118,7 +119,7 @@ const Swiper = (0, import_react.forwardRef)((props, ref) => {
     paddingLeft: vertical ? 0 : previousMargin,
     overflow: "hidden"
   }, style);
-  const swiperInstance = (0, import_react.useRef)();
+  const swiperInstance = (0, import_react.useRef)(null);
   const isInit = (0, import_react.useRef)(true);
   (0, import_react.useEffect)(() => {
     var _a2, _b, _c, _d;
@@ -142,7 +143,7 @@ const Swiper = (0, import_react.forwardRef)((props, ref) => {
       }
     }
   }, [autoplay]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react2.Swiper,
     __spreadProps(__spreadValues({
       modules: [import_swiper.Pagination, import_swiper.Autoplay, import_swiper.EffectFade],
@@ -183,9 +184,9 @@ const Swiper = (0, import_react.forwardRef)((props, ref) => {
         "--indicator-color-active": defaultIndicatorActiveColor
       }),
       className: cls,
-      ref
-    }),
-    children
+      ref,
+      children
+    })
   );
 });
 Swiper.displayName = "BuiSwiper";

package/dist/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/dist/Swiper/SwiperItem.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,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)
@@ -56,13 +59,13 @@ __export(SwiperItem_exports, {
   default: () => SwiperItem_default
 });
 module.exports = __toCommonJS(SwiperItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("swiper/react");
 var import_clsx = __toESM(require("clsx"));
-var React = __toESM(require("react"));
 const SwiperItem = (props) => {
   const _a = props, { className, style, children } = _a, restProps = __objRest(_a, ["className", "style", "children"]);
   const cls = (0, import_clsx.default)("swiper-slide", className);
-  return /* @__PURE__ */ React.createElement(import_react.SwiperSlide, __spreadValues({ className: cls, style }, restProps), children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.SwiperSlide, __spreadProps(__spreadValues({ className: cls, style }, restProps), { children }));
 };
 SwiperItem.displayName = "BuiSwiperItem-SwiperSlide";
 var SwiperItem_default = SwiperItem;

package/dist/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/dist/Switch/Switch.js

@@ -59,9 +59,10 @@ __export(Switch_exports, {
   default: () => Switch_default
 });
 module.exports = __toCommonJS(Switch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_index = require("./index.css");
 const prefixCls = "bui-switch";
 const Switch = (0, import_react.forwardRef)(
@@ -108,9 +109,9 @@ const Switch = (0, import_react.forwardRef)(
       changeAction(e, isChecked);
       (_a2 = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a2.call(inputProps, e);
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         className: (0, import_clsx.default)(
           `${prefixCls}`,
@@ -122,21 +123,24 @@ const Switch = (0, import_react.forwardRef)(
           },
           className
         )
-      }, others),
-      /* @__PURE__ */ import_react.default.createElement(
-        "input",
-        __spreadProps(__spreadValues(__spreadValues({
-          ref: inputRef,
-          type: "checkbox",
-          name,
-          checked: switchChecked,
-          disabled
-        }, ariaProps), inputProps), {
-          onChange: handleChange,
-          className: (0, import_clsx.default)(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-        })
-      ),
-      (checkedChildren || unCheckedChildren) && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-inner` }, switchChecked ? checkedChildren : unCheckedChildren)
+      }, others), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            __spreadProps(__spreadValues(__spreadValues({
+              ref: inputRef,
+              type: "checkbox",
+              name,
+              checked: switchChecked,
+              disabled
+            }, ariaProps), inputProps), {
+              onChange: handleChange,
+              className: (0, import_clsx.default)(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+            })
+          ),
+          (checkedChildren || unCheckedChildren) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-inner`, children: switchChecked ? checkedChildren : unCheckedChildren })
+        ]
+      })
     );
   }
 );

package/dist/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/dist/Switch/__tests__/fixtures/A11yDemos.js

@@ -33,16 +33,22 @@ __export(A11yDemos_exports, {
   disabledSwitchDemo: () => disabledSwitchDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Switch = __toESM(require("../../Switch"));
 const basicSwitchDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Switch.default, null), "Switch"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Switch.default, {}),
+    "Switch"
+  ] }) });
 };
 const disabledSwitchDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(import_Switch.default, { disabled: true }), "Switch"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Switch.default, { disabled: true }),
+    "Switch"
+  ] }) });
 };
 const ariaLabelSwitchDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Switch.default, { inputProps: { "aria-label": "\u5F00\u5173" } }, "Switch"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Switch.default, { inputProps: { "aria-label": "\u5F00\u5173" }, children: "Switch" }) });
 };
 var A11yDemos_default = {
   basicSwitchDemo,

package/dist/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/dist/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/dist/TabBar/TabBar.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,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)
@@ -56,6 +59,7 @@ __export(TabBar_exports, {
   default: () => TabBar_default
 });
 module.exports = __toCommonJS(TabBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_TabBarContext = __toESM(require("./TabBarContext"));
@@ -77,7 +81,7 @@ const TabBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "className",
     "onChange"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_TabBarContext.default.Provider,
     {
       value: {
@@ -85,15 +89,15 @@ const TabBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
         activeColor,
         color,
         onChange
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(`${prefixCls}`, className) }, others), React.Children.toArray(children).map(
-      (item, index) => {
-        return React.cloneElement(item, {
-          index
-        });
-      }
-    ))
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadProps(__spreadValues({ ref, className: (0, import_clsx.default)(`${prefixCls}`, className) }, others), { children: React.Children.toArray(children).map(
+        (item, index) => {
+          return React.cloneElement(item, {
+            index
+          });
+        }
+      ) }))
+    }
   );
 });
 TabBar.displayName = "BuiTabBar";

package/dist/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/dist/TabBar/TabBarItem.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,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)
@@ -56,6 +59,7 @@ __export(TabBarItem_exports, {
   default: () => TabBarItem_default
 });
 module.exports = __toCommonJS(TabBarItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Badge = require("../Badge");
@@ -93,32 +97,39 @@ const TabBarItem = /* @__PURE__ */ import_react.default.forwardRef(
         onChange(e, { value: index });
       }
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(prefixCls, className, {
           [`${prefixCls}-active`]: currentIndex === index
         }),
         ref,
         onClick: handleClick
-      }, others),
-      children || ((_b = Object.values(BadgeProps || {})) == null ? void 0 : _b.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_Badge.Badge, __spreadValues({}, BadgeProps), currentIndex === index && activeIcon ? activeIcon : icon, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_clsx.default)(`${prefixCls}-title`, {
-            [`${prefixCls}-${currentIndex === index ? activeColor : color}`]: currentIndex === index ? activeColor : color
-          })
-        },
-        title
-      )) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, currentIndex === index && activeIcon ? activeIcon : icon, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_clsx.default)(`${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__ */ (0, import_jsx_runtime.jsxs)(import_Badge.Badge, __spreadProps(__spreadValues({}, BadgeProps), { children: [
+          currentIndex === index && activeIcon ? activeIcon : icon,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_clsx.default)(`${prefixCls}-title`, {
+                [`${prefixCls}-${currentIndex === index ? activeColor : color}`]: currentIndex === index ? activeColor : color
+              }),
+              children: title
+            }
+          )
+        ] })) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          currentIndex === index && activeIcon ? activeIcon : icon,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_clsx.default)(`${prefixCls}-title`, {
+                [`${prefixCls}-${currentIndex === index ? activeColor : color}`]: currentIndex === index ? activeColor : color
+              }),
+              children: title
+            }
+          )
+        ] })
+      })
     );
   }
 );

package/dist/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/dist/Tabs/Tab.js

@@ -59,6 +59,7 @@ __export(Tab_exports, {
   default: () => Tab_default
 });
 module.exports = __toCommonJS(Tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
@@ -122,7 +123,7 @@ const Tab = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   if (process.env.NODE_ENV !== "production") {
     console.count("Tab render");
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadProps(__spreadValues({
       role: "tab",
@@ -132,9 +133,9 @@ const Tab = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       ref: handleRef,
       className: rootCls
     }, others), {
-      onClick: handleClick
-    }),
-    children
+      onClick: handleClick,
+      children
+    })
   );
 });
 Tab.displayName = "BuiTab";

package/dist/Tabs/TabIndicator.js

@@ -30,7 +30,8 @@ __export(TabIndicator_exports, {
   default: () => TabIndicator_default
 });
 module.exports = __toCommonJS(TabIndicator_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
 var import_scroll = __toESM(require("./utils/scroll"));
@@ -171,7 +172,7 @@ const TabIndicator = ({
   if (!indicatorStyle) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref: indicatorRef,

package/dist/Tabs/TabMask.js

@@ -30,10 +30,11 @@ __export(TabMask_exports, {
   default: () => TabMask_default
 });
 module.exports = __toCommonJS(TabMask_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_classes = require("./classes");
-const TabMask = ({ position }) => /* @__PURE__ */ import_react.default.createElement(
+const TabMask = ({ position }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "div",
   {
     className: (0, import_clsx.default)(

package/dist/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/dist/Tabs/TabPanel.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,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)
@@ -56,7 +59,8 @@ __export(TabPanel_exports, {
   default: () => TabPanel_default
 });
 module.exports = __toCommonJS(TabPanel_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_clsx = __toESM(require("clsx"));
 var import_classes = require("./classes");
 var import_TabPanel2 = require("./TabPanel.css");
@@ -76,9 +80,9 @@ const TabPanel = (0, import_react.forwardRef)((props, ref) => {
   ]);
   const isActive = value === index;
   const keepActiveDom = keepMounted ? children : null;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       role: "tabpanel",
       "aria-hidden": !isActive,
       tabIndex: 0,
@@ -87,8 +91,9 @@ const TabPanel = (0, import_react.forwardRef)((props, ref) => {
         [import_classes.tabPanelActiveClass]: isActive,
         [import_classes.tabPanelInactiveClass]: !isActive
       })
-    }, others),
-    isActive ? children : keepActiveDom
+    }, others), {
+      children: isActive ? children : keepActiveDom
+    })
   );
 });
 TabPanel.displayName = "BuiTabPanel";

package/dist/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;