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

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

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

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

@@ -1,28 +1,46 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Input from "../../Input";
 const basicInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name: ", /* @__PURE__ */ React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    "First name: ",
+    /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })
+  ] }) });
 };
 const disabledInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", disabled: true })));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    "First name:",
+    /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", disabled: true })
+  ] }) });
 };
 const requiredInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { required: true } })));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    "First name:",
+    /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { required: true } })
+  ] }) });
 };
 const readOnlyInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { readOnly: true } })));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    "First name:",
+    /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { readOnly: true } })
+  ] }) });
 };
 const placeholderInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    "First name:",
+    /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })
+  ] }) });
 };
 const ariaLabelInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(
-    Input,
-    {
-      placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
-      inputProps: { "aria-label": "\u8F93\u5165\u6846" }
-    }
-  )));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    "First name:",
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
+        inputProps: { "aria-label": "\u8F93\u5165\u6846" }
+      }
+    )
+  ] }) });
 };
 var A11yDemos_default = {
   basicInputDemo,

package/es/ItemSelector/ItemSelector.d.ts

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

package/es/ItemSelector/ItemSelector.js

@@ -17,6 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import React, { useEffect, useState } from "react";
 import ItemSelectorCore from "./ItemSelectorCore";
 const ItemSelector = /* @__PURE__ */ React.forwardRef(
@@ -40,7 +41,7 @@ const ItemSelector = /* @__PURE__ */ React.forwardRef(
       const domHeight = (_a = document.querySelector(".bui-item-selector-scroll-view-container")) == null ? void 0 : _a.getBoundingClientRect().height;
       setHeight(`${domHeight / screenHeight * 100}vh`);
     }, [items]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ItemSelectorCore,
       __spreadProps(__spreadValues({}, props), {
         ref,

package/es/ItemSelector/ItemSelector.miniapp.d.ts

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

package/es/ItemSelector/ItemSelector.miniapp.js

@@ -17,6 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef, useState } from "react";
 import Taro from "@tarojs/taro";
 import ItemSelectorCore from "./ItemSelectorCore";
@@ -82,7 +83,7 @@ const ItemSelector = /* @__PURE__ */ React.forwardRef(
         pxToCode(clientY, scrollToCode, codeGroup);
       });
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       ItemSelectorCore,
       __spreadProps(__spreadValues({}, props), {
         ref,

package/es/ItemSelector/ItemSelectorCore.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, jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef } from "react";
 import clsx from "clsx";
 import { throttle, useForkRef, useTouchEmulator } from "@bifrostui/utils";
@@ -66,13 +70,13 @@ const ItemSelector = /* @__PURE__ */ React.forwardRef(
     const getIdxCode = (item) => typeof item.indexCode === "string" ? item.indexCode : getIdxName(item);
     const renderTitle = (item) => {
       const title = getGroupName(item);
-      return title ? /* @__PURE__ */ React.createElement(
+      return title ? /* @__PURE__ */ jsx(
         "div",
         {
           className: "select-item-title",
-          id: disableIndex ? "" : getIdxCode(item)
-        },
-        title
+          id: disableIndex ? "" : getIdxCode(item),
+          children: title
+        }
       ) : null;
     };
     useEffect(() => {
@@ -117,70 +121,80 @@ const ItemSelector = /* @__PURE__ */ React.forwardRef(
     const closeHandler = (e) => {
       onClose == null ? void 0 : onClose(e);
     };
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: clsx(prefixCls, className), ref: nodeRef }, others), pageTitle ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-title` }, pageTitle, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-btn-close`, onClick: closeHandler }, "\u2715")) : null, /* @__PURE__ */ React.createElement(
-      ScrollView,
-      {
-        scrollIntoView: targetId,
-        scrollY: true,
-        className: clsx(`${prefixCls}-scroll-view-container tph`, {
-          "container-has-title": pageTitle
-        }),
-        onScroll: scrollHandler
-      },
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-all-item` }, (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-list-container` }, items.map((item, itemGroupIndex) => {
-        if (!(item == null ? void 0 : item.groupName))
-          return null;
-        return /* @__PURE__ */ React.createElement("div", { key: itemGroupIndex }, renderTitle(item), item.isFlat ? /* @__PURE__ */ React.createElement("div", { className: "select-item-buttons" }, item.items.map((it, index) => {
-          return /* @__PURE__ */ React.createElement(
-            Selector,
-            {
-              key: index,
-              item: it,
-              onSelect: (e) => {
-                onSelect(e, { item: it, group: item });
-              }
-            }
-          );
-        })) : /* @__PURE__ */ React.createElement("ul", { className: `${prefixCls}-list` }, item.items.map((it, itemIndex) => {
-          return /* @__PURE__ */ React.createElement(
-            "li",
-            {
-              className: `${prefixCls}-list-item`,
-              key: itemIndex,
-              onClick: (e) => {
-                onSelect(e, { item: it, group: item });
-              }
-            },
-            it.name
-          );
-        })));
-      })) : null)
-    ), (codeGroup == null ? void 0 : codeGroup.length) > 0 && height ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx(`${prefixCls}-index-container`, {
-          "left-in": codeShow,
-          "item-index-has-title": pageTitle
-        })
-      },
-      /* @__PURE__ */ React.createElement("ul", { onTouchMove: touchCbk, className: `${prefixCls}-index-list` }, codeGroup.map((item, idx) => {
-        return item.name ? /* @__PURE__ */ React.createElement(
-          "li",
-          {
-            className: `${prefixCls}-index-item`,
-            key: idx,
-            "data-code": item.code,
-            onClick: () => {
-              codeClickHandler(item.code);
-            },
-            style: {
-              maxHeight: `calc((${height} - ${DEVIATION_HEIGHT}) / ${codeGroup.length})`
-            }
-          },
-          item.name
-        ) : null;
-      }))
-    ) : null);
+    return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ className: clsx(prefixCls, className), ref: nodeRef }, others), { children: [
+      pageTitle ? /* @__PURE__ */ jsxs("div", { className: `${prefixCls}-title`, children: [
+        pageTitle,
+        /* @__PURE__ */ jsx("div", { className: `${prefixCls}-btn-close`, onClick: closeHandler, children: "\u2715" })
+      ] }) : null,
+      /* @__PURE__ */ jsx(
+        ScrollView,
+        {
+          scrollIntoView: targetId,
+          scrollY: true,
+          className: clsx(`${prefixCls}-scroll-view-container tph`, {
+            "container-has-title": pageTitle
+          }),
+          onScroll: scrollHandler,
+          children: /* @__PURE__ */ jsx("div", { className: `${prefixCls}-all-item`, children: (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ jsx("div", { className: `${prefixCls}-list-container`, children: items.map((item, itemGroupIndex) => {
+            if (!(item == null ? void 0 : item.groupName))
+              return null;
+            return /* @__PURE__ */ jsxs("div", { children: [
+              renderTitle(item),
+              item.isFlat ? /* @__PURE__ */ jsx("div", { className: "select-item-buttons", children: item.items.map((it, index) => {
+                return /* @__PURE__ */ jsx(
+                  Selector,
+                  {
+                    item: it,
+                    onSelect: (e) => {
+                      onSelect(e, { item: it, group: item });
+                    }
+                  },
+                  index
+                );
+              }) }) : /* @__PURE__ */ jsx("ul", { className: `${prefixCls}-list`, children: item.items.map((it, itemIndex) => {
+                return /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    className: `${prefixCls}-list-item`,
+                    onClick: (e) => {
+                      onSelect(e, { item: it, group: item });
+                    },
+                    children: it.name
+                  },
+                  itemIndex
+                );
+              }) })
+            ] }, itemGroupIndex);
+          }) }) : null })
+        }
+      ),
+      (codeGroup == null ? void 0 : codeGroup.length) > 0 && height ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: clsx(`${prefixCls}-index-container`, {
+            "left-in": codeShow,
+            "item-index-has-title": pageTitle
+          }),
+          children: /* @__PURE__ */ jsx("ul", { onTouchMove: touchCbk, className: `${prefixCls}-index-list`, children: codeGroup.map((item, idx) => {
+            return item.name ? /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: `${prefixCls}-index-item`,
+                "data-code": item.code,
+                onClick: () => {
+                  codeClickHandler(item.code);
+                },
+                style: {
+                  maxHeight: `calc((${height} - ${DEVIATION_HEIGHT}) / ${codeGroup.length})`
+                },
+                children: item.name
+              },
+              idx
+            ) : null;
+          }) })
+        }
+      ) : null
+    ] }));
   }
 );
 ItemSelector.displayName = "BuiItemSelector";

package/es/ItemSelector/Selector/index.d.ts

@@ -5,5 +5,5 @@ type propsType = {
     item: itemType;
     onSelect: (e: React.SyntheticEvent, item: itemType) => void;
 };
-declare const Selector: (props: propsType) => React.JSX.Element;
+declare const Selector: (props: propsType) => import("react/jsx-runtime").JSX.Element;
 export default Selector;

package/es/ItemSelector/Selector/index.js

@@ -1,16 +1,16 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import "./index.css";
 const Selector = (props) => {
   const { item, onSelect } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       className: "bui-item-selector-item",
       onClick: (e) => {
         onSelect == null ? void 0 : onSelect(e, item);
-      }
-    },
-    item.name
+      },
+      children: item.name
+    }
   );
 };
 var Selector_default = Selector;

package/es/List/List.d.ts

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

package/es/List/List.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, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import ListContext from "./ListContext";
@@ -54,16 +58,19 @@ const List = /* @__PURE__ */ React.forwardRef((props, ref) => {
       hideDivider
     };
   }, [hideDivider]);
-  return /* @__PURE__ */ React.createElement(ListContext.Provider, { value: context }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(ListContext.Provider, { value: context, children: /* @__PURE__ */ jsxs(
     Component,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: clsx(prefixCls, className, `${prefixCls}-${size}`),
       ref
-    }, others),
-    header,
-    subheader,
-    children
-  ));
+    }, others), {
+      children: [
+        header,
+        subheader,
+        children
+      ]
+    })
+  ) });
 });
 List.displayName = "BuiList";
 var List_default = List;

package/es/List/ListItem.d.ts

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

package/es/List/ListItem.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, jsxs } from "react/jsx-runtime";
 import { ArrowForwardIcon } from "@bifrostui/icons";
 import clsx from "clsx";
 import * as React from "react";
@@ -54,25 +58,28 @@ const ListItem = /* @__PURE__ */ React.forwardRef(
     ]);
     let chevron;
     if (typeof endIcon === "boolean") {
-      chevron = endIcon && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
+      chevron = endIcon && /* @__PURE__ */ jsx(ArrowForwardIcon, { size: "small" });
     } else if (React.isValidElement(endIcon)) {
       chevron = endIcon;
     } else {
-      chevron = onClick && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
+      chevron = onClick && /* @__PURE__ */ jsx(ArrowForwardIcon, { size: "small" });
     }
     const context = React.useContext(ListContext);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       Component,
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(prefixCls, className, {
           [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
           [`${prefixCls}-disabled`]: disabled
         }),
         onClick,
         ref
-      }, others),
-      children,
-      chevron && /* @__PURE__ */ React.createElement(ListItemFooter, null, chevron)
+      }, others), {
+        children: [
+          children,
+          chevron && /* @__PURE__ */ jsx(ListItemFooter, { children: chevron })
+        ]
+      })
     );
   }
 );

package/es/List/ListItemContent.d.ts

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

package/es/List/ListItemContent.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import "./ListItemContent.css";
@@ -45,7 +49,10 @@ const ListItemContent = /* @__PURE__ */ React.forwardRef(
       "primary",
       "secondary"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children || /* @__PURE__ */ React.createElement(React.Fragment, null, primary && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-primary` }, primary), secondary && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-secondary` }, secondary)));
+    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ className: clsx(prefixCls, className), ref }, others), { children: children || /* @__PURE__ */ jsxs(Fragment, { children: [
+      primary && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-primary`, children: primary }),
+      secondary && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-secondary`, children: secondary })
+    ] }) }));
   }
 );
 ListItemContent.displayName = "BuiListItemContent";

package/es/List/ListItemExtra.d.ts

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

package/es/List/ListItemExtra.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 clsx from "clsx";
 import * as React from "react";
 import "./ListItemExtra.css";
@@ -41,7 +45,7 @@ const ListItemExtra = /* @__PURE__ */ React.forwardRef(
       "className",
       "component"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ className: clsx(prefixCls, className), ref }, others), { children }));
   }
 );
 ListItemExtra.displayName = "BuiListItemExtra";

package/es/List/ListItemFooter.d.ts

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

package/es/List/ListItemFooter.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 clsx from "clsx";
 import * as React from "react";
 import "./ListItemFooter.css";
@@ -41,7 +45,7 @@ const ListItemFooter = /* @__PURE__ */ React.forwardRef(
       "className",
       "component"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ className: clsx(prefixCls, className), ref }, others), { children }));
   }
 );
 ListItemFooter.displayName = "BuiListItemFooter";

package/es/List/ListItemHeader.d.ts

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