@lobehub/ui 1.171.0 → 2.0.1

package/es/Alert/index.js

@@ -1,146 +1 @@
-'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 = ["closeIcon", "closable", "description", "showIcon", "type", "variant", "icon", "colorfulText", "style", "extra", "classNames", "text", "extraDefaultExpand", "extraIsolate", "banner"];
-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 { Alert as AntdAlert, message } from 'antd';
-import { camelCase } from 'lodash-es';
-import { AlertTriangle, CheckCircle, ChevronDown, ChevronRight, Info, X, XCircle } from 'lucide-react';
-import { memo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import ActionIcon from "../ActionIcon";
-import Icon from "../Icon";
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var typeIcons = {
-  error: XCircle,
-  info: Info,
-  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];
-  }
-  return theme[camelCase(['color', type].concat(keys).join('-'))];
-};
-var Alert = /*#__PURE__*/memo(function (_ref) {
-  var closeIcon = _ref.closeIcon,
-    _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,
-    variant = _ref.variant,
-    icon = _ref.icon,
-    _ref$colorfulText = _ref.colorfulText,
-    colorfulText = _ref$colorfulText === void 0 ? true : _ref$colorfulText,
-    style = _ref.style,
-    extra = _ref.extra,
-    classNames = _ref.classNames,
-    text = _ref.text,
-    _ref$extraDefaultExpa = _ref.extraDefaultExpand,
-    extraDefaultExpand = _ref$extraDefaultExpa === void 0 ? false : _ref$extraDefaultExpa,
-    extraIsolate = _ref.extraIsolate,
-    banner = _ref.banner,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(extraDefaultExpand),
-    _useState2 = _slicedToArray(_useState, 2),
-    expand = _useState2[0],
-    setExpand = _useState2[1];
-  var _useStyles = useStyles({
-      closable: !!closable,
-      hasTitle: !!description,
-      showIcon: !!showIcon
-    }),
-    theme = _useStyles.theme,
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  var isInsideExtra = !extraIsolate && !!extra;
-  var alert = /*#__PURE__*/_jsx(AntdAlert, _objectSpread({
-    banner: banner,
-    className: cx(styles.container, colorfulText && styles.colorfulText, !!isInsideExtra && styles.hasExtra, variant === 'block' && styles.variantBlock, variant === 'ghost' && styles.variantGhost, variant === 'pure' && styles.variantPure, classNames === null || classNames === void 0 ? void 0 : classNames.alert, !isInsideExtra && styles.container),
-    closable: closable,
-    closeIcon: closeIcon || /*#__PURE__*/_jsx(ActionIcon, {
-      color: colors(theme, type),
-      icon: X,
-      size: 'small'
-    }),
-    description: description,
-    icon: /*#__PURE__*/_jsx(Icon, {
-      icon: typeIcons[type] || icon,
-      size: {
-        fontSize: description ? 24 : 18
-      }
-    }),
-    showIcon: showIcon,
-    style: _objectSpread({
-      color: colorfulText ? colors(theme, type) : undefined
-    }, style),
-    type: type
-  }, 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,
-    children: [alert, /*#__PURE__*/_jsxs(Flexbox, {
-      className: cx(styles.extra, banner && styles.banner, variant === 'block' && styles.variantBlock, variant === 'ghost' && styles.variantGhost, variant === 'pure' && styles.variantPure),
-      style: {
-        background: colors(theme, type, 'bg'),
-        borderColor: colors(theme, type, 'border'),
-        color: colors(theme, type),
-        fontSize: description ? 14 : 12
-      },
-      children: [/*#__PURE__*/_jsxs(Flexbox, {
-        align: 'center',
-        className: cx(styles.extraHeader, variant === 'pure' && styles.variantPureExtraHeader),
-        gap: message ? 6 : 10,
-        horizontal: true,
-        style: {
-          borderColor: colors(theme, type, 'border')
-        },
-        children: [/*#__PURE__*/_jsx(ActionIcon, {
-          color: colorfulText ? colors(theme, type) : undefined,
-          icon: expand ? ChevronDown : ChevronRight,
-          onClick: function onClick() {
-            return setExpand(!expand);
-          },
-          size: {
-            blockSize: 24,
-            fontSize: 18
-          }
-        }), /*#__PURE__*/_jsx("div", {
-          className: cx(styles.expandText),
-          onClick: function onClick() {
-            return setExpand(!expand);
-          },
-          children: (text === null || text === void 0 ? void 0 : text.detail) || 'Show Details'
-        })]
-      }), expand && /*#__PURE__*/_jsx("div", {
-        className: cx(styles.extraBody, variant === 'pure' && styles.variantPure),
-        children: extra
-      })]
-    })]
-  });
-});
-export default Alert;
+export { default } from "./Alert";

package/es/Alert/style.d.ts

@@ -4,15 +4,16 @@ export declare const useStyles: (props?: {
     showIcon?: boolean | undefined;
 } | undefined) => import("antd-style").ReturnStyles<{
     banner: import("antd-style").SerializedStyles;
+    borderless: import("antd-style").SerializedStyles;
+    borderlessExtraHeader: import("antd-style").SerializedStyles;
     colorfulText: import("antd-style").SerializedStyles;
-    container: string;
     expandText: import("antd-style").SerializedStyles;
     extra: import("antd-style").SerializedStyles;
     extraBody: import("antd-style").SerializedStyles;
     extraHeader: import("antd-style").SerializedStyles;
+    filled: import("antd-style").SerializedStyles;
+    glass: string;
     hasExtra: import("antd-style").SerializedStyles;
-    variantBlock: import("antd-style").SerializedStyles;
-    variantGhost: import("antd-style").SerializedStyles;
-    variantPure: import("antd-style").SerializedStyles;
-    variantPureExtraHeader: import("antd-style").SerializedStyles;
+    outlined: import("antd-style").SerializedStyles;
+    root: string;
 }>;

package/es/Alert/style.js

@@ -5,24 +5,26 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   var cx = _ref.cx,
     token = _ref.token,
     css = _ref.css,
-    prefixCls = _ref.prefixCls;
+    prefixCls = _ref.prefixCls,
+    stylish = _ref.stylish;
   var closable = _ref2.closable,
     hasTitle = _ref2.hasTitle,
     showIcon = _ref2.showIcon;
   var baseBlockPadding = hasTitle ? 16 : 8;
   var baseInlinePadding = hasTitle ? 16 : 12;
   return {
-    banner: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        border: none;\n        border-radius: 0;\n      "]))),
-    colorfulText: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        .", "-alert-message,.", "-alert-description {\n          color: inherit;\n        }\n      "])), prefixCls, prefixCls),
-    container: cx(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n\n          display: flex;\n          flex-direction: row;\n          gap: ", "px;\n          align-items: flex-start;\n\n          max-width: 100%;\n          padding-block: ", "px;\n          padding-inline: ", "px\n            ", "px;\n\n          .", "-alert-message {\n            font-weight: ", ";\n            line-height: 24px;\n            word-break: normal;\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        "])), hasTitle ? 12 : 8, baseBlockPadding, showIcon ? baseInlinePadding : baseInlinePadding * 1.5, closable ? baseInlinePadding : baseInlinePadding * 1.5, prefixCls, hasTitle ? 600 : 400, prefixCls, prefixCls), hasTitle && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            .", "-alert-description {\n              line-height: 1.5;\n              word-break: normal;\n              opacity: 0.75;\n            }\n          "])), prefixCls)),
-    expandText: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        &:hover {\n          cursor: pointer;\n        }\n      "]))),
-    extra: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow: hidden;\n\n        max-width: 100%;\n\n        border: 1px solid;\n        border-block-start: none;\n        border-end-start-radius: ", "px;\n        border-end-end-radius: ", "px;\n      "])), token.borderRadiusLG, token.borderRadiusLG),
-    extraBody: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        overflow-x: auto;\n        width: 100%;\n        padding-block: ", "px;\n        padding-inline: ", "px;\n      "])), baseBlockPadding, baseInlinePadding),
-    extraHeader: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        padding-block: ", "px;\n        padding-inline: ", "px;\n        border-block-start: 1px dashed;\n      "])), baseBlockPadding * 0.75, baseInlinePadding * 0.75),
-    hasExtra: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        border-block-end: none;\n        border-end-start-radius: 0;\n        border-end-end-radius: 0;\n      "]))),
-    variantBlock: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        border: none;\n      "]))),
-    variantGhost: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        background: transparent !important;\n      "]))),
-    variantPure: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        padding: 0 !important;\n        background: transparent !important;\n        border: none;\n      "]))),
-    variantPureExtraHeader: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        margin-block-start: ", "px;\n        margin-inline-start: ", "px;\n        padding-inline: 0;\n      "])), baseBlockPadding, -baseInlinePadding * 0.25)
+    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      "]))),
+    borderlessExtraHeader: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        margin-block-start: ", "px;\n        margin-inline-start: ", "px;\n        padding-inline: 0;\n      "])), baseBlockPadding, -baseInlinePadding * 0.25),
+    colorfulText: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        .", "-alert-message,.", "-alert-description {\n          color: inherit;\n        }\n      "])), prefixCls, prefixCls),
+    expandText: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        padding-inline-end: 12px;\n\n        &:hover {\n          cursor: pointer;\n        }\n      "]))),
+    extra: css(_templateObject6 || (_templateObject6 = _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: ", "px;\n        border-end-end-radius: ", "px;\n      "])), token.borderRadiusLG, token.borderRadiusLG),
+    extraBody: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        overflow-x: auto;\n        width: 100%;\n        padding-block-end: ", "px;\n        padding-inline: ", "px;\n      "])), baseBlockPadding * 0.5, baseInlinePadding * 0.5),
+    extraHeader: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        padding-block: ", "px;\n        padding-inline: ", "px;\n        border-block-start: 1px dashed;\n      "])), baseBlockPadding * 0.5, baseInlinePadding * 0.5),
+    filled: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([""]))),
+    glass: stylish.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: cx(css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n          position: relative;\n\n          display: flex;\n          flex-direction: row;\n          gap: ", "px;\n          align-items: flex-start;\n\n          max-width: 100%;\n          padding-block: ", "px;\n          padding-inline: ", "px\n            ", "px;\n\n          .", "-alert-message {\n            font-weight: ", ";\n            line-height: 24px;\n            word-break: normal;\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        "])), hasTitle ? 12 : 8, baseBlockPadding, showIcon ? baseInlinePadding * 0.75 : baseInlinePadding, closable ? baseInlinePadding * 0.75 : baseInlinePadding, prefixCls, hasTitle ? 600 : 400, prefixCls, prefixCls), hasTitle && css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n            .", "-alert-description {\n              line-height: 1.5;\n              word-break: normal;\n              opacity: 0.75;\n            }\n          "])), prefixCls))
   };
 });

package/es/Alert/type.d.ts

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

package/es/AutoComplete/Select.d.ts

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

package/es/AutoComplete/Select.js

@@ -0,0 +1,56 @@
+'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 = ["variant", "shadow", "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 { AutoComplete as AntAutoComplete } from 'antd';
+import { cva } from 'class-variance-authority';
+import { memo, useMemo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var AutoComplete = /*#__PURE__*/memo(function (_ref) {
+  var variant = _ref.variant,
+    shadow = _ref.shadow,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        shadow: false
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless,
+          underlined: null
+        },
+        shadow: {
+          false: null,
+          true: styles.shadow
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  return /*#__PURE__*/_jsx(AntAutoComplete, _objectSpread({
+    className: cx(variants({
+      shadow: shadow,
+      variant: variant || (theme.isDarkMode ? 'filled' : 'outlined')
+    }), className),
+    variant: variant || (theme.isDarkMode ? 'filled' : 'outlined')
+  }, rest));
+});
+AutoComplete.displayName = 'AutoComplete';
+export default AutoComplete;

package/es/AutoComplete/index.d.ts

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

package/es/AutoComplete/index.js

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

package/es/AutoComplete/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    borderless: import("antd-style").SerializedStyles;
+    filled: import("antd-style").SerializedStyles;
+    outlined: import("antd-style").SerializedStyles;
+    root: import("antd-style").SerializedStyles;
+    shadow: import("antd-style").SerializedStyles;
+}>;

package/es/AutoComplete/style.js

@@ -0,0 +1,15 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var prefixCls = _ref.prefixCls,
+    css = _ref.css,
+    stylish = _ref.stylish;
+  return {
+    borderless: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &.", "-select {\n        > .", "-select-selector {\n          ", "\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantBorderless),
+    filled: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &.", "-select {\n        > .", "-select-selector {\n          ", "\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantFilled),
+    outlined: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &.", "-select {\n        > .", "-select-selector {\n          ", "\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.variantOutlined),
+    root: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([""]))),
+    shadow: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      &.", "-select {\n        > .", "-select-selector {\n          ", "\n        }\n      }\n    "])), prefixCls, prefixCls, stylish.shadow)
+  };
+});

package/es/AutoComplete/type.d.ts

@@ -0,0 +1,4 @@
+import type { AutoCompleteProps as AntdAutoCompleteProps } from 'antd';
+export interface AutoCompleteProps extends AntdAutoCompleteProps {
+    shadow?: boolean;
+}

package/es/AutoComplete/type.js

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

package/es/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/es/Avatar/Avatar.js

@@ -0,0 +1,136 @@
+'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", "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 { getEmoji } from '@lobehub/fluent-emoji';
+import { Avatar as AntAvatar } from 'antd';
+import { cva } from 'class-variance-authority';
+import { Loader2 } from 'lucide-react';
+import { readableColor } from 'polished';
+import { isValidElement, memo, useMemo } from 'react';
+import { Center } from 'react-layout-kit';
+import FluentEmoji from "../FluentEmoji";
+import Icon from "../Icon";
+import Img from "../Img";
+import Tooltip from "../Tooltip";
+import { useStyles } from "./style";
+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 ? 'circle' : _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 = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isStringAvatar = typeof avatar === 'string';
+  var isDefaultAntAvatar = useMemo(function () {
+    return Boolean(avatar && (['/', 'http', 'data:'].some(function (index) {
+      return isStringAvatar && avatar.startsWith(index);
+    }) || /*#__PURE__*/isValidElement(avatar)));
+  }, [avatar, isStringAvatar]);
+  var emoji = useMemo(function () {
+    return avatar && !isDefaultAntAvatar && isStringAvatar && getEmoji(avatar);
+  }, [avatar, isStringAvatar, isDefaultAntAvatar]);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx,
+    theme = _useStyles.theme;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        shadow: false,
+        variant: 'borderless'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless
+        },
+        shadow: {
+          false: null,
+          true: styles.shadow
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  var text = String(isDefaultAntAvatar ? title : avatar);
+  var imgAlt = alt || title || 'avatar';
+  var defualtAvatar = typeof avatar === 'string' ? /*#__PURE__*/_jsx(Img, {
+    alt: imgAlt,
+    height: size,
+    loading: 'lazy',
+    src: avatar,
+    unoptimized: unoptimized,
+    width: size
+  }) : avatar;
+  var customAvatar = emoji ? /*#__PURE__*/_jsx(FluentEmoji, {
+    emoji: emoji,
+    size: size * 0.8,
+    type: animation ? 'anim' : '3d',
+    unoptimized: unoptimized
+  }) : sliceText ? text === null || text === void 0 ? void 0 : text.toUpperCase().slice(0, 2) : text === null || text === void 0 ? void 0 : text.toUpperCase();
+  var content = /*#__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 ? defualtAvatar : undefined,
+    style: _objectSpread({
+      background: customAvatar && !emoji ? background || theme.colorFill : background,
+      boxShadow: bordered ? "".concat(theme.colorBgLayout, " 0 0 0 2px, ").concat(borderedColor || theme.colorTextTertiary, " 0 0 0 4px") : undefined,
+      color: readableColor(background || theme.colorBorder),
+      cursor: rest !== null && rest !== void 0 && rest.onClick ? 'pointer' : undefined,
+      fontSize: size * (emoji ? 0.7 : 0.5)
+    }, style)
+  }, rest), {}, {
+    children: [loading && /*#__PURE__*/_jsx(Center, {
+      className: styles.loading,
+      height: '100%',
+      width: '100%',
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: Loader2,
+        spin: true
+      })
+    }), !isDefaultAntAvatar && customAvatar]
+  }));
+  if (!title) return content;
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+    title: title
+  }, rest.tooltipProps), {}, {
+    children: content
+  }));
+});
+Avatar.displayName = 'Avatar';
+export default Avatar;

package/es/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/es/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"],
+  _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 { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import Avatar from "../Avatar";
+import { useStyles } 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,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles,
+    theme = _useStyles.theme;
+  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({
+    gap: gap,
+    horizontal: true,
+    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),
+        onClick: function onClick() {
+          return _onClick === null || _onClick === void 0 ? void 0 : _onClick({
+            item: avatar,
+            key: key
+          });
+        },
+        style: _objectSpread(_objectSpread({
+          marginLeft: index === 0 ? 0 : gapValue
+        }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.avatar), avatarStyle)
+      }, avatarProps), restAvatarProps), key);
+    }), max && restAvatars.length > 0 && /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({}, avatarProps), {}, {
+      avatar: "+".concat(restAvatars.length),
+      background: theme.colorText,
+      className: cx(styles.avatar, styles.count, classNames === null || classNames === void 0 ? void 0 : classNames.count),
+      sliceText: false,
+      style: _objectSpread({
+        marginLeft: gapValue
+      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.count)
+    }))]
+  }));
+});
+AvatarGroup.displayName = 'AvatarGroup';
+export default AvatarGroup;

package/es/Avatar/AvatarGroup/style.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    avatar: import("antd-style").SerializedStyles;
+    count: import("antd-style").SerializedStyles;
+}>;

package/es/Avatar/AvatarGroup/style.js

@@ -0,0 +1,12 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    avatar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      box-shadow: 0 0 0 2px ", ";\n\n      &:hover {\n        transform: translateY(-10%);\n      }\n    "])), token.colorBgLayout),
+    count: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &.", "-avatar {\n        background: ", ";\n        > .", "-avatar-string {\n          transform: scale(0.8) !important;\n          color: ", ";\n        }\n      }\n    "])), prefixCls, token.colorText, prefixCls, token.colorBgLayout)
+  };
+});