@bifrostui/react 1.4.5-beta.3 → 1.4.6

package/dist/ActionSheet/ActionSheet.css

@@ -1,7 +1,7 @@
 .bui-action-sheet {
   --extra-line-height: var(--bui-action-sheet-extra-line-height, 23px);
   --extra-padding: var(--bui-action-sheet-extra-padding, var(--bui-spacing-xl));
-  --extra-margin: var(--bui-action-sheet-extra-margin, 0 var(--bui-spacing-xl));
+  --extra-magin: var(--bui-action-sheet-extra-magin, 0 var(--bui-spacing-xl));
   font-family: var(--bui-font-family);
 }
 .bui-action-sheet-content {
@@ -26,5 +26,5 @@
   background: var(--bui-color-bg-view);
   text-align: center;
   border-bottom: 1px solid var(--bui-color-border-default);
-  margin: var(--extra-margin);
+  margin: var(--extra-magin);
 }

package/dist/ActionSheet/ActionSheetItem.js

@@ -66,9 +66,9 @@ const ActionSheetItem = /* @__PURE__ */ import_react.default.forwardRef(
     const _a = props, {
       className,
       children,
-      disabled = false,
-      bold = false,
-      color = "default",
+      disabled,
+      bold,
+      color,
       description,
       onClick,
       index
@@ -111,4 +111,9 @@ const ActionSheetItem = /* @__PURE__ */ import_react.default.forwardRef(
   }
 );
 ActionSheetItem.displayName = "BuiActionSheetItem";
+ActionSheetItem.defaultProps = {
+  color: "default",
+  disabled: false,
+  bold: false
+};
 var ActionSheetItem_default = ActionSheetItem;

package/dist/Avatar/Avatar.js

@@ -73,10 +73,10 @@ const Avatar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     children,
     src,
     lazy,
-    variant = "rounded",
-    size = "medium",
+    variant,
+    size,
     alt,
-    fit = "cover",
+    fit,
     placeholder,
     ImageProps
   } = _a, others = __objRest(_a, [
@@ -126,4 +126,9 @@ const Avatar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   );
 });
 Avatar.displayName = "BuiAvatar";
+Avatar.defaultProps = {
+  variant: "rounded",
+  size: "medium",
+  fit: "cover"
+};
 var Avatar_default = Avatar;

package/dist/Avatar/AvatarGroup.js

@@ -71,8 +71,8 @@ const AvatarGroup = /* @__PURE__ */ import_react.default.forwardRef(
       maxCount,
       variant,
       spacing,
-      size = "medium",
-      orientation = "right",
+      size,
+      orientation,
       children,
       onClick
     } = _a, others = __objRest(_a, [
@@ -120,4 +120,8 @@ const AvatarGroup = /* @__PURE__ */ import_react.default.forwardRef(
   }
 );
 AvatarGroup.displayName = "BuiAvatarGroup";
+AvatarGroup.defaultProps = {
+  size: "medium",
+  orientation: "right"
+};
 var AvatarGroup_default = AvatarGroup;

package/dist/Badge/Badge.js

@@ -66,10 +66,10 @@ const Badge = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     onClick,
     children,
     content,
-    color = "primary",
+    color,
     maxCount,
-    variant = "contained",
-    type = "standard"
+    variant,
+    type
   } = _a, others = __objRest(_a, [
     "className",
     "onClick",
@@ -105,4 +105,9 @@ const Badge = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   );
 });
 Badge.displayName = "BuiBadge";
+Badge.defaultProps = {
+  color: "primary",
+  variant: "contained",
+  type: "standard"
+};
 var Badge_default = Badge;

package/dist/Button/Button.css

@@ -1,6 +1,27 @@
 .bui-btn {
+  --border-radius: var(--bui-button-border-radius, 100px);
+  --text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
+  --bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
+  --border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
+  --height: var(--bui-button-height, 27px);
+  --icon-start-margin-right: var(--bui-button-icon-start-margin-right, var(--bui-spacing-xs));
+  --icon-start-margin-left: var(--bui-button-icon-start-margin-left, var(--bui-spacing-xs));
+  --default-border: var(--bui-button-default-border, 1px solid transparent);
+  --light-border: var(--bui-button-light-border, 1px solid transparent);
+  --outlined-default-border: var(--bui-button-outlined-default-border, 1px solid var(--bui-color-neutral-4));
+  --disabled-opacity: var(--bui-button-disabled-opacity, 0.5);
+  --small-padding: var(--bui-button-small-padding, 0 11px);
+  --small-height: var(--bui-button-small-height, 24px);
+  --medium-padding: var(--bui-button-medium-padding, 0 14px);
+  --large-padding: var(--bui-button-large-padding, 0 14px);
+  --large-height: var(--bui-button-large-height, 33px);
+  --full-font-size: var(--bui-button-full-font-size, var(--bui-title-size-4));
+  --full-height: var(--bui-button-full-height, 42px);
+  border: var(--default-border);
   outline: 0;
+  background-color: transparent;
   cursor: pointer;
+  color: var(--text-color);
   box-sizing: border-box;
   position: relative;
   display: inline-flex;
@@ -8,17 +29,12 @@
   align-items: center;
   justify-content: center;
   white-space: nowrap;
-  color: var(--bui-btn-color);
-  background: var(--bui-btn-bg);
-  font-size: var(--bui-btn-font-size);
-  font-weight: var(--bui-btn-font-weight);
-  border: var(--bui-btn-border);
-  border-radius: var(--bui-btn-border-radius);
-  height: var(--bui-btn-height);
-  padding: var(--bui-btn-padding);
+  font-size: var(--bui-text-size-3);
+  font-weight: var(--bui-font-weight-medium);
+  border-radius: var(--border-radius);
+  height: var(--height);
   line-height: var(--bui-line-height);
-  font-family: var(--bui-btn-font-family);
-  opacity: var(--bui-btn-opacity);
+  font-family: var(--bui-font-family);
 }
 @keyframes spin {
   from {
@@ -52,61 +68,57 @@
   display: inline-flex;
   align-self: center;
   flex-shrink: 0;
-  margin-right: var(--bui-spacing-xs);
+  margin-right: var(--icon-start-margin-right);
 }
 .bui-btn-icon-end {
   display: inline-flex;
   align-self: center;
   flex-shrink: 0;
-  margin-left: var(--bui-spacing-xs);
+  margin-left: var(--icon-start-margin-left);
 }
 .bui-btn-disabled {
   pointer-events: none;
-  --bui-btn-opacity: 0.5;
+  opacity: var(--disabled-opacity);
 }
 .bui-btn-small {
-  --bui-btn-height: 24px;
-  --bui-btn-font-size: var(--bui-text-size-4);
-  --bui-btn-padding: 0 11px;
+  font-size: var(--bui-text-size-4);
+  padding: var(--small-padding);
+  height: var(--small-height);
+}
+.bui-btn-medium {
+  padding: var(--medium-padding);
+  height: var(--height);
 }
 .bui-btn-large {
-  --bui-btn-height: 33px;
-  --bui-btn-font-size: var(--bui-text-size-2);
+  font-size: var(--bui-text-size-2);
+  padding: var(--large-padding);
+  height: var(--large-height);
 }
 .bui-btn-full {
-  --bui-btn-height: 42px;
-  --bui-btn-font-size: var(--bui-title-size-4);
+  font-size: var(--full-font-size);
   width: 100%;
-}
-.bui-btn-text {
-  --bui-btn-bg: none;
+  height: var(--full-height);
 }
 .bui-btn-text.bui-btn-primary {
-  --bui-btn-color: var(--bui-color-primary);
+  color: var(--bui-color-primary);
 }
 .bui-btn-text.bui-btn-success {
-  --bui-btn-color: var(--bui-color-success);
+  color: var(--bui-color-success);
 }
 .bui-btn-text.bui-btn-info {
-  --bui-btn-color: var(--bui-color-info);
+  color: var(--bui-color-info);
 }
 .bui-btn-text.bui-btn-warning {
-  --bui-btn-color: var(--bui-color-warning);
+  color: var(--bui-color-warning);
 }
 .bui-btn-text.bui-btn-danger {
-  --bui-btn-color: var(--bui-color-danger);
-}
-.bui-btn-text.bui-btn-light {
-  --bui-btn-color: var(--bui-color-bg-view);
-}
-.bui-btn-text.bui-btn-dark {
-  --bui-btn-color: var(--bui-color-fg-default);
+  color: var(--bui-color-danger);
 }
 .bui-btn-text.bui-btn-vip {
-  --bui-btn-color: var(--bui-color-vip);
+  color: var(--bui-color-vip);
 }
 .bui-btn-contained {
-  --bui-btn-bg: var(--bui-color-neutral-5);
+  background-color: var(--bg-color);
 }
 .bui-btn-contained.bui-btn-primary {
   color: var(--bui-color-white);
@@ -148,25 +160,16 @@
       var(--bui-color-danger-start) 0%,
       var(--bui-color-danger-end) 100%);
 }
-.bui-btn-contained.bui-btn-light {
-  --bui-btn-color: var(--bui-color-fg-default);
-  --bui-btn-bg: var(--bui-color-bg-view);
-}
-.bui-btn-contained.bui-btn-dark {
-  --bui-btn-color: var(--bui-color-bg-view);
-  --bui-btn-bg: var(--bui-color-fg-default);
-}
 .bui-btn-contained.bui-btn-vip {
-  --bui-btn-color: #582331;
-  --bui-btn-bg:
+  color: #582331;
+  background-image:
     linear-gradient(
       90deg,
       var(--bui-color-vip-start) 3%,
       var(--bui-color-vip-end) 100%);
 }
 .bui-btn-outlined {
-  --bui-btn-bg: transparent;
-  --bui-btn-border: 1px solid var(--bui-color-neutral-4);
+  border: var(--outlined-default-border);
 }
 .bui-btn-outlined.bui-btn-primary {
   color: var(--bui-color-primary);
@@ -188,49 +191,47 @@
   color: var(--bui-color-danger);
   border-color: var(--bui-color-danger);
 }
-.bui-btn-outlined.bui-btn-light {
-  --bui-btn-color: var(--bui-color-bg-view);
-  --bui-btn-border: solid 1px var(--bui-color-bg-view);
-}
-.bui-btn-outlined.bui-btn-dark {
-  --bui-btn-color: var(--bui-color-fg-default);
-  --bui-btn-border: solid 1px var(--bui-color-fg-default);
-}
 .bui-btn-outlined.bui-btn-vip {
   color: var(--bui-color-vip);
   border-color: var(--bui-color-vip);
 }
-.bui-btn-subtle {
-  --bui-btn-bg: var(--bui-color-gray-light);
+.bui-btn-light {
+  background-image: none;
+  background-color: var(--bui-color-gray-light);
+  border: var(--light-border);
 }
-.bui-btn-subtle.bui-btn-warning {
+.bui-btn-light.bui-btn-warning {
+  background-image: none;
+  border: var(--light-border);
   color: var(--bui-color-warning);
-  background: var(--bui-color-warning-light);
+  background-color: var(--bui-color-warning-light);
 }
-.bui-btn-subtle.bui-btn-primary {
+.bui-btn-light.bui-btn-primary {
+  background-image: none;
+  border: var(--light-border);
   color: var(--bui-color-primary);
-  background: var(--bui-color-primary-light);
+  background-color: var(--bui-color-primary-light);
 }
-.bui-btn-subtle.bui-btn-info {
+.bui-btn-light.bui-btn-info {
+  background-image: none;
+  border: var(--light-border);
   color: var(--bui-color-info);
-  background: var(--bui-color-info-light);
+  background-color: var(--bui-color-info-light);
 }
-.bui-btn-subtle.bui-btn-success {
+.bui-btn-light.bui-btn-success {
+  background-image: none;
+  border: var(--light-border);
   color: var(--bui-color-success);
-  background: var(--bui-color-success-light);
+  background-color: var(--bui-color-success-light);
 }
-.bui-btn-subtle.bui-btn-danger {
+.bui-btn-light.bui-btn-danger {
+  background-image: none;
+  border: var(--light-border);
   color: var(--bui-color-danger);
-  background: var(--bui-color-danger-light);
-}
-.bui-btn-subtle.bui-btn-light {
-  --bui-btn-color: var(--bui-color-bg-view);
+  background-color: var(--bui-color-danger-light);
 }
-.bui-btn-subtle.bui-btn-dark {
-  --bui-btn-color: var(--bui-color-fg-default);
-}
-.bui-btn-subtle.bui-btn-vip {
+.bui-btn-light.bui-btn-vip {
+  color: var(--bui-color-vip);
   position: relative;
-  --bui-btn-color: var(--bui-color-vip);
-  --bui-btn-bg: rgba(255, 134, 110, 0.3);
+  background-color: rgba(255, 134, 110, 0.3);
 }

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps } from './Button.types';
 import './Button.less';
+import { ButtonProps } from './Button.types';
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/Button/Button.js

@@ -58,7 +58,7 @@ __export(Button_exports, {
 module.exports = __toCommonJS(Button_exports);
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
-var import_Button2 = require("./Button.css");
+var import_Button = require("./Button.css");
 const prefixCls = "bui-btn";
 const ButtonIcon = ({ children, iconPosition }) => {
   return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-icon-${iconPosition}` }, children);
@@ -70,10 +70,10 @@ const Button = /* @__PURE__ */ import_react.default.forwardRef(
       children,
       startIcon,
       endIcon,
-      size = "medium",
-      variant = "outlined",
+      size,
+      variant,
       color,
-      disabled = false
+      disabled
     } = _a, others = __objRest(_a, [
       "className",
       "children",
@@ -107,4 +107,10 @@ const Button = /* @__PURE__ */ import_react.default.forwardRef(
   }
 );
 Button.displayName = "BuiButton";
+Button.defaultProps = {
+  size: "medium",
+  variant: "outlined",
+  color: "default",
+  disabled: false
+};
 var Button_default = Button;

package/dist/Button/Button.types.d.ts

@@ -16,20 +16,19 @@ export type ButtonProps<D extends React.ElementType = 'button', P = {}> = Overri
          * @default 'medium'
          */
         size?: 'small' | 'medium' | 'large' | 'full';
-        /**
-         * 按钮颜色
-         * @default 'neutral'
+        /** 按钮颜色
+         * @default 'default'
          */
-        color?: ThemeColor | 'vip';
+        color?: ThemeColor | 'default' | 'vip';
         /**
          * 按钮类型
          * - text: 文字按钮
-         * - outlined: 线框按钮
-         * - contained: 填充按钮
-         * - subtle: 柔和按钮
+         * - outlined: 描边按钮
+         * - contained: 实心填充按钮
+         * - light: 浅亮填充按钮
          * @default 'outlined'
          */
-        variant?: 'outlined' | 'text' | 'contained' | 'subtle';
+        variant?: 'outlined' | 'text' | 'contained' | 'light';
         /**
          * 在子元素前放在的内容
          */

package/dist/Calendar/Calendar.js

@@ -82,15 +82,15 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
       className,
       defaultValue,
       value,
-      minDate = (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(0, "month").toDate(),
-      maxDate = (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(11, "month").toDate(),
-      mode = "single",
-      hideDaysOutsideCurrentMonth = false,
-      headerBarFormat = "YYYY/MM",
+      minDate,
+      maxDate,
+      mode,
+      hideDaysOutsideCurrentMonth,
+      headerBarFormat,
       headerBarLeftIcon,
       headerBarRightIcon,
       disabledDate,
-      highlightDate = "today",
+      highlightDate,
       dateRender,
       weekRender,
       onMonthChange,
@@ -331,4 +331,12 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
   }
 );
 Calendar.displayName = "BuiCalendar";
+Calendar.defaultProps = {
+  hideDaysOutsideCurrentMonth: false,
+  headerBarFormat: "YYYY/MM",
+  mode: "single",
+  minDate: (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(0, "month").toDate(),
+  maxDate: (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(11, "month").toDate(),
+  highlightDate: "today"
+};
 var Calendar_default = Calendar;

package/dist/Card/Card.css

@@ -2,7 +2,7 @@
   background-color: var(--bui-color-bg-view);
   border-radius: var(--bui-shape-radius-card);
   overflow: hidden;
-  font-family: var(--bui-card-font-family);
+  font-family: var(--bui-font-family);
 }
 .bui-card-header + .bui-card-content {
   padding-top: 0;

package/dist/Card/CardContent.css

@@ -1,5 +1,6 @@
 .bui-card-content {
+  font-size: var(--bui-text-size-2);
   padding: var(--bui-spacing-lg);
   color: var(--bui-color-fg-muted);
-  font-size: var(--bui-card-font-size);
+  font-family: var(--bui-font-family);
 }

package/dist/Card/CardFooter.css

@@ -1,7 +1,9 @@
 .bui-card-footer {
+  --padding: var(--bui-card-footer-padding, var(--bui-spacing-md) var(--bui-spacing-lg));
   color: var(--bui-color-fg-muted);
+  font-size: var(--bui-text-size-1);
   display: flex;
   align-items: center;
-  padding: var(--bui-spacing-md) var(--bui-spacing-lg);
-  font-size: var(--bui-card-font-size);
+  padding: var(--padding);
+  font-family: var(--bui-font-family);
 }

package/dist/Card/CardHeader.css

@@ -1,13 +1,15 @@
 .bui-card-header {
-  --bui-card-font-size: var(--bui-title-size-4);
+  --padding: var(--bui-card-header-padding, var(--bui-spacing-md) var(--bui-spacing-lg));
+  --end-icon-margin-left: var(--bui-card-header-end-icon-margin-left, 2px);
   display: flex;
   align-items: center;
   flex-direction: row;
   position: relative;
   padding: var(--bui-spacing-md) var(--bui-spacing-lg);
-  font-weight: var(--bui-font-weight-bold);
-  font-family: var(--bui-card-font-family);
+  font-size: var(--bui-title-size-4);
+  font-weight: var(--bui-font-weight-medium);
   color: var(--bui-color-fg-default);
+  font-family: var(--bui-font-family);
 }
 .bui-card-header-title {
   white-space: nowrap;
@@ -15,7 +17,6 @@
   text-overflow: ellipsis;
   max-width: 100%;
   flex-shrink: 0;
-  font-family: var(--bui-font-family-accent, inherit);
 }
 .bui-card-header-subtitle {
   font-size: var(--bui-text-size-3);

package/dist/Checkbox/Checkbox.js

@@ -70,7 +70,7 @@ const Checkbox = (0, import_react.forwardRef)((props, ref) => {
   var _b, _c;
   const _a = props, {
     className,
-    defaultChecked = false,
+    defaultChecked,
     checked,
     inputProps,
     inputRef,
@@ -79,7 +79,7 @@ const Checkbox = (0, import_react.forwardRef)((props, ref) => {
     disabled,
     icon,
     checkedIcon,
-    labelPlacement = "right",
+    labelPlacement,
     onChange,
     children
   } = _a, others = __objRest(_a, [
@@ -161,4 +161,8 @@ const Checkbox = (0, import_react.forwardRef)((props, ref) => {
   );
 });
 Checkbox.displayName = "BuiCheckbox";
+Checkbox.defaultProps = {
+  defaultChecked: false,
+  labelPlacement: "right"
+};
 var Checkbox_default = Checkbox;

package/dist/Checkbox/CheckboxGroup.js

@@ -63,15 +63,15 @@ var import_CheckboxContext = require("./CheckboxContext");
 var import_Checkbox2 = require("./Checkbox.css");
 const prefixCls = "bui-checkbox-group";
 const CheckboxGroup = (0, import_react.forwardRef)(
-  (_a, ref) => {
-    var _b = _a, {
+  (props, ref) => {
+    const _a = props, {
       className,
       children,
       defaultValue,
       value,
-      disabled = false,
+      disabled,
       onChange
-    } = _b, others = __objRest(_b, [
+    } = _a, others = __objRest(_a, [
       "className",
       "children",
       "defaultValue",
@@ -108,4 +108,7 @@ const CheckboxGroup = (0, import_react.forwardRef)(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
+CheckboxGroup.defaultProps = {
+  disabled: false
+};
 var CheckboxGroup_default = CheckboxGroup;

package/dist/CollapsePanel/CollapsePanelItem.js

@@ -60,52 +60,53 @@ var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Collapse = require("../Collapse");
 const prefixCls = "bui-collapse-panel-item";
-const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
+const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    style,
+    label,
+    children,
+    icon,
+    active,
+    onClick
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style",
+    "label",
+    "children",
+    "icon",
+    "active",
+    "onClick"
+  ]);
+  const isControlledIcon = typeof icon === "function";
+  const getIcon = () => {
+    return typeof icon === "function" ? icon(active) : icon;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    __spreadValues({
+      className: (0, import_clsx.default)(prefixCls, active && `${prefixCls}-active`, className),
       style,
-      label,
-      children,
-      icon,
-      active = false,
-      onClick
-    } = _b, others = __objRest(_b, [
-      "className",
-      "style",
-      "label",
-      "children",
-      "icon",
-      "active",
-      "onClick"
-    ]);
-    const isControlledIcon = typeof icon === "function";
-    const getIcon = () => {
-      return typeof icon === "function" ? icon(active) : icon;
-    };
-    return /* @__PURE__ */ import_react.default.createElement(
+      ref
+    }, others),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ import_react.default.createElement(
       "div",
-      __spreadValues({
-        className: (0, import_clsx.default)(prefixCls, active && `${prefixCls}-active`, className),
-        style,
-        ref
-      }, others),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_clsx.default)(
-            `${prefixCls}-header-icon`,
-            `${prefixCls}-header-icon-arrow`,
-            {
-              [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
-            }
-          )
-        },
-        getIcon()
-      )),
-      /* @__PURE__ */ import_react.default.createElement(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, children))
-    );
-  }
-);
+      {
+        className: (0, import_clsx.default)(
+          `${prefixCls}-header-icon`,
+          `${prefixCls}-header-icon-arrow`,
+          {
+            [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
+          }
+        )
+      },
+      getIcon()
+    )),
+    /* @__PURE__ */ import_react.default.createElement(import_Collapse.Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, children))
+  );
+});
 CollapsePanelItem.displayName = "BuiCollapsePanelItem";
+CollapsePanelItem.defaultProps = {
+  active: false
+};
 var CollapsePanelItem_default = CollapsePanelItem;