@bifrostui/react 0.0.5

package/dist/Calendar/Calendar.js

@@ -0,0 +1,275 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _icons = require("@bifrostui/icons");
+var _utils = require("@bifrostui/utils");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
+var _react = _interopRequireWildcard(require("react"));
+require("./Calendar.css");
+var _utils2 = require("./utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+_dayjs.default.extend(_isoWeek.default);
+const SUNDAY_WEEK_DATA = ['日', '一', '二', '三', '四', '五', '六'];
+const classes = {
+  root: 'bui-calendar',
+  handler: 'bui-calendar-handler',
+  day: 'bui-calendar-day',
+  week: 'bui-calendar-week',
+  disabled: 'bui-calendar-disabled'
+};
+const Calendar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    defaultValue,
+    value,
+    minDate,
+    maxDate,
+    mode,
+    hideDaysOutsideCurrentMonth,
+    disabledDate,
+    highlightDate,
+    dateRender,
+    weekRender,
+    onMonthChange,
+    onChange,
+    ...others
+  } = props;
+  const isRangeMode = mode === 'range';
+  /** @type undefined | Array<Date|null> */
+  const formattedValue = (0, _utils2.formatDate)(mode, value, minDate, maxDate);
+  /** @type undefined | Array<Date|null> */
+  const formattedDefaultValue = (0, _utils2.formatDate)(mode, defaultValue, minDate, maxDate);
+
+  // 头部操作栏月份
+  const [renderMonth, setRenderMonth] = (0, _react.useState)(() => {
+    const initMonth = formattedValue === undefined ? formattedDefaultValue?.[0] : formattedValue?.[0];
+    return (0, _dayjs.default)(initMonth || minDate).toDate();
+  });
+  /**
+   * 日历状态值
+   * @type Array<Date|null>
+   */
+  const [calendarValue, triggerChange] = (0, _utils.useValue)({
+    value: formattedValue,
+    defaultValue: formattedDefaultValue,
+    onChange
+  });
+  // 根据calendarValue计算选中开始/结束日期
+  const selectedStartDate = (0, _react.useMemo)(() => {
+    return calendarValue?.[0];
+  }, [calendarValue]);
+  const selectedEndDate = (0, _react.useMemo)(() => {
+    return calendarValue?.[1];
+  }, [calendarValue]);
+  const isMinMonth = (0, _dayjs.default)(minDate).isSame(renderMonth, 'month');
+  const isMaxMonth = (0, _dayjs.default)(maxDate).isSame(renderMonth, 'month');
+  (0, _utils.useDidMountEffect)(() => {
+    const initMonth = formattedValue === undefined ? formattedDefaultValue?.[0] : formattedValue?.[0];
+    setRenderMonth((0, _dayjs.default)(initMonth || minDate).toDate());
+  }, [JSON.stringify(value), JSON.stringify(defaultValue)]);
+  const getDaysInMonth = args => {
+    const m = (0, _dayjs.default)(args).format('YYYY/MM');
+    // 获取当前月份包含的天数
+    const count = (0, _dayjs.default)(m).daysInMonth();
+    // 获取月初ISO星期几
+    const week = (0, _dayjs.default)(m).isoWeekday();
+    // 获取月末ISO星期几
+    const eneWeek = (0, _dayjs.default)(m).endOf('month').isoWeekday();
+    // 获取上月天数
+    const prevMount = (0, _dayjs.default)(m).subtract(1, 'month');
+    const list = [];
+
+    // 填补上月日期
+    if (week !== 7) {
+      const prevMountCount = prevMount.daysInMonth();
+      [...Array(week)].forEach((_, i) => {
+        const day = (0, _dayjs.default)(`${prevMount.format('YYYY/MM')}/${prevMountCount - i}`).toDate();
+        list.unshift({
+          day: hideDaysOutsideCurrentMonth ? null : day,
+          disabled: true
+        });
+      });
+    }
+    [...Array(count)].forEach((_, i) => {
+      const day = (0, _dayjs.default)(`${m}/${i + 1}`).toDate();
+
+      // 先判断是否minDate与maxDate之间，再判断传入的方法
+      const defaultDisable = !(0, _utils2.isRange)(day, minDate, maxDate);
+      const propsDisable = disabledDate ? !!disabledDate?.(day) : false;
+      list.push({
+        day,
+        disabled: defaultDisable ? true : propsDisable
+      });
+    });
+
+    // 填补下月日期
+    const end = eneWeek === 7 ? 6 : 6 - eneWeek;
+    [...Array(end)].forEach((_, i) => {
+      const nextMonth = (0, _dayjs.default)(m).add(1, 'month');
+      const day = (0, _dayjs.default)(`${(0, _dayjs.default)(nextMonth).format('YYYY/MM')}/${i + 1}`).toDate();
+      list.push({
+        day: hideDaysOutsideCurrentMonth ? null : day,
+        disabled: true
+      });
+    });
+    return list;
+  };
+  const getDayClassName = ({
+    day: itemDate,
+    disabled
+  }) => {
+    let result = '';
+    if (disabled) return result;
+    const isToday = (0, _dayjs.default)(itemDate).diff((0, _dayjs.default)().format('YYYYMMDD'), 'day') === 0;
+    if (selectedStartDate && (0, _utils2.isSame)(selectedStartDate, itemDate)) {
+      result = `${classes.root}-start`;
+      // 此时endDate已选中
+      if (selectedEndDate) {
+        result += ` ${classes.root}-range`;
+      }
+    } else if (selectedEndDate && (0, _utils2.isSame)(selectedEndDate, itemDate)) {
+      result = `${classes.root}-end`;
+    } else if (selectedStartDate && selectedEndDate && (0, _dayjs.default)(itemDate).diff(selectedStartDate) > 0 && (0, _dayjs.default)(itemDate).diff(selectedEndDate) < 0) {
+      result = `${classes.root}-middle`;
+    }
+    if (highlightDate === 'today' && isToday && !result) {
+      result = `${classes.root}-today`;
+    }
+    return result;
+  };
+  const defaultDateRender = ins => {
+    const dayClassName = getDayClassName(ins);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _clsx.default)(classes.day, ins?.disabled && classes.disabled, dayClassName)
+    }, ins.day && (0, _dayjs.default)(ins.day).format('D'));
+  };
+  const onClickDay = (e, ins) => {
+    if (ins?.disabled) return;
+    if (isRangeMode) {
+      // 都无值
+      if (!selectedStartDate && !selectedEndDate) {
+        triggerChange?.(e, [ins.day, null]);
+      }
+      // start有值，end无值
+      else if (selectedStartDate && !selectedEndDate) {
+        let result;
+        // 选中了start，此时置空start
+        if ((0, _utils2.isSame)(ins.day, selectedStartDate)) {
+          result = [null, null];
+        } else {
+          // 比较当前选中日期与start，重新赋值start、end
+          result = (0, _dayjs.default)(ins.day).diff((0, _dayjs.default)(selectedStartDate)) < 0 ? [ins.day, selectedStartDate] : [selectedStartDate, ins.day];
+        }
+        triggerChange?.(e, result);
+      }
+      // start、end都有值，选中日期为start
+      else if (selectedStartDate && selectedEndDate) {
+        triggerChange?.(e, [ins.day, null]);
+      }
+      return;
+    }
+
+    // 单选模式使用selectedStartDate判断是否已选中
+    const hasSelectedDate = selectedStartDate && (0, _utils2.isSame)(ins.day, selectedStartDate);
+    triggerChange?.(e, hasSelectedDate ? null : ins.day);
+  };
+  const renderDayList = () => getDaysInMonth(renderMonth).map((ins, index) => {
+    const dayStr = (0, _dayjs.default)(ins.day).format('YYYYMMDD');
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _clsx.default)(`${classes.day}-box`, {
+        [`${classes.root}-highlight-day`]: highlightDate === 'weekend' && !ins.disabled && (index % 7 === 0 || index % 7 === 6)
+      }),
+      key: `${dayStr}-${index}`,
+      onClick: e => onClickDay(e, ins)
+    }, dateRender ? dateRender(ins) : defaultDateRender(ins));
+  });
+
+  /**
+   * 切换上一个月
+   */
+  const onClickPrev = e => {
+    if (!isMinMonth) {
+      const month = (0, _dayjs.default)(renderMonth).subtract(1, 'month').toDate();
+      setRenderMonth(month);
+      onMonthChange?.(e, {
+        type: 'prev',
+        month: (0, _dayjs.default)(month).format('YYYY/MM')
+      });
+    }
+  };
+
+  /**
+   * 切换下一个月
+   */
+  const onClickNext = e => {
+    if (!isMaxMonth) {
+      const month = (0, _dayjs.default)(renderMonth).add(1, 'month').toDate();
+      setRenderMonth(month);
+      onMonthChange?.(e, {
+        type: 'next',
+        month: (0, _dayjs.default)(month).format('YYYY/MM')
+      });
+    }
+  };
+  let data = {};
+  if (isRangeMode) {
+    data = {
+      'data-start': (0, _dayjs.default)(selectedStartDate).format('YYYYMMDD'),
+      'data-end': (0, _dayjs.default)(selectedEndDate).format('YYYYMMDD')
+    };
+  } else {
+    data = {
+      'data-selected': (0, _dayjs.default)(selectedStartDate).format('YYYYMMDD')
+    };
+  }
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref,
+    className: (0, _clsx.default)(classes.root, className, {
+      [`${classes.root}-highlight-weekend`]: highlightDate === 'weekend'
+    })
+  }, others, {
+    "data-mode": mode
+  }, data), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.handler
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onClick: onClickPrev,
+    className: `${classes.handler}-btn`
+  }, /*#__PURE__*/_react.default.createElement(_icons.CaretLeftIcon, {
+    className: `${classes.handler}-btn-icon`,
+    htmlColor: isMinMonth && '#cccccc'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: `${classes.handler}-text`
+  }, (0, _dayjs.default)(renderMonth).format('YYYY/MM')), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: onClickNext,
+    className: `${classes.handler}-btn`
+  }, /*#__PURE__*/_react.default.createElement(_icons.CaretRightIcon, {
+    className: `${classes.handler}-btn-icon`,
+    htmlColor: isMaxMonth && '#cccccc'
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.week
+  }, SUNDAY_WEEK_DATA?.map(w => {
+    return weekRender ? weekRender(w) : /*#__PURE__*/_react.default.createElement("div", {
+      key: w,
+      className: `${classes.week}-item`
+    }, w);
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(`${classes.root}-month`)
+  }, renderDayList()));
+});
+Calendar.displayName = 'BuiCalendar';
+Calendar.defaultProps = {
+  hideDaysOutsideCurrentMonth: false,
+  mode: 'single',
+  minDate: (0, _dayjs.default)((0, _dayjs.default)().format('YYYYMMDD')).add(0, 'month').toDate(),
+  maxDate: (0, _dayjs.default)((0, _dayjs.default)().format('YYYYMMDD')).add(11, 'month').toDate(),
+  highlightDate: 'today'
+};
+var _default = exports.default = Calendar;

package/dist/Calendar/Calendar.types.d.ts

@@ -0,0 +1,76 @@
+import { OverrideProps } from '@bifrostui/types';
+import React from 'react';
+export interface ICalendarInstance {
+    /** 日期对象 */
+    day: Date;
+    /** 是否禁用 */
+    disabled: boolean;
+}
+export interface ICalendarMonthChangeData {
+    /** 切换后的月份 */
+    month: string;
+    /** 操作类型，prev: 点击上个月 next: 点击下个月 */
+    type: 'prev' | 'next';
+}
+export type ICalendarMode = 'single' | 'range';
+export type ICalendarValue = Date | Date[] | null;
+export type CalendarProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
+    props: P & {
+        /**
+         * 默认选中的值，当组件非受控时使用
+         */
+        defaultValue?: ICalendarValue;
+        /**
+         * 选中的值，当组件受控时使用
+         */
+        value?: ICalendarValue;
+        /**
+         * 可选择的最小日期，默认为当前日期
+         * 渲染指定月时：value=null并指定minDate
+         */
+        minDate?: Date;
+        /**
+         * 可选择的最大日期，默认为当前日期的一年后
+         */
+        maxDate?: Date;
+        /**
+         * 选择类型，默认为single
+         * single 表示选择单个日期
+         * range 表示选择日期区间
+         */
+        mode?: ICalendarMode;
+        /**
+         * 是否隐藏当前月之外的日期，默认为false
+         */
+        hideDaysOutsideCurrentMonth?: boolean;
+        /**
+         * 不可选择的日期
+         */
+        disabledDate?: (currentDate: Date) => boolean;
+        /**
+         * 高亮的日期，默认为today
+         * today 若选中的非当天，则当天高亮显示，若选中的是当天，则当天展示选中态
+         * weekend 可选的周末高亮显示
+         */
+        highlightDate?: 'today' | 'weekend';
+        /**
+         * 自定义日期单元格的内容
+         */
+        dateRender?: (currentDate: ICalendarInstance) => React.ReactNode;
+        /**
+         * 自定义周单元格的内容
+         */
+        weekRender?: (week: string) => React.ReactNode;
+        /**
+         * 月份发生变化的回调
+         */
+        onMonthChange?: (e: React.SyntheticEvent, data: ICalendarMonthChangeData) => void;
+        /**
+         * 日期发生变化的回调
+         */
+        onChange?: (e: React.SyntheticEvent, data: {
+            value: ICalendarValue;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/dist/Calendar/Calendar.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Calendar/index.d.ts

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

package/dist/Calendar/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Calendar: true
+};
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () {
+    return _Calendar.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Calendar.default;
+  }
+});
+var _Calendar = _interopRequireDefault(require("./Calendar"));
+var _Calendar2 = require("./Calendar.types");
+Object.keys(_Calendar2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Calendar2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Calendar2[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/Calendar/utils.d.ts

@@ -0,0 +1,25 @@
+import { ICalendarMode, ICalendarValue } from './Calendar.types';
+/**
+ * 判断日期是否相同
+ */
+export declare const isSame: (start: Date, end: Date) => boolean;
+/**
+ * 计算日期差
+ */
+export declare const geteDateDiff: (a: Date, b: Date) => number;
+/**
+ * 判断是否在日期区间内
+ */
+export declare const isRange: (current: Date, start: Date, end: Date) => boolean;
+/**
+ * 取数组第一个日期为开始日期，最后一个日期为结束日期
+ */
+export declare const generateRangeDate: (value: Date[]) => {
+    start: Date;
+    end: Date;
+};
+/**
+ * 格式化初始日期
+ * @return undefined | Array<Date|null>
+ */
+export declare const formatDate: (mode: ICalendarMode, value: ICalendarValue, minDate: Date, maxDate: Date) => any[] | Date;

package/dist/Calendar/utils.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isSame = exports.isRange = exports.geteDateDiff = exports.generateRangeDate = exports.formatDate = void 0;
+var _index = _interopRequireDefault(require("dayjs/esm/index"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 判断日期是否相同
+ */
+const isSame = (start, end) => (0, _index.default)(start).isSame(end, 'day');
+
+/**
+ * 计算日期差
+ */
+exports.isSame = isSame;
+const geteDateDiff = (a, b) => {
+  return (0, _index.default)((0, _index.default)(a).format('YYYYMMDD')).diff((0, _index.default)((0, _index.default)(b).format('YYYYMMDD')), 'day');
+};
+
+/**
+ * 判断是否在日期区间内
+ */
+exports.geteDateDiff = geteDateDiff;
+const isRange = (current, start, end) => {
+  let flag = true;
+  if (geteDateDiff(current, start) < 0 || geteDateDiff(current, end) > 0) {
+    flag = false;
+  }
+  return flag;
+};
+
+/**
+ * 取数组第一个日期为开始日期，最后一个日期为结束日期
+ */
+exports.isRange = isRange;
+const generateRangeDate = value => {
+  const finalIndex = value.length - 1;
+  return {
+    start: value[0],
+    end: value[finalIndex]
+  };
+};
+
+/**
+ * 格式化初始日期
+ * @return undefined | Array<Date|null>
+ */
+exports.generateRangeDate = generateRangeDate;
+const formatDate = (mode, value, minDate, maxDate) => {
+  // value 或 defaultValue为undefined应原值返回，外部需要做受控/非受控判断
+  if (value === undefined) return value;
+  let defaultStartDate = null;
+  let defaultEndDate = null;
+  if (mode === 'single' && value) {
+    defaultStartDate = isRange(value, minDate, maxDate) ? value : null;
+  } else if (mode === 'range') {
+    const {
+      start,
+      end
+    } = generateRangeDate(value);
+    if (start) {
+      defaultStartDate = isRange(start, minDate, maxDate) ? start : null;
+    }
+    if (end) {
+      defaultEndDate = isRange(end, minDate, maxDate) ? end : null;
+    }
+    if (start && end && geteDateDiff(start, end) > 0) {
+      // 传入的开始日期晚于结束日期，纠正日期范围
+      defaultStartDate = end;
+      defaultEndDate = start;
+    }
+  }
+  return [defaultStartDate, defaultEndDate];
+};
+exports.formatDate = formatDate;

package/dist/Card/Card.css

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

package/dist/Card/Card.d.ts

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

package/dist/Card/Card.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireDefault(require("react"));
+require("./Card.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const prefixCls = 'bui-card';
+const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    onClick,
+    children,
+    ...others
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _clsx.default)(prefixCls, className),
+    onClick: onClick,
+    ref: ref
+  }, others), children);
+});
+Card.displayName = 'BuiCard';
+var _default = exports.default = Card;

package/dist/Card/Card.types.d.ts

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

package/dist/Card/Card.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Card/CardContent.css

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

package/dist/Card/CardContent.d.ts

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

package/dist/Card/CardContent.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireDefault(require("react"));
+require("./CardContent.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const prefixCls = 'bui-card-content';
+const CardContent = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    children,
+    ...others
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _clsx.default)(prefixCls, className),
+    ref: ref
+  }, others), children);
+});
+CardContent.displayName = 'BuiCardContent';
+var _default = exports.default = CardContent;

package/dist/Card/CardContent.types.d.ts

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

package/dist/Card/CardContent.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/Card/CardFooter.css

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

package/dist/Card/CardFooter.d.ts

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

package/dist/Card/CardFooter.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _clsx = _interopRequireDefault(require("clsx"));
+var _react = _interopRequireDefault(require("react"));
+require("./CardFooter.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const prefixCls = 'bui-card-footer';
+const CardFooter = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    children,
+    ...others
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: (0, _clsx.default)(prefixCls, className),
+    ref: ref
+  }, others), children);
+});
+CardFooter.displayName = 'BuiCardFooter';
+var _default = exports.default = CardFooter;

package/dist/Card/CardFooter.types.d.ts

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

package/dist/Card/CardFooter.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});