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

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

@@ -36,31 +36,49 @@ __export(A11yDemos_exports, {
   requiredInputDemo: () => requiredInputDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Input = __toESM(require("../../Input"));
 const basicInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name: ", /* @__PURE__ */ React.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    "First name: ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })
+  ] }) });
 };
 const disabledInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", disabled: true })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    "First name:",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.default, { 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(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { required: true } })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    "First name:",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.default, { 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(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", inputProps: { readOnly: true } })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    "First name:",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.default, { 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(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    "First name:",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Input.default, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" })
+  ] }) });
 };
 const ariaLabelInputDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, "First name:", /* @__PURE__ */ React.createElement(
-    import_Input.default,
-    {
-      placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
-      inputProps: { "aria-label": "\u8F93\u5165\u6846" }
-    }
-  )));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+    "First name:",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Input.default,
+      {
+        placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
+        inputProps: { "aria-label": "\u8F93\u5165\u6846" }
+      }
+    )
+  ] }) });
 };
 var A11yDemos_default = {
   basicInputDemo,

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

@@ -47,6 +47,7 @@ __export(ItemSelector_exports, {
   default: () => ItemSelector_default
 });
 module.exports = __toCommonJS(ItemSelector_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ItemSelectorCore = __toESM(require("./ItemSelectorCore"));
 const ItemSelector = /* @__PURE__ */ import_react.default.forwardRef(
@@ -70,7 +71,7 @@ const ItemSelector = /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_ItemSelectorCore.default,
       __spreadProps(__spreadValues({}, props), {
         ref,

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

@@ -47,6 +47,7 @@ __export(ItemSelector_miniapp_exports, {
   default: () => ItemSelector_miniapp_default
 });
 module.exports = __toCommonJS(ItemSelector_miniapp_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_taro = __toESM(require("@tarojs/taro"));
 var import_ItemSelectorCore = __toESM(require("./ItemSelectorCore"));
@@ -112,7 +113,7 @@ const ItemSelector = /* @__PURE__ */ import_react.default.forwardRef(
         pxToCode(clientY, scrollToCode, codeGroup);
       });
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_ItemSelectorCore.default,
       __spreadProps(__spreadValues({}, props), {
         ref,

package/dist/ItemSelector/ItemSelectorCore.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(ItemSelectorCore_exports, {
   default: () => ItemSelectorCore_default
 });
 module.exports = __toCommonJS(ItemSelectorCore_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
@@ -96,13 +100,13 @@ const ItemSelector = /* @__PURE__ */ import_react.default.forwardRef(
     const getIdxCode = (item) => typeof item.indexCode === "string" ? item.indexCode : getIdxName(item);
     const renderTitle = (item) => {
       const title = getGroupName(item);
-      return title ? /* @__PURE__ */ import_react.default.createElement(
+      return title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: "select-item-title",
-          id: disableIndex ? "" : getIdxCode(item)
-        },
-        title
+          id: disableIndex ? "" : getIdxCode(item),
+          children: title
+        }
       ) : null;
     };
     (0, import_react.useEffect)(() => {
@@ -147,70 +151,80 @@ const ItemSelector = /* @__PURE__ */ import_react.default.forwardRef(
     const closeHandler = (e) => {
       onClose == null ? void 0 : onClose(e);
     };
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref: nodeRef }, others), pageTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, pageTitle, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-btn-close`, onClick: closeHandler }, "\u2715")) : null, /* @__PURE__ */ import_react.default.createElement(
-      import_ScrollView.default,
-      {
-        scrollIntoView: targetId,
-        scrollY: true,
-        className: (0, import_clsx.default)(`${prefixCls}-scroll-view-container tph`, {
-          "container-has-title": pageTitle
-        }),
-        onScroll: scrollHandler
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-all-item` }, (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-list-container` }, items.map((item, itemGroupIndex) => {
-        if (!(item == null ? void 0 : item.groupName))
-          return null;
-        return /* @__PURE__ */ import_react.default.createElement("div", { key: itemGroupIndex }, renderTitle(item), item.isFlat ? /* @__PURE__ */ import_react.default.createElement("div", { className: "select-item-buttons" }, item.items.map((it, index) => {
-          return /* @__PURE__ */ import_react.default.createElement(
-            import_Selector.default,
-            {
-              key: index,
-              item: it,
-              onSelect: (e) => {
-                onSelect(e, { item: it, group: item });
-              }
-            }
-          );
-        })) : /* @__PURE__ */ import_react.default.createElement("ul", { className: `${prefixCls}-list` }, item.items.map((it, itemIndex) => {
-          return /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-index-container`, {
-          "left-in": codeShow,
-          "item-index-has-title": pageTitle
-        })
-      },
-      /* @__PURE__ */ import_react.default.createElement("ul", { onTouchMove: touchCbk, className: `${prefixCls}-index-list` }, codeGroup.map((item, idx) => {
-        return item.name ? /* @__PURE__ */ import_react.default.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__ */ (0, import_jsx_runtime.jsxs)("div", __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref: nodeRef }, others), { children: [
+      pageTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-title`, children: [
+        pageTitle,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-btn-close`, onClick: closeHandler, children: "\u2715" })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ScrollView.default,
+        {
+          scrollIntoView: targetId,
+          scrollY: true,
+          className: (0, import_clsx.default)(`${prefixCls}-scroll-view-container tph`, {
+            "container-has-title": pageTitle
+          }),
+          onScroll: scrollHandler,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-all-item`, children: (items == null ? void 0 : items.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-list-container`, children: items.map((item, itemGroupIndex) => {
+            if (!(item == null ? void 0 : item.groupName))
+              return null;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+              renderTitle(item),
+              item.isFlat ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "select-item-buttons", children: item.items.map((it, index) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_Selector.default,
+                  {
+                    item: it,
+                    onSelect: (e) => {
+                      onSelect(e, { item: it, group: item });
+                    }
+                  },
+                  index
+                );
+              }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: `${prefixCls}-list`, children: item.items.map((it, itemIndex) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_clsx.default)(`${prefixCls}-index-container`, {
+            "left-in": codeShow,
+            "item-index-has-title": pageTitle
+          }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { onTouchMove: touchCbk, className: `${prefixCls}-index-list`, children: codeGroup.map((item, idx) => {
+            return item.name ? /* @__PURE__ */ (0, import_jsx_runtime.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/dist/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/dist/ItemSelector/Selector/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,33 +14,25 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Selector_exports = {};
 __export(Selector_exports, {
   default: () => Selector_default
 });
 module.exports = __toCommonJS(Selector_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_index = require("./index.css");
 const Selector = (props) => {
   const { item, onSelect } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.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/dist/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/dist/List/List.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(List_exports, {
   default: () => List_default
 });
 module.exports = __toCommonJS(List_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_ListContext = __toESM(require("./ListContext"));
@@ -84,16 +88,19 @@ const List = /* @__PURE__ */ React.forwardRef((props, ref) => {
       hideDivider
     };
   }, [hideDivider]);
-  return /* @__PURE__ */ React.createElement(import_ListContext.default.Provider, { value: context }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ListContext.default.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     Component,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, `${prefixCls}-${size}`),
       ref
-    }, others),
-    header,
-    subheader,
-    children
-  ));
+    }, others), {
+      children: [
+        header,
+        subheader,
+        children
+      ]
+    })
+  ) });
 });
 List.displayName = "BuiList";
 var List_default = List;

package/dist/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/dist/List/ListItem.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(ListItem_exports, {
   default: () => ListItem_default
 });
 module.exports = __toCommonJS(ListItem_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"));
@@ -84,25 +88,28 @@ const ListItem = /* @__PURE__ */ React.forwardRef(
     ]);
     let chevron;
     if (typeof endIcon === "boolean") {
-      chevron = endIcon && /* @__PURE__ */ React.createElement(import_icons.ArrowForwardIcon, { size: "small" });
+      chevron = endIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowForwardIcon, { size: "small" });
     } else if (React.isValidElement(endIcon)) {
       chevron = endIcon;
     } else {
-      chevron = onClick && /* @__PURE__ */ React.createElement(import_icons.ArrowForwardIcon, { size: "small" });
+      chevron = onClick && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowForwardIcon, { size: "small" });
     }
     const context = React.useContext(import_ListContext.default);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       Component,
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(prefixCls, className, {
           [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
           [`${prefixCls}-disabled`]: disabled
         }),
         onClick,
         ref
-      }, others),
-      children,
-      chevron && /* @__PURE__ */ React.createElement(import_ListItemFooter.default, null, chevron)
+      }, others), {
+        children: [
+          children,
+          chevron && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ListItemFooter.default, { children: chevron })
+        ]
+      })
     );
   }
 );

package/dist/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/dist/List/ListItemContent.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(ListItemContent_exports, {
   default: () => ListItemContent_default
 });
 module.exports = __toCommonJS(ListItemContent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_ListItemContent2 = require("./ListItemContent.css");
@@ -75,7 +79,10 @@ const ListItemContent = /* @__PURE__ */ React.forwardRef(
       "primary",
       "secondary"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(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__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), { children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      primary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-primary`, children: primary }),
+      secondary && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-secondary`, children: secondary })
+    ] }) }));
   }
 );
 ListItemContent.displayName = "BuiListItemContent";

package/dist/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/dist/List/ListItemExtra.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(ListItemExtra_exports, {
   default: () => ListItemExtra_default
 });
 module.exports = __toCommonJS(ListItemExtra_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_ListItemExtra2 = require("./ListItemExtra.css");
@@ -71,7 +75,7 @@ const ListItemExtra = /* @__PURE__ */ React.forwardRef(
       "className",
       "component"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), { children }));
   }
 );
 ListItemExtra.displayName = "BuiListItemExtra";

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