@bifrostui/react 0.0.5

package/es/Tabs/Tabs.js

@@ -0,0 +1,210 @@
+var _excluded = ["children", "className", "value", "tabs", "align", "onChange"];
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+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 { debounce, isMini, throttle, useDidMountEffect } from '@bifrostui/utils';
+import clsx from 'clsx';
+import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import Tab from "./Tab";
+import "./Tabs.css";
+import { TabsContextProvider } from "./TabsContext";
+import bound from "./utils/bound";
+var prefixCls = 'bui-tabs';
+var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    value = props.value,
+    tabs = props.tabs,
+    align = props.align,
+    onChange = props.onChange,
+    others = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var tabsRef = useRef(null);
+  var activeLineRef = useRef(null);
+  var _useState3 = useState({
+      x: 0,
+      transitionInUse: false
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    lineData = _useState4[0],
+    setLineData = _useState4[1];
+  var _useState5 = useState({
+      leftMaskOpacity: 0,
+      rightMaskOpacity: 0
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    maskData = _useState6[0],
+    setMaskData = _useState6[1];
+  var animate = function animate(_ref) {
+    var transitionInUse = _ref.transitionInUse;
+    var container = tabsRef.current;
+    if (!container) return;
+    var activeIndex = !!tabs.length && tabs.findIndex(function (item) {
+      var _tabs$;
+      return item.index === (active || ((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.index));
+    });
+    var activeLine = activeLineRef.current;
+    if (!activeLine) return;
+    var activeTab;
+    if (tabs.length) {
+      activeTab = container.childNodes[activeIndex + 1];
+    } else {
+      activeTab = _toConsumableArray(container.childNodes).find(function (child) {
+        if (isMini) {
+          return _toConsumableArray(child.classList.tokenList).includes('bui-tab-miniapp-active');
+        }
+        return _toConsumableArray(child.classList).includes('bui-tab-active');
+      });
+    }
+    if (!activeTab) return;
+    var activeTabLeft = activeTab.offsetLeft;
+    var activeTabWidth = activeTab.offsetWidth;
+    var containerWidth = container.offsetWidth;
+    var containerScrollWidth = container.scrollWidth;
+    var activeLineWidth = activeLine.offsetWidth;
+    var x = activeTabLeft + (activeTabWidth - activeLineWidth) / 2;
+    setLineData({
+      x: x,
+      transitionInUse: transitionInUse
+    });
+    var maxScrollDistance = containerScrollWidth - containerWidth;
+    if (maxScrollDistance <= 0) return;
+    var nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
+    if (tabsRef.current) {
+      tabsRef.current.scrollLeft = nextScrollLeft;
+    }
+  };
+  useEffect(function () {
+    var defaultIndex = safeValue();
+    setActive(defaultIndex);
+  }, [value]);
+  useLayoutEffect(function () {
+    animate({
+      transitionInUse: false
+    });
+  }, []);
+  useEffect(function () {
+    var handleResize = debounce(function () {
+      animate({
+        transitionInUse: true
+      });
+    }, 100);
+    window.addEventListener('resize', handleResize);
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [active]);
+  useDidMountEffect(function () {
+    animate({
+      transitionInUse: true
+    });
+  }, [active, tabs]);
+  var safeValue = function safeValue() {
+    var defaultIndex = value;
+    if (!!tabs.length && !tabs.some(function (item) {
+      return item.index === value;
+    })) {
+      var _tabs$2;
+      defaultIndex = (_tabs$2 = tabs[0]) === null || _tabs$2 === void 0 ? void 0 : _tabs$2.index;
+    }
+    return defaultIndex;
+  };
+  var updateMask = useMemo(function () {
+    return throttle(function () {
+      var container = tabsRef.current;
+      if (!container) return;
+      var scrollLeft = container === null || container === void 0 ? void 0 : container.scrollLeft;
+      var showLeftMask = scrollLeft > 0;
+      var showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
+      setMaskData({
+        leftMaskOpacity: showLeftMask ? 1 : 0,
+        rightMaskOpacity: showRightMask ? 1 : 0
+      });
+    }, 100, {
+      trailing: true,
+      leading: true
+    });
+  }, []);
+  useLayoutEffect(function () {
+    updateMask();
+  }, []);
+  var handleClick = function handleClick(e, item) {
+    var index = item.index,
+      _item$disabled = item.disabled,
+      disabled = _item$disabled === void 0 ? false : _item$disabled;
+    if (disabled) return;
+    if (index === undefined || index === null) {
+      return;
+    }
+    if (active !== value) {
+      setActive(index);
+    }
+    if (index !== value) {
+      onChange === null || onChange === void 0 || onChange(e, {
+        index: index
+      });
+    }
+  };
+  var providerValue = useMemo(function () {
+    var v = safeValue();
+    return {
+      value: v,
+      align: align,
+      triggerChange: handleClick
+    };
+  }, [value, align, handleClick]);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    className: clsx(prefixCls, className)
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-mask"), "".concat(prefixCls, "-mask-left")),
+    style: {
+      opacity: maskData.leftMaskOpacity
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-mask"), "".concat(prefixCls, "-mask-right")),
+    style: {
+      opacity: maskData.rightMaskOpacity
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-tabs"),
+    ref: tabsRef,
+    onScroll: updateMask
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: activeLineRef,
+    className: clsx("".concat(prefixCls, "-tabline"), {
+      'bui-tabline-invisible': isMini
+    }),
+    style: {
+      transition: lineData.transitionInUse ? 'transform 0.25s ease-in-out' : '',
+      transform: "translate3d(".concat(lineData.x, "px, 0px, 0px)")
+    }
+  }), /*#__PURE__*/React.createElement(TabsContextProvider, {
+    value: providerValue
+  }, !!tabs.length && tabs.map(function (item) {
+    return /*#__PURE__*/React.createElement(Tab, {
+      key: item.index,
+      index: item === null || item === void 0 ? void 0 : item.index,
+      disabled: item === null || item === void 0 ? void 0 : item.disabled
+    }, item.title);
+  }), children)));
+});
+Tabs.displayName = 'BuiTabs';
+Tabs.defaultProps = {
+  align: 'center',
+  tabs: []
+};
+export default Tabs;

package/es/Tabs/Tabs.types.d.ts

@@ -0,0 +1,45 @@
+import { OverrideProps } from '@bifrostui/types';
+import React, { SyntheticEvent } from 'react';
+export interface TabHeaderItem {
+    title: React.ReactNode;
+    index: string;
+    /**
+     * 是否禁止点击
+     */
+    disabled?: boolean;
+}
+export interface ITabsChangeData {
+    /** 切换后的tab索引 */
+    index: string;
+}
+export type TabChangeEvent = (e?: SyntheticEvent, data?: ITabsChangeData) => void;
+export interface ITabItem {
+    /** 面板标题 */
+    title: React.ReactNode;
+    /** 面板的索引值 */
+    index: string;
+    /** 面板是否禁用 */
+    disabled?: boolean;
+}
+export type ITabAlign = 'start' | 'center';
+export type TabsProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 当前选中面板的索引值，与tabs.index对应
+         */
+        value?: string;
+        /**
+         * 切换面板的数据
+         */
+        tabs?: ITabItem[];
+        /**
+         * 对齐方式，默认为center
+         */
+        align?: ITabAlign;
+        /**
+         * 切换面板的回调
+         */
+        onChange?: TabChangeEvent;
+    };
+    defaultComponent: D;
+}, D>;

package/es/Tabs/Tabs.types.js

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

package/es/Tabs/TabsContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TabChangeEvent, TabsProps } from './Tabs.types';
+declare const TabsContext: React.Context<Omit<TabsProps, "onChange"> & {
+    triggerChange: TabChangeEvent;
+}>;
+export declare const TabsContextProvider: React.Provider<Omit<TabsProps, "onChange"> & {
+    triggerChange: TabChangeEvent;
+}>;
+export default TabsContext;

package/es/Tabs/TabsContext.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var TabsContext = /*#__PURE__*/React.createContext(undefined);
+if (process.env.NODE_ENV !== 'production') {
+  TabsContext.displayName = 'BuiTabsContext';
+}
+export var TabsContextProvider = TabsContext.Provider;
+export default TabsContext;

package/es/Tabs/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Tab } from './Tab';
+export * from './Tab.types';
+export { default as TabPanel } from './TabPanel';
+export * from './TabPanel.types';
+export { default, default as Tabs } from './Tabs';
+export * from './Tabs.types';

package/es/Tabs/index.js

@@ -0,0 +1,6 @@
+export { default as Tab } from "./Tab";
+export * from "./Tab.types";
+export { default as TabPanel } from "./TabPanel";
+export * from "./TabPanel.types";
+export { default, default as Tabs } from "./Tabs";
+export * from "./Tabs.types";

package/es/Tabs/utils/bound.d.ts

@@ -0,0 +1 @@
+export default function bound(position: number, min: number | undefined, max: number | undefined): number;

package/es/Tabs/utils/bound.js

@@ -0,0 +1,10 @@
+export default function bound(position, min, max) {
+  var ret = position;
+  if (min !== undefined) {
+    ret = Math.max(position, min);
+  }
+  if (max !== undefined) {
+    ret = Math.min(ret, max);
+  }
+  return ret;
+}

package/es/Tag/Tag.css

@@ -0,0 +1,97 @@
+.bui-tag {
+  --color: var(--bui-tag-color, var(--bui-color-gray));
+  --border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
+  --bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  height: 15px;
+  line-height: 15px;
+  padding: 0 var(--bui-spacing-xs);
+  font-size: var(--bui-text-size-5);
+  font-weight: var(--bui-font-weight-normal);
+  border-radius: var(--bui-shape-radius-label);
+  border: 1px solid transparent;
+  box-sizing: border-box;
+  color: var(--bui-color-bg-view);
+  font-family: var(--bui-font-family);
+}
+.bui-tag-outlined {
+  color: var(--color);
+  border: 1px solid var(--border-color);
+}
+.bui-tag-outlined.bui-tag-primary {
+  color: var(--bui-color-primary);
+  border: 1px solid var(--bui-color-border-primary);
+}
+.bui-tag-outlined.bui-tag-info {
+  color: var(--bui-color-info);
+  border: 1px solid var(--bui-color-border-info);
+}
+.bui-tag-outlined.bui-tag-warning {
+  color: var(--bui-color-warning);
+  border: 1px solid var(--bui-color-border-warning);
+}
+.bui-tag-outlined.bui-tag-success {
+  color: var(--bui-color-success);
+  border: 1px solid var(--bui-color-border-success);
+}
+.bui-tag-outlined.bui-tag-danger {
+  color: var(--bui-color-danger);
+  border: 1px solid var(--bui-color-border-danger);
+}
+.bui-tag-outlined.bui-tag-vip {
+  color: var(--bui-color-vip);
+  border: 1px solid rgba(255, 134, 110, 0.4);
+}
+.bui-tag-contained {
+  background-color: var(--bg-color);
+}
+.bui-tag-contained.bui-tag-primary {
+  background-color: var(--bui-color-primary);
+}
+.bui-tag-contained.bui-tag-info {
+  background-color: var(--bui-color-info);
+}
+.bui-tag-contained.bui-tag-warning {
+  background-color: var(--bui-color-warning);
+}
+.bui-tag-contained.bui-tag-success {
+  background-color: var(--bui-color-success);
+}
+.bui-tag-contained.bui-tag-danger {
+  background-color: var(--bui-color-danger);
+}
+.bui-tag-contained.bui-tag-vip {
+  background-color: var(--bui-color-vip);
+}
+.bui-tag-light {
+  background-color: var(--bui-color-gray-light);
+  color: var(--bui-color-gray);
+}
+.bui-tag-light.bui-tag-primary {
+  background-color: var(--bui-color-primary-light);
+  color: var(--bui-color-primary);
+}
+.bui-tag-light.bui-tag-info {
+  background-color: var(--bui-color-info-light);
+  color: var(--bui-color-info);
+}
+.bui-tag-light.bui-tag-warning {
+  background-color: var(--bui-color-warning-light);
+  color: var(--bui-color-warning);
+}
+.bui-tag-light.bui-tag-success {
+  background-color: var(--bui-color-success-light);
+  color: var(--bui-color-success);
+}
+.bui-tag-light.bui-tag-danger {
+  background-color: var(--bui-color-danger-light);
+  color: var(--bui-color-danger);
+}
+.bui-tag-light.bui-tag-vip {
+  background-color: rgba(255, 134, 110, 0.3);
+  color: var(--bui-color-vip);
+}

package/es/Tag/Tag.d.ts

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

package/es/Tag/Tag.js

@@ -0,0 +1,76 @@
+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", "style", "color", "htmlColor", "variant", "onClick", "children"];
+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 { convertHexToRGBA } from '@bifrostui/utils';
+import clsx from 'clsx';
+import React from 'react';
+import "./Tag.css";
+
+// 只支持 rgba rgb hex
+// 处理rgb格式的颜色
+var colorHandler = function colorHandler(color) {
+  var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  // rgba
+  if (color.includes('rgba')) {
+    var lastCommaIndex = color.lastIndexOf(',');
+    return "".concat(color.slice(0, lastCommaIndex), ", ").concat(opacity, ")");
+  }
+
+  // rgb
+  if (color.includes('rgb')) {
+    color = color.replace('rgb', 'rgba');
+    var len = color.length;
+    return "".concat(color.slice(0, len - 1), ", ").concat(opacity, ")");
+  }
+
+  // hex
+  return convertHexToRGBA(color, opacity);
+};
+var prefixCls = 'bui-tag';
+var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    style = props.style,
+    color = props.color,
+    htmlColor = props.htmlColor,
+    variant = props.variant,
+    onClick = props.onClick,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  var customStyles;
+  if (htmlColor) {
+    if (variant === 'outlined') {
+      customStyles = {
+        color: htmlColor,
+        borderColor: colorHandler(htmlColor, 0.4)
+      };
+    } else if (variant === 'light') {
+      customStyles = {
+        color: htmlColor,
+        backgroundColor: colorHandler(htmlColor, 0.3)
+      };
+    } else {
+      customStyles = {
+        backgroundColor: htmlColor
+      };
+    }
+  }
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(variant), variant), "".concat(prefixCls, "-").concat(color), color), className),
+    ref: ref,
+    style: _objectSpread(_objectSpread({}, style), customStyles),
+    onClick: onClick
+  }, others), children);
+});
+Tag.displayName = 'BuiTag';
+Tag.defaultProps = {
+  variant: 'outlined',
+  color: 'default'
+};
+export default Tag;

package/es/Tag/Tag.types.d.ts

@@ -0,0 +1,23 @@
+import { OverrideProps, ThemeColor } from '@bifrostui/types';
+import React from 'react';
+export type TagProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 预定义色彩
+         * @default 'default'
+         */
+        color?: ThemeColor | 'default' | 'vip';
+        /**
+         * 自定义色彩
+         */
+        htmlColor?: string;
+        /**
+         * - outlined: 描边
+         * - contained: 实心填充
+         * - light: 浅亮填充
+         * @default 'outlined'
+         */
+        variant?: 'outlined' | 'contained' | 'light';
+    };
+    defaultComponent: D;
+}, D>;

package/es/Tag/Tag.types.js

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

package/es/Tag/TagGroup.css

@@ -0,0 +1,16 @@
+.bui-tag-group {
+  display: inline-flex;
+  font-family: var(--bui-font-family);
+}
+.bui-tag-group .bui-tag {
+  margin: 0 0 0 -1px;
+}
+.bui-tag-group .bui-tag:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.bui-tag-group .bui-tag:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: 0;
+}

package/es/Tag/TagGroup.d.ts

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

package/es/Tag/TagGroup.js

@@ -0,0 +1,21 @@
+var _excluded = ["className", "onClick", "children"];
+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 clsx from 'clsx';
+import React from 'react';
+import "./TagGroup.css";
+var prefixCls = 'bui-tag-group';
+var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var className = props.className,
+    onClick = props.onClick,
+    children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref,
+    onClick: onClick,
+    className: clsx(prefixCls, className)
+  }, others), children);
+});
+Tag.displayName = 'BuiTagGroup';
+export default Tag;

package/es/Tag/TagGroup.types.d.ts

@@ -0,0 +1,6 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export type TagGroupProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P;
+    defaultComponent: D;
+}, D>;

package/es/Tag/TagGroup.types.js

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

package/es/Tag/index.d.ts

@@ -0,0 +1,5 @@
+import TagGroup from './TagGroup';
+export { default as Tag } from './Tag';
+export * from './Tag.types';
+export * from './TagGroup.types';
+export { TagGroup };

package/es/Tag/index.js

@@ -0,0 +1,5 @@
+import TagGroup from "./TagGroup";
+export { default as Tag } from "./Tag";
+export * from "./Tag.types";
+export * from "./TagGroup.types";
+export { TagGroup };

package/es/TextArea/TextArea.css

@@ -0,0 +1,43 @@
+.bui-textarea {
+  --bg-color: var(--bui-color-bg-default);
+  --text-color: var(--bui-color-fg-subtle);
+  --count-bg-color: var(--bg-color, var(--bui-color-bg-default));
+  --count-text-color: var(--bui-color-fg-subtle);
+  background: var(--bui-color-bg-default);
+  font-family: var(--bui-font-family);
+}
+.bui-textarea textarea {
+  font-size: var(--bui-text-size-2);
+  color: var(--text-color);
+  line-height: var(--bui-line-height);
+}
+.bui-textarea .bui-mini-placeholder {
+  color: var(--bui-color-fg-disabled);
+}
+.bui-textarea-disabled {
+  pointer-events: none;
+}
+.bui-textarea .a-textarea-count-wrap {
+  display: none;
+}
+.bui-textarea-content {
+  width: 100%;
+  resize: none;
+  background: var(--bg-color);
+  padding: 8px;
+  border: none;
+  outline: none;
+  word-break: break-all;
+  box-sizing: border-box;
+}
+.bui-textarea-content::placeholder {
+  color: var(--bui-color-fg-disabled);
+  line-height: 1.3;
+}
+.bui-textarea-count {
+  background: var(--count-bg-color);
+  color: var(--count-text-color);
+  text-align: right;
+  padding: 0 4px;
+  font-size: var(--bui-title-size-3);
+}

package/es/TextArea/TextArea.d.ts

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