@vkontakte/vkui 8.0.1 → 8.1.0

package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nexport interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Компонент отображаемый после содержимого.\n   */\n  aside?: React.ReactNode;\n  /**\n   * Компонент отображаемый до содержимого.\n   */\n  before?: React.ReactNode;\n  /**\n   * Подпись под основным текстом.\n   */\n  subtitle?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  /**\n   * Есть ли подпись.\n   */\n  hasSubtitle: boolean;\n  /**\n   * Есть ли `before`.\n   */\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasSubtitle, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n\n  return hasSubtitle || hasBefore ? (\n    <Text\n      className={styles.childrenText}\n      Component=\"div\"\n      weight={platform === 'vkcom' ? '2' : undefined}\n    >\n      {children}\n    </Text>\n  ) : (\n    <div className={styles.childrenIn}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-content\n */\nexport const PanelHeaderContent = ({\n  aside,\n  subtitle,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps): React.ReactNode => {\n  const { density = 'none' } = useAdaptivity();\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === 'ios',\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <RootComponent\n      {...rootProps}\n      baseClassName={classNames(\n        styles.host,\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        density !== 'regular' && densityClassNames[density],\n      )}\n    >\n      {hasReactNode(before) && <div className={styles.before}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(styles.in, !before && platform !== 'android' && styles.inCentered)}\n      >\n        {hasReactNode(subtitle) && <Footnote className={styles.subtitle}>{subtitle}</Footnote>}\n        <div className={styles.children}>\n          <PanelHeaderChildren\n            hasSubtitle={hasReactNode(subtitle)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && <div className={styles.aside}>{aside}</div>}\n        </div>\n        {hasReactNode(before) && <div className={styles.width} />}\n      </InComponent>\n    </RootComponent>\n  );\n};\n"],"names":["classNames","hasReactNode","useAdaptivity","usePlatform","RootComponent","Tappable","Footnote","Text","platformClassNames","ios","android","vkcom","densityClassNames","none","compact","PanelHeaderChildren","hasSubtitle","hasBefore","children","platform","className","Component","weight","undefined","div","PanelHeaderContent","aside","subtitle","before","onClick","restProps","density","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassName","hasOwnProperty"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAG/C,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AA4BA,MAAMC,sBAAsB,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACzF,MAAMC,WAAWhB;IAEjB,OAAOa,eAAeC,0BACpB,KAACV;QACCa,SAAS;QACTC,WAAU;QACVC,QAAQH,aAAa,UAAU,MAAMI;kBAEpCL;uBAGH,KAACM;QAAIJ,SAAS;kBAAsBF;;AAExC;AAEA;;CAEC,GACD,OAAO,MAAMO,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNV,QAAQ,EACRW,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAG7B;IAC7B,MAAM8B,cAAcH,UAAUxB,WAAW;IACzC,MAAM4B,YAAYJ,UAAU,CAAC,IAAIC;IACjC,MAAMX,WAAWhB;IACjB,MAAM+B,UAAUL,UACZ;QACE,GAAGC,SAAS;QACZD;QACAM,mBAAmB;QACnBC,WAAWjB,aAAa;QACxBkB,YAAY;IACd,IACA,CAAC;IAEL,qBACE,MAACjC;QACE,GAAG6B,SAAS;QACbK,eAAetC,2CAEbQ,mBAAmB+B,cAAc,CAACpB,YAC9BX,kBAAkB,CAACW,SAAS,GAC5BX,mBAAmBE,OAAO,EAC9BqB,YAAY,aAAanB,iBAAiB,CAACmB,QAAQ;;YAGpD9B,aAAa2B,yBAAW,KAACJ;gBAAIJ,SAAS;0BAAkBQ;;0BACzD,MAACI;gBACE,GAAGE,OAAO;gBACXd,WAAWpB,yCAAsB,CAAC4B,UAAUT,aAAa;;oBAExDlB,aAAa0B,2BAAa,KAACrB;wBAASc,SAAS;kCAAoBO;;kCAClE,MAACH;wBAAIJ,SAAS;;0CACZ,KAACL;gCACCC,aAAaf,aAAa0B;gCAC1BV,WAAWhB,aAAa2B;0CAEvBV;;4BAEFjB,aAAayB,wBAAU,KAACF;gCAAIJ,SAAS;0CAAiBM;;;;oBAExDzB,aAAa2B,yBAAW,KAACJ;wBAAIJ,SAAS;;;;;;AAI/C,EAAE"}
+{"version":3,"sources":["../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport styles from './PanelHeaderContent.module.css';\n\nconst platformClassNames = {\n  ios: styles.ios,\n  android: styles.android,\n  vkcom: styles.vkcom,\n};\n\nconst densityClassNames = {\n  none: styles.densityNone,\n  compact: styles.densityCompact,\n};\n\nexport interface PanelHeaderContentProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Компонент отображаемый после содержимого.\n   */\n  aside?: React.ReactNode | undefined;\n  /**\n   * Компонент отображаемый до содержимого.\n   */\n  before?: React.ReactNode | undefined;\n  /**\n   * Подпись под основным текстом.\n   */\n  subtitle?: React.ReactNode | undefined;\n}\n\ninterface PanelHeaderChildrenProps extends HasChildren {\n  /**\n   * Есть ли подпись.\n   */\n  hasSubtitle: boolean;\n  /**\n   * Есть ли `before`.\n   */\n  hasBefore: boolean;\n}\n\nconst PanelHeaderChildren = ({ hasSubtitle, hasBefore, children }: PanelHeaderChildrenProps) => {\n  const platform = usePlatform();\n\n  return hasSubtitle || hasBefore ? (\n    <Text\n      className={styles.childrenText}\n      Component=\"div\"\n      weight={platform === 'vkcom' ? '2' : undefined}\n    >\n      {children}\n    </Text>\n  ) : (\n    <div className={styles.childrenIn}>{children}</div>\n  );\n};\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-content\n */\nexport const PanelHeaderContent = ({\n  aside,\n  subtitle,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps): React.ReactNode => {\n  const { density = 'none' } = useAdaptivity();\n  const InComponent = onClick ? Tappable : 'div';\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === 'ios',\n        activeMode: 'opacity',\n      }\n    : {};\n\n  return (\n    <RootComponent\n      {...rootProps}\n      baseClassName={classNames(\n        styles.host,\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        density !== 'regular' && densityClassNames[density],\n      )}\n    >\n      {hasReactNode(before) && <div className={styles.before}>{before}</div>}\n      <InComponent\n        {...inProps}\n        className={classNames(styles.in, !before && platform !== 'android' && styles.inCentered)}\n      >\n        {hasReactNode(subtitle) && <Footnote className={styles.subtitle}>{subtitle}</Footnote>}\n        <div className={styles.children}>\n          <PanelHeaderChildren\n            hasSubtitle={hasReactNode(subtitle)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && <div className={styles.aside}>{aside}</div>}\n        </div>\n        {hasReactNode(before) && <div className={styles.width} />}\n      </InComponent>\n    </RootComponent>\n  );\n};\n"],"names":["classNames","hasReactNode","useAdaptivity","usePlatform","RootComponent","Tappable","Footnote","Text","platformClassNames","ios","android","vkcom","densityClassNames","none","compact","PanelHeaderChildren","hasSubtitle","hasBefore","children","platform","className","Component","weight","undefined","div","PanelHeaderContent","aside","subtitle","before","onClick","restProps","density","InComponent","rootProps","inProps","activeEffectDelay","hasActive","activeMode","baseClassName","hasOwnProperty"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAC3D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAG/C,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAEA,MAAMC,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AA4BA,MAAMC,sBAAsB,CAAC,EAAEC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,EAA4B;IACzF,MAAMC,WAAWhB;IAEjB,OAAOa,eAAeC,0BACpB,KAACV;QACCa,SAAS;QACTC,WAAU;QACVC,QAAQH,aAAa,UAAU,MAAMI;kBAEpCL;uBAGH,KAACM;QAAIJ,SAAS;kBAAsBF;;AAExC;AAEA;;CAEC,GACD,OAAO,MAAMO,qBAAqB,CAAC,EACjCC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNV,QAAQ,EACRW,OAAO,EACP,GAAGC,WACqB;IACxB,MAAM,EAAEC,UAAU,MAAM,EAAE,GAAG7B;IAC7B,MAAM8B,cAAcH,UAAUxB,WAAW;IACzC,MAAM4B,YAAYJ,UAAU,CAAC,IAAIC;IACjC,MAAMX,WAAWhB;IACjB,MAAM+B,UAAUL,UACZ;QACE,GAAGC,SAAS;QACZD;QACAM,mBAAmB;QACnBC,WAAWjB,aAAa;QACxBkB,YAAY;IACd,IACA,CAAC;IAEL,qBACE,MAACjC;QACE,GAAG6B,SAAS;QACbK,eAAetC,2CAEbQ,mBAAmB+B,cAAc,CAACpB,YAC9BX,kBAAkB,CAACW,SAAS,GAC5BX,mBAAmBE,OAAO,EAC9BqB,YAAY,aAAanB,iBAAiB,CAACmB,QAAQ;;YAGpD9B,aAAa2B,yBAAW,KAACJ;gBAAIJ,SAAS;0BAAkBQ;;0BACzD,MAACI;gBACE,GAAGE,OAAO;gBACXd,WAAWpB,yCAAsB,CAAC4B,UAAUT,aAAa;;oBAExDlB,aAAa0B,2BAAa,KAACrB;wBAASc,SAAS;kCAAoBO;;kCAClE,MAACH;wBAAIJ,SAAS;;0CACZ,KAACL;gCACCC,aAAaf,aAAa0B;gCAC1BV,WAAWhB,aAAa2B;0CAEvBV;;4BAEFjB,aAAayB,wBAAU,KAACF;gCAAIJ,SAAS;0CAAiBM;;;;oBAExDzB,aAAa2B,yBAAW,KAACJ;wBAAIJ,SAAS;;;;;;AAI/C,EAAE"}

package/dist/components/PanelHeaderEdit/PanelHeaderEdit.d.ts

@@ -4,15 +4,15 @@ export interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'labe
     /**
      * Включен ли режим редактирования.
      */
-    isActive?: boolean;
+    isActive?: boolean | undefined;
     /**
      * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.
      */
-    editLabel?: string;
+    editLabel?: string | undefined;
     /**
      * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.
      */
-    doneLabel?: string;
+    doneLabel?: string | undefined;
 }
 /**
  * @see https://vkui.io/components/panel-header#panel-header-edit

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

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderEdit.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9F;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,kDAK7B,oBAAoB,KAAG,KAAK,CAAC,SAiB/B,CAAC"}
+{"version":3,"file":"PanelHeaderEdit.d.ts","sourceRoot":"","sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AASpC,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,wCAAwC,CAAC;AAGhD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9F;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,kDAK7B,oBAAoB,KAAG,KAAK,CAAC,SAiB/B,CAAC"}

package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Icon24DoneOutline,\n  Icon24PenOutline,\n  Icon28DoneOutline,\n  Icon28EditOutline,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport {\n  PanelHeaderButton,\n  type PanelHeaderButtonProps,\n} from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nexport interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'label' | 'children'> {\n  /**\n   * Включен ли режим редактирования.\n   */\n  isActive?: boolean;\n  /**\n   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.\n   */\n  editLabel?: string;\n  /**\n   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-edit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps): React.ReactNode => {\n  const platform = usePlatform();\n  const label = isActive ? doneLabel : editLabel;\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      label={platform === 'ios' ? label : label && <VisuallyHidden>{label}</VisuallyHidden>}\n    >\n      {platform !== 'ios' && (\n        <AdaptiveIconRenderer\n          IconCompact={isActive ? Icon24DoneOutline : Icon24PenOutline}\n          IconRegular={isActive ? Icon28DoneOutline : Icon28EditOutline}\n        />\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["Icon24DoneOutline","Icon24PenOutline","Icon28DoneOutline","Icon28EditOutline","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","label","IconCompact","IconRegular"],"mappings":"AAAA;;AAGA,SACEA,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,iBAAiB,QACZ,mBAAmB;AAC1B,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAiBlE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,WAAW,KAAK,EAChBC,YAAY,eAAe,EAC3BC,YAAY,QAAQ,EACpB,GAAGC,WACkB;IACrB,MAAMC,WAAWT;IACjB,MAAMU,QAAQL,WAAWE,YAAYD;IAErC,qBACE,KAACJ;QACE,GAAGM,SAAS;QACbE,OAAOD,aAAa,QAAQC,QAAQA,uBAAS,KAACP;sBAAgBO;;kBAE7DD,aAAa,uBACZ,KAACR;YACCU,aAAaN,WAAWT,oBAAoBC;YAC5Ce,aAAaP,WAAWP,oBAAoBC;;;AAKtD,EAAE"}
+{"version":3,"sources":["../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport {\n  Icon24DoneOutline,\n  Icon24PenOutline,\n  Icon28DoneOutline,\n  Icon28EditOutline,\n} from '@vkontakte/icons';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptiveIconRenderer } from '../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport {\n  PanelHeaderButton,\n  type PanelHeaderButtonProps,\n} from '../PanelHeaderButton/PanelHeaderButton';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\n\nexport interface PanelHeaderEditProps extends Omit<PanelHeaderButtonProps, 'label' | 'children'> {\n  /**\n   * Включен ли режим редактирования.\n   */\n  isActive?: boolean | undefined;\n  /**\n   * Текст кнопки, когда режим редактирования не активен. Визуально скрыт везде, кроме iOS.\n   */\n  editLabel?: string | undefined;\n  /**\n   * Текст кнопки при активном режиме редактирования для выхода из него. Визуально скрыт везде, кроме iOS.\n   */\n  doneLabel?: string | undefined;\n}\n\n/**\n * @see https://vkui.io/components/panel-header#panel-header-edit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = 'Редактировать',\n  doneLabel = 'Готово',\n  ...restProps\n}: PanelHeaderEditProps): React.ReactNode => {\n  const platform = usePlatform();\n  const label = isActive ? doneLabel : editLabel;\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      label={platform === 'ios' ? label : label && <VisuallyHidden>{label}</VisuallyHidden>}\n    >\n      {platform !== 'ios' && (\n        <AdaptiveIconRenderer\n          IconCompact={isActive ? Icon24DoneOutline : Icon24PenOutline}\n          IconRegular={isActive ? Icon28DoneOutline : Icon28EditOutline}\n        />\n      )}\n    </PanelHeaderButton>\n  );\n};\n"],"names":["Icon24DoneOutline","Icon24PenOutline","Icon28DoneOutline","Icon28EditOutline","usePlatform","AdaptiveIconRenderer","PanelHeaderButton","VisuallyHidden","PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","platform","label","IconCompact","IconRegular"],"mappings":"AAAA;;AAGA,SACEA,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,iBAAiB,QACZ,mBAAmB;AAC1B,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,oBAAoB,QAAQ,kDAA+C;AACpF,SACEC,iBAAiB,QAEZ,4CAAyC;AAChD,SAASC,cAAc,QAAQ,sCAAmC;AAiBlE;;CAEC,GACD,OAAO,MAAMC,kBAAkB,CAAC,EAC9BC,WAAW,KAAK,EAChBC,YAAY,eAAe,EAC3BC,YAAY,QAAQ,EACpB,GAAGC,WACkB;IACrB,MAAMC,WAAWT;IACjB,MAAMU,QAAQL,WAAWE,YAAYD;IAErC,qBACE,KAACJ;QACE,GAAGM,SAAS;QACbE,OAAOD,aAAa,QAAQC,QAAQA,uBAAS,KAACP;sBAAgBO;;kBAE7DD,aAAa,uBACZ,KAACR;YACCU,aAAaN,WAAWT,oBAAoBC;YAC5Ce,aAAaP,WAAWP,oBAAoBC;;;AAKtD,EAAE"}

package/dist/components/PanelSpinner/PanelSpinner.d.ts

@@ -4,7 +4,7 @@ export interface PanelSpinnerProps extends SpinnerProps {
     /**
      * Высота компонента.
      */
-    height?: number;
+    height?: number | undefined;
 }
 /**
  * @see https://vkui.io/components/panel#panel-spinner

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

@@ -1 +1 @@
-{"version":3,"file":"PanelSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AAEH,eAAO,MAAM,YAAY,8DACgB,iBAAiB,6CAGzD,CAAC"}
+{"version":3,"file":"PanelSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED;;GAEG;AAEH,eAAO,MAAM,YAAY,8DACgB,iBAAiB,6CAGzD,CAAC"}

package/dist/components/PanelSpinner/PanelSpinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { Spinner, type SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  /**\n   * Высота компонента.\n   */\n  height?: number;\n}\n\n/**\n * @see https://vkui.io/components/panel#panel-spinner\n */\n// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"m\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(PanelSpinner, 'PanelSpinner');\n}\n"],"names":["React","defineComponentDisplayNames","Spinner","PanelSpinner","memo","height","style","restProps","size","process","env","NODE_ENV"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAC1F,SAASC,OAAO,QAA2B,wBAAqB;AAShE;;CAEC,GACD,0FAA0F;AAC1F,OAAO,MAAMC,6BAAeH,MAAMI,IAAI,CACpC,CAAC,EAAEC,SAAS,EAAE,EAAEC,KAAK,EAAE,GAAGC,WAA8B,iBACtD,KAACL;QAAQM,MAAK;QAAK,GAAGD,SAAS;QAAED,OAAO;YAAED;YAAQ,GAAGC,KAAK;QAAC;QAE7D;AAEF,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCV,4BAA4BE,cAAc;AAC5C"}
+{"version":3,"sources":["../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { Spinner, type SpinnerProps } from '../Spinner/Spinner';\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  /**\n   * Высота компонента.\n   */\n  height?: number | undefined;\n}\n\n/**\n * @see https://vkui.io/components/panel#panel-spinner\n */\n// eslint-disable-next-line react/display-name -- используется defineComponentDisplayNames\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"m\" {...restProps} style={{ height, ...style }} />\n  ),\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(PanelSpinner, 'PanelSpinner');\n}\n"],"names":["React","defineComponentDisplayNames","Spinner","PanelSpinner","memo","height","style","restProps","size","process","env","NODE_ENV"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAC1F,SAASC,OAAO,QAA2B,wBAAqB;AAShE;;CAEC,GACD,0FAA0F;AAC1F,OAAO,MAAMC,6BAAeH,MAAMI,IAAI,CACpC,CAAC,EAAEC,SAAS,EAAE,EAAEC,KAAK,EAAE,GAAGC,WAA8B,iBACtD,KAACL;QAAQM,MAAK;QAAK,GAAGD,SAAS;QAAED,OAAO;YAAED;YAAQ,GAAGC,KAAK;QAAC;QAE7D;AAEF,IAAIG,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCV,4BAA4BE,cAAc;AAC5C"}

package/dist/components/Placeholder/Placeholder.d.ts

@@ -4,11 +4,11 @@ export interface PlaceholderContainerProps extends Omit<HTMLAttributesWithRootRe
     /**
      * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.
      */
-    stretched?: boolean;
+    stretched?: boolean | undefined;
     /**
      * Убирает отступы у компонента.
      */
-    noPadding?: boolean;
+    noPadding?: boolean | undefined;
 }
 declare const PlaceholderContainer: ({ stretched, noPadding, ...restProps }: PlaceholderContainerProps) => React.ReactNode;
 export type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;
@@ -23,15 +23,15 @@ export interface PlaceholderProps extends PlaceholderContainerProps {
     /**
      * Иконка.
      */
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | undefined;
     /**
      * Заголовок плейсхолдера.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
     /**
      * Кнопка действия.
      */
-    action?: React.ReactNode;
+    action?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/placeholder

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAM3E,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,GAAI,wCAI3B,yBAAyB,KAAG,KAAK,CAAC,SASpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAE7E,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,KAAG,KAAK,CAAC,SAE5D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE1F,QAAA,MAAM,gBAAgB,GAAI,6BAA6B,qBAAqB,KAAG,KAAK,CAAC,SAEpF,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAEhG,QAAA,MAAM,sBAAsB,GAAI,6BAG7B,2BAA2B,KAAG,KAAK,CAAC,SAEtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAEhF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,KAAG,KAAK,CAAC,SAElE,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACrD,SAAS,EAAE,OAAO,oBAAoB,CAAC;IACvC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,KAAK,EAAE,OAAO,gBAAgB,CAAC;IAC/B,WAAW,EAAE,OAAO,sBAAsB,CAAC;IAC3C,OAAO,EAAE,OAAO,kBAAkB,CAAC;CAQpC,CAAC"}
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAM3E,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,oBAAoB,GAAI,wCAI3B,yBAAyB,KAAG,KAAK,CAAC,SASpC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAE7E,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,KAAG,KAAK,CAAC,SAE5D,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAE1F,QAAA,MAAM,gBAAgB,GAAI,6BAA6B,qBAAqB,KAAG,KAAK,CAAC,SAEpF,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG,YAAY,CAAC;AAEhG,QAAA,MAAM,sBAAsB,GAAI,6BAG7B,2BAA2B,KAAG,KAAK,CAAC,SAEtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAEhF,QAAA,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,KAAG,KAAK,CAAC,SAElE,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;IACjE;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG;IACrD,SAAS,EAAE,OAAO,oBAAoB,CAAC;IACvC,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,KAAK,EAAE,OAAO,gBAAgB,CAAC;IAC/B,WAAW,EAAE,OAAO,sBAAsB,CAAC;IAC3C,OAAO,EAAE,OAAO,kBAAkB,CAAC;CAQpC,CAAC"}

package/dist/components/Placeholder/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderContainerProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.\n   */\n  stretched?: boolean;\n  /**\n   * Убирает отступы у компонента.\n   */\n  noPadding?: boolean;\n}\n\nconst PlaceholderContainer = ({\n  stretched,\n  noPadding = false,\n  ...restProps\n}: PlaceholderContainerProps): React.ReactNode => (\n  <RootComponent\n    baseClassName={classNames(\n      styles.host,\n      stretched && styles.stretched,\n      !noPadding && styles.withPadding,\n    )}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderIcon = (props: PlaceholderIconProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.icon} {...props} />\n);\n\nexport type PlaceholderTitleProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderTitle = ({ className, ...restProps }: PlaceholderTitleProps): React.ReactNode => (\n  <Title level=\"2\" weight=\"2\" className={classNames(className, styles.title)} {...restProps} />\n);\n\nexport type PlaceholderDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderDescription = ({\n  className,\n  ...restProps\n}: PlaceholderDescriptionProps): React.ReactNode => (\n  <Headline weight=\"3\" className={classNames(className, styles.description)} {...restProps} />\n);\n\nexport type PlaceholderActionsProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderActions = (props: PlaceholderActionsProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.action} {...props} />\n);\n\nexport interface PlaceholderProps extends PlaceholderContainerProps {\n  /**\n   * Иконка.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера.\n   */\n  title?: React.ReactNode;\n  /**\n   * Кнопка действия.\n   */\n  action?: React.ReactNode;\n}\n\n/**\n * @see https://vkui.io/components/placeholder\n */\nexport const Placeholder: React.FC<PlaceholderProps> & {\n  Container: typeof PlaceholderContainer;\n  Icon: typeof PlaceholderIcon;\n  Title: typeof PlaceholderTitle;\n  Description: typeof PlaceholderDescription;\n  Actions: typeof PlaceholderActions;\n} = ({ icon, title, children, action, noPadding = false, ...restProps }: PlaceholderProps) => (\n  <PlaceholderContainer noPadding={noPadding} {...restProps}>\n    {hasReactNode(icon) && <PlaceholderIcon>{icon}</PlaceholderIcon>}\n    {hasReactNode(title) && <PlaceholderTitle>{title}</PlaceholderTitle>}\n    {hasReactNode(children) && <PlaceholderDescription>{children}</PlaceholderDescription>}\n    {hasReactNode(action) && <PlaceholderActions>{action}</PlaceholderActions>}\n  </PlaceholderContainer>\n);\n\nPlaceholder.Container = PlaceholderContainer;\nPlaceholder.Icon = PlaceholderIcon;\nPlaceholder.Title = PlaceholderTitle;\nPlaceholder.Description = PlaceholderDescription;\nPlaceholder.Actions = PlaceholderActions;\n"],"names":["classNames","hasReactNode","RootComponent","Headline","Title","PlaceholderContainer","stretched","noPadding","restProps","baseClassName","PlaceholderIcon","props","PlaceholderTitle","className","level","weight","PlaceholderDescription","PlaceholderActions","Placeholder","icon","title","children","action","Container","Icon","Description","Actions"],"mappings":";AACA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,KAAK,QAAQ,+BAA4B;AAelD,MAAMC,uBAAuB,CAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EACjB,GAAGC,WACuB,iBAC1B,KAACN;QACCO,eAAeT,oCAEbM,2CACA,CAACC;QAEF,GAAGC,SAAS;;AAMjB,MAAME,kBAAkB,CAACC,sBACvB,KAACT;QAAcO,aAAa;QAAgB,GAAGE,KAAK;;AAKtD,MAAMC,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GAAGL,WAAkC,iBAC1E,KAACJ;QAAMU,OAAM;QAAIC,QAAO;QAAIF,WAAWb,WAAWa;QAA2B,GAAGL,SAAS;;AAK3F,MAAMQ,yBAAyB,CAAC,EAC9BH,SAAS,EACT,GAAGL,WACyB,iBAC5B,KAACL;QAASY,QAAO;QAAIF,WAAWb,WAAWa;QAAiC,GAAGL,SAAS;;AAK1F,MAAMS,qBAAqB,CAACN,sBAC1B,KAACT;QAAcO,aAAa;QAAkB,GAAGE,KAAK;;AAkBxD;;CAEC,GACD,OAAO,MAAMO,cAMT,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEf,YAAY,KAAK,EAAE,GAAGC,WAA6B,iBACvF,MAACH;QAAqBE,WAAWA;QAAY,GAAGC,SAAS;;YACtDP,aAAakB,uBAAS,KAACT;0BAAiBS;;YACxClB,aAAamB,wBAAU,KAACR;0BAAkBQ;;YAC1CnB,aAAaoB,2BAAa,KAACL;0BAAwBK;;YACnDpB,aAAaqB,yBAAW,KAACL;0BAAoBK;;;OAEhD;AAEFJ,YAAYK,SAAS,GAAGlB;AACxBa,YAAYM,IAAI,GAAGd;AACnBQ,YAAYd,KAAK,GAAGQ;AACpBM,YAAYO,WAAW,GAAGT;AAC1BE,YAAYQ,OAAO,GAAGT"}
+{"version":3,"sources":["../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HasComponent, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Placeholder.module.css';\n\nexport interface PlaceholderContainerProps\n  extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'title'> {\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер.\n   */\n  stretched?: boolean | undefined;\n  /**\n   * Убирает отступы у компонента.\n   */\n  noPadding?: boolean | undefined;\n}\n\nconst PlaceholderContainer = ({\n  stretched,\n  noPadding = false,\n  ...restProps\n}: PlaceholderContainerProps): React.ReactNode => (\n  <RootComponent\n    baseClassName={classNames(\n      styles.host,\n      stretched && styles.stretched,\n      !noPadding && styles.withPadding,\n    )}\n    {...restProps}\n  />\n);\n\nexport type PlaceholderIconProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderIcon = (props: PlaceholderIconProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.icon} {...props} />\n);\n\nexport type PlaceholderTitleProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderTitle = ({ className, ...restProps }: PlaceholderTitleProps): React.ReactNode => (\n  <Title level=\"2\" weight=\"2\" className={classNames(className, styles.title)} {...restProps} />\n);\n\nexport type PlaceholderDescriptionProps = HTMLAttributesWithRootRef<HTMLElement> & HasComponent;\n\nconst PlaceholderDescription = ({\n  className,\n  ...restProps\n}: PlaceholderDescriptionProps): React.ReactNode => (\n  <Headline weight=\"3\" className={classNames(className, styles.description)} {...restProps} />\n);\n\nexport type PlaceholderActionsProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\nconst PlaceholderActions = (props: PlaceholderActionsProps): React.ReactNode => (\n  <RootComponent baseClassName={styles.action} {...props} />\n);\n\nexport interface PlaceholderProps extends PlaceholderContainerProps {\n  /**\n   * Иконка.\n   */\n  icon?: React.ReactNode | undefined;\n  /**\n   * Заголовок плейсхолдера.\n   */\n  title?: React.ReactNode | undefined;\n  /**\n   * Кнопка действия.\n   */\n  action?: React.ReactNode | undefined;\n}\n\n/**\n * @see https://vkui.io/components/placeholder\n */\nexport const Placeholder: React.FC<PlaceholderProps> & {\n  Container: typeof PlaceholderContainer;\n  Icon: typeof PlaceholderIcon;\n  Title: typeof PlaceholderTitle;\n  Description: typeof PlaceholderDescription;\n  Actions: typeof PlaceholderActions;\n} = ({ icon, title, children, action, noPadding = false, ...restProps }: PlaceholderProps) => (\n  <PlaceholderContainer noPadding={noPadding} {...restProps}>\n    {hasReactNode(icon) && <PlaceholderIcon>{icon}</PlaceholderIcon>}\n    {hasReactNode(title) && <PlaceholderTitle>{title}</PlaceholderTitle>}\n    {hasReactNode(children) && <PlaceholderDescription>{children}</PlaceholderDescription>}\n    {hasReactNode(action) && <PlaceholderActions>{action}</PlaceholderActions>}\n  </PlaceholderContainer>\n);\n\nPlaceholder.Container = PlaceholderContainer;\nPlaceholder.Icon = PlaceholderIcon;\nPlaceholder.Title = PlaceholderTitle;\nPlaceholder.Description = PlaceholderDescription;\nPlaceholder.Actions = PlaceholderActions;\n"],"names":["classNames","hasReactNode","RootComponent","Headline","Title","PlaceholderContainer","stretched","noPadding","restProps","baseClassName","PlaceholderIcon","props","PlaceholderTitle","className","level","weight","PlaceholderDescription","PlaceholderActions","Placeholder","icon","title","children","action","Container","Icon","Description","Actions"],"mappings":";AACA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,KAAK,QAAQ,+BAA4B;AAelD,MAAMC,uBAAuB,CAAC,EAC5BC,SAAS,EACTC,YAAY,KAAK,EACjB,GAAGC,WACuB,iBAC1B,KAACN;QACCO,eAAeT,oCAEbM,2CACA,CAACC;QAEF,GAAGC,SAAS;;AAMjB,MAAME,kBAAkB,CAACC,sBACvB,KAACT;QAAcO,aAAa;QAAgB,GAAGE,KAAK;;AAKtD,MAAMC,mBAAmB,CAAC,EAAEC,SAAS,EAAE,GAAGL,WAAkC,iBAC1E,KAACJ;QAAMU,OAAM;QAAIC,QAAO;QAAIF,WAAWb,WAAWa;QAA2B,GAAGL,SAAS;;AAK3F,MAAMQ,yBAAyB,CAAC,EAC9BH,SAAS,EACT,GAAGL,WACyB,iBAC5B,KAACL;QAASY,QAAO;QAAIF,WAAWb,WAAWa;QAAiC,GAAGL,SAAS;;AAK1F,MAAMS,qBAAqB,CAACN,sBAC1B,KAACT;QAAcO,aAAa;QAAkB,GAAGE,KAAK;;AAkBxD;;CAEC,GACD,OAAO,MAAMO,cAMT,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEf,YAAY,KAAK,EAAE,GAAGC,WAA6B,iBACvF,MAACH;QAAqBE,WAAWA;QAAY,GAAGC,SAAS;;YACtDP,aAAakB,uBAAS,KAACT;0BAAiBS;;YACxClB,aAAamB,wBAAU,KAACR;0BAAkBQ;;YAC1CnB,aAAaoB,2BAAa,KAACL;0BAAwBK;;YACnDpB,aAAaqB,yBAAW,KAACL;0BAAoBK;;;OAEhD;AAEFJ,YAAYK,SAAS,GAAGlB;AACxBa,YAAYM,IAAI,GAAGd;AACnBQ,YAAYd,KAAK,GAAGQ;AACpBM,YAAYO,WAAW,GAAGT;AAC1BE,YAAYQ,OAAO,GAAGT"}

package/dist/components/PopoutWrapper/PopoutWrapper.d.ts

@@ -4,7 +4,7 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
     /**
      * Позволяет сделать прозрачную подложку.
      */
-    noBackground?: boolean;
+    noBackground?: boolean | undefined;
     /**
      * Стратегия позиционирования:
      *
@@ -14,23 +14,23 @@ export interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivEle
      *
      * @default 'fixed'
      */
-    strategy?: 'fixed' | 'absolute' | 'none';
+    strategy?: 'fixed' | 'absolute' | 'none' | undefined;
     /**
      * Выравнивает контент по горизонтали.
      */
-    alignX?: 'left' | 'center' | 'right';
+    alignX?: 'left' | 'center' | 'right' | undefined;
     /**
      * Выравнивает контент по вертикали.
      */
-    alignY?: 'top' | 'center' | 'bottom';
+    alignY?: 'top' | 'center' | 'bottom' | undefined;
     /**
      * Спрячет компонент через fade-out анимацию.
      */
-    closing?: boolean;
+    closing?: boolean | undefined;
     /**
      * Позволяет задать z-index через токен или числом.
      */
-    zIndex?: number | string;
+    zIndex?: number | string | undefined;
 }
 /**
  * @see https://vkui.io/components/popout-wrapper

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

@@ -1 +1 @@
-{"version":3,"file":"PopoutWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAsB7D,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,8FAU3B,kBAAkB,KAAG,KAAK,CAAC,SAkB7B,CAAC"}
+{"version":3,"file":"PopoutWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAsB7D,MAAM,WAAW,kBAAmB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IACnF;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,8FAU3B,kBAAkB,KAAG,KAAK,CAAC,SAkB7B,CAAC"}

package/dist/components/PopoutWrapper/PopoutWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutWrapper.module.css';\n\nconst stylesAlignX = {\n  center: styles.alignXCenter,\n  left: styles.alignXLeft,\n  right: styles.alignXRight,\n};\n\nconst stylesAlignY = {\n  center: styles.alignYCenter,\n  top: styles.alignYTop,\n  bottom: styles.alignYBottom,\n};\n\nconst stylesStrategy = {\n  fixed: styles.fixed,\n  absolute: styles.absolute,\n  none: undefined,\n};\n\nexport interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Позволяет сделать прозрачную подложку.\n   */\n  noBackground?: boolean;\n  /**\n   * Стратегия позиционирования:\n   *\n   * - `fixed`: у контейнера выставлен `position: fixed`\n   * - `absolute`: у контейнера выставлен `position: absolute`\n   * - `none`: у контейнера не выставлен `position`.\n   *\n   * @default 'fixed'\n   */\n  strategy?: 'fixed' | 'absolute' | 'none';\n  /**\n   * Выравнивает контент по горизонтали.\n   */\n  alignX?: 'left' | 'center' | 'right';\n  /**\n   * Выравнивает контент по вертикали.\n   */\n  alignY?: 'top' | 'center' | 'bottom';\n  /**\n   * Спрячет компонент через fade-out анимацию.\n   */\n  closing?: boolean;\n  /**\n   * Позволяет задать z-index через токен или числом.\n   */\n  zIndex?: number | string;\n}\n\n/**\n * @see https://vkui.io/components/popout-wrapper\n */\nexport const PopoutWrapper = ({\n  alignY = 'center',\n  alignX = 'center',\n  closing = false,\n  noBackground = false,\n  strategy = 'fixed',\n  children,\n  onClick,\n  zIndex = 'var(--vkui--z_index_popout)',\n  ...restProps\n}: PopoutWrapperProps): React.ReactNode => (\n  <RootComponent\n    {...restProps}\n    baseClassName={classNames(\n      styles.host,\n      stylesAlignY[alignY],\n      stylesAlignX[alignX],\n      closing ? styles.closing : styles.opened,\n      strategy && stylesStrategy[strategy],\n      !noBackground && styles.masked,\n    )}\n    baseStyle={{ zIndex }}\n  >\n    <div className={styles.container}>\n      <div className={styles.overlay} onClick={onClick} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  </RootComponent>\n);\n"],"names":["classNames","RootComponent","stylesAlignX","center","left","right","stylesAlignY","top","bottom","stylesStrategy","fixed","absolute","none","undefined","PopoutWrapper","alignY","alignX","closing","noBackground","strategy","children","onClick","zIndex","restProps","baseClassName","baseStyle","div","className"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,eAAe;IACnBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AAEA,MAAMC,eAAe;IACnBH,MAAM;IACNI,GAAG;IACHC,MAAM;AACR;AAEA,MAAMC,iBAAiB;IACrBC,KAAK;IACLC,QAAQ;IACRC,MAAMC;AACR;AAmCA;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,SAAS,QAAQ,EACjBC,SAAS,QAAQ,EACjBC,UAAU,KAAK,EACfC,eAAe,KAAK,EACpBC,WAAW,OAAO,EAClBC,QAAQ,EACRC,OAAO,EACPC,SAAS,6BAA6B,EACtC,GAAGC,WACgB,iBACnB,KAACtB;QACE,GAAGsB,SAAS;QACbC,eAAexB,sCAEbM,YAAY,CAACS,OAAO,EACpBb,YAAY,CAACc,OAAO,EACpBC,sEACAE,YAAYV,cAAc,CAACU,SAAS,EACpC,CAACD;QAEHO,WAAW;YAAEH;QAAO;kBAEpB,cAAA,MAACI;YAAIC,SAAS;;8BACZ,KAACD;oBAAIC,SAAS;oBAAkBN,SAASA;;8BACzC,KAACK;oBAAIC,SAAS;8BAAmBP;;;;OAGrC"}
+{"version":3,"sources":["../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './PopoutWrapper.module.css';\n\nconst stylesAlignX = {\n  center: styles.alignXCenter,\n  left: styles.alignXLeft,\n  right: styles.alignXRight,\n};\n\nconst stylesAlignY = {\n  center: styles.alignYCenter,\n  top: styles.alignYTop,\n  bottom: styles.alignYBottom,\n};\n\nconst stylesStrategy = {\n  fixed: styles.fixed,\n  absolute: styles.absolute,\n  none: undefined,\n};\n\nexport interface PopoutWrapperProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Позволяет сделать прозрачную подложку.\n   */\n  noBackground?: boolean | undefined;\n  /**\n   * Стратегия позиционирования:\n   *\n   * - `fixed`: у контейнера выставлен `position: fixed`\n   * - `absolute`: у контейнера выставлен `position: absolute`\n   * - `none`: у контейнера не выставлен `position`.\n   *\n   * @default 'fixed'\n   */\n  strategy?: 'fixed' | 'absolute' | 'none' | undefined;\n  /**\n   * Выравнивает контент по горизонтали.\n   */\n  alignX?: 'left' | 'center' | 'right' | undefined;\n  /**\n   * Выравнивает контент по вертикали.\n   */\n  alignY?: 'top' | 'center' | 'bottom' | undefined;\n  /**\n   * Спрячет компонент через fade-out анимацию.\n   */\n  closing?: boolean | undefined;\n  /**\n   * Позволяет задать z-index через токен или числом.\n   */\n  zIndex?: number | string | undefined;\n}\n\n/**\n * @see https://vkui.io/components/popout-wrapper\n */\nexport const PopoutWrapper = ({\n  alignY = 'center',\n  alignX = 'center',\n  closing = false,\n  noBackground = false,\n  strategy = 'fixed',\n  children,\n  onClick,\n  zIndex = 'var(--vkui--z_index_popout)',\n  ...restProps\n}: PopoutWrapperProps): React.ReactNode => (\n  <RootComponent\n    {...restProps}\n    baseClassName={classNames(\n      styles.host,\n      stylesAlignY[alignY],\n      stylesAlignX[alignX],\n      closing ? styles.closing : styles.opened,\n      strategy && stylesStrategy[strategy],\n      !noBackground && styles.masked,\n    )}\n    baseStyle={{ zIndex }}\n  >\n    <div className={styles.container}>\n      <div className={styles.overlay} onClick={onClick} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  </RootComponent>\n);\n"],"names":["classNames","RootComponent","stylesAlignX","center","left","right","stylesAlignY","top","bottom","stylesStrategy","fixed","absolute","none","undefined","PopoutWrapper","alignY","alignX","closing","noBackground","strategy","children","onClick","zIndex","restProps","baseClassName","baseStyle","div","className"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,eAAe;IACnBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AAEA,MAAMC,eAAe;IACnBH,MAAM;IACNI,GAAG;IACHC,MAAM;AACR;AAEA,MAAMC,iBAAiB;IACrBC,KAAK;IACLC,QAAQ;IACRC,MAAMC;AACR;AAmCA;;CAEC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,SAAS,QAAQ,EACjBC,SAAS,QAAQ,EACjBC,UAAU,KAAK,EACfC,eAAe,KAAK,EACpBC,WAAW,OAAO,EAClBC,QAAQ,EACRC,OAAO,EACPC,SAAS,6BAA6B,EACtC,GAAGC,WACgB,iBACnB,KAACtB;QACE,GAAGsB,SAAS;QACbC,eAAexB,sCAEbM,YAAY,CAACS,OAAO,EACpBb,YAAY,CAACc,OAAO,EACpBC,sEACAE,YAAYV,cAAc,CAACU,SAAS,EACpC,CAACD;QAEHO,WAAW;YAAEH;QAAO;kBAEpB,cAAA,MAACI;YAAIC,SAAS;;8BACZ,KAACD;oBAAIC,SAAS;oBAAkBN,SAASA;;8BACzC,KAACK;oBAAIC,SAAS;8BAAmBP;;;;OAGrC"}

package/dist/components/Popover/Popover.d.ts

@@ -36,11 +36,11 @@ export interface PopoverProps extends Omit<AllowedFloatingComponentProps, 'autoF
      * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно
      * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.
      */
-    noStyling?: boolean;
+    noStyling?: boolean | undefined;
     /**
      * Позволяет набросить на стрелку пользовательские атрибуты.
      */
-    arrowProps?: PopoverArrowProps;
+    arrowProps?: PopoverArrowProps | undefined;
     /**
      * Пользовательская SVG иконка.
      *
@@ -54,15 +54,15 @@ export interface PopoverProps extends Omit<AllowedFloatingComponentProps, 'autoF
      * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
      * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
      */
-    ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+    ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
     /**
      * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.
      */
-    keepMounted?: boolean;
+    keepMounted?: boolean | undefined;
     /**
      * Управление автоматическим фокусом при открытии всплывающего элемента.
      */
-    autoFocus?: boolean | 'root';
+    autoFocus?: boolean | 'root' | undefined;
 }
 /**
  * @see https://vkui.io/components/popover

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGtG;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,CAAC;AAEjE,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,aAAa,GACb,cAAc,GACd,WAAW,GACX,mBAAmB,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,yBAAyB,GACzB,yBAAyB,GACzB,UAAU,GACV,oBAAoB,GACpB,4BAA4B,GAC5B,sBAAsB,GACtB,WAAW,GACX,cAAc,GACd,UAAU,GACV,QAAQ,GACR,uBAAuB,GACvB,wBAAwB,GACxB,mBAAmB,GACnB,UAAU,GACV,kBAAkB,CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,EACtD,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,sBAAsB,CAAC;IAC/E;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,KAAG,KAAK,CAAC,SAWxE,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGtG;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,aAAa,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAAG,yBAAyB,CAAC;AAEjE,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,aAAa,GACb,cAAc,GACd,WAAW,GACX,mBAAmB,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,iBAAiB,GACjB,kBAAkB,GAClB,mBAAmB,GACnB,cAAc,GACd,OAAO,GACP,eAAe,GACf,gBAAgB,GAChB,WAAW,GACX,WAAW,GACX,yBAAyB,GACzB,yBAAyB,GACzB,UAAU,GACV,oBAAoB,GACpB,4BAA4B,GAC5B,sBAAsB,GACtB,WAAW,GACX,cAAc,GACd,UAAU,GACV,QAAQ,GACR,uBAAuB,GACvB,wBAAwB,GACxB,mBAAmB,GACnB,UAAU,GACV,kBAAkB,CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAAC,EACtD,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,sBAAsB,CAAC;IAC/E;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC3C;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAC1C;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,KAAG,KAAK,CAAC,SAWxE,CAAC"}

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useReferenceElement } from '../../hooks/useReferenceElement';\nimport type {\n  FloatingComponentProps,\n  FloatingContentRenderProp,\n  OnShownChange,\n} from '../../lib/floating';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport type { FloatingArrowProps as FloatingArrowPropsPrivate } from '../FloatingArrow/FloatingArrow';\nimport { usePopover } from './usePopover';\n\n/**\n * @alias\n * @public\n */\nexport type PopoverArrowProps = Omit<\n  FloatingArrowPropsPrivate,\n  'getRootRef' | 'coords' | 'placement' | 'Icon'\n>;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverOnShownChange = OnShownChange;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverContentRenderProp = FloatingContentRenderProp;\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrow'\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'placement'\n  | 'onPlacementChange'\n  | 'trigger'\n  | 'content'\n  | 'hoverDelay'\n  | 'closeAfterClick'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'defaultShown'\n  | 'shown'\n  | 'onShownChange'\n  | 'onShownChanged'\n  | 'usePortal'\n  | 'sameWidth'\n  | 'hideWhenReferenceHidden'\n  | 'onReferenceHiddenChange'\n  | 'disabled'\n  | 'disableInteractive'\n  | 'disableCloseOnClickOutside'\n  | 'disableCloseOnEscKey'\n  | 'autoFocus'\n  | 'restoreFocus'\n  | 'children'\n  | 'zIndex'\n  | 'disableFlipMiddleware'\n  | 'disableShiftMiddleware'\n  | 'customMiddlewares'\n  | 'strategy'\n  | 'disableFocusTrap'\n>;\n\n/**\n * @public\n */\nexport interface PopoverProps\n  extends Omit<AllowedFloatingComponentProps, 'autoFocus'>,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, keyof FloatingComponentProps> {\n  /**\n   * Отключает у всплывающего элемента стилизацию по умолчанию.\n   *\n   * У `content`:\n   * - _background_\n   * - _border-radius_\n   * - _box-shadow_.\n   *\n   * У `arrow`:\n   * - _color_.\n   *\n   * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно\n   * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.\n   */\n  noStyling?: boolean;\n  /**\n   * Позволяет набросить на стрелку пользовательские атрибуты.\n   */\n  arrowProps?: PopoverArrowProps;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.\n   * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   */\n  ArrowIcon?: FloatingArrowPropsPrivate['Icon'];\n  /**\n   * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.\n   */\n  keepMounted?: boolean;\n  /**\n   * Управление автоматическим фокусом при открытии всплывающего элемента.\n   */\n  autoFocus?: boolean | 'root';\n}\n\n/**\n * @see https://vkui.io/components/popover\n */\nexport const Popover = ({ children, ...restProps }: PopoverProps): React.ReactNode => {\n  const { anchorRef, anchorProps, popover } = usePopover<HTMLDivElement>(restProps);\n\n  const reference = useReferenceElement(children, anchorProps, anchorRef);\n\n  return (\n    <React.Fragment>\n      {reference}\n      {popover}\n    </React.Fragment>\n  );\n};\n"],"names":["React","useReferenceElement","usePopover","Popover","children","restProps","anchorRef","anchorProps","popover","reference","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,qCAAkC;AAQtE,SAASC,UAAU,QAAQ,kBAAe;AA4G1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,WAAyB;IAC9D,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGN,WAA2BG;IAEvE,MAAMI,YAAYR,oBAAoBG,UAAUG,aAAaD;IAE7D,qBACE,MAACN,MAAMU,QAAQ;;YACZD;YACAD;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useReferenceElement } from '../../hooks/useReferenceElement';\nimport type {\n  FloatingComponentProps,\n  FloatingContentRenderProp,\n  OnShownChange,\n} from '../../lib/floating';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport type { FloatingArrowProps as FloatingArrowPropsPrivate } from '../FloatingArrow/FloatingArrow';\nimport { usePopover } from './usePopover';\n\n/**\n * @alias\n * @public\n */\nexport type PopoverArrowProps = Omit<\n  FloatingArrowPropsPrivate,\n  'getRootRef' | 'coords' | 'placement' | 'Icon'\n>;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverOnShownChange = OnShownChange;\n\n/**\n * @alias\n * @public\n */\nexport type PopoverContentRenderProp = FloatingContentRenderProp;\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrow'\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'placement'\n  | 'onPlacementChange'\n  | 'trigger'\n  | 'content'\n  | 'hoverDelay'\n  | 'closeAfterClick'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'defaultShown'\n  | 'shown'\n  | 'onShownChange'\n  | 'onShownChanged'\n  | 'usePortal'\n  | 'sameWidth'\n  | 'hideWhenReferenceHidden'\n  | 'onReferenceHiddenChange'\n  | 'disabled'\n  | 'disableInteractive'\n  | 'disableCloseOnClickOutside'\n  | 'disableCloseOnEscKey'\n  | 'autoFocus'\n  | 'restoreFocus'\n  | 'children'\n  | 'zIndex'\n  | 'disableFlipMiddleware'\n  | 'disableShiftMiddleware'\n  | 'customMiddlewares'\n  | 'strategy'\n  | 'disableFocusTrap'\n>;\n\n/**\n * @public\n */\nexport interface PopoverProps\n  extends Omit<AllowedFloatingComponentProps, 'autoFocus'>,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, keyof FloatingComponentProps> {\n  /**\n   * Отключает у всплывающего элемента стилизацию по умолчанию.\n   *\n   * У `content`:\n   * - _background_\n   * - _border-radius_\n   * - _box-shadow_.\n   *\n   * У `arrow`:\n   * - _color_.\n   *\n   * Используется в случае, если необходимо стилизовать по своему. Для `arrow` _color_ можно\n   * определить через в `arrowProps.iconClassName` или `arrowProps.iconStyle`.\n   */\n  noStyling?: boolean | undefined;\n  /**\n   * Позволяет набросить на стрелку пользовательские атрибуты.\n   */\n  arrowProps?: PopoverArrowProps | undefined;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.\n   * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   */\n  ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;\n  /**\n   * Используется для того, чтобы не удалять всплывающий элемент из DOM дерева при скрытии.\n   */\n  keepMounted?: boolean | undefined;\n  /**\n   * Управление автоматическим фокусом при открытии всплывающего элемента.\n   */\n  autoFocus?: boolean | 'root' | undefined;\n}\n\n/**\n * @see https://vkui.io/components/popover\n */\nexport const Popover = ({ children, ...restProps }: PopoverProps): React.ReactNode => {\n  const { anchorRef, anchorProps, popover } = usePopover<HTMLDivElement>(restProps);\n\n  const reference = useReferenceElement(children, anchorProps, anchorRef);\n\n  return (\n    <React.Fragment>\n      {reference}\n      {popover}\n    </React.Fragment>\n  );\n};\n"],"names":["React","useReferenceElement","usePopover","Popover","children","restProps","anchorRef","anchorProps","popover","reference","Fragment"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,QAAQ,qCAAkC;AAQtE,SAASC,UAAU,QAAQ,kBAAe;AA4G1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,GAAGC,WAAyB;IAC9D,MAAM,EAAEC,SAAS,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGN,WAA2BG;IAEvE,MAAMI,YAAYR,oBAAoBG,UAAUG,aAAaD;IAE7D,qBACE,MAACN,MAAMU,QAAQ;;YACZD;YACAD;;;AAGP,EAAE"}

package/dist/components/Popper/Popper.d.ts

@@ -8,7 +8,7 @@ export interface PopperCommonProps extends AllowedFloatingComponentProps, Omit<H
     /**
      * Позволяет набросить на стрелку пользовательские атрибуты.
      */
-    arrowProps?: FloatingArrowProps;
+    arrowProps?: FloatingArrowProps | undefined;
     /**
      * Пользовательская SVG иконка.
      *
@@ -22,15 +22,15 @@ export interface PopperCommonProps extends AllowedFloatingComponentProps, Omit<H
      * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.
      * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
      */
-    ArrowIcon?: FloatingArrowPropsPrivate['Icon'];
+    ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;
     /**
      * Подписывается на изменение геометрии `targetRef`, чтобы пересчитать свою позицию.
      */
-    autoUpdateOnTargetResize?: boolean;
+    autoUpdateOnTargetResize?: boolean | undefined;
     /**
      * Пытаться обновлять позицию всплывающего элемента каждый фрейм.
      */
-    autoUpdateOnAnimationFrame?: boolean;
+    autoUpdateOnAnimationFrame?: boolean | undefined;
 }
 export interface PopperProps extends PopperCommonProps {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,KAAK,sBAAsB,EAI3B,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAO7D,OAAO,EAEL,KAAK,kBAAkB,IAAI,yBAAyB,EACrD,MAAM,gCAAgC,CAAC;AAIxC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,UAAU,GACV,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,OAAO,GACP,eAAe,GACf,cAAc,GACd,yBAAyB,GACzB,yBAAyB,GACzB,WAAW,GACX,QAAQ,GACR,UAAU,GACV,WAAW,GACX,mBAAmB,GACnB,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,yCAAyC,GACzC,iBAAiB,CACpB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,6BAA6B,EACnC,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,6BAA6B,CAAC;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC9C;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,cAAc,CAAC;CACjE;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,+dAmCpB,WAAW,KAAG,KAAK,CAAC,SA2FtB,CAAC"}
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAGL,KAAK,sBAAsB,EAI3B,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAC;AAI5B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAO7D,OAAO,EAEL,KAAK,kBAAkB,IAAI,yBAAyB,EACrD,MAAM,gCAAgC,CAAC;AAIxC,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,yBAAyB,EACzB,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAC/C,CAAC;AAEF,KAAK,6BAA6B,GAAG,IAAI,CACvC,sBAAsB,EACpB,OAAO,GACP,UAAU,GACV,aAAa,GACb,cAAc,GACd,YAAY,GACZ,WAAW,GACX,kBAAkB,GAClB,mBAAmB,GACnB,OAAO,GACP,eAAe,GACf,cAAc,GACd,yBAAyB,GACzB,yBAAyB,GACzB,WAAW,GACX,QAAQ,GACR,UAAU,GACV,WAAW,GACX,mBAAmB,GACnB,mBAAmB,GACnB,uBAAuB,GACvB,wBAAwB,GACxB,yCAAyC,GACzC,iBAAiB,CACpB,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,6BAA6B,EACnC,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,MAAM,6BAA6B,CAAC;IACtF;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC5C;;;;;;;;;;;;OAYG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClD;AAED,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,cAAc,CAAC;CACjE;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,+dAmCpB,WAAW,KAAG,KAAK,CAAC,SA6FtB,CAAC"}

package/dist/components/Popper/Popper.js

@@ -37,14 +37,20 @@ targetRef, getRootRef, children, usePortal = true, onPlacementChange, onReferenc
     });
     const isLock = React.useContext(LockFloatingPositionContext);
     const { x: floatingDataX, y: floatingDataY, strategy: floatingPositionStrategy, placement: resolvedPlacement, refs, middlewareData } = useFloating({
-        placement: strictPlacement,
-        strategy: strategyProp,
+        ...strictPlacement !== undefined && {
+            placement: strictPlacement
+        },
+        ...strategyProp !== undefined && {
+            strategy: strategyProp
+        },
         middleware: middlewares,
-        whileElementsMounted: isLock ? undefined : (...args)=>{
-            /* istanbul ignore next: не знаю как проверить */ return autoUpdateFloatingElement(...args, {
-                elementResize: autoUpdateOnTargetResize,
-                animationFrame: autoUpdateOnAnimationFrame
-            });
+        ...isLock ? {} : {
+            whileElementsMounted: (...args)=>{
+                /* istanbul ignore next: не знаю как проверить */ return autoUpdateFloatingElement(...args, {
+                    elementResize: autoUpdateOnTargetResize,
+                    animationFrame: autoUpdateOnAnimationFrame
+                });
+            }
         }
     });
     usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);

package/dist/components/Popper/Popper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Popper/Popper.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport {\n  autoUpdateFloatingElement,\n  convertFloatingDataToReactCSSProperties,\n  type FloatingComponentProps,\n  useFloating,\n  useFloatingMiddlewaresBootstrap,\n  usePlacementChangeCallback,\n  type VirtualElement,\n} from '../../lib/floating';\nimport { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';\nimport { useReferenceHiddenChangeCallback } from '../../lib/floating/useReferenceHiddenChangeCallback';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport {\n  DEFAULT_ARROW_HEIGHT,\n  DEFAULT_ARROW_PADDING,\n  DefaultIcon,\n} from '../FloatingArrow/DefaultIcon';\nimport {\n  FloatingArrow,\n  type FloatingArrowProps as FloatingArrowPropsPrivate,\n} from '../FloatingArrow/FloatingArrow';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Popper.module.css';\n\nexport type FloatingArrowProps = Omit<\n  FloatingArrowPropsPrivate,\n  'getRootRef' | 'coords' | 'placement' | 'Icon'\n>;\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrow'\n  | 'arrowRef'\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'hoverDelay'\n  | 'placement'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'shown'\n  | 'onShownChange'\n  | 'defaultShown'\n  | 'hideWhenReferenceHidden'\n  | 'onReferenceHiddenChange'\n  | 'sameWidth'\n  | 'zIndex'\n  | 'strategy'\n  | 'usePortal'\n  | 'customMiddlewares'\n  | 'onPlacementChange'\n  | 'disableFlipMiddleware'\n  | 'disableShiftMiddleware'\n  | 'flipMiddlewareFallbackAxisSideDirection'\n  | 'overflowPadding'\n>;\n\nexport interface PopperCommonProps\n  extends AllowedFloatingComponentProps,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, keyof AllowedFloatingComponentProps> {\n  /**\n   * Позволяет набросить на стрелку пользовательские атрибуты.\n   */\n  arrowProps?: FloatingArrowProps;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.\n   * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   */\n  ArrowIcon?: FloatingArrowPropsPrivate['Icon'];\n  /**\n   * Подписывается на изменение геометрии `targetRef`, чтобы пересчитать свою позицию.\n   */\n  autoUpdateOnTargetResize?: boolean;\n  /**\n   * Пытаться обновлять позицию всплывающего элемента каждый фрейм.\n   */\n  autoUpdateOnAnimationFrame?: boolean;\n}\n\nexport interface PopperProps extends PopperCommonProps {\n  /**\n   * Ref на якорный элемент.\n   */\n  targetRef: React.RefObject<HTMLElement | null> | VirtualElement;\n}\n\n/**\n * @see https://vkui.io/components/popper\n */\nexport const Popper = ({\n  // UseFloatingMiddlewaresBootstrapProps\n  placement: placementProp = 'bottom-start',\n  sameWidth,\n  hideWhenReferenceHidden,\n  offsetByMainAxis = 8,\n  offsetByCrossAxis = 0,\n  arrow,\n  arrowHeight = DEFAULT_ARROW_HEIGHT,\n  arrowPadding = DEFAULT_ARROW_PADDING,\n  customMiddlewares,\n  disableFlipMiddleware = false,\n  disableShiftMiddleware = false,\n  flipMiddlewareFallbackAxisSideDirection,\n  overflowPadding,\n\n  // UseFloatingProps\n  autoUpdateOnTargetResize = false,\n  autoUpdateOnAnimationFrame = false,\n  strategy: strategyProp,\n\n  // ArrowProps\n  arrowProps,\n  ArrowIcon = DefaultIcon,\n\n  // rest\n  targetRef,\n  getRootRef,\n  children,\n  usePortal = true,\n  onPlacementChange,\n  onReferenceHiddenChange,\n  zIndex,\n  style,\n  ...restProps\n}: PopperProps): React.ReactNode => {\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n\n  const { strictPlacement, middlewares } = useFloatingMiddlewaresBootstrap({\n    placement: placementProp,\n    sameWidth,\n    arrow,\n    arrowRef,\n    arrowHeight,\n    arrowPadding,\n    offsetByMainAxis,\n    offsetByCrossAxis,\n    hideWhenReferenceHidden,\n    customMiddlewares,\n    disableFlipMiddleware,\n    disableShiftMiddleware,\n    flipMiddlewareFallbackAxisSideDirection,\n    overflowPadding,\n  });\n\n  const isLock = React.useContext(LockFloatingPositionContext);\n\n  const {\n    x: floatingDataX,\n    y: floatingDataY,\n    strategy: floatingPositionStrategy,\n    placement: resolvedPlacement,\n    refs,\n    middlewareData,\n  } = useFloating({\n    placement: strictPlacement,\n    strategy: strategyProp,\n    middleware: middlewares,\n    whileElementsMounted: isLock\n      ? undefined\n      : (...args) => {\n          /* istanbul ignore next: не знаю как проверить */\n          return autoUpdateFloatingElement(...args, {\n            elementResize: autoUpdateOnTargetResize,\n            animationFrame: autoUpdateOnAnimationFrame,\n          });\n        },\n  });\n\n  usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);\n\n  useReferenceHiddenChangeCallback(middlewareData.hide, onReferenceHiddenChange);\n\n  const { arrow: arrowCoords } = middlewareData;\n\n  const handleRootRef = useExternRef<HTMLDivElement>(refs.setFloating, getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    refs.setReference('current' in targetRef ? targetRef.current : targetRef);\n  }, [refs.setReference, targetRef]);\n\n  const dropdownStyle =\n    typeof zIndex !== 'undefined'\n      ? {\n          zIndex,\n        }\n      : undefined;\n\n  const dropdown = (\n    <RootComponent\n      {...restProps}\n      style={mergeStyle(dropdownStyle, style)}\n      baseClassName={styles.host}\n      getRootRef={handleRootRef}\n      baseStyle={convertFloatingDataToReactCSSProperties({\n        strategy: floatingPositionStrategy,\n        x: floatingDataX,\n        y: floatingDataY,\n        initialWidth: sameWidth ? null : undefined,\n        middlewareData,\n      })}\n    >\n      {arrow && (\n        <FloatingArrow\n          {...arrowProps}\n          coords={arrowCoords}\n          placement={resolvedPlacement}\n          getRootRef={setArrowRef}\n          Icon={ArrowIcon}\n        />\n      )}\n      {children}\n    </RootComponent>\n  );\n\n  return <AppRootPortal usePortal={usePortal}>{dropdown}</AppRootPortal>;\n};\n"],"names":["React","mergeStyle","useExternRef","autoUpdateFloatingElement","convertFloatingDataToReactCSSProperties","useFloating","useFloatingMiddlewaresBootstrap","usePlacementChangeCallback","LockFloatingPositionContext","useReferenceHiddenChangeCallback","useIsomorphicLayoutEffect","AppRootPortal","DEFAULT_ARROW_HEIGHT","DEFAULT_ARROW_PADDING","DefaultIcon","FloatingArrow","RootComponent","Popper","placement","placementProp","sameWidth","hideWhenReferenceHidden","offsetByMainAxis","offsetByCrossAxis","arrow","arrowHeight","arrowPadding","customMiddlewares","disableFlipMiddleware","disableShiftMiddleware","flipMiddlewareFallbackAxisSideDirection","overflowPadding","autoUpdateOnTargetResize","autoUpdateOnAnimationFrame","strategy","strategyProp","arrowProps","ArrowIcon","targetRef","getRootRef","children","usePortal","onPlacementChange","onReferenceHiddenChange","zIndex","style","restProps","arrowRef","setArrowRef","useState","strictPlacement","middlewares","isLock","useContext","x","floatingDataX","y","floatingDataY","floatingPositionStrategy","resolvedPlacement","refs","middlewareData","middleware","whileElementsMounted","undefined","args","elementResize","animationFrame","hide","arrowCoords","handleRootRef","setFloating","setReference","current","dropdownStyle","dropdown","baseClassName","baseStyle","initialWidth","coords","Icon"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Popper/Popper.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport {\n  autoUpdateFloatingElement,\n  convertFloatingDataToReactCSSProperties,\n  type FloatingComponentProps,\n  useFloating,\n  useFloatingMiddlewaresBootstrap,\n  usePlacementChangeCallback,\n  type VirtualElement,\n} from '../../lib/floating';\nimport { LockFloatingPositionContext } from '../../lib/floating/LockFloatingPosition/LockFloatingPosition';\nimport { useReferenceHiddenChangeCallback } from '../../lib/floating/useReferenceHiddenChangeCallback';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport {\n  DEFAULT_ARROW_HEIGHT,\n  DEFAULT_ARROW_PADDING,\n  DefaultIcon,\n} from '../FloatingArrow/DefaultIcon';\nimport {\n  FloatingArrow,\n  type FloatingArrowProps as FloatingArrowPropsPrivate,\n} from '../FloatingArrow/FloatingArrow';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Popper.module.css';\n\nexport type FloatingArrowProps = Omit<\n  FloatingArrowPropsPrivate,\n  'getRootRef' | 'coords' | 'placement' | 'Icon'\n>;\n\ntype AllowedFloatingComponentProps = Pick<\n  FloatingComponentProps,\n  | 'arrow'\n  | 'arrowRef'\n  | 'arrowHeight'\n  | 'arrowPadding'\n  | 'hoverDelay'\n  | 'placement'\n  | 'offsetByMainAxis'\n  | 'offsetByCrossAxis'\n  | 'shown'\n  | 'onShownChange'\n  | 'defaultShown'\n  | 'hideWhenReferenceHidden'\n  | 'onReferenceHiddenChange'\n  | 'sameWidth'\n  | 'zIndex'\n  | 'strategy'\n  | 'usePortal'\n  | 'customMiddlewares'\n  | 'onPlacementChange'\n  | 'disableFlipMiddleware'\n  | 'disableShiftMiddleware'\n  | 'flipMiddlewareFallbackAxisSideDirection'\n  | 'overflowPadding'\n>;\n\nexport interface PopperCommonProps\n  extends AllowedFloatingComponentProps,\n    Omit<HTMLAttributesWithRootRef<HTMLDivElement>, keyof AllowedFloatingComponentProps> {\n  /**\n   * Позволяет набросить на стрелку пользовательские атрибуты.\n   */\n  arrowProps?: FloatingArrowProps | undefined;\n  /**\n   * Пользовательская SVG иконка.\n   *\n   * Требования:\n   *\n   * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n   * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n   *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n   *    (смотри https://github.com/VKCOM/VKUI/pull/4496).\n   * 3. Передайте высоту иконки в параметр `arrowHeight`. В значении высоты можно исключить хак с `1px` из п.2.\n   * 4. Убедитесь, что компонент принимает все валидные для SVG параметры.\n   * 5. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n   */\n  ArrowIcon?: FloatingArrowPropsPrivate['Icon'] | undefined;\n  /**\n   * Подписывается на изменение геометрии `targetRef`, чтобы пересчитать свою позицию.\n   */\n  autoUpdateOnTargetResize?: boolean | undefined;\n  /**\n   * Пытаться обновлять позицию всплывающего элемента каждый фрейм.\n   */\n  autoUpdateOnAnimationFrame?: boolean | undefined;\n}\n\nexport interface PopperProps extends PopperCommonProps {\n  /**\n   * Ref на якорный элемент.\n   */\n  targetRef: React.RefObject<HTMLElement | null> | VirtualElement;\n}\n\n/**\n * @see https://vkui.io/components/popper\n */\nexport const Popper = ({\n  // UseFloatingMiddlewaresBootstrapProps\n  placement: placementProp = 'bottom-start',\n  sameWidth,\n  hideWhenReferenceHidden,\n  offsetByMainAxis = 8,\n  offsetByCrossAxis = 0,\n  arrow,\n  arrowHeight = DEFAULT_ARROW_HEIGHT,\n  arrowPadding = DEFAULT_ARROW_PADDING,\n  customMiddlewares,\n  disableFlipMiddleware = false,\n  disableShiftMiddleware = false,\n  flipMiddlewareFallbackAxisSideDirection,\n  overflowPadding,\n\n  // UseFloatingProps\n  autoUpdateOnTargetResize = false,\n  autoUpdateOnAnimationFrame = false,\n  strategy: strategyProp,\n\n  // ArrowProps\n  arrowProps,\n  ArrowIcon = DefaultIcon,\n\n  // rest\n  targetRef,\n  getRootRef,\n  children,\n  usePortal = true,\n  onPlacementChange,\n  onReferenceHiddenChange,\n  zIndex,\n  style,\n  ...restProps\n}: PopperProps): React.ReactNode => {\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n\n  const { strictPlacement, middlewares } = useFloatingMiddlewaresBootstrap({\n    placement: placementProp,\n    sameWidth,\n    arrow,\n    arrowRef,\n    arrowHeight,\n    arrowPadding,\n    offsetByMainAxis,\n    offsetByCrossAxis,\n    hideWhenReferenceHidden,\n    customMiddlewares,\n    disableFlipMiddleware,\n    disableShiftMiddleware,\n    flipMiddlewareFallbackAxisSideDirection,\n    overflowPadding,\n  });\n\n  const isLock = React.useContext(LockFloatingPositionContext);\n\n  const {\n    x: floatingDataX,\n    y: floatingDataY,\n    strategy: floatingPositionStrategy,\n    placement: resolvedPlacement,\n    refs,\n    middlewareData,\n  } = useFloating({\n    ...(strictPlacement !== undefined && { placement: strictPlacement }),\n    ...(strategyProp !== undefined && { strategy: strategyProp }),\n    middleware: middlewares,\n    ...(isLock\n      ? {}\n      : {\n          whileElementsMounted: (...args) => {\n            /* istanbul ignore next: не знаю как проверить */\n            return autoUpdateFloatingElement(...args, {\n              elementResize: autoUpdateOnTargetResize,\n              animationFrame: autoUpdateOnAnimationFrame,\n            });\n          },\n        }),\n  });\n\n  usePlacementChangeCallback(placementProp, resolvedPlacement, onPlacementChange);\n\n  useReferenceHiddenChangeCallback(middlewareData.hide, onReferenceHiddenChange);\n\n  const { arrow: arrowCoords } = middlewareData;\n\n  const handleRootRef = useExternRef<HTMLDivElement>(refs.setFloating, getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    refs.setReference('current' in targetRef ? targetRef.current : targetRef);\n  }, [refs.setReference, targetRef]);\n\n  const dropdownStyle =\n    typeof zIndex !== 'undefined'\n      ? {\n          zIndex,\n        }\n      : undefined;\n\n  const dropdown = (\n    <RootComponent\n      {...restProps}\n      style={mergeStyle(dropdownStyle, style)}\n      baseClassName={styles.host}\n      getRootRef={handleRootRef}\n      baseStyle={convertFloatingDataToReactCSSProperties({\n        strategy: floatingPositionStrategy,\n        x: floatingDataX,\n        y: floatingDataY,\n        initialWidth: sameWidth ? null : undefined,\n        middlewareData,\n      })}\n    >\n      {arrow && (\n        <FloatingArrow\n          {...arrowProps}\n          coords={arrowCoords}\n          placement={resolvedPlacement}\n          getRootRef={setArrowRef}\n          Icon={ArrowIcon}\n        />\n      )}\n      {children}\n    </RootComponent>\n  );\n\n  return <AppRootPortal usePortal={usePortal}>{dropdown}</AppRootPortal>;\n};\n"],"names":["React","mergeStyle","useExternRef","autoUpdateFloatingElement","convertFloatingDataToReactCSSProperties","useFloating","useFloatingMiddlewaresBootstrap","usePlacementChangeCallback","LockFloatingPositionContext","useReferenceHiddenChangeCallback","useIsomorphicLayoutEffect","AppRootPortal","DEFAULT_ARROW_HEIGHT","DEFAULT_ARROW_PADDING","DefaultIcon","FloatingArrow","RootComponent","Popper","placement","placementProp","sameWidth","hideWhenReferenceHidden","offsetByMainAxis","offsetByCrossAxis","arrow","arrowHeight","arrowPadding","customMiddlewares","disableFlipMiddleware","disableShiftMiddleware","flipMiddlewareFallbackAxisSideDirection","overflowPadding","autoUpdateOnTargetResize","autoUpdateOnAnimationFrame","strategy","strategyProp","arrowProps","ArrowIcon","targetRef","getRootRef","children","usePortal","onPlacementChange","onReferenceHiddenChange","zIndex","style","restProps","arrowRef","setArrowRef","useState","strictPlacement","middlewares","isLock","useContext","x","floatingDataX","y","floatingDataY","floatingPositionStrategy","resolvedPlacement","refs","middlewareData","undefined","middleware","whileElementsMounted","args","elementResize","animationFrame","hide","arrowCoords","handleRootRef","setFloating","setReference","current","dropdownStyle","dropdown","baseClassName","baseStyle","initialWidth","coords","Icon"],"mappings":"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"}

package/dist/components/Progress/Progress.d.ts

@@ -4,19 +4,19 @@ export interface ProgressProps extends HTMLAttributesWithRootRef<HTMLDivElement>
     /**
      * Стиль отображения прогрессбара.
      */
-    appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}`;
+    appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}` | undefined;
     /**
      * Значение прогресса.
      */
-    value?: number;
+    value?: number | undefined;
     /**
      * Высота элемента.
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * Сделать прогрессбар прозрачным.
      */
-    trackDisable?: boolean;
+    trackDisable?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/progress

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

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAuB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAmBlF,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,CAAC;IACpF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAmBD;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,2DAMtB,aAAa,KAAG,KAAK,CAAC,SA6BxB,CAAC"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAuB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAmBlF,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,GAAG,SAAS,CAAC;IAChG;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAmBD;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,2DAMtB,aAAa,KAAG,KAAK,CAAC,SA6BxB,CAAC"}

package/dist/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport type { CSSCustomProperties, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Progress.module.css';\n\nconst stylesAppearance: Record<string, string> = {\n  accent: styles.appearanceAccent,\n  positive: styles.appearancePositive,\n  negative: styles.appearanceNegative,\n};\n\nfunction progressCustomHeightStyle(height: number | undefined): React.CSSProperties | undefined {\n  return height\n    ? {\n        height,\n        borderRadius: height / 2,\n      }\n    : undefined;\n}\n\nexport interface ProgressProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Стиль отображения прогрессбара.\n   */\n  appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}`;\n  /**\n   * Значение прогресса.\n   */\n  value?: number;\n  /**\n   * Высота элемента.\n   */\n  height?: number;\n  /**\n   * Сделать прогрессбар прозрачным.\n   */\n  trackDisable?: boolean;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\nconst resolveAppearance = (\n  appearance: Exclude<ProgressProps['appearance'], undefined>,\n): [CSSCustomProperties | undefined, string | undefined] => {\n  switch (appearance) {\n    case 'accent':\n    case 'positive':\n    case 'negative':\n      return [undefined, stylesAppearance[appearance]];\n    default: {\n      return [{ '--vkui_internal_Progress_background_color': appearance }, undefined];\n    }\n  }\n};\n\n/**\n * @see https://vkui.io/components/progress\n */\nexport const Progress = ({\n  value = 0,\n  height,\n  trackDisable = false,\n  appearance = 'accent',\n  ...restProps\n}: ProgressProps): React.ReactNode => {\n  const progress = clamp(value, PROGRESS_MIN_VALUE, PROGRESS_MAX_VALUE);\n  const title = `${progress} / ${PROGRESS_MAX_VALUE}`;\n  const styleHeight = progressCustomHeightStyle(height);\n\n  const [appearanceStyles, appearanceClassName] = resolveAppearance(appearance);\n\n  const style = {\n    ...styleHeight,\n    ...appearanceStyles,\n    '--vkui_internal_Progress_progress': progress,\n  };\n\n  return (\n    <RootComponent\n      aria-valuenow={value}\n      title={title}\n      {...restProps}\n      role=\"progressbar\"\n      aria-valuemin={PROGRESS_MIN_VALUE}\n      aria-valuemax={PROGRESS_MAX_VALUE}\n      baseClassName={classNames(\n        styles.host,\n        trackDisable && styles.trackDisable,\n        appearanceClassName,\n      )}\n      baseStyle={style}\n    />\n  );\n};\n"],"names":["classNames","clamp","RootComponent","stylesAppearance","accent","positive","negative","progressCustomHeightStyle","height","borderRadius","undefined","PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","resolveAppearance","appearance","Progress","value","trackDisable","restProps","progress","title","styleHeight","appearanceStyles","appearanceClassName","style","aria-valuenow","role","aria-valuemin","aria-valuemax","baseClassName","baseStyle"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,KAAK,QAAQ,wBAAqB;AAE3C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,mBAA2C;IAC/CC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACV;AAEA,SAASC,0BAA0BC,MAA0B;IAC3D,OAAOA,SACH;QACEA;QACAC,cAAcD,SAAS;IACzB,IACAE;AACN;AAqBA,MAAMC,qBAAqB;AAC3B,MAAMC,qBAAqB;AAE3B,MAAMC,oBAAoB,CACxBC;IAEA,OAAQA;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO;gBAACJ;gBAAWP,gBAAgB,CAACW,WAAW;aAAC;QAClD;YAAS;gBACP,OAAO;oBAAC;wBAAE,6CAA6CA;oBAAW;oBAAGJ;iBAAU;YACjF;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMK,WAAW,CAAC,EACvBC,QAAQ,CAAC,EACTR,MAAM,EACNS,eAAe,KAAK,EACpBH,aAAa,QAAQ,EACrB,GAAGI,WACW;IACd,MAAMC,WAAWlB,MAAMe,OAAOL,oBAAoBC;IAClD,MAAMQ,QAAQ,GAAGD,SAAS,GAAG,EAAEP,oBAAoB;IACnD,MAAMS,cAAcd,0BAA0BC;IAE9C,MAAM,CAACc,kBAAkBC,oBAAoB,GAAGV,kBAAkBC;IAElE,MAAMU,QAAQ;QACZ,GAAGH,WAAW;QACd,GAAGC,gBAAgB;QACnB,qCAAqCH;IACvC;IAEA,qBACE,KAACjB;QACCuB,iBAAeT;QACfI,OAAOA;QACN,GAAGF,SAAS;QACbQ,MAAK;QACLC,iBAAehB;QACfiB,iBAAehB;QACfiB,eAAe7B,iCAEbiB,8CACAM;QAEFO,WAAWN;;AAGjB,EAAE"}
+{"version":3,"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { clamp } from '../../helpers/math';\nimport type { CSSCustomProperties, HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Progress.module.css';\n\nconst stylesAppearance: Record<string, string> = {\n  accent: styles.appearanceAccent,\n  positive: styles.appearancePositive,\n  negative: styles.appearanceNegative,\n};\n\nfunction progressCustomHeightStyle(height: number | undefined): React.CSSProperties | undefined {\n  return height\n    ? {\n        height,\n        borderRadius: height / 2,\n      }\n    : undefined;\n}\n\nexport interface ProgressProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Стиль отображения прогрессбара.\n   */\n  appearance?: 'accent' | 'positive' | 'negative' | `var(--${string})` | `#${string}` | undefined;\n  /**\n   * Значение прогресса.\n   */\n  value?: number | undefined;\n  /**\n   * Высота элемента.\n   */\n  height?: number | undefined;\n  /**\n   * Сделать прогрессбар прозрачным.\n   */\n  trackDisable?: boolean | undefined;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\nconst resolveAppearance = (\n  appearance: Exclude<ProgressProps['appearance'], undefined>,\n): [CSSCustomProperties | undefined, string | undefined] => {\n  switch (appearance) {\n    case 'accent':\n    case 'positive':\n    case 'negative':\n      return [undefined, stylesAppearance[appearance]];\n    default: {\n      return [{ '--vkui_internal_Progress_background_color': appearance }, undefined];\n    }\n  }\n};\n\n/**\n * @see https://vkui.io/components/progress\n */\nexport const Progress = ({\n  value = 0,\n  height,\n  trackDisable = false,\n  appearance = 'accent',\n  ...restProps\n}: ProgressProps): React.ReactNode => {\n  const progress = clamp(value, PROGRESS_MIN_VALUE, PROGRESS_MAX_VALUE);\n  const title = `${progress} / ${PROGRESS_MAX_VALUE}`;\n  const styleHeight = progressCustomHeightStyle(height);\n\n  const [appearanceStyles, appearanceClassName] = resolveAppearance(appearance);\n\n  const style = {\n    ...styleHeight,\n    ...appearanceStyles,\n    '--vkui_internal_Progress_progress': progress,\n  };\n\n  return (\n    <RootComponent\n      aria-valuenow={value}\n      title={title}\n      {...restProps}\n      role=\"progressbar\"\n      aria-valuemin={PROGRESS_MIN_VALUE}\n      aria-valuemax={PROGRESS_MAX_VALUE}\n      baseClassName={classNames(\n        styles.host,\n        trackDisable && styles.trackDisable,\n        appearanceClassName,\n      )}\n      baseStyle={style}\n    />\n  );\n};\n"],"names":["classNames","clamp","RootComponent","stylesAppearance","accent","positive","negative","progressCustomHeightStyle","height","borderRadius","undefined","PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","resolveAppearance","appearance","Progress","value","trackDisable","restProps","progress","title","styleHeight","appearanceStyles","appearanceClassName","style","aria-valuenow","role","aria-valuemin","aria-valuemax","baseClassName","baseStyle"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,KAAK,QAAQ,wBAAqB;AAE3C,SAASC,aAAa,QAAQ,oCAAiC;AAG/D,MAAMC,mBAA2C;IAC/CC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACV;AAEA,SAASC,0BAA0BC,MAA0B;IAC3D,OAAOA,SACH;QACEA;QACAC,cAAcD,SAAS;IACzB,IACAE;AACN;AAqBA,MAAMC,qBAAqB;AAC3B,MAAMC,qBAAqB;AAE3B,MAAMC,oBAAoB,CACxBC;IAEA,OAAQA;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACH,OAAO;gBAACJ;gBAAWP,gBAAgB,CAACW,WAAW;aAAC;QAClD;YAAS;gBACP,OAAO;oBAAC;wBAAE,6CAA6CA;oBAAW;oBAAGJ;iBAAU;YACjF;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAMK,WAAW,CAAC,EACvBC,QAAQ,CAAC,EACTR,MAAM,EACNS,eAAe,KAAK,EACpBH,aAAa,QAAQ,EACrB,GAAGI,WACW;IACd,MAAMC,WAAWlB,MAAMe,OAAOL,oBAAoBC;IAClD,MAAMQ,QAAQ,GAAGD,SAAS,GAAG,EAAEP,oBAAoB;IACnD,MAAMS,cAAcd,0BAA0BC;IAE9C,MAAM,CAACc,kBAAkBC,oBAAoB,GAAGV,kBAAkBC;IAElE,MAAMU,QAAQ;QACZ,GAAGH,WAAW;QACd,GAAGC,gBAAgB;QACnB,qCAAqCH;IACvC;IAEA,qBACE,KAACjB;QACCuB,iBAAeT;QACfI,OAAOA;QACN,GAAGF,SAAS;QACbQ,MAAK;QACLC,iBAAehB;QACfiB,iBAAehB;QACfiB,eAAe7B,iCAEbiB,8CACAM;QAEFO,WAAWN;;AAGjB,EAAE"}

package/dist/components/PullToRefresh/PullToRefresh.d.ts

@@ -11,9 +11,9 @@ export interface PullToRefreshProps extends DOMProps, TouchProps, HasChildren {
     /**
      * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`.
      */
-    isFetching?: boolean;
+    isFetching?: boolean | undefined;
     /** @ignore */
-    scroll?: ScrollContextInterface;
+    scroll?: ScrollContextInterface | undefined;
 }
 /**
  * @see https://vkui.io/components/pull-to-refresh

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

@@ -1 +1 @@
-{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAoD,MAAM,eAAe,CAAC;AAEhG,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,KAAK,sBAAsB,EAAa,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAqB/E,MAAM,WAAW,kBAAmB,SAAQ,QAAQ,EAAE,UAAU,EAAE,WAAW;IAC3E;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc;IACd,MAAM,CAAC,EAAE,sBAAsB,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,8DAM3B,kBAAkB,KAAG,KAAK,CAAC,SAqN7B,CAAC"}
+{"version":3,"file":"PullToRefresh.d.ts","sourceRoot":"","sources":["../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,KAAK,QAAQ,EAAoD,MAAM,eAAe,CAAC;AAEhG,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,KAAK,sBAAsB,EAAa,MAAM,0BAA0B,CAAC;AAElF,OAAO,EAAgC,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAqB/E,MAAM,WAAW,kBAAmB,SAAQ,QAAQ,EAAE,UAAU,EAAE,WAAW;IAC3E;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,cAAc;IACd,MAAM,CAAC,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC7C;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,8DAM3B,kBAAkB,KAAG,KAAK,CAAC,SAqN7B,CAAC"}