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

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

@@ -1,25 +1,24 @@
-import * as React from 'react';
 /**
  * 自定义 Badge 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicBadgeDemo: () => React.JSX.Element;
-export declare const colorBadgeDemo: () => React.JSX.Element;
-export declare const typeBadgeDemo: () => React.JSX.Element;
-export declare const maxBadgeDemo: () => React.JSX.Element;
-export declare const accessibilityBadgeDemo: () => React.JSX.Element;
-export declare const invisibilityBadgeDemo: () => React.JSX.Element;
-export declare const complexInteractionBadgeDemo: () => React.JSX.Element;
-export declare const specialContentBadgeDemo: () => React.JSX.Element;
+export declare const basicBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const colorBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const typeBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const maxBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const accessibilityBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const invisibilityBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const complexInteractionBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const specialContentBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicBadgeDemo: () => React.JSX.Element;
-    colorBadgeDemo: () => React.JSX.Element;
-    typeBadgeDemo: () => React.JSX.Element;
-    maxBadgeDemo: () => React.JSX.Element;
-    accessibilityBadgeDemo: () => React.JSX.Element;
-    invisibilityBadgeDemo: () => React.JSX.Element;
-    complexInteractionBadgeDemo: () => React.JSX.Element;
-    specialContentBadgeDemo: () => React.JSX.Element;
+    basicBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+    colorBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+    typeBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+    maxBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+    accessibilityBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+    invisibilityBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+    complexInteractionBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
+    specialContentBadgeDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

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

@@ -1,51 +1,84 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Badge from "../../Badge";
 const basicBadgeDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Badge, { content: "12" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5185\u5BB9")));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { content: "12", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u5185\u5BB9" }) }) });
 };
 const colorBadgeDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(Badge, { content: "1", color: "primary" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Primary")), /* @__PURE__ */ React.createElement(Badge, { content: "2", color: "success" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Success")), /* @__PURE__ */ React.createElement(Badge, { content: "3", color: "warning" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Warning")), /* @__PURE__ */ React.createElement(Badge, { content: "4", color: "danger" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Danger")));
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "10px" }, children: [
+    /* @__PURE__ */ jsx(Badge, { content: "1", color: "primary", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Primary" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: "2", color: "success", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Success" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: "3", color: "warning", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Warning" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: "4", color: "danger", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Danger" }) })
+  ] });
 };
 const typeBadgeDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(Badge, { content: "99", type: "standard" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Standard")), /* @__PURE__ */ React.createElement(Badge, { type: "dot" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Dot")), /* @__PURE__ */ React.createElement(Badge, { content: "NEW", type: "bubble" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Bubble")));
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "10px" }, children: [
+    /* @__PURE__ */ jsx(Badge, { content: "99", type: "standard", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Standard" }) }),
+    /* @__PURE__ */ jsx(Badge, { type: "dot", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Dot" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: "NEW", type: "bubble", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Bubble" }) })
+  ] });
 };
 const maxBadgeDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(Badge, { content: 99, max: 50 }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "50+")), /* @__PURE__ */ React.createElement(Badge, { content: 150, max: 99 }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "99+")));
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "10px" }, children: [
+    /* @__PURE__ */ jsx(Badge, { content: 99, max: 50, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "50+" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: 150, max: 99, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "99+" }) })
+  ] });
 };
 const accessibilityBadgeDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", flexDirection: "column" } }, /* @__PURE__ */ React.createElement(Badge, { content: 5, "aria-label": "\u81EA\u5B9A\u4E49\u6807\u7B7E" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u81EA\u5B9A\u4E49\u6807\u7B7E")), /* @__PURE__ */ React.createElement(Badge, { content: 3, role: "img" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u81EA\u5B9A\u4E49\u89D2\u8272")), /* @__PURE__ */ React.createElement(Badge, { content: 1, "aria-hidden": true }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u9690\u85CF\u89D2\u8272")), /* @__PURE__ */ React.createElement(Badge, { content: 2, "aria-hidden": true }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u9690\u85CF")));
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "10px", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(Badge, { content: 5, "aria-label": "\u81EA\u5B9A\u4E49\u6807\u7B7E", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u81EA\u5B9A\u4E49\u6807\u7B7E" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: 3, role: "img", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u81EA\u5B9A\u4E49\u89D2\u8272" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: 1, "aria-hidden": true, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u9690\u85CF\u89D2\u8272" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: 2, "aria-hidden": true, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u9690\u85CF" }) })
+  ] });
 };
 const invisibilityBadgeDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px" } }, /* @__PURE__ */ React.createElement(Badge, { content: 0, showZero: true }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "ShowZero")), /* @__PURE__ */ React.createElement(Badge, { content: 0, showZero: false }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "HideZero")), /* @__PURE__ */ React.createElement(Badge, { content: 5, invisible: false }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "Visible")));
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "10px" }, children: [
+    /* @__PURE__ */ jsx(Badge, { content: 0, showZero: true, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "ShowZero" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: 0, showZero: false, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "HideZero" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: 5, invisible: false, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "Visible" }) })
+  ] });
 };
 const complexInteractionBadgeDemo = () => {
   const ComplexInteractionBadgeDemo = () => {
     const [count, setCount] = React.useState(1);
     const [visible, setVisible] = React.useState(true);
-    return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", alignItems: "center" } }, /* @__PURE__ */ React.createElement(Badge, { content: count, invisible: !visible }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5185\u5BB9")), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setCount(count + 1),
-        style: { padding: "4px 8px" }
-      },
-      "\u589E\u52A0(",
-      count,
-      ")"
-    ), /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        onClick: () => setVisible(!visible),
-        style: { padding: "4px 8px" }
-      },
-      visible ? "\u9690\u85CF" : "\u663E\u793A"
-    ));
+    return /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "10px", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Badge, { content: count, invisible: !visible, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u5185\u5BB9" }) }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setCount(count + 1),
+          style: { padding: "4px 8px" },
+          children: [
+            "\u589E\u52A0(",
+            count,
+            ")"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setVisible(!visible),
+          style: { padding: "4px 8px" },
+          children: visible ? "\u9690\u85CF" : "\u663E\u793A"
+        }
+      )
+    ] });
   };
-  return /* @__PURE__ */ React.createElement(ComplexInteractionBadgeDemo, null);
+  return /* @__PURE__ */ jsx(ComplexInteractionBadgeDemo, {});
 };
 const specialContentBadgeDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" } }, /* @__PURE__ */ React.createElement(Badge, { content: "NEW" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u6587\u672C")), /* @__PURE__ */ React.createElement(Badge, { content: "99+" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "99+")), /* @__PURE__ */ React.createElement(Badge, { content: 1 }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u5355\u6570")), /* @__PURE__ */ React.createElement(Badge, { content: "" }, /* @__PURE__ */ React.createElement("div", { style: { width: 40, height: 40, background: "#f0f0f0" } }, "\u7A7A\u5185\u5BB9")));
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" }, children: [
+    /* @__PURE__ */ jsx(Badge, { content: "NEW", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u6587\u672C" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: "99+", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "99+" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: 1, children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u5355\u6570" }) }),
+    /* @__PURE__ */ jsx(Badge, { content: "", children: /* @__PURE__ */ jsx("div", { style: { width: 40, height: 40, background: "#f0f0f0" }, children: "\u7A7A\u5185\u5BB9" }) })
+  ] });
 };
 var A11yDemos_default = {
   basicBadgeDemo,

package/es/Badge/index.css

@@ -8,7 +8,7 @@ xhs-page {
   --bui-badge-padding: 0 3px;
   --bui-badge-border-radius: 8px;
   --bui-badge-outlined-padding: 0 2px;
-  --bui-badge-dot-size: 9px;
+  --bui-badge-dot-size: 10px;
   --bui-badge-bubble-padding: 0 5px;
   --bui-badge-bubble-border-radius: 6px 6px 6px 0;
 }
@@ -89,7 +89,7 @@ xhs-page {
   padding: var(--bui-badge-bubble-padding);
 }
 .bui-badge-outlined {
-  background: var(--bui-color-bg-view);
+  background-color: var(--bui-color-bg-view);
 }
 .bui-badge-outlined.bui-badge-primary {
   border: 1px solid var(--bui-color-primary);
@@ -112,7 +112,7 @@ xhs-page {
   color: var(--bui-color-danger);
 }
 .bui-badge-outlined.bui-badge-light {
-  background: var(--bui-color-bg-default);
+  background-color: var(--bui-color-bg-default);
   border: 1px solid var(--bui-color-bg-view);
   color: var(--bui-color-bg-view);
 }

package/es/Breadcrumb/Breadcrumb.d.ts

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

package/es/Breadcrumb/Breadcrumb.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 BreadcrumbItem from "./BreadcrumbItem";
@@ -51,13 +55,14 @@ const Breadcrumb = /* @__PURE__ */ React.forwardRef(
         return items.map((item, index) => {
           const _a2 = item, { title } = _a2, otherItemProps = __objRest(_a2, ["title"]);
           const isLast = index === items.length - 1;
-          return /* @__PURE__ */ React.createElement(
+          return /* @__PURE__ */ jsx(
             BreadcrumbItem,
-            __spreadValues({
-              key: index,
+            __spreadProps(__spreadValues({
               separator: isLast ? "" : separator
-            }, otherItemProps),
-            title
+            }, otherItemProps), {
+              children: title
+            }),
+            index
           );
         });
       }
@@ -71,7 +76,10 @@ const Breadcrumb = /* @__PURE__ */ React.forwardRef(
               const newProps = {
                 separator: index === childrenLength - 1 ? "" : itemSeparator
               };
-              return React.cloneElement(child, newProps);
+              return React.cloneElement(
+                child,
+                newProps
+              );
             }
             return child;
           }
@@ -83,14 +91,15 @@ const Breadcrumb = /* @__PURE__ */ React.forwardRef(
     if (items == null && children == null) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "nav",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(prefixCls, className),
         style,
         ref
-      }, others),
-      /* @__PURE__ */ React.createElement("ol", { className: `${prefixCls}-list` }, renderList())
+      }, others), {
+        children: /* @__PURE__ */ jsx("ol", { className: `${prefixCls}-list`, children: renderList() })
+      })
     );
   }
 );

package/es/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { BreadcrumbItemProps } from './Breadcrumb.types';
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps<"li", {}>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
 export default BreadcrumbItem;

package/es/Breadcrumb/BreadcrumbItem.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,22 +29,27 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import clsx from "clsx";
 const prefixCls = "bui-breadcrumb-item";
 const BreadcrumbItem = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, { className, style, separator, children, onClick } = _a, others = __objRest(_a, ["className", "style", "separator", "children", "onClick"]);
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      "li",
-      __spreadValues({
-        className: clsx(`${prefixCls}`, className),
-        style,
-        ref,
-        onClick
-      }, others),
-      children
-    ), separator && /* @__PURE__ */ React.createElement("li", { className: `${prefixCls}-separator` }, separator));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "li",
+        __spreadProps(__spreadValues({
+          className: clsx(`${prefixCls}`, className),
+          style,
+          ref,
+          onClick
+        }, others), {
+          children
+        })
+      ),
+      separator && /* @__PURE__ */ jsx("li", { className: `${prefixCls}-separator`, children: separator })
+    ] });
   }
 );
 BreadcrumbItem.displayName = "BuiBreadcrumbItem";

package/es/Button/Button.d.ts

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

package/es/Button/Button.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,12 +29,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import "./index.css";
 const prefixCls = "bui-btn";
 const ButtonIcon = ({ children, iconPosition }) => {
-  return /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-icon-${iconPosition}` }, children);
+  return /* @__PURE__ */ jsx("span", { className: `${prefixCls}-icon-${iconPosition}`, children });
 };
 const Button = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
@@ -54,9 +58,9 @@ const Button = /* @__PURE__ */ React.forwardRef(
       "color",
       "disabled"
     ]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "button",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         type: "button",
         className: clsx(
           prefixCls,
@@ -71,10 +75,13 @@ const Button = /* @__PURE__ */ React.forwardRef(
         ref,
         disabled,
         "aria-disabled": disabled ? "true" : void 0
-      }, others),
-      startIcon && /* @__PURE__ */ React.createElement(ButtonIcon, { iconPosition: "start" }, startIcon),
-      children,
-      endIcon && /* @__PURE__ */ React.createElement(ButtonIcon, { iconPosition: "end" }, endIcon)
+      }, others), {
+        children: [
+          startIcon && /* @__PURE__ */ jsx(ButtonIcon, { iconPosition: "start", children: startIcon }),
+          children,
+          endIcon && /* @__PURE__ */ jsx(ButtonIcon, { iconPosition: "end", children: endIcon })
+        ]
+      })
     );
   }
 );

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

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

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

@@ -1,25 +1,49 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Button from "../../Button";
 const basicButtonDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, null, "\u57FA\u7840\u6309\u94AE"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { children: "\u57FA\u7840\u6309\u94AE" }) });
 };
 const variantButtonDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { variant: "text" }, "\u6587\u5B57\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { variant: "outlined" }, "\u7EBF\u6846\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { variant: "contained" }, "\u586B\u5145\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { variant: "subtle" }, "\u67D4\u548C\u6309\u94AE"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Button, { variant: "text", children: "\u6587\u5B57\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { variant: "outlined", children: "\u7EBF\u6846\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { variant: "contained", children: "\u586B\u5145\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { variant: "subtle", children: "\u67D4\u548C\u6309\u94AE" })
+  ] });
 };
 const colorButtonDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { color: "primary" }, "\u4E3B\u8981\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { color: "success" }, "\u6210\u529F\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { color: "warning" }, "\u8B66\u544A\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { color: "danger" }, "\u5371\u9669\u6309\u94AE"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Button, { color: "primary", children: "\u4E3B\u8981\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { color: "success", children: "\u6210\u529F\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { color: "warning", children: "\u8B66\u544A\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { color: "danger", children: "\u5371\u9669\u6309\u94AE" })
+  ] });
 };
 const sizeButtonDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { size: "small" }, "\u5C0F\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { size: "medium" }, "\u4E2D\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { size: "large" }, "\u5927\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { size: "full", style: { width: "200px" } }, "\u5168\u5BBD\u6309\u94AE"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Button, { size: "small", children: "\u5C0F\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { size: "medium", children: "\u4E2D\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { size: "large", children: "\u5927\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { size: "full", style: { width: "200px" }, children: "\u5168\u5BBD\u6309\u94AE" })
+  ] });
 };
 const disabledButtonDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { disabled: true }, "\u7981\u7528\u6309\u94AE"), /* @__PURE__ */ React.createElement(Button, { variant: "contained", disabled: true }, "\u7981\u7528\u586B\u5145\u6309\u94AE"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Button, { disabled: true, children: "\u7981\u7528\u6309\u94AE" }),
+    /* @__PURE__ */ jsx(Button, { variant: "contained", disabled: true, children: "\u7981\u7528\u586B\u5145\u6309\u94AE" })
+  ] });
 };
 const iconButtonDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { startIcon: /* @__PURE__ */ React.createElement("span", null, "\u{1F31F}") }, "\u5E26\u524D\u7F00\u56FE\u6807"), /* @__PURE__ */ React.createElement(Button, { endIcon: /* @__PURE__ */ React.createElement("span", null, "\u{1F4C5}") }, "\u5E26\u540E\u7F00\u56FE\u6807"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx("span", { children: "\u{1F31F}" }), children: "\u5E26\u524D\u7F00\u56FE\u6807" }),
+    /* @__PURE__ */ jsx(Button, { endIcon: /* @__PURE__ */ jsx("span", { children: "\u{1F4C5}" }), children: "\u5E26\u540E\u7F00\u56FE\u6807" })
+  ] });
 };
 const ariaLabelButtonDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, { "aria-label": "\u63D0\u4EA4\u8868\u5355" }, "\u63D0\u4EA4"), /* @__PURE__ */ React.createElement(Button, { "aria-label": "\u53D6\u6D88\u64CD\u4F5C" }, "\u53D6\u6D88"));
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Button, { "aria-label": "\u63D0\u4EA4\u8868\u5355", children: "\u63D0\u4EA4" }),
+    /* @__PURE__ */ jsx(Button, { "aria-label": "\u53D6\u6D88\u64CD\u4F5C", children: "\u53D6\u6D88" })
+  ] });
 };
 var A11yDemos_default = {
   basicButtonDemo,

package/es/CSSTransition/CSSTransition.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
 import {
   addClass as addOneClass,
@@ -130,7 +131,7 @@ const CSSTransition = /* @__PURE__ */ React.forwardRef(
         props.onExited(node);
       }
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Transition,
       __spreadProps(__spreadValues({
         ref,

package/es/CSSTransition/demo/CSSTransitionDemo.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;

package/es/CSSTransition/demo/CSSTransitionDemo.js

@@ -1,4 +1,5 @@
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { Button, Alert, CSSTransition } from "@bifrostui/react";
 import "./index.css";
 const StackDemo = () => {
@@ -11,37 +12,39 @@ const StackDemo = () => {
     exitActive: "slide-exit-active",
     exitDone: "slide-exit-done"
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       style: {
         width: "300px",
         height: "100px",
         overflow: "hidden"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        onClick: () => {
-          setOpen((prev) => !prev);
-        },
-        style: {
-          marginBottom: "18px"
-        }
       },
-      open ? "Exit" : "Enter"
-    ),
-    /* @__PURE__ */ React.createElement(
-      CSSTransition,
-      {
-        in: open,
-        timeout: 300,
-        unmountOnExit: false,
-        classNames: transitionClasses
-      },
-      /* @__PURE__ */ React.createElement(Alert, { className: "my-node", color: "success" }, "\u8FC7\u6E21\u8FC7\u7A0B\u4E2D\u4F1A\u4FEE\u6539className")
-    )
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => {
+              setOpen((prev) => !prev);
+            },
+            style: {
+              marginBottom: "18px"
+            },
+            children: open ? "Exit" : "Enter"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CSSTransition,
+          {
+            in: open,
+            timeout: 300,
+            unmountOnExit: false,
+            classNames: transitionClasses,
+            children: /* @__PURE__ */ jsx(Alert, { className: "my-node", color: "success", children: "\u8FC7\u6E21\u8FC7\u7A0B\u4E2D\u4F1A\u4FEE\u6539className" })
+          }
+        )
+      ]
+    }
   );
 };
 var CSSTransitionDemo_default = StackDemo;

package/es/Calendar/Calendar.d.ts

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