@swiftcrab/crab 0.0.5 → 0.0.7

package/es/dropdown/style/index.js

@@ -0,0 +1,15 @@
+import{genFocusStyle as e,resetComponent as t}from"../../style/index.js";import{genStyleHooks as n}from"../../theme/util/genStyleUtils.js";import{mergeToken as r}from"../../theme/internal.js";import{initMoveMotion as i}from"../../style/motion/move.js";import{initSlideMotion as a,slideDownIn as o,slideDownOut as s,slideUpIn as c,slideUpOut as l}from"../../style/motion/slide.js";import{initZoomMotion as u}from"../../style/motion/zoom.js";import"../../style/motion/index.js";import{getArrowToken as d}from"../../style/roundedArrow.js";import f,{getArrowOffsetToken as p}from"../../style/placementArrow.js";import m from"./status.js";import{unit as h}from"@ant-design/cssinjs";const g=n=>{let{componentCls:r,menuCls:d,zIndexPopup:p,dropdownArrowDistance:m,sizePopupArrow:g,antCls:_,iconCls:v,motionDurationMid:y,paddingBlock:b,fontSize:x,dropdownEdgeChildPadding:S,colorTextDisabled:C,fontSizeIcon:w,controlPaddingHorizontal:T,colorBgElevated:E}=n;return[{[r]:{position:`absolute`,top:-9999,left:{_skip_check_:!0,value:-9999},zIndex:p,display:`block`,"&::before":{position:`absolute`,insetBlock:n.calc(g).div(2).sub(m).equal(),zIndex:-9999,opacity:1e-4,content:`""`},"&-menu-vertical":{maxHeight:`100vh`,overflowY:`auto`},[`&-trigger${_}-btn`]:{[`& > ${v}-down, & > ${_}-btn-icon > ${v}-down`]:{fontSize:w}},[`${r}-wrap`]:{position:`relative`,[`${_}-btn > ${v}-down`]:{fontSize:w},[`${v}-down::before`]:{transition:`transform ${y}`}},[`${r}-wrap-open`]:{[`${v}-down::before`]:{transform:`rotate(180deg)`}},"\n        &-hidden,\n        &-menu-hidden,\n        &-menu-submenu-hidden\n      ":{display:`none`},[`&${_}-slide-down-enter${_}-slide-down-enter-active${r}-placement-bottomLeft,
+          &${_}-slide-down-appear${_}-slide-down-appear-active${r}-placement-bottomLeft,
+          &${_}-slide-down-enter${_}-slide-down-enter-active${r}-placement-bottom,
+          &${_}-slide-down-appear${_}-slide-down-appear-active${r}-placement-bottom,
+          &${_}-slide-down-enter${_}-slide-down-enter-active${r}-placement-bottomRight,
+          &${_}-slide-down-appear${_}-slide-down-appear-active${r}-placement-bottomRight`]:{animationName:c},[`&${_}-slide-up-enter${_}-slide-up-enter-active${r}-placement-topLeft,
+          &${_}-slide-up-appear${_}-slide-up-appear-active${r}-placement-topLeft,
+          &${_}-slide-up-enter${_}-slide-up-enter-active${r}-placement-top,
+          &${_}-slide-up-appear${_}-slide-up-appear-active${r}-placement-top,
+          &${_}-slide-up-enter${_}-slide-up-enter-active${r}-placement-topRight,
+          &${_}-slide-up-appear${_}-slide-up-appear-active${r}-placement-topRight`]:{animationName:o},[`&${_}-slide-down-leave${_}-slide-down-leave-active${r}-placement-bottomLeft,
+          &${_}-slide-down-leave${_}-slide-down-leave-active${r}-placement-bottom,
+          &${_}-slide-down-leave${_}-slide-down-leave-active${r}-placement-bottomRight`]:{animationName:l},[`&${_}-slide-up-leave${_}-slide-up-leave-active${r}-placement-topLeft,
+          &${_}-slide-up-leave${_}-slide-up-leave-active${r}-placement-top,
+          &${_}-slide-up-leave${_}-slide-up-leave-active${r}-placement-topRight`]:{animationName:s}}},f(n,E,{arrowPlacement:{top:!0,bottom:!0}}),{[`${r} ${d}`]:{position:`relative`,margin:0},[`${d}-submenu-popup`]:{position:`absolute`,zIndex:p,background:`transparent`,boxShadow:`none`,transformOrigin:`0 0`,"ul, li":{listStyle:`none`,margin:0}},[`${r}, ${r}-menu-submenu`]:{...t(n),[d]:{padding:S,listStyleType:`none`,backgroundColor:E,backgroundClip:`padding-box`,borderRadius:n.borderRadiusLG,outline:`none`,boxShadow:n.boxShadowSecondary,...e(n),"&:empty":{padding:0,boxShadow:`none`},[`${d}-item-group-title`]:{padding:`${h(b)} ${h(T)}`,color:n.colorTextDescription,transition:`all ${y}`},[`${d}-item`]:{position:`relative`,display:`flex`,alignItems:`center`},[`${d}-item-icon`]:{minWidth:x,marginInlineEnd:n.marginXS,fontSize:n.fontSizeSM},[`${d}-title-content`]:{flex:`auto`,"&-with-extra":{display:`inline-flex`,alignItems:`center`,width:`100%`},"> a":{color:`inherit`,transition:`all ${y}`,"&:hover":{color:`inherit`},"&::after":{position:`absolute`,inset:0,content:`""`}},[`${d}-item-extra`]:{paddingInlineStart:n.padding,marginInlineStart:`auto`,fontSize:n.fontSizeSM,color:n.colorTextDescription}},[`${d}-item, ${d}-submenu-title`]:{display:`flex`,margin:0,padding:`${h(b)} ${h(T)}`,color:n.colorText,fontWeight:`normal`,fontSize:x,lineHeight:n.lineHeight,cursor:`pointer`,transition:`all ${y}`,borderRadius:n.borderRadiusSM,"&:hover, &-active":{backgroundColor:n.controlItemBgHover},...e(n),"&-selected":{color:n.colorPrimary,backgroundColor:n.controlItemBgActive,"&:hover, &-active":{backgroundColor:n.controlItemBgActiveHover}},"&-disabled":{color:C,cursor:`not-allowed`,"&:hover":{color:C,backgroundColor:E,cursor:`not-allowed`},a:{pointerEvents:`none`}},"&-divider":{height:1,margin:`${h(n.marginXXS)} 0`,overflow:`hidden`,lineHeight:0,backgroundColor:n.colorSplit},[`${r}-menu-submenu-expand-icon`]:{position:`absolute`,insetInlineEnd:n.paddingXS,[`${r}-menu-submenu-arrow-icon`]:{marginInlineEnd:`0 !important`,color:n.colorTextDescription,fontSize:w,fontStyle:`normal`}}},[`${d}-item-group-list`]:{margin:`0 ${h(n.marginXS)}`,padding:0,listStyle:`none`},[`${d}-submenu-title`]:{paddingInlineEnd:n.calc(T).add(n.fontSizeSM).equal()},[`${d}-submenu-vertical`]:{position:`relative`},[`${d}-submenu${d}-submenu-disabled ${r}-menu-submenu-title`]:{[`&, ${r}-menu-submenu-arrow-icon`]:{color:C,backgroundColor:E,cursor:`not-allowed`}},[`${d}-submenu-selected ${r}-menu-submenu-title`]:{color:n.colorPrimary}}}},[a(n,`slide-up`),a(n,`slide-down`),i(n,`move-up`),i(n,`move-down`),u(n,`zoom-big`)]]},_=e=>({zIndexPopup:e.zIndexPopupBase+50,paddingBlock:(e.controlHeight-e.fontSize*e.lineHeight)/2,...p({contentRadius:e.borderRadiusLG,limitVerticalRadius:!0}),...d(e)});var v=n(`Dropdown`,e=>{let{marginXXS:t,sizePopupArrow:n,paddingXXS:i,componentCls:a}=e,o=r(e,{menuCls:`${a}-menu`,dropdownArrowDistance:e.calc(n).div(2).add(t).equal(),dropdownEdgeChildPadding:i});return[g(o),m(o)]},_,{resetStyle:!1});export{v as default,_ as prepareComponentToken};

package/es/dropdown/style/status.d.ts

@@ -0,0 +1,7 @@
+import "../../theme/internal.js";
+import { DropdownToken } from "./index.js";
+import { GenerateStyle } from "../../theme/interface/index.js";
+//#region components/dropdown/style/status.d.ts
+declare const genStatusStyle: GenerateStyle<DropdownToken>;
+//#endregion
+export { genStatusStyle as default };

package/es/dropdown/style/status.js

@@ -0,0 +1 @@
+const e=e=>{let{componentCls:t,menuCls:n,colorError:r,colorTextLightSolid:i}=e,a=`${n}-item`;return{[`${t}, ${t}-menu-submenu`]:{[`${n} ${a}`]:{[`&${a}-danger:not(${a}-disabled)`]:{color:r,"&:hover":{color:i,backgroundColor:r}}}}}};export{e as default};

package/es/empty/empty.d.ts

@@ -0,0 +1,5 @@
+import * as React$1 from "react";
+//#region components/empty/empty.d.ts
+declare const Empty: React$1.FC;
+//#endregion
+export { Empty as default };

package/es/empty/empty.js

@@ -0,0 +1 @@
+import e from"../locale/useLocale.js";import"../locale/index.js";import t from"../theme/useToken.js";import"../theme/internal.js";import*as n from"react";import{TinyColor as r}from"@ctrl/tinycolor";const i=()=>{let[,i]=t(),[a]=e(`Empty`),o=new r(i.colorBgBase).toHsl().l<.5?{opacity:.65}:{};return n.createElement(`svg`,{style:o,width:`184`,height:`152`,viewBox:`0 0 184 152`,xmlns:`http://www.w3.org/2000/svg`},n.createElement(`title`,null,a?.description||`Empty`),n.createElement(`g`,{fill:`none`,fillRule:`evenodd`},n.createElement(`g`,{transform:`translate(24 31.67)`},n.createElement(`ellipse`,{fillOpacity:`.8`,fill:`#F5F5F7`,cx:`67.797`,cy:`106.89`,rx:`67.797`,ry:`12.668`}),n.createElement(`path`,{d:`M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z`,fill:`#AEB8C2`}),n.createElement(`path`,{d:`M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z`,fill:`url(#linearGradient-1)`,transform:`translate(13.56)`}),n.createElement(`path`,{d:`M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z`,fill:`#F5F5F7`}),n.createElement(`path`,{d:`M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z`,fill:`#DCE0E6`})),n.createElement(`path`,{d:`M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z`,fill:`#DCE0E6`}),n.createElement(`g`,{transform:`translate(149.65 15.383)`,fill:`#FFF`},n.createElement(`ellipse`,{cx:`20.654`,cy:`3.167`,rx:`2.849`,ry:`2.815`}),n.createElement(`path`,{d:`M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z`}))))};export{i as default};

package/es/empty/index.d.ts

@@ -0,0 +1,23 @@
+import * as React$1 from "react";
+//#region components/empty/index.d.ts
+export interface TransferLocale {
+  description: string;
+}
+export interface EmptyProps {
+  prefixCls?: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  /** @since 3.16.0 */
+  imageStyle?: React$1.CSSProperties;
+  image?: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  children?: React$1.ReactNode;
+}
+type CompoundedComponent = React$1.FC<EmptyProps> & {
+  PRESENTED_IMAGE_DEFAULT: React$1.ReactNode;
+  PRESENTED_IMAGE_SIMPLE: React$1.ReactNode;
+};
+declare const Empty: CompoundedComponent;
+//#endregion
+export { Empty as default };

package/es/empty/index.js

@@ -0,0 +1 @@
+import e from"../locale/useLocale.js";import"../locale/index.js";import{ConfigContext as t}from"../config-provider/context.js";import"../config-provider/index.js";import n from"./empty.js";import r from"./simple.js";import i from"./style/index.js";import*as a from"react";import o from"classnames";const s=a.createElement(n,null),c=a.createElement(r,null),l=({className:n,rootClassName:r,prefixCls:l,image:u=s,description:d,children:f,imageStyle:p,style:m,...h})=>{let{getPrefixCls:g,direction:_,empty:v}=a.useContext(t),y=g(`empty`,l),[b,x,S]=i(y),[C]=e(`Empty`),w=d===void 0?C?.description:d,T=typeof w==`string`?w:`empty`,E=null;return E=typeof u==`string`?a.createElement(`img`,{alt:T,src:u}):u,b(a.createElement(`div`,{className:o(x,S,y,v?.className,{[`${y}-normal`]:u===c,[`${y}-rtl`]:_===`rtl`},n,r),style:{...v?.style,...m},...h},a.createElement(`div`,{className:`${y}-image`,style:p},E),w&&a.createElement(`div`,{className:`${y}-description`},w),f&&a.createElement(`div`,{className:`${y}-footer`},f)))};l.PRESENTED_IMAGE_DEFAULT=s,l.PRESENTED_IMAGE_SIMPLE=c;export{l as default};

package/es/empty/simple.d.ts

@@ -0,0 +1,5 @@
+import * as React$1 from "react";
+//#region components/empty/simple.d.ts
+declare const Simple: React$1.FC;
+//#endregion
+export { Simple as default };

package/es/empty/simple.js

@@ -0,0 +1 @@
+import e from"../locale/useLocale.js";import"../locale/index.js";import t from"../theme/useToken.js";import"../theme/internal.js";import*as n from"react";import{useMemo as r}from"react";import{TinyColor as i}from"@ctrl/tinycolor";const a=()=>{let[,a]=t(),[o]=e(`Empty`),{colorFill:s,colorFillTertiary:c,colorFillQuaternary:l,colorBgContainer:u}=a,{borderColor:d,shadowColor:f,contentColor:p}=r(()=>({borderColor:new i(s).onBackground(u).toHexShortString(),shadowColor:new i(c).onBackground(u).toHexShortString(),contentColor:new i(l).onBackground(u).toHexShortString()}),[s,c,l,u]);return n.createElement(`svg`,{width:`64`,height:`41`,viewBox:`0 0 64 41`,xmlns:`http://www.w3.org/2000/svg`},n.createElement(`title`,null,o?.description||`Empty`),n.createElement(`g`,{transform:`translate(0 1)`,fill:`none`,fillRule:`evenodd`},n.createElement(`ellipse`,{fill:f,cx:`32`,cy:`33`,rx:`32`,ry:`7`}),n.createElement(`g`,{fillRule:`nonzero`,stroke:d},n.createElement(`path`,{d:`M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z`}),n.createElement(`path`,{d:`M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z`,fill:p}))))};export{a as default};

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

@@ -0,0 +1,6 @@
+//#region components/empty/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {}
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/empty/style/index.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";const n=e=>{let{componentCls:t,margin:n,marginXS:r,marginXL:i,fontSize:a,lineHeight:o}=e;return{[t]:{marginInline:r,fontSize:a,lineHeight:o,textAlign:`center`,[`${t}-image`]:{height:e.emptyImgHeight,marginBottom:r,opacity:e.opacityImage,img:{height:`100%`},svg:{maxWidth:`100%`,height:`100%`,margin:`auto`}},[`${t}-description`]:{color:e.colorTextDescription},[`${t}-footer`]:{marginTop:n},"&-normal":{marginBlock:i,color:e.colorTextDescription,[`${t}-description`]:{color:e.colorTextDescription},[`${t}-image`]:{height:e.emptyImgHeightMD}},"&-small":{marginBlock:r,color:e.colorTextDescription,[`${t}-image`]:{height:e.emptyImgHeightSM}}}}};var r=e(`Empty`,e=>{let{componentCls:r,controlHeightLG:i,calc:a}=e,o=t(e,{emptyImgCls:`${r}-img`,emptyImgHeight:a(i).mul(2.5).equal(),emptyImgHeightMD:i,emptyImgHeightSM:a(i).mul(.875).equal()});return[n(o)]});export{r as default};

package/es/flex/index.d.ts

@@ -0,0 +1,7 @@
+import { AnyObject } from "../_util/type.js";
+import { FlexProps } from "./interface.js";
+import React from "react";
+//#region components/flex/index.d.ts
+declare const Flex: React.ForwardRefExoticComponent<FlexProps<AnyObject> & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Flex as default };

package/es/flex/index.js

@@ -0,0 +1 @@
+import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{isPresetSize as t}from"../_util/gapSize.js";import n from"./utils.js";import r from"./style/index.js";import i from"react";import a from"classnames";import o from"rc-util/lib/omit";const s=i.forwardRef((s,c)=>{let{prefixCls:l,rootClassName:u,className:d,style:f,flex:p,gap:m,children:h,vertical:g=!1,component:_=`div`,...v}=s,{flex:y,direction:b,getPrefixCls:x}=i.useContext(e),S=x(`flex`,l),[C,w,T]=r(S),E=g??y?.vertical,D=a(d,u,y?.className,S,w,T,n(S,s),{[`${S}-rtl`]:b===`rtl`,[`${S}-gap-${m}`]:t(m),[`${S}-vertical`]:E}),O={...y?.style,...f};return p&&(O.flex=p),m&&!t(m)&&(O.gap=m),C(i.createElement(_,{ref:c,className:D,style:O,...o(v,[`justify`,`wrap`,`align`])},h))});export{s as default};

package/es/flex/interface.d.ts

@@ -0,0 +1,17 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { AnyObject, CustomComponent } from "../_util/type.js";
+import React from "react";
+//#region components/flex/interface.d.ts
+export interface FlexProps<P = AnyObject> extends React.HTMLAttributes<HTMLElement> {
+  prefixCls?: string;
+  rootClassName?: string;
+  vertical?: boolean;
+  wrap?: boolean | React.CSSProperties['flexWrap'];
+  justify?: React.CSSProperties['justifyContent'];
+  align?: React.CSSProperties['alignItems'];
+  flex?: React.CSSProperties['flex'];
+  gap?: React.CSSProperties['gap'] | SizeType;
+  children: React.ReactNode;
+  component?: CustomComponent<P>;
+}
+//#endregion

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

@@ -0,0 +1,32 @@
+import "../../theme/internal.js";
+import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+//#region components/flex/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {}
+export interface FlexToken extends FullToken<'Flex'> {
+  /**
+   * @nameZH 小间隙
+   * @nameEN Small Gap
+   * @desc 控制元素的小间隙。
+   * @descEN Control the small gap of the element.
+   */
+  flexGapSM: number;
+  /**
+   * @nameZH 间隙
+   * @nameEN Gap
+   * @desc 控制元素的间隙。
+   * @descEN Control the gap of the element.
+   */
+  flexGap: number;
+  /**
+   * @nameZH 大间隙
+   * @nameEN Large Gap
+   * @desc 控制元素的大间隙。
+   * @descEN Control the large gap of the element.
+   */
+  flexGapLG: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Flex'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+//#endregion
+export { _default as default };

package/es/flex/style/index.js

@@ -0,0 +1 @@
+import{genStyleHooks as e}from"../../theme/util/genStyleUtils.js";import{mergeToken as t}from"../../theme/internal.js";import{alignItemsValues as n,flexWrapValues as r,justifyContentValues as i}from"../utils.js";const a=e=>{let{componentCls:t}=e;return{[t]:{display:`flex`,margin:0,padding:0,"&-vertical":{flexDirection:`column`},"&-rtl":{direction:`rtl`},"&:empty":{display:`none`}}}},o=e=>{let{componentCls:t}=e;return{[t]:{"&-gap-small":{gap:e.flexGapSM},"&-gap-middle":{gap:e.flexGap},"&-gap-large":{gap:e.flexGapLG}}}},s=e=>{let{componentCls:t}=e,n={};return r.forEach(e=>{n[`${t}-wrap-${e}`]={flexWrap:e}}),n},c=e=>{let{componentCls:t}=e,r={};return n.forEach(e=>{r[`${t}-align-${e}`]={alignItems:e}}),r},l=e=>{let{componentCls:t}=e,n={};return i.forEach(e=>{n[`${t}-justify-${e}`]={justifyContent:e}}),n},u=()=>({});var d=e(`Flex`,e=>{let{paddingXS:n,padding:r,paddingLG:i}=e,u=t(e,{flexGapSM:n,flexGap:r,flexGapLG:i});return[a(u),o(u),s(u),c(u),l(u)]},u,{resetStyle:!1});export{d as default,u as prepareComponentToken};

package/es/flex/utils.d.ts

@@ -0,0 +1,8 @@
+import { FlexProps } from "./interface.js";
+//#region components/flex/utils.d.ts
+export declare const flexWrapValues: React.CSSProperties['flexWrap'][];
+export declare const justifyContentValues: React.CSSProperties['justifyContent'][];
+export declare const alignItemsValues: React.CSSProperties['alignItems'][];
+declare function createFlexClassNames(prefixCls: string, props: FlexProps): string;
+//#endregion
+export { createFlexClassNames as default };

package/es/flex/utils.js

@@ -0,0 +1 @@
+import e from"classnames";const t=[`wrap`,`nowrap`,`wrap-reverse`],n=[`flex-start`,`flex-end`,`start`,`end`,`center`,`space-between`,`space-around`,`space-evenly`,`stretch`,`normal`,`left`,`right`],r=[`center`,`start`,`end`,`flex-start`,`flex-end`,`self-start`,`self-end`,`baseline`,`normal`,`stretch`],i=(e,n)=>{let r=n.wrap===!0?`wrap`:n.wrap;return{[`${e}-wrap-${r}`]:r&&t.includes(r)}},a=(e,t)=>{let n={};return r.forEach(r=>{n[`${e}-align-${r}`]=t.align===r}),n[`${e}-align-stretch`]=!t.align&&!!t.vertical,n},o=(e,t)=>{let r={};return n.forEach(n=>{r[`${e}-justify-${n}`]=t.justify===n}),r};function s(t,n){return e({...i(t,n),...a(t,n),...o(t,n)})}export{r as alignItemsValues,s as default,t as flexWrapValues,n as justifyContentValues};

package/es/form/ErrorList.d.ts

@@ -0,0 +1,15 @@
+import { ValidateStatus } from "./FormItem/index.js";
+import * as React$1 from "react";
+//#region components/form/ErrorList.d.ts
+export interface ErrorListProps {
+  fieldId?: string;
+  help?: React$1.ReactNode;
+  helpStatus?: ValidateStatus;
+  errors?: React$1.ReactNode[];
+  warnings?: React$1.ReactNode[];
+  className?: string;
+  onVisibleChanged?: (visible: boolean) => void;
+}
+declare const ErrorList: React$1.FC<ErrorListProps>;
+//#endregion
+export { ErrorList as default };

package/es/form/ErrorList.js

@@ -0,0 +1 @@
+import e from"../config-provider/hooks/useCSSVarCls.js";import t from"../_util/motion.js";import{FormItemPrefixContext as n}from"./context.js";import r from"./hooks/useDebounce.js";import i from"./style/index.js";import*as a from"react";import o from"classnames";import s,{CSSMotionList as c}from"rc-motion";const l=[];function u(e,t,n,r=0){return{key:typeof e==`string`?e:`${t}-${r}`,error:e,errorStatus:n}}const d=({help:d,helpStatus:f,errors:p=l,warnings:m=l,className:h,fieldId:g,onVisibleChanged:_})=>{let{prefixCls:v}=a.useContext(n),y=`${v}-item-explain`,b=e(v),[x,S,C]=i(v,b),w=a.useMemo(()=>t(v),[v]),T=r(p),E=r(m),D=a.useMemo(()=>d==null?[...T.map((e,t)=>u(e,`error`,`error`,t)),...E.map((e,t)=>u(e,`warning`,`warning`,t))]:[u(d,`help`,f)],[d,f,T,E]),O=a.useMemo(()=>{let e={};return D.forEach(({key:t})=>{e[t]=(e[t]||0)+1}),D.map((t,n)=>({...t,key:e[t.key]>1?`${t.key}-fallback-${n}`:t.key}))},[D]),k={};return g&&(k.id=`${g}_help`),x(a.createElement(s,{motionDeadline:w.motionDeadline,motionName:`${v}-show-help`,visible:!!O.length,onVisibleChanged:_},e=>{let{className:n,style:r}=e;return a.createElement(`div`,{...k,className:o(y,n,C,b,h,S),style:r,role:`alert`},a.createElement(c,{keys:O,...t(v),motionName:`${v}-show-help-item`,component:!1},e=>{let{key:t,error:n,errorStatus:r,className:i,style:s}=e;return a.createElement(`div`,{key:t,className:o(i,{[`${y}-${r}`]:r}),style:s},n)}))}))};export{d as default};

package/es/form/Form.d.ts

@@ -0,0 +1,44 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { ColProps } from "../grid/col.js";
+import { FormLabelAlign } from "./interface.js";
+import useForm, { FormInstance } from "./hooks/useForm.js";
+import { FeedbackIcons } from "./FormItem/index.js";
+import { Variant } from "../config-provider/context.js";
+import "../config-provider/index.js";
+import * as React$1 from "react";
+import { Options } from "scroll-into-view-if-needed";
+import { List, useWatch } from "rc-field-form";
+import { FormRef } from "rc-field-form/lib/interface";
+import { FormProps as FormProps$1 } from "rc-field-form/lib/Form";
+//#region components/form/Form.d.ts
+export type RequiredMark = boolean | 'optional' | ((labelNode: React$1.ReactNode, info: {
+  required: boolean;
+}) => React$1.ReactNode);
+export type FormLayout = 'horizontal' | 'inline' | 'vertical';
+export type FormItemLayout = 'horizontal' | 'vertical';
+export type ScrollFocusOptions = Options & {
+  focus?: boolean;
+};
+export interface FormProps<Values = any> extends Omit<FormProps$1<Values>, 'form'> {
+  prefixCls?: string;
+  colon?: boolean;
+  name?: string;
+  layout?: FormLayout;
+  labelAlign?: FormLabelAlign;
+  labelWrap?: boolean;
+  labelCol?: ColProps;
+  wrapperCol?: ColProps;
+  form?: FormInstance<Values>;
+  feedbackIcons?: FeedbackIcons;
+  size?: SizeType;
+  disabled?: boolean;
+  scrollToFirstError?: ScrollFocusOptions | boolean;
+  requiredMark?: RequiredMark;
+  /** @deprecated Will warning in future branch. Pls use `requiredMark` instead. */
+  hideRequiredMark?: boolean;
+  rootClassName?: string;
+  variant?: Variant;
+}
+declare const Form: (<Values = any>(props: React$1.PropsWithChildren<FormProps<Values>> & React$1.RefAttributes<FormRef<Values>>) => React$1.ReactElement) & Pick<React$1.FC, "displayName">;
+//#endregion
+export { type FormInstance, List, Form as default, useForm, useWatch };

package/es/form/Form.js

@@ -0,0 +1 @@
+import e from"./validateMessagesContext.js";import{ConfigContext as t}from"../config-provider/context.js";import n,{DisabledContextProvider as r}from"../config-provider/DisabledContext.js";import i from"../config-provider/SizeContext.js";import"../config-provider/index.js";import ee from"../config-provider/hooks/useCSSVarCls.js";import a from"../config-provider/hooks/useSize.js";import{FormContext as o,FormProvider as s,VariantContext as c}from"./context.js";import l from"./style/index.js";import u from"./hooks/useForm.js";import"./hooks/useFormWarning.js";import*as d from"react";import f from"classnames";import p,{List as m,useWatch as h}from"rc-field-form";const g=d.forwardRef((m,h)=>{let g=d.useContext(n),{getPrefixCls:_,direction:v,form:y}=d.useContext(t),{prefixCls:b,className:x,rootClassName:S,size:C,disabled:w=g,form:T,colon:te,labelAlign:E,labelWrap:D,labelCol:O,wrapperCol:k,hideRequiredMark:A,layout:j=`horizontal`,scrollToFirstError:M,requiredMark:N,onFinishFailed:P,name:F,style:I,feedbackIcons:L,variant:R,...z}=m,B=a(C),V=d.useContext(e),H=d.useMemo(()=>N===void 0?A?!1:y&&y.requiredMark!==void 0?y.requiredMark:!0:N,[A,N,y]),U=te??y?.colon,W=_(`form`,b),G=ee(W),[K,q,J]=l(W,G),Y=f(W,`${W}-${j}`,{[`${W}-hide-required-mark`]:H===!1,[`${W}-rtl`]:v===`rtl`,[`${W}-${B}`]:B},J,G,q,y?.className,x,S),[X]=u(T),{__INTERNAL__:Z}=X;Z.name=F;let ne=d.useMemo(()=>({name:F,labelAlign:E,labelCol:O,labelWrap:D,wrapperCol:k,vertical:j===`vertical`,colon:U,requiredMark:H,itemRef:Z.itemRef,form:X,feedbackIcons:L}),[F,E,O,k,j,U,H,X,L]),Q=d.useRef(null);d.useImperativeHandle(h,()=>({...X,nativeElement:Q.current?.nativeElement}));let $=(e,t)=>{if(e){let n={block:`nearest`};typeof e==`object`&&(n={...n,...e}),X.scrollToField(t,n),n.focus&&X.focusField(t)}},re=e=>{if(P?.(e),e.errorFields.length){let t=e.errorFields[0].name;if(M!==void 0){$(M,t);return}y&&y.scrollToFirstError!==void 0&&$(y.scrollToFirstError,t)}};return K(d.createElement(c.Provider,{value:R},d.createElement(r,{disabled:w},d.createElement(i.Provider,{value:B},d.createElement(s,{validateMessages:V},d.createElement(o.Provider,{value:ne},d.createElement(p,{id:F,...z,name:F,onFinishFailed:re,form:X,ref:Q,style:{...y?.style,...I},className:Y})))))))});export{m as List,g as default,u as useForm,h as useWatch};

package/es/form/FormItem/ItemHolder.d.ts

@@ -0,0 +1,20 @@
+import { FormItemProps } from "./index.js";
+import { ReportMetaChange } from "../context.js";
+import * as React$1 from "react";
+import { Meta } from "rc-field-form/lib/interface";
+//#region components/form/FormItem/ItemHolder.d.ts
+export interface ItemHolderProps extends FormItemProps {
+  prefixCls: string;
+  className?: string;
+  rootClassName?: string;
+  style?: React$1.CSSProperties;
+  errors: React$1.ReactNode[];
+  warnings: React$1.ReactNode[];
+  meta: Meta;
+  children?: React$1.ReactNode;
+  fieldId?: string;
+  isRequired?: boolean;
+  onSubItemMetaChange: ReportMetaChange;
+}
+export default function ItemHolder(props: ItemHolderProps): React$1.JSX.Element;
+//#endregion

package/es/form/FormItem/ItemHolder.js

@@ -0,0 +1 @@
+import{FormContext as e,NoStyleItemContext as t}from"../context.js";import n from"../../grid/row.js";import"../../grid/index.js";import r from"../hooks/useDebounce.js";import{getStatus as i}from"../util.js";import a from"../FormItemInput.js";import o from"../FormItemLabel.js";import s from"./StatusProvider.js";import*as c from"react";import l from"classnames";import u from"rc-util/lib/omit";import d from"rc-util/lib/Dom/isVisible";import f from"rc-util/lib/hooks/useLayoutEffect";function p(p){let{prefixCls:m,className:h,rootClassName:g,style:_,help:v,errors:y,warnings:b,validateStatus:x,meta:S,hasFeedback:C,hidden:w,children:T,fieldId:E,required:D,isRequired:O,onSubItemMetaChange:k,layout:A,...j}=p,M=`${m}-item`,{requiredMark:N,vertical:P}=c.useContext(e),F=P||A===`vertical`,I=c.useRef(null),L=r(y),R=r(b),z=v!=null,B=!!(z||y.length||b.length),V=!!I.current&&d(I.current),[H,U]=c.useState(null);f(()=>{if(B&&I.current){let e=getComputedStyle(I.current);U(parseInt(e.marginBottom,10))}},[B,V]);let W=e=>{e||U(null)},G=((e=!1)=>{let t=e?L:S.errors,n=e?R:S.warnings;return i(t,n,S,``,!!C,x)})(),K=l(M,h,g,{[`${M}-with-help`]:z||L.length||R.length,[`${M}-has-feedback`]:G&&C,[`${M}-has-success`]:G===`success`,[`${M}-has-warning`]:G===`warning`,[`${M}-has-error`]:G===`error`,[`${M}-is-validating`]:G===`validating`,[`${M}-hidden`]:w,[`${M}-${A}`]:A});return c.createElement(`div`,{className:K,style:_,ref:I},c.createElement(n,{className:`${M}-row`,...u(j,`_internalItemRender.colon.dependencies.extra.fieldKey.getValueFromEvent.getValueProps.htmlFor.id.initialValue.isListField.label.labelAlign.labelCol.labelWrap.messageVariables.name.normalize.noStyle.preserve.requiredMark.rules.shouldUpdate.trigger.tooltip.validateFirst.validateTrigger.valuePropName.wrapperCol.validateDebounce`.split(`.`))},c.createElement(o,{htmlFor:E,...p,requiredMark:N,required:D??O,prefixCls:m,vertical:F}),c.createElement(a,{...p,...S,errors:L,warnings:R,prefixCls:m,status:G,help:v,marginBottom:H,onErrorVisibleChanged:W},c.createElement(t.Provider,{value:k},c.createElement(s,{prefixCls:m,meta:S,errors:S.errors,warnings:S.warnings,hasFeedback:C,validateStatus:G},T)))),!!H&&c.createElement(`div`,{className:`${M}-margin-offset`,style:{marginBottom:-H}}))}export{p as default};

package/es/form/FormItem/StatusProvider.d.ts

@@ -0,0 +1,18 @@
+import { FeedbackIcons, ValidateStatus } from "./index.js";
+import * as React$1 from "react";
+import { Meta } from "rc-field-form/lib/interface";
+//#region components/form/FormItem/StatusProvider.d.ts
+export interface StatusProviderProps {
+  children?: React$1.ReactNode;
+  validateStatus?: ValidateStatus;
+  prefixCls: string;
+  meta: Meta;
+  errors: React$1.ReactNode[];
+  warnings: React$1.ReactNode[];
+  hasFeedback?: boolean | {
+    icons?: FeedbackIcons;
+  };
+  noStyle?: boolean;
+}
+export default function StatusProvider({ children, errors, warnings, hasFeedback, validateStatus, prefixCls, meta, noStyle }: StatusProviderProps): React$1.JSX.Element;
+//#endregion

package/es/form/FormItem/StatusProvider.js

@@ -0,0 +1 @@
+import{FormContext as e,FormItemInputContext as t}from"../context.js";import{getStatus as n}from"../util.js";import*as r from"react";import i from"classnames";import a from"@ant-design/icons/CheckCircleFilled";import o from"@ant-design/icons/CloseCircleFilled";import s from"@ant-design/icons/ExclamationCircleFilled";import c from"@ant-design/icons/LoadingOutlined";const l={success:a,warning:s,error:o,validating:c};function u({children:a,errors:o,warnings:s,hasFeedback:c,validateStatus:u,prefixCls:d,meta:f,noStyle:p}){let m=`${d}-item`,{feedbackIcons:h}=r.useContext(e),g=n(o,s,f,null,!!c,u),{isFormItemInput:_,status:v,hasFeedback:y,feedbackIcon:b}=r.useContext(t),x=r.useMemo(()=>{let e;if(c){let t=c!==!0&&c.icons||h,n=g&&t?.({status:g,errors:o,warnings:s})?.[g],a=g&&l[g];e=n!==!1&&a?r.createElement(`span`,{className:i(`${m}-feedback-icon`,`${m}-feedback-icon-${g}`)},n||r.createElement(a,null)):null}let t={status:g||``,errors:o,warnings:s,hasFeedback:!!c,feedbackIcon:e,isFormItemInput:!0};return p&&(t.status=(g??v)||``,t.isFormItemInput=_,t.hasFeedback=!!(c??y),t.feedbackIcon=c===void 0?b:t.feedbackIcon),t},[g,c,p,_,v]);return r.createElement(t.Provider,{value:x},a)}export{u as default};

package/es/form/FormItem/index.d.ts

@@ -0,0 +1,47 @@
+import { FormInstance } from "../hooks/useForm.js";
+import { FormItemLayout } from "../Form.js";
+import { FormItemInputProps } from "../FormItemInput.js";
+import { FormItemLabelProps, LabelTooltipType } from "../FormItemLabel.js";
+import useFormItemStatus from "../hooks/useFormItemStatus.js";
+import * as React$1 from "react";
+import { FieldProps } from "rc-field-form/lib/Field";
+//#region components/form/FormItem/index.d.ts
+declare const _ValidateStatuses: readonly ["success", "warning", "error", "validating", ""];
+export type ValidateStatus = (typeof _ValidateStatuses)[number];
+type RenderChildren<Values = any> = (form: FormInstance<Values>) => React$1.ReactNode;
+type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
+type ChildrenType<Values = any> = RenderChildren<Values> | React$1.ReactNode;
+export type FeedbackIcons = (itemStatus: {
+  status: ValidateStatus;
+  errors?: React$1.ReactNode[];
+  warnings?: React$1.ReactNode[];
+}) => { [key in ValidateStatus]?: React$1.ReactNode; };
+export interface FormItemProps<Values = any> extends Omit<FormItemLabelProps, 'requiredMark'>, FormItemInputProps, RcFieldProps<Values> {
+  prefixCls?: string;
+  noStyle?: boolean;
+  style?: React$1.CSSProperties;
+  className?: string;
+  rootClassName?: string;
+  children?: ChildrenType<Values>;
+  id?: string;
+  hasFeedback?: boolean | {
+    icons: FeedbackIcons;
+  };
+  validateStatus?: ValidateStatus;
+  required?: boolean;
+  hidden?: boolean;
+  initialValue?: any;
+  messageVariables?: Record<string, string>;
+  tooltip?: LabelTooltipType;
+  /** @deprecated No need anymore */
+  fieldKey?: React$1.Key | React$1.Key[];
+  layout?: FormItemLayout;
+}
+declare function InternalFormItem<Values = any>(props: FormItemProps<Values>): React$1.ReactElement;
+type InternalFormItemType = typeof InternalFormItem;
+type CompoundedComponent = InternalFormItemType & {
+  useStatus: typeof useFormItemStatus;
+};
+declare const FormItem: CompoundedComponent;
+//#endregion
+export { FormItem as default };

package/es/form/FormItem/index.js

@@ -0,0 +1 @@
+import{devUseWarning as e}from"../../_util/warning.js";import{ConfigContext as t}from"../../config-provider/context.js";import"../../config-provider/index.js";import{cloneElement as n}from"../../_util/reactNode.js";import r from"../../config-provider/hooks/useCSSVarCls.js";import{FormContext as i,NoStyleItemContext as a}from"../context.js";import o from"../style/index.js";import{getFieldId as ee,toArray as s}from"../util.js";import c from"../hooks/useChildren.js";import l from"../hooks/useFormItemStatus.js";import u from"../hooks/useFrameState.js";import d from"../hooks/useItemRef.js";import te from"./StatusProvider.js";import ne from"./ItemHolder.js";import*as f from"react";import p from"classnames";import{supportRef as m}from"rc-util/lib/ref";import h from"rc-util/lib/hooks/useState";import{Field as g,FieldContext as _,ListContext as v}from"rc-field-form";function y(e,t){let n=Object.keys(e),r=Object.keys(t);return n.length===r.length&&n.every(n=>{let r=e[n],i=t[n];return r===i||typeof r==`function`||typeof i==`function`})}const b=f.memo(({children:e})=>e,(e,t)=>y(e.control,t.control)&&e.update===t.update&&e.childProps.length===t.childProps.length&&e.childProps.every((e,n)=>e===t.childProps[n]));function x(){return{errors:[],warnings:[],touched:!1,validating:!1,name:[],validated:!1}}function S(l){let{name:y,noStyle:S,className:C,dependencies:w,prefixCls:re,shouldUpdate:T,rules:E,children:D,required:O,label:k,messageVariables:A,trigger:j=`onChange`,validateTrigger:M,hidden:N,help:P,layout:ie}=l,{getPrefixCls:ae}=f.useContext(t),{name:oe}=f.useContext(i),F=c(D),I=typeof F==`function`,L=f.useContext(a),{validateTrigger:R}=f.useContext(_),z=M===void 0?R:M,B=y!=null,V=ae(`form`,re),H=r(V),[U,W,G]=o(V,H),K=e(`Form.Item`),se=f.useContext(v),q=f.useRef(null),[J,ce]=u({}),[Y,le]=h(()=>x()),ue=e=>{let t=se?.getKey(e.name);if(le(e.destroy?x():e,!0),S&&P!==!1&&L){let n=e.name;if(e.destroy)n=q.current||n;else if(t!==void 0){let[e,r]=t;n=[e,...r],q.current=n}L(e,n)}},de=(e,t)=>{ce(n=>{let r={...n},i=[...e.name.slice(0,-1),...t].join(`__SPLIT__`);return e.destroy?delete r[i]:r[i]=e,r})},[X,Z]=f.useMemo(()=>{let e=[...Y.errors],t=[...Y.warnings];return Object.values(J).forEach(n=>{e.push(...n.errors||[]),t.push(...n.warnings||[])}),[e,t]},[J,Y.errors,Y.warnings]),fe=d();function Q(e,t,n){return S&&!N?f.createElement(te,{prefixCls:V,hasFeedback:l.hasFeedback,validateStatus:l.validateStatus,meta:Y,errors:X,warnings:Z,noStyle:!0},e):f.createElement(ne,{key:`row`,...l,className:p(C,G,H,W),prefixCls:V,fieldId:t,isRequired:n,errors:X,warnings:Z,meta:Y,onSubItemMetaChange:de,layout:ie},e)}if(!B&&!I&&!w)return U(Q(F));let $={};return typeof k==`string`?$.label=k:y&&($.label=String(y)),A&&($={...$,...A}),U(f.createElement(g,{...l,messageVariables:$,trigger:j,validateTrigger:z,onMetaChange:ue},(e,t,r)=>{let i=s(y).length&&t?t.name:[],a=ee(i,oe),o=O===void 0?!!E?.some(e=>{if(e&&typeof e==`object`&&e.required&&!e.warningOnly)return!0;if(typeof e==`function`){let t=e(r);return t?.required&&!t?.warningOnly}return!1}):O,c={...e},u=null;if(K(!(T&&w),`usage`,"`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps."),Array.isArray(F)&&B)K(!1,`usage`,"A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item."),u=F;else if(I&&(!(T||w)||B))K(!!(T||w),`usage`,"A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`."),K(!B,`usage`,"A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.");else if(w&&!I&&!B)K(!1,`usage`,"Must set `name` or use a render function when `dependencies` is set.");else if(f.isValidElement(F)){K(F.props.defaultValue===void 0,`usage`,"`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.");let e={...F.props,...c};if(e.id||=a,P||X.length>0||Z.length>0||l.extra){let t=[];(P||X.length>0)&&t.push(`${a}_help`),l.extra&&t.push(`${a}_extra`),e[`aria-describedby`]=t.join(` `)}X.length>0&&(e[`aria-invalid`]=`true`),o&&(e[`aria-required`]=`true`),m(F)&&(e.ref=fe(i,F)),new Set([...s(j),...s(z)]).forEach(t=>{e[t]=(...e)=>{c[t]?.(...e),F.props[t]?.(...e)}});let t=[e[`aria-required`],e[`aria-invalid`],e[`aria-describedby`]];u=f.createElement(b,{control:c,update:F,childProps:t},n(F,e))}else I&&(T||w)&&!B?u=F(r):(K(!i.length||!!S,`usage`,"`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead."),u=F);return Q(u,a,o)}))}const C=S;C.useStatus=l;export{C as default};

package/es/form/FormItemInput.d.ts

@@ -0,0 +1,24 @@
+import { ColProps } from "../grid/col.js";
+import { ValidateStatus } from "./FormItem/index.js";
+import * as React$1 from "react";
+//#region components/form/FormItemInput.d.ts
+interface FormItemInputMiscProps {
+  prefixCls: string;
+  children: React$1.ReactNode;
+  errors: React$1.ReactNode[];
+  warnings: React$1.ReactNode[];
+  marginBottom?: number | null;
+  onErrorVisibleChanged?: (visible: boolean) => void;
+}
+export interface FormItemInputProps {
+  labelCol?: ColProps;
+  wrapperCol?: ColProps;
+  extra?: React$1.ReactNode;
+  status?: ValidateStatus;
+  help?: React$1.ReactNode;
+  fieldId?: string;
+  label?: React$1.ReactNode;
+}
+declare const FormItemInput: React$1.FC<FormItemInputProps & FormItemInputMiscProps>;
+//#endregion
+export { FormItemInput as default };

package/es/form/FormItemInput.js

@@ -0,0 +1 @@
+import{FormContext as e,FormItemPrefixContext as t}from"./context.js";import n from"../grid/col.js";import r from"./ErrorList.js";import i from"./style/fallbackCmp.js";import*as a from"react";import o from"classnames";import s from"rc-util/lib/hooks/useLayoutEffect";import{get as c,set as l}from"rc-util";const u=u=>{let{prefixCls:d,status:f,labelCol:p,wrapperCol:m,children:h,errors:g,warnings:_,_internalItemRender:v,extra:y,help:b,fieldId:x,marginBottom:S,onErrorVisibleChanged:C,label:w}=u,T=`${d}-item`,E=a.useContext(e),D=a.useMemo(()=>{let e={...m||E.wrapperCol||{}};return w===null&&!p&&!m&&E.labelCol&&[void 0,`xs`,`sm`,`md`,`lg`,`xl`,`xxl`].forEach(t=>{let n=t?[t]:[],r=c(E.labelCol,n),i=typeof r==`object`?r:{},a=c(e,n),o=typeof a==`object`?a:{};`span`in i&&!(`offset`in o)&&i.span<24&&(e=l(e,[...n,`offset`],i.span))}),e},[m,E]),O=o(`${T}-control`,D.className),k=a.useMemo(()=>{let{labelCol:e,wrapperCol:t,...n}=E;return n},[E]),A=a.useRef(null),[j,M]=a.useState(0);s(()=>{y&&A.current?M(A.current.clientHeight):M(0)},[y]);let N=a.createElement(`div`,{className:`${T}-control-input`},a.createElement(`div`,{className:`${T}-control-input-content`},h)),P=a.useMemo(()=>({prefixCls:d,status:f}),[d,f]),F=S!==null||g.length||_.length?a.createElement(t.Provider,{value:P},a.createElement(r,{fieldId:x,errors:g,warnings:_,help:b,helpStatus:f,className:`${T}-explain-connected`,onVisibleChanged:C})):null,I={};x&&(I.id=`${x}_extra`);let L=y?a.createElement(`div`,{...I,className:`${T}-extra`,ref:A},y):null,R=F||L?a.createElement(`div`,{className:`${T}-additional`,style:S?{minHeight:S+j}:{}},F,L):null,z=v&&v.mark===`pro_table_render`&&v.render?v.render(u,{input:N,errorList:F,extra:L}):a.createElement(a.Fragment,null,N,R);return a.createElement(e.Provider,{value:k},a.createElement(n,{...D,className:O},z),a.createElement(i,{prefixCls:d}))};export{u as default};

package/es/form/FormItemLabel.d.ts

@@ -0,0 +1,24 @@
+import { ColProps } from "../grid/col.js";
+import { FormLabelAlign } from "./interface.js";
+import { TooltipProps } from "../tooltip/index.js";
+import * as React$1 from "react";
+//#region components/form/FormItemLabel.d.ts
+export type WrapperTooltipProps = TooltipProps & {
+  icon?: React$1.ReactElement;
+};
+export type LabelTooltipType = WrapperTooltipProps | React$1.ReactNode;
+export interface FormItemLabelProps {
+  colon?: boolean;
+  htmlFor?: string;
+  label?: React$1.ReactNode;
+  labelAlign?: FormLabelAlign;
+  labelCol?: ColProps;
+  tooltip?: LabelTooltipType;
+  vertical?: boolean;
+}
+declare const FormItemLabel: React$1.FC<FormItemLabelProps & {
+  required?: boolean;
+  prefixCls: string;
+}>;
+//#endregion
+export { FormItemLabel as default };

package/es/form/FormItemLabel.js

@@ -0,0 +1 @@
+import e from"../locale/en_US.js";import t from"../locale/useLocale.js";import"../locale/index.js";import{FormContext as n}from"./context.js";import r from"../tooltip/index.js";import i from"../grid/col.js";import*as a from"react";import o from"classnames";import s from"@ant-design/icons/QuestionCircleOutlined";function c(e){return e?typeof e==`object`&&!a.isValidElement(e)?e:{title:e}:null}const l=({prefixCls:l,label:u,htmlFor:d,labelCol:f,labelAlign:p,colon:m,required:h,requiredMark:g,tooltip:_,vertical:v})=>{let[y]=t(`Form`),{labelAlign:b,labelCol:x,labelWrap:S,colon:C}=a.useContext(n);if(!u)return null;let w=f||x||{},T=p||b,E=`${l}-item-label`,D=o(E,T===`left`&&`${E}-left`,w.className,{[`${E}-wrap`]:!!S}),O=u,k=m===!0||C!==!1&&m!==!1;k&&!v&&typeof u==`string`&&u.trim()&&(O=u.replace(/[:|：]\s*$/,``));let A=c(_);if(A){let{icon:e=a.createElement(s,null),...t}=A,n=a.createElement(r,t,a.cloneElement(e,{className:`${l}-item-tooltip`,title:``,onClick:e=>{e.preventDefault()},tabIndex:null}));O=a.createElement(a.Fragment,null,O,n)}let j=g===`optional`,M=typeof g==`function`;M?O=g(O,{required:!!h}):j&&!h&&(O=a.createElement(a.Fragment,null,O,a.createElement(`span`,{className:`${l}-item-optional`,title:``},y?.optional||e.Form?.optional)));let N=o({[`${l}-item-required`]:h,[`${l}-item-required-mark-optional`]:j||M,[`${l}-item-no-colon`]:!k});return a.createElement(i,{...w,className:D},a.createElement(`label`,{htmlFor:d,className:N,title:typeof u==`string`?u:``},O))};export{l as default};

package/es/form/FormList.d.ts

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import { StoreValue, ValidatorRule } from "rc-field-form/lib/interface";
+//#region components/form/FormList.d.ts
+export interface FormListFieldData {
+  name: number;
+  key: number;
+  /** @deprecated No need anymore Use key instead */
+  fieldKey?: number;
+}
+export interface FormListOperation {
+  add: (defaultValue?: StoreValue, insertIndex?: number) => void;
+  remove: (index: number | number[]) => void;
+  move: (from: number, to: number) => void;
+}
+export interface FormListProps {
+  prefixCls?: string;
+  name: string | number | (string | number)[];
+  rules?: ValidatorRule[];
+  initialValue?: any[];
+  children: (fields: FormListFieldData[], operation: FormListOperation, meta: {
+    errors: React$1.ReactNode[];
+    warnings: React$1.ReactNode[];
+  }) => React$1.ReactNode;
+}
+declare const FormList: React$1.FC<FormListProps>;
+//#endregion
+export { FormList as default };

package/es/form/FormList.js

@@ -0,0 +1 @@
+import"../_util/warning.js";import{ConfigContext as e}from"../config-provider/context.js";import"../config-provider/index.js";import{FormItemPrefixContext as t}from"./context.js";import*as n from"react";import{List as r}from"rc-field-form";const i=({prefixCls:i,children:a,...o})=>{let{getPrefixCls:s}=n.useContext(e),c=s(`form`,i),l=n.useMemo(()=>({prefixCls:c,status:`error`}),[c]);return n.createElement(r,o,(e,r,i)=>n.createElement(t.Provider,{value:l},a(e.map(e=>({...e,fieldKey:e.key})),r,{errors:i.errors,warnings:i.warnings})))};export{i as default};

package/es/form/context.d.ts

@@ -0,0 +1,55 @@
+import { ColProps } from "../grid/col.js";
+import { FormLabelAlign } from "./interface.js";
+import { FormInstance } from "./hooks/useForm.js";
+import { RequiredMark } from "./Form.js";
+import { FeedbackIcons, ValidateStatus } from "./FormItem/index.js";
+import * as React$1 from "react";
+import { PropsWithChildren, ReactNode } from "react";
+import { Meta } from "rc-field-form/lib/interface";
+import { FormProviderProps as FormProviderProps$1 } from "rc-field-form/lib/FormContext";
+//#region components/form/context.d.ts
+/** Form Context. Set top form style and pass to Form Item usage. */
+export interface FormContextProps {
+  vertical: boolean;
+  name?: string;
+  colon?: boolean;
+  labelAlign?: FormLabelAlign;
+  labelWrap?: boolean;
+  labelCol?: ColProps;
+  wrapperCol?: ColProps;
+  requiredMark?: RequiredMark;
+  itemRef: (name: (string | number)[]) => (node: React$1.ReactElement) => void;
+  form?: FormInstance;
+  feedbackIcons?: FeedbackIcons;
+}
+export declare const FormContext: React$1.Context<FormContextProps>;
+/** `noStyle` Form Item Context. Used for error collection */
+export type ReportMetaChange = (meta: Meta, uniqueKeys: React$1.Key[]) => void;
+export declare const NoStyleItemContext: React$1.Context<ReportMetaChange | null>;
+/** Form Provider */
+export interface FormProviderProps extends Omit<FormProviderProps$1, 'validateMessages'> {
+  prefixCls?: string;
+}
+export declare const FormProvider: React$1.FC<FormProviderProps>;
+/** Used for ErrorList only */
+export interface FormItemPrefixContextProps {
+  prefixCls: string;
+  status?: ValidateStatus;
+}
+export declare const FormItemPrefixContext: React$1.Context<FormItemPrefixContextProps>;
+export interface FormItemStatusContextProps {
+  isFormItemInput?: boolean;
+  status?: ValidateStatus;
+  errors?: React$1.ReactNode[];
+  warnings?: React$1.ReactNode[];
+  hasFeedback?: boolean;
+  feedbackIcon?: ReactNode;
+}
+export declare const FormItemInputContext: React$1.Context<FormItemStatusContextProps>;
+export type NoFormStyleProps = PropsWithChildren<{
+  status?: boolean;
+  override?: boolean;
+}>;
+export declare const NoFormStyle: React$1.FC<NoFormStyleProps>;
+export declare const VariantContext: React$1.Context<"filled" | "outlined" | "borderless" | undefined>;
+//#endregion

package/es/form/context.js

@@ -0,0 +1 @@
+import*as e from"react";import t from"rc-util/lib/omit";import{FormProvider as n}from"rc-field-form";const r=e.createContext({labelAlign:`right`,vertical:!1,itemRef:(()=>{})}),i=e.createContext(null),a=r=>{let i=t(r,[`prefixCls`]);return e.createElement(n,i)},o=e.createContext({prefixCls:``}),s=e.createContext({}),c=({children:t,status:n,override:r})=>{let i=e.useContext(s),a=e.useMemo(()=>{let e={...i};return r&&delete e.isFormItemInput,n&&(delete e.status,delete e.hasFeedback,delete e.feedbackIcon),e},[n,r,i]);return e.createElement(s.Provider,{value:a},t)},l=e.createContext(void 0);export{r as FormContext,s as FormItemInputContext,o as FormItemPrefixContext,a as FormProvider,c as NoFormStyle,i as NoStyleItemContext,l as VariantContext};

package/es/form/hooks/useChildren.d.ts

@@ -0,0 +1,4 @@
+import { FormItemProps } from "../FormItem/index.js";
+//#region components/form/hooks/useChildren.d.ts
+export default function useChildren(children?: FormItemProps['children']): FormItemProps['children'];
+//#endregion

package/es/form/hooks/useChildren.js

@@ -0,0 +1 @@
+import e from"rc-util/lib/Children/toArray";function t(t){if(typeof t==`function`)return t;let n=e(t);return n.length<=1?n[0]:n}export{t as default};

package/es/form/hooks/useDebounce.d.ts

@@ -0,0 +1,3 @@
+//#region components/form/hooks/useDebounce.d.ts
+export default function useDebounce<T>(value: T[]): T[];
+//#endregion

package/es/form/hooks/useDebounce.js

@@ -0,0 +1 @@
+import*as e from"react";function t(t){let[n,r]=e.useState(t);return e.useEffect(()=>{let e=setTimeout(()=>{r(t)},t.length?0:10);return()=>{clearTimeout(e)}},[t]),n}export{t as default};

package/es/form/hooks/useForm.d.ts

@@ -0,0 +1,10 @@
+import { NamePath, ScrollOptions } from "../interface.js";
+import { FormInstance as FormInstance$1 } from "rc-field-form";
+//#region components/form/hooks/useForm.d.ts
+export interface FormInstance<Values = any> extends FormInstance$1<Values> {
+  scrollToField: (name: NamePath, options?: ScrollOptions) => void;
+  focusField: (name: NamePath) => void;
+  getFieldInstance: (name: NamePath) => any;
+}
+export default function useForm<Values = any>(form?: FormInstance<Values>): [FormInstance<Values>];
+//#endregion

package/es/form/hooks/useForm.js

@@ -0,0 +1 @@
+import{getFieldId as e,toArray as t}from"../util.js";import*as n from"react";import r from"scroll-into-view-if-needed";import{useForm as i}from"rc-field-form";import{getDOM as a}from"rc-util/lib/Dom/findDOMNode";function o(e){return t(e).join(`_`)}function s(n,r){let i=r.getFieldInstance(n),o=a(i);if(o)return o;let s=e(t(n),r.__INTERNAL__.name);if(s)return document.getElementById(s)}function c(e){let[t]=i(),a=n.useRef({}),c=n.useMemo(()=>e??{...t,__INTERNAL__:{itemRef:e=>t=>{let n=o(e);t?a.current[n]=t:delete a.current[n]}},scrollToField:(e,t={})=>{let n=s(e,c);n&&r(n,{scrollMode:`if-needed`,block:`nearest`,...t})},focusField:e=>{let t=s(e,c);t&&t.focus?.()},getFieldInstance:e=>{let t=o(e);return a.current[t]}},[e,t]);return[c]}export{c as default};

package/es/form/hooks/useFormInstance.d.ts

@@ -0,0 +1,4 @@
+import { FormInstance } from "./useForm.js";
+//#region components/form/hooks/useFormInstance.d.ts
+export default function useFormInstance<Value = any>(): FormInstance<Value>;
+//#endregion

package/es/form/hooks/useFormInstance.js

@@ -0,0 +1 @@
+import{FormContext as e}from"../context.js";import*as t from"react";function n(){let{form:n}=t.useContext(e);return n}export{n as default};

package/es/form/hooks/useFormItemStatus.d.ts

@@ -0,0 +1,11 @@
+import { ValidateStatus } from "../FormItem/index.js";
+import * as React$1 from "react";
+//#region components/form/hooks/useFormItemStatus.d.ts
+type UseFormItemStatus = () => {
+  status?: ValidateStatus;
+  errors: React$1.ReactNode[];
+  warnings: React$1.ReactNode[];
+};
+declare const useFormItemStatus: UseFormItemStatus;
+//#endregion
+export { useFormItemStatus as default };

package/es/form/hooks/useFormItemStatus.js

@@ -0,0 +1 @@
+import"../../_util/warning.js";import{FormItemInputContext as e}from"../context.js";import*as t from"react";const n=()=>{let{status:n,errors:r=[],warnings:i=[]}=t.useContext(e);return{status:n,errors:r,warnings:i}};n.Context=e;export{n as default};

package/es/form/hooks/useFormWarning.d.ts

@@ -0,0 +1,4 @@
+import { FormProps } from "../Form.js";
+//#region components/form/hooks/useFormWarning.d.ts
+export default function useFormWarning({ name }: FormProps): void;
+//#endregion

package/es/form/hooks/useFormWarning.js

@@ -0,0 +1 @@
+import{devUseWarning as e}from"../../_util/warning.js";import*as t from"react";const n={};function r({name:r}){let i=e(`Form`);t.useEffect(()=>{if(r)return n[r]=(n[r]||0)+1,i(n[r]<=1,`usage`,"There exist multiple Form with same `name`."),()=>{--n[r]}},[r])}export{r as default};