@vkontakte/vkui 6.1.2 → 6.2.1

package/dist/cjs/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityHasPointer } from '../../../hooks/useAdaptivityHasPointer';\nimport { useAppearance } from '../../../hooks/useAppearance';\nimport { focusVisiblePresetModeClassNames } from '../../../hooks/useFocusVisibleClassName';\nimport { Tappable } from '../../Tappable/Tappable';\nimport { ImageBaseContext } from '../context';\nimport type { ImageBaseExpectedIconProps } from '../types';\nimport { validateOverlayIcon } from '../validators';\nimport styles from './ImageBaseOverlay.module.css';\n\nexport interface ImageBaseOverlayProps extends React.AriaAttributes {\n  /**\n   * Задаёт тему оформления.\n   *\n   * > По умолчанию берётся из параметра `appearance` в `ConfigProvider`.\n   */\n  theme?: 'dark' | 'light';\n  /**\n   * Определяет каким образом должен показываться оверлей.\n   *\n   * - `\"on-hover\"` – на наведение указателя мыши.\n   * - `\"always\"` – всегда показывать.\n   *\n   * > По умолчанию определяется в зависимости от того, есть ли у пользователя мышь или нет.\n   */\n  visibility?: 'on-hover' | 'always';\n  /**\n   * Принимает иконку.\n   *\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getOverlayIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n  className?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n}\n\n/**\n * Интерактивный оверлей над картинкой.\n */\nexport const ImageBaseOverlay = ({\n  className,\n  theme: themeProp,\n  visibility: visibilityProp,\n  children,\n  onClick: onClickProp,\n  ...restProps\n}: ImageBaseOverlayProps) => {\n  const appearance = useAppearance();\n  const hasPointer = useAdaptivityHasPointer();\n  const theme = themeProp ?? appearance;\n  const visibility = visibilityProp ?? (hasPointer ? 'on-hover' : 'always');\n\n  if (process.env.NODE_ENV === 'development') {\n    if (children) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const { size } = React.useContext(ImageBaseContext);\n      validateOverlayIcon(size, { name: 'children', value: children });\n    }\n  }\n\n  const onClick = onClickProp ?? visibility === 'on-hover' ? noop : undefined;\n\n  return (\n    <Tappable\n      {...restProps}\n      className={classNames(\n        styles['ImageBaseOverlay'],\n        visibility === 'always' && styles['ImageBaseOverlay--visible'],\n        theme === 'light' && styles['ImageBaseOverlay--theme-light'],\n        theme === 'dark' && styles['ImageBaseOverlay--theme-dark'],\n        className,\n      )}\n      hasHover={visibility === 'on-hover'}\n      hoverMode={visibility === 'on-hover' ? styles['ImageBaseOverlay--visible'] : undefined}\n      focusVisibleMode={classNames(\n        focusVisiblePresetModeClassNames['inside'],\n        styles['ImageBaseOverlay--visible'],\n      )}\n      hasActive={false}\n      onClick={onClick}\n    >\n      {children}\n    </Tappable>\n  );\n};\n\nImageBaseOverlay.displayName = 'ImageBaseOverlay';\n"],"names":["ImageBaseOverlay","className","theme","themeProp","visibility","visibilityProp","children","onClick","onClickProp","restProps","appearance","useAppearance","hasPointer","useAdaptivityHasPointer","process","env","NODE_ENV","size","React","useContext","ImageBaseContext","validateOverlayIcon","name","value","noop","undefined","Tappable","classNames","hasHover","hoverMode","focusVisibleMode","focusVisiblePresetModeClassNames","hasActive","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA+CaA;;;eAAAA;;;;;;;;iEA/CU;sBACU;yCACO;+BACV;0CACmB;0BACxB;yBACQ;4BAEG;AAuC7B,MAAMA,mBAAmB;QAAC,EAC/BC,SAAS,EACTC,OAAOC,SAAS,EAChBC,YAAYC,cAAc,EAC1BC,QAAQ,EACRC,SAASC,WAAW,EAEE,WADnBC;QALHR;QACAC;QACAE;QACAE;QACAC;;IAGA,MAAMG,aAAaC,IAAAA,4BAAa;IAChC,MAAMC,aAAaC,IAAAA,gDAAuB;IAC1C,MAAMX,QAAQC,sBAAAA,uBAAAA,YAAaO;IAC3B,MAAMN,aAAaC,2BAAAA,4BAAAA,iBAAmBO,aAAa,aAAa;IAEhE,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIV,UAAU;YACZ,sDAAsD;YACtD,MAAM,EAAEW,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,yBAAgB;YAClDC,IAAAA,+BAAmB,EAACJ,MAAM;gBAAEK,MAAM;gBAAYC,OAAOjB;YAAS;QAChE;IACF;IAEA,MAAMC,UAAUC,CAAAA,wBAAAA,yBAAAA,cAAeJ,eAAe,UAAS,IAAIoB,UAAI,GAAGC;IAElE,qBACE,qBAACC,kBAAQ,8CACHjB;QACJR,WAAW0B,IAAAA,gBAAU,0BAEnBvB,eAAe,6CACfF,UAAU,gDACVA,UAAU,8CACVD;QAEF2B,UAAUxB,eAAe;QACzByB,WAAWzB,eAAe,+CAAmDqB;QAC7EK,kBAAkBH,IAAAA,gBAAU,EAC1BI,0DAAgC,CAAC,SAAS;QAG5CC,WAAW;QACXzB,SAASA;kBAERD;;AAGP;AAEAN,iBAAiBiC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/ImageBaseOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useKeyboard } from '../../../components/Clickable/useKeyboard';\nimport { useAdaptivityHasPointer } from '../../../hooks/useAdaptivityHasPointer';\nimport { useAppearance } from '../../../hooks/useAppearance';\nimport { useExternRef } from '../../../hooks/useExternRef';\nimport { useFocusVisible } from '../../../hooks/useFocusVisible';\nimport { useFocusVisibleClassName } from '../../../hooks/useFocusVisibleClassName';\nimport { ImageBaseContext } from '../context';\nimport { validateOverlayIcon } from '../validators';\nimport { useNonInteractiveOverlayProps } from './hooks';\nimport type {\n  ImageBaseOverlayInteractiveProps,\n  ImageBaseOverlayNonInteractiveProps,\n} from './types';\nimport styles from './ImageBaseOverlay.module.css';\n\nexport type ImageBaseOverlayProps =\n  | ImageBaseOverlayInteractiveProps\n  | ImageBaseOverlayNonInteractiveProps;\n\nconst ImageBaseOverlayInteractive = ({\n  children,\n  className,\n  getRootRef,\n  disableInteractive,\n  overlayShown,\n  ...restProps\n}: ImageBaseOverlayInteractiveProps & { overlayShown?: boolean }) => {\n  const { focusVisible, ...focusEvents } = useFocusVisible();\n  const focusVisibleClassNames = useFocusVisibleClassName({ focusVisible, mode: 'inside' });\n  const keyboardHandlers = useKeyboard();\n\n  if (process.env.NODE_ENV === 'development') {\n    if (children) {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const { size } = React.useContext(ImageBaseContext);\n      validateOverlayIcon(size, { name: 'children', value: children });\n    }\n  }\n\n  return (\n    <div\n      {...restProps}\n      tabIndex={0}\n      role=\"button\"\n      className={classNames(\n        styles['ImageBaseOverlay--clickable'],\n        (focusVisible || overlayShown) && styles['ImageBaseOverlay--visible'],\n        focusVisibleClassNames,\n        className,\n      )}\n      ref={getRootRef}\n      {...focusEvents}\n      {...keyboardHandlers}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst ImageBaseOverlayNonInteractive = ({\n  className,\n  getRootRef,\n  disableInteractive,\n  overlayShown: overlayShownProps,\n  ...restProps\n}: ImageBaseOverlayNonInteractiveProps & { overlayShown?: boolean }) => {\n  const rootRef = useExternRef(getRootRef);\n  const { shown: overlayShown, onClick: onOverlayClick } = useNonInteractiveOverlayProps(rootRef);\n\n  return (\n    <div\n      {...restProps}\n      ref={rootRef}\n      className={classNames(\n        (overlayShown || overlayShownProps) && styles['ImageBaseOverlay--visible'],\n        className,\n      )}\n      onClick={onOverlayClick}\n    />\n  );\n};\n\n/**\n * Оверлей над картинкой.\n */\nexport const ImageBaseOverlay: React.FC<ImageBaseOverlayProps> = ({\n  className,\n  theme: themeProp,\n  visibility: visibilityProp,\n  ...restProps\n}: ImageBaseOverlayProps) => {\n  const appearance = useAppearance();\n  const hasPointer = useAdaptivityHasPointer();\n  const theme = themeProp ?? appearance;\n  const visibility = visibilityProp ?? (hasPointer ? 'on-hover' : 'always');\n\n  const commonClassNames = classNames(\n    styles['ImageBaseOverlay'],\n    theme === 'light' && styles['ImageBaseOverlay--theme-light'],\n    theme === 'dark' && styles['ImageBaseOverlay--theme-dark'],\n    className,\n  );\n\n  const commonProps = {\n    className: commonClassNames,\n    overlayShown: visibility === 'always',\n  };\n\n  // Не делаем деструктуризацию пропа, потому что Typescript не вывозит\n  if (restProps.disableInteractive) {\n    return <ImageBaseOverlayNonInteractive {...restProps} {...commonProps} />;\n  }\n\n  return <ImageBaseOverlayInteractive {...restProps} {...commonProps} />;\n};\n\nImageBaseOverlay.displayName = 'ImageBaseOverlay';\n"],"names":["ImageBaseOverlay","ImageBaseOverlayInteractive","children","className","getRootRef","disableInteractive","overlayShown","restProps","useFocusVisible","focusVisible","focusEvents","focusVisibleClassNames","useFocusVisibleClassName","mode","keyboardHandlers","useKeyboard","process","env","NODE_ENV","size","React","useContext","ImageBaseContext","validateOverlayIcon","name","value","div","tabIndex","role","classNames","ref","ImageBaseOverlayNonInteractive","overlayShownProps","rootRef","useExternRef","shown","onClick","onOverlayClick","useNonInteractiveOverlayProps","theme","themeProp","visibility","visibilityProp","appearance","useAppearance","hasPointer","useAdaptivityHasPointer","commonClassNames","commonProps","displayName"],"mappings":";;;;+BAuFaA;;;eAAAA;;;;;;;;iEAvFU;sBACI;6BACC;yCACY;+BACV;8BACD;iCACG;0CACS;yBACR;4BACG;uBACU;AAW9C,MAAMC,8BAA8B;QAAC,EACnCC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,kBAAkB,EAClBC,YAAY,EAEkD,WAD3DC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAyCE,oBAAAA,IAAAA,gCAAe,KAAlD,EAAEC,YAAY,EAAkB,GAAGD,mBAAhBE,2CAAgBF;QAAjCC;;IACR,MAAME,yBAAyBC,IAAAA,kDAAwB,EAAC;QAAEH;QAAcI,MAAM;IAAS;IACvF,MAAMC,mBAAmBC,IAAAA,wBAAW;IAEpC,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAIhB,UAAU;YACZ,sDAAsD;YACtD,MAAM,EAAEiB,IAAI,EAAE,GAAGC,OAAMC,UAAU,CAACC,yBAAgB;YAClDC,IAAAA,+BAAmB,EAACJ,MAAM;gBAAEK,MAAM;gBAAYC,OAAOvB;YAAS;QAChE;IACF;IAEA,qBACE,qBAACwB,2FACKnB;QACJoB,UAAU;QACVC,MAAK;QACLzB,WAAW0B,IAAAA,gBAAU,qCAEnB,AAACpB,CAAAA,gBAAgBH,YAAW,sCAC5BK,wBACAR;QAEF2B,KAAK1B;QACDM,aACAI;kBAEHZ;;AAGP;AAEA,MAAM6B,iCAAiC;QAAC,EACtC5B,SAAS,EACTC,UAAU,EACVC,kBAAkB,EAClBC,cAAc0B,iBAAiB,EAEkC,WAD9DzB;QAJHJ;QACAC;QACAC;QACAC;;IAGA,MAAM2B,UAAUC,IAAAA,0BAAY,EAAC9B;IAC7B,MAAM,EAAE+B,OAAO7B,YAAY,EAAE8B,SAASC,cAAc,EAAE,GAAGC,IAAAA,oCAA6B,EAACL;IAEvF,qBACE,qBAACP,mDACKnB;QACJuB,KAAKG;QACL9B,WAAW0B,IAAAA,gBAAU,EACnB,AAACvB,CAAAA,gBAAgB0B,iBAAgB,sCACjC7B;QAEFiC,SAASC;;AAGf;AAKO,MAAMrC,mBAAoD;QAAC,EAChEG,SAAS,EACToC,OAAOC,SAAS,EAChBC,YAAYC,cAAc,EAEJ,WADnBnC;QAHHJ;QACAoC;QACAE;;IAGA,MAAME,aAAaC,IAAAA,4BAAa;IAChC,MAAMC,aAAaC,IAAAA,gDAAuB;IAC1C,MAAMP,QAAQC,sBAAAA,uBAAAA,YAAaG;IAC3B,MAAMF,aAAaC,2BAAAA,4BAAAA,iBAAmBG,aAAa,aAAa;IAEhE,MAAME,mBAAmBlB,IAAAA,gBAAU,0BAEjCU,UAAU,gDACVA,UAAU,8CACVpC;IAGF,MAAM6C,cAAc;QAClB7C,WAAW4C;QACXzC,cAAcmC,eAAe;IAC/B;IAEA,qEAAqE;IACrE,IAAIlC,UAAUF,kBAAkB,EAAE;QAChC,qBAAO,qBAAC0B,qDAAmCxB,WAAeyC;IAC5D;IAEA,qBAAO,qBAAC/C,kDAAgCM,WAAeyC;AACzD;AAEAhD,iBAAiBiD,WAAW,GAAG"}

package/dist/cjs/components/ImageBase/ImageBaseOverlay/hooks.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare function useNonInteractiveOverlayProps(rootRef: React.MutableRefObject<HTMLElement | null>): {
+    shown: boolean;
+    onClick: (event: React.MouseEvent) => void;
+};
+//# sourceMappingURL=hooks.d.ts.map

package/dist/cjs/components/ImageBase/ImageBaseOverlay/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;;qBAIvE,KAAK,CAAC,UAAU;EAiBzC"}

package/dist/cjs/components/ImageBase/ImageBaseOverlay/hooks.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useNonInteractiveOverlayProps", {
+    enumerable: true,
+    get: function() {
+        return useNonInteractiveOverlayProps;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useFocusWithin = require("../../../hooks/useFocusWithin");
+const _useIsomorphicLayoutEffect = require("../../../lib/useIsomorphicLayoutEffect");
+function useNonInteractiveOverlayProps(rootRef) {
+    const focusWithin = (0, _useFocusWithin.useFocusWithin)(rootRef);
+    const [nonInteractiveFocusShown, setNonInteractiveFocusShown] = _react.useState(false);
+    function onClick(event) {
+        if (event.detail > 0) {
+            // Если мы попали на вложенный в оверлей элемент через focus,
+            // то при клике мышкой мы должны начать реагировать на hover-состояние,
+            // даже если фокус всё ещё остался на вложенном элементе (был по нему клик)
+            setNonInteractiveFocusShown(false);
+        }
+    }
+    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(()=>{
+        setNonInteractiveFocusShown(focusWithin);
+    }, [
+        focusWithin
+    ]);
+    return {
+        shown: nonInteractiveFocusShown && focusWithin,
+        onClick
+    };
+}
+
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/components/ImageBase/ImageBaseOverlay/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/hooks.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFocusWithin } from '../../../hooks/useFocusWithin';\nimport { useIsomorphicLayoutEffect } from '../../../lib/useIsomorphicLayoutEffect';\n\nexport function useNonInteractiveOverlayProps(rootRef: React.MutableRefObject<HTMLElement | null>) {\n  const focusWithin = useFocusWithin(rootRef);\n  const [nonInteractiveFocusShown, setNonInteractiveFocusShown] = React.useState(false);\n\n  function onClick(event: React.MouseEvent) {\n    if (event.detail > 0) {\n      // Если мы попали на вложенный в оверлей элемент через focus,\n      // то при клике мышкой мы должны начать реагировать на hover-состояние,\n      // даже если фокус всё ещё остался на вложенном элементе (был по нему клик)\n      setNonInteractiveFocusShown(false);\n    }\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    setNonInteractiveFocusShown(focusWithin);\n  }, [focusWithin]);\n\n  return {\n    shown: nonInteractiveFocusShown && focusWithin,\n    onClick,\n  };\n}\n"],"names":["useNonInteractiveOverlayProps","rootRef","focusWithin","useFocusWithin","nonInteractiveFocusShown","setNonInteractiveFocusShown","React","useState","onClick","event","detail","useIsomorphicLayoutEffect","shown"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;gCACQ;2CACW;AAEnC,SAASA,8BAA8BC,OAAmD;IAC/F,MAAMC,cAAcC,IAAAA,8BAAc,EAACF;IACnC,MAAM,CAACG,0BAA0BC,4BAA4B,GAAGC,OAAMC,QAAQ,CAAC;IAE/E,SAASC,QAAQC,KAAuB;QACtC,IAAIA,MAAMC,MAAM,GAAG,GAAG;YACpB,6DAA6D;YAC7D,uEAAuE;YACvE,2EAA2E;YAC3EL,4BAA4B;QAC9B;IACF;IAEAM,IAAAA,oDAAyB,EAAC;QACxBN,4BAA4BH;IAC9B,GAAG;QAACA;KAAY;IAEhB,OAAO;QACLU,OAAOR,4BAA4BF;QACnCM;IACF;AACF"}

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { HasRootRef } from '../../../types';
+import type { ImageBaseExpectedIconProps } from '../types';
+export interface ImageBaseOverlayCommonProps extends React.AriaAttributes, HasRootRef<HTMLDivElement> {
+    /**
+     * Задаёт тему оформления.
+     *
+     * > По умолчанию берётся из параметра `appearance` в `ConfigProvider`.
+     */
+    theme?: 'dark' | 'light';
+    /**
+     * Определяет каким образом должен показываться оверлей.
+     *
+     * - `"on-hover"` – на наведение указателя мыши.
+     * - `"always"` – всегда показывать.
+     *
+     * > По умолчанию определяется в зависимости от того, есть ли у пользователя мышь или нет.
+     */
+    visibility?: 'on-hover' | 'always';
+    className?: string;
+}
+export interface ImageBaseOverlayInteractiveProps extends ImageBaseOverlayCommonProps {
+    /**
+     * Обработчик взаимодействия с элементом.
+     * Свойство несовместимо с `nonInteractive={true}`.
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Принимает иконку.
+     *
+     *
+     * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getOverlayIconSizeByImageBaseSize()`.
+     *
+     * > Предпочтительней использовать иконки из `@vkontakte/icons`.
+     *
+     * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же
+     * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы
+     * > использовали иконку.
+     */
+    children: React.ReactElement<ImageBaseExpectedIconProps>;
+    disableInteractive?: false;
+}
+export interface ImageBaseOverlayNonInteractiveProps extends ImageBaseOverlayCommonProps {
+    /**
+     * По умолчанию сам компонент является интерактивным элементом. Передав значение `true`, можно отключить
+     * такое поведение, что дает возможность передавать отдельные интерактивные элементы в `children`.
+     *
+     * TODO [>=7]: для определения интерактивности завязываться на св-во `onClick`
+     */
+    disableInteractive: true;
+    onClick?: undefined;
+    children: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE3D,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,EAC1B,UAAU,CAAC,cAAc,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gCAAiC,SAAQ,2BAA2B;IACnF;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;;;;;;;;;;OAWG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAAC;IACzD,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,mCAAoC,SAAQ,2BAA2B;IACtF;;;;;OAKG;IACH,kBAAkB,EAAE,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/ImageBase/ImageBaseOverlay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../../types';\nimport type { ImageBaseExpectedIconProps } from '../types';\n\nexport interface ImageBaseOverlayCommonProps\n  extends React.AriaAttributes,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задаёт тему оформления.\n   *\n   * > По умолчанию берётся из параметра `appearance` в `ConfigProvider`.\n   */\n  theme?: 'dark' | 'light';\n  /**\n   * Определяет каким образом должен показываться оверлей.\n   *\n   * - `\"on-hover\"` – на наведение указателя мыши.\n   * - `\"always\"` – всегда показывать.\n   *\n   * > По умолчанию определяется в зависимости от того, есть ли у пользователя мышь или нет.\n   */\n  visibility?: 'on-hover' | 'always';\n  className?: string;\n}\n\nexport interface ImageBaseOverlayInteractiveProps extends ImageBaseOverlayCommonProps {\n  /**\n   * Обработчик взаимодействия с элементом.\n   * Свойство несовместимо с `nonInteractive={true}`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Принимает иконку.\n   *\n   *\n   * > 📝 Нужный для `<ImageBase size={...} />` размер можно узнать из функции `getOverlayIconSizeByImageBaseSize()`.\n   *\n   * > Предпочтительней использовать иконки из `@vkontakte/icons`.\n   *\n   * > 📊️ Если вы хотите передать кастомную иконку, то следует именовать её по шаблону `Icon<size><name>`. Или же\n   * > чтобы в неё был передан параметр `width`. Тогда мы сможем выводить в консоль подсказку правильного ли размера вы\n   * > использовали иконку.\n   */\n  children: React.ReactElement<ImageBaseExpectedIconProps>;\n  disableInteractive?: false;\n}\n\nexport interface ImageBaseOverlayNonInteractiveProps extends ImageBaseOverlayCommonProps {\n  /**\n   * По умолчанию сам компонент является интерактивным элементом. Передав значение `true`, можно отключить\n   * такое поведение, что дает возможность передавать отдельные интерактивные элементы в `children`.\n   *\n   * TODO [>=7]: для определения интерактивности завязываться на св-во `onClick`\n   */\n  disableInteractive: true;\n  onClick?: undefined;\n  children: React.ReactNode;\n}\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ImageBase/context.ts"],"sourcesContent":["import * as React from 'react';\nimport { ImageBaseContextProps } from './types';\n\nexport const ImageBaseContext = React.createContext<ImageBaseContextProps>({\n  size: 0,\n});\n"],"names":["ImageBaseContext","React","createContext","size"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;AAGhB,MAAMA,mBAAmBC,OAAMC,aAAa,CAAwB;IACzEC,MAAM;AACR"}
+{"version":3,"sources":["../../../../src/components/ImageBase/context.ts"],"sourcesContent":["import * as React from 'react';\nimport { ImageBaseContextProps } from './types';\n\nexport const ImageBaseContext = React.createContext<ImageBaseContextProps>({\n  size: 0,\n});\n"],"names":["ImageBaseContext","React","createContext","size"],"mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;AAGhB,MAAMA,mBAAmBC,OAAMC,aAAa,CAAwB;IACzEC,MAAM;AACR"}

package/dist/cjs/components/ImageBase/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ImageBase/helpers.ts"],"sourcesContent":["/**\n * Возвращает размер иконки основанный на дизайн-системы.\n *\n * @param imageSize наименьшая сторона изображения\n */\nexport function getFallbackIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 | 28 | 36 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 28) {\n    return 16;\n  } else if (imageSize > 28 && imageSize <= 32) {\n    return 20;\n  } else if (imageSize > 32 && imageSize <= 44) {\n    return 24;\n  } else if (imageSize > 44 && imageSize <= 64) {\n    return 28;\n  }\n  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetFallbackIconSizeByImageBaseSize.MAX_SIZE = 36 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n *\n * @param imageSize наименьшая сторона изображения\n */\nexport function getBadgeIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 {\n  if (imageSize <= 36) {\n    return 12;\n  } else if (imageSize > 36 && imageSize <= 48) {\n    return 16;\n  } else if (imageSize > 48 && imageSize <= 64) {\n    return 20;\n  }\n  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetBadgeIconSizeByImageBaseSize.MAX_SIZE = 24 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n *\n * @param imageSize наименьшая сторона изображения\n */\nexport function getOverlayIconSizeByImageBaseSize(\n  imageSize: number,\n): 12 | 16 | 18 | 20 | 24 | 28 | 32 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 24) {\n    return 16;\n  } else if (imageSize > 24 && imageSize <= 28) {\n    return 18;\n  } else if (imageSize > 28 && imageSize <= 40) {\n    return 20;\n  } else if (imageSize > 40 && imageSize <= 48) {\n    return 24;\n  } else if (imageSize > 48 && imageSize <= 88) {\n    return 28;\n  }\n  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetOverlayIconSizeByImageBaseSize.MAX_SIZE = 32 as const;\n"],"names":["getBadgeIconSizeByImageBaseSize","getFallbackIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize","imageSize","MAX_SIZE"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;CAIC;;;;;;;;;;;IAuBeA,+BAA+B;eAA/BA;;IAtBAC,kCAAkC;eAAlCA;;IAwCAC,iCAAiC;eAAjCA;;;AAxCT,SAASD,mCAAmCE,SAAiB;IAClE,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT;IACA,OAAOF,mCAAmCG,QAAQ;AACpD;AAEAH,mCAAmCG,QAAQ,GAAG;AAOvC,SAASJ,gCAAgCG,SAAiB;IAC/D,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT;IACA,OAAOH,gCAAgCI,QAAQ;AACjD;AAEAJ,gCAAgCI,QAAQ,GAAG;AAOpC,SAASF,kCACdC,SAAiB;IAEjB,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT;IACA,OAAOD,kCAAkCE,QAAQ;AACnD;AAEAF,kCAAkCE,QAAQ,GAAG"}
+{"version":3,"sources":["../../../../src/components/ImageBase/helpers.ts"],"sourcesContent":["/**\n * Возвращает размер иконки основанный на дизайн-системы.\n *\n * @param imageSize наименьшая сторона изображения\n */\nexport function getFallbackIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 | 28 | 36 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 28) {\n    return 16;\n  } else if (imageSize > 28 && imageSize <= 32) {\n    return 20;\n  } else if (imageSize > 32 && imageSize <= 44) {\n    return 24;\n  } else if (imageSize > 44 && imageSize <= 64) {\n    return 28;\n  }\n  return getFallbackIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetFallbackIconSizeByImageBaseSize.MAX_SIZE = 36 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n *\n * @param imageSize наименьшая сторона изображения\n */\nexport function getBadgeIconSizeByImageBaseSize(imageSize: number): 12 | 16 | 20 | 24 {\n  if (imageSize <= 36) {\n    return 12;\n  } else if (imageSize > 36 && imageSize <= 48) {\n    return 16;\n  } else if (imageSize > 48 && imageSize <= 64) {\n    return 20;\n  }\n  return getBadgeIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetBadgeIconSizeByImageBaseSize.MAX_SIZE = 24 as const;\n\n/**\n * Возвращает размер иконки основанный на дизайн-системы.\n *\n * @param imageSize наименьшая сторона изображения\n */\nexport function getOverlayIconSizeByImageBaseSize(\n  imageSize: number,\n): 12 | 16 | 18 | 20 | 24 | 28 | 32 {\n  if (imageSize <= 20) {\n    return 12;\n  } else if (imageSize > 20 && imageSize <= 24) {\n    return 16;\n  } else if (imageSize > 24 && imageSize <= 28) {\n    return 18;\n  } else if (imageSize > 28 && imageSize <= 40) {\n    return 20;\n  } else if (imageSize > 40 && imageSize <= 48) {\n    return 24;\n  } else if (imageSize > 48 && imageSize <= 88) {\n    return 28;\n  }\n  return getOverlayIconSizeByImageBaseSize.MAX_SIZE;\n}\n\ngetOverlayIconSizeByImageBaseSize.MAX_SIZE = 32 as const;\n"],"names":["getBadgeIconSizeByImageBaseSize","getFallbackIconSizeByImageBaseSize","getOverlayIconSizeByImageBaseSize","imageSize","MAX_SIZE"],"mappings":"AAAA;;;;CAIC;;;;;;;;;;;IAuBeA,+BAA+B;eAA/BA;;IAtBAC,kCAAkC;eAAlCA;;IAwCAC,iCAAiC;eAAjCA;;;AAxCT,SAASD,mCAAmCE,SAAiB;IAClE,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT;IACA,OAAOF,mCAAmCG,QAAQ;AACpD;AAEAH,mCAAmCG,QAAQ,GAAG;AAOvC,SAASJ,gCAAgCG,SAAiB;IAC/D,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT;IACA,OAAOH,gCAAgCI,QAAQ;AACjD;AAEAJ,gCAAgCI,QAAQ,GAAG;AAOpC,SAASF,kCACdC,SAAiB;IAEjB,IAAIA,aAAa,IAAI;QACnB,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT,OAAO,IAAIA,YAAY,MAAMA,aAAa,IAAI;QAC5C,OAAO;IACT;IACA,OAAOD,kCAAkCE,QAAQ;AACnD;AAEAF,kCAAkCE,QAAQ,GAAG"}

package/dist/cjs/components/ImageBase/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ImageBase/types.ts"],"sourcesContent":["export const imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96] as const;\n\nexport type ImageBaseSize = (typeof imageBaseSizes)[number];\n\nexport type ImageBaseExpectedIconProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport interface ImageBaseContextProps {\n  size: ImageBaseSize | number;\n}\n"],"names":["imageBaseSizes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,iBAAiB;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG"}
+{"version":3,"sources":["../../../../src/components/ImageBase/types.ts"],"sourcesContent":["export const imageBaseSizes = [16, 20, 24, 28, 32, 36, 40, 44, 48, 56, 64, 72, 80, 88, 96] as const;\n\nexport type ImageBaseSize = (typeof imageBaseSizes)[number];\n\nexport type ImageBaseExpectedIconProps = {\n  width?: number;\n  height?: number;\n  className?: string;\n};\n\nexport interface ImageBaseContextProps {\n  size: ImageBaseSize | number;\n}\n"],"names":["imageBaseSizes"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,iBAAiB;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG"}

package/dist/cjs/components/ImageBase/validators.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ImageBase/validators.ts"],"sourcesContent":["import { warnOnce } from '../../lib/warnOnce';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './helpers';\nimport { imageBaseSizes } from './types';\n\n/**\n * Пример,\n *\n * Icon28User -> 28\n * Icon12Circle1 -> 12\n * Icon12Circle2 -> 12\n * Icon20TextHeading1Outline -> 20\n */\nfunction parseIconSizeByDisplayName(displayName: unknown): number | null {\n  if (typeof displayName !== 'string') {\n    return null;\n  }\n\n  const match = /Icon(\\d+)/.exec(displayName);\n\n  return match ? Number(match[1]) : null;\n}\n\nfunction parseIconSizeByWidthProp(width: unknown): number | null {\n  if (typeof width !== 'string' && typeof width !== 'number') {\n    return null;\n  }\n  const size = Number(width);\n  return size > 0 ? size : null;\n}\n\nfunction getElementDisplayName(element: JSX.Element): string | null {\n  return element.type.displayName ?? null;\n}\n\nfunction getElementWidthProp(element: JSX.Element): number | string | null {\n  return element.props.width ?? null;\n}\n\nfunction getIconSizeByElement(element: JSX.Element): number | null {\n  const sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));\n  const sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));\n  return sizeByWidth ? sizeByWidth : sizeByDisplayName;\n}\n\ninterface IconProp {\n  name: string;\n  value: JSX.Element;\n}\n\ninterface SelectorFn {\n  (imageSize: number): number;\n  MAX_SIZE: number;\n}\n\nfunction validateIconComponentSizeByImageSize(\n  imageSize: number,\n  iconProp: IconProp,\n  selectorFn: SelectorFn,\n  logger: ReturnType<typeof warnOnce>,\n) {\n  const iconSize = getIconSizeByElement(iconProp.value);\n\n  if (iconSize === null) {\n    return;\n  }\n\n  const result = selectorFn(imageSize);\n\n  if (result === iconSize || (result === selectorFn.MAX_SIZE && iconSize >= result)) {\n    return;\n  }\n\n  const iconName = getElementDisplayName(iconProp.value);\n  const propMessage = iconName ? `${iconProp.name}={<${iconName} />}` : iconProp.name;\n\n  logger(\n    `Размер \\`${propMessage}\\` не соответствует дизайн-системе. Для \\`size={${imageSize}}\\` размер иконки для \\`${iconProp.name}\\` должен соответствовать <Icon${result}<name> />. Если такого размера нет, то используйте <${iconName} width={${result}} height={${result}} />`,\n    'log',\n  );\n}\n\nconst warnImageBase = warnOnce('ImageBase');\n\nexport function validateFallbackIcon(imageSize: number, iconProp: IconProp) {\n  return validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getFallbackIconSizeByImageBaseSize,\n    warnImageBase,\n  );\n}\n\nconst mapOfExpectedSize = new Set<number>(imageBaseSizes);\n\nconst arrayOfSizes = Object.keys(mapOfExpectedSize).map((str) => Number(str));\nconst maxSize = arrayOfSizes.reduce((maxSize, size) => (size > maxSize ? size : maxSize), 0);\n\nexport function validateSize(imageSize: number): void {\n  if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {\n    return;\n  }\n  warnImageBase(\n    `\\`size={${imageSize}}\\` не соответствует дизайн-системе. Пожалуйста, используйте один из следующих вариантов: ${arrayOfSizes.join(\n      ' | ',\n    )}`,\n    'log',\n  );\n}\n\nconst warnImageBaseBadge = warnOnce('ImageBase.Badge');\n\nexport function validateBadgeIcon(imageSize: number, iconProp: IconProp): void {\n  if (imageSize < 24 && iconProp) {\n    return warnImageBaseBadge('Не используйте бейдж при `size < 24`.', 'log');\n  }\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getBadgeIconSizeByImageBaseSize,\n    warnImageBaseBadge,\n  );\n}\n\nconst warnImageBaseOverlay = warnOnce('ImageBase.Overlay');\n\nexport function validateOverlayIcon(imageSize: number, iconProp: IconProp): void {\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getOverlayIconSizeByImageBaseSize,\n    warnImageBaseOverlay,\n  );\n}\n"],"names":["validateBadgeIcon","validateFallbackIcon","validateOverlayIcon","validateSize","parseIconSizeByDisplayName","displayName","match","exec","Number","parseIconSizeByWidthProp","width","size","getElementDisplayName","element","type","getElementWidthProp","props","getIconSizeByElement","sizeByDisplayName","sizeByWidth","validateIconComponentSizeByImageSize","imageSize","iconProp","selectorFn","logger","iconSize","value","result","MAX_SIZE","iconName","propMessage","name","warnImageBase","warnOnce","getFallbackIconSizeByImageBaseSize","mapOfExpectedSize","Set","imageBaseSizes","arrayOfSizes","Object","keys","map","str","maxSize","reduce","has","join","warnImageBaseBadge","getBadgeIconSizeByImageBaseSize","warnImageBaseOverlay","getOverlayIconSizeByImageBaseSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAmHgBA,iBAAiB;eAAjBA;;IA5BAC,oBAAoB;eAApBA;;IA0CAC,mBAAmB;eAAnBA;;IA5BAC,YAAY;eAAZA;;;0BArGS;yBAKlB;uBACwB;AAE/B;;;;;;;CAOC,GACD,SAASC,2BAA2BC,WAAoB;IACtD,IAAI,OAAOA,gBAAgB,UAAU;QACnC,OAAO;IACT;IAEA,MAAMC,QAAQ,YAAYC,IAAI,CAACF;IAE/B,OAAOC,QAAQE,OAAOF,KAAK,CAAC,EAAE,IAAI;AACpC;AAEA,SAASG,yBAAyBC,KAAc;IAC9C,IAAI,OAAOA,UAAU,YAAY,OAAOA,UAAU,UAAU;QAC1D,OAAO;IACT;IACA,MAAMC,OAAOH,OAAOE;IACpB,OAAOC,OAAO,IAAIA,OAAO;AAC3B;AAEA,SAASC,sBAAsBC,OAAoB;QAC1CA;IAAP,OAAOA,CAAAA,4BAAAA,QAAQC,IAAI,CAACT,WAAW,cAAxBQ,uCAAAA,4BAA4B;AACrC;AAEA,SAASE,oBAAoBF,OAAoB;QACxCA;IAAP,OAAOA,CAAAA,uBAAAA,QAAQG,KAAK,CAACN,KAAK,cAAnBG,kCAAAA,uBAAuB;AAChC;AAEA,SAASI,qBAAqBJ,OAAoB;IAChD,MAAMK,oBAAoBd,2BAA2BQ,sBAAsBC;IAC3E,MAAMM,cAAcV,yBAAyBM,oBAAoBF;IACjE,OAAOM,cAAcA,cAAcD;AACrC;AAYA,SAASE,qCACPC,SAAiB,EACjBC,QAAkB,EAClBC,UAAsB,EACtBC,MAAmC;IAEnC,MAAMC,WAAWR,qBAAqBK,SAASI,KAAK;IAEpD,IAAID,aAAa,MAAM;QACrB;IACF;IAEA,MAAME,SAASJ,WAAWF;IAE1B,IAAIM,WAAWF,YAAaE,WAAWJ,WAAWK,QAAQ,IAAIH,YAAYE,QAAS;QACjF;IACF;IAEA,MAAME,WAAWjB,sBAAsBU,SAASI,KAAK;IACrD,MAAMI,cAAcD,WAAW,CAAC,EAAEP,SAASS,IAAI,CAAC,GAAG,EAAEF,SAAS,IAAI,CAAC,GAAGP,SAASS,IAAI;IAEnFP,OACE,CAAC,SAAS,EAAEM,YAAY,gDAAgD,EAAET,UAAU,wBAAwB,EAAEC,SAASS,IAAI,CAAC,+BAA+B,EAAEJ,OAAO,oDAAoD,EAAEE,SAAS,QAAQ,EAAEF,OAAO,UAAU,EAAEA,OAAO,IAAI,CAAC,EAC5Q;AAEJ;AAEA,MAAMK,gBAAgBC,IAAAA,kBAAQ,EAAC;AAExB,SAAShC,qBAAqBoB,SAAiB,EAAEC,QAAkB;IACxE,OAAOF,qCACLC,WACAC,UACAY,2CAAkC,EAClCF;AAEJ;AAEA,MAAMG,oBAAoB,IAAIC,IAAYC,qBAAc;AAExD,MAAMC,eAAeC,OAAOC,IAAI,CAACL,mBAAmBM,GAAG,CAAC,CAACC,MAAQlC,OAAOkC;AACxE,MAAMC,UAAUL,aAAaM,MAAM,CAAC,CAACD,SAAShC,OAAUA,OAAOgC,UAAUhC,OAAOgC,SAAU;AAEnF,SAASxC,aAAakB,SAAiB;IAC5C,IAAIA,YAAYsB,WAAWR,kBAAkBU,GAAG,CAACxB,YAAY;QAC3D;IACF;IACAW,cACE,CAAC,QAAQ,EAAEX,UAAU,0FAA0F,EAAEiB,aAAaQ,IAAI,CAChI,OACA,CAAC,EACH;AAEJ;AAEA,MAAMC,qBAAqBd,IAAAA,kBAAQ,EAAC;AAE7B,SAASjC,kBAAkBqB,SAAiB,EAAEC,QAAkB;IACrE,IAAID,YAAY,MAAMC,UAAU;QAC9B,OAAOyB,mBAAmB,yCAAyC;IACrE;IACA3B,qCACEC,WACAC,UACA0B,wCAA+B,EAC/BD;AAEJ;AAEA,MAAME,uBAAuBhB,IAAAA,kBAAQ,EAAC;AAE/B,SAAS/B,oBAAoBmB,SAAiB,EAAEC,QAAkB;IACvEF,qCACEC,WACAC,UACA4B,0CAAiC,EACjCD;AAEJ"}
+{"version":3,"sources":["../../../../src/components/ImageBase/validators.ts"],"sourcesContent":["import { warnOnce } from '../../lib/warnOnce';\nimport {\n  getBadgeIconSizeByImageBaseSize,\n  getFallbackIconSizeByImageBaseSize,\n  getOverlayIconSizeByImageBaseSize,\n} from './helpers';\nimport { imageBaseSizes } from './types';\n\n/**\n * Пример,\n *\n * Icon28User -> 28\n * Icon12Circle1 -> 12\n * Icon12Circle2 -> 12\n * Icon20TextHeading1Outline -> 20\n */\nfunction parseIconSizeByDisplayName(displayName: unknown): number | null {\n  if (typeof displayName !== 'string') {\n    return null;\n  }\n\n  const match = /Icon(\\d+)/.exec(displayName);\n\n  return match ? Number(match[1]) : null;\n}\n\nfunction parseIconSizeByWidthProp(width: unknown): number | null {\n  if (typeof width !== 'string' && typeof width !== 'number') {\n    return null;\n  }\n  const size = Number(width);\n  return size > 0 ? size : null;\n}\n\nfunction getElementDisplayName(element: JSX.Element): string | null {\n  return element.type.displayName ?? null;\n}\n\nfunction getElementWidthProp(element: JSX.Element): number | string | null {\n  return element.props.width ?? null;\n}\n\nfunction getIconSizeByElement(element: JSX.Element): number | null {\n  const sizeByDisplayName = parseIconSizeByDisplayName(getElementDisplayName(element));\n  const sizeByWidth = parseIconSizeByWidthProp(getElementWidthProp(element));\n  return sizeByWidth ? sizeByWidth : sizeByDisplayName;\n}\n\ninterface IconProp {\n  name: string;\n  value: JSX.Element;\n}\n\ninterface SelectorFn {\n  (imageSize: number): number;\n  MAX_SIZE: number;\n}\n\nfunction validateIconComponentSizeByImageSize(\n  imageSize: number,\n  iconProp: IconProp,\n  selectorFn: SelectorFn,\n  logger: ReturnType<typeof warnOnce>,\n) {\n  const iconSize = getIconSizeByElement(iconProp.value);\n\n  if (iconSize === null) {\n    return;\n  }\n\n  const result = selectorFn(imageSize);\n\n  if (result === iconSize || (result === selectorFn.MAX_SIZE && iconSize >= result)) {\n    return;\n  }\n\n  const iconName = getElementDisplayName(iconProp.value);\n  const propMessage = iconName ? `${iconProp.name}={<${iconName} />}` : iconProp.name;\n\n  logger(\n    `Размер \\`${propMessage}\\` не соответствует дизайн-системе. Для \\`size={${imageSize}}\\` размер иконки для \\`${iconProp.name}\\` должен соответствовать <Icon${result}<name> />. Если такого размера нет, то используйте <${iconName} width={${result}} height={${result}} />`,\n    'log',\n  );\n}\n\nconst warnImageBase = warnOnce('ImageBase');\n\nexport function validateFallbackIcon(imageSize: number, iconProp: IconProp) {\n  return validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getFallbackIconSizeByImageBaseSize,\n    warnImageBase,\n  );\n}\n\nconst mapOfExpectedSize = new Set<number>(imageBaseSizes);\n\nconst arrayOfSizes = Object.keys(mapOfExpectedSize).map((str) => Number(str));\nconst maxSize = arrayOfSizes.reduce((maxSize, size) => (size > maxSize ? size : maxSize), 0);\n\nexport function validateSize(imageSize: number): void {\n  if (imageSize > maxSize || mapOfExpectedSize.has(imageSize)) {\n    return;\n  }\n  warnImageBase(\n    `\\`size={${imageSize}}\\` не соответствует дизайн-системе. Пожалуйста, используйте один из следующих вариантов: ${arrayOfSizes.join(\n      ' | ',\n    )}`,\n    'log',\n  );\n}\n\nconst warnImageBaseBadge = warnOnce('ImageBase.Badge');\n\nexport function validateBadgeIcon(imageSize: number, iconProp: IconProp): void {\n  if (imageSize < 24 && iconProp) {\n    return warnImageBaseBadge('Не используйте бейдж при `size < 24`.', 'log');\n  }\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getBadgeIconSizeByImageBaseSize,\n    warnImageBaseBadge,\n  );\n}\n\nconst warnImageBaseOverlay = warnOnce('ImageBase.Overlay');\n\nexport function validateOverlayIcon(imageSize: number, iconProp: IconProp): void {\n  validateIconComponentSizeByImageSize(\n    imageSize,\n    iconProp,\n    getOverlayIconSizeByImageBaseSize,\n    warnImageBaseOverlay,\n  );\n}\n"],"names":["validateBadgeIcon","validateFallbackIcon","validateOverlayIcon","validateSize","parseIconSizeByDisplayName","displayName","match","exec","Number","parseIconSizeByWidthProp","width","size","getElementDisplayName","element","type","getElementWidthProp","props","getIconSizeByElement","sizeByDisplayName","sizeByWidth","validateIconComponentSizeByImageSize","imageSize","iconProp","selectorFn","logger","iconSize","value","result","MAX_SIZE","iconName","propMessage","name","warnImageBase","warnOnce","getFallbackIconSizeByImageBaseSize","mapOfExpectedSize","Set","imageBaseSizes","arrayOfSizes","Object","keys","map","str","maxSize","reduce","has","join","warnImageBaseBadge","getBadgeIconSizeByImageBaseSize","warnImageBaseOverlay","getOverlayIconSizeByImageBaseSize"],"mappings":";;;;;;;;;;;IAmHgBA,iBAAiB;eAAjBA;;IA5BAC,oBAAoB;eAApBA;;IA0CAC,mBAAmB;eAAnBA;;IA5BAC,YAAY;eAAZA;;;0BArGS;yBAKlB;uBACwB;AAE/B;;;;;;;CAOC,GACD,SAASC,2BAA2BC,WAAoB;IACtD,IAAI,OAAOA,gBAAgB,UAAU;QACnC,OAAO;IACT;IAEA,MAAMC,QAAQ,YAAYC,IAAI,CAACF;IAE/B,OAAOC,QAAQE,OAAOF,KAAK,CAAC,EAAE,IAAI;AACpC;AAEA,SAASG,yBAAyBC,KAAc;IAC9C,IAAI,OAAOA,UAAU,YAAY,OAAOA,UAAU,UAAU;QAC1D,OAAO;IACT;IACA,MAAMC,OAAOH,OAAOE;IACpB,OAAOC,OAAO,IAAIA,OAAO;AAC3B;AAEA,SAASC,sBAAsBC,OAAoB;QAC1CA;IAAP,OAAOA,CAAAA,4BAAAA,QAAQC,IAAI,CAACT,WAAW,cAAxBQ,uCAAAA,4BAA4B;AACrC;AAEA,SAASE,oBAAoBF,OAAoB;QACxCA;IAAP,OAAOA,CAAAA,uBAAAA,QAAQG,KAAK,CAACN,KAAK,cAAnBG,kCAAAA,uBAAuB;AAChC;AAEA,SAASI,qBAAqBJ,OAAoB;IAChD,MAAMK,oBAAoBd,2BAA2BQ,sBAAsBC;IAC3E,MAAMM,cAAcV,yBAAyBM,oBAAoBF;IACjE,OAAOM,cAAcA,cAAcD;AACrC;AAYA,SAASE,qCACPC,SAAiB,EACjBC,QAAkB,EAClBC,UAAsB,EACtBC,MAAmC;IAEnC,MAAMC,WAAWR,qBAAqBK,SAASI,KAAK;IAEpD,IAAID,aAAa,MAAM;QACrB;IACF;IAEA,MAAME,SAASJ,WAAWF;IAE1B,IAAIM,WAAWF,YAAaE,WAAWJ,WAAWK,QAAQ,IAAIH,YAAYE,QAAS;QACjF;IACF;IAEA,MAAME,WAAWjB,sBAAsBU,SAASI,KAAK;IACrD,MAAMI,cAAcD,WAAW,CAAC,EAAEP,SAASS,IAAI,CAAC,GAAG,EAAEF,SAAS,IAAI,CAAC,GAAGP,SAASS,IAAI;IAEnFP,OACE,CAAC,SAAS,EAAEM,YAAY,gDAAgD,EAAET,UAAU,wBAAwB,EAAEC,SAASS,IAAI,CAAC,+BAA+B,EAAEJ,OAAO,oDAAoD,EAAEE,SAAS,QAAQ,EAAEF,OAAO,UAAU,EAAEA,OAAO,IAAI,CAAC,EAC5Q;AAEJ;AAEA,MAAMK,gBAAgBC,IAAAA,kBAAQ,EAAC;AAExB,SAAShC,qBAAqBoB,SAAiB,EAAEC,QAAkB;IACxE,OAAOF,qCACLC,WACAC,UACAY,2CAAkC,EAClCF;AAEJ;AAEA,MAAMG,oBAAoB,IAAIC,IAAYC,qBAAc;AAExD,MAAMC,eAAeC,OAAOC,IAAI,CAACL,mBAAmBM,GAAG,CAAC,CAACC,MAAQlC,OAAOkC;AACxE,MAAMC,UAAUL,aAAaM,MAAM,CAAC,CAACD,SAAShC,OAAUA,OAAOgC,UAAUhC,OAAOgC,SAAU;AAEnF,SAASxC,aAAakB,SAAiB;IAC5C,IAAIA,YAAYsB,WAAWR,kBAAkBU,GAAG,CAACxB,YAAY;QAC3D;IACF;IACAW,cACE,CAAC,QAAQ,EAAEX,UAAU,0FAA0F,EAAEiB,aAAaQ,IAAI,CAChI,OACA,CAAC,EACH;AAEJ;AAEA,MAAMC,qBAAqBd,IAAAA,kBAAQ,EAAC;AAE7B,SAASjC,kBAAkBqB,SAAiB,EAAEC,QAAkB;IACrE,IAAID,YAAY,MAAMC,UAAU;QAC9B,OAAOyB,mBAAmB,yCAAyC;IACrE;IACA3B,qCACEC,WACAC,UACA0B,wCAA+B,EAC/BD;AAEJ;AAEA,MAAME,uBAAuBhB,IAAAA,kBAAQ,EAAC;AAE/B,SAAS/B,oBAAoBmB,SAAiB,EAAEC,QAAkB;IACvEF,qCACEC,WACAC,UACA4B,0CAAiC,EACjCD;AAEJ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './InfoRow.module.css';\n\nexport interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, className, ...restProps }: InfoRowProps) => (\n  <Headline\n    {...restProps}\n    Component=\"span\"\n    className={classNames(styles['InfoRow'], className)}\n    weight=\"3\"\n  >\n    {hasReactNode(header) && (\n      <Subhead Component=\"strong\" className={styles['InfoRow__header']}>\n        {header}\n        <VisuallyHidden>&nbsp;</VisuallyHidden>\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"names":["InfoRow","header","children","className","restProps","Headline","Component","classNames","weight","hasReactNode","Subhead","VisuallyHidden"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;;;;;iEAfU;sBACkB;0BAEhB;yBACD;gCACO;AAUxB,MAAMA,UAAU;QAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAA8B,WAAzBC;QAAhCH;QAAQC;QAAUC;;yBAC1C,sBAACE,kBAAQ,8CACHD;QACJE,WAAU;QACVH,WAAWI,IAAAA,gBAAU,iBAAoBJ;QACzCK,QAAO;;YAENC,IAAAA,kBAAY,EAACR,yBACZ,sBAACS,gBAAO;gBAACJ,WAAU;gBAASH,SAAS;;oBAClCF;kCACD,qBAACU,8BAAc;kCAAC;;;;YAGnBT"}
+{"version":3,"sources":["../../../../src/components/InfoRow/InfoRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './InfoRow.module.css';\n\nexport interface InfoRowProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  header: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/InfoRow\n */\nexport const InfoRow = ({ header, children, className, ...restProps }: InfoRowProps) => (\n  <Headline\n    {...restProps}\n    Component=\"span\"\n    className={classNames(styles['InfoRow'], className)}\n    weight=\"3\"\n  >\n    {hasReactNode(header) && (\n      <Subhead Component=\"strong\" className={styles['InfoRow__header']}>\n        {header}\n        <VisuallyHidden>&nbsp;</VisuallyHidden>\n      </Subhead>\n    )}\n    {children}\n  </Headline>\n);\n"],"names":["InfoRow","header","children","className","restProps","Headline","Component","classNames","weight","hasReactNode","Subhead","VisuallyHidden"],"mappings":";;;;+BAeaA;;;eAAAA;;;;;;;;iEAfU;sBACkB;0BAEhB;yBACD;gCACO;AAUxB,MAAMA,UAAU;QAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAA8B,WAAzBC;QAAhCH;QAAQC;QAAUC;;yBAC1C,sBAACE,kBAAQ,8CACHD;QACJE,WAAU;QACVH,WAAWI,IAAAA,gBAAU,iBAAoBJ;QACzCK,QAAO;;YAENC,IAAAA,kBAAY,EAACR,yBACZ,sBAACS,gBAAO;gBAACJ,WAAU;gBAASH,SAAS;;oBAClCF;kCACD,qBAACU,8BAAc;kCAAC;;;;YAGnBT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport styles from './Input.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Input--sizeY-none'],\n  ['compact']: styles['Input--sizeY-compact'],\n};\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    FormFieldProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = ({\n  type = 'text',\n  align = 'left',\n  getRef,\n  className,\n  getRootRef,\n  style,\n  before,\n  after,\n  status,\n  mode,\n  ...restProps\n}: InputProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(\n        styles['Input'],\n        align === 'right' && styles['Input--align-right'],\n        align === 'center' && styles['Input--align-center'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        before && styles['Input--hasBefore'],\n        after && styles['Input--hasAfter'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n      mode={mode}\n      status={status}\n    >\n      <UnstyledTextField\n        {...restProps}\n        as=\"input\"\n        type={type}\n        className={styles['Input__el']}\n        getRootRef={getRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["Input","sizeYClassNames","none","type","align","getRef","className","getRootRef","style","before","after","status","mode","restProps","sizeY","useAdaptivity","FormField","classNames","disabled","UnstyledTextField","as"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;;iEAvBU;sBACI;+BACG;2BAEY;mCACR;AAGlC,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAYO,MAAMF,QAAQ;QAAC,EACpBG,OAAO,MAAM,EACbC,QAAQ,MAAM,EACdC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,IAAI,EAEO,WADRC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,oBAAS;QACRR,OAAOA;QACPF,WAAWW,IAAAA,gBAAU,eAEnBb,UAAU,qCACVA,UAAU,uCACVU,UAAU,aAAab,eAAe,CAACa,MAAM,EAC7CL,kCACAC,gCACAJ;QAEFC,YAAYA;QACZE,QAAQA;QACRC,OAAOA;QACPQ,UAAUL,UAAUK,QAAQ;QAC5BN,MAAMA;QACND,QAAQA;kBAER,cAAA,qBAACQ,oCAAiB,8CACZN;YACJO,IAAG;YACHjB,MAAMA;YACNG,SAAS;YACTC,YAAYF;;;AAIpB"}
+{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport styles from './Input.module.css';\n\nconst sizeYClassNames = {\n  none: styles['Input--sizeY-none'],\n  ['compact']: styles['Input--sizeY-compact'],\n};\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    FormFieldProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Input\n */\nexport const Input = ({\n  type = 'text',\n  align = 'left',\n  getRef,\n  className,\n  getRootRef,\n  style,\n  before,\n  after,\n  status,\n  mode,\n  ...restProps\n}: InputProps) => {\n  const { sizeY = 'none' } = useAdaptivity();\n\n  return (\n    <FormField\n      style={style}\n      className={classNames(\n        styles['Input'],\n        align === 'right' && styles['Input--align-right'],\n        align === 'center' && styles['Input--align-center'],\n        sizeY !== 'regular' && sizeYClassNames[sizeY],\n        before && styles['Input--hasBefore'],\n        after && styles['Input--hasAfter'],\n        className,\n      )}\n      getRootRef={getRootRef}\n      before={before}\n      after={after}\n      disabled={restProps.disabled}\n      mode={mode}\n      status={status}\n    >\n      <UnstyledTextField\n        {...restProps}\n        as=\"input\"\n        type={type}\n        className={styles['Input__el']}\n        getRootRef={getRef}\n      />\n    </FormField>\n  );\n};\n"],"names":["Input","sizeYClassNames","none","type","align","getRef","className","getRootRef","style","before","after","status","mode","restProps","sizeY","useAdaptivity","FormField","classNames","disabled","UnstyledTextField","as"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;;iEAvBU;sBACI;+BACG;2BAEY;mCACR;AAGlC,MAAMC,kBAAkB;IACtBC,IAAI;IACJ,CAAC,UAAU;AACb;AAYO,MAAMF,QAAQ;QAAC,EACpBG,OAAO,MAAM,EACbC,QAAQ,MAAM,EACdC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,IAAI,EAEO,WADRC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAGC,IAAAA,4BAAa;IAExC,qBACE,qBAACC,oBAAS;QACRR,OAAOA;QACPF,WAAWW,IAAAA,gBAAU,eAEnBb,UAAU,qCACVA,UAAU,uCACVU,UAAU,aAAab,eAAe,CAACa,MAAM,EAC7CL,kCACAC,gCACAJ;QAEFC,YAAYA;QACZE,QAAQA;QACRC,OAAOA;QACPQ,UAAUL,UAAUK,QAAQ;QAC5BN,MAAMA;QACND,QAAQA;kBAER,cAAA,qBAACQ,oCAAiB,8CACZN;YACJO,IAAG;YACHjB,MAAMA;YACNG,SAAS;YACTC,YAAYF;;;AAIpB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from 'react';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { stopPropagation } from '../../lib/utils';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './InputLike.module.css';\n\nexport interface InputLikeProps extends RootComponentProps<HTMLSpanElement> {\n  length: number;\n  index: number;\n  value?: string;\n  label?: string;\n  onElementSelect?: (index: number) => void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n  const result = [];\n  for (let index = 0; index < length; index += 1) {\n    result.push(\n      <span key={index} className={styles['InputLike__mask']}>\n        {MASK_SYMBOL}\n      </span>,\n    );\n  }\n  return result;\n}\n\nexport const InputLike = ({\n  value,\n  length,\n  index,\n  onElementSelect,\n  onClick,\n  onFocus,\n  label,\n  ...restProps\n}: InputLikeProps) => {\n  const handleElementSelect = React.useCallback(\n    (event: React.MouseEvent<HTMLSpanElement>) => {\n      stopPropagation(event);\n      onElementSelect?.(index);\n    },\n    [index, onElementSelect],\n  );\n\n  return (\n    <RootComponent\n      Component=\"span\"\n      baseClassName={value?.length === length ? styles['InputLike--full'] : undefined}\n      tabIndex={0}\n      onClick={callMultiple(onClick, handleElementSelect)}\n      onFocus={callMultiple(stopPropagation, onFocus)}\n      {...restProps}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n      {value?.slice(0, length - 1)}\n      {value?.slice(length - 1) && (\n        <span key={index} className={styles['InputLike__last_character']}>\n          {value.slice(length - 1)}\n        </span>\n      )}\n      {getMaskElements(length - (value?.length ?? 0))}\n    </RootComponent>\n  );\n};\n\nInputLike.displayName = 'InputLike';\n"],"names":["InputLike","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","span","className","value","onElementSelect","onClick","onFocus","label","restProps","handleElementSelect","React","useCallback","event","stopPropagation","RootComponent","Component","baseClassName","undefined","tabIndex","callMultiple","VisuallyHidden","slice","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;;iEA7BU;8BACM;uBACG;+BACuB;gCACxB;AAW/B,MAAMC,cAAcC,OAAOC,YAAY,CAAC;AAExC,SAASC,gBAAgBC,MAAc;IACrC,MAAMC,SAAS,EAAE;IACjB,IAAK,IAAIC,QAAQ,GAAGA,QAAQF,QAAQE,SAAS,EAAG;QAC9CD,OAAOE,IAAI,eACT,qBAACC;YAAiBC,SAAS;sBACxBT;WADQM;IAIf;IACA,OAAOD;AACT;AAEO,MAAMN,YAAY;QAAC,EACxBW,KAAK,EACLN,MAAM,EACNE,KAAK,EACLK,eAAe,EACfC,OAAO,EACPC,OAAO,EACPC,KAAK,EAEU,WADZC;QAPHL;QACAN;QACAE;QACAK;QACAC;QACAC;QACAC;;IAGA,MAAME,sBAAsBC,OAAMC,WAAW,CAC3C,CAACC;QACCC,IAAAA,sBAAe,EAACD;QAChBR,4BAAAA,sCAAAA,gBAAkBL;IACpB,GACA;QAACA;QAAOK;KAAgB;QAmBKD;IAhB/B,qBACE,sBAACW,4BAAa;QACZC,WAAU;QACVC,eAAeb,CAAAA,kBAAAA,4BAAAA,MAAON,MAAM,MAAKA,iCAAqCoB;QACtEC,UAAU;QACVb,SAASc,IAAAA,0BAAY,EAACd,SAASI;QAC/BH,SAASa,IAAAA,0BAAY,EAACN,sBAAe,EAAEP;OACnCE;;YAEHD,uBAAS,qBAACa,8BAAc;0BAAEb;;YAC1BJ,kBAAAA,4BAAAA,MAAOkB,KAAK,CAAC,GAAGxB,SAAS;YACzBM,CAAAA,kBAAAA,4BAAAA,MAAOkB,KAAK,CAACxB,SAAS,qBACrB,qBAACI;gBAAiBC,SAAS;0BACxBC,MAAMkB,KAAK,CAACxB,SAAS;eADbE;YAIZH,gBAAgBC,SAAUM,CAAAA,CAAAA,gBAAAA,kBAAAA,4BAAAA,MAAON,MAAM,cAAbM,2BAAAA,gBAAiB,CAAA;;;AAGlD;AAEAX,UAAU8B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["import * as React from 'react';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { stopPropagation } from '../../lib/utils';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './InputLike.module.css';\n\nexport interface InputLikeProps extends RootComponentProps<HTMLSpanElement> {\n  length: number;\n  index: number;\n  value?: string;\n  label?: string;\n  onElementSelect?: (index: number) => void;\n}\n\nconst MASK_SYMBOL = String.fromCharCode(0x2007);\n\nfunction getMaskElements(length: number) {\n  const result = [];\n  for (let index = 0; index < length; index += 1) {\n    result.push(\n      <span key={index} className={styles['InputLike__mask']}>\n        {MASK_SYMBOL}\n      </span>,\n    );\n  }\n  return result;\n}\n\nexport const InputLike = ({\n  value,\n  length,\n  index,\n  onElementSelect,\n  onClick,\n  onFocus,\n  label,\n  ...restProps\n}: InputLikeProps) => {\n  const handleElementSelect = React.useCallback(\n    (event: React.MouseEvent<HTMLSpanElement>) => {\n      stopPropagation(event);\n      onElementSelect?.(index);\n    },\n    [index, onElementSelect],\n  );\n\n  return (\n    <RootComponent\n      Component=\"span\"\n      baseClassName={value?.length === length ? styles['InputLike--full'] : undefined}\n      tabIndex={0}\n      onClick={callMultiple(onClick, handleElementSelect)}\n      onFocus={callMultiple(stopPropagation, onFocus)}\n      {...restProps}\n    >\n      {label && <VisuallyHidden>{label}</VisuallyHidden>}\n      {value?.slice(0, length - 1)}\n      {value?.slice(length - 1) && (\n        <span key={index} className={styles['InputLike__last_character']}>\n          {value.slice(length - 1)}\n        </span>\n      )}\n      {getMaskElements(length - (value?.length ?? 0))}\n    </RootComponent>\n  );\n};\n\nInputLike.displayName = 'InputLike';\n"],"names":["InputLike","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","span","className","value","onElementSelect","onClick","onFocus","label","restProps","handleElementSelect","React","useCallback","event","stopPropagation","RootComponent","Component","baseClassName","undefined","tabIndex","callMultiple","VisuallyHidden","slice","displayName"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;;iEA7BU;8BACM;uBACG;+BACuB;gCACxB;AAW/B,MAAMC,cAAcC,OAAOC,YAAY,CAAC;AAExC,SAASC,gBAAgBC,MAAc;IACrC,MAAMC,SAAS,EAAE;IACjB,IAAK,IAAIC,QAAQ,GAAGA,QAAQF,QAAQE,SAAS,EAAG;QAC9CD,OAAOE,IAAI,eACT,qBAACC;YAAiBC,SAAS;sBACxBT;WADQM;IAIf;IACA,OAAOD;AACT;AAEO,MAAMN,YAAY;QAAC,EACxBW,KAAK,EACLN,MAAM,EACNE,KAAK,EACLK,eAAe,EACfC,OAAO,EACPC,OAAO,EACPC,KAAK,EAEU,WADZC;QAPHL;QACAN;QACAE;QACAK;QACAC;QACAC;QACAC;;IAGA,MAAME,sBAAsBC,OAAMC,WAAW,CAC3C,CAACC;QACCC,IAAAA,sBAAe,EAACD;QAChBR,4BAAAA,sCAAAA,gBAAkBL;IACpB,GACA;QAACA;QAAOK;KAAgB;QAmBKD;IAhB/B,qBACE,sBAACW,4BAAa;QACZC,WAAU;QACVC,eAAeb,CAAAA,kBAAAA,4BAAAA,MAAON,MAAM,MAAKA,iCAAqCoB;QACtEC,UAAU;QACVb,SAASc,IAAAA,0BAAY,EAACd,SAASI;QAC/BH,SAASa,IAAAA,0BAAY,EAACN,sBAAe,EAAEP;OACnCE;;YAEHD,uBAAS,qBAACa,8BAAc;0BAAEb;;YAC1BJ,kBAAAA,4BAAAA,MAAOkB,KAAK,CAAC,GAAGxB,SAAS;YACzBM,CAAAA,kBAAAA,4BAAAA,MAAOkB,KAAK,CAACxB,SAAS,qBACrB,qBAACI;gBAAiBC,SAAS;0BACxBC,MAAMkB,KAAK,CAACxB,SAAS;eADbE;YAIZH,gBAAgBC,SAAUM,CAAAA,CAAAA,gBAAAA,kBAAAA,4BAAAA,MAAON,MAAM,cAAbM,2BAAAA,gBAAiB,CAAA;;;AAGlD;AAEAX,UAAU8B,WAAW,GAAG"}

package/dist/cjs/components/InputLike/InputLikeDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLikeDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,gBAAgB,sCAI1B,MAAM,mBAAmB,CAAC,eAAe,CAAC,4CAM5C,CAAC"}
+{"version":3,"file":"InputLikeDivider.d.ts","sourceRoot":"","sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,gBAAgB,sCAI1B,KAAK,CAAC,mBAAmB,CAAC,eAAe,CAAC,4CAM5C,CAAC"}

package/dist/cjs/components/InputLike/InputLikeDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './InputLike.module.css';\n\nexport const InputLikeDivider = ({\n  children,\n  className,\n  ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={classNames(styles['InputLike__divider'], className)} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["InputLikeDivider","children","className","props","span","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIaA;;;eAAAA;;;;;;;;iEAJU;sBACI;AAGpB,MAAMA,mBAAmB;QAAC,EAC/BC,QAAQ,EACRC,SAAS,EAEkC,WADxCC;QAFHF;QACAC;;IAGA,qBACE,qBAACE;QAAKF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAAgBC;kBACvEF;;AAGP"}
+{"version":3,"sources":["../../../../src/components/InputLike/InputLikeDivider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport styles from './InputLike.module.css';\n\nexport const InputLikeDivider = ({\n  children,\n  className,\n  ...props\n}: React.InputHTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={classNames(styles['InputLike__divider'], className)} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["InputLikeDivider","children","className","props","span","classNames"],"mappings":";;;;+BAIaA;;;eAAAA;;;;;;;;iEAJU;sBACI;AAGpB,MAAMA,mBAAmB;QAAC,EAC/BC,QAAQ,EACRC,SAAS,EAEkC,WADxCC;QAFHF;QACAC;;IAGA,qBACE,qBAACE;QAAKF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAAgBC;kBACvEF;;AAGP"}

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

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG/D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,+DAMd,SAAS,4CAcX,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG/D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,+DAMd,SAAS,4CAeX,CAAC"}

package/dist/cjs/components/Link/Link.js

@@ -28,6 +28,7 @@ const Link = (_param)=>{
         className: (0, _vkjs.classNames)("vkuiLink", hasVisited && "vkuiLink--has-visited", className),
         hasHover: false,
         activeMode: "opacity",
+        hoverMode: "none",
         focusVisibleMode: "outside",
         children: children
     }));

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames, noop } from '@vkontakte/vkjs';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n  /**\n   * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n   */\n  hasVisited?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({\n  hasVisited,\n  children,\n  className,\n  onClick = noop,\n  ...restProps\n}: LinkProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      onClick={onClick}\n      {...restProps}\n      className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n      hasHover={false}\n      activeMode=\"opacity\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["Link","hasVisited","children","className","onClick","noop","restProps","Tappable","Component","href","classNames","hasHover","activeMode","focusVisibleMode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;;;;sBAdoB;0BACO;AAajC,MAAMA,OAAO;QAAC,EACnBC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,UAAUC,UAAI,EAEJ,WADPC;QAJHL;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACG,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;QAClCL,SAASA;OACLE;QACJH,WAAWO,IAAAA,gBAAU,cAAiBT,uCAA2CE;QACjFQ,UAAU;QACVC,YAAW;QACXC,kBAAiB;kBAEhBX;;AAGP"}
+{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { classNames, noop } from '@vkontakte/vkjs';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableProps {\n  /**\n   * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет\n   */\n  hasVisited?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Link\n */\nexport const Link = ({\n  hasVisited,\n  children,\n  className,\n  onClick = noop,\n  ...restProps\n}: LinkProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      onClick={onClick}\n      {...restProps}\n      className={classNames(styles['Link'], hasVisited && styles['Link--has-visited'], className)}\n      hasHover={false}\n      activeMode=\"opacity\"\n      hoverMode=\"none\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n"],"names":["Link","hasVisited","children","className","onClick","noop","restProps","Tappable","Component","href","classNames","hasHover","activeMode","hoverMode","focusVisibleMode"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;;sBAdoB;0BACO;AAajC,MAAMA,OAAO;QAAC,EACnBC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,UAAUC,UAAI,EAEJ,WADPC;QAJHL;QACAC;QACAC;QACAC;;IAGA,qBACE,qBAACG,kBAAQ;QACPC,WAAWF,UAAUG,IAAI,GAAG,MAAM;QAClCL,SAASA;OACLE;QACJH,WAAWO,IAAAA,gBAAU,cAAiBT,uCAA2CE;QACjFQ,UAAU;QACVC,YAAW;QACXC,WAAU;QACVC,kBAAiB;kBAEhBZ;;AAGP"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n  return (\n    <RootComponent role=\"list\" {...restProps}>\n      {children}\n      <div aria-hidden {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}></div>\n    </RootComponent>\n  );\n};\n"],"names":["List","children","restProps","RootComponent","role","div","aria-hidden","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;;;;wCATyC;+BAExB;AAOvB,MAAMA,OAAO;QAAC,EAAEC,QAAQ,EAA2B,WAAtBC;QAAbD;;IACrB,qBACE,sBAACE,4BAAa;QAACC,MAAK;OAAWF;;YAC5BD;0BACD,qBAACI;gBAAIC,aAAW;eAAKC,6DAAqC;;;AAGhE"}
+{"version":3,"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/List\n */\nexport const List = ({ children, ...restProps }: ListProps) => {\n  return (\n    <RootComponent role=\"list\" {...restProps}>\n      {children}\n      <div aria-hidden {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}></div>\n    </RootComponent>\n  );\n};\n"],"names":["List","children","restProps","RootComponent","role","div","aria-hidden","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP"],"mappings":";;;;+BASaA;;;eAAAA;;;;;;;wCATyC;+BAExB;AAOvB,MAAMA,OAAO;QAAC,EAAEC,QAAQ,EAA2B,WAAtBC;QAAbD;;IACrB,qBACE,sBAACE,4BAAa;QAACC,MAAK;OAAWF;;YAC5BD;0BACD,qBAACI;gBAAIC,aAAW;eAAKC,6DAAqC;;;AAGhE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @since 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBgBA;;;eAAAA;;;;;iEAnBO;wCAEgB;AAiBhC,SAASA,eAAe,EAAEC,KAAK,EAAEC,QAAQ,EAAuB;IACrE,qBAAO,qBAACC,8CAAsB;QAACC,QAAQH;kBAAQC;;AACjD"}
+{"version":3,"sources":["../../../../src/components/LocaleProvider/LocaleProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { ConfigProviderOverride } from '../ConfigProvider/ConfigProviderOverride';\n\nexport interface LocaleProviderProps {\n  /**\n   * Строка с языковой меткой BCP 47\n   */\n  value: ConfigProviderContextInterface['locale'];\n  children: React.ReactNode;\n}\n\n/**\n * Компонент, прокидывающий локаль. Список можно найти в\n * [реестре языковых подметок IANA](https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry)\n *\n * @since 5.0.0\n * @see https://vkcom.github.io/VKUI/#/LocaleProvider\n */\nexport function LocaleProvider({ value, children }: LocaleProviderProps) {\n  return <ConfigProviderOverride locale={value}>{children}</ConfigProviderOverride>;\n}\n"],"names":["LocaleProvider","value","children","ConfigProviderOverride","locale"],"mappings":";;;;+BAmBgBA;;;eAAAA;;;;;iEAnBO;wCAEgB;AAiBhC,SAASA,eAAe,EAAEC,KAAK,EAAEC,QAAQ,EAAuB;IACrE,qBAAO,qBAACC,8CAAsB;QAACC,QAAQH;kBAAQC;;AACjD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Mark.module.css';\n\nexport type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/**\n * Компонент используется для выделения фрагментов текста,\n * например при поиске определенных слов или выделения текста в цитате.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/Mark\n */\nexport const Mark = (props: MarkProps) => (\n  <RootComponent baseClassName={styles['Mark']} Component=\"mark\" {...props} />\n);\n"],"names":["Mark","props","RootComponent","baseClassName","Component"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;;+BAZiB;AAYvB,MAAMA,OAAO,CAACC,sBACnB,qBAACC,4BAAa;QAACC,aAAa;QAAkBC,WAAU;OAAWH"}
+{"version":3,"sources":["../../../../src/components/Mark/Mark.tsx"],"sourcesContent":["import { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './Mark.module.css';\n\nexport type MarkProps = HTMLAttributesWithRootRef<HTMLDivElement>;\n\n/**\n * Компонент используется для выделения фрагментов текста,\n * например при поиске определенных слов или выделения текста в цитате.\n *\n * @since 6.1.0\n * @see https://vkcom.github.io/VKUI/#/Mark\n */\nexport const Mark = (props: MarkProps) => (\n  <RootComponent baseClassName={styles['Mark']} Component=\"mark\" {...props} />\n);\n"],"names":["Mark","props","RootComponent","baseClassName","Component"],"mappings":";;;;+BAaaA;;;eAAAA;;;;;+BAZiB;AAYvB,MAAMA,OAAO,CAACC,sBACnB,qBAACC,4BAAa;QAACC,aAAa;QAAkBC,WAAU;OAAWH"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n  add: styles['MiniInfoCell--mode-add'],\n  accent: styles['MiniInfoCell--mode-accent'],\n  more: styles['MiniInfoCell--mode-more'],\n};\n\nconst stylesTextWrap = {\n  nowrap: styles['MiniInfoCell--textWrap-nowrap'],\n  full: styles['MiniInfoCell--textWrap-full'],\n  short: styles['MiniInfoCell--textWrap-short'],\n};\n\nexport interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before?: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'accent' | 'add' | 'more';\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  expandable = false,\n  className,\n  ...restProps\n}: MiniInfoCellProps) => {\n  const cellClasses = classNames(\n    styles['MiniInfoCell'],\n    stylesTextWrap[textWrap],\n    mode !== 'base' && stylesMode[mode],\n    className,\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      {hasReactNode(before) && <span className={styles['MiniInfoCell__before']}>{before}</span>}\n      <div className={styles['MiniInfoCell__middle']}>\n        <Paragraph\n          className={styles['MiniInfoCell__content']}\n          weight={mode === 'more' ? '2' : undefined}\n        >\n          {children}\n        </Paragraph>\n        {expandable && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return restProps.onClick ? (\n    <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n      {cellContent}\n    </Tappable>\n  ) : (\n    <RootComponent {...restProps} baseClassName={cellClasses}>\n      {cellContent}\n    </RootComponent>\n  );\n};\n"],"names":["MiniInfoCell","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","classNames","cellContent","React","Fragment","hasReactNode","span","div","Paragraph","weight","undefined","Icon16Chevron","onClick","Tappable","Component","role","RootComponent","baseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA8DaA;;;eAAAA;;;;;;;;iEA9DU;uBACO;sBACW;+BAEX;0BACL;2BACC;AAG1B,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA2CO,MAAMR,eAAe;QAAC,EAC3BS,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,aAAa,KAAK,EAClBC,SAAS,EAES,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,cAAcC,IAAAA,gBAAU,sBAE5Bb,cAAc,CAACQ,SAAS,EACxBD,SAAS,UAAUX,UAAU,CAACW,KAAK,EACnCG;IAGF,MAAMI,4BACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACb,yBAAW,qBAACc;gBAAKR,SAAS;0BAAmCN;;0BAC3E,sBAACe;gBAAIT,SAAS;;kCACZ,qBAACU,oBAAS;wBACRV,SAAS;wBACTW,QAAQd,SAAS,SAAS,MAAMe;kCAE/BhB;;oBAEFG,4BAAc,qBAACc,oBAAa;;;YAE9BN,IAAAA,kBAAY,EAACZ,wBAAU,qBAACa;gBAAKR,SAAS;0BAAkCL;;;;IAI7E,OAAOM,UAAUa,OAAO,iBACtB,qBAACC,kBAAQ;QAACC,WAAU;QAAMC,MAAK;OAAahB;QAAWD,WAAWE;kBAC/DE;wBAGH,qBAACc,4BAAa,8CAAKjB;QAAWkB,eAAejB;kBAC1CE;;AAGP"}
+{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Chevron } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n  add: styles['MiniInfoCell--mode-add'],\n  accent: styles['MiniInfoCell--mode-accent'],\n  more: styles['MiniInfoCell--mode-more'],\n};\n\nconst stylesTextWrap = {\n  nowrap: styles['MiniInfoCell--textWrap-nowrap'],\n  full: styles['MiniInfoCell--textWrap-full'],\n  short: styles['MiniInfoCell--textWrap-short'],\n};\n\nexport interface MiniInfoCellProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before?: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'accent' | 'add' | 'more';\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Передавать `true`, если предполагается переход при клике по ячейке.\n   */\n  expandable?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/MiniInfoCell\n */\nexport const MiniInfoCell = ({\n  before,\n  after,\n  children,\n  mode = 'base',\n  textWrap = 'nowrap',\n  expandable = false,\n  className,\n  ...restProps\n}: MiniInfoCellProps) => {\n  const cellClasses = classNames(\n    styles['MiniInfoCell'],\n    stylesTextWrap[textWrap],\n    mode !== 'base' && stylesMode[mode],\n    className,\n  );\n\n  const cellContent = (\n    <React.Fragment>\n      {hasReactNode(before) && <span className={styles['MiniInfoCell__before']}>{before}</span>}\n      <div className={styles['MiniInfoCell__middle']}>\n        <Paragraph\n          className={styles['MiniInfoCell__content']}\n          weight={mode === 'more' ? '2' : undefined}\n        >\n          {children}\n        </Paragraph>\n        {expandable && <Icon16Chevron />}\n      </div>\n      {hasReactNode(after) && <span className={styles['MiniInfoCell__after']}>{after}</span>}\n    </React.Fragment>\n  );\n\n  return restProps.onClick ? (\n    <Tappable Component=\"div\" role=\"button\" {...restProps} className={cellClasses}>\n      {cellContent}\n    </Tappable>\n  ) : (\n    <RootComponent {...restProps} baseClassName={cellClasses}>\n      {cellContent}\n    </RootComponent>\n  );\n};\n"],"names":["MiniInfoCell","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","before","after","children","mode","textWrap","expandable","className","restProps","cellClasses","classNames","cellContent","React","Fragment","hasReactNode","span","div","Paragraph","weight","undefined","Icon16Chevron","onClick","Tappable","Component","role","RootComponent","baseClassName"],"mappings":";;;;+BA8DaA;;;eAAAA;;;;;;;;iEA9DU;uBACO;sBACW;+BAEX;0BACL;2BACC;AAG1B,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA2CO,MAAMR,eAAe;QAAC,EAC3BS,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,aAAa,KAAK,EAClBC,SAAS,EAES,WADfC;QAPHP;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,cAAcC,IAAAA,gBAAU,sBAE5Bb,cAAc,CAACQ,SAAS,EACxBD,SAAS,UAAUX,UAAU,CAACW,KAAK,EACnCG;IAGF,MAAMI,4BACJ,sBAACC,OAAMC,QAAQ;;YACZC,IAAAA,kBAAY,EAACb,yBAAW,qBAACc;gBAAKR,SAAS;0BAAmCN;;0BAC3E,sBAACe;gBAAIT,SAAS;;kCACZ,qBAACU,oBAAS;wBACRV,SAAS;wBACTW,QAAQd,SAAS,SAAS,MAAMe;kCAE/BhB;;oBAEFG,4BAAc,qBAACc,oBAAa;;;YAE9BN,IAAAA,kBAAY,EAACZ,wBAAU,qBAACa;gBAAKR,SAAS;0BAAkCL;;;;IAI7E,OAAOM,UAAUa,OAAO,iBACtB,qBAACC,kBAAQ;QAACC,WAAU;QAAMC,MAAK;OAAahB;QAAWD,WAAWE;kBAC/DE;wBAGH,qBAACc,4BAAa,8CAAKjB;QAAWkB,eAAejB;kBAC1CE;;AAGP"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  headerComponent,\n  subheader,\n  subheaderComponent,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  size,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  ...restProps\n}: ModalCardProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootRef}\n      tabIndex={-1}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={contextValue.labelId}\n      id={id}\n      baseClassName={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        headerComponent={headerComponent}\n        subheader={subheader}\n        subheaderComponent={subheaderComponent}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n        modalDismissButtonTestId={modalDismissButtonTestId}\n        dismissButtonMode={dismissButtonMode}\n        dismissLabel={dismissLabel}\n      >\n        {children}\n      </ModalCardBase>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACS;0BACZ;+BACyB;kCACC;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;kBAGF,cAAA,qBAACyB,4BAAa;YACZC,SAAS;YACT9B,YAAYY,KAAKmB,YAAY;YAC7B3C,MAAMA;YACNC,QAAQA;YACRC,iBAAiBA;YACjBC,WAAWA;YACXC,oBAAoBA;YACpBE,SAASA;YACTC,SAASA,WAAWa,aAAab,OAAO;YACxCG,MAAMA;YACNC,0BAA0BA;YAC1BE,mBAAmBA;YACnBC,cAAcA;sBAEbT;;;AAIT"}
+{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './ModalCard.module.css';\n\nconst platformClassNames = {\n  ios: styles['ModalCard--ios'],\n  android: styles['ModalCard--android'],\n  vkcom: styles['ModalCard--vkcom'],\n};\n\nexport interface ModalCardProps extends NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCard\n */\nexport const ModalCard = ({\n  icon,\n  header,\n  headerComponent,\n  subheader,\n  subheaderComponent,\n  children,\n  actions,\n  onClose,\n  nav,\n  id,\n  size,\n  modalDismissButtonTestId,\n  getRootRef,\n  dismissButtonMode,\n  dismissLabel,\n  ...restProps\n}: ModalCardProps) => {\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId({ nav, id }, warn), 'card');\n  const rootRef = useExternRef(getRootRef, refs.modalElement);\n\n  const contextValue = React.useMemo(() => ({ labelId: `${id}-label` }), [id]);\n\n  return (\n    <RootComponent\n      {...restProps}\n      getRootRef={rootRef}\n      tabIndex={-1}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={contextValue.labelId}\n      id={id}\n      baseClassName={classNames(\n        styles['ModalCard'],\n        platformClassNames.hasOwnProperty(platform)\n          ? platformClassNames[platform]\n          : platformClassNames.android,\n        isDesktop && styles['ModalCard--desktop'],\n      )}\n    >\n      <ModalCardBase\n        className={styles['ModalCard__in']}\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        headerComponent={headerComponent}\n        subheader={subheader}\n        subheaderComponent={subheaderComponent}\n        actions={actions}\n        onClose={onClose || modalContext.onClose}\n        size={size}\n        modalDismissButtonTestId={modalDismissButtonTestId}\n        dismissButtonMode={dismissButtonMode}\n        dismissLabel={dismissLabel}\n      >\n        {children}\n      </ModalCardBase>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCard","platformClassNames","ios","android","vkcom","warn","warnOnce","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","nav","id","size","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","restProps","isDesktop","useAdaptivityWithJSMediaQueries","platform","usePlatform","modalContext","React","useContext","ModalRootContext","refs","useModalRegistry","getNavId","rootRef","useExternRef","modalElement","contextValue","useMemo","labelId","RootComponent","tabIndex","role","aria-modal","aria-labelledby","baseClassName","classNames","hasOwnProperty","ModalCardBase","className","innerElement"],"mappings":";;;;+BAyBaA;;;eAAAA;;;;;;;;iEAzBU;sBACI;iDACqB;8BACnB;6BACD;0BACS;0BACZ;+BACyB;kCACC;+BACrB;AAG9B,MAAMC,qBAAqB;IACzBC,GAAG;IACHC,OAAO;IACPC,KAAK;AACP;AAIA,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AAKf,MAAMN,YAAY;QAAC,EACxBO,IAAI,EACJC,MAAM,EACNC,eAAe,EACfC,SAAS,EACTC,kBAAkB,EAClBC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,GAAG,EACHC,EAAE,EACFC,IAAI,EACJC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EAEG,WADZC;QAfHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,MAAMC,eAAeC,OAAMC,UAAU,CAACC,kCAAgB;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,kCAAgB,EAACC,IAAAA,kBAAQ,EAAC;QAAElB;QAAKC;IAAG,GAAGX,OAAO;IAC/D,MAAM6B,UAAUC,IAAAA,0BAAY,EAAChB,YAAYY,KAAKK,YAAY;IAE1D,MAAMC,eAAeT,OAAMU,OAAO,CAAC,IAAO,CAAA;YAAEC,SAAS,CAAC,EAAEvB,GAAG,MAAM,CAAC;QAAC,CAAA,GAAI;QAACA;KAAG;IAE3E,qBACE,qBAACwB,4BAAa,8CACRlB;QACJH,YAAYe;QACZO,UAAU,CAAC;QACXC,MAAK;QACLC,cAAW;QACXC,mBAAiBP,aAAaE,OAAO;QACrCvB,IAAIA;QACJ6B,eAAeC,IAAAA,gBAAU,mBAEvB7C,mBAAmB8C,cAAc,CAACtB,YAC9BxB,kBAAkB,CAACwB,SAAS,GAC5BxB,mBAAmBE,OAAO,EAC9BoB;kBAGF,cAAA,qBAACyB,4BAAa;YACZC,SAAS;YACT9B,YAAYY,KAAKmB,YAAY;YAC7B3C,MAAMA;YACNC,QAAQA;YACRC,iBAAiBA;YACjBC,WAAWA;YACXC,oBAAoBA;YACpBE,SAASA;YACTC,SAASA,WAAWa,aAAab,OAAO;YACxCG,MAAMA;YACNC,0BAA0BA;YAC1BE,mBAAmBA;YACnBC,cAAcA;sBAEbT;;;AAIT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n  /* Позволяет поменять тег используемый для заголовка */\n  headerComponent?: React.ElementType;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n  /* Позволяет поменять тег используемый для подзаголовка */\n  subheaderComponent?: React.ElementType;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n\n  onClose?: VoidFunction;\n\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number;\n\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   *\n   * Доступно только в `compact`-режиме\n   *\n   * На `iOS` в `regular`-режиме всегда включен `inside`\n   *\n   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте\n   */\n  dismissButtonMode?: 'inside' | 'outside' | 'none';\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n   */\n  preventClose?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  icon,\n  header,\n  headerComponent = 'span',\n  subheader,\n  subheaderComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  style,\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  preventClose,\n  ...restProps\n}: ModalCardBaseProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon &&\n    (dismissButtonMode === 'inside' ||\n      (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n  const hasHeader = hasReactNode(header);\n  const hasSubheader = hasReactNode(subheader);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles['ModalCardBase--ios'],\n        isDesktop && styles['ModalCardBase--desktop'],\n        withSafeZone && styles['ModalCardBase--withSafeZone'],\n      )}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title\n            level=\"2\"\n            weight=\"2\"\n            className={styles['ModalCardBase__header']}\n            Component={headerComponent}\n          >\n            {header}\n          </Title>\n        )}\n        {hasHeader && hasSubheader && <Spacing size={8} />}\n        {hasSubheader && (\n          <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n            <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n              {subheader}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        {dismissButtonMode !== 'none' && (\n          <ModalCardBaseCloseButton\n            testId={modalDismissButtonTestId}\n            onClose={onClose}\n            mode={dismissButtonMode}\n          >\n            {dismissLabel}\n          </ModalCardBaseCloseButton>\n        )}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsFaA;;;eAAAA;;;;;;;;iEAtFU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AA2ElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EAEO,WADhBC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMZ,OAAOQ,YAAYP,WAAWY;IACpC,MAAMC,eACJ,CAACxB,QACAa,CAAAA,sBAAsB,YACpBG,aAAa,SAAS,CAACE,aAAaL,sBAAsB,MAAM;IAErE,MAAMY,YAAYC,IAAAA,kBAAY,EAACzB;IAC/B,MAAM0B,eAAeD,IAAAA,kBAAY,EAACvB;IAClC,qBACE,qBAACyB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFf,OAAO,4CACFA;YACHsB,UAAUrB;;kBAGZ,cAAA,sBAACsB;YACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;;gBAGDM,IAAAA,kBAAY,EAAC1B,uBAAS,qBAACgC;oBAAIC,SAAS;8BAAkCjC;;gBACtE0B,IAAAA,kBAAY,EAACzB,yBACZ,qBAACiC,YAAK;oBACJC,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAWnC;8BAEVD;;gBAGJwB,aAAaE,8BAAgB,qBAACW,gBAAO;oBAAC5B,MAAM;;gBAC5CiB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;oBAACC,OAAO;wBAAEC,OAAO;oBAAU;8BACpD,cAAA,qBAACC,gBAAO;wBAACV,SAAS;wBAAsCI,WAAWjC;kCAChED;;;gBAKNE;gBAEAqB,IAAAA,kBAAY,EAACpB,0BAAY,qBAAC0B;oBAAIC,SAAS;8BAAqC3B;;gBAE5EO,sBAAsB,wBACrB,qBAAC+B,kDAAwB;oBACvBC,QAAQjC;oBACRL,SAASA;oBACTuC,MAAMjC;8BAELL;;;;;AAMb"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HTMLAttributesWithRootRef } from '../../types';\nimport { AdaptivityContext } from '../AdaptivityProvider/AdaptivityContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Spacing } from '../Spacing/Spacing';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Title } from '../Typography/Title/Title';\nimport { ModalCardBaseCloseButton } from './ModalCardBaseCloseButton';\nimport styles from './ModalCardBase.module.css';\n\nexport interface ModalCardBaseProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n  /* Позволяет поменять тег используемый для заголовка */\n  headerComponent?: React.ElementType;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n  /* Позволяет поменять тег используемый для подзаголовка */\n  subheaderComponent?: React.ElementType;\n\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n   *\n   * - `size=\"l\" mode=\"primary\" stretched`\n   * - `size=\"l\" mode=\"secondary\" stretched`\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"s\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n\n  onClose?: VoidFunction;\n\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n\n  /**\n   * Задаёт контенту максимальную ширину для десктопной версии.\n   */\n  size?: number;\n\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  modalDismissButtonTestId?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   *\n   * Доступно только в `compact`-режиме\n   *\n   * На `iOS` в `regular`-режиме всегда включен `inside`\n   *\n   * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте\n   */\n  dismissButtonMode?: 'inside' | 'outside' | 'none';\n  /**\n   * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, клик по подложке)\n   *\n   * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте\n   */\n  preventClose?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = ({\n  icon,\n  header,\n  headerComponent = 'span',\n  subheader,\n  subheaderComponent = 'span',\n  children,\n  actions,\n  onClose,\n  dismissLabel = 'Скрыть',\n  style,\n  size: sizeProp,\n  modalDismissButtonTestId,\n  dismissButtonMode = 'outside',\n  preventClose,\n  ...restProps\n}: ModalCardBaseProps) => {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const size = isDesktop ? sizeProp : undefined;\n  const withSafeZone =\n    !icon &&\n    (dismissButtonMode === 'inside' ||\n      (platform === 'ios' && !isDesktop && dismissButtonMode !== 'none'));\n\n  const hasHeader = hasReactNode(header);\n  const hasSubheader = hasReactNode(subheader);\n  return (\n    <RootComponent\n      {...restProps}\n      baseClassName={classNames(\n        'vkuiInternalModalCardBase',\n        platform === 'ios' && styles['ModalCardBase--ios'],\n        isDesktop && styles['ModalCardBase--desktop'],\n        withSafeZone && styles['ModalCardBase--withSafeZone'],\n      )}\n      style={{\n        ...style,\n        maxWidth: size,\n      }}\n    >\n      <div\n        className={classNames(\n          styles['ModalCardBase__container'],\n          isSoftwareKeyboardOpened && styles['ModalCardBase__container--softwareKeyboardOpened'],\n        )}\n      >\n        {hasReactNode(icon) && <div className={styles['ModalCardBase__icon']}>{icon}</div>}\n        {hasReactNode(header) && (\n          <Title\n            level=\"2\"\n            weight=\"2\"\n            className={styles['ModalCardBase__header']}\n            Component={headerComponent}\n          >\n            {header}\n          </Title>\n        )}\n        {hasHeader && hasSubheader && <Spacing size={8} />}\n        {hasSubheader && (\n          <AdaptivityContext.Provider value={{ sizeY: 'regular' }}>\n            <Subhead className={styles['ModalCardBase__subheader']} Component={subheaderComponent}>\n              {subheader}\n            </Subhead>\n          </AdaptivityContext.Provider>\n        )}\n\n        {children}\n\n        {hasReactNode(actions) && <div className={styles['ModalCardBase__actions']}>{actions}</div>}\n\n        {dismissButtonMode !== 'none' && (\n          <ModalCardBaseCloseButton\n            testId={modalDismissButtonTestId}\n            onClose={onClose}\n            mode={dismissButtonMode}\n          >\n            {dismissLabel}\n          </ModalCardBaseCloseButton>\n        )}\n      </div>\n    </RootComponent>\n  );\n};\n"],"names":["ModalCardBase","icon","header","headerComponent","subheader","subheaderComponent","children","actions","onClose","dismissLabel","style","size","sizeProp","modalDismissButtonTestId","dismissButtonMode","preventClose","restProps","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","isSoftwareKeyboardOpened","useKeyboard","isOpened","undefined","withSafeZone","hasHeader","hasReactNode","hasSubheader","RootComponent","baseClassName","classNames","maxWidth","div","className","Title","level","weight","Component","Spacing","AdaptivityContext","Provider","value","sizeY","Subhead","ModalCardBaseCloseButton","testId","mode"],"mappings":";;;;+BAsFaA;;;eAAAA;;;;;;;;iEAtFU;sBACkB;iDACO;6BACpB;6BACA;mCAEM;+BACJ;yBACN;yBACA;uBACF;0CACmB;AA2ElC,MAAMA,gBAAgB;QAAC,EAC5BC,IAAI,EACJC,MAAM,EACNC,kBAAkB,MAAM,EACxBC,SAAS,EACTC,qBAAqB,MAAM,EAC3BC,QAAQ,EACRC,OAAO,EACPC,OAAO,EACPC,eAAe,QAAQ,EACvBC,KAAK,EACLC,MAAMC,QAAQ,EACdC,wBAAwB,EACxBC,oBAAoB,SAAS,EAC7BC,YAAY,EAEO,WADhBC;QAdHf;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMC,2BAA2BC,IAAAA,wBAAW,IAAGC,QAAQ;IAEvD,MAAMZ,OAAOQ,YAAYP,WAAWY;IACpC,MAAMC,eACJ,CAACxB,QACAa,CAAAA,sBAAsB,YACpBG,aAAa,SAAS,CAACE,aAAaL,sBAAsB,MAAM;IAErE,MAAMY,YAAYC,IAAAA,kBAAY,EAACzB;IAC/B,MAAM0B,eAAeD,IAAAA,kBAAY,EAACvB;IAClC,qBACE,qBAACyB,4BAAa,8CACRb;QACJc,eAAeC,IAAAA,gBAAU,EACvB,6BACAd,aAAa,mCACbE,2CACAM;QAEFf,OAAO,4CACFA;YACHsB,UAAUrB;;kBAGZ,cAAA,sBAACsB;YACCC,WAAWH,IAAAA,gBAAU,kCAEnBV;;gBAGDM,IAAAA,kBAAY,EAAC1B,uBAAS,qBAACgC;oBAAIC,SAAS;8BAAkCjC;;gBACtE0B,IAAAA,kBAAY,EAACzB,yBACZ,qBAACiC,YAAK;oBACJC,OAAM;oBACNC,QAAO;oBACPH,SAAS;oBACTI,WAAWnC;8BAEVD;;gBAGJwB,aAAaE,8BAAgB,qBAACW,gBAAO;oBAAC5B,MAAM;;gBAC5CiB,8BACC,qBAACY,oCAAiB,CAACC,QAAQ;oBAACC,OAAO;wBAAEC,OAAO;oBAAU;8BACpD,cAAA,qBAACC,gBAAO;wBAACV,SAAS;wBAAsCI,WAAWjC;kCAChED;;;gBAKNE;gBAEAqB,IAAAA,kBAAY,EAACpB,0BAAY,qBAAC0B;oBAAIC,SAAS;8BAAqC3B;;gBAE5EO,sBAAsB,wBACrB,qBAAC+B,kDAAwB;oBACvBC,QAAQjC;oBACRL,SAASA;oBACTuC,MAAMjC;8BAELL;;;;;AAMb"}

package/dist/cjs/components/ModalCardBase/ModalCardBaseCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {\n  onClose?: VoidFunction;\n  testId?: string;\n  mode?: 'inside' | 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n  children = 'Закрыть',\n  testId,\n  mode,\n  onClose,\n}: ModalCardBaseCloseButtonProps) {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  if (isDesktop && mode === 'outside') {\n    return (\n      <ModalDismissButton data-testid={testId} onClick={onClose}>\n        {children}\n      </ModalDismissButton>\n    );\n  }\n\n  if (mode === 'inside' || (platform === 'ios' && !isDesktop)) {\n    return (\n      <Tappable\n        className={styles['ModalCardBase__dismiss']}\n        onClick={onClose}\n        hoverMode=\"opacity\"\n        activeMode=\"opacity\"\n        data-testid={testId}\n      >\n        <VisuallyHidden>{children}</VisuallyHidden>\n        {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n      </Tappable>\n    );\n  }\n\n  return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcgBA;;;eAAAA;;;;uBAd4B;iDACI;6BACpB;oCACO;0BACK;gCACT;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;sBAC/CH;;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,sBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;;8BAEb,qBAACc,8BAAc;8BAAEf;;gBAChBI,aAAa,sBAAQ,qBAACY,oBAAa,sBAAM,qBAACC,mBAAY;;;IAG7D;IAEA,OAAO;AACT"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBaseCloseButton.tsx"],"sourcesContent":["import { Icon20Cancel, Icon24Dismiss } from '@vkontakte/icons';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { Tappable, TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalCardBase.module.css';\n\ninterface ModalCardBaseCloseButtonProps extends Omit<TappableProps, 'mode' | 'onClose'> {\n  onClose?: VoidFunction;\n  testId?: string;\n  mode?: 'inside' | 'outside';\n}\n\nexport function ModalCardBaseCloseButton({\n  children = 'Закрыть',\n  testId,\n  mode,\n  onClose,\n}: ModalCardBaseCloseButtonProps) {\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  if (isDesktop && mode === 'outside') {\n    return (\n      <ModalDismissButton data-testid={testId} onClick={onClose}>\n        {children}\n      </ModalDismissButton>\n    );\n  }\n\n  if (mode === 'inside' || (platform === 'ios' && !isDesktop)) {\n    return (\n      <Tappable\n        className={styles['ModalCardBase__dismiss']}\n        onClick={onClose}\n        hoverMode=\"opacity\"\n        activeMode=\"opacity\"\n        data-testid={testId}\n      >\n        <VisuallyHidden>{children}</VisuallyHidden>\n        {platform === 'ios' ? <Icon24Dismiss /> : <Icon20Cancel />}\n      </Tappable>\n    );\n  }\n\n  return null;\n}\n"],"names":["ModalCardBaseCloseButton","children","testId","mode","onClose","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","ModalDismissButton","data-testid","onClick","Tappable","className","hoverMode","activeMode","VisuallyHidden","Icon24Dismiss","Icon20Cancel"],"mappings":";;;;+BAcgBA;;;eAAAA;;;;uBAd4B;iDACI;6BACpB;oCACO;0BACK;gCACT;AASxB,SAASA,yBAAyB,EACvCC,WAAW,SAAS,EACpBC,MAAM,EACNC,IAAI,EACJC,OAAO,EACuB;IAC9B,MAAMC,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IAErD,IAAID,aAAaJ,SAAS,WAAW;QACnC,qBACE,qBAACM,sCAAkB;YAACC,eAAaR;YAAQS,SAASP;sBAC/CH;;IAGP;IAEA,IAAIE,SAAS,YAAaE,aAAa,SAAS,CAACE,WAAY;QAC3D,qBACE,sBAACK,kBAAQ;YACPC,SAAS;YACTF,SAASP;YACTU,WAAU;YACVC,YAAW;YACXL,eAAaR;;8BAEb,qBAACc,8BAAc;8BAAEf;;gBAChBI,aAAa,sBAAQ,qBAACY,oBAAa,sBAAM,qBAACC,mBAAY;;;IAG7D;IAEA,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = Omit<TappableProps, 'mode' | 'onClose'>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  children = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps) => {\n  return (\n    <Tappable\n      className={classNames(styles['ModalDismissButton'], className)}\n      {...restProps}\n      activeMode={styles['ModalDismissButton--active']}\n      hoverMode={styles['ModalDismissButton--hover']}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"names":["ModalDismissButton","children","className","restProps","Tappable","classNames","activeMode","hoverMode","VisuallyHidden","Icon20Cancel"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;;;;uBAXgB;sBACF;0BACkB;gCACd;AAQxB,MAAMA,qBAAqB;QAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EAEe,WADrBC;QAFHF;QACAC;;IAGA,qBACE,sBAACE,kBAAQ;QACPF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAChDC;QACJG,UAAU;QACVC,SAAS;;YAERN,0BAAY,qBAACO,8BAAc;0BAAEP;;0BAC9B,qBAACQ,mBAAY;;;AAGnB"}
+{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"sourcesContent":["import { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './ModalDismissButton.module.css';\n\nexport type ModalDismissButtonProps = Omit<TappableProps, 'mode' | 'onClose'>;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ModalDismissButton\n */\nexport const ModalDismissButton = ({\n  children = 'Закрыть',\n  className,\n  ...restProps\n}: ModalDismissButtonProps) => {\n  return (\n    <Tappable\n      className={classNames(styles['ModalDismissButton'], className)}\n      {...restProps}\n      activeMode={styles['ModalDismissButton--active']}\n      hoverMode={styles['ModalDismissButton--hover']}\n    >\n      {children && <VisuallyHidden>{children}</VisuallyHidden>}\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n"],"names":["ModalDismissButton","children","className","restProps","Tappable","classNames","activeMode","hoverMode","VisuallyHidden","Icon20Cancel"],"mappings":";;;;+BAWaA;;;eAAAA;;;;;;;uBAXgB;sBACF;0BACkB;gCACd;AAQxB,MAAMA,qBAAqB;QAAC,EACjCC,WAAW,SAAS,EACpBC,SAAS,EAEe,WADrBC;QAFHF;QACAC;;IAGA,qBACE,sBAACE,kBAAQ;QACPF,WAAWG,IAAAA,gBAAU,4BAA+BH;OAChDC;QACJG,UAAU;QACVC,SAAS;;YAERN,0BAAY,qBAACO,8BAAc;0BAAEP;;0BAC9B,qBAACQ,mBAAY;;;AAGnB"}