@swiftcrab/crab 0.0.5 → 0.0.7

package/es/avatar/index.d.ts

@@ -0,0 +1,9 @@
+import Avatar$1, { AvatarProps } from "./avatar.js";
+import Group, { GroupProps } from "./group.js";
+//#region components/avatar/index.d.ts
+type CompoundedComponent = typeof Avatar$1 & {
+  Group: typeof Group;
+};
+declare const Avatar: CompoundedComponent;
+//#endregion
+export { type AvatarProps, Group, type GroupProps, Avatar as default };

package/es/avatar/index.js

@@ -0,0 +1 @@
+import e from"./avatar.js";import t from"./group.js";const n=e;n.Group=t;export{t as Group,n as default};

package/es/avatar/style/index.d.ts

@@ -0,0 +1,54 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/avatar/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 头像尺寸
+   * @descEN Size of Avatar
+   */
+  containerSize: number;
+  /**
+   * @desc 大号头像尺寸
+   * @descEN Size of large Avatar
+   */
+  containerSizeLG: number;
+  /**
+   * @desc 小号头像尺寸
+   * @descEN Size of small Avatar
+   */
+  containerSizeSM: number;
+  /**
+   * @desc 头像文字大小
+   * @descEN Font size of Avatar
+   */
+  textFontSize: number;
+  /**
+   * @desc 大号头像文字大小
+   * @descEN Font size of large Avatar
+   */
+  textFontSizeLG: number;
+  /**
+   * @desc 小号头像文字大小
+   * @descEN Font size of small Avatar
+   */
+  textFontSizeSM: number;
+  /**
+   * @desc 头像组间距
+   * @descEN Spacing between avatars in a group
+   */
+  groupSpace: number;
+  /**
+   * @desc 头像组重叠宽度
+   * @descEN Overlapping of avatars in a group
+   */
+  groupOverlapping: number;
+  /**
+   * @desc 头像组边框颜色
+   * @descEN Border color of avatars in a group
+   */
+  groupBorderColor: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Avatar'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/avatar/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import{mergeToken as n}from"../../theme/internal.js";import{unit as r}from"@ant-design/cssinjs";const i=t=>{let{antCls:n,componentCls:i,iconCls:a,avatarBg:o,avatarColor:s,containerSize:c,containerSizeLG:l,containerSizeSM:u,textFontSize:d,textFontSizeLG:f,textFontSizeSM:p,borderRadius:m,borderRadiusLG:h,borderRadiusSM:g,lineWidth:_,lineType:v}=t,y=(e,t,n)=>({width:e,height:e,borderRadius:`50%`,[`&${i}-square`]:{borderRadius:n},[`&${i}-icon`]:{fontSize:t,[`> ${a}`]:{margin:0}}});return{[i]:{...e(t),position:`relative`,display:`inline-flex`,justifyContent:`center`,alignItems:`center`,overflow:`hidden`,color:s,whiteSpace:`nowrap`,textAlign:`center`,verticalAlign:`middle`,background:o,border:`${r(_)} ${v} transparent`,"&-image":{background:`transparent`},[`${n}-image-img`]:{display:`block`},...y(c,d,m),"&-lg":{...y(l,f,h)},"&-sm":{...y(u,p,g)},"> img":{display:`block`,width:`100%`,height:`100%`,objectFit:`cover`}}}},a=e=>{let{componentCls:t,groupBorderColor:n,groupOverlapping:r,groupSpace:i}=e;return{[`${t}-group`]:{display:`inline-flex`,[t]:{borderColor:n},"> *:not(:first-child)":{marginInlineStart:r}},[`${t}-group-popover`]:{[`${t} + ${t}`]:{marginInlineStart:i}}}},o=e=>{let{controlHeight:t,controlHeightLG:n,controlHeightSM:r,fontSize:i,fontSizeLG:a,fontSizeXL:o,fontSizeHeading3:s,marginXS:c,marginXXS:l,colorBorderBg:u}=e;return{containerSize:t,containerSizeLG:n,containerSizeSM:r,textFontSize:Math.round((a+o)/2),textFontSizeLG:s,textFontSizeSM:i,groupSpace:l,groupOverlapping:-c,groupBorderColor:u}};var s=t(`Avatar`,e=>{let{colorTextLightSolid:t,colorTextPlaceholder:r}=e,o=n(e,{avatarBg:r,avatarColor:t});return[i(o),a(o)]},o);export{s as default,o as prepareComponentToken};

package/es/badge/Ribbon.d.ts

@@ -0,0 +1,18 @@
+import { LiteralUnion } from "../_util/type.js";
+import { PresetColorType } from "../_util/colors.js";
+import * as React$1 from "react";
+//#region components/badge/Ribbon.d.ts
+type RibbonPlacement = 'start' | 'end';
+export interface RibbonProps {
+  className?: string;
+  prefixCls?: string;
+  style?: React$1.CSSProperties;
+  text?: React$1.ReactNode;
+  color?: LiteralUnion<PresetColorType>;
+  children?: React$1.ReactNode;
+  placement?: RibbonPlacement;
+  rootClassName?: string;
+}
+declare const Ribbon: React$1.FC<RibbonProps>;
+//#endregion
+export { Ribbon as default };

package/es/badge/Ribbon.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{isPresetColor as t}from"../_util/colors.js";import n from"./style/ribbon.js";import*as r from"react";import i from"classnames";const a=a=>{let{className:o,prefixCls:s,style:c,color:l,children:u,text:d,placement:f=`end`,rootClassName:p}=a,{getPrefixCls:m,direction:h}=r.useContext(e),g=m(`ribbon`,s),_=`${g}-wrapper`,[v,y,b]=n(g,_),x=t(l,!1),S=i(g,`${g}-placement-${f}`,{[`${g}-rtl`]:h===`rtl`,[`${g}-color-${l}`]:x},o),C={},w={};return l&&!x&&(C.background=l,w.color=l),v(r.createElement(`div`,{className:i(_,p,y,b)},u,r.createElement(`div`,{className:i(S,y),style:{...C,...c}},r.createElement(`span`,{className:`${g}-text`},d),r.createElement(`div`,{className:`${g}-corner`,style:w}))))};export{a as default};

package/es/badge/ScrollNumber.d.ts

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+//#region components/badge/ScrollNumber.d.ts
+export interface ScrollNumberProps {
+  prefixCls?: string;
+  className?: string;
+  motionClassName?: string;
+  count?: string | number | null;
+  children?: React$1.ReactElement;
+  component?: React$1.ComponentType<any>;
+  style?: React$1.CSSProperties;
+  title?: string | number | null;
+  show: boolean;
+}
+export interface ScrollNumberState {
+  animateStarted?: boolean;
+  count?: string | number | null;
+}
+declare const ScrollNumber: React$1.ForwardRefExoticComponent<ScrollNumberProps & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { ScrollNumber as default };

package/es/badge/ScrollNumber.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{cloneElement as t}from"../_util/reactNode.js";import n from"./SingleNumber.js";import*as r from"react";import i from"classnames";const a=r.forwardRef((a,o)=>{let{prefixCls:s,count:c,className:l,motionClassName:u,style:d,title:f,show:p,component:m=`sup`,children:h,...g}=a,{getPrefixCls:_}=r.useContext(e),v=_(`scroll-number`,s),y={...g,"data-show":p,style:d,className:i(v,l,u),title:f},b=c;if(c&&Number(c)%1==0){let e=String(c).split(``);b=r.createElement(`bdi`,null,e.map((t,i)=>r.createElement(n,{prefixCls:v,count:Number(c),value:t,key:e.length-i})))}return d?.borderColor&&(y.style={...d,boxShadow:`0 0 0 1px ${d.borderColor} inset`}),h?t(h,e=>({className:i(`${v}-custom-component`,e?.className,u)})):r.createElement(m,{...y,ref:o},b)});export{a as default};

package/es/badge/SingleNumber.d.ts

@@ -0,0 +1,16 @@
+import * as React$1 from "react";
+//#region components/badge/SingleNumber.d.ts
+export interface UnitNumberProps {
+  prefixCls: string;
+  value: string | number;
+  offset?: number;
+  current?: boolean;
+}
+export interface SingleNumberProps {
+  prefixCls: string;
+  value: string;
+  count: number;
+}
+declare const SingleNumber: React$1.FC<Readonly<SingleNumberProps>>;
+//#endregion
+export { SingleNumber as default };

package/es/badge/SingleNumber.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";const n=n=>{let{prefixCls:r,value:i,current:a,offset:o=0}=n,s;return o&&(s={position:`absolute`,top:`${o}00%`,left:0}),e.createElement(`span`,{style:s,className:t(`${r}-only-unit`,{current:a})},i)};function r(e,t,n){let r=e,i=0;for(;(r+10)%10!==t;)r+=n,i+=n;return i}const i=t=>{let{prefixCls:i,count:a,value:o}=t,s=Number(o),c=Math.abs(a),[l,u]=e.useState(s),[d,f]=e.useState(c),p=()=>{u(s),f(c)};e.useEffect(()=>{let e=setTimeout(p,1e3);return()=>clearTimeout(e)},[s]);let m,h;if(l===s||Number.isNaN(s)||Number.isNaN(l))m=[e.createElement(n,{...t,key:s,current:!0})],h={transition:`none`};else{m=[];let i=s+10,a=[];for(let e=s;e<=i;e+=1)a.push(e);let o=d<c?1:-1,u=a.findIndex(e=>e%10===l);m=(o<0?a.slice(0,u+1):a.slice(u)).map((r,i)=>{let a=r%10;return e.createElement(n,{...t,key:r,value:a,offset:o<0?i-u:i,current:i===u})}),h={transform:`translateY(${-r(l,s,o)}00%)`}}return e.createElement(`span`,{className:`${i}-only`,style:h,onTransitionEnd:p},m)};export{i as default};

package/es/badge/index.d.ts

@@ -0,0 +1,44 @@
+import { LiteralUnion } from "../_util/type.js";
+import { PresetColorKey } from "../theme/interface/presetColors.js";
+import Ribbon from "./Ribbon.js";
+import { ScrollNumberProps } from "./ScrollNumber.js";
+import "../theme/internal.js";
+import { PresetStatusColorType } from "../_util/colors.js";
+import * as React$1 from "react";
+//#region components/badge/index.d.ts
+export interface BadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+  /** Number to show in badge */
+  count?: React$1.ReactNode;
+  showZero?: boolean;
+  /** Max count to show */
+  overflowCount?: number;
+  /** Whether to show red dot without number */
+  dot?: boolean;
+  style?: React$1.CSSProperties;
+  prefixCls?: string;
+  scrollNumberPrefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  status?: PresetStatusColorType;
+  color?: LiteralUnion<PresetColorKey>;
+  text?: React$1.ReactNode;
+  size?: 'default' | 'small';
+  offset?: [number | string, number | string];
+  title?: string;
+  children?: React$1.ReactNode;
+  classNames?: {
+    root?: string;
+    indicator?: string;
+  };
+  styles?: {
+    root?: React$1.CSSProperties;
+    indicator?: React$1.CSSProperties;
+  };
+}
+declare const InternalBadge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefAttributes<HTMLSpanElement>>;
+type CompoundedComponent = typeof InternalBadge & {
+  Ribbon: typeof Ribbon;
+};
+declare const Badge: CompoundedComponent;
+//#endregion
+export { type ScrollNumberProps, Badge as default };

package/es/badge/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{cloneElement as t}from"../_util/reactNode.js";import{isPresetColor as n}from"../_util/colors.js";import r from"./style/index.js";import i from"./Ribbon.js";import a from"./ScrollNumber.js";import*as o from"react";import{useMemo as s,useRef as c}from"react";import l from"classnames";import u from"rc-motion";const d=o.forwardRef((i,d)=>{let{prefixCls:ee,scrollNumberPrefixCls:f,children:p,status:m,text:h,color:g,count:_=null,overflowCount:v=99,dot:y=!1,size:b=`default`,title:te,offset:x,style:S,className:C,rootClassName:w,classNames:T,styles:E,showZero:D=!1,...O}=i,{getPrefixCls:k,direction:A,badge:j}=o.useContext(e),M=k(`badge`,ee),[N,P,F]=r(M),I=_>v?`${v}+`:_,L=I===`0`||I===0,R=(m!=null||g!=null)&&(_===null||L&&!D),z=y&&!L,B=z?``:I,V=s(()=>(B==null||B===``||L&&!D)&&!z,[B,L,D,z]),H=c(_);V||(H.current=_);let U=H.current,W=c(B);V||(W.current=B);let G=W.current,K=c(z);V||(K.current=z);let q=s(()=>{if(!x)return{...j?.style,...S};let e={marginTop:x[1]};return A===`rtl`?e.left=parseInt(x[0],10):e.right=-parseInt(x[0],10),{...e,...j?.style,...S}},[A,x,S,j?.style]),J=te??(typeof U==`string`||typeof U==`number`?U:void 0),Y=V||!h?null:o.createElement(`span`,{className:`${M}-status-text`},h),X=!U||typeof U!=`object`?void 0:t(U,e=>({style:{...q,...e.style}})),Z=n(g,!1),ne=l(T?.indicator,j?.classNames?.indicator,{[`${M}-status-dot`]:R,[`${M}-status-${m}`]:!!m,[`${M}-color-${g}`]:Z}),Q={};g&&!Z&&(Q.color=g,Q.background=g);let $=l(M,{[`${M}-status`]:R,[`${M}-not-a-wrapper`]:!p,[`${M}-rtl`]:A===`rtl`},C,w,j?.className,j?.classNames?.root,T?.root,P,F);if(!p&&R){let e=q.color;return N(o.createElement(`span`,{...O,className:$,style:{...E?.root,...j?.styles?.root,...q}},o.createElement(`span`,{className:ne,style:{...E?.indicator,...j?.styles?.indicator,...Q}}),h&&o.createElement(`span`,{style:{color:e},className:`${M}-status-text`},h)))}return N(o.createElement(`span`,{ref:d,...O,className:$,style:{...j?.styles?.root,...E?.root}},p,o.createElement(u,{visible:!V,motionName:`${M}-zoom`,motionAppear:!1,motionDeadline:1e3},({className:e})=>{let t=k(`scroll-number`,f),n=K.current,r=l(T?.indicator,j?.classNames?.indicator,{[`${M}-dot`]:n,[`${M}-count`]:!n,[`${M}-count-sm`]:b===`small`,[`${M}-multiple-words`]:!n&&G&&G.toString().length>1,[`${M}-status-${m}`]:!!m,[`${M}-color-${g}`]:Z}),i={...E?.indicator,...j?.styles?.indicator,...q};return g&&!Z&&(i||={},i.background=g),o.createElement(a,{prefixCls:t,show:!V,motionClassName:e,className:r,count:G,title:J,style:i,key:`scrollNumber`},X)}),Y))});d.Ribbon=i;export{d as default};

package/es/badge/style/index.d.ts

@@ -0,0 +1,107 @@
+import "../../theme/internal.js";
+import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/badge/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+  /**
+   * @desc 徽标 z-index
+   * @descEN z-index of badge
+   */
+  indicatorZIndex: number | string;
+  /**
+   * @desc 徽标高度
+   * @descEN Height of badge
+   */
+  indicatorHeight: number | string;
+  /**
+   * @desc 小号徽标高度
+   * @descEN Height of small badge
+   */
+  indicatorHeightSM: number | string;
+  /**
+   * @desc 点状徽标尺寸
+   * @descEN Size of dot badge
+   */
+  dotSize: number;
+  /**
+   * @desc 徽标文本尺寸
+   * @descEN Font size of badge text
+   */
+  textFontSize: number;
+  /**
+   * @desc 小号徽标文本尺寸
+   * @descEN Font size of small badge text
+   */
+  textFontSizeSM: number;
+  /**
+   * @desc 徽标文本粗细
+   * @descEN Font weight of badge text
+   */
+  textFontWeight: number | string;
+  /**
+   * @desc 状态徽标尺寸
+   * @descEN Size of status badge
+   */
+  statusSize: number;
+}
+/**
+ * @desc Badge 组件的 Token
+ * @descEN Token for Badge component
+ */
+export interface BadgeToken extends FullToken<'Badge'> {
+  /**
+   * @desc 徽标字体高度
+   * @descEN Font height of badge
+   */
+  badgeFontHeight: number;
+  /**
+   * @desc 徽标文本颜色
+   * @descEN Text color of badge
+   */
+  badgeTextColor: string;
+  /**
+   * @desc 徽标颜色
+   * @descEN Color of badge
+   */
+  badgeColor: string;
+  /**
+   * @desc 徽标悬停颜色
+   * @descEN Hover color of badge
+   */
+  badgeColorHover: string;
+  /**
+   * @desc 徽标阴影尺寸
+   * @descEN Shadow size of badge
+   */
+  badgeShadowSize: number;
+  /**
+   * @desc 徽标阴影颜色
+   * @descEN Shadow color of badge
+   */
+  badgeShadowColor: string;
+  /**
+   * @desc 徽标处理持续时间
+   * @descEN Processing duration of badge
+   */
+  badgeProcessingDuration: string;
+  /**
+   * @desc 徽标丝带偏移量
+   * @descEN Ribbon offset of badge
+   */
+  badgeRibbonOffset: number;
+  /**
+   * @desc 徽标丝带角变换
+   * @descEN Ribbon corner transform of badge
+   */
+  badgeRibbonCornerTransform: string;
+  /**
+   * @desc 徽标丝带角滤镜
+   * @descEN Ribbon corner filter of badge
+   */
+  badgeRibbonCornerFilter: string;
+}
+export declare const prepareToken: (token: Parameters<GenStyleFn<'Badge'>>[0]) => BadgeToken;
+export declare const prepareComponentToken: GetDefaultToken<'Badge'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/badge/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import n from"../../theme/util/genPresetColor.js";import{mergeToken as r}from"../../theme/internal.js";import{Keyframes as i,unit as a}from"@ant-design/cssinjs";const o=new i(`antStatusProcessing`,{"0%":{transform:`scale(0.8)`,opacity:.5},"100%":{transform:`scale(2.4)`,opacity:0}}),s=new i(`antZoomBadgeIn`,{"0%":{transform:`scale(0) translate(50%, -50%)`,opacity:0},"100%":{transform:`scale(1) translate(50%, -50%)`}}),c=new i(`antZoomBadgeOut`,{"0%":{transform:`scale(1) translate(50%, -50%)`},"100%":{transform:`scale(0) translate(50%, -50%)`,opacity:0}}),l=new i(`antNoWrapperZoomBadgeIn`,{"0%":{transform:`scale(0)`,opacity:0},"100%":{transform:`scale(1)`}}),u=new i(`antNoWrapperZoomBadgeOut`,{"0%":{transform:`scale(1)`},"100%":{transform:`scale(0)`,opacity:0}}),d=new i(`antBadgeLoadingCircle`,{"0%":{transformOrigin:`50%`},"100%":{transform:`translate(50%, -50%) rotate(360deg)`,transformOrigin:`50%`}}),f=t=>{let{componentCls:r,iconCls:i,antCls:f,badgeShadowSize:p,textFontSize:m,textFontSizeSM:h,statusSize:g,dotSize:_,textFontWeight:v,indicatorHeight:y,indicatorHeightSM:b,marginXS:x,calc:S}=t,C=`${f}-scroll-number`,w=n(t,(e,{darkColor:t})=>({[`&${r} ${r}-color-${e}`]:{background:t,[`&:not(${r}-count)`]:{color:t},"a:hover &":{background:t}}}));return{[r]:{...e(t),position:`relative`,display:`inline-block`,width:`fit-content`,lineHeight:1,[`${r}-count`]:{display:`inline-flex`,justifyContent:`center`,zIndex:t.indicatorZIndex,minWidth:y,height:y,color:t.badgeTextColor,fontWeight:v,fontSize:m,lineHeight:a(y),whiteSpace:`nowrap`,textAlign:`center`,background:t.badgeColor,borderRadius:S(y).div(2).equal(),boxShadow:`0 0 0 ${a(p)} ${t.badgeShadowColor}`,transition:`background ${t.motionDurationMid}`,a:{color:t.badgeTextColor},"a:hover":{color:t.badgeTextColor},"a:hover &":{background:t.badgeColorHover}},[`${r}-count-sm`]:{minWidth:b,height:b,fontSize:h,lineHeight:a(b),borderRadius:S(b).div(2).equal()},[`${r}-multiple-words`]:{padding:`0 ${a(t.paddingXS)}`,bdi:{unicodeBidi:`plaintext`}},[`${r}-dot`]:{zIndex:t.indicatorZIndex,width:_,minWidth:_,height:_,background:t.badgeColor,borderRadius:`100%`,boxShadow:`0 0 0 ${a(p)} ${t.badgeShadowColor}`},[`${r}-count, ${r}-dot, ${C}-custom-component`]:{position:`absolute`,top:0,insetInlineEnd:0,transform:`translate(50%, -50%)`,transformOrigin:`100% 0%`,[`&${i}-spin`]:{animationName:d,animationDuration:`1s`,animationIterationCount:`infinite`,animationTimingFunction:`linear`}},[`&${r}-status`]:{lineHeight:`inherit`,verticalAlign:`baseline`,[`${r}-status-dot`]:{position:`relative`,top:-1,display:`inline-block`,width:g,height:g,verticalAlign:`middle`,borderRadius:`50%`},[`${r}-status-success`]:{backgroundColor:t.colorSuccess},[`${r}-status-processing`]:{overflow:`visible`,color:t.colorInfo,backgroundColor:t.colorInfo,borderColor:`currentcolor`,"&::after":{position:`absolute`,top:0,insetInlineStart:0,width:`100%`,height:`100%`,borderWidth:p,borderStyle:`solid`,borderColor:`inherit`,borderRadius:`50%`,animationName:o,animationDuration:t.badgeProcessingDuration,animationIterationCount:`infinite`,animationTimingFunction:`ease-in-out`,content:`""`}},[`${r}-status-default`]:{backgroundColor:t.colorTextPlaceholder},[`${r}-status-error`]:{backgroundColor:t.colorError},[`${r}-status-warning`]:{backgroundColor:t.colorWarning},[`${r}-status-text`]:{marginInlineStart:x,color:t.colorText,fontSize:t.fontSize}},...w,[`${r}-zoom-appear, ${r}-zoom-enter`]:{animationName:s,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack,animationFillMode:`both`},[`${r}-zoom-leave`]:{animationName:c,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack,animationFillMode:`both`},[`&${r}-not-a-wrapper`]:{[`${r}-zoom-appear, ${r}-zoom-enter`]:{animationName:l,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack},[`${r}-zoom-leave`]:{animationName:u,animationDuration:t.motionDurationSlow,animationTimingFunction:t.motionEaseOutBack},[`&:not(${r}-status)`]:{verticalAlign:`middle`},[`${C}-custom-component, ${r}-count`]:{transform:`none`},[`${C}-custom-component, ${C}`]:{position:`relative`,top:`auto`,display:`block`,transformOrigin:`50% 50%`}},[C]:{overflow:`hidden`,transition:`all ${t.motionDurationMid} ${t.motionEaseOutBack}`,[`${C}-only`]:{position:`relative`,display:`inline-block`,height:y,transition:`all ${t.motionDurationSlow} ${t.motionEaseOutBack}`,WebkitTransformStyle:`preserve-3d`,WebkitBackfaceVisibility:`hidden`,[`> p${C}-only-unit`]:{height:y,margin:0,WebkitTransformStyle:`preserve-3d`,WebkitBackfaceVisibility:`hidden`}},[`${C}-symbol`]:{verticalAlign:`top`}},"&-rtl":{direction:`rtl`,[`${r}-count, ${r}-dot, ${C}-custom-component`]:{transform:`translate(-50%, -50%)`}}}}},p=e=>{let{fontHeight:t,lineWidth:n,marginXS:i,colorBorderBg:a}=e,o=t,s=n,c=e.colorTextLightSolid,l=e.colorError,u=e.colorErrorHover;return r(e,{badgeFontHeight:o,badgeShadowSize:s,badgeTextColor:c,badgeColor:l,badgeColorHover:u,badgeShadowColor:a,badgeProcessingDuration:`1.2s`,badgeRibbonOffset:i,badgeRibbonCornerTransform:`scaleY(0.75)`,badgeRibbonCornerFilter:`brightness(75%)`})},m=e=>{let{fontSize:t,lineHeight:n,fontSizeSM:r,lineWidth:i}=e;return{indicatorZIndex:`auto`,indicatorHeight:Math.round(t*n)-2*i,indicatorHeightSM:t,dotSize:r/2,textFontSize:r,textFontSizeSM:r,textFontWeight:`normal`,statusSize:r/2}};var h=t(`Badge`,e=>{let t=p(e);return f(t)},m);export{h as default,m as prepareComponentToken,p as prepareToken};

package/es/badge/style/ribbon.d.ts

@@ -0,0 +1,4 @@
+//#region components/badge/style/ribbon.d.ts
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/badge/style/ribbon.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import n from"../../theme/util/genPresetColor.js";import"../../theme/internal.js";import{prepareComponentToken as r,prepareToken as i}from"./index.js";import{unit as a}from"@ant-design/cssinjs";const o=t=>{let{antCls:r,badgeFontHeight:i,marginXS:o,badgeRibbonOffset:s,calc:c}=t,l=`${r}-ribbon`,u=`${r}-ribbon-wrapper`,d=n(t,(e,{darkColor:t})=>({[`&${l}-color-${e}`]:{background:t,color:t}}));return{[u]:{position:`relative`},[l]:{...e(t),position:`absolute`,top:o,padding:`0 ${a(t.paddingXS)}`,color:t.colorPrimary,lineHeight:a(i),whiteSpace:`nowrap`,backgroundColor:t.colorPrimary,borderRadius:t.borderRadiusSM,[`${l}-text`]:{color:t.badgeTextColor},[`${l}-corner`]:{position:`absolute`,top:`100%`,width:s,height:s,color:`currentcolor`,border:`${a(c(s).div(2).equal())} solid`,transform:t.badgeRibbonCornerTransform,transformOrigin:`top`,filter:t.badgeRibbonCornerFilter},...d,[`&${l}-placement-end`]:{insetInlineEnd:c(s).mul(-1).equal(),borderEndEndRadius:0,[`${l}-corner`]:{insetInlineEnd:0,borderInlineEndColor:`transparent`,borderBlockEndColor:`transparent`}},[`&${l}-placement-start`]:{insetInlineStart:c(s).mul(-1).equal(),borderEndStartRadius:0,[`${l}-corner`]:{insetInlineStart:0,borderBlockEndColor:`transparent`,borderInlineStartColor:`transparent`}},"&-rtl":{direction:`rtl`}}}};var s=t([`Badge`,`Ribbon`],e=>{let t=i(e);return o(t)},r);export{s as default};

package/es/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,61 @@
+import { AnyObject } from "../_util/type.js";
+import { DropdownProps } from "../dropdown/dropdown.js";
+import "../dropdown/index.js";
+import { BreadcrumbItemProps } from "./BreadcrumbItem.js";
+import * as React$1 from "react";
+//#region components/breadcrumb/Breadcrumb.d.ts
+export interface BreadcrumbItemType {
+  key?: React$1.Key;
+  /**
+   * Different with `path`. Directly set the link of this item.
+   */
+  href?: string;
+  /**
+   * Different with `href`. It will concat all prev `path` to the current one.
+   */
+  path?: string;
+  title?: React$1.ReactNode;
+  /** @deprecated Please use `title` instead */
+  breadcrumbName?: string;
+  menu?: BreadcrumbItemProps['menu'];
+  /** @deprecated Please use `menu` instead */
+  overlay?: React$1.ReactNode;
+  className?: string;
+  dropdownProps?: DropdownProps;
+  onClick?: React$1.MouseEventHandler<HTMLAnchorElement | HTMLSpanElement>;
+  /** @deprecated Please use `menu` instead */
+  children?: Omit<BreadcrumbItemType, 'children'>[];
+}
+export interface BreadcrumbSeparatorType {
+  type: 'separator';
+  separator?: React$1.ReactNode;
+}
+export type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+export type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+export interface BreadcrumbProps<T extends AnyObject = AnyObject> {
+  prefixCls?: string;
+  params?: T;
+  separator?: React$1.ReactNode;
+  style?: React$1.CSSProperties;
+  className?: string;
+  rootClassName?: string;
+  children?: React$1.ReactNode;
+  /** @deprecated Please use `items` instead */
+  routes?: ItemType[];
+  items?: ItemType[];
+  itemRender?: (route: ItemType, params: T, routes: ItemType[], paths: string[]) => React$1.ReactNode;
+}
+declare const Breadcrumb: {
+  <T extends AnyObject = AnyObject>(props: BreadcrumbProps<T>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+  Item: React$1.FC<BreadcrumbItemProps> & {
+    __ANT_BREADCRUMB_ITEM: boolean;
+  };
+  Separator: React$1.FC<{
+    children?: React$1.ReactNode | undefined;
+  }> & {
+    __ANT_BREADCRUMB_SEPARATOR: boolean;
+  };
+  displayName: string;
+};
+//#endregion
+export { Breadcrumb as default };

package/es/breadcrumb/Breadcrumb.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{cloneElement as t}from"../_util/reactNode.js";import n from"./BreadcrumbSeparator.js";import r from"./useItemRender.js";import i,{InternalBreadcrumbItem as a}from"./BreadcrumbItem.js";import o from"./style/index.js";import s from"./useItems.js";import*as c from"react";import l from"classnames";import u from"rc-util/lib/pickAttrs";import d from"rc-util/lib/Children/toArray";const f=(e,t)=>{if(t===void 0)return t;let n=(t||``).replace(/^\//,``);return Object.keys(e).forEach(t=>{n=n.replace(`:${t}`,e[t])}),n},p=i=>{let{prefixCls:p,separator:m=`/`,style:h,className:g,rootClassName:_,routes:v,items:y,children:b,itemRender:x,params:S={},...C}=i,{getPrefixCls:w,direction:T,breadcrumb:E}=c.useContext(e),D,O=w(`breadcrumb`,p),[k,A,j]=o(O),M=s(y,v),N=r(O,x);if(M&&M.length>0){let e=[],t=y||v;D=M.map((r,i)=>{let{path:o,key:s,type:l,menu:d,overlay:p,onClick:h,className:g,separator:_,dropdownProps:v}=r,y=f(S,o);y!==void 0&&e.push(y);let b=s??i;if(l===`separator`)return c.createElement(n,{key:b},_);let x={},C=i===M.length-1;d?x.menu=d:p&&(x.overlay=p);let{href:w}=r;return e.length&&y!==void 0&&(w=`#/${e.join(`/`)}`),c.createElement(a,{key:b,...x,...u(r,{data:!0,aria:!0}),className:g,dropdownProps:v,href:w,separator:C?``:m,onClick:h,prefixCls:O},N(r,S,t,e,w))})}else if(b){let e=d(b).length;D=d(b).map((n,r)=>{if(!n)return n;let i=r===e-1;return t(n,{separator:i?``:m,key:r})})}let P=l(O,E?.className,{[`${O}-rtl`]:T===`rtl`},g,_,A,j),F={...E?.style,...h};return k(c.createElement(`nav`,{className:P,style:F,...C},c.createElement(`ol`,null,D)))};p.Item=i,p.Separator=n;export{p as default};

package/es/breadcrumb/BreadcrumbItem.d.ts

@@ -0,0 +1,33 @@
+import { DropdownProps } from "../dropdown/dropdown.js";
+import * as React$1 from "react";
+//#region components/breadcrumb/BreadcrumbItem.d.ts
+export interface SeparatorType {
+  separator?: React$1.ReactNode;
+  key?: React$1.Key;
+}
+type MenuType = NonNullable<DropdownProps['menu']>;
+interface MenuItem {
+  key?: React$1.Key;
+  title?: React$1.ReactNode;
+  label?: React$1.ReactNode;
+  path?: string;
+  href?: string;
+}
+export interface BreadcrumbItemProps extends SeparatorType {
+  prefixCls?: string;
+  href?: string;
+  menu?: Omit<MenuType, 'items'> & {
+    items?: MenuItem[];
+  };
+  dropdownProps?: DropdownProps;
+  onClick?: React$1.MouseEventHandler<HTMLAnchorElement | HTMLSpanElement>;
+  className?: string;
+  children?: React$1.ReactNode;
+  /** @deprecated Please use `menu` instead */
+  overlay?: DropdownProps['overlay'];
+}
+export declare const InternalBreadcrumbItem: React$1.FC<BreadcrumbItemProps>;
+type CompoundedComponent = React$1.FC<BreadcrumbItemProps> & {};
+declare const BreadcrumbItem: CompoundedComponent;
+//#endregion
+export { BreadcrumbItem as default };

package/es/breadcrumb/BreadcrumbItem.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../dropdown/dropdown.js";import n from"./BreadcrumbSeparator.js";import{renderItem as r}from"./useItemRender.js";import*as i from"react";import a from"@ant-design/icons/DownOutlined";const o=e=>{let{prefixCls:r,separator:o=`/`,children:s,menu:c,overlay:l,dropdownProps:u,href:d}=e,f=(e=>{if(c||l){let n={...u};if(c){let{items:e,...t}=c||{};n.menu={...t,items:e?.map(({key:e,title:t,label:n,path:r,...a},o)=>{let s=n??t;return r&&(s=i.createElement(`a`,{href:`${d}${r}`},s)),{...a,key:e??o,label:s}})}}else l&&(n.overlay=l);return i.createElement(t,{placement:`bottom`,...n},i.createElement(`span`,{className:`${r}-overlay-link`},e,i.createElement(a,null)))}return e})(s);return f==null?null:i.createElement(i.Fragment,null,i.createElement(`li`,null,f),o&&i.createElement(n,null,o))},s=t=>{let{prefixCls:n,children:a,href:s,...c}=t,{getPrefixCls:l}=i.useContext(e),u=l(`breadcrumb`,n);return i.createElement(o,{...c,prefixCls:u},r(u,c,a,s))};s.__ANT_BREADCRUMB_ITEM=!0;export{o as InternalBreadcrumbItem,s as default};

package/es/breadcrumb/BreadcrumbSeparator.d.ts

@@ -0,0 +1,6 @@
+import * as React$1 from "react";
+//#region components/breadcrumb/BreadcrumbSeparator.d.ts
+type CompoundedComponent = React$1.FC<React$1.PropsWithChildren> & {};
+declare const BreadcrumbSeparator: CompoundedComponent;
+//#endregion
+export { BreadcrumbSeparator as default };

package/es/breadcrumb/BreadcrumbSeparator.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import*as t from"react";const n=({children:n})=>{let{getPrefixCls:r}=t.useContext(e),i=r(`breadcrumb`);return t.createElement(`li`,{className:`${i}-separator`,"aria-hidden":`true`},n===``?n:n||`/`)};n.__ANT_BREADCRUMB_SEPARATOR=!0;export{n as default};

package/es/breadcrumb/index.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbItemProps, SeparatorType } from "./BreadcrumbItem.js";
+import Breadcrumb, { BreadcrumbProps } from "./Breadcrumb.js";
+export { type BreadcrumbItemProps, type BreadcrumbProps, type SeparatorType, Breadcrumb as default };

package/es/breadcrumb/index.js

@@ -0,0 +1 @@
+import e from"./Breadcrumb.js";var t=e;export{t as default};

package/es/breadcrumb/style/index.d.ts

@@ -0,0 +1,44 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/breadcrumb/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 面包屑项文字颜色
+   * @descEN Text color of Breadcrumb item
+   */
+  itemColor: string;
+  /**
+   * @desc 图标大小
+   * @descEN Icon size
+   */
+  iconFontSize: number;
+  /**
+   * @desc 链接文字颜色
+   * @descEN Text color of link
+   */
+  linkColor: string;
+  /**
+   * @desc 链接文字悬浮颜色
+   * @descEN Color of hovered link
+   */
+  linkHoverColor: string;
+  /**
+   * @desc 最后一项文字颜色
+   * @descEN Text color of the last item
+   */
+  lastItemColor: string;
+  /**
+   * @desc 分隔符外间距
+   * @descEN Margin of separator
+   */
+  separatorMargin: number;
+  /**
+   * @desc 分隔符颜色
+   * @descEN Color of separator
+   */
+  separatorColor: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Breadcrumb'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/breadcrumb/style/index.js

@@ -0,0 +1,4 @@
+import{genFocusStyle as e,resetComponent as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{unit as i}from"@ant-design/cssinjs";const a=n=>{let{componentCls:r,iconCls:a,calc:o}=n;return{[r]:{...t(n),color:n.itemColor,fontSize:n.fontSize,[a]:{fontSize:n.iconFontSize},ol:{display:`flex`,flexWrap:`wrap`,margin:0,padding:0,listStyle:`none`},a:{color:n.linkColor,transition:`color ${n.motionDurationMid}`,padding:`0 ${i(n.paddingXXS)}`,borderRadius:n.borderRadiusSM,height:n.fontHeight,display:`inline-block`,marginInline:o(n.marginXXS).mul(-1).equal(),"&:hover":{color:n.linkHoverColor,backgroundColor:n.colorBgTextHover},...e(n)},"li:last-child":{color:n.lastItemColor},[`${r}-separator`]:{marginInline:n.separatorMargin,color:n.separatorColor},[`${r}-link`]:{[`
+          > ${a} + span,
+          > ${a} + a
+        `]:{marginInlineStart:n.marginXXS}},[`${r}-overlay-link`]:{borderRadius:n.borderRadiusSM,height:n.fontHeight,display:`inline-block`,padding:`0 ${i(n.paddingXXS)}`,marginInline:o(n.marginXXS).mul(-1).equal(),[`> ${a}`]:{marginInlineStart:n.marginXXS,fontSize:n.fontSizeIcon},"&:hover":{color:n.linkHoverColor,backgroundColor:n.colorBgTextHover,a:{color:n.linkHoverColor}},a:{"&:hover":{backgroundColor:`transparent`}}},[`&${n.componentCls}-rtl`]:{direction:`rtl`}}}},o=e=>({itemColor:e.colorTextDescription,lastItemColor:e.colorText,iconFontSize:e.fontSize,linkColor:e.colorTextDescription,linkHoverColor:e.colorText,separatorColor:e.colorTextDescription,separatorMargin:e.marginXS});var s=n(`Breadcrumb`,e=>{let t=r(e,{});return a(t)},o);export{s as default,o as prepareComponentToken};

package/es/breadcrumb/useItemRender.d.ts

@@ -0,0 +1,9 @@
+import { BreadcrumbProps, ItemType } from "./Breadcrumb.js";
+import * as React$1 from "react";
+//#region components/breadcrumb/useItemRender.d.ts
+type AddParameters<TFunction extends (...args: any) => any, TParameters extends [...args: any]> = (...args: [...Parameters<TFunction>, ...TParameters]) => ReturnType<TFunction>;
+type ItemRender = NonNullable<BreadcrumbProps['itemRender']>;
+type InternalItemRenderParams = AddParameters<ItemRender, [href?: string]>;
+export declare function renderItem(prefixCls: string, item: ItemType, children: React$1.ReactNode, href?: string): React$1.JSX.Element | null;
+export default function useItemRender(prefixCls: string, itemRender?: ItemRender): InternalItemRenderParams;
+//#endregion

package/es/breadcrumb/useItemRender.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";import n from"rc-util/lib/pickAttrs";function r(e,t){if(e.title===void 0||e.title===null)return null;let n=Object.keys(t).join(`|`);return typeof e.title==`object`?e.title:String(e.title).replace(RegExp(`:(${n})`,`g`),(e,n)=>t[n]||e)}function i(r,i,a,o){if(a==null)return null;let{className:s,onClick:c,...l}=i,u={...n(l,{data:!0,aria:!0}),onClick:c};return o===void 0?e.createElement(`span`,{...u,className:t(`${r}-link`,s)},a):e.createElement(`a`,{...u,className:t(`${r}-link`,s),href:o},a)}function a(e,t){return(n,a,o,s,c)=>t?t(n,a,o,s):i(e,n,r(n,a),c)}export{a as default,i as renderItem};

package/es/breadcrumb/useItems.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbItemType, BreadcrumbSeparatorType, ItemType } from "./Breadcrumb.js";
+//#region components/breadcrumb/useItems.d.ts
+type MergedType = BreadcrumbItemType & {
+  children?: ItemType['children'];
+};
+export default function useItems(items?: ItemType[], routes?: ItemType[]): Partial<MergedType & BreadcrumbSeparatorType>[] | null;
+//#endregion

package/es/breadcrumb/useItems.js

@@ -0,0 +1 @@
+import{useMemo as e}from"react";function t(e){let{breadcrumbName:t,children:n,...r}=e,i={title:t,...r};return n&&(i.menu={items:n.map(({breadcrumbName:e,...t})=>({...t,title:e}))}),i}function n(n,r){return e(()=>n||(r?r.map(t):null),[n,r])}export{n as default};

package/es/button/IconWrapper.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+//#region components/button/IconWrapper.d.ts
+export type IconWrapperProps = {
+  prefixCls: string;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+};
+declare const IconWrapper: React.ForwardRefExoticComponent<IconWrapperProps & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { IconWrapper as default };

package/es/button/IconWrapper.js

@@ -0,0 +1 @@
+import e,{forwardRef as t}from"react";import n from"classnames";const r=t((t,r)=>{let{className:i,style:a,children:o,prefixCls:s}=t,c=n(`${s}-icon`,i);return e.createElement(`span`,{ref:r,className:c,style:a},o)});export{r as default};

package/es/button/LoadingIcon.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+//#region components/button/LoadingIcon.d.ts
+export type LoadingIconProps = {
+  prefixCls: string;
+  existIcon: boolean;
+  loading?: boolean | object;
+  className?: string;
+  style?: React.CSSProperties;
+  mount: boolean;
+};
+declare const LoadingIcon: React.FC<LoadingIconProps>;
+//#endregion
+export { LoadingIcon as default };

package/es/button/LoadingIcon.js

@@ -0,0 +1 @@
+import e from"./IconWrapper.js";import t,{forwardRef as n}from"react";import r from"classnames";import i from"rc-motion";import a from"@ant-design/icons/LoadingOutlined";const o=n((n,i)=>{let{prefixCls:o,className:s,style:c,iconClassName:l}=n,u=r(`${o}-loading-icon`,s);return t.createElement(e,{prefixCls:o,className:u,style:c,ref:i},t.createElement(a,{className:l}))}),s=()=>({width:0,opacity:0,transform:`scale(0)`}),c=e=>({width:e.scrollWidth,opacity:1,transform:`scale(1)`}),l=e=>{let{prefixCls:n,loading:a,existIcon:l,className:u,style:d,mount:f}=e,p=!!a;return l?t.createElement(o,{prefixCls:n,className:u,style:d}):t.createElement(i,{visible:p,motionName:`${n}-loading-icon-motion`,motionAppear:!f,motionEnter:!f,motionLeave:!f,removeOnLeave:!0,onAppearStart:s,onAppearActive:c,onEnterStart:s,onEnterActive:c,onLeaveStart:c,onLeaveActive:s},({className:e,style:i},a)=>{let s={...d,...i};return t.createElement(o,{prefixCls:n,className:r(u,e),style:s,ref:a})})};export{l as default};

package/es/button/button-group.d.ts

@@ -0,0 +1,14 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import * as React$1 from "react";
+//#region components/button/button-group.d.ts
+export interface ButtonGroupProps {
+  size?: SizeType;
+  style?: React$1.CSSProperties;
+  className?: string;
+  prefixCls?: string;
+  children?: React$1.ReactNode;
+}
+export declare const GroupSizeContext: React$1.Context<SizeType>;
+declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
+//#endregion
+export { ButtonGroup as default };

package/es/button/button-group.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import t from"../theme/useToken.js";import"../theme/internal.js";import"../config-provider/index.js";import*as n from"react";import r from"classnames";const i=n.createContext(void 0),a=a=>{let{getPrefixCls:o,direction:s}=n.useContext(e),{prefixCls:c,size:l,className:u,...d}=a,f=o(`btn-group`,c),[,,p]=t(),m=``;switch(l){case`large`:m=`lg`;break;case`small`:m=`sm`}let h=r(f,{[`${f}-${m}`]:m,[`${f}-rtl`]:s===`rtl`},u,p);return n.createElement(i.Provider,{value:l},n.createElement(`div`,{...d,className:h}))};export{i as GroupSizeContext,a as default};

package/es/button/button.d.ts

@@ -0,0 +1,46 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import ButtonGroup from "./button-group.js";
+import { ButtonColorType, ButtonHTMLType, ButtonShape, ButtonType, ButtonVariantType } from "./buttonHelpers.js";
+import React from "react";
+//#region components/button/button.d.ts
+export type LegacyButtonType = ButtonType | 'danger';
+export interface BaseButtonProps {
+  type?: ButtonType;
+  color?: ButtonColorType;
+  variant?: ButtonVariantType;
+  icon?: React.ReactNode;
+  iconPosition?: 'start' | 'end';
+  shape?: ButtonShape;
+  size?: SizeType;
+  disabled?: boolean;
+  loading?: boolean | {
+    delay?: number;
+  };
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  ghost?: boolean;
+  danger?: boolean;
+  block?: boolean;
+  children?: React.ReactNode;
+  [key: `data-${string}`]: string;
+  classNames?: {
+    icon: string;
+  };
+  styles?: {
+    icon: React.CSSProperties;
+  };
+}
+type MergedHTMLAttributes = Omit<React.HTMLAttributes<HTMLElement> & React.ButtonHTMLAttributes<HTMLElement> & React.AnchorHTMLAttributes<HTMLElement>, 'type' | 'color'>;
+export interface ButtonProps extends BaseButtonProps, MergedHTMLAttributes {
+  href?: string;
+  htmlType?: ButtonHTMLType;
+  autoInsertSpace?: boolean;
+}
+declare const InternalCompoundedButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+type CompoundedComponent = typeof InternalCompoundedButton & {
+  Group: typeof ButtonGroup;
+};
+declare const Button: CompoundedComponent;
+//#endregion
+export { Button as default };