@bifrostui/react 1.4.8-beta.0 → 2.0.0-alpha.0

package/{es/Collapse/Collapse.css → dist/Collapse/index.css}

@@ -1,5 +1,6 @@
 .bui-collapse {
   overflow: hidden;
+  white-space: nowrap;
   height: fit-content;
   width: fit-content;
 }

package/dist/CollapsePanel/CollapsePanel.d.ts

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

package/dist/CollapsePanel/CollapsePanel.js

@@ -64,7 +64,7 @@ var import_clsx = __toESM(require("clsx"));
 var import_icons = require("@bifrostui/icons");
 var import_utils = require("@bifrostui/utils");
 var import_CollapsePanelItem = __toESM(require("./CollapsePanelItem"));
-var import_CollapsePanel2 = require("./CollapsePanel.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-collapse-panel";
 const CollapsePanel = /* @__PURE__ */ import_react.default.forwardRef(
   (props, ref) => {

package/dist/CollapsePanel/CollapsePanelItem.js

@@ -60,53 +60,52 @@ 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((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),
+const CollapsePanelItem = /* @__PURE__ */ import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      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(
+      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(
       "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))
-  );
-});
+      __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))
+    );
+  }
+);
 CollapsePanelItem.displayName = "BuiCollapsePanelItem";
-CollapsePanelItem.defaultProps = {
-  active: false
-};
 var CollapsePanelItem_default = CollapsePanelItem;

package/{es/CollapsePanel/CollapsePanel.css → dist/CollapsePanel/index.css}

@@ -1,10 +1,12 @@
+:root,
+page,
+xhs-page {
+  --bui-collapse-panel-width: 100%;
+  --bui-collapse-panel-header-padding: var(--bui-spacing-lg) 0;
+  --bui-collapse-panel-content-padding: var(--bui-spacing-lg) 0;
+}
 .bui-collapse-panel {
-  --width: var(--bui-collapse-panel-width, 100%);
-  --header-padding: var(--bui-collapse-panel-header-padding, var(--bui-spacing-lg) 0);
-  --content-padding: var(--bui-collapse-panel-content-padding, var(--bui-spacing-lg) 0);
-  --title-font-size: var(--bui-collapse-panel-title-font-size, var(--bui-title-size-3));
-  --content-font-size: var(--bui-collapse-panel-content-font-size, var(--bui-text-size-1));
-  width: var(--width);
+  width: var(--bui-collapse-panel-width);
   background-color: var(--bui-color-bg-view);
   color: var(--bui-color-fg-default);
 }
@@ -16,8 +18,8 @@
   cursor: pointer;
 }
 .bui-collapse-panel-item-header-label {
-  padding: var(--header-padding);
-  font-size: var(--title-font-size);
+  padding: var(--bui-collapse-panel-header-padding);
+  font-size: var(--bui-title-size-2);
 }
 .bui-collapse-panel-item-header-icon-arrow {
   transform: rotate(0deg);
@@ -27,8 +29,8 @@
   transform: rotate(-180deg);
 }
 .bui-collapse-panel-item-content {
-  padding: var(--content-padding);
-  font-size: var(--content-font-size);
+  padding: var(--bui-collapse-panel-content-padding);
+  font-size: var(--bui-text-size-1);
   transition: height 0.5s ease;
   overflow: hidden;
 }

package/dist/Countdown/Countdown.d.ts

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

package/dist/Countdown/Countdown.js

@@ -61,18 +61,18 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_useCountdown = __toESM(require("./useCountdown"));
 var import_utils2 = require("./utils");
-var import_Countdown2 = require("./Countdown.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-countdown";
 const Countdown = (0, import_react.forwardRef)((props, ref) => {
   const _a = props, {
     className,
     serverTimestamp,
     endTimestamp,
-    remainingTime,
-    format,
-    unitStyle,
-    valueStyle,
-    timeSliceStyle,
+    remainingTime = 0,
+    format = "HH:mm:ss",
+    unitStyle = {},
+    valueStyle = [{}, {}],
+    timeSliceStyle = {},
     renderContent,
     onChange,
     onFinish
@@ -152,11 +152,4 @@ const Countdown = (0, import_react.forwardRef)((props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), renderContent ? renderContent(time) : defaultRender(time));
 });
 Countdown.displayName = "BuiCountdown";
-Countdown.defaultProps = {
-  format: "HH:mm:ss",
-  remainingTime: 0,
-  unitStyle: {},
-  valueStyle: [{}, {}],
-  timeSliceStyle: {}
-};
 var Countdown_default = Countdown;

package/{es/Countdown/Countdown.css → dist/Countdown/index.css}

@@ -1,14 +1,18 @@
+:root,
+page,
+xhs-page {
+  --bui-countdown-font-size: var(--bui-text-size-1);
+  --bui-countdown-color: var(--bui-color-fg-default);
+  --bui-countdown-font-weight: var(--bui-font-weight-normal);
+  --bui-countdown-slice-unit-margin: 0 2px;
+}
 .bui-countdown {
-  --font-size: var(--bui-countdown-font-size, var(--bui-text-size-1));
-  --color: var(--bui-countdown-color, var(--bui-color-fg-default));
-  --font-weight: var(--bui-countdown-font-weight, var(--bui-font-weight-normal));
-  --slice-unit-margin: var(--bui-countdown-slice-unit-margin, 0 2px);
   display: flex;
   flex-direction: row;
   align-items: center;
-  font-size: var(--font-size);
-  color: var(--color);
-  font-weight: var(--font-weight);
+  font-size: var(--bui-countdown-font-size);
+  color: var(--bui-countdown-color);
+  font-weight: var(--bui-countdown-font-weight);
   font-family: var(--bui-font-family);
 }
 .bui-countdown-slice {
@@ -35,5 +39,5 @@
     sans-serif;
 }
 .bui-countdown-slice-unit {
-  margin: var(--slice-unit-margin);
+  margin: var(--bui-countdown-slice-unit-margin);
 }

package/dist/Dialog/FunctionalDialog.js

@@ -91,7 +91,7 @@ const formatProps = (props) => {
 };
 const DialogGenerator = (options) => {
   const rootWrapper = document.createElement("div");
-  const rootElement = (0, import_utils.getRootContainer)();
+  const rootElement = (0, import_utils.getRootElement)();
   rootElement.appendChild(rootWrapper);
   const DialogComponent = () => {
     const _a = options, { onConfirm, onCancel, ref } = _a, others = __objRest(_a, ["onConfirm", "onCancel", "ref"]);

package/dist/Dialog/index.css

@@ -1,30 +1,34 @@
+:root,
+page,
+xhs-page {
+  --bui-dialog-max-width: 300px;
+  --bui-dialog-border-radius: var(--bui-shape-radius-drawer);
+  --bui-dialog-title-padding: 0 40px 9px;
+  --bui-dialog-desc-padding: 0 24px;
+  --bui-dialog-footer-margin-top: 15px;
+  --bui-dialog-button-height: 53px;
+  --bui-dialog-button-line-height: 25px;
+  --bui-dialog-button-padding: 12px 0 13px;
+  --bui-dialog-button-font-size: 17px;
+  --bui-dialog-button-border-left: 1px solid rgba(0, 0, 0, 0.05);
+  --bui-dialog-button-active-background-color: rgba(54, 57, 64, 0.05);
+}
 .bui-dialog {
-  --max-width: var(--bui-dialog-max-width, 300px);
-  --border-radius: var(--bui-dialog-border-radius, var(--bui-shape-radius-drawer));
-  --title-padding: var(--bui-dialog-title-padding, 0 40px 9px);
-  --desc-padding: var(--bui-dialog-desc-padding, 0 24px);
-  --footer-margin-top: var(--bui-dialog-footer-margin-top, 15px);
-  --button-height: var(--bui-dialog-button-height, 53px);
-  --button-line-height: var(--bui-dialog-button-line-height, 25px);
-  --button-padding: var(--bui-dialog-button-padding, 12px 0 13px);
-  --button-font-size: var(--bui-dialog-button-font-size, 17px);
-  --button-border-left: var(--bui-dialog-button-border-left, 1px solid rgba(0, 0, 0, 0.05));
-  --button-active-background-color: var(--bui-dialog-button-active-background-color, rgba(54, 57, 64, 0.05));
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .bui-dialog-body {
   padding-top: 21px;
-  min-width: var(--max-width);
+  min-width: var(--bui-dialog-max-width);
   margin: 0 auto;
-  border-radius: var(--border-radius);
+  border-radius: var(--bui-dialog-border-radius);
   background-clip: padding-box;
   background-color: var(--bui-color-bg-view);
   line-height: 21px;
 }
 .bui-dialog-body-title {
-  padding: var(--title-padding);
+  padding: var(--bui-dialog-title-padding);
   font-size: var(--bui-title-size-2);
   text-align: center;
   color: var(--bui-color-fg-default);
@@ -34,7 +38,7 @@
   margin-top: var(--bui-spacing-sm);
 }
 .bui-dialog-body-desc {
-  padding: var(--desc-padding);
+  padding: var(--bui-dialog-desc-padding);
   color: var(--bui-color-fg-muted);
   font-size: var(--bui-title-size-4);
   text-align: center;
@@ -43,9 +47,8 @@
   padding-top: 0;
 }
 .bui-dialog-body-footer {
-  margin-top: var(--footer-margin-top);
+  margin-top: var(--bui-dialog-footer-margin-top);
   border-top: 1px solid rgba(0, 0, 0, 0.05);
-  display: -webkit-box;
   display: flex;
 }
 .bui-dialog-body-input {
@@ -56,13 +59,13 @@
   flex: 1;
   display: block;
   width: 100%;
-  height: var(--button-height);
-  line-height: var(--button-line-height);
-  padding: var(--button-padding);
-  font-size: var(--button-font-size);
+  height: var(--bui-dialog-button-height);
+  line-height: var(--bui-dialog-button-line-height);
+  padding: var(--bui-dialog-button-padding);
+  font-size: var(--bui-dialog-button-font-size);
   border: 0;
   outline: 0;
-  border-left: var(--button-border-left);
+  border-left: var(--bui-dialog-button-border-left);
   border-radius: 0;
   text-align: center;
   box-sizing: border-box;
@@ -71,5 +74,5 @@
   border: none;
 }
 .bui-dialog-body-button:active {
-  background-color: var(--button-active-background-color);
+  background-color: var(--bui-dialog-button-active-background-color);
 }

package/dist/Divider/Divider.d.ts

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

package/dist/Divider/Divider.js

@@ -46,10 +46,17 @@ __export(Divider_exports, {
 module.exports = __toCommonJS(Divider_exports);
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
-var import_Divider2 = require("./Divider.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-divider";
 const Divider = (0, import_react.forwardRef)((props, ref) => {
-  const { className, style, direction, dashed, size, children } = props;
+  const {
+    className,
+    style,
+    direction = "vertical",
+    dashed = false,
+    size,
+    children
+  } = props;
   const isVertical = direction === "vertical";
   const hasChildren = !!import_react.default.Children.toArray(children).length;
   let propsStyle = {};
@@ -76,8 +83,4 @@ const Divider = (0, import_react.forwardRef)((props, ref) => {
   );
 });
 Divider.displayName = "BuiDivider";
-Divider.defaultProps = {
-  direction: "vertical",
-  dashed: false
-};
 var Divider_default = Divider;

package/{es/Divider/Divider.css → dist/Divider/index.css}

@@ -1,20 +1,24 @@
+:root,
+page,
+xhs-page {
+  --bui-divider-height: 100%;
+  --bui-divider-width: 100%;
+  --bui-divider-border-width: 1px;
+  --bui-divider-line-width: 40px;
+}
 .bui-divider {
-  --height: var(--bui-divider-height, 100%);
-  --width: var(--bui-divider-width, 100%);
-  --border-width: var(--bui-divider-border-width, 1px);
-  --line-width: var(--bui-divider-line-width, 40px);
   border-color: var(--bui-color-border-default);
   font-family: var(--bui-font-family);
 }
 .bui-divider-vertical {
-  height: var(--height);
+  height: var(--bui-divider-height);
   display: inline-block;
-  border-right-width: var(--border-width);
+  border-right-width: var(--bui-divider-border-width);
   border-right-style: solid;
 }
 .bui-divider-horizontal {
-  width: var(--width);
-  border-bottom-width: var(--border-width);
+  width: var(--bui-divider-width);
+  border-bottom-width: var(--bui-divider-border-width);
   border-bottom-style: solid;
 }
 .bui-divider-vertical-dashed {
@@ -31,8 +35,8 @@
   justify-content: center;
 }
 .bui-divider-line {
-  width: var(--line-width);
-  border-bottom-width: var(--border-width);
+  width: var(--bui-divider-line-width);
+  border-bottom-width: var(--bui-divider-border-width);
   border-bottom-style: solid;
   border-color: var(--bui-color-border-default);
 }

package/dist/Drawer/Drawer.d.ts

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

package/dist/Drawer/Drawer.js

@@ -63,7 +63,7 @@ var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_Modal = __toESM(require("../Modal"));
 var import_Slide = __toESM(require("../Slide"));
-var import_Drawer2 = require("./Drawer.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-drawer";
 const oppositeDirection = {
   left: "right",
@@ -73,15 +73,15 @@ const oppositeDirection = {
 };
 const Drawer = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
-    anchor: anchorProp,
+    anchor: anchorProp = "bottom",
     container,
     children,
     className,
-    hideBackdrop,
+    hideBackdrop = false,
     onClose,
     SlideProps,
-    open,
-    disablePortal,
+    open = false,
+    disablePortal = false,
     contentProps,
     transitionDuration
   } = _a, others = __objRest(_a, [
@@ -135,10 +135,4 @@ const Drawer = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   );
 });
 Drawer.displayName = "BuiDrawer";
-Drawer.defaultProps = {
-  anchor: "bottom",
-  hideBackdrop: false,
-  open: false,
-  disablePortal: false
-};
 var Drawer_default = Drawer;

package/dist/Drawer/{Drawer.css → index.css}

@@ -20,6 +20,7 @@
   right: 0;
   height: auto;
   max-height: 100%;
+  overflow-y: auto;
 }
 .bui-drawer-content-right {
   right: 0;
@@ -31,4 +32,5 @@
   right: 0;
   height: auto;
   max-height: 100%;
+  overflow-y: auto;
 }

package/dist/Fade/Fade.js

@@ -70,62 +70,58 @@ const defaultTimeout = {
   enter: import_utils.duration.enteringScreen,
   exit: import_utils.duration.leavingScreen
 };
-const Fade = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
-  const _a = props, {
-    appear,
-    children,
-    in: inProp,
-    easing: easingProp,
-    style,
-    timeout,
-    delay
-  } = _a, others = __objRest(_a, [
-    "appear",
-    "children",
-    "in",
-    "easing",
-    "style",
-    "timeout",
-    "delay"
-  ]);
-  const transitions = (0, import_utils.createTransitions)();
-  const nodeRef = (0, import_utils.useForkRef)(ref, children == null ? void 0 : children.ref);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_Transition.default,
-    __spreadProps(__spreadValues({
-      appear,
+const Fade = /* @__PURE__ */ import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      appear = true,
+      children,
       in: inProp,
-      timeout,
-      delay
-    }, others), {
-      ref: nodeRef
-    }),
-    (state, childProps) => {
-      const transition = transitions.create(
-        "opacity",
-        (0, import_utils.getTransitionProps)(
-          { timeout, style, easing: easingProp, delay },
-          {
-            mode: state
-          }
-        )
-      );
-      return import_react.default.cloneElement(children, __spreadValues({
-        style: __spreadValues(__spreadValues({
-          visibility: state === "exited" ? "hidden" : "visible",
-          transition,
-          WebkitTransition: transition,
-          opacity: state === "entering" || state === "entered" ? "1" : "0"
-        }, style), children.props.style)
-      }, childProps));
-    }
-  );
-});
+      easing: easingProp = defaultEasing,
+      style,
+      timeout = defaultTimeout,
+      delay = 0
+    } = _b, others = __objRest(_b, [
+      "appear",
+      "children",
+      "in",
+      "easing",
+      "style",
+      "timeout",
+      "delay"
+    ]);
+    const transitions = (0, import_utils.createTransitions)();
+    const nodeRef = (0, import_utils.useForkRef)(ref, children == null ? void 0 : children.ref);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_Transition.default,
+      __spreadProps(__spreadValues({
+        appear,
+        in: inProp,
+        timeout,
+        delay
+      }, others), {
+        ref: nodeRef
+      }),
+      (state, childProps) => {
+        const transition = transitions.create(
+          "opacity",
+          (0, import_utils.getTransitionProps)(
+            { timeout, style, easing: easingProp, delay },
+            {
+              mode: state
+            }
+          )
+        );
+        return import_react.default.cloneElement(children, __spreadValues({
+          style: __spreadValues(__spreadValues({
+            visibility: state === "exited" ? "hidden" : "visible",
+            transition,
+            WebkitTransition: transition,
+            opacity: state === "entering" || state === "entered" ? "1" : "0"
+          }, style), children.props.style)
+        }, childProps));
+      }
+    );
+  }
+);
 Fade.displayName = "BuiFade";
-Fade.defaultProps = {
-  easing: defaultEasing,
-  timeout: defaultTimeout,
-  appear: true,
-  delay: 0
-};
 var Fade_default = Fade;

package/dist/IconButton/IconButton.d.ts

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

package/dist/IconButton/IconButton.js

@@ -59,7 +59,7 @@ module.exports = __toCommonJS(IconButton_exports);
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
-var import_IconButton2 = require("./IconButton.css");
+var import_index = require("./index.css");
 const prefixCls = "bui-icon-btn";
 const IconButton = /* @__PURE__ */ import_react.default.forwardRef(
   (props, ref) => {
@@ -67,11 +67,11 @@ const IconButton = /* @__PURE__ */ import_react.default.forwardRef(
     const _a = props, {
       className,
       children,
-      color,
-      disabled,
-      size,
-      variant,
-      shape
+      color = "neutral",
+      disabled = false,
+      size = "medium",
+      variant = "default",
+      shape = "circular"
     } = _a, others = __objRest(_a, [
       "className",
       "children",
@@ -102,17 +102,10 @@ const IconButton = /* @__PURE__ */ import_react.default.forwardRef(
       import_utils.isMini && import_react.default.isValidElement(children) ? import_react.default.cloneElement(children, __spreadValues(__spreadValues({}, !isContainedVariant && {
         color: ((_b = children.props) == null ? void 0 : _b.color) || color
       }), isContainedVariant && {
-        htmlColor: ((_c = children.props) == null ? void 0 : _c.htmlColor) || "#fff"
+        htmlColor: ((_c = children.props) == null ? void 0 : _c.htmlColor) || "var(--bui-color-white)"
       })) : children
     );
   }
 );
 IconButton.displayName = "BuiIconButton";
-IconButton.defaultProps = {
-  size: "medium",
-  variant: "default",
-  shape: "circular",
-  color: "default",
-  disabled: false
-};
 var IconButton_default = IconButton;