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

package/es/DesktopPicker/DesktopPicker.js

@@ -49,6 +49,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import React, {
   useEffect,
@@ -163,7 +164,7 @@ const DesktopPicker = /* @__PURE__ */ React.forwardRef(
       }
     }, [container, open]);
     const renderContent = () => {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: clsx(
@@ -173,23 +174,23 @@ const DesktopPicker = /* @__PURE__ */ React.forwardRef(
           style: {
             width: containerWidth
           },
-          ref: contentRef
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${prefixCls}-container-${transform && open ? "open" : "close"} ${prefixCls}-container-content`,
-            style: {
-              transformOrigin: `${directionMap[contentPosition]} center`
-            },
-            onTransitionEnd: () => {
-              if (!open) {
-                setTransform(false);
-              }
+          ref: contentRef,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${prefixCls}-container-${transform && open ? "open" : "close"} ${prefixCls}-container-content`,
+              style: {
+                transformOrigin: `${directionMap[contentPosition]} center`
+              },
+              onTransitionEnd: () => {
+                if (!open) {
+                  setTransform(false);
+                }
+              },
+              children: content
             }
-          },
-          content
-        )
+          )
+        }
       );
     };
     useEffect(() => {
@@ -209,14 +210,24 @@ const DesktopPicker = /* @__PURE__ */ React.forwardRef(
         onMount == null ? void 0 : onMount();
       }
     }, [renderContainer]);
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), prefix, renderChildren), !isMini && renderContainer && /* @__PURE__ */ React.createElement(Portal, null, renderContent()), isMini && renderContainer && /* @__PURE__ */ React.createElement(Portal, null, renderContent(), !miniBackdropInvisible && /* @__PURE__ */ React.createElement(
-      Backdrop,
-      __spreadProps(__spreadValues({}, BackdropProps), {
-        invisible: true,
-        open,
-        onClick: (e) => onClose(e, { value: !open })
-      })
-    )));
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ ref, className: clsx(prefixCls, className) }, others), { children: [
+        prefix,
+        renderChildren
+      ] })),
+      !isMini && renderContainer && /* @__PURE__ */ jsx(Portal, { children: renderContent() }),
+      isMini && renderContainer && /* @__PURE__ */ jsxs(Portal, { children: [
+        renderContent(),
+        !miniBackdropInvisible && /* @__PURE__ */ jsx(
+          Backdrop,
+          __spreadProps(__spreadValues({}, BackdropProps), {
+            invisible: true,
+            open,
+            onClick: (e) => onClose(e, { value: !open })
+          })
+        )
+      ] })
+    ] });
   }
 );
 DesktopPicker.displayName = "BUIDesktopPicker";

package/es/DesktopTimePicker/DesktopTimePicker.d.ts

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

package/es/DesktopTimePicker/DesktopTimePicker.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { AccessTimeCircleOutlinedIcon } from "@bifrostui/icons";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
@@ -202,7 +203,7 @@ const DesktopTimePicker = /* @__PURE__ */ React.forwardRef(
     useEffect(() => {
       setUseUserStr(false);
     }, [timeValue]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       __spreadProps(__spreadValues({}, others), {
         className: clsx(prefixCls, className, {
@@ -210,47 +211,51 @@ const DesktopTimePicker = /* @__PURE__ */ React.forwardRef(
           [`${prefixCls}-active`]: isOpen,
           [`${prefixCls}-invalid`]: isInvalid
         }),
-        ref
-      }),
-      /* @__PURE__ */ React.createElement(
-        DesktopPicker,
-        __spreadValues({
-          open: open != null ? open : isOpen,
-          miniBackdropInvisible: open !== void 0,
-          onClose: (e, data) => {
-            setIsOpen(data == null ? void 0 : data.value);
-          },
-          onMount,
-          onUnmounted: unMounted,
-          content: desktopTimePanel(),
-          inheritWidth: false
-        }, DesktopPickerProps),
-        /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-container` }, /* @__PURE__ */ React.createElement(
-          "input",
-          __spreadProps(__spreadValues({}, inputProps), {
-            "aria-invalid": true,
-            autoComplete: "off",
-            placeholder: showPlaceholder,
-            type: "text",
-            inputMode: "text",
-            ref: inputRef,
-            className: clsx(`${prefixCls}-content`, {
-              [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
-            }),
-            onBlur: () => setUseUserStr(false),
-            onClick: handleTimePickerInputClick,
-            onChange: onInputChange,
-            value: inputValue
+        ref,
+        children: /* @__PURE__ */ jsx(
+          DesktopPicker,
+          __spreadProps(__spreadValues({
+            open: open != null ? open : isOpen,
+            miniBackdropInvisible: open !== void 0,
+            onClose: (e, data) => {
+              setIsOpen(data == null ? void 0 : data.value);
+            },
+            onMount,
+            onUnmounted: unMounted,
+            content: desktopTimePanel(),
+            inheritWidth: false
+          }, DesktopPickerProps), {
+            children: /* @__PURE__ */ jsxs("div", { className: `${prefixCls}-container`, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                __spreadProps(__spreadValues({}, inputProps), {
+                  "aria-invalid": true,
+                  autoComplete: "off",
+                  placeholder: showPlaceholder,
+                  type: "text",
+                  inputMode: "text",
+                  ref: inputRef,
+                  className: clsx(`${prefixCls}-content`, {
+                    [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
+                  }),
+                  onBlur: () => setUseUserStr(false),
+                  onClick: handleTimePickerInputClick,
+                  onChange: onInputChange,
+                  value: inputValue
+                })
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  onClick: handleDatePickerIconClick,
+                  className: `${prefixCls}-icon`,
+                  children: icon || /* @__PURE__ */ jsx(AccessTimeCircleOutlinedIcon, { htmlColor: "#9c9ca5" })
+                }
+              )
+            ] })
           })
-        ), /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            onClick: handleDatePickerIconClick,
-            className: `${prefixCls}-icon`
-          },
-          icon || /* @__PURE__ */ React.createElement(AccessTimeCircleOutlinedIcon, { htmlColor: "#9c9ca5" })
-        ))
-      )
+        )
+      })
     );
   }
 );

package/es/DesktopTimePicker/DesktopTimePickerList.js

@@ -17,6 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef, useState } from "react";
 import { isMini } from "@bifrostui/utils";
 import clsx from "clsx";
@@ -47,34 +48,34 @@ const DesktopTimePickerList = /* @__PURE__ */ React.forwardRef((props, ref) => {
       handleScroll(elementName, setScrollTop, index);
     }
   }, [timeValue]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     ScrollView,
     {
       scrollY: true,
       scrollWithAnimation: true,
       className: clsx(`${prefixCls}-${type}-ul`),
-      key: type,
       scrollTop,
       scrollAnimationDuration: 300,
-      ref: ulRef
+      ref: ulRef,
+      children: dataList.map((item, index) => {
+        const { value, label, disabled } = item;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(`${prefixCls}-${type}-li`, {
+              [`${prefixCls}-${type}-active`]: value === selectedValue,
+              [`${prefixCls}-${type}-disabled`]: disabled
+            }),
+            onClick: (e) => {
+              handleClick(e, disabled, item);
+            },
+            children: (timeRender == null ? void 0 : timeRender(__spreadProps(__spreadValues({}, item), { disabled }))) || label
+          },
+          index
+        );
+      })
     },
-    dataList.map((item, index) => {
-      const { value, label, disabled } = item;
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: index,
-          className: clsx(`${prefixCls}-${type}-li`, {
-            [`${prefixCls}-${type}-active`]: value === selectedValue,
-            [`${prefixCls}-${type}-disabled`]: disabled
-          }),
-          onClick: (e) => {
-            handleClick(e, disabled, item);
-          }
-        },
-        (timeRender == null ? void 0 : timeRender(__spreadProps(__spreadValues({}, item), { disabled }))) || label
-      );
-    })
+    type
   );
 });
 DesktopTimePickerList.displayName = "BuiDesktopTimePickerList";

package/es/DesktopTimePicker/useGetTimePickerContent.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { TimePickerContentProps } from './DesktopTimePicker.types';
 declare const useGetTimePickerContent: (props: TimePickerContentProps) => {
-    desktopTimePanel: () => React.JSX.Element;
+    desktopTimePanel: () => import("react/jsx-runtime").JSX.Element;
 };
 export default useGetTimePickerContent;

package/es/DesktopTimePicker/useGetTimePickerContent.js

@@ -17,8 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import DesktopTimePickerList from "./DesktopTimePickerList";
 import {
   getDisabledTime,
@@ -189,7 +190,7 @@ const useGetTimePickerContent = (props) => {
           setIsOpen(false);
         }
       };
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         DesktopTimePickerList,
         {
           timeValue,
@@ -198,22 +199,22 @@ const useGetTimePickerContent = (props) => {
           selectedValue,
           prefixCls,
           handleClick,
-          key: type,
           timeRender
-        }
+        },
+        type
       );
     });
   };
   const desktopTimePanel = () => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
         className: clsx(`${prefixCls}-main`),
         onClick: (e) => {
           e.stopPropagation();
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", { className: clsx(`${prefixCls}-table`) }, renderViewsFunc())
+        },
+        children: /* @__PURE__ */ jsx("div", { className: clsx(`${prefixCls}-table`), children: renderViewsFunc() })
+      }
     );
   };
   return {

package/es/Dialog/Dialog.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import React, { useRef } from "react";
 import { useUniqueId } from "@bifrostui/utils";
@@ -90,28 +91,33 @@ const Dialog = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const handleCancel = (event) => {
     onCancel == null ? void 0 : onCancel(event);
   };
-  const actionsNode = /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-actions` }, !isAlertMode && /* @__PURE__ */ React.createElement(
-    Button,
-    __spreadValues({
-      variant: "subtle",
-      color: "primary",
-      size: "full",
-      onClick: handleCancel,
-      className: `${prefixCls}-actions-btn-cancel`
-    }, cancelButtonProps),
-    cancelText || cancel
-  ), /* @__PURE__ */ React.createElement(
-    Button,
-    __spreadValues({
-      variant: "contained",
-      color: "primary",
-      size: "full",
-      onClick: handleOk,
-      className: `${prefixCls}-actions-btn-ok`
-    }, okButtonProps),
-    okText || ok
-  ));
-  const inputNode = isPromptMode && /* @__PURE__ */ React.createElement(
+  const actionsNode = /* @__PURE__ */ jsxs("div", { className: `${prefixCls}-actions`, children: [
+    !isAlertMode && /* @__PURE__ */ jsx(
+      Button,
+      __spreadProps(__spreadValues({
+        variant: "subtle",
+        color: "primary",
+        size: "full",
+        onClick: handleCancel,
+        className: `${prefixCls}-actions-btn-cancel`
+      }, cancelButtonProps), {
+        children: cancelText || cancel
+      })
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      __spreadProps(__spreadValues({
+        variant: "contained",
+        color: "primary",
+        size: "full",
+        onClick: handleOk,
+        className: `${prefixCls}-actions-btn-ok`
+      }, okButtonProps), {
+        children: okText || ok
+      })
+    )
+  ] });
+  const inputNode = isPromptMode && /* @__PURE__ */ jsx(
     Input,
     __spreadProps(__spreadValues({}, InputProps), {
       inputRef,
@@ -123,28 +129,31 @@ const Dialog = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
   const ariaLabelledBy = title ? titleId : void 0;
   const ariaDescribedBy = content ? contentId : void 0;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Modal,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       open,
       ref,
       className: clsx(prefixCls, `${prefixCls}-${type}`, className),
       onClose: handleCancel
-    }, others),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${prefixCls}-container`,
-        role: type === "alert" ? "alertdialog" : "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": ariaDescribedBy
-      },
-      title && /* @__PURE__ */ React.createElement("h1", { id: titleId, className: `${prefixCls}-title` }, title),
-      content && /* @__PURE__ */ React.createElement("div", { id: contentId, className: `${prefixCls}-content` }, content),
-      inputNode,
-      actionsNode
-    )
+    }, others), {
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${prefixCls}-container`,
+          role: type === "alert" ? "alertdialog" : "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy,
+          children: [
+            title && /* @__PURE__ */ jsx("h1", { id: titleId, className: `${prefixCls}-title`, children: title }),
+            content && /* @__PURE__ */ jsx("div", { id: contentId, className: `${prefixCls}-content`, children: content }),
+            inputNode,
+            actionsNode
+          ]
+        }
+      )
+    })
   );
 });
 Dialog.displayName = "BuiDialog";

package/es/Dialog/FunctionalDialog.js

@@ -49,6 +49,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { Fragment, jsx } from "react/jsx-runtime";
 import React, { useCallback, useState } from "react";
 import { getRootContainer, render, unmount, isMini } from "@bifrostui/utils";
 import Dialog from "./Dialog";
@@ -81,7 +82,7 @@ const DialogGenerator = (options) => {
       }
       close();
     });
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Dialog,
       __spreadProps(__spreadValues({}, rest), {
         open: true,
@@ -90,7 +91,7 @@ const DialogGenerator = (options) => {
       })
     );
   };
-  return render(/* @__PURE__ */ React.createElement(DialogWrapper, null), dialogFragment);
+  return render(/* @__PURE__ */ jsx(DialogWrapper, {}), dialogFragment);
 };
 const FunctionalDialog = (props) => {
   const options = formatProps(props);
@@ -155,15 +156,14 @@ const useDialog = () => {
           resolve(false);
         destroy();
       });
-      const dialogElement = /* @__PURE__ */ React.createElement(
+      const dialogElement = /* @__PURE__ */ jsx(
         Dialog,
-        __spreadProps(__spreadValues({
-          key
-        }, config), {
+        __spreadProps(__spreadValues({}, config), {
           open: true,
           onOk: onInternalOk,
           onCancel: onInternalCancel
-        })
+        }),
+        key
       );
       setElements((prev) => [...prev, dialogElement]);
     });
@@ -193,7 +193,7 @@ const useDialog = () => {
     },
     [createDialog]
   );
-  const contextHolder = /* @__PURE__ */ React.createElement(React.Fragment, null, elements);
+  const contextHolder = /* @__PURE__ */ jsx(Fragment, { children: elements });
   return [wrapAPI, contextHolder];
 };
 FunctionalDialog.confirm = confirm;

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
 /**
  * 自定义 Dialog 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicDialogDemo: () => React.JSX.Element;
-export declare const promptDialogDemo: () => React.JSX.Element;
-export declare const alertDialogDemo: () => React.JSX.Element;
+export declare const basicDialogDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const promptDialogDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const alertDialogDemo: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import Dialog from "../../Dialog";
 const basicDialogDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Dialog,
     {
       open: true,
@@ -12,7 +12,7 @@ const basicDialogDemo = () => {
   );
 };
 const promptDialogDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Dialog,
     {
       open: true,
@@ -25,7 +25,7 @@ const promptDialogDemo = () => {
   );
 };
 const alertDialogDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Dialog,
     {
       open: true,

package/es/Divider/Divider.d.ts

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

package/es/Divider/Divider.js

@@ -14,6 +14,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import React, { forwardRef } from "react";
 import "./index.css";
@@ -38,7 +39,7 @@ const Divider = forwardRef((props, ref) => {
   } else if (size) {
     propsStyle = isVertical ? { height: size } : { width: size };
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
@@ -47,9 +48,13 @@ const Divider = forwardRef((props, ref) => {
         [`${prefixCls}-content`]: !isVertical && hasChildren,
         [`${prefixCls}-${direction}-dashed`]: dashed
       }),
-      style: __spreadValues(__spreadValues({}, propsStyle), style)
-    },
-    !isVertical && hasChildren && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { style: contentStyle, className: `${prefixCls}-line` }), /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-text` }, children), /* @__PURE__ */ React.createElement("span", { style: contentStyle, className: `${prefixCls}-line` }))
+      style: __spreadValues(__spreadValues({}, propsStyle), style),
+      children: !isVertical && hasChildren && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { style: contentStyle, className: `${prefixCls}-line` }),
+        /* @__PURE__ */ jsx("span", { className: `${prefixCls}-text`, children }),
+        /* @__PURE__ */ jsx("span", { style: contentStyle, className: `${prefixCls}-line` })
+      ] })
+    }
   );
 });
 Divider.displayName = "BuiDivider";

package/es/Drawer/Drawer.js

@@ -29,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 Modal from "../Modal";
@@ -68,9 +69,9 @@ const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "transitionDuration"
   ]);
   const anchorInvariant = oppositeDirection[anchorProp];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Modal,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       container,
       open,
       onClose,
@@ -78,30 +79,32 @@ const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
       ref,
       className: clsx(prefixCls, className),
       disablePortal
-    }, others),
-    /* @__PURE__ */ React.createElement(
-      Slide,
-      __spreadValues({
-        in: open,
-        direction: anchorInvariant,
-        timeout: transitionDuration
-      }, SlideProps),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        __spreadProps(__spreadValues({}, contentProps), {
-          className: clsx(
-            `${prefixCls}-content`,
-            `${prefixCls}-content-${anchorProp}`,
-            contentProps == null ? void 0 : contentProps.className
-          ),
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": (contentProps == null ? void 0 : contentProps["aria-label"]) || "Drawer",
-          tabIndex: -1
-        }),
-        children
+    }, others), {
+      children: /* @__PURE__ */ jsx(
+        Slide,
+        __spreadProps(__spreadValues({
+          in: open,
+          direction: anchorInvariant,
+          timeout: transitionDuration
+        }, SlideProps), {
+          children: /* @__PURE__ */ jsx(
+            "div",
+            __spreadProps(__spreadValues({}, contentProps), {
+              className: clsx(
+                `${prefixCls}-content`,
+                `${prefixCls}-content-${anchorProp}`,
+                contentProps == null ? void 0 : contentProps.className
+              ),
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": (contentProps == null ? void 0 : contentProps["aria-label"]) || "Drawer",
+              tabIndex: -1,
+              children
+            })
+          )
+        })
       )
-    )
+    })
   );
 });
 Drawer.displayName = "BuiDrawer";