@4399ywkf/design 2.0.0 → 2.1.1

package/dist/AiConversation/_lobe/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { AlertProps } from './type';
+declare const Alert: import("react").NamedExoticComponent<AlertProps>;
+export default Alert;

package/dist/AiConversation/_lobe/Alert/Alert.js

@@ -0,0 +1,157 @@
+'use client';
+
+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 = ["closable", "description", "showIcon", "type", "glass", "icon", "colorfulText", "iconProps", "style", "extra", "classNames", "styles", "text", "extraDefaultExpand", "extraIsolate", "banner", "variant", "ref"];
+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 { Alert as AntdAlert } from 'antd';
+import { cssVar, cx, useTheme } from 'antd-style';
+import { camelCase } from 'es-toolkit/compat';
+import { AlertTriangle, CheckCircle, Info, X, XCircle } from 'lucide-react';
+import { memo } from 'react';
+import { Accordion, AccordionItem } from "../Accordion";
+import ActionIcon from "../ActionIcon";
+import { Flexbox } from "../Flex";
+import Icon from "../Icon";
+import { extraHeaderVariants, extraVariants, rootVariants } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var typeIcons = {
+  error: XCircle,
+  info: Info,
+  secondary: AlertTriangle,
+  success: CheckCircle,
+  warning: AlertTriangle
+};
+var colors = function colors(theme) {
+  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'info';
+  for (var _len = arguments.length, keys = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    keys[_key - 2] = arguments[_key];
+  }
+  if (type === 'secondary') return theme[camelCase(['color'].concat(keys).join('-'))];
+  return theme[camelCase(['color', type].concat(keys).join('-'))];
+};
+var Alert = /*#__PURE__*/memo(function (_ref) {
+  var _ref$closable = _ref.closable,
+    closable = _ref$closable === void 0 ? false : _ref$closable,
+    description = _ref.description,
+    _ref$showIcon = _ref.showIcon,
+    showIcon = _ref$showIcon === void 0 ? true : _ref$showIcon,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
+    glass = _ref.glass,
+    icon = _ref.icon,
+    _ref$colorfulText = _ref.colorfulText,
+    colorfulText = _ref$colorfulText === void 0 ? true : _ref$colorfulText,
+    iconProps = _ref.iconProps,
+    style = _ref.style,
+    extra = _ref.extra,
+    classNames = _ref.classNames,
+    customStyles = _ref.styles,
+    text = _ref.text,
+    _ref$extraDefaultExpa = _ref.extraDefaultExpand,
+    extraDefaultExpand = _ref$extraDefaultExpa === void 0 ? false : _ref$extraDefaultExpa,
+    extraIsolate = _ref.extraIsolate,
+    banner = _ref.banner,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var hasTitle = !!description;
+  var isClosable = !!closable;
+  var isShowIcon = !!showIcon;
+  var isInsideExtra = Boolean(!extraIsolate && !!extra);
+  var alert = /*#__PURE__*/_jsx(AntdAlert, _objectSpread({
+    banner: banner,
+    description: description,
+    ref: ref,
+    showIcon: showIcon,
+    type: type === 'secondary' ? 'info' : type,
+    className: cx(rootVariants({
+      closable: isClosable,
+      colorfulText: colorfulText,
+      glass: glass,
+      hasExtra: isInsideExtra,
+      hasTitle: hasTitle,
+      showIcon: isShowIcon,
+      variant: variant
+    }), classNames === null || classNames === void 0 ? void 0 : classNames.alert),
+    closable: typeof closable === 'boolean' ? closable : _objectSpread({
+      closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
+        color: colors(theme, type),
+        icon: X,
+        size: 'small'
+      })
+    }, closable),
+    icon: /*#__PURE__*/_jsx(Icon, _objectSpread({
+      color: type === 'secondary' ? cssVar.colorTextSecondary : undefined,
+      icon: icon || typeIcons[type],
+      size: description ? 24 : 18
+    }, iconProps)),
+    style: _objectSpread(_objectSpread({
+      background: colors(theme, type, 'fillTertiary'),
+      borderColor: colors(theme, type, 'fillSecondary'),
+      color: colorfulText ? colors(theme, type) : undefined
+    }, style), customStyles === null || customStyles === void 0 ? void 0 : customStyles.alert)
+  }, rest));
+  if (!extra) return alert;
+  if (extraIsolate) return /*#__PURE__*/_jsxs(Flexbox, {
+    className: classNames === null || classNames === void 0 ? void 0 : classNames.container,
+    gap: 8,
+    children: [alert, extra]
+  });
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    className: classNames === null || classNames === void 0 ? void 0 : classNames.container,
+    style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.container,
+    children: [alert, /*#__PURE__*/_jsx(Flexbox, {
+      className: extraVariants({
+        banner: banner,
+        variant: variant
+      }),
+      style: {
+        background: colors(theme, type, 'fillTertiary'),
+        borderColor: colors(theme, type, 'fillSecondary'),
+        color: colors(theme, type),
+        fontSize: description ? 14 : 12
+      },
+      children: /*#__PURE__*/_jsx(Accordion, {
+        defaultExpandedKeys: extraDefaultExpand ? ['extra'] : [],
+        children: /*#__PURE__*/_jsx(AccordionItem, {
+          itemKey: 'extra',
+          title: (text === null || text === void 0 ? void 0 : text.detail) || 'Show Details',
+          classNames: {
+            content: classNames === null || classNames === void 0 ? void 0 : classNames.extraContent,
+            header: extraHeaderVariants({
+              hasTitle: hasTitle,
+              variant: variant
+            })
+          },
+          styles: {
+            content: _objectSpread({
+              fontSize: 12
+            }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.extraContent),
+            header: {
+              borderColor: colors(theme, type, 'fillSecondary')
+            },
+            indicator: {
+              color: colors(theme, type)
+            },
+            title: {
+              color: colors(theme, type),
+              fontSize: 12
+            }
+          },
+          children: extra
+        })
+      })
+    })]
+  });
+});
+Alert.displayName = 'Alert';
+export default Alert;

package/dist/AiConversation/_lobe/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Alert';
+export type * from './type';

package/dist/AiConversation/_lobe/Alert/index.js

@@ -0,0 +1 @@
+export { default } from "./Alert";

package/dist/AiConversation/_lobe/Alert/style.d.ts

@@ -0,0 +1,40 @@
+export declare const styles: {
+    banner: string;
+    borderless: string;
+    borderlessExtraHeaderNoTitle: string;
+    borderlessExtraHeaderWithTitle: string;
+    colorfulText: string;
+    expandText: string;
+    extra: string;
+    extraHeader: string;
+    filled: string;
+    glass: string;
+    hasExtra: string;
+    outlined: string;
+    rootBase: string;
+    rootNoTitleNoIconNoClosable: string;
+    rootNoTitleNoIconWithClosable: string;
+    rootNoTitleWithIconNoClosable: string;
+    rootNoTitleWithIconWithClosable: string;
+    rootWithTitleNoIconNoClosable: string;
+    rootWithTitleNoIconWithClosable: string;
+    rootWithTitleWithIconNoClosable: string;
+    rootWithTitleWithIconWithClosable: string;
+};
+export declare const extraVariants: (props?: ({
+    variant?: "outlined" | "filled" | "borderless" | null | undefined;
+    banner?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const rootVariants: (props?: ({
+    closable?: boolean | null | undefined;
+    colorfulText?: boolean | null | undefined;
+    glass?: boolean | null | undefined;
+    hasTitle?: boolean | null | undefined;
+    showIcon?: boolean | null | undefined;
+    variant?: "outlined" | "filled" | "borderless" | null | undefined;
+    hasExtra?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const extraHeaderVariants: (props?: ({
+    hasTitle?: boolean | null | undefined;
+    variant?: "outlined" | "filled" | "borderless" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/AiConversation/_lobe/Alert/style.js

@@ -0,0 +1,158 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStaticStyles } from 'antd-style';
+import { cva } from 'class-variance-authority';
+import { lobeStaticStylish } from "../styles";
+var prefixCls = 'ant';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  return {
+    banner: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border: none !important;\n      border-radius: 0 !important;\n    "]))),
+    borderless: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding: 0 !important;\n      border: none !important;\n      background: transparent !important;\n    "]))),
+    borderlessExtraHeaderNoTitle: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-block-start: 8px;\n      padding-inline: 0;\n    "]))),
+    borderlessExtraHeaderWithTitle: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      margin-block-start: 16px;\n      padding-inline: 0;\n    "]))),
+    colorfulText: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      .", "-alert-message,.", "-alert-description {\n        color: inherit;\n      }\n    "])), prefixCls, prefixCls),
+    expandText: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      padding-inline-end: 12px;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "]))),
+    extra: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      border: 1px solid;\n      border-block-start: none;\n      border-end-start-radius: ", ";\n      border-end-end-radius: ", ";\n    "])), cssVar.borderRadiusLG, cssVar.borderRadiusLG),
+    extraHeader: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      border-block-start: 1px dashed;\n      border-radius: 0;\n      background: transparent !important;\n    "]))),
+    filled: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""]))),
+    glass: lobeStaticStylish.blur,
+    hasExtra: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      border-block-end: none;\n      border-end-start-radius: 0;\n      border-end-end-radius: 0;\n    "]))),
+    outlined: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      background: transparent !important;\n    "]))),
+    // Root variants based on closable, hasTitle, showIcon combinations
+    rootBase: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      position: relative;\n\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      max-width: 100%;\n\n      .", "-alert-icon {\n        display: flex;\n        align-items: center;\n        height: 24px;\n        margin: 0;\n      }\n      .", "-alert-close-icon {\n        display: flex;\n        align-items: center;\n        height: 24px;\n        margin: 0;\n      }\n    "])), prefixCls, prefixCls),
+    rootNoTitleNoIconNoClosable: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      .", "-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    "])), prefixCls),
+    rootNoTitleNoIconWithClosable: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 12px 9px;\n\n      .", "-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    "])), prefixCls),
+    rootNoTitleWithIconNoClosable: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px 12px;\n\n      .", "-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    "])), prefixCls),
+    rootNoTitleWithIconWithClosable: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      gap: 8px;\n      padding-block: 8px;\n      padding-inline: 9px;\n\n      .", "-alert-title {\n        font-weight: 400;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n    "])), prefixCls),
+    rootWithTitleNoIconNoClosable: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px;\n\n      .", "-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .", "-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    "])), prefixCls, prefixCls),
+    rootWithTitleNoIconWithClosable: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 16px 12px;\n\n      .", "-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .", "-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    "])), prefixCls, prefixCls),
+    rootWithTitleWithIconNoClosable: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px 16px;\n\n      .", "-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .", "-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    "])), prefixCls, prefixCls),
+    rootWithTitleWithIconWithClosable: css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      gap: 12px;\n      padding-block: 16px;\n      padding-inline: 12px;\n\n      .", "-alert-title {\n        font-weight: 500;\n        line-height: 24px;\n        color: inherit;\n        word-break: normal;\n      }\n      .", "-alert-description {\n        line-height: 1.5;\n        word-break: normal;\n        opacity: 0.75;\n      }\n    "])), prefixCls, prefixCls)
+  };
+});
+export var extraVariants = cva(styles.extra, {
+  defaultVariants: {
+    variant: 'filled'
+  },
+  variants: {
+    variant: {
+      filled: styles.filled,
+      outlined: styles.outlined,
+      borderless: styles.borderless
+    },
+    banner: {
+      false: null,
+      true: styles.banner
+    }
+  }
+});
+export var rootVariants = cva(styles.rootBase, {
+  compoundVariants: [{
+    class: styles.rootNoTitleNoIconNoClosable,
+    closable: false,
+    hasTitle: false,
+    showIcon: false
+  }, {
+    class: styles.rootNoTitleNoIconWithClosable,
+    closable: true,
+    hasTitle: false,
+    showIcon: false
+  }, {
+    class: styles.rootNoTitleWithIconNoClosable,
+    closable: false,
+    hasTitle: false,
+    showIcon: true
+  }, {
+    class: styles.rootNoTitleWithIconWithClosable,
+    closable: true,
+    hasTitle: false,
+    showIcon: true
+  }, {
+    class: styles.rootWithTitleNoIconNoClosable,
+    closable: false,
+    hasTitle: true,
+    showIcon: false
+  }, {
+    class: styles.rootWithTitleNoIconWithClosable,
+    closable: true,
+    hasTitle: true,
+    showIcon: false
+  }, {
+    class: styles.rootWithTitleWithIconNoClosable,
+    closable: false,
+    hasTitle: true,
+    showIcon: true
+  }, {
+    class: styles.rootWithTitleWithIconWithClosable,
+    closable: true,
+    hasTitle: true,
+    showIcon: true
+  }],
+  defaultVariants: {
+    closable: false,
+    colorfulText: true,
+    glass: false,
+    hasTitle: false,
+    showIcon: false,
+    variant: 'filled'
+  },
+  variants: {
+    closable: {
+      false: null,
+      true: null
+    },
+    colorfulText: {
+      false: null,
+      true: styles.colorfulText
+    },
+    glass: {
+      false: null,
+      true: styles.glass
+    },
+    hasTitle: {
+      false: null,
+      true: null
+    },
+    showIcon: {
+      false: null,
+      true: null
+    },
+    variant: {
+      borderless: styles.borderless,
+      filled: styles.filled,
+      outlined: styles.outlined
+    },
+    hasExtra: {
+      false: null,
+      true: styles.hasExtra
+    }
+  }
+});
+export var extraHeaderVariants = cva(styles.extraHeader, {
+  compoundVariants: [{
+    class: styles.borderlessExtraHeaderNoTitle,
+    hasTitle: false,
+    variant: 'borderless'
+  }, {
+    class: styles.borderlessExtraHeaderWithTitle,
+    hasTitle: true,
+    variant: 'borderless'
+  }],
+  defaultVariants: {
+    hasTitle: false,
+    variant: 'filled'
+  },
+  variants: {
+    hasTitle: {
+      false: null,
+      true: null
+    },
+    variant: {
+      borderless: null,
+      filled: null,
+      outlined: null
+    }
+  }
+});

package/dist/AiConversation/_lobe/Alert/type.d.ts

@@ -0,0 +1,29 @@
+import type { AlertProps as AntAlertProps } from 'antd';
+import type { AlertRef } from 'antd/lib/alert/Alert';
+import type { CSSProperties, ReactNode, Ref } from 'react';
+import type { IconProps } from '../Icon';
+export interface AlertProps extends Omit<AntAlertProps, 'classNames' | 'icon' | 'styles' | 'type'> {
+    classNames?: {
+        alert?: string;
+        container?: string;
+        extraContent?: string;
+    };
+    colorfulText?: boolean;
+    extra?: ReactNode;
+    extraDefaultExpand?: boolean;
+    extraIsolate?: boolean;
+    glass?: boolean;
+    icon?: IconProps['icon'];
+    iconProps?: Omit<IconProps, 'icon'>;
+    ref?: Ref<AlertRef>;
+    styles?: {
+        alert?: CSSProperties;
+        container?: CSSProperties;
+        extraContent?: CSSProperties;
+    };
+    text?: {
+        detail?: string;
+    };
+    type?: 'success' | 'info' | 'warning' | 'error' | 'secondary';
+    variant?: 'filled' | 'outlined' | 'borderless';
+}

package/dist/AiConversation/_lobe/Alert/type.js

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

package/dist/AiConversation/_lobe/Avatar/Avatar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type AvatarProps } from './type';
+declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+export default Avatar;

package/dist/AiConversation/_lobe/Avatar/Avatar.js

@@ -0,0 +1,133 @@
+'use client';
+
+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 = ["bordered", "className", "avatar", "title", "animation", "borderedColor", "size", "shape", "background", "style", "unoptimized", "alt", "variant", "shadow", "loading", "sliceText", "emojiScaleWithBackground", "ref"];
+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 _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 { getEmoji } from '@lobehub/fluent-emoji';
+import { Avatar as AntAvatar } from 'antd';
+import { cssVar, cx } from 'antd-style';
+import { Loader2 } from 'lucide-react';
+import { memo, useMemo, useState } from 'react';
+import { Center } from "../Flex";
+import FluentEmoji from "../FluentEmoji";
+import Icon from "../Icon";
+import Img from "../Img";
+import { safeReadableColor } from "../utils/safeReadableColor";
+import { styles, variants } from "./style";
+import { calculateEmojiSize, formatAvatarText, getActualColorForReadable, hasValidBackground, isDefaultAntAvatar as checkIsDefaultAntAvatar } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Avatar = /*#__PURE__*/memo(function (_ref) {
+  var bordered = _ref.bordered,
+    className = _ref.className,
+    avatar = _ref.avatar,
+    title = _ref.title,
+    animation = _ref.animation,
+    borderedColor = _ref.borderedColor,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 48 : _ref$size,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'square' : _ref$shape,
+    background = _ref.background,
+    style = _ref.style,
+    unoptimized = _ref.unoptimized,
+    alt = _ref.alt,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant,
+    shadow = _ref.shadow,
+    loading = _ref.loading,
+    _ref$sliceText = _ref.sliceText,
+    sliceText = _ref$sliceText === void 0 ? true : _ref$sliceText,
+    _ref$emojiScaleWithBa = _ref.emojiScaleWithBackground,
+    emojiScaleWithBackground = _ref$emojiScaleWithBa === void 0 ? true : _ref$emojiScaleWithBa,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isStringAvatar = typeof avatar === 'string';
+  var isDefaultAntAvatar = useMemo(function () {
+    return checkIsDefaultAntAvatar(avatar);
+  }, [avatar]);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isImgError = _useState2[0],
+    setIsImgError = _useState2[1];
+  var emoji = useMemo(function () {
+    return avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar);
+  }, [avatar, isStringAvatar, isDefaultAntAvatar]);
+  var text = String(isDefaultAntAvatar ? title : avatar);
+  var imgAlt = alt || title || 'avatar';
+  var defaultAvatar = useMemo(function () {
+    return typeof avatar === 'string' ? /*#__PURE__*/_jsx(Img, {
+      alt: imgAlt,
+      height: size,
+      loading: 'lazy',
+      src: avatar,
+      unoptimized: unoptimized,
+      width: size,
+      onError: function onError() {
+        return setIsImgError(true);
+      }
+    }) : avatar;
+  }, [avatar, imgAlt, size, unoptimized]);
+  var hasBackground = hasValidBackground(background);
+  var customAvatar = useMemo(function () {
+    return emoji ? /*#__PURE__*/_jsx(FluentEmoji, {
+      emoji: emoji,
+      size: calculateEmojiSize(size, hasBackground, emojiScaleWithBackground),
+      type: animation ? 'anim' : '3d',
+      unoptimized: unoptimized
+    }) : formatAvatarText(text || title, sliceText);
+  }, [animation, emoji, hasBackground, size, sliceText, text, title, unoptimized, emojiScaleWithBackground]);
+
+  // Get actual color value for readableColor (CSS variables can't be parsed)
+  var actualColorForReadable = useMemo(function () {
+    return getActualColorForReadable(background, cssVar.colorBorder);
+  }, [background]);
+  var avatarStyle = useMemo(function () {
+    return _objectSpread({
+      backgroundColor: isDefaultAntAvatar && !isImgError || emoji ? background : background || cssVar.colorBorder,
+      borderRadius: shape === 'square' && size && size < 24 ? '33%' : undefined,
+      boxShadow: bordered ? "".concat(cssVar.colorBgLayout, " 0 0 0 2px, ").concat(borderedColor || cssVar.colorTextTertiary, " 0 0 0 4px") : undefined,
+      color: safeReadableColor(actualColorForReadable),
+      cursor: rest !== null && rest !== void 0 && rest.onClick ? 'pointer' : undefined,
+      fontSize: size * (emoji ? 0.7 : 0.5)
+    }, style);
+  }, [isDefaultAntAvatar, isImgError, background, shape, emoji, size, bordered, borderedColor, actualColorForReadable, rest === null || rest === void 0 ? void 0 : rest.onClick, style]);
+  var showFallback = !isDefaultAntAvatar || isImgError;
+  return /*#__PURE__*/_jsxs(AntAvatar, _objectSpread(_objectSpread({
+    alt: imgAlt,
+    className: cx(variants({
+      shadow: shadow,
+      variant: variant
+    }), className),
+    draggable: false,
+    ref: ref,
+    shape: shape,
+    size: size,
+    src: isDefaultAntAvatar && !isImgError ? defaultAvatar : undefined,
+    style: avatarStyle
+  }, rest), {}, {
+    children: [loading && /*#__PURE__*/_jsx(Center, {
+      className: styles.loading,
+      height: '100%',
+      width: '100%',
+      children: /*#__PURE__*/_jsx(Icon, {
+        spin: true,
+        icon: Loader2
+      })
+    }), showFallback && customAvatar]
+  }));
+});
+Avatar.displayName = 'Avatar';
+export default Avatar;

package/dist/AiConversation/_lobe/Avatar/AvatarGroup/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { AvatarGroupProps } from '../type';
+declare const AvatarGroup: import("react").NamedExoticComponent<AvatarGroupProps>;
+export default AvatarGroup;

package/dist/AiConversation/_lobe/Avatar/AvatarGroup/index.js

@@ -0,0 +1,92 @@
+'use client';
+
+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 = ["items", "max", "gap", "variant", "bordered", "shadow", "size", "background", "animation", "draggable", "classNames", "shape", "styles", "onClick", "ref", "zIndexReverse"],
+  _excluded2 = ["key", "style", "className"];
+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 { cssVar, cx } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from "../../Flex";
+import Avatar from "../Avatar";
+import { styles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var AvatarGroup = /*#__PURE__*/memo(function (_ref) {
+  var items = _ref.items,
+    max = _ref.max,
+    gap = _ref.gap,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant,
+    bordered = _ref.bordered,
+    shadow = _ref.shadow,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 48 : _ref$size,
+    background = _ref.background,
+    animation = _ref.animation,
+    draggable = _ref.draggable,
+    classNames = _ref.classNames,
+    shape = _ref.shape,
+    customStyles = _ref.styles,
+    _onClick = _ref.onClick,
+    ref = _ref.ref,
+    zIndexReverse = _ref.zIndexReverse,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var avatars = max ? items.slice(0, max) : items;
+  var restAvatars = items.slice(max, items.length);
+  var gapValue = gap !== null && gap !== void 0 ? gap : Math.floor(-size / 4);
+  var avatarProps = {
+    animation: animation,
+    background: background,
+    bordered: bordered,
+    draggable: draggable,
+    shadow: shadow,
+    shape: shape,
+    size: size,
+    variant: variant
+  };
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    horizontal: true,
+    gap: gap,
+    ref: ref,
+    style: {
+      position: 'relative'
+    }
+  }, rest), {}, {
+    children: [avatars.map(function (avatar, index) {
+      var key = avatar.key,
+        avatarStyle = avatar.style,
+        avatarClassName = avatar.className,
+        restAvatarProps = _objectWithoutProperties(avatar, _excluded2);
+      return /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({
+        className: cx(classNames === null || classNames === void 0 ? void 0 : classNames.avatar, avatarClassName, styles.avatar),
+        style: _objectSpread(_objectSpread({
+          marginLeft: index === 0 ? 0 : gapValue,
+          zIndex: zIndexReverse ? items.length - index : index
+        }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.avatar), avatarStyle),
+        onClick: function onClick() {
+          return _onClick === null || _onClick === void 0 ? void 0 : _onClick({
+            item: avatar,
+            key: key
+          });
+        }
+      }, avatarProps), restAvatarProps), key);
+    }), max && restAvatars.length > 0 && /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({}, avatarProps), {}, {
+      avatar: "+".concat(restAvatars.length),
+      background: cssVar.colorText,
+      className: cx(styles.avatar, styles.count, classNames === null || classNames === void 0 ? void 0 : classNames.count),
+      sliceText: false,
+      style: _objectSpread({
+        marginLeft: gapValue,
+        zIndex: zIndexReverse ? 0 : avatars.length
+      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.count)
+    }))]
+  }));
+});
+AvatarGroup.displayName = 'AvatarGroup';
+export default AvatarGroup;

package/dist/AiConversation/_lobe/Avatar/AvatarGroup/style.d.ts

@@ -0,0 +1,4 @@
+export declare const styles: {
+    avatar: string;
+    count: string;
+};