@vkontakte/vkui 7.2.1 → 7.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxE,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,GAAI,iGAS7B,oBAAoB,KAAG,KAAK,CAAC,SA0C/B,CAAC"}
+{"version":3,"file":"FormLayoutGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxE,MAAM,WAAW,oBACf,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAC/C,cAAc;IAChB;;OAEG;IACH,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,GAAI,iGAS7B,oBAAoB,KAAG,KAAK,CAAC,SA0C/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(styles.sizeYNone, 'vkuiInternalFormLayoutGroup--sizeY-none'),\n  compact: classNames(styles.sizeYCompact, 'vkuiInternalFormLayoutGroup--sizeY-compact'),\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,\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.host,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(styles.modeHorizontal, 'vkuiInternalFormLayoutGroup--mode-horizontal'),\n        mode === 'vertical' && 'vkuiInternalFormLayoutGroup--mode-vertical',\n        isRemovable && classNames(styles.withRemovable, 'vkuiInternalFormLayoutGroup--removable'),\n        segmented && classNames(styles.segmented, 'vkuiInternalFormLayoutGroup--segmented'),\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles.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.offset} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","Removable","RootComponent","sizeYClassNames","none","compact","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","restProps","sizeY","isRemovable","rootEl","Component","baseClassName","className","align","e","current","indent","Fragment","span","aria-hidden"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AAExD,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,MAAMN,6CAA6B;IACnCO,SAASP,gDAAgC;AAC3C;AAmBA;;CAEC,GACD,OAAO,MAAMQ,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,QAAQ,EACRC,UAAU,EAEW,WADlBC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGhB;IAC3B,MAAMiB,cAAcP,aAAaD,SAAS;IAC1C,MAAMS,SAASjB,aAAaa;IAE5B,qBACE,KAACX;QACCW,YAAYI;QACZC,WAAU;QACVC,eAAerB,wCAEbiB,UAAU,aAAaZ,eAAe,CAACY,MAAM,EAC7CP,SAAS,gBACPV,kDAAkC,iDACpCU,SAAS,cAAc,8CACvBQ,eAAelB,iDAAiC,2CAChDY,aAAaZ,6CAA6B;OAExCgB;kBAEHE,4BACC,KAACf;YACCmB,SAAS;YACTC,OAAM;YACNV,mBAAmBA;YACnBC,UAAU,CAACU;gBACT,IAAIL,mBAAAA,6BAAAA,OAAQM,OAAO,EAAE;oBACnBX,qBAAAA,+BAAAA,SAAWU,GAAGL,OAAOM,OAAO;gBAC9B;YACF;YACAC,QAAQf,cAAc;sBAErBF;2BAGH,MAACV,MAAM4B,QAAQ;;gBACZlB;8BACD,KAACmB;oBAAKN,SAAS;oBAAiBO,aAAW;;;;;AAKrD,EAAE"}
+{"version":3,"sources":["../../../src/components/FormLayoutGroup/FormLayoutGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Removable, type RemovableProps } from '../Removable/Removable';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './FormLayoutGroup.module.css';\n\nconst sizeYClassNames = {\n  none: classNames(styles.sizeYNone, 'vkuiInternalFormLayoutGroup--sizeY-none'),\n  compact: classNames(styles.sizeYCompact, 'vkuiInternalFormLayoutGroup--sizeY-compact'),\n};\n\nexport interface FormLayoutGroupProps\n  extends HTMLAttributesWithRootRef<HTMLDivElement>,\n    RemovableProps {\n  /**\n   * Направление отображения элементов формы.\n   */\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,\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.host,\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        mode === 'horizontal' &&\n          classNames(styles.modeHorizontal, 'vkuiInternalFormLayoutGroup--mode-horizontal'),\n        mode === 'vertical' && 'vkuiInternalFormLayoutGroup--mode-vertical',\n        isRemovable && classNames(styles.withRemovable, 'vkuiInternalFormLayoutGroup--removable'),\n        segmented && classNames(styles.segmented, 'vkuiInternalFormLayoutGroup--segmented'),\n      )}\n      {...restProps}\n    >\n      {isRemovable ? (\n        <Removable\n          className={styles.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.offset} aria-hidden />\n        </React.Fragment>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","useAdaptivity","useExternRef","Removable","RootComponent","sizeYClassNames","none","compact","FormLayoutGroup","children","mode","removable","segmented","removePlaceholder","onRemove","getRootRef","restProps","sizeY","isRemovable","rootEl","Component","baseClassName","className","align","e","current","indent","Fragment","span","aria-hidden"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,YAAY,QAAQ,8BAA2B;AAExD,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,MAAMN,6CAA6B;IACnCO,SAASP,gDAAgC;AAC3C;AAsBA;;CAEC,GACD,OAAO,MAAMQ,kBAAkB;QAAC,EAC9BC,QAAQ,EACRC,OAAO,UAAU,EACjBC,SAAS,EACTC,SAAS,EACTC,oBAAoB,SAAS,EAC7BC,QAAQ,EACRC,UAAU,EAEW,WADlBC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGhB;IAC3B,MAAMiB,cAAcP,aAAaD,SAAS;IAC1C,MAAMS,SAASjB,aAAaa;IAE5B,qBACE,KAACX;QACCW,YAAYI;QACZC,WAAU;QACVC,eAAerB,wCAEbiB,UAAU,aAAaZ,eAAe,CAACY,MAAM,EAC7CP,SAAS,gBACPV,kDAAkC,iDACpCU,SAAS,cAAc,8CACvBQ,eAAelB,iDAAiC,2CAChDY,aAAaZ,6CAA6B;OAExCgB;kBAEHE,4BACC,KAACf;YACCmB,SAAS;YACTC,OAAM;YACNV,mBAAmBA;YACnBC,UAAU,CAACU;gBACT,IAAIL,mBAAAA,6BAAAA,OAAQM,OAAO,EAAE;oBACnBX,qBAAAA,+BAAAA,SAAWU,GAAGL,OAAOM,OAAO;gBAC9B;YACF;YACAC,QAAQf,cAAc;sBAErBF;2BAGH,MAACV,MAAM4B,QAAQ;;gBACZlB;8BACD,KAACmB;oBAAKN,SAAS;oBAAiBO,aAAW;;;;;AAKrD,EAAE"}

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

@@ -1,7 +1,13 @@
 import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 export interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {
+    /**
+     * Режим отображения компонента.
+     */
     mode?: 'default' | 'error';
+    /**
+     * Основной текст.
+     */
     title?: React.ReactNode;
 }
 /**

package/dist/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,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,0DAOxB,eAAe,KAAG,KAAK,CAAC,SAc1B,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,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,0DAOxB,eAAe,KAAG,KAAK,CAAC,SAc1B,CAAC"}

package/dist/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 type { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  mode?: 'default' | 'error';\n  title?: 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  title,\n  ...restProps\n}: FormStatusProps): React.ReactNode => {\n  return (\n    <Banner\n      {...restProps}\n      title={title}\n      role={role}\n      subtitle={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' && classNames(styles.modeError, 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","Banner","FormStatus","mode","children","className","role","title","restProps","subtitle"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,MAAM,QAAQ,sBAAmB;AAQ1C;;CAEC,GACD,OAAO,MAAMC,aAAa;QAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAC5CI,KAAK,EAEW,WADbC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACN,gDACKO;QACJD,OAAOA;QACPD,MAAMA;QACNG,UAAUL;QACVC,WAAWL,WACT,0BACAG,SAAS,WAAWH,wCAA6B,uCACjDK;;AAIR,EAAE"}
+{"version":3,"sources":["../../../src/components/FormStatus/FormStatus.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { Banner } from '../Banner/Banner';\nimport styles from './FormStatus.module.css';\n\nexport interface FormStatusProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Режим отображения компонента.\n   */\n  mode?: 'default' | 'error';\n  /**\n   * Основной текст.\n   */\n  title?: 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  title,\n  ...restProps\n}: FormStatusProps): React.ReactNode => {\n  return (\n    <Banner\n      {...restProps}\n      title={title}\n      role={role}\n      subtitle={children}\n      className={classNames(\n        'vkuiInternalFormStatus',\n        mode === 'error' && classNames(styles.modeError, 'vkuiInternalFormStatus--mode-error'),\n        className,\n      )}\n    />\n  );\n};\n"],"names":["React","classNames","Banner","FormStatus","mode","children","className","role","title","restProps","subtitle"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,MAAM,QAAQ,sBAAmB;AAc1C;;CAEC,GACD,OAAO,MAAMC,aAAa;QAAC,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,OAAOH,SAAS,UAAU,UAAU,QAAQ,EAC5CI,KAAK,EAEW,WADbC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACN,gDACKO;QACJD,OAAOA;QACPD,MAAMA;QACNG,UAAUL;QACVC,WAAWL,WACT,0BACAG,SAAS,WAAWH,wCAA6B,uCACjDK;;AAIR,EAAE"}

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

@@ -1,7 +1,13 @@
 import * as React from 'react';
 import type { BaseGalleryProps } from '../CarouselBase/types';
 export interface GalleryProps extends BaseGalleryProps {
+    /**
+     * Индекс слайда по умолчанию.
+     */
     initialSlideIndex?: number;
+    /**
+     * При передаче происходит автоматический переход к следующему слайду через переданное время в ms.
+     */
     timeout?: number;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,+FASrB,YAAY,KAAG,KAAK,CAAC,SAwDvB,CAAC"}
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,+FASrB,YAAY,KAAG,KAAK,CAAC,SAwDvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { CarouselBase } from '../CarouselBase/CarouselBase';\nimport type { BaseGalleryProps } from '../CarouselBase/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  initialSlideIndex?: number;\n  timeout?: number;\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  onDragStart,\n  onDragEnd,\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  const autoPlayControls = useAutoPlay({\n    timeout,\n    slideIndex,\n    onNext: () => handleChange((slideIndex + 1) % childCount),\n  });\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  return (\n    <CarouselBase\n      dragDisabled={isControlled && !onChange}\n      {...props}\n      onDragStart={callMultiple(onDragStart, autoPlayControls.pause)}\n      onDragEnd={callMultiple(onDragEnd, autoPlayControls.resume)}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </CarouselBase>\n  );\n};\n"],"names":["React","clamp","useIsClient","callMultiple","CarouselBase","useAutoPlay","Gallery","initialSlideIndex","children","timeout","onChange","bullets","onDragStart","onDragEnd","props","localSlideIndex","setSlideIndex","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","handleChange","useCallback","current","autoPlayControls","onNext","safeSlideIndex","useEffect","dragDisabled","pause","resume"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,wBAAqB;AAC3C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,YAAY,QAAQ,kCAA+B;AAE5D,SAASC,WAAW,QAAQ,aAAU;AAOtC;;CAEC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,WAAW,EACXC,SAAS,EAEI,WADVC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,iBAAiBC,cAAc,GAAGhB,MAAMiB,QAAQ,CAACV;IACxD,MAAMW,eAAe,OAAOJ,MAAMK,UAAU,KAAK;QACdL;IAAnC,MAAMK,aAAaD,eAAgBJ,CAAAA,oBAAAA,MAAMK,UAAU,cAAhBL,+BAAAA,oBAAoB,IAAKC;IAC5D,MAAMK,SAASpB,MAAMqB,OAAO,CAC1B,IAAMrB,MAAMsB,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACjB;KAAS;IAEZ,MAAMmB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAW3B;IAEjB,MAAM4B,eAAyC9B,MAAM+B,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYb,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBF,cAAcgB;QAC/BtB,YAAYA,SAASsB;IACvB,GACA;QAACd;QAAcR;QAAUS;KAAW;IAGtC,MAAMc,mBAAmB5B,YAAY;QACnCI;QACAU;QACAe,QAAQ,IAAMJ,aAAa,AAACX,CAAAA,aAAa,CAAA,IAAKQ;IAChD;IAEA,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMQ,iBAAiBR,aAAa,IAAI1B,MAAMkB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnCnB,MAAMoC,SAAS,CAAC;QACd,IAAI1B,YAAYyB,mBAAmBhB,YAAY;YAC7CT,SAASyB;QACX;QACAnB,cAAcmB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBhB;KAAW;IAEzC,IAAI,CAACU,UAAU;QACb,OAAO;IACT;IAEA,qBACE,KAACzB;QACCiC,cAAcnB,gBAAgB,CAACR;OAC3BI;QACJF,aAAaT,aAAaS,aAAaqB,iBAAiBK,KAAK;QAC7DzB,WAAWV,aAAaU,WAAWoB,iBAAiBM,MAAM;QAC1D5B,SAASgB,aAAa,KAAKhB;QAC3BQ,YAAYgB;QACZzB,UAAUoB;kBAETV;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { clamp } from '../../helpers/math';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { CarouselBase } from '../CarouselBase/CarouselBase';\nimport type { BaseGalleryProps } from '../CarouselBase/types';\nimport { useAutoPlay } from './hooks';\n\nexport interface GalleryProps extends BaseGalleryProps {\n  /**\n   * Индекс слайда по умолчанию.\n   */\n  initialSlideIndex?: number;\n  /**\n   * При передаче происходит автоматический переход к следующему слайду через переданное время в ms.\n   */\n  timeout?: number;\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  onDragStart,\n  onDragEnd,\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  const autoPlayControls = useAutoPlay({\n    timeout,\n    slideIndex,\n    onNext: () => handleChange((slideIndex + 1) % childCount),\n  });\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  return (\n    <CarouselBase\n      dragDisabled={isControlled && !onChange}\n      {...props}\n      onDragStart={callMultiple(onDragStart, autoPlayControls.pause)}\n      onDragEnd={callMultiple(onDragEnd, autoPlayControls.resume)}\n      bullets={childCount > 0 && bullets}\n      slideIndex={safeSlideIndex}\n      onChange={handleChange}\n    >\n      {slides}\n    </CarouselBase>\n  );\n};\n"],"names":["React","clamp","useIsClient","callMultiple","CarouselBase","useAutoPlay","Gallery","initialSlideIndex","children","timeout","onChange","bullets","onDragStart","onDragEnd","props","localSlideIndex","setSlideIndex","useState","isControlled","slideIndex","slides","useMemo","Children","toArray","filter","item","Boolean","childCount","length","isClient","handleChange","useCallback","current","autoPlayControls","onNext","safeSlideIndex","useEffect","dragDisabled","pause","resume"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,wBAAqB;AAC3C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,YAAY,QAAQ,kCAA+B;AAE5D,SAASC,WAAW,QAAQ,aAAU;AAatC;;CAEC,GACD,OAAO,MAAMC,UAAU;QAAC,EACtBC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,UAAU,CAAC,EACXC,QAAQ,EACRC,OAAO,EACPC,WAAW,EACXC,SAAS,EAEI,WADVC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,CAACE,iBAAiBC,cAAc,GAAGhB,MAAMiB,QAAQ,CAACV;IACxD,MAAMW,eAAe,OAAOJ,MAAMK,UAAU,KAAK;QACdL;IAAnC,MAAMK,aAAaD,eAAgBJ,CAAAA,oBAAAA,MAAMK,UAAU,cAAhBL,+BAAAA,oBAAoB,IAAKC;IAC5D,MAAMK,SAASpB,MAAMqB,OAAO,CAC1B,IAAMrB,MAAMsB,QAAQ,CAACC,OAAO,CAACf,UAAUgB,MAAM,CAAC,CAACC,OAASC,QAAQD,QAChE;QAACjB;KAAS;IAEZ,MAAMmB,aAAaP,OAAOQ,MAAM;IAChC,MAAMC,WAAW3B;IAEjB,MAAM4B,eAAyC9B,MAAM+B,WAAW,CAC9D,CAACC;QACC,IAAIA,YAAYb,YAAY;YAC1B;QACF;QACA,CAACD,gBAAgBF,cAAcgB;QAC/BtB,YAAYA,SAASsB;IACvB,GACA;QAACd;QAAcR;QAAUS;KAAW;IAGtC,MAAMc,mBAAmB5B,YAAY;QACnCI;QACAU;QACAe,QAAQ,IAAMJ,aAAa,AAACX,CAAAA,aAAa,CAAA,IAAKQ;IAChD;IAEA,6BAA6B;IAC7B,gEAAgE;IAChE,MAAMQ,iBAAiBR,aAAa,IAAI1B,MAAMkB,YAAY,GAAGQ,aAAa,KAAKR;IAC/E,mCAAmC;IACnCnB,MAAMoC,SAAS,CAAC;QACd,IAAI1B,YAAYyB,mBAAmBhB,YAAY;YAC7CT,SAASyB;QACX;QACAnB,cAAcmB;IAChB,GAAG;QAACzB;QAAUyB;QAAgBhB;KAAW;IAEzC,IAAI,CAACU,UAAU;QACb,OAAO;IACT;IAEA,qBACE,KAACzB;QACCiC,cAAcnB,gBAAgB,CAACR;OAC3BI;QACJF,aAAaT,aAAaS,aAAaqB,iBAAiBK,KAAK;QAC7DzB,WAAWV,aAAaU,WAAWoB,iBAAiBM,MAAM;QAC1D5B,SAASgB,aAAa,KAAKhB;QAC3BQ,YAAYgB;QACZzB,UAAUoB;kBAETV;;AAGP,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/hooks.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,cAAc,GAAG;IAC5E,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;CACtB,CAoDA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/hooks.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,cAAc,GAAG;IAC5E,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;CACtB,CAoDA"}

package/dist/components/Gallery/hooks.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { useStableCallback } from "../../hooks/useStableCallback.js";
 import { useDOM } from "../../lib/dom.js";
 export function useAutoPlay({ timeout, slideIndex, onNext }) {

package/dist/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 type { TimeoutId } from '../../types';\n\nexport interface AutoPlayConfig {\n  timeout: number;\n  slideIndex: number;\n  onNext: VoidFunction;\n}\n\nexport function useAutoPlay({ timeout, slideIndex, onNext }: AutoPlayConfig): {\n  pause: VoidFunction;\n  resume: VoidFunction;\n} {\n  const { document } = useDOM();\n  const [paused, setPaused] = React.useState(false);\n  const timeoutRef = React.useRef<TimeoutId>(null);\n  const callbackFn = useStableCallback(onNext);\n\n  const pause = React.useCallback(() => setPaused(true), []);\n  const resume = React.useCallback(() => setPaused(false), []);\n\n  // Выносим функции очистки и старта таймера в отдельные функции\n  const clearAutoPlayTimeout = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n  }, []);\n\n  const startAutoPlayTimeout = React.useCallback(() => {\n    if (!document || !timeout || paused) {\n      return;\n    }\n\n    if (document.visibilityState === 'visible') {\n      clearAutoPlayTimeout();\n      timeoutRef.current = setTimeout(callbackFn, timeout);\n    } else {\n      clearAutoPlayTimeout();\n    }\n  }, [document, timeout, paused, clearAutoPlayTimeout, callbackFn]);\n\n  // Основной эффект для управления автопроигрыванием\n  React.useEffect(\n    function initializeAutoPlay() {\n      if (!document || !timeout || paused) {\n        return;\n      }\n\n      startAutoPlayTimeout();\n      document.addEventListener('visibilitychange', startAutoPlayTimeout);\n\n      return () => {\n        clearAutoPlayTimeout();\n        document.removeEventListener('visibilitychange', startAutoPlayTimeout);\n      };\n    },\n    [document, timeout, slideIndex, startAutoPlayTimeout, clearAutoPlayTimeout, paused],\n  );\n\n  return {\n    resume,\n    pause,\n  };\n}\n"],"names":["React","useStableCallback","useDOM","useAutoPlay","timeout","slideIndex","onNext","document","paused","setPaused","useState","timeoutRef","useRef","callbackFn","pause","useCallback","resume","clearAutoPlayTimeout","current","clearTimeout","startAutoPlayTimeout","visibilityState","setTimeout","useEffect","initializeAutoPlay","addEventListener","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,MAAM,QAAQ,mBAAgB;AASvC,OAAO,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAkB;IAIzE,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrB,MAAM,CAACM,QAAQC,UAAU,GAAGT,MAAMU,QAAQ,CAAC;IAC3C,MAAMC,aAAaX,MAAMY,MAAM,CAAY;IAC3C,MAAMC,aAAaZ,kBAAkBK;IAErC,MAAMQ,QAAQd,MAAMe,WAAW,CAAC,IAAMN,UAAU,OAAO,EAAE;IACzD,MAAMO,SAAShB,MAAMe,WAAW,CAAC,IAAMN,UAAU,QAAQ,EAAE;IAE3D,+DAA+D;IAC/D,MAAMQ,uBAAuBjB,MAAMe,WAAW,CAAC;QAC7C,IAAIJ,WAAWO,OAAO,EAAE;YACtBC,aAAaR,WAAWO,OAAO;YAC/BP,WAAWO,OAAO,GAAG;QACvB;IACF,GAAG,EAAE;IAEL,MAAME,uBAAuBpB,MAAMe,WAAW,CAAC;QAC7C,IAAI,CAACR,YAAY,CAACH,WAAWI,QAAQ;YACnC;QACF;QAEA,IAAID,SAASc,eAAe,KAAK,WAAW;YAC1CJ;YACAN,WAAWO,OAAO,GAAGI,WAAWT,YAAYT;QAC9C,OAAO;YACLa;QACF;IACF,GAAG;QAACV;QAAUH;QAASI;QAAQS;QAAsBJ;KAAW;IAEhE,mDAAmD;IACnDb,MAAMuB,SAAS,CACb,SAASC;QACP,IAAI,CAACjB,YAAY,CAACH,WAAWI,QAAQ;YACnC;QACF;QAEAY;QACAb,SAASkB,gBAAgB,CAAC,oBAAoBL;QAE9C,OAAO;YACLH;YACAV,SAASmB,mBAAmB,CAAC,oBAAoBN;QACnD;IACF,GACA;QAACb;QAAUH;QAASC;QAAYe;QAAsBH;QAAsBT;KAAO;IAGrF,OAAO;QACLQ;QACAF;IACF;AACF"}
+{"version":3,"sources":["../../../src/components/Gallery/hooks.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useDOM } from '../../lib/dom';\nimport type { TimeoutId } from '../../types';\n\nexport interface AutoPlayConfig {\n  timeout: number;\n  slideIndex: number;\n  onNext: VoidFunction;\n}\n\nexport function useAutoPlay({ timeout, slideIndex, onNext }: AutoPlayConfig): {\n  pause: VoidFunction;\n  resume: VoidFunction;\n} {\n  const { document } = useDOM();\n  const [paused, setPaused] = React.useState(false);\n  const timeoutRef = React.useRef<TimeoutId>(null);\n  const callbackFn = useStableCallback(onNext);\n\n  const pause = React.useCallback(() => setPaused(true), []);\n  const resume = React.useCallback(() => setPaused(false), []);\n\n  // Выносим функции очистки и старта таймера в отдельные функции\n  const clearAutoPlayTimeout = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n  }, []);\n\n  const startAutoPlayTimeout = React.useCallback(() => {\n    if (!document || !timeout || paused) {\n      return;\n    }\n\n    if (document.visibilityState === 'visible') {\n      clearAutoPlayTimeout();\n      timeoutRef.current = setTimeout(callbackFn, timeout);\n    } else {\n      clearAutoPlayTimeout();\n    }\n  }, [document, timeout, paused, clearAutoPlayTimeout, callbackFn]);\n\n  // Основной эффект для управления автопроигрыванием\n  React.useEffect(\n    function initializeAutoPlay() {\n      if (!document || !timeout || paused) {\n        return;\n      }\n\n      startAutoPlayTimeout();\n      document.addEventListener('visibilitychange', startAutoPlayTimeout);\n\n      return () => {\n        clearAutoPlayTimeout();\n        document.removeEventListener('visibilitychange', startAutoPlayTimeout);\n      };\n    },\n    [document, timeout, slideIndex, startAutoPlayTimeout, clearAutoPlayTimeout, paused],\n  );\n\n  return {\n    resume,\n    pause,\n  };\n}\n"],"names":["React","useStableCallback","useDOM","useAutoPlay","timeout","slideIndex","onNext","document","paused","setPaused","useState","timeoutRef","useRef","callbackFn","pause","useCallback","resume","clearAutoPlayTimeout","current","clearTimeout","startAutoPlayTimeout","visibilityState","setTimeout","useEffect","initializeAutoPlay","addEventListener","removeEventListener"],"mappings":"AAAA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,MAAM,QAAQ,mBAAgB;AASvC,OAAO,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAEC,MAAM,EAAkB;IAIzE,MAAM,EAAEC,QAAQ,EAAE,GAAGL;IACrB,MAAM,CAACM,QAAQC,UAAU,GAAGT,MAAMU,QAAQ,CAAC;IAC3C,MAAMC,aAAaX,MAAMY,MAAM,CAAY;IAC3C,MAAMC,aAAaZ,kBAAkBK;IAErC,MAAMQ,QAAQd,MAAMe,WAAW,CAAC,IAAMN,UAAU,OAAO,EAAE;IACzD,MAAMO,SAAShB,MAAMe,WAAW,CAAC,IAAMN,UAAU,QAAQ,EAAE;IAE3D,+DAA+D;IAC/D,MAAMQ,uBAAuBjB,MAAMe,WAAW,CAAC;QAC7C,IAAIJ,WAAWO,OAAO,EAAE;YACtBC,aAAaR,WAAWO,OAAO;YAC/BP,WAAWO,OAAO,GAAG;QACvB;IACF,GAAG,EAAE;IAEL,MAAME,uBAAuBpB,MAAMe,WAAW,CAAC;QAC7C,IAAI,CAACR,YAAY,CAACH,WAAWI,QAAQ;YACnC;QACF;QAEA,IAAID,SAASc,eAAe,KAAK,WAAW;YAC1CJ;YACAN,WAAWO,OAAO,GAAGI,WAAWT,YAAYT;QAC9C,OAAO;YACLa;QACF;IACF,GAAG;QAACV;QAAUH;QAASI;QAAQS;QAAsBJ;KAAW;IAEhE,mDAAmD;IACnDb,MAAMuB,SAAS,CACb,SAASC;QACP,IAAI,CAACjB,YAAY,CAACH,WAAWI,QAAQ;YACnC;QACF;QAEAY;QACAb,SAASkB,gBAAgB,CAAC,oBAAoBL;QAE9C,OAAO;YACLH;YACAV,SAASmB,mBAAmB,CAAC,oBAAoBN;QACnD;IACF,GACA;QAACb;QAAUH;QAASC;QAAYe;QAAsBH;QAAsBT;KAAO;IAGrF,OAAO;QACLQ;QACAF;IACF;AACF"}

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

@@ -1,11 +1,11 @@
 import type { HTMLAttributesWithRootRef } from '../../types';
 export interface GradientProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
     /**
-     * Тип градиента
+     * Тип градиента.
      */
     mode?: 'tint' | 'default' | 'overlay';
     /**
-     * Направление градиента
+     * Направление градиента.
      */
     to?: 'top' | 'bottom';
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nconst modeStyles = {\n  overlay: styles.modeOverlay,\n  tint: styles.modeTint,\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.host,\n        mode !== 'default' && modeStyles[mode],\n        to === 'bottom' && styles.toBottom,\n      )}\n    />\n  );\n};\n"],"names":["classNames","RootComponent","modeStyles","overlay","tint","Gradient","mode","to","restProps","role","baseClassName"],"mappings":";;;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,OAAO;IACPC,IAAI;AACN;AAaA;;CAEC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,OAAO,SAAS,EAChBC,KAAK,KAAK,EAEI,WADXC;QAFHF;QACAC;;IAGA,qBACE,KAACN;QACCQ,MAAK;OACDD;QACJE,eAAeV,iCAEbM,SAAS,aAAaJ,UAAU,CAACI,KAAK,EACtCC,OAAO;;AAIf,EAAE"}
+{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Gradient.module.css';\n\nconst modeStyles = {\n  overlay: styles.modeOverlay,\n  tint: styles.modeTint,\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.host,\n        mode !== 'default' && modeStyles[mode],\n        to === 'bottom' && styles.toBottom,\n      )}\n    />\n  );\n};\n"],"names":["classNames","RootComponent","modeStyles","overlay","tint","Gradient","mode","to","restProps","role","baseClassName"],"mappings":";;;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,aAAa;IACjBC,OAAO;IACPC,IAAI;AACN;AAaA;;CAEC,GACD,OAAO,MAAMC,WAAW;QAAC,EACvBC,OAAO,SAAS,EAChBC,KAAK,KAAK,EAEI,WADXC;QAFHF;QACAC;;IAGA,qBACE,KAACN;QACCQ,MAAK;OACDD;QACJE,eAAeV,iCAEbM,SAAS,aAAaJ,UAAU,CAACI,KAAK,EACtCC,OAAO;;AAIf,EAAE"}

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

@@ -4,7 +4,13 @@ import { GroupDescription } from './GroupDescription';
 import { GroupExpandedContent } from './GroupExpandedContent';
 import { GroupHeader } from './GroupHeader';
 export interface GroupProps extends GroupContainerProps {
+    /**
+     * Элемент заголовка группы.
+     */
     header?: React.ReactNode;
+    /**
+     * Подпись под содержимым.
+     */
     description?: React.ReactNode;
 }
 /**

package/dist/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;AAE/B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,SAAS,EAAE,OAAO,cAAc,CAAC;IACjC,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,eAAe,EAAE,OAAO,oBAAoB,CAAC;CAS9C,CAAC"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,SAAS,EAAE,OAAO,cAAc,CAAC;IACjC,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,eAAe,EAAE,OAAO,oBAAoB,CAAC;CAS9C,CAAC"}

package/dist/components/Group/Group.js

@@ -4,6 +4,7 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { hasReactNode } from "@vkontakte/vkjs";
+import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { GroupContainer } from "./GroupContainer.js";
 import { GroupDescription } from "./GroupDescription.js";
 import { GroupExpandedContent } from "./GroupExpandedContent.js";
@@ -28,14 +29,15 @@ import { GroupHeader } from "./GroupHeader.js";
         ]
     }));
 };
-Group.displayName = 'Group';
 Group.Container = GroupContainer;
-Group.Container.displayName = 'Group.Container';
 Group.Header = GroupHeader;
-Group.Header.displayName = 'Group.Header';
 Group.Description = GroupDescription;
-Group.Description.displayName = 'Group.Description';
 Group.ExpandedContent = GroupExpandedContent;
-Group.ExpandedContent.displayName = 'Group.ExpandedContent';
+if (process.env.NODE_ENV !== 'production') {
+    defineComponentDisplayNames(Group.Container, 'Group.Container');
+    defineComponentDisplayNames(Group.Header, 'Group.Header');
+    defineComponentDisplayNames(Group.Description, 'Group.Description');
+    defineComponentDisplayNames(Group.ExpandedContent, 'Group.ExpandedContent');
+}
 
 //# sourceMappingURL=Group.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { GroupContainer, type GroupContainerProps } from './GroupContainer';\nimport { GroupDescription } from './GroupDescription';\nimport { GroupExpandedContent } from './GroupExpandedContent';\nimport { GroupHeader } from './GroupHeader';\n\nexport interface GroupProps extends GroupContainerProps {\n  header?: React.ReactNode;\n  description?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group: React.FC<GroupProps> & {\n  Container: typeof GroupContainer;\n  Header: typeof GroupHeader;\n  Description: typeof GroupDescription;\n  ExpandedContent: typeof GroupExpandedContent;\n} = ({ header, description, children, ...restProps }: GroupProps): React.ReactNode => {\n  return (\n    <GroupContainer {...restProps}>\n      {hasReactNode(header) && <GroupHeader>{header}</GroupHeader>}\n      {children}\n      {hasReactNode(description) && <GroupDescription>{description}</GroupDescription>}\n    </GroupContainer>\n  );\n};\n\nGroup.displayName = 'Group';\nGroup.Container = GroupContainer;\nGroup.Container.displayName = 'Group.Container';\nGroup.Header = GroupHeader;\nGroup.Header.displayName = 'Group.Header';\nGroup.Description = GroupDescription;\nGroup.Description.displayName = 'Group.Description';\nGroup.ExpandedContent = GroupExpandedContent;\nGroup.ExpandedContent.displayName = 'Group.ExpandedContent';\n"],"names":["React","hasReactNode","GroupContainer","GroupDescription","GroupExpandedContent","GroupHeader","Group","header","description","children","restProps","displayName","Container","Header","Description","ExpandedContent"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,cAAc,QAAkC,sBAAmB;AAC5E,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,oBAAoB,QAAQ,4BAAyB;AAC9D,SAASC,WAAW,QAAQ,mBAAgB;AAO5C;;CAEC,GACD,OAAO,MAAMC,QAKT;QAAC,EAAEC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAA4B,WAAvBC;QAAlCH;QAAQC;QAAaC;;IAC1B,qBACE,MAACP,wDAAmBQ;;YACjBT,aAAaM,yBAAW,KAACF;0BAAaE;;YACtCE;YACAR,aAAaO,8BAAgB,KAACL;0BAAkBK;;;;AAGvD,EAAE;AAEFF,MAAMK,WAAW,GAAG;AACpBL,MAAMM,SAAS,GAAGV;AAClBI,MAAMM,SAAS,CAACD,WAAW,GAAG;AAC9BL,MAAMO,MAAM,GAAGR;AACfC,MAAMO,MAAM,CAACF,WAAW,GAAG;AAC3BL,MAAMQ,WAAW,GAAGX;AACpBG,MAAMQ,WAAW,CAACH,WAAW,GAAG;AAChCL,MAAMS,eAAe,GAAGX;AACxBE,MAAMS,eAAe,CAACJ,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '@vkontakte/vkjs';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { GroupContainer, type GroupContainerProps } from './GroupContainer';\nimport { GroupDescription } from './GroupDescription';\nimport { GroupExpandedContent } from './GroupExpandedContent';\nimport { GroupHeader } from './GroupHeader';\n\nexport interface GroupProps extends GroupContainerProps {\n  /**\n   * Элемент заголовка группы.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подпись под содержимым.\n   */\n  description?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Group\n */\nexport const Group: React.FC<GroupProps> & {\n  Container: typeof GroupContainer;\n  Header: typeof GroupHeader;\n  Description: typeof GroupDescription;\n  ExpandedContent: typeof GroupExpandedContent;\n} = ({ header, description, children, ...restProps }: GroupProps): React.ReactNode => {\n  return (\n    <GroupContainer {...restProps}>\n      {hasReactNode(header) && <GroupHeader>{header}</GroupHeader>}\n      {children}\n      {hasReactNode(description) && <GroupDescription>{description}</GroupDescription>}\n    </GroupContainer>\n  );\n};\n\nGroup.Container = GroupContainer;\nGroup.Header = GroupHeader;\nGroup.Description = GroupDescription;\nGroup.ExpandedContent = GroupExpandedContent;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(Group.Container, 'Group.Container');\n  defineComponentDisplayNames(Group.Header, 'Group.Header');\n  defineComponentDisplayNames(Group.Description, 'Group.Description');\n  defineComponentDisplayNames(Group.ExpandedContent, 'Group.ExpandedContent');\n}\n"],"names":["React","hasReactNode","defineComponentDisplayNames","GroupContainer","GroupDescription","GroupExpandedContent","GroupHeader","Group","header","description","children","restProps","Container","Header","Description","ExpandedContent","process","env","NODE_ENV"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,2BAA2B,QAAQ,iDAA8C;AAC1F,SAASC,cAAc,QAAkC,sBAAmB;AAC5E,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,oBAAoB,QAAQ,4BAAyB;AAC9D,SAASC,WAAW,QAAQ,mBAAgB;AAa5C;;CAEC,GACD,OAAO,MAAMC,QAKT;QAAC,EAAEC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,EAA4B,WAAvBC;QAAlCH;QAAQC;QAAaC;;IAC1B,qBACE,MAACP,wDAAmBQ;;YACjBV,aAAaO,yBAAW,KAACF;0BAAaE;;YACtCE;YACAT,aAAaQ,8BAAgB,KAACL;0BAAkBK;;;;AAGvD,EAAE;AAEFF,MAAMK,SAAS,GAAGT;AAClBI,MAAMM,MAAM,GAAGP;AACfC,MAAMO,WAAW,GAAGV;AACpBG,MAAMQ,eAAe,GAAGV;AAExB,IAAIW,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzChB,4BAA4BK,MAAMK,SAAS,EAAE;IAC7CV,4BAA4BK,MAAMM,MAAM,EAAE;IAC1CX,4BAA4BK,MAAMO,WAAW,EAAE;IAC/CZ,4BAA4BK,MAAMQ,eAAe,EAAE;AACrD"}

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 export type GroupContainerProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent & {
     /**
@@ -19,5 +18,5 @@ export type GroupContainerProps = HTMLAttributesWithRootRef<HTMLElement> & HasCo
      */
     padding?: 's' | 'm';
 };
-export declare const GroupContainer: React.FC<GroupContainerProps>;
+export declare const GroupContainer: ({ children, separator, mode: modeProps, padding, tabIndex: tabIndexProp, ...restProps }: GroupContainerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GroupContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqD3E,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GACtE,YAAY,GAAG;IACb;;;;KAIC;IACD,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,CAAC;AAIJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiExD,CAAC"}
+{"version":3,"file":"GroupContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupContainer.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAqD3E,MAAM,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GACtE,YAAY,GAAG;IACb;;;;KAIC;IACD,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,CAAC;AAIJ,eAAO,MAAM,cAAc,GAAI,yFAO5B,mBAAmB,4CA0DrB,CAAC"}

package/dist/components/Group/GroupContainer.js

@@ -87,6 +87,5 @@ export const GroupContainer = (_param)=>{
         ]
     });
 };
-GroupContainer.displayName = 'GroupContainer';
 
 //# sourceMappingURL=GroupContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Group/GroupContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport type { SizeTypeValues } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: classNames(styles.sizeXNone, 'vkuiInternalGroup--sizeX-none'),\n  regular: styles.sizeXRegular,\n  compact: styles.sizeXCompact,\n};\n\nconst stylesMode = {\n  none: classNames(styles.modeNone, 'vkuiInternalGroup--mode-none'),\n  plain: classNames(styles.modePlain, 'vkuiInternalGroup--mode-plain'),\n  card: classNames(styles.modeCard, 'vkuiInternalGroup--mode-card'),\n};\n\nconst stylesPadding = {\n  s: styles.paddingS,\n  m: styles.paddingM,\n};\n\ntype GroupMode = 'plain' | 'card' | 'none';\n\n/**\n * Вычисляем mode для Group.\n */\nfunction useGroupMode(\n  forcedMode: GroupContainerProps['mode'],\n  sizeX: SizeTypeValues | 'none',\n  isInsideModal: boolean,\n): GroupMode {\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 type GroupContainerProps = HTMLAttributesWithRootRef<HTMLElement> &\n  HasComponent & {\n    /**\n    `show` (только для `mode=\"plain\"`) - разделитель всегда показывается\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\nexport const GroupContainer: React.FC<GroupContainerProps> = ({\n  children,\n  separator = 'auto',\n  mode: modeProps,\n  padding = 'm',\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupContainerProps) => {\n  const isInsideModal = useModalContext().id !== null;\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  let siblingSeparatorElement: React.ReactNode = null;\n  switch (separator) {\n    case 'auto':\n      siblingSeparatorElement = <div className={styles.separatorSibling} />;\n      break;\n    case 'show':\n      siblingSeparatorElement = (\n        <div\n          className={classNames(\n            styles.separatorSibling,\n            mode === 'plain' || mode === 'none' ? styles.separatorSiblingForced : undefined,\n          )}\n        />\n      );\n      break;\n    case 'hide':\n      break;\n  }\n  return (\n    <>\n      <RootComponent\n        Component=\"section\"\n        {...restProps}\n        tabIndex={tabIndex}\n        baseClassName={classNames(\n          'vkuiInternalGroup',\n          styles.host,\n          sizeXClassNames[sizeX],\n          mode === 'plain' && isInsideModal && styles.modePlainInsideModal,\n          stylesMode[mode],\n          stylesPadding[padding],\n        )}\n      >\n        {children}\n      </RootComponent>\n      {siblingSeparatorElement}\n    </>\n  );\n};\nGroupContainer.displayName = 'GroupContainer';\n"],"names":["React","classNames","useModalContext","useAdaptivity","warnOnce","AppRootContext","RootComponent","sizeXClassNames","none","regular","compact","stylesMode","plain","card","stylesPadding","s","m","useGroupMode","forcedMode","sizeX","isInsideModal","layout","useContext","warn","GroupContainer","children","separator","mode","modeProps","padding","tabIndex","tabIndexProp","restProps","id","isTabPanel","role","process","env","NODE_ENV","undefined","siblingSeparatorElement","div","className","Component","baseClassName","displayName"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,aAAa,QAAQ,+BAA4B;AAE1D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,MAAMP,mCAA6B;IACnCQ,OAAO;IACPC,OAAO;AACT;AAEA,MAAMC,aAAa;IACjBH,MAAMP,kCAA4B;IAClCW,OAAOX,mCAA6B;IACpCY,MAAMZ,kCAA4B;AACpC;AAEA,MAAMa,gBAAgB;IACpBC,CAAC;IACDC,CAAC;AACH;AAIA;;CAEC,GACD,SAASC,aACPC,UAAuC,EACvCC,KAA8B,EAC9BC,aAAsB;IAEtB,MAAM,EAAEC,MAAM,EAAE,GAAGrB,MAAMsB,UAAU,CAACjB;IAEpC,IAAIa,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;AAuBA,MAAMI,OAAOnB,SAAS;AAEtB,OAAO,MAAMoB,iBAAgD;QAAC,EAC5DC,QAAQ,EACRC,YAAY,MAAM,EAClBC,MAAMC,SAAS,EACfC,UAAU,GAAG,EACbC,UAAUC,YAAY,EAEF,WADjBC;QALHP;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAMV,gBAAgBlB,kBAAkB+B,EAAE,KAAK;IAC/C,MAAM,EAAEd,QAAQ,MAAM,EAAE,GAAGhB;IAE3B,MAAMwB,OAAOV,aAAaW,WAAWT,OAAOC;IAE5C,MAAMc,aAAaF,UAAUG,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACF,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAT,KACE;IAEJ;IAEA,MAAMO,WAAWI,cAAcH,iBAAiBQ,YAAY,IAAIR;IAEhE,IAAIS,0BAA2C;IAC/C,OAAQd;QACN,KAAK;YACHc,wCAA0B,KAACC;gBAAIC,SAAS;;YACxC;QACF,KAAK;YACHF,wCACE,KAACC;gBACCC,WAAWzC,0CAET0B,SAAS,WAAWA,SAAS,+CAAyCY;;YAI5E;QACF,KAAK;YACH;IACJ;IACA,qBACE;;0BACE,KAACjC;gBACCqC,WAAU;eACNX;gBACJF,UAAUA;gBACVc,eAAe3C,WACb,wCAEAM,eAAe,CAACY,MAAM,EACtBQ,SAAS,WAAWP,oDACpBT,UAAU,CAACgB,KAAK,EAChBb,aAAa,CAACe,QAAQ;0BAGvBJ;;YAEFe;;;AAGP,EAAE;AACFhB,eAAeqB,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Group/GroupContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useModalContext } from '../../context/ModalContext';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport type { SizeTypeValues } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Group.module.css';\n\nconst sizeXClassNames = {\n  none: classNames(styles.sizeXNone, 'vkuiInternalGroup--sizeX-none'),\n  regular: styles.sizeXRegular,\n  compact: styles.sizeXCompact,\n};\n\nconst stylesMode = {\n  none: classNames(styles.modeNone, 'vkuiInternalGroup--mode-none'),\n  plain: classNames(styles.modePlain, 'vkuiInternalGroup--mode-plain'),\n  card: classNames(styles.modeCard, 'vkuiInternalGroup--mode-card'),\n};\n\nconst stylesPadding = {\n  s: styles.paddingS,\n  m: styles.paddingM,\n};\n\ntype GroupMode = 'plain' | 'card' | 'none';\n\n/**\n * Вычисляем mode для Group.\n */\nfunction useGroupMode(\n  forcedMode: GroupContainerProps['mode'],\n  sizeX: SizeTypeValues | 'none',\n  isInsideModal: boolean,\n): GroupMode {\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 type GroupContainerProps = HTMLAttributesWithRootRef<HTMLElement> &\n  HasComponent & {\n    /**\n    `show` (только для `mode=\"plain\"`) - разделитель всегда показывается\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\nexport const GroupContainer = ({\n  children,\n  separator = 'auto',\n  mode: modeProps,\n  padding = 'm',\n  tabIndex: tabIndexProp,\n  ...restProps\n}: GroupContainerProps) => {\n  const isInsideModal = useModalContext().id !== null;\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  let siblingSeparatorElement: React.ReactNode = null;\n  switch (separator) {\n    case 'auto':\n      siblingSeparatorElement = <div className={styles.separatorSibling} />;\n      break;\n    case 'show':\n      siblingSeparatorElement = (\n        <div\n          className={classNames(\n            styles.separatorSibling,\n            mode === 'plain' || mode === 'none' ? styles.separatorSiblingForced : undefined,\n          )}\n        />\n      );\n      break;\n    case 'hide':\n      break;\n  }\n  return (\n    <>\n      <RootComponent\n        Component=\"section\"\n        {...restProps}\n        tabIndex={tabIndex}\n        baseClassName={classNames(\n          'vkuiInternalGroup',\n          styles.host,\n          sizeXClassNames[sizeX],\n          mode === 'plain' && isInsideModal && styles.modePlainInsideModal,\n          stylesMode[mode],\n          stylesPadding[padding],\n        )}\n      >\n        {children}\n      </RootComponent>\n      {siblingSeparatorElement}\n    </>\n  );\n};\n"],"names":["React","classNames","useModalContext","useAdaptivity","warnOnce","AppRootContext","RootComponent","sizeXClassNames","none","regular","compact","stylesMode","plain","card","stylesPadding","s","m","useGroupMode","forcedMode","sizeX","isInsideModal","layout","useContext","warn","GroupContainer","children","separator","mode","modeProps","padding","tabIndex","tabIndexProp","restProps","id","isTabPanel","role","process","env","NODE_ENV","undefined","siblingSeparatorElement","div","className","Component","baseClassName"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,gCAA6B;AAC7D,SAASC,aAAa,QAAQ,+BAA4B;AAE1D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,MAAMP,mCAA6B;IACnCQ,OAAO;IACPC,OAAO;AACT;AAEA,MAAMC,aAAa;IACjBH,MAAMP,kCAA4B;IAClCW,OAAOX,mCAA6B;IACpCY,MAAMZ,kCAA4B;AACpC;AAEA,MAAMa,gBAAgB;IACpBC,CAAC;IACDC,CAAC;AACH;AAIA;;CAEC,GACD,SAASC,aACPC,UAAuC,EACvCC,KAA8B,EAC9BC,aAAsB;IAEtB,MAAM,EAAEC,MAAM,EAAE,GAAGrB,MAAMsB,UAAU,CAACjB;IAEpC,IAAIa,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;AAuBA,MAAMI,OAAOnB,SAAS;AAEtB,OAAO,MAAMoB,iBAAiB;QAAC,EAC7BC,QAAQ,EACRC,YAAY,MAAM,EAClBC,MAAMC,SAAS,EACfC,UAAU,GAAG,EACbC,UAAUC,YAAY,EAEF,WADjBC;QALHP;QACAC;QACAC;QACAE;QACAC;;IAGA,MAAMV,gBAAgBlB,kBAAkB+B,EAAE,KAAK;IAC/C,MAAM,EAAEd,QAAQ,MAAM,EAAE,GAAGhB;IAE3B,MAAMwB,OAAOV,aAAaW,WAAWT,OAAOC;IAE5C,MAAMc,aAAaF,UAAUG,IAAI,KAAK;IAEtC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBACzBJ,cACC,CAAA,CAACF,SAAS,CAAC,gBAAgB,IAAI,CAACA,SAAS,CAAC,KAAK,AAAD,GAC/C;QACAT,KACE;IAEJ;IAEA,MAAMO,WAAWI,cAAcH,iBAAiBQ,YAAY,IAAIR;IAEhE,IAAIS,0BAA2C;IAC/C,OAAQd;QACN,KAAK;YACHc,wCAA0B,KAACC;gBAAIC,SAAS;;YACxC;QACF,KAAK;YACHF,wCACE,KAACC;gBACCC,WAAWzC,0CAET0B,SAAS,WAAWA,SAAS,+CAAyCY;;YAI5E;QACF,KAAK;YACH;IACJ;IACA,qBACE;;0BACE,KAACjC;gBACCqC,WAAU;eACNX;gBACJF,UAAUA;gBACVc,eAAe3C,WACb,wCAEAM,eAAe,CAACY,MAAM,EACtBQ,SAAS,WAAWP,oDACpBT,UAAU,CAACgB,KAAK,EAChBb,aAAa,CAACe,QAAQ;0BAGvBJ;;YAEFe;;;AAGP,EAAE"}

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 export type GroupDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;
-export declare const GroupDescription: React.FC<GroupDescriptionProps>;
+export declare const GroupDescription: ({ className, ...restProps }: GroupDescriptionProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GroupDescription.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI3E,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAC1F,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAK5D,CAAC"}
+{"version":3,"file":"GroupDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupDescription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI3E,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE1F,eAAO,MAAM,gBAAgB,GAAI,6BAA6B,qBAAqB,4CAElF,CAAC"}

package/dist/components/Group/GroupDescription.js

@@ -1,7 +1,6 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 import { Footnote } from "../Typography/Footnote/Footnote.js";
 export const GroupDescription = (_param)=>{
@@ -12,6 +11,5 @@ export const GroupDescription = (_param)=>{
         className: classNames(className, "vkuiGroup__description")
     }, restProps));
 };
-GroupDescription.displayName = 'GroupDescription';
 
 //# sourceMappingURL=GroupDescription.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Group/GroupDescription.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nexport type GroupDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\nexport const GroupDescription: React.FC<GroupDescriptionProps> = ({\n  className,\n  ...restProps\n}: GroupDescriptionProps): React.ReactNode => (\n  <Footnote className={classNames(className, styles.description)} {...restProps} />\n);\nGroupDescription.displayName = 'GroupDescription';\n"],"names":["React","classNames","Footnote","GroupDescription","className","restProps","displayName"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,qCAAkC;AAI3D,OAAO,MAAMC,mBAAoD;QAAC,EAChEC,SAAS,EAEa,WADnBC;QADHD;;yBAGA,KAACF;QAASE,WAAWH,WAAWG;OAAoCC;EACpE;AACFF,iBAAiBG,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Group/GroupDescription.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './Group.module.css';\n\nexport type GroupDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nexport const GroupDescription = ({ className, ...restProps }: GroupDescriptionProps) => (\n  <Footnote className={classNames(className, styles.description)} {...restProps} />\n);\n"],"names":["classNames","Footnote","GroupDescription","className","restProps"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,QAAQ,QAAQ,qCAAkC;AAK3D,OAAO,MAAMC,mBAAmB;QAAC,EAAEC,SAAS,EAAuC,WAAlCC;QAAdD;;yBACjC,KAACF;QAASE,WAAWH,WAAWG;OAAoCC;EACpE"}

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

@@ -1,7 +1,9 @@
-import * as React from 'react';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 export type GroupExpandedContentProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent & {
+    /**
+     * Направление отображения контента.
+     */
     direction?: 'inline' | 'block';
 };
-export declare const GroupExpandedContent: React.FC<GroupExpandedContentProps>;
+export declare const GroupExpandedContent: ({ direction, ...restProps }: GroupExpandedContentProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GroupExpandedContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupExpandedContent.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupExpandedContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS3E,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAC5E,YAAY,GAAG;IACb,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAChC,CAAC;AACJ,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAWpE,CAAC"}
+{"version":3,"file":"GroupExpandedContent.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupExpandedContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS3E,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAC5E,YAAY,GAAG;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAChC,CAAC;AACJ,eAAO,MAAM,oBAAoB,GAAI,6BAGlC,yBAAyB,4CAI3B,CAAC"}

package/dist/components/Group/GroupExpandedContent.js

@@ -2,8 +2,6 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { classNames } from "@vkontakte/vkjs";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 const stylesDirection = {
     inline: "vkuiGroup__expandedContentInline",
@@ -16,7 +14,7 @@ export const GroupExpandedContent = (_param)=>{
     return /*#__PURE__*/ _jsx(RootComponent, _object_spread_props(_object_spread({
         Component: "div"
     }, restProps), {
-        baseClassName: classNames("vkuiGroup__expandedContent", stylesDirection[direction])
+        baseClassName: stylesDirection[direction]
     }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Group/GroupExpandedContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Group.module.css';\n\nconst stylesDirection = {\n  inline: styles.expandedContentInline,\n  block: styles.expandedContentBlock,\n};\n\nexport type GroupExpandedContentProps = HTMLAttributesWithRootRef<HTMLElement> &\n  HasComponent & {\n    direction?: 'inline' | 'block';\n  };\nexport const GroupExpandedContent: React.FC<GroupExpandedContentProps> = ({\n  direction = 'inline',\n  ...restProps\n}: GroupExpandedContentProps) => {\n  return (\n    <RootComponent\n      Component=\"div\"\n      {...restProps}\n      baseClassName={classNames(styles.expandedContent, stylesDirection[direction])}\n    />\n  );\n};\n"],"names":["React","classNames","RootComponent","stylesDirection","inline","block","GroupExpandedContent","direction","restProps","Component","baseClassName"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,MAAM;IACNC,KAAK;AACP;AAMA,OAAO,MAAMC,uBAA4D;QAAC,EACxEC,YAAY,QAAQ,EAEM,WADvBC;QADHD;;IAGA,qBACE,KAACL;QACCO,WAAU;OACND;QACJE,eAAeT,yCAAmCE,eAAe,CAACI,UAAU;;AAGlF,EAAE"}
+{"version":3,"sources":["../../../src/components/Group/GroupExpandedContent.tsx"],"sourcesContent":["import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Group.module.css';\n\nconst stylesDirection = {\n  inline: styles.expandedContentInline,\n  block: styles.expandedContentBlock,\n};\n\nexport type GroupExpandedContentProps = HTMLAttributesWithRootRef<HTMLElement> &\n  HasComponent & {\n    /**\n     * Направление отображения контента.\n     */\n    direction?: 'inline' | 'block';\n  };\nexport const GroupExpandedContent = ({\n  direction = 'inline',\n  ...restProps\n}: GroupExpandedContentProps) => {\n  return (\n    <RootComponent Component=\"div\" {...restProps} baseClassName={stylesDirection[direction]} />\n  );\n};\n"],"names":["RootComponent","stylesDirection","inline","block","GroupExpandedContent","direction","restProps","Component","baseClassName"],"mappings":";;;;AACA,SAASA,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,kBAAkB;IACtBC,MAAM;IACNC,KAAK;AACP;AASA,OAAO,MAAMC,uBAAuB;QAAC,EACnCC,YAAY,QAAQ,EAEM,WADvBC;QADHD;;IAGA,qBACE,KAACL;QAAcO,WAAU;OAAUD;QAAWE,eAAeP,eAAe,CAACI,UAAU;;AAE3F,EAAE"}

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 export type GroupHeaderProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;
-export declare const GroupHeader: React.FC<GroupHeaderProps>;
+export declare const GroupHeader: ({ className, ...restProps }: GroupHeaderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GroupHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG3E,MAAM,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AACrF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAKlD,CAAC"}
+{"version":3,"file":"GroupHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Group/GroupHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG3E,MAAM,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AACrF,eAAO,MAAM,WAAW,GAAI,6BAA6B,gBAAgB,4CAExE,CAAC"}

package/dist/components/Group/GroupHeader.js

@@ -1,7 +1,6 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 export const GroupHeader = (_param)=>{
     var { className } = _param, restProps = _object_without_properties(_param, [
@@ -11,6 +10,5 @@ export const GroupHeader = (_param)=>{
         className: classNames(className, "vkuiGroup__header")
     }, restProps));
 };
-GroupHeader.displayName = 'GroupHeader';
 
 //# sourceMappingURL=GroupHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Group/GroupHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport styles from './Group.module.css';\n\nexport type GroupHeaderProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\nexport const GroupHeader: React.FC<GroupHeaderProps> = ({\n  className,\n  ...restProps\n}: GroupHeaderProps): React.ReactNode => (\n  <div className={classNames(className, styles.header)} {...restProps} />\n);\nGroupHeader.displayName = 'GroupHeader';\n"],"names":["React","classNames","GroupHeader","className","restProps","div","displayName"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAK7C,OAAO,MAAMC,cAA0C;QAAC,EACtDC,SAAS,EAEQ,WADdC;QADHD;;yBAGA,KAACE;QAAIF,WAAWF,WAAWE;OAA+BC;EAC1D;AACFF,YAAYI,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Group/GroupHeader.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport styles from './Group.module.css';\n\nexport type GroupHeaderProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\nexport const GroupHeader = ({ className, ...restProps }: GroupHeaderProps) => (\n  <div className={classNames(className, styles.header)} {...restProps} />\n);\n"],"names":["classNames","GroupHeader","className","restProps","div"],"mappings":";;;AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAK7C,OAAO,MAAMC,cAAc;QAAC,EAAEC,SAAS,EAAkC,WAA7BC;QAAdD;;yBAC5B,KAACE;QAAIF,WAAWF,WAAWE;OAA+BC;EAC1D"}

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

@@ -1,36 +1,48 @@
 import * as React from 'react';
 import type { HasComponent, HTMLAttributesWithRootRef } from '../../types';
 export interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement>, HasComponent {
+    /**
+     * Размер компонента.
+     */
     size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Подпись под основным текстом.
+     */
     subtitle?: React.ReactNode;
+    /**
+     * Позволяет задать тип элемента в который будет обёрнут subtitle.
+     */
     subtitleComponent?: React.ElementType;
     /**
-     * Допускаются иконки, текст, Link
+     * Допускаются иконки, текст, Link.
      */
     after?: React.ReactNode;
     /**
-     * Допускаются текст, Indicator
+     * Допускаются текст, Indicator.
      */
     indicator?: React.ReactNode;
+    /**
+     * Возможность отображения текста в несколько строк.
+     */
     multiline?: boolean;
     /**
-     * Иконка слева (рекомендуется использовать размер 28px)
+     * Иконка слева (рекомендуется использовать размер 28px).
      */
     before?: React.ReactNode;
     /**
-     * Иконка слева от title (рекомендуется использовать размер 16px)
+     * Иконка слева от title (рекомендуется использовать размер 16px).
      */
     beforeTitle?: React.ReactNode;
     /**
-     * Иконка справа от title (рекомендуется использовать размер 16px)
+     * Иконка справа от title (рекомендуется использовать размер 16px).
      */
     afterTitle?: React.ReactNode;
     /**
-     * Иконка слева от subtitle (рекомендуется использовать размер 12px)
+     * Иконка слева от subtitle (рекомендуется использовать размер 12px).
      */
     beforeSubtitle?: React.ReactNode;
     /**
-     * Иконка справа от subtitle (рекомендуется использовать размер 12px)
+     * Иконка справа от subtitle (рекомендуется использовать размер 12px).
      */
     afterSubtitle?: React.ReactNode;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAU3E,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,YAAY;IACvF,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC9B,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;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAwCD;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,uKAepB,WAAW,KAAG,KAAK,CAAC,SA8CtB,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAU3E,MAAM,WAAW,WAAY,SAAQ,yBAAyB,CAAC,WAAW,CAAC,EAAE,YAAY;IACvF;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,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;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAwCD;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,uKAepB,WAAW,KAAG,KAAK,CAAC,SA8CtB,CAAC"}

package/dist/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Header.module.css';\n\nexport interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement>, HasComponent {\n  size?: 's' | 'm' | 'l' | 'xl';\n  subtitle?: React.ReactNode;\n  /* Позволяет задать тип элемента в который будет обёрнут subtitle */\n  subtitleComponent?: React.ElementType;\n  /**\n   * Допускаются иконки, текст, Link\n   */\n  after?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator\n   */\n  indicator?: React.ReactNode;\n  multiline?: boolean;\n  /**\n   * Иконка слева (рекомендуется использовать размер 28px)\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка слева от title (рекомендуется использовать размер 16px)\n   */\n  beforeTitle?: React.ReactNode;\n  /**\n   * Иконка справа от title (рекомендуется использовать размер 16px)\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Иконка слева от subtitle (рекомендуется использовать размер 12px)\n   */\n  beforeSubtitle?: React.ReactNode;\n  /**\n   * Иконка справа от subtitle (рекомендуется использовать размер 12px)\n   */\n  afterSubtitle?: React.ReactNode;\n}\n\nconst sizeClassNames: Record<Exclude<HeaderProps['size'], undefined>, string> = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n  l: styles.sizeL,\n  xl: styles.sizeXl,\n};\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'size' | 'className'> & HasComponent;\n\nconst HeaderContent = ({ size, ...restProps }: HeaderContentProps) => {\n  switch (size) {\n    case 'xl':\n      return <Title level=\"2\" weight=\"1\" {...restProps} />;\n    case 'l':\n      return <Title level=\"3\" weight=\"1\" {...restProps} />;\n    case 'm':\n      return <Headline {...restProps} />;\n    case 's':\n      return <Footnote caps weight=\"1\" {...restProps} />;\n  }\n\n  return null;\n};\n\nconst Subtitle: React.FC<\n  Pick<HeaderProps, 'multiline' | 'subtitleComponent' | 'size'> & { children: React.ReactNode }\n> = ({ subtitleComponent, children, multiline, size }) => {\n  const SubtitleElement = size === 'm' || size === 's' ? Caption : Subhead;\n  return (\n    <SubtitleElement\n      className={classNames(styles.subtitle, multiline && styles.contentMultiline)}\n      Component={subtitleComponent}\n    >\n      {children}\n    </SubtitleElement>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  size = 'm',\n  Component = 'h2',\n  children,\n  subtitle,\n  subtitleComponent = 'span',\n  indicator,\n  after,\n  multiline,\n  before,\n  beforeTitle,\n  afterTitle,\n  beforeSubtitle,\n  afterSubtitle,\n  ...restProps\n}: HeaderProps): React.ReactNode => {\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        sizeClassNames[size],\n        isPrimitiveReactNode(indicator) && styles.pi,\n      )}\n    >\n      {before && (\n        <div className={classNames(styles.before, subtitle && styles.beforeWithSubtitle)}>\n          {before}\n        </div>\n      )}\n      <div className={styles.main}>\n        <HeaderContent className={styles.content} Component={Component} size={size}>\n          {beforeTitle && <div className={styles.contentBefore}>{beforeTitle}</div>}\n          <span className={classNames(styles.contentIn, multiline && styles.contentMultiline)}>\n            {children}\n          </span>\n          {afterTitle && <div className={styles.contentAfter}>{afterTitle}</div>}\n          {hasReactNode(indicator) && (\n            <Footnote className={styles.indicator} weight=\"2\">\n              {indicator}\n            </Footnote>\n          )}\n        </HeaderContent>\n        {hasReactNode(subtitle) && (\n          <div className={styles.subtitleWrapper}>\n            {beforeSubtitle && <div className={styles.subtitleBefore}>{beforeSubtitle}</div>}\n            <Subtitle multiline={multiline} subtitleComponent={subtitleComponent} size={size}>\n              {subtitle}\n            </Subtitle>\n            {afterSubtitle && <div className={styles.subtitleAfter}>{afterSubtitle}</div>}\n          </div>\n        )}\n      </div>\n\n      {hasReactNode(after) && (\n        <Paragraph className={styles.after} Component=\"span\">\n          {after}\n        </Paragraph>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","RootComponent","Caption","Footnote","Headline","Paragraph","Subhead","Title","sizeClassNames","s","m","l","xl","HeaderContent","size","restProps","level","weight","caps","Subtitle","subtitleComponent","children","multiline","SubtitleElement","className","Component","Header","subtitle","indicator","after","before","beforeTitle","afterTitle","beforeSubtitle","afterSubtitle","baseClassName","div","span"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AAEjF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,SAAS,QAAQ,uCAAoC;AAC9D,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,KAAK,QAAQ,+BAA4B;AAuClD,MAAMC,iBAA0E;IAC9EC,CAAC;IACDC,CAAC;IACDC,CAAC;IACDC,EAAE;AACJ;AAIA,MAAMC,gBAAgB;QAAC,EAAEC,IAAI,EAAoC,WAA/BC;QAATD;;IACvB,OAAQA;QACN,KAAK;YACH,qBAAO,KAACP;gBAAMS,OAAM;gBAAIC,QAAO;eAAQF;QACzC,KAAK;YACH,qBAAO,KAACR;gBAAMS,OAAM;gBAAIC,QAAO;eAAQF;QACzC,KAAK;YACH,qBAAO,KAACX,6BAAaW;QACvB,KAAK;YACH,qBAAO,KAACZ;gBAASe,IAAI;gBAACD,QAAO;eAAQF;IACzC;IAEA,OAAO;AACT;AAEA,MAAMI,WAEF,CAAC,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,SAAS,EAAER,IAAI,EAAE;IACnD,MAAMS,kBAAkBT,SAAS,OAAOA,SAAS,MAAMZ,UAAUI;IACjE,qBACE,KAACiB;QACCC,WAAW1B,mCAA4BwB;QACvCG,WAAWL;kBAEVC;;AAGP;AAEA;;CAEC,GACD,OAAO,MAAMK,SAAS;QAAC,EACrBZ,OAAO,GAAG,EACVW,YAAY,IAAI,EAChBJ,QAAQ,EACRM,QAAQ,EACRP,oBAAoB,MAAM,EAC1BQ,SAAS,EACTC,KAAK,EACLP,SAAS,EACTQ,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,aAAa,EAED,WADTnB;QAbHD;QACAW;QACAJ;QACAM;QACAP;QACAQ;QACAC;QACAP;QACAQ;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,MAACjC,uDACKc;QACJoB,eAAerC,+BAEbU,cAAc,CAACM,KAAK,EACpBd,qBAAqB4B;;YAGtBE,wBACC,KAACM;gBAAIZ,WAAW1B,iCAA0B6B;0BACvCG;;0BAGL,MAACM;gBAAIZ,SAAS;;kCACZ,MAACX;wBAAcW,SAAS;wBAAkBC,WAAWA;wBAAWX,MAAMA;;4BACnEiB,6BAAe,KAACK;gCAAIZ,SAAS;0CAAyBO;;0CACvD,KAACM;gCAAKb,WAAW1B,oCAA6BwB;0CAC3CD;;4BAEFW,4BAAc,KAACI;gCAAIZ,SAAS;0CAAwBQ;;4BACpDjC,aAAa6B,4BACZ,KAACzB;gCAASqB,SAAS;gCAAoBP,QAAO;0CAC3CW;;;;oBAIN7B,aAAa4B,2BACZ,MAACS;wBAAIZ,SAAS;;4BACXS,gCAAkB,KAACG;gCAAIZ,SAAS;0CAA0BS;;0CAC3D,KAACd;gCAASG,WAAWA;gCAAWF,mBAAmBA;gCAAmBN,MAAMA;0CACzEa;;4BAEFO,+BAAiB,KAACE;gCAAIZ,SAAS;0CAAyBU;;;;;;YAK9DnC,aAAa8B,wBACZ,KAACxB;gBAAUmB,SAAS;gBAAgBC,WAAU;0BAC3CI;;;;AAKX,EAAE"}
+{"version":3,"sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, hasReactNode, isPrimitiveReactNode } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Header.module.css';\n\nexport interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement>, HasComponent {\n  /**\n   * Размер компонента.\n   */\n  size?: 's' | 'm' | 'l' | 'xl';\n  /**\n   * Подпись под основным текстом.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * Позволяет задать тип элемента в который будет обёрнут subtitle.\n   */\n  subtitleComponent?: React.ElementType;\n  /**\n   * Допускаются иконки, текст, Link.\n   */\n  after?: React.ReactNode;\n  /**\n   * Допускаются текст, Indicator.\n   */\n  indicator?: React.ReactNode;\n  /**\n   * Возможность отображения текста в несколько строк.\n   */\n  multiline?: boolean;\n  /**\n   * Иконка слева (рекомендуется использовать размер 28px).\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка слева от title (рекомендуется использовать размер 16px).\n   */\n  beforeTitle?: React.ReactNode;\n  /**\n   * Иконка справа от title (рекомендуется использовать размер 16px).\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Иконка слева от subtitle (рекомендуется использовать размер 12px).\n   */\n  beforeSubtitle?: React.ReactNode;\n  /**\n   * Иконка справа от subtitle (рекомендуется использовать размер 12px).\n   */\n  afterSubtitle?: React.ReactNode;\n}\n\nconst sizeClassNames: Record<Exclude<HeaderProps['size'], undefined>, string> = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n  l: styles.sizeL,\n  xl: styles.sizeXl,\n};\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'size' | 'className'> & HasComponent;\n\nconst HeaderContent = ({ size, ...restProps }: HeaderContentProps) => {\n  switch (size) {\n    case 'xl':\n      return <Title level=\"2\" weight=\"1\" {...restProps} />;\n    case 'l':\n      return <Title level=\"3\" weight=\"1\" {...restProps} />;\n    case 'm':\n      return <Headline {...restProps} />;\n    case 's':\n      return <Footnote caps weight=\"1\" {...restProps} />;\n  }\n\n  return null;\n};\n\nconst Subtitle: React.FC<\n  Pick<HeaderProps, 'multiline' | 'subtitleComponent' | 'size'> & { children: React.ReactNode }\n> = ({ subtitleComponent, children, multiline, size }) => {\n  const SubtitleElement = size === 'm' || size === 's' ? Caption : Subhead;\n  return (\n    <SubtitleElement\n      className={classNames(styles.subtitle, multiline && styles.contentMultiline)}\n      Component={subtitleComponent}\n    >\n      {children}\n    </SubtitleElement>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Header\n */\nexport const Header = ({\n  size = 'm',\n  Component = 'h2',\n  children,\n  subtitle,\n  subtitleComponent = 'span',\n  indicator,\n  after,\n  multiline,\n  before,\n  beforeTitle,\n  afterTitle,\n  beforeSubtitle,\n  afterSubtitle,\n  ...restProps\n}: HeaderProps): React.ReactNode => {\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        sizeClassNames[size],\n        isPrimitiveReactNode(indicator) && styles.pi,\n      )}\n    >\n      {before && (\n        <div className={classNames(styles.before, subtitle && styles.beforeWithSubtitle)}>\n          {before}\n        </div>\n      )}\n      <div className={styles.main}>\n        <HeaderContent className={styles.content} Component={Component} size={size}>\n          {beforeTitle && <div className={styles.contentBefore}>{beforeTitle}</div>}\n          <span className={classNames(styles.contentIn, multiline && styles.contentMultiline)}>\n            {children}\n          </span>\n          {afterTitle && <div className={styles.contentAfter}>{afterTitle}</div>}\n          {hasReactNode(indicator) && (\n            <Footnote className={styles.indicator} weight=\"2\">\n              {indicator}\n            </Footnote>\n          )}\n        </HeaderContent>\n        {hasReactNode(subtitle) && (\n          <div className={styles.subtitleWrapper}>\n            {beforeSubtitle && <div className={styles.subtitleBefore}>{beforeSubtitle}</div>}\n            <Subtitle multiline={multiline} subtitleComponent={subtitleComponent} size={size}>\n              {subtitle}\n            </Subtitle>\n            {afterSubtitle && <div className={styles.subtitleAfter}>{afterSubtitle}</div>}\n          </div>\n        )}\n      </div>\n\n      {hasReactNode(after) && (\n        <Paragraph className={styles.after} Component=\"span\">\n          {after}\n        </Paragraph>\n      )}\n    </RootComponent>\n  );\n};\n"],"names":["React","classNames","hasReactNode","isPrimitiveReactNode","RootComponent","Caption","Footnote","Headline","Paragraph","Subhead","Title","sizeClassNames","s","m","l","xl","HeaderContent","size","restProps","level","weight","caps","Subtitle","subtitleComponent","children","multiline","SubtitleElement","className","Component","Header","subtitle","indicator","after","before","beforeTitle","afterTitle","beforeSubtitle","afterSubtitle","baseClassName","div","span"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,YAAY,EAAEC,oBAAoB,QAAQ,kBAAkB;AAEjF,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,SAAS,QAAQ,uCAAoC;AAC9D,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,KAAK,QAAQ,+BAA4B;AAkDlD,MAAMC,iBAA0E;IAC9EC,CAAC;IACDC,CAAC;IACDC,CAAC;IACDC,EAAE;AACJ;AAIA,MAAMC,gBAAgB;QAAC,EAAEC,IAAI,EAAoC,WAA/BC;QAATD;;IACvB,OAAQA;QACN,KAAK;YACH,qBAAO,KAACP;gBAAMS,OAAM;gBAAIC,QAAO;eAAQF;QACzC,KAAK;YACH,qBAAO,KAACR;gBAAMS,OAAM;gBAAIC,QAAO;eAAQF;QACzC,KAAK;YACH,qBAAO,KAACX,6BAAaW;QACvB,KAAK;YACH,qBAAO,KAACZ;gBAASe,IAAI;gBAACD,QAAO;eAAQF;IACzC;IAEA,OAAO;AACT;AAEA,MAAMI,WAEF,CAAC,EAAEC,iBAAiB,EAAEC,QAAQ,EAAEC,SAAS,EAAER,IAAI,EAAE;IACnD,MAAMS,kBAAkBT,SAAS,OAAOA,SAAS,MAAMZ,UAAUI;IACjE,qBACE,KAACiB;QACCC,WAAW1B,mCAA4BwB;QACvCG,WAAWL;kBAEVC;;AAGP;AAEA;;CAEC,GACD,OAAO,MAAMK,SAAS;QAAC,EACrBZ,OAAO,GAAG,EACVW,YAAY,IAAI,EAChBJ,QAAQ,EACRM,QAAQ,EACRP,oBAAoB,MAAM,EAC1BQ,SAAS,EACTC,KAAK,EACLP,SAAS,EACTQ,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,aAAa,EAED,WADTnB;QAbHD;QACAW;QACAJ;QACAM;QACAP;QACAQ;QACAC;QACAP;QACAQ;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,MAACjC,uDACKc;QACJoB,eAAerC,+BAEbU,cAAc,CAACM,KAAK,EACpBd,qBAAqB4B;;YAGtBE,wBACC,KAACM;gBAAIZ,WAAW1B,iCAA0B6B;0BACvCG;;0BAGL,MAACM;gBAAIZ,SAAS;;kCACZ,MAACX;wBAAcW,SAAS;wBAAkBC,WAAWA;wBAAWX,MAAMA;;4BACnEiB,6BAAe,KAACK;gCAAIZ,SAAS;0CAAyBO;;0CACvD,KAACM;gCAAKb,WAAW1B,oCAA6BwB;0CAC3CD;;4BAEFW,4BAAc,KAACI;gCAAIZ,SAAS;0CAAwBQ;;4BACpDjC,aAAa6B,4BACZ,KAACzB;gCAASqB,SAAS;gCAAoBP,QAAO;0CAC3CW;;;;oBAIN7B,aAAa4B,2BACZ,MAACS;wBAAIZ,SAAS;;4BACXS,gCAAkB,KAACG;gCAAIZ,SAAS;0CAA0BS;;0CAC3D,KAACd;gCAASG,WAAWA;gCAAWF,mBAAmBA;gCAAmBN,MAAMA;0CACzEa;;4BAEFO,+BAAiB,KAACE;gCAAIZ,SAAS;0CAAyBU;;;;;;YAK9DnC,aAAa8B,wBACZ,KAACxB;gBAAUmB,SAAS;gBAAgBC,WAAU;0BAC3CI;;;;AAKX,EAAE"}