@swiftcrab/crab 0.0.5 → 0.0.7

package/es/input/style/index.js

@@ -0,0 +1,19 @@
+import{clearFix as e,resetComponent as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{genCompactItemStyle as i}from"../../style/compact-item.js";import{initComponentToken as a,initInputToken as o}from"./token.js";import{genBorderlessStyle as s,genFilledGroupStyle as c,genFilledStyle as l,genOutlinedGroupStyle as u,genOutlinedStyle as d}from"./variants.js";import{unit as f}from"@ant-design/cssinjs";const p=e=>({"&::-moz-placeholder":{opacity:1},"&::placeholder":{color:e,userSelect:`none`},"&:placeholder-shown":{textOverflow:`ellipsis`}}),m=e=>({borderColor:e.activeBorderColor,boxShadow:e.activeShadow,outline:0,backgroundColor:e.activeBg}),h=e=>{let{paddingBlockLG:t,lineHeightLG:n,borderRadiusLG:r,paddingInlineLG:i}=e;return{padding:`${f(t)} ${f(i)}`,fontSize:e.inputFontSizeLG,lineHeight:n,borderRadius:r}},g=e=>({padding:`${f(e.paddingBlockSM)} ${f(e.paddingInlineSM)}`,fontSize:e.inputFontSizeSM,borderRadius:e.borderRadiusSM}),_=e=>({position:`relative`,display:`inline-block`,width:`100%`,minWidth:0,padding:`${f(e.paddingBlock)} ${f(e.paddingInline)}`,color:e.colorText,fontSize:e.inputFontSize,lineHeight:e.lineHeight,borderRadius:e.borderRadius,transition:`all ${e.motionDurationMid}`,...p(e.colorTextPlaceholder),"textarea&":{maxWidth:`100%`,height:`auto`,minHeight:e.controlHeight,lineHeight:e.lineHeight,verticalAlign:`bottom`,transition:`all ${e.motionDurationSlow}, height 0s`,resize:`vertical`},"&-lg":{...h(e)},"&-sm":{...g(e)},"&-rtl, &-textarea-rtl":{direction:`rtl`}}),v=t=>{let{componentCls:n,antCls:r}=t;return{position:`relative`,display:`table`,width:`100%`,borderCollapse:`separate`,borderSpacing:0,"&[class*='col-']":{paddingInlineEnd:t.paddingXS,"&:last-child":{paddingInlineEnd:0}},[`&-lg ${n}, &-lg > ${n}-group-addon`]:{...h(t)},[`&-sm ${n}, &-sm > ${n}-group-addon`]:{...g(t)},[`&-lg ${r}-select-single ${r}-select-selector`]:{height:t.controlHeightLG},[`&-sm ${r}-select-single ${r}-select-selector`]:{height:t.controlHeightSM},[`> ${n}`]:{display:`table-cell`,"&:not(:first-child):not(:last-child)":{borderRadius:0}},[`${n}-group`]:{"&-addon, &-wrap":{display:`table-cell`,width:1,whiteSpace:`nowrap`,verticalAlign:`middle`,"&:not(:first-child):not(:last-child)":{borderRadius:0}},"&-wrap > *":{display:`block !important`},"&-addon":{position:`relative`,padding:`0 ${f(t.paddingInline)}`,color:t.colorText,fontWeight:`normal`,fontSize:t.inputFontSize,textAlign:`center`,borderRadius:t.borderRadius,transition:`all ${t.motionDurationSlow}`,lineHeight:1,[`${r}-select`]:{margin:`${f(t.calc(t.paddingBlock).add(1).mul(-1).equal())} ${f(t.calc(t.paddingInline).mul(-1).equal())}`,[`&${r}-select-single:not(${r}-select-customize-input):not(${r}-pagination-size-changer)`]:{[`${r}-select-selector`]:{backgroundColor:`inherit`,border:`${f(t.lineWidth)} ${t.lineType} transparent`,boxShadow:`none`}}},[`${r}-cascader-picker`]:{margin:`-9px ${f(t.calc(t.paddingInline).mul(-1).equal())}`,backgroundColor:`transparent`,[`${r}-cascader-input`]:{textAlign:`start`,border:0,boxShadow:`none`}}}},[n]:{width:`100%`,marginBottom:0,textAlign:`inherit`,"&:focus":{zIndex:1,borderInlineEndWidth:1},"&:hover":{zIndex:1,borderInlineEndWidth:1,[`${n}-search-with-button &`]:{zIndex:0}}},[`> ${n}:first-child, ${n}-group-addon:first-child`]:{borderStartEndRadius:0,borderEndEndRadius:0,[`${r}-select ${r}-select-selector`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`> ${n}-affix-wrapper`]:{[`&:not(:first-child) ${n}`]:{borderStartStartRadius:0,borderEndStartRadius:0},[`&:not(:last-child) ${n}`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`> ${n}:last-child, ${n}-group-addon:last-child`]:{borderStartStartRadius:0,borderEndStartRadius:0,[`${r}-select ${r}-select-selector`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`${n}-affix-wrapper`]:{"&:not(:last-child)":{borderStartEndRadius:0,borderEndEndRadius:0,[`${n}-search &`]:{borderStartStartRadius:t.borderRadius,borderEndStartRadius:t.borderRadius}},[`&:not(:first-child), ${n}-search &:not(:first-child)`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`&${n}-group-compact`]:{display:`block`,...e(),[`${n}-group-addon, ${n}-group-wrap, > ${n}`]:{"&:not(:first-child):not(:last-child)":{borderInlineEndWidth:t.lineWidth,"&:hover, &:focus":{zIndex:1}}},"& > *":{display:`inline-flex`,float:`none`,verticalAlign:`top`,borderRadius:0},[`
+        & > ${n}-affix-wrapper,
+        & > ${n}-number-affix-wrapper,
+        & > ${r}-picker-range
+      `]:{display:`inline-flex`},"& > *:not(:last-child)":{marginInlineEnd:t.calc(t.lineWidth).mul(-1).equal(),borderInlineEndWidth:t.lineWidth},[n]:{float:`none`},[`& > ${r}-select > ${r}-select-selector,
+      & > ${r}-select-auto-complete ${n},
+      & > ${r}-cascader-picker ${n},
+      & > ${n}-group-wrapper ${n}`]:{borderInlineEndWidth:t.lineWidth,borderRadius:0,"&:hover, &:focus":{zIndex:1}},[`& > ${r}-select-focused`]:{zIndex:1},[`& > ${r}-select > ${r}-select-arrow`]:{zIndex:1},[`& > *:first-child,
+      & > ${r}-select:first-child > ${r}-select-selector,
+      & > ${r}-select-auto-complete:first-child ${n},
+      & > ${r}-cascader-picker:first-child ${n}`]:{borderStartStartRadius:t.borderRadius,borderEndStartRadius:t.borderRadius},[`& > *:last-child,
+      & > ${r}-select:last-child > ${r}-select-selector,
+      & > ${r}-cascader-picker:last-child ${n},
+      & > ${r}-cascader-picker-focused:last-child ${n}`]:{borderInlineEndWidth:t.lineWidth,borderStartEndRadius:t.borderRadius,borderEndEndRadius:t.borderRadius},[`& > ${r}-select-auto-complete ${n}`]:{verticalAlign:`top`},[`${n}-group-wrapper + ${n}-group-wrapper`]:{marginInlineStart:t.calc(t.lineWidth).mul(-1).equal(),[`${n}-affix-wrapper`]:{borderRadius:0}},[`${n}-group-wrapper:not(:last-child)`]:{[`&${n}-search > ${n}-group`]:{[`& > ${n}-group-addon > ${n}-search-button`]:{borderRadius:0},[`& > ${n}`]:{borderStartStartRadius:t.borderRadius,borderStartEndRadius:0,borderEndEndRadius:0,borderEndStartRadius:t.borderRadius}}}}}},y=e=>{let{componentCls:n,controlHeightSM:r,lineWidth:i,calc:a}=e,o=a(r).sub(a(i).mul(2)).sub(16).div(2).equal();return{[n]:{...t(e),..._(e),...d(e),...l(e),...s(e),'&[type="color"]':{height:e.controlHeight,[`&${n}-lg`]:{height:e.controlHeightLG},[`&${n}-sm`]:{height:r,paddingTop:o,paddingBottom:o}},'&[type="search"]::-webkit-search-cancel-button, &[type="search"]::-webkit-search-decoration':{"-webkit-appearance":`none`}}}},b=e=>{let{componentCls:t}=e;return{[`${t}-clear-icon`]:{margin:0,lineHeight:0,color:e.colorTextQuaternary,fontSize:e.fontSizeIcon,verticalAlign:-1,cursor:`pointer`,transition:`color ${e.motionDurationSlow}`,"&:hover":{color:e.colorTextTertiary},"&:active":{color:e.colorText},"&-hidden":{visibility:`hidden`},"&-has-suffix":{margin:`0 ${f(e.inputAffixPadding)}`}}}},x=e=>{let{componentCls:t,inputAffixPadding:n,colorTextDescription:r,motionDurationSlow:i,colorIcon:a,colorIconHover:o,iconCls:s}=e,c=`${t}-affix-wrapper`,l=`${t}-affix-wrapper-disabled`;return{[c]:{..._(e),display:`inline-flex`,[`&:not(${t}-disabled):hover`]:{zIndex:1,[`${t}-search-with-button &`]:{zIndex:0}},"&-focused, &:focus":{zIndex:1},[`> input${t}`]:{padding:0},[`> input${t}, > textarea${t}`]:{fontSize:`inherit`,border:`none`,borderRadius:0,outline:`none`,background:`transparent`,color:`inherit`,"&::-ms-reveal":{display:`none`},"&:focus":{boxShadow:`none !important`}},"&::before":{display:`inline-block`,width:0,visibility:`hidden`,content:`"\\a0"`},[t]:{"&-prefix, &-suffix":{display:`flex`,flex:`none`,alignItems:`center`,"> *:not(:last-child)":{marginInlineEnd:e.paddingXS}},"&-show-count-suffix":{color:r},"&-show-count-has-suffix":{marginInlineEnd:e.paddingXXS},"&-prefix":{marginInlineEnd:n},"&-suffix":{marginInlineStart:n}},...b(e),[`${s}${t}-password-icon`]:{color:a,cursor:`pointer`,transition:`all ${i}`,"&:hover":{color:o}}},[l]:{[`${s}${t}-password-icon`]:{color:a,cursor:`not-allowed`,"&:hover":{color:a}}}}},S=e=>{let{componentCls:n,borderRadiusLG:r,borderRadiusSM:i}=e;return{[`${n}-group`]:{...t(e),...v(e),"&-rtl":{direction:`rtl`},"&-wrapper":{display:`inline-block`,width:`100%`,textAlign:`start`,verticalAlign:`top`,"&-rtl":{direction:`rtl`},"&-lg":{[`${n}-group-addon`]:{borderRadius:r,fontSize:e.inputFontSizeLG}},"&-sm":{[`${n}-group-addon`]:{borderRadius:i}},...u(e),...c(e),[`&:not(${n}-compact-first-item):not(${n}-compact-last-item)${n}-compact-item`]:{[`${n}, ${n}-group-addon`]:{borderRadius:0}},[`&:not(${n}-compact-last-item)${n}-compact-first-item`]:{[`${n}, ${n}-group-addon`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`&:not(${n}-compact-first-item)${n}-compact-last-item`]:{[`${n}, ${n}-group-addon`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`&:not(${n}-compact-last-item)${n}-compact-item`]:{[`${n}-affix-wrapper`]:{borderStartEndRadius:0,borderEndEndRadius:0}}}}}},C=e=>{let{componentCls:t,antCls:n}=e,r=`${t}-search`;return{[r]:{[t]:{"&:hover, &:focus":{[`+ ${t}-group-addon ${r}-button:not(${n}-btn-primary)`]:{borderInlineStartColor:e.colorPrimaryHover}}},[`${t}-affix-wrapper`]:{height:e.controlHeight,borderRadius:0},[`${t}-lg`]:{lineHeight:e.calc(e.lineHeightLG).sub(2e-4).equal()},[`> ${t}-group`]:{[`> ${t}-group-addon:last-child`]:{insetInlineStart:-1,padding:0,border:0,[`${r}-button`]:{marginInlineEnd:-1,borderStartStartRadius:0,borderEndStartRadius:0,boxShadow:`none`},[`${r}-button:not(${n}-btn-primary)`]:{color:e.colorTextDescription,"&:hover":{color:e.colorPrimaryHover},"&:active":{color:e.colorPrimaryActive},[`&${n}-btn-loading::before`]:{insetInlineStart:0,insetInlineEnd:0,insetBlockStart:0,insetBlockEnd:0}}}},[`${r}-button`]:{height:e.controlHeight,"&:hover, &:focus":{zIndex:1}},"&-large":{[`${t}-affix-wrapper, ${r}-button`]:{height:e.controlHeightLG}},"&-small":{[`${t}-affix-wrapper, ${r}-button`]:{height:e.controlHeightSM}},"&-rtl":{direction:`rtl`},[`&${t}-compact-item`]:{[`&:not(${t}-compact-last-item)`]:{[`${t}-group-addon`]:{[`${t}-search-button`]:{marginInlineEnd:e.calc(e.lineWidth).mul(-1).equal(),borderRadius:0}}},[`&:not(${t}-compact-first-item)`]:{[`${t},${t}-affix-wrapper`]:{borderRadius:0}},[`> ${t}-group-addon ${t}-search-button,
+        > ${t},
+        ${t}-affix-wrapper`]:{"&:hover, &:focus, &:active":{zIndex:2}},[`> ${t}-affix-wrapper-focused`]:{zIndex:2}}}}},w=e=>{let{componentCls:t,paddingLG:n}=e,r=`${t}-textarea`;return{[r]:{position:`relative`,"&-show-count":{[`> ${t}`]:{height:`100%`},[`${t}-data-count`]:{position:`absolute`,bottom:e.calc(e.fontSize).mul(e.lineHeight).mul(-1).equal(),insetInlineEnd:0,color:e.colorTextDescription,whiteSpace:`nowrap`,pointerEvents:`none`}},[`
+        &-allow-clear > ${t},
+        &-affix-wrapper${r}-has-feedback ${t}
+      `]:{paddingInlineEnd:n},[`&-affix-wrapper${t}-affix-wrapper`]:{padding:0,[`> textarea${t}`]:{fontSize:`inherit`,border:`none`,outline:`none`,background:`transparent`,"&:focus":{boxShadow:`none !important`}},[`${t}-suffix`]:{margin:0,"> *:not(:last-child)":{marginInline:0},[`${t}-clear-icon`]:{position:`absolute`,insetInlineEnd:e.paddingInline,insetBlockStart:e.paddingXS},[`${r}-suffix`]:{position:`absolute`,top:0,insetInlineEnd:e.paddingInline,bottom:0,zIndex:1,display:`inline-flex`,alignItems:`center`,margin:`auto`,pointerEvents:`none`}}},[`&-affix-wrapper${t}-affix-wrapper-sm`]:{[`${t}-suffix`]:{[`${t}-clear-icon`]:{insetInlineEnd:e.paddingInlineSM}}}}}},T=e=>{let{componentCls:t}=e;return{[`${t}-out-of-range`]:{[`&, & input, & textarea, ${t}-show-count-suffix, ${t}-data-count`]:{color:e.colorError}}}};var E=n(`Input`,e=>{let t=r(e,o(e));return[y(t),w(t),x(t),S(t),C(t),T(t),i(t)]},a,{resetFont:!1});export{E as default,m as genActiveStyle,_ as genBasicInputStyle,v as genInputGroupStyle,g as genInputSmallStyle,p as genPlaceholderStyle,a as initComponentToken,o as initInputToken};

package/es/input/style/otp.d.ts

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

package/es/input/style/otp.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";import{initComponentToken as n,initInputToken as r}from"./token.js";const i=e=>{let{componentCls:t,paddingXS:n}=e;return{[t]:{display:`inline-flex`,alignItems:`center`,flexWrap:`nowrap`,columnGap:n,"&-rtl":{direction:`rtl`},[`${t}-input`]:{textAlign:`center`,paddingInline:e.paddingXXS},[`&${t}-sm ${t}-input`]:{paddingInline:e.calc(e.paddingXXS).div(2).equal()},[`&${t}-lg ${t}-input`]:{paddingInline:e.paddingXS}}}};var a=e([`Input`,`OTP`],e=>{let n=t(e,r(e));return[i(n)]},n);export{a as default};

package/es/input/style/token.d.ts

@@ -0,0 +1,99 @@
+import { AliasToken } from "../../theme/interface/alias.js";
+import "../../theme/internal.js";
+import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/input/style/token.d.ts
+export interface SharedComponentToken {
+  /**
+   * @desc 输入框横向内边距
+   * @descEN Horizontal padding of input
+   */
+  paddingInline: number;
+  /**
+   * @desc 小号输入框横向内边距
+   * @descEN Horizontal padding of small input
+   */
+  paddingInlineSM: number;
+  /**
+   * @desc 大号输入框横向内边距
+   * @descEN Horizontal padding of large input
+   */
+  paddingInlineLG: number;
+  /**
+   * @desc 输入框纵向内边距
+   * @descEN Vertical padding of input
+   */
+  paddingBlock: number;
+  /**
+   * @desc 小号输入框纵向内边距
+   * @descEN Vertical padding of small input
+   */
+  paddingBlockSM: number;
+  /**
+   * @desc 大号输入框纵向内边距
+   * @descEN Vertical padding of large input
+   */
+  paddingBlockLG: number;
+  /**
+   * @desc 前/后置标签背景色
+   * @descEN Background color of addon
+   */
+  addonBg: string;
+  /**
+   * @desc 悬浮态边框色
+   * @descEN Hover border color
+   */
+  hoverBorderColor: string;
+  /**
+   * @desc 激活态边框色
+   * @descEN Active border color
+   */
+  activeBorderColor: string;
+  /**
+   * @desc 激活态阴影
+   * @descEN Box-shadow when active
+   */
+  activeShadow: string;
+  /**
+   * @desc 错误状态时激活态阴影
+   * @descEN Box-shadow when active in error status
+   */
+  errorActiveShadow: string;
+  /**
+   * @desc 警告状态时激活态阴影
+   * @descEN Box-shadow when active in warning status
+   */
+  warningActiveShadow: string;
+  /**
+   * @desc 输入框hover状态时背景颜色
+   * @descEN Background color when the input box hovers
+   */
+  hoverBg: string;
+  /**
+   * @desc 输入框激活状态时背景颜色
+   * @descEN Background color when the input box is activated
+   */
+  activeBg: string;
+  /**
+   * @desc 字体大小
+   * @descEN Font size
+   */
+  inputFontSize: number;
+  /**
+   * @desc 大号字体大小
+   * @descEN Font size of large
+   */
+  inputFontSizeLG: number;
+  /**
+   * @desc 小号字体大小
+   * @descEN Font size of small
+   */
+  inputFontSizeSM: number;
+}
+export interface ComponentToken extends SharedComponentToken {}
+export interface SharedInputToken {
+  inputAffixPadding: number;
+}
+export interface InputToken extends FullToken<'Input'>, SharedInputToken {}
+export declare function initInputToken(token: AliasToken): SharedInputToken;
+export declare const initComponentToken: (token: AliasToken) => SharedComponentToken;
+//#endregion

package/es/input/style/token.js

@@ -0,0 +1 @@
+import{mergeToken as e}from"../../theme/internal.js";function t(t){return e(t,{inputAffixPadding:t.paddingXXS})}const n=e=>{let{controlHeight:t,fontSize:n,lineHeight:r,lineWidth:i,controlHeightSM:a,controlHeightLG:o,fontSizeLG:s,lineHeightLG:c,paddingSM:l,controlPaddingHorizontalSM:u,controlPaddingHorizontal:d,colorFillAlter:f,colorPrimaryHover:p,colorPrimary:m,controlOutlineWidth:h,controlOutline:g,colorErrorOutline:_,colorWarningOutline:v,colorBgContainer:y}=e;return{paddingBlock:Math.max(Math.round((t-n*r)/2*10)/10-i,0),paddingBlockSM:Math.max(Math.round((a-n*r)/2*10)/10-i,0),paddingBlockLG:Math.ceil((o-s*c)/2*10)/10-i,paddingInline:l-i,paddingInlineSM:u-i,paddingInlineLG:d-i,addonBg:f,activeBorderColor:m,hoverBorderColor:p,activeShadow:`0 0 0 ${h}px ${g}`,errorActiveShadow:`0 0 0 ${h}px ${_}`,warningActiveShadow:`0 0 0 ${h}px ${v}`,hoverBg:y,activeBg:y,inputFontSize:n,inputFontSizeLG:s,inputFontSizeSM:n}};export{n as initComponentToken,t as initInputToken};

package/es/input/style/variants.d.ts

@@ -0,0 +1,17 @@
+import { InputToken } from "./token.js";
+import { CSSObject } from "@ant-design/cssinjs";
+//#region components/input/style/variants.d.ts
+export declare const genHoverStyle: (token: InputToken) => CSSObject;
+export declare const genDisabledStyle: (token: InputToken) => CSSObject;
+export declare const genBaseOutlinedStyle: (token: InputToken, options: {
+  borderColor: string;
+  hoverBorderColor: string;
+  activeBorderColor: string;
+  activeShadow: string;
+}) => CSSObject;
+export declare const genOutlinedStyle: (token: InputToken, extraStyles?: CSSObject) => CSSObject;
+export declare const genOutlinedGroupStyle: (token: InputToken) => CSSObject;
+export declare const genBorderlessStyle: (token: InputToken, extraStyles?: CSSObject) => CSSObject;
+export declare const genFilledStyle: (token: InputToken, extraStyles?: CSSObject) => CSSObject;
+export declare const genFilledGroupStyle: (token: InputToken) => CSSObject;
+//#endregion

package/es/input/style/variants.js

@@ -0,0 +1 @@
+import{mergeToken as e}from"../../theme/internal.js";import{unit as t}from"@ant-design/cssinjs";const n=e=>({borderColor:e.hoverBorderColor,backgroundColor:e.hoverBg}),r=t=>({color:t.colorTextDisabled,backgroundColor:t.colorBgContainerDisabled,borderColor:t.colorBorder,boxShadow:`none`,cursor:`not-allowed`,opacity:1,"input[disabled], textarea[disabled]":{cursor:`not-allowed`},"&:hover:not([disabled])":{...n(e(t,{hoverBorderColor:t.colorBorder,hoverBg:t.colorBgContainerDisabled}))}}),i=(e,t)=>({background:e.colorBgContainer,borderWidth:e.lineWidth,borderStyle:e.lineType,borderColor:t.borderColor,"&:hover":{borderColor:t.hoverBorderColor,backgroundColor:e.hoverBg},"&:focus, &:focus-within":{borderColor:t.activeBorderColor,boxShadow:t.activeShadow,outline:0,backgroundColor:e.activeBg}}),a=(e,t)=>({[`&${e.componentCls}-status-${t.status}:not(${e.componentCls}-disabled)`]:{...i(e,t),[`${e.componentCls}-prefix, ${e.componentCls}-suffix`]:{color:t.affixColor}},[`&${e.componentCls}-status-${t.status}${e.componentCls}-disabled`]:{borderColor:t.borderColor}}),o=(e,t)=>({"&-outlined":{...i(e,{borderColor:e.colorBorder,hoverBorderColor:e.hoverBorderColor,activeBorderColor:e.activeBorderColor,activeShadow:e.activeShadow}),[`&${e.componentCls}-disabled, &[disabled]`]:{...r(e)},...a(e,{status:`error`,borderColor:e.colorError,hoverBorderColor:e.colorErrorBorderHover,activeBorderColor:e.colorError,activeShadow:e.errorActiveShadow,affixColor:e.colorError}),...a(e,{status:`warning`,borderColor:e.colorWarning,hoverBorderColor:e.colorWarningBorderHover,activeBorderColor:e.colorWarning,activeShadow:e.warningActiveShadow,affixColor:e.colorWarning}),...t}}),s=(e,t)=>({[`&${e.componentCls}-group-wrapper-status-${t.status}`]:{[`${e.componentCls}-group-addon`]:{borderColor:t.addonBorderColor,color:t.addonColor}}}),c=e=>({"&-outlined":{[`${e.componentCls}-group`]:{"&-addon":{background:e.addonBg,border:`${t(e.lineWidth)} ${e.lineType} ${e.colorBorder}`},"&-addon:first-child":{borderInlineEnd:0},"&-addon:last-child":{borderInlineStart:0}},...s(e,{status:`error`,addonBorderColor:e.colorError,addonColor:e.colorErrorText}),...s(e,{status:`warning`,addonBorderColor:e.colorWarning,addonColor:e.colorWarningText}),[`&${e.componentCls}-group-wrapper-disabled`]:{[`${e.componentCls}-group-addon`]:{...r(e)}}}}),l=(e,t)=>{let{componentCls:n}=e;return{"&-borderless":{background:`transparent`,border:`none`,"&:focus, &:focus-within":{outline:`none`},[`&${n}-disabled, &[disabled]`]:{color:e.colorTextDisabled,cursor:`not-allowed`},[`&${n}-status-error`]:{"&, & input, & textarea":{color:e.colorError}},[`&${n}-status-warning`]:{"&, & input, & textarea":{color:e.colorWarning}},...t}}},u=(e,t)=>({background:t.bg,borderWidth:e.lineWidth,borderStyle:e.lineType,borderColor:`transparent`,"input&, & input, textarea&, & textarea":{color:t?.inputColor},"&:hover":{background:t.hoverBg},"&:focus, &:focus-within":{outline:0,borderColor:t.activeBorderColor,backgroundColor:e.activeBg}}),d=(e,t)=>({[`&${e.componentCls}-status-${t.status}:not(${e.componentCls}-disabled)`]:{...u(e,t),[`${e.componentCls}-prefix, ${e.componentCls}-suffix`]:{color:t.affixColor}}}),f=(e,t)=>({"&-filled":{...u(e,{bg:e.colorFillTertiary,hoverBg:e.colorFillSecondary,activeBorderColor:e.activeBorderColor}),[`&${e.componentCls}-disabled, &[disabled]`]:{...r(e)},...d(e,{status:`error`,bg:e.colorErrorBg,hoverBg:e.colorErrorBgHover,activeBorderColor:e.colorError,inputColor:e.colorErrorText,affixColor:e.colorError}),...d(e,{status:`warning`,bg:e.colorWarningBg,hoverBg:e.colorWarningBgHover,activeBorderColor:e.colorWarning,inputColor:e.colorWarningText,affixColor:e.colorWarning}),...t}}),p=(e,t)=>({[`&${e.componentCls}-group-wrapper-status-${t.status}`]:{[`${e.componentCls}-group-addon`]:{background:t.addonBg,color:t.addonColor}}}),m=e=>({"&-filled":{[`${e.componentCls}-group`]:{"&-addon":{background:e.colorFillTertiary},[`${e.componentCls}-filled:not(:focus):not(:focus-within)`]:{"&:not(:first-child)":{borderInlineStart:`${t(e.lineWidth)} ${e.lineType} ${e.colorSplit}`},"&:not(:last-child)":{borderInlineEnd:`${t(e.lineWidth)} ${e.lineType} ${e.colorSplit}`}}},...p(e,{status:`error`,addonBg:e.colorErrorBg,addonColor:e.colorErrorText}),...p(e,{status:`warning`,addonBg:e.colorWarningBg,addonColor:e.colorWarningText}),[`&${e.componentCls}-group-wrapper-disabled`]:{[`${e.componentCls}-group`]:{"&-addon":{background:e.colorFillTertiary,color:e.colorTextDisabled},"&-addon:first-child":{borderInlineStart:`${t(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderTop:`${t(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderBottom:`${t(e.lineWidth)} ${e.lineType} ${e.colorBorder}`},"&-addon:last-child":{borderInlineEnd:`${t(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderTop:`${t(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderBottom:`${t(e.lineWidth)} ${e.lineType} ${e.colorBorder}`}}}}});export{i as genBaseOutlinedStyle,l as genBorderlessStyle,r as genDisabledStyle,m as genFilledGroupStyle,f as genFilledStyle,n as genHoverStyle,c as genOutlinedGroupStyle,o as genOutlinedStyle};

package/es/input/utils.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from "./Input.js";
+import { ReactNode } from "react";
+//#region components/input/utils.d.ts
+export declare function hasPrefixSuffix(props: {
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  allowClear?: InputProps['allowClear'];
+  showCount?: InputProps['showCount'];
+}): boolean;
+//#endregion

package/es/input/utils.js

@@ -0,0 +1 @@
+function e(e){return!!(e.prefix||e.suffix||e.allowClear||e.showCount)}export{e as hasPrefixSuffix};

package/es/input-number/index.d.ts

@@ -0,0 +1,37 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { InputStatus } from "../_util/statusUtils.js";
+import { Variant } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+import { InputNumberProps as InputNumberProps$1, ValueType } from "rc-input-number";
+//#region components/input-number/index.d.ts
+export interface InputNumberProps<T extends ValueType = ValueType> extends Omit<InputNumberProps$1<T>, 'prefix' | 'size' | 'controls'> {
+  prefixCls?: string;
+  rootClassName?: string;
+  addonBefore?: React$1.ReactNode;
+  addonAfter?: React$1.ReactNode;
+  prefix?: React$1.ReactNode;
+  suffix?: React$1.ReactNode;
+  size?: SizeType;
+  disabled?: boolean;
+  /** @deprecated Use `variant` instead. */
+  bordered?: boolean;
+  status?: InputStatus;
+  controls?: boolean | {
+    upIcon?: React$1.ReactNode;
+    downIcon?: React$1.ReactNode;
+  };
+  /**
+   * @since 5.13.0
+   * @default "outlined"
+   */
+  variant?: Variant;
+}
+declare const TypedInputNumber: (<T extends ValueType = ValueType>(props: React$1.PropsWithChildren<InputNumberProps<T>> & React$1.RefAttributes<HTMLInputElement>) => React$1.ReactElement) & {
+  displayName?: string;
+  _InternalPanelDoNotUseOrYouWillBeFired: typeof PureInputNumber;
+};
+/** @private Internal Component. Do not use in your production. */
+declare const PureInputNumber: React$1.FC<InputNumberProps>;
+//#endregion
+export { TypedInputNumber as default };

package/es/input-number/index.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import t from"../config-provider/DisabledContext.js";import n from"../config-provider/index.js";import r from"../config-provider/hooks/useCSSVarCls.js";import i from"../config-provider/hooks/useSize.js";import{useCompactItemContext as a}from"../space/Compact.js";import{FormItemInputContext as o}from"../form/context.js";import s from"../_util/ContextIsolator.js";import{getMergedStatus as c,getStatusClassNames as l}from"../_util/statusUtils.js";import u from"../form/hooks/useVariants.js";import d from"./style/index.js";import*as f from"react";import p from"classnames";import m from"@ant-design/icons/DownOutlined";import h from"@ant-design/icons/UpOutlined";import g from"rc-input-number";const _=f.forwardRef((n,_)=>{let{getPrefixCls:v,direction:y}=f.useContext(e),b=f.useRef(null);f.useImperativeHandle(_,()=>b.current);let{className:x,rootClassName:S,size:C,disabled:ee,prefixCls:w,addonBefore:T,addonAfter:E,prefix:D,suffix:O,bordered:k,readOnly:A,status:j,controls:M,variant:N,...P}=n,F=v(`input-number`,w),I=r(F),[L,R,te]=d(F,I),{compactSize:z,compactItemClassnames:B}=a(F,y),V=f.createElement(h,{className:`${F}-handler-up-inner`}),H=f.createElement(m,{className:`${F}-handler-down-inner`}),U=typeof M==`boolean`?M:void 0;typeof M==`object`&&(V=M.upIcon===void 0?V:f.createElement(`span`,{className:`${F}-handler-up-inner`},M.upIcon),H=M.downIcon===void 0?H:f.createElement(`span`,{className:`${F}-handler-down-inner`},M.downIcon));let{hasFeedback:W,status:G,isFormItemInput:K,feedbackIcon:q}=f.useContext(o),J=c(G,j),Y=i(e=>C??z??e),X=f.useContext(t),Z=ee??X,[Q,$]=u(`inputNumber`,N,k),ne=W&&f.createElement(f.Fragment,null,q),re=p({[`${F}-lg`]:Y===`large`,[`${F}-sm`]:Y===`small`,[`${F}-rtl`]:y===`rtl`,[`${F}-in-form-item`]:K},R),ie=`${F}-group`;return L(f.createElement(g,{ref:b,disabled:Z,className:p(te,I,x,S,B),upHandler:V,downHandler:H,prefixCls:F,readOnly:A,controls:U,prefix:D,suffix:ne||O,addonBefore:T&&f.createElement(s,{form:!0,space:!0},T),addonAfter:E&&f.createElement(s,{form:!0,space:!0},E),classNames:{input:re,variant:p({[`${F}-${Q}`]:$},l(F,J,W)),affixWrapper:p({[`${F}-affix-wrapper-sm`]:Y===`small`,[`${F}-affix-wrapper-lg`]:Y===`large`,[`${F}-affix-wrapper-rtl`]:y===`rtl`,[`${F}-affix-wrapper-without-controls`]:M===!1},R),wrapper:p({[`${ie}-rtl`]:y===`rtl`},R),groupWrapper:p({[`${F}-group-wrapper-sm`]:Y===`small`,[`${F}-group-wrapper-lg`]:Y===`large`,[`${F}-group-wrapper-rtl`]:y===`rtl`,[`${F}-group-wrapper-${Q}`]:$},l(`${F}-group-wrapper`,J,W),R)},...P}))}),v=_;v._InternalPanelDoNotUseOrYouWillBeFired=e=>f.createElement(n,{theme:{components:{InputNumber:{handleVisible:!0}}}},f.createElement(_,e));export{v as default};

package/es/input-number/style/index.d.ts

@@ -0,0 +1,19 @@
+import { ComponentToken, InputNumberToken } from "./token.js";
+//#region components/input-number/style/index.d.ts
+export declare const genRadiusStyle: ({ componentCls, borderRadiusSM, borderRadiusLG }: InputNumberToken, size: "lg" | "sm") => {
+  [x: string]: {
+    [x: string]: {
+      borderStartEndRadius: number;
+      borderEndEndRadius: number;
+    } | {
+      borderStartEndRadius: number;
+      borderEndEndRadius?: undefined;
+    } | {
+      borderEndEndRadius: number;
+      borderStartEndRadius?: undefined;
+    };
+  };
+};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { type ComponentToken, _default as default };

package/es/input-number/style/index.js

@@ -0,0 +1,13 @@
+import{resetComponent as e,resetIcon as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{genCompactItemStyle as i}from"../../style/compact-item.js";import{initInputToken as a}from"../../input/style/token.js";import{genBorderlessStyle as o,genFilledGroupStyle as s,genFilledStyle as c,genOutlinedGroupStyle as l,genOutlinedStyle as u}from"../../input/style/variants.js";import{genBasicInputStyle as d,genInputGroupStyle as f,genPlaceholderStyle as p}from"../../input/style/index.js";import{prepareComponentToken as m}from"./token.js";import{unit as h}from"@ant-design/cssinjs";const g=({componentCls:e,borderRadiusSM:t,borderRadiusLG:n},r)=>{let i=r===`lg`?n:t;return{[`&-${r}`]:{[`${e}-handler-wrap`]:{borderStartEndRadius:i,borderEndEndRadius:i},[`${e}-handler-up`]:{borderStartEndRadius:i},[`${e}-handler-down`]:{borderEndEndRadius:i}}}},_=n=>{let{componentCls:r,lineWidth:i,lineType:a,borderRadius:m,inputFontSizeSM:_,inputFontSizeLG:v,controlHeightLG:y,controlHeightSM:b,colorError:x,paddingInlineSM:S,paddingBlockSM:C,paddingBlockLG:w,paddingInlineLG:T,colorTextDescription:E,motionDurationMid:D,handleHoverColor:O,handleOpacity:k,paddingInline:A,paddingBlock:j,handleBg:M,handleActiveBg:N,colorTextDisabled:P,borderRadiusSM:F,borderRadiusLG:I,controlWidth:L,handleBorderColor:R,filledHandleBg:z,lineHeightLG:B,calc:V}=n;return[{[r]:{...e(n),...d(n),display:`inline-block`,width:L,margin:0,padding:0,borderRadius:m,...u(n,{[`${r}-handler-wrap`]:{background:M,[`${r}-handler-down`]:{borderBlockStart:`${h(i)} ${a} ${R}`}}}),...c(n,{[`${r}-handler-wrap`]:{background:z,[`${r}-handler-down`]:{borderBlockStart:`${h(i)} ${a} ${R}`}},"&:focus-within":{[`${r}-handler-wrap`]:{background:M}}}),...o(n),"&-rtl":{direction:`rtl`,[`${r}-input`]:{direction:`rtl`}},"&-lg":{padding:0,fontSize:v,lineHeight:B,borderRadius:I,[`input${r}-input`]:{height:V(y).sub(V(i).mul(2)).equal(),padding:`${h(w)} ${h(T)}`}},"&-sm":{padding:0,fontSize:_,borderRadius:F,[`input${r}-input`]:{height:V(b).sub(V(i).mul(2)).equal(),padding:`${h(C)} ${h(S)}`}},"&-out-of-range":{[`${r}-input-wrap`]:{input:{color:x}}},"&-group":{...e(n),...f(n),"&-wrapper":{display:`inline-block`,textAlign:`start`,verticalAlign:`top`,[`${r}-affix-wrapper`]:{width:`100%`},"&-lg":{[`${r}-group-addon`]:{borderRadius:I,fontSize:n.fontSizeLG}},"&-sm":{[`${r}-group-addon`]:{borderRadius:F}},...l(n),...s(n),[`&:not(${r}-compact-first-item):not(${r}-compact-last-item)${r}-compact-item`]:{[`${r}, ${r}-group-addon`]:{borderRadius:0}},[`&:not(${r}-compact-last-item)${r}-compact-first-item`]:{[`${r}, ${r}-group-addon`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`&:not(${r}-compact-first-item)${r}-compact-last-item`]:{[`${r}, ${r}-group-addon`]:{borderStartStartRadius:0,borderEndStartRadius:0}}}},[`&-disabled ${r}-input`]:{cursor:`not-allowed`},[r]:{"&-input":{...e(n),width:`100%`,padding:`${h(j)} ${h(A)}`,textAlign:`start`,backgroundColor:`transparent`,border:0,borderRadius:m,outline:0,transition:`all ${D} linear`,appearance:`textfield`,fontSize:`inherit`,...p(n.colorTextPlaceholder),'&[type="number"]::-webkit-inner-spin-button, &[type="number"]::-webkit-outer-spin-button':{margin:0,webkitAppearance:`none`,appearance:`none`}}},[`&:hover ${r}-handler-wrap, &-focused ${r}-handler-wrap`]:{width:n.handleWidth,opacity:1}}},{[r]:{[`${r}-handler-wrap`]:{position:`absolute`,insetBlockStart:0,insetInlineEnd:0,width:n.handleVisibleWidth,opacity:k,height:`100%`,borderStartStartRadius:0,borderStartEndRadius:m,borderEndEndRadius:m,borderEndStartRadius:0,display:`flex`,flexDirection:`column`,alignItems:`stretch`,transition:`all ${D}`,overflow:`hidden`,[`${r}-handler`]:{display:`flex`,alignItems:`center`,justifyContent:`center`,flex:`auto`,height:`40%`,[`
+              ${r}-handler-up-inner,
+              ${r}-handler-down-inner
+            `]:{marginInlineEnd:0,fontSize:n.handleFontSize}}},[`${r}-handler`]:{height:`50%`,overflow:`hidden`,color:E,fontWeight:`bold`,lineHeight:0,textAlign:`center`,cursor:`pointer`,borderInlineStart:`${h(i)} ${a} ${R}`,transition:`all ${D} linear`,"&:active":{background:N},"&:hover":{height:`60%`,[`
+              ${r}-handler-up-inner,
+              ${r}-handler-down-inner
+            `]:{color:O}},"&-up-inner, &-down-inner":{...t(),color:E,transition:`all ${D} linear`,userSelect:`none`}},[`${r}-handler-up`]:{borderStartEndRadius:m},[`${r}-handler-down`]:{borderEndEndRadius:m},...g(n,`lg`),...g(n,`sm`),"&-disabled, &-readonly":{[`${r}-handler-wrap`]:{display:`none`},[`${r}-input`]:{color:`inherit`}},[`
+          ${r}-handler-up-disabled,
+          ${r}-handler-down-disabled
+        `]:{cursor:`not-allowed`},[`
+          ${r}-handler-up-disabled:hover &-handler-up-inner,
+          ${r}-handler-down-disabled:hover &-handler-down-inner
+        `]:{color:P}}}]},v=e=>{let{componentCls:t,paddingBlock:n,paddingInline:r,inputAffixPadding:i,controlWidth:a,borderRadiusLG:o,borderRadiusSM:s,paddingInlineLG:c,paddingInlineSM:l,paddingBlockLG:u,paddingBlockSM:f,motionDurationMid:p}=e;return{[`${t}-affix-wrapper`]:{[`input${t}-input`]:{padding:`${h(n)} 0`},...d(e),position:`relative`,display:`inline-flex`,alignItems:`center`,width:a,padding:0,paddingInlineStart:r,"&-lg":{borderRadius:o,paddingInlineStart:c,[`input${t}-input`]:{padding:`${h(u)} 0`}},"&-sm":{borderRadius:s,paddingInlineStart:l,[`input${t}-input`]:{padding:`${h(f)} 0`}},[`&:not(${t}-disabled):hover`]:{zIndex:1},"&-focused, &:focus":{zIndex:1},[`&-disabled > ${t}-disabled`]:{background:`transparent`},[`> div${t}`]:{width:`100%`,border:`none`,outline:`none`,[`&${t}-focused`]:{boxShadow:`none !important`}},"&::before":{display:`inline-block`,width:0,visibility:`hidden`,content:`"\\a0"`},[`${t}-handler-wrap`]:{zIndex:2},[t]:{position:`static`,color:`inherit`,"&-prefix, &-suffix":{display:`flex`,flex:`none`,alignItems:`center`,pointerEvents:`none`},"&-prefix":{marginInlineEnd:i},"&-suffix":{insetBlockStart:0,insetInlineEnd:0,height:`100%`,marginInlineEnd:r,marginInlineStart:i,transition:`margin ${p}`}},[`&:hover ${t}-handler-wrap, &-focused ${t}-handler-wrap`]:{width:e.handleWidth,opacity:1},[`&:not(${t}-affix-wrapper-without-controls):hover ${t}-suffix`]:{marginInlineEnd:e.calc(e.handleWidth).add(r).equal()}}}};var y=n(`InputNumber`,e=>{let t=r(e,a(e));return[_(t),v(t),i(t)]},m,{unitless:{handleOpacity:!0}});export{y as default,g as genRadiusStyle};

package/es/input-number/style/token.d.ts

@@ -0,0 +1,55 @@
+import "../../theme/internal.js";
+import { SharedComponentToken, SharedInputToken } from "../../input/style/token.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/input-number/style/token.d.ts
+export interface ComponentToken extends SharedComponentToken {
+  /**
+   * @desc 输入框宽度
+   * @descEN Width of input
+   */
+  controlWidth: number;
+  /**
+   * @desc 操作按钮宽度
+   * @descEN Width of control button
+   */
+  handleWidth: number;
+  /**
+   * @desc 操作按钮图标大小
+   * @descEN Icon size of control button
+   */
+  handleFontSize: number;
+  /**
+   * Default `auto`. Set `true` will always show the handle
+   * @desc 操作按钮可见性
+   * @descEN Handle visible
+   */
+  handleVisible: 'auto' | true;
+  /**
+   * @desc 操作按钮背景色
+   * @descEN Background color of handle
+   */
+  handleBg: string;
+  /**
+   * @desc 操作按钮激活背景色
+   * @descEN Active background color of handle
+   */
+  handleActiveBg: string;
+  /**
+   * @desc 操作按钮悬浮颜色
+   * @descEN Hover color of handle
+   */
+  handleHoverColor: string;
+  /**
+   * @desc 操作按钮边框颜色
+   * @descEN Border color of handle
+   */
+  handleBorderColor: string;
+  /**
+   * @desc 面性变体操作按钮背景色
+   * @descEN Background color of handle in filled variant
+   */
+  filledHandleBg: string;
+}
+export type InputNumberToken = FullToken<'InputNumber'> & SharedInputToken;
+export declare const prepareComponentToken: GetDefaultToken<'InputNumber'>;
+//#endregion

package/es/input-number/style/token.js

@@ -0,0 +1 @@
+import{initComponentToken as e}from"../../input/style/token.js";import{TinyColor as t}from"@ctrl/tinycolor";const n=n=>{let r=n.handleVisible??`auto`,i=n.controlHeightSM-n.lineWidth*2;return{...e(n),controlWidth:90,handleWidth:i,handleFontSize:n.fontSize/2,handleVisible:r,handleActiveBg:n.colorFillAlter,handleBg:n.colorBgContainer,filledHandleBg:new t(n.colorFillSecondary).onBackground(n.colorBgContainer).toHexString(),handleHoverColor:n.colorPrimary,handleBorderColor:n.colorBorder,handleOpacity:+(r===!0),handleVisibleWidth:r===!0?i:0}};export{n as prepareComponentToken};

package/es/layout/Sider.d.ts

@@ -0,0 +1,30 @@
+import * as React$1 from "react";
+//#region components/layout/Sider.d.ts
+export interface SiderContextProps {
+  siderCollapsed?: boolean;
+}
+export declare const SiderContext: React$1.Context<SiderContextProps>;
+export type CollapseType = 'clickTrigger' | 'responsive';
+export type SiderTheme = 'light' | 'dark';
+export interface SiderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  prefixCls?: string;
+  collapsible?: boolean;
+  collapsed?: boolean;
+  defaultCollapsed?: boolean;
+  reverseArrow?: boolean;
+  onCollapse?: (collapsed: boolean, type: CollapseType) => void;
+  zeroWidthTriggerStyle?: React$1.CSSProperties;
+  trigger?: React$1.ReactNode;
+  width?: number | string;
+  collapsedWidth?: number | string;
+  breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+  theme?: SiderTheme;
+  onBreakpoint?: (broken: boolean) => void;
+}
+export interface SiderState {
+  collapsed?: boolean;
+  below: boolean;
+}
+declare const Sider: React$1.ForwardRefExoticComponent<SiderProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Sider as default };

package/es/layout/Sider.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import t from"../_util/isNumeric.js";import{LayoutContext as n}from"./context.js";import r from"./style/sider.js";import*as i from"react";import{useContext as a,useEffect as o,useRef as s,useState as c}from"react";import l from"classnames";import u from"rc-util/lib/omit";import d from"@ant-design/icons/RightOutlined";import f from"@ant-design/icons/BarsOutlined";import p from"@ant-design/icons/LeftOutlined";const m={xs:`479.98px`,sm:`575.98px`,md:`767.98px`,lg:`991.98px`,xl:`1199.98px`,xxl:`1599.98px`},h=i.createContext({}),g=(()=>{let e=0;return(t=``)=>(e+=1,`${t}${e}`)})(),_=i.forwardRef((_,v)=>{let{prefixCls:y,className:b,trigger:x,children:S,defaultCollapsed:C=!1,theme:w=`dark`,style:T={},collapsible:E=!1,reverseArrow:D=!1,width:O=200,collapsedWidth:k=80,zeroWidthTriggerStyle:A,breakpoint:j,onCollapse:M,onBreakpoint:N,...P}=_,{siderHook:F}=a(n),[I,L]=c(`collapsed`in _?_.collapsed:C),[R,z]=c(!1);o(()=>{`collapsed`in _&&L(_.collapsed)},[_.collapsed]);let B=(e,t)=>{`collapsed`in _||L(e),M?.(e,t)},{getPrefixCls:V}=a(e),H=V(`layout-sider`,y),[U,W,G]=r(H),K=s(null);K.current=e=>{z(e.matches),N?.(e.matches),I!==e.matches&&B(e.matches,`responsive`)},o(()=>{function e(e){return K.current(e)}let t;if(typeof window<`u`){let{matchMedia:n}=window;if(n&&j&&j in m){t=n(`screen and (max-width: ${m[j]})`);try{t.addEventListener(`change`,e)}catch{t.addListener(e)}e(t)}}return()=>{try{t?.removeEventListener(`change`,e)}catch{t?.removeListener(e)}}},[j]),o(()=>{let e=g(`ant-sider-`);return F.addSider(e),()=>F.removeSider(e)},[]);let q=()=>{B(!I,`clickTrigger`)},J=()=>{let e=u(P,[`collapsed`]),n=I?k:O,r=t(n)?`${n}px`:String(n),a=parseFloat(String(k||0))===0?i.createElement(`span`,{onClick:q,className:l(`${H}-zero-width-trigger`,`${H}-zero-width-trigger-${D?`right`:`left`}`),style:A},x||i.createElement(f,null)):null,o={expanded:D?i.createElement(d,null):i.createElement(p,null),collapsed:D?i.createElement(p,null):i.createElement(d,null)}[I?`collapsed`:`expanded`],s=x===null?null:a||i.createElement(`div`,{className:`${H}-trigger`,onClick:q,style:{width:r}},x||o),c={...T,flex:`0 0 ${r}`,maxWidth:r,minWidth:r,width:r},m=l(H,`${H}-${w}`,{[`${H}-collapsed`]:!!I,[`${H}-has-trigger`]:E&&x!==null&&!a,[`${H}-below`]:!!R,[`${H}-zero-width`]:parseFloat(r)===0},b,W,G);return i.createElement(`aside`,{className:m,...e,style:c,ref:v},i.createElement(`div`,{className:`${H}-children`},S),E||R&&a?s:null)},Y=i.useMemo(()=>({siderCollapsed:I}),[I]);return U(i.createElement(h.Provider,{value:Y},J()))});export{h as SiderContext,_ as default};

package/es/layout/context.d.ts

@@ -0,0 +1,10 @@
+import * as React$1 from "react";
+//#region components/layout/context.d.ts
+export interface LayoutContextProps {
+  siderHook: {
+    addSider: (id: string) => void;
+    removeSider: (id: string) => void;
+  };
+}
+export declare const LayoutContext: React$1.Context<LayoutContextProps>;
+//#endregion

package/es/layout/context.js

@@ -0,0 +1 @@
+import*as e from"react";const t=e.createContext({siderHook:{addSider:()=>null,removeSider:()=>null}});export{t as LayoutContext};

package/es/layout/hooks/useHasSider.d.ts

@@ -0,0 +1,4 @@
+import * as React$1 from "react";
+//#region components/layout/hooks/useHasSider.d.ts
+export default function useHasSider(siders: string[], children?: React$1.ReactNode, hasSider?: boolean): boolean;
+//#endregion

package/es/layout/hooks/useHasSider.js

@@ -0,0 +1 @@
+import e from"../Sider.js";import t from"rc-util/lib/Children/toArray";function n(n,r,i){return typeof i==`boolean`?i:n.length?!0:t(r).some(t=>t.type===e)}export{n as default};

package/es/layout/index.d.ts

@@ -0,0 +1,15 @@
+import Sider, { SiderContext, SiderProps } from "./Sider.js";
+import Layout$1, { BasicProps, Content, Footer, Header } from "./layout.js";
+//#region components/layout/index.d.ts
+type InternalLayoutType = typeof Layout$1;
+type CompoundedComponent = InternalLayoutType & {
+  Header: typeof Header;
+  Footer: typeof Footer;
+  Content: typeof Content;
+  Sider: typeof Sider;
+  /** @private Internal Context. Do not use in your production. */
+  _InternalSiderContext: typeof SiderContext;
+};
+declare const Layout: CompoundedComponent;
+//#endregion
+export { type BasicProps as LayoutProps, type SiderProps, Layout as default };

package/es/layout/index.js

@@ -0,0 +1 @@
+import e,{SiderContext as t}from"./Sider.js";import n,{Content as r,Footer as i,Header as a}from"./layout.js";const o=n;o.Header=a,o.Footer=i,o.Content=r,o.Sider=e,o._InternalSiderContext=t;export{o as default};

package/es/layout/layout.d.ts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+//#region components/layout/layout.d.ts
+export interface GeneratorProps {
+  suffixCls?: string;
+  tagName: 'header' | 'footer' | 'main' | 'div';
+  displayName: string;
+}
+export interface BasicProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  prefixCls?: string;
+  suffixCls?: string;
+  rootClassName?: string;
+  hasSider?: boolean;
+}
+declare const Layout: React$1.ForwardRefExoticComponent<BasicProps & React$1.RefAttributes<HTMLElement>>;
+declare const Header: React$1.ForwardRefExoticComponent<BasicProps & React$1.RefAttributes<HTMLElement>>;
+declare const Footer: React$1.ForwardRefExoticComponent<BasicProps & React$1.RefAttributes<HTMLElement>>;
+declare const Content: React$1.ForwardRefExoticComponent<BasicProps & React$1.RefAttributes<HTMLElement>>;
+//#endregion
+export { Content, Footer, Header, Layout as default };

package/es/layout/layout.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{LayoutContext as t}from"./context.js";import n from"./style/index.js";import r from"./hooks/useHasSider.js";import*as i from"react";import a from"classnames";import o from"rc-util/lib/omit";function s({suffixCls:e,tagName:t,displayName:n}){return n=>i.forwardRef((r,a)=>i.createElement(n,{ref:a,suffixCls:e,tagName:t,...r}))}const c=i.forwardRef((t,r)=>{let{prefixCls:o,suffixCls:s,className:c,tagName:l,...u}=t,{getPrefixCls:d}=i.useContext(e),f=d(`layout`,o),[p,m,h]=n(f),g=s?`${f}-${s}`:f;return p(i.createElement(l,{className:a(o||g,c,m,h),ref:r,...u}))}),l=i.forwardRef((s,c)=>{let{direction:l}=i.useContext(e),[u,d]=i.useState([]),{prefixCls:f,className:p,rootClassName:m,children:h,hasSider:g,tagName:_,style:v,...y}=s,b=o(y,[`suffixCls`]),{getPrefixCls:x,layout:S}=i.useContext(e),C=x(`layout`,f),w=r(u,h,g),[T,E,D]=n(C),O=a(C,{[`${C}-has-sider`]:w,[`${C}-rtl`]:l===`rtl`},S?.className,p,m,E,D),k=i.useMemo(()=>({siderHook:{addSider:e=>{d(t=>[...t,e])},removeSider:e=>{d(t=>t.filter(t=>t!==e))}}}),[]);return T(i.createElement(t.Provider,{value:k},i.createElement(_,{ref:c,className:O,style:{...S?.style,...v},...b},h)))}),u=s({tagName:`div`,displayName:`Layout`})(l),d=s({suffixCls:`header`,tagName:`header`,displayName:`Header`})(c),f=s({suffixCls:`footer`,tagName:`footer`,displayName:`Footer`})(c),p=s({suffixCls:`content`,tagName:`main`,displayName:`Content`})(c);export{p as Content,f as Footer,d as Header,u as default};

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

@@ -0,0 +1,98 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import { CSSProperties } from "react";
+//#region components/layout/style/index.d.ts
+export interface ComponentToken {
+  /** @deprecated Use headerBg instead */
+  colorBgHeader: string;
+  /** @deprecated Use bodyBg instead */
+  colorBgBody: string;
+  /** @deprecated Use triggerBg instead */
+  colorBgTrigger: string;
+  /**
+   * @desc 主体部分背景色
+   * @descEN Background Color of body
+   */
+  bodyBg: string;
+  /**
+   * @desc 顶部背景色
+   * @descEN Background Color of header
+   */
+  headerBg: string;
+  /**
+   * @desc 顶部高度
+   * @descEN Height of header
+   */
+  headerHeight: number | string;
+  /**
+   * @desc 顶部内边距
+   * @descEN Padding of header
+   */
+  headerPadding: CSSProperties['padding'];
+  /**
+   * @desc 顶部文字颜色
+   * @descEN Text color of header
+   */
+  headerColor: string;
+  /**
+   * @desc 页脚内边距
+   * @descEN Padding of footer
+   */
+  footerPadding: CSSProperties['padding'];
+  /**
+   * @desc 页脚背景色
+   * @descEN Background Color of footer
+   */
+  footerBg: string;
+  /**
+   * @desc 侧边栏背景色
+   * @descEN Background Color of sider
+   */
+  siderBg: string;
+  /**
+   * @desc 侧边栏开关高度
+   * @descEN Height of sider trigger
+   */
+  triggerHeight: number | string;
+  /**
+   * @desc 侧边栏开关背景色
+   * @descEN Background Color of sider trigger
+   */
+  triggerBg: string;
+  /**
+   * @desc 侧边栏开关颜色
+   * @descEN Color of sider trigger
+   */
+  triggerColor: string;
+  /**
+   * @desc collapse 为 0 时侧边栏开关宽度
+   * @descEN Width of sider trigger when collapse is 0
+   */
+  zeroTriggerWidth: number;
+  /**
+   * @desc collapse 为 0 时侧边栏开关高度
+   * @descEN Height of sider trigger when collapse is 0
+   */
+  zeroTriggerHeight: number;
+  /**
+   * @desc 亮色主题侧边栏背景色
+   * @descEN Background Color of light theme sider
+   */
+  lightSiderBg: string;
+  /**
+   * @desc 亮色主题侧边栏开关背景色
+   * @descEN Background Color of light theme sider trigger
+   */
+  lightTriggerBg: string;
+  /**
+   * @desc 亮色主题侧边栏开关颜色
+   * @descEN Color of light theme sider trigger
+   */
+  lightTriggerColor: string;
+}
+export interface LayoutToken extends FullToken<'Layout'> {}
+export declare const prepareComponentToken: GetDefaultToken<'Layout'>;
+export declare const DEPRECATED_TOKENS: [keyof ComponentToken, keyof ComponentToken][];
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/layout/style/index.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{unit as t}from"@ant-design/cssinjs";const n=e=>{let{antCls:n,componentCls:r,colorText:i,footerBg:a,headerHeight:o,headerPadding:s,headerColor:c,footerPadding:l,fontSize:u,bodyBg:d,headerBg:f}=e;return{[r]:{display:`flex`,flex:`auto`,flexDirection:`column`,minHeight:0,background:d,"&, *":{boxSizing:`border-box`},[`&${r}-has-sider`]:{flexDirection:`row`,[`> ${r}, > ${r}-content`]:{width:0}},[`${r}-header, &${r}-footer`]:{flex:`0 0 auto`},"&-rtl":{direction:`rtl`}},[`${r}-header`]:{height:o,padding:s,color:c,lineHeight:t(o),background:f,[`${n}-menu`]:{lineHeight:`inherit`}},[`${r}-footer`]:{padding:l,color:i,fontSize:u,background:a},[`${r}-content`]:{flex:`auto`,color:i,minHeight:0}}},r=e=>{let{colorBgLayout:t,controlHeight:n,controlHeightLG:r,colorText:i,controlHeightSM:a,marginXXS:o,colorTextLightSolid:s,colorBgContainer:c}=e,l=r*1.25;return{colorBgHeader:`#001529`,colorBgBody:t,colorBgTrigger:`#002140`,bodyBg:t,headerBg:`#001529`,headerHeight:n*2,headerPadding:`0 ${l}px`,headerColor:i,footerPadding:`${a}px ${l}px`,footerBg:t,siderBg:`#001529`,triggerHeight:r+o*2,triggerBg:`#002140`,triggerColor:s,zeroTriggerWidth:r,zeroTriggerHeight:r,lightSiderBg:c,lightTriggerBg:c,lightTriggerColor:i}},i=[[`colorBgBody`,`bodyBg`],[`colorBgHeader`,`headerBg`],[`colorBgTrigger`,`triggerBg`]];var a=e(`Layout`,e=>[n(e)],r,{deprecatedTokens:i});export{i as DEPRECATED_TOKENS,a as default,r as prepareComponentToken};

package/es/layout/style/sider.d.ts

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

package/es/layout/style/sider.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import"../../theme/internal.js";import{DEPRECATED_TOKENS as t,prepareComponentToken as n}from"./index.js";import{unit as r}from"@ant-design/cssinjs";const i=e=>{let{componentCls:t,siderBg:n,motionDurationMid:i,motionDurationSlow:a,antCls:o,triggerHeight:s,triggerColor:c,triggerBg:l,headerHeight:u,zeroTriggerWidth:d,zeroTriggerHeight:f,borderRadius:p,lightSiderBg:m,lightTriggerColor:h,lightTriggerBg:g,bodyBg:_}=e;return{[t]:{position:`relative`,minWidth:0,background:n,transition:`all ${i}, background 0s`,"&-has-trigger":{paddingBottom:s},"&-right":{order:1},[`${t}-children`]:{height:`100%`,marginTop:-.1,paddingTop:.1,[`${o}-menu${o}-menu-inline-collapsed`]:{width:`auto`}},[`${t}-trigger`]:{position:`fixed`,bottom:0,zIndex:1,height:s,color:c,lineHeight:r(s),textAlign:`center`,background:l,cursor:`pointer`,transition:`all ${i}`},[`${o}-layout &-zero-width`]:{"> *":{overflow:`hidden`},"&-trigger":{position:`absolute`,top:u,insetInlineEnd:e.calc(d).mul(-1).equal(),zIndex:1,width:d,height:f,color:c,fontSize:e.fontSizeXL,display:`flex`,alignItems:`center`,justifyContent:`center`,background:n,borderStartStartRadius:0,borderStartEndRadius:p,borderEndEndRadius:p,borderEndStartRadius:0,cursor:`pointer`,transition:`background ${a} ease`,"&::after":{position:`absolute`,inset:0,background:`transparent`,transition:`all ${a}`,content:`""`},"&:hover::after":{background:`rgba(255, 255, 255, 0.2)`},"&-right":{insetInlineStart:e.calc(d).mul(-1).equal(),borderStartStartRadius:p,borderStartEndRadius:0,borderEndEndRadius:0,borderEndStartRadius:p}}},"&-light":{background:m,[`${t}-trigger`]:{color:h,background:g},[`${t}-zero-width-trigger`]:{color:h,background:g,border:`1px solid ${_}`,borderInlineStart:0}}}}};var a=e([`Layout`,`Sider`],e=>[i(e)],n,{deprecatedTokens:t});export{a as default};

package/es/list/Item.d.ts

@@ -0,0 +1,36 @@
+import React, { CSSProperties, FC, HTMLAttributes, ReactNode } from "react";
+//#region components/list/Item.d.ts
+export interface ListItemProps extends HTMLAttributes<HTMLDivElement> {
+  className?: string;
+  classNames?: {
+    actions?: string;
+    extra?: string;
+  };
+  children?: ReactNode;
+  prefixCls?: string;
+  style?: CSSProperties;
+  styles?: {
+    actions?: CSSProperties;
+    extra?: CSSProperties;
+  };
+  extra?: ReactNode;
+  actions?: ReactNode[];
+  colStyle?: CSSProperties;
+}
+export interface ListItemMetaProps {
+  avatar?: ReactNode;
+  className?: string;
+  children?: ReactNode;
+  description?: ReactNode;
+  prefixCls?: string;
+  style?: CSSProperties;
+  title?: ReactNode;
+}
+export declare const Meta: FC<ListItemMetaProps>;
+declare const InternalItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
+export type ListItemTypeProps = typeof InternalItem & {
+  Meta: typeof Meta;
+};
+declare const Item: ListItemTypeProps;
+//#endregion
+export { Item as default };

package/es/list/Item.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{cloneElement as t}from"../_util/reactNode.js";import n from"../grid/col.js";import"../grid/index.js";import{ListContext as r}from"./context.js";import i,{Children as a,useContext as o}from"react";import s from"classnames";const c=({prefixCls:t,className:n,avatar:r,title:a,description:c,...l})=>{let{getPrefixCls:u}=o(e),d=u(`list`,t),f=s(`${d}-item-meta`,n),p=i.createElement(`div`,{className:`${d}-item-meta-content`},a&&i.createElement(`h4`,{className:`${d}-item-meta-title`},a),c&&i.createElement(`div`,{className:`${d}-item-meta-description`},c));return i.createElement(`div`,{...l,className:f},r&&i.createElement(`div`,{className:`${d}-item-meta-avatar`},r),(a||c)&&p)},l=i.forwardRef((c,l)=>{let{prefixCls:u,children:d,actions:f,extra:p,styles:m,className:h,classNames:g,colStyle:_,...v}=c,{grid:y,itemLayout:b}=o(r),{getPrefixCls:x,list:S}=o(e),C=e=>s(S?.item?.classNames?.[e],g?.[e]),w=e=>({...S?.item?.styles?.[e],...m?.[e]}),T=()=>{let e=!1;return a.forEach(d,t=>{typeof t==`string`&&(e=!0)}),e&&a.count(d)>1},E=()=>b===`vertical`?!!p:!T(),D=x(`list`,u),O=f&&f.length>0&&i.createElement(`ul`,{className:s(`${D}-item-action`,C(`actions`)),key:`actions`,style:w(`actions`)},f.map((e,t)=>i.createElement(`li`,{key:`${D}-item-action-${t}`},e,t!==f.length-1&&i.createElement(`em`,{className:`${D}-item-action-split`})))),k=y?`div`:`li`,A=i.createElement(k,{...v,...y?{}:{ref:l},className:s(`${D}-item`,{[`${D}-item-no-flex`]:!E()},h)},b===`vertical`&&p?[i.createElement(`div`,{className:`${D}-item-main`,key:`content`},d,O),i.createElement(`div`,{className:s(`${D}-item-extra`,C(`extra`)),key:`extra`,style:w(`extra`)},p)]:[d,O,t(p,{key:`extra`})]);return y?i.createElement(n,{ref:l,flex:1,style:_},A):A});l.Meta=c;export{c as Meta,l as default};