@lobehub/ui 1.171.0 → 2.0.1

package/es/A/index.d.ts

@@ -1,4 +1,6 @@
-/// <reference types="react" />
-import { AProps } from "../types";
-declare const A: import("react").ForwardRefExoticComponent<AProps & import("react").RefAttributes<any>>;
+import { type Ref } from 'react';
+import type { AProps } from "../types";
+declare const A: import("react").NamedExoticComponent<AProps & {
+    ref?: Ref<HTMLAnchorElement> | undefined;
+}>;
 export default A;

package/es/A/index.js

@@ -6,24 +6,21 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-import { createElement, forwardRef, useContext, useMemo } from 'react';
+import { createElement, memo, use, useMemo } from 'react';
 import { ConfigContext } from "../ConfigProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
 var createContainer = function createContainer(as) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/createElement(as, _objectSpread(_objectSpread({}, props), {}, {
-      ref: ref
-    }));
+  return /*#__PURE__*/memo(function (props) {
+    return /*#__PURE__*/createElement(as, props);
   });
 };
-var A = /*#__PURE__*/forwardRef(function (props, ref) {
-  var config = useContext(ConfigContext);
+var A = /*#__PURE__*/memo(function (props) {
+  var config = use(ConfigContext);
   var render = (config === null || config === void 0 ? void 0 : config.aAs) || 'a';
   var AContainer = useMemo(function () {
     return createContainer(render);
   }, [render]);
-  return /*#__PURE__*/_jsx(AContainer, _objectSpread({
-    ref: ref
-  }, props));
+  return /*#__PURE__*/_jsx(AContainer, _objectSpread({}, props));
 });
+A.displayName = 'A';
 export default A;

package/es/ActionIcon/ActionIcon.d.ts

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

package/es/ActionIcon/ActionIcon.js

@@ -0,0 +1,158 @@
+'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 = ["color", "fill", "className", "active", "icon", "size", "variant", "style", "glass", "title", "onClick", "loading", "fillOpacity", "fillRule", "focusable", "shadow", "disabled", "spin", "tooltipProps", "danger", "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 { cva } from 'class-variance-authority';
+import { Loader2 } from 'lucide-react';
+import { memo, useCallback, useMemo } from 'react';
+import { Center } from 'react-layout-kit';
+import Icon from "../Icon";
+import Tooltip from "../Tooltip";
+import { calcSize } from "./components/utils";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ActionIcon = /*#__PURE__*/memo(function (_ref) {
+  var _tooltipProps$styles;
+  var color = _ref.color,
+    fill = _ref.fill,
+    className = _ref.className,
+    active = _ref.active,
+    icon = _ref.icon,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant,
+    style = _ref.style,
+    glass = _ref.glass,
+    title = _ref.title,
+    onClick = _ref.onClick,
+    loading = _ref.loading,
+    fillOpacity = _ref.fillOpacity,
+    fillRule = _ref.fillRule,
+    focusable = _ref.focusable,
+    shadow = _ref.shadow,
+    disabled = _ref.disabled,
+    iconSpinning = _ref.spin,
+    tooltipProps = _ref.tooltipProps,
+    danger = _ref.danger,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useMemo = useMemo(function () {
+      return calcSize(size);
+    }, [size]),
+    blockSize = _useMemo.blockSize,
+    borderRadius = _useMemo.borderRadius;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      compoundVariants: [{
+        className: styles.dangerFilled,
+        danger: true,
+        variant: 'filled'
+      }, {
+        className: styles.dangerBorderless,
+        danger: true,
+        variant: 'borderless'
+      }, {
+        className: styles.dangerOutlined,
+        danger: true,
+        variant: 'outlined'
+      }],
+      defaultVariants: {
+        active: false,
+        danger: false,
+        disabled: false,
+        glass: false,
+        shadow: false,
+        variant: 'borderless'
+      },
+      /* 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
+        },
+        active: {
+          false: null,
+          true: styles.active
+        },
+        danger: {
+          false: null,
+          true: styles.dangerRoot
+        },
+        disabled: {
+          false: null,
+          true: styles.disabled
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  var handleClick = useCallback(function (event) {
+    if (loading || disabled) return;
+    onClick === null || onClick === void 0 || onClick(event);
+  }, [loading, disabled, onClick]);
+  var node = /*#__PURE__*/_jsx(Center, _objectSpread(_objectSpread({
+    className: cx(variants({
+      active: active,
+      danger: danger,
+      disabled: disabled,
+      glass: glass,
+      shadow: shadow,
+      variant: variant
+    }), className),
+    flex: 'none',
+    horizontal: true,
+    onClick: handleClick,
+    ref: ref,
+    role: "button",
+    style: _objectSpread({
+      borderRadius: borderRadius,
+      height: blockSize,
+      width: blockSize
+    }, style),
+    tabIndex: disabled ? -1 : 0
+  }, rest), {}, {
+    children: icon && /*#__PURE__*/_jsx(Icon, {
+      color: color,
+      fill: fill,
+      fillOpacity: fillOpacity,
+      fillRule: fillRule,
+      focusable: focusable,
+      icon: loading ? Loader2 : icon,
+      size: size,
+      spin: loading ? true : iconSpinning
+    })
+  }));
+  if (!title) return node;
+  return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+    title: title
+  }, tooltipProps), {}, {
+    styles: _objectSpread(_objectSpread({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.styles), {}, {
+      root: _objectSpread({
+        pointerEvents: 'none'
+      }, tooltipProps === null || tooltipProps === void 0 || (_tooltipProps$styles = tooltipProps.styles) === null || _tooltipProps$styles === void 0 ? void 0 : _tooltipProps$styles.root)
+    }),
+    children: node
+  }));
+});
+ActionIcon.displayName = 'ActionIcon';
+export default ActionIcon;

package/es/ActionIcon/components/utils.d.ts

@@ -0,0 +1,5 @@
+import type { ActionIconSize } from "..";
+export declare const calcSize: (iconSize?: ActionIconSize) => {
+    blockSize: string | number;
+    borderRadius: string | number;
+};

package/es/ActionIcon/components/utils.js

@@ -0,0 +1,47 @@
+import { isNumber } from 'lodash-es';
+export var calcSize = function calcSize(iconSize) {
+  var blockSize;
+  var borderRadius;
+  if (isNumber(iconSize)) {
+    var _blockSize = iconSize * 1.8;
+    return {
+      blockSize: _blockSize,
+      borderRadius: Math.floor(_blockSize / 6)
+    };
+  }
+  switch (iconSize) {
+    case 'large':
+      {
+        blockSize = 44;
+        borderRadius = 8;
+        break;
+      }
+    case 'middle':
+      {
+        blockSize = 36;
+        borderRadius = 6;
+        break;
+      }
+    case 'small':
+      {
+        blockSize = 24;
+        borderRadius = 4;
+        break;
+      }
+    default:
+      {
+        if (iconSize) {
+          blockSize = (iconSize === null || iconSize === void 0 ? void 0 : iconSize.blockSize) || 36;
+          borderRadius = (iconSize === null || iconSize === void 0 ? void 0 : iconSize.borderRadius) || 6;
+        } else {
+          blockSize = '1.8em';
+          borderRadius = '0.3em';
+        }
+        break;
+      }
+  }
+  return {
+    blockSize: blockSize,
+    borderRadius: borderRadius
+  };
+};

package/es/ActionIcon/index.d.ts

@@ -1,70 +1,2 @@
-/// <reference types="react" />
-import { type FlexboxProps } from 'react-layout-kit';
-import { type IconProps, type IconSizeConfig, type IconSizeType, LucideIconProps } from "../Icon";
-import { type TooltipProps } from "../Tooltip";
-interface ActionIconSizeConfig extends IconSizeConfig {
-    blockSize?: number | string;
-    borderRadius?: number | string;
-}
-type ActionIconSizeType = 'site' | IconSizeType;
-export type ActionIconSize = ActionIconSizeType | ActionIconSizeConfig;
-export interface ActionIconProps extends LucideIconProps, FlexboxProps {
-    /**
-     * @description Whether the icon is active or not
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * @description Change arrow's visible state and change whether the arrow is pointed at the center of target.
-     * @default false
-     */
-    arrow?: boolean;
-    classNames?: TooltipProps['classNames'];
-    disable?: boolean;
-    /**
-     * @description Glass blur style
-     * @default 'false'
-     */
-    glass?: boolean;
-    icon?: IconProps['icon'];
-    /**
-     * @description Set the loading status of ActionIcon
-     */
-    loading?: boolean;
-    overlayClassName?: TooltipProps['overlayClassName'];
-    overlayStyle?: TooltipProps['overlayStyle'];
-    /**
-     * @description The position of the tooltip relative to the target
-     * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
-     * @default "top"
-     */
-    placement?: TooltipProps['placement'];
-    /**
-     * @description Size of the icon
-     * @default 'normal'
-     */
-    size?: ActionIconSize;
-    spin?: boolean;
-    /**
-     * @description Whether add spotlight background
-     * @default false
-     */
-    spotlight?: boolean;
-    styles?: TooltipProps['styles'];
-    /**
-     * @description The text shown in the tooltip
-     */
-    title?: string;
-    /**
-     * @description Mouse enter delay of tooltip
-     * @default 0.5
-     */
-    tooltipDelay?: number;
-    /**
-     * @description Hotkey to display in tooltip
-     */
-    tooltipHotkey?: string;
-    variant?: 'default' | 'block' | 'ghost';
-}
-declare const ActionIcon: import("react").ForwardRefExoticComponent<ActionIconProps & import("react").RefAttributes<HTMLDivElement>>;
-export default ActionIcon;
+export { default } from './ActionIcon';
+export type * from './type';

package/es/ActionIcon/index.js

@@ -1,130 +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 = ["color", "fill", "className", "active", "icon", "size", "variant", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "tooltipHotkey", "fillOpacity", "fillRule", "focusable", "disable", "spin", "styles"];
-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 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 { Loader2 } from 'lucide-react';
-import { forwardRef, useCallback, useMemo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import Icon from "../Icon";
-import Tooltip from "../Tooltip";
-import Spotlight from "../awesome/Spotlight";
-import { calcSize } from "./calcSize";
-import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var color = _ref.color,
-    fill = _ref.fill,
-    className = _ref.className,
-    active = _ref.active,
-    icon = _ref.icon,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'normal' : _ref$size,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-    style = _ref.style,
-    glass = _ref.glass,
-    title = _ref.title,
-    placement = _ref.placement,
-    _ref$arrow = _ref.arrow,
-    arrow = _ref$arrow === void 0 ? false : _ref$arrow,
-    spotlight = _ref.spotlight,
-    onClick = _ref.onClick,
-    children = _ref.children,
-    loading = _ref.loading,
-    _ref$tooltipDelay = _ref.tooltipDelay,
-    tooltipDelay = _ref$tooltipDelay === void 0 ? 0.5 : _ref$tooltipDelay,
-    tooltipHotkey = _ref.tooltipHotkey,
-    fillOpacity = _ref.fillOpacity,
-    fillRule = _ref.fillRule,
-    focusable = _ref.focusable,
-    disable = _ref.disable,
-    iconSpinning = _ref.spin,
-    styles = _ref.styles,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles({
-      active: Boolean(active),
-      glass: Boolean(glass),
-      variant: variant
-    }),
-    s = _useStyles.styles,
-    cx = _useStyles.cx;
-  var _useMemo = useMemo(function () {
-      return calcSize(size);
-    }, [size]),
-    blockSize = _useMemo.blockSize,
-    borderRadius = _useMemo.borderRadius;
-  var iconProps = {
-    color: color,
-    fill: fill,
-    fillOpacity: fillOpacity,
-    fillRule: fillRule,
-    focusable: focusable,
-    size: size === 'site' ? 'normal' : size
-  };
-  var content = icon && /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
-    className: s.icon,
-    icon: icon
-  }, iconProps), {}, {
-    spin: iconSpinning
-  }));
-  var spin = /*#__PURE__*/_jsx(Icon, _objectSpread(_objectSpread({
-    icon: Loader2
-  }, iconProps), {}, {
-    spin: true
-  }));
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    tooltipOpen = _useState2[0],
-    setTooltipOpen = _useState2[1];
-  var handleClick = useCallback(function (event) {
-    if (loading || disable) return;
-    setTooltipOpen(false);
-    onClick === null || onClick === void 0 || onClick(event);
-  }, [loading, disable, setTooltipOpen, onClick]);
-  var actionIconBlock = /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
-    align: 'center',
-    className: cx(s.block, disable ? s.disabled : s.normal, className),
-    horizontal: true,
-    justify: 'center',
-    onClick: handleClick,
-    ref: ref,
-    style: _objectSpread({
-      borderRadius: borderRadius,
-      height: blockSize,
-      width: blockSize
-    }, style)
-  }, rest), {}, {
-    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), loading ? spin : content, children]
-  }));
-  if (!title) return actionIconBlock;
-  return /*#__PURE__*/_jsx(Tooltip, {
-    arrow: arrow,
-    hotkey: tooltipHotkey,
-    mouseEnterDelay: tooltipDelay,
-    onOpenChange: setTooltipOpen,
-    open: tooltipOpen,
-    placement: placement,
-    styles: _objectSpread(_objectSpread({}, styles), {}, {
-      root: _objectSpread({
-        pointerEvents: 'none'
-      }, styles === null || styles === void 0 ? void 0 : styles.root)
-    }),
-    title: title,
-    children: actionIconBlock
-  });
-});
-export default ActionIcon;
+export { default } from "./ActionIcon";

package/es/ActionIcon/style.d.ts

@@ -1,10 +1,14 @@
-export declare const useStyles: (props?: {
-    active: boolean;
-    glass: boolean;
-    variant: 'default' | 'block' | 'ghost';
-} | undefined) => import("antd-style").ReturnStyles<{
-    block: string;
-    disabled: import("antd-style").SerializedStyles;
-    icon: import("antd-style").SerializedStyles;
-    normal: import("antd-style").SerializedStyles;
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    active: string;
+    borderless: string;
+    dangerBorderless: string;
+    dangerFilled: string;
+    dangerOutlined: string;
+    dangerRoot: import("antd-style").SerializedStyles;
+    disabled: string;
+    filled: string;
+    glass: string;
+    outlined: string;
+    root: import("antd-style").SerializedStyles;
+    shadow: string;
 }>;

package/es/ActionIcon/style.js

@@ -1,20 +1,23 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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, _ref2) {
-  var css = _ref.css,
+export var useStyles = createStyles(function (_ref) {
+  var isDarkMode = _ref.isDarkMode,
+    css = _ref.css,
     token = _ref.token,
-    stylish = _ref.stylish,
-    cx = _ref.cx;
-  var active = _ref2.active,
-    glass = _ref2.glass,
-    variant = _ref2.variant;
-  var isBlock = variant === 'block';
-  var isGhost = variant === 'ghost';
+    stylish = _ref.stylish;
   return {
-    block: cx(glass && stylish.blur, isGhost && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            border: 1px solid ", ";\n          "])), token.colorBorderSecondary), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n\n          flex: none;\n\n          color: ", ";\n\n          background: ", ";\n\n          transition:\n            color 600ms ", ",\n            scale 400ms ", ",\n            background-color 100ms ", ";\n        "])), active ? token.colorText : token.colorTextTertiary, active || isBlock ? token.colorFillTertiary : 'transparent', token.motionEaseOut, token.motionEaseOut, token.motionEaseOut)),
-    disabled: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        cursor: not-allowed;\n        opacity: 0.5;\n      "]))),
-    icon: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        transition: scale 400ms ", ";\n\n        &:active {\n          scale: 0.8;\n        }\n      "])), token.motionEaseOut),
-    normal: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        cursor: pointer;\n\n        &:hover {\n          color: ", ";\n          background-color: ", ";\n        }\n\n        &:active {\n          color: ", ";\n          background-color: ", ";\n        }\n      "])), token.colorText, token.colorFillSecondary, token.colorText, token.colorFill)
+    active: stylish.active,
+    borderless: stylish.variantBorderless,
+    dangerBorderless: stylish.variantBorderlessDanger,
+    dangerFilled: stylish.variantFilledDanger,
+    dangerOutlined: stylish.variantOutlinedDanger,
+    dangerRoot: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      &:hover {\n        color: ", ";\n      }\n\n      &:active {\n        color: ", ";\n      }\n    "])), token.colorError, token.colorErrorActive),
+    disabled: stylish.disabled,
+    filled: stylish.variantFilled,
+    glass: stylish.blur,
+    outlined: stylish.variantOutlined,
+    root: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      position: relative;\n\n      overflow: hidden;\n\n      color: ", ";\n\n      transition:\n        color 400ms ", ",\n        background 100ms ", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      &:active {\n        color: ", ";\n      }\n    "])), token.colorTextTertiary, token.motionEaseOut, token.motionEaseOut, token.colorTextSecondary, isDarkMode ? token.colorTextTertiary : token.colorText),
+    shadow: stylish.shadow
   };
 });

package/es/ActionIcon/type.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode, Ref } from 'react';
+import type { CenterProps } from 'react-layout-kit';
+import type { IconProps, IconSizeConfig, IconSizeType, LucideIconProps } from "../Icon";
+import type { TooltipProps } from "../Tooltip";
+interface ActionIconSizeConfig extends IconSizeConfig {
+    blockSize?: number | string;
+    borderRadius?: number | string;
+}
+export type ActionIconSize = number | IconSizeType | ActionIconSizeConfig;
+export interface ActionIconProps extends Partial<LucideIconProps>, Omit<CenterProps, 'title' | 'children'> {
+    active?: boolean;
+    danger?: boolean;
+    disabled?: boolean;
+    glass?: boolean;
+    icon?: IconProps['icon'] | ReactNode;
+    loading?: boolean;
+    ref?: Ref<HTMLDivElement>;
+    shadow?: boolean;
+    size?: ActionIconSize;
+    spin?: boolean;
+    title?: TooltipProps['title'];
+    tooltipProps?: Omit<TooltipProps, 'title'>;
+    variant?: 'borderless' | 'filled' | 'outlined';
+}
+export {};

package/es/ActionIconGroup/ActionIconGroup.d.ts

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