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

package/es/Calendar/Calendar.js

@@ -29,6 +29,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
 import React, { useMemo, useState, useRef } from "react";
 import clsx from "clsx";
 import dayjs from "dayjs";
@@ -127,14 +129,14 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
     const isMinMonth = dayjs(minDate).isSame(renderMonth, "month");
     const isMaxMonth = dayjs(maxDate).isSame(renderMonth, "month");
     const headerBarIcon = {
-      left: headerBarLeftIcon ? headerBarLeftIcon({ isMinMonth }) : /* @__PURE__ */ React.createElement(
+      left: headerBarLeftIcon ? headerBarLeftIcon({ isMinMonth }) : /* @__PURE__ */ jsx(
         CaretLeftIcon,
         {
           className: `${classes.handler}-btn-icon`,
           htmlColor: isMinMonth && "var(--bui-color-fg-disabled)"
         }
       ),
-      right: headerBarRightIcon ? headerBarRightIcon({ isMaxMonth }) : /* @__PURE__ */ React.createElement(
+      right: headerBarRightIcon ? headerBarRightIcon({ isMaxMonth }) : /* @__PURE__ */ jsx(
         CaretRightIcon,
         {
           className: `${classes.handler}-btn-icon`,
@@ -226,7 +228,7 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
     };
     const defaultDateRender = (ins) => {
       const dayClassName = getDayClassName(ins);
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(
@@ -235,9 +237,9 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
             dayClassName
           ),
           "aria-disabled": ins == null ? void 0 : ins.disabled,
-          "aria-current": dayjs(ins.day).isSame(dayjs(), "day") ? "date" : void 0
-        },
-        ins.day && dayjs(ins.day).format("D")
+          "aria-current": dayjs(ins.day).isSame(dayjs(), "day") ? "date" : void 0,
+          children: ins.day && dayjs(ins.day).format("D")
+        }
       );
     };
     const onClickDay = (e, ins) => {
@@ -267,19 +269,19 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
       return days.map((ins, index) => {
         const dayStr = dayjs(ins.day).format("YYYYMMDD");
         const isSelected = selectedStartDate && isSame(selectedStartDate, ins.day) || selectedEndDate && isSame(selectedEndDate, ins.day);
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsx(
           "div",
           {
             className: clsx(`${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}`
         );
       });
     };
@@ -313,16 +315,16 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
     };
     const renderMonthDate = () => {
       const hasSlideDirection = !!slideDirection.current;
-      const monthDateDom = /* @__PURE__ */ React.createElement(
+      const monthDateDom = /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(`${classes.root}-month`, {
             "enable-transition": enableTransition,
             visible: enableTransition && !hasSlideDirection
           }),
-          "aria-label": "date select"
-        },
-        renderDayList()
+          "aria-label": "date select",
+          children: renderDayList()
+        }
       );
       if (!enableTransition) {
         return monthDateDom;
@@ -334,7 +336,7 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
         enterActive: hasSlideDirection && "slide-active",
         enterDone: "slide-enter-done"
       };
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         TransitionGroup,
         {
           className: clsx(`${classes.root}-transition-group`),
@@ -342,25 +344,25 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
             return React.cloneElement(element, {
               classNames: transitionClasses
             });
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          CSSTransition,
-          __spreadProps(__spreadValues({
-            timeout: 300
-          }, CSSTransitionProps), {
-            in: true,
-            appear: hasSlideDirection,
-            mountOnEnter: true,
-            unmountOnExit: true,
-            key: renderMonth.toString(),
-            classNames: transitionClasses
-          }),
-          monthDateDom
-        )
+          },
+          children: /* @__PURE__ */ createElement(
+            CSSTransition,
+            __spreadProps(__spreadValues({
+              timeout: 300
+            }, CSSTransitionProps), {
+              in: true,
+              appear: hasSlideDirection,
+              mountOnEnter: true,
+              unmountOnExit: true,
+              key: renderMonth.toString(),
+              classNames: transitionClasses
+            }),
+            monthDateDom
+          )
+        }
       );
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         ref,
@@ -371,33 +373,39 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
         "data-mode": mode
       }), data), {
         role: "application",
-        "aria-label": "Calendar"
-      }),
-      !headerVisible && /* @__PURE__ */ React.createElement("div", { className: classes.handler }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          role: "button",
-          onClick: onClickPrev,
-          className: `${classes.handler}-btn`,
-          "aria-label": "prev month",
-          tabIndex: 0
-        },
-        headerBarIcon.left
-      ), /* @__PURE__ */ React.createElement("div", { className: `${classes.handler}-text`, "aria-live": "polite" }, dayjs(renderMonth).format(headerBarFormat)), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          role: "button",
-          onClick: onClickNext,
-          className: `${classes.handler}-btn`,
-          "aria-label": "next month",
-          tabIndex: 0
-        },
-        headerBarIcon.right
-      )),
-      /* @__PURE__ */ React.createElement("div", { className: classes.week }, SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w, idx) => {
-        return weekRender ? weekRender(w) : /* @__PURE__ */ React.createElement("div", { key: w, className: `${classes.week}-item` }, w);
-      })),
-      renderMonthDate()
+        "aria-label": "Calendar",
+        children: [
+          !headerVisible && /* @__PURE__ */ jsxs("div", { className: classes.handler, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "button",
+                onClick: onClickPrev,
+                className: `${classes.handler}-btn`,
+                "aria-label": "prev month",
+                tabIndex: 0,
+                children: headerBarIcon.left
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: `${classes.handler}-text`, "aria-live": "polite", children: dayjs(renderMonth).format(headerBarFormat) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "button",
+                onClick: onClickNext,
+                className: `${classes.handler}-btn`,
+                "aria-label": "next month",
+                tabIndex: 0,
+                children: headerBarIcon.right
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: classes.week, children: SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w, idx) => {
+            return weekRender ? weekRender(w) : /* @__PURE__ */ jsx("div", { className: `${classes.week}-item`, children: w }, w);
+          }) }),
+          renderMonthDate()
+        ]
+      })
     );
   }
 );

package/es/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/es/Calendar/__tests__/fixtures/A11yDemos.js

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import Calendar from "../../Calendar";
 const CalendarDemo = () => {
-  return /* @__PURE__ */ React.createElement(Calendar, null);
+  return /* @__PURE__ */ jsx(Calendar, {});
 };
 export {
   CalendarDemo

package/es/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/es/Card/Card.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,20 +29,22 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import "./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__ */ jsx(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: clsx(prefixCls, className),
       onClick,
       ref
-    }, others),
-    children
+    }, others), {
+      children
+    })
   );
 });
 Card.displayName = "BuiCard";

package/es/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/es/Card/CardContent.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 "./CardContent.css";
@@ -33,7 +37,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: clsx(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ className: clsx(prefixCls, className), ref }, others), { children }));
   }
 );
 CardContent.displayName = "BuiCardContent";

package/es/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/es/Card/CardFooter.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 "./CardFooter.css";
@@ -33,7 +37,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: clsx(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ className: clsx(prefixCls, className), ref }, others), { children }));
   }
 );
 CardFooter.displayName = "BuiCardFooter";

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

package/es/Card/CardHeader.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";
@@ -36,27 +40,30 @@ const CardHeader = /* @__PURE__ */ React.forwardRef(
     const _a = props, { title, subtitle, className, extra, endIcon, onClick } = _a, others = __objRest(_a, ["title", "subtitle", "className", "extra", "endIcon", "onClick"]);
     const chevron = (() => {
       if (typeof endIcon === "boolean") {
-        return endIcon ? /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small", color: "disabled" }) : null;
+        return endIcon ? /* @__PURE__ */ jsx(ArrowForwardIcon, { size: "small", color: "disabled" }) : null;
       }
       if (React.isValidElement(endIcon)) {
         return endIcon;
       }
       if (onClick) {
-        return /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small", color: "disabled" });
+        return /* @__PURE__ */ jsx(ArrowForwardIcon, { size: "small", color: "disabled" });
       }
       return null;
     })();
-    return title || subtitle ? /* @__PURE__ */ React.createElement(
+    return title || subtitle ? /* @__PURE__ */ jsxs(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(prefixCls, className),
         onClick,
         ref
-      }, others),
-      title && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-title` }, title),
-      subtitle && /* @__PURE__ */ React.createElement("div", { className: clsx(`${prefixCls}-subtitle`) }, subtitle),
-      extra && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-extra` }, extra),
-      chevron && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-end-icon` }, chevron)
+      }, others), {
+        children: [
+          title && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-title`, children: title }),
+          subtitle && /* @__PURE__ */ jsx("div", { className: clsx(`${prefixCls}-subtitle`), children: subtitle }),
+          extra && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-extra`, children: extra }),
+          chevron && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-end-icon`, children: chevron })
+        ]
+      })
     ) : null;
   }
 );

package/es/Checkbox/Checkbox.d.ts

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

package/es/Checkbox/Checkbox.js

@@ -29,10 +29,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { CircleOutlinedIcon, SuccessCircleFilledIcon } from "@bifrostui/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  NotCheckedCircleOutlinedIcon,
+  SuccessCircleFilledIcon
+} from "@bifrostui/icons-pioneer";
 import { useValue } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { forwardRef, useContext } from "react";
+import { forwardRef, useContext } from "react";
 import CheckboxContext from "./CheckboxContext";
 import "./index.css";
 const prefixCls = "bui-checkbox";
@@ -82,8 +86,8 @@ const Checkbox = forwardRef((props, ref) => {
   if (groupContext && !value) {
     console.error("CheckboxGroup\u6A21\u5F0F\u4E0BCheckbox\u987B\u4F20\u5165value\u5C5E\u6027");
   }
-  const checkboxCheckIcon = checkedIcon || /* @__PURE__ */ React.createElement(SuccessCircleFilledIcon, { color: "primary" });
-  const checkboxUncheckIcon = icon || /* @__PURE__ */ React.createElement(CircleOutlinedIcon, { color: "neutral" });
+  const checkboxCheckIcon = checkedIcon || /* @__PURE__ */ jsx(SuccessCircleFilledIcon, { color: "primary" });
+  const checkboxUncheckIcon = icon || /* @__PURE__ */ jsx(NotCheckedCircleOutlinedIcon, { color: "disabled" });
   const checkboxDisabled = disabled !== void 0 ? disabled : (groupContext == null ? void 0 : groupContext.disabled) || false;
   const handleChange = (e) => {
     var _a2, _b2, _c2;
@@ -100,9 +104,9 @@ const Checkbox = forwardRef((props, ref) => {
       (_c2 = groupContext == null ? void 0 : groupContext.unselect) == null ? void 0 : _c2.call(groupContext, e, value);
     }
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: clsx(
         prefixCls,
@@ -112,23 +116,26 @@ const Checkbox = forwardRef((props, ref) => {
           [`${prefixCls}-disabled`]: checkboxDisabled
         }
       )
-    }, others),
-    /* @__PURE__ */ React.createElement(
-      "input",
-      __spreadProps(__spreadValues(__spreadValues({
-        ref: inputRef,
-        type: "checkbox",
-        value,
-        name,
-        checked: checkboxChecked,
-        disabled: checkboxDisabled
-      }, ariaProps), inputProps), {
-        onChange: handleChange,
-        className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-      })
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-icon` }, checkboxChecked ? checkboxCheckIcon : checkboxUncheckIcon),
-    children && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-label` }, children)
+    }, others), {
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          __spreadProps(__spreadValues(__spreadValues({
+            ref: inputRef,
+            type: "checkbox",
+            value,
+            name,
+            checked: checkboxChecked,
+            disabled: checkboxDisabled
+          }, ariaProps), inputProps), {
+            onChange: handleChange,
+            className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+          })
+        ),
+        /* @__PURE__ */ jsx("div", { className: `${prefixCls}-icon`, children: checkboxChecked ? checkboxCheckIcon : checkboxUncheckIcon }),
+        children && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-label`, children })
+      ]
+    })
   );
 });
 Checkbox.displayName = "BuiCheckbox";

package/es/Checkbox/CheckboxGroup.d.ts

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

package/es/Checkbox/CheckboxGroup.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,9 +29,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { useValue } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import { CheckboxContextProvider } from "./CheckboxContext";
 import "./index.css";
 const prefixCls = "bui-checkbox-group";
@@ -62,7 +66,7 @@ const CheckboxGroup = forwardRef(
       const values = groupValue.filter((item) => item !== v);
       triggerChange(e, values);
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       CheckboxContextProvider,
       {
         value: {
@@ -71,9 +75,9 @@ const CheckboxGroup = forwardRef(
           select,
           unselect,
           disabled
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), children)
+        },
+        children: /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx(prefixCls, className) }, others), { children }))
+      }
     );
   }
 );

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

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

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

@@ -1,13 +1,19 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Checkbox from "../../Checkbox";
 const basicCheckboxDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Checkbox, { checked: true }), "Checkbox"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    /* @__PURE__ */ jsx(Checkbox, { checked: true }),
+    "Checkbox"
+  ] }) });
 };
 const disabledCheckboxDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Checkbox, { disabled: true }), "Checkbox"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    /* @__PURE__ */ jsx(Checkbox, { disabled: true }),
+    "Checkbox"
+  ] }) });
 };
 const ariaLabelCheckboxDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Checkbox, { inputProps: { "aria-label": "\u590D\u9009\u6846" } }, "Checkbox"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Checkbox, { inputProps: { "aria-label": "\u590D\u9009\u6846" }, children: "Checkbox" }) });
 };
 var A11yDemos_default = {
   basicCheckboxDemo,

package/es/Checkbox/index.css

@@ -1,11 +1,11 @@
 :root,
 page,
 xhs-page {
-  --bui-checkbox-label-color: var(--bui-color-fg-default);
-  --bui-checkbox-label-font-size: var(--bui-text-size-1);
-  --bui-checkbox-icon-font-size: var(--bui-title-size-2);
+  --bui-checkbox-label-color: var(--bui-color-fg-subtle);
+  --bui-checkbox-label-font-size: var(--bui-text-size-3);
+  --bui-checkbox-icon-font-size: var(--bui-font-size-md2);
   --bui-checkbox-disabled-opacity: 0.5;
-  --bui-checkbox-icon-padding: 5px;
+  --bui-checkbox-icon-padding: var(--bui-spacing-3);
 }
 .bui-checkbox {
   display: inline-flex;

package/es/CitySelector/CitySelector.d.ts

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