@antsoo-lib/components 0.1.7 → 0.1.8

package/dist/es/steps/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../src/steps/style/index.tsx"],"sourcesContent":["import type { CSSObject } from '../../_util/cssinjs'\nimport { resetComponent } from '../../style'\nimport type { FullToken, GenerateStyle } from '../../theme/internal'\nimport { genComponentStyleHook, mergeToken } from '../../theme/internal'\nimport genStepsCustomIconStyle from './custom-icon'\nimport genStepsInlineStyle from './inline'\nimport genStepsLabelPlacementStyle from './label-placement'\nimport genStepsNavStyle from './nav'\nimport genStepsProgressStyle from './progress'\nimport genStepsProgressDotStyle from './progress-dot'\nimport genStepsRTLStyle from './rtl'\nimport genStepsSmallStyle from './small'\nimport genStepsVerticalStyle from './vertical'\n\nexport interface ComponentToken {\n  descriptionWidth: number\n}\n\nexport interface StepsToken extends FullToken<'Steps'> {\n  // Steps variable default.less\n  processTailColor: string\n  stepsNavArrowColor: string\n  stepsIconSize: number\n  stepsIconCustomSize: number\n  stepsIconCustomTop: number\n  stepsIconCustomFontSize: number\n  stepsIconTop: number\n  stepsIconFontSize: number\n  stepsTitleLineHeight: number\n  stepsSmallIconSize: number\n  stepsDotSize: number\n  stepsCurrentDotSize: number\n  stepsNavContentMaxWidth: string\n  // Steps component less variable\n  processIconColor: string\n  processTitleColor: string\n  processDescriptionColor: string\n  processIconBgColor: string\n  processIconBorderColor: string\n  processDotColor: string\n  waitIconColor: string\n  waitTitleColor: string\n  waitDescriptionColor: string\n  waitTailColor: string\n  waitIconBgColor: string\n  waitIconBorderColor: string\n  waitDotColor: string\n  finishIconColor: string\n  finishTitleColor: string\n  finishDescriptionColor: string\n  finishTailColor: string\n  finishIconBgColor: string\n  finishIconBorderColor: string\n  finishDotColor: string\n  errorIconColor: string\n  errorTitleColor: string\n  errorDescriptionColor: string\n  errorTailColor: string\n  errorIconBgColor: string\n  errorIconBorderColor: string\n  errorDotColor: string\n  stepsNavActiveColor: string\n  stepsProgressSize: number\n  // Steps inline variable\n  inlineDotSize: number\n  inlineTitleColor: string\n  inlineTailColor: string\n}\n\nenum StepItemStatusEnum {\n  wait = 'wait',\n  process = 'process',\n  finish = 'finish',\n  error = 'error',\n}\n\nconst genStepsItemStatusStyle = (status: StepItemStatusEnum, token: StepsToken): CSSObject => {\n  const prefix = `${token.componentCls}-item`\n  const iconColorKey: keyof StepsToken = `${status}IconColor`\n  const titleColorKey: keyof StepsToken = `${status}TitleColor`\n  const descriptionColorKey: keyof StepsToken = `${status}DescriptionColor`\n  const tailColorKey: keyof StepsToken = `${status}TailColor`\n  const iconBgColorKey: keyof StepsToken = `${status}IconBgColor`\n  const iconBorderColorKey: keyof StepsToken = `${status}IconBorderColor`\n  const dotColorKey: keyof StepsToken = `${status}DotColor`\n  return {\n    [`${prefix}-${status} ${prefix}-icon`]: {\n      backgroundColor: token[iconBgColorKey],\n      borderColor: token[iconBorderColorKey],\n      [`> ${token.componentCls}-icon`]: {\n        color: token[iconColorKey],\n        [`${token.componentCls}-icon-dot`]: {\n          background: token[dotColorKey],\n        },\n      },\n    },\n    [`${prefix}-${status}${prefix}-custom ${prefix}-icon`]: {\n      [`> ${token.componentCls}-icon`]: {\n        color: token[dotColorKey],\n      },\n    },\n    [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-title`]: {\n      color: token[titleColorKey],\n\n      '&::after': {\n        backgroundColor: token[tailColorKey],\n      },\n    },\n    [`${prefix}-${status} > ${prefix}-container > ${prefix}-content > ${prefix}-description`]: {\n      color: token[descriptionColorKey],\n    },\n    [`${prefix}-${status} > ${prefix}-container > ${prefix}-tail::after`]: {\n      backgroundColor: token[tailColorKey],\n    },\n  }\n}\n\nconst genStepsItemStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls, motionDurationSlow } = token\n  const stepsItemCls = `${componentCls}-item` // .ant-steps-item\n\n  return {\n    [stepsItemCls]: {\n      position: 'relative',\n      display: 'inline-block',\n      flex: 1,\n      overflow: 'hidden',\n      verticalAlign: 'top',\n      '&:last-child': {\n        flex: 'none',\n        [`> ${stepsItemCls}-container > ${stepsItemCls}-tail, > ${stepsItemCls}-container >  ${stepsItemCls}-content > ${stepsItemCls}-title::after`]:\n          {\n            display: 'none',\n          },\n      },\n    },\n    [`${stepsItemCls}-container`]: {\n      outline: 'none',\n    },\n    [`${stepsItemCls}-icon, ${stepsItemCls}-content`]: {\n      display: 'inline-block',\n      verticalAlign: 'top',\n    },\n    [`${stepsItemCls}-icon`]: {\n      width: token.stepsIconSize,\n      height: token.stepsIconSize,\n      marginTop: 0,\n      marginBottom: 0,\n      marginInlineStart: 0,\n      marginInlineEnd: token.marginXS,\n      fontSize: token.stepsIconFontSize,\n      fontFamily: token.fontFamily,\n      lineHeight: `${token.stepsIconSize}px`,\n      textAlign: 'center',\n      borderRadius: token.stepsIconSize,\n      border: `${token.lineWidth}px ${token.lineType} transparent`,\n      transition: `background-color ${motionDurationSlow}, border-color ${motionDurationSlow}`,\n      [`${componentCls}-icon`]: {\n        position: 'relative',\n        top: token.stepsIconTop,\n        color: token.colorPrimary,\n        lineHeight: 1,\n      },\n    },\n    [`${stepsItemCls}-tail`]: {\n      position: 'absolute',\n      top: token.stepsIconSize / 2 - token.paddingXXS,\n      insetInlineStart: 0,\n      width: '100%',\n\n      '&::after': {\n        display: 'inline-block',\n        width: '100%',\n        height: token.lineWidth,\n        background: token.colorSplit,\n        borderRadius: token.lineWidth,\n        transition: `background ${motionDurationSlow}`,\n        content: '\"\"',\n      },\n    },\n    [`${stepsItemCls}-title`]: {\n      position: 'relative',\n      display: 'inline-block',\n      paddingInlineEnd: token.padding,\n      color: token.colorText,\n      fontSize: token.fontSizeLG,\n      lineHeight: `${token.stepsTitleLineHeight}px`,\n\n      '&::after': {\n        position: 'absolute',\n        top: token.stepsTitleLineHeight / 2,\n        insetInlineStart: '100%',\n        display: 'block',\n        width: 9999,\n        height: token.lineWidth,\n        background: token.processTailColor,\n        content: '\"\"',\n      },\n    },\n    [`${stepsItemCls}-subtitle`]: {\n      display: 'inline',\n      marginInlineStart: token.marginXS,\n      color: token.colorTextDescription,\n      fontWeight: 'normal',\n      fontSize: token.fontSize,\n    },\n    [`${stepsItemCls}-description`]: {\n      color: token.colorTextDescription,\n      fontSize: token.fontSize,\n    },\n    ...genStepsItemStatusStyle(StepItemStatusEnum.wait, token),\n    ...genStepsItemStatusStyle(StepItemStatusEnum.process, token),\n    [`${stepsItemCls}-process > ${stepsItemCls}-container > ${stepsItemCls}-title`]: {\n      fontWeight: token.fontWeightStrong,\n    },\n    ...genStepsItemStatusStyle(StepItemStatusEnum.finish, token),\n    ...genStepsItemStatusStyle(StepItemStatusEnum.error, token),\n    [`${stepsItemCls}${componentCls}-next-error > ${componentCls}-item-title::after`]: {\n      background: token.colorError,\n    },\n    [`${stepsItemCls}-disabled`]: {\n      cursor: 'not-allowed',\n    },\n  }\n}\n\n// ============================= Clickable ===========================\nconst genStepsClickableStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls, motionDurationSlow } = token\n\n  return {\n    [`& ${componentCls}-item`]: {\n      [`&:not(${componentCls}-item-active)`]: {\n        [`& > ${componentCls}-item-container[role='button']`]: {\n          cursor: 'pointer',\n          [`${componentCls}-item`]: {\n            [`&-title, &-subtitle, &-description, &-icon ${componentCls}-icon`]: {\n              transition: `color ${motionDurationSlow}`,\n            },\n          },\n\n          '&:hover': {\n            [`${componentCls}-item`]: {\n              [`&-title, &-subtitle, &-description`]: {\n                color: token.colorPrimary,\n              },\n            },\n          },\n        },\n\n        [`&:not(${componentCls}-item-process)`]: {\n          [`& > ${componentCls}-item-container[role='button']:hover`]: {\n            [`${componentCls}-item`]: {\n              '&-icon': {\n                borderColor: token.colorPrimary,\n\n                [`${componentCls}-icon`]: {\n                  color: token.colorPrimary,\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n    [`&${componentCls}-horizontal:not(${componentCls}-label-vertical)`]: {\n      [`${componentCls}-item`]: {\n        paddingInlineStart: token.padding,\n        whiteSpace: 'nowrap',\n\n        '&:first-child': {\n          paddingInlineStart: 0,\n        },\n        [`&:last-child ${componentCls}-item-title`]: {\n          paddingInlineEnd: 0,\n        },\n        '&-tail': {\n          display: 'none',\n        },\n        '&-description': {\n          maxWidth: token.descriptionWidth,\n          whiteSpace: 'normal',\n        },\n      },\n    },\n  }\n}\n\nconst genStepsStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls } = token // .ant-steps\n\n  return {\n    [componentCls]: {\n      ...resetComponent(token),\n      display: 'flex',\n      width: '100%',\n      fontSize: 0,\n      textAlign: 'initial',\n      // single Item\n      ...genStepsItemStyle(token),\n      // Clickable\n      ...genStepsClickableStyle(token),\n      // custom-icon\n      ...genStepsCustomIconStyle(token),\n      // small\n      ...genStepsSmallStyle(token),\n      // vertical\n      ...genStepsVerticalStyle(token),\n      // label-placement\n      ...genStepsLabelPlacementStyle(token),\n      // progress-dot\n      ...genStepsProgressDotStyle(token),\n      // nav\n      ...genStepsNavStyle(token),\n      // rtl\n      ...genStepsRTLStyle(token),\n      // progress\n      ...genStepsProgressStyle(token),\n      // inline\n      ...genStepsInlineStyle(token),\n    },\n  }\n}\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n  'Steps',\n  (token) => {\n    const {\n      wireframe,\n      colorTextDisabled,\n      fontSizeHeading3,\n      fontSize,\n      controlHeight,\n      controlHeightLG,\n      colorTextLightSolid,\n      colorText,\n      colorPrimary,\n      colorTextLabel,\n      colorTextDescription,\n      colorTextQuaternary,\n      colorFillContent,\n      controlItemBgActive,\n      colorError,\n      colorBgContainer,\n      colorBorderSecondary,\n    } = token\n\n    const stepsIconSize = token.controlHeight\n    const processTailColor = token.colorSplit\n\n    const stepsToken = mergeToken<StepsToken>(token, {\n      // Steps variable default.less\n      processTailColor,\n      stepsNavArrowColor: colorTextDisabled,\n      stepsIconSize,\n      stepsIconCustomSize: stepsIconSize,\n      stepsIconCustomTop: 0,\n      stepsIconCustomFontSize: controlHeightLG / 2,\n      stepsIconTop: -0.5, // magic for ui experience\n      stepsIconFontSize: fontSize,\n      stepsTitleLineHeight: controlHeight,\n      stepsSmallIconSize: fontSizeHeading3,\n      stepsDotSize: controlHeight / 4,\n      stepsCurrentDotSize: controlHeightLG / 4,\n      stepsNavContentMaxWidth: 'auto',\n      // Steps component less variable\n      processIconColor: colorTextLightSolid,\n      processTitleColor: colorText,\n      processDescriptionColor: colorText,\n      processIconBgColor: colorPrimary,\n      processIconBorderColor: colorPrimary,\n      processDotColor: colorPrimary,\n      waitIconColor: wireframe ? colorTextDisabled : colorTextLabel,\n      waitTitleColor: colorTextDescription,\n      waitDescriptionColor: colorTextDescription,\n      waitTailColor: processTailColor,\n      waitIconBgColor: wireframe ? colorBgContainer : colorFillContent,\n      waitIconBorderColor: wireframe ? colorTextDisabled : 'transparent',\n      waitDotColor: colorTextDisabled,\n      finishIconColor: colorPrimary,\n      finishTitleColor: colorText,\n      finishDescriptionColor: colorTextDescription,\n      finishTailColor: colorPrimary,\n      finishIconBgColor: wireframe ? colorBgContainer : controlItemBgActive,\n      finishIconBorderColor: wireframe ? colorPrimary : controlItemBgActive,\n      finishDotColor: colorPrimary,\n      errorIconColor: colorTextLightSolid,\n      errorTitleColor: colorError,\n      errorDescriptionColor: colorError,\n      errorTailColor: processTailColor,\n      errorIconBgColor: colorError,\n      errorIconBorderColor: colorError,\n      errorDotColor: colorError,\n      stepsNavActiveColor: colorPrimary,\n      stepsProgressSize: controlHeightLG,\n      // Steps inline variable\n      inlineDotSize: 6,\n      inlineTitleColor: colorTextQuaternary,\n      inlineTailColor: colorBorderSecondary,\n    })\n\n    return [genStepsStyle(stepsToken)]\n  },\n  {\n    descriptionWidth: 140,\n  },\n)\n"],"names":["StepItemStatusEnum","genStepsItemStatusStyle","status","token","prefix","componentCls","iconColorKey","titleColorKey","descriptionColorKey","tailColorKey","iconBgColorKey","iconBorderColorKey","dotColorKey","backgroundColor","borderColor","color","background","genStepsItemStyle","motionDurationSlow","stepsItemCls","position","display","flex","overflow","verticalAlign","outline","width","stepsIconSize","height","marginTop","marginBottom","marginInlineStart","marginInlineEnd","marginXS","fontSize","stepsIconFontSize","fontFamily","lineHeight","textAlign","borderRadius","border","lineWidth","lineType","transition","top","stepsIconTop","colorPrimary","paddingXXS","insetInlineStart","colorSplit","content","paddingInlineEnd","padding","colorText","fontSizeLG","stepsTitleLineHeight","processTailColor","colorTextDescription","fontWeight","wait","process","fontWeightStrong","finish","error","colorError","cursor","genStepsClickableStyle","paddingInlineStart","whiteSpace","maxWidth","descriptionWidth","genStepsStyle","resetComponent","genStepsCustomIconStyle","genStepsSmallStyle","genStepsVerticalStyle","genStepsLabelPlacementStyle","genStepsProgressDotStyle","genStepsNavStyle","genStepsRTLStyle","genStepsProgressStyle","genStepsInlineStyle","useStyle","genComponentStyleHook","wireframe","colorTextDisabled","fontSizeHeading3","controlHeight","controlHeightLG","colorTextLightSolid","colorTextLabel","colorTextQuaternary","colorFillContent","controlItemBgActive","colorBgContainer","colorBorderSecondary","stepsToken","mergeToken","stepsNavArrowColor","stepsIconCustomSize","stepsIconCustomTop","stepsIconCustomFontSize","stepsSmallIconSize","stepsDotSize","stepsCurrentDotSize","stepsNavContentMaxWidth","processIconColor","processTitleColor","processDescriptionColor","processIconBgColor","processIconBorderColor","processDotColor","waitIconColor","waitTitleColor","waitDescriptionColor","waitTailColor","waitIconBgColor","waitIconBorderColor","waitDotColor","finishIconColor","finishTitleColor","finishDescriptionColor","finishTailColor","finishIconBgColor","finishIconBorderColor","finishDotColor","errorIconColor","errorTitleColor","errorDescriptionColor","errorTailColor","errorIconBgColor","errorIconBorderColor","errorDotColor","stepsNavActiveColor","stepsProgressSize","inlineDotSize","inlineTitleColor","inlineTailColor"],"mappings":"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"}

package/dist/es/steps/style/inline.mjs

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

package/dist/es/steps/style/inline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline.mjs","sources":["../../../../src/steps/style/inline.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsInlineStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls, inlineDotSize, inlineTitleColor, inlineTailColor } = token\n  const containerPaddingTop = token.paddingXS + token.lineWidth\n  const titleStyle = {\n    [`${componentCls}-item-container ${componentCls}-item-content ${componentCls}-item-title`]: {\n      color: inlineTitleColor,\n    },\n  }\n\n  return {\n    [`&${componentCls}-inline`]: {\n      width: 'auto',\n      display: 'inline-flex',\n\n      [`${componentCls}-item`]: {\n        flex: 'none',\n\n        '&-container': {\n          padding: `${containerPaddingTop}px ${token.paddingXXS}px 0`,\n          margin: `0 ${token.marginXXS / 2}px`,\n          borderRadius: token.borderRadiusSM,\n          cursor: 'pointer',\n          transition: `background-color ${token.motionDurationMid}`,\n          '&:hover': {\n            background: token.controlItemBgHover,\n          },\n          [`&[role='button']:hover`]: {\n            opacity: 1,\n          },\n        },\n\n        '&-icon': {\n          width: inlineDotSize,\n          height: inlineDotSize,\n          marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`,\n          [`> ${componentCls}-icon`]: {\n            top: 0,\n          },\n          [`${componentCls}-icon-dot`]: {\n            borderRadius: token.fontSizeSM / 4,\n          },\n        },\n\n        '&-content': {\n          width: 'auto',\n          marginTop: token.marginXS - token.lineWidth,\n        },\n        '&-title': {\n          color: inlineTitleColor,\n          fontSize: token.fontSizeSM,\n          lineHeight: token.lineHeightSM,\n          fontWeight: 'normal',\n          marginBottom: token.marginXXS / 2,\n        },\n        '&-description': {\n          display: 'none',\n        },\n\n        '&-tail': {\n          marginInlineStart: 0,\n          top: containerPaddingTop + inlineDotSize / 2,\n          transform: `translateY(-50%)`,\n          '&:after': {\n            width: '100%',\n            height: token.lineWidth,\n            borderRadius: 0,\n            marginInlineStart: 0,\n            background: inlineTailColor,\n          },\n        },\n\n        [`&:first-child ${componentCls}-item-tail`]: {\n          width: '50%',\n          marginInlineStart: '50%',\n        },\n        [`&:last-child ${componentCls}-item-tail`]: {\n          display: 'block',\n          width: '50%',\n        },\n\n        '&-wait': {\n          [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {\n            backgroundColor: token.colorBorderBg,\n            border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}`,\n          },\n          ...titleStyle,\n        },\n        '&-finish': {\n          [`${componentCls}-item-tail::after`]: {\n            backgroundColor: inlineTailColor,\n          },\n          [`${componentCls}-item-icon ${componentCls}-icon ${componentCls}-icon-dot`]: {\n            backgroundColor: inlineTailColor,\n            border: `${token.lineWidth}px ${token.lineType} ${inlineTailColor}`,\n          },\n          ...titleStyle,\n        },\n        '&-error': titleStyle,\n        '&-active, &-process': {\n          [`${componentCls}-item-icon`]: {\n            width: inlineDotSize,\n            height: inlineDotSize,\n            marginInlineStart: `calc(50% - ${inlineDotSize / 2}px)`,\n            top: 0,\n          },\n          ...titleStyle,\n        },\n\n        [`&:not(${componentCls}-item-active) > ${componentCls}-item-container[role='button']:hover`]:\n          {\n            [`${componentCls}-item-title`]: {\n              color: inlineTitleColor,\n            },\n          },\n      },\n    },\n  }\n}\n\nexport default genStepsInlineStyle\n"],"names":["genStepsInlineStyle","token","componentCls","inlineDotSize","inlineTitleColor","inlineTailColor","containerPaddingTop","titleStyle"],"mappings":"AAIA,MAAMA,EAA6DC,GAAU,CAC3E,KAAM,CAAE,aAAAC,EAAc,cAAAC,EAAe,iBAAAC,EAAkB,gBAAAC,GAAoBJ,EACrEK,EAAsBL,EAAM,UAAYA,EAAM,UAC9CM,EAAa,CACjB,CAAC,GAAGL,CAAY,mBAAmBA,CAAY,iBAAiBA,CAAY,aAAa,EAAG,CAC1F,MAAOE,CAAA,CACT,EAGF,MAAO,CACL,CAAC,IAAIF,CAAY,SAAS,EAAG,CAC3B,MAAO,OACP,QAAS,cAET,CAAC,GAAGA,CAAY,OAAO,EAAG,CACxB,KAAM,OAEN,cAAe,CACb,QAAS,GAAGI,CAAmB,MAAML,EAAM,UAAU,OACrD,OAAQ,KAAKA,EAAM,UAAY,CAAC,KAChC,aAAcA,EAAM,eACpB,OAAQ,UACR,WAAY,oBAAoBA,EAAM,iBAAiB,GACvD,UAAW,CACT,WAAYA,EAAM,kBAAA,EAEnB,yBAA2B,CAC1B,QAAS,CAAA,CACX,EAGF,SAAU,CACR,MAAOE,EACP,OAAQA,EACR,kBAAmB,cAAcA,EAAgB,CAAC,MAClD,CAAC,KAAKD,CAAY,OAAO,EAAG,CAC1B,IAAK,CAAA,EAEP,CAAC,GAAGA,CAAY,WAAW,EAAG,CAC5B,aAAcD,EAAM,WAAa,CAAA,CACnC,EAGF,YAAa,CACX,MAAO,OACP,UAAWA,EAAM,SAAWA,EAAM,SAAA,EAEpC,UAAW,CACT,MAAOG,EACP,SAAUH,EAAM,WAChB,WAAYA,EAAM,aAClB,WAAY,SACZ,aAAcA,EAAM,UAAY,CAAA,EAElC,gBAAiB,CACf,QAAS,MAAA,EAGX,SAAU,CACR,kBAAmB,EACnB,IAAKK,EAAsBH,EAAgB,EAC3C,UAAW,mBACX,UAAW,CACT,MAAO,OACP,OAAQF,EAAM,UACd,aAAc,EACd,kBAAmB,EACnB,WAAYI,CAAA,CACd,EAGF,CAAC,iBAAiBH,CAAY,YAAY,EAAG,CAC3C,MAAO,MACP,kBAAmB,KAAA,EAErB,CAAC,gBAAgBA,CAAY,YAAY,EAAG,CAC1C,QAAS,QACT,MAAO,KAAA,EAGT,SAAU,CACR,CAAC,GAAGA,CAAY,cAAcA,CAAY,SAASA,CAAY,WAAW,EAAG,CAC3E,gBAAiBD,EAAM,cACvB,OAAQ,GAAGA,EAAM,SAAS,MAAMA,EAAM,QAAQ,IAAII,CAAe,EAAA,EAEnE,GAAGE,CAAA,EAEL,WAAY,CACV,CAAC,GAAGL,CAAY,mBAAmB,EAAG,CACpC,gBAAiBG,CAAA,EAEnB,CAAC,GAAGH,CAAY,cAAcA,CAAY,SAASA,CAAY,WAAW,EAAG,CAC3E,gBAAiBG,EACjB,OAAQ,GAAGJ,EAAM,SAAS,MAAMA,EAAM,QAAQ,IAAII,CAAe,EAAA,EAEnE,GAAGE,CAAA,EAEL,UAAWA,EACX,sBAAuB,CACrB,CAAC,GAAGL,CAAY,YAAY,EAAG,CAC7B,MAAOC,EACP,OAAQA,EACR,kBAAmB,cAAcA,EAAgB,CAAC,MAClD,IAAK,CAAA,EAEP,GAAGI,CAAA,EAGL,CAAC,SAASL,CAAY,mBAAmBA,CAAY,sCAAsC,EACzF,CACE,CAAC,GAAGA,CAAY,aAAa,EAAG,CAC9B,MAAOE,CAAA,CACT,CACF,CACJ,CACF,CAEJ"}

package/dist/es/steps/style/label-placement.mjs

@@ -0,0 +1,2 @@
+const a=i=>{const{componentCls:n,stepsIconSize:t,lineHeight:l,stepsSmallIconSize:e}=i;return{[`&${n}-label-vertical`]:{[`${n}-item`]:{overflow:"visible","&-tail":{marginInlineStart:t/2+i.controlHeightLG,padding:`${i.paddingXXS}px ${i.paddingLG}px`},"&-content":{display:"block",width:(t/2+i.controlHeightLG)*2,marginTop:i.marginSM,textAlign:"center"},"&-icon":{display:"inline-block",marginInlineStart:i.controlHeightLG},"&-title":{paddingInlineEnd:0,paddingInlineStart:0,"&::after":{display:"none"}},"&-subtitle":{display:"block",marginBottom:i.marginXXS,marginInlineStart:0,lineHeight:l}},[`&${n}-small:not(${n}-dot)`]:{[`${n}-item`]:{"&-icon":{marginInlineStart:i.controlHeightLG+(t-e)/2}}}}}};export{a as default};
+//# sourceMappingURL=label-placement.mjs.map

package/dist/es/steps/style/label-placement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-placement.mjs","sources":["../../../../src/steps/style/label-placement.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsLabelPlacementStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls, stepsIconSize, lineHeight, stepsSmallIconSize } = token\n\n  return {\n    [`&${componentCls}-label-vertical`]: {\n      [`${componentCls}-item`]: {\n        overflow: 'visible',\n\n        '&-tail': {\n          marginInlineStart: stepsIconSize / 2 + token.controlHeightLG,\n          padding: `${token.paddingXXS}px ${token.paddingLG}px`,\n        },\n\n        '&-content': {\n          display: 'block',\n          width: (stepsIconSize / 2 + token.controlHeightLG) * 2,\n          marginTop: token.marginSM,\n          textAlign: 'center',\n        },\n\n        '&-icon': {\n          display: 'inline-block',\n          marginInlineStart: token.controlHeightLG,\n        },\n\n        '&-title': {\n          paddingInlineEnd: 0,\n          paddingInlineStart: 0,\n\n          '&::after': {\n            display: 'none',\n          },\n        },\n\n        '&-subtitle': {\n          display: 'block',\n          marginBottom: token.marginXXS,\n          marginInlineStart: 0,\n          lineHeight,\n        },\n      },\n      [`&${componentCls}-small:not(${componentCls}-dot)`]: {\n        [`${componentCls}-item`]: {\n          '&-icon': {\n            marginInlineStart: token.controlHeightLG + (stepsIconSize - stepsSmallIconSize) / 2,\n          },\n        },\n      },\n    },\n  }\n}\nexport default genStepsLabelPlacementStyle\n"],"names":["genStepsLabelPlacementStyle","token","componentCls","stepsIconSize","lineHeight","stepsSmallIconSize"],"mappings":"AAIA,MAAMA,EAAqEC,GAAU,CACnF,KAAM,CAAE,aAAAC,EAAc,cAAAC,EAAe,WAAAC,EAAY,mBAAAC,GAAuBJ,EAExE,MAAO,CACL,CAAC,IAAIC,CAAY,iBAAiB,EAAG,CACnC,CAAC,GAAGA,CAAY,OAAO,EAAG,CACxB,SAAU,UAEV,SAAU,CACR,kBAAmBC,EAAgB,EAAIF,EAAM,gBAC7C,QAAS,GAAGA,EAAM,UAAU,MAAMA,EAAM,SAAS,IAAA,EAGnD,YAAa,CACX,QAAS,QACT,OAAQE,EAAgB,EAAIF,EAAM,iBAAmB,EACrD,UAAWA,EAAM,SACjB,UAAW,QAAA,EAGb,SAAU,CACR,QAAS,eACT,kBAAmBA,EAAM,eAAA,EAG3B,UAAW,CACT,iBAAkB,EAClB,mBAAoB,EAEpB,WAAY,CACV,QAAS,MAAA,CACX,EAGF,aAAc,CACZ,QAAS,QACT,aAAcA,EAAM,UACpB,kBAAmB,EACnB,WAAAG,CAAA,CACF,EAEF,CAAC,IAAIF,CAAY,cAAcA,CAAY,OAAO,EAAG,CACnD,CAAC,GAAGA,CAAY,OAAO,EAAG,CACxB,SAAU,CACR,kBAAmBD,EAAM,iBAAmBE,EAAgBE,GAAsB,CAAA,CACpF,CACF,CACF,CACF,CAEJ"}

package/dist/es/steps/style/nav.mjs

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

package/dist/es/steps/style/nav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.mjs","sources":["../../../../src/steps/style/nav.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport { textEllipsis } from '../../style'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsNavStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const {\n    componentCls,\n    stepsNavContentMaxWidth,\n    stepsNavArrowColor,\n    stepsNavActiveColor,\n    motionDurationSlow,\n  } = token\n\n  return {\n    [`&${componentCls}-navigation`]: {\n      paddingTop: token.paddingSM,\n\n      [`&${componentCls}-small`]: {\n        [`${componentCls}-item`]: {\n          '&-container': {\n            marginInlineStart: -token.marginSM,\n          },\n        },\n      },\n\n      [`${componentCls}-item`]: {\n        overflow: 'visible',\n        textAlign: 'center',\n\n        '&-container': {\n          display: 'inline-block',\n          height: '100%',\n          marginInlineStart: -token.margin,\n          paddingBottom: token.paddingSM,\n          textAlign: 'start',\n          transition: `opacity ${motionDurationSlow}`,\n\n          [`${componentCls}-item-content`]: {\n            maxWidth: stepsNavContentMaxWidth,\n          },\n\n          [`${componentCls}-item-title`]: {\n            maxWidth: '100%',\n            paddingInlineEnd: 0,\n            ...textEllipsis,\n\n            '&::after': {\n              display: 'none',\n            },\n          },\n        },\n\n        [`&:not(${componentCls}-item-active)`]: {\n          [`${componentCls}-item-container[role='button']`]: {\n            cursor: 'pointer',\n\n            '&:hover': {\n              opacity: 0.85,\n            },\n          },\n        },\n\n        '&:last-child': {\n          flex: 1,\n\n          '&::after': {\n            display: 'none',\n          },\n        },\n\n        '&::after': {\n          position: 'absolute',\n          top: `calc(50% - ${token.paddingSM / 2}px)`,\n          insetInlineStart: '100%',\n          display: 'inline-block',\n          width: token.fontSizeIcon,\n          height: token.fontSizeIcon,\n          borderTop: `${token.lineWidth}px ${token.lineType} ${stepsNavArrowColor}`,\n          borderBottom: 'none',\n          borderInlineStart: 'none',\n          borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${stepsNavArrowColor}`,\n          transform: 'translateY(-50%) translateX(-50%) rotate(45deg)',\n          content: '\"\"',\n        },\n\n        '&::before': {\n          position: 'absolute',\n          bottom: 0,\n          insetInlineStart: '50%',\n          display: 'inline-block',\n          width: 0,\n          height: token.lineWidthBold,\n          backgroundColor: stepsNavActiveColor,\n          transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`,\n          transitionTimingFunction: 'ease-out',\n          content: '\"\"',\n        },\n      },\n\n      [`${componentCls}-item${componentCls}-item-active::before`]: {\n        insetInlineStart: 0,\n        width: '100%',\n      },\n    },\n\n    [`&${componentCls}-navigation${componentCls}-vertical`]: {\n      [`> ${componentCls}-item`]: {\n        marginInlineEnd: 0,\n\n        '&::before': {\n          display: 'none',\n        },\n        [`&${componentCls}-item-active::before`]: {\n          top: 0,\n          insetInlineEnd: 0,\n          insetInlineStart: 'unset',\n          display: 'block',\n          width: token.lineWidth * 3,\n          height: `calc(100% - ${token.marginLG}px)`,\n        },\n\n        '&::after': {\n          position: 'relative',\n          insetInlineStart: '50%',\n          display: 'block',\n          width: token.controlHeight * 0.25,\n          height: token.controlHeight * 0.25,\n          marginBottom: token.marginXS,\n          textAlign: 'center',\n          transform: 'translateY(-50%) translateX(-50%) rotate(135deg)',\n        },\n        [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n          visibility: 'hidden',\n        },\n      },\n    },\n\n    [`&${componentCls}-navigation${componentCls}-horizontal`]: {\n      [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n        visibility: 'hidden',\n      },\n    },\n  }\n}\nexport default genStepsNavStyle\n"],"names":["genStepsNavStyle","token","componentCls","stepsNavContentMaxWidth","stepsNavArrowColor","stepsNavActiveColor","motionDurationSlow","textEllipsis"],"mappings":"qDAKA,MAAMA,EAA0DC,GAAU,CACxE,KAAM,CACJ,aAAAC,EACA,wBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,mBAAAC,CAAA,EACEL,EAEJ,MAAO,CACL,CAAC,IAAIC,CAAY,aAAa,EAAG,CAC/B,WAAYD,EAAM,UAElB,CAAC,IAAIC,CAAY,QAAQ,EAAG,CAC1B,CAAC,GAAGA,CAAY,OAAO,EAAG,CACxB,cAAe,CACb,kBAAmB,CAACD,EAAM,QAAA,CAC5B,CACF,EAGF,CAAC,GAAGC,CAAY,OAAO,EAAG,CACxB,SAAU,UACV,UAAW,SAEX,cAAe,CACb,QAAS,eACT,OAAQ,OACR,kBAAmB,CAACD,EAAM,OAC1B,cAAeA,EAAM,UACrB,UAAW,QACX,WAAY,WAAWK,CAAkB,GAEzC,CAAC,GAAGJ,CAAY,eAAe,EAAG,CAChC,SAAUC,CAAA,EAGZ,CAAC,GAAGD,CAAY,aAAa,EAAG,CAC9B,SAAU,OACV,iBAAkB,EAClB,GAAGK,EAEH,WAAY,CACV,QAAS,MAAA,CACX,CACF,EAGF,CAAC,SAASL,CAAY,eAAe,EAAG,CACtC,CAAC,GAAGA,CAAY,gCAAgC,EAAG,CACjD,OAAQ,UAER,UAAW,CACT,QAAS,GAAA,CACX,CACF,EAGF,eAAgB,CACd,KAAM,EAEN,WAAY,CACV,QAAS,MAAA,CACX,EAGF,WAAY,CACV,SAAU,WACV,IAAK,cAAcD,EAAM,UAAY,CAAC,MACtC,iBAAkB,OAClB,QAAS,eACT,MAAOA,EAAM,aACb,OAAQA,EAAM,aACd,UAAW,GAAGA,EAAM,SAAS,MAAMA,EAAM,QAAQ,IAAIG,CAAkB,GACvE,aAAc,OACd,kBAAmB,OACnB,gBAAiB,GAAGH,EAAM,SAAS,MAAMA,EAAM,QAAQ,IAAIG,CAAkB,GAC7E,UAAW,kDACX,QAAS,IAAA,EAGX,YAAa,CACX,SAAU,WACV,OAAQ,EACR,iBAAkB,MAClB,QAAS,eACT,MAAO,EACP,OAAQH,EAAM,cACd,gBAAiBI,EACjB,WAAY,SAASC,CAAkB,wBAAwBA,CAAkB,GACjF,yBAA0B,WAC1B,QAAS,IAAA,CACX,EAGF,CAAC,GAAGJ,CAAY,QAAQA,CAAY,sBAAsB,EAAG,CAC3D,iBAAkB,EAClB,MAAO,MAAA,CACT,EAGF,CAAC,IAAIA,CAAY,cAAcA,CAAY,WAAW,EAAG,CACvD,CAAC,KAAKA,CAAY,OAAO,EAAG,CAC1B,gBAAiB,EAEjB,YAAa,CACX,QAAS,MAAA,EAEX,CAAC,IAAIA,CAAY,sBAAsB,EAAG,CACxC,IAAK,EACL,eAAgB,EAChB,iBAAkB,QAClB,QAAS,QACT,MAAOD,EAAM,UAAY,EACzB,OAAQ,eAAeA,EAAM,QAAQ,KAAA,EAGvC,WAAY,CACV,SAAU,WACV,iBAAkB,MAClB,QAAS,QACT,MAAOA,EAAM,cAAgB,IAC7B,OAAQA,EAAM,cAAgB,IAC9B,aAAcA,EAAM,SACpB,UAAW,SACX,UAAW,kDAAA,EAEb,CAAC,KAAKC,CAAY,qBAAqBA,CAAY,YAAY,EAAG,CAChE,WAAY,QAAA,CACd,CACF,EAGF,CAAC,IAAIA,CAAY,cAAcA,CAAY,aAAa,EAAG,CACzD,CAAC,KAAKA,CAAY,WAAWA,CAAY,qBAAqBA,CAAY,YAAY,EAAG,CACvF,WAAY,QAAA,CACd,CACF,CAEJ"}

package/dist/es/steps/style/progress-dot.mjs

@@ -0,0 +1,2 @@
+const l=t=>{const{componentCls:i,descriptionWidth:r,lineHeight:o,stepsCurrentDotSize:e,stepsDotSize:n,motionDurationSlow:a}=t;return{[`&${i}-dot, &${i}-dot${i}-small`]:{[`${i}-item`]:{"&-title":{lineHeight:o},"&-tail":{top:Math.floor((t.stepsDotSize-t.lineWidth*3)/2),width:"100%",marginTop:0,marginBottom:0,marginInline:`${r/2}px 0`,padding:0,"&::after":{width:`calc(100% - ${t.marginSM*2}px)`,height:t.lineWidth*3,marginInlineStart:t.marginSM}},"&-icon":{width:n,height:n,marginInlineStart:(t.descriptionWidth-n)/2,paddingInlineEnd:0,lineHeight:`${n}px`,background:"transparent",border:0,[`${i}-icon-dot`]:{position:"relative",float:"left",width:"100%",height:"100%",borderRadius:100,transition:`all ${a}`,"&::after":{position:"absolute",top:-t.marginSM,insetInlineStart:(n-t.controlHeightLG*1.5)/2,width:t.controlHeightLG*1.5,height:t.controlHeight,background:"transparent",content:'""'}}},"&-content":{width:r},[`&-process ${i}-item-icon`]:{position:"relative",top:(n-e)/2,width:e,height:e,lineHeight:`${e}px`,background:"none",marginInlineStart:(t.descriptionWidth-e)/2},[`&-process ${i}-icon`]:{[`&:first-child ${i}-icon-dot`]:{insetInlineStart:0}}}},[`&${i}-vertical${i}-dot`]:{[`${i}-item-icon`]:{marginTop:(t.controlHeight-n)/2,marginInlineStart:0,background:"none"},[`${i}-item-process ${i}-item-icon`]:{marginTop:(t.controlHeight-e)/2,top:0,insetInlineStart:(n-e)/2,marginInlineStart:0},[`${i}-item > ${i}-item-container > ${i}-item-tail`]:{top:(t.controlHeight-n)/2,insetInlineStart:0,margin:0,padding:`${n+t.paddingXS}px 0 ${t.paddingXS}px`,"&::after":{marginInlineStart:(n-t.lineWidth)/2}},[`&${i}-small`]:{[`${i}-item-icon`]:{marginTop:(t.controlHeightSM-n)/2},[`${i}-item-process ${i}-item-icon`]:{marginTop:(t.controlHeightSM-e)/2},[`${i}-item > ${i}-item-container > ${i}-item-tail`]:{top:(t.controlHeightSM-n)/2}},[`${i}-item:first-child ${i}-icon-dot`]:{insetInlineStart:0},[`${i}-item-content`]:{width:"inherit"}}}};export{l as default};
+//# sourceMappingURL=progress-dot.mjs.map

package/dist/es/steps/style/progress-dot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-dot.mjs","sources":["../../../../src/steps/style/progress-dot.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsProgressDotStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const {\n    componentCls,\n    descriptionWidth,\n    lineHeight,\n    stepsCurrentDotSize,\n    stepsDotSize,\n    motionDurationSlow,\n  } = token\n\n  return {\n    [`&${componentCls}-dot, &${componentCls}-dot${componentCls}-small`]: {\n      [`${componentCls}-item`]: {\n        '&-title': {\n          lineHeight,\n        },\n\n        '&-tail': {\n          top: Math.floor((token.stepsDotSize - token.lineWidth * 3) / 2),\n          width: '100%',\n          marginTop: 0,\n          marginBottom: 0,\n          marginInline: `${descriptionWidth / 2}px 0`,\n          padding: 0,\n\n          '&::after': {\n            width: `calc(100% - ${token.marginSM * 2}px)`,\n            height: token.lineWidth * 3,\n            marginInlineStart: token.marginSM,\n          },\n        },\n        '&-icon': {\n          width: stepsDotSize,\n          height: stepsDotSize,\n          marginInlineStart: (token.descriptionWidth - stepsDotSize) / 2,\n          paddingInlineEnd: 0,\n          lineHeight: `${stepsDotSize}px`,\n          background: 'transparent',\n          border: 0,\n\n          [`${componentCls}-icon-dot`]: {\n            position: 'relative',\n            float: 'left',\n            width: '100%',\n            height: '100%',\n            borderRadius: 100, // very large number\n            transition: `all ${motionDurationSlow}`,\n\n            /* expand hover area */\n            '&::after': {\n              position: 'absolute',\n              top: -token.marginSM,\n              insetInlineStart: (stepsDotSize - token.controlHeightLG * 1.5) / 2,\n              width: token.controlHeightLG * 1.5,\n              height: token.controlHeight,\n              background: 'transparent',\n              content: '\"\"',\n            },\n          },\n        },\n\n        '&-content': {\n          width: descriptionWidth,\n        },\n        [`&-process ${componentCls}-item-icon`]: {\n          position: 'relative',\n          top: (stepsDotSize - stepsCurrentDotSize) / 2,\n          width: stepsCurrentDotSize,\n          height: stepsCurrentDotSize,\n          lineHeight: `${stepsCurrentDotSize}px`,\n          background: 'none',\n          marginInlineStart: (token.descriptionWidth - stepsCurrentDotSize) / 2,\n        },\n        [`&-process ${componentCls}-icon`]: {\n          [`&:first-child ${componentCls}-icon-dot`]: {\n            insetInlineStart: 0,\n          },\n        },\n      },\n    },\n    [`&${componentCls}-vertical${componentCls}-dot`]: {\n      [`${componentCls}-item-icon`]: {\n        marginTop: (token.controlHeight - stepsDotSize) / 2,\n        marginInlineStart: 0,\n        background: 'none',\n      },\n      [`${componentCls}-item-process ${componentCls}-item-icon`]: {\n        marginTop: (token.controlHeight - stepsCurrentDotSize) / 2,\n        top: 0,\n        insetInlineStart: (stepsDotSize - stepsCurrentDotSize) / 2,\n        marginInlineStart: 0,\n      },\n\n      // https://github.com/ant-design/ant-design/issues/18354\n      [`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n        top: (token.controlHeight - stepsDotSize) / 2,\n        insetInlineStart: 0,\n        margin: 0,\n        padding: `${stepsDotSize + token.paddingXS}px 0 ${token.paddingXS}px`,\n\n        '&::after': {\n          marginInlineStart: (stepsDotSize - token.lineWidth) / 2,\n        },\n      },\n\n      [`&${componentCls}-small`]: {\n        [`${componentCls}-item-icon`]: {\n          marginTop: (token.controlHeightSM - stepsDotSize) / 2,\n        },\n        [`${componentCls}-item-process ${componentCls}-item-icon`]: {\n          marginTop: (token.controlHeightSM - stepsCurrentDotSize) / 2,\n        },\n\n        [`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n          top: (token.controlHeightSM - stepsDotSize) / 2,\n        },\n      },\n\n      [`${componentCls}-item:first-child ${componentCls}-icon-dot`]: {\n        insetInlineStart: 0,\n      },\n      [`${componentCls}-item-content`]: {\n        width: 'inherit',\n      },\n    },\n  }\n}\n\nexport default genStepsProgressDotStyle\n"],"names":["genStepsProgressDotStyle","token","componentCls","descriptionWidth","lineHeight","stepsCurrentDotSize","stepsDotSize","motionDurationSlow"],"mappings":"AAIA,MAAMA,EAAkEC,GAAU,CAChF,KAAM,CACJ,aAAAC,EACA,iBAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,aAAAC,EACA,mBAAAC,CAAA,EACEN,EAEJ,MAAO,CACL,CAAC,IAAIC,CAAY,UAAUA,CAAY,OAAOA,CAAY,QAAQ,EAAG,CACnE,CAAC,GAAGA,CAAY,OAAO,EAAG,CACxB,UAAW,CACT,WAAAE,CAAA,EAGF,SAAU,CACR,IAAK,KAAK,OAAOH,EAAM,aAAeA,EAAM,UAAY,GAAK,CAAC,EAC9D,MAAO,OACP,UAAW,EACX,aAAc,EACd,aAAc,GAAGE,EAAmB,CAAC,OACrC,QAAS,EAET,WAAY,CACV,MAAO,eAAeF,EAAM,SAAW,CAAC,MACxC,OAAQA,EAAM,UAAY,EAC1B,kBAAmBA,EAAM,QAAA,CAC3B,EAEF,SAAU,CACR,MAAOK,EACP,OAAQA,EACR,mBAAoBL,EAAM,iBAAmBK,GAAgB,EAC7D,iBAAkB,EAClB,WAAY,GAAGA,CAAY,KAC3B,WAAY,cACZ,OAAQ,EAER,CAAC,GAAGJ,CAAY,WAAW,EAAG,CAC5B,SAAU,WACV,MAAO,OACP,MAAO,OACP,OAAQ,OACR,aAAc,IACd,WAAY,OAAOK,CAAkB,GAGrC,WAAY,CACV,SAAU,WACV,IAAK,CAACN,EAAM,SACZ,kBAAmBK,EAAeL,EAAM,gBAAkB,KAAO,EACjE,MAAOA,EAAM,gBAAkB,IAC/B,OAAQA,EAAM,cACd,WAAY,cACZ,QAAS,IAAA,CACX,CACF,EAGF,YAAa,CACX,MAAOE,CAAA,EAET,CAAC,aAAaD,CAAY,YAAY,EAAG,CACvC,SAAU,WACV,KAAMI,EAAeD,GAAuB,EAC5C,MAAOA,EACP,OAAQA,EACR,WAAY,GAAGA,CAAmB,KAClC,WAAY,OACZ,mBAAoBJ,EAAM,iBAAmBI,GAAuB,CAAA,EAEtE,CAAC,aAAaH,CAAY,OAAO,EAAG,CAClC,CAAC,iBAAiBA,CAAY,WAAW,EAAG,CAC1C,iBAAkB,CAAA,CACpB,CACF,CACF,EAEF,CAAC,IAAIA,CAAY,YAAYA,CAAY,MAAM,EAAG,CAChD,CAAC,GAAGA,CAAY,YAAY,EAAG,CAC7B,WAAYD,EAAM,cAAgBK,GAAgB,EAClD,kBAAmB,EACnB,WAAY,MAAA,EAEd,CAAC,GAAGJ,CAAY,iBAAiBA,CAAY,YAAY,EAAG,CAC1D,WAAYD,EAAM,cAAgBI,GAAuB,EACzD,IAAK,EACL,kBAAmBC,EAAeD,GAAuB,EACzD,kBAAmB,CAAA,EAIrB,CAAC,GAAGH,CAAY,WAAWA,CAAY,qBAAqBA,CAAY,YAAY,EAAG,CACrF,KAAMD,EAAM,cAAgBK,GAAgB,EAC5C,iBAAkB,EAClB,OAAQ,EACR,QAAS,GAAGA,EAAeL,EAAM,SAAS,QAAQA,EAAM,SAAS,KAEjE,WAAY,CACV,mBAAoBK,EAAeL,EAAM,WAAa,CAAA,CACxD,EAGF,CAAC,IAAIC,CAAY,QAAQ,EAAG,CAC1B,CAAC,GAAGA,CAAY,YAAY,EAAG,CAC7B,WAAYD,EAAM,gBAAkBK,GAAgB,CAAA,EAEtD,CAAC,GAAGJ,CAAY,iBAAiBA,CAAY,YAAY,EAAG,CAC1D,WAAYD,EAAM,gBAAkBI,GAAuB,CAAA,EAG7D,CAAC,GAAGH,CAAY,WAAWA,CAAY,qBAAqBA,CAAY,YAAY,EAAG,CACrF,KAAMD,EAAM,gBAAkBK,GAAgB,CAAA,CAChD,EAGF,CAAC,GAAGJ,CAAY,qBAAqBA,CAAY,WAAW,EAAG,CAC7D,iBAAkB,CAAA,EAEpB,CAAC,GAAGA,CAAY,eAAe,EAAG,CAChC,MAAO,SAAA,CACT,CACF,CAEJ"}

package/dist/es/steps/style/progress.mjs

@@ -0,0 +1,2 @@
+const s=i=>{const{antCls:e,componentCls:t}=i;return{[`&${t}-with-progress`]:{[`${t}-item`]:{paddingTop:i.paddingXXS,[`&-process ${t}-item-container ${t}-item-icon ${t}-icon`]:{color:i.processIconColor}},[`&${t}-vertical > ${t}-item `]:{paddingInlineStart:i.paddingXXS,[`> ${t}-item-container > ${t}-item-tail`]:{top:i.marginXXS,insetInlineStart:i.stepsIconSize/2-i.lineWidth+i.paddingXXS}},[`&, &${t}-small`]:{[`&${t}-horizontal ${t}-item:first-child`]:{paddingBottom:i.paddingXXS,paddingInlineStart:i.paddingXXS}},[`&${t}-small${t}-vertical > ${t}-item > ${t}-item-container > ${t}-item-tail`]:{insetInlineStart:i.stepsSmallIconSize/2-i.lineWidth+i.paddingXXS},[`&${t}-label-vertical`]:{[`${t}-item ${t}-item-tail`]:{top:i.margin-2*i.lineWidth}},[`${t}-item-icon`]:{position:"relative",[`${e}-progress`]:{position:"absolute",insetBlockStart:(i.stepsIconSize-i.stepsProgressSize-i.lineWidth*2)/2,insetInlineStart:(i.stepsIconSize-i.stepsProgressSize-i.lineWidth*2)/2}}}}};export{s as default};
+//# sourceMappingURL=progress.mjs.map

package/dist/es/steps/style/progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","sources":["../../../../src/steps/style/progress.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { antCls, componentCls } = token\n\n  return {\n    [`&${componentCls}-with-progress`]: {\n      [`${componentCls}-item`]: {\n        paddingTop: token.paddingXXS,\n\n        [`&-process ${componentCls}-item-container ${componentCls}-item-icon ${componentCls}-icon`]:\n          {\n            color: token.processIconColor,\n          },\n      },\n\n      [`&${componentCls}-vertical > ${componentCls}-item `]: {\n        paddingInlineStart: token.paddingXXS,\n        [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n          top: token.marginXXS,\n          insetInlineStart: token.stepsIconSize / 2 - token.lineWidth + token.paddingXXS,\n        },\n      },\n\n      [`&, &${componentCls}-small`]: {\n        [`&${componentCls}-horizontal ${componentCls}-item:first-child`]: {\n          paddingBottom: token.paddingXXS,\n          paddingInlineStart: token.paddingXXS,\n        },\n      },\n\n      [`&${componentCls}-small${componentCls}-vertical > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]:\n        {\n          insetInlineStart: token.stepsSmallIconSize / 2 - token.lineWidth + token.paddingXXS,\n        },\n\n      [`&${componentCls}-label-vertical`]: {\n        [`${componentCls}-item ${componentCls}-item-tail`]: {\n          top: token.margin - 2 * token.lineWidth,\n        },\n      },\n\n      [`${componentCls}-item-icon`]: {\n        position: 'relative',\n\n        [`${antCls}-progress`]: {\n          position: 'absolute',\n          insetBlockStart:\n            (token.stepsIconSize - token.stepsProgressSize - token.lineWidth * 2) / 2,\n          insetInlineStart:\n            (token.stepsIconSize - token.stepsProgressSize - token.lineWidth * 2) / 2,\n        },\n      },\n    },\n  }\n}\n\nexport default genStepsProgressStyle\n"],"names":["genStepsProgressStyle","token","antCls","componentCls"],"mappings":"AAIA,MAAMA,EAA+DC,GAAU,CAC7E,KAAM,CAAE,OAAAC,EAAQ,aAAAC,CAAA,EAAiBF,EAEjC,MAAO,CACL,CAAC,IAAIE,CAAY,gBAAgB,EAAG,CAClC,CAAC,GAAGA,CAAY,OAAO,EAAG,CACxB,WAAYF,EAAM,WAElB,CAAC,aAAaE,CAAY,mBAAmBA,CAAY,cAAcA,CAAY,OAAO,EACxF,CACE,MAAOF,EAAM,gBAAA,CACf,EAGJ,CAAC,IAAIE,CAAY,eAAeA,CAAY,QAAQ,EAAG,CACrD,mBAAoBF,EAAM,WAC1B,CAAC,KAAKE,CAAY,qBAAqBA,CAAY,YAAY,EAAG,CAChE,IAAKF,EAAM,UACX,iBAAkBA,EAAM,cAAgB,EAAIA,EAAM,UAAYA,EAAM,UAAA,CACtE,EAGF,CAAC,OAAOE,CAAY,QAAQ,EAAG,CAC7B,CAAC,IAAIA,CAAY,eAAeA,CAAY,mBAAmB,EAAG,CAChE,cAAeF,EAAM,WACrB,mBAAoBA,EAAM,UAAA,CAC5B,EAGF,CAAC,IAAIE,CAAY,SAASA,CAAY,eAAeA,CAAY,WAAWA,CAAY,qBAAqBA,CAAY,YAAY,EACnI,CACE,iBAAkBF,EAAM,mBAAqB,EAAIA,EAAM,UAAYA,EAAM,UAAA,EAG7E,CAAC,IAAIE,CAAY,iBAAiB,EAAG,CACnC,CAAC,GAAGA,CAAY,SAASA,CAAY,YAAY,EAAG,CAClD,IAAKF,EAAM,OAAS,EAAIA,EAAM,SAAA,CAChC,EAGF,CAAC,GAAGE,CAAY,YAAY,EAAG,CAC7B,SAAU,WAEV,CAAC,GAAGD,CAAM,WAAW,EAAG,CACtB,SAAU,WACV,iBACGD,EAAM,cAAgBA,EAAM,kBAAoBA,EAAM,UAAY,GAAK,EAC1E,kBACGA,EAAM,cAAgBA,EAAM,kBAAoBA,EAAM,UAAY,GAAK,CAAA,CAC5E,CACF,CACF,CAEJ"}

package/dist/es/steps/style/rtl.mjs

@@ -0,0 +1,2 @@
+const o=e=>{const{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{o as default};
+//# sourceMappingURL=rtl.mjs.map

package/dist/es/steps/style/rtl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.mjs","sources":["../../../../src/steps/style/rtl.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsRTLStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls } = token\n\n  return {\n    [`&${componentCls}-rtl`]: {\n      direction: 'rtl',\n\n      [`${componentCls}-item`]: {\n        '&-subtitle': {\n          float: 'left',\n        },\n      },\n\n      // nav\n      [`&${componentCls}-navigation`]: {\n        [`${componentCls}-item::after`]: {\n          transform: 'rotate(-45deg)',\n        },\n      },\n\n      // vertical\n      [`&${componentCls}-vertical`]: {\n        [`> ${componentCls}-item`]: {\n          '&::after': {\n            transform: 'rotate(225deg)',\n          },\n          [`${componentCls}-item-icon`]: {\n            float: 'right',\n          },\n        },\n      },\n\n      // progress-dot\n      [`&${componentCls}-dot`]: {\n        [`${componentCls}-item-icon ${componentCls}-icon-dot, &${componentCls}-small ${componentCls}-item-icon ${componentCls}-icon-dot`]:\n          {\n            float: 'right',\n          },\n      },\n    },\n  }\n}\nexport default genStepsRTLStyle\n"],"names":["genStepsRTLStyle","token","componentCls"],"mappings":"AAIA,MAAMA,EAA0DC,GAAU,CACxE,KAAM,CAAE,aAAAC,GAAiBD,EAEzB,MAAO,CACL,CAAC,IAAIC,CAAY,MAAM,EAAG,CACxB,UAAW,MAEX,CAAC,GAAGA,CAAY,OAAO,EAAG,CACxB,aAAc,CACZ,MAAO,MAAA,CACT,EAIF,CAAC,IAAIA,CAAY,aAAa,EAAG,CAC/B,CAAC,GAAGA,CAAY,cAAc,EAAG,CAC/B,UAAW,gBAAA,CACb,EAIF,CAAC,IAAIA,CAAY,WAAW,EAAG,CAC7B,CAAC,KAAKA,CAAY,OAAO,EAAG,CAC1B,WAAY,CACV,UAAW,gBAAA,EAEb,CAAC,GAAGA,CAAY,YAAY,EAAG,CAC7B,MAAO,OAAA,CACT,CACF,EAIF,CAAC,IAAIA,CAAY,MAAM,EAAG,CACxB,CAAC,GAAGA,CAAY,cAAcA,CAAY,eAAeA,CAAY,UAAUA,CAAY,cAAcA,CAAY,WAAW,EAC9H,CACE,MAAO,OAAA,CACT,CACJ,CACF,CAEJ"}

package/dist/es/steps/style/small.mjs

@@ -0,0 +1,2 @@
+const l=e=>{const{componentCls:i,stepsSmallIconSize:t,fontSizeSM:o,fontSize:n,colorTextDescription:r}=e;return{[`&${i}-small`]:{[`&${i}-horizontal:not(${i}-label-vertical) ${i}-item`]:{paddingInlineStart:e.paddingSM,"&:first-child":{paddingInlineStart:0}},[`${i}-item-icon`]:{width:t,height:t,marginTop:0,marginBottom:0,marginInline:`0 ${e.marginXS}px`,fontSize:o,lineHeight:`${t}px`,textAlign:"center",borderRadius:t},[`${i}-item-title`]:{paddingInlineEnd:e.paddingSM,fontSize:n,lineHeight:`${t}px`,"&::after":{top:t/2}},[`${i}-item-description`]:{color:r,fontSize:n},[`${i}-item-tail`]:{top:t/2-e.paddingXXS},[`${i}-item-custom ${i}-item-icon`]:{width:"inherit",height:"inherit",lineHeight:"inherit",background:"none",border:0,borderRadius:0,[`> ${i}-icon`]:{fontSize:t,lineHeight:`${t}px`,transform:"none"}}}}};export{l as default};
+//# sourceMappingURL=small.mjs.map

package/dist/es/steps/style/small.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"small.mjs","sources":["../../../../src/steps/style/small.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsSmallStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const {\n    componentCls,\n    stepsSmallIconSize,\n    // stepsSmallIconMargin,\n    fontSizeSM,\n    fontSize,\n    colorTextDescription,\n  } = token\n\n  return {\n    [`&${componentCls}-small`]: {\n      [`&${componentCls}-horizontal:not(${componentCls}-label-vertical) ${componentCls}-item`]: {\n        paddingInlineStart: token.paddingSM,\n        '&:first-child': {\n          paddingInlineStart: 0,\n        },\n      },\n\n      [`${componentCls}-item-icon`]: {\n        width: stepsSmallIconSize,\n        height: stepsSmallIconSize,\n        // margin: stepsSmallIconMargin,\n        marginTop: 0,\n        marginBottom: 0,\n        marginInline: `0 ${token.marginXS}px`,\n        fontSize: fontSizeSM,\n        lineHeight: `${stepsSmallIconSize}px`,\n        textAlign: 'center',\n        borderRadius: stepsSmallIconSize,\n      },\n      [`${componentCls}-item-title`]: {\n        paddingInlineEnd: token.paddingSM,\n        fontSize,\n        lineHeight: `${stepsSmallIconSize}px`,\n\n        '&::after': {\n          top: stepsSmallIconSize / 2,\n        },\n      },\n      [`${componentCls}-item-description`]: {\n        color: colorTextDescription,\n        fontSize,\n      },\n      [`${componentCls}-item-tail`]: {\n        top: stepsSmallIconSize / 2 - token.paddingXXS,\n      },\n      [`${componentCls}-item-custom ${componentCls}-item-icon`]: {\n        width: 'inherit',\n        height: 'inherit',\n        lineHeight: 'inherit',\n        background: 'none',\n        border: 0,\n        borderRadius: 0,\n        [`> ${componentCls}-icon`]: {\n          fontSize: stepsSmallIconSize,\n          lineHeight: `${stepsSmallIconSize}px`,\n          transform: 'none',\n        },\n      },\n    },\n  }\n}\nexport default genStepsSmallStyle\n"],"names":["genStepsSmallStyle","token","componentCls","stepsSmallIconSize","fontSizeSM","fontSize","colorTextDescription"],"mappings":"AAIA,MAAMA,EAA4DC,GAAU,CAC1E,KAAM,CACJ,aAAAC,EACA,mBAAAC,EAEA,WAAAC,EACA,SAAAC,EACA,qBAAAC,CAAA,EACEL,EAEJ,MAAO,CACL,CAAC,IAAIC,CAAY,QAAQ,EAAG,CAC1B,CAAC,IAAIA,CAAY,mBAAmBA,CAAY,oBAAoBA,CAAY,OAAO,EAAG,CACxF,mBAAoBD,EAAM,UAC1B,gBAAiB,CACf,mBAAoB,CAAA,CACtB,EAGF,CAAC,GAAGC,CAAY,YAAY,EAAG,CAC7B,MAAOC,EACP,OAAQA,EAER,UAAW,EACX,aAAc,EACd,aAAc,KAAKF,EAAM,QAAQ,KACjC,SAAUG,EACV,WAAY,GAAGD,CAAkB,KACjC,UAAW,SACX,aAAcA,CAAA,EAEhB,CAAC,GAAGD,CAAY,aAAa,EAAG,CAC9B,iBAAkBD,EAAM,UACxB,SAAAI,EACA,WAAY,GAAGF,CAAkB,KAEjC,WAAY,CACV,IAAKA,EAAqB,CAAA,CAC5B,EAEF,CAAC,GAAGD,CAAY,mBAAmB,EAAG,CACpC,MAAOI,EACP,SAAAD,CAAA,EAEF,CAAC,GAAGH,CAAY,YAAY,EAAG,CAC7B,IAAKC,EAAqB,EAAIF,EAAM,UAAA,EAEtC,CAAC,GAAGC,CAAY,gBAAgBA,CAAY,YAAY,EAAG,CACzD,MAAO,UACP,OAAQ,UACR,WAAY,UACZ,WAAY,OACZ,OAAQ,EACR,aAAc,EACd,CAAC,KAAKA,CAAY,OAAO,EAAG,CAC1B,SAAUC,EACV,WAAY,GAAGA,CAAkB,KACjC,UAAW,MAAA,CACb,CACF,CACF,CAEJ"}

package/dist/es/steps/style/vertical.mjs

@@ -0,0 +1,2 @@
+const n=t=>{const{componentCls:i,stepsSmallIconSize:e,stepsIconSize:l}=t;return{[`&${i}-vertical`]:{display:"flex",flexDirection:"column",[`> ${i}-item`]:{display:"block",flex:"1 0 auto",paddingInlineStart:0,overflow:"visible",[`${i}-item-icon`]:{float:"left",marginInlineEnd:t.margin},[`${i}-item-content`]:{display:"block",minHeight:t.controlHeight*1.5,overflow:"hidden"},[`${i}-item-title`]:{lineHeight:`${l}px`},[`${i}-item-description`]:{paddingBottom:t.paddingSM}},[`> ${i}-item > ${i}-item-container > ${i}-item-tail`]:{position:"absolute",top:0,insetInlineStart:t.stepsIconSize/2-t.lineWidth,width:t.lineWidth,height:"100%",padding:`${l+t.marginXXS*1.5}px 0 ${t.marginXXS*1.5}px`,"&::after":{width:t.lineWidth,height:"100%"}},[`> ${i}-item:not(:last-child) > ${i}-item-container > ${i}-item-tail`]:{display:"block"},[` > ${i}-item > ${i}-item-container > ${i}-item-content > ${i}-item-title`]:{"&::after":{display:"none"}},[`&${i}-small ${i}-item-container`]:{[`${i}-item-tail`]:{position:"absolute",top:0,insetInlineStart:t.stepsSmallIconSize/2-t.lineWidth,padding:`${e+t.marginXXS*1.5}px 0 ${t.marginXXS*1.5}px`},[`${i}-item-title`]:{lineHeight:`${e}px`}}}}};export{n as default};
+//# sourceMappingURL=vertical.mjs.map

package/dist/es/steps/style/vertical.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical.mjs","sources":["../../../../src/steps/style/vertical.ts"],"sourcesContent":["import type { StepsToken } from '.'\nimport type { CSSObject } from '../../_util/cssinjs'\nimport type { GenerateStyle } from '../../theme/internal'\n\nconst genStepsVerticalStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const { componentCls, stepsSmallIconSize, stepsIconSize } = token\n\n  return {\n    [`&${componentCls}-vertical`]: {\n      display: 'flex',\n      flexDirection: 'column',\n\n      [`> ${componentCls}-item`]: {\n        display: 'block',\n        flex: '1 0 auto',\n        paddingInlineStart: 0,\n        overflow: 'visible',\n\n        [`${componentCls}-item-icon`]: {\n          float: 'left',\n          marginInlineEnd: token.margin,\n        },\n        [`${componentCls}-item-content`]: {\n          display: 'block',\n          minHeight: token.controlHeight * 1.5,\n          overflow: 'hidden',\n        },\n        [`${componentCls}-item-title`]: {\n          lineHeight: `${stepsIconSize}px`,\n        },\n        [`${componentCls}-item-description`]: {\n          paddingBottom: token.paddingSM,\n        },\n      },\n      [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n        position: 'absolute',\n        top: 0,\n        insetInlineStart: token.stepsIconSize / 2 - token.lineWidth,\n        width: token.lineWidth,\n        height: '100%',\n        padding: `${stepsIconSize + token.marginXXS * 1.5}px 0 ${token.marginXXS * 1.5}px`,\n\n        '&::after': {\n          width: token.lineWidth,\n          height: '100%',\n        },\n      },\n      [`> ${componentCls}-item:not(:last-child) > ${componentCls}-item-container > ${componentCls}-item-tail`]:\n        {\n          display: 'block',\n        },\n      [` > ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-content > ${componentCls}-item-title`]:\n        {\n          '&::after': {\n            display: 'none',\n          },\n        },\n      [`&${componentCls}-small ${componentCls}-item-container`]: {\n        [`${componentCls}-item-tail`]: {\n          position: 'absolute',\n          top: 0,\n          insetInlineStart: token.stepsSmallIconSize / 2 - token.lineWidth,\n          padding: `${stepsSmallIconSize + token.marginXXS * 1.5}px 0 ${token.marginXXS * 1.5}px`,\n        },\n        [`${componentCls}-item-title`]: {\n          lineHeight: `${stepsSmallIconSize}px`,\n        },\n      },\n    },\n  }\n}\nexport default genStepsVerticalStyle\n"],"names":["genStepsVerticalStyle","token","componentCls","stepsSmallIconSize","stepsIconSize"],"mappings":"AAIA,MAAMA,EAA+DC,GAAU,CAC7E,KAAM,CAAE,aAAAC,EAAc,mBAAAC,EAAoB,cAAAC,CAAA,EAAkBH,EAE5D,MAAO,CACL,CAAC,IAAIC,CAAY,WAAW,EAAG,CAC7B,QAAS,OACT,cAAe,SAEf,CAAC,KAAKA,CAAY,OAAO,EAAG,CAC1B,QAAS,QACT,KAAM,WACN,mBAAoB,EACpB,SAAU,UAEV,CAAC,GAAGA,CAAY,YAAY,EAAG,CAC7B,MAAO,OACP,gBAAiBD,EAAM,MAAA,EAEzB,CAAC,GAAGC,CAAY,eAAe,EAAG,CAChC,QAAS,QACT,UAAWD,EAAM,cAAgB,IACjC,SAAU,QAAA,EAEZ,CAAC,GAAGC,CAAY,aAAa,EAAG,CAC9B,WAAY,GAAGE,CAAa,IAAA,EAE9B,CAAC,GAAGF,CAAY,mBAAmB,EAAG,CACpC,cAAeD,EAAM,SAAA,CACvB,EAEF,CAAC,KAAKC,CAAY,WAAWA,CAAY,qBAAqBA,CAAY,YAAY,EAAG,CACvF,SAAU,WACV,IAAK,EACL,iBAAkBD,EAAM,cAAgB,EAAIA,EAAM,UAClD,MAAOA,EAAM,UACb,OAAQ,OACR,QAAS,GAAGG,EAAgBH,EAAM,UAAY,GAAG,QAAQA,EAAM,UAAY,GAAG,KAE9E,WAAY,CACV,MAAOA,EAAM,UACb,OAAQ,MAAA,CACV,EAEF,CAAC,KAAKC,CAAY,4BAA4BA,CAAY,qBAAqBA,CAAY,YAAY,EACrG,CACE,QAAS,OAAA,EAEb,CAAC,MAAMA,CAAY,WAAWA,CAAY,qBAAqBA,CAAY,mBAAmBA,CAAY,aAAa,EACrH,CACE,WAAY,CACV,QAAS,MAAA,CACX,EAEJ,CAAC,IAAIA,CAAY,UAAUA,CAAY,iBAAiB,EAAG,CACzD,CAAC,GAAGA,CAAY,YAAY,EAAG,CAC7B,SAAU,WACV,IAAK,EACL,iBAAkBD,EAAM,mBAAqB,EAAIA,EAAM,UACvD,QAAS,GAAGE,EAAqBF,EAAM,UAAY,GAAG,QAAQA,EAAM,UAAY,GAAG,IAAA,EAErF,CAAC,GAAGC,CAAY,aAAa,EAAG,CAC9B,WAAY,GAAGC,CAAkB,IAAA,CACnC,CACF,CACF,CAEJ"}

package/dist/es/style/compact-item-vertical.mjs

@@ -0,0 +1,2 @@
+function i(e,t){return{[`&-item:not(${t}-last-item)`]:{marginBottom:-e.lineWidth},"&-item":{"&:hover,&:focus,&:active":{zIndex:2},"&[disabled]":{zIndex:0}}}}function o(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 m(e){const t=`${e.componentCls}-compact-vertical`;return{[t]:{...i(e,t),...o(e.componentCls,t)}}}export{m as genCompactItemVerticalStyle};
+//# sourceMappingURL=compact-item-vertical.mjs.map

package/dist/es/style/compact-item-vertical.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact-item-vertical.mjs","sources":["../../../src/style/compact-item-vertical.ts"],"sourcesContent":["import type { CSSInterpolation, CSSObject } from '../_util/cssinjs'\nimport type { DerivativeToken, FullToken } from '../theme/internal'\nimport type { OverrideComponent } from '../theme/util/genComponentStyleHook'\n\nfunction compactItemVerticalBorder(token: DerivativeToken, parentCls: string): CSSObject {\n  return {\n    // border collapse\n    [`&-item:not(${parentCls}-last-item)`]: {\n      marginBottom: -token.lineWidth,\n    },\n\n    '&-item': {\n      '&:hover,&:focus,&:active': {\n        zIndex: 2,\n      },\n\n      '&[disabled]': {\n        zIndex: 0,\n      },\n    },\n  }\n}\n\nfunction compactItemBorderVerticalRadius(prefixCls: string, parentCls: string): CSSObject {\n  return {\n    [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item)`]: {\n      borderRadius: 0,\n    },\n\n    [`&-item${parentCls}-first-item:not(${parentCls}-last-item)`]: {\n      [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {\n        borderEndEndRadius: 0,\n        borderEndStartRadius: 0,\n      },\n    },\n\n    [`&-item${parentCls}-last-item:not(${parentCls}-first-item)`]: {\n      [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {\n        borderStartStartRadius: 0,\n        borderStartEndRadius: 0,\n      },\n    },\n  }\n}\n\nexport function genCompactItemVerticalStyle<T extends OverrideComponent>(\n  token: FullToken<T>,\n): CSSInterpolation {\n  const compactCls = `${token.componentCls}-compact-vertical`\n\n  return {\n    [compactCls]: {\n      ...compactItemVerticalBorder(token, compactCls),\n      ...compactItemBorderVerticalRadius(token.componentCls, compactCls),\n    },\n  }\n}\n"],"names":["compactItemVerticalBorder","token","parentCls","compactItemBorderVerticalRadius","prefixCls","genCompactItemVerticalStyle","compactCls"],"mappings":"AAIA,SAASA,EAA0BC,EAAwBC,EAA8B,CACvF,MAAO,CAEL,CAAC,cAAcA,CAAS,aAAa,EAAG,CACtC,aAAc,CAACD,EAAM,SAAA,EAGvB,SAAU,CACR,2BAA4B,CAC1B,OAAQ,CAAA,EAGV,cAAe,CACb,OAAQ,CAAA,CACV,CACF,CAEJ,CAEA,SAASE,EAAgCC,EAAmBF,EAA8B,CACxF,MAAO,CACL,CAAC,cAAcA,CAAS,oBAAoBA,CAAS,aAAa,EAAG,CACnE,aAAc,CAAA,EAGhB,CAAC,SAASA,CAAS,mBAAmBA,CAAS,aAAa,EAAG,CAC7D,CAAC,OAAOE,CAAS,SAASA,CAAS,KAAK,EAAG,CACzC,mBAAoB,EACpB,qBAAsB,CAAA,CACxB,EAGF,CAAC,SAASF,CAAS,kBAAkBA,CAAS,cAAc,EAAG,CAC7D,CAAC,OAAOE,CAAS,SAASA,CAAS,KAAK,EAAG,CACzC,uBAAwB,EACxB,qBAAsB,CAAA,CACxB,CACF,CAEJ,CAEO,SAASC,EACdJ,EACkB,CAClB,MAAMK,EAAa,GAAGL,EAAM,YAAY,oBAExC,MAAO,CACL,CAACK,CAAU,EAAG,CACZ,GAAGN,EAA0BC,EAAOK,CAAU,EAC9C,GAAGH,EAAgCF,EAAM,aAAcK,CAAU,CAAA,CACnE,CAEJ"}

package/dist/es/style/compact-item.mjs

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

package/dist/es/style/compact-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"compact-item.mjs","sources":["../../../src/style/compact-item.ts"],"sourcesContent":["import type { CSSInterpolation, CSSObject } from '../_util/cssinjs'\nimport type { DerivativeToken, FullToken } from '../theme/internal'\nimport type { OverrideComponent } from '../theme/util/genComponentStyleHook'\n\ninterface CompactItemOptions {\n  focus?: boolean\n  /**\n   * Some component borders are implemented on child elements\n   * like `Select`\n   */\n  borderElCls?: string\n  /**\n   * Some components have special `focus` className especially with popovers\n   * like `Select` and `DatePicker`\n   */\n  focusElCls?: string\n}\n\n// handle border collapse\nfunction compactItemBorder(\n  token: DerivativeToken,\n  parentCls: string,\n  options: CompactItemOptions,\n): CSSObject {\n  const { focusElCls, focus, borderElCls } = options\n  const childCombinator = borderElCls ? '> *' : ''\n  const hoverEffects = ['hover', focus ? 'focus' : null, 'active']\n    .filter(Boolean)\n    .map((n) => `&:${n} ${childCombinator}`)\n    .join(',')\n  return {\n    [`&-item:not(${parentCls}-last-item)`]: {\n      marginInlineEnd: -token.lineWidth,\n    },\n\n    '&-item': {\n      [hoverEffects]: {\n        zIndex: 2,\n      },\n\n      ...(focusElCls\n        ? {\n            [`&${focusElCls}`]: {\n              zIndex: 2,\n            },\n          }\n        : {}),\n\n      [`&[disabled] ${childCombinator}`]: {\n        zIndex: 0,\n      },\n    },\n  }\n}\n\n// handle border-radius\nfunction compactItemBorderRadius(\n  prefixCls: string,\n  parentCls: string,\n  options: CompactItemOptions,\n): CSSObject {\n  const { borderElCls } = options\n  const childCombinator = borderElCls ? `> ${borderElCls}` : ''\n\n  return {\n    [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item) ${childCombinator}`]: {\n      borderRadius: 0,\n    },\n\n    [`&-item:not(${parentCls}-last-item)${parentCls}-first-item`]: {\n      [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]:\n        {\n          borderStartEndRadius: 0,\n          borderEndEndRadius: 0,\n        },\n    },\n\n    [`&-item:not(${parentCls}-first-item)${parentCls}-last-item`]: {\n      [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]:\n        {\n          borderStartStartRadius: 0,\n          borderEndStartRadius: 0,\n        },\n    },\n  }\n}\n\nexport function genCompactItemStyle<T extends OverrideComponent>(\n  token: FullToken<T>,\n  options: CompactItemOptions = { focus: true },\n): CSSInterpolation {\n  const { componentCls } = token\n\n  const compactCls = `${componentCls}-compact`\n\n  return {\n    [compactCls]: {\n      ...compactItemBorder(token, compactCls, options),\n      ...compactItemBorderRadius(componentCls, compactCls, options),\n    },\n  }\n}\n"],"names":["compactItemBorder","token","parentCls","options","focusElCls","focus","borderElCls","childCombinator","hoverEffects","n","compactItemBorderRadius","prefixCls","genCompactItemStyle","componentCls","compactCls"],"mappings":"AAmBA,SAASA,EACPC,EACAC,EACAC,EACW,CACX,KAAM,CAAE,WAAAC,EAAY,MAAAC,EAAO,YAAAC,CAAA,EAAgBH,EACrCI,EAAkBD,EAAc,MAAQ,GACxCE,EAAe,CAAC,QAASH,EAAQ,QAAU,KAAM,QAAQ,EAC5D,OAAO,OAAO,EACd,IAAKI,GAAM,KAAKA,CAAC,IAAIF,CAAe,EAAE,EACtC,KAAK,GAAG,EACX,MAAO,CACL,CAAC,cAAcL,CAAS,aAAa,EAAG,CACtC,gBAAiB,CAACD,EAAM,SAAA,EAG1B,SAAU,CACR,CAACO,CAAY,EAAG,CACd,OAAQ,CAAA,EAGV,GAAIJ,EACA,CACE,CAAC,IAAIA,CAAU,EAAE,EAAG,CAClB,OAAQ,CAAA,CACV,EAEF,CAAA,EAEJ,CAAC,eAAeG,CAAe,EAAE,EAAG,CAClC,OAAQ,CAAA,CACV,CACF,CAEJ,CAGA,SAASG,EACPC,EACAT,EACAC,EACW,CACX,KAAM,CAAE,YAAAG,GAAgBH,EAClBI,EAAkBD,EAAc,KAAKA,CAAW,GAAK,GAE3D,MAAO,CACL,CAAC,cAAcJ,CAAS,oBAAoBA,CAAS,eAAeK,CAAe,EAAE,EAAG,CACtF,aAAc,CAAA,EAGhB,CAAC,cAAcL,CAAS,cAAcA,CAAS,aAAa,EAAG,CAC7D,CAAC,KAAKK,CAAe,MAAMI,CAAS,OAAOJ,CAAe,MAAMI,CAAS,OAAOJ,CAAe,EAAE,EAC/F,CACE,qBAAsB,EACtB,mBAAoB,CAAA,CACtB,EAGJ,CAAC,cAAcL,CAAS,eAAeA,CAAS,YAAY,EAAG,CAC7D,CAAC,KAAKK,CAAe,MAAMI,CAAS,OAAOJ,CAAe,MAAMI,CAAS,OAAOJ,CAAe,EAAE,EAC/F,CACE,uBAAwB,EACxB,qBAAsB,CAAA,CACxB,CACJ,CAEJ,CAEO,SAASK,EACdX,EACAE,EAA8B,CAAE,MAAO,IACrB,CAClB,KAAM,CAAE,aAAAU,GAAiBZ,EAEnBa,EAAa,GAAGD,CAAY,WAElC,MAAO,CACL,CAACC,CAAU,EAAG,CACZ,GAAGd,EAAkBC,EAAOa,EAAYX,CAAO,EAC/C,GAAGO,EAAwBG,EAAcC,EAAYX,CAAO,CAAA,CAC9D,CAEJ"}

package/dist/es/style/index.mjs

@@ -0,0 +1,2 @@
+const l={overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},c=o=>({boxSizing:"border-box",margin:0,padding:0,color:o.colorText,fontSize:o.fontSize,lineHeight:o.lineHeight,listStyle:"none",fontFamily:o.fontFamily}),s=()=>({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"}}),a=()=>({"&::before":{display:"table",content:'""'},"&::after":{display:"table",clear:"both",content:'""'}}),b=o=>({a:{color:o.colorLink,textDecoration:o.linkDecoration,backgroundColor:"transparent",outline:"none",cursor:"pointer",transition:`color ${o.motionDurationSlow}`,"-webkit-text-decoration-skip":"objects","&:hover":{color:o.colorLinkHover},"&:active":{color:o.colorLinkActive},"&:active,\n  &:hover":{textDecoration:o.linkHoverDecoration,outline:0},"&:focus":{textDecoration:o.linkFocusDecoration,outline:0},"&[disabled]":{color:o.colorTextDisabled,cursor:"not-allowed"}}}),x=(o,e)=>{const{fontFamily:t,fontSize:n}=o,i=`[class^="${e}"], [class*=" ${e}"]`;return{[i]:{fontFamily:t,fontSize:n,boxSizing:"border-box","&::before, &::after":{boxSizing:"border-box"},[i]:{boxSizing:"border-box","&::before, &::after":{boxSizing:"border-box"}}}}},r=o=>({outline:`${o.lineWidthBold}px solid ${o.colorPrimaryBorder}`,outlineOffset:1,transition:"outline-offset 0s, outline 0s"}),d=o=>({"&:focus-visible":{...r(o)}});export{a as clearFix,x as genCommonStyle,r as genFocusOutline,d as genFocusStyle,b as genLinkStyle,c as resetComponent,s as resetIcon,l as textEllipsis};
+//# sourceMappingURL=index.mjs.map

package/dist/es/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/style/index.ts"],"sourcesContent":["import type { CSSObject } from '../_util/cssinjs'\nimport type { DerivativeToken } from '../theme/internal'\n\nexport { operationUnit } from './operationUnit'\nexport { roundedArrow } from './roundedArrow'\nexport { genPresetColor } from './presetColor'\n\nexport const textEllipsis: CSSObject = {\n  overflow: 'hidden',\n  whiteSpace: 'nowrap',\n  textOverflow: 'ellipsis',\n}\n\nexport const resetComponent = (token: DerivativeToken): CSSObject => ({\n  boxSizing: 'border-box',\n  margin: 0,\n  padding: 0,\n  color: token.colorText,\n  fontSize: token.fontSize,\n  // font-variant: @font-variant-base;\n  lineHeight: token.lineHeight,\n  listStyle: 'none',\n  // font-feature-settings: @font-feature-settings-base;\n  fontFamily: token.fontFamily,\n})\n\nexport const resetIcon = (): CSSObject => ({\n  display: 'inline-flex',\n  alignItems: 'center',\n  color: 'inherit',\n  fontStyle: 'normal',\n  lineHeight: 0,\n  textAlign: 'center',\n  textTransform: 'none',\n  // for SVG icon, see https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4\n  verticalAlign: '-0.125em',\n  textRendering: 'optimizeLegibility',\n  '-webkit-font-smoothing': 'antialiased',\n  '-moz-osx-font-smoothing': 'grayscale',\n\n  '> *': {\n    lineHeight: 1,\n  },\n\n  svg: {\n    display: 'inline-block',\n  },\n})\n\nexport const clearFix = (): CSSObject => ({\n  // https://github.com/ant-design/ant-design/issues/21301#issuecomment-583955229\n  '&::before': {\n    display: 'table',\n    content: '\"\"',\n  },\n\n  '&::after': {\n    // https://github.com/ant-design/ant-design/issues/21864\n    display: 'table',\n    clear: 'both',\n    content: '\"\"',\n  },\n})\n\nexport const genLinkStyle = (token: DerivativeToken): CSSObject => ({\n  a: {\n    color: token.colorLink,\n    textDecoration: token.linkDecoration,\n    backgroundColor: 'transparent', // remove the gray background on active links in IE 10.\n    outline: 'none',\n    cursor: 'pointer',\n    transition: `color ${token.motionDurationSlow}`,\n    '-webkit-text-decoration-skip': 'objects', // remove gaps in links underline in iOS 8+ and Safari 8+.\n\n    '&:hover': {\n      color: token.colorLinkHover,\n    },\n\n    '&:active': {\n      color: token.colorLinkActive,\n    },\n\n    [`&:active,\n  &:hover`]: {\n      textDecoration: token.linkHoverDecoration,\n      outline: 0,\n    },\n\n    // https://github.com/ant-design/ant-design/issues/22503\n    '&:focus': {\n      textDecoration: token.linkFocusDecoration,\n      outline: 0,\n    },\n\n    '&[disabled]': {\n      color: token.colorTextDisabled,\n      cursor: 'not-allowed',\n    },\n  },\n})\n\nexport const genCommonStyle = (token: DerivativeToken, componentPrefixCls: string): CSSObject => {\n  const { fontFamily, fontSize } = token\n\n  const rootPrefixSelector = `[class^=\"${componentPrefixCls}\"], [class*=\" ${componentPrefixCls}\"]`\n\n  return {\n    [rootPrefixSelector]: {\n      fontFamily,\n      fontSize,\n      boxSizing: 'border-box',\n\n      '&::before, &::after': {\n        boxSizing: 'border-box',\n      },\n\n      [rootPrefixSelector]: {\n        boxSizing: 'border-box',\n\n        '&::before, &::after': {\n          boxSizing: 'border-box',\n        },\n      },\n    },\n  }\n}\n\nexport const genFocusOutline = (token: DerivativeToken): CSSObject => ({\n  outline: `${token.lineWidthBold}px solid ${token.colorPrimaryBorder}`,\n  outlineOffset: 1,\n  transition: 'outline-offset 0s, outline 0s',\n})\n\nexport const genFocusStyle = (token: DerivativeToken): CSSObject => ({\n  '&:focus-visible': {\n    ...genFocusOutline(token),\n  },\n})\n"],"names":["textEllipsis","resetComponent","token","resetIcon","clearFix","genLinkStyle","genCommonStyle","componentPrefixCls","fontFamily","fontSize","rootPrefixSelector","genFocusOutline","genFocusStyle"],"mappings":"AAOO,MAAMA,EAA0B,CACrC,SAAU,SACV,WAAY,SACZ,aAAc,UAChB,EAEaC,EAAkBC,IAAuC,CACpE,UAAW,aACX,OAAQ,EACR,QAAS,EACT,MAAOA,EAAM,UACb,SAAUA,EAAM,SAEhB,WAAYA,EAAM,WAClB,UAAW,OAEX,WAAYA,EAAM,UACpB,GAEaC,EAAY,KAAkB,CACzC,QAAS,cACT,WAAY,SACZ,MAAO,UACP,UAAW,SACX,WAAY,EACZ,UAAW,SACX,cAAe,OAEf,cAAe,WACf,cAAe,qBACf,yBAA0B,cAC1B,0BAA2B,YAE3B,MAAO,CACL,WAAY,CAAA,EAGd,IAAK,CACH,QAAS,cAAA,CAEb,GAEaC,EAAW,KAAkB,CAExC,YAAa,CACX,QAAS,QACT,QAAS,IAAA,EAGX,WAAY,CAEV,QAAS,QACT,MAAO,OACP,QAAS,IAAA,CAEb,GAEaC,EAAgBH,IAAuC,CAClE,EAAG,CACD,MAAOA,EAAM,UACb,eAAgBA,EAAM,eACtB,gBAAiB,cACjB,QAAS,OACT,OAAQ,UACR,WAAY,SAASA,EAAM,kBAAkB,GAC7C,+BAAgC,UAEhC,UAAW,CACT,MAAOA,EAAM,cAAA,EAGf,WAAY,CACV,MAAOA,EAAM,eAAA,EAGd,uBACQ,CACP,eAAgBA,EAAM,oBACtB,QAAS,CAAA,EAIX,UAAW,CACT,eAAgBA,EAAM,oBACtB,QAAS,CAAA,EAGX,cAAe,CACb,MAAOA,EAAM,kBACb,OAAQ,aAAA,CACV,CAEJ,GAEaI,EAAiB,CAACJ,EAAwBK,IAA0C,CAC/F,KAAM,CAAE,WAAAC,EAAY,SAAAC,CAAA,EAAaP,EAE3BQ,EAAqB,YAAYH,CAAkB,iBAAiBA,CAAkB,KAE5F,MAAO,CACL,CAACG,CAAkB,EAAG,CACpB,WAAAF,EACA,SAAAC,EACA,UAAW,aAEX,sBAAuB,CACrB,UAAW,YAAA,EAGb,CAACC,CAAkB,EAAG,CACpB,UAAW,aAEX,sBAAuB,CACrB,UAAW,YAAA,CACb,CACF,CACF,CAEJ,EAEaC,EAAmBT,IAAuC,CACrE,QAAS,GAAGA,EAAM,aAAa,YAAYA,EAAM,kBAAkB,GACnE,cAAe,EACf,WAAY,+BACd,GAEaU,EAAiBV,IAAuC,CACnE,kBAAmB,CACjB,GAAGS,EAAgBT,CAAK,CAAA,CAE5B"}

package/dist/es/style/motion/collapse.mjs

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

package/dist/es/style/motion/collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.mjs","sources":["../../../../src/style/motion/collapse.ts"],"sourcesContent":["import type { AliasToken, GenerateStyle } from '../../theme/internal'\nimport type { TokenWithCommonCls } from '../../theme/util/genComponentStyleHook'\n\nconst genCollapseMotion: GenerateStyle<TokenWithCommonCls<AliasToken>> = (token) => ({\n  [token.componentCls]: {\n    // For common/openAnimation\n    [`${token.antCls}-motion-collapse-legacy`]: {\n      overflow: 'hidden',\n\n      '&-active': {\n        transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},\n        opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`,\n      },\n    },\n\n    [`${token.antCls}-motion-collapse`]: {\n      overflow: 'hidden',\n      transition: `height ${token.motionDurationMid} ${token.motionEaseInOut},\n        opacity ${token.motionDurationMid} ${token.motionEaseInOut} !important`,\n    },\n  },\n})\n\nexport default genCollapseMotion\n"],"names":["genCollapseMotion","token"],"mappings":"AAGA,MAAMA,EAAoEC,IAAW,CACnF,CAACA,EAAM,YAAY,EAAG,CAEpB,CAAC,GAAGA,EAAM,MAAM,yBAAyB,EAAG,CAC1C,SAAU,SAEV,WAAY,CACV,WAAY,UAAUA,EAAM,iBAAiB,IAAIA,EAAM,eAAe;AAAA,kBAC5DA,EAAM,iBAAiB,IAAIA,EAAM,eAAe,aAAA,CAC5D,EAGF,CAAC,GAAGA,EAAM,MAAM,kBAAkB,EAAG,CACnC,SAAU,SACV,WAAY,UAAUA,EAAM,iBAAiB,IAAIA,EAAM,eAAe;AAAA,kBAC1DA,EAAM,iBAAiB,IAAIA,EAAM,eAAe,aAAA,CAC9D,CAEJ"}

package/dist/es/style/motion/fade.mjs

@@ -0,0 +1,5 @@
+import a from"../../_util/cssinjs/Keyframes.mjs";import"../../_util/cssinjs/StyleContext.mjs";import"vue";import"../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";import{initMotion as r}from"./motion.mjs";const m=new a("antFadeIn",{"0%":{opacity:0},"100%":{opacity:1}}),c=new a("antFadeOut",{"0%":{opacity:1},"100%":{opacity:0}}),l=(n,o=!1)=>{const{antCls:e}=n,t=`${e}-fade`,i=o?"&":"";return[r(t,m,c,n.motionDurationMid,o),{[`
+        ${i}${t}-enter,
+        ${i}${t}-appear
+      `]:{opacity:0,animationTimingFunction:"linear"},[`${i}${t}-leave`]:{animationTimingFunction:"linear"}}]};export{m as fadeIn,c as fadeOut,l as initFadeMotion};
+//# sourceMappingURL=fade.mjs.map

package/dist/es/style/motion/fade.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade.mjs","sources":["../../../../src/style/motion/fade.ts"],"sourcesContent":["import type { CSSInterpolation } from '../../_util/cssinjs'\nimport { Keyframes } from '../../_util/cssinjs'\nimport type { AliasToken } from '../../theme/internal'\nimport type { TokenWithCommonCls } from '../../theme/util/genComponentStyleHook'\nimport { initMotion } from './motion'\n\nexport const fadeIn = new Keyframes('antFadeIn', {\n  '0%': {\n    opacity: 0,\n  },\n  '100%': {\n    opacity: 1,\n  },\n})\n\nexport const fadeOut = new Keyframes('antFadeOut', {\n  '0%': {\n    opacity: 1,\n  },\n  '100%': {\n    opacity: 0,\n  },\n})\n\nexport const initFadeMotion = (\n  token: TokenWithCommonCls<AliasToken>,\n  sameLevel = false,\n): CSSInterpolation => {\n  const { antCls } = token\n  const motionCls = `${antCls}-fade`\n  const sameLevelPrefix = sameLevel ? '&' : ''\n\n  return [\n    initMotion(motionCls, fadeIn, fadeOut, token.motionDurationMid, sameLevel),\n    {\n      [`\n        ${sameLevelPrefix}${motionCls}-enter,\n        ${sameLevelPrefix}${motionCls}-appear\n      `]: {\n        opacity: 0,\n        animationTimingFunction: 'linear',\n      },\n\n      [`${sameLevelPrefix}${motionCls}-leave`]: {\n        animationTimingFunction: 'linear',\n      },\n    },\n  ]\n}\n"],"names":["fadeIn","Keyframes","fadeOut","initFadeMotion","token","sameLevel","antCls","motionCls","sameLevelPrefix","initMotion"],"mappings":"yNAMO,MAAMA,EAAS,IAAIC,EAAU,YAAa,CAC/C,KAAM,CACJ,QAAS,CAAA,EAEX,OAAQ,CACN,QAAS,CAAA,CAEb,CAAC,EAEYC,EAAU,IAAID,EAAU,aAAc,CACjD,KAAM,CACJ,QAAS,CAAA,EAEX,OAAQ,CACN,QAAS,CAAA,CAEb,CAAC,EAEYE,EAAiB,CAC5BC,EACAC,EAAY,KACS,CACrB,KAAM,CAAE,OAAAC,GAAWF,EACbG,EAAY,GAAGD,CAAM,QACrBE,EAAkBH,EAAY,IAAM,GAE1C,MAAO,CACLI,EAAWF,EAAWP,EAAQE,EAASE,EAAM,kBAAmBC,CAAS,EACzE,CACE,CAAC;AAAA,UACGG,CAAe,GAAGD,CAAS;AAAA,UAC3BC,CAAe,GAAGD,CAAS;AAAA,OAC9B,EAAG,CACF,QAAS,EACT,wBAAyB,QAAA,EAG3B,CAAC,GAAGC,CAAe,GAAGD,CAAS,QAAQ,EAAG,CACxC,wBAAyB,QAAA,CAC3B,CACF,CAEJ"}

package/dist/es/style/motion/motion.mjs

@@ -0,0 +1,8 @@
+const $=a=>({animationDuration:a,animationFillMode:"both"}),r=a=>({animationDuration:a,animationFillMode:"both"}),p=(a,t,i,n,o=!1)=>{const e=o?"&":"";return{[`
+      ${e}${a}-enter,
+      ${e}${a}-appear
+    `]:{...$(n),animationPlayState:"paused"},[`${e}${a}-leave`]:{...r(n),animationPlayState:"paused"},[`
+      ${e}${a}-enter${a}-enter-active,
+      ${e}${a}-appear${a}-appear-active
+    `]:{animationName:t,animationPlayState:"running"},[`${e}${a}-leave${a}-leave-active`]:{animationName:i,animationPlayState:"running",pointerEvents:"none"}}};export{p as initMotion};
+//# sourceMappingURL=motion.mjs.map

package/dist/es/style/motion/motion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.mjs","sources":["../../../../src/style/motion/motion.ts"],"sourcesContent":["import type { CSSObject, Keyframes } from '../../_util/cssinjs'\n\nconst initMotionCommon = (duration: string): CSSObject => ({\n  animationDuration: duration,\n  animationFillMode: 'both',\n})\n\n// FIXME: origin less code seems same as initMotionCommon. Maybe we can safe remove\nconst initMotionCommonLeave = (duration: string): CSSObject => ({\n  animationDuration: duration,\n  animationFillMode: 'both',\n})\n\nexport const initMotion = (\n  motionCls: string,\n  inKeyframes: Keyframes,\n  outKeyframes: Keyframes,\n  duration: string,\n  sameLevel = false,\n): CSSObject => {\n  const sameLevelPrefix = sameLevel ? '&' : ''\n\n  return {\n    [`\n      ${sameLevelPrefix}${motionCls}-enter,\n      ${sameLevelPrefix}${motionCls}-appear\n    `]: {\n      ...initMotionCommon(duration),\n      animationPlayState: 'paused',\n    },\n\n    [`${sameLevelPrefix}${motionCls}-leave`]: {\n      ...initMotionCommonLeave(duration),\n      animationPlayState: 'paused',\n    },\n\n    [`\n      ${sameLevelPrefix}${motionCls}-enter${motionCls}-enter-active,\n      ${sameLevelPrefix}${motionCls}-appear${motionCls}-appear-active\n    `]: {\n      animationName: inKeyframes,\n      animationPlayState: 'running',\n    },\n\n    [`${sameLevelPrefix}${motionCls}-leave${motionCls}-leave-active`]: {\n      animationName: outKeyframes,\n      animationPlayState: 'running',\n      pointerEvents: 'none',\n    },\n  }\n}\n"],"names":["initMotionCommon","duration","initMotionCommonLeave","initMotion","motionCls","inKeyframes","outKeyframes","sameLevel","sameLevelPrefix"],"mappings":"AAEA,MAAMA,EAAoBC,IAAiC,CACzD,kBAAmBA,EACnB,kBAAmB,MACrB,GAGMC,EAAyBD,IAAiC,CAC9D,kBAAmBA,EACnB,kBAAmB,MACrB,GAEaE,EAAa,CACxBC,EACAC,EACAC,EACAL,EACAM,EAAY,KACE,CACd,MAAMC,EAAkBD,EAAY,IAAM,GAE1C,MAAO,CACL,CAAC;AAAA,QACGC,CAAe,GAAGJ,CAAS;AAAA,QAC3BI,CAAe,GAAGJ,CAAS;AAAA,KAC9B,EAAG,CACF,GAAGJ,EAAiBC,CAAQ,EAC5B,mBAAoB,QAAA,EAGtB,CAAC,GAAGO,CAAe,GAAGJ,CAAS,QAAQ,EAAG,CACxC,GAAGF,EAAsBD,CAAQ,EACjC,mBAAoB,QAAA,EAGtB,CAAC;AAAA,QACGO,CAAe,GAAGJ,CAAS,SAASA,CAAS;AAAA,QAC7CI,CAAe,GAAGJ,CAAS,UAAUA,CAAS;AAAA,KACjD,EAAG,CACF,cAAeC,EACf,mBAAoB,SAAA,EAGtB,CAAC,GAAGG,CAAe,GAAGJ,CAAS,SAASA,CAAS,eAAe,EAAG,CACjE,cAAeE,EACf,mBAAoB,UACpB,cAAe,MAAA,CACjB,CAEJ"}

package/dist/es/style/motion/move.mjs

@@ -0,0 +1,5 @@
+import t from"../../_util/cssinjs/Keyframes.mjs";import"../../_util/cssinjs/StyleContext.mjs";import"vue";import"../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";import{initMotion as s}from"./motion.mjs";const m=new t("antMoveDownIn",{"0%":{transform:"translate3d(0, 100%, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),f=new t("antMoveDownOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(0, 100%, 0)",transformOrigin:"0 0",opacity:0}}),c=new t("antMoveLeftIn",{"0%":{transform:"translate3d(-100%, 0, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),p=new t("antMoveLeftOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(-100%, 0, 0)",transformOrigin:"0 0",opacity:0}}),y=new t("antMoveRightIn",{"0%":{transform:"translate3d(100%, 0, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),O=new t("antMoveRightOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(100%, 0, 0)",transformOrigin:"0 0",opacity:0}}),g=new t("antMoveUpIn",{"0%":{transform:"translate3d(0, -100%, 0)",transformOrigin:"0 0",opacity:0},"100%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1}}),v=new t("antMoveUpOut",{"0%":{transform:"translate3d(0, 0, 0)",transformOrigin:"0 0",opacity:1},"100%":{transform:"translate3d(0, -100%, 0)",transformOrigin:"0 0",opacity:0}}),l={"move-up":{inKeyframes:g,outKeyframes:v},"move-down":{inKeyframes:m,outKeyframes:f},"move-left":{inKeyframes:c,outKeyframes:p},"move-right":{inKeyframes:y,outKeyframes:O}},I=(n,o)=>{const{antCls:a}=n,r=`${a}-${o}`,{inKeyframes:i,outKeyframes:e}=l[o];return[s(r,i,e,n.motionDurationMid),{[`
+        ${r}-enter,
+        ${r}-appear
+      `]:{opacity:0,animationTimingFunction:n.motionEaseOutCirc},[`${r}-leave`]:{animationTimingFunction:n.motionEaseInOutCirc}}]};export{I as initMoveMotion,m as moveDownIn,f as moveDownOut,c as moveLeftIn,p as moveLeftOut,y as moveRightIn,O as moveRightOut,g as moveUpIn,v as moveUpOut};
+//# sourceMappingURL=move.mjs.map

package/dist/es/style/motion/move.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"move.mjs","sources":["../../../../src/style/motion/move.ts"],"sourcesContent":["import type { CSSInterpolation } from '../../_util/cssinjs'\nimport { Keyframes } from '../../_util/cssinjs'\nimport type { AliasToken } from '../../theme/internal'\nimport type { TokenWithCommonCls } from '../../theme/util/genComponentStyleHook'\nimport { initMotion } from './motion'\n\nexport const moveDownIn = new Keyframes('antMoveDownIn', {\n  '0%': {\n    transform: 'translate3d(0, 100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n})\n\nexport const moveDownOut = new Keyframes('antMoveDownOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'translate3d(0, 100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n})\n\nexport const moveLeftIn = new Keyframes('antMoveLeftIn', {\n  '0%': {\n    transform: 'translate3d(-100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n})\n\nexport const moveLeftOut = new Keyframes('antMoveLeftOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'translate3d(-100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n})\n\nexport const moveRightIn = new Keyframes('antMoveRightIn', {\n  '0%': {\n    transform: 'translate3d(100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n})\n\nexport const moveRightOut = new Keyframes('antMoveRightOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'translate3d(100%, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n})\n\nexport const moveUpIn = new Keyframes('antMoveUpIn', {\n  '0%': {\n    transform: 'translate3d(0, -100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n})\n\nexport const moveUpOut = new Keyframes('antMoveUpOut', {\n  '0%': {\n    transform: 'translate3d(0, 0, 0)',\n    transformOrigin: '0 0',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'translate3d(0, -100%, 0)',\n    transformOrigin: '0 0',\n    opacity: 0,\n  },\n})\n\ntype MoveMotionTypes = 'move-up' | 'move-down' | 'move-left' | 'move-right'\nconst moveMotion: Record<MoveMotionTypes, { inKeyframes: Keyframes; outKeyframes: Keyframes }> = {\n  'move-up': {\n    inKeyframes: moveUpIn,\n    outKeyframes: moveUpOut,\n  },\n  'move-down': {\n    inKeyframes: moveDownIn,\n    outKeyframes: moveDownOut,\n  },\n  'move-left': {\n    inKeyframes: moveLeftIn,\n    outKeyframes: moveLeftOut,\n  },\n  'move-right': {\n    inKeyframes: moveRightIn,\n    outKeyframes: moveRightOut,\n  },\n}\n\nexport const initMoveMotion = (\n  token: TokenWithCommonCls<AliasToken>,\n  motionName: MoveMotionTypes,\n): CSSInterpolation => {\n  const { antCls } = token\n  const motionCls = `${antCls}-${motionName}`\n  const { inKeyframes, outKeyframes } = moveMotion[motionName]\n\n  return [\n    initMotion(motionCls, inKeyframes, outKeyframes, token.motionDurationMid),\n    {\n      [`\n        ${motionCls}-enter,\n        ${motionCls}-appear\n      `]: {\n        opacity: 0,\n        animationTimingFunction: token.motionEaseOutCirc,\n      },\n\n      [`${motionCls}-leave`]: {\n        animationTimingFunction: token.motionEaseInOutCirc,\n      },\n    },\n  ]\n}\n"],"names":["moveDownIn","Keyframes","moveDownOut","moveLeftIn","moveLeftOut","moveRightIn","moveRightOut","moveUpIn","moveUpOut","moveMotion","initMoveMotion","token","motionName","antCls","motionCls","inKeyframes","outKeyframes","initMotion"],"mappings":"yNAMO,MAAMA,EAAa,IAAIC,EAAU,gBAAiB,CACvD,KAAM,CACJ,UAAW,0BACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAEYC,EAAc,IAAID,EAAU,iBAAkB,CACzD,KAAM,CACJ,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,0BACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAEYE,EAAa,IAAIF,EAAU,gBAAiB,CACvD,KAAM,CACJ,UAAW,2BACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAEYG,EAAc,IAAIH,EAAU,iBAAkB,CACzD,KAAM,CACJ,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,2BACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAEYI,EAAc,IAAIJ,EAAU,iBAAkB,CACzD,KAAM,CACJ,UAAW,0BACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAEYK,EAAe,IAAIL,EAAU,kBAAmB,CAC3D,KAAM,CACJ,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,0BACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAEYM,EAAW,IAAIN,EAAU,cAAe,CACnD,KAAM,CACJ,UAAW,2BACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAEYO,EAAY,IAAIP,EAAU,eAAgB,CACrD,KAAM,CACJ,UAAW,uBACX,gBAAiB,MACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,2BACX,gBAAiB,MACjB,QAAS,CAAA,CAEb,CAAC,EAGKQ,EAA2F,CAC/F,UAAW,CACT,YAAaF,EACb,aAAcC,CAAA,EAEhB,YAAa,CACX,YAAaR,EACb,aAAcE,CAAA,EAEhB,YAAa,CACX,YAAaC,EACb,aAAcC,CAAA,EAEhB,aAAc,CACZ,YAAaC,EACb,aAAcC,CAAA,CAElB,EAEaI,EAAiB,CAC5BC,EACAC,IACqB,CACrB,KAAM,CAAE,OAAAC,GAAWF,EACbG,EAAY,GAAGD,CAAM,IAAID,CAAU,GACnC,CAAE,YAAAG,EAAa,aAAAC,GAAiBP,EAAWG,CAAU,EAE3D,MAAO,CACLK,EAAWH,EAAWC,EAAaC,EAAcL,EAAM,iBAAiB,EACxE,CACE,CAAC;AAAA,UACGG,CAAS;AAAA,UACTA,CAAS;AAAA,OACZ,EAAG,CACF,QAAS,EACT,wBAAyBH,EAAM,iBAAA,EAGjC,CAAC,GAAGG,CAAS,QAAQ,EAAG,CACtB,wBAAyBH,EAAM,mBAAA,CACjC,CACF,CAEJ"}

package/dist/es/style/motion/slide.mjs

@@ -0,0 +1,5 @@
+import n from"../../_util/cssinjs/Keyframes.mjs";import"../../_util/cssinjs/StyleContext.mjs";import"vue";import"../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";import{initMotion as e}from"./motion.mjs";const m=new n("antSlideUpIn",{"0%":{transform:"scaleY(0.8)",transformOrigin:"0% 0%",opacity:0},"100%":{transform:"scaleY(1)",transformOrigin:"0% 0%",opacity:1}}),f=new n("antSlideUpOut",{"0%":{transform:"scaleY(1)",transformOrigin:"0% 0%",opacity:1},"100%":{transform:"scaleY(0.8)",transformOrigin:"0% 0%",opacity:0}}),c=new n("antSlideDownIn",{"0%":{transform:"scaleY(0.8)",transformOrigin:"100% 100%",opacity:0},"100%":{transform:"scaleY(1)",transformOrigin:"100% 100%",opacity:1}}),l=new n("antSlideDownOut",{"0%":{transform:"scaleY(1)",transformOrigin:"100% 100%",opacity:1},"100%":{transform:"scaleY(0.8)",transformOrigin:"100% 100%",opacity:0}}),p=new n("antSlideLeftIn",{"0%":{transform:"scaleX(0.8)",transformOrigin:"0% 0%",opacity:0},"100%":{transform:"scaleX(1)",transformOrigin:"0% 0%",opacity:1}}),y=new n("antSlideLeftOut",{"0%":{transform:"scaleX(1)",transformOrigin:"0% 0%",opacity:1},"100%":{transform:"scaleX(0.8)",transformOrigin:"0% 0%",opacity:0}}),O=new n("antSlideRightIn",{"0%":{transform:"scaleX(0.8)",transformOrigin:"100% 0%",opacity:0},"100%":{transform:"scaleX(1)",transformOrigin:"100% 0%",opacity:1}}),d=new n("antSlideRightOut",{"0%":{transform:"scaleX(1)",transformOrigin:"100% 0%",opacity:1},"100%":{transform:"scaleX(0.8)",transformOrigin:"100% 0%",opacity:0}}),g={"slide-up":{inKeyframes:m,outKeyframes:f},"slide-down":{inKeyframes:c,outKeyframes:l},"slide-left":{inKeyframes:p,outKeyframes:y},"slide-right":{inKeyframes:O,outKeyframes:d}},X=(t,r)=>{const{antCls:a}=t,i=`${a}-${r}`,{inKeyframes:o,outKeyframes:s}=g[r];return[e(i,o,s,t.motionDurationMid),{[`
+      ${i}-enter,
+      ${i}-appear
+    `]:{transform:"scale(0)",transformOrigin:"0% 0%",opacity:0,animationTimingFunction:t.motionEaseOutQuint},[`${i}-leave`]:{animationTimingFunction:t.motionEaseInQuint}}]};export{X as initSlideMotion,c as slideDownIn,l as slideDownOut,p as slideLeftIn,y as slideLeftOut,O as slideRightIn,d as slideRightOut,m as slideUpIn,f as slideUpOut};
+//# sourceMappingURL=slide.mjs.map

package/dist/es/style/motion/slide.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide.mjs","sources":["../../../../src/style/motion/slide.ts"],"sourcesContent":["import type { CSSInterpolation } from '../../_util/cssinjs'\nimport { Keyframes } from '../../_util/cssinjs'\nimport type { AliasToken } from '../../theme/internal'\nimport type { TokenWithCommonCls } from '../../theme/util/genComponentStyleHook'\nimport { initMotion } from './motion'\n\nexport const slideUpIn = new Keyframes('antSlideUpIn', {\n  '0%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1,\n  },\n})\n\nexport const slideUpOut = new Keyframes('antSlideUpOut', {\n  '0%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0,\n  },\n})\n\nexport const slideDownIn = new Keyframes('antSlideDownIn', {\n  '0%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '100% 100%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '100% 100%',\n    opacity: 1,\n  },\n})\n\nexport const slideDownOut = new Keyframes('antSlideDownOut', {\n  '0%': {\n    transform: 'scaleY(1)',\n    transformOrigin: '100% 100%',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'scaleY(0.8)',\n    transformOrigin: '100% 100%',\n    opacity: 0,\n  },\n})\n\nexport const slideLeftIn = new Keyframes('antSlideLeftIn', {\n  '0%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1,\n  },\n})\n\nexport const slideLeftOut = new Keyframes('antSlideLeftOut', {\n  '0%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '0% 0%',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '0% 0%',\n    opacity: 0,\n  },\n})\n\nexport const slideRightIn = new Keyframes('antSlideRightIn', {\n  '0%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '100% 0%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '100% 0%',\n    opacity: 1,\n  },\n})\n\nexport const slideRightOut = new Keyframes('antSlideRightOut', {\n  '0%': {\n    transform: 'scaleX(1)',\n    transformOrigin: '100% 0%',\n    opacity: 1,\n  },\n\n  '100%': {\n    transform: 'scaleX(0.8)',\n    transformOrigin: '100% 0%',\n    opacity: 0,\n  },\n})\n\ntype SlideMotionTypes = 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right'\nconst slideMotion: Record<SlideMotionTypes, { inKeyframes: Keyframes; outKeyframes: Keyframes }> = {\n  'slide-up': {\n    inKeyframes: slideUpIn,\n    outKeyframes: slideUpOut,\n  },\n  'slide-down': {\n    inKeyframes: slideDownIn,\n    outKeyframes: slideDownOut,\n  },\n  'slide-left': {\n    inKeyframes: slideLeftIn,\n    outKeyframes: slideLeftOut,\n  },\n  'slide-right': {\n    inKeyframes: slideRightIn,\n    outKeyframes: slideRightOut,\n  },\n}\n\nexport const initSlideMotion = (\n  token: TokenWithCommonCls<AliasToken>,\n  motionName: SlideMotionTypes,\n): CSSInterpolation => {\n  const { antCls } = token\n  const motionCls = `${antCls}-${motionName}`\n  const { inKeyframes, outKeyframes } = slideMotion[motionName]\n\n  return [\n    initMotion(motionCls, inKeyframes, outKeyframes, token.motionDurationMid),\n\n    {\n      [`\n      ${motionCls}-enter,\n      ${motionCls}-appear\n    `]: {\n        transform: 'scale(0)',\n        transformOrigin: '0% 0%',\n        opacity: 0,\n        animationTimingFunction: token.motionEaseOutQuint,\n      },\n\n      [`${motionCls}-leave`]: {\n        animationTimingFunction: token.motionEaseInQuint,\n      },\n    },\n  ]\n}\n"],"names":["slideUpIn","Keyframes","slideUpOut","slideDownIn","slideDownOut","slideLeftIn","slideLeftOut","slideRightIn","slideRightOut","slideMotion","initSlideMotion","token","motionName","antCls","motionCls","inKeyframes","outKeyframes","initMotion"],"mappings":"yNAMO,MAAMA,EAAY,IAAIC,EAAU,eAAgB,CACrD,KAAM,CACJ,UAAW,cACX,gBAAiB,QACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,YACX,gBAAiB,QACjB,QAAS,CAAA,CAEb,CAAC,EAEYC,EAAa,IAAID,EAAU,gBAAiB,CACvD,KAAM,CACJ,UAAW,YACX,gBAAiB,QACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,cACX,gBAAiB,QACjB,QAAS,CAAA,CAEb,CAAC,EAEYE,EAAc,IAAIF,EAAU,iBAAkB,CACzD,KAAM,CACJ,UAAW,cACX,gBAAiB,YACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,YACX,gBAAiB,YACjB,QAAS,CAAA,CAEb,CAAC,EAEYG,EAAe,IAAIH,EAAU,kBAAmB,CAC3D,KAAM,CACJ,UAAW,YACX,gBAAiB,YACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,cACX,gBAAiB,YACjB,QAAS,CAAA,CAEb,CAAC,EAEYI,EAAc,IAAIJ,EAAU,iBAAkB,CACzD,KAAM,CACJ,UAAW,cACX,gBAAiB,QACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,YACX,gBAAiB,QACjB,QAAS,CAAA,CAEb,CAAC,EAEYK,EAAe,IAAIL,EAAU,kBAAmB,CAC3D,KAAM,CACJ,UAAW,YACX,gBAAiB,QACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,cACX,gBAAiB,QACjB,QAAS,CAAA,CAEb,CAAC,EAEYM,EAAe,IAAIN,EAAU,kBAAmB,CAC3D,KAAM,CACJ,UAAW,cACX,gBAAiB,UACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,YACX,gBAAiB,UACjB,QAAS,CAAA,CAEb,CAAC,EAEYO,EAAgB,IAAIP,EAAU,mBAAoB,CAC7D,KAAM,CACJ,UAAW,YACX,gBAAiB,UACjB,QAAS,CAAA,EAGX,OAAQ,CACN,UAAW,cACX,gBAAiB,UACjB,QAAS,CAAA,CAEb,CAAC,EAGKQ,EAA6F,CACjG,WAAY,CACV,YAAaT,EACb,aAAcE,CAAA,EAEhB,aAAc,CACZ,YAAaC,EACb,aAAcC,CAAA,EAEhB,aAAc,CACZ,YAAaC,EACb,aAAcC,CAAA,EAEhB,cAAe,CACb,YAAaC,EACb,aAAcC,CAAA,CAElB,EAEaE,EAAkB,CAC7BC,EACAC,IACqB,CACrB,KAAM,CAAE,OAAAC,GAAWF,EACbG,EAAY,GAAGD,CAAM,IAAID,CAAU,GACnC,CAAE,YAAAG,EAAa,aAAAC,GAAiBP,EAAYG,CAAU,EAE5D,MAAO,CACLK,EAAWH,EAAWC,EAAaC,EAAcL,EAAM,iBAAiB,EAExE,CACE,CAAC;AAAA,QACCG,CAAS;AAAA,QACTA,CAAS;AAAA,KACZ,EAAG,CACA,UAAW,WACX,gBAAiB,QACjB,QAAS,EACT,wBAAyBH,EAAM,kBAAA,EAGjC,CAAC,GAAGG,CAAS,QAAQ,EAAG,CACtB,wBAAyBH,EAAM,iBAAA,CACjC,CACF,CAEJ"}

package/dist/es/style/motion/zoom.mjs

@@ -0,0 +1,5 @@
+import o from"../../_util/cssinjs/Keyframes.mjs";import"../../_util/cssinjs/StyleContext.mjs";import"vue";import"../../_util/cssinjs/transformers/legacyLogicalProperties.mjs";import{initMotion as f}from"./motion.mjs";const c=new o("antZoomIn",{"0%":{transform:"scale(0.2)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),y=new o("antZoomOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.2)",opacity:0}}),a=new o("antZoomBigIn",{"0%":{transform:"scale(0.8)",opacity:0},"100%":{transform:"scale(1)",opacity:1}}),s=new o("antZoomBigOut",{"0%":{transform:"scale(1)"},"100%":{transform:"scale(0.8)",opacity:0}}),g=new o("antZoomUpIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 0%"}}),p=new o("antZoomUpOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 0%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 0%",opacity:0}}),O=new o("antZoomLeftIn",{"0%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"0% 50%"}}),l=new o("antZoomLeftOut",{"0%":{transform:"scale(1)",transformOrigin:"0% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"0% 50%",opacity:0}}),u=new o("antZoomRightIn",{"0%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"100% 50%"}}),z=new o("antZoomRightOut",{"0%":{transform:"scale(1)",transformOrigin:"100% 50%"},"100%":{transform:"scale(0.8)",transformOrigin:"100% 50%",opacity:0}}),w=new o("antZoomDownIn",{"0%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0},"100%":{transform:"scale(1)",transformOrigin:"50% 100%"}}),K=new o("antZoomDownOut",{"0%":{transform:"scale(1)",transformOrigin:"50% 100%"},"100%":{transform:"scale(0.8)",transformOrigin:"50% 100%",opacity:0}}),I={zoom:{inKeyframes:c,outKeyframes:y},"zoom-big":{inKeyframes:a,outKeyframes:s},"zoom-big-fast":{inKeyframes:a,outKeyframes:s},"zoom-left":{inKeyframes:O,outKeyframes:l},"zoom-right":{inKeyframes:u,outKeyframes:z},"zoom-up":{inKeyframes:g,outKeyframes:p},"zoom-down":{inKeyframes:w,outKeyframes:K}},C=(n,r)=>{const{antCls:m}=n,t=`${m}-${r}`,{inKeyframes:i,outKeyframes:e}=I[r];return[f(t,i,e,r==="zoom-big-fast"?n.motionDurationFast:n.motionDurationMid),{[`
+        ${t}-enter,
+        ${t}-appear
+      `]:{transform:"scale(0)",opacity:0,animationTimingFunction:n.motionEaseOutCirc,"&-prepare":{transform:"none"}},[`${t}-leave`]:{animationTimingFunction:n.motionEaseInOutCirc}}]};export{C as initZoomMotion,a as zoomBigIn,s as zoomBigOut,w as zoomDownIn,K as zoomDownOut,c as zoomIn,O as zoomLeftIn,l as zoomLeftOut,y as zoomOut,u as zoomRightIn,z as zoomRightOut,g as zoomUpIn,p as zoomUpOut};
+//# sourceMappingURL=zoom.mjs.map

package/dist/es/style/motion/zoom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom.mjs","sources":["../../../../src/style/motion/zoom.ts"],"sourcesContent":["import type { CSSInterpolation } from '../../_util/cssinjs'\nimport { Keyframes } from '../../_util/cssinjs'\nimport type { AliasToken } from '../../theme/internal'\nimport type { TokenWithCommonCls } from '../../theme/util/genComponentStyleHook'\nimport { initMotion } from './motion'\n\nexport const zoomIn = new Keyframes('antZoomIn', {\n  '0%': {\n    transform: 'scale(0.2)',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n})\n\nexport const zoomOut = new Keyframes('antZoomOut', {\n  '0%': {\n    transform: 'scale(1)',\n  },\n\n  '100%': {\n    transform: 'scale(0.2)',\n    opacity: 0,\n  },\n})\n\nexport const zoomBigIn = new Keyframes('antZoomBigIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n})\n\nexport const zoomBigOut = new Keyframes('antZoomBigOut', {\n  '0%': {\n    transform: 'scale(1)',\n  },\n\n  '100%': {\n    transform: 'scale(0.8)',\n    opacity: 0,\n  },\n})\n\nexport const zoomUpIn = new Keyframes('antZoomUpIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 0%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 0%',\n  },\n})\n\nexport const zoomUpOut = new Keyframes('antZoomUpOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 0%',\n  },\n\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 0%',\n    opacity: 0,\n  },\n})\n\nexport const zoomLeftIn = new Keyframes('antZoomLeftIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '0% 50%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '0% 50%',\n  },\n})\n\nexport const zoomLeftOut = new Keyframes('antZoomLeftOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '0% 50%',\n  },\n\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '0% 50%',\n    opacity: 0,\n  },\n})\n\nexport const zoomRightIn = new Keyframes('antZoomRightIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '100% 50%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '100% 50%',\n  },\n})\n\nexport const zoomRightOut = new Keyframes('antZoomRightOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '100% 50%',\n  },\n\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '100% 50%',\n    opacity: 0,\n  },\n})\n\nexport const zoomDownIn = new Keyframes('antZoomDownIn', {\n  '0%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 100%',\n    opacity: 0,\n  },\n\n  '100%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 100%',\n  },\n})\n\nexport const zoomDownOut = new Keyframes('antZoomDownOut', {\n  '0%': {\n    transform: 'scale(1)',\n    transformOrigin: '50% 100%',\n  },\n\n  '100%': {\n    transform: 'scale(0.8)',\n    transformOrigin: '50% 100%',\n    opacity: 0,\n  },\n})\n\ntype ZoomMotionTypes =\n  | 'zoom'\n  | 'zoom-big'\n  | 'zoom-big-fast'\n  | 'zoom-left'\n  | 'zoom-right'\n  | 'zoom-up'\n  | 'zoom-down'\nconst zoomMotion: Record<ZoomMotionTypes, { inKeyframes: Keyframes; outKeyframes: Keyframes }> = {\n  zoom: {\n    inKeyframes: zoomIn,\n    outKeyframes: zoomOut,\n  },\n  'zoom-big': {\n    inKeyframes: zoomBigIn,\n    outKeyframes: zoomBigOut,\n  },\n  'zoom-big-fast': {\n    inKeyframes: zoomBigIn,\n    outKeyframes: zoomBigOut,\n  },\n  'zoom-left': {\n    inKeyframes: zoomLeftIn,\n    outKeyframes: zoomLeftOut,\n  },\n  'zoom-right': {\n    inKeyframes: zoomRightIn,\n    outKeyframes: zoomRightOut,\n  },\n  'zoom-up': {\n    inKeyframes: zoomUpIn,\n    outKeyframes: zoomUpOut,\n  },\n  'zoom-down': {\n    inKeyframes: zoomDownIn,\n    outKeyframes: zoomDownOut,\n  },\n}\n\nexport const initZoomMotion = (\n  token: TokenWithCommonCls<AliasToken>,\n  motionName: ZoomMotionTypes,\n): CSSInterpolation => {\n  const { antCls } = token\n  const motionCls = `${antCls}-${motionName}`\n  const { inKeyframes, outKeyframes } = zoomMotion[motionName]\n\n  return [\n    initMotion(\n      motionCls,\n      inKeyframes,\n      outKeyframes,\n      motionName === 'zoom-big-fast' ? token.motionDurationFast : token.motionDurationMid,\n    ),\n    {\n      [`\n        ${motionCls}-enter,\n        ${motionCls}-appear\n      `]: {\n        transform: 'scale(0)',\n        opacity: 0,\n        animationTimingFunction: token.motionEaseOutCirc,\n\n        '&-prepare': {\n          transform: 'none',\n        },\n      },\n\n      [`${motionCls}-leave`]: {\n        animationTimingFunction: token.motionEaseInOutCirc,\n      },\n    },\n  ]\n}\n"],"names":["zoomIn","Keyframes","zoomOut","zoomBigIn","zoomBigOut","zoomUpIn","zoomUpOut","zoomLeftIn","zoomLeftOut","zoomRightIn","zoomRightOut","zoomDownIn","zoomDownOut","zoomMotion","initZoomMotion","token","motionName","antCls","motionCls","inKeyframes","outKeyframes","initMotion"],"mappings":"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"}

package/dist/es/style/operationUnit.mjs

@@ -0,0 +1,2 @@
+const r=o=>({color:o.colorLink,textDecoration:"none",outline:"none",cursor:"pointer",transition:`color ${o.motionDurationSlow}`,"&:focus, &:hover":{color:o.colorLinkHover},"&:active":{color:o.colorLinkActive}});export{r as operationUnit};
+//# sourceMappingURL=operationUnit.mjs.map

package/dist/es/style/operationUnit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"operationUnit.mjs","sources":["../../../src/style/operationUnit.ts"],"sourcesContent":["import type { CSSObject } from '../_util/cssinjs'\nimport type { DerivativeToken } from '../theme/internal'\n\nexport const operationUnit = (token: DerivativeToken): CSSObject => ({\n  // FIXME: This use link but is a operation unit. Seems should be a colorPrimary.\n  // And Typography use this to generate link style which should not do this.\n  color: token.colorLink,\n  textDecoration: 'none',\n  outline: 'none',\n  cursor: 'pointer',\n  transition: `color ${token.motionDurationSlow}`,\n\n  '&:focus, &:hover': {\n    color: token.colorLinkHover,\n  },\n\n  '&:active': {\n    color: token.colorLinkActive,\n  },\n})\n"],"names":["operationUnit","token"],"mappings":"AAGO,MAAMA,EAAiBC,IAAuC,CAGnE,MAAOA,EAAM,UACb,eAAgB,OAChB,QAAS,OACT,OAAQ,UACR,WAAY,SAASA,EAAM,kBAAkB,GAE7C,mBAAoB,CAClB,MAAOA,EAAM,cAAA,EAGf,WAAY,CACV,MAAOA,EAAM,eAAA,CAEjB"}

package/dist/es/style/placementArrow.mjs

@@ -0,0 +1,2 @@
+import{roundedArrow as _}from"./roundedArrow.mjs";function d(r,a=""){return r.map(t=>`${a}${t}`).join(",")}const g=8;function $(r){const a=g,{sizePopupArrow:t,contentRadius:o,borderRadiusOuter:w,limitVerticalRadius:f}=r,n=t/2-Math.ceil(w*(Math.sqrt(2)-1)),p=(o>12?o+2:12)-n,l=f?a-n:p;return{dropdownArrowOffset:p,dropdownArrowOffsetVertical:l}}function b(r,a){const{componentCls:t,sizePopupArrow:o,marginXXS:w,borderRadiusXS:f,borderRadiusOuter:n,boxShadowPopoverArrow:p}=r,{colorBg:l,showArrowCls:c,contentRadius:u=r.borderRadiusLG,limitVerticalRadius:h}=a,{dropdownArrowOffsetVertical:m,dropdownArrowOffset:i}=$({sizePopupArrow:o,contentRadius:u,borderRadiusOuter:n,limitVerticalRadius:h}),s=o/2+w;return{[t]:{[`${t}-arrow`]:[{position:"absolute",zIndex:1,display:"block",..._(o,f,n,l,p),"&:before":{background:l}}],[[`&-placement-top ${t}-arrow`,`&-placement-topLeft ${t}-arrow`,`&-placement-topRight ${t}-arrow`].join(",")]:{bottom:0,transform:"translateY(100%) rotate(180deg)"},[`&-placement-top ${t}-arrow`]:{left:{_skip_check_:!0,value:"50%"},transform:"translateX(-50%) translateY(100%) rotate(180deg)"},[`&-placement-topLeft ${t}-arrow`]:{left:{_skip_check_:!0,value:i}},[`&-placement-topRight ${t}-arrow`]:{right:{_skip_check_:!0,value:i}},[[`&-placement-bottom ${t}-arrow`,`&-placement-bottomLeft ${t}-arrow`,`&-placement-bottomRight ${t}-arrow`].join(",")]:{top:0,transform:"translateY(-100%)"},[`&-placement-bottom ${t}-arrow`]:{left:{_skip_check_:!0,value:"50%"},transform:"translateX(-50%) translateY(-100%)"},[`&-placement-bottomLeft ${t}-arrow`]:{left:{_skip_check_:!0,value:i}},[`&-placement-bottomRight ${t}-arrow`]:{right:{_skip_check_:!0,value:i}},[[`&-placement-left ${t}-arrow`,`&-placement-leftTop ${t}-arrow`,`&-placement-leftBottom ${t}-arrow`].join(",")]:{right:{_skip_check_:!0,value:0},transform:"translateX(100%) rotate(90deg)"},[`&-placement-left ${t}-arrow`]:{top:{_skip_check_:!0,value:"50%"},transform:"translateY(-50%) translateX(100%) rotate(90deg)"},[`&-placement-leftTop ${t}-arrow`]:{top:m},[`&-placement-leftBottom ${t}-arrow`]:{bottom:m},[[`&-placement-right ${t}-arrow`,`&-placement-rightTop ${t}-arrow`,`&-placement-rightBottom ${t}-arrow`].join(",")]:{left:{_skip_check_:!0,value:0},transform:"translateX(-100%) rotate(-90deg)"},[`&-placement-right ${t}-arrow`]:{top:{_skip_check_:!0,value:"50%"},transform:"translateY(-50%) translateX(-100%) rotate(-90deg)"},[`&-placement-rightTop ${t}-arrow`]:{top:m},[`&-placement-rightBottom ${t}-arrow`]:{bottom:m},[d(["&-placement-topLeft","&-placement-top","&-placement-topRight"].map(e=>e+=":not(&-arrow-hidden)"),c)]:{paddingBottom:s},[d(["&-placement-bottomLeft","&-placement-bottom","&-placement-bottomRight"].map(e=>e+=":not(&-arrow-hidden)"),c)]:{paddingTop:s},[d(["&-placement-leftTop","&-placement-left","&-placement-leftBottom"].map(e=>e+=":not(&-arrow-hidden)"),c)]:{paddingRight:{_skip_check_:!0,value:s}},[d(["&-placement-rightTop","&-placement-right","&-placement-rightBottom"].map(e=>e+=":not(&-arrow-hidden)"),c)]:{paddingLeft:{_skip_check_:!0,value:s}}}}}export{g as MAX_VERTICAL_CONTENT_RADIUS,b as default,$ as getArrowOffset};
+//# sourceMappingURL=placementArrow.mjs.map

package/dist/es/style/placementArrow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"placementArrow.mjs","sources":["../../../src/style/placementArrow.ts"],"sourcesContent":["import type { CSSInterpolation } from '../_util/cssinjs'\nimport type { AliasToken } from '../theme/internal'\nimport type { TokenWithCommonCls } from '../theme/util/genComponentStyleHook'\nimport { roundedArrow } from './roundedArrow'\n\nfunction connectArrowCls(classList: string[], showArrowCls = '') {\n  return classList.map((cls) => `${showArrowCls}${cls}`).join(',')\n}\n\nexport const MAX_VERTICAL_CONTENT_RADIUS = 8\n\nexport function getArrowOffset(options: {\n  sizePopupArrow: number\n  contentRadius: number\n  borderRadiusOuter: number\n  limitVerticalRadius?: boolean\n}) {\n  const maxVerticalContentRadius = MAX_VERTICAL_CONTENT_RADIUS\n  const { sizePopupArrow, contentRadius, borderRadiusOuter, limitVerticalRadius } = options\n  const arrowInnerOffset = sizePopupArrow / 2 - Math.ceil(borderRadiusOuter * (Math.sqrt(2) - 1))\n  const dropdownArrowOffset = (contentRadius > 12 ? contentRadius + 2 : 12) - arrowInnerOffset\n  const dropdownArrowOffsetVertical = limitVerticalRadius\n    ? maxVerticalContentRadius - arrowInnerOffset\n    : dropdownArrowOffset\n  return { dropdownArrowOffset, dropdownArrowOffsetVertical }\n}\n\nexport default function getArrowStyle<Token extends TokenWithCommonCls<AliasToken>>(\n  token: Token,\n  options: {\n    colorBg: string\n    showArrowCls?: string\n    contentRadius?: number\n    limitVerticalRadius?: boolean\n  },\n): CSSInterpolation {\n  const {\n    componentCls,\n    sizePopupArrow,\n    marginXXS,\n    borderRadiusXS,\n    borderRadiusOuter,\n    boxShadowPopoverArrow,\n  } = token\n\n  const {\n    colorBg,\n    showArrowCls,\n    contentRadius = token.borderRadiusLG,\n    limitVerticalRadius,\n  } = options\n\n  const { dropdownArrowOffsetVertical, dropdownArrowOffset } = getArrowOffset({\n    sizePopupArrow,\n    contentRadius,\n    borderRadiusOuter,\n    limitVerticalRadius,\n  })\n  const dropdownArrowDistance = sizePopupArrow / 2 + marginXXS\n\n  return {\n    [componentCls]: {\n      // ============================ Basic ============================\n      [`${componentCls}-arrow`]: [\n        {\n          position: 'absolute',\n          zIndex: 1, // lift it up so the menu wouldn't cask shadow on it\n          display: 'block',\n\n          ...roundedArrow(\n            sizePopupArrow,\n            borderRadiusXS,\n            borderRadiusOuter,\n            colorBg,\n            boxShadowPopoverArrow,\n          ),\n\n          '&:before': {\n            background: colorBg,\n          },\n        },\n      ],\n\n      // ========================== Placement ==========================\n      // Here handle the arrow position and rotate stuff\n      // >>>>> Top\n      [[\n        `&-placement-top ${componentCls}-arrow`,\n        `&-placement-topLeft ${componentCls}-arrow`,\n        `&-placement-topRight ${componentCls}-arrow`,\n      ].join(',')]: {\n        bottom: 0,\n        transform: 'translateY(100%) rotate(180deg)',\n      },\n\n      [`&-placement-top ${componentCls}-arrow`]: {\n        left: {\n          _skip_check_: true,\n          value: '50%',\n        },\n        transform: 'translateX(-50%) translateY(100%) rotate(180deg)',\n      },\n\n      [`&-placement-topLeft ${componentCls}-arrow`]: {\n        left: {\n          _skip_check_: true,\n          value: dropdownArrowOffset,\n        },\n      },\n\n      [`&-placement-topRight ${componentCls}-arrow`]: {\n        right: {\n          _skip_check_: true,\n          value: dropdownArrowOffset,\n        },\n      },\n\n      // >>>>> Bottom\n      [[\n        `&-placement-bottom ${componentCls}-arrow`,\n        `&-placement-bottomLeft ${componentCls}-arrow`,\n        `&-placement-bottomRight ${componentCls}-arrow`,\n      ].join(',')]: {\n        top: 0,\n        transform: `translateY(-100%)`,\n      },\n\n      [`&-placement-bottom ${componentCls}-arrow`]: {\n        left: {\n          _skip_check_: true,\n          value: '50%',\n        },\n        transform: `translateX(-50%) translateY(-100%)`,\n      },\n\n      [`&-placement-bottomLeft ${componentCls}-arrow`]: {\n        left: {\n          _skip_check_: true,\n          value: dropdownArrowOffset,\n        },\n      },\n\n      [`&-placement-bottomRight ${componentCls}-arrow`]: {\n        right: {\n          _skip_check_: true,\n          value: dropdownArrowOffset,\n        },\n      },\n\n      // >>>>> Left\n      [[\n        `&-placement-left ${componentCls}-arrow`,\n        `&-placement-leftTop ${componentCls}-arrow`,\n        `&-placement-leftBottom ${componentCls}-arrow`,\n      ].join(',')]: {\n        right: {\n          _skip_check_: true,\n          value: 0,\n        },\n        transform: 'translateX(100%) rotate(90deg)',\n      },\n\n      [`&-placement-left ${componentCls}-arrow`]: {\n        top: {\n          _skip_check_: true,\n          value: '50%',\n        },\n        transform: 'translateY(-50%) translateX(100%) rotate(90deg)',\n      },\n\n      [`&-placement-leftTop ${componentCls}-arrow`]: {\n        top: dropdownArrowOffsetVertical,\n      },\n\n      [`&-placement-leftBottom ${componentCls}-arrow`]: {\n        bottom: dropdownArrowOffsetVertical,\n      },\n\n      // >>>>> Right\n      [[\n        `&-placement-right ${componentCls}-arrow`,\n        `&-placement-rightTop ${componentCls}-arrow`,\n        `&-placement-rightBottom ${componentCls}-arrow`,\n      ].join(',')]: {\n        left: {\n          _skip_check_: true,\n          value: 0,\n        },\n        transform: 'translateX(-100%) rotate(-90deg)',\n      },\n\n      [`&-placement-right ${componentCls}-arrow`]: {\n        top: {\n          _skip_check_: true,\n          value: '50%',\n        },\n        transform: 'translateY(-50%) translateX(-100%) rotate(-90deg)',\n      },\n\n      [`&-placement-rightTop ${componentCls}-arrow`]: {\n        top: dropdownArrowOffsetVertical,\n      },\n\n      [`&-placement-rightBottom ${componentCls}-arrow`]: {\n        bottom: dropdownArrowOffsetVertical,\n      },\n\n      // =========================== Offset ============================\n      // Offset the popover to account for the dropdown arrow\n      // >>>>> Top\n      [connectArrowCls(\n        [`&-placement-topLeft`, `&-placement-top`, `&-placement-topRight`].map(\n          (cls) => (cls += ':not(&-arrow-hidden)'),\n        ),\n        showArrowCls,\n      )]: {\n        paddingBottom: dropdownArrowDistance,\n      },\n\n      // >>>>> Bottom\n      [connectArrowCls(\n        [`&-placement-bottomLeft`, `&-placement-bottom`, `&-placement-bottomRight`].map(\n          (cls) => (cls += ':not(&-arrow-hidden)'),\n        ),\n        showArrowCls,\n      )]: {\n        paddingTop: dropdownArrowDistance,\n      },\n\n      // >>>>> Left\n      [connectArrowCls(\n        [`&-placement-leftTop`, `&-placement-left`, `&-placement-leftBottom`].map(\n          (cls) => (cls += ':not(&-arrow-hidden)'),\n        ),\n        showArrowCls,\n      )]: {\n        paddingRight: {\n          _skip_check_: true,\n          value: dropdownArrowDistance,\n        },\n      },\n\n      // >>>>> Right\n      [connectArrowCls(\n        [`&-placement-rightTop`, `&-placement-right`, `&-placement-rightBottom`].map(\n          (cls) => (cls += ':not(&-arrow-hidden)'),\n        ),\n        showArrowCls,\n      )]: {\n        paddingLeft: {\n          _skip_check_: true,\n          value: dropdownArrowDistance,\n        },\n      },\n    },\n  }\n}\n"],"names":["connectArrowCls","classList","showArrowCls","cls","MAX_VERTICAL_CONTENT_RADIUS","getArrowOffset","options","maxVerticalContentRadius","sizePopupArrow","contentRadius","borderRadiusOuter","limitVerticalRadius","arrowInnerOffset","dropdownArrowOffset","dropdownArrowOffsetVertical","getArrowStyle","token","componentCls","marginXXS","borderRadiusXS","boxShadowPopoverArrow","colorBg","dropdownArrowDistance","roundedArrow"],"mappings":"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"}

package/dist/es/style/presetColor.mjs

@@ -0,0 +1,2 @@
+import{PresetColors as l}from"../theme/interface/presetColors.mjs";function $(t,o){return l.reduce((s,r)=>{const n=t[`${r}-1`],C=t[`${r}-3`],e=t[`${r}-6`],i=t[`${r}-7`];return{...s,...o(r,{lightColor:n,lightBorderColor:C,darkColor:e,textColor:i})}},{})}export{$ as genPresetColor};
+//# sourceMappingURL=presetColor.mjs.map

package/dist/es/style/presetColor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"presetColor.mjs","sources":["../../../src/style/presetColor.tsx"],"sourcesContent":["import type { CSSObject } from '../_util/cssinjs'\nimport { PresetColors } from '../theme/interface'\nimport type { AliasToken, PresetColorKey } from '../theme/internal'\nimport type { TokenWithCommonCls } from '../theme/util/genComponentStyleHook'\n\ninterface CalcColor {\n  /** token[`${colorKey}-1`] */\n  lightColor: string\n  /** token[`${colorKey}-3`] */\n  lightBorderColor: string\n  /** token[`${colorKey}-6`] */\n  darkColor: string\n  /** token[`${colorKey}-7`] */\n  textColor: string\n}\n\ntype GenCSS = (colorKey: PresetColorKey, calcColor: CalcColor) => CSSObject\n\nexport function genPresetColor<Token extends TokenWithCommonCls<AliasToken>>(\n  token: Token,\n  genCss: GenCSS,\n): CSSObject {\n  return PresetColors.reduce((prev: CSSObject, colorKey: PresetColorKey) => {\n    const lightColor = token[`${colorKey}-1`]\n    const lightBorderColor = token[`${colorKey}-3`]\n    const darkColor = token[`${colorKey}-6`]\n    const textColor = token[`${colorKey}-7`]\n\n    return {\n      ...prev,\n      ...genCss(colorKey, { lightColor, lightBorderColor, darkColor, textColor }),\n    }\n  }, {} as CSSObject)\n}\n"],"names":["genPresetColor","token","genCss","PresetColors","reduce","prev","colorKey","lightColor","lightBorderColor","darkColor","textColor"],"mappings":"mEAkBO,SAASA,EACdC,EACAC,EACW,CACX,OAAOC,EAAaC,OAAO,CAACC,EAAiBC,IAA6B,CACxE,MAAMC,EAAaN,EAAM,GAAGK,CAAQ,IAAI,EAClCE,EAAmBP,EAAM,GAAGK,CAAQ,IAAI,EACxCG,EAAYR,EAAM,GAAGK,CAAQ,IAAI,EACjCI,EAAYT,EAAM,GAAGK,CAAQ,IAAI,EAEvC,MAAO,CACL,GAAGD,EACH,GAAGH,EAAOI,EAAU,CAAEC,WAAAA,EAAYC,iBAAAA,EAAkBC,UAAAA,EAAWC,UAAAA,EAAW,EAE9E,EAAG,CAAA,CAAe,CACpB"}

package/dist/es/style/roundedArrow.mjs

@@ -0,0 +1,2 @@
+const m=(n,s,t,x,b)=>{const o=n/2,e=0,$=o,r=t*1/Math.sqrt(2),a=o-t*(1-1/Math.sqrt(2)),h=o-s*(1/Math.sqrt(2)),p=t*(Math.sqrt(2)-1)+s*(1/Math.sqrt(2)),g=2*o-h,M=p,f=2*o-r,q=a,y=2*o-e,_=$,l=o*Math.sqrt(2)+t*(Math.sqrt(2)-2),c=t*(Math.sqrt(2)-1);return{pointerEvents:"none",width:n,height:n,overflow:"hidden","&::after":{content:'""',position:"absolute",width:l,height:l,bottom:0,insetInline:0,margin:"auto",borderRadius:{_skip_check_:!0,value:`0 0 ${s}px 0`},transform:"translateY(50%) rotate(-135deg)",boxShadow:b,zIndex:0,background:"transparent"},"&::before":{position:"absolute",bottom:0,insetInlineStart:0,width:n,height:n/2,background:x,clipPath:{_multi_value_:!0,value:[`polygon(${c}px 100%, 50% ${c}px, ${2*o-c}px 100%, ${c}px 100%)`,`path('M ${e} ${$} A ${t} ${t} 0 0 0 ${r} ${a} L ${h} ${p} A ${s} ${s} 0 0 1 ${g} ${M} L ${f} ${q} A ${t} ${t} 0 0 0 ${y} ${_} Z')`]},content:'""'}}};export{m as roundedArrow};
+//# sourceMappingURL=roundedArrow.mjs.map

package/dist/es/style/roundedArrow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"roundedArrow.mjs","sources":["../../../src/style/roundedArrow.ts"],"sourcesContent":["import type { CSSObject } from '../_util/cssinjs'\n\nexport const roundedArrow = (\n  width: number,\n  innerRadius: number,\n  outerRadius: number,\n  bgColor: string,\n  boxShadow: string,\n): CSSObject => {\n  const unitWidth = width / 2\n\n  const ax = 0\n  const ay = unitWidth\n  const bx = (outerRadius * 1) / Math.sqrt(2)\n  const by = unitWidth - outerRadius * (1 - 1 / Math.sqrt(2))\n  const cx = unitWidth - innerRadius * (1 / Math.sqrt(2))\n  const cy = outerRadius * (Math.sqrt(2) - 1) + innerRadius * (1 / Math.sqrt(2))\n  const dx = 2 * unitWidth - cx\n  const dy = cy\n  const ex = 2 * unitWidth - bx\n  const ey = by\n  const fx = 2 * unitWidth - ax\n  const fy = ay\n\n  const shadowWidth = unitWidth * Math.sqrt(2) + outerRadius * (Math.sqrt(2) - 2)\n  const polygonOffset = outerRadius * (Math.sqrt(2) - 1)\n\n  return {\n    pointerEvents: 'none',\n    width,\n    height: width,\n    overflow: 'hidden',\n\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      width: shadowWidth,\n      height: shadowWidth,\n      bottom: 0,\n      insetInline: 0,\n      margin: 'auto',\n      borderRadius: {\n        _skip_check_: true,\n        value: `0 0 ${innerRadius}px 0`,\n      },\n      transform: 'translateY(50%) rotate(-135deg)',\n      boxShadow,\n      zIndex: 0,\n      background: 'transparent',\n    },\n\n    '&::before': {\n      position: 'absolute',\n      bottom: 0,\n      insetInlineStart: 0,\n      width,\n      height: width / 2,\n      background: bgColor,\n      clipPath: {\n        _multi_value_: true,\n        value: [\n          `polygon(${polygonOffset}px 100%, 50% ${polygonOffset}px, ${\n            2 * unitWidth - polygonOffset\n          }px 100%, ${polygonOffset}px 100%)`,\n          `path('M ${ax} ${ay} A ${outerRadius} ${outerRadius} 0 0 0 ${bx} ${by} L ${cx} ${cy} A ${innerRadius} ${innerRadius} 0 0 1 ${dx} ${dy} L ${ex} ${ey} A ${outerRadius} ${outerRadius} 0 0 0 ${fx} ${fy} Z')`,\n        ],\n      } as any,\n      content: '\"\"',\n    },\n  }\n}\n"],"names":["roundedArrow","width","innerRadius","outerRadius","bgColor","boxShadow","unitWidth","ax","ay","bx","by","cx","cy","dx","dy","ex","ey","fx","fy","shadowWidth","polygonOffset"],"mappings":"AAEO,MAAMA,EAAe,CAC1BC,EACAC,EACAC,EACAC,EACAC,IACc,CACd,MAAMC,EAAYL,EAAQ,EAEpBM,EAAK,EACLC,EAAKF,EACLG,EAAMN,EAAc,EAAK,KAAK,KAAK,CAAC,EACpCO,EAAKJ,EAAYH,GAAe,EAAI,EAAI,KAAK,KAAK,CAAC,GACnDQ,EAAKL,EAAYJ,GAAe,EAAI,KAAK,KAAK,CAAC,GAC/CU,EAAKT,GAAe,KAAK,KAAK,CAAC,EAAI,GAAKD,GAAe,EAAI,KAAK,KAAK,CAAC,GACtEW,EAAK,EAAIP,EAAYK,EACrBG,EAAKF,EACLG,EAAK,EAAIT,EAAYG,EACrBO,EAAKN,EACLO,EAAK,EAAIX,EAAYC,EACrBW,EAAKV,EAELW,EAAcb,EAAY,KAAK,KAAK,CAAC,EAAIH,GAAe,KAAK,KAAK,CAAC,EAAI,GACvEiB,EAAgBjB,GAAe,KAAK,KAAK,CAAC,EAAI,GAEpD,MAAO,CACL,cAAe,OACf,MAAAF,EACA,OAAQA,EACR,SAAU,SAEV,WAAY,CACV,QAAS,KACT,SAAU,WACV,MAAOkB,EACP,OAAQA,EACR,OAAQ,EACR,YAAa,EACb,OAAQ,OACR,aAAc,CACZ,aAAc,GACd,MAAO,OAAOjB,CAAW,MAAA,EAE3B,UAAW,kCACX,UAAAG,EACA,OAAQ,EACR,WAAY,aAAA,EAGd,YAAa,CACX,SAAU,WACV,OAAQ,EACR,iBAAkB,EAClB,MAAAJ,EACA,OAAQA,EAAQ,EAChB,WAAYG,EACZ,SAAU,CACR,cAAe,GACf,MAAO,CACL,WAAWgB,CAAa,gBAAgBA,CAAa,OACnD,EAAId,EAAYc,CAClB,YAAYA,CAAa,WACzB,WAAWb,CAAE,IAAIC,CAAE,MAAML,CAAW,IAAIA,CAAW,UAAUM,CAAE,IAAIC,CAAE,MAAMC,CAAE,IAAIC,CAAE,MAAMV,CAAW,IAAIA,CAAW,UAAUW,CAAE,IAAIC,CAAE,MAAMC,CAAE,IAAIC,CAAE,MAAMb,CAAW,IAAIA,CAAW,UAAUc,CAAE,IAAIC,CAAE,MAAA,CACvM,EAEF,QAAS,IAAA,CACX,CAEJ"}

package/dist/es/switch/index.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as O,computed as h,onBeforeMount as M,ref as v,watch as j,onMounted as D,nextTick as K,createVNode as c}from"vue";import y from"../_util/KeyCode.mjs";import N from"../_util/omit.mjs";import{getPropsSlot as g}from"../_util/props-util/index.mjs";import{withInstall as z,tuple as A}from"../_util/type.mjs";import n from"../_util/vue-types/index.mjs";import P from"../_util/wave/index.mjs";import{useInjectDisabled as U}from"../config-provider/DisabledContext.mjs";import _ from"../config-provider/hooks/useConfigInject.mjs";import{useInjectFormItemContext as E}from"../form/FormItemContext.mjs";import H from"./style/index.mjs";import L from"../node_modules/.pnpm/@ant-design_icons-vue@7.0.1_vue@3.5.27_typescript@5.9.3_/node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.mjs";const R=A("small","default"),W=()=>({id:String,prefixCls:String,size:n.oneOf(R),disabled:{type:Boolean,default:void 0},checkedChildren:n.any,unCheckedChildren:n.any,tabindex:n.oneOfType([n.string,n.number]),autofocus:{type:Boolean,default:void 0},loading:{type:Boolean,default:void 0},checked:n.oneOfType([n.string,n.number,n.looseBool]),checkedValue:n.oneOfType([n.string,n.number,n.looseBool]).def(!0),unCheckedValue:n.oneOfType([n.string,n.number,n.looseBool]).def(!1),onChange:{type:Function},onClick:{type:Function},onKeydown:{type:Function},onMouseup:{type:Function},"onUpdate:checked":{type:Function},onBlur:Function,onFocus:Function}),G=O({compatConfig:{MODE:3},name:"ASwitch",__ANT_SWITCH:!0,inheritAttrs:!1,props:W(),slots:Object,setup(e,{attrs:i,slots:f,expose:b,emit:u}){const k=E(),p=U(),a=h(()=>e.disabled??p.value);M(()=>{});const s=v(e.checked!==void 0?e.checked:i.defaultChecked),m=h(()=>s.value===e.checkedValue);j(()=>e.checked,()=>{s.value=e.checked});const{prefixCls:l,direction:w,size:S}=_("switch",e),[F,x]=H(l),t=v(),C=()=>{t.value?.focus()};b({focus:C,blur:()=>{t.value?.blur()}}),D(()=>{K(()=>{e.autofocus&&!a.value&&t.value.focus()})});const r=(o,d)=>{a.value||(u("update:checked",o),u("change",o,d),k.onFieldChange())},B=o=>{u("blur",o)},T=o=>{C();const d=m.value?e.unCheckedValue:e.checkedValue;r(d,o),u("click",d,o)},V=o=>{o.keyCode===y.LEFT?r(e.unCheckedValue,o):o.keyCode===y.RIGHT&&r(e.checkedValue,o),u("keydown",o)},$=o=>{t.value?.blur(),u("mouseup",o)},I=h(()=>({[`${l.value}-small`]:S.value==="small",[`${l.value}-loading`]:e.loading,[`${l.value}-checked`]:m.value,[`${l.value}-disabled`]:a.value,[l.value]:!0,[`${l.value}-rtl`]:w.value==="rtl",[x.value]:!0}));return()=>F(c(P,null,{default:()=>[c("button",{...N(e,["prefixCls","checkedChildren","unCheckedChildren","checked","autofocus","checkedValue","unCheckedValue","id","onChange","onUpdate:checked"]),...i,id:e.id??k.id.value,onKeydown:V,onClick:T,onBlur:B,onMouseup:$,type:"button",role:"switch","aria-checked":s.value,disabled:a.value||e.loading,class:[i.class,I.value],ref:t},[c("div",{class:`${l.value}-handle`},[e.loading?c(L,{class:`${l.value}-loading-icon`},null):null]),c("span",{class:`${l.value}-inner`},[c("span",{class:`${l.value}-inner-checked`},[g(f,e,"checkedChildren")]),c("span",{class:`${l.value}-inner-unchecked`},[g(f,e,"unCheckedChildren")])])])]}))}}),ae=z(G);export{R as SwitchSizes,ae as default,W as switchProps};
+//# sourceMappingURL=index.mjs.map

package/dist/es/switch/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/switch/index.tsx"],"sourcesContent":["import LoadingOutlined from '@ant-design/icons-vue/LoadingOutlined'\n\nimport type { ExtractPropTypes, PropType } from 'vue'\nimport { computed, defineComponent, nextTick, onBeforeMount, onMounted, ref, watch } from 'vue'\n\nimport type { FocusEventHandler } from '../_util/EventInterface'\nimport KeyCode from '../_util/KeyCode'\nimport omit from '../_util/omit'\nimport { getPropsSlot } from '../_util/props-util'\nimport type { CustomSlotsType } from '../_util/type'\nimport { tuple, withInstall } from '../_util/type'\nimport PropTypes from '../_util/vue-types'\nimport warning from '../_util/warning'\nimport Wave from '../_util/wave'\nimport { useInjectDisabled } from '../config-provider/DisabledContext'\nimport useConfigInject from '../config-provider/hooks/useConfigInject'\nimport { useInjectFormItemContext } from '../form/FormItemContext'\nimport useStyle from './style'\n\nexport const SwitchSizes = tuple('small', 'default')\ntype CheckedType = boolean | string | number\nexport const switchProps = () => ({\n  id: String,\n  prefixCls: String,\n  size: PropTypes.oneOf(SwitchSizes),\n  disabled: { type: Boolean, default: undefined },\n  checkedChildren: PropTypes.any,\n  unCheckedChildren: PropTypes.any,\n  tabindex: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  autofocus: { type: Boolean, default: undefined },\n  loading: { type: Boolean, default: undefined },\n  checked: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.looseBool]),\n  checkedValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.looseBool]).def(\n    true,\n  ),\n  unCheckedValue: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.looseBool,\n  ]).def(false),\n  onChange: {\n    type: Function as PropType<(checked: CheckedType, e: Event) => void>,\n  },\n  onClick: {\n    type: Function as PropType<(checked: CheckedType, e: Event) => void>,\n  },\n  onKeydown: {\n    type: Function as PropType<(e: Event) => void>,\n  },\n  onMouseup: {\n    type: Function as PropType<(e: Event) => void>,\n  },\n  'onUpdate:checked': {\n    type: Function as PropType<(checked: CheckedType) => void>,\n  },\n  onBlur: Function as PropType<FocusEventHandler>,\n  onFocus: Function as PropType<FocusEventHandler>,\n})\n\nexport type SwitchProps = Partial<ExtractPropTypes<ReturnType<typeof switchProps>>>\n\nconst Switch = defineComponent({\n  compatConfig: { MODE: 3 },\n  name: 'ASwitch',\n  __ANT_SWITCH: true,\n  inheritAttrs: false,\n  props: switchProps(),\n  slots: Object as CustomSlotsType<{\n    checkedChildren: any\n    unCheckedChildren: any\n    default: any\n  }>,\n  // emits: ['update:checked', 'mouseup', 'change', 'click', 'keydown', 'blur'],\n  setup(props, { attrs, slots, expose, emit }) {\n    const formItemContext = useInjectFormItemContext()\n    const disabledContext = useInjectDisabled()\n    const mergedDisabled = computed(() => props.disabled ?? disabledContext.value)\n\n    onBeforeMount(() => {\n      warning(\n        !('defaultChecked' in attrs),\n        'Switch',\n        `'defaultChecked' is deprecated, please use 'v-model:checked'`,\n      )\n      warning(!('value' in attrs), 'Switch', '`value` is not validate prop, do you mean `checked`?')\n    })\n    const checked = ref<string | number | boolean>(\n      props.checked !== undefined ? props.checked : (attrs.defaultChecked as boolean),\n    )\n    const checkedStatus = computed(() => checked.value === props.checkedValue)\n\n    watch(\n      () => props.checked,\n      () => {\n        checked.value = props.checked\n      },\n    )\n\n    const { prefixCls, direction, size } = useConfigInject('switch', props)\n    const [wrapSSR, hashId] = useStyle(prefixCls)\n    const refSwitchNode = ref()\n    const focus = () => {\n      refSwitchNode.value?.focus()\n    }\n    const blur = () => {\n      refSwitchNode.value?.blur()\n    }\n\n    expose({ focus, blur })\n\n    onMounted(() => {\n      nextTick(() => {\n        if (props.autofocus && !mergedDisabled.value) {\n          refSwitchNode.value.focus()\n        }\n      })\n    })\n\n    const setChecked = (check: CheckedType, e: MouseEvent | KeyboardEvent) => {\n      if (mergedDisabled.value) {\n        return\n      }\n      emit('update:checked', check)\n      emit('change', check, e)\n      formItemContext.onFieldChange()\n    }\n\n    const handleBlur = (e: FocusEvent) => {\n      emit('blur', e)\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      focus()\n      const newChecked = checkedStatus.value ? props.unCheckedValue : props.checkedValue\n      setChecked(newChecked, e)\n      emit('click', newChecked, e)\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.keyCode === KeyCode.LEFT) {\n        setChecked(props.unCheckedValue, e)\n      } else if (e.keyCode === KeyCode.RIGHT) {\n        setChecked(props.checkedValue, e)\n      }\n      emit('keydown', e)\n    }\n\n    const handleMouseUp = (e: MouseEvent) => {\n      refSwitchNode.value?.blur()\n      emit('mouseup', e)\n    }\n\n    const classNames = computed(() => ({\n      [`${prefixCls.value}-small`]: size.value === 'small',\n      [`${prefixCls.value}-loading`]: props.loading,\n      [`${prefixCls.value}-checked`]: checkedStatus.value,\n      [`${prefixCls.value}-disabled`]: mergedDisabled.value,\n      [prefixCls.value]: true,\n      [`${prefixCls.value}-rtl`]: direction.value === 'rtl',\n      [hashId.value]: true,\n    }))\n\n    return () =>\n      wrapSSR(\n        <Wave>\n          <button\n            {...omit(props, [\n              'prefixCls',\n              'checkedChildren',\n              'unCheckedChildren',\n              'checked',\n              'autofocus',\n              'checkedValue',\n              'unCheckedValue',\n              'id',\n              'onChange',\n              'onUpdate:checked',\n            ])}\n            {...attrs}\n            id={props.id ?? formItemContext.id.value}\n            onKeydown={handleKeyDown}\n            onClick={handleClick}\n            onBlur={handleBlur}\n            onMouseup={handleMouseUp}\n            type=\"button\"\n            role=\"switch\"\n            aria-checked={checked.value as any}\n            disabled={mergedDisabled.value || props.loading}\n            class={[attrs.class, classNames.value]}\n            ref={refSwitchNode}\n          >\n            <div class={`${prefixCls.value}-handle`}>\n              {props.loading ? <LoadingOutlined class={`${prefixCls.value}-loading-icon`} /> : null}\n            </div>\n            <span class={`${prefixCls.value}-inner`}>\n              <span class={`${prefixCls.value}-inner-checked`}>\n                {getPropsSlot(slots, props, 'checkedChildren')}\n              </span>\n              <span class={`${prefixCls.value}-inner-unchecked`}>\n                {getPropsSlot(slots, props, 'unCheckedChildren')}\n              </span>\n            </span>\n          </button>\n        </Wave>,\n      )\n  },\n})\n\nexport default withInstall(Switch)\n"],"names":["SwitchSizes","tuple","switchProps","id","String","prefixCls","size","PropTypes","oneOf","disabled","type","Boolean","default","undefined","checkedChildren","any","unCheckedChildren","tabindex","oneOfType","string","number","autofocus","loading","checked","looseBool","checkedValue","def","unCheckedValue","onChange","Function","onClick","onKeydown","onMouseup","onBlur","onFocus","Switch","defineComponent","compatConfig","MODE","name","__ANT_SWITCH","inheritAttrs","props","slots","Object","setup","attrs","expose","emit","formItemContext","useInjectFormItemContext","disabledContext","useInjectDisabled","mergedDisabled","computed","value","onBeforeMount","ref","defaultChecked","checkedStatus","watch","direction","useConfigInject","wrapSSR","hashId","useStyle","refSwitchNode","focus","blur","onMounted","nextTick","setChecked","check","e","onFieldChange","handleBlur","handleClick","newChecked","handleKeyDown","keyCode","KeyCode","LEFT","RIGHT","handleMouseUp","classNames","_createVNode","Wave","omit","class","LoadingOutlined","getPropsSlot","index","withInstall"],"mappings":"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"}