@bifrostui/react 1.4.5-beta.3 → 1.4.5

package/es/List/ListItem.js

@@ -33,50 +33,52 @@ import ListContext from "./ListContext";
 import ListItemFooter from "./ListItemFooter";
 import "./ListItem.css";
 const prefixCls = "bui-list-item";
-const ListItem = /* @__PURE__ */ React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      children,
-      className,
-      hideDivider = false,
-      disabled,
-      onClick,
-      endIcon,
-      component: Component = "div"
-    } = _b, others = __objRest(_b, [
-      "children",
-      "className",
-      "hideDivider",
-      "disabled",
-      "onClick",
-      "endIcon",
-      "component"
-    ]);
-    let chevron;
-    if (typeof endIcon === "boolean") {
-      chevron = endIcon && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
-    } else if (React.isValidElement(endIcon)) {
-      chevron = endIcon;
-    } else {
-      chevron = onClick && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
-    }
-    const context = React.useContext(ListContext);
-    return /* @__PURE__ */ React.createElement(
-      Component,
-      __spreadValues({
-        className: clsx(prefixCls, className, {
-          [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
-          [`${prefixCls}-disabled`]: disabled
-        }),
-        onClick,
-        ref
-      }, others),
-      children,
-      chevron && /* @__PURE__ */ React.createElement(ListItemFooter, null, chevron)
-    );
+const ListItem = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const _a = props, {
+    children,
+    className,
+    hideDivider,
+    disabled,
+    onClick,
+    endIcon,
+    component: Component
+  } = _a, others = __objRest(_a, [
+    "children",
+    "className",
+    "hideDivider",
+    "disabled",
+    "onClick",
+    "endIcon",
+    "component"
+  ]);
+  let chevron;
+  if (typeof endIcon === "boolean") {
+    chevron = endIcon && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
+  } else if (React.isValidElement(endIcon)) {
+    chevron = endIcon;
+  } else {
+    chevron = onClick && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
   }
-);
+  const context = React.useContext(ListContext);
+  return /* @__PURE__ */ React.createElement(
+    Component,
+    __spreadValues({
+      className: clsx(prefixCls, className, {
+        [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
+        [`${prefixCls}-disabled`]: disabled
+      }),
+      onClick,
+      ref
+    }, others),
+    children,
+    chevron && /* @__PURE__ */ React.createElement(ListItemFooter, null, chevron)
+  );
+});
 ListItem.displayName = "BuiListItem";
+ListItem.defaultProps = {
+  component: "div",
+  hideDivider: false
+};
 var ListItem_default = ListItem;
 export {
   ListItem_default as default

package/es/List/ListItemContent.js

@@ -35,7 +35,7 @@ const ListItemContent = /* @__PURE__ */ React.forwardRef(
     const _a = props, {
       children,
       className,
-      component: Component = "div",
+      component: Component,
       primary,
       secondary
     } = _a, others = __objRest(_a, [
@@ -49,6 +49,9 @@ const ListItemContent = /* @__PURE__ */ React.forwardRef(
   }
 );
 ListItemContent.displayName = "BuiListItemContent";
+ListItemContent.defaultProps = {
+  component: "div"
+};
 var ListItemContent_default = ListItemContent;
 export {
   ListItemContent_default as default

package/es/List/ListItemExtra.js

@@ -32,19 +32,14 @@ import "./ListItemExtra.css";
 const prefixCls = "bui-list-item-extra";
 const ListItemExtra = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    const _a = props, {
-      children,
-      className,
-      component: Component = "div"
-    } = _a, others = __objRest(_a, [
-      "children",
-      "className",
-      "component"
-    ]);
+    const _a = props, { children, className, component: Component } = _a, others = __objRest(_a, ["children", "className", "component"]);
     return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
   }
 );
 ListItemExtra.displayName = "BuiListItemExtra";
+ListItemExtra.defaultProps = {
+  component: "div"
+};
 var ListItemExtra_default = ListItemExtra;
 export {
   ListItemExtra_default as default

package/es/List/ListItemFooter.js

@@ -32,19 +32,14 @@ import "./ListItemFooter.css";
 const prefixCls = "bui-list-item-footer";
 const ListItemFooter = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    const _a = props, {
-      children,
-      className,
-      component: Component = "div"
-    } = _a, others = __objRest(_a, [
-      "children",
-      "className",
-      "component"
-    ]);
+    const _a = props, { children, className, component: Component } = _a, others = __objRest(_a, ["children", "className", "component"]);
     return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
   }
 );
 ListItemFooter.displayName = "BuiListItemFooter";
+ListItemFooter.defaultProps = {
+  component: "div"
+};
 var ListItemFooter_default = ListItemFooter;
 export {
   ListItemFooter_default as default

package/es/List/ListItemHeader.js

@@ -32,19 +32,14 @@ import "./ListItemHeader.css";
 const prefixCls = "bui-list-item-header";
 const ListItemHeader = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
-    const _a = props, {
-      children,
-      className,
-      component: Component = "div"
-    } = _a, others = __objRest(_a, [
-      "children",
-      "className",
-      "component"
-    ]);
+    const _a = props, { children, className, component: Component } = _a, others = __objRest(_a, ["children", "className", "component"]);
     return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
   }
 );
 ListItemHeader.displayName = "BuiListItemHeader";
+ListItemHeader.defaultProps = {
+  component: "div"
+};
 var ListItemHeader_default = ListItemHeader;
 export {
   ListItemHeader_default as default

package/es/Loading/Loading.js

@@ -32,19 +32,7 @@ import { LoadingThreeQuartersOutlinedIcon } from "@bifrostui/icons";
 import "./Loading.css";
 const prefixCls = "bui-loading";
 const Loading = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const _a = props, {
-    className,
-    icon,
-    IconProps,
-    children,
-    direction = "vertical"
-  } = _a, otherProps = __objRest(_a, [
-    "className",
-    "icon",
-    "IconProps",
-    "children",
-    "direction"
-  ]);
+  const _a = props, { className, icon, IconProps, children, direction } = _a, otherProps = __objRest(_a, ["className", "icon", "IconProps", "children", "direction"]);
   const renderIcon = () => {
     return icon != null ? icon : /* @__PURE__ */ React.createElement(
       LoadingThreeQuartersOutlinedIcon,
@@ -64,6 +52,9 @@ const Loading = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Loading.displayName = "BuiLoading";
+Loading.defaultProps = {
+  direction: "vertical"
+};
 var Loading_default = Loading;
 export {
   Loading_default as default

package/es/Modal/Modal.js

@@ -106,6 +106,12 @@ const Modal = /* @__PURE__ */ React.forwardRef((props, ref) => {
   ) : null, (open || keepMounted) && children));
 });
 Modal.displayName = "BuiModal";
+Modal.defaultProps = {
+  open: false,
+  disablePortal: false,
+  disableScrollLock: false,
+  hideBackdrop: false
+};
 var Modal_default = Modal;
 export {
   Modal_default as default

package/es/Modal/Modal.miniapp.d.ts

@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "open" | keyof import("@bifrostui/types").ICommonProps | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/es/Modal/Modal.miniapp.js

@@ -41,13 +41,13 @@ const Modal = /* @__PURE__ */ React.forwardRef(
   (props, ref) => {
     const _a = props, {
       className,
-      open = false,
+      open,
       BackdropProps,
       children,
       container,
-      disablePortal = false,
-      disableScrollLock = false,
-      hideBackdrop = false,
+      disablePortal,
+      disableScrollLock,
+      hideBackdrop,
       onClose,
       keepMounted
     } = _a, others = __objRest(_a, [
@@ -103,6 +103,12 @@ const Modal = /* @__PURE__ */ React.forwardRef(
   }
 );
 Modal.displayName = "BuiModal";
+Modal.defaultProps = {
+  open: false,
+  disablePortal: false,
+  disableScrollLock: false,
+  hideBackdrop: false
+};
 var Modal_miniapp_default = Modal;
 export {
   Modal_miniapp_default as default

package/es/NavBar/NavBar.js

@@ -103,6 +103,7 @@ const NavBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, renderNavBar(), renderPlaceholder());
 });
 NavBar.displayName = "BuiNavBar";
+NavBar.defaultProps = {};
 var NavBar_default = NavBar;
 export {
   NavBar_default as default

package/es/Popover/Popover.css

@@ -1,6 +1,6 @@
 .bui-popover {
   --arrow-size: var(--bui-popover-arrow-size, 8PX);
-  --location-position: var(--bui-popover-location-position, 8PX);
+  --localtion-position: var(--bui-popover-localtion-position, 8PX);
   --max-width: var(--bui-popover-max-width, 350px);
   --content-min-width: var(--bui-popover-content-min-width, 30px);
   --content-padding: var(--bui-popover-content-padding, 6px 8px);
@@ -16,16 +16,16 @@
   position: absolute;
 }
 .bui-popover .bui-popover-arrow.location-left {
-  left: var(--location-position);
+  left: var(--localtion-position);
 }
 .bui-popover .bui-popover-arrow.location-right {
-  right: var(--location-position);
+  right: var(--localtion-position);
 }
 .bui-popover .bui-popover-arrow.location-top {
-  top: var(--location-position);
+  top: var(--localtion-position);
 }
 .bui-popover .bui-popover-arrow.location-bottom {
-  bottom: var(--location-position);
+  bottom: var(--localtion-position);
 }
 .bui-popover.popover-top .location-center,
 .bui-popover.popover-bottom .location-center {

package/es/Radio/Radio.css

@@ -1,6 +1,7 @@
 .bui-radio {
   --label-color: var(--bui-radio-label-color, var(--bui-color-fg-default));
   --label-font-size: var(--bui-radio-label-font-size, var(--bui-text-size-1));
+  --icon-font-size: var(--bui-radio-icon-font-size, var(--bui-title-size-2));
   --icon-padding: var(--bui-radio-icon-padding, 5px);
   display: inline-flex;
   align-items: center;

package/es/Radio/Radio.js

@@ -39,7 +39,7 @@ const prefixCls = "bui-radio";
 const Radio = forwardRef((props, ref) => {
   const _a = props, {
     className,
-    defaultChecked = false,
+    defaultChecked,
     checked,
     inputProps,
     inputRef,
@@ -48,7 +48,7 @@ const Radio = forwardRef((props, ref) => {
     disabled,
     icon,
     checkedIcon,
-    labelPlacement = "right",
+    labelPlacement,
     onChange,
     children
   } = _a, others = __objRest(_a, [
@@ -147,6 +147,10 @@ const Radio = forwardRef((props, ref) => {
   );
 });
 Radio.displayName = "BuiRadio";
+Radio.defaultProps = {
+  defaultChecked: false,
+  labelPlacement: "right"
+};
 var Radio_default = Radio;
 export {
   Radio_default as default

package/es/Radio/RadioGroup.js

@@ -70,6 +70,9 @@ const RadioGroup = forwardRef((props, ref) => {
   );
 });
 RadioGroup.displayName = "BuiRadioGroup";
+RadioGroup.defaultProps = {
+  disabled: false
+};
 var RadioGroup_default = RadioGroup;
 export {
   RadioGroup_default as default

package/es/Rating/Rating.js

@@ -39,18 +39,18 @@ const classes = {
 const Rating = forwardRef((props, ref) => {
   const _a = props, {
     className,
-    size = "medium",
+    size,
     defaultValue,
-    allowHalf = false,
-    icon = /* @__PURE__ */ React.createElement(StarFilledIcon, { htmlColor: "#ced1d6" }),
-    checkedIcon = /* @__PURE__ */ React.createElement(StarFilledIcon, { color: "warning" }),
-    count = 5,
-    readOnly = false,
-    disabled = false,
+    allowHalf,
+    icon,
+    checkedIcon,
+    count,
+    readOnly,
+    disabled,
     value,
     onChange,
     name,
-    disableClear = false
+    disableClear
   } = _a, others = __objRest(_a, [
     "className",
     "size",
@@ -134,6 +134,16 @@ const Rating = forwardRef((props, ref) => {
   );
 });
 Rating.displayName = "BuiRating";
+Rating.defaultProps = {
+  size: "medium",
+  count: 5,
+  icon: /* @__PURE__ */ React.createElement(StarFilledIcon, { htmlColor: "#ced1d6" }),
+  checkedIcon: /* @__PURE__ */ React.createElement(StarFilledIcon, { color: "warning" }),
+  readOnly: false,
+  disabled: false,
+  allowHalf: false,
+  disableClear: false
+};
 var Rating_default = Rating;
 export {
   Rating_default as default

package/es/Select/Select.js

@@ -57,14 +57,12 @@ const Select = /* @__PURE__ */ React.forwardRef((props, ref) => {
     inputProps,
     BackdropProps,
     value,
-    defaultValue = "",
+    defaultValue,
     disabled,
     placeholder,
     icon,
     open,
-    scrollContainer = () => {
-      return isMini ? null : document.body;
-    },
+    scrollContainer,
     onChange,
     onClose,
     onOpen,
@@ -250,6 +248,12 @@ const Select = /* @__PURE__ */ React.forwardRef((props, ref) => {
   ));
 });
 Select.displayName = "BuiSelect";
+Select.defaultProps = {
+  defaultValue: "",
+  scrollContainer: () => {
+    return isMini ? null : document.body;
+  }
+};
 var Select_default = Select;
 export {
   Select_default as default

package/es/Skeleton/Skeleton.js

@@ -31,16 +31,16 @@ import React from "react";
 import "./Skeleton.css";
 const prefixCls = "bui-skeleton";
 const Skeleton = /* @__PURE__ */ React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
+  (props, ref) => {
+    const _a = props, {
       className,
       style,
-      animation = "wave",
+      animation,
       width,
       height,
-      variant = "text",
+      variant,
       children
-    } = _b, others = __objRest(_b, [
+    } = _a, others = __objRest(_a, [
       "className",
       "style",
       "animation",
@@ -69,6 +69,10 @@ const Skeleton = /* @__PURE__ */ React.forwardRef(
   }
 );
 Skeleton.displayName = "BuiSkeleton";
+Skeleton.defaultProps = {
+  animation: "wave",
+  variant: "text"
+};
 var Skeleton_default = Skeleton;
 export {
   Skeleton_default as default

package/es/Slide/Slide.js

@@ -46,77 +46,82 @@ const defaultTimeout = {
   enter: duration.enteringScreen,
   exit: duration.leavingScreen
 };
-const Slide = /* @__PURE__ */ React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      appear = true,
+const Slide = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const _a = props, {
+    appear,
+    in: inProp,
+    children,
+    style,
+    easing: easingProp,
+    timeout,
+    direction,
+    delay
+  } = _a, others = __objRest(_a, [
+    "appear",
+    "in",
+    "children",
+    "style",
+    "easing",
+    "timeout",
+    "direction",
+    "delay"
+  ]);
+  const transitions = createTransitions();
+  const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
+  const getTranslateValue = (_direction) => {
+    if (_direction === "left") {
+      return "translateX(100%)";
+    }
+    if (_direction === "right") {
+      return "translateX(-100%)";
+    }
+    if (_direction === "up") {
+      return "translateY(100%)";
+    }
+    return "translateY(-100%)";
+  };
+  if (!children)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    Transition,
+    __spreadProps(__spreadValues({}, others), {
+      appear,
       in: inProp,
-      children,
-      style,
-      easing: easingProp = defaultEasing,
-      timeout = defaultTimeout,
-      direction = "down",
-      delay = 0
-    } = _b, others = __objRest(_b, [
-      "appear",
-      "in",
-      "children",
-      "style",
-      "easing",
-      "timeout",
-      "direction",
-      "delay"
-    ]);
-    const transitions = createTransitions();
-    const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
-    const getTranslateValue = (_direction) => {
-      if (_direction === "left") {
-        return "translateX(100%)";
-      }
-      if (_direction === "right") {
-        return "translateX(-100%)";
-      }
-      if (_direction === "up") {
-        return "translateY(100%)";
-      }
-      return "translateY(-100%)";
-    };
-    if (!children)
-      return null;
-    return /* @__PURE__ */ React.createElement(
-      Transition,
-      __spreadProps(__spreadValues({}, others), {
-        appear,
-        in: inProp,
-        timeout,
-        delay,
-        ref: nodeRef
-      }),
-      (state, childProps) => {
-        const transition = transitions.create(
-          "transform",
-          getTransitionProps(
-            { timeout, style, easing: easingProp, delay },
-            {
-              mode: state
-            }
-          )
-        );
-        const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
-        return React.cloneElement(children, __spreadValues({
-          style: __spreadValues(__spreadValues({
-            visibility: state === "exited" ? "hidden" : "visible",
-            transition,
-            WebkitTransition: transition,
-            transform,
-            WebkitTransform: transform
-          }, style), children.props.style)
-        }, childProps));
-      }
-    );
-  }
-);
+      timeout,
+      delay,
+      ref: nodeRef
+    }),
+    (state, childProps) => {
+      const transition = transitions.create(
+        "transform",
+        getTransitionProps(
+          { timeout, style, easing: easingProp, delay },
+          {
+            mode: state
+          }
+        )
+      );
+      const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
+      return React.cloneElement(children, __spreadValues({
+        style: __spreadValues(__spreadValues({
+          visibility: state === "exited" ? "hidden" : "visible",
+          transition,
+          WebkitTransition: transition,
+          transform,
+          WebkitTransform: transform
+        }, style), children.props.style)
+      }, childProps));
+    }
+  );
+});
 Slide.displayName = "BuiSlide";
+Slide.defaultProps = {
+  appear: true,
+  easing: defaultEasing,
+  timeout: defaultTimeout,
+  direction: "down",
+  delay: 0
+};
 var Slide_default = Slide;
 export {
   Slide_default as default

package/es/Slider/Slider.js

@@ -79,15 +79,15 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
     className,
     defaultValue,
     value: valueProp,
-    min = 0,
-    max = 100,
-    step = 1,
-    tipVisible = false,
-    tooltipRender = (value2) => value2,
+    min,
+    max,
+    step,
+    tipVisible,
+    tooltipRender,
     disabled,
     startIcon,
     endIcon,
-    disableSwap = false,
+    disableSwap,
     onChange
   } = _a, others = __objRest(_a, [
     "className",
@@ -296,6 +296,14 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Slider.displayName = "BuiSlider";
+Slider.defaultProps = {
+  min: 0,
+  max: 100,
+  step: 1,
+  disableSwap: false,
+  tipVisible: false,
+  tooltipRender: (value) => value
+};
 var Slider_default = Slider;
 export {
   Slider_default as default