npm - @vkontakte/vkui - Versions diffs - 7.2.1 → 7.3.0 - Mend

@vkontakte/vkui 7.2.1 → 7.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1626) hide show

package/dist/components/FloatingArrow/DefaultIcon.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ export declare const DEFAULT_ARROW_PADDING = 10;
  * 1. Прибавить высоту платформы к `height` и `viewBox` SVG контейнера.
  * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.
  *
- * https://github.com/VKCOM/VKUI/issues/2123
+ * Смотри https://github.com/VKCOM/VKUI/issues/2123.
  *
  * @since 7.0.0
  */

package/dist/components/FloatingArrow/DefaultIcon.js CHANGED Viewed

@@ -20,7 +20,7 @@ const ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;
  * 1. Прибавить высоту платформы к `height` и `viewBox` SVG контейнера.
  * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.
  *
- * https://github.com/VKCOM/VKUI/issues/2123
+ * Смотри https://github.com/VKCOM/VKUI/issues/2123.
  *
  * @since 7.0.0
  */ export const DefaultIcon = (props)=>{

package/dist/components/FloatingArrow/DefaultIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/FloatingArrow/DefaultIcon.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const DEFAULT_ARROW_WIDTH = 20;\nexport const DEFAULT_ARROW_HEIGHT = 8;\nexport const DEFAULT_ARROW_PADDING = 10;\n\nconst PLATFORM_HEIGHT = 1;\nconst ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;\n\n/*\n Стрелка для всплывающих окон.\n \n Примечание 1.\n \n В компоненте, SVG элемент `<path />` представляет собой стрелку с платформой в виде прямоугольника в 1px. Платформа\n * служит для исправления проблемы с белой полоской между контентом и стрелкой, которая зачастую проявляется при\n * изменении масштаба страницы.\n \n Чтобы исправление сработало нужно:\n * 1. Прибавить высоту платформы к `height` и `viewBox` SVG контейнера.\n * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.\n \n https://github.com/VKCOM/VKUI/issues/2123\n \n @since 7.0.0\n */\nexport const DefaultIcon = (props: React.SVGAttributes<SVGSVGElement>): React.ReactNode => {\n return (\n <svg\n width={DEFAULT_ARROW_WIDTH}\n height={ARROW_HEIGHT_WITH_WHITE_SPACE}\n viewBox={`0 0 ${DEFAULT_ARROW_WIDTH} ${ARROW_HEIGHT_WITH_WHITE_SPACE}`}\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M10 0c3 0 6 8 10 8v1H0V8c3.975 0 7-8 10-8Z\" fill=\"currentColor\" />\n </svg>\n );\n};\n"],"names":["React","DEFAULT_ARROW_WIDTH","DEFAULT_ARROW_HEIGHT","DEFAULT_ARROW_PADDING","PLATFORM_HEIGHT","ARROW_HEIGHT_WITH_WHITE_SPACE","DefaultIcon","props","svg","width","height","viewBox","xmlns","path","d","fill"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,sBAAsB,GAAG;AACtC,OAAO,MAAMC,uBAAuB,EAAE;AACtC,OAAO,MAAMC,wBAAwB,GAAG;AAExC,MAAMC,kBAAkB;AACxB,MAAMC,gCAAgCH,uBAAuBE;AAE7D;;;;;;;;;;;;;;;;CAgBC,GACD,OAAO,MAAME,cAAc,CAACC;IAC1B,qBACE,KAACC;QACCC,OAAOR;QACPS,QAAQL;QACRM,SAAS,CAAC,IAAI,EAAEV,oBAAoB,CAAC,EAAEI,+BAA+B;QACtEO,OAAM;OACFL;kBAEJ,cAAA,KAACM;YAAKC,GAAE;YAA6CC,MAAK;;;AAGhE,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/FloatingArrow/DefaultIcon.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const DEFAULT_ARROW_WIDTH = 20;\nexport const DEFAULT_ARROW_HEIGHT = 8;\nexport const DEFAULT_ARROW_PADDING = 10;\n\nconst PLATFORM_HEIGHT = 1;\nconst ARROW_HEIGHT_WITH_WHITE_SPACE = DEFAULT_ARROW_HEIGHT + PLATFORM_HEIGHT;\n\n/*\n Стрелка для всплывающих окон.\n \n Примечание 1.\n \n В компоненте, SVG элемент `<path />` представляет собой стрелку с платформой в виде прямоугольника в 1px. Платформа\n * служит для исправления проблемы с белой полоской между контентом и стрелкой, которая зачастую проявляется при\n * изменении масштаба страницы.\n \n Чтобы исправление сработало нужно:\n * 1. Прибавить высоту платформы к `height` и `viewBox` SVG контейнера.\n * 2. Сместить положение SVG контейнера на высоту платформы – сделано в CSS через `translateY(1px)`.\n \n Смотри https://github.com/VKCOM/VKUI/issues/2123.\n \n @since 7.0.0\n */\nexport const DefaultIcon = (props: React.SVGAttributes<SVGSVGElement>): React.ReactNode => {\n return (\n <svg\n width={DEFAULT_ARROW_WIDTH}\n height={ARROW_HEIGHT_WITH_WHITE_SPACE}\n viewBox={`0 0 ${DEFAULT_ARROW_WIDTH} ${ARROW_HEIGHT_WITH_WHITE_SPACE}`}\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n <path d=\"M10 0c3 0 6 8 10 8v1H0V8c3.975 0 7-8 10-8Z\" fill=\"currentColor\" />\n </svg>\n );\n};\n"],"names":["React","DEFAULT_ARROW_WIDTH","DEFAULT_ARROW_HEIGHT","DEFAULT_ARROW_PADDING","PLATFORM_HEIGHT","ARROW_HEIGHT_WITH_WHITE_SPACE","DefaultIcon","props","svg","width","height","viewBox","xmlns","path","d","fill"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,sBAAsB,GAAG;AACtC,OAAO,MAAMC,uBAAuB,EAAE;AACtC,OAAO,MAAMC,wBAAwB,GAAG;AAExC,MAAMC,kBAAkB;AACxB,MAAMC,gCAAgCH,uBAAuBE;AAE7D;;;;;;;;;;;;;;;;CAgBC,GACD,OAAO,MAAME,cAAc,CAACC;IAC1B,qBACE,KAACC;QACCC,OAAOR;QACPS,QAAQL;QACRM,SAAS,CAAC,IAAI,EAAEV,oBAAoB,CAAC,EAAEI,+BAA+B;QACtEO,OAAM;OACFL;kBAEJ,cAAA,KAACM;YAAKC,GAAE;YAA6CC,MAAK;;;AAGhE,EAAE"}

package/dist/components/FloatingArrow/FloatingArrow.d.ts CHANGED Viewed

@@ -2,7 +2,9 @@ import * as React from 'react';
 import type { Placement } from '../../lib/floating';
 import type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';
 export type Coords = {
+    /** Координата x. */
     x?: number;
+    /** Координата y. */
     y?: number;
 };
 export declare const placementClassNames: {
@@ -19,10 +21,25 @@ export interface FloatingArrowProps extends HTMLAttributesWithRootRef<HTMLDivEle
      * Включает абсолютное смещение по `offset`.
      */
     isStaticOffset?: boolean;
+    /**
+     * Координаты стрелки.
+     */
     coords?: Coords;
+    /**
+     * Расположение всплывающего элемента.
+     */
     placement?: Placement;
+    /**
+     * Стили иконки.
+     */
     iconStyle?: React.CSSProperties;
+    /**
+     * `className` для иконки.
+     */
     iconClassName?: string;
+    /**
+     * Иконка для отображения стрелки.
+     */
     Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;
 }
 /**

package/dist/components/FloatingArrow/FloatingArrow.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingArrow.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK/E,MAAM,MAAM,MAAM,GAAG;IACnB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,gBAAgB;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CAChE;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,6FAS3B,kBAAkB,KAAG,KAAK,CAAC,SAiB7B,CAAC"}
1	+ {"version":3,"file":"FloatingArrow.d.ts","sourceRoot":"","sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK/E,MAAM,MAAM,MAAM,GAAG;IACnB,oBAAoB;IACpB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,gBAAgB;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;CAChE;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,6FAS3B,kBAAkB,KAAG,KAAK,CAAC,SAiB7B,CAAC"}

package/dist/components/FloatingArrow/FloatingArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DefaultIcon } from './DefaultIcon';\nimport styles from './FloatingArrow.module.css';\n\nexport type Coords = {\n x?: number;\n y?: number;\n};\n\nexport const placementClassNames = {\n right: styles.placementRight,\n bottom: styles.placementBottom,\n left: styles.placementLeft,\n};\n\nexport interface FloatingArrowProps\n extends HTMLAttributesWithRootRef<HTMLDivElement>,\n HasDataAttribute {\n /*\n Сдвиг стрелки относительно текущих координат.\n /\n offset?: number;\n /\n Включает абсолютное смещение по `offset`.\n /\n isStaticOffset?: boolean;\n coords?: Coords;\n placement?: Placement;\n iconStyle?: React.CSSProperties;\n iconClassName?: string;\n Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;\n}\n\n/\n Иконка-стрелка для всплывающих окон.\n \n @since 7.0.0\n */\nexport const FloatingArrow = ({\n offset,\n isStaticOffset,\n coords,\n iconStyle,\n iconClassName,\n placement = 'bottom',\n Icon = DefaultIcon,\n ...restProps\n}: FloatingArrowProps): React.ReactNode => {\n const [arrowPlacement, arrowStyles] = getArrowPositionData(\n placement,\n coords,\n offset,\n isStaticOffset,\n );\n\n return (\n <RootComponent\n baseStyle={arrowStyles}\n baseClassName={classNames(styles.host, arrowPlacement && placementClassNames[arrowPlacement])}\n {...restProps}\n >\n <Icon className={classNames(styles.in, iconClassName)} style={iconStyle} />\n </RootComponent>\n );\n};\n\nfunction getArrowPositionData(\n placement: Placement,\n coords: Coords = { x: 0, y: 0 },\n offset = 0,\n isStaticOffset = false,\n): [undefined \| 'right' \| 'bottom' \| 'left', React.CSSProperties] {\n const withOffset = (isVerticalPlacement: boolean) => {\n const parsedCoords = { x: coords.x \|\| 0, y: coords.y \|\| 0 };\n\n if (isVerticalPlacement) {\n return isStaticOffset ? offset : parsedCoords.y + offset;\n } else {\n return isStaticOffset ? offset : parsedCoords.x + offset;\n }\n };\n\n if (placement.startsWith('top')) {\n const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n return [\n 'bottom',\n {\n top: '100%',\n [xOffsetProp]: withOffset(false),\n },\n ];\n } else if (placement.startsWith('right')) {\n const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n return [\n 'left',\n {\n [yOffsetProp]: withOffset(true),\n left: 0,\n },\n ];\n } else if (placement.startsWith('bottom')) {\n const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n return [\n undefined,\n {\n bottom: '100%',\n [xOffsetProp]: withOffset(false),\n },\n ];\n } else {\n const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n return [\n 'right',\n {\n [yOffsetProp]: withOffset(true),\n right: 0,\n },\n ];\n }\n}\n\nfunction getXOffsetProp(placement: Placement, isStaticOffset: boolean) {\n return placement.endsWith('end') && isStaticOffset ? 'right' : 'left';\n}\n\nfunction getYOffsetProp(placement: Placement, isStaticOffset: boolean) {\n return placement.endsWith('end') && isStaticOffset ? 'bottom' : 'top';\n}\n"],"names":["React","classNames","RootComponent","DefaultIcon","placementClassNames","right","bottom","left","FloatingArrow","offset","isStaticOffset","coords","iconStyle","iconClassName","placement","Icon","restProps","arrowPlacement","arrowStyles","getArrowPositionData","baseStyle","baseClassName","className","style","x","y","withOffset","isVerticalPlacement","parsedCoords","startsWith","xOffsetProp","getXOffsetProp","top","yOffsetProp","getYOffsetProp","undefined","endsWith"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;~~AAQ5C~~,OAAO,MAAMC,sBAAsB;IACjCC,KAAK;IACLC,MAAM;IACNC,IAAI;AACN,EAAE;~~AAoBF~~;;;;CAIC,GACD,OAAO,MAAMC,gBAAgB;QAAC,EAC5BC,MAAM,EACNC,cAAc,EACdC,MAAM,EACNC,SAAS,EACTC,aAAa,EACbC,YAAY,QAAQ,EACpBC,OAAOZ,WAAW,EAEC,WADhBa;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,gBAAgBC,YAAY,GAAGC,qBACpCL,WACAH,QACAF,QACAC;IAGF,qBACE,KAACR;QACCkB,WAAWF;QACXG,eAAepB,sCAAwBgB,kBAAkBb,mBAAmB,CAACa,eAAe;OACxFD;kBAEJ,cAAA,KAACD;YAAKO,WAAWrB,oCAAsBY;YAAgBU,OAAOX;;;AAGpE,EAAE;AAEF,SAASO,qBACPL,SAAoB,EACpBH,SAAiB;IAAEa,GAAG;IAAGC,GAAG;AAAE,CAAC,EAC/BhB,SAAS,CAAC,EACVC,iBAAiB,KAAK;IAEtB,MAAMgB,aAAa,CAACC;QAClB,MAAMC,eAAe;YAAEJ,GAAGb,OAAOa,CAAC,IAAI;YAAGC,GAAGd,OAAOc,CAAC,IAAI;QAAE;QAE1D,IAAIE,qBAAqB;YACvB,OAAOjB,iBAAiBD,SAASmB,aAAaH,CAAC,GAAGhB;QACpD,OAAO;YACL,OAAOC,iBAAiBD,SAASmB,aAAaJ,CAAC,GAAGf;QACpD;IACF;IAEA,IAAIK,UAAUe,UAAU,CAAC,QAAQ;QAC/B,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACEsB,KAAK;gBACL,CAACF,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO,IAAIZ,UAAUe,UAAU,CAAC,UAAU;QACxC,MAAMI,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BnB,MAAM;YACR;SACD;IACH,OAAO,IAAIO,UAAUe,UAAU,CAAC,WAAW;QACzC,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACLyB;YACA;gBACE7B,QAAQ;gBACR,CAACwB,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO;QACL,MAAMO,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BrB,OAAO;YACT;SACD;IACH;AACF;AAEA,SAAS0B,eAAejB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,UAAU;AACjE;AAEA,SAASwB,eAAepB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,WAAW;AAClE"}
1	+ {"version":3,"sources":["../../../src/components/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport type { HasDataAttribute, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { DefaultIcon } from './DefaultIcon';\nimport styles from './FloatingArrow.module.css';\n\nexport type Coords = {\n /** Координата x. /\n x?: number;\n /* Координата y. /\n y?: number;\n};\n\nexport const placementClassNames = {\n right: styles.placementRight,\n bottom: styles.placementBottom,\n left: styles.placementLeft,\n};\n\nexport interface FloatingArrowProps\n extends HTMLAttributesWithRootRef<HTMLDivElement>,\n HasDataAttribute {\n /\n Сдвиг стрелки относительно текущих координат.\n /\n offset?: number;\n /\n Включает абсолютное смещение по `offset`.\n /\n isStaticOffset?: boolean;\n /\n Координаты стрелки.\n /\n coords?: Coords;\n /\n Расположение всплывающего элемента.\n /\n placement?: Placement;\n /\n Стили иконки.\n /\n iconStyle?: React.CSSProperties;\n /\n `className` для иконки.\n /\n iconClassName?: string;\n /\n Иконка для отображения стрелки.\n /\n Icon?: React.ComponentType<React.SVGAttributes<SVGSVGElement>>;\n}\n\n/\n Иконка-стрелка для всплывающих окон.\n \n @since 7.0.0\n */\nexport const FloatingArrow = ({\n offset,\n isStaticOffset,\n coords,\n iconStyle,\n iconClassName,\n placement = 'bottom',\n Icon = DefaultIcon,\n ...restProps\n}: FloatingArrowProps): React.ReactNode => {\n const [arrowPlacement, arrowStyles] = getArrowPositionData(\n placement,\n coords,\n offset,\n isStaticOffset,\n );\n\n return (\n <RootComponent\n baseStyle={arrowStyles}\n baseClassName={classNames(styles.host, arrowPlacement && placementClassNames[arrowPlacement])}\n {...restProps}\n >\n <Icon className={classNames(styles.in, iconClassName)} style={iconStyle} />\n </RootComponent>\n );\n};\n\nfunction getArrowPositionData(\n placement: Placement,\n coords: Coords = { x: 0, y: 0 },\n offset = 0,\n isStaticOffset = false,\n): [undefined \| 'right' \| 'bottom' \| 'left', React.CSSProperties] {\n const withOffset = (isVerticalPlacement: boolean) => {\n const parsedCoords = { x: coords.x \|\| 0, y: coords.y \|\| 0 };\n\n if (isVerticalPlacement) {\n return isStaticOffset ? offset : parsedCoords.y + offset;\n } else {\n return isStaticOffset ? offset : parsedCoords.x + offset;\n }\n };\n\n if (placement.startsWith('top')) {\n const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n return [\n 'bottom',\n {\n top: '100%',\n [xOffsetProp]: withOffset(false),\n },\n ];\n } else if (placement.startsWith('right')) {\n const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n return [\n 'left',\n {\n [yOffsetProp]: withOffset(true),\n left: 0,\n },\n ];\n } else if (placement.startsWith('bottom')) {\n const xOffsetProp = getXOffsetProp(placement, isStaticOffset);\n return [\n undefined,\n {\n bottom: '100%',\n [xOffsetProp]: withOffset(false),\n },\n ];\n } else {\n const yOffsetProp = getYOffsetProp(placement, isStaticOffset);\n return [\n 'right',\n {\n [yOffsetProp]: withOffset(true),\n right: 0,\n },\n ];\n }\n}\n\nfunction getXOffsetProp(placement: Placement, isStaticOffset: boolean) {\n return placement.endsWith('end') && isStaticOffset ? 'right' : 'left';\n}\n\nfunction getYOffsetProp(placement: Placement, isStaticOffset: boolean) {\n return placement.endsWith('end') && isStaticOffset ? 'bottom' : 'top';\n}\n"],"names":["React","classNames","RootComponent","DefaultIcon","placementClassNames","right","bottom","left","FloatingArrow","offset","isStaticOffset","coords","iconStyle","iconClassName","placement","Icon","restProps","arrowPlacement","arrowStyles","getArrowPositionData","baseStyle","baseClassName","className","style","x","y","withOffset","isVerticalPlacement","parsedCoords","startsWith","xOffsetProp","getXOffsetProp","top","yOffsetProp","getYOffsetProp","undefined","endsWith"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAG7C,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,mBAAgB;AAU5C,OAAO,MAAMC,sBAAsB;IACjCC,KAAK;IACLC,MAAM;IACNC,IAAI;AACN,EAAE;AAmCF;;;;CAIC,GACD,OAAO,MAAMC,gBAAgB;QAAC,EAC5BC,MAAM,EACNC,cAAc,EACdC,MAAM,EACNC,SAAS,EACTC,aAAa,EACbC,YAAY,QAAQ,EACpBC,OAAOZ,WAAW,EAEC,WADhBa;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,gBAAgBC,YAAY,GAAGC,qBACpCL,WACAH,QACAF,QACAC;IAGF,qBACE,KAACR;QACCkB,WAAWF;QACXG,eAAepB,sCAAwBgB,kBAAkBb,mBAAmB,CAACa,eAAe;OACxFD;kBAEJ,cAAA,KAACD;YAAKO,WAAWrB,oCAAsBY;YAAgBU,OAAOX;;;AAGpE,EAAE;AAEF,SAASO,qBACPL,SAAoB,EACpBH,SAAiB;IAAEa,GAAG;IAAGC,GAAG;AAAE,CAAC,EAC/BhB,SAAS,CAAC,EACVC,iBAAiB,KAAK;IAEtB,MAAMgB,aAAa,CAACC;QAClB,MAAMC,eAAe;YAAEJ,GAAGb,OAAOa,CAAC,IAAI;YAAGC,GAAGd,OAAOc,CAAC,IAAI;QAAE;QAE1D,IAAIE,qBAAqB;YACvB,OAAOjB,iBAAiBD,SAASmB,aAAaH,CAAC,GAAGhB;QACpD,OAAO;YACL,OAAOC,iBAAiBD,SAASmB,aAAaJ,CAAC,GAAGf;QACpD;IACF;IAEA,IAAIK,UAAUe,UAAU,CAAC,QAAQ;QAC/B,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACEsB,KAAK;gBACL,CAACF,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO,IAAIZ,UAAUe,UAAU,CAAC,UAAU;QACxC,MAAMI,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BnB,MAAM;YACR;SACD;IACH,OAAO,IAAIO,UAAUe,UAAU,CAAC,WAAW;QACzC,MAAMC,cAAcC,eAAejB,WAAWJ;QAC9C,OAAO;YACLyB;YACA;gBACE7B,QAAQ;gBACR,CAACwB,YAAY,EAAEJ,WAAW;YAC5B;SACD;IACH,OAAO;QACL,MAAMO,cAAcC,eAAepB,WAAWJ;QAC9C,OAAO;YACL;YACA;gBACE,CAACuB,YAAY,EAAEP,WAAW;gBAC1BrB,OAAO;YACT;SACD;IACH;AACF;AAEA,SAAS0B,eAAejB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,UAAU;AACjE;AAEA,SAASwB,eAAepB,SAAoB,EAAEJ,cAAuB;IACnE,OAAOI,UAAUsB,QAAQ,CAAC,UAAU1B,iBAAiB,WAAW;AAClE"}

package/dist/components/FocusTrap/FocusTrap.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ export interface FocusTrapProps<T extends HTMLElement = HTMLElement> extends Use
 /**
  * @see https://vkcom.github.io/VKUI/#/FocusTrap
  */
-export declare const FocusTrap: <T extends HTMLElement = HTMLElement>({ Component, onClose, autoFocus, restoreFocus, disabled, mount, timeout, getRootRef, children, ...restProps }: FocusTrapProps<T>) => React.ReactNode;
+export declare const FocusTrap: <T extends HTMLElement = HTMLElement>({ Component, onClose, autoFocus, restoreFocus, disabled, mount, timeout, getRootRef, children, captureEscapeKeyboardEvent, ...restProps }: FocusTrapProps<T>) => React.ReactNode;
 //# sourceMappingURL=FocusTrap.d.ts.map

package/dist/components/FocusTrap/FocusTrap.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CACjE,SAAQ,iBAAiB,EACvB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,MAAM,iBAAiB,CAAC,EACnD,UAAU,CAAC,CAAC,CAAC,EACb,YAAY;CAAG;AAEnB;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE~~,+GAW5D~~,cAAc,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,~~SAiB5B~~,CAAC"}
1	+ {"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CACjE,SAAQ,iBAAiB,EACvB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,MAAM,iBAAiB,CAAC,EACnD,UAAU,CAAC,CAAC,CAAC,EACb,YAAY;CAAG;AAEnB;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,2IAY5D,cAAc,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SAkB5B,CAAC"}

package/dist/components/FocusTrap/FocusTrap.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { useFocusTrap } from "../../hooks/useFocusTrap.js";
 /**
  * @see https://vkcom.github.io/VKUI/#/FocusTrap
  */ export const FocusTrap = (_param)=>{
-    var { Component = 'div', onClose, autoFocus = true, restoreFocus = true, disabled = false, mount = true, timeout = 0, getRootRef, children } = _param, restProps = _object_without_properties(_param, [
+    var { Component = 'div', onClose, autoFocus = true, restoreFocus = true, disabled = false, mount = true, timeout = 0, getRootRef, children, captureEscapeKeyboardEvent = true } = _param, restProps = _object_without_properties(_param, [
         "Component",
         "onClose",
         "autoFocus",
@@ -17,7 +17,8 @@ import { useFocusTrap } from "../../hooks/useFocusTrap.js";
         "mount",
         "timeout",
         "getRootRef",
-        "children"
+        "children",
+        "captureEscapeKeyboardEvent"
     ]);
     const ref = useExternRef(getRootRef);
     useFocusTrap(ref, {
@@ -26,7 +27,8 @@ import { useFocusTrap } from "../../hooks/useFocusTrap.js";
         disabled,
         mount,
         timeout,
-        onClose
+        onClose,
+        captureEscapeKeyboardEvent
     });
     return /*#__PURE__*/ _jsx(Component, _object_spread_props(_object_spread({
         tabIndex: -1,

package/dist/components/FocusTrap/FocusTrap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["'use client';\n\nimport { type AllHTMLAttributes } from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusTrap, type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport type { HasComponent, HasRootRef } from '../../types';\n\nexport interface FocusTrapProps<T extends HTMLElement = HTMLElement>\n extends UseFocusTrapProps,\n Omit<AllHTMLAttributes<T>, keyof UseFocusTrapProps>,\n HasRootRef<T>,\n HasComponent {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = <T extends HTMLElement = HTMLElement>({\n Component = 'div',\n onClose,\n autoFocus = true,\n restoreFocus = true,\n disabled = false,\n mount = true,\n timeout = 0,\n getRootRef,\n children,\n ...restProps\n}: FocusTrapProps<T>): React.ReactNode => {\n const ref = useExternRef<T>(getRootRef);\n\n useFocusTrap(ref, {\n autoFocus,\n restoreFocus,\n disabled,\n mount,\n timeout,\n onClose,\n });\n\n return (\n <Component tabIndex={-1} ref={ref} {...restProps}>\n {children}\n </Component>\n );\n};\n"],"names":["useExternRef","useFocusTrap","FocusTrap","Component","onClose","autoFocus","restoreFocus","disabled","mount","timeout","getRootRef","children","restProps","ref","tabIndex"],"mappings":"AAAA;;;;;AAGA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,SAASC,YAAY,QAAgC,8BAA2B;AAShF;;CAEC,GACD,OAAO,MAAMC,YAAY;QAAsC,EAC7DC,YAAY,KAAK,EACjBC,OAAO,EACPC,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,WAAW,KAAK,EAChBC,QAAQ,IAAI,EACZC,UAAU,CAAC,EACXC,UAAU,EACVC,QAAQ,~~EAEU~~,WADfC;~~QATHT~~;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,~~MAAMb~~,aAAgBU;IAE5BT,~~aAAaY~~,KAAK;~~QAChBR~~;QACAC;QACAC;QACAC;QACAC;QACAL;IACF;IAEA,qBACE,~~KAACD~~;~~QAAUW~~,UAAU,CAAC;QAAGD,KAAKA;OAASD;~~kBACpCD~~;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["'use client';\n\nimport { type AllHTMLAttributes } from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusTrap, type UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport type { HasComponent, HasRootRef } from '../../types';\n\nexport interface FocusTrapProps<T extends HTMLElement = HTMLElement>\n extends UseFocusTrapProps,\n Omit<AllHTMLAttributes<T>, keyof UseFocusTrapProps>,\n HasRootRef<T>,\n HasComponent {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/FocusTrap\n */\nexport const FocusTrap = <T extends HTMLElement = HTMLElement>({\n Component = 'div',\n onClose,\n autoFocus = true,\n restoreFocus = true,\n disabled = false,\n mount = true,\n timeout = 0,\n getRootRef,\n children,\n captureEscapeKeyboardEvent = true,\n ...restProps\n}: FocusTrapProps<T>): React.ReactNode => {\n const ref = useExternRef<T>(getRootRef);\n\n useFocusTrap(ref, {\n autoFocus,\n restoreFocus,\n disabled,\n mount,\n timeout,\n onClose,\n captureEscapeKeyboardEvent,\n });\n\n return (\n <Component tabIndex={-1} ref={ref} {...restProps}>\n {children}\n </Component>\n );\n};\n"],"names":["useExternRef","useFocusTrap","FocusTrap","Component","onClose","autoFocus","restoreFocus","disabled","mount","timeout","getRootRef","children","captureEscapeKeyboardEvent","restProps","ref","tabIndex"],"mappings":"AAAA;;;;;AAGA,SAASA,YAAY,QAAQ,8BAA2B;AACxD,SAASC,YAAY,QAAgC,8BAA2B;AAShF;;CAEC,GACD,OAAO,MAAMC,YAAY;QAAsC,EAC7DC,YAAY,KAAK,EACjBC,OAAO,EACPC,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,WAAW,KAAK,EAChBC,QAAQ,IAAI,EACZC,UAAU,CAAC,EACXC,UAAU,EACVC,QAAQ,EACRC,6BAA6B,IAAI,EAEf,WADfC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,MAAMd,aAAgBU;IAE5BT,aAAaa,KAAK;QAChBT;QACAC;QACAC;QACAC;QACAC;QACAL;QACAQ;IACF;IAEA,qBACE,KAACT;QAAUY,UAAU,CAAC;QAAGD,KAAKA;OAASD;kBACpCF;;AAGP,EAAE"}

package/dist/components/FormField/FormField.d.ts CHANGED Viewed

@@ -2,6 +2,9 @@ import * as React from 'react';
 import type { HasComponent, HasRootRef } from '../../types';
 export type FieldIconsAlign = 'start' | 'center' | 'end';
 export interface FormFieldProps {
+    /**
+     * Статус отображения поля в форме.
+     */
     status?: 'default' | 'error' | 'valid';
     /**
      * Добавляет иконку слева.
@@ -9,11 +12,11 @@ export interface FormFieldProps {
      * Рекомендации:
      *
      * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
-     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагирующая на нажатие.
      */
     before?: React.ReactNode;
     /**
-     * Вертикальное выравнивание иконки слева
+     * Вертикальное выравнивание иконки слева.
      */
     beforeAlign?: FieldIconsAlign;
     /**
@@ -22,11 +25,11 @@ export interface FormFieldProps {
      * Рекомендации:
      *
      * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
-     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагируюущая на нажатие.
      */
     after?: React.ReactNode;
     /**
-     * Вертикальное выравнивание иконки справа
+     * Вертикальное выравнивание иконки справа.
      */
     afterAlign?: FieldIconsAlign;
     /**
@@ -37,11 +40,14 @@ export interface FormFieldProps {
      */
     mode?: 'default' | 'plain';
     /**
-     * Максимальная высота поля
+     * Максимальная высота поля.
      */
     maxHeight?: number;
 }
 export interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, FormFieldProps {
+    /**
+     * Блокировка взаимодействия с компонентом.
+     */
     disabled?: boolean;
 }
 /**

package/dist/components/FormField/FormField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2B5D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,gJAevB,iBAAiB,KAAG,KAAK,CAAC,SAmD5B,CAAC"}
1	+ {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AA2B5D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEzD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,gJAevB,iBAAiB,KAAG,KAAK,CAAC,SAmD5B,CAAC"}

package/dist/components/FormField/FormField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { useFocusWithin } from '../../hooks/useFocusWithin';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './FormField.module.css';\n\nconst sizeYClassNames = {\n none: styles.sizeYNone,\n compact: styles.sizeYCompact,\n};\n\nconst stylesStatus = {\n error: styles.statusError,\n valid: styles.statusValid,\n};\n\nconst iconAlignClassNames = {\n center: undefined,\n start: styles.iconAlignStart,\n end: styles.iconAlignEnd,\n};\n\nconst renderIcon = (icon: React.ReactNode, align: FieldIconsAlign, className: string) => {\n return (\n <div className={styles.iconWrapper}>\n <span className={classNames(iconAlignClassNames[align], className)}>{icon}</span>\n </div>\n );\n};\n\nexport type FieldIconsAlign = 'start' \| 'center' \| 'end';\n\nexport interface FormFieldProps {\n status?: 'default' \| 'error' \| 'valid';\n /*\n Добавляет иконку слева.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна ~~кликабельная~~ ~~иконка.\~~n /\n before?: React.ReactNode;\n /\n Вертикальное выравнивание иконки ~~слева\~~n /\n beforeAlign?: FieldIconsAlign;\n /\n Добавляет иконку справа.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна ~~кликабельная~~ ~~иконка.\~~n /\n after?: React.ReactNode;\n /\n Вертикальное выравнивание иконки ~~справа\~~n /\n afterAlign?: FieldIconsAlign;\n /\n Режим отображения.\n \n - `default` — показывает фон, обводку и, при наличии, текст-подсказку.\n * - `plain` — показывает только текст-подсказку.\n /\n mode?: 'default' \| 'plain';\n /\n Максимальная высота ~~поля\~~n /\n maxHeight?: number;\n}\n\nexport interface FormFieldOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n FormFieldProps {\n disabled?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n Component = 'span',\n status = 'default',\n children,\n getRootRef,\n before,\n after,\n beforeAlign = 'center',\n afterAlign = 'center',\n disabled,\n mode = 'default',\n className,\n maxHeight,\n style,\n ...restProps\n}: FormFieldOwnProps): React.ReactNode => {\n const elRef = useExternRef(getRootRef);\n const { sizeY = 'none' } = useAdaptivity();\n const [hover, setHover] = React.useState(false);\n\n const focusWithin = useFocusWithin(elRef);\n const focusVisibleClassNames = useFocusVisibleClassName({\n focusVisible: focusWithin,\n mode: styles.focusVisible,\n });\n\n const handleMouseEnter = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(true);\n };\n\n const handleMouseLeave = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(false);\n };\n\n return (\n <Component\n {...restProps}\n ref={elRef}\n style={{\n maxHeight,\n ...style,\n }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={classNames(\n styles.host,\n mode === 'default' && styles.modeDefault,\n status !== 'default' && stylesStatus[status],\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n disabled && styles.disabled,\n !disabled && hover && styles.hover,\n focusVisibleClassNames,\n className,\n )}\n >\n <div className={styles.scrollContainer}>\n {before && renderIcon(before, beforeAlign, styles.before)}\n <div className={styles.content}>{children}</div>\n {after &&\n renderIcon(after, afterAlign, classNames(styles.after, 'vkuiInternalFormField__after'))}\n </div>\n <span aria-hidden className={styles.border} />\n </Component>\n );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useFocusVisibleClassName","useFocusWithin","sizeYClassNames","none","compact","stylesStatus","error","valid","iconAlignClassNames","center","undefined","start","end","renderIcon","icon","align","className","div","span","FormField","Component","status","children","getRootRef","before","after","beforeAlign","afterAlign","disabled","mode","maxHeight","style","restProps","elRef","sizeY","hover","setHover","useState","focusWithin","focusVisibleClassNames","focusVisible","handleMouseEnter","e","stopPropagation","handleMouseLeave","ref","onMouseEnter","onMouseLeave","aria-hidden"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,wBAAwB,QAAQ,0CAAuC;AAChF,SAASC,cAAc,QAAQ,gCAA6B;AAI5D,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,eAAe;IACnBC,KAAK;IACLC,KAAK;AACP;AAEA,MAAMC,sBAAsB;IAC1BC,QAAQC;IACRC,KAAK;IACLC,GAAG;AACL;AAEA,MAAMC,aAAa,CAACC,MAAuBC,OAAwBC;IACjE,qBACE,KAACC;QAAID,SAAS;kBACZ,cAAA,KAACE;YAAKF,WAAWnB,WAAWW,mBAAmB,CAACO,MAAM,EAAEC;sBAAaF;;;AAG3E;~~AAqDA~~;;CAEC,GACD,OAAO,MAAMK,YAAY;QAAC,EACxBC,YAAY,MAAM,EAClBC,SAAS,SAAS,EAClBC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,cAAc,QAAQ,EACtBC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,OAAO,SAAS,EAChBb,SAAS,EACTc,SAAS,EACTC,KAAK,EAEa,WADfC;QAbHZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAb;QACAc;QACAC;;IAGA,MAAME,QAAQlC,aAAawB;IAC3B,MAAM,EAAEW,QAAQ,MAAM,EAAE,GAAGpC;IAC3B,MAAM,CAACqC,OAAOC,SAAS,GAAGxC,MAAMyC,QAAQ,CAAC;IAEzC,MAAMC,cAAcrC,eAAegC;IACnC,MAAMM,yBAAyBvC,yBAAyB;QACtDwC,cAAcF;QACdT,IAAI;IACN;IAEA,MAAMY,mBAAmB,CAACC;QACxBA,EAAEC,eAAe;QACjBP,SAAS;IACX;IAEA,MAAMQ,mBAAmB,CAACF;QACxBA,EAAEC,eAAe;QACjBP,SAAS;IACX;IAEA,qBACE,MAAChB,mDACKY;QACJa,KAAKZ;QACLF,OAAO;YACLD;WACGC;QAELe,cAAcL;QACdM,cAAcH;QACd5B,WAAWnB,kCAETgC,SAAS,2CACTR,WAAW,aAAahB,YAAY,CAACgB,OAAO,EAC5Ca,UAAU,aAAahC,eAAe,CAACgC,MAAM,EAC7CN,uCACA,CAACA,YAAYO,iCACbI,wBACAvB;;0BAGF,MAACC;gBAAID,SAAS;;oBACXQ,UAAUX,WAAWW,QAAQE;kCAC9B,KAACT;wBAAID,SAAS;kCAAmBM;;oBAChCG,SACCZ,WAAWY,OAAOE,YAAY9B,mCAAyB;;;0BAE3D,KAACqB;gBAAK8B,aAAW;gBAAChC,SAAS;;;;AAGjC,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/FormField/FormField.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useFocusVisibleClassName } from '../../hooks/useFocusVisibleClassName';\nimport { useFocusWithin } from '../../hooks/useFocusWithin';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './FormField.module.css';\n\nconst sizeYClassNames = {\n none: styles.sizeYNone,\n compact: styles.sizeYCompact,\n};\n\nconst stylesStatus = {\n error: styles.statusError,\n valid: styles.statusValid,\n};\n\nconst iconAlignClassNames = {\n center: undefined,\n start: styles.iconAlignStart,\n end: styles.iconAlignEnd,\n};\n\nconst renderIcon = (icon: React.ReactNode, align: FieldIconsAlign, className: string) => {\n return (\n <div className={styles.iconWrapper}>\n <span className={classNames(iconAlignClassNames[align], className)}>{icon}</span>\n </div>\n );\n};\n\nexport type FieldIconsAlign = 'start' \| 'center' \| 'end';\n\nexport interface FormFieldProps {\n /*\n Статус отображения поля в форме.\n /\n status?: 'default' \| 'error' \| 'valid';\n /\n Добавляет иконку слева.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагирующая на нажатие.\n /\n before?: React.ReactNode;\n /\n Вертикальное выравнивание иконки слева.\n /\n beforeAlign?: FieldIconsAlign;\n /\n Добавляет иконку справа.\n \n Рекомендации:\n \n - Используйте следующие размеры иконок `12` \| `16` \| `20` \| `24` \| `28`.\n * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна иконка, реагируюущая на нажатие.\n /\n after?: React.ReactNode;\n /\n Вертикальное выравнивание иконки справа.\n /\n afterAlign?: FieldIconsAlign;\n /\n Режим отображения.\n \n - `default` — показывает фон, обводку и, при наличии, текст-подсказку.\n * - `plain` — показывает только текст-подсказку.\n /\n mode?: 'default' \| 'plain';\n /\n Максимальная высота поля.\n /\n maxHeight?: number;\n}\n\nexport interface FormFieldOwnProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n FormFieldProps {\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormField\n */\nexport const FormField = ({\n Component = 'span',\n status = 'default',\n children,\n getRootRef,\n before,\n after,\n beforeAlign = 'center',\n afterAlign = 'center',\n disabled,\n mode = 'default',\n className,\n maxHeight,\n style,\n ...restProps\n}: FormFieldOwnProps): React.ReactNode => {\n const elRef = useExternRef(getRootRef);\n const { sizeY = 'none' } = useAdaptivity();\n const [hover, setHover] = React.useState(false);\n\n const focusWithin = useFocusWithin(elRef);\n const focusVisibleClassNames = useFocusVisibleClassName({\n focusVisible: focusWithin,\n mode: styles.focusVisible,\n });\n\n const handleMouseEnter = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(true);\n };\n\n const handleMouseLeave = (e: MouseEvent) => {\n e.stopPropagation();\n setHover(false);\n };\n\n return (\n <Component\n {...restProps}\n ref={elRef}\n style={{\n maxHeight,\n ...style,\n }}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n className={classNames(\n styles.host,\n mode === 'default' && styles.modeDefault,\n status !== 'default' && stylesStatus[status],\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n disabled && styles.disabled,\n !disabled && hover && styles.hover,\n focusVisibleClassNames,\n className,\n )}\n >\n <div className={styles.scrollContainer}>\n {before && renderIcon(before, beforeAlign, styles.before)}\n <div className={styles.content}>{children}</div>\n {after &&\n renderIcon(after, afterAlign, classNames(styles.after, 'vkuiInternalFormField__after'))}\n </div>\n <span aria-hidden className={styles.border} />\n </Component>\n );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","useFocusVisibleClassName","useFocusWithin","sizeYClassNames","none","compact","stylesStatus","error","valid","iconAlignClassNames","center","undefined","start","end","renderIcon","icon","align","className","div","span","FormField","Component","status","children","getRootRef","before","after","beforeAlign","afterAlign","disabled","mode","maxHeight","style","restProps","elRef","sizeY","hover","setHover","useState","focusWithin","focusVisibleClassNames","focusVisible","handleMouseEnter","e","stopPropagation","handleMouseLeave","ref","onMouseEnter","onMouseLeave","aria-hidden"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,wBAAwB,QAAQ,0CAAuC;AAChF,SAASC,cAAc,QAAQ,gCAA6B;AAI5D,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,eAAe;IACnBC,KAAK;IACLC,KAAK;AACP;AAEA,MAAMC,sBAAsB;IAC1BC,QAAQC;IACRC,KAAK;IACLC,GAAG;AACL;AAEA,MAAMC,aAAa,CAACC,MAAuBC,OAAwBC;IACjE,qBACE,KAACC;QAAID,SAAS;kBACZ,cAAA,KAACE;YAAKF,WAAWnB,WAAWW,mBAAmB,CAACO,MAAM,EAAEC;sBAAaF;;;AAG3E;AA2DA;;CAEC,GACD,OAAO,MAAMK,YAAY;QAAC,EACxBC,YAAY,MAAM,EAClBC,SAAS,SAAS,EAClBC,QAAQ,EACRC,UAAU,EACVC,MAAM,EACNC,KAAK,EACLC,cAAc,QAAQ,EACtBC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,OAAO,SAAS,EAChBb,SAAS,EACTc,SAAS,EACTC,KAAK,EAEa,WADfC;QAbHZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAb;QACAc;QACAC;;IAGA,MAAME,QAAQlC,aAAawB;IAC3B,MAAM,EAAEW,QAAQ,MAAM,EAAE,GAAGpC;IAC3B,MAAM,CAACqC,OAAOC,SAAS,GAAGxC,MAAMyC,QAAQ,CAAC;IAEzC,MAAMC,cAAcrC,eAAegC;IACnC,MAAMM,yBAAyBvC,yBAAyB;QACtDwC,cAAcF;QACdT,IAAI;IACN;IAEA,MAAMY,mBAAmB,CAACC;QACxBA,EAAEC,eAAe;QACjBP,SAAS;IACX;IAEA,MAAMQ,mBAAmB,CAACF;QACxBA,EAAEC,eAAe;QACjBP,SAAS;IACX;IAEA,qBACE,MAAChB,mDACKY;QACJa,KAAKZ;QACLF,OAAO;YACLD;WACGC;QAELe,cAAcL;QACdM,cAAcH;QACd5B,WAAWnB,kCAETgC,SAAS,2CACTR,WAAW,aAAahB,YAAY,CAACgB,OAAO,EAC5Ca,UAAU,aAAahC,eAAe,CAACgC,MAAM,EAC7CN,uCACA,CAACA,YAAYO,iCACbI,wBACAvB;;0BAGF,MAACC;gBAAID,SAAS;;oBACXQ,UAAUX,WAAWW,QAAQE;kCAC9B,KAACT;wBAAID,SAAS;kCAAmBM;;oBAChCG,SACCZ,WAAWY,OAAOE,YAAY9B,mCAAyB;;;0BAE3D,KAACqB;gBAAK8B,aAAW;gBAAChC,SAAS;;;;AAGjC,EAAE"}

package/dist/components/FormFieldClearButton/FormFieldClearButton.d.ts CHANGED Viewed

@@ -1,8 +1,17 @@
 import * as React from 'react';
 import type { HasDataAttribute } from '../../types';
 export interface FormFieldClearButtonProps extends HasDataAttribute {
+    /**
+     * `className` для компонента.
+     */
     className?: string;
+    /**
+     * Обработчик нажатия на кнопку.
+     */
     onClick: () => void;
+    /**
+     * Блокировка взаимодействия с компонентом.
+     */
     disabled?: boolean;
 }
 export declare const FormFieldClearButton: ({ className, onClick, ...restProps }: FormFieldClearButtonProps) => React.ReactNode;

package/dist/components/FormFieldClearButton/FormFieldClearButton.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormFieldClearButton.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,GAAI,sCAIlC,yBAAyB,KAAG,KAAK,CAAC,SAoBpC,CAAC"}
1	+ {"version":3,"file":"FormFieldClearButton.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGpD,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB;IACjE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,GAAI,sCAIlC,yBAAyB,KAAG,KAAK,CAAC,SAoBpC,CAAC"}

package/dist/components/FormFieldClearButton/FormFieldClearButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { stopPropagation } from '../../lib/utils';\nimport type { HasDataAttribute } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport interface FormFieldClearButtonProps extends HasDataAttribute {\n className?: string;\n onClick: () => void;\n disabled?: boolean;\n}\n\nexport const FormFieldClearButton = ({\n className,\n onClick,\n ...restProps\n}: FormFieldClearButtonProps): React.ReactNode => {\n return (\n <IconButton\n Component=\"button\"\n label=\"Очистить поле\"\n onKeyDown={stopPropagation}\n type=\"button\"\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n {...restProps}\n className={className}\n onClick={(e) => {\n stopPropagation(e);\n e.preventDefault();\n onClick();\n }}\n >\n <Icon16Cancel />\n </IconButton>\n );\n};\n"],"names":["React","Icon16Cancel","stopPropagation","IconButton","FormFieldClearButton","className","onClick","restProps","Component","label","onKeyDown","type","activeMode","hoverMode","e","preventDefault"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,eAAe,QAAQ,qBAAkB;AAElD,SAASC,UAAU,QAAQ,8BAA2B;~~AAQtD~~,OAAO,MAAMC,uBAAuB;QAAC,EACnCC,SAAS,EACTC,OAAO,EAEmB,WADvBC;QAFHF;QACAC;;IAGA,qBACE,KAACH;QACCK,WAAU;QACVC,OAAM;QACNC,WAAWR;QACXS,MAAK;QACLC,YAAW;QACXC,WAAU;OACNN;QACJF,WAAWA;QACXC,SAAS,CAACQ;YACRZ,gBAAgBY;YAChBA,EAAEC,cAAc;YAChBT;QACF;kBAEA,cAAA,KAACL;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/FormFieldClearButton/FormFieldClearButton.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon16Cancel } from '@vkontakte/icons';\nimport { stopPropagation } from '../../lib/utils';\nimport type { HasDataAttribute } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport interface FormFieldClearButtonProps extends HasDataAttribute {\n /*\n `className` для компонента.\n /\n className?: string;\n /\n Обработчик нажатия на кнопку.\n /\n onClick: () => void;\n /\n Блокировка взаимодействия с компонентом.\n */\n disabled?: boolean;\n}\n\nexport const FormFieldClearButton = ({\n className,\n onClick,\n ...restProps\n}: FormFieldClearButtonProps): React.ReactNode => {\n return (\n <IconButton\n Component=\"button\"\n label=\"Очистить поле\"\n onKeyDown={stopPropagation}\n type=\"button\"\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n {...restProps}\n className={className}\n onClick={(e) => {\n stopPropagation(e);\n e.preventDefault();\n onClick();\n }}\n >\n <Icon16Cancel />\n </IconButton>\n );\n};\n"],"names":["React","Icon16Cancel","stopPropagation","IconButton","FormFieldClearButton","className","onClick","restProps","Component","label","onKeyDown","type","activeMode","hoverMode","e","preventDefault"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,eAAe,QAAQ,qBAAkB;AAElD,SAASC,UAAU,QAAQ,8BAA2B;AAiBtD,OAAO,MAAMC,uBAAuB;QAAC,EACnCC,SAAS,EACTC,OAAO,EAEmB,WADvBC;QAFHF;QACAC;;IAGA,qBACE,KAACH;QACCK,WAAU;QACVC,OAAM;QACNC,WAAWR;QACXS,MAAK;QACLC,YAAW;QACXC,WAAU;OACNN;QACJF,WAAWA;QACXC,SAAS,CAACQ;YACRZ,gBAAgBY;YAChBA,EAAEC,cAAc;YAChBT;QACF;kBAEA,cAAA,KAACL;;AAGP,EAAE"}

package/dist/components/FormItem/FormItem.d.ts CHANGED Viewed

@@ -5,7 +5,15 @@ import { FormItemTop } from './FormItemTop/FormItemTop';
 import { FormItemTopAside } from './FormItemTop/FormItemTopAside';
 import { FormItemTopLabel } from './FormItemTop/FormItemTopLabel';
 export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, RemovableProps {
+    /**
+     * Дополнительный элемент, отображаемый над содержимым.
+     */
     top?: React.ReactNode;
+    /**
+     * Передаётся при использовании `top`.
+     *
+     * `id` для `top`.
+     */
     topId?: string;
     /**
      * Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.
@@ -17,6 +25,9 @@ export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, Has
      * Если оставить пустым и использовать htmlFor, то тег top будет label.
      */
     topComponent?: React.ElementType;
+    /**
+     * Дополнительный элемент, отображаемый под содержимым.
+     */
     bottom?: React.ReactNode;
     /**
      * Передаётся при использовании `bottom`.
@@ -24,20 +35,23 @@ export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, Has
      * Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.
      */
     bottomId?: string;
+    /**
+     * Статус, влияющий на стиль отображения компонента.
+     */
     status?: 'default' | 'error' | 'valid';
     /**
      * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.
      *
-     * Режим `indent` предназначен для визуального отступа
+     * Режим `indent` предназначен для визуального отступа.
      */
     removable?: boolean | 'indent';
     /**
-     * Удаляет внешние отступы вокруг компонента
+     * Удаляет внешние отступы вокруг компонента.
      * @since 5.8.0
      */
     noPadding?: boolean;
     /**
-     * Помечает поле обязательным
+     * Помечает поле обязательным.
      */
     required?: boolean;
 }

package/dist/components/FormItem/FormItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAI~~/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAclE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,GAAG,EAAE,OAAO,WAAW,CAAC;IACxB,QAAQ,EAAE,OAAO,gBAAgB,CAAC;IAClC,QAAQ,EAAE,OAAO,gBAAgB,CAAC;CAqFnC,CAAC"}
1	+ {"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAclE,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY,EACZ,cAAc;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,GAAG,EAAE,OAAO,WAAW,CAAC;IACxB,QAAQ,EAAE,OAAO,gBAAgB,CAAC;IAClC,QAAQ,EAAE,OAAO,gBAAgB,CAAC;CAqFnC,CAAC"}

package/dist/components/FormItem/FormItem.js CHANGED Viewed

@@ -7,6 +7,7 @@ import * as React from "react";
 import { classNames, hasReactNode, isPrimitiveReactNode } from "@vkontakte/vkjs";
 import { useAdaptivity } from "../../hooks/useAdaptivity.js";
 import { useExternRef } from "../../hooks/useExternRef.js";
+import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { Removable } from "../Removable/Removable.js";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 import { Footnote } from "../Typography/Footnote/Footnote.js";
@@ -93,12 +94,13 @@ const stylesStatus = {
         })
     }));
 };
-FormItem.displayName = 'FormItem';
 FormItem.Top = FormItemTop;
-FormItem.Top.displayName = 'FormItem.Top';
 FormItem.TopLabel = FormItemTopLabel;
-FormItem.TopLabel.displayName = 'FormItem.TopLabel';
 FormItem.TopAside = FormItemTopAside;
-FormItem.TopAside.displayName = 'FormItem.TopAside';
+if (process.env.NODE_ENV !== 'production') {
+    defineComponentDisplayNames(FormItem.Top, 'FormItem.Top');
+    defineComponentDisplayNames(FormItem.TopLabel, 'FormItem.TopLabel');
+    defineComponentDisplayNames(FormItem.TopAside, 'FormItem.TopAside');
+}
 //# sourceMappingURL=FormItem.js.map

package/dist/components/FormItem/FormItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { FormItemTop } from './FormItemTop/FormItemTop';\nimport { FormItemTopAside } from './FormItemTop/FormItemTopAside';\nimport { FormItemTopLabel } from './FormItemTop/FormItemTopLabel';\nimport { FormItemContext } from './context';\nimport styles from './FormItem.module.css';\n\nconst sizeYClassNames = {\n none: classNames(styles.sizeYNone, 'vkuiInternalFormItem--sizeY-none'),\n compact: classNames(styles.sizeYCompact, 'vkuiInternalFormItem--sizeY-compact'),\n};\n\nconst stylesStatus = {\n error: classNames(styles.statusError, 'vkuiInternalFormItem--status-error'),\n valid: classNames(styles.statusValid, 'vkuiInternalFormItem--status-valid'),\n};\n\nexport interface FormItemProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n RemovableProps {\n top?: React.ReactNode;\n topId?: string;\n /*\n Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.\n /\n topMultiline?: boolean;\n /\n Позволяет поменять тег используемый для top\n * Если оставить пустым, то тег top будет span.\n * Если оставить пустым и использовать htmlFor, то тег top будет label.\n /\n topComponent?: React.ElementType;\n bottom?: React.ReactNode;\n /\n Передаётся при использовании `bottom`.\n \n Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.\n /\n bottomId?: string;\n status?: 'default' \| 'error' \| 'valid';\n /\n Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n \n Режим `indent` предназначен для визуального ~~отступа\~~n /\n removable?: boolean \| 'indent';\n /\n Удаляет внешние отступы вокруг ~~компонента\~~n * @since 5.8.0\n /\n noPadding?: boolean;\n /\n Помечает поле ~~обязательным\~~n /\n required?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem: React.FC<FormItemProps> & {\n Top: typeof FormItemTop;\n TopLabel: typeof FormItemTopLabel;\n TopAside: typeof FormItemTopAside;\n} = ({\n children,\n top,\n topId,\n topMultiline = false,\n topComponent: topComponentProp,\n bottom,\n status = 'default',\n removable,\n onRemove,\n removePlaceholder = 'Удалить',\n getRootRef,\n htmlFor,\n bottomId,\n noPadding,\n required = false,\n ...restProps\n}: FormItemProps) => {\n const rootEl = useExternRef(getRootRef);\n const { sizeY = 'none' } = useAdaptivity();\n\n const wrappedChildren = (\n <React.Fragment>\n {isPrimitiveReactNode(top) ? (\n <FormItemTop>\n <FormItemTopLabel htmlFor={htmlFor} Component={topComponentProp} id={topId}>\n {top}\n </FormItemTopLabel>\n </FormItemTop>\n ) : hasReactNode(top) ? (\n top\n ) : null}\n {children}\n {hasReactNode(bottom) && (\n <Footnote\n className={styles.bottom}\n id={bottomId}\n role={status === 'error' ? 'alert' : undefined}\n >\n {bottom}\n </Footnote>\n )}\n </React.Fragment>\n );\n\n const context = React.useMemo(() => ({ required, topMultiline }), [required, topMultiline]);\n\n return (\n <RootComponent\n {...restProps}\n getRootRef={rootEl}\n baseClassName={classNames(\n styles.host,\n !noPadding && styles.withPadding,\n 'vkuiInternalFormItem',\n status !== 'default' && stylesStatus[status],\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n hasReactNode(top) && classNames(styles.withTop, 'vkuiInternalFormItem--withTop'),\n removable && classNames(styles.withRemovable, 'vkuiInternalFormItem--removable'),\n )}\n >\n <FormItemContext.Provider value={context}>\n {removable ? (\n <Removable\n align=\"start\"\n onRemove={(e) => {\n if (rootEl?.current) {\n onRemove?.(e, rootEl.current);\n }\n }}\n removePlaceholder={removePlaceholder}\n indent={removable === 'indent'}\n noPadding={noPadding}\n >\n <div className={classNames(styles.removable, 'vkuiInternalFormItem__removable')}>\n {wrappedChildren}\n </div>\n </Removable>\n ) : (\n wrappedChildren\n )}\n </FormItemContext.Provider>\n </RootComponent>\n );\n};\n\nFormItem.~~displayName~~ = ~~'FormItem'~~;\n\nFormItem.~~Top~~ = ~~FormItemTop~~;\nFormItem.~~Top.displayName~~ = 'FormItem.Top';\n~~\nFormItem~~.TopLabel ~~= FormItemTopLabel;\nFormItem.TopLabel.displayName =~~ 'FormItem.TopLabel';\n~~\nFormItem~~.TopAside ~~= FormItemTopAside;\nFormItem.TopAside.displayName =~~ 'FormItem.TopAside';\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","useAdaptivity","useExternRef","Removable","RootComponent","Footnote","FormItemTop","FormItemTopAside","FormItemTopLabel","FormItemContext","sizeYClassNames","none","compact","stylesStatus","error","valid","FormItem","children","top","topId","topMultiline","topComponent","topComponentProp","bottom","status","removable","onRemove","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","required","restProps","rootEl","sizeY","wrappedChildren","Fragment","Component","id","className","role","undefined","context","useMemo","baseClassName","Provider","value","align","e","current","indent","div","~~displayName","~~Top","TopLabel","TopAside"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AACjF,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;~~AAExD~~,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,eAAe,QAAQ,eAAY;AAG5C,MAAMC,kBAAkB;IACtBC,~~MAAMb~~,sCAA6B;~~IACnCc~~,~~SAASd~~,yCAAgC;AAC3C;AAEA,~~MAAMe~~,eAAe;IACnBC,~~OAAOhB~~,wCAA+B;~~IACtCiB~~,~~OAAOjB~~,wCAA+B;AACxC;~~AA4CA~~;;CAEC,GACD,OAAO,~~MAAMkB~~,WAIT;QAAC,EACHC,QAAQ,EACRC,GAAG,EACHC,KAAK,EACLC,eAAe,KAAK,EACpBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,QAAQ,EACRC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAEF,WADXC;QAfHhB;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,~~SAAShC~~,~~aAAa0B~~;IAC5B,MAAM,EAAEO,QAAQ,MAAM,EAAE,~~GAAGlC~~;IAE3B,~~MAAMmC~~,gCACJ,~~MAACvC~~,~~MAAMwC~~,QAAQ;;~~YACZrC~~,~~qBAAqBkB~~,qBACpB,KAACZ;0BACC,cAAA,KAACE;oBAAiBqB,SAASA;oBAASS,WAAWhB;oBAAkBiB,IAAIpB;8BAClED;;~~iBAGHnB~~,~~aAAamB~~,OACfA,MACE;YACHD;~~YACAlB~~,~~aAAawB~~,yBACZ,KAAClB;gBACCmC,SAAS;gBACTD,IAAIT;gBACJW,MAAMjB,WAAW,UAAU,UAAUkB;0BAEpCnB;;;;IAMT,MAAMoB,~~UAAU9C,MAAM+~~C,OAAO,CAAC,IAAO,CAAA;YAAEZ;YAAUZ;QAAa,CAAA,GAAI;QAACY;QAAUZ;KAAa;IAE1F,qBACE,KAAChB,uDACK6B;QACJL,YAAYM;QACZW,~~eAAe/C~~,iCAEb,~~CAACiC~~,0CACD,wBACAP,WAAW,aAAaX,YAAY,CAACW,OAAO,EAC5CW,UAAU,aAAazB,eAAe,CAACyB,MAAM,~~EAC7CpC~~,~~aAAamB~~,~~QAAQpB~~,oCAA2B,~~kCAChD2B~~,~~aAAa3B~~,0CAAiC;kBAGhD,cAAA,~~KAACW~~,gBAAgBqC,QAAQ;YAACC,OAAOJ;sBAC9BlB,0BACC,KAACtB;gBACC6C,OAAM;gBACNtB,UAAU,CAACuB;oBACT,IAAIf,mBAAAA,6BAAAA,OAAQgB,OAAO,EAAE;wBACnBxB,qBAAAA,+BAAAA,SAAWuB,GAAGf,OAAOgB,OAAO;oBAC9B;gBACF;gBACAvB,mBAAmBA;gBACnBwB,QAAQ1B,cAAc;gBACtBM,WAAWA;0BAEX,cAAA,KAACqB;oBAAIZ,~~WAAW1C~~,sCAA6B;~~8BAC1CsC~~;;iBAILA;;;AAKV,EAAE;AAEFpB,SAASqC,~~WAAW~~,GAAG;~~AAEvBrC~~,SAASsC,~~GAAG~~,~~GAAGhD~~;~~AACfU~~,~~SAASsC~~,~~GAAG~~,~~CAACD~~,~~WAAW~~,GAAG~~;AAE3BrC~~,~~SAASuC~~,QAAQ,~~GAAG/C~~;~~AACpBQ~~,~~SAASuC~~,~~QAAQ~~,~~CAACF~~,~~WAAW,GAAG~~;~~AAEhCrC~~,~~SAASwC~~,QAAQ,~~GAAGjD~~;~~AACpBS~~,~~SAASwC~~,QAAQ,~~CAACH,WAAW,GAAG~~"}
1	+ {"version":3,"sources":["../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { FormItemTop } from './FormItemTop/FormItemTop';\nimport { FormItemTopAside } from './FormItemTop/FormItemTopAside';\nimport { FormItemTopLabel } from './FormItemTop/FormItemTopLabel';\nimport { FormItemContext } from './context';\nimport styles from './FormItem.module.css';\n\nconst sizeYClassNames = {\n none: classNames(styles.sizeYNone, 'vkuiInternalFormItem--sizeY-none'),\n compact: classNames(styles.sizeYCompact, 'vkuiInternalFormItem--sizeY-compact'),\n};\n\nconst stylesStatus = {\n error: classNames(styles.statusError, 'vkuiInternalFormItem--status-error'),\n valid: classNames(styles.statusValid, 'vkuiInternalFormItem--status-valid'),\n};\n\nexport interface FormItemProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent,\n RemovableProps {\n /*\n Дополнительный элемент, отображаемый над содержимым.\n /\n top?: React.ReactNode;\n /\n Передаётся при использовании `top`.\n \n `id` для `top`.\n /\n topId?: string;\n /\n Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.\n /\n topMultiline?: boolean;\n /\n Позволяет поменять тег используемый для top\n * Если оставить пустым, то тег top будет span.\n * Если оставить пустым и использовать htmlFor, то тег top будет label.\n /\n topComponent?: React.ElementType;\n /\n Дополнительный элемент, отображаемый под содержимым.\n /\n bottom?: React.ReactNode;\n /\n Передаётся при использовании `bottom`.\n \n Должен совпадать с `aria-describedby`, который передаётся в компонент, отвечающий за пользовательский ввод.\n /\n bottomId?: string;\n /\n Статус, влияющий на стиль отображения компонента.\n /\n status?: 'default' \| 'error' \| 'valid';\n /\n Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.\n \n Режим `indent` предназначен для визуального отступа.\n /\n removable?: boolean \| 'indent';\n /\n Удаляет внешние отступы вокруг компонента.\n * @since 5.8.0\n /\n noPadding?: boolean;\n /\n Помечает поле обязательным.\n /\n required?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/FormItem\n */\nexport const FormItem: React.FC<FormItemProps> & {\n Top: typeof FormItemTop;\n TopLabel: typeof FormItemTopLabel;\n TopAside: typeof FormItemTopAside;\n} = ({\n children,\n top,\n topId,\n topMultiline = false,\n topComponent: topComponentProp,\n bottom,\n status = 'default',\n removable,\n onRemove,\n removePlaceholder = 'Удалить',\n getRootRef,\n htmlFor,\n bottomId,\n noPadding,\n required = false,\n ...restProps\n}: FormItemProps) => {\n const rootEl = useExternRef(getRootRef);\n const { sizeY = 'none' } = useAdaptivity();\n\n const wrappedChildren = (\n <React.Fragment>\n {isPrimitiveReactNode(top) ? (\n <FormItemTop>\n <FormItemTopLabel htmlFor={htmlFor} Component={topComponentProp} id={topId}>\n {top}\n </FormItemTopLabel>\n </FormItemTop>\n ) : hasReactNode(top) ? (\n top\n ) : null}\n {children}\n {hasReactNode(bottom) && (\n <Footnote\n className={styles.bottom}\n id={bottomId}\n role={status === 'error' ? 'alert' : undefined}\n >\n {bottom}\n </Footnote>\n )}\n </React.Fragment>\n );\n\n const context = React.useMemo(() => ({ required, topMultiline }), [required, topMultiline]);\n\n return (\n <RootComponent\n {...restProps}\n getRootRef={rootEl}\n baseClassName={classNames(\n styles.host,\n !noPadding && styles.withPadding,\n 'vkuiInternalFormItem',\n status !== 'default' && stylesStatus[status],\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n hasReactNode(top) && classNames(styles.withTop, 'vkuiInternalFormItem--withTop'),\n removable && classNames(styles.withRemovable, 'vkuiInternalFormItem--removable'),\n )}\n >\n <FormItemContext.Provider value={context}>\n {removable ? (\n <Removable\n align=\"start\"\n onRemove={(e) => {\n if (rootEl?.current) {\n onRemove?.(e, rootEl.current);\n }\n }}\n removePlaceholder={removePlaceholder}\n indent={removable === 'indent'}\n noPadding={noPadding}\n >\n <div className={classNames(styles.removable, 'vkuiInternalFormItem__removable')}>\n {wrappedChildren}\n </div>\n </Removable>\n ) : (\n wrappedChildren\n )}\n </FormItemContext.Provider>\n </RootComponent>\n );\n};\n\nFormItem.Top = FormItemTop;\nFormItem.TopLabel = FormItemTopLabel;\nFormItem.TopAside = FormItemTopAside;\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(FormItem.Top, 'FormItem.Top');\n defineComponentDisplayNames(FormItem.TopLabel, 'FormItem.TopLabel');\n defineComponentDisplayNames(FormItem.TopAside, 'FormItem.TopAside');\n}\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","useAdaptivity","useExternRef","defineComponentDisplayNames","Removable","RootComponent","Footnote","FormItemTop","FormItemTopAside","FormItemTopLabel","FormItemContext","sizeYClassNames","none","compact","stylesStatus","error","valid","FormItem","children","top","topId","topMultiline","topComponent","topComponentProp","bottom","status","removable","onRemove","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","required","restProps","rootEl","sizeY","wrappedChildren","Fragment","Component","id","className","role","undefined","context","useMemo","baseClassName","Provider","value","align","e","current","indent","div","Top","TopLabel","TopAside","process","env","NODE_ENV"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AACjF,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,WAAW,QAAQ,+BAA4B;AACxD,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,eAAe,QAAQ,eAAY;AAG5C,MAAMC,kBAAkB;IACtBC,MAAMd,sCAA6B;IACnCe,SAASf,yCAAgC;AAC3C;AAEA,MAAMgB,eAAe;IACnBC,OAAOjB,wCAA+B;IACtCkB,OAAOlB,wCAA+B;AACxC;AA0DA;;CAEC,GACD,OAAO,MAAMmB,WAIT;QAAC,EACHC,QAAQ,EACRC,GAAG,EACHC,KAAK,EACLC,eAAe,KAAK,EACpBC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,QAAQ,EACRC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,WAAW,KAAK,EAEF,WADXC;QAfHhB;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,SAASjC,aAAa2B;IAC5B,MAAM,EAAEO,QAAQ,MAAM,EAAE,GAAGnC;IAE3B,MAAMoC,gCACJ,MAACxC,MAAMyC,QAAQ;;YACZtC,qBAAqBmB,qBACpB,KAACZ;0BACC,cAAA,KAACE;oBAAiBqB,SAASA;oBAASS,WAAWhB;oBAAkBiB,IAAIpB;8BAClED;;iBAGHpB,aAAaoB,OACfA,MACE;YACHD;YACAnB,aAAayB,yBACZ,KAAClB;gBACCmC,SAAS;gBACTD,IAAIT;gBACJW,MAAMjB,WAAW,UAAU,UAAUkB;0BAEpCnB;;;;IAMT,MAAMoB,UAAU/C,MAAMgD,OAAO,CAAC,IAAO,CAAA;YAAEZ;YAAUZ;QAAa,CAAA,GAAI;QAACY;QAAUZ;KAAa;IAE1F,qBACE,KAAChB,uDACK6B;QACJL,YAAYM;QACZW,eAAehD,iCAEb,CAACkC,0CACD,wBACAP,WAAW,aAAaX,YAAY,CAACW,OAAO,EAC5CW,UAAU,aAAazB,eAAe,CAACyB,MAAM,EAC7CrC,aAAaoB,QAAQrB,oCAA2B,kCAChD4B,aAAa5B,0CAAiC;kBAGhD,cAAA,KAACY,gBAAgBqC,QAAQ;YAACC,OAAOJ;sBAC9BlB,0BACC,KAACtB;gBACC6C,OAAM;gBACNtB,UAAU,CAACuB;oBACT,IAAIf,mBAAAA,6BAAAA,OAAQgB,OAAO,EAAE;wBACnBxB,qBAAAA,+BAAAA,SAAWuB,GAAGf,OAAOgB,OAAO;oBAC9B;gBACF;gBACAvB,mBAAmBA;gBACnBwB,QAAQ1B,cAAc;gBACtBM,WAAWA;0BAEX,cAAA,KAACqB;oBAAIZ,WAAW3C,sCAA6B;8BAC1CuC;;iBAILA;;;AAKV,EAAE;AAEFpB,SAASqC,GAAG,GAAG/C;AACfU,SAASsC,QAAQ,GAAG9C;AACpBQ,SAASuC,QAAQ,GAAGhD;AAEpB,IAAIiD,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCxD,4BAA4Bc,SAASqC,GAAG,EAAE;IAC1CnD,4BAA4Bc,SAASsC,QAAQ,EAAE;IAC/CpD,4BAA4Bc,SAASuC,QAAQ,EAAE;AACjD"}

package/dist/components/FormItem/FormItemTop/FormItemTop.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ export interface FormItemTopProps extends HTMLAttributesWithRootRef<HTMLDivEleme
  * @since 6.1.0
  *
  */
-export declare const FormItemTop: React.FC<FormItemTopProps>;
+export declare const FormItemTop: (props: FormItemTopProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormItemTop.d.ts.map

package/dist/components/FormItem/FormItemTop/FormItemTop.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormItemTop.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAI9E,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;CAAG;AAEpG;;;;;GAKG;AACH,eAAO,MAAM,WAAW,~~EAAE~~,~~KAAK~~,~~CAAC,EAAE,CAAC,~~gBAAgB,~~CAElD~~,CAAC"}
1	+ {"version":3,"file":"FormItemTop.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAI9E,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;CAAG;AAEpG;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAElD,CAAC"}

package/dist/components/FormItem/FormItemTop/FormItemTop.js CHANGED Viewed

@@ -10,6 +10,5 @@ import { RootComponent } from "../../RootComponent/RootComponent.js";
  */ export const FormItemTop = (props)=>/*#__PURE__*/ _jsx(RootComponent, _object_spread_props(_object_spread({}, props), {
         baseClassName: "vkuiFormItem__top"
     }));
-FormItemTop.displayName = 'FormItemTop';
 //# sourceMappingURL=FormItemTop.js.map

package/dist/components/FormItem/FormItemTop/FormItemTop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"sourcesContent":["import type { HasComponent, HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {}\n\n/*\n Служит оберткой для составной шапки поля, отвечая за выравнивание контента и расстановку отступов.\n \n @since 6.1.0\n \n /\nexport const FormItemTop: ~~React.FC<FormItemTopProps>~~ = (props: FormItemTopProps) => (\n <RootComponent {...props} baseClassName={styles.top} />\n);\n~~\nFormItemTop.displayName = 'FormItemTop';\n~~"],"names":["RootComponent","FormItemTop","props","baseClassName"~~,"displayName"~~],"mappings":";;;AACA,SAASA,aAAa,QAAQ,uCAAoC;AAKlE;;;;;CAKC,GACD,OAAO,MAAMC,~~cAA0C~~,CAACC,~~sBACtD~~,KAACF,uDAAkBE;QAAOC,aAAa;QACvC~~;AAEFF,YAAYG,WAAW,GAAG~~"}
1	+ {"version":3,"sources":["../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"sourcesContent":["import type { HasComponent, HTMLAttributesWithRootRef } from '../../../types';\nimport { RootComponent } from '../../RootComponent/RootComponent';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopProps extends HTMLAttributesWithRootRef<HTMLDivElement>, HasComponent {}\n\n/*\n Служит оберткой для составной шапки поля, отвечая за выравнивание контента и расстановку отступов.\n \n @since 6.1.0\n \n /\nexport const FormItemTop = (props: FormItemTopProps) => (\n <RootComponent {...props} baseClassName={styles.top} />\n);\n"],"names":["RootComponent","FormItemTop","props","baseClassName"],"mappings":";;;AACA,SAASA,aAAa,QAAQ,uCAAoC;AAKlE;;;;;CAKC,GACD,OAAO,MAAMC,cAAc,CAACC,sBAC1B,KAACF,uDAAkBE;QAAOC,aAAa;QACvC"}

package/dist/components/FormItem/FormItemTop/FormItemTopAside.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ export interface FormItemTopAsideProps extends React.AllHTMLAttributes<HTMLEleme
  * @since 6.1.0
  *
  */
-export declare const FormItemTopAside: React.FC<FormItemTopAsideProps>;
+export declare const FormItemTopAside: ({ children, ...restProps }: FormItemTopAsideProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormItemTopAside.d.ts.map

package/dist/components/FormItem/FormItemTop/FormItemTopAside.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormItemTopAside.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;CAAG;AAEnB;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,~~EAAE~~,~~KAAK~~,~~CAAC,EAAE,CAAC,~~qBAAqB,~~CAS5D~~,CAAC"}
1	+ {"version":3,"file":"FormItemTopAside.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;CAAG;AAEnB;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,4BAA4B,qBAAqB,4CAMjF,CAAC"}

package/dist/components/FormItem/FormItemTop/FormItemTopAside.js CHANGED Viewed

@@ -19,6 +19,5 @@ import { Subhead } from "../../Typography/Subhead/Subhead.js";
         children: children
     }));
 };
-FormItemTopAside.displayName = 'FormItemTopAside';
 //# sourceMappingURL=FormItemTopAside.js.map

package/dist/components/FormItem/FormItemTop/FormItemTopAside.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { HasComponent, HasRootRef } from '../../../types';\nimport { Subhead } from '../../Typography/Subhead/Subhead';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopAsideProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {}\n\n/*\n Отвечает за отрисовку дополнительного контента справа от заголовка поля.\n \n @since 6.1.0\n \n /\nexport const FormItemTopAside: ~~React.FC<FormItemTopAsideProps>~~ = ({\n children~~,\n~~ ...restProps\n}: FormItemTopAsideProps) => {\n return (\n <Subhead className={styles.aside} {...restProps}>\n {children}\n </Subhead>\n );\n};\n~~\nFormItemTopAside.displayName = 'FormItemTopAside';\n~~"],"names":["React","Subhead","FormItemTopAside","children","restProps","className"~~,"displayName"~~],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,OAAO,QAAQ,sCAAmC;AAQ3D;;;;;CAKC,GACD,OAAO,MAAMC,~~mBAAoD~~;QAAC,~~EAChEC~~,QAAQ,~~EAEc~~,~~WADnBC~~;~~QADHD~~;;~~IAGA~~,qBACE,KAACF;QAAQI,SAAS;OAAoBD;kBACnCD;;AAGP,EAAE~~;AAEFD,iBAAiBI,WAAW,GAAG~~"}
1	+ {"version":3,"sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { HasComponent, HasRootRef } from '../../../types';\nimport { Subhead } from '../../Typography/Subhead/Subhead';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopAsideProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {}\n\n/*\n Отвечает за отрисовку дополнительного контента справа от заголовка поля.\n \n @since 6.1.0\n \n /\nexport const FormItemTopAside = ({ children, ...restProps }: FormItemTopAsideProps) => {\n return (\n <Subhead className={styles.aside} {...restProps}>\n {children}\n </Subhead>\n );\n};\n"],"names":["React","Subhead","FormItemTopAside","children","restProps","className"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,OAAO,QAAQ,sCAAmC;AAQ3D;;;;;CAKC,GACD,OAAO,MAAMC,mBAAmB;QAAC,EAAEC,QAAQ,EAAuC,WAAlCC;QAAbD;;IACjC,qBACE,KAACF;QAAQI,SAAS;OAAoBD;kBACnCD;;AAGP,EAAE"}

package/dist/components/FormItem/FormItemTop/FormItemTopLabel.d.ts CHANGED Viewed

@@ -9,5 +9,5 @@ export interface FormItemTopLabelProps extends React.AllHTMLAttributes<HTMLEleme
  * @since 6.1.0
  *
  */
-export declare const FormItemTopLabel: React.FC<FormItemTopLabelProps>;
+export declare const FormItemTopLabel: ({ children, Component: componentProp, htmlFor, ...restProps }: FormItemTopLabelProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormItemTopLabel.d.ts.map

package/dist/components/FormItem/FormItemTop/FormItemTopLabel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormItemTopLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK/D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;CAAG;AAEnB;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,~~EAAE~~,~~KAAK,CAAC,EAAE,CAAC,~~qBAAqB,~~CAwB5D~~,CAAC"}
1	+ {"version":3,"file":"FormItemTopLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK/D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;CAAG;AAEnB;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,+DAK9B,qBAAqB,4CAmBvB,CAAC"}

package/dist/components/FormItem/FormItemTop/FormItemTopLabel.js CHANGED Viewed

@@ -36,6 +36,5 @@ import { FormItemContext } from "../context.js";
         ]
     }));
 };
-FormItemTopLabel.displayName = 'FormItemTopLabel';
 //# sourceMappingURL=FormItemTopLabel.js.map

package/dist/components/FormItem/FormItemTop/FormItemTopLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HasRootRef } from '../../../types';\nimport { Subhead } from '../../Typography/Subhead/Subhead';\nimport { FormItemContext } from '../context';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopLabelProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {}\n\n/*\n Отвечает за отрисовку заголовка поля. По умолчанию компонент представлен тегом `label`, если передано свойство `htmlFor`.\n * Можно переопределить через свойство `Component`.\n \n @since 6.1.0\n \n /\nexport const FormItemTopLabel: ~~React.FC<FormItemTopLabelProps>~~ = ({\n children,\n Component: componentProp,\n htmlFor,\n ...restProps\n}: FormItemTopLabelProps) => {\n const component = componentProp \|\| (htmlFor && 'label') \|\| 'span';\n const { required, topMultiline } = React.useContext(FormItemContext);\n\n return (\n <Subhead\n className={classNames(styles.label, topMultiline && styles.labelMultiline)}\n Component={component}\n htmlFor={htmlFor}\n {...restProps}\n >\n {children}\n {required && (\n <span className={styles.labelRequired} aria-hidden>\n *\n </span>\n )}\n </Subhead>\n );\n};\n~~\nFormItemTopLabel.displayName = 'FormItemTopLabel';\n~~"],"names":["React","classNames","Subhead","FormItemContext","FormItemTopLabel","children","Component","componentProp","htmlFor","restProps","component","required","topMultiline","useContext","className","span","aria-hidden"~~,"displayName"~~],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,sCAAmC;AAC3D,SAASC,eAAe,QAAQ,gBAAa;AAQ7C;;;;;;CAMC,GACD,OAAO,MAAMC,~~mBAAoD~~;QAAC,~~EAChEC~~,QAAQ,EACRC,WAAWC,aAAa,EACxBC,OAAO,EAEe,WADnBC;QAHHJ;QACAC;QACAE;;IAGA,MAAME,YAAYH,iBAAkBC,WAAW,WAAY;IAC3D,MAAM,EAAEG,QAAQ,EAAEC,YAAY,EAAE,GAAGZ,MAAMa,UAAU,CAACV;IAEpD,qBACE,MAACD;QACCY,WAAWb,kCAAyBW;QACpCN,WAAWI;QACXF,SAASA;OACLC;;YAEHJ;YACAM,0BACC,KAACI;gBAAKD,SAAS;gBAAwBE,aAAW;0BAAC;;;;AAM3D,EAAE~~;AAEFZ,iBAAiBa,WAAW,GAAG~~"}
1	+ {"version":3,"sources":["../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HasRootRef } from '../../../types';\nimport { Subhead } from '../../Typography/Subhead/Subhead';\nimport { FormItemContext } from '../context';\nimport styles from '../FormItem.module.css';\n\nexport interface FormItemTopLabelProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {}\n\n/*\n Отвечает за отрисовку заголовка поля. По умолчанию компонент представлен тегом `label`, если передано свойство `htmlFor`.\n * Можно переопределить через свойство `Component`.\n \n @since 6.1.0\n \n /\nexport const FormItemTopLabel = ({\n children,\n Component: componentProp,\n htmlFor,\n ...restProps\n}: FormItemTopLabelProps) => {\n const component = componentProp \|\| (htmlFor && 'label') \|\| 'span';\n const { required, topMultiline } = React.useContext(FormItemContext);\n\n return (\n <Subhead\n className={classNames(styles.label, topMultiline && styles.labelMultiline)}\n Component={component}\n htmlFor={htmlFor}\n {...restProps}\n >\n {children}\n {required && (\n <span className={styles.labelRequired} aria-hidden>\n *\n </span>\n )}\n </Subhead>\n );\n};\n"],"names":["React","classNames","Subhead","FormItemContext","FormItemTopLabel","children","Component","componentProp","htmlFor","restProps","component","required","topMultiline","useContext","className","span","aria-hidden"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,OAAO,QAAQ,sCAAmC;AAC3D,SAASC,eAAe,QAAQ,gBAAa;AAQ7C;;;;;;CAMC,GACD,OAAO,MAAMC,mBAAmB;QAAC,EAC/BC,QAAQ,EACRC,WAAWC,aAAa,EACxBC,OAAO,EAEe,WADnBC;QAHHJ;QACAC;QACAE;;IAGA,MAAME,YAAYH,iBAAkBC,WAAW,WAAY;IAC3D,MAAM,EAAEG,QAAQ,EAAEC,YAAY,EAAE,GAAGZ,MAAMa,UAAU,CAACV;IAEpD,qBACE,MAACD;QACCY,WAAWb,kCAAyBW;QACpCN,WAAWI;QACXF,SAASA;OACLC;;YAEHJ;YACAM,0BACC,KAACI;gBAAKD,SAAS;gBAAwBE,aAAW;0BAAC;;;;AAM3D,EAAE"}

package/dist/components/FormItem/context.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/context.ts"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAI5D,CAAC"}
1	+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAI5D,CAAC"}

package/dist/components/FormItem/context.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 export const FormItemContext = React.createContext({
     required: false,
     topMultiline: false

package/dist/components/FormItem/context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/FormItem/context.ts"],"sourcesContent":["~~import~~ * as React from 'react';\n\ninterface FormItemContextProps {\n required?: boolean;\n topMultiline?: boolean;\n}\n\nexport const FormItemContext: React.Context<FormItemContextProps> =\n React.createContext<FormItemContextProps>({\n required: false,\n topMultiline: false,\n });\n"],"names":["React","FormItemContext","createContext","required","topMultiline"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,OAAO,MAAMC,kBACXD,MAAME,aAAa,CAAuB;IACxCC,UAAU;IACVC,cAAc;AAChB,GAAG"}
1	+ {"version":3,"sources":["../../../src/components/FormItem/context.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc /\n\nimport as React from 'react';\n\ninterface FormItemContextProps {\n required?: boolean;\n topMultiline?: boolean;\n}\n\nexport const FormItemContext: React.Context<FormItemContextProps> =\n React.createContext<FormItemContextProps>({\n required: false,\n topMultiline: false,\n });\n"],"names":["React","FormItemContext","createContext","required","topMultiline"],"mappings":"AAAA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAO/B,OAAO,MAAMC,kBACXD,MAAME,aAAa,CAAuB;IACxCC,UAAU;IACVC,cAAc;AAChB,GAAG"}

package/dist/components/FormLayoutGroup/FormLayoutGroup.d.ts CHANGED Viewed

@@ -2,6 +2,9 @@ import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import { type RemovableProps } from '../Removable/Removable';
 export interface FormLayoutGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement>, RemovableProps {
+    /**
+     * Направление отображения элементов формы.
+     */
     mode?: 'vertical' | 'horizontal';
     /**
      * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.