@bifrostui/react 0.0.5

package/es/NavBar/NavBar.css

@@ -0,0 +1,57 @@
+.bui-navbar {
+  --height: var(--bui-navbar-height, 45px);
+  --icon-size: var(--bui-navbar-icon-size, 24px);
+  --background-color: var(--bui-navbar-background-color, var(--bui-color-white));
+  --border-bottom: var(--bui-navbar-border-bottom, none);
+  --z-index: var(--bui-navbar-z-index, auto);
+  position: relative;
+  width: 100%;
+  height: var(--height);
+  box-sizing: border-box;
+  padding: 0 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--background-color);
+  border-bottom: var(--border-bottom);
+  user-select: none;
+  z-index: var(--z-index);
+  font-family: var(--bui-font-family);
+}
+.bui-navbar-fixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.bui-navbar-title {
+  max-width: 60%;
+  padding: 0 8px;
+  font-size: var(--bui-title-size-2);
+  width: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bui-navbar-left,
+.bui-navbar-right {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  font-size: var(--bui-title-size-3);
+}
+.bui-navbar-left {
+  justify-content: flex-start;
+  text-align: left;
+}
+.bui-navbar-right {
+  justify-content: flex-end;
+  text-align: right;
+  align-self: stretch;
+}
+.bui-navbar-icon {
+  font-size: var(--icon-size);
+}
+.bui-navbar-placeholder {
+  width: 100%;
+}

package/es/NavBar/NavBar.d.ts

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

package/es/NavBar/NavBar.js

@@ -0,0 +1,82 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "title", "left", "leftIcon", "IconProps", "right", "fixed", "placeholder", "onClickLeft"];
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import clsx from 'clsx';
+import { useForkRef, useSize } from '@bifrostui/utils';
+import { ArrowBackwardLargeIcon } from '@bifrostui/icons';
+import "./NavBar.css";
+var prefixCls = 'bui-navbar';
+var NavBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    title = props.title,
+    left = props.left,
+    leftIcon = props.leftIcon,
+    IconProps = props.IconProps,
+    right = props.right,
+    fixed = props.fixed,
+    placeholder = props.placeholder,
+    onClickLeft = props.onClickLeft,
+    otherProps = _objectWithoutProperties(props, _excluded);
+
+  // 计算内容区域高度，用来形成占位区域
+  var containerRef = React.useRef(null);
+  var handleForkRef = useForkRef(ref, containerRef);
+  var _useSize = useSize(containerRef),
+    height = _useSize.height;
+
+  // 渲染左侧内容
+  var renderLeft = function renderLeft() {
+    var icon;
+    if (leftIcon === false) {
+      icon = null;
+    } else {
+      icon = leftIcon !== null && leftIcon !== void 0 ? leftIcon : /*#__PURE__*/React.createElement(ArrowBackwardLargeIcon, _extends({
+        className: clsx("".concat(prefixCls, "-icon"))
+      }, IconProps));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-left"),
+      onClick: onClickLeft
+    }, icon, left);
+  };
+
+  // 渲染右侧内容
+  var renderRight = function renderRight() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-right")
+    }, right);
+  };
+
+  // 渲染导航栏
+  var renderNavBar = function renderNavBar() {
+    return /*#__PURE__*/React.createElement("div", _extends({
+      ref: handleForkRef,
+      className: clsx(className, prefixCls, _defineProperty({}, "".concat(prefixCls, "-fixed"), fixed))
+    }, otherProps), renderLeft(), /*#__PURE__*/React.createElement("div", {
+      className: clsx("".concat(prefixCls, "-title"), 'ellipsis')
+    }, title), renderRight());
+  };
+
+  // 渲染占位块
+  var renderPlaceholder = function renderPlaceholder() {
+    if (fixed && placeholder) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "".concat(prefixCls, "-placeholder"),
+        style: {
+          height: height !== null && height !== void 0 ? height : 0
+        }
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderNavBar(), renderPlaceholder());
+});
+NavBar.displayName = 'BuiNavBar';
+NavBar.defaultProps = {};
+export default NavBar;

package/es/NavBar/NavBar.types.d.ts

@@ -0,0 +1,44 @@
+import React, { SyntheticEvent } from 'react';
+import { OverrideProps } from '@bifrostui/types';
+import type { ISvgIconProps } from '@bifrostui/icons';
+export type NavBarProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 组件容器样式名
+         */
+        className?: string;
+        /**
+         * 标题栏标题,默认值undefined
+         */
+        title?: React.ReactNode;
+        /**
+         * 左侧图标后文案，默认值undefined
+         */
+        left?: React.ReactNode;
+        /**
+         * 左侧图标，默认值<ArrowBackwardLargeIcon />
+         */
+        leftIcon?: React.ReactNode;
+        /**
+         * iconPropss将值透传给内部icon
+         */
+        IconProps?: Partial<ISvgIconProps>;
+        /**
+         * 右侧自定义内容，默认值undefined
+         */
+        right?: React.ReactNode;
+        /**
+         * 是否固定在顶部，默认值false
+         */
+        fixed?: boolean;
+        /**
+         * 固定在顶部时，是否在标签位置生成一个等高的占位元素，默认值false
+         */
+        placeholder?: boolean;
+        /**
+         * 左侧点击事件
+         */
+        onClickLeft?: (e: SyntheticEvent) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/NavBar/NavBar.types.js

@@ -0,0 +1 @@
+export {};

package/es/NavBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as NavBar } from './NavBar';
+export * from './NavBar.types';

package/es/NavBar/index.js

@@ -0,0 +1,2 @@
+export { default, default as NavBar } from "./NavBar";
+export * from "./NavBar.types";

package/es/Portal/Portal.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PortalProps } from './Portal.types';
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement>>;
+export default Portal;

package/es/Portal/Portal.js

@@ -0,0 +1,11 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import PortalCore from "./PortalCore";
+export var Portal = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(PortalCore, _extends({}, props, {
+    ref: ref,
+    rootElement: document.body
+  }));
+});
+Portal.displayName = 'BuiPortal';
+export default Portal;

package/es/Portal/Portal.miniapp.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PortalProps } from './Portal.types';
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLElement>>;
+export default Portal;

package/es/Portal/Portal.miniapp.js

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Taro from '@tarojs/taro';
+import React, { forwardRef, useMemo } from 'react';
+import PortalCore from "./PortalCore";
+export var Portal = /*#__PURE__*/forwardRef(function (props, ref) {
+  var disablePortal = props.disablePortal;
+  var rootWrapperElement = useMemo(function () {
+    if (!disablePortal) {
+      var currentPages = Taro.getCurrentPages() || [];
+      var currentPage = currentPages[currentPages.length - 1];
+      var pageElement = currentPage === null || currentPage === void 0 ? void 0 : currentPage.$taroPath;
+      var rootElement = document.getElementById(pageElement);
+      // Taro的document.getElementById 能获取到小程序页面堆栈里的所有元素，所以portalId需要加上页面标识区分
+      var portalId = rootElement !== null && rootElement !== void 0 && rootElement.sid ? "".concat(rootElement === null || rootElement === void 0 ? void 0 : rootElement.sid, "_portalId") : "".concat(pageElement, "_portalId");
+      var portalWrapperElement = document.getElementById(portalId);
+      // Taro删除楼层时候会影响兄弟元素render，放在Portal插入的元素删除时候影响页面的render，Portal经常会用在弹窗、浮层等场景，弹窗关闭，会导致页面重新render可能会导致表现回到初始态，在根节点插入一个view再插入Portal子元素  https://docs.taro.zone/docs/optimized#1-%E5%88%A0%E9%99%A4%E6%A5%BC%E5%B1%82%E8%8A%82%E7%82%B9%E8%A6%81%E8%B0%A8%E6%85%8E%E5%A4%84%E7%90%86
+      if (!portalWrapperElement) {
+        var view = document.createElement('view');
+        view.id = portalId;
+        rootElement === null || rootElement === void 0 || rootElement.appendChild(view);
+        return view;
+      }
+      return portalWrapperElement;
+    }
+    return undefined;
+  }, []);
+  return /*#__PURE__*/React.createElement(PortalCore, _extends({}, props, {
+    ref: ref,
+    rootElement: rootWrapperElement
+  }));
+});
+Portal.displayName = 'BuiPortal';
+export default Portal;

package/es/Portal/Portal.types.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface PortalCoreProps {
+    /**
+     * container中渲染的元素
+     */
+    children?: React.ReactNode;
+    /**
+     * children内容将会被append到container中
+     * 默认是页面的根节点
+     */
+    container?: Element | (() => Element | null) | null;
+    /**
+     * 禁止Portal，children将被渲染在父节点中
+     * @default false
+     */
+    disablePortal?: boolean;
+    /**
+     * 页面跟节点
+     */
+    rootElement?: Element;
+}
+export type PortalProps = Omit<PortalCoreProps, 'rootElement'>;

package/es/Portal/Portal.types.js

@@ -0,0 +1 @@
+export {};

package/es/Portal/PortalCore.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PortalCoreProps } from './Portal.types';
+/**
+ * Portals provide a first-class way to render children into a DOM node
+ * that exists outside the DOM hierarchy of the parent component.
+ */
+declare const PortalCore: React.ForwardRefExoticComponent<PortalCoreProps & React.RefAttributes<Element>>;
+export default PortalCore;

package/es/Portal/PortalCore.js

@@ -0,0 +1,57 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { setRef, useForkRef } from '@bifrostui/utils';
+import React, { useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+function getContainer(container) {
+  return typeof container === 'function' ? container() : container;
+}
+
+/**
+ * Portals provide a first-class way to render children into a DOM node
+ * that exists outside the DOM hierarchy of the parent component.
+ */
+var PortalCore = /*#__PURE__*/React.forwardRef(function Portal(props, ref) {
+  var children = props.children,
+    container = props.container,
+    _props$disablePortal = props.disablePortal,
+    disablePortal = _props$disablePortal === void 0 ? false : _props$disablePortal,
+    rootElement = props.rootElement;
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    mountNode = _React$useState2[0],
+    setMountNode = _React$useState2[1];
+  var handleRef = useForkRef(
+  // @ts-expect-error will upstream fix
+  /*#__PURE__*/React.isValidElement(children) ? children.ref : null, ref);
+  useLayoutEffect(function () {
+    if (!disablePortal) {
+      setMountNode(getContainer(container) || rootElement);
+    }
+  }, [container, disablePortal, rootElement]);
+  useLayoutEffect(function () {
+    if (mountNode && !disablePortal) {
+      setRef(ref, mountNode);
+      return function () {
+        setRef(ref, null);
+      };
+    }
+    return undefined;
+  }, [ref, mountNode, disablePortal]);
+  if (disablePortal) {
+    if ( /*#__PURE__*/React.isValidElement(children)) {
+      var newProps = {
+        ref: handleRef
+      };
+      return /*#__PURE__*/React.cloneElement(children, newProps);
+    }
+    return children;
+  }
+  return mountNode ? /*#__PURE__*/createPortal(children, mountNode) : mountNode;
+});
+PortalCore.displayName = 'BuiPortalCore';
+export default PortalCore;

package/es/Portal/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Portal';
+export { default as Portal } from './Portal';
+export * from './Portal.types';

package/es/Portal/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Portal";
+export { default as Portal } from "./Portal";
+export * from "./Portal.types";

package/es/Progress/Progress.css

@@ -0,0 +1,22 @@
+.bui-progress {
+  --fill-color: var(--bui-color-primary);
+  --trail-color: rgba(156, 156, 165, 0.2);
+  --stroke-width: 8px;
+  width: 100%;
+  font-family: var(--bui-font-family);
+}
+.bui-progress-inner {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  vertical-align: middle;
+  background-color: var(--trail-color);
+  border-radius: 100px;
+}
+.bui-progress-bg {
+  position: relative;
+  border-radius: 100px;
+  background-color: var(--fill-color);
+  height: var(--stroke-width);
+}

package/es/Progress/Progress.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProgressGradient, ProgressProps } from './Progress.types';
+import './Progress.less';
+export declare const handleGradient: (strokeColor: ProgressGradient) => {
+    backgroundImage: string;
+};
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Progress;

package/es/Progress/Progress.js

@@ -0,0 +1,90 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["from", "to", "direction"],
+  _excluded2 = ["className", "percent", "strokeWidth", "strokeColor", "trailColor"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import React from 'react';
+import "./Progress.css";
+var prefixCls = 'bui-progress';
+function validProgress(progress) {
+  if (!progress || progress < 0) {
+    return 0;
+  }
+  if (progress > 100) {
+    return 100;
+  }
+  return progress;
+}
+var sortGradient = function sortGradient(gradients) {
+  var tempArr = [];
+  Object.keys(gradients).forEach(function (key) {
+    var formattedKey = parseFloat(key.replace(/%/g, ''));
+    if (!Number.isNaN(formattedKey)) {
+      tempArr.push({
+        key: formattedKey,
+        value: gradients[key]
+      });
+    }
+  });
+  tempArr = tempArr.sort(function (a, b) {
+    return a.key - b.key;
+  });
+  return tempArr.map(function (_ref) {
+    var key = _ref.key,
+      value = _ref.value;
+    return "".concat(value, " ").concat(key, "%");
+  }).join(', ');
+};
+export var handleGradient = function handleGradient(strokeColor) {
+  var from = strokeColor.from,
+    to = strokeColor.to,
+    _strokeColor$directio = strokeColor.direction,
+    direction = _strokeColor$directio === void 0 ? 'to right' : _strokeColor$directio,
+    rest = _objectWithoutProperties(strokeColor, _excluded);
+  if (Object.keys(rest).length !== 0) {
+    var sortedGradients = sortGradient(rest);
+    return {
+      backgroundImage: "linear-gradient(".concat(direction, ", ").concat(sortedGradients, ")")
+    };
+  }
+  return {
+    backgroundImage: "linear-gradient(".concat(direction, ", ").concat(from, ", ").concat(to, ")")
+  };
+};
+var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    percent = props.percent,
+    strokeWidth = props.strokeWidth,
+    strokeColor = props.strokeColor,
+    trailColor = props.trailColor,
+    others = _objectWithoutProperties(props, _excluded2);
+  var backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor) : {
+    background: strokeColor
+  };
+  var percentStyle = _objectSpread({
+    width: "".concat(validProgress(percent), "%"),
+    height: strokeWidth
+  }, backgroundProps);
+  var trailStyle = {
+    background: trailColor || undefined
+  };
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className),
+    ref: ref
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-inner"),
+    style: trailStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-bg"),
+    style: percentStyle
+  })));
+});
+Progress.displayName = 'BuiProgress';
+export default Progress;

package/es/Progress/Progress.types.d.ts

@@ -0,0 +1,28 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type ProgressStringGradients = {
+    [percentage: string]: string;
+};
+type ProgressFromToGradients = {
+    from: string;
+    to: string;
+};
+export type ProgressGradient = {
+    direction?: string;
+} & (ProgressStringGradients | ProgressFromToGradients);
+export type ProgressProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /** 百分比 */
+        percent?: number;
+        /**
+         * - 进度条的色彩，传入 object 时为渐变
+         */
+        strokeColor?: string | ProgressGradient;
+        /** 未填充进度条的色彩 */
+        trailColor?: string;
+        /** 进度条线的宽度，单位 */
+        strokeWidth?: number | string;
+    };
+    defaultComponent: D;
+}, D>;
+export {};

package/es/Progress/Progress.types.js

@@ -0,0 +1 @@
+export {};

package/es/Progress/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Progress';
+export { default as Progress } from './Progress';
+export * from './Progress.types';

package/es/Progress/index.js

@@ -0,0 +1,3 @@
+export { default } from "./Progress";
+export { default as Progress } from "./Progress";
+export * from "./Progress.types";

package/es/Radio/Radio.css

@@ -0,0 +1,65 @@
+.bui-radio {
+  --label-color: var(--bui-color-fg-default);
+  --label-font-size: var(--bui-text-size-1);
+  --icon-font-size: var(--bui-title-size-2);
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  font-family: var(--bui-font-family);
+}
+.bui-radio-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.bui-radio-label-left {
+  flex-direction: row-reverse;
+}
+.bui-radio-label-top {
+  flex-direction: column-reverse;
+}
+.bui-radio-label-bottom {
+  flex-direction: column;
+}
+.bui-radio-input {
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  z-index: 1;
+}
+.bui-radio-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding: 5px;
+  box-sizing: border-box;
+}
+.bui-radio-label {
+  font-size: var(--label-font-size);
+  color: var(--label-color);
+}
+.bui-radio-btn-icon {
+  position: relative;
+  display: flex;
+}
+.bui-radio-btn-icon .bui-svg-icon {
+  font-size: var(--icon-font-size);
+}
+.bui-radio-btn-icon-outline {
+  transform: scale(1);
+  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+}
+.bui-radio-btn-icon-contained {
+  position: absolute;
+  left: 0;
+  transform: scale(0);
+  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
+}
+.bui-radio-btn-icon-checked .bui-radio-btn-icon-contained {
+  transform: scale(1);
+  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1) 0ms;
+}

package/es/Radio/Radio.d.ts

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