@consta/uikit 5.16.0 → 5.18.0

package/__internal__/src/components/FieldComponents/FieldLabel/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FieldLabel';
-export * from './cnFieldLabel';
+export * from './FieldLabel';
+export * from './cnFieldLabel';

package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { FieldPropSize } from "..";
-import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
-declare type FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<{
-    size?: FieldPropSize;
-    active: boolean;
-    children?: never;
-}, HTMLButtonElement>;
-export declare const FieldToggleVisiblePasswordButton: React.ForwardRefExoticComponent<Pick<FieldToggleVisiblePasswordButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "key" | "active"> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+import React from 'react';
+import { FieldPropSize } from "..";
+import { PropsWithHTMLAttributesAndRef } from "../../../utils/types/PropsWithHTMLAttributes";
+declare type FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<{
+    size?: FieldPropSize;
+    active?: boolean;
+    children?: never;
+}, HTMLButtonElement>;
+export declare const FieldToggleVisiblePasswordButton: React.ForwardRefExoticComponent<Pick<FieldToggleVisiblePasswordButtonProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "key" | "active"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","active"];import{AnimateIconSwitcher}from"@consta/icons/AnimateIconSwitcher";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import React,{forwardRef}from"react";import{FieldButton,getFieldIconSize}from"./..";export var FieldToggleVisiblePasswordButton=forwardRef(function(a,b){var c=a.size,d=void 0===c?"m":c,e=a.active,f=_objectWithoutProperties(a,_excluded);return React.createElement(FieldButton,Object.assign({},f,{ref:b}),React.createElement(AnimateIconSwitcher,{size:getFieldIconSize(d),startIcon:IconEye,endIcon:IconEyeClose,active:e,transition:125}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","active"];import{AnimateIconSwitcher}from"@consta/icons/AnimateIconSwitcher";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import React,{forwardRef}from"react";import{FieldButton,getFieldIconSize}from"./..";export var FieldToggleVisiblePasswordButton=forwardRef(function(a,b){var c=a.size,d=void 0===c?"m":c,e=a.active,f=_objectWithoutProperties(a,_excluded);return React.createElement(FieldButton,Object.assign({},f,{ref:b}),React.createElement(AnimateIconSwitcher,{size:getFieldIconSize(d),startIcon:IconEye,endIcon:IconEyeClose,active:void 0!==e&&e,transition:125}))});
 //# sourceMappingURL=FieldToggleVisiblePasswordButton.js.map

package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldToggleVisiblePasswordButton.js","names":["AnimateIconSwitcher","IconEye","IconEyeClose","React","forwardRef","FieldButton","getFieldIconSize","FieldToggleVisiblePasswordButton","ref","size","active","props"],"sources":["../../../../../../src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.tsx"],"sourcesContent":["import { AnimateIconSwitcher } from '@consta/icons/AnimateIconSwitcher';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport React, { forwardRef } from 'react';\n\nimport {\n  FieldButton,\n  FieldPropSize,\n  getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    active: boolean;\n    children?: never;\n  },\n  HTMLButtonElement\n>;\n\nexport const FieldToggleVisiblePasswordButton = forwardRef<\n  HTMLButtonElement,\n  FieldToggleVisiblePasswordButtonProps\n>(({ size = 'm', active, ...props }, ref) => {\n  return (\n    <FieldButton {...props} ref={ref}>\n      <AnimateIconSwitcher\n        size={getFieldIconSize(size)}\n        startIcon={IconEye}\n        endIcon={IconEyeClose}\n        active={active}\n        transition={125}\n      />\n    </FieldButton>\n  );\n});\n"],"mappings":"qHAAA,OAASA,mBAAT,KAAoC,mCAApC,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAgBA,MAAO,IAAMC,iCAAgC,CAAGH,UAAU,CAGxD,WAAmCI,CAAnC,CAA2C,SAAxCC,IAAwC,CAAxCA,CAAwC,YAAjC,GAAiC,GAA5BC,CAA4B,GAA5BA,MAA4B,CAAjBC,CAAiB,uCAC3C,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,CAAEH,CAA7B,GACE,oBAAC,mBAAD,EACE,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CADxB,CAEE,SAAS,CAAER,OAFb,CAGE,OAAO,CAAEC,YAHX,CAIE,MAAM,CAAEQ,CAJV,CAKE,UAAU,CAAE,GALd,EADF,CAUH,CAfyD,CAAnD"}
+{"version":3,"file":"FieldToggleVisiblePasswordButton.js","names":["AnimateIconSwitcher","IconEye","IconEyeClose","React","forwardRef","FieldButton","getFieldIconSize","FieldToggleVisiblePasswordButton","ref","size","active","props"],"sources":["../../../../../../src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.tsx"],"sourcesContent":["import { AnimateIconSwitcher } from '@consta/icons/AnimateIconSwitcher';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport React, { forwardRef } from 'react';\n\nimport {\n  FieldButton,\n  FieldPropSize,\n  getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<\n  {\n    size?: FieldPropSize;\n    active?: boolean;\n    children?: never;\n  },\n  HTMLButtonElement\n>;\n\nexport const FieldToggleVisiblePasswordButton = forwardRef<\n  HTMLButtonElement,\n  FieldToggleVisiblePasswordButtonProps\n>(({ size = 'm', active = false, ...props }, ref) => {\n  return (\n    <FieldButton {...props} ref={ref}>\n      <AnimateIconSwitcher\n        size={getFieldIconSize(size)}\n        startIcon={IconEye}\n        endIcon={IconEyeClose}\n        active={active}\n        transition={125}\n      />\n    </FieldButton>\n  );\n});\n"],"mappings":"qHAAA,OAASA,mBAAT,KAAoC,mCAApC,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAgBA,MAAO,IAAMC,iCAAgC,CAAGH,UAAU,CAGxD,WAA2CI,CAA3C,CAAmD,SAAhDC,IAAgD,CAAhDA,CAAgD,YAAzC,GAAyC,OAApCC,MAAoC,CAAjBC,CAAiB,uCACnD,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,CAAEH,CAA7B,GACE,oBAAC,mBAAD,EACE,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CADxB,CAEE,SAAS,CAAER,OAFb,CAGE,OAAO,CAAEC,YAHX,CAIE,MAAM,cAJR,CAKE,UAAU,CAAE,GALd,EADF,CAUH,CAfyD,CAAnD"}

package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/index.d.ts

@@ -1 +1 @@
-export * from './FieldToggleVisiblePasswordButton';
+export * from './FieldToggleVisiblePasswordButton';

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.d.ts

@@ -1,20 +1,2 @@
-import { IconComponent } from '@consta/icons/Icon';
-import React from 'react';
-import { FieldPropSize, FieldPropStatus } from '../types';
-declare type Counter = string | number | [string | number, string | number];
-declare type FieldWrapperProps = {
-    children: React.ReactNode;
-    size?: FieldPropSize;
-    label?: string;
-    labelIcon?: IconComponent;
-    labelIconRef?: React.Ref<HTMLSpanElement>;
-    labelPosition?: 'top' | 'left';
-    labelHtmlFor?: string;
-    caption?: string;
-    required?: boolean;
-    status?: FieldPropStatus;
-    side?: React.ReactNode;
-    counter?: Counter;
-};
-export declare const FieldWrapper: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldWrapperProps, "div">;
-export {};
+import { FieldWrapperProps } from './types';
+export declare const FieldWrapper: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldWrapperProps, "div">;

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";var renderCounter=function(a){return React.createElement(Text,{view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a},spaceMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"},directionMap={top:"column",left:"row"};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaceMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{status:l},j),n&&renderCounter(n))))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","label","size","labelIcon","caption","required","status","side","counter","labelPosition","labelIconRef","as","labelHtmlFor"];import React from"react";import{Text}from"../../Text";import{cnMixFlex}from"../../../mixs/MixFlex";import{isString}from"../../../utils/type-guards";import{forwardRefWithAs}from"../../../utils/types/PropsWithAsAttributes";import{FieldCaption}from"../FieldCaption";import{FieldLabel}from"../FieldLabel";import{cnFieldWrapper}from"./cnFieldWrapper";import{directionMap,spaceMap}from"./helpers";var renderCounter=function(a){return React.createElement(Text,{className:cnFieldWrapper("Counter"),view:"ghost",size:"xs",lineHeight:"m"},Array.isArray(a)?a.join("/"):a)},renderSide=function(a){return isString(a)?React.createElement("span",{className:cnFieldWrapper("SideText")},a):a};export var FieldWrapper=forwardRefWithAs(function(a,b){var c,d=a.className,e=a.children,f=a.label,g=a.size,h=void 0===g?"m":g,i=a.labelIcon,j=a.caption,k=a.required,l=a.status,m=a.side,n=a.counter,o=a.labelPosition,p=void 0===o?"top":o,q=a.labelIconRef,r=a.as,s=void 0===r?"div":r,t=a.labelHtmlFor,u=_objectWithoutProperties(a,_excluded),v=spaceMap[h];return React.createElement(s,Object.assign({},u,{ref:b,className:cnFieldWrapper(null,[cnMixFlex({direction:directionMap[p],gap:"top"===p?v:"s"}),d])}),f&&React.createElement(FieldLabel,Object.assign({size:h,required:k,icon:i,iconRef:q},t?{htmlFor:t,as:"label"}:{}),f),React.createElement("div",{className:cnFieldWrapper("ControlAndCaptionWrapper",[cnMixFlex({gap:v,direction:"column"})])},React.createElement("div",{className:cnFieldWrapper("ControlWrapper",[cnMixFlex({gap:v,direction:"row"})])},React.createElement("div",{className:cnFieldWrapper("Control")},e),m&&React.createElement("div",{className:cnFieldWrapper("Side",[cnMixFlex({align:"center",justify:"center"})]),style:(c={},_defineProperty(c,"--field-wrapper-side-text-size","var(--control-text-size-".concat(h,")")),_defineProperty(c,"--field-wrapper-side-height","var(--control-height-".concat(h,")")),c)},renderSide(m))),(j||n)&&React.createElement("div",{className:cnMixFlex({direction:"row",gap:v,justify:"space-between"})},j&&React.createElement(FieldCaption,{className:cnFieldWrapper("Caption"),status:l},j),n&&renderCounter(n))))});
 //# sourceMappingURL=FieldWrapper.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","renderCounter","counter","Array","isArray","join","renderSide","side","spaceMap","l","m","s","xs","directionMap","top","left","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex, MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { FieldPropSize, FieldPropStatus } from '../types';\nimport { cnFieldWrapper } from './cnFieldWrapper';\n\ntype Counter = string | number | [string | number, string | number];\n\ntype FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text view=\"ghost\" size=\"xs\" lineHeight=\"m\">\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nconst spaceMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nconst directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaceMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption status={status}>{caption}</FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"4TACA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,IAAT,kBACA,OAASC,SAAT,6BAEA,OAASC,QAAT,kCACA,OAASC,gBAAT,kDAEA,OAASC,YAAT,uBACA,OAASC,UAAT,qBAEA,OAASC,cAAT,wB,GAmBMC,cAAa,CAAG,SAACC,CAAD,CAAsB,CAC1C,MACE,qBAAC,IAAD,EAAM,IAAI,CAAC,OAAX,CAAmB,IAAI,CAAC,IAAxB,CAA6B,UAAU,CAAC,GAAxC,EACGC,KAAK,CAACC,OAAN,CAAcF,CAAd,EAAyBA,CAAO,CAACG,IAAR,CAAa,GAAb,CAAzB,CAA6CH,CADhD,CAIH,C,CAEKI,UAAU,CAAG,SAACC,CAAD,CAA2B,OACxCX,SAAQ,CAACW,CAAD,CADgC,CAEnC,4BAAM,SAAS,CAAEP,cAAc,CAAC,UAAD,CAA/B,EAA8CO,CAA9C,CAFmC,CAIrCA,CACR,C,CAEKC,QAAsC,CAAG,CAC7CC,CAAC,CAAE,IAD0C,CAE7CC,CAAC,CAAE,IAF0C,CAG7CC,CAAC,CAAE,KAH0C,CAI7CC,EAAE,CAAE,KAJyC,C,CAOzCC,YAGL,CAAG,CACFC,GAAG,CAAE,QADH,CAEFC,IAAI,CAAE,KAFJ,C,CAKJ,MAAO,IAAMC,aAAY,CAAGnB,gBAAgB,CAC1C,SAACoB,CAAD,CAAQC,CAAR,CAAgB,OAEZC,CAFY,CAiBVF,CAjBU,CAEZE,SAFY,CAGZC,CAHY,CAiBVH,CAjBU,CAGZG,QAHY,CAIZC,CAJY,CAiBVJ,CAjBU,CAIZI,KAJY,GAiBVJ,CAjBU,CAKZK,IALY,CAKZA,CALY,YAKL,GALK,GAMZC,CANY,CAiBVN,CAjBU,CAMZM,SANY,CAOZC,CAPY,CAiBVP,CAjBU,CAOZO,OAPY,CAQZC,CARY,CAiBVR,CAjBU,CAQZQ,QARY,CASZC,CATY,CAiBVT,CAjBU,CASZS,MATY,CAUZnB,CAVY,CAiBVU,CAjBU,CAUZV,IAVY,CAWZL,CAXY,CAiBVe,CAjBU,CAWZf,OAXY,GAiBVe,CAjBU,CAYZU,aAZY,CAYZA,CAZY,YAYI,KAZJ,GAaZC,CAbY,CAiBVX,CAjBU,CAaZW,YAbY,GAiBVX,CAjBU,CAcZY,EAdY,CAcZA,CAdY,YAcP,KAdO,GAeZC,CAfY,CAiBVb,CAjBU,CAeZa,YAfY,CAgBTC,CAhBS,0BAiBVd,CAjBU,YAoBRe,CAAG,CAAGxB,QAAQ,CAACc,CAAD,CApBN,CAsBd,MACE,qBAJUO,CAIV,kBACME,CADN,EAEE,GAAG,CAAEb,CAFP,CAGE,SAAS,CAAElB,cAAc,CAAC,IAAD,CAAO,CAC9BL,SAAS,CAAC,CACRsC,SAAS,CAAEpB,YAAY,CAACc,CAAD,CADf,CAERK,GAAG,CAAoB,KAAlB,GAAAL,CAAa,CAAaK,CAAb,CAAmB,GAF7B,CAAD,CADqB,CAK9Bb,CAL8B,CAAP,CAH3B,GAWGE,CAAK,EACJ,oBAAC,UAAD,gBACE,IAAI,CAAEC,CADR,CAEE,QAAQ,CAAEG,CAFZ,CAGE,IAAI,CAAEF,CAHR,CAIE,OAAO,CAAEK,CAJX,EAKOE,CAAY,CACb,CACEI,OAAO,CAAEJ,CADX,CAEED,EAAE,CAAE,OAFN,CADa,CAKb,EAVN,EAYGR,CAZH,CAZJ,CA2BE,2BACE,SAAS,CAAErB,cAAc,CAAC,0BAAD,CAA6B,CACpDL,SAAS,CAAC,CAAEqC,GAAG,CAAHA,CAAF,CAAOC,SAAS,CAAE,QAAlB,CAAD,CAD2C,CAA7B,CAD3B,EAKE,2BACE,SAAS,CAAEjC,cAAc,CAAC,gBAAD,CAAmB,CAC1CL,SAAS,CAAC,CAAEqC,GAAG,CAAHA,CAAF,CAAOC,SAAS,CAAE,KAAlB,CAAD,CADiC,CAAnB,CAD3B,EAKE,2BAAK,SAAS,CAAEjC,cAAc,CAAC,SAAD,CAA9B,EAA4CoB,CAA5C,CALF,CAMGb,CAAI,EACH,2BACE,SAAS,CAAEP,cAAc,CAAC,MAAD,CAAS,CAChCL,SAAS,CAAC,CAAEwC,KAAK,CAAE,QAAT,CAAmBC,OAAO,CAAE,QAA5B,CAAD,CADuB,CAAT,CAD3B,CAIE,KAAK,yBACF,gCADE,mCACsEd,CADtE,yBAEF,6BAFE,gCAEgEA,CAFhE,SAJP,EASGhB,UAAU,CAACC,CAAD,CATb,CAPJ,CALF,CAyBG,CAACiB,CAAO,EAAItB,CAAZ,GACC,2BACE,SAAS,CAAEP,SAAS,CAAC,CACnBsC,SAAS,CAAE,KADQ,CAEnBD,GAAG,CAAHA,CAFmB,CAGnBI,OAAO,CAAE,eAHU,CAAD,CADtB,EAOGZ,CAAO,EACN,oBAAC,YAAD,EAAc,MAAM,CAAEE,CAAtB,EAA+BF,CAA/B,CARJ,CAUGtB,CAAO,EAAID,aAAa,CAACC,CAAD,CAV3B,CA1BJ,CA3BF,CAqEH,CA7FyC,CAArC"}
+{"version":3,"file":"FieldWrapper.js","names":["React","Text","cnMixFlex","isString","forwardRefWithAs","FieldCaption","FieldLabel","cnFieldWrapper","directionMap","spaceMap","renderCounter","counter","Array","isArray","join","renderSide","side","FieldWrapper","props","ref","className","children","label","size","labelIcon","caption","required","status","labelPosition","labelIconRef","as","labelHtmlFor","otherProps","gap","direction","htmlFor","align","justify"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/FieldWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from '##/components/Text';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { isString } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport { FieldCaption } from '../FieldCaption';\nimport { FieldLabel } from '../FieldLabel';\nimport { cnFieldWrapper } from './cnFieldWrapper';\nimport { directionMap, spaceMap } from './helpers';\nimport { FieldWrapperProps } from './types';\n\ntype Counter = string | number | [string | number, string | number];\n\nconst renderCounter = (counter: Counter) => {\n  return (\n    <Text\n      className={cnFieldWrapper('Counter')}\n      view=\"ghost\"\n      size=\"xs\"\n      lineHeight=\"m\"\n    >\n      {Array.isArray(counter) ? counter.join('/') : counter}\n    </Text>\n  );\n};\n\nconst renderSide = (side: React.ReactNode) => {\n  if (isString(side)) {\n    return <span className={cnFieldWrapper('SideText')}>{side}</span>;\n  }\n  return side;\n};\n\nexport const FieldWrapper = forwardRefWithAs<FieldWrapperProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      label,\n      size = 'm',\n      labelIcon,\n      caption,\n      required,\n      status,\n      side,\n      counter,\n      labelPosition = 'top',\n      labelIconRef,\n      as = 'div',\n      labelHtmlFor,\n      ...otherProps\n    } = props;\n\n    const Tag = as as string;\n    const gap = spaceMap[size];\n\n    return (\n      <Tag\n        {...otherProps}\n        ref={ref}\n        className={cnFieldWrapper(null, [\n          cnMixFlex({\n            direction: directionMap[labelPosition],\n            gap: labelPosition === 'top' ? gap : 's',\n          }),\n          className,\n        ])}\n      >\n        {label && (\n          <FieldLabel\n            size={size}\n            required={required}\n            icon={labelIcon}\n            iconRef={labelIconRef}\n            {...(labelHtmlFor\n              ? {\n                  htmlFor: labelHtmlFor,\n                  as: 'label',\n                }\n              : {})}\n          >\n            {label}\n          </FieldLabel>\n        )}\n        <div\n          className={cnFieldWrapper('ControlAndCaptionWrapper', [\n            cnMixFlex({ gap, direction: 'column' }),\n          ])}\n        >\n          <div\n            className={cnFieldWrapper('ControlWrapper', [\n              cnMixFlex({ gap, direction: 'row' }),\n            ])}\n          >\n            <div className={cnFieldWrapper('Control')}>{children}</div>\n            {side && (\n              <div\n                className={cnFieldWrapper('Side', [\n                  cnMixFlex({ align: 'center', justify: 'center' }),\n                ])}\n                style={{\n                  ['--field-wrapper-side-text-size' as string]: `var(--control-text-size-${size})`,\n                  ['--field-wrapper-side-height' as string]: `var(--control-height-${size})`,\n                }}\n              >\n                {renderSide(side)}\n              </div>\n            )}\n          </div>\n          {(caption || counter) && (\n            <div\n              className={cnMixFlex({\n                direction: 'row',\n                gap,\n                justify: 'space-between',\n              })}\n            >\n              {caption && (\n                <FieldCaption\n                  className={cnFieldWrapper('Caption')}\n                  status={status}\n                >\n                  {caption}\n                </FieldCaption>\n              )}\n              {counter && renderCounter(counter)}\n            </div>\n          )}\n        </div>\n      </Tag>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldWrapper/cnFieldWrapper.d.ts

@@ -1,2 +1,2 @@
-import './FieldWrapper.css';
-export declare const cnFieldWrapper: import("@bem-react/classname").ClassNameFormatter;
+import './FieldWrapper.css';
+export declare const cnFieldWrapper: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/FieldComponents/FieldWrapper/helpers.d.ts

@@ -0,0 +1,6 @@
+import { MixFlexPropDirection } from "../../../mixs/MixFlex";
+import { Space } from "../../../mixs/MixSpace";
+import { FieldPropSize } from '../types';
+import { FieldWrapperProps } from './types';
+export declare const spaceMap: Record<FieldPropSize, Space>;
+export declare const directionMap: Record<Exclude<FieldWrapperProps['labelPosition'], undefined>, MixFlexPropDirection>;

package/__internal__/src/components/FieldComponents/FieldWrapper/helpers.js

@@ -0,0 +1,2 @@
+export var spaceMap={l:"xs",m:"xs",s:"2xl",xs:"2xs"};export var directionMap={top:"column",left:"row"};
+//# sourceMappingURL=helpers.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["spaceMap","l","m","s","xs","directionMap","top","left"],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/helpers.ts"],"sourcesContent":["import { MixFlexPropDirection } from '##/mixs/MixFlex';\nimport { Space } from '##/mixs/MixSpace';\n\nimport { FieldPropSize } from '../types';\nimport { FieldWrapperProps } from './types';\n\nexport const spaceMap: Record<FieldPropSize, Space> = {\n  l: 'xs',\n  m: 'xs',\n  s: '2xl',\n  xs: '2xs',\n};\n\nexport const directionMap: Record<\n  Exclude<FieldWrapperProps['labelPosition'], undefined>,\n  MixFlexPropDirection\n> = {\n  top: 'column',\n  left: 'row',\n};\n"],"mappings":"AAMA,MAAO,IAAMA,SAAsC,CAAG,CACpDC,CAAC,CAAE,IADiD,CAEpDC,CAAC,CAAE,IAFiD,CAGpDC,CAAC,CAAE,KAHiD,CAIpDC,EAAE,CAAE,KAJgD,CAA/C,CAOP,MAAO,IAAMC,aAGZ,CAAG,CACFC,GAAG,CAAE,QADH,CAEFC,IAAI,CAAE,KAFJ,CAHG"}

package/__internal__/src/components/FieldComponents/FieldWrapper/index.d.ts

@@ -1 +1 @@
-export * from './FieldWrapper';
+export * from './FieldWrapper';

package/__internal__/src/components/FieldComponents/FieldWrapper/types.d.ts

@@ -0,0 +1,19 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { FieldPropSize, FieldPropStatus } from '../types';
+declare type Counter = string | number | [string | number, string | number];
+export declare type FieldWrapperProps = {
+    children: React.ReactNode;
+    size?: FieldPropSize;
+    label?: string;
+    labelIcon?: IconComponent;
+    labelIconRef?: React.Ref<HTMLSpanElement>;
+    labelPosition?: 'top' | 'left';
+    labelHtmlFor?: string;
+    caption?: string;
+    required?: boolean;
+    status?: FieldPropStatus;
+    side?: React.ReactNode;
+    counter?: Counter;
+};
+export {};

package/__internal__/src/components/FieldComponents/FieldWrapper/types.js

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

package/__internal__/src/components/FieldComponents/FieldWrapper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldWrapper/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { FieldPropSize, FieldPropStatus } from '../types';\n\ntype Counter = string | number | [string | number, string | number];\n\nexport type FieldWrapperProps = {\n  children: React.ReactNode;\n  size?: FieldPropSize;\n  label?: string;\n  labelIcon?: IconComponent;\n  labelIconRef?: React.Ref<HTMLSpanElement>;\n  labelPosition?: 'top' | 'left';\n  labelHtmlFor?: string;\n  caption?: string;\n  required?: boolean;\n  status?: FieldPropStatus;\n  side?: React.ReactNode;\n  counter?: Counter;\n};\n"],"mappings":""}

package/__internal__/src/components/FieldComponents/index.d.ts

@@ -1 +1 @@
-export * from './FieldComponents';
+export * from './FieldComponents';

package/__internal__/src/components/FieldComponents/renderSide.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { FieldPropSize } from '.';
-export declare const renderSide: (side: string | IconComponent | undefined, fieldSize: FieldPropSize, iconSize: IconPropSize | undefined, ref?: React.Ref<HTMLSpanElement>) => JSX.Element | undefined;
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { FieldPropSize } from '.';
+export declare const renderSide: (side: string | IconComponent | undefined, fieldSize: FieldPropSize, iconSize: IconPropSize | undefined, ref?: React.Ref<HTMLSpanElement>) => JSX.Element | undefined;

package/__internal__/src/components/FieldComponents/types.d.ts

@@ -1,4 +1,4 @@
-export declare type FieldPropSize = 'm' | 'xs' | 's' | 'l';
-export declare type FieldPropForm = 'default' | 'defaultClear' | 'defaultBrick' | 'brick' | 'brickDefault' | 'brickClear' | 'brickRound' | 'round' | 'roundClear' | 'roundBrick' | 'clearRound' | 'clearDefault' | 'clearBrick' | 'clear';
-export declare type FieldPropStatus = 'alert' | 'success' | 'warning';
-export declare type FieldPropView = 'default' | 'clear';
+export declare type FieldPropSize = 'm' | 'xs' | 's' | 'l';
+export declare type FieldPropForm = 'default' | 'defaultClear' | 'defaultBrick' | 'brick' | 'brickDefault' | 'brickClear' | 'brickRound' | 'round' | 'roundClear' | 'roundBrick' | 'clearRound' | 'clearDefault' | 'clearBrick' | 'clear';
+export declare type FieldPropStatus = 'alert' | 'success' | 'warning';
+export declare type FieldPropView = 'default' | 'clear';

package/__internal__/src/components/FieldGroup/FieldGroup.d.ts

@@ -1,10 +1,10 @@
-import './FieldGroup.css';
-import React from 'react';
-import { FieldGroupPropChildren, FieldGroupPropForm, FieldGroupPropSize } from './types';
-export declare const FieldGroup: React.ForwardRefExoticComponent<{
-    children: FieldGroupPropChildren;
-    form?: FieldGroupPropForm | undefined;
-    size?: FieldGroupPropSize | undefined;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "size" | "form"> & React.RefAttributes<HTMLDivElement>>;
-export * from './types';
-export * from './getForm';
+import './FieldGroup.css';
+import React from 'react';
+import { FieldGroupPropChildren, FieldGroupPropForm, FieldGroupPropSize } from './types';
+export declare const FieldGroup: React.ForwardRefExoticComponent<{
+    children: FieldGroupPropChildren;
+    form?: FieldGroupPropForm | undefined;
+    size?: FieldGroupPropSize | undefined;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "children" | "size" | "form"> & React.RefAttributes<HTMLDivElement>>;
+export * from './types';
+export * from './getForm';

package/__internal__/src/components/FieldGroup/getForm.d.ts

@@ -1,2 +1,2 @@
-import { FieldGroupPropForm } from './types';
-export declare const getForm: (form: FieldGroupPropForm | undefined, index: number, length: number) => Exclude<FieldGroupPropForm, 'clear'>;
+import { FieldGroupPropForm } from './types';
+export declare const getForm: (form: FieldGroupPropForm | undefined, index: number, length: number) => Exclude<FieldGroupPropForm, 'clear'>;

package/__internal__/src/components/FieldGroup/index.d.ts

@@ -1 +1 @@
-export * from './FieldGroup';
+export * from './FieldGroup';

package/__internal__/src/components/FieldGroup/types.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type FieldGroupPropForm = 'default' | 'brick' | 'round' | 'brickRound' | 'roundBrick' | 'brickDefault' | 'defaultBrick' | 'defaultClear' | 'brickClear' | 'roundClear' | 'clearRound' | 'clearDefault' | 'clearBrick'
-/**
- * @deprecated use 'clear'
- */
- | 'clearClear' | 'clear';
-export declare type FieldGroupPropSize = 'm' | 'xs' | 's' | 'l';
-export declare type FieldGroupPropChildren = React.ReactElement<{
-    form?: FieldGroupPropForm;
-    size?: FieldGroupPropSize;
-    className?: string;
-}>[];
-export declare type FieldGroupProps = PropsWithHTMLAttributes<{
-    children: FieldGroupPropChildren;
-    form?: FieldGroupPropForm;
-    size?: FieldGroupPropSize;
-}, HTMLDivElement>;
+/// <reference types="react" />
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type FieldGroupPropForm = 'default' | 'brick' | 'round' | 'brickRound' | 'roundBrick' | 'brickDefault' | 'defaultBrick' | 'defaultClear' | 'brickClear' | 'roundClear' | 'clearRound' | 'clearDefault' | 'clearBrick'
+/**
+ * @deprecated use 'clear'
+ */
+ | 'clearClear' | 'clear';
+export declare type FieldGroupPropSize = 'm' | 'xs' | 's' | 'l';
+export declare type FieldGroupPropChildren = React.ReactElement<{
+    form?: FieldGroupPropForm;
+    size?: FieldGroupPropSize;
+    className?: string;
+}>[];
+export declare type FieldGroupProps = PropsWithHTMLAttributes<{
+    children: FieldGroupPropChildren;
+    form?: FieldGroupPropForm;
+    size?: FieldGroupPropSize;
+}, HTMLDivElement>;

package/__internal__/src/components/FieldLabel/FieldLabel.d.ts

@@ -1,10 +1,10 @@
-import './FieldLabel.css';
-import { IconComponent } from '@consta/icons/Icon';
-export declare type FieldLabelPropSize = 'xs' | 's' | 'm' | 'l';
-declare type FieldLabelProps = {
-    icon?: IconComponent;
-    size?: FieldLabelPropSize;
-    required?: boolean;
-};
-export declare const FieldLabel: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldLabelProps, "div">;
-export {};
+import './FieldLabel.css';
+import { IconComponent } from '@consta/icons/Icon';
+export declare type FieldLabelPropSize = 'xs' | 's' | 'm' | 'l';
+declare type FieldLabelProps = {
+    icon?: IconComponent;
+    size?: FieldLabelPropSize;
+    required?: boolean;
+};
+export declare const FieldLabel: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<FieldLabelProps, "div">;
+export {};

package/__internal__/src/components/FieldLabel/index.d.ts

@@ -1 +1 @@
-export * from './FieldLabel';
+export * from './FieldLabel';

package/__internal__/src/components/File/File.d.ts

@@ -1,14 +1,14 @@
-import './File.css';
-import React from 'react';
-import { FileIconProps } from "../../fileIcons/FileIcon/FileIcon";
-declare type Props = {
-    extension?: string;
-    loading?: boolean;
-    loadingWithProgressSpin?: boolean;
-    loadingProgress?: number;
-    children?: never;
-};
-export declare type FileProps = Props & Omit<FileIconProps, keyof Props>;
-export declare const cnFile: import("@bem-react/classname").ClassNameFormatter;
-export declare const File: React.FC<FileProps>;
-export {};
+import './File.css';
+import React from 'react';
+import { FileIconProps } from "../../fileIcons/FileIcon/FileIcon";
+declare type Props = {
+    extension?: string;
+    loading?: boolean;
+    loadingWithProgressSpin?: boolean;
+    loadingProgress?: number;
+    children?: never;
+};
+export declare type FileProps = Props & Omit<FileIconProps, keyof Props>;
+export declare const cnFile: import("@bem-react/classname").ClassNameFormatter;
+export declare const File: React.FC<FileProps>;
+export {};

package/__internal__/src/components/File/index.d.ts

@@ -1 +1 @@
-export * from './File';
+export * from './File';

package/__internal__/src/components/FileField/FileField.d.ts

@@ -1,19 +1,19 @@
-import './FileField.css';
-import React from 'react';
-import { AsTags } from "../../utils/types/AsTags";
-import { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';
-declare type ComponentProps = {
-    role: string;
-    as: AsTags;
-};
-declare type RenderFn = (props: ComponentProps) => React.ReactNode;
-export declare type FileFieldProps = PropsWithJsxAttributes<{
-    id: string;
-    onChange?: (e: DragEvent | React.ChangeEvent) => void;
-    children?: RenderFn | React.ReactNode;
-    inputRef?: React.Ref<HTMLInputElement>;
-}, 'input'>;
-export declare const COMPONENT_NAME: "FileField";
-export declare const cnFileField: import("@bem-react/classname").ClassNameFormatter;
-export declare const FileField: React.FC<FileFieldProps>;
-export {};
+import './FileField.css';
+import React from 'react';
+import { AsTags } from "../../utils/types/AsTags";
+import { PropsWithJsxAttributes } from '../../utils/types/PropsWithJsxAttributes';
+declare type ComponentProps = {
+    role: string;
+    as: AsTags;
+};
+declare type RenderFn = (props: ComponentProps) => React.ReactNode;
+export declare type FileFieldProps = PropsWithJsxAttributes<{
+    id: string;
+    onChange?: (e: DragEvent | React.ChangeEvent) => void;
+    children?: RenderFn | React.ReactNode;
+    inputRef?: React.Ref<HTMLInputElement>;
+}, 'input'>;
+export declare const COMPONENT_NAME: "FileField";
+export declare const cnFileField: import("@bem-react/classname").ClassNameFormatter;
+export declare const FileField: React.FC<FileFieldProps>;
+export {};

package/__internal__/src/components/FileField/index.d.ts

@@ -1 +1 @@
-export * from './FileField';
+export * from './FileField';

package/__internal__/src/components/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import './Grid.css';
-import { GridProps } from './types';
-export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
-export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;
+import './Grid.css';
+import { GridProps } from './types';
+export declare const cnGrid: import("@bem-react/classname").ClassNameFormatter;
+export declare const Grid: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridProps, "div">;

package/__internal__/src/components/Grid/GridItem/GridItem.d.ts

@@ -1,4 +1,4 @@
-import './GridItem.css';
-import { GridItemProps } from '../types';
-export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
-export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;
+import './GridItem.css';
+import { GridItemProps } from '../types';
+export declare const cnGridItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const GridItem: import("../../../utils/types/PropsWithAsAttributes").ComponentWithAs<GridItemProps, "div">;

package/__internal__/src/components/Grid/GridItem/index.d.ts

@@ -1 +1 @@
-export * from './GridItem';
+export * from './GridItem';

package/__internal__/src/components/Grid/helpers.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';
-export declare const normalizeGap: (gap: GridPropGap | undefined) => string | 0 | undefined;
-export declare const normalizeAlign: (align: GridPropXAlign | GridPropYAlign | undefined) => "start" | "center" | "end" | undefined;
-export declare const useGridBreakpoints: <T extends {}>(breakpoints: Record<string, T>, ref?: React.RefObject<HTMLElement>) => T;
+import React from 'react';
+import { GridPropGap, GridPropXAlign, GridPropYAlign } from './types';
+export declare const normalizeGap: (gap: GridPropGap | undefined) => string | 0 | undefined;
+export declare const normalizeAlign: (align: GridPropXAlign | GridPropYAlign | undefined) => "start" | "center" | "end" | undefined;
+export declare const useGridBreakpoints: <T extends {}>(breakpoints: Record<string, T>, ref?: React.RefObject<HTMLElement>) => T;

package/__internal__/src/components/Grid/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Grid';
-export * from './GridItem';
-export * from './types';
+export * from './Grid';
+export * from './GridItem';
+export * from './types';

package/__internal__/src/components/Grid/types.d.ts

@@ -1,35 +1,35 @@
-/// <reference types="react" />
-export declare const gridPropXAlign: readonly ["left", "center", "right"];
-export declare type GridPropXAlign = typeof gridPropXAlign[number];
-export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
-export declare type GridPropYAlign = typeof gridPropYAlign[number];
-export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type GridPropGap = typeof gridPropGap[number];
-export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
-export declare type BreakpointSizes = typeof breakpointSizes[number];
-declare type GridBreakpoint = {
-    cols?: number;
-    gap?: GridPropGap;
-    colGap?: GridPropGap;
-    rowGap?: GridPropGap;
-    xAlign?: GridPropXAlign;
-    yAlign?: GridPropYAlign;
-};
-export declare type GridPropBreakpoints = Record<number, GridBreakpoint>;
-export declare type GridProps = GridBreakpoint & {
-    breakpoints?: GridPropBreakpoints;
-    breakpointsForRef?: React.RefObject<HTMLElement>;
-};
-declare type GridItemBreakpoint = {
-    col?: number;
-    colStart?: number;
-    row?: number;
-    rowStart?: number;
-    order?: 0 | 1 | -1;
-};
-export declare type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;
-export declare type GridItemProps = GridItemBreakpoint & {
-    breakpoints?: GridItemPropBreakpoints;
-    breakpointsForRef?: React.RefObject<HTMLElement>;
-};
-export {};
+/// <reference types="react" />
+export declare const gridPropXAlign: readonly ["left", "center", "right"];
+export declare type GridPropXAlign = typeof gridPropXAlign[number];
+export declare const gridPropYAlign: readonly ["top", "center", "bottom"];
+export declare type GridPropYAlign = typeof gridPropYAlign[number];
+export declare const gridPropGap: readonly [0, "2xs", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type GridPropGap = typeof gridPropGap[number];
+export declare const breakpointSizes: readonly ["xs", "s", "m", "l", "xl", "2xl"];
+export declare type BreakpointSizes = typeof breakpointSizes[number];
+declare type GridBreakpoint = {
+    cols?: number;
+    gap?: GridPropGap;
+    colGap?: GridPropGap;
+    rowGap?: GridPropGap;
+    xAlign?: GridPropXAlign;
+    yAlign?: GridPropYAlign;
+};
+export declare type GridPropBreakpoints = Record<number, GridBreakpoint>;
+export declare type GridProps = GridBreakpoint & {
+    breakpoints?: GridPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+declare type GridItemBreakpoint = {
+    col?: number;
+    colStart?: number;
+    row?: number;
+    rowStart?: number;
+    order?: 0 | 1 | -1;
+};
+export declare type GridItemPropBreakpoints = Record<number, GridItemBreakpoint>;
+export declare type GridItemProps = GridItemBreakpoint & {
+    breakpoints?: GridItemPropBreakpoints;
+    breakpointsForRef?: React.RefObject<HTMLElement>;
+};
+export {};