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

package/dist/Collapse/Collapse.js

@@ -59,6 +59,7 @@ __export(Collapse_exports, {
   default: () => Collapse_default
 });
 module.exports = __toCommonJS(Collapse_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
@@ -116,63 +117,63 @@ const Collapse = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   }, [appear, inProp]);
   if (!children)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Transition.Transition,
     __spreadProps(__spreadValues({}, other), {
       in: inProp,
       timeout,
       delay,
-      appear
-    }),
-    (state, childProps) => {
-      var _a2;
-      const transition = state === "entering" || state === "exiting" ? transitions.create(
-        size,
-        (0, import_utils.getTransitionProps)(
-          { timeout, style, easing: easingProp, delay },
-          {
-            mode: state
+      appear,
+      children: (state, childProps) => {
+        var _a2;
+        const transition = state === "entering" || state === "exiting" ? transitions.create(
+          size,
+          (0, import_utils.getTransitionProps)(
+            { timeout, style, easing: easingProp, delay },
+            {
+              mode: state
+            }
+          )
+        ) : "none";
+        const wrapperSize = () => {
+          var _a3, _b;
+          let collapseWrapperSize = collapsedSize;
+          if (inProp && state === "entered") {
+            collapseWrapperSize = "auto";
+          } else if (state === "entering" || state === "entered") {
+            collapseWrapperSize = getCollapseWrapperSize(
+              (_b = (_a3 = wrapperRef.current) == null ? void 0 : _a3.children) == null ? void 0 : _b[0]
+            );
           }
-        )
-      ) : "none";
-      const wrapperSize = () => {
-        var _a3, _b;
-        let collapseWrapperSize = collapsedSize;
-        if (inProp && state === "entered") {
-          collapseWrapperSize = "auto";
-        } else if (state === "entering" || state === "entered") {
-          collapseWrapperSize = getCollapseWrapperSize(
-            (_b = (_a3 = wrapperRef.current) == null ? void 0 : _a3.children) == null ? void 0 : _b[0]
-          );
-        }
-        if (wrapperRef.current && state === "exiting") {
-          const _ = wrapperRef.current.offsetHeight;
-          console.log(_);
-        }
-        return isHorizontal ? {
-          width: collapseWrapperSize,
-          WebKitWidth: collapseWrapperSize
-        } : {
-          height: collapseWrapperSize,
-          WebKitHeight: collapseWrapperSize
+          if (wrapperRef.current && state === "exiting") {
+            const _ = wrapperRef.current.offsetHeight;
+            console.log(_);
+          }
+          return isHorizontal ? {
+            width: collapseWrapperSize,
+            WebKitWidth: collapseWrapperSize
+          } : {
+            height: collapseWrapperSize,
+            WebKitHeight: collapseWrapperSize
+          };
         };
-      };
-      return import_react.default.createElement(
-        "div",
-        __spreadProps(__spreadValues({
-          className: (0, import_clsx.default)("bui-collapse", className),
-          style: __spreadValues(__spreadProps(__spreadValues({}, style), {
-            transition,
-            WebkitTransition: transition
-          }), wrapperSize())
-        }, childProps), {
-          ref: collapseRef
-        }),
-        import_react.default.cloneElement(children, __spreadValues({
-          style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
-        }, childProps))
-      );
-    }
+        return import_react.default.createElement(
+          "div",
+          __spreadProps(__spreadValues({
+            className: (0, import_clsx.default)("bui-collapse", className),
+            style: __spreadValues(__spreadProps(__spreadValues({}, style), {
+              transition,
+              WebkitTransition: transition
+            }), wrapperSize())
+          }, childProps), {
+            ref: collapseRef
+          }),
+          import_react.default.cloneElement(children, __spreadValues({
+            style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
+          }, childProps))
+        );
+      }
+    })
   );
 });
 Collapse.displayName = "BuiCollapse";

package/dist/CollapsePanel/CollapsePanel.d.ts

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

package/dist/CollapsePanel/CollapsePanel.js

@@ -59,6 +59,7 @@ __export(CollapsePanel_exports, {
   default: () => CollapsePanel_default
 });
 module.exports = __toCommonJS(CollapsePanel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_icons = require("@bifrostui/icons");
@@ -110,21 +111,21 @@ const CollapsePanel = /* @__PURE__ */ React.forwardRef(
       if (arrowIcon) {
         return arrowIcon;
       }
-      return /* @__PURE__ */ React.createElement(import_icons.ArrowDownwardLargeIcon, null);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowDownwardLargeIcon, {});
     };
     const renderList = () => {
       if (Array.isArray(items)) {
         return items.map((item) => {
           const _a2 = item, { key } = _a2, otherProps = __objRest(_a2, ["key"]);
-          return /* @__PURE__ */ React.createElement(
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_CollapsePanelItem.default,
             __spreadProps(__spreadValues({
-              key,
               icon: getArrowIcon(),
               active: openKeys.includes(item.key)
             }, otherProps), {
               onClick: (e) => handleClick(e, item)
-            })
+            }),
+            key
           );
         });
       }
@@ -144,14 +145,15 @@ const CollapsePanel = /* @__PURE__ */ React.forwardRef(
     if (items == null && children == null) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(prefixCls, className),
         style,
         ref
-      }, others),
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-list` }, renderList())
+      }, others), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-list`, children: renderList() })
+      })
     );
   }
 );

package/dist/CollapsePanel/CollapsePanelItem.d.ts

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

package/dist/CollapsePanel/CollapsePanelItem.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(CollapsePanelItem_exports, {
   default: () => CollapsePanelItem_default
 });
 module.exports = __toCommonJS(CollapsePanelItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Collapse = require("../Collapse");
@@ -83,27 +87,33 @@ const CollapsePanelItem = /* @__PURE__ */ React.forwardRef(
     const getIcon = () => {
       return typeof icon === "function" ? icon(active) : icon;
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(prefixCls, active && `${prefixCls}-active`, className),
         style,
         ref
-      }, others),
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: (0, import_clsx.default)(
-            `${prefixCls}-header-icon`,
-            `${prefixCls}-header-icon-arrow`,
-            {
-              [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
-            }
-          )
-        },
-        getIcon()
-      )),
-      /* @__PURE__ */ React.createElement(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children))
+      }, others), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-header`, onClick, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-header-label`, children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: (0, import_clsx.default)(
+                  `${prefixCls}-header-icon`,
+                  `${prefixCls}-header-icon-arrow`,
+                  {
+                    [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
+                  }
+                ),
+                children: getIcon()
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-content`, children }) })
+        ]
+      })
     );
   }
 );

package/dist/Countdown/Countdown.d.ts

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

package/dist/Countdown/Countdown.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,8 +59,9 @@ __export(Countdown_exports, {
   default: () => Countdown_default
 });
 module.exports = __toCommonJS(Countdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_utils = require("@bifrostui/utils");
 var import_useCountdown = __toESM(require("./useCountdown"));
 var import_utils2 = require("./utils");
@@ -144,35 +148,40 @@ const Countdown = (0, import_react.forwardRef)((props, ref) => {
   const defaultRender = (timeIns) => {
     const { timeList } = (0, import_utils2.formatCountdown)(timeIns.total, format);
     const accessibleDescription = getAccessibleTimeDescription(timeIns);
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-sr-only`),
-        "aria-live": "polite",
-        "aria-atomic": "true"
-      },
-      accessibleDescription
-    ), timeList.map((item, index) => {
-      const { unitText, valStr } = item;
-      const valueList = valStr.split("");
-      return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "span",
         {
-          key: `slice-${index}`,
-          className: (0, import_clsx.default)(`${prefixCls}-slice`),
-          "aria-hidden": "true"
-        },
-        /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_clsx.default)(`${prefixCls}-slice-item`) }, valueList.map((val, i) => /* @__PURE__ */ import_react.default.createElement(
+          className: (0, import_clsx.default)(`${prefixCls}-sr-only`),
+          "aria-live": "polite",
+          "aria-atomic": "true",
+          children: accessibleDescription
+        }
+      ),
+      timeList.map((item, index) => {
+        const { unitText, valStr } = item;
+        const valueList = valStr.split("");
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "span",
           {
-            key: `slice-value-${i}`,
-            className: (0, import_clsx.default)(`${prefixCls}-slice-value`)
+            className: (0, import_clsx.default)(`${prefixCls}-slice`),
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(`${prefixCls}-slice-item`), children: valueList.map((val, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  className: (0, import_clsx.default)(`${prefixCls}-slice-value`),
+                  children: val
+                },
+                `slice-value-${i}`
+              )) }),
+              unitText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(`${prefixCls}-slice-unit`), children: unitText })
+            ]
           },
-          val
-        ))),
-        unitText && /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_clsx.default)(`${prefixCls}-slice-unit`) }, unitText)
-      );
-    }));
+          `slice-${index}`
+        );
+      })
+    ] });
   };
   const ariaProps = {
     role,
@@ -182,13 +191,14 @@ const Countdown = (0, import_react.forwardRef)((props, ref) => {
     "aria-live": "polite",
     "aria-atomic": true
   };
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
-    __spreadValues(__spreadValues({
+    __spreadProps(__spreadValues(__spreadValues({
       ref,
       className: (0, import_clsx.default)(prefixCls, className)
-    }, ariaProps), others),
-    renderContent ? renderContent(time) : defaultRender(time)
+    }, ariaProps), others), {
+      children: renderContent ? renderContent(time) : defaultRender(time)
+    })
   );
 });
 Countdown.displayName = "BuiCountdown";

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

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

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

@@ -37,54 +37,68 @@ __export(A11yDemos_exports, {
   serverTimestampCountdownDemo: () => serverTimestampCountdownDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Countdown = __toESM(require("../../Countdown"));
 const basicCountdownDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Countdown.default, { remainingTime: 60 * 1e3 }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Countdown.default, { remainingTime: 60 * 1e3 }) });
 };
 const ariaLabelCountdownDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Countdown.default, { remainingTime: 120 * 1e3, "aria-label": "\u4FC3\u9500\u6D3B\u52A8\u7ED3\u675F\u5012\u8BA1\u65F6" }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Countdown.default, { remainingTime: 120 * 1e3, "aria-label": "\u4FC3\u9500\u6D3B\u52A8\u7ED3\u675F\u5012\u8BA1\u65F6" }) });
 };
 const ariaLabelledbyCountdownDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { id: "flash-sale-title" }, "\u9650\u65F6\u62A2\u8D2D"), /* @__PURE__ */ React.createElement(
-    import_Countdown.default,
-    {
-      remainingTime: 180 * 1e3,
-      "aria-labelledby": "flash-sale-title"
-    }
-  ));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: "flash-sale-title", children: "\u9650\u65F6\u62A2\u8D2D" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Countdown.default,
+      {
+        remainingTime: 180 * 1e3,
+        "aria-labelledby": "flash-sale-title"
+      }
+    )
+  ] });
 };
 const ariaDescribedbyCountdownDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    import_Countdown.default,
-    {
-      remainingTime: 240 * 1e3,
-      "aria-describedby": "countdown-description"
-    }
-  ), /* @__PURE__ */ React.createElement("p", { id: "countdown-description" }, "\u5012\u8BA1\u65F6\u7ED3\u675F\u540E\uFF0C\u4F18\u60E0\u4EF7\u683C\u5C06\u6062\u590D\u4E3A\u539F\u4EF7"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Countdown.default,
+      {
+        remainingTime: 240 * 1e3,
+        "aria-describedby": "countdown-description"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: "countdown-description", children: "\u5012\u8BA1\u65F6\u7ED3\u675F\u540E\uFF0C\u4F18\u60E0\u4EF7\u683C\u5C06\u6062\u590D\u4E3A\u539F\u4EF7" })
+  ] });
 };
 const customRenderCountdownDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Countdown.default,
     {
       remainingTime: 300 * 1e3,
       renderContent: ({ hours, minutes, seconds }) => {
-        return /* @__PURE__ */ React.createElement("span", null, "\u8DDD\u79BB\u5012\u8BA1\u65F6\u7ED3\u675F\u8FD8\u5269", hours, "\u5C0F\u65F6", minutes, "\u5206\u949F", seconds, "\u79D2");
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+          "\u8DDD\u79BB\u5012\u8BA1\u65F6\u7ED3\u675F\u8FD8\u5269",
+          hours,
+          "\u5C0F\u65F6",
+          minutes,
+          "\u5206\u949F",
+          seconds,
+          "\u79D2"
+        ] });
       }
     }
-  ));
+  ) });
 };
 const endTimestampCountdownDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_Countdown.default, { endTimestamp: Date.now() + 360 * 1e3 }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Countdown.default, { endTimestamp: Date.now() + 360 * 1e3 }) });
 };
 const serverTimestampCountdownDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Countdown.default,
     {
       serverTimestamp: Date.now() - 10 * 1e3,
       endTimestamp: Date.now() + 420 * 1e3
     }
-  ));
+  ) });
 };
 var A11yDemos_default = {
   basicCountdownDemo,

package/dist/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DatePickerProps } from './DatePicker.types';
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;

package/dist/DatePicker/DatePicker.js

@@ -59,7 +59,8 @@ __export(DatePicker_exports, {
   default: () => DatePicker_default
 });
 module.exports = __toCommonJS(DatePicker_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
 var import_Picker = __toESM(require("../Picker"));
@@ -317,7 +318,7 @@ const DatePicker = (0, import_react.forwardRef)((props, ref) => {
   (0, import_react.useEffect)(() => {
     setOptions(generateRangeOptions());
   }, [currentDate, views, propMinDate, propMaxDate]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Picker.default,
     __spreadProps(__spreadValues({}, others), {
       "data-selected": currentDate ? currentDate.getTime() : "",

package/dist/DesktopDatePicker/DesktopDatePicker.d.ts

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