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

package/dist/Select/SelectOption.js

@@ -59,6 +59,7 @@ __export(SelectOption_exports, {
   default: () => SelectOption_default
 });
 module.exports = __toCommonJS(SelectOption_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_selectContext = __toESM(require("./selectContext"));
@@ -76,7 +77,7 @@ const SelectOption = /* @__PURE__ */ import_react.default.forwardRef(
         setRenderValue("");
       };
     }, [selectValue, label, value]);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(prefixCls, className, {
@@ -92,9 +93,9 @@ const SelectOption = /* @__PURE__ */ import_react.default.forwardRef(
         onClick: (e) => {
           if (!disabled)
             handleOptionClick(e, value, label);
-        }
-      }),
-      children || label
+        },
+        children: children || label
+      })
     );
   }
 );

package/dist/Select/__tests__/fixtures/A11yDemos.d.ts

@@ -1,21 +1,20 @@
-import React from 'react';
 /**
  * 自定义 Select 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicSelectDemo: () => React.JSX.Element;
-export declare const ControlledSelectDemo: () => React.JSX.Element;
-export declare const disabledSelectDemo: () => React.JSX.Element;
-export declare const selectWithDisabledOptionsDemo: () => React.JSX.Element;
-export declare const defaultValueSelectDemo: () => React.JSX.Element;
-export declare const complexInteractionSelectDemo: () => React.JSX.Element;
+export declare const basicSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const disabledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const selectWithDisabledOptionsDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const defaultValueSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const complexInteractionSelectDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicSelectDemo: () => React.JSX.Element;
-    ControlledSelectDemo: () => React.JSX.Element;
-    disabledSelectDemo: () => React.JSX.Element;
-    selectWithDisabledOptionsDemo: () => React.JSX.Element;
-    defaultValueSelectDemo: () => React.JSX.Element;
-    complexInteractionSelectDemo: () => React.JSX.Element;
+    basicSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    ControlledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    disabledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    selectWithDisabledOptionsDemo: () => import("react/jsx-runtime").JSX.Element;
+    defaultValueSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    complexInteractionSelectDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/dist/Select/__tests__/fixtures/A11yDemos.js

@@ -53,48 +53,71 @@ __export(A11yDemos_exports, {
   selectWithDisabledOptionsDemo: () => selectWithDisabledOptionsDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Select = __toESM(require("../../Select"));
 var import_SelectOption = __toESM(require("../../SelectOption"));
 const basicSelectDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Select.default, { placeholder: "\u8BF7\u9009\u62E9\u9009\u9879", "aria-label": "\u57FA\u7840\u9009\u62E9\u5668" }, /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"), /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C"), /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09")));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Select.default, { placeholder: "\u8BF7\u9009\u62E9\u9009\u9879", "aria-label": "\u57FA\u7840\u9009\u62E9\u5668", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" })
+  ] }) });
 };
 const ControlledSelectDemo = () => {
   const [value, setValue] = (0, import_react.useState)("option1");
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-    import_Select.default,
-    {
-      value,
-      placeholder: "\u53D7\u63A7\u9009\u62E9\u5668",
-      "aria-label": "\u53D7\u63A7\u9009\u62E9\u5668",
-      onChange: (e, { value: newValue }) => {
-        setValue(newValue);
-        console.log("\u9009\u4E2D\u503C:", newValue);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_Select.default,
+      {
+        value,
+        placeholder: "\u53D7\u63A7\u9009\u62E9\u5668",
+        "aria-label": "\u53D7\u63A7\u9009\u62E9\u5668",
+        onChange: (e, { value: newValue }) => {
+          setValue(newValue);
+          console.log("\u9009\u4E2D\u503C:", newValue);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" })
+        ]
       }
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"),
-    /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C"),
-    /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09")
-  ), /* @__PURE__ */ import_react.default.createElement("p", null, "\u5F53\u524D\u9009\u4E2D\u503C: ", value));
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+      "\u5F53\u524D\u9009\u4E2D\u503C: ",
+      value
+    ] })
+  ] });
 };
 const disabledSelectDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Select.default, { disabled: true, placeholder: "\u7981\u7528\u7684\u9009\u62E9\u5668", "aria-label": "\u7981\u7528\u9009\u62E9\u5668" }, /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"), /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C")));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Select.default, { disabled: true, placeholder: "\u7981\u7528\u7684\u9009\u62E9\u5668", "aria-label": "\u7981\u7528\u9009\u62E9\u5668", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" })
+  ] }) });
 };
 const selectWithDisabledOptionsDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_Select.default, { placeholder: "\u5305\u542B\u7981\u7528\u9009\u9879", "aria-label": "\u5305\u542B\u7981\u7528\u9009\u9879\u7684\u9009\u62E9\u5668" }, /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"), /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C", disabled: true }, "\u9009\u9879\u4E8C\uFF08\u7981\u7528\uFF09"), /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09"), /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option4", label: "\u9009\u9879\u56DB", disabled: true }, "\u9009\u9879\u56DB\uFF08\u7981\u7528\uFF09")));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Select.default, { placeholder: "\u5305\u542B\u7981\u7528\u9009\u9879", "aria-label": "\u5305\u542B\u7981\u7528\u9009\u9879\u7684\u9009\u62E9\u5668", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C", disabled: true, children: "\u9009\u9879\u4E8C\uFF08\u7981\u7528\uFF09" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option4", label: "\u9009\u9879\u56DB", disabled: true, children: "\u9009\u9879\u56DB\uFF08\u7981\u7528\uFF09" })
+  ] }) });
 };
 const defaultValueSelectDemo = () => {
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_Select.default,
     {
       defaultValue: "option2",
       placeholder: "\u6709\u9ED8\u8BA4\u503C\u7684\u9009\u62E9\u5668",
-      "aria-label": "\u6709\u9ED8\u8BA4\u503C\u7684\u9009\u62E9\u5668"
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"),
-    /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C"),
-    /* @__PURE__ */ import_react.default.createElement(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09")
-  ));
+      "aria-label": "\u6709\u9ED8\u8BA4\u503C\u7684\u9009\u62E9\u5668",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectOption.default, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" })
+      ]
+    }
+  ) });
 };
 const complexInteractionSelectDemo = () => {
   const ComplexInteractionSelectDemo = () => {
@@ -111,29 +134,36 @@ const complexInteractionSelectDemo = () => {
         )
       );
     };
-    return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-      import_Select.default,
-      {
-        value,
-        placeholder: "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
-        "aria-label": "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
-        onChange: (e, { value: newValue }) => {
-          setValue(newValue);
-        }
-      },
-      options.map((option) => /* @__PURE__ */ import_react.default.createElement(
-        import_SelectOption.default,
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Select.default,
         {
-          key: option.value,
-          value: option.value,
-          label: option.label,
-          disabled: option.disabled
-        },
-        option.label
-      ))
-    ), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 10 } }, /* @__PURE__ */ import_react.default.createElement("button", { type: "button", onClick: () => toggleOptionDisabled("option2") }, "\u5207\u6362\u9009\u9879\u4E8C\u72B6\u6001")), value && /* @__PURE__ */ import_react.default.createElement("p", null, "\u5F53\u524D\u9009\u4E2D: ", value));
+          value,
+          placeholder: "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
+          "aria-label": "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
+          onChange: (e, { value: newValue }) => {
+            setValue(newValue);
+          },
+          children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_SelectOption.default,
+            {
+              value: option.value,
+              label: option.label,
+              disabled: option.disabled,
+              children: option.label
+            },
+            option.value
+          ))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => toggleOptionDisabled("option2"), children: "\u5207\u6362\u9009\u9879\u4E8C\u72B6\u6001" }) }),
+      value && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+        "\u5F53\u524D\u9009\u4E2D: ",
+        value
+      ] })
+    ] });
   };
-  return /* @__PURE__ */ import_react.default.createElement(ComplexInteractionSelectDemo, null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComplexInteractionSelectDemo, {});
 };
 var A11yDemos_default = {
   basicSelectDemo,

package/dist/Skeleton/Skeleton.d.ts

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

package/dist/Skeleton/Skeleton.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(Skeleton_exports, {
   default: () => Skeleton_default
 });
 module.exports = __toCommonJS(Skeleton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_index = require("./index.css");
@@ -79,9 +83,9 @@ const Skeleton = /* @__PURE__ */ React.forwardRef(
       "variant",
       "children"
     ]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(
           prefixCls,
           `${prefixCls}-${variant}`,
@@ -93,8 +97,9 @@ const Skeleton = /* @__PURE__ */ React.forwardRef(
         ),
         ref,
         style: __spreadValues({ width, height }, style)
-      }, others),
-      children
+      }, others), {
+        children
+      })
     );
   }
 );

package/dist/Slide/Slide.js

@@ -59,6 +59,7 @@ __export(Slide_exports, {
   default: () => Slide_default
 });
 module.exports = __toCommonJS(Slide_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@bifrostui/utils");
 var React = __toESM(require("react"));
 var import_Transition = __toESM(require("../Transition"));
@@ -107,36 +108,36 @@ const Slide = /* @__PURE__ */ React.forwardRef(
     };
     if (!children)
       return null;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Transition.default,
       __spreadProps(__spreadValues({}, others), {
         appear,
         in: inProp,
         timeout,
         delay,
-        ref: nodeRef
-      }),
-      (state, childProps) => {
-        const transition = state === "entering" || state === "exiting" ? transitions.create(
-          "transform",
-          (0, import_utils.getTransitionProps)(
-            { timeout, style, easing: easingProp, delay },
-            {
-              mode: state
-            }
-          )
-        ) : "none";
-        const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
-        return React.cloneElement(children, __spreadValues({
-          style: __spreadValues(__spreadValues({
-            visibility: state === "exited" ? "hidden" : "visible",
-            transition,
-            WebkitTransition: transition,
-            transform,
-            WebkitTransform: transform
-          }, style), children.props.style)
-        }, childProps));
-      }
+        ref: nodeRef,
+        children: (state, childProps) => {
+          const transition = state === "entering" || state === "exiting" ? transitions.create(
+            "transform",
+            (0, import_utils.getTransitionProps)(
+              { timeout, style, easing: easingProp, delay },
+              {
+                mode: state
+              }
+            )
+          ) : "none";
+          const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
+          return React.cloneElement(children, __spreadValues({
+            style: __spreadValues(__spreadValues({
+              visibility: state === "exited" ? "hidden" : "visible",
+              transition,
+              WebkitTransition: transition,
+              transform,
+              WebkitTransform: transform
+            }, style), children.props.style)
+          }, childProps));
+        }
+      })
     );
   }
 );

package/dist/Slider/Slider.d.ts

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

package/dist/Slider/Slider.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)
@@ -76,6 +79,7 @@ __export(Slider_exports, {
   default: () => Slider_default
 });
 module.exports = __toCommonJS(Slider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
@@ -128,12 +132,12 @@ const Slider = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const value = shouldProtection ? latestVal.current : valueProp;
   const [rootRef, setRootRef] = (0, import_react.useState)(null);
   const handleRef = (0, import_utils.useForkRef)(ref, setRootRef);
-  const sliderRect = (0, import_react.useRef)();
-  const touchStartPageX = (0, import_react.useRef)();
-  const touchStartLeft = (0, import_react.useRef)();
+  const sliderRect = (0, import_react.useRef)(null);
+  const touchStartPageX = (0, import_react.useRef)(0);
+  const touchStartLeft = (0, import_react.useRef)(0);
   const buttonIndex = (0, import_react.useRef)(0);
   const beforeMoveValue = (0, import_react.useRef)([0, 0]);
-  const defaultIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.GripperBarVerticalIcon, { htmlColor: "var(--bui-color-fg-default)" });
+  const defaultIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.GripperBarVerticalIcon, { htmlColor: "var(--bui-color-fg-default)" });
   const initialRange = (0, import_react.useRef)(
     value !== void 0 && Array.isArray(value) || defaultValue !== void 0 && Array.isArray(defaultValue)
   );
@@ -269,10 +273,9 @@ const Slider = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   };
   const renderButton = (index) => {
     const valuenow = internalValue[index];
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
-        key: index,
         role: "slider",
         className: (0, import_clsx.default)(classes.button, `${classes.button}-${index}`),
         style: {
@@ -290,35 +293,39 @@ const Slider = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onTouchMove,
         onTouchEnd,
         onTouchCancel: onTouchEnd,
-        onMouseDown
+        onMouseDown,
+        children: index === SLIDER_BUTTON.FRONT ? startIcon || defaultIcon : endIcon || defaultIcon
       },
-      index === SLIDER_BUTTON.FRONT ? startIcon || defaultIcon : endIcon || defaultIcon
+      index
     );
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(classes.root, className, {
         [classes.disabled]: disabled
       }),
       ref: handleRef
-    }, others),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.root}-rail` }),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.root}-line`, style: lineStyle }),
-    renderButton(SLIDER_BUTTON.FRONT),
-    range && renderButton(SLIDER_BUTTON.END),
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_clsx.default)(classes.tooltip, {
-          [`${classes.tooltip}-hidden`]: !tooltipVisible
-        }),
-        style: {
-          left: `${(tooltipRef.current[buttonIndex.current] - min) / scope * 100}%`
-        }
-      },
-      tooltipRender(tooltipRef.current[buttonIndex.current])
-    )
+    }, others), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classes.root}-rail` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classes.root}-line`, style: lineStyle }),
+        renderButton(SLIDER_BUTTON.FRONT),
+        range && renderButton(SLIDER_BUTTON.END),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_clsx.default)(classes.tooltip, {
+              [`${classes.tooltip}-hidden`]: !tooltipVisible
+            }),
+            style: {
+              left: `${(tooltipRef.current[buttonIndex.current] - min) / scope * 100}%`
+            },
+            children: tooltipRender(tooltipRef.current[buttonIndex.current])
+          }
+        )
+      ]
+    })
   );
 });
 Slider.displayName = "BuiSlider";

package/dist/Stack/Stack.d.ts

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

package/dist/Stack/Stack.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(Stack_exports, {
   default: () => Stack_default
 });
 module.exports = __toCommonJS(Stack_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_index = require("./index.css");
@@ -89,19 +93,23 @@ const Stack = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "--spacing": spacing || "0",
     "--flex-wrap": flexWrap || "nowrap"
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(prefixCls, className),
       style: __spreadValues(__spreadValues({}, cssProperties), style),
       ref
-    }, others),
-    divider ? import_react.default.Children.map(children, (child, index) => {
-      if (index < import_react.default.Children.toArray(children).length - 1) {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, child, divider);
-      }
-      return child;
-    }) : children
+    }, others), {
+      children: divider ? import_react.default.Children.map(children, (child, index) => {
+        if (index < import_react.default.Children.toArray(children).length - 1) {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            child,
+            divider
+          ] });
+        }
+        return child;
+      }) : children
+    })
   );
 });
 Stack.displayName = "BuiStack";

package/dist/Stack/demo/StackDemo.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const StackDemo: () => React.JSX.Element;
+declare const StackDemo: () => import("react/jsx-runtime").JSX.Element;
 export default StackDemo;