@alfalab/core-components 48.11.0-beta.0 → 48.11.0-beta.1

package/plate/modern/index-a8f55d3a.d.ts

@@ -1,31 +1,14 @@
 /// <reference types="react" />
 import React from "react";
-import { RefObject } from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
 import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
-import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-a216f694";
-declare const isClient: () => boolean;
-declare function isApplePlatform(): boolean;
-declare function isIOS(): boolean;
-declare const os: {
-    isIOS: typeof isIOS;
-    isApplePlatform: typeof isApplePlatform;
-};
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-e5f2ef37";
 type PaddingType = number | string | {
     top?: number;
     right?: number;
     bottom?: number;
     left?: number;
 };
-type Country = {
-    name: string;
-    regions?: string[];
-    iso2: string;
-    countryCode: string;
-    dialCode: string;
-    format?: string;
-    priority: number;
-    mainCode?: boolean;
-};
 declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
@@ -52,7 +35,7 @@ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countr
 /**
  * Препроцессор необходим для сохранения кода страны при автозаполнении
  */
-declare function preserveCountryCodePreprocessor(countryRef: RefObject<Country | null>, createMask: (country: Country) => Array<string | RegExp>): MaskitoPreprocessor;
+declare function preserveCountryCodePreprocessor(countryCode: string | undefined, preserveCountryCode: boolean): MaskitoPreprocessor;
 declare const maskUtils: {
     insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
     prefixPostprocessor: typeof prefixPostprocessor;
@@ -85,9 +68,9 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-export { isClient, os, createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck };
+export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-3d1729c4";
-export { PortalContext } from "./warning-3d1729c4";
+export * from "./warning-d4503b4e";
+export { PortalContext } from "./warning-d4503b4e";
+export * from "./isClient-22e50762";
 export * from "./fnUtils-edf8408d";
-export * from "./browser-a216f694";

package/plate/modern/index.js

@@ -6,7 +6,8 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-3d1729c4.js';
+import './warning-d4503b4e.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/isClient-22e50762.d.ts

@@ -0,0 +1,2 @@
+declare const isClient: () => boolean;
+export { isClient };

package/plate/modern/mobile/Component.mobile.js

@@ -3,13 +3,14 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-3d1729c4.js';
+import '../warning-d4503b4e.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/button-list/component.js';
 
-const styles = {"bold":"plate__bold_qtkeo","description":"plate__description_qtkeo","footer":"plate__footer_qtkeo","rounded":"plate__rounded_qtkeo","shadow":"plate__shadow_qtkeo"};
+const styles = {"bold":"plate__bold_1yzeh","description":"plate__description_1yzeh","footer":"plate__footer_1yzeh","rounded":"plate__rounded_1yzeh","shadow":"plate__shadow_1yzeh"};
 require('./mobile.css');
 
 const PlateMobile = forwardRef((restProps, ref) => (React.createElement(BasePlate, { ...restProps, styles: styles, ref: ref })));

package/plate/modern/mobile/index.js

@@ -4,7 +4,8 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-3d1729c4.js';
+import '../warning-d4503b4e.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/mobile/mobile.css

@@ -30,17 +30,17 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --plate-rounded-border-radius-mobile: var(--border-radius-12);
     --plate-rounded-shadow-border-radius-mobile: var(--border-radius-12);
-} .plate__bold_qtkeo {
+} .plate__bold_1yzeh {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
     padding: 6px var(--gap-12) 6px var(--gap-4);
-} .plate__description_qtkeo {
+} .plate__description_1yzeh {
     padding: var(--gap-0) var(--gap-12) var(--gap-4) var(--gap-4);
-} .plate__footer_qtkeo {
+} .plate__footer_1yzeh {
     padding: var(--gap-8) var(--gap-0) var(--gap-4) var(--gap-4);
-} .plate__rounded_qtkeo {
+} .plate__rounded_1yzeh {
     border-radius: var(--plate-rounded-border-radius-mobile)
-} .plate__rounded_qtkeo.plate__shadow_qtkeo:after {
+} .plate__rounded_1yzeh.plate__shadow_1yzeh:after {
         border-radius: var(--plate-rounded-shadow-border-radius-mobile);
     }

package/plate/modern/shared/index.js

@@ -1,4 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-3d1729c4.js';
+import '../warning-d4503b4e.js';
+import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/modern/utils.js

@@ -1,6 +1,7 @@
-import { g as getDataTestId } from './warning-3d1729c4.js';
+import { g as getDataTestId } from './warning-d4503b4e.js';
 import 'react';
 import '@alfalab/hooks';
+import 'detect-browser';
 
 function getPlateTestIds(dataTestId) {
     return {

package/plate/modern/warning-d4503b4e.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare function isMacOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+    isMacOS: typeof isMacOS;
+};
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+declare function devWarning(message: string): void;
+export { PortalContext, os, browser, getDataTestId, devWarning };

package/plate/modern/{warning-3d1729c4.js → warning-d4503b4e.js}

@@ -1,3 +1,4 @@
+import { detect } from 'detect-browser';
 import { createContext } from 'react';
 
 function getDataTestId(dataTestId, element) {
@@ -5,6 +6,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 }
 
+detect();
+
+detect();
+
 createContext(() => null);
 
 /* eslint-disable no-console */

package/plate/moderncssm/Component.responsive.js

@@ -6,7 +6,8 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/moderncssm';
-import './warning-1aaa775c.js';
+import './warning-d26c81e4.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/components/base-plate/Component.js

@@ -2,12 +2,13 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/moderncssm';
-import { g as getDataTestId } from '../../warning-1aaa775c.js';
+import { g as getDataTestId } from '../../warning-d26c81e4.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { ButtonList } from '../button-list/component.js';
 import commonStyles from './index.module.css';
+import 'detect-browser';
 
 /* eslint-disable complexity */
 const BasePlate = forwardRef(({ hasCloser, foldable: foldableProp = false, folded: foldedProp, defaultFolded = true, rounded = true, limitContentWidth = true, leftAddons, subAddons, children, buttons, title, titleView = 'bold', view = 'common', border = view !== 'custom', shadow = view === 'custom', className, buttonsClassName, contentClassName, subAddonsClassName, dataTestId, onClick, onClose, onToggle, rowLimit, styles = {}, background, borderColor, }, ref) => {

package/plate/moderncssm/components/base-plate/index.js

@@ -3,7 +3,8 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/moderncssm';
-import '../../warning-1aaa775c.js';
+import '../../warning-d26c81e4.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/desktop/Component.desktop.js

@@ -4,7 +4,8 @@ import styles from './desktop.module.css';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-1aaa775c.js';
+import '../warning-d26c81e4.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/desktop/index.js

@@ -4,7 +4,8 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-1aaa775c.js';
+import '../warning-d26c81e4.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/index-a8f55d3a.d.ts

@@ -1,31 +1,14 @@
 /// <reference types="react" />
 import React from "react";
-import { RefObject } from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
 import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
-import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-a216f694";
-declare const isClient: () => boolean;
-declare function isApplePlatform(): boolean;
-declare function isIOS(): boolean;
-declare const os: {
-    isIOS: typeof isIOS;
-    isApplePlatform: typeof isApplePlatform;
-};
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-e5f2ef37";
 type PaddingType = number | string | {
     top?: number;
     right?: number;
     bottom?: number;
     left?: number;
 };
-type Country = {
-    name: string;
-    regions?: string[];
-    iso2: string;
-    countryCode: string;
-    dialCode: string;
-    format?: string;
-    priority: number;
-    mainCode?: boolean;
-};
 declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
 declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
@@ -52,7 +35,7 @@ declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countr
 /**
  * Препроцессор необходим для сохранения кода страны при автозаполнении
  */
-declare function preserveCountryCodePreprocessor(countryRef: RefObject<Country | null>, createMask: (country: Country) => Array<string | RegExp>): MaskitoPreprocessor;
+declare function preserveCountryCodePreprocessor(countryCode: string | undefined, preserveCountryCode: boolean): MaskitoPreprocessor;
 declare const maskUtils: {
     insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
     prefixPostprocessor: typeof prefixPostprocessor;
@@ -85,9 +68,9 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-export { isClient, os, createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck };
+export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-1aaa775c";
-export { PortalContext } from "./warning-1aaa775c";
+export * from "./warning-d26c81e4";
+export { PortalContext } from "./warning-d26c81e4";
+export * from "./isClient-22e50762";
 export * from "./fnUtils-edf8408d";
-export * from "./browser-a216f694";

package/plate/moderncssm/index.js

@@ -6,7 +6,8 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/moderncssm';
-import './warning-1aaa775c.js';
+import './warning-d26c81e4.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/isClient-22e50762.d.ts

@@ -0,0 +1,2 @@
+declare const isClient: () => boolean;
+export { isClient };

package/plate/moderncssm/mobile/Component.mobile.js

@@ -4,7 +4,8 @@ import styles from './mobile.module.css';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-1aaa775c.js';
+import '../warning-d26c81e4.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/mobile/index.js

@@ -4,7 +4,8 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/moderncssm';
-import '../warning-1aaa775c.js';
+import '../warning-d26c81e4.js';
+import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/moderncssm/shared/index.js

@@ -1,4 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-1aaa775c.js';
+import '../warning-d26c81e4.js';
+import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/moderncssm/utils.js

@@ -1,6 +1,7 @@
-import { g as getDataTestId } from './warning-1aaa775c.js';
+import { g as getDataTestId } from './warning-d26c81e4.js';
 import 'react';
 import '@alfalab/hooks';
+import 'detect-browser';
 
 function getPlateTestIds(dataTestId) {
     return {

package/plate/moderncssm/warning-d26c81e4.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare function isMacOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+    isMacOS: typeof isMacOS;
+};
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+declare function devWarning(message: string): void;
+export { PortalContext, os, browser, getDataTestId, devWarning };

package/plate/moderncssm/{warning-1aaa775c.js → warning-d26c81e4.js}

@@ -1,3 +1,4 @@
+import { detect } from 'detect-browser';
 import { createContext } from 'react';
 
 function getDataTestId(dataTestId, element) {
@@ -5,6 +6,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 }
 
+detect();
+
+detect();
+
 createContext(() => null);
 
 /* eslint-disable no-console */

package/plate/utils.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var warning = require('./warning-7b2aaced.js');
+var warning = require('./warning-71db4e89.js');
 require('react');
 require('@alfalab/hooks');
 

package/plate/warning-71db4e89.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare function isMacOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+    isMacOS: typeof isMacOS;
+};
+declare function isWebkitBased(): boolean;
+declare function isSafari(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+    isSafari: typeof isSafari;
+};
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+declare function devWarning(message: string): void;
+export { PortalContext, os, browser, getDataTestId, devWarning };

package/plate/{warning-7b2aaced.js → warning-71db4e89.js}

@@ -1,3 +1,4 @@
+var detectBrowser = require('detect-browser');
 var React = require('react');
 
 function getDataTestId(dataTestId, element) {
@@ -5,6 +6,10 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 }
 
+detectBrowser.detect();
+
+detectBrowser.detect();
+
 React.createContext(function () { return null; });
 
 /* eslint-disable no-console */

package/popover/Component.js

@@ -20,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
 
-var styles = {"component":"popover__component_194rw","inner":"popover__inner_194rw","scrollableContent":"popover__scrollableContent_194rw","arrow":"popover__arrow_194rw","enter":"popover__enter_194rw","enterActive":"popover__enterActive_194rw","exit":"popover__exit_194rw","exitActive":"popover__exitActive_194rw"};
+var styles = {"component":"popover__component_132jq","inner":"popover__inner_132jq","scrollableContent":"popover__scrollableContent_132jq","arrow":"popover__arrow_132jq","enter":"popover__enter_132jq","enterActive":"popover__enterActive_132jq","exit":"popover__exit_132jq","exitActive":"popover__exitActive_132jq"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/Component.js

@@ -11,7 +11,7 @@ import { Stack } from '../../stack/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { stackingOrder } from '@alfalab/stack-context';
 
-var styles = {"component":"popover__component_194rw","inner":"popover__inner_194rw","scrollableContent":"popover__scrollableContent_194rw","arrow":"popover__arrow_194rw","enter":"popover__enter_194rw","enterActive":"popover__enterActive_194rw","exit":"popover__exit_194rw","exitActive":"popover__exitActive_194rw"};
+var styles = {"component":"popover__component_132jq","inner":"popover__inner_132jq","scrollableContent":"popover__scrollableContent_132jq","arrow":"popover__arrow_132jq","enter":"popover__enter_132jq","enterActive":"popover__enterActive_132jq","exit":"popover__exit_132jq","exitActive":"popover__exitActive_132jq"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/index.css

@@ -24,23 +24,23 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --popover-border-color: transparent;
-} .popover__component_194rw {
+} .popover__component_132jq {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_194rw {
+} .popover__inner_132jq {
     position: relative;
     background-color: var(--color-light-modal-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_194rw {
+} .popover__scrollableContent_132jq {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_194rw {
+} .popover__arrow_132jq {
     z-index: 1;
-} .popover__arrow_194rw:after {
+} .popover__arrow_132jq:after {
     content: '';
     display: block;
     position: absolute;
@@ -50,51 +50,51 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_194rw[data-popper-placement='left'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='left-start'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='left-end'] .popover__arrow_194rw {
+} .popover__component_132jq[data-popper-placement='left'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='left-start'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='left-end'] .popover__arrow_132jq {
     right: 5px
-} .popover__component_194rw[data-popper-placement='left'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='left-start'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='left-end'] .popover__arrow_194rw:after {
+} .popover__component_132jq[data-popper-placement='left'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='left-start'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='left-end'] .popover__arrow_132jq:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_194rw[data-popper-placement='right'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='right-start'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='right-end'] .popover__arrow_194rw {
+    } .popover__component_132jq[data-popper-placement='right'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='right-start'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='right-end'] .popover__arrow_132jq {
     left: -7px
-} .popover__component_194rw[data-popper-placement='right'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='right-start'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='right-end'] .popover__arrow_194rw:after {
+} .popover__component_132jq[data-popper-placement='right'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='right-start'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='right-end'] .popover__arrow_132jq:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_194rw[data-popper-placement='top'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='top-start'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='top-end'] .popover__arrow_194rw {
+    } .popover__component_132jq[data-popper-placement='top'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='top-start'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='top-end'] .popover__arrow_132jq {
     bottom: 5px
-} .popover__component_194rw[data-popper-placement='top'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='top-start'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='top-end'] .popover__arrow_194rw:after {
+} .popover__component_132jq[data-popper-placement='top'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='top-start'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='top-end'] .popover__arrow_132jq:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_194rw[data-popper-placement='bottom'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='bottom-start'] .popover__arrow_194rw,
-.popover__component_194rw[data-popper-placement='bottom-end'] .popover__arrow_194rw {
+    } .popover__component_132jq[data-popper-placement='bottom'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='bottom-start'] .popover__arrow_132jq,
+.popover__component_132jq[data-popper-placement='bottom-end'] .popover__arrow_132jq {
     top: -7px
-} .popover__component_194rw[data-popper-placement='bottom'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='bottom-start'] .popover__arrow_194rw:after, .popover__component_194rw[data-popper-placement='bottom-end'] .popover__arrow_194rw:after {
+} .popover__component_132jq[data-popper-placement='bottom'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='bottom-start'] .popover__arrow_132jq:after, .popover__component_132jq[data-popper-placement='bottom-end'] .popover__arrow_132jq:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__enter_194rw .popover__inner_194rw {
+    } .popover__enter_132jq .popover__inner_132jq {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_194rw .popover__inner_194rw {
+} .popover__enterActive_132jq .popover__inner_132jq {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_194rw .popover__inner_194rw {
+} .popover__exit_132jq .popover__inner_132jq {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_194rw .popover__inner_194rw {
+} .popover__exitActive_132jq .popover__inner_132jq {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;