@lobehub/ui 1.171.0 → 2.0.1

package/es/ActionIconGroup/ActionIconGroup.js

@@ -0,0 +1,135 @@
+'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", "disabled", "shadow", "glass", "actionIconProps", "items", "horizontal", "menu", "onActionClick", "className", "size", "ref"],
+  _excluded2 = ["icon", "key", "label", "onClick", "danger"];
+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 { cva } from 'class-variance-authority';
+import { MoreHorizontal } from 'lucide-react';
+import { memo, useMemo } from 'react';
+import { Center } from 'react-layout-kit';
+import ActionIcon from "../ActionIcon";
+import Dropdown from "../Dropdown";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
+    disabled = _ref.disabled,
+    shadow = _ref.shadow,
+    glass = _ref.glass,
+    actionIconProps = _ref.actionIconProps,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$horizontal = _ref.horizontal,
+    horizontal = _ref$horizontal === void 0 ? true : _ref$horizontal,
+    menu = _ref.menu,
+    onActionClick = _ref.onActionClick,
+    className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        disabled: false,
+        glass: false,
+        shadow: false,
+        variant: 'outlined'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless
+        },
+        glass: {
+          false: null,
+          true: styles.glass
+        },
+        shadow: {
+          false: null,
+          true: styles.shadow
+        },
+        disabled: {
+          false: null,
+          true: styles.disabled
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  var tooltipPlacement = useMemo(function () {
+    var _actionIconProps$tool;
+    return actionIconProps !== null && actionIconProps !== void 0 && (_actionIconProps$tool = actionIconProps.tooltipProps) !== null && _actionIconProps$tool !== void 0 && _actionIconProps$tool.placement || horizontal ? 'top' : 'right';
+  }, [actionIconProps, horizontal]);
+  return /*#__PURE__*/_jsxs(Center, _objectSpread(_objectSpread({
+    className: cx(variants({
+      disabled: disabled,
+      glass: glass,
+      shadow: shadow,
+      variant: variant
+    }), className),
+    horizontal: horizontal,
+    padding: 2,
+    ref: ref
+  }, rest), {}, {
+    children: [(items === null || items === void 0 ? void 0 : items.length) > 0 && items.map(function (item) {
+      var icon = item.icon,
+        key = item.key,
+        label = item.label,
+        _onClick = item.onClick,
+        danger = item.danger,
+        itemRest = _objectWithoutProperties(item, _excluded2);
+      return /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({
+        danger: danger,
+        icon: icon,
+        onClick: function onClick(e) {
+          onActionClick === null || onActionClick === void 0 || onActionClick({
+            domEvent: e,
+            key: String(key),
+            keyPath: [String(key)]
+          });
+          _onClick === null || _onClick === void 0 || _onClick(e);
+        },
+        size: size,
+        title: label,
+        tooltipProps: {
+          placement: tooltipPlacement
+        }
+      }, actionIconProps), {}, {
+        disabled: disabled || (itemRest === null || itemRest === void 0 ? void 0 : itemRest.disabled)
+      }), key);
+    }), menu && /*#__PURE__*/_jsx(Dropdown, {
+      menu: _objectSpread(_objectSpread({}, menu), {}, {
+        onClick: function onClick(item) {
+          onActionClick === null || onActionClick === void 0 || onActionClick(item);
+        }
+      }),
+      trigger: ['click'],
+      children: /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({
+        disabled: disabled,
+        icon: MoreHorizontal,
+        size: size
+      }, actionIconProps), {}, {
+        tooltipProps: _objectSpread({
+          placement: tooltipPlacement
+        }, actionIconProps === null || actionIconProps === void 0 ? void 0 : actionIconProps.tooltipProps)
+      }), "more")
+    })]
+  }));
+});
+ActionIconGroup.displayName = 'ActionIconGroup';
+export default ActionIconGroup;

package/es/ActionIconGroup/index.d.ts

@@ -1,57 +1,2 @@
-/// <reference types="react" />
-import { type LucideIcon } from 'lucide-react';
-import { type ActionIconProps } from "../ActionIcon";
-import { IconSizeType } from "../Icon";
-import { DivProps } from "../types";
-export interface ActionIconGroupItems {
-    disable?: boolean;
-    icon: LucideIcon;
-    key: string;
-    label: string;
-}
-export interface ActionEvent {
-    item: ActionIconGroupItems;
-    key: string;
-    keyPath: string[];
-}
-export interface ActionIconGroupProps extends DivProps {
-    /**
-     * @description The direction of the icons
-     * @default "row"
-     */
-    direction?: 'row' | 'column';
-    /**
-     * @description The menu items for the dropdown
-     */
-    dropdownMenu?: (ActionIconGroupItems | {
-        type: 'divider';
-    })[];
-    /**
-     * @description The items to be rendered
-     * @default []
-     */
-    items?: ActionIconGroupItems[];
-    onActionClick?: (action: ActionEvent) => void;
-    /**
-     * @description The position of the tooltip relative to the target
-     * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
-     */
-    placement?: ActionIconProps['placement'];
-    /**
-     * @description The size of the group
-     * @default "small"
-     */
-    size?: IconSizeType;
-    /**
-     * @description Whether to add a spotlight background
-     * @default true
-     */
-    spotlight?: boolean;
-    /**
-     * @description The type of the group
-     * @default "block"
-     */
-    type?: 'ghost' | 'block' | 'pure';
-}
-declare const ActionIconGroup: import("react").NamedExoticComponent<ActionIconGroupProps>;
-export default ActionIconGroup;
+export { default } from './ActionIconGroup';
+export type * from './type';

package/es/ActionIconGroup/index.js

@@ -1,88 +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 = ["type", "items", "placement", "direction", "dropdownMenu", "onActionClick", "size"];
-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 { Dropdown } from 'antd';
-import { MoreHorizontal } from 'lucide-react';
-import { memo } 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 ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'block' : _ref$type,
-    _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items,
-    placement = _ref.placement,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'row' : _ref$direction,
-    _ref$dropdownMenu = _ref.dropdownMenu,
-    dropdownMenu = _ref$dropdownMenu === void 0 ? [] : _ref$dropdownMenu,
-    onActionClick = _ref.onActionClick,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles({
-      type: type
-    }),
-    styles = _useStyles.styles;
-  var tooltipsPlacement = placement || (direction === 'column' ? 'right' : 'top');
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
-    className: styles.container,
-    horizontal: direction === 'row'
-  }, rest), {}, {
-    children: [(items === null || items === void 0 ? void 0 : items.length) > 0 && items.map(function (item) {
-      return /*#__PURE__*/_jsx(ActionIcon, {
-        disable: item.disable,
-        icon: item.icon,
-        onClick: onActionClick ? function () {
-          return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick({
-            item: item,
-            key: item.key,
-            keyPath: [item.key]
-          });
-        } : undefined,
-        placement: tooltipsPlacement,
-        size: size,
-        title: item.label
-      }, item.key);
-    }), (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.length) > 0 && /*#__PURE__*/_jsx(Dropdown, {
-      menu: {
-        items: dropdownMenu.map(function (item) {
-          if (item.type) return item;
-          return _objectSpread(_objectSpread({}, item), {}, {
-            disabled: item.disable,
-            icon: /*#__PURE__*/_jsx(Icon, {
-              icon: item.icon,
-              size: size
-            }),
-            onClick: onActionClick ? function (info) {
-              return onActionClick({
-                item: item,
-                key: info.key,
-                keyPath: info.keyPath
-              });
-            } : undefined
-          });
-        })
-      },
-      trigger: ['click'],
-      children: /*#__PURE__*/_jsx(ActionIcon, {
-        icon: MoreHorizontal,
-        placement: tooltipsPlacement,
-        size: size
-      }, "more")
-    })]
-  }));
-});
-export default ActionIconGroup;
+export { default } from "./ActionIconGroup";

package/es/ActionIconGroup/style.d.ts

@@ -1,5 +1,9 @@
-export declare const useStyles: (props?: {
-    type: 'ghost' | 'block' | 'pure';
-} | undefined) => import("antd-style").ReturnStyles<{
-    container: string;
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    borderless: string;
+    disabled: string;
+    filled: string;
+    glass: string;
+    outlined: string;
+    root: import("antd-style").SerializedStyles;
+    shadow: string;
 }>;

package/es/ActionIconGroup/style.js

@@ -1,13 +1,17 @@
-var _templateObject, _templateObject2;
+var _templateObject;
 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, _ref2) {
+export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token,
-    cx = _ref.cx;
-  var type = _ref2.type;
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary, type === 'block' ? 'transparent' : token.colorBorder);
+    stylish = _ref.stylish;
   return {
-    container: cx(type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n          padding: 2px;\n          border-radius: ", "px;\n        "])), token.borderRadius))
+    borderless: stylish.variantBorderless,
+    disabled: stylish.disabled,
+    filled: stylish.variantFilledWithoutHover,
+    glass: stylish.blur,
+    outlined: stylish.variantOutlinedWithoutHover,
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      border-radius: ", "px;\n    "])), token.borderRadius),
+    shadow: stylish.shadow
   };
 });

package/es/ActionIconGroup/type.d.ts

@@ -0,0 +1,19 @@
+import type { Ref } from 'react';
+import type { CenterProps } from 'react-layout-kit';
+import type { ActionIconProps } from "../ActionIcon";
+import type { DropdownProps } from "../Dropdown";
+import type { MenuInfo, MenuItemType } from "../Menu";
+export type ActionIconGroupEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
+export interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {
+    actionIconProps?: Partial<Omit<ActionIconProps, 'icon' | 'size' | 'ref'>>;
+    disabled?: boolean;
+    glass?: boolean;
+    items?: MenuItemType[];
+    menu?: DropdownProps['menu'];
+    onActionClick?: (action: ActionIconGroupEvent) => void;
+    ref?: Ref<HTMLDivElement>;
+    shadow?: boolean;
+    size?: ActionIconProps['size'];
+    variant?: 'filled' | 'outlined' | 'borderless';
+}
+export type { MenuItemType as ActionIconGroupItemType } from "../Menu";

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

@@ -0,0 +1,244 @@
+'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", "glass", "icon", "colorfulText", "iconProps", "style", "extra", "classNames", "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 _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 { cva } from 'class-variance-authority';
+import { camelCase } from 'lodash-es';
+import { AlertTriangle, CheckCircle, ChevronDown, ChevronRight, Info, X, XCircle } from 'lucide-react';
+import { memo, useMemo, 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,
+    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,
+    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 _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 variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        colorfulText: true,
+        glass: false,
+        variant: 'filled'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless
+        },
+        glass: {
+          false: null,
+          true: styles.glass
+        },
+        colorfulText: {
+          false: null,
+          true: styles.colorfulText
+        },
+        hasExtra: {
+          false: null,
+          true: styles.hasExtra
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  var extraVariants = useMemo(function () {
+    return cva(styles.extra, {
+      defaultVariants: {
+        variant: 'filled'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless
+        },
+        banner: {
+          false: null,
+          true: styles.banner
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  var extraHeaderVariants = useMemo(function () {
+    return cva(styles.extraHeader, {
+      defaultVariants: {
+        variant: 'filled'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: null,
+          outlined: null,
+          borderless: styles.borderlessExtraHeader
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  var extraBodyVariants = useMemo(function () {
+    return cva(styles.extraBody, {
+      defaultVariants: {
+        variant: 'filled'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: null,
+          outlined: null,
+          borderless: styles.borderless
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  var isInsideExtra = Boolean(!extraIsolate && !!extra);
+  var alert = /*#__PURE__*/_jsx(AntdAlert, _objectSpread({
+    banner: banner,
+    className: cx(variants({
+      colorfulText: colorfulText,
+      glass: glass,
+      hasExtra: isInsideExtra,
+      variant: variant
+    }), classNames === null || classNames === void 0 ? void 0 : classNames.alert),
+    closable: closable,
+    closeIcon: closeIcon || /*#__PURE__*/_jsx(ActionIcon, {
+      color: colors(theme, type),
+      icon: X,
+      size: 'small'
+    }),
+    description: description,
+    icon: /*#__PURE__*/_jsx(Icon, _objectSpread({
+      icon: typeIcons[type] || icon,
+      size: description ? 24 : 18
+    }, iconProps)),
+    ref: ref,
+    showIcon: showIcon,
+    style: _objectSpread({
+      background: colors(theme, type, 'fillTertiary'),
+      borderColor: colors(theme, type, 'fillSecondary'),
+      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: 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__*/_jsxs(Flexbox, {
+        align: 'center',
+        className: extraHeaderVariants({
+          variant: variant
+        }),
+        gap: message ? 6 : 10,
+        horizontal: true,
+        style: {
+          borderColor: colors(theme, type, 'fillSecondary')
+        },
+        children: [/*#__PURE__*/_jsx(ActionIcon, {
+          color: colors(theme, type),
+          icon: expand ? ChevronDown : ChevronRight,
+          onClick: function onClick() {
+            return setExpand(!expand);
+          },
+          size: 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: extraBodyVariants({
+          variant: variant
+        }),
+        children: extra
+      })]
+    })]
+  });
+});
+Alert.displayName = 'Alert';
+export default Alert;

package/es/Alert/index.d.ts

@@ -1,18 +1,2 @@
-import { type AlertProps as AntAlertProps } from 'antd';
-import { type ReactNode } from 'react';
-export interface AlertProps extends AntAlertProps {
-    classNames?: {
-        alert?: string;
-        container?: string;
-    };
-    colorfulText?: boolean;
-    extra?: ReactNode;
-    extraDefaultExpand?: boolean;
-    extraIsolate?: boolean;
-    text?: {
-        detail?: string;
-    };
-    variant?: 'default' | 'block' | 'ghost' | 'pure';
-}
-declare const Alert: import("react").NamedExoticComponent<AlertProps>;
-export default Alert;
+export { default } from './Alert';
+export type * from './type';