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

package/dist/ActionSheet/ActionSheet.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(ActionSheet_exports, {
   default: () => ActionSheet_default
 });
 module.exports = __toCommonJS(ActionSheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_Drawer = __toESM(require("../Drawer"));
@@ -63,7 +67,7 @@ var import_ActionSheetContext = __toESM(require("./ActionSheetContext"));
 var import_ActionSheet2 = require("./ActionSheet.css");
 const prefixCls = "bui-action-sheet";
 const ActionSheetCancel = ({ children, onClick }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item ${prefixCls}-cancel`, onClick }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-item ${prefixCls}-cancel`, onClick, children });
 };
 const ActionSheet = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
@@ -92,19 +96,25 @@ const ActionSheet = /* @__PURE__ */ React.forwardRef(
     const onCancelClick = (event) => {
       onClose(event, { from: "cancelText" });
     };
-    return /* @__PURE__ */ React.createElement(import_ActionSheetContext.default.Provider, { value: context }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionSheetContext.default.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_Drawer.default,
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         open,
         onClose,
         className: (0, import_clsx.default)(prefixCls, className),
         contentProps: { className: `${prefixCls}-content` }
-      }, others),
-      extra && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-extra` }, extra),
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-item-wrapper` }, children),
-      cancelText && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-gap` }), /* @__PURE__ */ React.createElement(ActionSheetCancel, { onClick: onCancelClick }, cancelText))
-    ));
+      }, others), {
+        children: [
+          extra && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-extra`, children: extra }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-item-wrapper`, children }),
+          cancelText && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-gap` }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionSheetCancel, { onClick: onCancelClick, children: cancelText })
+          ] })
+        ]
+      })
+    ) });
   }
 );
 ActionSheet.displayName = "BuiActionSheet";

package/dist/ActionSheet/ActionSheetItem.d.ts

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

package/dist/ActionSheet/ActionSheetItem.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(ActionSheetItem_exports, {
   default: () => ActionSheetItem_default
 });
 module.exports = __toCommonJS(ActionSheetItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_ActionSheetContext = __toESM(require("./ActionSheetContext"));
@@ -90,9 +94,9 @@ const ActionSheetItem = /* @__PURE__ */ import_react.default.forwardRef(
       onClick == null ? void 0 : onClick(ev, { index });
       (_a2 = context.onSelect) == null ? void 0 : _a2.call(context, ev, { index });
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref,
         className: (0, import_clsx.default)(
           prefixCls,
@@ -104,9 +108,12 @@ const ActionSheetItem = /* @__PURE__ */ import_react.default.forwardRef(
           className
         ),
         onClick: handleAction
-      }, others),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, children),
-      description && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-description` }, description)
+      }, others), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-content`, children }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-description`, children: description })
+        ]
+      })
     );
   }
 );

package/dist/Alert/Alert.d.ts

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

package/dist/Alert/Alert.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(Alert_exports, {
   default: () => Alert_default
 });
 module.exports = __toCommonJS(Alert_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
@@ -64,35 +68,35 @@ var import_IconButton = require("../IconButton");
 var import_index = require("./index.css");
 const prefixCls = "bui-alert";
 const iconMap = {
-  danger: /* @__PURE__ */ React.createElement(
+  danger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_icons.ErrorCircleFilledIcon,
     {
       color: "danger",
       className: `${prefixCls}-default-icon`
     }
   ),
-  success: /* @__PURE__ */ React.createElement(
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_icons.SuccessCircleFilledIcon,
     {
       color: "success",
       className: `${prefixCls}-default-icon`
     }
   ),
-  warning: /* @__PURE__ */ React.createElement(
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_icons.AlertCircleFilledIcon,
     {
       color: "warning",
       className: `${prefixCls}-default-icon`
     }
   ),
-  info: /* @__PURE__ */ React.createElement(
+  info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_icons.AlertCircleFilledIcon,
     {
       color: "info",
       className: `${prefixCls}-default-icon`
     }
   ),
-  primary: /* @__PURE__ */ React.createElement(
+  primary: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_icons.VolumeUpOutlinedIcon,
     {
       color: "primary",
@@ -105,32 +109,32 @@ const AlertIcon = (props) => {
   const { icon, color } = props;
   if (!icon)
     return null;
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-icon`) }, import_utils.isMini && React.isValidElement(icon) ? React.cloneElement(icon, __spreadValues({}, { color: ((_a = icon.props) == null ? void 0 : _a.color) || color })) : icon);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-icon`), children: import_utils.isMini && React.isValidElement(icon) ? React.cloneElement(icon, __spreadValues({}, { color: ((_a = icon.props) == null ? void 0 : _a.color) || color })) : icon });
 };
 const AlertAction = (props) => {
   const { color, action, onClose } = props;
   if (!action && !onClose)
     return null;
   if (action) {
-    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-action`, onClick: onClose }, action);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-action`, onClick: onClose, children: action });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_IconButton.IconButton,
     {
       className: `${prefixCls}-action`,
       color,
       onClick: onClose,
-      "aria-label": "\u5173\u95ED\u6309\u94AE"
-    },
-    /* @__PURE__ */ React.createElement(import_icons.CloseIcon, null)
+      "aria-label": "\u5173\u95ED\u6309\u94AE",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseIcon, {})
+    }
   );
 };
 const Alert = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
-    color,
+    color = "primary",
+    icon = true,
+    variant = "standard",
     className,
-    icon,
-    variant,
     marquee,
     children,
     action,
@@ -138,41 +142,39 @@ const Alert = /* @__PURE__ */ React.forwardRef((props, ref) => {
     onClick
   } = _a, others = __objRest(_a, [
     "color",
-    "className",
     "icon",
     "variant",
+    "className",
     "marquee",
     "children",
     "action",
     "onClose",
     "onClick"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, [
         `${prefixCls}-${variant}-${color}`
       ]),
       onClick,
       ref
-    }, others),
-    /* @__PURE__ */ React.createElement(AlertIcon, { icon: icon === true ? iconMap[color] : icon, color }),
-    marquee ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-marquee` }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-content`, [
-          `${prefixCls}-marquee-content`
-        ])
-      },
-      children
-    )) : /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children),
-    /* @__PURE__ */ React.createElement(AlertAction, { action, onClose, color })
+    }, others), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertIcon, { icon: icon === true ? iconMap[color] : icon, color }),
+        marquee ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-marquee`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_clsx.default)(`${prefixCls}-content`, [
+              `${prefixCls}-marquee-content`
+            ]),
+            children
+          }
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-content`, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertAction, { action, onClose, color })
+      ]
+    })
   );
 });
 Alert.displayName = "BuiAlert";
-Alert.defaultProps = {
-  icon: true,
-  color: "primary",
-  variant: "standard"
-};
 var Alert_default = Alert;

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

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

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

@@ -34,99 +34,105 @@ __export(A11yDemos_exports, {
   multipleTypeAlertDemo: () => multipleTypeAlertDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_Alert = __toESM(require("../../Alert"));
 const basicAlertDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Alert.default,
     {
       color: "info",
       onClose: () => {
         console.log("\u5173\u95ED info alert");
-      }
-    },
-    "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Alert \u7EC4\u4EF6\u793A\u4F8B"
-  ));
+      },
+      children: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Alert \u7EC4\u4EF6\u793A\u4F8B"
+    }
+  ) });
 };
 const multipleTypeAlertDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    import_Alert.default,
-    {
-      color: "info",
-      onClose: () => {
-        console.log("\u5173\u95ED info alert");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Alert.default,
+      {
+        color: "info",
+        onClose: () => {
+          console.log("\u5173\u95ED info alert");
+        },
+        children: "\u4FE1\u606F\u63D0\u793A"
       }
-    },
-    "\u4FE1\u606F\u63D0\u793A"
-  ), /* @__PURE__ */ React.createElement(
-    import_Alert.default,
-    {
-      color: "success",
-      onClose: () => {
-        console.log("\u5173\u95ED success alert");
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Alert.default,
+      {
+        color: "success",
+        onClose: () => {
+          console.log("\u5173\u95ED success alert");
+        },
+        children: "\u6210\u529F\u63D0\u793A"
       }
-    },
-    "\u6210\u529F\u63D0\u793A"
-  ), /* @__PURE__ */ React.createElement(
-    import_Alert.default,
-    {
-      color: "warning",
-      onClose: () => {
-        console.log("\u5173\u95ED warning alert");
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Alert.default,
+      {
+        color: "warning",
+        onClose: () => {
+          console.log("\u5173\u95ED warning alert");
+        },
+        children: "\u8B66\u544A\u63D0\u793A"
       }
-    },
-    "\u8B66\u544A\u63D0\u793A"
-  ), /* @__PURE__ */ React.createElement(
-    import_Alert.default,
-    {
-      color: "danger",
-      onClose: () => {
-        console.log("\u5173\u95ED danger alert");
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Alert.default,
+      {
+        color: "danger",
+        onClose: () => {
+          console.log("\u5173\u95ED danger alert");
+        },
+        children: "\u9519\u8BEF\u63D0\u793A"
       }
-    },
-    "\u9519\u8BEF\u63D0\u793A"
-  ));
+    )
+  ] });
 };
 const actionAlertDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Alert.default,
     {
       color: "info",
-      action: /* @__PURE__ */ React.createElement(
+      action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
           onClick: () => {
             console.log("\u6267\u884C\u64CD\u4F5C");
-          }
-        },
-        "\u6267\u884C\u64CD\u4F5C"
+          },
+          children: "\u6267\u884C\u64CD\u4F5C"
+        }
       ),
       onClose: () => {
         console.log("\u5173\u95ED alert");
-      }
-    },
-    "\u8FD9\u662F\u4E00\u4E2A\u5E26\u64CD\u4F5C\u6309\u94AE\u7684 Alert \u7EC4\u4EF6"
-  ));
+      },
+      children: "\u8FD9\u662F\u4E00\u4E2A\u5E26\u64CD\u4F5C\u6309\u94AE\u7684 Alert \u7EC4\u4EF6"
+    }
+  ) });
 };
 const complexInteractionAlertDemo = () => {
   const ComplexInteractionAlertDemo = () => {
     const [showAlert, setShowAlert] = React.useState(true);
     if (!showAlert) {
-      return /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => setShowAlert(true) }, "\u91CD\u65B0\u663E\u793A Alert");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => setShowAlert(true), children: "\u91CD\u65B0\u663E\u793A Alert" });
     }
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Alert.default,
       {
         color: "warning",
         onClose: () => {
           setShowAlert(false);
-        }
-      },
-      "\u8FD9\u662F\u4E00\u4E2A\u53EF\u4EE5\u5173\u95ED\u7684 Alert \u7EC4\u4EF6\uFF0C\u5173\u95ED\u540E\u4F1A\u663E\u793A\u91CD\u65B0\u663E\u793A\u6309\u94AE"
-    ));
+        },
+        children: "\u8FD9\u662F\u4E00\u4E2A\u53EF\u4EE5\u5173\u95ED\u7684 Alert \u7EC4\u4EF6\uFF0C\u5173\u95ED\u540E\u4F1A\u663E\u793A\u91CD\u65B0\u663E\u793A\u6309\u94AE"
+      }
+    ) });
   };
-  return /* @__PURE__ */ React.createElement(ComplexInteractionAlertDemo, null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComplexInteractionAlertDemo, {});
 };
 var A11yDemos_default = {
   basicAlertDemo,

package/dist/Avatar/Avatar.d.ts

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

package/dist/Avatar/Avatar.js

@@ -59,6 +59,7 @@ __export(Avatar_exports, {
   default: () => Avatar_default
 });
 module.exports = __toCommonJS(Avatar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_Image = __toESM(require("../Image"));
@@ -94,7 +95,7 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "placeholder",
     "ImageProps"
   ]);
-  const AvatarImg = src ? /* @__PURE__ */ React.createElement(
+  const AvatarImg = src ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Image.default,
     __spreadProps(__spreadValues({
       src,
@@ -105,14 +106,14 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
       onError,
       onLoad
     }, ImageProps), {
-      className: (0, import_clsx.default)(ImageProps == null ? void 0 : ImageProps.className, `${prefixCls}-img`)
-    }),
-    children
+      className: (0, import_clsx.default)(ImageProps == null ? void 0 : ImageProps.className, `${prefixCls}-img`),
+      children
+    })
   ) : null;
-  const createElement = (element) => element ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-children` }, element) : null;
-  return /* @__PURE__ */ React.createElement(
+  const createElement = (element) => element ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-children`, children: element }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(
         prefixCls,
         className,
@@ -121,8 +122,9 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
       ),
       onClick,
       ref
-    }, others),
-    createElement(children) || AvatarImg
+    }, others), {
+      children: createElement(children) || AvatarImg
+    })
   );
 });
 Avatar.displayName = "BuiAvatar";

package/dist/Avatar/AvatarGroup.d.ts

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

package/dist/Avatar/AvatarGroup.js

@@ -59,6 +59,7 @@ __export(AvatarGroup_exports, {
   default: () => AvatarGroup_default
 });
 module.exports = __toCommonJS(AvatarGroup_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_Avatar = __toESM(require("./Avatar"));
@@ -93,20 +94,23 @@ const AvatarGroup = /* @__PURE__ */ import_react.default.forwardRef(
         return null;
       const zIndex = orientation === "right" ? -index + avatarChildrenCount : index;
       if (maxCount && index === Number(maxCount)) {
-        return /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_Avatar.default,
           {
             variant,
             size,
             className: `${prefixCls}-extra`,
             style: { marginLeft: `-${spacing}`, zIndex },
-            onClick
-          },
-          `+${extraAvatarNum}`
+            onClick,
+            children: `+${extraAvatarNum}`
+          }
         );
       }
       const childStyle = {
-        className: (0, import_clsx.default)(`${prefixCls}-avatar`, (_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.className),
+        className: (0, import_clsx.default)(
+          `${prefixCls}-avatar`,
+          (_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.className
+        ),
         style: __spreadProps(__spreadValues({}, (_b = child == null ? void 0 : child.props) == null ? void 0 : _b.style), {
           marginLeft: `-${spacing}`,
           zIndex
@@ -116,7 +120,7 @@ const AvatarGroup = /* @__PURE__ */ import_react.default.forwardRef(
       };
       return import_react.default.isValidElement(child) ? (0, import_react.cloneElement)(child, __spreadValues({}, childStyle)) : child;
     }) : "";
-    return AvatarGroupItem ? /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), AvatarGroupItem) : null;
+    return AvatarGroupItem ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), { children: AvatarGroupItem })) : null;
   }
 );
 AvatarGroup.displayName = "BuiAvatarGroup";

package/dist/Backdrop/Backdrop.d.ts

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