@vkontakte/vkui 5.8.2 → 5.9.1

package/src/styles/common.css

@@ -0,0 +1,40 @@
+/* stylelint-disable-next-line selector-max-type */
+.vkui,
+.vkui > body,
+.vkui__root {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+/* stylelint-disable-next-line selector-max-type */
+.vkui,
+.vkui > body {
+  -webkit-tap-highlight-color: transparent;
+  -webkit-text-size-adjust: 100%;
+  font-family: var(--vkui--font_family_base);
+  color: var(--vkui--color_text_primary);
+  color-scheme: var(--vkui--colors_scheme);
+}
+
+.vkui__root--embedded {
+  overflow-x: hidden;
+}
+
+.vkui--sizeX-regular {
+  background: var(--vkui--color_background);
+}
+
+@media (--sizeX-regular) {
+  .vkui--sizeX-none {
+    background: var(--vkui--color_background);
+  }
+}
+
+.vkui--layout-card {
+  background: var(--vkui--color_background);
+}
+
+.vkui--layout-plain {
+  background: var(--vkui--color_background_content);
+}

package/src/styles/constants.css

@@ -0,0 +1,85 @@
+/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+:root {
+  /* sizes */
+  --vkui_internal--tabbar_height: 48px;
+  --vkui_internal--grid_avatar_image_offset: 2px;
+  --vkui_internal--slider_thumb_size: 28px;
+  --vkui_internal--side_cell_gap: calc(
+    var(--vkui--size_base_padding_horizontal--regular) - var(--vkui--spacing_size_s)
+  );
+
+  /**
+   * "Safe Zone" добавляет невидимую интерактивную область, по которой пользователь будет вводить мышкой и тем самым
+   * компонент будет оставаться активным.
+   *
+   * > ⚠️ Используется для динамического изменения в JS файлах.
+   */
+  --vkui_internal--popover_safe_zone_padding: 8px;
+
+  /* colors */
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
+  --vkui_internal--white: #fff;
+
+  /* insets */
+  --vkui_internal--safe_area_inset_top: 0px;
+  --vkui_internal--safe_area_inset_right: 0px;
+  --vkui_internal--safe_area_inset_bottom: 0px;
+  --vkui_internal--safe_area_inset_left: 0px;
+
+  /* animations */
+  --vkui_internal--duration: 0.7s;
+
+  /* z_index */
+  --vkui_internal--z_index_cell_dragging: 1;
+  --vkui_internal--z_index_tabs: 2;
+  --vkui_internal--z_index_fixed_layout: 3;
+  --vkui_internal--z_index_panel_header_context: 4;
+  --vkui_internal--z_index_panel_header_fade: 5;
+  --vkui_internal--z_index_pull_to_refresh: 9;
+  --vkui_internal--z_index_panel_header: 10;
+  --vkui_internal--z_index_split_layout_panel_header: 11;
+
+  /* z_index Tappable isolate */
+  --vkui_internal--z_index_tappable_state: 0;
+  --vkui_internal--z_index_tappable_element: 1;
+
+  /* z_index Banner isolate */
+  --vkui_internal--z_index_banner_background: 0;
+  --vkui_internal--z_index_banner_content: 1;
+  --vkui_internal--z_index_banner_hover: 2;
+
+  /* z_index FormField isolate */
+  --vkui_internal--z_index_form_field_element: 1;
+  --vkui_internal--z_index_form_field_border: 2;
+  --vkui_internal--z_index_form_field_status: 3;
+  --vkui_internal--z_index_form_field_border_hover: 4;
+  --vkui_internal--z_index_form_field_focus: 5;
+  --vkui_internal--z_index_form_field_side: 6;
+
+  /* z_index ImageBase isolate */
+  --vkui_internal--z_index_image_base_overlay: 0;
+  --vkui_internal--z_index_image_base_border: 1;
+  --vkui_internal--z_index_image_base_badge: 2;
+
+  /* z_index HorizontalScroll isolate */
+  --vkui_internal--z_index_horizontal_scroll_arrow: 1;
+}
+
+@supports (padding-top: constant(safe-area-inset-top)) {
+  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+  :root {
+    --vkui_internal--safe_area_inset_top: constant(safe-area-inset-top);
+    --vkui_internal--safe_area_inset_right: constant(safe-area-inset-right);
+    --vkui_internal--safe_area_inset_bottom: constant(safe-area-inset-bottom);
+    --vkui_internal--safe_area_inset_left: constant(safe-area-inset-left);
+  }
+}
+@supports (padding-top: env(safe-area-inset-top)) {
+  /* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+  :root {
+    --vkui_internal--safe_area_inset_top: env(safe-area-inset-top);
+    --vkui_internal--safe_area_inset_right: env(safe-area-inset-right);
+    --vkui_internal--safe_area_inset_bottom: env(safe-area-inset-bottom);
+    --vkui_internal--safe_area_inset_left: env(safe-area-inset-left);
+  }
+}

package/src/styles/customMedias.generated.css

@@ -0,0 +1,44 @@
+/* ⚠️ Документ сгенерирован автоматически */
+/* 📝 Если требуется изменения, то запустите команду `yarn workspace @vkontakte/vkui run generate:css-custom-medias` */
+
+/* stylelint-disable */
+/* prettier-ignore */
+@custom-media --sizeX-regular (min-width: 768px);
+/* prettier-ignore */
+@custom-media --sizeX-compact (max-width: 767.9px);
+/* prettier-ignore */
+@custom-media --sizeY-compact (pointer: fine) and (min-width: 768px), (max-height: 414.9px);
+/* prettier-ignore */
+@custom-media --sizeY-regular (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px), (max-width: 767.9px) and (min-height: 415px);
+/* prettier-ignore */
+@custom-media --hover-has (hover: hover);
+/* prettier-ignore */
+@custom-media --hover-has-not (hover: none);
+/* prettier-ignore */
+@custom-media --pointer-has (pointer: fine);
+/* prettier-ignore */
+@custom-media --pointer-has-not (pointer: coarse), (pointer: none);
+/* prettier-ignore */
+@custom-media --desktop (min-width: 768px) and (pointer: fine), (min-width: 768px) and (min-height: 720px);
+/* prettier-ignore */
+@custom-media --mobile (max-width: 767.9px), (pointer: none) and (max-height: 719.9px), (pointer: coarse) and (max-height: 719.9px);
+/* prettier-ignore */
+@custom-media --viewWidth-desktopPlus (min-width: 1280px);
+/* prettier-ignore */
+@custom-media --viewWidth-tabletPlus (min-width: 1024px);
+/* prettier-ignore */
+@custom-media --viewWidth-tablet (min-width: 1024px) and (max-width: 1279.9px);
+/* prettier-ignore */
+@custom-media --viewWidth-tabletMinus (max-width: 1023.9px);
+/* prettier-ignore */
+@custom-media --viewWidth-smallTabletPlus (min-width: 768px);
+/* prettier-ignore */
+@custom-media --viewWidth-smallTablet (min-width: 768px) and (max-width: 1023.9px);
+/* prettier-ignore */
+@custom-media --viewWidth-smallTabletMinus (max-width: 767.9px);
+/* prettier-ignore */
+@custom-media --viewWidth-mobilePlus (min-width: 320px);
+/* prettier-ignore */
+@custom-media --viewWidth-mobile (min-width: 320px) and (max-width: 767.9px);
+/* prettier-ignore */
+@custom-media --viewWidth-smallMobileMinus (max-width: 319.9px);

package/src/styles/dynamicTokens.css

@@ -0,0 +1,24 @@
+/* stylelint-disable selector-max-universal -- поведение динамических переменных необходимо применять на всех элементах */
+
+* {
+  --vkui--size_border--regular: var(--vkui--size_border1x--regular);
+
+  /**
+   * TODO: необходимо исправить название в vkui-tokens:
+   *
+   * --vkui--color_separator_primary: var(--vkui--color_separator_primary1x);
+   */
+}
+
+@media (min-resolution: 2dppx) {
+  * {
+    --vkui--size_border--regular: var(--vkui--size_border2x--regular);
+    --vkui--color_separator_primary: var(--vkui--color_separator_primary2x);
+  }
+}
+@media (min-resolution: 3dppx) {
+  * {
+    --vkui--size_border--regular: var(--vkui--size_border3x--regular);
+    --vkui--color_separator_primary: var(--vkui--color_separator_primary3x);
+  }
+}

package/src/styles/themes.css

@@ -0,0 +1,7 @@
+@import '@vkontakte/vkui-tokens/themes/vkBase/cssVars/declarations/onlyVariables.css';
+@import '@vkontakte/vkui-tokens/themes/vkBase/cssVars/declarations/onlyVariablesLocal.css';
+@import '@vkontakte/vkui-tokens/themes/vkBaseDark/cssVars/declarations/onlyVariablesLocal.css';
+@import '@vkontakte/vkui-tokens/themes/vkIOS/cssVars/declarations/onlyVariablesLocal.css';
+@import '@vkontakte/vkui-tokens/themes/vkIOSDark/cssVars/declarations/onlyVariablesLocal.css';
+@import '@vkontakte/vkui-tokens/themes/vkCom/cssVars/declarations/onlyVariablesLocal.css';
+@import '@vkontakte/vkui-tokens/themes/vkComDark/cssVars/declarations/onlyVariablesLocal.css';

package/src/types.ts

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import { Insets } from '@vkontakte/vk-bridge';
+import { PlatformType } from './lib/platform';
+
+export type AnyFunction = (...args: any[]) => any;
+
+export type AlignType = 'left' | 'center' | 'right';
+
+export interface HasChildren {
+  children?: React.ReactNode;
+}
+
+export type HasDataAttribute = Record<
+  `data-${string}`,
+  string | number | boolean | undefined | null
+>;
+
+export interface HasRootRef<T> {
+  getRootRef?: React.Ref<T>;
+}
+
+export interface HasRef<T> {
+  getRef?: React.Ref<T>;
+}
+
+export interface HasComponent {
+  Component?: React.ElementType;
+}
+
+export interface HasAlign {
+  align?: AlignType;
+}
+
+export interface HasPlatform {
+  /**
+   * @ignore
+   */
+  platform?: PlatformType;
+}
+
+export interface HasInsets {
+  /**
+   * @ignore
+   */
+  insets?: Partial<Insets>;
+}
+
+export interface Version {
+  major: number;
+  minor?: number;
+  patch?: number;
+}
+
+/**
+ * Тип содержит атрибуты, которые применяются только для `<a>`
+ *
+ * @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A &lt;a&gt; - HTML | MDN}
+ */
+export type AnchorHTMLAttributesOnly = Omit<
+  React.AnchorHTMLAttributes<HTMLAnchorElement>,
+  keyof React.HTMLAttributes<HTMLAnchorElement>
+>;
+
+/**
+ * Проверяет, является ли тип подтипом другого.
+ *
+ * В TS не реализовано.
+ *
+ * @see {@link https://github.com/microsoft/TypeScript/issues/12936}
+ */
+export type Exact<A, B> = A extends B ? B : never;
+
+/**
+ * Для возможности указывать css custom properties
+ */
+export type CSSCustomProperties<T extends string | undefined = string> = Record<`--${string}`, T>;
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+interface Nothing {}
+
+/**
+ * Автозаполнение для типов
+ *
+ * @example
+ * LiteralUnion<'foo' | 'bar', string>
+ *
+ * @see {@link https://github.com/microsoft/TypeScript/issues/29729}
+ */
+export type LiteralUnion<Union, Type> = Union | (Type & Nothing);
+
+export type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;

package/dist/cjs/components/ActionSheet/ActionSheetDropdown.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-export type ActionSheetDropdownProps = Omit<SharedDropdownProps, 'popupDirection' | 'popupOffsetDistance' | 'placement'>;
-export declare const ActionSheetDropdown: ({ children, closing, toggleRef, className, ...restProps }: SharedDropdownProps) => React.JSX.Element;

package/dist/cjs/components/ActionSheet/ActionSheetDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance' | 'placement'\n>;\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"names":["ActionSheetDropdown","stopPropagation","e","children","closing","toggleRef","className","restProps","sizeY","useAdaptivityWithJSMediaQueries","platform","usePlatform","FocusTrap","onClick","classNames","Platform","IOS","SizeType","COMPACT"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;;+DAjBU;oBACI;+CACqB;2BACpB;0BACH;wBACA;yBACC;AAI1B,IAAMC,kBAA2C,SAACC;WAAMA,EAAED,eAAe;;AAOlE,IAAMD,sBAAsB;QACjCG,kBAAAA,UACAC,iBAAAA,SACA,6DAA6D;IAC7DC,mBAAAA,WACAC,mBAAAA,WACGC;QALHJ;QACAC;QAEAC;QACAC;;IAGA,IAAM,AAAEE,QAAUC,IAAAA,gEAA+B,IAAzCD;IACR,IAAME,WAAWC,IAAAA,wBAAW;IAE5B,qBACE,qBAACC,oBAAS,8CACJL;QACJM,SAASZ;QACTK,WAAWQ,IAAAA,gBAAU,qBAEnBJ,aAAaK,kBAAQ,CAACC,GAAG,4BACzBZ,uCACAI,UAAUS,oBAAQ,CAACC,OAAO,sCAC1BZ;QAGDH;AAGP"}

package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-export declare const ActionSheetDropdownDesktop: ({ children, toggleRef, closing, popupDirection, onClose, className, style, popupOffsetDistance, placement: placementProp, ...restProps }: SharedDropdownProps) => React.JSX.Element;

package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  placement: placementProp,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === 'top' ||\n      (typeof popupDirection === 'function' && popupDirection(elementRef) === 'top'),\n    [popupDirection, elementRef],\n  );\n\n  const placement = placementProp ?? (isPopupDirectionTop ? 'top-end' : 'bottom-end');\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={placement}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        styles['ActionSheet--desktop'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"names":["ActionSheetDropdownDesktop","warn","warnOnce","getEl","ref","current","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","placement","placementProp","restProps","document","useDOM","platform","usePlatform","sizeY","useAdaptivityWithJSMediaQueries","elementRef","React","useRef","useEffectDev","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","useEventListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","isRefObject","Popper","offsetDistance","classNames","Platform","IOS","SizeType","COMPACT","getRef","forcePortal","FocusTrap"],"mappings":";;;;+BAqBaA;;;eAAAA;;;;;;;+DArBU;oBACI;+CACqB;4BACnB;gCACI;2BACL;0BACH;mBACF;2BACK;wBACH;wBACA;yBACC;sBACH;AAIvB,IAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AACtB,SAASC,MAAMC,GAAqC;IAClD,OAAOA,OAAO,aAAaA,MAAMA,IAAIC,OAAO,GAAGD;AACjD;AAEO,IAAMJ,6BAA6B;QACxCM,kBAAAA,UACAC,mBAAAA,WACAC,iBAAAA,SACAC,wBAAAA,gBACAC,iBAAAA,SACAC,mBAAAA,WACAC,eAAAA,2CACAC,qBAAAA,8DAAsB,gCACtBC,AAAWC,uBAAXD,WACGE;QATHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEG,WAAaC,IAAAA,WAAM,IAAnBD;IACR,IAAME,WAAWC,IAAAA,wBAAW;IAC5B,IAAM,AAAEC,QAAUC,IAAAA,gEAA+B,IAAzCD;IACR,IAAME,aAAaC,OAAMC,MAAM,CAAwB;IAEvDC,IAAAA,0BAAY,EAAC;QACX,IAAMC,WAAWxB,MAAMI;QACvB,IAAI,CAACoB,UAAU;YACb1B,KAAM,oCAAmC;QAC3C;IACF,GAAG;QAACM;KAAU;IAEd,IAAMqB,sBAAsBJ,OAAMK,OAAO,CACvC;eACEpB,mBAAmB,SAClB,OAAOA,mBAAmB,cAAcA,eAAec,gBAAgB;OAC1E;QAACd;QAAgBc;KAAW;IAG9B,IAAMT,YAAYC,0BAAAA,2BAAAA,gBAAkBa,sBAAsB,YAAY;IAEtE,IAAME,oBAAoBC,IAAAA,kCAAgB,EAAC,SAAS,SAACC;YAC3BT;QAAxB,IAAMU,mBAAkBV,cAAAA,wBAAAA,kCAAAA,YAAYlB,OAAO;QAC3C,IAAI4B,mBAAmB,CAACA,gBAAgBC,QAAQ,CAACF,EAAEG,MAAM,GAAW;gBAClEzB;aAAAA,WAAAA,qBAAAA,+BAAAA;QACF;IACF;IAEAc,OAAMY,SAAS,CAAC;QACdC,WAAW;YACTP,kBAAkBQ,GAAG,CAACrB,SAAUsB,IAAI;QACtC;IACF,GAAG;QAACT;QAAmBb;KAAS;IAEhC,IAAMuB,UAAUhB,OAAMiB,WAAW,CAAC,SAACT;eAAqCA,EAAEU,eAAe;OAAI,EAAE;IAE/F,IAAMC,YAAYnB,OAAMK,OAAO,CAAC;QAC9B,IAAIe,IAAAA,wBAAW,EAAgDrC,YAAY;YACzE,OAAOA;QACT;QAEA,OAAO;YAAEF,SAASE;QAAyB;IAC7C,GAAG;QAACA;KAAU;IAEd,qBACE,qBAACsC,cAAM;QACLF,WAAWA;QACXG,gBAAgBjC;QAChBC,WAAWA;QACXH,WAAWoC,IAAAA,gBAAU,qBAEnB5B,aAAa6B,kBAAQ,CAACC,GAAG,wDAEzB5B,UAAU6B,oBAAQ,CAACC,OAAO,sCAC1BxC;QAEFC,OAAOA;QACPwC,QAAQ7B;QACR8B,aAAa;qBAEb,qBAACC,oBAAS;QAAC5C,SAASA;OAAaM;QAAWwB,SAASA;QAClDlC;AAIT"}

package/dist/components/ActionSheet/ActionSheetDropdown.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-export type ActionSheetDropdownProps = Omit<SharedDropdownProps, 'popupDirection' | 'popupOffsetDistance' | 'placement'>;
-export declare const ActionSheetDropdown: ({ children, closing, toggleRef, className, ...restProps }: SharedDropdownProps) => React.JSX.Element;

package/dist/components/ActionSheet/ActionSheetDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance' | 'placement'\n>;\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"names":["React","classNames","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","FocusTrap","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","onClick","IOS","COMPACT"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAAQ,yBAAyB;AAInD,IAAMC,kBAA2C,SAACC;WAAMA,EAAED,eAAe;;AAOzE,OAAO,IAAME,sBAAsB;QACjCC,kBAAAA,UACAC,iBAAAA,SACA,6DAA6D;IAC7DC,mBAAAA,WACAC,mBAAAA,WACGC;QALHJ;QACAC;QAEAC;QACAC;;IAGA,IAAM,AAAEE,QAAUb,kCAAVa;IACR,IAAMC,WAAWb;IAEjB,qBACE,oBAACG,mDACKQ;QACJG,SAASV;QACTM,WAAWZ,8BAETe,aAAaX,SAASa,GAAG,4BACzBP,uCACAI,UAAUX,SAASe,OAAO,sCAC1BN;QAGDH;AAGP,EAAE"}

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-export declare const ActionSheetDropdownDesktop: ({ children, toggleRef, closing, popupDirection, onClose, className, style, popupOffsetDistance, placement: placementProp, ...restProps }: SharedDropdownProps) => React.JSX.Element;

package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  placement: placementProp,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === 'top' ||\n      (typeof popupDirection === 'function' && popupDirection(elementRef) === 'top'),\n    [popupDirection, elementRef],\n  );\n\n  const placement = placementProp ?? (isPopupDirectionTop ? 'top-end' : 'bottom-end');\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={placement}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        styles['ActionSheet--desktop'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"names":["React","classNames","useAdaptivityWithJSMediaQueries","useEffectDev","useEventListener","usePlatform","SizeType","useDOM","isRefObject","Platform","warnOnce","FocusTrap","Popper","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","placement","placementProp","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","offsetDistance","IOS","COMPACT","getRef","forcePortal"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAI1C,IAAMC,OAAOH,SAAS;AACtB,SAASI,MAAMC,GAAqC;IAClD,OAAOA,OAAO,aAAaA,MAAMA,IAAIC,OAAO,GAAGD;AACjD;AAEA,OAAO,IAAME,6BAA6B;QACxCC,kBAAAA,UACAC,mBAAAA,WACAC,iBAAAA,SACAC,wBAAAA,gBACAC,iBAAAA,SACAC,mBAAAA,WACAC,eAAAA,2CACAC,qBAAAA,8DAAsB,gCACtBC,AAAWC,uBAAXD,WACGE;QATHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,IAAM,AAAEG,WAAatB,SAAbsB;IACR,IAAMC,WAAWzB;IACjB,IAAM,AAAE0B,QAAU7B,kCAAV6B;IACR,IAAMC,aAAahC,MAAMiC,MAAM,CAAwB;IAEvD9B,aAAa;QACX,IAAM+B,WAAWpB,MAAMK;QACvB,IAAI,CAACe,UAAU;YACbrB,KAAM,oCAAmC;QAC3C;IACF,GAAG;QAACM;KAAU;IAEd,IAAMgB,sBAAsBnC,MAAMoC,OAAO,CACvC;eACEf,mBAAmB,SAClB,OAAOA,mBAAmB,cAAcA,eAAeW,gBAAgB;OAC1E;QAACX;QAAgBW;KAAW;IAG9B,IAAMN,YAAYC,0BAAAA,2BAAAA,gBAAkBQ,sBAAsB,YAAY;IAEtE,IAAME,oBAAoBjC,iBAAiB,SAAS,SAACkC;YAC3BN;QAAxB,IAAMO,mBAAkBP,cAAAA,wBAAAA,kCAAAA,YAAYhB,OAAO;QAC3C,IAAIuB,mBAAmB,CAACA,gBAAgBC,QAAQ,CAACF,EAAEG,MAAM,GAAW;gBAClEnB;aAAAA,WAAAA,qBAAAA,+BAAAA;QACF;IACF;IAEAtB,MAAM0C,SAAS,CAAC;QACdC,WAAW;YACTN,kBAAkBO,GAAG,CAACf,SAAUgB,IAAI;QACtC;IACF,GAAG;QAACR;QAAmBR;KAAS;IAEhC,IAAMiB,UAAU9C,MAAM+C,WAAW,CAAC,SAACT;eAAqCA,EAAEU,eAAe;OAAI,EAAE;IAE/F,IAAMC,YAAYjD,MAAMoC,OAAO,CAAC;QAC9B,IAAI5B,YAA2DW,YAAY;YACzE,OAAOA;QACT;QAEA,OAAO;YAAEH,SAASG;QAAyB;IAC7C,GAAG;QAACA;KAAU;IAEd,qBACE,oBAACP;QACCqC,WAAWA;QACXC,gBAAgBzB;QAChBC,WAAWA;QACXH,WAAWtB,8BAET6B,aAAarB,SAAS0C,GAAG,wDAEzBpB,UAAUzB,SAAS8C,OAAO,sCAC1B7B;QAEFC,OAAOA;QACP6B,QAAQrB;QACRsB,aAAa;qBAEb,oBAAC3C;QAAUW,SAASA;OAAaM;QAAWkB,SAASA;QAClD5B;AAIT,EAAE"}

package/dist/cssm/components/ActionSheet/ActionSheetDropdown.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-export type ActionSheetDropdownProps = Omit<SharedDropdownProps, 'popupDirection' | 'popupOffsetDistance' | 'placement'>;
-export declare const ActionSheetDropdown: ({ children, closing, toggleRef, className, ...restProps }: SharedDropdownProps) => React.JSX.Element;

package/dist/cssm/components/ActionSheet/ActionSheetDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { Platform } from '../../lib/platform';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport type ActionSheetDropdownProps = Omit<\n  SharedDropdownProps,\n  'popupDirection' | 'popupOffsetDistance' | 'placement'\n>;\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  className,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        closing && styles['ActionSheet--closing'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"names":["React","classNames","useAdaptivityWithJSMediaQueries","usePlatform","SizeType","Platform","FocusTrap","styles","stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","className","restProps","sizeY","platform","onClick","IOS","COMPACT"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAAQ,yBAAyB;AAEnD,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,kBAA2C,CAACC,IAAMA,EAAED,eAAe;AAOzE,OAAO,MAAME,sBAAsB,CAAC,EAClCC,QAAQ,EACRC,OAAO,EACP,6DAA6D;AAC7DC,SAAS,EACTC,SAAS,EACT,GAAGC,WACiB;IACpB,MAAM,EAAEC,KAAK,EAAE,GAAGd;IAClB,MAAMe,WAAWd;IAEjB,qBACE,oBAACG;QACE,GAAGS,SAAS;QACbG,SAASV;QACTM,WAAWb,WACTM,MAAM,CAAC,cAAc,EACrBU,aAAaZ,SAASc,GAAG,IAAIZ,MAAM,CAAC,mBAAmB,EACvDK,WAAWL,MAAM,CAAC,uBAAuB,EACzCS,UAAUZ,SAASgB,OAAO,IAAIb,MAAM,CAAC,6BAA6B,EAClEO;OAGDH;AAGP,EAAE"}

package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { SharedDropdownProps } from './types';
-export declare const ActionSheetDropdownDesktop: ({ children, toggleRef, closing, popupDirection, onClose, className, style, popupOffsetDistance, placement: placementProp, ...restProps }: SharedDropdownProps) => React.JSX.Element;

package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useEffectDev } from '../../hooks/useEffectDev';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { SizeType } from '../../lib/adaptivity';\nimport { useDOM } from '../../lib/dom';\nimport { isRefObject } from '../../lib/isRefObject';\nimport { Platform } from '../../lib/platform';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { Popper } from '../Popper/Popper';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nconst warn = warnOnce('ActionSheet');\nfunction getEl(ref: SharedDropdownProps['toggleRef']): Element | null | undefined {\n  return ref && 'current' in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  popupOffsetDistance = 0,\n  placement: placementProp,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, 'error');\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === 'top' ||\n      (typeof popupDirection === 'function' && popupDirection(elementRef) === 'top'),\n    [popupDirection, elementRef],\n  );\n\n  const placement = placementProp ?? (isPopupDirectionTop ? 'top-end' : 'bottom-end');\n\n  const bodyClickListener = useEventListener('click', (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => e.stopPropagation(), []);\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps['toggleRef'], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={popupOffsetDistance}\n      placement={placement}\n      className={classNames(\n        styles['ActionSheet'],\n        platform === Platform.IOS && styles['ActionSheet--ios'],\n        styles['ActionSheet--desktop'],\n        sizeY === SizeType.COMPACT && styles['ActionSheet--sizeY-compact'],\n        className,\n      )}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"names":["React","classNames","useAdaptivityWithJSMediaQueries","useEffectDev","useEventListener","usePlatform","SizeType","useDOM","isRefObject","Platform","warnOnce","FocusTrap","Popper","styles","warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","popupOffsetDistance","placement","placementProp","restProps","document","platform","sizeY","elementRef","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","offsetDistance","IOS","COMPACT","getRef","forcePortal"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,+BAA+B,QAAQ,8CAA8C;AAC9F,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,WAAW,QAAQ,0BAA0B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,WAAW,QAAQ,wBAAwB;AACpD,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,OAAOC,YAAY,2BAA2B;AAE9C,MAAMC,OAAOJ,SAAS;AACtB,SAASK,MAAMC,GAAqC;IAClD,OAAOA,OAAO,aAAaA,MAAMA,IAAIC,OAAO,GAAGD;AACjD;AAEA,OAAO,MAAME,6BAA6B,CAAC,EACzCC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,cAAc,EACdC,OAAO,EACPC,SAAS,EACTC,KAAK,EACLC,sBAAsB,CAAC,EACvBC,WAAWC,aAAa,EACxB,GAAGC,WACiB;IACpB,MAAM,EAAEC,QAAQ,EAAE,GAAGvB;IACrB,MAAMwB,WAAW1B;IACjB,MAAM,EAAE2B,KAAK,EAAE,GAAG9B;IAClB,MAAM+B,aAAajC,MAAMkC,MAAM,CAAwB;IAEvD/B,aAAa;QACX,MAAMgC,WAAWpB,MAAMK;QACvB,IAAI,CAACe,UAAU;YACbrB,KAAK,CAAC,gCAAgC,CAAC,EAAE;QAC3C;IACF,GAAG;QAACM;KAAU;IAEd,MAAMgB,sBAAsBpC,MAAMqC,OAAO,CACvC,IACEf,mBAAmB,SAClB,OAAOA,mBAAmB,cAAcA,eAAeW,gBAAgB,OAC1E;QAACX;QAAgBW;KAAW;IAG9B,MAAMN,YAAYC,iBAAkBQ,CAAAA,sBAAsB,YAAY,YAAW;IAEjF,MAAME,oBAAoBlC,iBAAiB,SAAS,CAACmC;QACnD,MAAMC,kBAAkBP,YAAYhB;QACpC,IAAIuB,mBAAmB,CAACA,gBAAgBC,QAAQ,CAACF,EAAEG,MAAM,GAAW;YAClEnB;QACF;IACF;IAEAvB,MAAM2C,SAAS,CAAC;QACdC,WAAW;YACTN,kBAAkBO,GAAG,CAACf,SAAUgB,IAAI;QACtC;IACF,GAAG;QAACR;QAAmBR;KAAS;IAEhC,MAAMiB,UAAU/C,MAAMgD,WAAW,CAAC,CAACT,IAAqCA,EAAEU,eAAe,IAAI,EAAE;IAE/F,MAAMC,YAAYlD,MAAMqC,OAAO,CAAC;QAC9B,IAAI7B,YAA2DY,YAAY;YACzE,OAAOA;QACT;QAEA,OAAO;YAAEH,SAASG;QAAyB;IAC7C,GAAG;QAACA;KAAU;IAEd,qBACE,oBAACR;QACCsC,WAAWA;QACXC,gBAAgBzB;QAChBC,WAAWA;QACXH,WAAWvB,WACTY,MAAM,CAAC,cAAc,EACrBkB,aAAatB,SAAS2C,GAAG,IAAIvC,MAAM,CAAC,mBAAmB,EACvDA,MAAM,CAAC,uBAAuB,EAC9BmB,UAAU1B,SAAS+C,OAAO,IAAIxC,MAAM,CAAC,6BAA6B,EAClEW;QAEFC,OAAOA;QACP6B,QAAQrB;QACRsB,aAAa;qBAEb,oBAAC5C;QAAUY,SAASA;QAAU,GAAGM,SAAS;QAAEkB,SAASA;OAClD5B;AAIT,EAAE"}