@swiftcrab/crab 0.0.5 → 0.0.6

package/es/skeleton/Node.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./style/index.js";import*as n from"react";import r from"classnames";const i=i=>{let{prefixCls:a,className:o,rootClassName:s,style:c,active:l,children:u}=i,{getPrefixCls:d}=n.useContext(e),f=d(`skeleton`,a),[p,m,h]=t(f),g=r(f,`${f}-element`,{[`${f}-active`]:l},m,o,s,h);return p(n.createElement(`div`,{className:g},n.createElement(`div`,{className:r(`${f}-image`,o),style:c},u)))};export{i as default};

package/es/skeleton/Paragraph.d.ts

@@ -0,0 +1,13 @@
+import * as React$1 from "react";
+//#region components/skeleton/Paragraph.d.ts
+type widthUnit = number | string;
+export interface SkeletonParagraphProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  width?: widthUnit | Array<widthUnit>;
+  rows?: number;
+}
+declare const Paragraph: React$1.FC<SkeletonParagraphProps>;
+//#endregion
+export { Paragraph as default };

package/es/skeleton/Paragraph.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";const n=(e,t)=>{let{width:n,rows:r=2}=t;if(Array.isArray(n))return n[e];if(r-1===e)return n},r=r=>{let{prefixCls:i,className:a,style:o,rows:s}=r,c=[...Array(s)].map((t,i)=>e.createElement(`li`,{key:i,style:{width:n(i,r)}}));return e.createElement(`ul`,{className:t(i,a),style:o},c)};export{r as default};

package/es/skeleton/Skeleton.d.ts

@@ -0,0 +1,33 @@
+import SkeletonAvatar, { AvatarProps } from "./Avatar.js";
+import SkeletonButton from "./Button.js";
+import SkeletonImage from "./Image.js";
+import SkeletonInput from "./Input.js";
+import SkeletonNode from "./Node.js";
+import { SkeletonParagraphProps } from "./Paragraph.js";
+import { SkeletonTitleProps } from "./Title.js";
+import * as React$1 from "react";
+//#region components/skeleton/Skeleton.d.ts
+type SkeletonAvatarProps = Omit<AvatarProps, 'active'>;
+export interface SkeletonProps {
+  active?: boolean;
+  loading?: boolean;
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  children?: React$1.ReactNode;
+  avatar?: SkeletonAvatarProps | boolean;
+  title?: SkeletonTitleProps | boolean;
+  paragraph?: SkeletonParagraphProps | boolean;
+  round?: boolean;
+}
+type CompoundedComponent = {
+  Button: typeof SkeletonButton;
+  Avatar: typeof SkeletonAvatar;
+  Input: typeof SkeletonInput;
+  Image: typeof SkeletonImage;
+  Node: typeof SkeletonNode;
+};
+declare const Skeleton: React$1.FC<SkeletonProps> & CompoundedComponent;
+//#endregion
+export { Skeleton as default };

package/es/skeleton/Skeleton.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./Element.js";import n from"./style/index.js";import r from"./Avatar.js";import i from"./Button.js";import a from"./Image.js";import o from"./Input.js";import s from"./Node.js";import c from"./Paragraph.js";import l from"./Title.js";import*as u from"react";import d from"classnames";function f(e){return e&&typeof e==`object`?e:{}}function p(e,t){return e&&!t?{size:`large`,shape:`square`}:{size:`large`,shape:`circle`}}function m(e,t){return!e&&t?{width:`38%`}:e&&t?{width:`50%`}:{}}function h(e,t){let n={};return(!e||!t)&&(n.width=`61%`),n.rows=!e&&t?3:2,n}const g=r=>{let{prefixCls:i,loading:a,className:o,rootClassName:s,style:g,children:_,avatar:v=!1,title:y=!0,paragraph:b=!0,active:x,round:S}=r,{getPrefixCls:C,direction:w,skeleton:T}=u.useContext(e),E=C(`skeleton`,i),[D,O,k]=n(E);if(a||!(`loading`in r)){let e=!!v,n=!!y,r=!!b,i;if(e){let e={prefixCls:`${E}-avatar`,...p(n,r),...f(v)};i=u.createElement(`div`,{className:`${E}-header`},u.createElement(t,e))}let a;if(n||r){let t;if(n){let n={prefixCls:`${E}-title`,...m(e,r),...f(y)};t=u.createElement(l,n)}let i;if(r){let t={prefixCls:`${E}-paragraph`,...h(e,n),...f(b)};i=u.createElement(c,t)}a=u.createElement(`div`,{className:`${E}-content`},t,i)}let _=d(E,{[`${E}-with-avatar`]:e,[`${E}-active`]:x,[`${E}-rtl`]:w===`rtl`,[`${E}-round`]:S},T?.className,o,s,O,k);return D(u.createElement(`div`,{className:_,style:{...T?.style,...g}},i,a))}return _??null};g.Button=i,g.Avatar=r,g.Input=o,g.Image=a,g.Node=s;export{g as default};

package/es/skeleton/Title.d.ts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+//#region components/skeleton/Title.d.ts
+export interface SkeletonTitleProps {
+  prefixCls?: string;
+  className?: string;
+  style?: React$1.CSSProperties;
+  width?: number | string;
+}
+declare const Title: React$1.FC<SkeletonTitleProps>;
+//#endregion
+export { Title as default };

package/es/skeleton/Title.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";const n=({prefixCls:n,className:r,width:i,style:a})=>e.createElement(`h3`,{className:t(n,r),style:{width:i,...a}});export{n as default};

package/es/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import Skeleton, { SkeletonProps } from "./Skeleton.js";
+export { type SkeletonProps, Skeleton as default };

package/es/skeleton/index.js

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

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

@@ -0,0 +1,43 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/skeleton/style/index.d.ts
+export type ComponentToken = {
+  /** @deprecated use gradientFromColor instead. */
+  color: string;
+  /** @deprecated use gradientToColor instead. */
+  colorGradientEnd: string;
+  /**
+   * @desc 渐变色起点颜色
+   * @descEN Start color of gradient
+   */
+  gradientFromColor: string;
+  /**
+   * @desc 渐变色终点颜色
+   * @descEN End color of gradient
+   */
+  gradientToColor: string;
+  /**
+   * @desc 标题骨架屏高度
+   * @descEN Height of title skeleton
+   */
+  titleHeight: number | string;
+  /**
+   * @desc 骨架屏圆角
+   * @descEN Border radius of skeleton
+   */
+  blockRadius: number;
+  /**
+   * @desc 段落骨架屏上间距
+   * @descEN Margin top of paragraph skeleton
+   */
+  paragraphMarginTop: number;
+  /**
+   * @desc 段落骨架屏单行高度
+   * @descEN Line height of paragraph skeleton
+   */
+  paragraphLiHeight: number;
+};
+export declare const prepareComponentToken: GetDefaultToken<'Skeleton'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/skeleton/style/index.js

@@ -0,0 +1,8 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";import{Keyframes as n,unit as r}from"@ant-design/cssinjs";const i=new n(`ant-skeleton-loading`,{"0%":{backgroundPosition:`100% 50%`},"100%":{backgroundPosition:`0 50%`}}),a=e=>({height:e,lineHeight:r(e)}),o=e=>({width:e,...a(e)}),s=e=>({background:e.skeletonLoadingBackground,backgroundSize:`400% 100%`,animationName:i,animationDuration:e.skeletonLoadingMotionDuration,animationTimingFunction:`ease`,animationIterationCount:`infinite`}),c=(e,t)=>({width:t(e).mul(5).equal(),minWidth:t(e).mul(5).equal(),...a(e)}),l=e=>{let{skeletonAvatarCls:t,gradientFromColor:n,controlHeight:r,controlHeightLG:i,controlHeightSM:a}=e;return{[t]:{display:`inline-block`,verticalAlign:`top`,background:n,...o(r)},[`${t}${t}-circle`]:{borderRadius:`50%`},[`${t}${t}-lg`]:{...o(i)},[`${t}${t}-sm`]:{...o(a)}}},u=e=>{let{controlHeight:t,borderRadiusSM:n,skeletonInputCls:r,controlHeightLG:i,controlHeightSM:a,gradientFromColor:o,calc:s}=e;return{[r]:{display:`inline-block`,verticalAlign:`top`,background:o,borderRadius:n,...c(t,s)},[`${r}-lg`]:{...c(i,s)},[`${r}-sm`]:{...c(a,s)}}},d=e=>({width:e,...a(e)}),f=e=>{let{skeletonImageCls:t,imageSizeBase:n,gradientFromColor:r,borderRadiusSM:i,calc:a}=e;return{[t]:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,verticalAlign:`middle`,background:r,borderRadius:i,...d(a(n).mul(2).equal()),[`${t}-path`]:{fill:`#bfbfbf`},[`${t}-svg`]:{...d(n),maxWidth:a(n).mul(4).equal(),maxHeight:a(n).mul(4).equal()},[`${t}-svg${t}-svg-circle`]:{borderRadius:`50%`}},[`${t}${t}-circle`]:{borderRadius:`50%`}}},p=(e,t,n)=>{let{skeletonButtonCls:r}=e;return{[`${n}${r}-circle`]:{width:t,minWidth:t,borderRadius:`50%`},[`${n}${r}-round`]:{borderRadius:t}}},m=(e,t)=>({width:t(e).mul(2).equal(),minWidth:t(e).mul(2).equal(),...a(e)}),h=e=>{let{borderRadiusSM:t,skeletonButtonCls:n,controlHeight:r,controlHeightLG:i,controlHeightSM:a,gradientFromColor:o,calc:s}=e;return{[n]:{display:`inline-block`,verticalAlign:`top`,background:o,borderRadius:t,width:s(r).mul(2).equal(),minWidth:s(r).mul(2).equal(),...m(r,s)},...p(e,r,n),[`${n}-lg`]:{...m(i,s)},...p(e,i,`${n}-lg`),[`${n}-sm`]:{...m(a,s)},...p(e,a,`${n}-sm`)}},g=e=>{let{componentCls:t,skeletonAvatarCls:n,skeletonTitleCls:r,skeletonParagraphCls:i,skeletonButtonCls:a,skeletonInputCls:c,skeletonImageCls:d,controlHeight:p,controlHeightLG:m,controlHeightSM:g,gradientFromColor:_,padding:v,marginSM:y,borderRadius:b,titleHeight:x,blockRadius:S,paragraphLiHeight:C,controlHeightXS:w,paragraphMarginTop:T}=e;return{[t]:{display:`table`,width:`100%`,[`${t}-header`]:{display:`table-cell`,paddingInlineEnd:v,verticalAlign:`top`,[n]:{display:`inline-block`,verticalAlign:`top`,background:_,...o(p)},[`${n}-circle`]:{borderRadius:`50%`},[`${n}-lg`]:{...o(m)},[`${n}-sm`]:{...o(g)}},[`${t}-content`]:{display:`table-cell`,width:`100%`,verticalAlign:`top`,[r]:{width:`100%`,height:x,background:_,borderRadius:S,[`+ ${i}`]:{marginBlockStart:g}},[i]:{padding:0,"> li":{width:`100%`,height:C,listStyle:`none`,background:_,borderRadius:S,"+ li":{marginBlockStart:w}}},[`${i}> li:last-child:not(:first-child):not(:nth-child(2))`]:{width:`61%`}},[`&-round ${t}-content`]:{[`${r}, ${i} > li`]:{borderRadius:b}}},[`${t}-with-avatar ${t}-content`]:{[r]:{marginBlockStart:y,[`+ ${i}`]:{marginBlockStart:T}}},[`${t}${t}-element`]:{display:`inline-block`,width:`auto`,...h(e),...l(e),...u(e),...f(e)},[`${t}${t}-block`]:{width:`100%`,[a]:{width:`100%`},[c]:{width:`100%`}},[`${t}${t}-active`]:{[`
+        ${r},
+        ${i} > li,
+        ${n},
+        ${a},
+        ${c},
+        ${d}
+      `]:{...s(e)}}}},_=e=>{let{colorFillContent:t,colorFill:n}=e,r=t,i=n;return{color:r,colorGradientEnd:i,gradientFromColor:r,gradientToColor:i,titleHeight:e.controlHeight/2,blockRadius:e.borderRadiusSM,paragraphMarginTop:e.marginLG+e.marginXXS,paragraphLiHeight:e.controlHeight/2}};var v=e(`Skeleton`,e=>{let{componentCls:n,calc:r}=e,i=t(e,{skeletonAvatarCls:`${n}-avatar`,skeletonTitleCls:`${n}-title`,skeletonParagraphCls:`${n}-paragraph`,skeletonButtonCls:`${n}-button`,skeletonInputCls:`${n}-input`,skeletonImageCls:`${n}-image`,imageSizeBase:r(e.controlHeight).mul(1.5).equal(),borderRadius:100,skeletonLoadingBackground:`linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,skeletonLoadingMotionDuration:`1.4s`});return[g(i)]},_,{deprecatedTokens:[[`color`,`gradientFromColor`],[`colorGradientEnd`,`gradientToColor`]]});export{v as default,_ as prepareComponentToken};

package/es/slider/Context.d.ts

@@ -0,0 +1,12 @@
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import { SliderProps } from "rc-slider";
+//#region components/slider/Context.d.ts
+export interface SliderInternalContextProps {
+  handleRender?: SliderProps['handleRender'];
+  direction?: DirectionType;
+}
+/** @private Internal context. Do not use in your production. */
+declare const SliderInternalContext: import("react").Context<SliderInternalContextProps>;
+//#endregion
+export { SliderInternalContext as default };

package/es/slider/Context.js

@@ -0,0 +1 @@
+import{createContext as e}from"react";const t=e({});export{t as default};

package/es/slider/SliderTooltip.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from "../tooltip/index.js";
+import * as React$1 from "react";
+import { SliderRef } from "rc-slider/lib/Slider";
+//#region components/slider/SliderTooltip.d.ts
+export type SliderTooltipProps = TooltipProps & {
+  draggingDelete?: boolean;
+};
+declare const SliderTooltip: React$1.ForwardRefExoticComponent<SliderTooltipProps & React$1.RefAttributes<SliderRef>>;
+//#endregion
+export { SliderTooltip as default };

package/es/slider/SliderTooltip.js

@@ -0,0 +1 @@
+import e from"../tooltip/index.js";import*as t from"react";import{useRef as n}from"react";import r from"rc-util/lib/raf";import{composeRef as i}from"rc-util/lib/ref";const a=t.forwardRef((a,o)=>{let{open:s,draggingDelete:c}=a,l=n(null),u=s&&!c,d=n(null);function f(){r.cancel(d.current),d.current=null}function p(){d.current=r(()=>{l.current?.forceAlign(),d.current=null})}return t.useEffect(()=>(u?p():f(),f),[u,a.title]),t.createElement(e,{ref:i(l,o),...a,open:u})});export{a as default};

package/es/slider/index.d.ts

@@ -0,0 +1,99 @@
+import { GetProp } from "../_util/type.js";
+import { AbstractTooltipProps, TooltipPlacement } from "../tooltip/index.js";
+import React from "react";
+import { SliderProps } from "rc-slider";
+import { SliderRef } from "rc-slider/lib/Slider";
+//#region components/slider/index.d.ts
+export type SliderMarks = SliderProps['marks'];
+interface HandleGeneratorInfo {
+  value?: number;
+  dragging?: boolean;
+  index: number;
+}
+export type HandleGeneratorFn = (config: {
+  tooltipPrefixCls?: string;
+  prefixCls?: string;
+  info: HandleGeneratorInfo;
+}) => React.ReactElement;
+export type Formatter = ((value?: number) => React.ReactNode) | null;
+export interface SliderTooltipProps extends AbstractTooltipProps {
+  prefixCls?: string;
+  open?: boolean;
+  placement?: TooltipPlacement;
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  formatter?: Formatter;
+  autoAdjustOverflow?: boolean;
+}
+export interface SliderBaseProps {
+  prefixCls?: string;
+  reverse?: boolean;
+  min?: number;
+  max?: number;
+  step?: null | number;
+  marks?: SliderMarks;
+  dots?: boolean;
+  included?: boolean;
+  disabled?: boolean;
+  keyboard?: boolean;
+  vertical?: boolean;
+  className?: string;
+  rootClassName?: string;
+  id?: string;
+  style?: React.CSSProperties;
+  tooltip?: SliderTooltipProps;
+  autoFocus?: boolean;
+  styles?: SliderProps['styles'];
+  classNames?: SliderProps['classNames'];
+  onFocus?: React.FocusEventHandler<HTMLDivElement>;
+  onBlur?: React.FocusEventHandler<HTMLDivElement>;
+  /** @deprecated `tooltipPrefixCls` is deprecated. Please use `tooltip.prefixCls` instead. */
+  tooltipPrefixCls?: string;
+  /** @deprecated `tipFormatter` is deprecated. Please use `tooltip.formatter` instead. */
+  tipFormatter?: Formatter;
+  /** @deprecated `tooltipVisible` is deprecated. Please use `tooltip.open` instead. */
+  tooltipVisible?: boolean;
+  /**
+   * @deprecated `getTooltipPopupContainer` is deprecated. Please use `tooltip.getPopupContainer`
+   *   instead.
+   */
+  getTooltipPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  /** @deprecated `tooltipPlacement` is deprecated. Please use `tooltip.placement` instead. */
+  tooltipPlacement?: TooltipPlacement;
+}
+export interface SliderSingleProps extends SliderBaseProps {
+  range?: false;
+  value?: number;
+  defaultValue?: number;
+  onChange?: (value: number) => void;
+  /** @deprecated Please use `onChangeComplete` instead */
+  onAfterChange?: (value: number) => void;
+  onChangeComplete?: (value: number) => void;
+  /** @deprecated Please use `styles.handle` instead */
+  handleStyle?: React.CSSProperties;
+  /** @deprecated Please use `styles.track` instead */
+  trackStyle?: React.CSSProperties;
+  /** @deprecated Please use `styles.rail` instead */
+  railStyle?: React.CSSProperties;
+}
+export interface SliderRangeProps extends SliderBaseProps {
+  range: true | SliderRange;
+  value?: number[];
+  defaultValue?: number[];
+  onChange?: (value: number[]) => void;
+  /** @deprecated Please use `onChangeComplete` instead */
+  onAfterChange?: (value: number[]) => void;
+  onChangeComplete?: (value: number[]) => void;
+  /** @deprecated Please use `styles.handle` instead */
+  handleStyle?: React.CSSProperties[];
+  /** @deprecated Please use `styles.track` instead */
+  trackStyle?: React.CSSProperties[];
+  /** @deprecated Please use `styles.rail` instead */
+  railStyle?: React.CSSProperties;
+}
+type SliderRange = Exclude<GetProp<SliderProps, 'range'>, boolean>;
+export type Opens = {
+  [index: number]: boolean;
+};
+declare const Slider: React.ForwardRefExoticComponent<(SliderSingleProps | SliderRangeProps) & React.RefAttributes<SliderRef>>;
+//#endregion
+export { Slider as default };

package/es/slider/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import t from"../config-provider/DisabledContext.js";import"../config-provider/index.js";import n from"./SliderTooltip.js";import r from"./style/index.js";import i from"./Context.js";import a from"./useRafLock.js";import o from"react";import s from"classnames";import c from"rc-util/lib/raf";import l from"rc-slider";function u(e,t){return e||e===null?e:t||t===null?t:e=>typeof e==`number`?e.toString():``}const d=o.forwardRef((d,f)=>{let{prefixCls:p,range:m,className:h,rootClassName:g,style:_,disabled:v,tooltipPrefixCls:y,tipFormatter:b,tooltipVisible:x,getTooltipPopupContainer:S,tooltipPlacement:C,tooltip:w={},onChangeComplete:T,...E}=d,{vertical:D}=d,{direction:O,slider:k,getPrefixCls:A,getPopupContainer:j}=o.useContext(e),ee=o.useContext(t),te=v??ee,{handleRender:ne,direction:M}=o.useContext(i),N=(M||O)===`rtl`,[P,F]=a(),[I,L]=a(),R={...w},{open:z,placement:B,getPopupContainer:V,prefixCls:H,formatter:U}=R,W=z??x,G=(P||I)&&W!==!1,K=u(U,b),[q,J]=a(),Y=e=>{T?.(e),J(!1)},X=(e,t)=>e||(t?N?`left`:`right`:`top`),Z=A(`slider`,p),[Q,re,ie]=r(Z),ae=s(h,k?.className,g,{[`${Z}-rtl`]:N,[`${Z}-lock`]:q},re,ie);N&&!E.vertical&&(E.reverse=!E.reverse),o.useEffect(()=>{let e=()=>{c(()=>{L(!1)},1)};return document.addEventListener(`mouseup`,e),()=>{document.removeEventListener(`mouseup`,e)}},[]);let $=m&&!W,oe=ne||((e,t)=>{let{index:r}=t,i=e.props;function a(e,t,n){n&&E[e]?.(t),i[e]?.(t)}let s={...i,onMouseEnter:e=>{F(!0),a(`onMouseEnter`,e)},onMouseLeave:e=>{F(!1),a(`onMouseLeave`,e)},onMouseDown:e=>{L(!0),J(!0),a(`onMouseDown`,e)},onFocus:e=>{L(!0),E.onFocus?.(e),a(`onFocus`,e,!0)},onBlur:e=>{L(!1),E.onBlur?.(e),a(`onBlur`,e,!0)}},c=o.cloneElement(e,s),l=(!!W||G)&&K!==null;return $?c:o.createElement(n,{...R,prefixCls:A(`tooltip`,H??y),title:K?K(t.value):``,open:l,placement:X(B??C,D),key:r,overlayClassName:`${Z}-tooltip`,getPopupContainer:V||S||j},c)}),se=$?(e,t)=>{let r=o.cloneElement(e,{style:{...e.props.style,visibility:`hidden`}});return o.createElement(n,{...R,prefixCls:A(`tooltip`,H??y),title:K?K(t.value):``,open:K!==null&&G,placement:X(B??C,D),key:`tooltip`,overlayClassName:`${Z}-tooltip`,getPopupContainer:V||S||j,draggingDelete:t.draggingDelete},r)}:void 0,ce={...k?.style,..._};return Q(o.createElement(l,{...E,step:E.step,range:m,className:ae,style:ce,disabled:te,ref:f,prefixCls:Z,handleRender:oe,activeHandleRender:se,onChangeComplete:Y}))});export{d as default};

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

@@ -0,0 +1,100 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import * as React$1 from "react";
+//#region components/slider/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 滑动输入高度
+   * @descEN Height of slider
+   */
+  controlSize: number;
+  /**
+   * @desc 轨道高度
+   * @descEN Height of rail
+   */
+  railSize: number;
+  /**
+   * @desc 滑块尺寸
+   * @descEN Size of handle
+   */
+  handleSize: number;
+  /**
+   * @desc 滑块尺寸（悬浮态）
+   * @descEN Size of handle when hover
+   */
+  handleSizeHover: number;
+  /**
+   * @desc 滑块边框宽度
+   * @descEN Border width of handle
+   */
+  handleLineWidth: number | string;
+  /**
+   * @desc 滑块边框宽度（悬浮态）
+   * @descEN Border width of handle when hover
+   */
+  handleLineWidthHover: number | string;
+  /**
+   * @desc 滑块圆点尺寸
+   * @descEN Size of dot
+   */
+  dotSize: number;
+  /**
+   * @desc 轨道背景色
+   * @descEN Background color of rail
+   */
+  railBg: string;
+  /**
+   * @desc 轨道背景色（悬浮态）
+   * @descEN Background color of rail when hover
+   */
+  railHoverBg: string;
+  /**
+   * @desc 轨道已覆盖部分背景色
+   * @descEN Background color of track
+   */
+  trackBg: string;
+  /**
+   * @desc 轨道已覆盖部分背景色（悬浮态）
+   * @descEN Background color of track when hover
+   */
+  trackHoverBg: string;
+  /**
+   * @desc 滑块颜色
+   * @descEN Color of handle
+   */
+  handleColor: string;
+  /**
+   * @desc 滑块激活态边框色
+   * @descEN Border color of handle when active
+   */
+  handleActiveColor: string;
+  /**
+   * @desc 滑块激活态外框色
+   * @descEN Outline color of handle when active
+   */
+  handleActiveOutlineColor: string;
+  /**
+   * @desc 滑块禁用颜色
+   * @descEN Color of handle when disabled
+   */
+  handleColorDisabled: string;
+  /**
+   * @desc 圆点边框颜色
+   * @descEN Border color of dot
+   */
+  dotBorderColor: string;
+  /**
+   * @desc 圆点激活态边框颜色
+   * @descEN Border color of dot when active
+   */
+  dotActiveBorderColor: string;
+  /**
+   * @desc 轨道禁用态背景色
+   * @descEN Background color of track when disabled
+   */
+  trackBgDisabled: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Slider'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React$1.ReactElement) => React$1.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/slider/style/index.js

@@ -0,0 +1,13 @@
+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";import{TinyColor as i}from"@ctrl/tinycolor";const a=t=>{let{componentCls:n,antCls:i,controlSize:a,dotSize:o,marginFull:s,marginPart:c,colorFillContentHover:l,handleColorDisabled:u,calc:d,handleSize:f,handleSizeHover:p,handleActiveColor:m,handleActiveOutlineColor:h,handleLineWidth:g,handleLineWidthHover:_,motionDurationMid:v}=t;return{[n]:{...e(t),position:`relative`,height:a,margin:`${r(c)} ${r(s)}`,padding:0,cursor:`pointer`,touchAction:`none`,"&-vertical":{margin:`${r(s)} ${r(c)}`},[`${n}-rail`]:{position:`absolute`,backgroundColor:t.railBg,borderRadius:t.borderRadiusXS,transition:`background-color ${v}`},[`${n}-track,${n}-tracks`]:{position:`absolute`,transition:`background-color ${v}`},[`${n}-track`]:{backgroundColor:t.trackBg,borderRadius:t.borderRadiusXS},[`${n}-track-draggable`]:{boxSizing:`content-box`,backgroundClip:`content-box`,border:`solid rgba(0,0,0,0)`},"&:hover":{[`${n}-rail`]:{backgroundColor:t.railHoverBg},[`${n}-track`]:{backgroundColor:t.trackHoverBg},[`${n}-dot`]:{borderColor:l},[`${n}-handle::after`]:{boxShadow:`0 0 0 ${r(g)} ${t.colorPrimaryBorderHover}`},[`${n}-dot-active`]:{borderColor:t.dotActiveBorderColor}},[`${n}-handle`]:{position:`absolute`,width:f,height:f,outline:`none`,userSelect:`none`,"&-dragging-delete":{opacity:0},"&::before":{content:`""`,position:`absolute`,insetInlineStart:d(g).mul(-1).equal(),insetBlockStart:d(g).mul(-1).equal(),width:d(f).add(d(g).mul(2)).equal(),height:d(f).add(d(g).mul(2)).equal(),backgroundColor:`transparent`},"&::after":{content:`""`,position:`absolute`,insetBlockStart:0,insetInlineStart:0,width:f,height:f,backgroundColor:t.colorBgElevated,boxShadow:`0 0 0 ${r(g)} ${t.handleColor}`,outline:`0px solid transparent`,borderRadius:`50%`,cursor:`pointer`,transition:`
+            inset-inline-start ${v},
+            inset-block-start ${v},
+            width ${v},
+            height ${v},
+            box-shadow ${v},
+            outline ${v}
+          `},"&:hover, &:active, &:focus":{"&::before":{insetInlineStart:d(p).sub(f).div(2).add(_).mul(-1).equal(),insetBlockStart:d(p).sub(f).div(2).add(_).mul(-1).equal(),width:d(p).add(d(_).mul(2)).equal(),height:d(p).add(d(_).mul(2)).equal()},"&::after":{boxShadow:`0 0 0 ${r(_)} ${m}`,outline:`6px solid ${h}`,width:p,height:p,insetInlineStart:t.calc(f).sub(p).div(2).equal(),insetBlockStart:t.calc(f).sub(p).div(2).equal()}}},[`&-lock ${n}-handle`]:{"&::before, &::after":{transition:`none`}},[`${n}-mark`]:{position:`absolute`,fontSize:t.fontSize},[`${n}-mark-text`]:{position:`absolute`,display:`inline-block`,color:t.colorTextDescription,textAlign:`center`,wordBreak:`keep-all`,cursor:`pointer`,userSelect:`none`,"&-active":{color:t.colorText}},[`${n}-step`]:{position:`absolute`,background:`transparent`,pointerEvents:`none`},[`${n}-dot`]:{position:`absolute`,width:o,height:o,backgroundColor:t.colorBgElevated,border:`${r(g)} solid ${t.dotBorderColor}`,borderRadius:`50%`,cursor:`pointer`,transition:`border-color ${t.motionDurationSlow}`,pointerEvents:`auto`,"&-active":{borderColor:t.dotActiveBorderColor}},[`&${n}-disabled`]:{cursor:`not-allowed`,[`${n}-rail`]:{backgroundColor:`${t.railBg} !important`},[`${n}-track`]:{backgroundColor:`${t.trackBgDisabled} !important`},[`
+          ${n}-dot
+        `]:{backgroundColor:t.colorBgElevated,borderColor:t.trackBgDisabled,boxShadow:`none`,cursor:`not-allowed`},[`${n}-handle::after`]:{backgroundColor:t.colorBgElevated,cursor:`not-allowed`,width:f,height:f,boxShadow:`0 0 0 ${r(g)} ${u}`,insetInlineStart:0,insetBlockStart:0},[`
+          ${n}-mark-text,
+          ${n}-dot
+        `]:{cursor:`not-allowed !important`}},[`&-tooltip ${i}-tooltip-inner`]:{minWidth:`unset`}}}},o=(e,t)=>{let{componentCls:n,railSize:i,handleSize:a,dotSize:o,marginFull:s,calc:c}=e,l=t?`paddingBlock`:`paddingInline`,u=t?`width`:`height`,d=t?`height`:`width`,f=t?`insetBlockStart`:`insetInlineStart`,p=t?`top`:`insetInlineStart`,m=c(i).mul(3).sub(a).div(2).equal(),h=c(a).sub(i).div(2).equal(),g=t?{borderWidth:`${r(h)} 0`,transform:`translateY(${r(c(h).mul(-1).equal())})`}:{borderWidth:`0 ${r(h)}`,transform:`translateX(${r(e.calc(h).mul(-1).equal())})`};return{[l]:i,[d]:c(i).mul(3).equal(),[`${n}-rail`]:{[u]:`100%`,[d]:i},[`${n}-track,${n}-tracks`]:{[d]:i},[`${n}-track-draggable`]:{...g},[`${n}-handle`]:{[f]:m},[`${n}-mark`]:{insetInlineStart:0,top:0,[p]:c(i).mul(3).add(t?0:s).equal(),[u]:`100%`},[`${n}-step`]:{insetInlineStart:0,top:0,[p]:i,[u]:`100%`,[d]:i},[`${n}-dot`]:{position:`absolute`,[f]:c(i).sub(o).div(2).equal()}}},s=e=>{let{componentCls:t,marginPartWithMark:n}=e;return{[`${t}-horizontal`]:{...o(e,!0),[`&${t}-with-marks`]:{marginBottom:n}}}},c=e=>{let{componentCls:t}=e;return{[`${t}-vertical`]:{...o(e,!1),height:`100%`}}},l=e=>{let t=e.controlHeightLG/4,n=e.controlHeightSM/2,r=e.lineWidth+1,a=e.lineWidth+1.5,o=e.colorPrimary,s=new i(o).setAlpha(.2).toRgbString();return{controlSize:t,railSize:4,handleSize:t,handleSizeHover:n,dotSize:8,handleLineWidth:r,handleLineWidthHover:a,railBg:e.colorFillTertiary,railHoverBg:e.colorFillSecondary,trackBg:e.colorPrimaryBorder,trackHoverBg:e.colorPrimaryBorderHover,handleColor:e.colorPrimaryBorder,handleActiveColor:o,handleActiveOutlineColor:s,handleColorDisabled:new i(e.colorTextDisabled).onBackground(e.colorBgContainer).toHexShortString(),dotBorderColor:e.colorBorderSecondary,dotActiveBorderColor:e.colorPrimaryBorder,trackBgDisabled:e.colorBgContainerDisabled}};var u=t(`Slider`,e=>{let t=n(e,{marginPart:e.calc(e.controlHeight).sub(e.controlSize).div(2).equal(),marginFull:e.calc(e.controlSize).div(2).equal(),marginPartWithMark:e.calc(e.controlHeightLG).sub(e.controlSize).equal()});return[a(t),s(t),c(t)]},l);export{u as default,l as prepareComponentToken};

package/es/slider/useRafLock.d.ts

@@ -0,0 +1,3 @@
+//#region components/slider/useRafLock.d.ts
+export default function useRafLock(): [state: boolean, setState: (nextState: boolean) => void];
+//#endregion

package/es/slider/useRafLock.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"rc-util/lib/raf";function n(){let[n,r]=e.useState(!1),i=e.useRef(null),a=()=>{t.cancel(i.current)};return e.useEffect(()=>a,[]),[n,e=>{a(),e?r(e):i.current=t(()=>{r(e)})}]}export{n as default};

package/es/space/Compact.d.ts

@@ -0,0 +1,28 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { DirectionType } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+//#region components/space/Compact.d.ts
+export interface SpaceCompactItemContextType {
+  compactSize?: SizeType;
+  compactDirection?: 'horizontal' | 'vertical';
+  isFirstItem?: boolean;
+  isLastItem?: boolean;
+}
+export declare const SpaceCompactItemContext: React$1.Context<SpaceCompactItemContextType | null>;
+export declare const useCompactItemContext: (prefixCls: string, direction: DirectionType) => {
+  compactSize: SizeType;
+  compactDirection: "horizontal" | "vertical" | undefined;
+  compactItemClassnames: string;
+};
+export declare const NoCompactStyle: React$1.FC<React$1.PropsWithChildren<unknown>>;
+export interface SpaceCompactProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  prefixCls?: string;
+  size?: SizeType;
+  direction?: 'horizontal' | 'vertical';
+  block?: boolean;
+  rootClassName?: string;
+}
+declare const Compact: React$1.FC<SpaceCompactProps>;
+//#endregion
+export { Compact as default };

package/es/space/Compact.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../config-provider/hooks/useSize.js";import n from"./style/index.js";import*as r from"react";import i from"classnames";import a from"rc-util/lib/Children/toArray";const o=r.createContext(null),s=(e,t)=>{let n=r.useContext(o),a=r.useMemo(()=>{if(!n)return``;let{compactDirection:r,isFirstItem:a,isLastItem:o}=n,s=r===`vertical`?`-vertical-`:`-`;return i(`${e}-compact${s}item`,{[`${e}-compact${s}first-item`]:a,[`${e}-compact${s}last-item`]:o,[`${e}-compact${s}item-rtl`]:t===`rtl`})},[e,t,n]);return{compactSize:n?.compactSize,compactDirection:n?.compactDirection,compactItemClassnames:a}},c=({children:e})=>r.createElement(o.Provider,{value:null},e),l=({children:e,...t})=>r.createElement(o.Provider,{value:t},e),u=s=>{let{getPrefixCls:c,direction:u}=r.useContext(e),{size:d,direction:f,block:p,prefixCls:m,className:h,rootClassName:g,children:_,...v}=s,y=t(e=>d??e),b=c(`space-compact`,m),[x,S]=n(b),C=i(b,S,{[`${b}-rtl`]:u===`rtl`,[`${b}-block`]:p,[`${b}-vertical`]:f===`vertical`},h,g),w=r.useContext(o),T=a(_),E=r.useMemo(()=>T.map((e,t)=>{let n=e?.key||`${b}-item-${t}`;return r.createElement(l,{key:n,compactSize:y,compactDirection:f,isFirstItem:t===0&&(!w||w?.isFirstItem),isLastItem:t===T.length-1&&(!w||w?.isLastItem)},e)}),[d,T,w]);return T.length===0?null:x(r.createElement(`div`,{className:C,...v},E))};export{c as NoCompactStyle,o as SpaceCompactItemContext,u as default,s as useCompactItemContext};

package/es/space/Item.d.ts

@@ -0,0 +1,12 @@
+import * as React$1 from "react";
+//#region components/space/Item.d.ts
+export interface ItemProps {
+  className: string;
+  children: React$1.ReactNode;
+  index: number;
+  split?: React$1.ReactNode;
+  style?: React$1.CSSProperties;
+}
+declare const Item: React$1.FC<ItemProps>;
+//#endregion
+export { Item as default };

package/es/space/Item.js

@@ -0,0 +1 @@
+import{SpaceContext as e}from"./context.js";import*as t from"react";const n=({className:n,index:r,children:i,split:a,style:o})=>{let{latestIndex:s}=t.useContext(e);return i==null?null:t.createElement(t.Fragment,null,t.createElement(`div`,{className:n,style:o},i),r<s&&a&&t.createElement(`span`,{className:`${n}-split`},a))};export{n as default};

package/es/space/context.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+//#region components/space/context.d.ts
+export interface SpaceContextType {
+  latestIndex: number;
+}
+export declare const SpaceContext: React.Context<SpaceContextType>;
+export declare const SpaceContextProvider: React.Provider<SpaceContextType>;
+//#endregion

package/es/space/context.js

@@ -0,0 +1 @@
+import e from"react";const t=e.createContext({latestIndex:0}),n=t.Provider;export{t as SpaceContext,n as SpaceContextProvider};

package/es/space/index.d.ts

@@ -0,0 +1,30 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import Compact from "./Compact.js";
+import { SpaceContext } from "./context.js";
+import * as React$1 from "react";
+//#region components/space/index.d.ts
+export type SpaceSize = SizeType | number;
+export interface SpaceProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  size?: SpaceSize | [SpaceSize, SpaceSize];
+  direction?: 'horizontal' | 'vertical';
+  align?: 'start' | 'end' | 'center' | 'baseline';
+  split?: React$1.ReactNode;
+  wrap?: boolean;
+  classNames?: {
+    item: string;
+  };
+  styles?: {
+    item: React$1.CSSProperties;
+  };
+}
+declare const InternalSpace: React$1.ForwardRefExoticComponent<SpaceProps & React$1.RefAttributes<HTMLDivElement>>;
+type CompoundedComponent = typeof InternalSpace & {
+  Compact: typeof Compact;
+};
+declare const Space: CompoundedComponent;
+//#endregion
+export { SpaceContext, Space as default };

package/es/space/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"./style/index.js";import n from"./Compact.js";import{isPresetSize as r,isValidGapNumber as i}from"../_util/gapSize.js";import{SpaceContext as a,SpaceContextProvider as o}from"./context.js";import s from"./Item.js";import*as c from"react";import l from"classnames";import u from"rc-util/lib/Children/toArray";const d=c.forwardRef((n,a)=>{let{getPrefixCls:d,space:f,direction:p}=c.useContext(e),{size:m=f?.size??`small`,align:h,className:g,rootClassName:_,children:v,direction:y=`horizontal`,prefixCls:b,split:x,style:S,wrap:C=!1,classNames:w,styles:T,...E}=n,[D,O]=Array.isArray(m)?m:[m,m],k=r(O),A=r(D),j=i(O),M=i(D),N=u(v,{keepEmpty:!0}),P=h===void 0&&y===`horizontal`?`center`:h,F=d(`space`,b),[I,L,R]=t(F),z=l(F,f?.className,L,`${F}-${y}`,{[`${F}-rtl`]:p===`rtl`,[`${F}-align-${P}`]:P,[`${F}-gap-row-${O}`]:k,[`${F}-gap-col-${D}`]:A},g,_,R),B=l(`${F}-item`,w?.item??f?.classNames?.item),V=0,H=N.map((e,t)=>{e!=null&&(V=t);let n=e?.key||`${B}-${t}`;return c.createElement(s,{className:B,key:n,index:t,split:x,style:T?.item??f?.styles?.item},e)}),U=c.useMemo(()=>({latestIndex:V}),[V]);if(N.length===0)return null;let W={};return C&&(W.flexWrap=`wrap`),!A&&M&&(W.columnGap=D),!k&&j&&(W.rowGap=O),I(c.createElement(`div`,{ref:a,className:z,style:{...W,...f?.style,...S},...E},c.createElement(o,{value:U},H)))});d.Compact=n;export{a as SpaceContext,d as default};

package/es/space/style/compact.d.ts

@@ -0,0 +1,10 @@
+import "../../theme/internal.js";
+import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/space/style/compact.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {}
+interface SpaceToken extends FullToken<'Space'> {}
+declare const genSpaceCompactStyle: GenerateStyle<SpaceToken>;
+//#endregion
+export { genSpaceCompactStyle as default };

package/es/space/style/compact.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e;return{[t]:{"&-block":{display:`flex`,width:`100%`},"&-vertical":{flexDirection:`column`}}}};export{e as default};

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

@@ -0,0 +1,9 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/space/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {}
+export declare const prepareComponentToken: GetDefaultToken<'Space'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/space/style/index.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";import n from"./compact.js";const r=e=>{let{componentCls:t,antCls:n}=e;return{[t]:{display:`inline-flex`,"&-rtl":{direction:`rtl`},"&-vertical":{flexDirection:`column`},"&-align":{flexDirection:`column`,"&-center":{alignItems:`center`},"&-start":{alignItems:`flex-start`},"&-end":{alignItems:`flex-end`},"&-baseline":{alignItems:`baseline`}},[`${t}-item:empty`]:{display:`none`},[`${t}-item > ${n}-badge-not-a-wrapper:only-child`]:{display:`block`}}}},i=e=>{let{componentCls:t}=e;return{[t]:{"&-gap-row-small":{rowGap:e.spaceGapSmallSize},"&-gap-row-middle":{rowGap:e.spaceGapMiddleSize},"&-gap-row-large":{rowGap:e.spaceGapLargeSize},"&-gap-col-small":{columnGap:e.spaceGapSmallSize},"&-gap-col-middle":{columnGap:e.spaceGapMiddleSize},"&-gap-col-large":{columnGap:e.spaceGapLargeSize}}}},a=()=>({});var o=e(`Space`,e=>{let a=t(e,{spaceGapSmallSize:e.paddingXS,spaceGapMiddleSize:e.padding,spaceGapLargeSize:e.paddingLG});return[r(a),i(a),n(a)]},()=>({}),{resetStyle:!1});export{o as default,a as prepareComponentToken};

package/es/spin/Indicator/Looper.d.ts

@@ -0,0 +1,8 @@
+import * as React$1 from "react";
+//#region components/spin/Indicator/Looper.d.ts
+export interface IndicatorProps {
+  prefixCls: string;
+  percent?: number;
+}
+export default function Looper(props: IndicatorProps): React$1.JSX.Element;
+//#endregion

package/es/spin/Indicator/Looper.js

@@ -0,0 +1 @@
+import e from"./Progress.js";import*as t from"react";import n from"classnames";function r(r){let{prefixCls:i,percent:a=0}=r,o=`${i}-dot`,s=`${o}-holder`,c=`${s}-hidden`;return t.createElement(t.Fragment,null,t.createElement(`span`,{className:n(s,a>0&&c)},t.createElement(`span`,{className:n(o,`${i}-dot-spin`)},[1,2,3,4].map(e=>t.createElement(`i`,{className:`${i}-dot-item`,key:e})))),t.createElement(e,{prefixCls:i,percent:a}))}export{r as default};

package/es/spin/Indicator/Progress.d.ts

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+//#region components/spin/Indicator/Progress.d.ts
+export interface ProgressProps {
+  prefixCls: string;
+  percent: number;
+}
+declare const Progress: React$1.FC<Readonly<ProgressProps>>;
+//#endregion
+export { Progress as default };

package/es/spin/Indicator/Progress.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"classnames";import n from"rc-util/lib/hooks/useLayoutEffect";const r=80*Math.PI,i=n=>{let{dotClassName:r,style:i,hasCircleCls:a}=n;return e.createElement(`circle`,{className:t(`${r}-circle`,{[`${r}-circle-bg`]:a}),r:40,cx:50,cy:50,strokeWidth:20,style:i})},a=({percent:a,prefixCls:o})=>{let s=`${o}-dot`,c=`${s}-holder`,l=`${c}-hidden`,[u,d]=e.useState(!1);n(()=>{a!==0&&d(!0)},[a!==0]);let f=Math.max(Math.min(a,100),0);if(!u)return null;let p={strokeDashoffset:`${r/4}`,strokeDasharray:`${r*f/100} ${r*(100-f)/100}`};return e.createElement(`span`,{className:t(c,`${s}-progress`,f<=0&&l)},e.createElement(`svg`,{viewBox:`0 0 100 100`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":f},e.createElement(i,{dotClassName:s,hasCircleCls:!0}),e.createElement(i,{dotClassName:s,style:p})))};export{a as default};

package/es/spin/Indicator/index.d.ts

@@ -0,0 +1,9 @@
+import * as React$1 from "react";
+//#region components/spin/Indicator/index.d.ts
+export interface IndicatorProps {
+  prefixCls: string;
+  indicator?: React$1.ReactNode;
+  percent?: number;
+}
+export default function Indicator(props: IndicatorProps): React$1.JSX.Element;
+//#endregion

package/es/spin/Indicator/index.js

@@ -0,0 +1 @@
+import{cloneElement as e}from"../../_util/reactNode.js";import t from"./Looper.js";import*as n from"react";import r from"classnames";function i(i){let{prefixCls:a,indicator:o,percent:s}=i,c=`${a}-dot`;return o&&n.isValidElement(o)?e(o,{className:r(o.props.className,c),percent:s}):n.createElement(t,{prefixCls:a,percent:s})}export{i as default};

package/es/spin/index.d.ts

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+//#region components/spin/index.d.ts
+declare const _SpinSizes: readonly ["small", "default", "large"];
+export type SpinSize = (typeof _SpinSizes)[number];
+export type SpinIndicator = React$1.ReactElement<HTMLElement>;
+export interface SpinProps {
+  /** Customize prefix class name */
+  prefixCls?: string;
+  /** Additional class name of Spin */
+  className?: string;
+  /** Additional root class name of Spin */
+  rootClassName?: string;
+  /** Whether Spin is spinning */
+  spinning?: boolean;
+  /** Style of Spin */
+  style?: React$1.CSSProperties;
+  /** Size of Spin, options: `small`, `default` and `large` */
+  size?: SpinSize;
+  /** Customize description content when Spin has children */
+  tip?: React$1.ReactNode;
+  /** Specifies a delay in milliseconds for loading state (prevent flush) */
+  delay?: number;
+  /** The className of wrapper when Spin has children */
+  wrapperClassName?: string;
+  /** React node of the spinning indicator */
+  indicator?: SpinIndicator;
+  /** Children of Spin */
+  children?: React$1.ReactNode;
+  /** Display a backdrop with the `Spin` component */
+  fullscreen?: boolean;
+  percent?: number | 'auto';
+}
+export type SpinType = React$1.FC<SpinProps> & {
+  setDefaultIndicator: (indicator: React$1.ReactNode) => void;
+};
+declare const Spin: SpinType;
+//#endregion
+export { Spin as default };