@swiftcrab/crab 0.0.5 → 0.0.7

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

@@ -0,0 +1,30 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/splitter/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 拖拽标识元素大小
+   * @descEN Drag and drop the identity element size
+   * @deprecated Please use `splitBarDraggableSize` instead.
+   */
+  resizeSpinnerSize: number;
+  /**
+   * @desc 拖拽标识元素大小
+   * @descEN Drag and drop the identity element size
+   */
+  splitBarDraggableSize: number;
+  /**
+   * @desc 拖拽元素大小
+   * @descEN Drag the element size
+   */
+  splitBarSize: number;
+  /**
+   * @desc 拖拽触发区域大小
+   * @descEN Drag and drop trigger area size
+   */
+  splitTriggerSize: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Splitter'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/splitter/style/index.js

@@ -0,0 +1 @@
+import{resetComponent as e}from"../../style/index.js";import{genStyleHooks as t}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";const n=e=>{let{componentCls:t}=e;return{[`&-rtl${t}-horizontal`]:{[`> ${t}-bar`]:{[`${t}-bar-collapse-previous`]:{insetInlineEnd:0,insetInlineStart:`unset`},[`${t}-bar-collapse-next`]:{insetInlineEnd:`unset`,insetInlineStart:0}}},[`&-rtl${t}-vertical`]:{[`> ${t}-bar`]:{[`${t}-bar-collapse-previous`]:{insetInlineEnd:`50%`,insetInlineStart:`unset`},[`${t}-bar-collapse-next`]:{insetInlineEnd:`50%`,insetInlineStart:`unset`}}}}},r={position:`absolute`,top:`50%`,left:{_skip_check_:!0,value:`50%`},transform:`translate(-50%, -50%)`},i=t=>{let{componentCls:i,colorFill:a,splitBarDraggableSize:o,splitBarSize:s,splitTriggerSize:c,controlItemBgHover:l,controlItemBgActive:u,controlItemBgActiveHover:d}=t,f=`${i}-bar`,p=`${i}-mask`,m=`${i}-panel`,h=t.calc(c).div(2).equal();return{[i]:{...e(t),display:`flex`,width:`100%`,height:`100%`,alignItems:`stretch`,[`> ${f}`]:{flex:`none`,position:`relative`,userSelect:`none`,[`${f}-dragger`]:{...r,zIndex:1,"&::before":{content:`""`,background:l,...r},"&::after":{content:`""`,background:a,...r},[`&:hover:not(${f}-dragger-active)`]:{"&::before":{background:u}},"&-active":{zIndex:2,"&::before":{background:d}},[`&-disabled${f}-dragger`]:{zIndex:0,"&, &:hover, &-active":{cursor:`default`,"&::before":{background:l}},"&::after":{display:`none`}}},[`${f}-collapse-bar`]:{...r,zIndex:t.zIndexPopupBase,background:l,fontSize:t.fontSizeSM,borderRadius:t.borderRadiusXS,color:t.colorText,cursor:`pointer`,opacity:0,display:`flex`,alignItems:`center`,justifyContent:`center`,"&:hover":{background:u},"&:active":{background:d}},"&:hover, &:active":{[`${f}-collapse-bar`]:{opacity:1}}},[p]:{position:`fixed`,zIndex:t.zIndexPopupBase,inset:0,"&-horizontal":{cursor:`col-resize`},"&-vertical":{cursor:`row-resize`}},"&-horizontal":{flexDirection:`row`,[`> ${f}`]:{width:0,[`${f}-dragger`]:{cursor:`col-resize`,height:`100%`,width:c,"&::before":{height:`100%`,width:s},"&::after":{height:o,width:s}},[`${f}-collapse-bar`]:{width:t.fontSizeSM,height:t.controlHeightSM,"&-start":{left:{_skip_check_:!0,value:`auto`},right:{_skip_check_:!0,value:h},transform:`translateY(-50%)`},"&-end":{left:{_skip_check_:!0,value:h},right:{_skip_check_:!0,value:`auto`},transform:`translateY(-50%)`}}}},"&-vertical":{flexDirection:`column`,[`> ${f}`]:{height:0,[`${f}-dragger`]:{cursor:`row-resize`,width:`100%`,height:c,"&::before":{width:`100%`,height:s},"&::after":{width:o,height:s}},[`${f}-collapse-bar`]:{height:t.fontSizeSM,width:t.controlHeightSM,"&-start":{top:`auto`,bottom:h,transform:`translateX(-50%)`},"&-end":{top:h,bottom:`auto`,transform:`translateX(-50%)`}}}},[m]:{overflow:`auto`,padding:`0 1px`,scrollbarWidth:`thin`,boxSizing:`border-box`,"&-hidden":{padding:0,overflow:`hidden`},[`&:has(${i}:only-child)`]:{overflow:`hidden`}},...n(t)}}},a=e=>{let t=e.splitBarSize||2,n=e.splitTriggerSize||6,r=e.resizeSpinnerSize||20;return{splitBarSize:t,splitTriggerSize:n,splitBarDraggableSize:e.splitBarDraggableSize??r,resizeSpinnerSize:r}};var o=t(`Splitter`,e=>[i(e)],a);export{o as default,a as prepareComponentToken};

package/es/statistic/Countdown.d.ts

@@ -0,0 +1,12 @@
+import { valueType } from "./utils.js";
+import { StatisticProps } from "./Statistic.js";
+import * as React$1 from "react";
+//#region components/statistic/Countdown.d.ts
+export interface CountdownProps extends StatisticProps {
+  format?: string;
+  onFinish?: () => void;
+  onChange?: (value?: valueType) => void;
+}
+declare const _default: React$1.NamedExoticComponent<CountdownProps>;
+//#endregion
+export { _default as default };

package/es/statistic/Countdown.js

@@ -0,0 +1 @@
+import{cloneElement as e}from"../_util/reactNode.js";import t from"../_util/hooks/useForceUpdate.js";import n from"./Statistic.js";import{formatCountdown as r}from"./utils.js";import*as i from"react";function a(e){return new Date(e).getTime()}var o=i.memo(o=>{let{value:s,format:c=`HH:mm:ss`,onChange:l,onFinish:u,...d}=o,f=t(),p=i.useRef(null),m=()=>{u?.(),p.current&&=(clearInterval(p.current),null)},h=()=>{let e=a(s);e>=Date.now()&&(p.current=setInterval(()=>{f(),l?.(e-Date.now()),e<Date.now()&&m()},33.333333333333336))};i.useEffect(()=>(h(),()=>{p.current&&=(clearInterval(p.current),null)}),[s]);let g=(e,t)=>r(e,{...t,format:c}),_=t=>e(t,{title:void 0});return i.createElement(n,{...d,value:s,valueRender:_,formatter:g})});export{o as default};

package/es/statistic/Number.d.ts

@@ -0,0 +1,10 @@
+import { FormatConfig, valueType } from "./utils.js";
+import * as React$1 from "react";
+//#region components/statistic/Number.d.ts
+interface NumberProps extends FormatConfig {
+  value: valueType;
+  prefixCls?: string;
+}
+declare const StatisticNumber: React$1.FC<NumberProps>;
+//#endregion
+export { StatisticNumber as default };

package/es/statistic/Number.js

@@ -0,0 +1 @@
+import*as e from"react";const t=t=>{let{value:n,formatter:r,precision:i,decimalSeparator:a,groupSeparator:o=``,prefixCls:s}=t,c;if(typeof r==`function`)c=r(n);else{let t=String(n),r=t.match(/^(-?)(\d*)(\.(\d+))?$/);if(!r||t===`-`)c=t;else{let t=r[1],n=r[2]||`0`,l=r[4]||``;n=n.replace(/\B(?=(\d{3})+(?!\d))/g,o),typeof i==`number`&&(l=l.padEnd(i,`0`).slice(0,i>0?i:0)),l&&=`${a}${l}`,c=[e.createElement(`span`,{key:`int`,className:`${s}-content-value-int`},t,n),l&&e.createElement(`span`,{key:`decimal`,className:`${s}-content-value-decimal`},l)]}}return e.createElement(`span`,{className:`${s}-content-value`},c)};export{t as default};

package/es/statistic/Statistic.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAriaDataAttributes } from "../_util/aria-data-attrs.js";
+import { FormatConfig, valueType } from "./utils.js";
+import * as React$1 from "react";
+//#region components/statistic/Statistic.d.ts
+interface StatisticReactProps extends FormatConfig {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  value?: valueType;
+  valueStyle?: React$1.CSSProperties;
+  valueRender?: (node: React$1.ReactNode) => React$1.ReactNode;
+  title?: React$1.ReactNode;
+  prefix?: React$1.ReactNode;
+  suffix?: React$1.ReactNode;
+  loading?: boolean;
+  onMouseEnter?: React$1.MouseEventHandler<HTMLDivElement>;
+  onMouseLeave?: React$1.MouseEventHandler<HTMLDivElement>;
+}
+export type StatisticProps = HTMLAriaDataAttributes & StatisticReactProps;
+declare const Statistic: React$1.FC<StatisticProps>;
+//#endregion
+export { Statistic as default };

package/es/statistic/Statistic.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../skeleton/index.js";import n from"./Number.js";import r from"./style/index.js";import*as i from"react";import a from"classnames";import o from"rc-util/lib/pickAttrs";const s=s=>{let{prefixCls:c,className:l,rootClassName:u,style:d,valueStyle:f,value:p=0,title:m,valueRender:h,prefix:g,suffix:_,loading:v=!1,formatter:y,precision:b,decimalSeparator:x=`.`,groupSeparator:S=`,`,onMouseEnter:C,onMouseLeave:w,...T}=s,{getPrefixCls:E,direction:D,statistic:O}=i.useContext(e),k=E(`statistic`,c),[A,j,M]=r(k),N=i.createElement(n,{decimalSeparator:x,groupSeparator:S,prefixCls:k,formatter:y,precision:b,value:p}),P=a(k,{[`${k}-rtl`]:D===`rtl`},O?.className,l,u,j,M),F=o(T,{aria:!0,data:!0});return A(i.createElement(`div`,{...F,className:P,style:{...O?.style,...d},onMouseEnter:C,onMouseLeave:w},m&&i.createElement(`div`,{className:`${k}-title`},m),i.createElement(t,{paragraph:!1,loading:v,className:`${k}-skeleton`},i.createElement(`div`,{style:f,className:`${k}-content`},g&&i.createElement(`span`,{className:`${k}-content-prefix`},g),h?h(N):N,_&&i.createElement(`span`,{className:`${k}-content-suffix`},_)))))};export{s as default};

package/es/statistic/index.d.ts

@@ -0,0 +1,10 @@
+import Statistic, { StatisticProps } from "./Statistic.js";
+import _default$1, { CountdownProps } from "./Countdown.js";
+//#region components/statistic/index.d.ts
+type CompoundedComponent = {
+  Countdown: typeof _default$1;
+};
+export type CompoundedStatistic = typeof Statistic & CompoundedComponent;
+declare const _default: CompoundedStatistic;
+//#endregion
+export { type CountdownProps, type StatisticProps, _default as default };

package/es/statistic/index.js

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

package/es/statistic/interface.d.ts

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

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

@@ -0,0 +1,19 @@
+import "../../theme/internal.js";
+import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/statistic/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 标题字体大小
+   * @descEN Title font size
+   */
+  titleFontSize: number;
+  /**
+   * @desc 内容字体大小
+   * @descEN Content font size
+   */
+  contentFontSize: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Statistic'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/statistic/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";const r=t=>{let{componentCls:n,marginXXS:r,padding:i,colorTextDescription:a,titleFontSize:o,colorTextHeading:s,contentFontSize:c,fontFamily:l}=t;return{[n]:{...e(t),[`${n}-title`]:{marginBottom:r,color:a,fontSize:o},[`${n}-skeleton`]:{paddingTop:i},[`${n}-content`]:{color:s,fontSize:c,fontFamily:l,[`${n}-content-value`]:{display:`inline-block`,direction:`ltr`},[`${n}-content-prefix, ${n}-content-suffix`]:{display:`inline-block`},[`${n}-content-prefix`]:{marginInlineEnd:r},[`${n}-content-suffix`]:{marginInlineStart:r}}}}},i=e=>{let{fontSizeHeading3:t,fontSize:n}=e;return{titleFontSize:n,contentFontSize:t}};var a=t(`Statistic`,e=>{let t=n(e,{});return[r(t)]},i);export{a as default,i as prepareComponentToken};

package/es/statistic/utils.d.ts

@@ -0,0 +1,17 @@
+import * as React$1 from "react";
+//#region components/statistic/utils.d.ts
+export type valueType = number | string;
+export type countdownValueType = number | string;
+export type Formatter = false | 'number' | 'countdown' | ((value: valueType, config?: FormatConfig) => React$1.ReactNode);
+export interface FormatConfig {
+  formatter?: Formatter;
+  decimalSeparator?: string;
+  groupSeparator?: string;
+  precision?: number;
+}
+export interface CountdownFormatConfig extends FormatConfig {
+  format?: string;
+}
+export declare function formatTimeStr(duration: number, format: string): string;
+export declare function formatCountdown(value: valueType, config: CountdownFormatConfig): string;
+//#endregion

package/es/statistic/utils.js

@@ -0,0 +1 @@
+const e=[[`Y`,31536e6],[`M`,2592e6],[`D`,864e5],[`H`,36e5],[`m`,6e4],[`s`,1e3],[`S`,1]];function t(t,n){let r=t,i=/\[[^\]]*]/g,a=(n.match(i)||[]).map(e=>e.slice(1,-1)),o=n.replace(i,`[]`),s=e.reduce((e,[t,n])=>{if(e.includes(t)){let i=Math.floor(r/n);return r-=i*n,e.replace(RegExp(`${t}+`,`g`),e=>{let t=e.length;return i.toString().padStart(t,`0`)})}return e},o),c=0;return s.replace(i,()=>{let e=a[c];return c+=1,e})}function n(e,n){let{format:r=``}=n,i=new Date(e).getTime();return t(Math.max(i-Date.now(),0),r)}export{n as formatCountdown,t as formatTimeStr};

package/es/steps/index.d.ts

@@ -0,0 +1,41 @@
+import * as React$1 from "react";
+import RcSteps from "rc-steps";
+import { ProgressDotRender } from "rc-steps/lib/Steps";
+//#region components/steps/index.d.ts
+export interface StepProps {
+  className?: string;
+  description?: React$1.ReactNode;
+  icon?: React$1.ReactNode;
+  onClick?: React$1.MouseEventHandler<HTMLElement>;
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  disabled?: boolean;
+  title?: React$1.ReactNode;
+  subTitle?: React$1.ReactNode;
+  style?: React$1.CSSProperties;
+}
+export interface StepsProps {
+  type?: 'default' | 'navigation' | 'inline';
+  className?: string;
+  rootClassName?: string;
+  current?: number;
+  direction?: 'horizontal' | 'vertical';
+  iconPrefix?: string;
+  initial?: number;
+  labelPlacement?: 'horizontal' | 'vertical';
+  prefixCls?: string;
+  progressDot?: boolean | ProgressDotRender;
+  responsive?: boolean;
+  size?: 'default' | 'small';
+  status?: 'wait' | 'process' | 'finish' | 'error';
+  style?: React$1.CSSProperties;
+  percent?: number;
+  onChange?: (current: number) => void;
+  children?: React$1.ReactNode;
+  items?: StepProps[];
+}
+type CompoundedComponent = React$1.FC<StepsProps> & {
+  Step: typeof RcSteps.Step;
+};
+declare const Steps: CompoundedComponent;
+//#endregion
+export { Steps as default };

package/es/steps/index.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"../grid/hooks/useBreakpoint.js";import r from"../tooltip/index.js";import i from"../progress/index.js";import a from"./style/index.js";import o from"./useLegacyItems.js";import*as s from"react";import c from"classnames";import l from"@ant-design/icons/CloseOutlined";import u from"@ant-design/icons/CheckOutlined";import d from"rc-steps";const f=f=>{let{percent:p,size:m,className:h,rootClassName:g,direction:_,items:v,responsive:y=!0,current:b=0,children:x,style:S,...C}=f,{xs:w}=n(y),{getPrefixCls:T,direction:E,steps:D}=s.useContext(e),O=s.useMemo(()=>y&&w?`vertical`:_,[w,_]),k=t(m),A=T(`steps`,f.prefixCls),[j,M,N]=a(A),P=f.type===`inline`,F=T(``,f.iconPrefix),I=o(v,x),L=P?void 0:p,R={...D?.style,...S},z=c(D?.className,{[`${A}-rtl`]:E===`rtl`,[`${A}-with-progress`]:L!==void 0},h,g,M,N),B={finish:s.createElement(u,{className:`${A}-finish-icon`}),error:s.createElement(l,{className:`${A}-error-icon`})},V=({node:e,status:t})=>{if(t===`process`&&L!==void 0){let t=k===`small`?32:40;return s.createElement(`div`,{className:`${A}-progress-icon`},s.createElement(i,{type:`circle`,percent:L,size:t,strokeWidth:4,format:()=>null}),e)}return e},H=(e,t)=>e.description?s.createElement(r,{title:e.description},t):t;return j(s.createElement(d,{icons:B,...C,style:R,current:b,size:k,items:I,itemRender:P?H:void 0,stepIcon:V,direction:O,prefixCls:A,iconPrefix:F,className:z}))};f.Step=d.Step;export{f as default};

package/es/steps/style/custom-icon.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/custom-icon.d.ts
+declare const genStepsCustomIconStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsCustomIconStyle as default };

package/es/steps/style/custom-icon.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,customIconTop:r,customIconSize:i,customIconFontSize:a}=t;return{[`${n}-item-custom`]:{[`> ${n}-item-container > ${n}-item-icon`]:{height:`auto`,background:`none`,border:0,[`> ${n}-icon`]:{top:r,width:i,height:i,fontSize:a,lineHeight:e(i)}}},[`&:not(${n}-vertical)`]:{[`${n}-item-custom`]:{[`${n}-item-icon`]:{width:`auto`,background:`none`}}}}};export{t as default};

package/es/steps/style/horizontal.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/horizontal.d.ts
+declare const genHorizontalStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genHorizontalStyle as default };

package/es/steps/style/horizontal.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e,n=`${t}-item`;return{[`${t}-horizontal`]:{[`${n}-tail`]:{transform:`translateY(-50%)`}}}};export{e as default};

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

@@ -0,0 +1,105 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/steps/style/index.d.ts
+export interface ComponentToken {
+  /**
+   * @desc 描述区域最大宽度
+   * @descEN Max width of description area
+   */
+  descriptionMaxWidth: number;
+  /**
+   * @desc 自定义图标容器尺寸
+   * @descEN Size of custom icon container
+   */
+  customIconSize: number;
+  /**
+   * @desc 自定义图标 top
+   * @descEN Top of custom icon
+   */
+  customIconTop: number;
+  /**
+   * @desc 自定义图标大小
+   * @descEN Font size of custom icon
+   */
+  customIconFontSize: number;
+  /**
+   * @desc 图标容器尺寸
+   * @descEN Size of icon container
+   */
+  iconSize: number;
+  /**
+   * @desc 图标 top
+   * @descEN Top of icon
+   */
+  iconTop: number;
+  /**
+   * @desc 图标大小
+   * @descEN Size of icon
+   */
+  iconFontSize: number;
+  /**
+   * @desc 点状步骤点大小
+   * @descEN Size of dot
+   */
+  dotSize: number;
+  /**
+   * @desc 点状步骤点当前大小
+   * @descEN Current size of dot
+   */
+  dotCurrentSize: number;
+  /**
+   * @desc 可跳转步骤条箭头颜色
+   * @descEN Color of arrow in nav
+   */
+  navArrowColor: string;
+  /**
+   * @desc 可跳转步骤条内容最大宽度
+   * @descEN Max width of nav content
+   */
+  navContentMaxWidth: CSSProperties['maxWidth'];
+  /**
+   * @desc 小号步骤条图标大小
+   * @descEN Size of small steps icon
+   */
+  iconSizeSM: number;
+  /**
+   * @desc 标题行高
+   * @descEN Line height of title
+   */
+  titleLineHeight: number | string;
+}
+export interface StepsToken extends FullToken<'Steps'> {
+  processTailColor: string;
+  processIconColor: string;
+  processTitleColor: string;
+  processDescriptionColor: string;
+  processIconBgColor: string;
+  processIconBorderColor: string;
+  processDotColor: string;
+  waitTitleColor: string;
+  waitDescriptionColor: string;
+  waitTailColor: string;
+  waitDotColor: string;
+  finishIconColor: string;
+  finishTitleColor: string;
+  finishDescriptionColor: string;
+  finishTailColor: string;
+  finishDotColor: string;
+  errorIconColor: string;
+  errorTitleColor: string;
+  errorDescriptionColor: string;
+  errorTailColor: string;
+  errorIconBgColor: string;
+  errorIconBorderColor: string;
+  errorDotColor: string;
+  stepsNavActiveColor: string;
+  stepsProgressSize: number;
+  inlineDotSize: number;
+  inlineTitleColor: string;
+  inlineTailColor: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Steps'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/steps/style/index.js

@@ -0,0 +1 @@
+import{genFocusOutline 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 i from"./custom-icon.js";import a from"./horizontal.js";import o from"./inline.js";import s from"./label-placement.js";import c from"./nav.js";import l from"./progress.js";import u from"./progress-dot.js";import d from"./rtl.js";import f from"./small.js";import p from"./vertical.js";import{unit as m}from"@ant-design/cssinjs";const h=(e,t)=>{let n=`${t.componentCls}-item`,r=`${e}IconColor`,i=`${e}TitleColor`,a=`${e}DescriptionColor`,o=`${e}TailColor`,s=`${e}IconBgColor`,c=`${e}IconBorderColor`,l=`${e}DotColor`;return{[`${n}-${e} ${n}-icon`]:{backgroundColor:t[s],borderColor:t[c],[`> ${t.componentCls}-icon`]:{color:t[r],[`${t.componentCls}-icon-dot`]:{background:t[l]}}},[`${n}-${e}${n}-custom ${n}-icon`]:{[`> ${t.componentCls}-icon`]:{color:t[l]}},[`${n}-${e} > ${n}-container > ${n}-content > ${n}-title`]:{color:t[i],"&::after":{backgroundColor:t[o]}},[`${n}-${e} > ${n}-container > ${n}-content > ${n}-description`]:{color:t[a]},[`${n}-${e} > ${n}-container > ${n}-tail::after`]:{backgroundColor:t[o]}}},g=t=>{let{componentCls:n,motionDurationSlow:r}=t,i=`${n}-item`,a=`${i}-icon`;return{[i]:{position:`relative`,display:`inline-block`,flex:1,overflow:`hidden`,verticalAlign:`top`,"&:last-child":{flex:`none`,[`> ${i}-container > ${i}-tail, > ${i}-container >  ${i}-content > ${i}-title::after`]:{display:`none`}}},[`${i}-container`]:{outline:`none`,"&:focus-visible":{[a]:{...e(t)}}},[`${a}, ${i}-content`]:{display:`inline-block`,verticalAlign:`top`},[a]:{width:t.iconSize,height:t.iconSize,marginTop:0,marginBottom:0,marginInlineStart:0,marginInlineEnd:t.marginXS,fontSize:t.iconFontSize,fontFamily:t.fontFamily,lineHeight:m(t.iconSize),textAlign:`center`,borderRadius:t.iconSize,border:`${m(t.lineWidth)} ${t.lineType} transparent`,transition:`background-color ${r}, border-color ${r}`,[`${n}-icon`]:{position:`relative`,top:t.iconTop,color:t.colorPrimary,lineHeight:1}},[`${i}-tail`]:{position:`absolute`,top:t.calc(t.iconSize).div(2).equal(),insetInlineStart:0,width:`100%`,"&::after":{display:`inline-block`,width:`100%`,height:t.lineWidth,background:t.colorSplit,borderRadius:t.lineWidth,transition:`background ${r}`,content:`""`}},[`${i}-title`]:{position:`relative`,display:`inline-block`,paddingInlineEnd:t.padding,color:t.colorText,fontSize:t.fontSizeLG,lineHeight:m(t.titleLineHeight),"&::after":{position:`absolute`,top:t.calc(t.titleLineHeight).div(2).equal(),insetInlineStart:`100%`,display:`block`,width:9999,height:t.lineWidth,background:t.processTailColor,content:`""`}},[`${i}-subtitle`]:{display:`inline`,marginInlineStart:t.marginXS,color:t.colorTextDescription,fontWeight:`normal`,fontSize:t.fontSize},[`${i}-description`]:{color:t.colorTextDescription,fontSize:t.fontSize},...h(`wait`,t),...h(`process`,t),[`${i}-process > ${i}-container > ${i}-title`]:{fontWeight:t.fontWeightStrong},...h(`finish`,t),...h(`error`,t),[`${i}${n}-next-error > ${n}-item-title::after`]:{background:t.colorError},[`${i}-disabled`]:{cursor:`not-allowed`}}},_=e=>{let{componentCls:t,motionDurationSlow:n}=e;return{[`& ${t}-item`]:{[`&:not(${t}-item-active)`]:{[`& > ${t}-item-container[role='button']`]:{cursor:`pointer`,[`${t}-item`]:{[`&-title, &-subtitle, &-description, &-icon ${t}-icon`]:{transition:`color ${n}`}},"&:hover":{[`${t}-item`]:{"&-title, &-subtitle, &-description":{color:e.colorPrimary}}}},[`&:not(${t}-item-process)`]:{[`& > ${t}-item-container[role='button']:hover`]:{[`${t}-item`]:{"&-icon":{borderColor:e.colorPrimary,[`${t}-icon`]:{color:e.colorPrimary}}}}}}},[`&${t}-horizontal:not(${t}-label-vertical)`]:{[`${t}-item`]:{paddingInlineStart:e.padding,whiteSpace:`nowrap`,"&:first-child":{paddingInlineStart:0},[`&:last-child ${t}-item-title`]:{paddingInlineEnd:0},"&-tail":{display:`none`},"&-description":{maxWidth:e.descriptionMaxWidth,whiteSpace:`normal`}}}}},v=e=>{let{componentCls:n}=e;return{[n]:{...t(e),display:`flex`,width:`100%`,fontSize:0,textAlign:`initial`,...g(e),..._(e),...i(e),...f(e),...p(e),...a(e),...s(e),...u(e),...c(e),...d(e),...l(e),...o(e)}}},y=e=>({titleLineHeight:e.controlHeight,customIconSize:e.controlHeight,customIconTop:0,customIconFontSize:e.controlHeightSM,iconSize:e.controlHeight,iconTop:-.5,iconFontSize:e.fontSize,iconSizeSM:e.fontSizeHeading3,dotSize:e.controlHeight/4,dotCurrentSize:e.controlHeightLG/4,navArrowColor:e.colorTextDisabled,navContentMaxWidth:`auto`,descriptionMaxWidth:140,waitIconColor:e.wireframe?e.colorTextDisabled:e.colorTextLabel,waitIconBgColor:e.wireframe?e.colorBgContainer:e.colorFillContent,waitIconBorderColor:e.wireframe?e.colorTextDisabled:`transparent`,finishIconBgColor:e.wireframe?e.colorBgContainer:e.controlItemBgActive,finishIconBorderColor:e.wireframe?e.colorPrimary:e.controlItemBgActive});var b=n(`Steps`,e=>{let{colorTextDisabled:t,controlHeightLG:n,colorTextLightSolid:i,colorText:a,colorPrimary:o,colorTextDescription:s,colorTextQuaternary:c,colorError:l,colorBorderSecondary:u,colorSplit:d}=e,f=r(e,{processIconColor:i,processTitleColor:a,processDescriptionColor:a,processIconBgColor:o,processIconBorderColor:o,processDotColor:o,processTailColor:d,waitTitleColor:s,waitDescriptionColor:s,waitTailColor:d,waitDotColor:t,finishIconColor:o,finishTitleColor:a,finishDescriptionColor:s,finishTailColor:o,finishDotColor:o,errorIconColor:i,errorTitleColor:l,errorDescriptionColor:l,errorTailColor:d,errorIconBgColor:l,errorIconBorderColor:l,errorDotColor:l,stepsNavActiveColor:o,stepsProgressSize:n,inlineDotSize:6,inlineTitleColor:c,inlineTailColor:u});return[v(f)]},y);export{b as default,y as prepareComponentToken};

package/es/steps/style/inline.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/inline.d.ts
+declare const genStepsInlineStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsInlineStyle as default };

package/es/steps/style/inline.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,inlineDotSize:r,inlineTitleColor:i,inlineTailColor:a}=t,o=t.calc(t.paddingXS).add(t.lineWidth).equal(),s={[`${n}-item-container ${n}-item-content ${n}-item-title`]:{color:i}};return{[`&${n}-inline`]:{width:`auto`,display:`inline-flex`,[`${n}-item`]:{flex:`none`,"&-container":{padding:`${e(o)} ${e(t.paddingXXS)} 0`,margin:`0 ${e(t.calc(t.marginXXS).div(2).equal())}`,borderRadius:t.borderRadiusSM,cursor:`pointer`,transition:`background-color ${t.motionDurationMid}`,"&:hover":{background:t.controlItemBgHover},"&[role='button']:hover":{opacity:1}},"&-icon":{width:r,height:r,marginInlineStart:`calc(50% - ${e(t.calc(r).div(2).equal())})`,[`> ${n}-icon`]:{top:0},[`${n}-icon-dot`]:{borderRadius:t.calc(t.fontSizeSM).div(4).equal(),"&::after":{display:`none`}}},"&-content":{width:`auto`,marginTop:t.calc(t.marginXS).sub(t.lineWidth).equal()},"&-title":{color:i,fontSize:t.fontSizeSM,lineHeight:t.lineHeightSM,fontWeight:`normal`,marginBottom:t.calc(t.marginXXS).div(2).equal()},"&-description":{display:`none`},"&-tail":{marginInlineStart:0,top:t.calc(r).div(2).add(o).equal(),transform:`translateY(-50%)`,"&:after":{width:`100%`,height:t.lineWidth,borderRadius:0,marginInlineStart:0,background:a}},[`&:first-child ${n}-item-tail`]:{width:`50%`,marginInlineStart:`50%`},[`&:last-child ${n}-item-tail`]:{display:`block`,width:`50%`},"&-wait":{[`${n}-item-icon ${n}-icon ${n}-icon-dot`]:{backgroundColor:t.colorBorderBg,border:`${e(t.lineWidth)} ${t.lineType} ${a}`},...s},"&-finish":{[`${n}-item-tail::after`]:{backgroundColor:a},[`${n}-item-icon ${n}-icon ${n}-icon-dot`]:{backgroundColor:a,border:`${e(t.lineWidth)} ${t.lineType} ${a}`},...s},"&-error":s,"&-active, &-process":{[`${n}-item-icon`]:{width:r,height:r,marginInlineStart:`calc(50% - ${e(t.calc(r).div(2).equal())})`,top:0},...s},[`&:not(${n}-item-active) > ${n}-item-container[role='button']:hover`]:{[`${n}-item-title`]:{color:i}}}}}};export{t as default};

package/es/steps/style/label-placement.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/label-placement.d.ts
+declare const genStepsLabelPlacementStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsLabelPlacementStyle as default };

package/es/steps/style/label-placement.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,iconSize:r,lineHeight:i,iconSizeSM:a}=t;return{[`&${n}-label-vertical`]:{[`${n}-item`]:{overflow:`visible`,"&-tail":{marginInlineStart:t.calc(r).div(2).add(t.controlHeightLG).equal(),padding:`0 ${e(t.paddingLG)}`},"&-content":{display:`block`,width:t.calc(r).div(2).add(t.controlHeightLG).mul(2).equal(),marginTop:t.marginSM,textAlign:`center`},"&-icon":{display:`inline-block`,marginInlineStart:t.controlHeightLG},"&-title":{paddingInlineEnd:0,paddingInlineStart:0,"&::after":{display:`none`}},"&-subtitle":{display:`block`,marginBottom:t.marginXXS,marginInlineStart:0,lineHeight:i}},[`&${n}-small:not(${n}-dot)`]:{[`${n}-item`]:{"&-icon":{marginInlineStart:t.calc(r).sub(a).div(2).add(t.controlHeightLG).equal()}}}}}};export{t as default};

package/es/steps/style/nav.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/nav.d.ts
+declare const genStepsNavStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsNavStyle as default };

package/es/steps/style/nav.js

@@ -0,0 +1 @@
+import{textEllipsis as e}from"../../style/index.js";import{unit as t}from"@ant-design/cssinjs";const n=n=>{let{componentCls:r,navContentMaxWidth:i,navArrowColor:a,stepsNavActiveColor:o,motionDurationSlow:s}=n;return{[`&${r}-navigation`]:{paddingTop:n.paddingSM,[`&${r}-small`]:{[`${r}-item`]:{"&-container":{marginInlineStart:n.calc(n.marginSM).mul(-1).equal()}}},[`${r}-item`]:{overflow:`visible`,textAlign:`center`,"&-container":{display:`inline-block`,height:`100%`,marginInlineStart:n.calc(n.margin).mul(-1).equal(),paddingBottom:n.paddingSM,textAlign:`start`,transition:`opacity ${s}`,[`${r}-item-content`]:{maxWidth:i},[`${r}-item-title`]:{maxWidth:`100%`,paddingInlineEnd:0,...e,"&::after":{display:`none`}}},[`&:not(${r}-item-active)`]:{[`${r}-item-container[role='button']`]:{cursor:`pointer`,"&:hover":{opacity:.85}}},"&:last-child":{flex:1,"&::after":{display:`none`}},"&::after":{position:`absolute`,top:`calc(50% - ${t(n.calc(n.paddingSM).div(2).equal())})`,insetInlineStart:`100%`,display:`inline-block`,width:n.fontSizeIcon,height:n.fontSizeIcon,borderTop:`${t(n.lineWidth)} ${n.lineType} ${a}`,borderBottom:`none`,borderInlineStart:`none`,borderInlineEnd:`${t(n.lineWidth)} ${n.lineType} ${a}`,transform:`translateY(-50%) translateX(-50%) rotate(45deg)`,content:`""`},"&::before":{position:`absolute`,bottom:0,insetInlineStart:`50%`,display:`inline-block`,width:0,height:n.lineWidthBold,backgroundColor:o,transition:`width ${s}, inset-inline-start ${s}`,transitionTimingFunction:`ease-out`,content:`""`}},[`${r}-item${r}-item-active::before`]:{insetInlineStart:0,width:`100%`}},[`&${r}-navigation${r}-vertical`]:{[`> ${r}-item`]:{marginInlineEnd:0,"&::before":{display:`none`},[`&${r}-item-active::before`]:{top:0,insetInlineEnd:0,insetInlineStart:`unset`,display:`block`,width:n.calc(n.lineWidth).mul(3).equal(),height:`calc(100% - ${t(n.marginLG)})`},"&::after":{position:`relative`,insetInlineStart:`50%`,display:`block`,width:n.calc(n.controlHeight).mul(.25).equal(),height:n.calc(n.controlHeight).mul(.25).equal(),marginBottom:n.marginXS,textAlign:`center`,transform:`translateY(-50%) translateX(-50%) rotate(135deg)`},"&:last-child":{"&::after":{display:`none`}},[`> ${r}-item-container > ${r}-item-tail`]:{visibility:`hidden`}}},[`&${r}-navigation${r}-horizontal`]:{[`> ${r}-item > ${r}-item-container > ${r}-item-tail`]:{visibility:`hidden`}}}};export{n as default};

package/es/steps/style/progress-dot.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/progress-dot.d.ts
+declare const genStepsProgressDotStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsProgressDotStyle as default };

package/es/steps/style/progress-dot.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,descriptionMaxWidth:r,lineHeight:i,dotCurrentSize:a,dotSize:o,motionDurationSlow:s}=t;return{[`&${n}-dot, &${n}-dot${n}-small`]:{[`${n}-item`]:{"&-title":{lineHeight:i},"&-tail":{top:t.calc(t.dotSize).sub(t.calc(t.lineWidth).mul(3).equal()).div(2).equal(),width:`100%`,marginTop:0,marginBottom:0,marginInline:`${e(t.calc(r).div(2).equal())} 0`,padding:0,"&::after":{width:`calc(100% - ${e(t.calc(t.marginSM).mul(2).equal())})`,height:t.calc(t.lineWidth).mul(3).equal(),marginInlineStart:t.marginSM}},"&-icon":{width:o,height:o,marginInlineStart:t.calc(t.descriptionMaxWidth).sub(o).div(2).equal(),paddingInlineEnd:0,lineHeight:e(o),background:`transparent`,border:0,[`${n}-icon-dot`]:{position:`relative`,float:`left`,width:`100%`,height:`100%`,borderRadius:100,transition:`all ${s}`,"&::after":{position:`absolute`,top:t.calc(t.marginSM).mul(-1).equal(),insetInlineStart:t.calc(o).sub(t.calc(t.controlHeightLG).mul(1.5).equal()).div(2).equal(),width:t.calc(t.controlHeightLG).mul(1.5).equal(),height:t.controlHeight,background:`transparent`,content:`""`}}},"&-content":{width:r},[`&-process ${n}-item-icon`]:{position:`relative`,top:t.calc(o).sub(a).div(2).equal(),width:a,height:a,lineHeight:e(a),background:`none`,marginInlineStart:t.calc(t.descriptionMaxWidth).sub(a).div(2).equal()},[`&-process ${n}-icon`]:{[`&:first-child ${n}-icon-dot`]:{insetInlineStart:0}}}},[`&${n}-vertical${n}-dot`]:{[`${n}-item-icon`]:{marginTop:t.calc(t.controlHeight).sub(o).div(2).equal(),marginInlineStart:0,background:`none`},[`${n}-item-process ${n}-item-icon`]:{marginTop:t.calc(t.controlHeight).sub(a).div(2).equal(),top:0,insetInlineStart:t.calc(o).sub(a).div(2).equal(),marginInlineStart:0},[`${n}-item > ${n}-item-container > ${n}-item-tail`]:{top:t.calc(t.controlHeight).sub(o).div(2).equal(),insetInlineStart:0,margin:0,padding:`${e(t.calc(o).add(t.paddingXS).equal())} 0 ${e(t.paddingXS)}`,"&::after":{marginInlineStart:t.calc(o).sub(t.lineWidth).div(2).equal()}},[`&${n}-small`]:{[`${n}-item-icon`]:{marginTop:t.calc(t.controlHeightSM).sub(o).div(2).equal()},[`${n}-item-process ${n}-item-icon`]:{marginTop:t.calc(t.controlHeightSM).sub(a).div(2).equal()},[`${n}-item > ${n}-item-container > ${n}-item-tail`]:{top:t.calc(t.controlHeightSM).sub(o).div(2).equal()}},[`${n}-item:first-child ${n}-icon-dot`]:{insetInlineStart:0},[`${n}-item-content`]:{width:`inherit`}}}};export{t as default};

package/es/steps/style/progress.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/progress.d.ts
+declare const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsProgressStyle as default };

package/es/steps/style/progress.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{antCls:n,componentCls:r,iconSize:i,iconSizeSM:a,processIconColor:o,marginXXS:s,lineWidthBold:c,lineWidth:l,paddingXXS:u}=t,d=t.calc(i).add(t.calc(c).mul(4).equal()).equal(),f=t.calc(a).add(t.calc(t.lineWidth).mul(4).equal()).equal();return{[`&${r}-with-progress`]:{[`${r}-item`]:{paddingTop:u,[`&-process ${r}-item-container ${r}-item-icon ${r}-icon`]:{color:o}},[`&${r}-vertical > ${r}-item `]:{paddingInlineStart:u,[`> ${r}-item-container > ${r}-item-tail`]:{top:s,insetInlineStart:t.calc(i).div(2).sub(l).add(u).equal()}},[`&, &${r}-small`]:{[`&${r}-horizontal ${r}-item:first-child`]:{paddingBottom:u,paddingInlineStart:u}},[`&${r}-small${r}-vertical > ${r}-item > ${r}-item-container > ${r}-item-tail`]:{insetInlineStart:t.calc(a).div(2).sub(l).add(u).equal()},[`&${r}-label-vertical ${r}-item ${r}-item-tail`]:{top:t.calc(i).div(2).add(u).equal()},[`${r}-item-icon`]:{position:`relative`,[`${n}-progress`]:{position:`absolute`,insetInlineStart:`50%`,top:`50%`,transform:`translate(-50%, -50%)`,"&-inner":{width:`${e(d)} !important`,height:`${e(d)} !important`}}},[`&${r}-small`]:{[`&${r}-label-vertical ${r}-item ${r}-item-tail`]:{top:t.calc(a).div(2).add(u).equal()},[`${r}-item-icon ${n}-progress-inner`]:{width:`${e(f)} !important`,height:`${e(f)} !important`}}}}};export{t as default};

package/es/steps/style/rtl.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/rtl.d.ts
+declare const genStepsRTLStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsRTLStyle as default };

package/es/steps/style/rtl.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t}=e;return{[`&${t}-rtl`]:{direction:`rtl`,[`${t}-item`]:{"&-subtitle":{float:`left`}},[`&${t}-navigation`]:{[`${t}-item::after`]:{transform:`rotate(-45deg)`}},[`&${t}-vertical`]:{[`> ${t}-item`]:{"&::after":{transform:`rotate(225deg)`},[`${t}-item-icon`]:{float:`right`}}},[`&${t}-dot`]:{[`${t}-item-icon ${t}-icon-dot, &${t}-small ${t}-item-icon ${t}-icon-dot`]:{float:`right`}}}}};export{e as default};

package/es/steps/style/small.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/small.d.ts
+declare const genStepsSmallStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsSmallStyle as default };

package/es/steps/style/small.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,iconSizeSM:r,fontSizeSM:i,fontSize:a,colorTextDescription:o}=t;return{[`&${n}-small`]:{[`&${n}-horizontal:not(${n}-label-vertical) ${n}-item`]:{paddingInlineStart:t.paddingSM,"&:first-child":{paddingInlineStart:0}},[`${n}-item-icon`]:{width:r,height:r,marginTop:0,marginBottom:0,marginInline:`0 ${e(t.marginXS)}`,fontSize:i,lineHeight:e(r),textAlign:`center`,borderRadius:r},[`${n}-item-title`]:{paddingInlineEnd:t.paddingSM,fontSize:a,lineHeight:e(r),"&::after":{top:t.calc(r).div(2).equal()}},[`${n}-item-description`]:{color:o,fontSize:a},[`${n}-item-tail`]:{top:t.calc(r).div(2).sub(t.paddingXXS).equal()},[`${n}-item-custom ${n}-item-icon`]:{width:`inherit`,height:`inherit`,lineHeight:`inherit`,background:`none`,border:0,borderRadius:0,[`> ${n}-icon`]:{fontSize:r,lineHeight:e(r),transform:`none`}}}}};export{t as default};

package/es/steps/style/vertical.d.ts

@@ -0,0 +1,8 @@
+import "../../theme/internal.js";
+import { StepsToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/steps/style/vertical.d.ts
+declare const genStepsVerticalStyle: GenerateStyle<StepsToken, CSSObject>;
+//#endregion
+export { genStepsVerticalStyle as default };

package/es/steps/style/vertical.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t=t=>{let{componentCls:n,iconSizeSM:r,iconSize:i}=t;return{[`&${n}-vertical`]:{display:`flex`,flexDirection:`column`,[`> ${n}-item`]:{display:`block`,flex:`1 0 auto`,paddingInlineStart:0,overflow:`visible`,[`${n}-item-icon`]:{float:`left`,marginInlineEnd:t.margin},[`${n}-item-content`]:{display:`block`,minHeight:t.calc(t.controlHeight).mul(1.5).equal(),overflow:`hidden`},[`${n}-item-title`]:{lineHeight:e(i)},[`${n}-item-description`]:{paddingBottom:t.paddingSM}},[`> ${n}-item > ${n}-item-container > ${n}-item-tail`]:{position:`absolute`,top:0,insetInlineStart:t.calc(i).div(2).sub(t.lineWidth).equal(),width:t.lineWidth,height:`100%`,padding:`${e(t.calc(t.marginXXS).mul(1.5).add(i).equal())} 0 ${e(t.calc(t.marginXXS).mul(1.5).equal())}`,"&::after":{width:t.lineWidth,height:`100%`}},[`> ${n}-item:not(:last-child) > ${n}-item-container > ${n}-item-tail`]:{display:`block`},[` > ${n}-item > ${n}-item-container > ${n}-item-content > ${n}-item-title`]:{"&::after":{display:`none`}},[`&${n}-small ${n}-item-container`]:{[`${n}-item-tail`]:{position:`absolute`,top:0,insetInlineStart:t.calc(r).div(2).sub(t.lineWidth).equal(),padding:`${e(t.calc(t.marginXXS).mul(1.5).add(r).equal())} 0 ${e(t.calc(t.marginXXS).mul(1.5).equal())}`},[`${n}-item-title`]:{lineHeight:e(r)}}}}};export{t as default};

package/es/steps/useLegacyItems.d.ts

@@ -0,0 +1,5 @@
+import { StepProps } from "./index.js";
+import * as React$1 from "react";
+//#region components/steps/useLegacyItems.d.ts
+export default function useLegacyItems(items?: StepProps[], children?: React$1.ReactNode): StepProps[];
+//#endregion

package/es/steps/useLegacyItems.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import*as e from"react";import t from"rc-util/lib/Children/toArray";function n(e){return e.filter(e=>e)}function r(r,i){return r||n(t(i).map(t=>{if(e.isValidElement(t)){let{props:e}=t;return{...e}}return null}))}export{r as default};

package/es/style/compact-item-vertical.d.ts

@@ -0,0 +1,6 @@
+import "../theme/internal.js";
+import { FullToken, OverrideComponent } from "../theme/interface/cssinjs-utils.js";
+import { CSSInterpolation } from "@ant-design/cssinjs";
+//#region components/style/compact-item-vertical.d.ts
+export declare function genCompactItemVerticalStyle<T extends OverrideComponent>(token: FullToken<T>): CSSInterpolation;
+//#endregion

package/es/style/compact-item-vertical.js

@@ -0,0 +1 @@
+function e(e,t){return{[`&-item:not(${t}-last-item)`]:{marginBottom:e.calc(e.lineWidth).mul(-1).equal()},"&-item":{"&:hover,&:focus,&:active":{zIndex:2},"&[disabled]":{zIndex:0}}}}function t(e,t){return{[`&-item:not(${t}-first-item):not(${t}-last-item)`]:{borderRadius:0},[`&-item${t}-first-item:not(${t}-last-item)`]:{[`&, &${e}-sm, &${e}-lg`]:{borderEndEndRadius:0,borderEndStartRadius:0}},[`&-item${t}-last-item:not(${t}-first-item)`]:{[`&, &${e}-sm, &${e}-lg`]:{borderStartStartRadius:0,borderStartEndRadius:0}}}}function n(n){let r=`${n.componentCls}-compact-vertical`;return{[r]:{...e(n,r),...t(n.componentCls,r)}}}export{n as genCompactItemVerticalStyle};

package/es/style/compact-item.d.ts

@@ -0,0 +1,19 @@
+import "../theme/internal.js";
+import { FullToken, OverrideComponent } from "../theme/interface/cssinjs-utils.js";
+import { CSSInterpolation } from "@ant-design/cssinjs";
+//#region components/style/compact-item.d.ts
+interface CompactItemOptions {
+  focus?: boolean;
+  /**
+   * Some component borders are implemented on child elements
+   * like `Select`
+   */
+  borderElCls?: string;
+  /**
+   * Some components have special `focus` className especially with popovers
+   * like `Select` and `DatePicker`
+   */
+  focusElCls?: string;
+}
+export declare function genCompactItemStyle<T extends OverrideComponent>(token: FullToken<T>, options?: CompactItemOptions): CSSInterpolation;
+//#endregion

package/es/style/compact-item.js

@@ -0,0 +1 @@
+function e(e,t,n){let{focusElCls:r,focus:i,borderElCls:a}=n,o=a?`> *`:``,s=[`hover`,i?`focus`:null,`active`].filter(Boolean).map(e=>`&:${e} ${o}`).join(`,`);return{[`&-item:not(${t}-last-item)`]:{marginInlineEnd:e.calc(e.lineWidth).mul(-1).equal()},"&-item":{[s]:{zIndex:2},...r?{[`&${r}`]:{zIndex:2}}:{},[`&[disabled] ${o}`]:{zIndex:0}}}}function t(e,t,n){let{borderElCls:r}=n,i=r?`> ${r}`:``;return{[`&-item:not(${t}-first-item):not(${t}-last-item) ${i}`]:{borderRadius:0},[`&-item:not(${t}-last-item)${t}-first-item`]:{[`& ${i}, &${e}-sm ${i}, &${e}-lg ${i}`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`&-item:not(${t}-first-item)${t}-last-item`]:{[`& ${i}, &${e}-sm ${i}, &${e}-lg ${i}`]:{borderStartStartRadius:0,borderEndStartRadius:0}}}}function n(n,r={focus:!0}){let{componentCls:i}=n,a=`${i}-compact`;return{[a]:{...e(n,a,r),...t(i,a,r)}}}export{n as genCompactItemStyle};

package/es/style/index.d.ts

@@ -0,0 +1,15 @@
+import { AliasToken } from "../theme/interface/alias.js";
+import "../theme/internal.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/style/index.d.ts
+export declare const textEllipsis: CSSObject;
+export declare const resetComponent: (token: AliasToken, needInheritFontFamily?: boolean) => CSSObject;
+export declare const resetIcon: () => CSSObject;
+export declare const clearFix: () => CSSObject;
+export declare const genLinkStyle: (token: AliasToken) => CSSObject;
+export declare const genCommonStyle: (token: AliasToken, componentPrefixCls: string, rootCls?: string, resetFont?: boolean) => CSSObject;
+export declare const genFocusOutline: (token: AliasToken) => CSSObject;
+export declare const genFocusStyle: (token: AliasToken) => CSSObject;
+export declare const genIconStyle: (iconPrefixCls: string) => CSSObject;
+export declare const operationUnit: (token: AliasToken) => CSSObject;
+//#endregion

package/es/style/index.js

@@ -0,0 +1 @@
+import{unit as e}from"@ant-design/cssinjs";const t={overflow:`hidden`,whiteSpace:`nowrap`,textOverflow:`ellipsis`},n=(e,t=!1)=>({boxSizing:`border-box`,margin:0,padding:0,color:e.colorText,fontSize:e.fontSize,lineHeight:e.lineHeight,listStyle:`none`,fontFamily:t?`inherit`:e.fontFamily}),r=()=>({display:`inline-flex`,alignItems:`center`,color:`inherit`,fontStyle:`normal`,lineHeight:0,textAlign:`center`,textTransform:`none`,verticalAlign:`-0.125em`,textRendering:`optimizeLegibility`,"-webkit-font-smoothing":`antialiased`,"-moz-osx-font-smoothing":`grayscale`,"> *":{lineHeight:1},svg:{display:`inline-block`}}),i=()=>({"&::before":{display:`table`,content:`""`},"&::after":{display:`table`,clear:`both`,content:`""`}}),a=e=>({a:{color:e.colorLink,textDecoration:e.linkDecoration,backgroundColor:`transparent`,outline:`none`,cursor:`pointer`,transition:`color ${e.motionDurationSlow}`,"-webkit-text-decoration-skip":`objects`,"&:hover":{color:e.colorLinkHover},"&:active":{color:e.colorLinkActive},"&:active, &:hover":{textDecoration:e.linkHoverDecoration,outline:0},"&:focus":{textDecoration:e.linkFocusDecoration,outline:0},"&[disabled]":{color:e.colorTextDisabled,cursor:`not-allowed`}}}),o=(e,t,n,r)=>{let i=`[class^="${t}"], [class*=" ${t}"]`,a=n?`.${n}`:i,o={boxSizing:`border-box`,"&::before, &::after":{boxSizing:`border-box`}},s={};return r!==!1&&(s={fontFamily:e.fontFamily,fontSize:e.fontSize}),{[a]:{...s,...o,[i]:o}}},s=t=>({outline:`${e(t.lineWidthFocus)} solid ${t.colorPrimaryBorder}`,outlineOffset:1,transition:`outline-offset 0s, outline 0s`}),c=e=>({"&:focus-visible":{...s(e)}}),l=e=>({[`.${e}`]:{...r(),[`.${e} .${e}-icon`]:{display:`block`}}}),u=e=>({color:e.colorLink,textDecoration:e.linkDecoration,outline:`none`,cursor:`pointer`,transition:`all ${e.motionDurationSlow}`,border:0,padding:0,background:`none`,userSelect:`none`,...c(e),"&:focus, &:hover":{color:e.colorLinkHover},"&:active":{color:e.colorLinkActive}});export{i as clearFix,o as genCommonStyle,s as genFocusOutline,c as genFocusStyle,l as genIconStyle,a as genLinkStyle,u as operationUnit,n as resetComponent,r as resetIcon,t as textEllipsis};

package/es/style/motion/collapse.d.ts

@@ -0,0 +1,7 @@
+import { AliasToken } from "../../theme/interface/alias.js";
+import { TokenWithCommonCls } from "../../theme/internal.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/style/motion/collapse.d.ts
+declare const genCollapseMotion: GenerateStyle<TokenWithCommonCls<AliasToken>>;
+//#endregion
+export { genCollapseMotion as default };

package/es/style/motion/collapse.js

@@ -0,0 +1,3 @@
+const e=e=>({[e.componentCls]:{[`${e.antCls}-motion-collapse-legacy`]:{overflow:`hidden`,"&-active":{transition:`height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`}},[`${e.antCls}-motion-collapse`]:{overflow:`hidden`,transition:`height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`}}});export{e as default};

package/es/style/motion/fade.d.ts

@@ -0,0 +1,8 @@
+import { AliasToken } from "../../theme/interface/alias.js";
+import { TokenWithCommonCls } from "../../theme/internal.js";
+import { CSSInterpolation, Keyframes } from "@ant-design/cssinjs";
+//#region components/style/motion/fade.d.ts
+export declare const fadeIn: Keyframes;
+export declare const fadeOut: Keyframes;
+export declare const initFadeMotion: (token: TokenWithCommonCls<AliasToken>, sameLevel?: boolean) => CSSInterpolation;
+//#endregion

package/es/style/motion/fade.js

@@ -0,0 +1,4 @@
+import{initMotion as e}from"./motion.js";import{Keyframes as t}from"@ant-design/cssinjs";const n=new t(`antFadeIn`,{"0%":{opacity:0},"100%":{opacity:1}}),r=new t(`antFadeOut`,{"0%":{opacity:1},"100%":{opacity:0}}),i=(t,i=!1)=>{let{antCls:a}=t,o=`${a}-fade`,s=i?`&`:``;return[e(o,n,r,t.motionDurationMid,i),{[`
+        ${s}${o}-enter,
+        ${s}${o}-appear
+      `]:{opacity:0,animationTimingFunction:`linear`},[`${s}${o}-leave`]:{animationTimingFunction:`linear`}}]};export{n as fadeIn,r as fadeOut,i as initFadeMotion};

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

@@ -0,0 +1,6 @@
+import genCollapseMotion from "./collapse.js";
+import { fadeIn, fadeOut, initFadeMotion } from "./fade.js";
+import { initMoveMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut } from "./move.js";
+import { initSlideMotion, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut } from "./slide.js";
+import { initZoomMotion, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut } from "./zoom.js";
+export { fadeIn, fadeOut, genCollapseMotion, initFadeMotion, initMoveMotion, initSlideMotion, initZoomMotion, moveDownIn, moveDownOut, moveLeftIn, moveLeftOut, moveRightIn, moveRightOut, moveUpIn, moveUpOut, slideDownIn, slideDownOut, slideLeftIn, slideLeftOut, slideRightIn, slideRightOut, slideUpIn, slideUpOut, zoomBigIn, zoomBigOut, zoomDownIn, zoomDownOut, zoomIn, zoomLeftIn, zoomLeftOut, zoomOut, zoomRightIn, zoomRightOut, zoomUpIn, zoomUpOut };