@vkontakte/vkui 8.0.1 → 8.1.0

package/dist/components/RichCell/RichCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { RichCellIcon } from './RichCellIcon/RichCellIcon';\nimport styles from './RichCell.module.css';\n\nconst warn = warnOnce('RichCell');\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nconst alignAfterClassNames = {\n  start: styles.alignAfterStart,\n  center: styles.alignAfterCenter,\n  end: styles.alignAfterEnd,\n};\n\nconst alignBeforeClassNames = {\n  start: styles.alignBeforeStart,\n  center: styles.alignBeforeCenter,\n  end: styles.alignBeforeEnd,\n};\n\nconst alignContentClassNames = {\n  start: styles.contentAlignStart,\n  center: styles.contentAlignCenter,\n  end: styles.contentAlignEnd,\n};\n\ntype Align = 'start' | 'center' | 'end';\n\nexport interface RichCellProps extends TappableOmitProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  overTitle?: React.ReactNode;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * Контейнер для текста под `subtitle`.\n   */\n  extraSubtitle?: React.ReactNode;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n   */\n  bottom?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`.\n   */\n  actions?: React.ReactNode;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка 28 или текст после центрального контента.\n   */\n  after?: React.ReactNode;\n  /**\n   * Текст под `after`.\n   *\n   * @deprecated Since 8.0.0. Будет удален в **VKUI v10**.\n   * Используйте вместо этого свойство `submeta`.\n   */\n  afterCaption?: React.ReactNode;\n  /**\n   * Текст после основного контента.\n   */\n  meta?: React.ReactNode;\n  /**\n   * Текст под `meta`.\n   */\n  submeta?: React.ReactNode;\n  /**\n   * Выравнивание before компонента по вертикали.\n   */\n  beforeAlign?: Align;\n  /**\n   * Выравнивание центрального контента по вертикали.\n   */\n  contentAlign?: Align;\n  /**\n   * Выравнивание after компонента по вертикали.\n   *\n   * > Работает только для `after` и `afterCaption`.\n   */\n  afterAlign?: Align;\n  /**\n   * Блокировка взаимодействия с компонентом. Убирает анимацию нажатия.\n   */\n  disabled?: boolean;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/rich-cell\n */\nexport const RichCell: React.FC<RichCellProps> & {\n  Icon: typeof RichCellIcon;\n} = ({\n  overTitle,\n  children,\n  subtitle,\n  extraSubtitle,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  beforeAlign = 'start',\n  contentAlign = 'start',\n  afterAlign = 'start',\n  meta,\n  submeta,\n  ...restProps\n}: RichCellProps) => {\n  const { density = 'none' } = useAdaptivity();\n\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development' && afterCaption) {\n    warn('Свойство `afterCaption` устаревшее и будет удалено в `v10`, используйте `submeta`');\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        !multiline && styles.textEllipsis,\n        density !== 'regular' && densityClassNames[density],\n        (after || afterCaption) && alignAfterClassNames[afterAlign],\n        before && alignBeforeClassNames[beforeAlign],\n        alignContentClassNames[contentAlign],\n      )}\n    >\n      {before && <div className={styles.before}>{before}</div>}\n      <div className={styles.in}>\n        <div className={styles.content}>\n          <div className={styles.contentBefore}>\n            {overTitle && (\n              <Subhead Component=\"div\" className={styles.overTitle}>\n                {overTitle}\n              </Subhead>\n            )}\n            <div className={styles.children}>{children}</div>\n            {subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n            {extraSubtitle && (\n              <Subhead Component=\"div\" className={styles.extraSubtitle}>\n                {extraSubtitle}\n              </Subhead>\n            )}\n          </div>\n          {(meta || submeta) && (\n            <div className={styles.contentMeta}>\n              {meta && <div className={styles.afterChildren}>{meta}</div>}\n              {submeta && <div className={styles.afterCaption}>{submeta}</div>}\n            </div>\n          )}\n        </div>\n        {bottom && <div className={styles.bottom}>{bottom}</div>}\n        {actions && <div className={styles.actions}>{actions}</div>}\n      </div>\n      {(after || afterCaption) && (\n        <div className={styles.contentAfter}>\n          {after && <div className={styles.afterChildren}>{after}</div>}\n          {afterCaption && <div className={styles.afterCaption}>{afterCaption}</div>}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nRichCell.Icon = RichCellIcon;\n"],"names":["classNames","useAdaptivity","warnOnce","Tappable","Subhead","RichCellIcon","warn","densityClassNames","none","compact","alignAfterClassNames","start","center","end","alignBeforeClassNames","alignContentClassNames","RichCell","overTitle","children","subtitle","extraSubtitle","before","after","afterCaption","bottom","actions","multiline","beforeAlign","contentAlign","afterAlign","meta","submeta","restProps","density","process","env","NODE_ENV","baseClassName","div","className","Component","Icon"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,YAAY,QAAQ,iCAA8B;AAG3D,MAAMC,OAAOJ,SAAS;AAEtB,MAAMK,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,uBAAuB;IAC3BC,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAMC,wBAAwB;IAC5BH,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAME,yBAAyB;IAC7BJ,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AA+EA;;CAEC,GACD,OAAO,MAAMG,WAET,CAAC,EACHC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,MAAM,EACNC,KAAK,EACLC,YAAY,EACZC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,cAAc,OAAO,EACrBC,eAAe,OAAO,EACtBC,aAAa,OAAO,EACpBC,IAAI,EACJC,OAAO,EACP,GAAGC,WACW;IACd,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAGhC;IAE7B,6CAA6C,GAC7C,IAAIiC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBb,cAAc;QAC1DjB,KAAK;IACP;IAEA,qBACE,MAACH;QACE,GAAG6B,SAAS;QACbK,eAAerC,iCAEb,CAAC0B,2CACDO,YAAY,aAAa1B,iBAAiB,CAAC0B,QAAQ,EACnD,AAACX,CAAAA,SAASC,YAAW,KAAMb,oBAAoB,CAACmB,WAAW,EAC3DR,UAAUP,qBAAqB,CAACa,YAAY,EAC5CZ,sBAAsB,CAACa,aAAa;;YAGrCP,wBAAU,KAACiB;gBAAIC,SAAS;0BAAkBlB;;0BAC3C,MAACiB;gBAAIC,SAAS;;kCACZ,MAACD;wBAAIC,SAAS;;0CACZ,MAACD;gCAAIC,SAAS;;oCACXtB,2BACC,KAACb;wCAAQoC,WAAU;wCAAMD,SAAS;kDAC/BtB;;kDAGL,KAACqB;wCAAIC,SAAS;kDAAoBrB;;oCACjCC,0BAAY,KAACmB;wCAAIC,SAAS;kDAAoBpB;;oCAC9CC,+BACC,KAAChB;wCAAQoC,WAAU;wCAAMD,SAAS;kDAC/BnB;;;;4BAILU,CAAAA,QAAQC,OAAM,mBACd,MAACO;gCAAIC,SAAS;;oCACXT,sBAAQ,KAACQ;wCAAIC,SAAS;kDAAyBT;;oCAC/CC,yBAAW,KAACO;wCAAIC,SAAS;kDAAwBR;;;;;;oBAIvDP,wBAAU,KAACc;wBAAIC,SAAS;kCAAkBf;;oBAC1CC,yBAAW,KAACa;wBAAIC,SAAS;kCAAmBd;;;;YAE7CH,CAAAA,SAASC,YAAW,mBACpB,MAACe;gBAAIC,SAAS;;oBACXjB,uBAAS,KAACgB;wBAAIC,SAAS;kCAAyBjB;;oBAChDC,8BAAgB,KAACe;wBAAIC,SAAS;kCAAwBhB;;;;;;AAKjE,EAAE;AAEFP,SAASyB,IAAI,GAAGpC"}
+{"version":3,"sources":["../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { RichCellIcon } from './RichCellIcon/RichCellIcon';\nimport styles from './RichCell.module.css';\n\nconst warn = warnOnce('RichCell');\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nconst alignAfterClassNames = {\n  start: styles.alignAfterStart,\n  center: styles.alignAfterCenter,\n  end: styles.alignAfterEnd,\n};\n\nconst alignBeforeClassNames = {\n  start: styles.alignBeforeStart,\n  center: styles.alignBeforeCenter,\n  end: styles.alignBeforeEnd,\n};\n\nconst alignContentClassNames = {\n  start: styles.contentAlignStart,\n  center: styles.contentAlignCenter,\n  end: styles.contentAlignEnd,\n};\n\ntype Align = 'start' | 'center' | 'end';\n\nexport interface RichCellProps extends TappableOmitProps {\n  /**\n   * Контейнер для текста над `children`.\n   */\n  overTitle?: React.ReactNode | undefined;\n  /**\n   * Контейнер для текста под `children`.\n   */\n  subtitle?: React.ReactNode | undefined;\n  /**\n   * Контейнер для текста под `subtitle`.\n   */\n  extraSubtitle?: React.ReactNode | undefined;\n  /**\n   * Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n   */\n  bottom?: React.ReactNode | undefined;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:\n   *\n   * - `mode=\"primary\" size=\"s\"`\n   * - `mode=\"secondary\" size=\"s\"`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkui.io/components/button-group) с параметрами:\n   *\n   * - `mode=\"horizontal\" gap=\"s\" stretched`.\n   */\n  actions?: React.ReactNode | undefined;\n  /**\n   * `<Avatar size={40|48|72} />`.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Иконка 28 или текст после центрального контента.\n   */\n  after?: React.ReactNode | undefined;\n  /**\n   * Текст под `after`.\n   *\n   * @deprecated Since 8.0.0. Будет удален в **VKUI v10**.\n   * Используйте вместо этого свойство `submeta`.\n   */\n  afterCaption?: React.ReactNode | undefined;\n  /**\n   * Текст после основного контента.\n   */\n  meta?: React.ReactNode | undefined;\n  /**\n   * Текст под `meta`.\n   */\n  submeta?: React.ReactNode | undefined;\n  /**\n   * Выравнивание before компонента по вертикали.\n   */\n  beforeAlign?: Align | undefined;\n  /**\n   * Выравнивание центрального контента по вертикали.\n   */\n  contentAlign?: Align | undefined;\n  /**\n   * Выравнивание after компонента по вертикали.\n   *\n   * > Работает только для `after` и `afterCaption`.\n   */\n  afterAlign?: Align | undefined;\n  /**\n   * Блокировка взаимодействия с компонентом. Убирает анимацию нажатия.\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n   */\n  multiline?: boolean | undefined;\n}\n\n/**\n * @see https://vkui.io/components/rich-cell\n */\nexport const RichCell: React.FC<RichCellProps> & {\n  Icon: typeof RichCellIcon;\n} = ({\n  overTitle,\n  children,\n  subtitle,\n  extraSubtitle,\n  before,\n  after,\n  afterCaption,\n  bottom,\n  actions,\n  multiline,\n  beforeAlign = 'start',\n  contentAlign = 'start',\n  afterAlign = 'start',\n  meta,\n  submeta,\n  ...restProps\n}: RichCellProps) => {\n  const { density = 'none' } = useAdaptivity();\n\n  /* istanbul ignore if: не проверяем в тестах */\n  if (process.env.NODE_ENV === 'development' && afterCaption) {\n    warn('Свойство `afterCaption` устаревшее и будет удалено в `v10`, используйте `submeta`');\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      baseClassName={classNames(\n        styles.host,\n        !multiline && styles.textEllipsis,\n        density !== 'regular' && densityClassNames[density],\n        (after || afterCaption) && alignAfterClassNames[afterAlign],\n        before && alignBeforeClassNames[beforeAlign],\n        alignContentClassNames[contentAlign],\n      )}\n    >\n      {before && <div className={styles.before}>{before}</div>}\n      <div className={styles.in}>\n        <div className={styles.content}>\n          <div className={styles.contentBefore}>\n            {overTitle && (\n              <Subhead Component=\"div\" className={styles.overTitle}>\n                {overTitle}\n              </Subhead>\n            )}\n            <div className={styles.children}>{children}</div>\n            {subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n            {extraSubtitle && (\n              <Subhead Component=\"div\" className={styles.extraSubtitle}>\n                {extraSubtitle}\n              </Subhead>\n            )}\n          </div>\n          {(meta || submeta) && (\n            <div className={styles.contentMeta}>\n              {meta && <div className={styles.afterChildren}>{meta}</div>}\n              {submeta && <div className={styles.afterCaption}>{submeta}</div>}\n            </div>\n          )}\n        </div>\n        {bottom && <div className={styles.bottom}>{bottom}</div>}\n        {actions && <div className={styles.actions}>{actions}</div>}\n      </div>\n      {(after || afterCaption) && (\n        <div className={styles.contentAfter}>\n          {after && <div className={styles.afterChildren}>{after}</div>}\n          {afterCaption && <div className={styles.afterCaption}>{afterCaption}</div>}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n\nRichCell.Icon = RichCellIcon;\n"],"names":["classNames","useAdaptivity","warnOnce","Tappable","Subhead","RichCellIcon","warn","densityClassNames","none","compact","alignAfterClassNames","start","center","end","alignBeforeClassNames","alignContentClassNames","RichCell","overTitle","children","subtitle","extraSubtitle","before","after","afterCaption","bottom","actions","multiline","beforeAlign","contentAlign","afterAlign","meta","submeta","restProps","density","process","env","NODE_ENV","baseClassName","div","className","Component","Icon"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAC9C,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,YAAY,QAAQ,iCAA8B;AAG3D,MAAMC,OAAOJ,SAAS;AAEtB,MAAMK,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,uBAAuB;IAC3BC,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAMC,wBAAwB;IAC5BH,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAME,yBAAyB;IAC7BJ,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AA+EA;;CAEC,GACD,OAAO,MAAMG,WAET,CAAC,EACHC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,MAAM,EACNC,KAAK,EACLC,YAAY,EACZC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,cAAc,OAAO,EACrBC,eAAe,OAAO,EACtBC,aAAa,OAAO,EACpBC,IAAI,EACJC,OAAO,EACP,GAAGC,WACW;IACd,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAGhC;IAE7B,6CAA6C,GAC7C,IAAIiC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBb,cAAc;QAC1DjB,KAAK;IACP;IAEA,qBACE,MAACH;QACE,GAAG6B,SAAS;QACbK,eAAerC,iCAEb,CAAC0B,2CACDO,YAAY,aAAa1B,iBAAiB,CAAC0B,QAAQ,EACnD,AAACX,CAAAA,SAASC,YAAW,KAAMb,oBAAoB,CAACmB,WAAW,EAC3DR,UAAUP,qBAAqB,CAACa,YAAY,EAC5CZ,sBAAsB,CAACa,aAAa;;YAGrCP,wBAAU,KAACiB;gBAAIC,SAAS;0BAAkBlB;;0BAC3C,MAACiB;gBAAIC,SAAS;;kCACZ,MAACD;wBAAIC,SAAS;;0CACZ,MAACD;gCAAIC,SAAS;;oCACXtB,2BACC,KAACb;wCAAQoC,WAAU;wCAAMD,SAAS;kDAC/BtB;;kDAGL,KAACqB;wCAAIC,SAAS;kDAAoBrB;;oCACjCC,0BAAY,KAACmB;wCAAIC,SAAS;kDAAoBpB;;oCAC9CC,+BACC,KAAChB;wCAAQoC,WAAU;wCAAMD,SAAS;kDAC/BnB;;;;4BAILU,CAAAA,QAAQC,OAAM,mBACd,MAACO;gCAAIC,SAAS;;oCACXT,sBAAQ,KAACQ;wCAAIC,SAAS;kDAAyBT;;oCAC/CC,yBAAW,KAACO;wCAAIC,SAAS;kDAAwBR;;;;;;oBAIvDP,wBAAU,KAACc;wBAAIC,SAAS;kCAAkBf;;oBAC1CC,yBAAW,KAACa;wBAAIC,SAAS;kCAAmBd;;;;YAE7CH,CAAAA,SAASC,YAAW,mBACpB,MAACe;gBAAIC,SAAS;;oBACXjB,uBAAS,KAACgB;wBAAIC,SAAS;kCAAyBjB;;oBAChDC,8BAAgB,KAACe;wBAAIC,SAAS;kCAAwBhB;;;;;;AAKjE,EAAE;AAEFP,SAASyB,IAAI,GAAGpC"}

package/dist/components/Root/Root.d.ts

@@ -9,11 +9,11 @@ export interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Na
     /**
      * Обработчик, который вызывается при завершении анимации смены активной `View`.
      */
-    onTransition?: (params: {
+    onTransition?: ((params: {
         isBack: boolean;
         from: string;
         to: string;
-    }) => void;
+    }) => void) | undefined;
     /**
      * Коллекция `View`. У каждой `View` должен быть `id`.
      */
@@ -22,8 +22,8 @@ export interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, Na
 export interface RootState {
     activeView: string;
     transition: boolean;
-    isBack?: boolean;
-    prevView?: string;
+    isBack?: boolean | undefined;
+    prevView?: string | undefined;
 }
 /**
  * @see https://vkui.io/components/root

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

@@ -1 +1 @@
-{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/components/Root/Root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACtF;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAGD,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAKD;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,wEAMlB,SAAS,KAAG,KAAK,CAAC,SA4HpB,CAAC"}
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/components/Root/Root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACtF;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7F;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAGD,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;AAKD;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,wEAMlB,SAAS,KAAG,KAAK,CAAC,SA4HpB,CAAC"}

package/dist/components/Root/Root.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Root/Root.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  /**\n   * `id` активной `View`.\n   */\n  activeView: string;\n  /**\n   * Обработчик, который вызывается при завершении анимации смены активной `View`.\n   */\n  onTransition?: (params: { isBack: boolean; from: string; to: string }) => void;\n  /**\n   * Коллекция `View`. У каждой `View` должен быть `id`.\n   */\n  children: React.ReactElement | Iterable<React.ReactElement>;\n}\n\n/* eslint-disable jsdoc/require-jsdoc */\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n/* eslint-enable jsdoc/require-jsdoc */\n\nconst warn = warnOnce('Root');\n\n/**\n * @see https://vkui.io/components/root\n */\nexport const Root = ({\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  ...restProps\n}: RootProps): React.ReactNode => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const [scrolls] = React.useState(() => new Map<string, number>());\n  const [viewNodes] = React.useState(() => new Map<string, HTMLElement | null>());\n\n  const { transitionMotionEnabled = true } = useConfigProvider();\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as Array<React.ReactElement<NavIdProps>>;\n\n  const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n    activeView: _activeView,\n    transition: false,\n  });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls.set(activeView, scroll.getScroll().y);\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls.get(activeView) : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  React.useEffect(\n    function onAnimationEndFallback() {\n      if (transition && disableAnimation) {\n        finishTransition();\n      }\n    },\n    [transition, disableAnimation, finishTransition],\n  );\n\n  const onAnimationEnd: React.AnimationEventHandler<HTMLElement> = (e) => {\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    finishTransition();\n  };\n\n  return (\n    <LockFloatingPositionContext.Provider value={transition}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles.host,\n          platform === 'ios' && styles.ios,\n          transition && styles.transition,\n        )}\n      >\n        {views.map((view) => {\n          const viewId = getNavId(view.props, warn);\n          if (viewId !== activeView && !(transition && viewId === prevView)) {\n            return null;\n          }\n          const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n          const compensateScroll =\n            transition && (viewId === prevView || (isBack && viewId === activeView));\n          return (\n            <div\n              key={viewId}\n              ref={(e) => {\n                viewId && viewNodes.set(viewId, e);\n              }}\n              onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n              className={classNames(\n                styles.view,\n                transition && viewId === prevView && isBack && styles.viewHideBack,\n                transition && viewId === prevView && !isBack && styles.viewHideForward,\n                transition && viewId === activeView && isBack && styles.viewShowBack,\n                transition && viewId === activeView && !isBack && styles.viewShowForward,\n              )}\n            >\n              <NavTransitionDirectionProvider isBack={isBack}>\n                <NavTransitionProvider entering={transition && viewId === activeView}>\n                  <div\n                    className={styles.scrollCompensation}\n                    style={{\n                      marginTop: compensateScroll\n                        ? viewId && -(scrolls.get(viewId) ?? 0)\n                        : undefined,\n                    }}\n                  >\n                    {view}\n                  </div>\n                </NavTransitionProvider>\n              </NavTransitionDirectionProvider>\n            </div>\n          );\n        })}\n      </RootComponent>\n    </LockFloatingPositionContext.Provider>\n  );\n};\n"],"names":["React","classNames","usePlatform","useDOM","LockFloatingPositionContext","getNavId","useIsomorphicLayoutEffect","warnOnce","ScrollContext","useConfigProvider","NavTransitionProvider","NavTransitionDirectionProvider","RootComponent","SplitColContext","warn","Root","children","activeView","_activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useState","Map","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","prevView","transition","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","set","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","get","Boolean","from","to","useEffect","onAnimationEndFallback","onAnimationEnd","e","target","currentTarget","Provider","value","baseClassName","viewId","isTransitionTarget","compensateScroll","div","ref","undefined","className","entering","style","marginTop"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,2BAA2B,QAAQ,kEAA+D;AAC3G,SAASC,QAAQ,QAAyB,wBAAqB;AAC/D,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,iBAAiB,QAAQ,6CAA0C;AAC5E,SAASC,qBAAqB,QAAQ,kDAA+C;AACrF,SAASC,8BAA8B,QAAQ,oEAAiE;AAChH,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,eAAe,QAAQ,iCAA8B;AAyB9D,qCAAqC,GAErC,MAAMC,OAAOP,SAAS;AAEtB;;CAEC,GACD,OAAO,MAAMQ,OAAO,CAAC,EACnBC,QAAQ,EACRC,YAAYC,WAAW,EACvBC,YAAY,EACZC,GAAG,EACH,GAAGC,WACO;IACV,MAAMC,SAAStB,MAAMuB,UAAU,CAACf;IAChC,MAAMgB,WAAWtB;IACjB,MAAM,EAAEuB,QAAQ,EAAE,GAAGtB;IACrB,MAAM,CAACuB,QAAQ,GAAG1B,MAAM2B,QAAQ,CAAC,IAAM,IAAIC;IAC3C,MAAM,CAACC,UAAU,GAAG7B,MAAM2B,QAAQ,CAAC,IAAM,IAAIC;IAE7C,MAAM,EAAEE,0BAA0B,IAAI,EAAE,GAAGrB;IAC3C,MAAM,EAAEsB,OAAO,EAAE,GAAG/B,MAAMuB,UAAU,CAACV;IACrC,MAAMmB,mBAAmB,CAACF,2BAA2B,CAACC;IAEtD,MAAME,QAAQjC,MAAMkC,QAAQ,CAACC,OAAO,CAACnB;IAErC,MAAM,CAAC,EAAEoB,QAAQ,EAAEnB,UAAU,EAAEoB,UAAU,EAAEC,MAAM,EAAE,EAAEC,UAAU,GAAGvC,MAAM2B,QAAQ,CAAY;QAC1FV,YAAYC;QACZmB,YAAY;IACd;IACA,MAAMG,eAAe,CAACC;QACpB,IAAIA,UAAUxB,YAAY;YACxB,MAAMyB,UAAUT,MAAMU,GAAG,CAAC,CAACC,OAASvC,SAASuC,KAAKC,KAAK,EAAE/B;YACzD,MAAMwB,SAASI,QAAQI,OAAO,CAACL,SAASC,QAAQI,OAAO,CAAC7B;YACxDS,QAAQqB,GAAG,CAAC9B,YAAYK,OAAO0B,SAAS,GAAGC,CAAC;YAC5CV,UAAU;gBACRtB,YAAYwB;gBACZL,UAAUnB;gBACVoB,YAAY,CAACL;gBACbM;YACF;QACF;IACF;IACA,MAAMY,mBAAmBlD,MAAMmD,WAAW,CACxC,IAAMZ,UAAU;YAAEtB;YAAYmB;YAAUE;YAAQD,YAAY;QAAM,IAClE;QAACpB;QAAYqB;QAAQF;KAAS;IAGhC9B,0BAA0B;QACvBmB,SAAU2B,aAAa,CAAiBC,IAAI;IAC/C,GAAG;QAACpC;KAAW;IAEf,gBAAgB;IAChBX,0BAA0B,IAAMkC,aAAatB,cAAc;QAACA;KAAY;IACxEZ,0BAA0B;QACxB,IAAI,CAAC+B,cAAcD,UAAU;YAC3B,qBAAqB;YACrBd,OAAOgC,QAAQ,CAAC,GAAGhB,SAASZ,QAAQ6B,GAAG,CAACtC,cAAc;YACtDE,gBACEA,aAAa;gBACXmB,QAAQkB,QAAQlB;gBAChBmB,MAAMrB;gBACNsB,IAAIzC;YACN;QACJ;IACF,GAAG;QAACoB;QAAYD;KAAS;IAEzBpC,MAAM2D,SAAS,CACb,SAASC;QACP,IAAIvB,cAAcL,kBAAkB;YAClCkB;QACF;IACF,GACA;QAACb;QAAYL;QAAkBkB;KAAiB;IAGlD,MAAMW,iBAA2D,CAACC;QAChE,IAAIA,EAAEC,MAAM,KAAKD,EAAEE,aAAa,EAAE;YAChC;QACF;QAEAd;IACF;IAEA,qBACE,KAAC9C,4BAA4B6D,QAAQ;QAACC,OAAO7B;kBAC3C,cAAA,KAACzB;YACE,GAAGS,SAAS;YACb8C,eAAelE,6BAEbuB,aAAa,0BACba;sBAGDJ,MAAMU,GAAG,CAAC,CAACC;gBACV,MAAMwB,SAAS/D,SAASuC,KAAKC,KAAK,EAAE/B;gBACpC,IAAIsD,WAAWnD,cAAc,CAAEoB,CAAAA,cAAc+B,WAAWhC,QAAO,GAAI;oBACjE,OAAO;gBACT;gBACA,MAAMiC,qBAAqBhC,cAAc+B,WAAY9B,CAAAA,SAASF,WAAWnB,UAAS;gBAClF,MAAMqD,mBACJjC,cAAe+B,CAAAA,WAAWhC,YAAaE,UAAU8B,WAAWnD,UAAU;gBACxE,qBACE,KAACsD;oBAECC,KAAK,CAACV;wBACJM,UAAUvC,UAAUkB,GAAG,CAACqB,QAAQN;oBAClC;oBACAD,gBAAgBQ,qBAAqBR,iBAAiBY;oBACtDC,WAAWzE,6BAEToC,cAAc+B,WAAWhC,YAAYE,oCACrCD,cAAc+B,WAAWhC,YAAY,CAACE,uCACtCD,cAAc+B,WAAWnD,cAAcqB,oCACvCD,cAAc+B,WAAWnD,cAAc,CAACqB;8BAG1C,cAAA,KAAC3B;wBAA+B2B,QAAQA;kCACtC,cAAA,KAAC5B;4BAAsBiE,UAAUtC,cAAc+B,WAAWnD;sCACxD,cAAA,KAACsD;gCACCG,SAAS;gCACTE,OAAO;oCACLC,WAAWP,mBACPF,UAAU,CAAE1C,CAAAA,QAAQ6B,GAAG,CAACa,WAAW,CAAA,IACnCK;gCACN;0CAEC7B;;;;mBAvBFwB;YA6BX;;;AAIR,EAAE"}
+{"version":3,"sources":["../../../src/components/Root/Root.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n  /**\n   * `id` активной `View`.\n   */\n  activeView: string;\n  /**\n   * Обработчик, который вызывается при завершении анимации смены активной `View`.\n   */\n  onTransition?: ((params: { isBack: boolean; from: string; to: string }) => void) | undefined;\n  /**\n   * Коллекция `View`. У каждой `View` должен быть `id`.\n   */\n  children: React.ReactElement | Iterable<React.ReactElement>;\n}\n\n/* eslint-disable jsdoc/require-jsdoc */\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean | undefined;\n  prevView?: string | undefined;\n}\n/* eslint-enable jsdoc/require-jsdoc */\n\nconst warn = warnOnce('Root');\n\n/**\n * @see https://vkui.io/components/root\n */\nexport const Root = ({\n  children,\n  activeView: _activeView,\n  onTransition,\n  nav,\n  ...restProps\n}: RootProps): React.ReactNode => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const [scrolls] = React.useState(() => new Map<string, number>());\n  const [viewNodes] = React.useState(() => new Map<string, HTMLElement | null>());\n\n  const { transitionMotionEnabled = true } = useConfigProvider();\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as Array<React.ReactElement<NavIdProps>>;\n\n  const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n    activeView: _activeView,\n    transition: false,\n  });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      scrolls.set(activeView, scroll.getScroll().y);\n      _setState({\n        activeView: panel,\n        prevView: activeView,\n        transition: !disableAnimation,\n        isBack,\n      });\n    }\n  };\n  const finishTransition = React.useCallback(\n    () => _setState({ activeView, prevView, isBack, transition: false }),\n    [activeView, isBack, prevView],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    (document!.activeElement as HTMLElement).blur();\n  }, [activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls.get(activeView) : 0);\n      onTransition &&\n        onTransition({\n          isBack: Boolean(isBack),\n          from: prevView,\n          to: activeView,\n        });\n    }\n  }, [transition, prevView]);\n\n  React.useEffect(\n    function onAnimationEndFallback() {\n      if (transition && disableAnimation) {\n        finishTransition();\n      }\n    },\n    [transition, disableAnimation, finishTransition],\n  );\n\n  const onAnimationEnd: React.AnimationEventHandler<HTMLElement> = (e) => {\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n\n    finishTransition();\n  };\n\n  return (\n    <LockFloatingPositionContext.Provider value={transition}>\n      <RootComponent\n        {...restProps}\n        baseClassName={classNames(\n          styles.host,\n          platform === 'ios' && styles.ios,\n          transition && styles.transition,\n        )}\n      >\n        {views.map((view) => {\n          const viewId = getNavId(view.props, warn);\n          if (viewId !== activeView && !(transition && viewId === prevView)) {\n            return null;\n          }\n          const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n          const compensateScroll =\n            transition && (viewId === prevView || (isBack && viewId === activeView));\n          return (\n            <div\n              key={viewId}\n              ref={(e) => {\n                viewId && viewNodes.set(viewId, e);\n              }}\n              onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n              className={classNames(\n                styles.view,\n                transition && viewId === prevView && isBack && styles.viewHideBack,\n                transition && viewId === prevView && !isBack && styles.viewHideForward,\n                transition && viewId === activeView && isBack && styles.viewShowBack,\n                transition && viewId === activeView && !isBack && styles.viewShowForward,\n              )}\n            >\n              <NavTransitionDirectionProvider isBack={isBack}>\n                <NavTransitionProvider entering={transition && viewId === activeView}>\n                  <div\n                    className={styles.scrollCompensation}\n                    style={{\n                      marginTop: compensateScroll\n                        ? viewId && -(scrolls.get(viewId) ?? 0)\n                        : undefined,\n                    }}\n                  >\n                    {view}\n                  </div>\n                </NavTransitionProvider>\n              </NavTransitionDirectionProvider>\n            </div>\n          );\n        })}\n      </RootComponent>\n    </LockFloatingPositionContext.Provider>\n  );\n};\n"],"names":["React","classNames","usePlatform","useDOM","LockFloatingPositionContext","getNavId","useIsomorphicLayoutEffect","warnOnce","ScrollContext","useConfigProvider","NavTransitionProvider","NavTransitionDirectionProvider","RootComponent","SplitColContext","warn","Root","children","activeView","_activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useState","Map","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","prevView","transition","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","set","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","get","Boolean","from","to","useEffect","onAnimationEndFallback","onAnimationEnd","e","target","currentTarget","Provider","value","baseClassName","viewId","isTransitionTarget","compensateScroll","div","ref","undefined","className","entering","style","marginTop"],"mappings":"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"}

package/dist/components/RootComponent/RootComponent.d.ts

@@ -6,11 +6,11 @@ export interface RootComponentExtendProps {
     /**
      * Базовый класс.
      */
-    baseClassName?: string | false;
+    baseClassName?: string | false | undefined;
     /**
      * Базовые стили.
      */
-    baseStyle?: React.CSSProperties;
+    baseStyle?: React.CSSProperties | undefined;
 }
 export interface RootComponentInternalProps<T> extends RootComponentProps<T>, RootComponentExtendProps {
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RootComponent.d.ts","sourceRoot":"","sources":["../../../src/components/RootComponent/RootComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACnC,SAAQ,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAChC,UAAU,CAAC,CAAC,CAAC,EACb,YAAY;CAAG;AAEnB,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,CAC3C,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,wBAAwB;CAAG;AAE/B;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,qFAQ/B,0BAA0B,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SAYxC,CAAC"}
+{"version":3,"file":"RootComponent.d.ts","sourceRoot":"","sources":["../../../src/components/RootComponent/RootComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACnC,SAAQ,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAChC,UAAU,CAAC,CAAC,CAAC,EACb,YAAY;CAAG;AAEnB,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CAC7C;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,CAC3C,SAAQ,kBAAkB,CAAC,CAAC,CAAC,EAC3B,wBAAwB;CAAG;AAE/B;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,qFAQ/B,0BAA0B,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SAYxC,CAAC"}

package/dist/components/RootComponent/RootComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/RootComponent/RootComponent.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './RootComponent.module.css';\n\nexport interface RootComponentProps<T>\n  extends React.AllHTMLAttributes<T>,\n    HasRootRef<T>,\n    HasComponent {}\n\nexport interface RootComponentExtendProps {\n  /**\n   * Базовый класс.\n   */\n  baseClassName?: string | false;\n  /**\n   * Базовые стили.\n   */\n  baseStyle?: React.CSSProperties;\n}\n\nexport interface RootComponentInternalProps<T>\n  extends RootComponentProps<T>,\n    RootComponentExtendProps {}\n\n/**\n * Базовый корневой компонент.\n */\nexport const RootComponent = <T,>({\n  Component = 'div',\n  baseClassName,\n  className,\n  baseStyle,\n  style,\n  getRootRef,\n  ...restProps\n}: RootComponentInternalProps<T>): React.ReactNode => (\n  <Component\n    ref={getRootRef}\n    className={classNames(\n      className,\n      baseClassName,\n      styles.host,\n      restProps.hidden === true && styles.hidden,\n    )}\n    style={mergeStyle(baseStyle, style)}\n    {...restProps}\n  />\n);\n"],"names":["classNames","mergeStyle","RootComponent","Component","baseClassName","className","baseStyle","style","getRootRef","restProps","ref","hidden"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AAwBtD;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAK,EAChCC,YAAY,KAAK,EACjBC,aAAa,EACbC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,UAAU,EACV,GAAGC,WAC2B,iBAC9B,KAACN;QACCO,KAAKF;QACLH,WAAWL,WACTK,WACAD,0CAEAK,UAAUE,MAAM,KAAK;QAEvBJ,OAAON,WAAWK,WAAWC;QAC5B,GAAGE,SAAS;OAEf"}
+{"version":3,"sources":["../../../src/components/RootComponent/RootComponent.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './RootComponent.module.css';\n\nexport interface RootComponentProps<T>\n  extends React.AllHTMLAttributes<T>,\n    HasRootRef<T>,\n    HasComponent {}\n\nexport interface RootComponentExtendProps {\n  /**\n   * Базовый класс.\n   */\n  baseClassName?: string | false | undefined;\n  /**\n   * Базовые стили.\n   */\n  baseStyle?: React.CSSProperties | undefined;\n}\n\nexport interface RootComponentInternalProps<T>\n  extends RootComponentProps<T>,\n    RootComponentExtendProps {}\n\n/**\n * Базовый корневой компонент.\n */\nexport const RootComponent = <T,>({\n  Component = 'div',\n  baseClassName,\n  className,\n  baseStyle,\n  style,\n  getRootRef,\n  ...restProps\n}: RootComponentInternalProps<T>): React.ReactNode => (\n  <Component\n    ref={getRootRef}\n    className={classNames(\n      className,\n      baseClassName,\n      styles.host,\n      restProps.hidden === true && styles.hidden,\n    )}\n    style={mergeStyle(baseStyle, style)}\n    {...restProps}\n  />\n);\n"],"names":["classNames","mergeStyle","RootComponent","Component","baseClassName","className","baseStyle","style","getRootRef","restProps","ref","hidden"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AAwBtD;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAK,EAChCC,YAAY,KAAK,EACjBC,aAAa,EACbC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,UAAU,EACV,GAAGC,WAC2B,iBAC9B,KAACN;QACCO,KAAKF;QACLH,WAAWL,WACTK,WACAD,0CAEAK,UAAUE,MAAM,KAAK;QAEvBJ,OAAON,WAAWK,WAAWC;QAC5B,GAAGE,SAAS;OAEf"}

package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributesWithRootRef } from '../../types';
 import type { ScreenSpinnerProps } from './types';
 type ScreenSpinnerSwapIconProps = HTMLAttributesWithRootRef<HTMLElement> & {
-    cancelLabel?: ScreenSpinnerProps['cancelLabel'];
+    cancelLabel?: ScreenSpinnerProps['cancelLabel'] | undefined;
 };
 export declare const ScreenSpinnerSwapIcon: ({ cancelLabel, ...restProps }: ScreenSpinnerSwapIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenSpinnerSwapIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,0BAA0B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;CACjD,CAAC;AA2BF,eAAO,MAAM,qBAAqB,GAAI,+BAGnC,0BAA0B,4CA0B5B,CAAC"}
+{"version":3,"file":"ScreenSpinnerSwapIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,0BAA0B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;CAC7D,CAAC;AA2BF,eAAO,MAAM,qBAAqB,GAAI,+BAGnC,0BAA0B,4CA0B5B,CAAC"}

package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { clickByKeyboardHandler } from '../../lib/utils';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Icon48CancelCircle } from './Icon48CancelCircle';\nimport { Icon48DoneOutline } from './Icon48DoneOutline';\nimport { ScreenSpinnerContext } from './context';\nimport type { ScreenSpinnerProps } from './types';\nimport styles from './ScreenSpinner.module.css';\n\ntype ScreenSpinnerSwapIconProps = HTMLAttributesWithRootRef<HTMLElement> & {\n  cancelLabel?: ScreenSpinnerProps['cancelLabel'];\n};\n\nconst ScreenSpinnerCancelIcon = ({\n  onKeyDown,\n  'aria-label': ariaLabel = 'Отменить',\n  ...restProps\n}: ScreenSpinnerSwapIconProps) => {\n  const handlers = mergeCalls(\n    { onKeyDown: clickByKeyboardHandler },\n    {\n      onKeyDown,\n    },\n  );\n  let clickableProps: React.HTMLAttributes<HTMLSpanElement> = {\n    ...handlers,\n    'tabIndex': 0,\n    'role': 'button',\n    'aria-label': ariaLabel,\n  };\n\n  return (\n    <RootComponent baseClassName={styles.icon} {...clickableProps} {...restProps}>\n      <Icon24Cancel />\n    </RootComponent>\n  );\n};\n\nexport const ScreenSpinnerSwapIcon = ({\n  cancelLabel,\n  ...restProps\n}: ScreenSpinnerSwapIconProps) => {\n  const { state, customIcon } = React.useContext(ScreenSpinnerContext);\n\n  if (state === 'cancelable') {\n    return <ScreenSpinnerCancelIcon aria-label={cancelLabel} {...restProps} />;\n  }\n\n  const getContent = () => {\n    if (state === 'custom') {\n      return customIcon;\n    }\n\n    const Icon = {\n      loading: () => null,\n      done: Icon48DoneOutline,\n      error: Icon48CancelCircle,\n    }[state];\n\n    return <Icon />;\n  };\n\n  return (\n    <RootComponent baseClassName={styles.icon} {...restProps}>\n      {getContent()}\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon24Cancel","mergeCalls","clickByKeyboardHandler","RootComponent","Icon48CancelCircle","Icon48DoneOutline","ScreenSpinnerContext","ScreenSpinnerCancelIcon","onKeyDown","ariaLabel","restProps","handlers","clickableProps","baseClassName","ScreenSpinnerSwapIcon","cancelLabel","state","customIcon","useContext","aria-label","getContent","Icon","loading","done","error"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,QAAQ,0BAAuB;AAClD,SAASC,sBAAsB,QAAQ,qBAAkB;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,iBAAiB,QAAQ,yBAAsB;AACxD,SAASC,oBAAoB,QAAQ,eAAY;AAQjD,MAAMC,0BAA0B,CAAC,EAC/BC,SAAS,EACT,cAAcC,YAAY,UAAU,EACpC,GAAGC,WACwB;IAC3B,MAAMC,WAAWV,WACf;QAAEO,WAAWN;IAAuB,GACpC;QACEM;IACF;IAEF,IAAII,iBAAwD;QAC1D,GAAGD,QAAQ;QACX,YAAY;QACZ,QAAQ;QACR,cAAcF;IAChB;IAEA,qBACE,KAACN;QAAcU,aAAa;QAAgB,GAAGD,cAAc;QAAG,GAAGF,SAAS;kBAC1E,cAAA,KAACV;;AAGP;AAEA,OAAO,MAAMc,wBAAwB,CAAC,EACpCC,WAAW,EACX,GAAGL,WACwB;IAC3B,MAAM,EAAEM,KAAK,EAAEC,UAAU,EAAE,GAAGlB,MAAMmB,UAAU,CAACZ;IAE/C,IAAIU,UAAU,cAAc;QAC1B,qBAAO,KAACT;YAAwBY,cAAYJ;YAAc,GAAGL,SAAS;;IACxE;IAEA,MAAMU,aAAa;QACjB,IAAIJ,UAAU,UAAU;YACtB,OAAOC;QACT;QAEA,MAAMI,OAAO;YACXC,SAAS,IAAM;YACfC,MAAMlB;YACNmB,OAAOpB;QACT,CAAC,CAACY,MAAM;QAER,qBAAO,KAACK;IACV;IAEA,qBACE,KAAClB;QAAcU,aAAa;QAAgB,GAAGH,SAAS;kBACrDU;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { mergeCalls } from '../../lib/mergeCalls';\nimport { clickByKeyboardHandler } from '../../lib/utils';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Icon48CancelCircle } from './Icon48CancelCircle';\nimport { Icon48DoneOutline } from './Icon48DoneOutline';\nimport { ScreenSpinnerContext } from './context';\nimport type { ScreenSpinnerProps } from './types';\nimport styles from './ScreenSpinner.module.css';\n\ntype ScreenSpinnerSwapIconProps = HTMLAttributesWithRootRef<HTMLElement> & {\n  cancelLabel?: ScreenSpinnerProps['cancelLabel'] | undefined;\n};\n\nconst ScreenSpinnerCancelIcon = ({\n  onKeyDown,\n  'aria-label': ariaLabel = 'Отменить',\n  ...restProps\n}: ScreenSpinnerSwapIconProps) => {\n  const handlers = mergeCalls(\n    { onKeyDown: clickByKeyboardHandler },\n    {\n      onKeyDown,\n    },\n  );\n  let clickableProps: React.HTMLAttributes<HTMLSpanElement> = {\n    ...handlers,\n    'tabIndex': 0,\n    'role': 'button',\n    'aria-label': ariaLabel,\n  };\n\n  return (\n    <RootComponent baseClassName={styles.icon} {...clickableProps} {...restProps}>\n      <Icon24Cancel />\n    </RootComponent>\n  );\n};\n\nexport const ScreenSpinnerSwapIcon = ({\n  cancelLabel,\n  ...restProps\n}: ScreenSpinnerSwapIconProps) => {\n  const { state, customIcon } = React.useContext(ScreenSpinnerContext);\n\n  if (state === 'cancelable') {\n    return <ScreenSpinnerCancelIcon aria-label={cancelLabel} {...restProps} />;\n  }\n\n  const getContent = () => {\n    if (state === 'custom') {\n      return customIcon;\n    }\n\n    const Icon = {\n      loading: () => null,\n      done: Icon48DoneOutline,\n      error: Icon48CancelCircle,\n    }[state];\n\n    return <Icon />;\n  };\n\n  return (\n    <RootComponent baseClassName={styles.icon} {...restProps}>\n      {getContent()}\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon24Cancel","mergeCalls","clickByKeyboardHandler","RootComponent","Icon48CancelCircle","Icon48DoneOutline","ScreenSpinnerContext","ScreenSpinnerCancelIcon","onKeyDown","ariaLabel","restProps","handlers","clickableProps","baseClassName","ScreenSpinnerSwapIcon","cancelLabel","state","customIcon","useContext","aria-label","getContent","Icon","loading","done","error"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,UAAU,QAAQ,0BAAuB;AAClD,SAASC,sBAAsB,QAAQ,qBAAkB;AAEzD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,iBAAiB,QAAQ,yBAAsB;AACxD,SAASC,oBAAoB,QAAQ,eAAY;AAQjD,MAAMC,0BAA0B,CAAC,EAC/BC,SAAS,EACT,cAAcC,YAAY,UAAU,EACpC,GAAGC,WACwB;IAC3B,MAAMC,WAAWV,WACf;QAAEO,WAAWN;IAAuB,GACpC;QACEM;IACF;IAEF,IAAII,iBAAwD;QAC1D,GAAGD,QAAQ;QACX,YAAY;QACZ,QAAQ;QACR,cAAcF;IAChB;IAEA,qBACE,KAACN;QAAcU,aAAa;QAAgB,GAAGD,cAAc;QAAG,GAAGF,SAAS;kBAC1E,cAAA,KAACV;;AAGP;AAEA,OAAO,MAAMc,wBAAwB,CAAC,EACpCC,WAAW,EACX,GAAGL,WACwB;IAC3B,MAAM,EAAEM,KAAK,EAAEC,UAAU,EAAE,GAAGlB,MAAMmB,UAAU,CAACZ;IAE/C,IAAIU,UAAU,cAAc;QAC1B,qBAAO,KAACT;YAAwBY,cAAYJ;YAAc,GAAGL,SAAS;;IACxE;IAEA,MAAMU,aAAa;QACjB,IAAIJ,UAAU,UAAU;YACtB,OAAOC;QACT;QAEA,MAAMI,OAAO;YACXC,SAAS,IAAM;YACfC,MAAMlB;YACNmB,OAAOpB;QACT,CAAC,CAACY,MAAM;QAER,qBAAO,KAACK;IACV;IAEA,qBACE,KAAClB;QAAcU,aAAa;QAAgB,GAAGH,SAAS;kBACrDU;;AAGP,EAAE"}

package/dist/components/ScreenSpinner/context.d.ts

@@ -8,11 +8,11 @@ export interface ScreenSpinnerContextProps {
     /**
      * Текст под иконкой.
      */
-    label?: ScreenSpinnerProps['label'];
+    label?: ScreenSpinnerProps['label'] | undefined;
     /**
      * Кастомная иконка, работает совместно со `state="custom"`.
      */
-    customIcon?: ScreenSpinnerProps['customIcon'];
+    customIcon?: ScreenSpinnerProps['customIcon'] | undefined;
 }
 export declare const ScreenSpinnerContext: React.Context<ScreenSpinnerContextProps>;
 //# sourceMappingURL=context.d.ts.map

package/dist/components/ScreenSpinner/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,OAAO,CAAC,yBAAyB,CAKtE,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,OAAO,CAAC,yBAAyB,CAKtE,CAAC"}

package/dist/components/ScreenSpinner/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ScreenSpinner/context.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ScreenSpinnerProps } from './types';\n\nexport interface ScreenSpinnerContextProps {\n  /**\n   * Тип отображения спиннера.\n   */\n  state: NonNullable<ScreenSpinnerProps['state']>;\n  /**\n   * Текст под иконкой.\n   */\n  label?: ScreenSpinnerProps['label'];\n  /**\n   * Кастомная иконка, работает совместно со `state=\"custom\"`.\n   */\n  customIcon?: ScreenSpinnerProps['customIcon'];\n}\n\nexport const ScreenSpinnerContext: React.Context<ScreenSpinnerContextProps> =\n  React.createContext<ScreenSpinnerContextProps>({\n    state: 'loading',\n    label: undefined,\n    customIcon: undefined,\n  });\n"],"names":["React","ScreenSpinnerContext","createContext","state","label","undefined","customIcon"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAkB/B,OAAO,MAAMC,uBACXD,MAAME,aAAa,CAA4B;IAC7CC,OAAO;IACPC,OAAOC;IACPC,YAAYD;AACd,GAAG"}
+{"version":3,"sources":["../../../src/components/ScreenSpinner/context.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ScreenSpinnerProps } from './types';\n\nexport interface ScreenSpinnerContextProps {\n  /**\n   * Тип отображения спиннера.\n   */\n  state: NonNullable<ScreenSpinnerProps['state']>;\n  /**\n   * Текст под иконкой.\n   */\n  label?: ScreenSpinnerProps['label'] | undefined;\n  /**\n   * Кастомная иконка, работает совместно со `state=\"custom\"`.\n   */\n  customIcon?: ScreenSpinnerProps['customIcon'] | undefined;\n}\n\nexport const ScreenSpinnerContext: React.Context<ScreenSpinnerContextProps> =\n  React.createContext<ScreenSpinnerContextProps>({\n    state: 'loading',\n    label: undefined,\n    customIcon: undefined,\n  });\n"],"names":["React","ScreenSpinnerContext","createContext","state","label","undefined","customIcon"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAkB/B,OAAO,MAAMC,uBACXD,MAAME,aAAa,CAA4B;IAC7CC,OAAO;IACPC,OAAOC;IACPC,YAAYD;AACd,GAAG"}

package/dist/components/ScreenSpinner/types.d.ts

@@ -5,22 +5,22 @@ export type ScreenSpinnerProps = Omit<SpinnerProps, 'size'> & Pick<AppRootPortal
     /**
      * Тип отображения спиннера.
      */
-    state?: 'loading' | 'cancelable' | 'done' | 'error' | 'custom';
+    state?: 'loading' | 'cancelable' | 'done' | 'error' | 'custom' | undefined;
     /**
      * Кастомная иконка, работает совместно со `state="custom"`.
      */
-    customIcon?: React.ReactNode;
+    customIcon?: React.ReactNode | undefined;
     /**
      * Внешний вид отображения спиннера.
      */
-    mode?: 'shadow' | 'overlay';
+    mode?: 'shadow' | 'overlay' | undefined;
     /**
      * Текст под иконкой.
      */
-    label?: React.ReactNode;
+    label?: React.ReactNode | undefined;
     /**
      * Используется при `state='cancelable'`. Делает доступным для ассистивных технологий.
      */
-    cancelLabel?: string;
+    cancelLabel?: string | undefined;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ScreenSpinner/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GACzD,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GACzD,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAAG;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,CAAC"}

package/dist/components/ScreenSpinner/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ScreenSpinner/types.tsx"],"sourcesContent":["import type * as React from 'react';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport type { SpinnerProps } from '../Spinner/Spinner';\n\nexport type ScreenSpinnerProps = Omit<SpinnerProps, 'size'> &\n  Pick<AppRootPortalProps, 'usePortal'> & {\n    /**\n     * Тип отображения спиннера.\n     */\n    state?: 'loading' | 'cancelable' | 'done' | 'error' | 'custom';\n    /**\n     * Кастомная иконка, работает совместно со `state=\"custom\"`.\n     */\n    customIcon?: React.ReactNode;\n    /**\n     * Внешний вид отображения спиннера.\n     */\n    mode?: 'shadow' | 'overlay';\n    /**\n     * Текст под иконкой.\n     */\n    label?: React.ReactNode;\n    /**\n     * Используется при `state='cancelable'`. Делает доступным для ассистивных технологий.\n     */\n    cancelLabel?: string;\n  };\n"],"names":[],"mappings":"AAIA,WAsBI"}
+{"version":3,"sources":["../../../src/components/ScreenSpinner/types.tsx"],"sourcesContent":["import type * as React from 'react';\nimport type { AppRootPortalProps } from '../AppRoot/AppRootPortal';\nimport type { SpinnerProps } from '../Spinner/Spinner';\n\nexport type ScreenSpinnerProps = Omit<SpinnerProps, 'size'> &\n  Pick<AppRootPortalProps, 'usePortal'> & {\n    /**\n     * Тип отображения спиннера.\n     */\n    state?: 'loading' | 'cancelable' | 'done' | 'error' | 'custom' | undefined;\n    /**\n     * Кастомная иконка, работает совместно со `state=\"custom\"`.\n     */\n    customIcon?: React.ReactNode | undefined;\n    /**\n     * Внешний вид отображения спиннера.\n     */\n    mode?: 'shadow' | 'overlay' | undefined;\n    /**\n     * Текст под иконкой.\n     */\n    label?: React.ReactNode | undefined;\n    /**\n     * Используется при `state='cancelable'`. Делает доступным для ассистивных технологий.\n     */\n    cancelLabel?: string | undefined;\n  };\n"],"names":[],"mappings":"AAIA,WAsBI"}

package/dist/components/ScrollArrow/ScrollArrow.d.ts

@@ -8,15 +8,21 @@ export interface ScrollArrowProps extends React.ButtonHTMLAttributes<HTMLButtonE
     /**
      * Размер стрелки.
      */
-    size?: 's' | 'm';
+    size?: 's' | 'm' | undefined;
     /**
      * Смещает иконку кнопки навигации по вертикали.
      */
-    offsetY?: number | string;
+    offsetY?: number | string | undefined;
+    /**
+     * Смещает иконку кнопки навигации по горизонтали.
+     * Для `direction="left"` применяется к `left` (в LTR) или `right` (в RTL).
+     * Для `direction="right"` применяется к `right` (в LTR) или `left` (в RTL).
+     */
+    offsetX?: number | string | undefined;
     /**
      * [a11y]: Используется для ассистивных технологий.
      */
-    label?: string;
+    label?: string | undefined;
 }
 /**
  * Компонент стрелки. Используется в [HorizontalScroll](#/HorizontalScroll) и [Gallery](#/Gallery).
@@ -24,5 +30,5 @@ export interface ScrollArrowProps extends React.ButtonHTMLAttributes<HTMLButtonE
  * @since 5.4.0
  * @see https://vkui.io/components/scroll-arrow
  */
-export declare const ScrollArrow: ({ size, offsetY, direction, label: labelProp, children, ...restProps }: ScrollArrowProps) => React.ReactNode;
+export declare const ScrollArrow: ({ size, offsetY, offsetX, direction, label: labelProp, children, ...restProps }: ScrollArrowProps) => React.ReactNode;
 //# sourceMappingURL=ScrollArrow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollArrow.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArrow/ScrollArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiC9C,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,UAAU,CAAC,iBAAiB,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,wEAOzB,gBAAgB,KAAG,KAAK,CAAC,SAsB3B,CAAC"}
+{"version":3,"file":"ScrollArrow.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArrow/ScrollArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiC9C,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,UAAU,CAAC,iBAAiB,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,iFAQzB,gBAAgB,KAAG,KAAK,CAAC,SAsC3B,CAAC"}

package/dist/components/ScrollArrow/ScrollArrow.js

@@ -35,11 +35,23 @@ const ArrowIcon = ({ size })=>{
  *
  * @since 5.4.0
  * @see https://vkui.io/components/scroll-arrow
- */ export const ScrollArrow = ({ size = 'm', offsetY, direction, label: labelProp, children = /*#__PURE__*/ _jsx(ArrowIcon, {
+ */ export const ScrollArrow = ({ size = 'm', offsetY, offsetX, direction, label: labelProp, children = /*#__PURE__*/ _jsx(ArrowIcon, {
     size: size
 }), ...restProps })=>{
     const textDirection = useConfigDirection();
     const label = labelProp ?? labelDirection[direction];
+    const iconStyle = {};
+    if (offsetY) {
+        iconStyle.top = offsetY;
+    }
+    if (offsetX) {
+        const isRtl = textDirection === 'rtl';
+        if (direction === 'left') {
+            iconStyle[isRtl ? 'right' : 'left'] = offsetX;
+        } else if (direction === 'right') {
+            iconStyle[isRtl ? 'left' : 'right'] = offsetX;
+        }
+    }
     return /*#__PURE__*/ _jsxs(RootComponent, {
         Component: "button",
         type: "button",
@@ -51,9 +63,7 @@ const ArrowIcon = ({ size })=>{
             }),
             /*#__PURE__*/ _jsx("span", {
                 className: "vkuiScrollArrow__icon",
-                style: offsetY ? {
-                    top: offsetY
-                } : undefined,
+                style: Object.keys(iconStyle).length > 0 ? iconStyle : undefined,
                 children: children
             })
         ]

package/dist/components/ScrollArrow/ScrollArrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ScrollArrow/ScrollArrow.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon16Chevron, Icon24Chevron } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport type { HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ScrollArrow.module.css';\n\nconst stylesSize = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n};\n\nconst stylesDirection = {\n  up: styles.directionUp,\n  right: styles.directionRight,\n  down: styles.directionDown,\n  left: styles.directionLeft,\n};\n\nconst labelDirection = {\n  up: 'Назад',\n  right: 'Вперед',\n  down: 'Вперед',\n  left: 'Назад',\n};\n\nconst ArrowIcon = ({ size }: Pick<ScrollArrowProps, 'size'>) => {\n  let Icon = Icon24Chevron;\n  if (size === 's') {\n    Icon = Icon16Chevron;\n  }\n\n  return <Icon className={styles.defaultIcon} />;\n};\n\nexport interface ScrollArrowProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HasRootRef<HTMLButtonElement> {\n  /**\n   * Направление стрелки.\n   */\n  direction: 'up' | 'right' | 'down' | 'left';\n  /**\n   * Размер стрелки.\n   */\n  size?: 's' | 'm';\n  /**\n   * Смещает иконку кнопки навигации по вертикали.\n   */\n  offsetY?: number | string;\n  /**\n   * [a11y]: Используется для ассистивных технологий.\n   */\n  label?: string;\n}\n\n/**\n * Компонент стрелки. Используется в [HorizontalScroll](#/HorizontalScroll) и [Gallery](#/Gallery).\n *\n * @since 5.4.0\n * @see https://vkui.io/components/scroll-arrow\n */\nexport const ScrollArrow = ({\n  size = 'm',\n  offsetY,\n  direction,\n  label: labelProp,\n  children = <ArrowIcon size={size} />,\n  ...restProps\n}: ScrollArrowProps): React.ReactNode => {\n  const textDirection = useConfigDirection();\n  const label = labelProp ?? labelDirection[direction];\n\n  return (\n    <RootComponent\n      Component=\"button\"\n      type=\"button\"\n      baseClassName={classNames(\n        styles.host,\n        stylesSize[size],\n        stylesDirection[direction],\n        textDirection === 'rtl' && styles.rtl,\n      )}\n      {...restProps}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n      <span className={styles.icon} style={offsetY ? { top: offsetY } : undefined}>\n        {children}\n      </span>\n    </RootComponent>\n  );\n};\n"],"names":["Icon16Chevron","Icon24Chevron","classNames","useConfigDirection","RootComponent","VisuallyHidden","stylesSize","s","m","stylesDirection","up","right","down","left","labelDirection","ArrowIcon","size","Icon","className","ScrollArrow","offsetY","direction","label","labelProp","children","restProps","textDirection","Component","type","baseClassName","span","style","top","undefined"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,aAAa,QAAQ,mBAAmB;AAChE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,oCAAiC;AAEpE,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,MAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;AACH;AAEA,MAAMC,kBAAkB;IACtBC,EAAE;IACFC,KAAK;IACLC,IAAI;IACJC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBJ,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,MAAM;AACR;AAEA,MAAME,YAAY,CAAC,EAAEC,IAAI,EAAkC;IACzD,IAAIC,OAAOhB;IACX,IAAIe,SAAS,KAAK;QAChBC,OAAOjB;IACT;IAEA,qBAAO,KAACiB;QAAKC,SAAS;;AACxB;AAuBA;;;;;CAKC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BH,OAAO,GAAG,EACVI,OAAO,EACPC,SAAS,EACTC,OAAOC,SAAS,EAChBC,yBAAW,KAACT;IAAUC,MAAMA;EAAQ,EACpC,GAAGS,WACc;IACjB,MAAMC,gBAAgBvB;IACtB,MAAMmB,QAAQC,aAAaT,cAAc,CAACO,UAAU;IAEpD,qBACE,MAACjB;QACCuB,WAAU;QACVC,MAAK;QACLC,eAAe3B,oCAEbI,UAAU,CAACU,KAAK,EAChBP,eAAe,CAACY,UAAU,EAC1BK,kBAAkB;QAEnB,GAAGD,SAAS;;YAEZH,uBAAS,KAACjB;0BAAgBiB;;0BAC3B,KAACQ;gBAAKZ,SAAS;gBAAea,OAAOX,UAAU;oBAAEY,KAAKZ;gBAAQ,IAAIa;0BAC/DT;;;;AAIT,EAAE"}
+{"version":3,"sources":["../../../src/components/ScrollArrow/ScrollArrow.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { Icon16Chevron, Icon24Chevron } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport type { HasRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ScrollArrow.module.css';\n\nconst stylesSize = {\n  s: styles.sizeS,\n  m: styles.sizeM,\n};\n\nconst stylesDirection = {\n  up: styles.directionUp,\n  right: styles.directionRight,\n  down: styles.directionDown,\n  left: styles.directionLeft,\n};\n\nconst labelDirection = {\n  up: 'Назад',\n  right: 'Вперед',\n  down: 'Вперед',\n  left: 'Назад',\n};\n\nconst ArrowIcon = ({ size }: Pick<ScrollArrowProps, 'size'>) => {\n  let Icon = Icon24Chevron;\n  if (size === 's') {\n    Icon = Icon16Chevron;\n  }\n\n  return <Icon className={styles.defaultIcon} />;\n};\n\nexport interface ScrollArrowProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HasRootRef<HTMLButtonElement> {\n  /**\n   * Направление стрелки.\n   */\n  direction: 'up' | 'right' | 'down' | 'left';\n  /**\n   * Размер стрелки.\n   */\n  size?: 's' | 'm' | undefined;\n  /**\n   * Смещает иконку кнопки навигации по вертикали.\n   */\n  offsetY?: number | string | undefined;\n  /**\n   * Смещает иконку кнопки навигации по горизонтали.\n   * Для `direction=\"left\"` применяется к `left` (в LTR) или `right` (в RTL).\n   * Для `direction=\"right\"` применяется к `right` (в LTR) или `left` (в RTL).\n   */\n  offsetX?: number | string | undefined;\n  /**\n   * [a11y]: Используется для ассистивных технологий.\n   */\n  label?: string | undefined;\n}\n\n/**\n * Компонент стрелки. Используется в [HorizontalScroll](#/HorizontalScroll) и [Gallery](#/Gallery).\n *\n * @since 5.4.0\n * @see https://vkui.io/components/scroll-arrow\n */\nexport const ScrollArrow = ({\n  size = 'm',\n  offsetY,\n  offsetX,\n  direction,\n  label: labelProp,\n  children = <ArrowIcon size={size} />,\n  ...restProps\n}: ScrollArrowProps): React.ReactNode => {\n  const textDirection = useConfigDirection();\n  const label = labelProp ?? labelDirection[direction];\n\n  const iconStyle: React.CSSProperties = {};\n  if (offsetY) {\n    iconStyle.top = offsetY;\n  }\n  if (offsetX) {\n    const isRtl = textDirection === 'rtl';\n    if (direction === 'left') {\n      iconStyle[isRtl ? 'right' : 'left'] = offsetX;\n    } else if (direction === 'right') {\n      iconStyle[isRtl ? 'left' : 'right'] = offsetX;\n    }\n  }\n\n  return (\n    <RootComponent\n      Component=\"button\"\n      type=\"button\"\n      baseClassName={classNames(\n        styles.host,\n        stylesSize[size],\n        stylesDirection[direction],\n        textDirection === 'rtl' && styles.rtl,\n      )}\n      {...restProps}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n      <span\n        className={styles.icon}\n        style={Object.keys(iconStyle).length > 0 ? iconStyle : undefined}\n      >\n        {children}\n      </span>\n    </RootComponent>\n  );\n};\n"],"names":["Icon16Chevron","Icon24Chevron","classNames","useConfigDirection","RootComponent","VisuallyHidden","stylesSize","s","m","stylesDirection","up","right","down","left","labelDirection","ArrowIcon","size","Icon","className","ScrollArrow","offsetY","offsetX","direction","label","labelProp","children","restProps","textDirection","iconStyle","top","isRtl","Component","type","baseClassName","span","style","Object","keys","length","undefined"],"mappings":"AAAA;;AAGA,SAASA,aAAa,EAAEC,aAAa,QAAQ,mBAAmB;AAChE,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,oCAAiC;AAEpE,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,cAAc,QAAQ,sCAAmC;AAGlE,MAAMC,aAAa;IACjBC,CAAC;IACDC,CAAC;AACH;AAEA,MAAMC,kBAAkB;IACtBC,EAAE;IACFC,KAAK;IACLC,IAAI;IACJC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBJ,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC,MAAM;AACR;AAEA,MAAME,YAAY,CAAC,EAAEC,IAAI,EAAkC;IACzD,IAAIC,OAAOhB;IACX,IAAIe,SAAS,KAAK;QAChBC,OAAOjB;IACT;IAEA,qBAAO,KAACiB;QAAKC,SAAS;;AACxB;AA6BA;;;;;CAKC,GACD,OAAO,MAAMC,cAAc,CAAC,EAC1BH,OAAO,GAAG,EACVI,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,OAAOC,SAAS,EAChBC,yBAAW,KAACV;IAAUC,MAAMA;EAAQ,EACpC,GAAGU,WACc;IACjB,MAAMC,gBAAgBxB;IACtB,MAAMoB,QAAQC,aAAaV,cAAc,CAACQ,UAAU;IAEpD,MAAMM,YAAiC,CAAC;IACxC,IAAIR,SAAS;QACXQ,UAAUC,GAAG,GAAGT;IAClB;IACA,IAAIC,SAAS;QACX,MAAMS,QAAQH,kBAAkB;QAChC,IAAIL,cAAc,QAAQ;YACxBM,SAAS,CAACE,QAAQ,UAAU,OAAO,GAAGT;QACxC,OAAO,IAAIC,cAAc,SAAS;YAChCM,SAAS,CAACE,QAAQ,SAAS,QAAQ,GAAGT;QACxC;IACF;IAEA,qBACE,MAACjB;QACC2B,WAAU;QACVC,MAAK;QACLC,eAAe/B,oCAEbI,UAAU,CAACU,KAAK,EAChBP,eAAe,CAACa,UAAU,EAC1BK,kBAAkB;QAEnB,GAAGD,SAAS;;YAEZH,uBAAS,KAAClB;0BAAgBkB;;0BAC3B,KAACW;gBACChB,SAAS;gBACTiB,OAAOC,OAAOC,IAAI,CAACT,WAAWU,MAAM,GAAG,IAAIV,YAAYW;0BAEtDd;;;;AAIT,EAAE"}

package/dist/components/Search/Search.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import type { HasDataAttribute, HasRootRef } from '../../types';
 import { type IconButtonProps } from '../IconButton/IconButton';
-export type RenderIconButtonFn = (icon: React.ReactNode, props?: Partial<IconButtonProps> & HasDataAttribute) => React.ReactElement;
+export type RenderIconButtonFn = (icon: React.ReactNode, props?: (Partial<IconButtonProps> & HasDataAttribute) | undefined) => React.ReactElement;
 export interface SearchProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'autoComplete' | 'autoCapitalize' | 'autoCorrect' | 'disabled' | 'list' | 'maxLength' | 'minLength' | 'name' | 'pattern' | 'enterKeyHint' | 'placeholder' | 'readOnly' | 'required' | 'value' | 'form' | 'onChange' | 'onFocus' | 'onBlur'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>, HasRootRef<HTMLDivElement> {
     /**
      * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
      */
-    getRef?: React.Ref<HTMLInputElement>;
+    getRef?: React.Ref<HTMLInputElement> | undefined;
     /**
      * Свойства, которые можно прокинуть внутрь компонента:
      * - `root`: свойства для прокидывания в корень компонента;
@@ -14,64 +14,64 @@ export interface SearchProps extends Pick<React.InputHTMLAttributes<HTMLInputEle
      * - `clearButton`: свойства для прокидывания в кнопку очистки.
      */
     slotProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute;
+        root?: (React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute) | undefined;
         input?: React.InputHTMLAttributes<HTMLInputElement> & HasRootRef<HTMLInputElement> & HasDataAttribute;
         clearButton?: React.HTMLAttributes<HTMLElement> & HasRootRef<HTMLElement> & HasDataAttribute;
-    };
+    } | undefined;
     /**
      * Only iOS. Текст кнопки "отмена", которая чистит текстовое поле и убирает фокус.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Контент, отображаемый перед полем ввода.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Иконка поиска. Может быть React-элементом или функцией, возвращающей элемент.
      */
-    icon?: React.ReactNode | ((renderFn: RenderIconButtonFn) => React.ReactNode);
+    icon?: React.ReactNode | ((renderFn: RenderIconButtonFn) => React.ReactNode) | undefined;
     /**
      * Обработчик нажатия на иконку поиска.
      */
-    onIconClick?: React.PointerEventHandler<HTMLElement>;
+    onIconClick?: React.PointerEventHandler<HTMLElement> | undefined;
     /**
      * Значение поля ввода по умолчанию.
      */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
     /**
      * Текст для скринридеров, описывающий иконку поиска.
      */
-    iconLabel?: string;
+    iconLabel?: string | undefined;
     /**
      * Текст для скринридеров, описывающий кнопку очистки.
      */
-    clearLabel?: string;
+    clearLabel?: string | undefined;
     /**
      * @deprecated Since 8.1.0. Будет удалено в **VKUI v10**. Вместо этого используйте `slotProps={ clearButton: { 'data-testid': ... } }`.
      *
      * Передает атрибут `data-testid` для кнопки очистки.
      */
-    clearButtonTestId?: string;
+    clearButtonTestId?: string | undefined;
     /**
      * Удаляет отступы у компонента.
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
     /**
      * Текст для кнопки Найти.
      */
-    findButtonText?: string;
+    findButtonText?: string | undefined;
     /**
      * Обработчик, при нажатии на кнопку "Найти".
      */
-    onFindButtonClick?: React.MouseEventHandler<HTMLElement>;
+    onFindButtonClick?: React.MouseEventHandler<HTMLElement> | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки поиска.
      */
-    findButtonTestId?: string;
+    findButtonTestId?: string | undefined;
     /**
      * Скрывает кнопку очистки.
      */
-    hideClearButton?: boolean;
+    hideClearButton?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/search

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

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEhE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAQ5E,MAAM,MAAM,kBAAkB,GAAG,CAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,gBAAgB,KAChD,KAAK,CAAC,YAAY,CAAC;AAExB,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,MAAM,GACN,WAAW,GACX,WAAW,GACX,MAAM,GACN,SAAS,GACT,cAAc,GACd,aAAa,GACb,UAAU,GACV,UAAU,GACV,OAAO,GACP,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EAC7E,UAAU,CAAC,cAAc,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACrC;;;;;OAKG;IACH,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC;QAC5F,KAAK,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GACjD,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC;QACnB,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,gBAAgB,CAAC;KAC9F,CAAC;IACF;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,igBA4CpB,WAAW,KAAG,KAAK,CAAC,SA+OtB,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":"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"}