@vkontakte/vkui 6.2.1 → 6.3.0

package/dist/cjs/components/FormItem/FormItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAmBnE,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;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACjC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,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;yMAiBlB,aAAa;;;;;;;;;;;;;;CAwEf,CAAC"}
+{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGnE,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;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,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;CAgGnC,CAAC"}

package/dist/cjs/components/FormItem/FormItem.js

@@ -34,9 +34,10 @@ const stylesStatus = {
     valid: (0, _vkjs.classNames)("vkuiFormItem--status-valid", 'vkuiInternalFormItem--status-valid')
 };
 const FormItem = (_param)=>{
-    var { children, top, topMultiline, topComponent: topComponentProp, bottom, status = 'default', removable, onRemove = _vkjs.noop, removePlaceholder = 'Удалить', getRootRef, htmlFor, bottomId, noPadding, topNode, required = false } = _param, restProps = _object_without_properties._(_param, [
+    var { children, top, topId, topMultiline, topComponent: topComponentProp, bottom, status = 'default', removable, onRemove = _vkjs.noop, removePlaceholder = 'Удалить', getRootRef, htmlFor, bottomId, noPadding, topNode, required = false } = _param, restProps = _object_without_properties._(_param, [
         "children",
         "top",
+        "topId",
         "topMultiline",
         "topComponent",
         "bottom",
@@ -60,6 +61,7 @@ const FormItem = (_param)=>{
                     htmlFor: htmlFor,
                     Component: topComponentProp,
                     multiline: topMultiline,
+                    id: topId,
                     children: top
                 })
             }) : null,

package/dist/cjs/components/FormItem/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Removable, 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['FormItem--sizeY-none'], 'vkuiInternalFormItem--sizeY-none'),\n  ['compact']: classNames(styles['FormItem--sizeY-compact'], 'vkuiInternalFormItem--sizeY-compact'),\n};\n\nconst stylesStatus = {\n  error: classNames(styles['FormItem--status-error'], 'vkuiInternalFormItem--status-error'),\n  valid: classNames(styles['FormItem--status-valid'], '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  /**\n   * Многострочный вывод заголовка. По умолчанию текст не переносится при переполнении.\n   */\n  topMultiline?: boolean;\n  /**\n   * Позволяет поменять тег используемый для top\n   * Если оставить пустым, то тег top будет span.\n   * Если оставить пустым и использовать htmlFor, то тег top будет label.\n   */\n  topComponent?: React.ElementType;\n  /**\n   * Позволяет полностью заменить шапку поля пользовательским компонентом.\n   *\n   * @since 6.1.0\n   *\n   * TODO [>=7]: удалить и использовать top - оно будет принимать либо строку, либо подкомпонент\n   */\n  topNode?: React.ReactNode;\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 = ({\n  children,\n  top,\n  topMultiline,\n  topComponent: topComponentProp,\n  bottom,\n  status = 'default',\n  removable,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  htmlFor,\n  bottomId,\n  noPadding,\n  topNode,\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      {hasReactNode(topNode) ? (\n        topNode\n      ) : hasReactNode(top) ? (\n        <FormItemTop>\n          <FormItemTopLabel htmlFor={htmlFor} Component={topComponentProp} multiline={topMultiline}>\n            {top}\n          </FormItemTopLabel>\n        </FormItemTop>\n      ) : null}\n      {children}\n      {hasReactNode(bottom) && (\n        <Footnote\n          className={styles['FormItem__bottom']}\n          id={bottomId}\n          role={status === 'error' ? 'alert' : undefined}\n        >\n          {bottom}\n        </Footnote>\n      )}\n    </React.Fragment>\n  );\n\n  const context = useObjectMemo({ required, topMultiline });\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        styles['FormItem'],\n        !noPadding && styles['FormItem--withPadding'],\n        'vkuiInternalFormItem',\n        status !== 'default' && stylesStatus[status],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        hasReactNode(top) &&\n          classNames(styles['FormItem--withTop'], 'vkuiInternalFormItem--withTop'),\n        removable && classNames(styles['FormItem--removable'], '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          >\n            <div\n              className={classNames(\n                styles['FormItem__removable'],\n                'vkuiInternalFormItem__removable',\n              )}\n            >\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":["FormItem","sizeYClassNames","none","classNames","stylesStatus","error","valid","children","top","topMultiline","topComponent","topComponentProp","bottom","status","removable","onRemove","noop","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","topNode","required","restProps","rootEl","useExternRef","sizeY","useAdaptivity","wrappedChildren","React","Fragment","hasReactNode","FormItemTop","FormItemTopLabel","Component","multiline","Footnote","className","id","role","undefined","context","useObjectMemo","RootComponent","baseClassName","FormItemContext","Provider","value","Removable","align","e","current","indent","div","displayName","Top","TopLabel","TopAside","FormItemTopAside"],"mappings":";;;;+BA6EaA;;;eAAAA;;;;;;;;iEA7EU;sBACwB;+BACjB;8BACD;+BACC;2BAEY;+BACZ;0BACL;6BACG;kCACK;kCACA;yBACD;AAGhC,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,8BAAiC;IACjD,CAAC,UAAU,EAAEA,IAAAA,gBAAU,iCAAoC;AAC7D;AAEA,MAAMC,eAAe;IACnBC,OAAOF,IAAAA,gBAAU,gCAAmC;IACpDG,OAAOH,IAAAA,gBAAU,gCAAmC;AACtD;AAsDO,MAAMH,WAAW;QAAC,EACvBO,QAAQ,EACRC,GAAG,EACHC,YAAY,EACZC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,WAAWC,UAAI,EACfC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,WAAW,KAAK,EAEF,WADXC;QAfHjB;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,SAASC,IAAAA,0BAAY,EAACR;IAC5B,MAAM,EAAES,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMC,gCACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACV,WACZA,UACEU,IAAAA,kBAAY,EAACxB,qBACf,qBAACyB,wBAAW;0BACV,cAAA,qBAACC,kCAAgB;oBAACf,SAASA;oBAASgB,WAAWxB;oBAAkByB,WAAW3B;8BACzED;;iBAGH;YACHD;YACAyB,IAAAA,kBAAY,EAACpB,yBACZ,qBAACyB,kBAAQ;gBACPC,SAAS;gBACTC,IAAInB;gBACJoB,MAAM3B,WAAW,UAAU,UAAU4B;0BAEpC7B;;;;IAMT,MAAM8B,UAAUC,IAAAA,4BAAa,EAAC;QAAEpB;QAAUd;IAAa;IAEvD,qBACE,qBAACmC,4BAAa,8CACRpB;QACJN,YAAYO;QACZoB,eAAe1C,IAAAA,gBAAU,kBAEvB,CAACkB,0CACD,wBACAR,WAAW,aAAaT,YAAY,CAACS,OAAO,EAC5Cc,UAAU,aAAa1B,eAAe,CAAC0B,MAAM,EAC7CK,IAAAA,kBAAY,EAACxB,QACXL,IAAAA,gBAAU,2BAA8B,kCAC1CW,aAAaX,IAAAA,gBAAU,6BAAgC;kBAGzD,cAAA,qBAAC2C,wBAAe,CAACC,QAAQ;YAACC,OAAON;sBAC9B5B,0BACC,qBAACmC,oBAAS;gBACRC,OAAM;gBACNnC,UAAU,CAACoC;oBACT,IAAI1B,mBAAAA,6BAAAA,OAAQ2B,OAAO,EAAE;wBACnBrC,SAASoC,GAAG1B,OAAO2B,OAAO;oBAC5B;gBACF;gBACAnC,mBAAmBA;gBACnBoC,QAAQvC,cAAc;0BAEtB,cAAA,qBAACwC;oBACChB,WAAWnC,IAAAA,gBAAU,6BAEnB;8BAGD0B;;iBAILA;;;AAKV;AAEA7B,SAASuD,WAAW,GAAG;AAEvBvD,SAASwD,GAAG,GAAGvB,wBAAW;AAC1BjC,SAASwD,GAAG,CAACD,WAAW,GAAG;AAE3BvD,SAASyD,QAAQ,GAAGvB,kCAAgB;AACpClC,SAASyD,QAAQ,CAACF,WAAW,GAAG;AAEhCvD,SAAS0D,QAAQ,GAAGC,kCAAgB;AACpC3D,SAAS0D,QAAQ,CAACH,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/FormItem/FormItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { Removable, 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['FormItem--sizeY-none'], 'vkuiInternalFormItem--sizeY-none'),\n  ['compact']: classNames(styles['FormItem--sizeY-compact'], 'vkuiInternalFormItem--sizeY-compact'),\n};\n\nconst stylesStatus = {\n  error: classNames(styles['FormItem--status-error'], 'vkuiInternalFormItem--status-error'),\n  valid: classNames(styles['FormItem--status-valid'], '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  /**\n   * Позволяет полностью заменить шапку поля пользовательским компонентом.\n   *\n   * @since 6.1.0\n   *\n   * TODO [>=7]: удалить и использовать top - оно будет принимать либо строку, либо подкомпонент\n   */\n  topNode?: React.ReactNode;\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,\n  topComponent: topComponentProp,\n  bottom,\n  status = 'default',\n  removable,\n  onRemove = noop,\n  removePlaceholder = 'Удалить',\n  getRootRef,\n  htmlFor,\n  bottomId,\n  noPadding,\n  topNode,\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      {hasReactNode(topNode) ? (\n        topNode\n      ) : hasReactNode(top) ? (\n        <FormItemTop>\n          <FormItemTopLabel\n            htmlFor={htmlFor}\n            Component={topComponentProp}\n            multiline={topMultiline}\n            id={topId}\n          >\n            {top}\n          </FormItemTopLabel>\n        </FormItemTop>\n      ) : null}\n      {children}\n      {hasReactNode(bottom) && (\n        <Footnote\n          className={styles['FormItem__bottom']}\n          id={bottomId}\n          role={status === 'error' ? 'alert' : undefined}\n        >\n          {bottom}\n        </Footnote>\n      )}\n    </React.Fragment>\n  );\n\n  const context = useObjectMemo({ required, topMultiline });\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        styles['FormItem'],\n        !noPadding && styles['FormItem--withPadding'],\n        'vkuiInternalFormItem',\n        status !== 'default' && stylesStatus[status],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        hasReactNode(top) &&\n          classNames(styles['FormItem--withTop'], 'vkuiInternalFormItem--withTop'),\n        removable && classNames(styles['FormItem--removable'], '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          >\n            <div\n              className={classNames(\n                styles['FormItem__removable'],\n                'vkuiInternalFormItem__removable',\n              )}\n            >\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":["FormItem","sizeYClassNames","none","classNames","stylesStatus","error","valid","children","top","topId","topMultiline","topComponent","topComponentProp","bottom","status","removable","onRemove","noop","removePlaceholder","getRootRef","htmlFor","bottomId","noPadding","topNode","required","restProps","rootEl","useExternRef","sizeY","useAdaptivity","wrappedChildren","React","Fragment","hasReactNode","FormItemTop","FormItemTopLabel","Component","multiline","id","Footnote","className","role","undefined","context","useObjectMemo","RootComponent","baseClassName","FormItemContext","Provider","value","Removable","align","e","current","indent","div","displayName","Top","TopLabel","TopAside","FormItemTopAside"],"mappings":";;;;+BA8EaA;;;eAAAA;;;;;;;;iEA9EU;sBACwB;+BACjB;8BACD;+BACC;2BAEY;+BACZ;0BACL;6BACG;kCACK;kCACA;yBACD;AAGhC,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,8BAAiC;IACjD,CAAC,UAAU,EAAEA,IAAAA,gBAAU,iCAAoC;AAC7D;AAEA,MAAMC,eAAe;IACnBC,OAAOF,IAAAA,gBAAU,gCAAmC;IACpDG,OAAOH,IAAAA,gBAAU,gCAAmC;AACtD;AAuDO,MAAMH,WAIT;QAAC,EACHO,QAAQ,EACRC,GAAG,EACHC,KAAK,EACLC,YAAY,EACZC,cAAcC,gBAAgB,EAC9BC,MAAM,EACNC,SAAS,SAAS,EAClBC,SAAS,EACTC,WAAWC,UAAI,EACfC,oBAAoB,SAAS,EAC7BC,UAAU,EACVC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,WAAW,KAAK,EAEF,WADXC;QAhBHlB;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,SAASC,IAAAA,0BAAY,EAACR;IAC5B,MAAM,EAAES,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,MAAMC,gCACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACV,WACZA,UACEU,IAAAA,kBAAY,EAACzB,qBACf,qBAAC0B,wBAAW;0BACV,cAAA,qBAACC,kCAAgB;oBACff,SAASA;oBACTgB,WAAWxB;oBACXyB,WAAW3B;oBACX4B,IAAI7B;8BAEHD;;iBAGH;YACHD;YACA0B,IAAAA,kBAAY,EAACpB,yBACZ,qBAAC0B,kBAAQ;gBACPC,SAAS;gBACTF,IAAIjB;gBACJoB,MAAM3B,WAAW,UAAU,UAAU4B;0BAEpC7B;;;;IAMT,MAAM8B,UAAUC,IAAAA,4BAAa,EAAC;QAAEpB;QAAUd;IAAa;IAEvD,qBACE,qBAACmC,4BAAa,8CACRpB;QACJN,YAAYO;QACZoB,eAAe3C,IAAAA,gBAAU,kBAEvB,CAACmB,0CACD,wBACAR,WAAW,aAAaV,YAAY,CAACU,OAAO,EAC5Cc,UAAU,aAAa3B,eAAe,CAAC2B,MAAM,EAC7CK,IAAAA,kBAAY,EAACzB,QACXL,IAAAA,gBAAU,2BAA8B,kCAC1CY,aAAaZ,IAAAA,gBAAU,6BAAgC;kBAGzD,cAAA,qBAAC4C,wBAAe,CAACC,QAAQ;YAACC,OAAON;sBAC9B5B,0BACC,qBAACmC,oBAAS;gBACRC,OAAM;gBACNnC,UAAU,CAACoC;oBACT,IAAI1B,mBAAAA,6BAAAA,OAAQ2B,OAAO,EAAE;wBACnBrC,SAASoC,GAAG1B,OAAO2B,OAAO;oBAC5B;gBACF;gBACAnC,mBAAmBA;gBACnBoC,QAAQvC,cAAc;0BAEtB,cAAA,qBAACwC;oBACCf,WAAWrC,IAAAA,gBAAU,6BAEnB;8BAGD2B;;iBAILA;;;AAKV;AAEA9B,SAASwD,WAAW,GAAG;AAEvBxD,SAASyD,GAAG,GAAGvB,wBAAW;AAC1BlC,SAASyD,GAAG,CAACD,WAAW,GAAG;AAE3BxD,SAAS0D,QAAQ,GAAGvB,kCAAgB;AACpCnC,SAAS0D,QAAQ,CAACF,WAAW,GAAG;AAEhCxD,SAAS2D,QAAQ,GAAGC,kCAAgB;AACpC5D,SAAS2D,QAAQ,CAACH,WAAW,GAAG"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTop.d.ts

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

package/dist/cjs/components/FormItem/FormItemTop/FormItemTop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItemTop.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAIzE,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,YAAY;CAAG;AAEpG;;;;;GAKG;AACH,eAAO,MAAM,WAAW;YAAW,gBAAgB;;CAElD,CAAC"}
+{"version":3,"file":"FormItemTop.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAIzE,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"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"sourcesContent":["import { 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.FormItem__top} />\n);\n\nFormItemTop.displayName = 'FormItemTop';\n"],"names":["FormItemTop","props","RootComponent","baseClassName","displayName"],"mappings":";;;;+BAYaA;;;eAAAA;;;;;;+BAXiB;AAWvB,MAAMA,cAAc,CAACC,sBAC1B,qBAACC,4BAAa,8CAAKD;QAAOE,aAAa;;AAGzCH,YAAYI,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTop.tsx"],"sourcesContent":["import { 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.FormItem__top} />\n);\n\nFormItemTop.displayName = 'FormItemTop';\n"],"names":["FormItemTop","props","RootComponent","baseClassName","displayName"],"mappings":";;;;+BAYaA;;;eAAAA;;;;;;+BAXiB;AAWvB,MAAMA,cAA0C,CAACC,sBACtD,qBAACC,4BAAa,8CAAKD;QAAOE,aAAa;;AAGzCH,YAAYI,WAAW,GAAG"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopAside.d.ts

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

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopAside.d.ts.map

@@ -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,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI1D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;CAAG;AAEnB;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;iCAAgC,qBAAqB;;CAMjF,CAAC"}
+{"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,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI1D,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"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopAside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"sourcesContent":["import * as React from 'react';\nimport { 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['FormItemTop__aside']} {...restProps}>\n      {children}\n    </Subhead>\n  );\n};\n\nFormItemTopAside.displayName = 'FormItemTopAside';\n"],"names":["FormItemTopAside","children","restProps","Subhead","className","displayName"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;;;iEAhBU;yBAEC;AAcjB,MAAMA,mBAAmB;QAAC,EAAEC,QAAQ,EAAuC,WAAlCC;QAAbD;;IACjC,qBACE,qBAACE,gBAAO;QAACC,SAAS;OAAoCF;kBACnDD;;AAGP;AAEAD,iBAAiBK,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopAside.tsx"],"sourcesContent":["import * as React from 'react';\nimport { 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['FormItemTop__aside']} {...restProps}>\n      {children}\n    </Subhead>\n  );\n};\n\nFormItemTopAside.displayName = 'FormItemTopAside';\n"],"names":["FormItemTopAside","children","restProps","Subhead","className","displayName"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;;;iEAhBU;yBAEC;AAcjB,MAAMA,mBAAoD;QAAC,EAChEC,QAAQ,EAEc,WADnBC;QADHD;;IAGA,qBACE,qBAACE,gBAAO;QAACC,SAAS;OAAoCF;kBACnDD;;AAGP;AAEAD,iBAAiBK,WAAW,GAAG"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopLabel.d.ts

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

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormItemTopLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK1D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB;+EAM1B,qBAAqB;;CAsBvB,CAAC"}
+{"version":3,"file":"FormItemTopLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK1D,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC1C,UAAU,CAAC,WAAW,CAAC,EACvB,YAAY;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4B5D,CAAC"}

package/dist/cjs/components/FormItem/FormItemTop/FormItemTopLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { 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   * TODO [>=7]: удалить и вседа брать из контекста\n   */\n  multiline?: boolean;\n}\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  multiline,\n  ...restProps\n}: FormItemTopLabelProps) => {\n  const component = componentProp || (htmlFor && 'label') || 'span';\n  const { required, topMultiline: multilineContext } = React.useContext(FormItemContext);\n\n  return (\n    <Subhead\n      className={classNames(\n        styles['FormItemTop__label'],\n        (multiline ?? multilineContext) && styles['FormItemTop__label--multiline'],\n      )}\n      Component={component}\n      htmlFor={htmlFor}\n      {...restProps}\n    >\n      {children}\n      {required && (\n        <span className={styles['FormItemTop__label--required']} aria-hidden>\n          *\n        </span>\n      )}\n    </Subhead>\n  );\n};\n\nFormItemTopLabel.displayName = 'FormItemTopLabel';\n"],"names":["FormItemTopLabel","children","Component","componentProp","htmlFor","multiline","restProps","component","required","topMultiline","multilineContext","React","useContext","FormItemContext","Subhead","className","classNames","span","aria-hidden","displayName"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;yBAEH;yBACQ;AAqBzB,MAAMA,mBAAmB;QAAC,EAC/BC,QAAQ,EACRC,WAAWC,aAAa,EACxBC,OAAO,EACPC,SAAS,EAEa,WADnBC;QAJHL;QACAC;QACAE;QACAC;;IAGA,MAAME,YAAYJ,iBAAkBC,WAAW,WAAY;IAC3D,MAAM,EAAEI,QAAQ,EAAEC,cAAcC,gBAAgB,EAAE,GAAGC,OAAMC,UAAU,CAACC,wBAAe;IAErF,qBACE,sBAACC,gBAAO;QACNC,WAAWC,IAAAA,gBAAU,4BAEnB,AAACX,CAAAA,sBAAAA,uBAAAA,YAAaK,gBAAe;QAE/BR,WAAWK;QACXH,SAASA;OACLE;;YAEHL;YACAO,0BACC,qBAACS;gBAAKF,SAAS;gBAA0CG,aAAW;0BAAC;;;;AAM7E;AAEAlB,iBAAiBmB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/FormItem/FormItemTop/FormItemTopLabel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { 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   * TODO [>=7]: удалить и вседа брать из контекста\n   */\n  multiline?: boolean;\n}\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  multiline,\n  ...restProps\n}: FormItemTopLabelProps) => {\n  const component = componentProp || (htmlFor && 'label') || 'span';\n  const { required, topMultiline: multilineContext } = React.useContext(FormItemContext);\n\n  return (\n    <Subhead\n      className={classNames(\n        styles['FormItemTop__label'],\n        (multiline ?? multilineContext) && styles['FormItemTop__label--multiline'],\n      )}\n      Component={component}\n      htmlFor={htmlFor}\n      {...restProps}\n    >\n      {children}\n      {required && (\n        <span className={styles['FormItemTop__label--required']} aria-hidden>\n          *\n        </span>\n      )}\n    </Subhead>\n  );\n};\n\nFormItemTopLabel.displayName = 'FormItemTopLabel';\n"],"names":["FormItemTopLabel","children","Component","componentProp","htmlFor","multiline","restProps","component","required","topMultiline","multilineContext","React","useContext","FormItemContext","Subhead","className","classNames","span","aria-hidden","displayName"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;yBAEH;yBACQ;AAqBzB,MAAMA,mBAAoD;QAAC,EAChEC,QAAQ,EACRC,WAAWC,aAAa,EACxBC,OAAO,EACPC,SAAS,EAEa,WADnBC;QAJHL;QACAC;QACAE;QACAC;;IAGA,MAAME,YAAYJ,iBAAkBC,WAAW,WAAY;IAC3D,MAAM,EAAEI,QAAQ,EAAEC,cAAcC,gBAAgB,EAAE,GAAGC,OAAMC,UAAU,CAACC,wBAAe;IAErF,qBACE,sBAACC,gBAAO;QACNC,WAAWC,IAAAA,gBAAU,4BAEnB,AAACX,CAAAA,sBAAAA,uBAAAA,YAAaK,gBAAe;QAE/BR,WAAWK;QACXH,SAASA;OACLE;;YAEHL;YACAO,0BACC,qBAACS;gBAAKF,SAAS;gBAA0CG,aAAW;0BAAC;;;;AAM7E;AAEAlB,iBAAiBmB,WAAW,GAAG"}

package/dist/cjs/components/FormItem/context.d.ts.map

@@ -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,qCAG1B,CAAC"}
+{"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"}

package/dist/cjs/components/FormItem/context.js.map

@@ -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.createContext<FormItemContextProps>({\n  required: false,\n  topMultiline: false,\n});\n"],"names":["FormItemContext","React","createContext","required","topMultiline"],"mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;AAOhB,MAAMA,kBAAkBC,OAAMC,aAAa,CAAuB;IACvEC,UAAU;IACVC,cAAc;AAChB"}
+{"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":["FormItemContext","React","createContext","required","topMultiline"],"mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;AAOhB,MAAMA,kBACXC,OAAMC,aAAa,CAAuB;IACxCC,UAAU;IACVC,cAAc;AAChB"}

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { HTMLAttributesWithRootRef } from '../../types';
 import { RemovableProps } from '../Removable/Removable';
 export interface FormLayoutGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement>, RemovableProps {
@@ -16,5 +17,5 @@ export interface FormLayoutGroupProps extends HTMLAttributesWithRootRef<HTMLDivE
 /**
  * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
  */
-export declare const FormLayoutGroup: ({ children, mode, removable, segmented, removePlaceholder, onRemove, getRootRef, ...restProps }: FormLayoutGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormLayoutGroup: ({ children, mode, removable, segmented, removePlaceholder, onRemove, getRootRef, ...restProps }: FormLayoutGroupProps) => React.ReactNode;
 //# sourceMappingURL=FormLayoutGroup.d.ts.map

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAenE,MAAM,WAAW,oBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,cAAc;IAChB,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oGASzB,oBAAoB,4CAuDtB,CAAC"}
+{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAenE,MAAM,WAAW,oBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,cAAc;IAChB,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,oGASzB,oBAAoB,KAAG,KAAK,CAAC,SAyD/B,CAAC"}

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js

@@ -38,7 +38,8 @@ const FormLayoutGroup = (_param)=>{
     const rootEl = (0, _useExternRef.useExternRef)(getRootRef);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
         getRootRef: rootEl,
-        baseClassName: (0, _vkjs.classNames)(sizeY !== 'regular' && sizeYClassNames[sizeY], mode === 'horizontal' && (0, _vkjs.classNames)("vkuiFormLayoutGroup--mode-horizontal", 'vkuiInternalFormLayoutGroup--mode-horizontal'), mode === 'vertical' && (0, _vkjs.classNames)("vkuiFormLayoutGroup--mode-vertical", 'vkuiInternalFormLayoutGroup--mode-vertical'), isRemovable && (0, _vkjs.classNames)("vkuiFormLayoutGroup--removable", 'vkuiInternalFormLayoutGroup--removable'), segmented && (0, _vkjs.classNames)("vkuiFormLayoutGroup--segmented", 'vkuiInternalFormLayoutGroup--segmented'))
+        Component: "fieldset",
+        baseClassName: (0, _vkjs.classNames)("vkuiFormLayoutGroup", sizeY !== 'regular' && sizeYClassNames[sizeY], mode === 'horizontal' && (0, _vkjs.classNames)("vkuiFormLayoutGroup--mode-horizontal", 'vkuiInternalFormLayoutGroup--mode-horizontal'), mode === 'vertical' && (0, _vkjs.classNames)("vkuiFormLayoutGroup--mode-vertical", 'vkuiInternalFormLayoutGroup--mode-vertical'), isRemovable && (0, _vkjs.classNames)("vkuiFormLayoutGroup--removable", 'vkuiInternalFormLayoutGroup--removable'), segmented && (0, _vkjs.classNames)("vkuiFormLayoutGroup--segmented", 'vkuiInternalFormLayoutGroup--segmented'))
     }, restProps), {
         children: isRemovable ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Removable.Removable, {
             className: "vkuiFormLayoutGroup__removable",

package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(\n    styles['FormLayoutGroup--sizeY-none'],\n    'vkuiInternalFormLayoutGroup--sizeY-none',\n  ),\n  ['compact']: classNames(\n    styles['FormLayoutGroup--sizeY-compact'],\n    'vkuiInternalFormLayoutGroup--sizeY-compact',\n  ),\n};\n\nexport interface FormLayoutGroupProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    RemovableProps {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   *\n   * Режим `indent` предназначен для визуального отступа.\n   */\n  removable?: boolean | 'indent';\n\n  /**\n   * Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  removePlaceholder = 'Удалить',\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <RootComponent\n      getRootRef={rootEl}\n      baseClassName={classNames(\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(\n            styles['FormLayoutGroup--mode-horizontal'],\n            'vkuiInternalFormLayoutGroup--mode-horizontal',\n          ),\n        mode === 'vertical' &&\n          classNames(\n            styles['FormLayoutGroup--mode-vertical'],\n            'vkuiInternalFormLayoutGroup--mode-vertical',\n          ),\n        isRemovable &&\n          classNames(\n            styles['FormLayoutGroup--removable'],\n            'vkuiInternalFormLayoutGroup--removable',\n          ),\n        segmented &&\n          classNames(\n            styles['FormLayoutGroup--segmented'],\n            'vkuiInternalFormLayoutGroup--segmented',\n          ),\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles['FormLayoutGroup__removable']}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          indent={removable === 'indent'}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles['FormLayoutGroup__offset']} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["FormLayoutGroup","sizeYClassNames","none","classNames","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","sizeY","useAdaptivity","isRemovable","rootEl","useExternRef","RootComponent","baseClassName","Removable","className","align","e","current","indent","React","Fragment","span","aria-hidden"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;;iEAxCU;sBACU;+BACH;8BACD;2BAEa;+BACZ;AAG9B,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,qCAEd;IAEF,CAAC,UAAU,EAAEA,IAAAA,gBAAU,wCAErB;AAEJ;AAsBO,MAAMH,kBAAkB;QAAC,EAC9BI,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,WAAWC,UAAI,EACfC,UAAU,EAEW,WADlBC;QAPHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,cAAcT,aAAaD,SAAS;IAC1C,MAAMW,SAASC,IAAAA,0BAAY,EAACN;IAE5B,qBACE,qBAACO,4BAAa;QACZP,YAAYK;QACZG,eAAehB,IAAAA,gBAAU,EACvBU,UAAU,aAAaZ,eAAe,CAACY,MAAM,EAC7CR,SAAS,gBACPF,IAAAA,gBAAU,0CAER,iDAEJE,SAAS,cACPF,IAAAA,gBAAU,wCAER,+CAEJY,eACEZ,IAAAA,gBAAU,oCAER,2CAEJI,aACEJ,IAAAA,gBAAU,oCAER;OAGFS;kBAEHG,4BACC,qBAACK,oBAAS;YACRC,SAAS;YACTC,OAAM;YACNd,mBAAmBA;YACnBC,UAAU,CAACc;gBACT,IAAIP,mBAAAA,6BAAAA,OAAQQ,OAAO,EAAE;oBACnBf,SAASc,GAAGP,OAAOQ,OAAO;gBAC5B;YACF;YACAC,QAAQnB,cAAc;sBAErBF;2BAGH,sBAACsB,OAAMC,QAAQ;;gBACZvB;8BACD,qBAACwB;oBAAKP,SAAS;oBAAqCQ,aAAW;;;;;AAKzE"}
+{"version":3,"sources":["../../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(\n    styles['FormLayoutGroup--sizeY-none'],\n    'vkuiInternalFormLayoutGroup--sizeY-none',\n  ),\n  ['compact']: classNames(\n    styles['FormLayoutGroup--sizeY-compact'],\n    'vkuiInternalFormLayoutGroup--sizeY-compact',\n  ),\n};\n\nexport interface FormLayoutGroupProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    RemovableProps {\n  mode?: 'vertical' | 'horizontal';\n  /**\n   * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.\n   *\n   * Режим `indent` предназначен для визуального отступа.\n   */\n  removable?: boolean | 'indent';\n\n  /**\n   * Дает возможность склеить несколько `FormItem`.\n   */\n  segmented?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup\n */\nexport const FormLayoutGroup = ({\n  children,\n  mode = 'vertical',\n  removable,\n  segmented,\n  removePlaceholder = 'Удалить',\n  onRemove = noop,\n  getRootRef,\n  ...restProps\n}: FormLayoutGroupProps): React.ReactNode => {\n  const { sizeY = 'none' } = useAdaptivity();\n  const isRemovable = removable && mode === 'horizontal';\n  const rootEl = useExternRef(getRootRef);\n\n  return (\n    <RootComponent\n      getRootRef={rootEl}\n      Component=\"fieldset\"\n      baseClassName={classNames(\n        styles['FormLayoutGroup'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(\n            styles['FormLayoutGroup--mode-horizontal'],\n            'vkuiInternalFormLayoutGroup--mode-horizontal',\n          ),\n        mode === 'vertical' &&\n          classNames(\n            styles['FormLayoutGroup--mode-vertical'],\n            'vkuiInternalFormLayoutGroup--mode-vertical',\n          ),\n        isRemovable &&\n          classNames(\n            styles['FormLayoutGroup--removable'],\n            'vkuiInternalFormLayoutGroup--removable',\n          ),\n        segmented &&\n          classNames(\n            styles['FormLayoutGroup--segmented'],\n            'vkuiInternalFormLayoutGroup--segmented',\n          ),\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles['FormLayoutGroup__removable']}\n          align=\"start\"\n          removePlaceholder={removePlaceholder}\n          onRemove={(e) => {\n            if (rootEl?.current) {\n              onRemove(e, rootEl.current);\n            }\n          }}\n          indent={removable === 'indent'}\n        >\n          {children}\n        </Removable>\n      ) : (\n        <React.Fragment>\n          {children}\n          <span className={styles['FormLayoutGroup__offset']} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["FormLayoutGroup","sizeYClassNames","none","classNames","children","mode","removable","segmented","removePlaceholder","onRemove","noop","getRootRef","restProps","sizeY","useAdaptivity","isRemovable","rootEl","useExternRef","RootComponent","Component","baseClassName","Removable","className","align","e","current","indent","React","Fragment","span","aria-hidden"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;;iEAxCU;sBACU;+BACH;8BACD;2BAEa;+BACZ;AAG9B,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,qCAEd;IAEF,CAAC,UAAU,EAAEA,IAAAA,gBAAU,wCAErB;AAEJ;AAsBO,MAAMH,kBAAkB;QAAC,EAC9BI,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,WAAWC,UAAI,EACfC,UAAU,EAEW,WADlBC;QAPHR;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IACxC,MAAMC,cAAcT,aAAaD,SAAS;IAC1C,MAAMW,SAASC,IAAAA,0BAAY,EAACN;IAE5B,qBACE,qBAACO,4BAAa;QACZP,YAAYK;QACZG,WAAU;QACVC,eAAejB,IAAAA,gBAAU,yBAEvBU,UAAU,aAAaZ,eAAe,CAACY,MAAM,EAC7CR,SAAS,gBACPF,IAAAA,gBAAU,0CAER,iDAEJE,SAAS,cACPF,IAAAA,gBAAU,wCAER,+CAEJY,eACEZ,IAAAA,gBAAU,oCAER,2CAEJI,aACEJ,IAAAA,gBAAU,oCAER;OAGFS;kBAEHG,4BACC,qBAACM,oBAAS;YACRC,SAAS;YACTC,OAAM;YACNf,mBAAmBA;YACnBC,UAAU,CAACe;gBACT,IAAIR,mBAAAA,6BAAAA,OAAQS,OAAO,EAAE;oBACnBhB,SAASe,GAAGR,OAAOS,OAAO;gBAC5B;YACF;YACAC,QAAQpB,cAAc;sBAErBF;2BAGH,sBAACuB,OAAMC,QAAQ;;gBACZxB;8BACD,qBAACyB;oBAAKP,SAAS;oBAAqCQ,aAAW;;;;;AAKzE"}

package/dist/cjs/components/FormStatus/FormStatus.d.ts

@@ -7,5 +7,5 @@ export interface FormStatusProps extends HTMLAttributesWithRootRef<HTMLDivElemen
 /**
  * @see https://vkcom.github.io/VKUI/#/FormStatus
  */
-export declare const FormStatus: ({ mode, children, className, role, ...restProps }: FormStatusProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormStatus: ({ mode, children, className, role, ...restProps }: FormStatusProps) => React.ReactNode;
 //# sourceMappingURL=FormStatus.d.ts.map

package/dist/cjs/components/FormStatus/FormStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,sDAMpB,eAAe,4CAcjB,CAAC"}
+{"version":3,"file":"FormStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,sDAMpB,eAAe,KAAG,KAAK,CAAC,SAc1B,CAAC"}

package/dist/cjs/components/FormStatus/FormStatus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  children,\n  className,\n  role = mode === 'error' ? 'alert' : 'status',\n  ...restProps\n}: FormStatusProps) => {\n  return (\n    <Banner\n      {...restProps}\n      role={role}\n      subheader={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' &&\n          classNames(styles['FormStatus--mode-error'], 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["FormStatus","mode","children","className","role","restProps","Banner","subheader","classNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;;iEAdU;sBACI;wBAEJ;AAWhB,MAAMA,aAAa;QAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAE5B,WADbI;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,cAAM,8CACDD;QACJD,MAAMA;QACNG,WAAWL;QACXC,WAAWK,IAAAA,gBAAU,EACnB,0BACAP,SAAS,WACPO,IAAAA,gBAAU,gCAAmC,uCAC/CL;;AAIR"}
+{"version":3,"sources":["../../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  mode?: 'default' | 'error';\n  header?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FormStatus\n */\nexport const FormStatus = ({\n  mode,\n  children,\n  className,\n  role = mode === 'error' ? 'alert' : 'status',\n  ...restProps\n}: FormStatusProps): React.ReactNode => {\n  return (\n    <Banner\n      {...restProps}\n      role={role}\n      subheader={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' &&\n          classNames(styles['FormStatus--mode-error'], 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["FormStatus","mode","children","className","role","restProps","Banner","subheader","classNames"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;;iEAdU;sBACI;wBAEJ;AAWhB,MAAMA,aAAa;QAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAE5B,WADbI;QAJHJ;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACE,cAAM,8CACDD;QACJD,MAAMA;QACNG,WAAWL;QACXC,WAAWK,IAAAA,gBAAU,EACnB,0BACAP,SAAS,WACPO,IAAAA,gBAAU,gCAAmC,uCAC/CL;;AAIR"}

package/dist/cjs/components/Gallery/Gallery.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { BaseGalleryProps } from '../BaseGallery/types';
 export interface GalleryProps extends BaseGalleryProps {
     initialSlideIndex?: number;
@@ -7,5 +8,5 @@ export interface GalleryProps extends BaseGalleryProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Gallery
  */
-export declare const Gallery: ({ initialSlideIndex, children, timeout, onChange, bullets, looped, ...props }: GalleryProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Gallery: ({ initialSlideIndex, children, timeout, onChange, bullets, looped, ...props }: GalleryProps) => React.ReactNode;
 //# sourceMappingURL=Gallery.d.ts.map

package/dist/cjs/components/Gallery/Gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,kFAQjB,YAAY,mDAoDd,CAAC"}
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,kFAQjB,YAAY,KAAG,KAAK,CAAC,SAoDvB,CAAC"}

package/dist/cjs/components/Gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { CarouselBase } from '../BaseGallery/CarouselBase/CarouselBase';\nimport { BaseGalleryProps } from '../BaseGallery/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n  // Отвечает за зацикливание слайдов\n  looped?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  looped,\n  ...props\n}: GalleryProps) => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n  const isClient = useIsClient();\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  useAutoPlay(timeout, slideIndex, () => handleChange((slideIndex + 1) % childCount));\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  const Component = looped ? CarouselBase : BaseGallery;\n\n  return (\n    <Component\n      dragDisabled={isControlled && !onChange}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </Component>\n  );\n};\n"],"names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","looped","props","localSlideIndex","setSlideIndex","React","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","useIsClient","handleChange","useCallback","current","useAutoPlay","safeSlideIndex","clamp","useEffect","Component","CarouselBase","BaseGallery","dragDisabled"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;;iEAlBU;sBACD;6BACM;6BACA;8BACC;uBAED;AAYrB,MAAMA,UAAU;QAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAEO,WADVC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,iBAAiBC,cAAc,GAAGC,OAAMC,QAAQ,CAACV;IACxD,MAAMW,eAAe,OAAOL,MAAMM,UAAU,KAAK;QACfN;IAAlC,MAAMM,aAAaD,eAAeL,CAAAA,oBAAAA,MAAMM,UAAU,cAAhBN,+BAAAA,oBAAoB,IAAIC;IAC1D,MAAMM,SAASJ,OAAMK,OAAO,CAC1B,IAAML,OAAMM,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACjB;KAAS;IAEZ,MAAMmB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAyCf,OAAMgB,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYd,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBH,cAAckB;QAC/BvB,YAAYA,SAASuB;IACvB,GACA;QAACf;QAAcR;QAAUS;KAAW;IAGtCe,IAAAA,kBAAW,EAACzB,SAASU,YAAY,IAAMY,aAAa,AAACZ,CAAAA,aAAa,CAAA,IAAKQ;IAEvE,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMQ,iBAAiBR,aAAa,IAAIS,IAAAA,WAAK,EAACjB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnCH,OAAMqB,SAAS,CAAC;QACd,IAAI3B,YAAYyB,mBAAmBhB,YAAY;YAC7CT,SAASyB;QACX;QACApB,cAAcoB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBhB;KAAW;IAEzC,IAAI,CAACU,UAAU;QACb,OAAO;IACT;IAEA,MAAMS,YAAY1B,SAAS2B,0BAAY,GAAGC,wBAAW;IAErD,qBACE,qBAACF;QACCG,cAAcvB,gBAAgB,CAACR;OAC3BG;QACJF,SAASgB,aAAa,KAAKhB;QAC3BQ,YAAYgB;QACZzB,UAAUqB;kBAETX;;AAGP"}
+{"version":3,"sources":["../../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { BaseGallery } from '../BaseGallery/BaseGallery';\nimport { CarouselBase } from '../BaseGallery/CarouselBase/CarouselBase';\nimport { BaseGalleryProps } from '../BaseGallery/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\n  // Отвечает за зацикливание слайдов\n  looped?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gallery\n */\nexport const Gallery = ({\n  initialSlideIndex = 0,\n  children,\n  timeout = 0,\n  onChange,\n  bullets,\n  looped,\n  ...props\n}: GalleryProps): React.ReactNode => {\n  const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n  const isControlled = typeof props.slideIndex === 'number';\n  const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n  const slides = React.useMemo(\n    () => React.Children.toArray(children).filter((item) => Boolean(item)),\n    [children],\n  );\n  const childCount = slides.length;\n  const isClient = useIsClient();\n\n  const handleChange: GalleryProps['onChange'] = React.useCallback(\n    (current: number) => {\n      if (current === slideIndex) {\n        return;\n      }\n      !isControlled && setSlideIndex(current);\n      onChange && onChange(current);\n    },\n    [isControlled, onChange, slideIndex],\n  );\n\n  useAutoPlay(timeout, slideIndex, () => handleChange((slideIndex + 1) % childCount));\n\n  // prevent invalid slideIndex\n  // any slide index is invalid with no slides, just keep it as is\n  const safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n  // notify parent in controlled mode\n  React.useEffect(() => {\n    if (onChange && safeSlideIndex !== slideIndex) {\n      onChange(safeSlideIndex);\n    }\n    setSlideIndex(safeSlideIndex);\n  }, [onChange, safeSlideIndex, slideIndex]);\n\n  if (!isClient) {\n    return null;\n  }\n\n  const Component = looped ? CarouselBase : BaseGallery;\n\n  return (\n    <Component\n      dragDisabled={isControlled && !onChange}\n      {...props}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </Component>\n  );\n};\n"],"names":["Gallery","initialSlideIndex","children","timeout","onChange","bullets","looped","props","localSlideIndex","setSlideIndex","React","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","useIsClient","handleChange","useCallback","current","useAutoPlay","safeSlideIndex","clamp","useEffect","Component","CarouselBase","BaseGallery","dragDisabled"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;;iEAlBU;sBACD;6BACM;6BACA;8BACC;uBAED;AAYrB,MAAMA,UAAU;QAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,MAAM,EAEO,WADVC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,iBAAiBC,cAAc,GAAGC,OAAMC,QAAQ,CAACV;IACxD,MAAMW,eAAe,OAAOL,MAAMM,UAAU,KAAK;QACfN;IAAlC,MAAMM,aAAaD,eAAeL,CAAAA,oBAAAA,MAAMM,UAAU,cAAhBN,+BAAAA,oBAAoB,IAAIC;IAC1D,MAAMM,SAASJ,OAAMK,OAAO,CAC1B,IAAML,OAAMM,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACjB;KAAS;IAEZ,MAAMmB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAyCf,OAAMgB,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYd,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBH,cAAckB;QAC/BvB,YAAYA,SAASuB;IACvB,GACA;QAACf;QAAcR;QAAUS;KAAW;IAGtCe,IAAAA,kBAAW,EAACzB,SAASU,YAAY,IAAMY,aAAa,AAACZ,CAAAA,aAAa,CAAA,IAAKQ;IAEvE,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMQ,iBAAiBR,aAAa,IAAIS,IAAAA,WAAK,EAACjB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnCH,OAAMqB,SAAS,CAAC;QACd,IAAI3B,YAAYyB,mBAAmBhB,YAAY;YAC7CT,SAASyB;QACX;QACApB,cAAcoB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBhB;KAAW;IAEzC,IAAI,CAACU,UAAU;QACb,OAAO;IACT;IAEA,MAAMS,YAAY1B,SAAS2B,0BAAY,GAAGC,wBAAW;IAErD,qBACE,qBAACF;QACCG,cAAcvB,gBAAgB,CAACR;OAC3BG;QACJF,SAASgB,aAAa,KAAKhB;QAC3BQ,YAAYgB;QACZzB,UAAUqB;kBAETX;;AAGP"}

package/dist/cjs/components/Gallery/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/hooks.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,YAAY,QAyC5F"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/Gallery/hooks.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,cAAc,EAAE,YAAY,GAC3B,IAAI,CAyCN"}

package/dist/cjs/components/Gallery/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gallery/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useDOM } from '../../lib/dom';\nimport { TimeoutId } from '../../types';\n\nexport function useAutoPlay(timeout: number, slideIndex: number, callbackFnProp: VoidFunction) {\n  const { document } = useDOM();\n  const callbackFn = useStableCallback(callbackFnProp);\n\n  React.useEffect(\n    function initializeAutoPlay() {\n      if (!document || !timeout) {\n        return;\n      }\n\n      let timeoutId: TimeoutId = null;\n\n      const stop = () => {\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n          timeoutId = null;\n        }\n      };\n\n      const start = () => {\n        switch (document.visibilityState) {\n          case 'visible':\n            stop();\n            timeoutId = setTimeout(callbackFn, timeout);\n            break;\n          case 'hidden':\n            stop();\n        }\n      };\n\n      start();\n\n      document.addEventListener('visibilitychange', start);\n\n      return () => {\n        stop();\n        document.removeEventListener('visibilitychange', start);\n      };\n    },\n    [document, timeout, slideIndex, callbackFn],\n  );\n}\n"],"names":["useAutoPlay","timeout","slideIndex","callbackFnProp","document","useDOM","callbackFn","useStableCallback","React","useEffect","initializeAutoPlay","timeoutId","stop","clearTimeout","start","visibilityState","setTimeout","addEventListener","removeEventListener"],"mappings":";;;;+BAKgBA;;;eAAAA;;;;iEALO;mCACW;qBACX;AAGhB,SAASA,YAAYC,OAAe,EAAEC,UAAkB,EAAEC,cAA4B;IAC3F,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,aAAaC,IAAAA,oCAAiB,EAACJ;IAErCK,OAAMC,SAAS,CACb,SAASC;QACP,IAAI,CAACN,YAAY,CAACH,SAAS;YACzB;QACF;QAEA,IAAIU,YAAuB;QAE3B,MAAMC,OAAO;YACX,IAAID,WAAW;gBACbE,aAAaF;gBACbA,YAAY;YACd;QACF;QAEA,MAAMG,QAAQ;YACZ,OAAQV,SAASW,eAAe;gBAC9B,KAAK;oBACHH;oBACAD,YAAYK,WAAWV,YAAYL;oBACnC;gBACF,KAAK;oBACHW;YACJ;QACF;QAEAE;QAEAV,SAASa,gBAAgB,CAAC,oBAAoBH;QAE9C,OAAO;YACLF;YACAR,SAASc,mBAAmB,CAAC,oBAAoBJ;QACnD;IACF,GACA;QAACV;QAAUH;QAASC;QAAYI;KAAW;AAE/C"}
+{"version":3,"sources":["../../../../src/components/Gallery/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useDOM } from '../../lib/dom';\nimport { TimeoutId } from '../../types';\n\nexport function useAutoPlay(\n  timeout: number,\n  slideIndex: number,\n  callbackFnProp: VoidFunction,\n): void {\n  const { document } = useDOM();\n  const callbackFn = useStableCallback(callbackFnProp);\n\n  React.useEffect(\n    function initializeAutoPlay() {\n      if (!document || !timeout) {\n        return;\n      }\n\n      let timeoutId: TimeoutId = null;\n\n      const stop = () => {\n        if (timeoutId) {\n          clearTimeout(timeoutId);\n          timeoutId = null;\n        }\n      };\n\n      const start = () => {\n        switch (document.visibilityState) {\n          case 'visible':\n            stop();\n            timeoutId = setTimeout(callbackFn, timeout);\n            break;\n          case 'hidden':\n            stop();\n        }\n      };\n\n      start();\n\n      document.addEventListener('visibilitychange', start);\n\n      return () => {\n        stop();\n        document.removeEventListener('visibilitychange', start);\n      };\n    },\n    [document, timeout, slideIndex, callbackFn],\n  );\n}\n"],"names":["useAutoPlay","timeout","slideIndex","callbackFnProp","document","useDOM","callbackFn","useStableCallback","React","useEffect","initializeAutoPlay","timeoutId","stop","clearTimeout","start","visibilityState","setTimeout","addEventListener","removeEventListener"],"mappings":";;;;+BAKgBA;;;eAAAA;;;;iEALO;mCACW;qBACX;AAGhB,SAASA,YACdC,OAAe,EACfC,UAAkB,EAClBC,cAA4B;IAE5B,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,aAAaC,IAAAA,oCAAiB,EAACJ;IAErCK,OAAMC,SAAS,CACb,SAASC;QACP,IAAI,CAACN,YAAY,CAACH,SAAS;YACzB;QACF;QAEA,IAAIU,YAAuB;QAE3B,MAAMC,OAAO;YACX,IAAID,WAAW;gBACbE,aAAaF;gBACbA,YAAY;YACd;QACF;QAEA,MAAMG,QAAQ;YACZ,OAAQV,SAASW,eAAe;gBAC9B,KAAK;oBACHH;oBACAD,YAAYK,WAAWV,YAAYL;oBACnC;gBACF,KAAK;oBACHW;YACJ;QACF;QAEAE;QAEAV,SAASa,gBAAgB,CAAC,oBAAoBH;QAE9C,OAAO;YACLF;YACAR,SAASc,mBAAmB,CAAC,oBAAoBJ;QACnD;IACF,GACA;QAACV;QAAUH;QAASC;QAAYI;KAAW;AAE/C"}

package/dist/cjs/components/Gradient/Gradient.d.ts

@@ -3,7 +3,7 @@ export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement>
     /**
      * Тип градиента
      */
-    mode?: 'tint' | 'default';
+    mode?: 'tint' | 'default' | 'overlay';
     /**
      * Направление градиента
      */
@@ -12,5 +12,5 @@ export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement>
 /**
  * @see https://vkcom.github.io/VKUI/#/Gradient
  */
-export declare const Gradient: ({ mode, to, ...restProps }: GradientProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Gradient: ({ mode, to, ...restProps }: GradientProps) => React.ReactNode;
 //# sourceMappingURL=Gradient.d.ts.map

package/dist/cjs/components/Gradient/Gradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,+BAAoD,aAAa,4CAYrF,CAAC"}
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../src/components/Gradient/Gradient.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AASxD,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,+BAIlB,aAAa,KAAG,KAAK,CAAC,SAYxB,CAAC"}

package/dist/cjs/components/Gradient/Gradient.js

@@ -14,6 +14,10 @@ const _object_without_properties = require("@swc/helpers/_/_object_without_prope
 const _jsxruntime = require("react/jsx-runtime");
 const _vkjs = require("@vkontakte/vkjs");
 const _RootComponent = require("../RootComponent/RootComponent");
+const modeStyles = {
+    overlay: "vkuiGradient--mode-overlay",
+    tint: "vkuiGradient--mode-tint"
+};
 const Gradient = (_param)=>{
     var { mode = 'default', to = 'top' } = _param, restProps = _object_without_properties._(_param, [
         "mode",
@@ -22,7 +26,7 @@ const Gradient = (_param)=>{
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_RootComponent.RootComponent, _object_spread_props._(_object_spread._({
         role: "presentation"
     }, restProps), {
-        baseClassName: (0, _vkjs.classNames)("vkuiGradient", mode !== 'default' && "vkuiGradient--mode-tint", to === 'bottom' && "vkuiGradient--to-bottom")
+        baseClassName: (0, _vkjs.classNames)("vkuiGradient", mode !== 'default' && modeStyles[mode], to === 'bottom' && "vkuiGradient--to-bottom")
     }));
 };
 

package/dist/cjs/components/Gradient/Gradient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nexport interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'default';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({ mode = 'default', to = 'top', ...restProps }: GradientProps) => {\n  return (\n    <RootComponent\n      role=\"presentation\"\n      {...restProps}\n      baseClassName={classNames(\n        styles['Gradient'],\n        mode !== 'default' && styles['Gradient--mode-tint'],\n        to === 'bottom' && styles['Gradient--to-bottom'],\n      )}\n    />\n  );\n};\n"],"names":["Gradient","mode","to","restProps","RootComponent","role","baseClassName","classNames"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;sBAnBc;+BAEG;AAiBvB,MAAMA,WAAW;QAAC,EAAEC,OAAO,SAAS,EAAEC,KAAK,KAAK,EAA+B,WAA1BC;QAAjCF;QAAkBC;;IAC3C,qBACE,qBAACE,4BAAa;QACZC,MAAK;OACDF;QACJG,eAAeC,IAAAA,gBAAU,kBAEvBN,SAAS,wCACTC,OAAO;;AAIf"}
+{"version":3,"sources":["../../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nconst modeStyles = {\n  overlay: styles['Gradient--mode-overlay'],\n  tint: styles['Gradient--mode-tint'],\n};\n\nexport interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Тип градиента\n   */\n  mode?: 'tint' | 'default' | 'overlay';\n  /**\n   * Направление градиента\n   */\n  to?: 'top' | 'bottom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Gradient\n */\nexport const Gradient = ({\n  mode = 'default',\n  to = 'top',\n  ...restProps\n}: GradientProps): React.ReactNode => {\n  return (\n    <RootComponent\n      role=\"presentation\"\n      {...restProps}\n      baseClassName={classNames(\n        styles['Gradient'],\n        mode !== 'default' && modeStyles[mode],\n        to === 'bottom' && styles['Gradient--to-bottom'],\n      )}\n    />\n  );\n};\n"],"names":["Gradient","modeStyles","overlay","tint","mode","to","restProps","RootComponent","role","baseClassName","classNames"],"mappings":";;;;+BAwBaA;;;eAAAA;;;;;;;sBAxBc;+BAEG;AAG9B,MAAMC,aAAa;IACjBC,OAAO;IACPC,IAAI;AACN;AAgBO,MAAMH,WAAW;QAAC,EACvBI,OAAO,SAAS,EAChBC,KAAK,KAAK,EAEI,WADXC;QAFHF;QACAC;;IAGA,qBACE,qBAACE,4BAAa;QACZC,MAAK;OACDF;QACJG,eAAeC,IAAAA,gBAAU,kBAEvBN,SAAS,aAAaH,UAAU,CAACG,KAAK,EACtCC,OAAO;;AAIf"}

package/dist/cjs/components/GridAvatar/GridAvatar.d.ts

@@ -1,5 +1,5 @@
 import { type ImageBaseProps } from '../ImageBase/ImageBase';
-import { type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';
+import { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';
 export { GridAvatarBadgeProps };
 export declare const GRID_AVATAR_DEFAULT_SIZE = 48;
 export declare const MAX_GRID_LENGTH = 4;
@@ -12,8 +12,7 @@ export interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackI
 /**
  * @see https://vkcom.github.io/VKUI/#/GridAvatar
  */
-export declare const GridAvatar: {
-    ({ src, size, className, children, ...restProps }: GridAvatarProps): import("react/jsx-runtime").JSX.Element;
-    Badge: ({ className, ...restProps }: GridAvatarBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridAvatar: React.FC<GridAvatarProps> & {
+    Badge: typeof GridAvatarBadge;
 };
 //# sourceMappingURL=GridAvatar.d.ts.map

package/dist/cjs/components/GridAvatar/GridAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG/F,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,cAAc,CAAC;IACnF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAID;;GAEG;AACH,eAAO,MAAM,UAAU;uDAMpB,eAAe;;CAuBjB,CAAC"}
+{"version":3,"file":"GridAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAG/F,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,eAAe,IAAI,CAAC;AAEjC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,cAAc,CAAC;IACnF;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAID;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IAAE,KAAK,EAAE,OAAO,eAAe,CAAA;CA6BnF,CAAC"}

package/dist/cjs/components/GridAvatar/GridAvatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={index}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"names":["GRID_AVATAR_DEFAULT_SIZE","GridAvatar","MAX_GRID_LENGTH","warn","warnOnce","src","size","className","children","restProps","process","env","NODE_ENV","length","ImageBase","classNames","div","aria-hidden","map","url","index","style","backgroundImage","Badge","GridAvatarBadge"],"mappings":";;;;;;;;;;;IAQaA,wBAAwB;eAAxBA;;IAgBAC,UAAU;eAAVA;;IAdAC,eAAe;eAAfA;;;;;;;sBAVc;0BACF;2BACsB;iCACY;AAKpD,MAAMF,2BAA2B;AAEjC,MAAME,kBAAkB;AAS/B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMH,aAAa;QAAC,EACzBI,MAAM,EAAE,EACRC,OAAON,wBAAwB,EAC/BO,SAAS,EACTC,QAAQ,EAEQ,WADbC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGX,iBAAiB;YAChCC,KAAK,CAAC,mBAAmB,EAAEE,IAAIQ,MAAM,CAAC,uBAAuB,EAAEX,gBAAgB,CAAC,CAAC,EAAE;QACrF;IACF;IAEA,qBACE,sBAACY,oBAAS,8CAAKL;QAAWH,MAAMA;QAAMC,WAAWQ,IAAAA,gBAAU,oBAAuBR;;0BAChF,qBAACS;gBAAIT,SAAS;gBAA4BU,aAAW;0BAClDZ,IAAIa,GAAG,CAAC,CAACC,KAAKC,QACbA,QAAQlB,gCACN,qBAACc;wBAECT,SAAS;wBACTc,OAAO;4BAAEC,iBAAiB,CAAC,IAAI,EAAEH,IAAI,CAAC,CAAC;wBAAC;uBAFnCC,SAIL;;YAGPZ;;;AAGP;AAEAP,WAAWsB,KAAK,GAAGC,gCAAe"}
+{"version":3,"sources":["../../../../src/components/GridAvatar/GridAvatar.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ImageBase, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { GridAvatarBadge, type GridAvatarBadgeProps } from './GridAvatarBadge/GridAvatarBadge';\nimport styles from './GridAvatar.module.css';\n\nexport { GridAvatarBadgeProps };\n\nexport const GRID_AVATAR_DEFAULT_SIZE = 48;\n\nexport const MAX_GRID_LENGTH = 4;\n\nexport interface GridAvatarProps extends Omit<ImageBaseProps, 'src' | 'fallbackIcon'> {\n  /**\n   * Массив со ссылками. От 1 до 4 элементов.\n   */\n  src?: string[];\n}\n\nconst warn = warnOnce('GridAvatar');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/GridAvatar\n */\nexport const GridAvatar: React.FC<GridAvatarProps> & { Badge: typeof GridAvatarBadge } = ({\n  src = [],\n  size = GRID_AVATAR_DEFAULT_SIZE,\n  className,\n  children,\n  ...restProps\n}: GridAvatarProps) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (src.length > MAX_GRID_LENGTH) {\n      warn(`Длина массива src (${src.length}) больше максимальной (${MAX_GRID_LENGTH})`, 'error');\n    }\n  }\n\n  return (\n    <ImageBase {...restProps} size={size} className={classNames(styles['GridAvatar'], className)}>\n      <div className={styles['GridAvatar__in']} aria-hidden>\n        {src.map((url, index) =>\n          index < MAX_GRID_LENGTH ? (\n            <div\n              key={index}\n              className={styles['GridAvatar__item']}\n              style={{ backgroundImage: `url(${url})` }}\n            />\n          ) : null,\n        )}\n      </div>\n      {children}\n    </ImageBase>\n  );\n};\n\nGridAvatar.Badge = GridAvatarBadge;\n"],"names":["GRID_AVATAR_DEFAULT_SIZE","GridAvatar","MAX_GRID_LENGTH","warn","warnOnce","src","size","className","children","restProps","process","env","NODE_ENV","length","ImageBase","classNames","div","aria-hidden","map","url","index","style","backgroundImage","Badge","GridAvatarBadge"],"mappings":";;;;;;;;;;;IAQaA,wBAAwB;eAAxBA;;IAgBAC,UAAU;eAAVA;;IAdAC,eAAe;eAAfA;;;;;;;sBAVc;0BACF;2BACsB;iCACY;AAKpD,MAAMF,2BAA2B;AAEjC,MAAME,kBAAkB;AAS/B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMH,aAA4E;QAAC,EACxFI,MAAM,EAAE,EACRC,OAAON,wBAAwB,EAC/BO,SAAS,EACTC,QAAQ,EAEQ,WADbC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIP,IAAIQ,MAAM,GAAGX,iBAAiB;YAChCC,KAAK,CAAC,mBAAmB,EAAEE,IAAIQ,MAAM,CAAC,uBAAuB,EAAEX,gBAAgB,CAAC,CAAC,EAAE;QACrF;IACF;IAEA,qBACE,sBAACY,oBAAS,8CAAKL;QAAWH,MAAMA;QAAMC,WAAWQ,IAAAA,gBAAU,oBAAuBR;;0BAChF,qBAACS;gBAAIT,SAAS;gBAA4BU,aAAW;0BAClDZ,IAAIa,GAAG,CAAC,CAACC,KAAKC,QACbA,QAAQlB,gCACN,qBAACc;wBAECT,SAAS;wBACTc,OAAO;4BAAEC,iBAAiB,CAAC,IAAI,EAAEH,IAAI,CAAC,CAAC;wBAAC;uBAFnCC,SAIL;;YAGPZ;;;AAGP;AAEAP,WAAWsB,KAAK,GAAGC,gCAAe"}

package/dist/cjs/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.d.ts

@@ -1,4 +1,5 @@
+import * as React from 'react';
 import { type ImageBaseBadgeProps } from '../../ImageBase/ImageBase';
 export type GridAvatarBadgeProps = ImageBaseBadgeProps;
-export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridAvatarBadge: ({ className, ...restProps }: GridAvatarBadgeProps) => React.ReactNode;
 //# sourceMappingURL=GridAvatarBadge.d.ts.map

package/dist/cjs/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridAvatarBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,mBAAmB,EAAoB,MAAM,2BAA2B,CAAC;AAGlG,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,gCAAiC,oBAAoB,4CAYhF,CAAC"}
+{"version":3,"file":"GridAvatarBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,KAAK,mBAAmB,EAAoB,MAAM,2BAA2B,CAAC;AAGlG,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,gCAGzB,oBAAoB,KAAG,KAAK,CAAC,SAY/B,CAAC"}

package/dist/cjs/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({ className, ...restProps }: GridAvatarBadgeProps) => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["GridAvatarBadge","className","restProps","size","React","useContext","ImageBaseContext","ImageBase","Badge","classNames"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;;iEAPU;sBACI;2BAC2C;AAK/D,MAAMA,kBAAkB;QAAC,EAAEC,SAAS,EAAsC,WAAjCC;QAAdD;;IAChC,MAAM,EAAEE,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,2BAAgB;IAClD,qBACE,qBAACC,oBAAS,CAACC,KAAK,8CACVN;QACJD,WAAWQ,IAAAA,gBAAU,yBAEnBN,OAAO,sCACPF;;AAIR"}
+{"version":3,"sources":["../../../../../src/components/GridAvatar/GridAvatarBadge/GridAvatarBadge.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseBadgeProps, ImageBaseContext } from '../../ImageBase/ImageBase';\nimport styles from './GridAvatarBadge.module.css';\n\nexport type GridAvatarBadgeProps = ImageBaseBadgeProps;\n\nexport const GridAvatarBadge = ({\n  className,\n  ...restProps\n}: GridAvatarBadgeProps): React.ReactNode => {\n  const { size } = React.useContext(ImageBaseContext);\n  return (\n    <ImageBase.Badge\n      {...restProps}\n      className={classNames(\n        styles['GridAvatarBadge'],\n        size < 96 && styles['GridAvatarBadge--shifted'],\n        className,\n      )}\n    />\n  );\n};\n"],"names":["GridAvatarBadge","className","restProps","size","React","useContext","ImageBaseContext","ImageBase","Badge","classNames"],"mappings":";;;;+BAOaA;;;eAAAA;;;;;;;;iEAPU;sBACI;2BAC2C;AAK/D,MAAMA,kBAAkB;QAAC,EAC9BC,SAAS,EAEY,WADlBC;QADHD;;IAGA,MAAM,EAAEE,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,2BAAgB;IAClD,qBACE,qBAACC,oBAAS,CAACC,KAAK,8CACVN;QACJD,WAAWQ,IAAAA,gBAAU,yBAEnBN,OAAO,sCACPF;;AAIR"}

package/dist/cjs/components/Group/Group.d.ts

@@ -24,5 +24,5 @@ export interface GroupProps extends HTMLAttributesWithRootRef<HTMLElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/Group
  */
-export declare const Group: ({ header, description, children, separator, mode: modeProps, padding, tabIndex: tabIndexProp, ...restProps }: GroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Group: ({ header, description, children, separator, mode: modeProps, padding, tabIndex: tabIndexProp, ...restProps }: GroupProps) => React.ReactNode;
 //# sourceMappingURL=Group.d.ts.map

package/dist/cjs/components/Group/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqDxD,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACrB;AAGD;;GAEG;AACH,eAAO,MAAM,KAAK,iHASf,UAAU,4CA0DZ,CAAC"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqDxD,MAAM,WAAW,UAAW,SAAQ,yBAAyB,CAAC,WAAW,CAAC;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACrB;AAGD;;GAEG;AACH,eAAO,MAAM,KAAK,iHASf,UAAU,KAAG,KAAK,CAAC,SA0DrB,CAAC"}

package/dist/cjs/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeTypeValues } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: classNames(styles['Group--sizeX-none'], 'vkuiInternalGroup--sizeX-none'),\n  ['compact']: styles['Group--sizeX-compact'],\n};\n\nconst stylesMode = {\n  none: classNames(styles['Group--mode-none'], 'vkuiInternalGroup--mode-none'),\n  plain: classNames(styles['Group--mode-plain'], 'vkuiInternalGroup--mode-plain'),\n  card: classNames(styles['Group--mode-card'], 'vkuiInternalGroup--mode-card'),\n};\n\nconst stylesPadding = {\n  s: styles['Group--padding-s'],\n  m: styles['Group--padding-m'],\n};\n\n/**\n * Вычисляем mode для Group.\n */\nfunction useGroupMode(\n  forcedMode: GroupProps['mode'],\n  sizeX: SizeTypeValues | 'none',\n  isInsideModal: boolean,\n): 'plain' | 'card' | 'none' {\n  const { layout } = React.useContext(AppRootContext);\n\n  if (forcedMode) {\n    return forcedMode;\n  }\n\n  if (isInsideModal) {\n    return 'plain';\n  }\n\n  if (layout) {\n    return layout;\n  }\n\n  if (sizeX !== 'none') {\n    return sizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n\nexport interface GroupProps extends HTMLAttributesWithRootRef<HTMLElement> {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    `show` - разделитель всегда показывается,\n    `hide` - разделитель всегда спрятан,\n    `auto` - разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: 'show' | 'hide' | 'auto';\n  /**\n   * Режим отображения. Если установлен `card`, выглядит как карточка c\n   * обводкой и внешними отступами. Если `plain` — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX` (`mode=card` при `sizeX=REGULAR` и `mode=plain` при `sizeX=COMPACT`)\n   * В модальных окнах по умолчанию `plain`.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отвечает за отступы вокруг контента в режиме `card`.\n   */\n  padding?: 's' | 'm';\n}\n\nconst warn = warnOnce('Group');\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = ({\n  header,\n  description,\n  children,\n  separator = 'auto',\n  mode: modeProps,\n  padding = 'm',\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps) => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const { sizeX = 'none' } = useAdaptivity();\n\n  const mode = useGroupMode(modeProps, sizeX, isInsideModal);\n\n  const isTabPanel = restProps.role === 'tabpanel';\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    isTabPanel &&\n    (!restProps['aria-controls'] || !restProps['id'])\n  ) {\n    warn(\n      'При использовании роли \"tabpanel\" необходимо задать значение свойств \"aria-controls\" и \"id\"',\n    );\n  }\n\n  const tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;\n\n  return (\n    <>\n      <RootComponent\n        Component=\"section\"\n        {...restProps}\n        tabIndex={tabIndex}\n        baseClassName={classNames(\n          'vkuiInternalGroup',\n          styles['Group'],\n          isInsideModal && styles['Group--inside-modal'],\n          sizeX !== 'regular' && sizeXClassNames[sizeX],\n          mode && stylesMode[mode],\n          stylesPadding[padding],\n        )}\n      >\n        {hasReactNode(header) && <div className={styles['Group__header']}>{header}</div>}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </RootComponent>\n\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <div\n            className={classNames(styles['Group__separator'], styles['Group__separator--spacing'])}\n          />\n          <Separator\n            className={classNames(\n              styles['Group__separator'],\n              styles['Group__separator--separator'],\n              separator === 'show' && styles['Group__separator--force'],\n            )}\n          />\n        </React.Fragment>\n      )}\n    </>\n  );\n};\n"],"names":["Group","sizeXClassNames","none","classNames","stylesMode","plain","card","stylesPadding","s","m","useGroupMode","forcedMode","sizeX","isInsideModal","layout","React","useContext","AppRootContext","warn","warnOnce","header","description","children","separator","mode","modeProps","padding","tabIndex","tabIndexProp","restProps","ModalRootContext","useAdaptivity","isTabPanel","role","process","env","NODE_ENV","undefined","RootComponent","Component","baseClassName","hasReactNode","div","className","Footnote","Fragment","Separator"],"mappings":";;;;+BAoFaA;;;eAAAA;;;;;;;;iEApFU;sBACkB;+BACX;0BAEL;gCAEM;kCACE;+BACH;2BACJ;0BACD;AAGzB,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,2BAA8B;IAC9C,CAAC,UAAU;AACb;AAEA,MAAMC,aAAa;IACjBF,MAAMC,IAAAA,gBAAU,0BAA6B;IAC7CE,OAAOF,IAAAA,gBAAU,2BAA8B;IAC/CG,MAAMH,IAAAA,gBAAU,0BAA6B;AAC/C;AAEA,MAAMI,gBAAgB;IACpBC,CAAC;IACDC,CAAC;AACH;AAEA;;CAEC,GACD,SAASC,aACPC,UAA8B,EAC9BC,KAA8B,EAC9BC,aAAsB;IAEtB,MAAM,EAAEC,MAAM,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAElD,IAAIN,YAAY;QACd,OAAOA;IACT;IAEA,IAAIE,eAAe;QACjB,OAAO;IACT;IAEA,IAAIC,QAAQ;QACV,OAAOA;IACT;IAEA,IAAIF,UAAU,QAAQ;QACpB,OAAOA,UAAU,YAAY,SAAS;IACxC;IAEA,OAAO;AACT;AAwBA,MAAMM,OAAOC,IAAAA,kBAAQ,EAAC;AAIf,MAAMnB,QAAQ;QAAC,EACpBoB,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,YAAY,MAAM,EAClBC,MAAMC,SAAS,EACfC,UAAU,GAAG,EACbC,UAAUC,YAAY,EAEX,WADRC;QAPHT;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAM,EAAEd,aAAa,EAAE,GAAGE,OAAMC,UAAU,CAACc,kCAAgB;IAC3D,MAAM,EAAElB,QAAQ,MAAM,EAAE,GAAGmB,IAAAA,4BAAa;IAExC,MAAMP,OAAOd,aAAae,WAAWb,OAAOC;IAE5C,MAAMmB,aAAaH,UAAUI,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACH,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAX,KACE;IAEJ;IAEA,MAAMS,WAAWK,cAAcJ,iBAAiBS,YAAY,IAAIT;IAEhE,qBACE;;0BACE,sBAACU,4BAAa;gBACZC,WAAU;eACNV;gBACJF,UAAUA;gBACVa,eAAerC,IAAAA,gBAAU,EACvB,kCAEAU,4CACAD,UAAU,aAAaX,eAAe,CAACW,MAAM,EAC7CY,QAAQpB,UAAU,CAACoB,KAAK,EACxBjB,aAAa,CAACmB,QAAQ;;oBAGvBe,IAAAA,kBAAY,EAACrB,yBAAW,qBAACsB;wBAAIC,SAAS;kCAA4BvB;;oBAClEE;oBACAmB,IAAAA,kBAAY,EAACpB,8BACZ,qBAACuB,kBAAQ;wBAACD,SAAS;kCAAiCtB;;;;YAIvDE,cAAc,wBACb,sBAACR,OAAM8B,QAAQ;;kCACb,qBAACH;wBACCC,WAAWxC,IAAAA,gBAAU;;kCAEvB,qBAAC2C,oBAAS;wBACRH,WAAWxC,IAAAA,gBAAU,6DAGnBoB,cAAc;;;;;;AAO5B"}
+{"version":3,"sources":["../../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeTypeValues } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { ModalRootContext } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Separator } from '../Separator/Separator';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: classNames(styles['Group--sizeX-none'], 'vkuiInternalGroup--sizeX-none'),\n  ['compact']: styles['Group--sizeX-compact'],\n};\n\nconst stylesMode = {\n  none: classNames(styles['Group--mode-none'], 'vkuiInternalGroup--mode-none'),\n  plain: classNames(styles['Group--mode-plain'], 'vkuiInternalGroup--mode-plain'),\n  card: classNames(styles['Group--mode-card'], 'vkuiInternalGroup--mode-card'),\n};\n\nconst stylesPadding = {\n  s: styles['Group--padding-s'],\n  m: styles['Group--padding-m'],\n};\n\n/**\n * Вычисляем mode для Group.\n */\nfunction useGroupMode(\n  forcedMode: GroupProps['mode'],\n  sizeX: SizeTypeValues | 'none',\n  isInsideModal: boolean,\n): 'plain' | 'card' | 'none' {\n  const { layout } = React.useContext(AppRootContext);\n\n  if (forcedMode) {\n    return forcedMode;\n  }\n\n  if (isInsideModal) {\n    return 'plain';\n  }\n\n  if (layout) {\n    return layout;\n  }\n\n  if (sizeX !== 'none') {\n    return sizeX === 'regular' ? 'card' : 'plain';\n  }\n\n  return 'none';\n}\n\nexport interface GroupProps extends HTMLAttributesWithRootRef<HTMLElement> {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n    `show` - разделитель всегда показывается,\n    `hide` - разделитель всегда спрятан,\n    `auto` - разделитель рисуется автоматически между соседними группами.\n   */\n  separator?: 'show' | 'hide' | 'auto';\n  /**\n   * Режим отображения. Если установлен `card`, выглядит как карточка c\n   * обводкой и внешними отступами. Если `plain` — без отступов и обводки.\n   * По умолчанию режим отображения зависит от `sizeX` (`mode=card` при `sizeX=REGULAR` и `mode=plain` при `sizeX=COMPACT`)\n   * В модальных окнах по умолчанию `plain`.\n   */\n  mode?: 'plain' | 'card';\n  /**\n   * Отвечает за отступы вокруг контента в режиме `card`.\n   */\n  padding?: 's' | 'm';\n}\n\nconst warn = warnOnce('Group');\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group = ({\n  header,\n  description,\n  children,\n  separator = 'auto',\n  mode: modeProps,\n  padding = 'm',\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupProps): React.ReactNode => {\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const { sizeX = 'none' } = useAdaptivity();\n\n  const mode = useGroupMode(modeProps, sizeX, isInsideModal);\n\n  const isTabPanel = restProps.role === 'tabpanel';\n\n  if (\n    process.env.NODE_ENV === 'development' &&\n    isTabPanel &&\n    (!restProps['aria-controls'] || !restProps['id'])\n  ) {\n    warn(\n      'При использовании роли \"tabpanel\" необходимо задать значение свойств \"aria-controls\" и \"id\"',\n    );\n  }\n\n  const tabIndex = isTabPanel && tabIndexProp === undefined ? 0 : tabIndexProp;\n\n  return (\n    <>\n      <RootComponent\n        Component=\"section\"\n        {...restProps}\n        tabIndex={tabIndex}\n        baseClassName={classNames(\n          'vkuiInternalGroup',\n          styles['Group'],\n          isInsideModal && styles['Group--inside-modal'],\n          sizeX !== 'regular' && sizeXClassNames[sizeX],\n          mode && stylesMode[mode],\n          stylesPadding[padding],\n        )}\n      >\n        {hasReactNode(header) && <div className={styles['Group__header']}>{header}</div>}\n        {children}\n        {hasReactNode(description) && (\n          <Footnote className={styles['Group__description']}>{description}</Footnote>\n        )}\n      </RootComponent>\n\n      {separator !== 'hide' && (\n        <React.Fragment>\n          <div\n            className={classNames(styles['Group__separator'], styles['Group__separator--spacing'])}\n          />\n          <Separator\n            className={classNames(\n              styles['Group__separator'],\n              styles['Group__separator--separator'],\n              separator === 'show' && styles['Group__separator--force'],\n            )}\n          />\n        </React.Fragment>\n      )}\n    </>\n  );\n};\n"],"names":["Group","sizeXClassNames","none","classNames","stylesMode","plain","card","stylesPadding","s","m","useGroupMode","forcedMode","sizeX","isInsideModal","layout","React","useContext","AppRootContext","warn","warnOnce","header","description","children","separator","mode","modeProps","padding","tabIndex","tabIndexProp","restProps","ModalRootContext","useAdaptivity","isTabPanel","role","process","env","NODE_ENV","undefined","RootComponent","Component","baseClassName","hasReactNode","div","className","Footnote","Fragment","Separator"],"mappings":";;;;+BAoFaA;;;eAAAA;;;;;;;;iEApFU;sBACkB;+BACX;0BAEL;gCAEM;kCACE;+BACH;2BACJ;0BACD;AAGzB,MAAMC,kBAAkB;IACtBC,MAAMC,IAAAA,gBAAU,2BAA8B;IAC9C,CAAC,UAAU;AACb;AAEA,MAAMC,aAAa;IACjBF,MAAMC,IAAAA,gBAAU,0BAA6B;IAC7CE,OAAOF,IAAAA,gBAAU,2BAA8B;IAC/CG,MAAMH,IAAAA,gBAAU,0BAA6B;AAC/C;AAEA,MAAMI,gBAAgB;IACpBC,CAAC;IACDC,CAAC;AACH;AAEA;;CAEC,GACD,SAASC,aACPC,UAA8B,EAC9BC,KAA8B,EAC9BC,aAAsB;IAEtB,MAAM,EAAEC,MAAM,EAAE,GAAGC,OAAMC,UAAU,CAACC,8BAAc;IAElD,IAAIN,YAAY;QACd,OAAOA;IACT;IAEA,IAAIE,eAAe;QACjB,OAAO;IACT;IAEA,IAAIC,QAAQ;QACV,OAAOA;IACT;IAEA,IAAIF,UAAU,QAAQ;QACpB,OAAOA,UAAU,YAAY,SAAS;IACxC;IAEA,OAAO;AACT;AAwBA,MAAMM,OAAOC,IAAAA,kBAAQ,EAAC;AAIf,MAAMnB,QAAQ;QAAC,EACpBoB,MAAM,EACNC,WAAW,EACXC,QAAQ,EACRC,YAAY,MAAM,EAClBC,MAAMC,SAAS,EACfC,UAAU,GAAG,EACbC,UAAUC,YAAY,EAEX,WADRC;QAPHT;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAM,EAAEd,aAAa,EAAE,GAAGE,OAAMC,UAAU,CAACc,kCAAgB;IAC3D,MAAM,EAAElB,QAAQ,MAAM,EAAE,GAAGmB,IAAAA,4BAAa;IAExC,MAAMP,OAAOd,aAAae,WAAWb,OAAOC;IAE5C,MAAMmB,aAAaH,UAAUI,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACH,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAX,KACE;IAEJ;IAEA,MAAMS,WAAWK,cAAcJ,iBAAiBS,YAAY,IAAIT;IAEhE,qBACE;;0BACE,sBAACU,4BAAa;gBACZC,WAAU;eACNV;gBACJF,UAAUA;gBACVa,eAAerC,IAAAA,gBAAU,EACvB,kCAEAU,4CACAD,UAAU,aAAaX,eAAe,CAACW,MAAM,EAC7CY,QAAQpB,UAAU,CAACoB,KAAK,EACxBjB,aAAa,CAACmB,QAAQ;;oBAGvBe,IAAAA,kBAAY,EAACrB,yBAAW,qBAACsB;wBAAIC,SAAS;kCAA4BvB;;oBAClEE;oBACAmB,IAAAA,kBAAY,EAACpB,8BACZ,qBAACuB,kBAAQ;wBAACD,SAAS;kCAAiCtB;;;;YAIvDE,cAAc,wBACb,sBAACR,OAAM8B,QAAQ;;kCACb,qBAACH;wBACCC,WAAWxC,IAAAA,gBAAU;;kCAEvB,qBAAC2C,oBAAS;wBACRH,WAAWxC,IAAAA,gBAAU,6DAGnBoB,cAAc;;;;;;AAO5B"}

package/dist/cjs/components/Header/Header.d.ts

@@ -18,5 +18,5 @@ export interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement>, Has
 /**
  * @see https://vkcom.github.io/VKUI/#/Header
  */
-export declare const Header: ({ mode, size, Component, children, subtitle, subtitleComponent, indicator, aside, multiline, ...restProps }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ mode, size, Component, children, subtitle, subtitleComponent, indicator, aside, multiline, ...restProps }: HeaderProps) => React.ReactNode;
 //# sourceMappingURL=Header.d.ts.map

package/dist/cjs/components/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAStE,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,YAAY;IACvF,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6CD;;GAEG;AACH,eAAO,MAAM,MAAM,gHAWhB,WAAW,4CAsDb,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAStE,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,YAAY;IACvF,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA6CD;;GAEG;AACH,eAAO,MAAM,MAAM,gHAWhB,WAAW,KAAG,KAAK,CAAC,SAsDtB,CAAC"}