npm - @vkontakte/vkui - Versions diffs - 8.0.2 → 8.1.1 - Mend

@vkontakte/vkui 8.0.2 → 8.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1386) hide show

package/dist/components/ImageBase/ImageBaseOverlay/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { 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 * > оверлей покажется не раньше второго рендера.\n * > Если это критично (например при SSR), то старайтесь явно указывать значение `visibility`, либо используйте\n * > [AdaptivityProvider](#/AdaptivityProvider) для того, чтобы явно определить `hasPointer`.\n /\n visibility?: 'on-hover' \| 'always';\n /\n `className` для компонента.\n /\n className?: string;\n}\n\nexport interface ImageBaseOverlayInteractiveProps extends ImageBaseOverlayCommonProps {\n /\n Обработчик взаимодействия с элементом.\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}\n\nexport interface ImageBaseOverlayNonInteractiveProps extends ImageBaseOverlayCommonProps {\n /\n По умолчанию сам компонент является интерактивным элементом. Передав значение равное `'undefined'` или не передав этот параметр вовсе, можно отключить\n * такое поведение, что дает возможность передавать отдельные интерактивные элементы в `children`.\n /\n onClick?: undefined;\n /\n Содержимое.\n */\n children: React.ReactNode;\n}\n"],"names":[],"mappings":"AAoDA,WAUC"}
1	+ {"version":3,"sources":["../../../../src/components/ImageBase/ImageBaseOverlay/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { 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' \| undefined;\n /\n Определяет каким образом должен показываться оверлей.\n \n - `\"on-hover\"` – на наведение указателя мыши.\n * - `\"always\"` – всегда показывать.\n \n > По умолчанию определяется в зависимости от того, есть ли у пользователя мышь или нет.\n * > Определение просиходит с помощью двойного рендера, так что на устройствах без мыши\n * > оверлей покажется не раньше второго рендера.\n * > Если это критично (например при SSR), то старайтесь явно указывать значение `visibility`, либо используйте\n * > [AdaptivityProvider](#/AdaptivityProvider) для того, чтобы явно определить `hasPointer`.\n /\n visibility?: 'on-hover' \| 'always' \| undefined;\n /\n `className` для компонента.\n /\n className?: string \| undefined;\n}\n\nexport interface ImageBaseOverlayInteractiveProps extends ImageBaseOverlayCommonProps {\n /\n Обработчик взаимодействия с элементом.\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}\n\nexport interface ImageBaseOverlayNonInteractiveProps extends ImageBaseOverlayCommonProps {\n /\n По умолчанию сам компонент является интерактивным элементом. Передав значение равное `'undefined'` или не передав этот параметр вовсе, можно отключить\n * такое поведение, что дает возможность передавать отдельные интерактивные элементы в `children`.\n /\n onClick?: undefined;\n /\n Содержимое.\n */\n children: React.ReactNode;\n}\n"],"names":[],"mappings":"AAoDA,WAUC"}

package/dist/components/ImageBase/types.d.ts CHANGED Viewed

@@ -4,15 +4,15 @@ export type ImageBaseExpectedIconProps = {
     /**
      * Ширина иконки.
      */
-    width?: number;
+    width?: number | undefined;
     /**
      * Высота иконки.
      */
-    height?: number;
+    height?: number | undefined;
     /**
      * ClassName для иконки.
      */
-    className?: string;
+    className?: string | undefined;
 };
 export interface ImageBaseContextProps {
     /**

package/dist/components/ImageBase/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ImageBase/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,uEAAwE,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;~~IACf~~;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;~~IAChB~~;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;~~CACpB~~,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,aAAa,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,EAAE,YAAY,EAAE,CAAC;IACpC;;OAEG;IACH,kBAAkB,EAAE,YAAY,EAAE,CAAC;CACpC"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ImageBase/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,uEAAwE,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,IAAI,EAAE,aAAa,GAAG,MAAM,CAAC;IAC7B;;OAEG;IACH,mBAAmB,EAAE,YAAY,EAAE,CAAC;IACpC;;OAEG;IACH,kBAAkB,EAAE,YAAY,EAAE,CAAC;CACpC"}

package/dist/components/ImageBase/types.js.map CHANGED Viewed

	@@ -1 +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 /*\n Ширина иконки.\n /\n width?: number;\n /\n Высота иконки.\n /\n height?: number;\n /\n ClassName для иконки.\n /\n className?: string;\n};\n\nexport interface ImageBaseContextProps {\n /\n Размер картинки.\n /\n size: ImageBaseSize \| number;\n /\n Обработчики события `mouseOver`.\n /\n onMouseOverHandlers: VoidFunction[];\n /\n Обработчики события `mouseOut`.\n */\n onMouseOutHandlers: VoidFunction[];\n}\n"],"names":["imageBaseSizes"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG,CAAU"}
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 /*\n Ширина иконки.\n /\n width?: number \| undefined;\n /\n Высота иконки.\n /\n height?: number \| undefined;\n /\n ClassName для иконки.\n /\n className?: string \| undefined;\n};\n\nexport interface ImageBaseContextProps {\n /\n Размер картинки.\n /\n size: ImageBaseSize \| number;\n /\n Обработчики события `mouseOver`.\n /\n onMouseOverHandlers: VoidFunction[];\n /\n Обработчики события `mouseOut`.\n */\n onMouseOutHandlers: VoidFunction[];\n}\n"],"names":["imageBaseSizes"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB;IAAC;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG,CAAU"}

package/dist/components/Input/Input.d.ts CHANGED Viewed

@@ -5,16 +5,16 @@ export interface InputProps extends Pick<React.InputHTMLAttributes<HTMLInputElem
     /**
      * @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.
      */
-    getRef?: React.Ref<HTMLInputElement>;
+    getRef?: React.Ref<HTMLInputElement> | undefined;
     /**
      * Свойства, которые можно прокинуть внутрь компонента:
      * - `root`: свойства для прокидывания в корень компонента;
      * - `input`: свойства для прокидывания в поле ввода.
      */
     slotProps?: {
-        root?: React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute;
-        input?: React.InputHTMLAttributes<HTMLInputElement> & HasRootRef<HTMLInputElement> & HasDataAttribute;
-    };
+        root?: (React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute) | undefined;
+        input?: (React.InputHTMLAttributes<HTMLInputElement> & HasRootRef<HTMLInputElement> & HasDataAttribute) | undefined;
+    } | undefined;
 }
 /**
  * @see https://vkui.io/components/input

package/dist/components/Input/Input.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxE,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,MAAM,GACN,KAAK,GACL,WAAW,GACX,KAAK,GACL,WAAW,GACX,UAAU,GACV,MAAM,GACN,SAAS,GACT,cAAc,GACd,aAAa,GACb,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EAC7E,UAAU,CAAC,cAAc,CAAC,EAC1B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;~~IACrC~~;;;;OAIG;IACH,SAAS,CAAC,~~EAAE~~;~~QACV~~,IAAI,CAAC,~~EAAE~~,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC;~~QAC5F~~,KAAK,CAAC,~~EAAE~~,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,~~GACjD~~,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC;~~KACpB~~,CAAC;~~CACH~~;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8VA4CnB,UAAU,KAAG,KAAK,CAAC,SAoErB,CAAC"}
1	+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAWxE,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,cAAc,GACd,gBAAgB,GAChB,aAAa,GACb,UAAU,GACV,MAAM,GACN,KAAK,GACL,WAAW,GACX,KAAK,GACL,WAAW,GACX,UAAU,GACV,MAAM,GACN,SAAS,GACT,cAAc,GACd,aAAa,GACb,UAAU,GACV,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,UAAU,GACV,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC,EAC7E,UAAU,CAAC,cAAc,CAAC,EAC1B,QAAQ,EACR,IAAI,CAAC,cAAc,EAAE,WAAW,CAAC;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACN;QACE,IAAI,CAAC,EACD,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC,GACtF,SAAS,CAAC;QACd,KAAK,CAAC,EACF,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAC1C,UAAU,CAAC,gBAAgB,CAAC,GAC5B,gBAAgB,CAAC,GACnB,SAAS,CAAC;KACf,GACD,SAAS,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,8VA4CnB,UAAU,KAAG,KAAK,CAAC,SAoErB,CAAC"}

package/dist/components/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasAlign, HasDataAttribute, HasRootRef } from '../../types';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport styles from './Input.module.css';\n\nconst warn = warnOnce('Input');\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nexport interface InputProps\n extends Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n \| 'autoComplete'\n \| 'autoCapitalize'\n \| 'autoCorrect'\n \| 'disabled'\n \| 'list'\n \| 'max'\n \| 'maxLength'\n \| 'min'\n \| 'minLength'\n \| 'multiple'\n \| 'name'\n \| 'pattern'\n \| 'enterKeyHint'\n \| 'placeholder'\n \| 'readOnly'\n \| 'required'\n \| 'step'\n \| 'type'\n \| 'value'\n \| 'form'\n \| 'onChange'\n \| 'onFocus'\n \| 'onBlur'\n >,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' \| 'onFocus' \| 'onBlur'>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n Omit<FormFieldProps, 'maxHeight'> {\n /*\n @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.\n /\n getRef?: React.Ref<HTMLInputElement~~>;\~~n /\n Свойства, которые можно прокинуть внутрь компонента:\n * - `root`: свойства для прокидывания в корень компонента;\n * - `input`: свойства для прокидывания в поле ввода.\n /\n slotProps?: {\n root?: React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute;\n input?: React.InputHTMLAttributes<HTMLInputElement> &\n HasRootRef<HTMLInputElement> &\n HasDataAttribute;\n };\n}\n\n/\n @see https://vkui.io/components/input\n /\nexport const Input = ({\n // InputProps\n align = 'left',\n getRef,\n\n // FormFieldProps\n before,\n after,\n status,\n mode,\n\n // input props\n autoComplete,\n autoCapitalize,\n autoCorrect,\n disabled,\n list,\n max,\n maxLength,\n min,\n minLength,\n multiple,\n name,\n pattern,\n enterKeyHint,\n placeholder,\n readOnly,\n required,\n step,\n type = 'text',\n value,\n onChange,\n onFocus,\n onBlur,\n form,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n\n slotProps,\n ...restProps\n}: InputProps): React.ReactNode => {\n / istanbul ignore if: не проверяем в тестах */\n if (process.env.NODE_ENV === 'development' && getRef) {\n warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n }\n\n const { density = 'none' } = useAdaptivity();\n\n const { className, ...rootProps } = useMergeProps(restProps, slotProps?.root);\n\n const inputRest = useMergeProps(\n {\n className: styles.el,\n getRootRef: getRef,\n autoComplete,\n autoCapitalize,\n autoCorrect,\n disabled,\n list,\n max,\n maxLength,\n min,\n minLength,\n multiple,\n name,\n pattern,\n enterKeyHint,\n placeholder,\n readOnly,\n required,\n step,\n type,\n value,\n onChange,\n onFocus,\n onBlur,\n form,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n },\n slotProps?.input,\n );\n\n return (\n <FormField\n className={classNames(\n styles.host,\n align === 'right' && styles.alignRight,\n align === 'center' && styles.alignCenter,\n density !== 'regular' && densityClassNames[density],\n before && styles.hasBefore,\n after && styles.hasAfter,\n className,\n )}\n before={before}\n after={after}\n disabled={inputRest.disabled}\n mode={mode}\n status={status}\n {...rootProps}\n >\n <UnstyledTextField as=\"input\" {...inputRest} />\n </FormField>\n );\n};\n"],"names":["classNames","useAdaptivity","useMergeProps","warnOnce","FormField","UnstyledTextField","warn","densityClassNames","none","compact","Input","align","getRef","before","after","status","mode","autoComplete","autoCapitalize","autoCorrect","disabled","list","max","maxLength","min","minLength","multiple","name","pattern","enterKeyHint","placeholder","readOnly","required","step","type","value","onChange","onFocus","onBlur","form","id","inputMode","defaultValue","autoFocus","tabIndex","spellCheck","slotProps","restProps","process","env","NODE_ENV","density","className","rootProps","root","inputRest","getRootRef","input","as"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,iBAAiB,QAAQ,4CAAyC;AAG3E,MAAMC,OAAOH,SAAS;AAEtB,MAAMI,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;~~AAkDA~~;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpB,aAAa;AACbC,QAAQ,MAAM,EACdC,MAAM,EAEN,iBAAiB;AACjBC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,IAAI,EAEJ,cAAc;AACdC,YAAY,EACZC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,GAAG,EACHC,SAAS,EACTC,GAAG,EACHC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,OAAO,MAAM,EACbC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,IAAI,EACJC,EAAE,EACFC,SAAS,EACTC,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,UAAU,EAEVC,SAAS,EACT,GAAGC,WACQ;IACX,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBtC,QAAQ;QACpDN,KAAK;IACP;IAEA,MAAM,EAAE6C,UAAU,MAAM,EAAE,GAAGlD;IAE7B,MAAM,EAAEmD,SAAS,EAAE,GAAGC,WAAW,GAAGnD,cAAc6C,WAAWD,WAAWQ;IAExE,MAAMC,YAAYrD,cAChB;QACEkD,SAAS;QACTI,YAAY5C;QACZK;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWW;IAGb,qBACE,KAACrD;QACCgD,WAAWpD,8BAETW,UAAU,oCACVA,UAAU,sCACVwC,YAAY,aAAa5C,iBAAiB,CAAC4C,QAAQ,EACnDtC,kCACAC,gCACAsC;QAEFvC,QAAQA;QACRC,OAAOA;QACPM,UAAUmC,UAAUnC,QAAQ;QAC5BJ,MAAMA;QACND,QAAQA;QACP,GAAGsC,SAAS;kBAEb,cAAA,KAAChD;YAAkBqD,IAAG;YAAS,GAAGH,SAAS;;;AAGjD,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { useMergeProps } from '../../hooks/useMergeProps';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasAlign, HasDataAttribute, HasRootRef } from '../../types';\nimport { FormField, type FormFieldProps } from '../FormField/FormField';\nimport { UnstyledTextField } from '../UnstyledTextField/UnstyledTextField';\nimport styles from './Input.module.css';\n\nconst warn = warnOnce('Input');\n\nconst densityClassNames = {\n none: styles.densityNone,\n compact: styles.densityCompact,\n};\n\nexport interface InputProps\n extends Pick<\n React.InputHTMLAttributes<HTMLInputElement>,\n \| 'autoComplete'\n \| 'autoCapitalize'\n \| 'autoCorrect'\n \| 'disabled'\n \| 'list'\n \| 'max'\n \| 'maxLength'\n \| 'min'\n \| 'minLength'\n \| 'multiple'\n \| 'name'\n \| 'pattern'\n \| 'enterKeyHint'\n \| 'placeholder'\n \| 'readOnly'\n \| 'required'\n \| 'step'\n \| 'type'\n \| 'value'\n \| 'form'\n \| 'onChange'\n \| 'onFocus'\n \| 'onBlur'\n >,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' \| 'onFocus' \| 'onBlur'>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n Omit<FormFieldProps, 'maxHeight'> {\n /*\n @deprecated Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`.\n /\n getRef?: React.Ref<HTMLInputElement> \| undefined;\n /\n Свойства, которые можно прокинуть внутрь компонента:\n * - `root`: свойства для прокидывания в корень компонента;\n * - `input`: свойства для прокидывания в поле ввода.\n /\n slotProps?:\n \| {\n root?:\n \| (React.HTMLAttributes<HTMLDivElement> & HasRootRef<HTMLDivElement> & HasDataAttribute)\n \| undefined;\n input?:\n \| (React.InputHTMLAttributes<HTMLInputElement> &\n HasRootRef<HTMLInputElement> &\n HasDataAttribute)\n \| undefined;\n }\n \| undefined;\n}\n\n/\n @see https://vkui.io/components/input\n /\nexport const Input = ({\n // InputProps\n align = 'left',\n getRef,\n\n // FormFieldProps\n before,\n after,\n status,\n mode,\n\n // input props\n autoComplete,\n autoCapitalize,\n autoCorrect,\n disabled,\n list,\n max,\n maxLength,\n min,\n minLength,\n multiple,\n name,\n pattern,\n enterKeyHint,\n placeholder,\n readOnly,\n required,\n step,\n type = 'text',\n value,\n onChange,\n onFocus,\n onBlur,\n form,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n\n slotProps,\n ...restProps\n}: InputProps): React.ReactNode => {\n / istanbul ignore if: не проверяем в тестах */\n if (process.env.NODE_ENV === 'development' && getRef) {\n warn('Свойство `getRef` устаревшее, используйте `slotProps={ input: { getRootRef: ... } }`');\n }\n\n const { density = 'none' } = useAdaptivity();\n\n const { className, ...rootProps } = useMergeProps(restProps, slotProps?.root);\n\n const inputRest = useMergeProps(\n {\n className: styles.el,\n getRootRef: getRef,\n autoComplete,\n autoCapitalize,\n autoCorrect,\n disabled,\n list,\n max,\n maxLength,\n min,\n minLength,\n multiple,\n name,\n pattern,\n enterKeyHint,\n placeholder,\n readOnly,\n required,\n step,\n type,\n value,\n onChange,\n onFocus,\n onBlur,\n form,\n id,\n inputMode,\n defaultValue,\n autoFocus,\n tabIndex,\n spellCheck,\n },\n slotProps?.input,\n );\n\n return (\n <FormField\n className={classNames(\n styles.host,\n align === 'right' && styles.alignRight,\n align === 'center' && styles.alignCenter,\n density !== 'regular' && densityClassNames[density],\n before && styles.hasBefore,\n after && styles.hasAfter,\n className,\n )}\n before={before}\n after={after}\n disabled={inputRest.disabled}\n mode={mode}\n status={status}\n {...rootProps}\n >\n <UnstyledTextField as=\"input\" {...inputRest} />\n </FormField>\n );\n};\n"],"names":["classNames","useAdaptivity","useMergeProps","warnOnce","FormField","UnstyledTextField","warn","densityClassNames","none","compact","Input","align","getRef","before","after","status","mode","autoComplete","autoCapitalize","autoCorrect","disabled","list","max","maxLength","min","minLength","multiple","name","pattern","enterKeyHint","placeholder","readOnly","required","step","type","value","onChange","onFocus","onBlur","form","id","inputMode","defaultValue","autoFocus","tabIndex","spellCheck","slotProps","restProps","process","env","NODE_ENV","density","className","rootProps","root","inputRest","getRootRef","input","as"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,SAAS,QAA6B,4BAAyB;AACxE,SAASC,iBAAiB,QAAQ,4CAAyC;AAG3E,MAAMC,OAAOH,SAAS;AAEtB,MAAMI,oBAAoB;IACxBC,IAAI;IACJC,OAAO;AACT;AAwDA;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpB,aAAa;AACbC,QAAQ,MAAM,EACdC,MAAM,EAEN,iBAAiB;AACjBC,MAAM,EACNC,KAAK,EACLC,MAAM,EACNC,IAAI,EAEJ,cAAc;AACdC,YAAY,EACZC,cAAc,EACdC,WAAW,EACXC,QAAQ,EACRC,IAAI,EACJC,GAAG,EACHC,SAAS,EACTC,GAAG,EACHC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,IAAI,EACJC,OAAO,MAAM,EACbC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,IAAI,EACJC,EAAE,EACFC,SAAS,EACTC,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,UAAU,EAEVC,SAAS,EACT,GAAGC,WACQ;IACX,6CAA6C,GAC7C,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiBtC,QAAQ;QACpDN,KAAK;IACP;IAEA,MAAM,EAAE6C,UAAU,MAAM,EAAE,GAAGlD;IAE7B,MAAM,EAAEmD,SAAS,EAAE,GAAGC,WAAW,GAAGnD,cAAc6C,WAAWD,WAAWQ;IAExE,MAAMC,YAAYrD,cAChB;QACEkD,SAAS;QACTI,YAAY5C;QACZK;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;IACF,GACAC,WAAWW;IAGb,qBACE,KAACrD;QACCgD,WAAWpD,8BAETW,UAAU,oCACVA,UAAU,sCACVwC,YAAY,aAAa5C,iBAAiB,CAAC4C,QAAQ,EACnDtC,kCACAC,gCACAsC;QAEFvC,QAAQA;QACRC,OAAOA;QACPM,UAAUmC,UAAUnC,QAAQ;QAC5BJ,MAAMA;QACND,QAAQA;QACP,GAAGsC,SAAS;kBAEb,cAAA,KAAChD;YAAkBqD,IAAG;YAAS,GAAGH,SAAS;;;AAGjD,EAAE"}

package/dist/components/InputLike/InputLike.d.ts CHANGED Viewed

@@ -2,9 +2,9 @@ import { type RootComponentProps } from '../RootComponent/RootComponent';
 export interface InputLikeProps extends RootComponentProps<HTMLSpanElement> {
     length: number;
     index: number;
-    value?: string;
-    label?: string;
-    onElementSelect?: (index: number) => void;
+    value?: string | undefined;
+    label?: string | undefined;
+    onElementSelect?: ((index: number) => void) | undefined;
 }
 export declare const InputLike: ({ value, length, index, onElementSelect, onFocus, label, readOnly, onKeyDown, ...restProps }: InputLikeProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InputLike.d.ts.map

package/dist/components/InputLike/InputLike.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputLike.d.ts","sourceRoot":"","sources":["../../../src/components/InputLike/InputLike.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIxF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;~~IACf~~,KAAK,CAAC,EAAE,MAAM,CAAC;~~IACf~~,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;~~CAC3C~~;AAgBD,eAAO,MAAM,SAAS,GAAI,8FAUvB,cAAc,4CA4BhB,CAAC"}
1	+ {"version":3,"file":"InputLike.d.ts","sourceRoot":"","sources":["../../../src/components/InputLike/InputLike.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAIxF,MAAM,WAAW,cAAe,SAAQ,kBAAkB,CAAC,eAAe,CAAC;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACzD;AAgBD,eAAO,MAAM,SAAS,GAAI,8FAUvB,cAAc,4CA4BhB,CAAC"}

package/dist/components/InputLike/InputLike.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc /\n\nimport 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.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 onFocus,\n label,\n readOnly,\n onKeyDown,\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.host : undefined}\n tabIndex={readOnly ? -1 : 0}\n onFocus={callMultiple(onFocus, handleElementSelect)}\n onKeyDown={readOnly ? undefined : onKeyDown}\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.lastCharacter}>\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </RootComponent>\n );\n};\n"],"names":["React","callMultiple","stopPropagation","RootComponent","VisuallyHidden","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","span","className","InputLike","value","onElementSelect","onFocus","label","readOnly","onKeyDown","restProps","handleElementSelect","useCallback","event","Component","baseClassName","undefined","tabIndex","slice"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,eAAe,QAAQ,qBAAkB;AAClD,SAASC,aAAa,QAAiC,oCAAiC;AACxF,SAASC,cAAc,QAAQ,sCAAmC;AAWlE,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,KAACC;YAAiBC,SAAS;sBACxBT;WADQM;IAIf;IACA,OAAOD;AACT;AAEA,OAAO,MAAMK,YAAY,CAAC,EACxBC,KAAK,EACLP,MAAM,EACNE,KAAK,EACLM,eAAe,EACfC,OAAO,EACPC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACY;IACf,MAAMC,sBAAsBvB,MAAMwB,WAAW,CAC3C,CAACC;QACCvB,gBAAgBuB;QAChBR,kBAAkBN;IACpB,GACA;QAACA;QAAOM;KAAgB;IAG1B,qBACE,MAACd;QACCuB,WAAU;QACVC,eAAeX,OAAOP,WAAWA,iCAAuBmB;QACxDC,UAAUT,WAAW,CAAC,IAAI;QAC1BF,SAASjB,aAAaiB,SAASK;QAC/BF,WAAWD,WAAWQ,YAAYP;QACjC,GAAGC,SAAS;;YAEZH,uBAAS,KAACf;0BAAgBe;;YAC1BH,OAAOc,MAAM,GAAGrB,SAAS;YACzBO,OAAOc,MAAMrB,SAAS,oBACrB,KAACI;gBAAiBC,SAAS;0BACxBE,MAAMc,KAAK,CAACrB,SAAS;eADbE;YAIZH,gBAAgBC,SAAUO,CAAAA,OAAOP,UAAU,CAAA;;;AAGlD,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/InputLike/InputLike.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc /\n\nimport 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 \| undefined;\n label?: string \| undefined;\n onElementSelect?: ((index: number) => void) \| undefined;\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.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 onFocus,\n label,\n readOnly,\n onKeyDown,\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.host : undefined}\n tabIndex={readOnly ? -1 : 0}\n onFocus={callMultiple(onFocus, handleElementSelect)}\n onKeyDown={readOnly ? undefined : onKeyDown}\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.lastCharacter}>\n {value.slice(length - 1)}\n </span>\n )}\n {getMaskElements(length - (value?.length ?? 0))}\n </RootComponent>\n );\n};\n"],"names":["React","callMultiple","stopPropagation","RootComponent","VisuallyHidden","MASK_SYMBOL","String","fromCharCode","getMaskElements","length","result","index","push","span","className","InputLike","value","onElementSelect","onFocus","label","readOnly","onKeyDown","restProps","handleElementSelect","useCallback","event","Component","baseClassName","undefined","tabIndex","slice"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,4BAAyB;AACtD,SAASC,eAAe,QAAQ,qBAAkB;AAClD,SAASC,aAAa,QAAiC,oCAAiC;AACxF,SAASC,cAAc,QAAQ,sCAAmC;AAWlE,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,KAACC;YAAiBC,SAAS;sBACxBT;WADQM;IAIf;IACA,OAAOD;AACT;AAEA,OAAO,MAAMK,YAAY,CAAC,EACxBC,KAAK,EACLP,MAAM,EACNE,KAAK,EACLM,eAAe,EACfC,OAAO,EACPC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACY;IACf,MAAMC,sBAAsBvB,MAAMwB,WAAW,CAC3C,CAACC;QACCvB,gBAAgBuB;QAChBR,kBAAkBN;IACpB,GACA;QAACA;QAAOM;KAAgB;IAG1B,qBACE,MAACd;QACCuB,WAAU;QACVC,eAAeX,OAAOP,WAAWA,iCAAuBmB;QACxDC,UAAUT,WAAW,CAAC,IAAI;QAC1BF,SAASjB,aAAaiB,SAASK;QAC/BF,WAAWD,WAAWQ,YAAYP;QACjC,GAAGC,SAAS;;YAEZH,uBAAS,KAACf;0BAAgBe;;YAC1BH,OAAOc,MAAM,GAAGrB,SAAS;YACzBO,OAAOc,MAAMrB,SAAS,oBACrB,KAACI;gBAAiBC,SAAS;0BACxBE,MAAMc,KAAK,CAACrB,SAAS;eADbE;YAIZH,gBAAgBC,SAAUO,CAAAA,OAAOP,UAAU,CAAA;;;AAGlD,EAAE"}

package/dist/components/Link/Link.d.ts CHANGED Viewed

@@ -4,19 +4,19 @@ export interface LinkProps extends TappableOmitProps {
     /**
      * Иконка слева.
      */
-    before?: ReactElement;
+    before?: ReactElement | undefined;
     /**
      * Иконка справа.
      */
-    after?: ReactElement;
+    after?: ReactElement | undefined;
     /**
      * Выключает появления нижнего подчеркивания при наведении.
      */
-    noUnderline?: boolean;
+    noUnderline?: boolean | undefined;
     /**
      * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет.
      */
-    hasVisited?: boolean;
+    hasVisited?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/link

package/dist/components/Link/Link.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;~~IACtB~~;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;~~IACrB~~;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;~~IACtB~~;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;~~CACtB~~;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,2FAOlB,SAAS,KAAG,KAAK,CAAC,SAsBpB,CAAC"}
1	+ {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,2FAOlB,SAAS,KAAG,KAAK,CAAC,SAsBpB,CAAC"}

package/dist/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableOmitProps {\n /*\n Иконка слева.\n /\n before?: ReactElement;\n /\n Иконка справа.\n /\n after?: ReactElement;\n /\n Выключает появления нижнего подчеркивания при наведении.\n /\n noUnderline?: boolean;\n /\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет.\n /\n hasVisited?: boolean;\n}\n\n/\n @see https://vkui.io/components/link\n */\nexport const Link = ({\n before: beforeProp,\n after: afterProp,\n noUnderline,\n hasVisited,\n children,\n ...restProps\n}: LinkProps): React.ReactNode => {\n const before = beforeProp ? <span className={styles.before}>{beforeProp}</span> : null;\n const after = afterProp ? <span className={styles.after}>{afterProp}</span> : null;\n\n return (\n <Tappable\n activeMode=\"opacity\"\n hoverMode={styles.hover}\n focusVisibleMode=\"outside\"\n DefaultComponent=\"span\"\n {...restProps}\n baseClassName={classNames(\n styles.host,\n hasVisited && styles.hasVisited,\n !noUnderline && styles.withUnderline,\n )}\n >\n {before}\n {children}\n {after}\n </Tappable>\n );\n};\n"],"names":["classNames","Tappable","Link","before","beforeProp","after","afterProp","noUnderline","hasVisited","children","restProps","span","className","activeMode","hoverMode","focusVisibleMode","DefaultComponent","baseClassName"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAgC,0BAAuB;AAsBxE;;CAEC,GACD,OAAO,MAAMC,OAAO,CAAC,EACnBC,QAAQC,UAAU,EAClBC,OAAOC,SAAS,EAChBC,WAAW,EACXC,UAAU,EACVC,QAAQ,EACR,GAAGC,WACO;IACV,MAAMP,SAASC,2BAAa,KAACO;QAAKC,SAAS;kBAAkBR;SAAqB;IAClF,MAAMC,QAAQC,0BAAY,KAACK;QAAKC,SAAS;kBAAiBN;SAAoB;IAE9E,qBACE,MAACL;QACCY,YAAW;QACXC,SAAS;QACTC,kBAAiB;QACjBC,kBAAiB;QAChB,GAAGN,SAAS;QACbO,eAAejB,6BAEbQ,sCACA,CAACD;;YAGFJ;YACAM;YACAJ;;;AAGP,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport styles from './Link.module.css';\n\nexport interface LinkProps extends TappableOmitProps {\n /*\n Иконка слева.\n /\n before?: ReactElement \| undefined;\n /\n Иконка справа.\n /\n after?: ReactElement \| undefined;\n /\n Выключает появления нижнего подчеркивания при наведении.\n /\n noUnderline?: boolean \| undefined;\n /\n Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет.\n /\n hasVisited?: boolean \| undefined;\n}\n\n/\n @see https://vkui.io/components/link\n */\nexport const Link = ({\n before: beforeProp,\n after: afterProp,\n noUnderline,\n hasVisited,\n children,\n ...restProps\n}: LinkProps): React.ReactNode => {\n const before = beforeProp ? <span className={styles.before}>{beforeProp}</span> : null;\n const after = afterProp ? <span className={styles.after}>{afterProp}</span> : null;\n\n return (\n <Tappable\n activeMode=\"opacity\"\n hoverMode={styles.hover}\n focusVisibleMode=\"outside\"\n DefaultComponent=\"span\"\n {...restProps}\n baseClassName={classNames(\n styles.host,\n hasVisited && styles.hasVisited,\n !noUnderline && styles.withUnderline,\n )}\n >\n {before}\n {children}\n {after}\n </Tappable>\n );\n};\n"],"names":["classNames","Tappable","Link","before","beforeProp","after","afterProp","noUnderline","hasVisited","children","restProps","span","className","activeMode","hoverMode","focusVisibleMode","DefaultComponent","baseClassName"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,QAAQ,QAAgC,0BAAuB;AAsBxE;;CAEC,GACD,OAAO,MAAMC,OAAO,CAAC,EACnBC,QAAQC,UAAU,EAClBC,OAAOC,SAAS,EAChBC,WAAW,EACXC,UAAU,EACVC,QAAQ,EACR,GAAGC,WACO;IACV,MAAMP,SAASC,2BAAa,KAACO;QAAKC,SAAS;kBAAkBR;SAAqB;IAClF,MAAMC,QAAQC,0BAAY,KAACK;QAAKC,SAAS;kBAAiBN;SAAoB;IAE9E,qBACE,MAACL;QACCY,YAAW;QACXC,SAAS;QACTC,kBAAiB;QACjBC,kBAAiB;QAChB,GAAGN,SAAS;QACbO,eAAejB,6BAEbQ,sCACA,CAACD;;YAGFJ;YACAM;YACAJ;;;AAGP,EAAE"}

package/dist/components/List/List.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {
     /**
      * Задает отступ между элементами.
      */
-    gap?: number;
+    gap?: number | undefined;
 };
 /**
  * @see https://vkui.io/components/cell#list

package/dist/components/List/List.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,MAAM,SAAS,GAAG,yBAAyB,CAAC,cAAc,CAAC,GAAG;IAClE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;~~CACd~~,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iCAAqC,SAAS,KAAG,KAAK,CAAC,SAkB3E,CAAC"}
1	+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,MAAM,SAAS,GAAG,yBAAyB,CAAC,cAAc,CAAC,GAAG;IAClE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,iCAAqC,SAAS,KAAG,KAAK,CAAC,SAkB3E,CAAC"}

package/dist/components/List/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './List.module.css';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {\n /*\n Задает отступ между элементами.\n /\n gap?: number;\n};\n\n/\n @see https://vkui.io/components/cell#list\n */\nexport const List = ({ children, gap = 0, ...restProps }: ListProps): React.ReactNode => {\n return (\n <RootComponent\n role=\"list\"\n baseClassName={styles.host}\n baseStyle={{\n gridGap: gap,\n }}\n {...restProps}\n >\n {children}\n <div\n aria-hidden\n {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}\n className={styles.placeholder}\n ></div>\n </RootComponent>\n );\n};\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","RootComponent","List","children","gap","restProps","role","baseClassName","baseStyle","gridGap","div","aria-hidden","className"],"mappings":";AACA,SAASA,qCAAqC,QAAQ,8CAAqC;AAE3F,SAASC,aAAa,QAAQ,oCAAiC;AAU/D;;CAEC,GACD,OAAO,MAAMC,OAAO,CAAC,EAAEC,QAAQ,EAAEC,MAAM,CAAC,EAAE,GAAGC,WAAsB;IACjE,qBACE,MAACJ;QACCK,MAAK;QACLC,aAAa;QACbC,WAAW;YACTC,SAASL;QACX;QACC,GAAGC,SAAS;;YAEZF;0BACD,KAACO;gBACCC,aAAW;gBACV,GAAGX,qCAAqC;gBACzCY,SAAS;;;;AAIjB,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/List/List.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP } from '../../hooks/useDraggableWithDomApi';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './List.module.css';\n\nexport type ListProps = HTMLAttributesWithRootRef<HTMLDivElement> & {\n /*\n Задает отступ между элементами.\n /\n gap?: number \| undefined;\n};\n\n/\n @see https://vkui.io/components/cell#list\n */\nexport const List = ({ children, gap = 0, ...restProps }: ListProps): React.ReactNode => {\n return (\n <RootComponent\n role=\"list\"\n baseClassName={styles.host}\n baseStyle={{\n gridGap: gap,\n }}\n {...restProps}\n >\n {children}\n <div\n aria-hidden\n {...DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP}\n className={styles.placeholder}\n ></div>\n </RootComponent>\n );\n};\n"],"names":["DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","RootComponent","List","children","gap","restProps","role","baseClassName","baseStyle","gridGap","div","aria-hidden","className"],"mappings":";AACA,SAASA,qCAAqC,QAAQ,8CAAqC;AAE3F,SAASC,aAAa,QAAQ,oCAAiC;AAU/D;;CAEC,GACD,OAAO,MAAMC,OAAO,CAAC,EAAEC,QAAQ,EAAEC,MAAM,CAAC,EAAE,GAAGC,WAAsB;IACjE,qBACE,MAACJ;QACCK,MAAK;QACLC,aAAa;QACbC,WAAW;YACTC,SAASL;QACX;QACC,GAAGC,SAAS;;YAEZF;0BACD,KAACO;gBACCC,aAAW;gBACV,GAAGX,qCAAqC;gBACzCY,SAAS;;;;AAIjB,EAAE"}

package/dist/components/MiniInfoCell/MiniInfoCell.d.ts CHANGED Viewed

@@ -6,12 +6,12 @@ export interface MiniInfoCellProps extends Pick<TappableOmitProps, 'hoverMode' |
      * Иконка слева.<br />
      * Рекомендуется использовать иконки размера 20.
      */
-    before?: React.ReactNode;
+    before?: React.ReactNode | undefined;
     /**
      * Содержимое справа.<br />
      * `<UsersStack size="s" />` или `<Avatar size={24} />`.
      */
-    after?: React.ReactNode;
+    after?: React.ReactNode | undefined;
     /**
      * Тип ячейки:
      *
@@ -20,7 +20,7 @@ export interface MiniInfoCellProps extends Pick<TappableOmitProps, 'hoverMode' |
      * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.
      * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.
      */
-    mode?: 'base' | 'accent' | 'add' | 'more';
+    mode?: 'base' | 'accent' | 'add' | 'more' | undefined;
     /**
      * Тип отображения текста:
      *
@@ -28,11 +28,11 @@ export interface MiniInfoCellProps extends Pick<TappableOmitProps, 'hoverMode' |
      * - `short` – максимально отображается 3 строки, остальное обрезается.
      * - `full` – текст отображается полностью. В дизайне это свойство `multiline`.
      */
-    textWrap?: 'nowrap' | 'short' | 'full';
+    textWrap?: 'nowrap' | 'short' | 'full' | undefined;
     /**
      * Передавать `true`, если предполагается переход при нажатии на ячейку.
      */
-    chevron?: boolean;
+    chevron?: boolean | undefined;
 }
 /**
  * @see https://vkui.io/components/mini-info-cell

package/dist/components/MiniInfoCell/MiniInfoCell.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MiniInfoCell.d.ts","sourceRoot":"","sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBxE,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,iBAAiB,EACjB,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAChF,EACD,kBAAkB,CAAC,cAAc,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAEzB~~;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAExB~~;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;~~IAE1C~~;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;~~IAEvC~~;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;~~CACnB~~;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,oEAQ1B,iBAAiB,KAAG,KAAK,CAAC,SAyB5B,CAAC"}
1	+ {"version":3,"file":"MiniInfoCell.d.ts","sourceRoot":"","sources":["../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBxE,MAAM,WAAW,iBACf,SAAQ,IAAI,CACR,iBAAiB,EACjB,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAChF,EACD,kBAAkB,CAAC,cAAc,CAAC;IACpC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAErC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEpC;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAEtD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAEnD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,oEAQ1B,iBAAiB,KAAG,KAAK,CAAC,SAyB5B,CAAC"}

package/dist/components/MiniInfoCell/MiniInfoCell.js.map CHANGED Viewed

	@@ -1 +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 type { RootComponentProps } from '../RootComponent/RootComponent';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n add: styles.modeAdd,\n accent: styles.modeAccent,\n more: styles.modeMore,\n};\n\nconst stylesTextWrap = {\n nowrap: styles.textWrapNowrap,\n full: styles.textWrapFull,\n short: styles.textWrapShort,\n};\n\nexport interface MiniInfoCellProps\n extends Pick<\n TappableOmitProps,\n 'hoverMode' \| 'activeMode' \| 'hovered' \| 'activated' \| 'hasHover' \| 'hasActive'\n >,\n RootComponentProps<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` – текст отображается полностью. В дизайне это свойство `multiline`.\n /\n textWrap?: 'nowrap' \| 'short' \| 'full';\n\n /\n Передавать `true`, если предполагается переход при нажатии на ячейку.\n /\n chevron?: boolean;\n}\n\n/\n @see https://vkui.io/components/mini-info-cell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n children,\n mode = 'base',\n textWrap = 'nowrap',\n chevron = false,\n ...restProps\n}: MiniInfoCellProps): React.ReactNode => {\n const cellClasses = classNames(\n styles.host,\n stylesTextWrap[textWrap],\n mode !== 'base' && stylesMode[mode],\n );\n\n const cellContent = (\n <React.Fragment>\n {hasReactNode(before) && <span className={styles.before}>{before}</span>}\n <div className={styles.middle}>\n <Paragraph className={styles.content} weight={mode === 'more' ? '2' : undefined}>\n {children}\n </Paragraph>\n {chevron && <Icon16Chevron />}\n </div>\n {hasReactNode(after) && <span className={styles.after}>{after}</span>}\n </React.Fragment>\n );\n\n return (\n <Tappable {...restProps} baseClassName={cellClasses}>\n {cellContent}\n </Tappable>\n );\n};\n"],"names":["React","Icon16Chevron","classNames","hasReactNode","Tappable","Paragraph","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","MiniInfoCell","before","after","children","mode","textWrap","chevron","restProps","cellClasses","cellContent","Fragment","span","className","div","weight","undefined","baseClassName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,SAAS,QAAQ,uCAAoC;AAG9D,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA6CA;;CAEC,GACD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,UAAU,KAAK,EACf,GAAGC,WACe;IAClB,MAAMC,cAAcpB,qCAElBQ,cAAc,CAACS,SAAS,EACxBD,SAAS,UAAUZ,UAAU,CAACY,KAAK;IAGrC,MAAMK,4BACJ,MAACvB,MAAMwB,QAAQ;;YACZrB,aAAaY,yBAAW,KAACU;gBAAKC,SAAS;0BAAkBX;;0BAC1D,MAACY;gBAAID,SAAS;;kCACZ,KAACrB;wBAAUqB,SAAS;wBAAkBE,QAAQV,SAAS,SAAS,MAAMW;kCACnEZ;;oBAEFG,yBAAW,KAACnB;;;YAEdE,aAAaa,wBAAU,KAACS;gBAAKC,SAAS;0BAAiBV;;;;IAI5D,qBACE,KAACZ;QAAU,GAAGiB,SAAS;QAAES,eAAeR;kBACrCC;;AAGP,EAAE"}
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 type { RootComponentProps } from '../RootComponent/RootComponent';\nimport { Tappable, type TappableOmitProps } from '../Tappable/Tappable';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './MiniInfoCell.module.css';\n\nconst stylesMode = {\n add: styles.modeAdd,\n accent: styles.modeAccent,\n more: styles.modeMore,\n};\n\nconst stylesTextWrap = {\n nowrap: styles.textWrapNowrap,\n full: styles.textWrapFull,\n short: styles.textWrapShort,\n};\n\nexport interface MiniInfoCellProps\n extends Pick<\n TappableOmitProps,\n 'hoverMode' \| 'activeMode' \| 'hovered' \| 'activated' \| 'hasHover' \| 'hasActive'\n >,\n RootComponentProps<HTMLDivElement> {\n /*\n Иконка слева.<br />\n * Рекомендуется использовать иконки размера 20.\n /\n before?: React.ReactNode \| undefined;\n\n /\n Содержимое справа.<br />\n * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`.\n /\n after?: React.ReactNode \| undefined;\n\n /\n Тип ячейки:\n \n - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n /\n mode?: 'base' \| 'accent' \| 'add' \| 'more' \| undefined;\n\n /\n Тип отображения текста:\n \n - `nowrap` – в одну строку, текст не переносится и обрезается.\n * - `short` – максимально отображается 3 строки, остальное обрезается.\n * - `full` – текст отображается полностью. В дизайне это свойство `multiline`.\n /\n textWrap?: 'nowrap' \| 'short' \| 'full' \| undefined;\n\n /\n Передавать `true`, если предполагается переход при нажатии на ячейку.\n /\n chevron?: boolean \| undefined;\n}\n\n/\n @see https://vkui.io/components/mini-info-cell\n */\nexport const MiniInfoCell = ({\n before,\n after,\n children,\n mode = 'base',\n textWrap = 'nowrap',\n chevron = false,\n ...restProps\n}: MiniInfoCellProps): React.ReactNode => {\n const cellClasses = classNames(\n styles.host,\n stylesTextWrap[textWrap],\n mode !== 'base' && stylesMode[mode],\n );\n\n const cellContent = (\n <React.Fragment>\n {hasReactNode(before) && <span className={styles.before}>{before}</span>}\n <div className={styles.middle}>\n <Paragraph className={styles.content} weight={mode === 'more' ? '2' : undefined}>\n {children}\n </Paragraph>\n {chevron && <Icon16Chevron />}\n </div>\n {hasReactNode(after) && <span className={styles.after}>{after}</span>}\n </React.Fragment>\n );\n\n return (\n <Tappable {...restProps} baseClassName={cellClasses}>\n {cellContent}\n </Tappable>\n );\n};\n"],"names":["React","Icon16Chevron","classNames","hasReactNode","Tappable","Paragraph","stylesMode","add","accent","more","stylesTextWrap","nowrap","full","short","MiniInfoCell","before","after","children","mode","textWrap","chevron","restProps","cellClasses","cellContent","Fragment","span","className","div","weight","undefined","baseClassName"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,QAAQ,QAAgC,0BAAuB;AACxE,SAASC,SAAS,QAAQ,uCAAoC;AAG9D,MAAMC,aAAa;IACjBC,GAAG;IACHC,MAAM;IACNC,IAAI;AACN;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,IAAI;IACJC,KAAK;AACP;AA6CA;;CAEC,GACD,OAAO,MAAMC,eAAe,CAAC,EAC3BC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnBC,UAAU,KAAK,EACf,GAAGC,WACe;IAClB,MAAMC,cAAcpB,qCAElBQ,cAAc,CAACS,SAAS,EACxBD,SAAS,UAAUZ,UAAU,CAACY,KAAK;IAGrC,MAAMK,4BACJ,MAACvB,MAAMwB,QAAQ;;YACZrB,aAAaY,yBAAW,KAACU;gBAAKC,SAAS;0BAAkBX;;0BAC1D,MAACY;gBAAID,SAAS;;kCACZ,KAACrB;wBAAUqB,SAAS;wBAAkBE,QAAQV,SAAS,SAAS,MAAMW;kCACnEZ;;oBAEFG,yBAAW,KAACnB;;;YAEdE,aAAaa,wBAAU,KAACS;gBAAKC,SAAS;0BAAiBV;;;;IAI5D,qBACE,KAACZ;QAAU,GAAGiB,SAAS;QAAES,eAAeR;kBACrCC;;AAGP,EAAE"}

package/dist/components/ModalCard/ModalCardInternal.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import { type ComponentType, type ReactNode } from 'react';
 import { type ModalOverlayProps } from '../ModalOverlay/ModalOverlay';
 import type { ModalCardProps } from './types';
 export interface ModalCardInternalProps extends Omit<ModalCardProps, 'nav' | 'keepMounted'> {
-    ModalOverlay?: ComponentType<ModalOverlayProps>;
+    ModalOverlay?: ComponentType<ModalOverlayProps> | undefined;
 }
 /**
  * В компоненте заложена вся логика модального окна.

package/dist/components/ModalCard/ModalCardInternal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalCardInternal.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAsB,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAa5F,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAoB9C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,aAAa,CAAC;IACzF,YAAY,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;~~CACjD~~;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,6ZA8B/B,sBAAsB,KAAG,SAqH3B,CAAC"}
1	+ {"version":3,"file":"ModalCardInternal.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAsB,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAa5F,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAoB9C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,aAAa,CAAC;IACzF,YAAY,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAC7D;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,6ZA8B/B,sBAAsB,KAAG,SAqH3B,CAAC"}

package/dist/components/ModalCard/ModalCardInternal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc /\n\nimport { type ComponentType, type KeyboardEvent, type ReactNode, useCallback } from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';\nimport { useBottomSheet } from '../../lib/sheet';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalCardBase } from '../ModalCardBase/ModalCardBase';\nimport { ModalOutlet } from '../ModalOutlet/ModalOutlet';\nimport {\n ModalOverlay as ModalOverlayDefault,\n type ModalOverlayProps,\n} from '../ModalOverlay/ModalOverlay';\nimport type { ModalCardProps } from './types';\nimport styles from './ModalCard.module.css';\n\nconst sizeByPlatformClassNames = {\n vkcom: styles.hostMaxWidthS,\n ios: styles.hostMaxWidthM,\n android: styles.hostMaxWidthL,\n};\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n appear: styles.hostStateEnter,\n appearing: styles.hostStateEntering,\n\n enter: styles.hostStateEnter,\n entering: styles.hostStateEntering,\n\n exiting: styles.hostStateExiting,\n exited: styles.hostStateExited,\n};\n\nexport interface ModalCardInternalProps extends Omit<ModalCardProps, 'nav' \| 'keepMounted'> {\n ModalOverlay?: ComponentType<ModalOverlayProps>;\n}\n\n/\n В компоненте заложена вся логика модального окна.\n \n @private\n */\nexport const ModalCardInternal = ({\n icon,\n title,\n titleComponent,\n description,\n descriptionComponent,\n children,\n actions,\n size,\n open,\n style: styleProp,\n className,\n preventClose,\n ModalOverlay = ModalOverlayDefault,\n modalOverlayTestId,\n modalDismissButtonTestId,\n getRootRef,\n dismissButtonMode,\n dismissLabel,\n noFocusToDialog,\n restoreFocus,\n onOpen,\n onOpened,\n onClose = noop,\n onClosed,\n disableFocusTrap,\n disableModalOverlay,\n disableOpenAnimation,\n disableCloseAnimation,\n ...restProps\n}: ModalCardInternalProps): ReactNode => {\n const platform = usePlatform();\n const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(open, {\n enableAppear: !disableOpenAnimation,\n enableEnter: !disableOpenAnimation,\n enableExit: !disableCloseAnimation,\n onEnter() {\n onOpen?.();\n },\n onEntered() {\n onOpened?.();\n },\n onExited() {\n onClosed?.();\n },\n });\n const opened = transitionState === 'appeared' \|\| transitionState === 'entered';\n const hidden = transitionState === 'exited';\n const closable = !preventClose && opened;\n\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const bottomSheetEnabled = !isDesktop && !preventClose && transitionState !== 'exited';\n\n const { opened: keyboardOpened } = useVirtualKeyboardState(bottomSheetEnabled);\n const [{ setSheetEl, setBackdropEl }, bottomSheetEventHandlers] = useBottomSheet(\n bottomSheetEnabled,\n {\n blocked: keyboardOpened,\n snapPoint: 'auto',\n sheetCSSProperty: '--vkui_internal_ModalCard--translateY',\n backdropCSSProperty: '--vkui_internal--modal-overlay--opacity',\n onDismiss() {\n onClose?.('swipe-down');\n },\n },\n );\n const handleRef = useExternRef<HTMLDivElement>(setSheetEl, ref, getRootRef);\n const style = keyboardOpened\n ? {\n ...styleProp,\n '--vkui_internal_ModalCard--safeAreaInsetBottom': '0px',\n }\n : styleProp;\n const modalOverlay = !disableModalOverlay && (\n <ModalOverlay\n getRootRef={setBackdropEl}\n data-testid={modalOverlayTestId}\n visible={open}\n disableOpenAnimation={disableOpenAnimation}\n disableCloseAnimation={disableCloseAnimation}\n onClick={\n closable\n ? function handleBackdropClick(event) {\n onClose('click-overlay', event);\n }\n : undefined\n }\n />\n );\n const handleEscKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (closable && pressedKey(event) === Keys.ESCAPE) {\n onClose('escape-key');\n }\n },\n [closable, onClose],\n );\n\n useScrollLock(!hidden);\n\n return (\n <ModalOutlet\n hidden={hidden}\n isDesktop={isDesktop}\n onKeyDown={handleEscKeyDown}\n disableModalOverlay={disableModalOverlay}\n >\n {modalOverlay}\n <FocusTrap\n rootRef={handleRef}\n autoFocus={!noFocusToDialog}\n disabled={!opened \|\| hidden \|\| disableFocusTrap}\n restoreFocus={restoreFocus}\n >\n <ModalCardBase\n {...restProps}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n getRootRef={handleRef}\n style={style}\n className={classNames(\n styles.host,\n isDesktop ? styles.hostDesktop : styles.hostMobile,\n sizeByPlatformClassNames[platform],\n transitionStateClassNames[transitionState],\n className,\n )}\n onTransitionEnd={onTransitionEnd}\n {...bottomSheetEventHandlers}\n icon={icon}\n title={title}\n titleComponent={titleComponent}\n description={description}\n descriptionComponent={descriptionComponent}\n actions={actions}\n onClose={() => onClose('click-close-button')}\n size={size}\n modalDismissButtonTestId={modalDismissButtonTestId}\n dismissButtonMode={dismissButtonMode}\n dismissLabel={dismissLabel}\n >\n {children}\n </ModalCardBase>\n </FocusTrap>\n </ModalOutlet>\n );\n};\n"],"names":["useCallback","classNames","noop","useAdaptivityWithJSMediaQueries","useExternRef","usePlatform","useVirtualKeyboardState","Keys","pressedKey","useCSSTransition","useBottomSheet","useScrollLock","FocusTrap","ModalCardBase","ModalOutlet","ModalOverlay","ModalOverlayDefault","sizeByPlatformClassNames","vkcom","ios","android","transitionStateClassNames","appear","appearing","enter","entering","exiting","exited","ModalCardInternal","icon","title","titleComponent","description","descriptionComponent","children","actions","size","open","style","styleProp","className","preventClose","modalOverlayTestId","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","noFocusToDialog","restoreFocus","onOpen","onOpened","onClose","onClosed","disableFocusTrap","disableModalOverlay","disableOpenAnimation","disableCloseAnimation","restProps","platform","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onEnter","onEntered","onExited","opened","hidden","closable","isDesktop","bottomSheetEnabled","keyboardOpened","setSheetEl","setBackdropEl","bottomSheetEventHandlers","blocked","snapPoint","sheetCSSProperty","backdropCSSProperty","onDismiss","handleRef","modalOverlay","data-testid","visible","onClick","handleBackdropClick","event","undefined","handleEscKeyDown","ESCAPE","onKeyDown","rootRef","autoFocus","disabled","tabIndex","role","aria-modal"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,SAAiEA,WAAW,QAAQ,QAAQ;AAC5F,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,YAAY,QAAQ,8BAA2B;AACxD,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,uBAAuB,QAAQ,yCAAsC;AAC9E,SAASC,IAAI,EAAEC,UAAU,QAAQ,6BAA0B;AAC3D,SAASC,gBAAgB,QAAoC,+BAAsB;AACnF,SAASC,cAAc,QAAQ,2BAAkB;AACjD,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,WAAW,QAAQ,gCAA6B;AACzD,SACEC,gBAAgBC,mBAAmB,QAE9B,kCAA+B;AAItC,MAAMC,2BAA2B;IAC/BC,KAAK;IACLC,GAAG;IACHC,OAAO;AACT;AAEA,MAAMC,4BAA4E;IAChFC,MAAM;IACNC,SAAS;IAETC,KAAK;IACLC,QAAQ;IAERC,OAAO;IACPC,MAAM;AACR;AAMA;;;;CAIC,GACD,OAAO,MAAMC,oBAAoB,CAAC,EAChCC,IAAI,EACJC,KAAK,EACLC,cAAc,EACdC,WAAW,EACXC,oBAAoB,EACpBC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,OAAOC,SAAS,EAChBC,SAAS,EACTC,YAAY,EACZ1B,eAAeC,mBAAmB,EAClC0B,kBAAkB,EAClBC,wBAAwB,EACxBC,UAAU,EACVC,iBAAiB,EACjBC,YAAY,EACZC,eAAe,EACfC,YAAY,EACZC,MAAM,EACNC,QAAQ,EACRC,UAAUjD,IAAI,EACdkD,QAAQ,EACRC,gBAAgB,EAChBC,mBAAmB,EACnBC,oBAAoB,EACpBC,qBAAqB,EACrB,GAAGC,WACoB;IACvB,MAAMC,WAAWrD;IACjB,MAAM,CAACsD,iBAAiB,EAAEC,GAAG,EAAEC,eAAe,EAAE,CAAC,GAAGpD,iBAAiC4B,MAAM;QACzFyB,cAAc,CAACP;QACfQ,aAAa,CAACR;QACdS,YAAY,CAACR;QACbS;YACEhB;QACF;QACAiB;YACEhB;QACF;QACAiB;YACEf;QACF;IACF;IACA,MAAMgB,SAAST,oBAAoB,cAAcA,oBAAoB;IACrE,MAAMU,SAASV,oBAAoB;IACnC,MAAMW,WAAW,CAAC7B,gBAAgB2B;IAElC,MAAM,EAAEG,SAAS,EAAE,GAAGpE;IACtB,MAAMqE,qBAAqB,CAACD,aAAa,CAAC9B,gBAAgBkB,oBAAoB;IAE9E,MAAM,EAAES,QAAQK,cAAc,EAAE,GAAGnE,wBAAwBkE;IAC3D,MAAM,CAAC,EAAEE,UAAU,EAAEC,aAAa,EAAE,EAAEC,yBAAyB,GAAGlE,eAChE8D,oBACA;QACEK,SAASJ;QACTK,WAAW;QACXC,kBAAkB;QAClBC,qBAAqB;QACrBC;YACE9B,UAAU;QACZ;IACF;IAEF,MAAM+B,YAAY9E,aAA6BsE,YAAYd,KAAKhB;IAChE,MAAMN,QAAQmC,iBACV;QACE,GAAGlC,SAAS;QACZ,kDAAkD;IACpD,IACAA;IACJ,MAAM4C,eAAe,CAAC7B,qCACpB,KAACvC;QACC6B,YAAY+B;QACZS,eAAa1C;QACb2C,SAAShD;QACTkB,sBAAsBA;QACtBC,uBAAuBA;QACvB8B,SACEhB,WACI,SAASiB,oBAAoBC,KAAK;YAChCrC,QAAQ,iBAAiBqC;QAC3B,IACAC;;IAIV,MAAMC,mBAAmB1F,YACvB,CAACwF;QACC,IAAIlB,YAAY9D,WAAWgF,WAAWjF,KAAKoF,MAAM,EAAE;YACjDxC,QAAQ;QACV;IACF,GACA;QAACmB;QAAUnB;KAAQ;IAGrBxC,cAAc,CAAC0D;IAEf,qBACE,MAACvD;QACCuD,QAAQA;QACRE,WAAWA;QACXqB,WAAWF;QACXpC,qBAAqBA;;YAEpB6B;0BACD,KAACvE;gBACCiF,SAASX;gBACTY,WAAW,CAAC/C;gBACZgD,UAAU,CAAC3B,UAAUC,UAAUhB;gBAC/BL,cAAcA;0BAEd,cAAA,KAACnC;oBACE,GAAG4C,SAAS;oBACbuC,UAAU,CAAC;oBACXC,MAAK;oBACLC,cAAW;oBACXtD,YAAYsC;oBACZ5C,OAAOA;oBACPE,WAAWvC,kCAETsE,wEACAtD,wBAAwB,CAACyC,SAAS,EAClCrC,yBAAyB,CAACsC,gBAAgB,EAC1CnB;oBAEFqB,iBAAiBA;oBAChB,GAAGe,wBAAwB;oBAC5B/C,MAAMA;oBACNC,OAAOA;oBACPC,gBAAgBA;oBAChBC,aAAaA;oBACbC,sBAAsBA;oBACtBE,SAASA;oBACTgB,SAAS,IAAMA,QAAQ;oBACvBf,MAAMA;oBACNO,0BAA0BA;oBAC1BE,mBAAmBA;oBACnBC,cAAcA;8BAEbZ;;;;;AAKX,EAAE"}
1	+ {"version":3,"sources":["../../../src/components/ModalCard/ModalCardInternal.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc /\n\nimport { type ComponentType, type KeyboardEvent, type ReactNode, useCallback } from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useVirtualKeyboardState } from '../../hooks/useVirtualKeyboardState';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { useCSSTransition, type UseCSSTransitionState } from '../../lib/animation';\nimport { useBottomSheet } from '../../lib/sheet';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalCardBase } from '../ModalCardBase/ModalCardBase';\nimport { ModalOutlet } from '../ModalOutlet/ModalOutlet';\nimport {\n ModalOverlay as ModalOverlayDefault,\n type ModalOverlayProps,\n} from '../ModalOverlay/ModalOverlay';\nimport type { ModalCardProps } from './types';\nimport styles from './ModalCard.module.css';\n\nconst sizeByPlatformClassNames = {\n vkcom: styles.hostMaxWidthS,\n ios: styles.hostMaxWidthM,\n android: styles.hostMaxWidthL,\n};\n\nconst transitionStateClassNames: Partial<Record<UseCSSTransitionState, string>> = {\n appear: styles.hostStateEnter,\n appearing: styles.hostStateEntering,\n\n enter: styles.hostStateEnter,\n entering: styles.hostStateEntering,\n\n exiting: styles.hostStateExiting,\n exited: styles.hostStateExited,\n};\n\nexport interface ModalCardInternalProps extends Omit<ModalCardProps, 'nav' \| 'keepMounted'> {\n ModalOverlay?: ComponentType<ModalOverlayProps> \| undefined;\n}\n\n/\n В компоненте заложена вся логика модального окна.\n \n @private\n */\nexport const ModalCardInternal = ({\n icon,\n title,\n titleComponent,\n description,\n descriptionComponent,\n children,\n actions,\n size,\n open,\n style: styleProp,\n className,\n preventClose,\n ModalOverlay = ModalOverlayDefault,\n modalOverlayTestId,\n modalDismissButtonTestId,\n getRootRef,\n dismissButtonMode,\n dismissLabel,\n noFocusToDialog,\n restoreFocus,\n onOpen,\n onOpened,\n onClose = noop,\n onClosed,\n disableFocusTrap,\n disableModalOverlay,\n disableOpenAnimation,\n disableCloseAnimation,\n ...restProps\n}: ModalCardInternalProps): ReactNode => {\n const platform = usePlatform();\n const [transitionState, { ref, onTransitionEnd }] = useCSSTransition<HTMLDivElement>(open, {\n enableAppear: !disableOpenAnimation,\n enableEnter: !disableOpenAnimation,\n enableExit: !disableCloseAnimation,\n onEnter() {\n onOpen?.();\n },\n onEntered() {\n onOpened?.();\n },\n onExited() {\n onClosed?.();\n },\n });\n const opened = transitionState === 'appeared' \|\| transitionState === 'entered';\n const hidden = transitionState === 'exited';\n const closable = !preventClose && opened;\n\n const { isDesktop } = useAdaptivityWithJSMediaQueries();\n const bottomSheetEnabled = !isDesktop && !preventClose && transitionState !== 'exited';\n\n const { opened: keyboardOpened } = useVirtualKeyboardState(bottomSheetEnabled);\n const [{ setSheetEl, setBackdropEl }, bottomSheetEventHandlers] = useBottomSheet(\n bottomSheetEnabled,\n {\n blocked: keyboardOpened,\n snapPoint: 'auto',\n sheetCSSProperty: '--vkui_internal_ModalCard--translateY',\n backdropCSSProperty: '--vkui_internal--modal-overlay--opacity',\n onDismiss() {\n onClose?.('swipe-down');\n },\n },\n );\n const handleRef = useExternRef<HTMLDivElement>(setSheetEl, ref, getRootRef);\n const style = keyboardOpened\n ? {\n ...styleProp,\n '--vkui_internal_ModalCard--safeAreaInsetBottom': '0px',\n }\n : styleProp;\n const modalOverlay = !disableModalOverlay && (\n <ModalOverlay\n getRootRef={setBackdropEl}\n data-testid={modalOverlayTestId}\n visible={open}\n disableOpenAnimation={disableOpenAnimation}\n disableCloseAnimation={disableCloseAnimation}\n onClick={\n closable\n ? function handleBackdropClick(event) {\n onClose('click-overlay', event);\n }\n : undefined\n }\n />\n );\n const handleEscKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (closable && pressedKey(event) === Keys.ESCAPE) {\n onClose('escape-key');\n }\n },\n [closable, onClose],\n );\n\n useScrollLock(!hidden);\n\n return (\n <ModalOutlet\n hidden={hidden}\n isDesktop={isDesktop}\n onKeyDown={handleEscKeyDown}\n disableModalOverlay={disableModalOverlay}\n >\n {modalOverlay}\n <FocusTrap\n rootRef={handleRef}\n autoFocus={!noFocusToDialog}\n disabled={!opened \|\| hidden \|\| disableFocusTrap}\n restoreFocus={restoreFocus}\n >\n <ModalCardBase\n {...restProps}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n getRootRef={handleRef}\n style={style}\n className={classNames(\n styles.host,\n isDesktop ? styles.hostDesktop : styles.hostMobile,\n sizeByPlatformClassNames[platform],\n transitionStateClassNames[transitionState],\n className,\n )}\n onTransitionEnd={onTransitionEnd}\n {...bottomSheetEventHandlers}\n icon={icon}\n title={title}\n titleComponent={titleComponent}\n description={description}\n descriptionComponent={descriptionComponent}\n actions={actions}\n onClose={() => onClose('click-close-button')}\n size={size}\n modalDismissButtonTestId={modalDismissButtonTestId}\n dismissButtonMode={dismissButtonMode}\n dismissLabel={dismissLabel}\n >\n {children}\n </ModalCardBase>\n </FocusTrap>\n </ModalOutlet>\n );\n};\n"],"names":["useCallback","classNames","noop","useAdaptivityWithJSMediaQueries","useExternRef","usePlatform","useVirtualKeyboardState","Keys","pressedKey","useCSSTransition","useBottomSheet","useScrollLock","FocusTrap","ModalCardBase","ModalOutlet","ModalOverlay","ModalOverlayDefault","sizeByPlatformClassNames","vkcom","ios","android","transitionStateClassNames","appear","appearing","enter","entering","exiting","exited","ModalCardInternal","icon","title","titleComponent","description","descriptionComponent","children","actions","size","open","style","styleProp","className","preventClose","modalOverlayTestId","modalDismissButtonTestId","getRootRef","dismissButtonMode","dismissLabel","noFocusToDialog","restoreFocus","onOpen","onOpened","onClose","onClosed","disableFocusTrap","disableModalOverlay","disableOpenAnimation","disableCloseAnimation","restProps","platform","transitionState","ref","onTransitionEnd","enableAppear","enableEnter","enableExit","onEnter","onEntered","onExited","opened","hidden","closable","isDesktop","bottomSheetEnabled","keyboardOpened","setSheetEl","setBackdropEl","bottomSheetEventHandlers","blocked","snapPoint","sheetCSSProperty","backdropCSSProperty","onDismiss","handleRef","modalOverlay","data-testid","visible","onClick","handleBackdropClick","event","undefined","handleEscKeyDown","ESCAPE","onKeyDown","rootRef","autoFocus","disabled","tabIndex","role","aria-modal"],"mappings":"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"}

package/dist/components/ModalCard/types.d.ts CHANGED Viewed

@@ -9,61 +9,61 @@ export interface ModalCardProps extends NavIdProps, Omit<ModalCardBaseProps, 'id
      *
      * @default false
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Сохранять ли компонент в DOM при `open={false}`.
      *
      * @default false
      */
-    keepMounted?: boolean;
+    keepMounted?: boolean | undefined;
     /**
      * Отключает фокус на интерактивный элемент после открытия модалки.
      *
      * > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.
      */
-    noFocusToDialog?: boolean;
+    noFocusToDialog?: boolean | undefined;
     /**
      * `data-testid` для оверлея.
      */
-    modalOverlayTestId?: string;
+    modalOverlayTestId?: string | undefined;
     /**
      * Будет вызвано при начале открытия модалки.
      */
-    onOpen?: VoidFunction;
+    onOpen?: VoidFunction | undefined;
     /**
      * Будет вызвано при окончательном открытии модалки.
      */
-    onOpened?: VoidFunction;
+    onOpened?: VoidFunction | undefined;
     /**
      * Будет вызвано при начале закрытия модалки.
      */
-    onClose?: (reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void;
+    onClose?: ((reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void) | undefined;
     /**
      * Будет вызвано при окончательном закрытии модалки.
      */
-    onClosed?: VoidFunction;
+    onClosed?: VoidFunction | undefined;
     /**
      * Позволяет отключить захват фокуса.
      *
      * Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.
      */
-    disableFocusTrap?: boolean;
+    disableFocusTrap?: boolean | undefined;
     /**
      * Отключает отображение и взаимодействие с фоном модалки.
      */
-    disableModalOverlay?: boolean;
+    disableModalOverlay?: boolean | undefined;
     /**
      * Отключает анимацию открытия модалки.
      */
-    disableOpenAnimation?: boolean;
+    disableOpenAnimation?: boolean | undefined;
     /**
      * Отключает анимацию закрытия модалки.
      */
-    disableCloseAnimation?: boolean;
+    disableCloseAnimation?: boolean | undefined;
     /**
      * Управление поведением возврата фокуса при закрытии всплывающего окна.
      * @default true
      */
-    restoreFocus?: boolean | (() => boolean | HTMLElement);
+    restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ModalCard/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,oBAAoB,GACpB,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,WAAW,cACf,SAAQ,UAAU,EAChB,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,SAAS,GAAG,iBAAiB,GAAG,MAAM,sBAAsB,CAAC;IAC/F;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;~~IACf~~;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;~~IACtB~~;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;~~IAC1B~~;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;~~IAC5B~~;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;~~IACtB~~;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;~~IACxB~~;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;~~IAC/E~~;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;~~IACxB~~;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;~~IAC3B~~;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;~~IAC9B~~;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;~~IAC/B~~;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;~~IAChC~~;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC;~~CACxD~~"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAC5B,eAAe,GACf,oBAAoB,GACpB,YAAY,GACZ,YAAY,CAAC;AAEjB,MAAM,WAAW,cACf,SAAQ,UAAU,EAChB,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,SAAS,GAAG,iBAAiB,GAAG,MAAM,sBAAsB,CAAC;IAC/F;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC7F;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACpC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,SAAS,CAAC;CACpE"}

package/dist/components/ModalCard/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ModalCard/types.ts"],"sourcesContent":["import type { UIEvent } from 'react';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { UseBottomSheetHandlers } from '../../lib/sheet';\nimport type { ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\n\nexport type ModalCardCloseReason =\n \| 'click-overlay'\n \| 'click-close-button'\n \| 'escape-key'\n \| 'swipe-down';\n\nexport interface ModalCardProps\n extends NavIdProps,\n Omit<ModalCardBaseProps, 'id' \| 'onClose' \| 'onTransitionEnd' \| keyof UseBottomSheetHandlers> {\n /*\n Состояние видимости.\n \n @default false\n /\n open?: boolean;\n /\n Сохранять ли компонент в DOM при `open={false}`.\n \n @default false\n /\n keepMounted?: boolean;\n /\n Отключает фокус на интерактивный элемент после открытия модалки.\n \n > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n /\n noFocusToDialog?: boolean;\n /\n `data-testid` для оверлея.\n /\n modalOverlayTestId?: string;\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: (reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Позволяет отключить захват фокуса.\n \n Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.\n /\n disableFocusTrap?: boolean;\n /\n Отключает отображение и взаимодействие с фоном модалки.\n /\n disableModalOverlay?: boolean;\n /\n Отключает анимацию открытия модалки.\n /\n disableOpenAnimation?: boolean;\n /\n Отключает анимацию закрытия модалки.\n /\n disableCloseAnimation?: boolean;\n /\n Управление поведением возврата фокуса при закрытии всплывающего окна.\n * @default true\n */\n restoreFocus?: boolean \| (() => boolean \| HTMLElement);\n}\n"],"names":[],"mappings":"AAWA,WAgEC"}
1	+ {"version":3,"sources":["../../../src/components/ModalCard/types.ts"],"sourcesContent":["import type { UIEvent } from 'react';\nimport type { NavIdProps } from '../../lib/getNavId';\nimport type { UseBottomSheetHandlers } from '../../lib/sheet';\nimport type { ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\n\nexport type ModalCardCloseReason =\n \| 'click-overlay'\n \| 'click-close-button'\n \| 'escape-key'\n \| 'swipe-down';\n\nexport interface ModalCardProps\n extends NavIdProps,\n Omit<ModalCardBaseProps, 'id' \| 'onClose' \| 'onTransitionEnd' \| keyof UseBottomSheetHandlers> {\n /*\n Состояние видимости.\n \n @default false\n /\n open?: boolean \| undefined;\n /\n Сохранять ли компонент в DOM при `open={false}`.\n \n @default false\n /\n keepMounted?: boolean \| undefined;\n /\n Отключает фокус на интерактивный элемент после открытия модалки.\n \n > Важно установить фокус после открытия в любое место модалки используя событие `onOpened`, иначе не будет работать закрытие по нажатию `Esc`.\n /\n noFocusToDialog?: boolean \| undefined;\n /\n `data-testid` для оверлея.\n /\n modalOverlayTestId?: string \| undefined;\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction \| undefined;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction \| undefined;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: ((reason: ModalCardCloseReason, event?: UIEvent<HTMLElement>) => void) \| undefined;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction \| undefined;\n /\n Позволяет отключить захват фокуса.\n \n Нужно использовать, когда поверх одной модалки открывается другая, чтобы два `FocusTrap` не конфликтовали.\n /\n disableFocusTrap?: boolean \| undefined;\n /\n Отключает отображение и взаимодействие с фоном модалки.\n /\n disableModalOverlay?: boolean \| undefined;\n /\n Отключает анимацию открытия модалки.\n /\n disableOpenAnimation?: boolean \| undefined;\n /\n Отключает анимацию закрытия модалки.\n /\n disableCloseAnimation?: boolean \| undefined;\n /\n Управление поведением возврата фокуса при закрытии всплывающего окна.\n * @default true\n */\n restoreFocus?: boolean \| (() => boolean \| HTMLElement) \| undefined;\n}\n"],"names":[],"mappings":"AAWA,WAgEC"}

package/dist/components/ModalCardBase/ModalCardBase.d.ts CHANGED Viewed

@@ -6,27 +6,27 @@ export interface ModalCardBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLD
      *
      * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src="" />`.
      */
-    icon?: React.ReactNode;
+    icon?: React.ReactNode | undefined;
     /**
      * Заголовок карточки.
      */
-    title?: React.ReactNode;
+    title?: React.ReactNode | undefined;
     /**
      * Позволяет поменять тег используемый для заголовка.
      */
-    titleComponent?: React.ElementType;
+    titleComponent?: React.ElementType | undefined;
     /**
      * Позволяет задать id для заголовка. Используется, чтобы связать модальное окно и title через aria-labelledby, тем самым задав модальному окну имя через title.
      */
-    titleId?: string;
+    titleId?: string | undefined;
     /**
      * Описание.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
     /**
      * Позволяет поменять тег используемый для описания.
      */
-    descriptionComponent?: React.ElementType;
+    descriptionComponent?: React.ElementType | undefined;
     /**
      * Кнопки-действия. Принимает [`Button`](https://vkui.io/components/button) с параметрами:
      *
@@ -38,23 +38,23 @@ export interface ModalCardBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLD
      * - `gap="s" mode="horizontal" stretched`
      * - `gap="m" mode="vertical" stretched`.
      */
-    actions?: React.ReactNode;
+    actions?: React.ReactNode | undefined;
     /**
      * Обработчик закрытия модального окна.
      */
-    onClose?: VoidFunction;
+    onClose?: VoidFunction | undefined;
     /**
      * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий.
      */
-    dismissLabel?: string;
+    dismissLabel?: string | undefined;
     /**
      * Задаёт контенту максимальную ширину для десктопной версии.
      */
-    size?: number;
+    size?: number | undefined;
     /**
      * Передает атрибут `data-testid` для кнопки закрытия.
      */
-    modalDismissButtonTestId?: string;
+    modalDismissButtonTestId?: string | undefined;
     /**
      * Расположение кнопки закрытия (внутри и вне `popout'a`).
      *
@@ -64,20 +64,20 @@ export interface ModalCardBaseProps extends Omit<HTMLAttributesWithRootRef<HTMLD
      *
      * ⚠️ ВНИМАНИЕ: использование `none` скрывает крестик, это негативно сказывается на пользовательском опыте.
      */
-    dismissButtonMode?: 'inside' | 'outside' | 'none';
+    dismissButtonMode?: 'inside' | 'outside' | 'none' | undefined;
     /**
      * Позволяет отключить возможность закрытия модальной страницы (смахивание, клавиша `ESC`, нажатие на подложку).
      *
      * ⚠️ ВНИМАНИЕ: использование этой опции негативно сказывается на пользовательском опыте.
      */
-    preventClose?: boolean;
+    preventClose?: boolean | undefined;
     /**
      * Управляющие элементы под кнопкой закрытия.
      *
      * Доступно только в `compact`-режиме. Рекомендуется размещать иконки размера 20, обернутые в ModalOutsideButton.
      *
      */
-    outsideButtons?: React.ReactNode;
+    outsideButtons?: React.ReactNode | undefined;
 }
 /**
  * @see https://vkui.io/components/modal-card-base

package/dist/components/ModalCardBase/ModalCardBase.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAY7D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAEvB~~;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IACxB~~;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;~~IACnC~~;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;~~IAEjB~~;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAC9B~~;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;~~IAEzC~~;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAC1B~~;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;~~IAEvB~~;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;~~IAEtB~~;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;~~IAEd~~;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;~~IAClC~~;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;~~IAClD~~;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;~~IACvB~~;;;;;OAKG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~CAClC~~;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,gOAiB3B,kBAAkB,KAAG,KAAK,CAAC,SAkF7B,CAAC"}
1	+ {"version":3,"file":"ModalCardBase.d.ts","sourceRoot":"","sources":["../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAY7D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChE;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC;IAErD;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9C;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC9D;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;CAC9C;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,gOAiB3B,kBAAkB,KAAG,KAAK,CAAC,SAkF7B,CAAC"}