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

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

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

package/dist/CSSTransition/CSSTransition.js

@@ -59,6 +59,7 @@ __export(CSSTransition_exports, {
   default: () => CSSTransition_default
 });
 module.exports = __toCommonJS(CSSTransition_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_Transition = __toESM(require("../Transition"));
@@ -157,7 +158,7 @@ const CSSTransition = /* @__PURE__ */ import_react.default.forwardRef(
         props.onExited(node);
       }
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Transition.default,
       __spreadProps(__spreadValues({
         ref,

package/dist/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/dist/CSSTransition/demo/CSSTransitionDemo.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,21 +14,14 @@ 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 CSSTransitionDemo_exports = {};
 __export(CSSTransitionDemo_exports, {
   default: () => CSSTransitionDemo_default
 });
 module.exports = __toCommonJS(CSSTransitionDemo_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_react2 = require("@bifrostui/react");
 var import_index = require("./index.css");
 const StackDemo = () => {
@@ -43,37 +34,39 @@ const StackDemo = () => {
     exitActive: "slide-exit-active",
     exitDone: "slide-exit-done"
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       style: {
         width: "300px",
         height: "100px",
         overflow: "hidden"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_react2.Button,
-      {
-        onClick: () => {
-          setOpen((prev) => !prev);
-        },
-        style: {
-          marginBottom: "18px"
-        }
       },
-      open ? "Exit" : "Enter"
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_react2.CSSTransition,
-      {
-        in: open,
-        timeout: 300,
-        unmountOnExit: false,
-        classNames: transitionClasses
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_react2.Alert, { className: "my-node", color: "success" }, "\u8FC7\u6E21\u8FC7\u7A0B\u4E2D\u4F1A\u4FEE\u6539className")
-    )
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react2.Button,
+          {
+            onClick: () => {
+              setOpen((prev) => !prev);
+            },
+            style: {
+              marginBottom: "18px"
+            },
+            children: open ? "Exit" : "Enter"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react2.CSSTransition,
+          {
+            in: open,
+            timeout: 300,
+            unmountOnExit: false,
+            classNames: transitionClasses,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Alert, { className: "my-node", color: "success", children: "\u8FC7\u6E21\u8FC7\u7A0B\u4E2D\u4F1A\u4FEE\u6539className" })
+          }
+        )
+      ]
+    }
   );
 };
 var CSSTransitionDemo_default = StackDemo;

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

package/dist/Calendar/Calendar.js

@@ -59,7 +59,9 @@ __export(Calendar_exports, {
   default: () => Calendar_default
 });
 module.exports = __toCommonJS(Calendar_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react2 = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
@@ -80,7 +82,7 @@ const classes = {
   week: "bui-calendar-week",
   disabled: "bui-calendar-disabled"
 };
-const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
+const Calendar = import_react2.default.forwardRef(
   (props, ref) => {
     const _a = props, {
       className,
@@ -141,7 +143,7 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       minDate,
       maxDate
     );
-    const [renderMonth, setRenderMonth] = (0, import_react.useState)(() => {
+    const [renderMonth, setRenderMonth] = (0, import_react2.useState)(() => {
       const initMonth = formattedValue === void 0 ? formattedDefaultValue == null ? void 0 : formattedDefaultValue[0] : formattedValue == null ? void 0 : formattedValue[0];
       return (0, import_dayjs.default)(initMonth || minDate).toDate();
     });
@@ -150,21 +152,21 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       defaultValue: formattedDefaultValue,
       onChange
     });
-    const [selectedStartDate, selectedEndDate] = (0, import_react.useMemo)(() => {
+    const [selectedStartDate, selectedEndDate] = (0, import_react2.useMemo)(() => {
       return [calendarValue == null ? void 0 : calendarValue[0], calendarValue == null ? void 0 : calendarValue[1]];
     }, [calendarValue]);
-    const slideDirection = (0, import_react.useRef)("");
+    const slideDirection = (0, import_react2.useRef)("");
     const isMinMonth = (0, import_dayjs.default)(minDate).isSame(renderMonth, "month");
     const isMaxMonth = (0, import_dayjs.default)(maxDate).isSame(renderMonth, "month");
     const headerBarIcon = {
-      left: headerBarLeftIcon ? headerBarLeftIcon({ isMinMonth }) : /* @__PURE__ */ import_react.default.createElement(
+      left: headerBarLeftIcon ? headerBarLeftIcon({ isMinMonth }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.CaretLeftIcon,
         {
           className: `${classes.handler}-btn-icon`,
           htmlColor: isMinMonth && "var(--bui-color-fg-disabled)"
         }
       ),
-      right: headerBarRightIcon ? headerBarRightIcon({ isMaxMonth }) : /* @__PURE__ */ import_react.default.createElement(
+      right: headerBarRightIcon ? headerBarRightIcon({ isMaxMonth }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.CaretRightIcon,
         {
           className: `${classes.handler}-btn-icon`,
@@ -172,7 +174,7 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
         }
       )
     };
-    const prevValueRef = (0, import_react.useRef)(value);
+    const prevValueRef = (0, import_react2.useRef)(value);
     (0, import_utils.useDidMountEffect)(() => {
       if (!(0, import_utils2.isEqualVal)(prevValueRef.current, value)) {
         const latestDate = formattedValue == null ? void 0 : formattedValue[0];
@@ -256,7 +258,7 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
     };
     const defaultDateRender = (ins) => {
       const dayClassName = getDayClassName(ins);
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: (0, import_clsx.default)(
@@ -265,9 +267,9 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
             dayClassName
           ),
           "aria-disabled": ins == null ? void 0 : ins.disabled,
-          "aria-current": (0, import_dayjs.default)(ins.day).isSame((0, import_dayjs.default)(), "day") ? "date" : void 0
-        },
-        ins.day && (0, import_dayjs.default)(ins.day).format("D")
+          "aria-current": (0, import_dayjs.default)(ins.day).isSame((0, import_dayjs.default)(), "day") ? "date" : void 0,
+          children: ins.day && (0, import_dayjs.default)(ins.day).format("D")
+        }
       );
     };
     const onClickDay = (e, ins) => {
@@ -297,19 +299,19 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       return days.map((ins, index) => {
         const dayStr = (0, import_dayjs.default)(ins.day).format("YYYYMMDD");
         const isSelected = selectedStartDate && (0, import_utils2.isSame)(selectedStartDate, ins.day) || selectedEndDate && (0, import_utils2.isSame)(selectedEndDate, ins.day);
-        return /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
             className: (0, import_clsx.default)(`${classes.day}-box`, {
               [`${classes.root}-highlight-day`]: highlightDate === "weekend" && !ins.disabled && (index % 7 === 0 || index % 7 === 6)
             }),
-            key: `${dayStr}-${index}`,
             onClick: (e) => onClickDay(e, ins),
             "aria-selected": isSelected,
             "aria-disabled": ins.disabled,
-            tabIndex: ins.disabled ? -1 : 0
+            tabIndex: ins.disabled ? -1 : 0,
+            children: dateRender ? dateRender(ins) : defaultDateRender(ins)
           },
-          dateRender ? dateRender(ins) : defaultDateRender(ins)
+          `${dayStr}-${index}`
         );
       });
     };
@@ -343,16 +345,16 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
     };
     const renderMonthDate = () => {
       const hasSlideDirection = !!slideDirection.current;
-      const monthDateDom = /* @__PURE__ */ import_react.default.createElement(
+      const monthDateDom = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: (0, import_clsx.default)(`${classes.root}-month`, {
             "enable-transition": enableTransition,
             visible: enableTransition && !hasSlideDirection
           }),
-          "aria-label": "date select"
-        },
-        renderDayList()
+          "aria-label": "date select",
+          children: renderDayList()
+        }
       );
       if (!enableTransition) {
         return monthDateDom;
@@ -364,33 +366,33 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
         enterActive: hasSlideDirection && "slide-active",
         enterDone: "slide-enter-done"
       };
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_TransitionGroup.default,
         {
           className: (0, import_clsx.default)(`${classes.root}-transition-group`),
           childFactory: (element) => {
-            return import_react.default.cloneElement(element, {
+            return import_react2.default.cloneElement(element, {
               classNames: transitionClasses
             });
-          }
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_CSSTransition.default,
-          __spreadProps(__spreadValues({
-            timeout: 300
-          }, CSSTransitionProps), {
-            in: true,
-            appear: hasSlideDirection,
-            mountOnEnter: true,
-            unmountOnExit: true,
-            key: renderMonth.toString(),
-            classNames: transitionClasses
-          }),
-          monthDateDom
-        )
+          },
+          children: /* @__PURE__ */ (0, import_react.createElement)(
+            import_CSSTransition.default,
+            __spreadProps(__spreadValues({
+              timeout: 300
+            }, CSSTransitionProps), {
+              in: true,
+              appear: hasSlideDirection,
+              mountOnEnter: true,
+              unmountOnExit: true,
+              key: renderMonth.toString(),
+              classNames: transitionClasses
+            }),
+            monthDateDom
+          )
+        }
       );
     };
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         ref,
@@ -401,33 +403,39 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
         "data-mode": mode
       }), data), {
         role: "application",
-        "aria-label": "Calendar"
-      }),
-      !headerVisible && /* @__PURE__ */ import_react.default.createElement("div", { className: classes.handler }, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          role: "button",
-          onClick: onClickPrev,
-          className: `${classes.handler}-btn`,
-          "aria-label": "prev month",
-          tabIndex: 0
-        },
-        headerBarIcon.left
-      ), /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.handler}-text`, "aria-live": "polite" }, (0, import_dayjs.default)(renderMonth).format(headerBarFormat)), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          role: "button",
-          onClick: onClickNext,
-          className: `${classes.handler}-btn`,
-          "aria-label": "next month",
-          tabIndex: 0
-        },
-        headerBarIcon.right
-      )),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: classes.week }, SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w, idx) => {
-        return weekRender ? weekRender(w) : /* @__PURE__ */ import_react.default.createElement("div", { key: w, className: `${classes.week}-item` }, w);
-      })),
-      renderMonthDate()
+        "aria-label": "Calendar",
+        children: [
+          !headerVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: classes.handler, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                role: "button",
+                onClick: onClickPrev,
+                className: `${classes.handler}-btn`,
+                "aria-label": "prev month",
+                tabIndex: 0,
+                children: headerBarIcon.left
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classes.handler}-text`, "aria-live": "polite", children: (0, import_dayjs.default)(renderMonth).format(headerBarFormat) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                role: "button",
+                onClick: onClickNext,
+                className: `${classes.handler}-btn`,
+                "aria-label": "next month",
+                tabIndex: 0,
+                children: headerBarIcon.right
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: classes.week, children: SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w, idx) => {
+            return weekRender ? weekRender(w) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classes.week}-item`, children: w }, w);
+          }) }),
+          renderMonthDate()
+        ]
+      })
     );
   }
 );

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

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare const CalendarDemo: () => React.JSX.Element;
+export declare const CalendarDemo: () => import("react/jsx-runtime").JSX.Element;

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

@@ -30,10 +30,10 @@ __export(A11yDemos_exports, {
   CalendarDemo: () => CalendarDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Calendar = __toESM(require("../../Calendar"));
 const CalendarDemo = () => {
-  return /* @__PURE__ */ React.createElement(import_Calendar.default, null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Calendar.default, {});
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/Card/Card.d.ts

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

package/dist/Card/Card.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,20 +59,22 @@ __export(Card_exports, {
   default: () => Card_default
 });
 module.exports = __toCommonJS(Card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_Card2 = require("./Card.css");
 const prefixCls = "bui-card";
 const Card = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, { className, onClick, children } = _a, others = __objRest(_a, ["className", "onClick", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_clsx.default)(prefixCls, className),
       onClick,
       ref
-    }, others),
-    children
+    }, others), {
+      children
+    })
   );
 });
 Card.displayName = "BuiCard";

package/dist/Card/CardContent.d.ts

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

package/dist/Card/CardContent.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(CardContent_exports, {
   default: () => CardContent_default
 });
 module.exports = __toCommonJS(CardContent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_CardContent2 = require("./CardContent.css");
@@ -63,7 +67,7 @@ const prefixCls = "bui-card-content";
 const CardContent = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, { className, children } = _a, others = __objRest(_a, ["className", "children"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), { children }));
   }
 );
 CardContent.displayName = "BuiCardContent";

package/dist/Card/CardFooter.d.ts

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

package/dist/Card/CardFooter.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(CardFooter_exports, {
   default: () => CardFooter_default
 });
 module.exports = __toCommonJS(CardFooter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_CardFooter2 = require("./CardFooter.css");
@@ -63,7 +67,7 @@ const prefixCls = "bui-card-footer";
 const CardFooter = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, { className, children } = _a, others = __objRest(_a, ["className", "children"]);
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), { children }));
   }
 );
 CardFooter.displayName = "BuiCardFooter";

package/dist/Card/CardHeader.d.ts

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