@vkontakte/vkui 8.0.0-rc.3 → 8.0.0-rc.4

package/dist/components/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type HasChildren } from '../../types';
+import type { HasChildren } from '../../types';
 import { AccordionContent } from './AccordionContent';
 import { AccordionSummary } from './AccordionSummary';
 export interface AccordionProps extends HasChildren {

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG;IACjD,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CA+BlC,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,WAAW,cAAe,SAAQ,WAAW;IACjD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG;IACjD,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CA+BlC,CAAC"}

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { type HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext, type AccordionContextProps } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  /**\n   * Используется для генерации id для заголовка и контента(a11y).\n   */\n  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Возвращает новое значение при изменении раскрытия/сворачивания контента.\n   */\n  onChange?: (newValue: boolean) => void;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  /**\n   * Нужно ли удалять из DOM контент при сворачивании.\n   */\n  unmountOnCollapsed?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/accordion\n */\nexport const Accordion: React.FC<AccordionProps> & {\n  Summary: typeof AccordionSummary;\n  Content: typeof AccordionContent;\n} = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  unmountOnCollapsed = false,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = React.useMemo<AccordionContextProps>(\n    () => ({\n      labelId,\n      contentId,\n      expanded: expanded || false,\n      unmountOnCollapsed,\n      onChange,\n    }),\n    [contentId, expanded, labelId, onChange, unmountOnCollapsed],\n  );\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.Summary = AccordionSummary;\nAccordion.Content = AccordionContent;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');\n  defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');\n}\n"],"names":["React","useCustomEnsuredControl","defineComponentDisplayNames","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","unmountOnCollapsed","restProps","value","defaultValue","disabled","context","useMemo","Provider","Summary","Content","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AACxE,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAoC,wBAAqB;AAClF,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,eAAAA,gBAAAA,KAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AA6BA;;CAEC,GACD,OAAO,MAAMC,YAGT,CAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,qBAAqB,KAAK,EAC1B,GAAGC,WACY;IACf,MAAM,EAAEV,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;QACnDoB,OAAOP;QACPQ,cAAcP;QACdC,UAAUC;QACVM,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUxB,MAAMyB,OAAO,CAC3B,IAAO,CAAA;YACLf;YACAC;YACAE,UAAUA,YAAY;YACtBM;YACAH;QACF,CAAA,GACA;QAACL;QAAWE;QAAUH;QAASM;QAAUG;KAAmB;IAG9D,qBAAO,KAACf,iBAAiBsB,QAAQ;QAACL,OAAOG;kBAAUN;;AACrD,EAAE;AAEFN,UAAUe,OAAO,GAAGtB;AACpBO,UAAUgB,OAAO,GAAGzB;AAEpB,IAAI0B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC7B,4BAA4BU,UAAUe,OAAO,EAAE;IAC/CzB,4BAA4BU,UAAUgB,OAAO,EAAE;AACjD"}
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useCustomEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport type { HasChildren } from '../../types';\nimport { AccordionContent } from './AccordionContent';\nimport { AccordionContext, type AccordionContextProps } from './AccordionContext';\nimport { AccordionSummary } from './AccordionSummary';\n\nfunction useAccordionId(id: AccordionProps['id']) {\n  const generatedId = React.useId();\n  const labelId = id ?? `Accordion${generatedId}`;\n  const contentId = `AccordionContent${id ?? generatedId}`;\n\n  return { labelId, contentId };\n}\n\nexport interface AccordionProps extends HasChildren {\n  /**\n   * Используется для генерации id для заголовка и контента(a11y).\n   */\n  id?: string;\n  /**\n   * Управляет раскрытием и скрытием контента.\n   */\n  expanded?: boolean;\n  /**\n   * Значение по умолчанию.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * Возвращает новое значение при изменении раскрытия/сворачивания контента.\n   */\n  onChange?: (newValue: boolean) => void;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  /**\n   * Нужно ли удалять из DOM контент при сворачивании.\n   */\n  unmountOnCollapsed?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/accordion\n */\nexport const Accordion: React.FC<AccordionProps> & {\n  Summary: typeof AccordionSummary;\n  Content: typeof AccordionContent;\n} = ({\n  id,\n  expanded: expandedProp,\n  defaultExpanded = false,\n  onChange: onChangeProp,\n  children,\n  unmountOnCollapsed = false,\n  ...restProps\n}: AccordionProps) => {\n  const { labelId, contentId } = useAccordionId(id);\n\n  const [expanded, onChange] = useCustomEnsuredControl({\n    value: expandedProp,\n    defaultValue: defaultExpanded,\n    onChange: onChangeProp,\n    disabled: restProps.disabled,\n  });\n\n  const context = React.useMemo<AccordionContextProps>(\n    () => ({\n      labelId,\n      contentId,\n      expanded: expanded || false,\n      unmountOnCollapsed,\n      onChange,\n    }),\n    [contentId, expanded, labelId, onChange, unmountOnCollapsed],\n  );\n\n  return <AccordionContext.Provider value={context}>{children}</AccordionContext.Provider>;\n};\n\nAccordion.Summary = AccordionSummary;\nAccordion.Content = AccordionContent;\n\nif (process.env.NODE_ENV !== 'production') {\n  defineComponentDisplayNames(Accordion.Summary, 'Accordion.Summary');\n  defineComponentDisplayNames(Accordion.Content, 'Accordion.Content');\n}\n"],"names":["React","useCustomEnsuredControl","defineComponentDisplayNames","AccordionContent","AccordionContext","AccordionSummary","useAccordionId","id","generatedId","useId","labelId","contentId","Accordion","expanded","expandedProp","defaultExpanded","onChange","onChangeProp","children","unmountOnCollapsed","restProps","value","defaultValue","disabled","context","useMemo","Provider","Summary","Content","process","env","NODE_ENV"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mCAAgC;AACxE,SAASC,2BAA2B,QAAQ,iDAA8C;AAE1F,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,gBAAgB,QAAoC,wBAAqB;AAClF,SAASC,gBAAgB,QAAQ,wBAAqB;AAEtD,SAASC,eAAeC,EAAwB;IAC9C,MAAMC,cAAcR,MAAMS,KAAK;IAC/B,MAAMC,UAAUH,eAAAA,gBAAAA,KAAM,CAAC,SAAS,EAAEC,aAAa;IAC/C,MAAMG,YAAY,CAAC,gBAAgB,EAAEJ,eAAAA,gBAAAA,KAAMC,aAAa;IAExD,OAAO;QAAEE;QAASC;IAAU;AAC9B;AA6BA;;CAEC,GACD,OAAO,MAAMC,YAGT,CAAC,EACHL,EAAE,EACFM,UAAUC,YAAY,EACtBC,kBAAkB,KAAK,EACvBC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,qBAAqB,KAAK,EAC1B,GAAGC,WACY;IACf,MAAM,EAAEV,OAAO,EAAEC,SAAS,EAAE,GAAGL,eAAeC;IAE9C,MAAM,CAACM,UAAUG,SAAS,GAAGf,wBAAwB;QACnDoB,OAAOP;QACPQ,cAAcP;QACdC,UAAUC;QACVM,UAAUH,UAAUG,QAAQ;IAC9B;IAEA,MAAMC,UAAUxB,MAAMyB,OAAO,CAC3B,IAAO,CAAA;YACLf;YACAC;YACAE,UAAUA,YAAY;YACtBM;YACAH;QACF,CAAA,GACA;QAACL;QAAWE;QAAUH;QAASM;QAAUG;KAAmB;IAG9D,qBAAO,KAACf,iBAAiBsB,QAAQ;QAACL,OAAOG;kBAAUN;;AACrD,EAAE;AAEFN,UAAUe,OAAO,GAAGtB;AACpBO,UAAUgB,OAAO,GAAGzB;AAEpB,IAAI0B,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzC7B,4BAA4BU,UAAUe,OAAO,EAAE;IAC/CzB,4BAA4BU,UAAUgB,OAAO,EAAE;AACjD"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type HasRootRef } from '../../types';
+import type { HasRootRef } from '../../types';
 import type { ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';
 import type { SharedDropdownProps } from './types';
 export type ActionSheetOnCloseReason = 'click-action-item' | 'click-cancel-item' | 'click-overlay' | 'keydown-item' | 'escape-key';

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAa/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,MAAM,wBAAwB,GAChC,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAEhF;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,QAAQ,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,mBAAmB,EACjB,WAAW,GACX,qBAAqB,GACrB,WAAW,GACX,uBAAuB,GACvB,SAAS,GACT,cAAc,GACd,WAAW,CACd,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE;QACV,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,cAAc,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;KAC9F,CAAC;IACF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,2KAczB,gBAAgB,KAAG,KAAK,CAAC,SAgH3B,CAAC"}
+{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAa/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnD,MAAM,MAAM,wBAAwB,GAChC,mBAAmB,GACnB,mBAAmB,GACnB,eAAe,GACf,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,MAAM,yBAAyB,GAAG,aAAa,GAAG,aAAa,GAAG,OAAO,CAAC;AAEhF;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;;;OAKG;IACH,QAAQ,EAAE,yBAAyB,CAAC;CACrC;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,mBAAmB,EACjB,WAAW,GACX,qBAAqB,GACrB,WAAW,GACX,uBAAuB,GACvB,SAAS,GACT,cAAc,GACd,WAAW,CACd,EACD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACrD;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE;QACV,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,cAAc,CAAC,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;KAC9F,CAAC;IACF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,2KAczB,gBAAgB,KAAG,KAAK,CAAC,SAgH3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { type HasRootRef } from '../../types';\nimport type { ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n  type ItemClickHandler,\n} from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nexport type ActionSheetOnCloseReason =\n  | 'click-action-item'\n  | 'click-cancel-item'\n  | 'click-overlay'\n  | 'keydown-item'\n  | 'escape-key';\n\nexport type ActionSheetOnClosedReason = 'action-item' | 'cancel-item' | 'other';\n\n/**\n * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n */\nexport interface ActionSheetOnCloseOptions {\n  /**\n   * Причина закрытия всплывающего элемента.\n   *\n   * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n   * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  closedBy: ActionSheetOnClosedReason;\n}\n\nexport interface ActionSheetProps\n  extends Pick<\n      SharedDropdownProps,\n      | 'toggleRef'\n      | 'popupOffsetDistance'\n      | 'placement'\n      | 'allowClickPropagation'\n      | 'timeout'\n      | 'restoreFocus'\n      | 'autoFocus'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' | 'title'> {\n  /**\n   * Заголовок всплывающего окна.\n   */\n  title?: React.ReactNode;\n  /**\n   * Описание всплывающего окна, под заголовком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Обработчик закрытия всплывающего окна.\n   */\n  onClose?: (reason: ActionSheetOnCloseReason) => void;\n  /**\n   * Обработчик закрытия всплывающего окна срабатывающий после завершения анимации закрытия.\n   *\n   * > Since 8.0.0 аргумент, переданный в данную функцию, устарел и будет удален в **VKUI v10**.\n   * > Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  onClosed: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `iosCloseItem`: свойства для прокидывания в кнопку отмены на iOS.\n   */\n  slotProps?: {\n    iosCloseItem?: Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>;\n  };\n  /**\n   * Режим отображения компонента:\n   *\n   * - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств\n   * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.\n   */\n  mode?: 'sheet' | 'menu';\n  /**\n   * @deprecated Since 7.3.0.  Будет удалeно в **VKUI v9**.\n   */\n  mount?: boolean; // TODO [>=9]: удалить неиспользуемое свойство\n  /**\n   * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.\n   */\n  disabled?: boolean; // TODO [>=9]: удалить неиспользуемое свойство\n}\n\n/**\n * @see https://vkui.io/components/action-sheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  title,\n  description,\n  style,\n  iosCloseItem,\n  slotProps,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose: onCloseProp,\n  onClosed,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closedReason, setClosedReason] = React.useState<undefined | ActionSheetOnClosedReason>(\n    undefined,\n  );\n  const onCloseStable = useStableCallback(onCloseProp || noop);\n\n  const onClose = React.useCallback(\n    (onCloseReason: ActionSheetOnCloseReason, onClosedReason: ActionSheetOnClosedReason) => {\n      onCloseStable(onCloseReason);\n      setClosedReason(onClosedReason);\n    },\n    [onCloseStable],\n  );\n\n  const onOverlayClick = React.useCallback(() => onClose('click-overlay', 'other'), [onClose]);\n\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closedReason !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClosed({ closedBy: closedReason || 'other' });\n        actionCallbackRef.current();\n        actionCallbackRef.current = noop;\n      },\n    },\n  );\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    ({ action, immediateAction, autoClose, isCancelItem }) =>\n      (event) => {\n        event.persist();\n        immediateAction && immediateAction(event);\n        if (autoClose) {\n          if (action) {\n            actionCallbackRef.current = () => action(event);\n          }\n          onClose(\n            isCancelItem ? 'click-cancel-item' : 'click-action-item',\n            isCancelItem ? 'cancel-item' : 'action-item',\n          );\n        } else {\n          action && action(event);\n        }\n      },\n    [onClose],\n  );\n  const contextValue = React.useMemo<ActionSheetContextType>(\n    () => ({ onItemClick, mode, onClose: (reason) => onClose(reason, 'other') }),\n    [mode, onClose, onItemClick],\n  );\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closedReason)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles.contentWrapper}>\n          {(title || description) && (\n            <div className={styles.header}>\n              {title && (\n                <Footnote weight=\"2\" className={styles.title}>\n                  {title}\n                </Footnote>\n              )}\n              {description && <Footnote className={styles.description}>{description}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles.closeItemWrapperIos}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem {...slotProps?.iosCloseItem} />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  return (\n    <AppRootPortal>\n      <PopoutWrapper\n        noBackground={mode === 'menu'}\n        closing={Boolean(closedReason)}\n        alignY=\"bottom\"\n        className={className}\n        style={style}\n        onClick={onOverlayClick}\n      >\n        {actionSheet}\n      </PopoutWrapper>\n    </AppRootPortal>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","usePlatform","useStableCallback","useCSSKeyframesAnimationController","AppRootPortal","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","title","description","style","iosCloseItem","slotProps","popupOffsetDistance","placement","mode","modeProp","onClose","onCloseProp","onClosed","restProps","platform","closedReason","setClosedReason","useState","undefined","onCloseStable","useCallback","onCloseReason","onClosedReason","onOverlayClick","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useMemo","reason","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","weight","noBackground","alignY","onClick"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport type { HasRootRef } from '../../types';\nimport type { ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport {\n  ActionSheetContext,\n  type ActionSheetContextType,\n  type ItemClickHandler,\n} from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport type { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\nexport type ActionSheetOnCloseReason =\n  | 'click-action-item'\n  | 'click-cancel-item'\n  | 'click-overlay'\n  | 'keydown-item'\n  | 'escape-key';\n\nexport type ActionSheetOnClosedReason = 'action-item' | 'cancel-item' | 'other';\n\n/**\n * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n */\nexport interface ActionSheetOnCloseOptions {\n  /**\n   * Причина закрытия всплывающего элемента.\n   *\n   * @deprecated Since 8.0.0 аргумент, переданный в функцию `onClosed`, устарел и будет удален в **VKUI v10**.\n   * Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  closedBy: ActionSheetOnClosedReason;\n}\n\nexport interface ActionSheetProps\n  extends Pick<\n      SharedDropdownProps,\n      | 'toggleRef'\n      | 'popupOffsetDistance'\n      | 'placement'\n      | 'allowClickPropagation'\n      | 'timeout'\n      | 'restoreFocus'\n      | 'autoFocus'\n    >,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'autoFocus' | 'title'> {\n  /**\n   * Заголовок всплывающего окна.\n   */\n  title?: React.ReactNode;\n  /**\n   * Описание всплывающего окна, под заголовком.\n   */\n  description?: React.ReactNode;\n  /**\n   * Обработчик закрытия всплывающего окна.\n   */\n  onClose?: (reason: ActionSheetOnCloseReason) => void;\n  /**\n   * Обработчик закрытия всплывающего окна срабатывающий после завершения анимации закрытия.\n   *\n   * > Since 8.0.0 аргумент, переданный в данную функцию, устарел и будет удален в **VKUI v10**.\n   * > Для получения причины закрытия всплывающего окна используйте свойство `onClose`.\n   */\n  onClosed: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  /**\n   * Свойства, которые можно прокинуть внутрь компонента:\n   * - `iosCloseItem`: свойства для прокидывания в кнопку отмены на iOS.\n   */\n  slotProps?: {\n    iosCloseItem?: Omit<ActionSheetItemProps, 'mode' | 'isCancelItem'> & HasRootRef<HTMLElement>;\n  };\n  /**\n   * Режим отображения компонента:\n   *\n   * - `sheet` – отображение снизу экрана в виде всплывающего окна, подходит для мобильных устройств\n   * - `menu` – отображение в виде всплывающего элемента, относительно якорного элемента.\n   */\n  mode?: 'sheet' | 'menu';\n  /**\n   * @deprecated Since 7.3.0.  Будет удалeно в **VKUI v9**.\n   */\n  mount?: boolean; // TODO [>=9]: удалить неиспользуемое свойство\n  /**\n   * @deprecated Since 7.3.0. Будет удалeно в **VKUI v9**.\n   */\n  disabled?: boolean; // TODO [>=9]: удалить неиспользуемое свойство\n}\n\n/**\n * @see https://vkui.io/components/action-sheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  title,\n  description,\n  style,\n  iosCloseItem,\n  slotProps,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose: onCloseProp,\n  onClosed,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closedReason, setClosedReason] = React.useState<undefined | ActionSheetOnClosedReason>(\n    undefined,\n  );\n  const onCloseStable = useStableCallback(onCloseProp || noop);\n\n  const onClose = React.useCallback(\n    (onCloseReason: ActionSheetOnCloseReason, onClosedReason: ActionSheetOnClosedReason) => {\n      onCloseStable(onCloseReason);\n      setClosedReason(onClosedReason);\n    },\n    [onCloseStable],\n  );\n\n  const onOverlayClick = React.useCallback(() => onClose('click-overlay', 'other'), [onClose]);\n\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closedReason !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClosed({ closedBy: closedReason || 'other' });\n        actionCallbackRef.current();\n        actionCallbackRef.current = noop;\n      },\n    },\n  );\n\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const mode = modeProp ?? (isDesktop ? 'menu' : 'sheet');\n\n  useScrollLock(mode === 'sheet');\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    ({ action, immediateAction, autoClose, isCancelItem }) =>\n      (event) => {\n        event.persist();\n        immediateAction && immediateAction(event);\n        if (autoClose) {\n          if (action) {\n            actionCallbackRef.current = () => action(event);\n          }\n          onClose(\n            isCancelItem ? 'click-cancel-item' : 'click-action-item',\n            isCancelItem ? 'cancel-item' : 'action-item',\n          );\n        } else {\n          action && action(event);\n        }\n      },\n    [onClose],\n  );\n  const contextValue = React.useMemo<ActionSheetContextType>(\n    () => ({ onItemClick, mode, onClose: (reason) => onClose(reason, 'other') }),\n    [mode, onClose, onItemClick],\n  );\n\n  const DropdownComponent = mode === 'menu' ? ActionSheetDropdownMenu : ActionSheetDropdownSheet;\n\n  const dropdownProps =\n    mode === 'menu' ? Object.assign(restProps, { popupOffsetDistance, placement }) : restProps;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={Boolean(closedReason)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles.contentWrapper}>\n          {(title || description) && (\n            <div className={styles.header}>\n              {title && (\n                <Footnote weight=\"2\" className={styles.title}>\n                  {title}\n                </Footnote>\n              )}\n              {description && <Footnote className={styles.description}>{description}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles.closeItemWrapperIos}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem {...slotProps?.iosCloseItem} />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  return (\n    <AppRootPortal>\n      <PopoutWrapper\n        noBackground={mode === 'menu'}\n        closing={Boolean(closedReason)}\n        alignY=\"bottom\"\n        className={className}\n        style={style}\n        onClick={onOverlayClick}\n      >\n        {actionSheet}\n      </PopoutWrapper>\n    </AppRootPortal>\n  );\n};\n"],"names":["React","noop","useAdaptivityWithJSMediaQueries","usePlatform","useStableCallback","useCSSKeyframesAnimationController","AppRootPortal","useScrollLock","PopoutWrapper","Footnote","ActionSheetContext","ActionSheetDefaultIosCloseItem","ActionSheetDropdownMenu","ActionSheetDropdownSheet","ActionSheet","children","className","title","description","style","iosCloseItem","slotProps","popupOffsetDistance","placement","mode","modeProp","onClose","onCloseProp","onClosed","restProps","platform","closedReason","setClosedReason","useState","undefined","onCloseStable","useCallback","onCloseReason","onClosedReason","onOverlayClick","actionCallbackRef","useRef","animationState","animationHandlers","onExited","closedBy","current","isDesktop","onItemClick","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useMemo","reason","DropdownComponent","dropdownProps","Object","assign","actionSheet","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","weight","noBackground","alignY","onClick"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ActionSheetOnCloseReason } from './ActionSheet';
+import type { ActionSheetOnCloseReason } from './ActionSheet';
 export type ActionType<T> = (event: React.MouseEvent<T>) => void;
 export type ItemClickHandler<T extends Element = Element> = (options: {
     /**

package/dist/components/ActionSheet/ActionSheetContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEjE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,EAAE;IACpE;;;;OAIG;IACH,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;AAExC,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAEzE,CAAC"}
+{"version":3,"file":"ActionSheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEjE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,EAAE;IACpE;;;;OAIG;IACH,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,OAAO,CAAC;CACvB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;AAExC,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAEzE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { type ActionSheetOnCloseReason } from './ActionSheet';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  /**\n   * Действие, которое будет выполненно после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент нажатия, используйте `immediateAction`.\n   */\n  action: ActionType<T> | undefined;\n  /**\n   * Действие, которое выполняется непосредственно в момент нажатия (в отличие от `action`).\n   */\n  immediateAction: ActionType<T> | undefined;\n  /**\n   * Флаг, указывающий, нужно ли автоматически закрывать `ActionSheet`.\n   */\n  autoClose: boolean;\n  /**\n   * Флаг, указывающий является ли элемент кнопкой отмены.\n   */\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  /**\n   * Обработчик нажатия на элемент.\n   */\n  onItemClick?: ItemClickHandler<T>;\n  /**\n   * Обработчик закрытия `ActionSheet`.\n   */\n  onClose?: (onCloseReason: ActionSheetOnCloseReason) => void;\n  /**\n   * Режим отображения `ActionSheet`.\n   */\n  mode?: 'sheet' | 'menu';\n};\n\nexport const ActionSheetContext: React.Context<ActionSheetContextType<any>> = React.createContext(\n  {},\n);\n"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAyC/B,OAAO,MAAMC,qBAAiED,MAAME,aAAa,CAC/F,CAAC,GACD"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ActionSheetOnCloseReason } from './ActionSheet';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  /**\n   * Действие, которое будет выполненно после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент нажатия, используйте `immediateAction`.\n   */\n  action: ActionType<T> | undefined;\n  /**\n   * Действие, которое выполняется непосредственно в момент нажатия (в отличие от `action`).\n   */\n  immediateAction: ActionType<T> | undefined;\n  /**\n   * Флаг, указывающий, нужно ли автоматически закрывать `ActionSheet`.\n   */\n  autoClose: boolean;\n  /**\n   * Флаг, указывающий является ли элемент кнопкой отмены.\n   */\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  /**\n   * Обработчик нажатия на элемент.\n   */\n  onItemClick?: ItemClickHandler<T>;\n  /**\n   * Обработчик закрытия `ActionSheet`.\n   */\n  onClose?: (onCloseReason: ActionSheetOnCloseReason) => void;\n  /**\n   * Режим отображения `ActionSheet`.\n   */\n  mode?: 'sheet' | 'menu';\n};\n\nexport const ActionSheetContext: React.Context<ActionSheetContextType<any>> = React.createContext(\n  {},\n);\n"],"names":["React","ActionSheetContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAyC/B,OAAO,MAAMC,qBAAiED,MAAME,aAAa,CAC/F,CAAC,GACD"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { type ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';
 export declare const ActionSheetDefaultIosCloseItem: ({ children, className, ...restProps }: ActionSheetItemProps) => React.ReactNode;
 //# sourceMappingURL=ActionSheetDefaultIosCloseItem.d.ts.map

package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetDefaultIosCloseItem.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAQhG,eAAO,MAAM,8BAA8B,GAAI,uCAI5C,oBAAoB,KAAG,KAAK,CAAC,SAQ/B,CAAC"}
+{"version":3,"file":"ActionSheetDefaultIosCloseItem.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAQhG,eAAO,MAAM,8BAA8B,GAAI,uCAI5C,oBAAoB,KAAG,KAAK,CAAC,SAQ/B,CAAC"}

package/dist/components/ActionSheet/ActionSheetDefaultIosCloseItem.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 import { ActionSheetItem } from "../ActionSheetItem/ActionSheetItem.js";
 import { ActionSheetItemContext } from "../ActionSheetItem/context.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ActionSheetItem, type ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\nimport { ActionSheetItemContext } from '../ActionSheetItem/context';\nimport styles from './ActionSheetDefaultIosCloseItem.module.css';\n\nconst CANCEL_ITEM_CONTEXT_VALUE = {\n  isCancelItem: true,\n};\n\nexport const ActionSheetDefaultIosCloseItem = ({\n  children = 'Отмена',\n  className,\n  ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n  return (\n    <ActionSheetItemContext.Provider value={CANCEL_ITEM_CONTEXT_VALUE}>\n      <ActionSheetItem className={classNames(styles.host, className)} {...restProps}>\n        {children}\n      </ActionSheetItem>\n    </ActionSheetItemContext.Provider>\n  );\n};\n"],"names":["React","classNames","ActionSheetItem","ActionSheetItemContext","CANCEL_ITEM_CONTEXT_VALUE","isCancelItem","ActionSheetDefaultIosCloseItem","children","className","restProps","Provider","value"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAmC,wCAAqC;AAChG,SAASC,sBAAsB,QAAQ,gCAA6B;AAGpE,MAAMC,4BAA4B;IAChCC,cAAc;AAChB;AAEA,OAAO,MAAMC,iCAAiC,CAAC,EAC7CC,WAAW,QAAQ,EACnBC,SAAS,EACT,GAAGC,WACkB;IACrB,qBACE,KAACN,uBAAuBO,QAAQ;QAACC,OAAOP;kBACtC,cAAA,KAACF;YAAgBM,WAAWP,oCAAwBO;YAAa,GAAGC,SAAS;sBAC1EF;;;AAIT,EAAE"}
+{"version":3,"sources":["../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { ActionSheetItem, type ActionSheetItemProps } from '../ActionSheetItem/ActionSheetItem';\nimport { ActionSheetItemContext } from '../ActionSheetItem/context';\nimport styles from './ActionSheetDefaultIosCloseItem.module.css';\n\nconst CANCEL_ITEM_CONTEXT_VALUE = {\n  isCancelItem: true,\n};\n\nexport const ActionSheetDefaultIosCloseItem = ({\n  children = 'Отмена',\n  className,\n  ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n  return (\n    <ActionSheetItemContext.Provider value={CANCEL_ITEM_CONTEXT_VALUE}>\n      <ActionSheetItem className={classNames(styles.host, className)} {...restProps}>\n        {children}\n      </ActionSheetItem>\n    </ActionSheetItemContext.Provider>\n  );\n};\n"],"names":["classNames","ActionSheetItem","ActionSheetItemContext","CANCEL_ITEM_CONTEXT_VALUE","isCancelItem","ActionSheetDefaultIosCloseItem","children","className","restProps","Provider","value"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAmC,wCAAqC;AAChG,SAASC,sBAAsB,QAAQ,gCAA6B;AAGpE,MAAMC,4BAA4B;IAChCC,cAAc;AAChB;AAEA,OAAO,MAAMC,iCAAiC,CAAC,EAC7CC,WAAW,QAAQ,EACnBC,SAAS,EACT,GAAGC,WACkB;IACrB,qBACE,KAACN,uBAAuBO,QAAQ;QAACC,OAAOP;kBACtC,cAAA,KAACF;YAAgBM,WAAWP,oCAAwBO;YAAa,GAAGC,SAAS;sBAC1EF;;;AAIT,EAAE"}

package/dist/components/ActionSheetItem/ActionSheetItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type HasDataAttribute } from '../../types';
+import type { HasDataAttribute } from '../../types';
 export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement>, HasDataAttribute, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {
     /**
      * Свойство, определяющее внешний вид элемента действия.

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAapD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,gBAAgB,EAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,mOAoB7B,oBAAoB,KAAG,KAAK,CAAC,SAyH/B,CAAC"}
+{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAapD,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,gBAAgB,EAChB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,mOAoB7B,oBAAoB,KAAG,KAAK,CAAC,SAyH/B,CAAC"}

package/dist/components/ActionSheetItem/ActionSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { type HasDataAttribute } from '../../types';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { ActionSheetItemContext } from './context';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nconst warn = warnOnce('ActionSheetItem');\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    HasDataAttribute,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  /**\n   * Свойство, определяющее внешний вид элемента действия.\n   *\n   * > Since 8.0.0. Значение `\"cancel\"` устарело и будет удалено в **VKUI v10**.\n   * > Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n   */\n  mode?: 'default' | 'destructive' | 'cancel';\n  /**\n   * Если указано, элемент будет использоваться как ссылка.\n   */\n  href?: string;\n  /**\n   * Атрибут `target` для тега `<a>`.\n   */\n  target?: string;\n  /**\n   * Иконка или другой React-элемент для отображения перед основным контентом.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка или другой React-элемент для отображения после основного контента.\n   */\n  after?: React.ReactNode;\n  /**\n   * Дополнительная информация, отображаемая рядом с основным контентом.\n   */\n  meta?: React.ReactNode;\n  /**\n   * Слот для подсказки или вспомогательного текста.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение.\n   */\n  autoCloseDisabled?: boolean;\n  /**\n   * Включает возможность выбрать элемент (отображает радиокнопку).\n   */\n  selectable?: boolean;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк.\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).\n   */\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `selectable` режима.\n   */\n  iconChecked?: React.ReactNode;\n  /**\n   * Позволяет отделить `ActionItem` от `CancelItem` для определении того,\n   * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.\n   *\n   * @deprecated Since 8.0.0. Свойство устарело и будет удалено в **VKUI v10**.\n   * Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/action-sheet#action-sheet-item\n */\nexport const ActionSheetItem = ({\n  children,\n  autoCloseDisabled = false,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  after,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked,\n  isCancelItem: isCancelItemProp,\n  ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n  const platform = usePlatform();\n  const {\n    onItemClick = () => noop,\n    mode: actionSheetMode,\n    onClose: onActionSheetClose,\n  } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { isCancelItem: isCancelItemFromContext } = React.useContext(ActionSheetItemContext);\n  const { density } = useAdaptivityWithJSMediaQueries();\n\n  if (process.env.NODE_ENV === 'development') {\n    if (mode === 'cancel') {\n      warn(\n        'Свойство `mode=\"cancel\"` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n      );\n    }\n    if (isCancelItemProp) {\n      warn(\n        'Свойство `isCancelItem` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n      );\n    }\n  }\n\n  const isCancelItem = isCancelItemFromContext || !!isCancelItemProp;\n\n  const isModeCancel = mode === 'cancel' || isCancelItemFromContext;\n\n  const Component: React.ElementType | undefined = selectable ? 'label' : undefined;\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === 'ios';\n\n  const onItemClickHandler = React.useCallback(\n    (e: React.MouseEvent) => {\n      onItemClick({\n        action: onClick,\n        immediateAction: onImmediateClick,\n        autoClose: !autoCloseDisabled,\n        isCancelItem,\n      })?.(e);\n    },\n    [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n  );\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (pressedKey(event) === Keys.ENTER) {\n        onActionSheetClose?.('keydown-item');\n      }\n    },\n    [onActionSheetClose],\n  );\n\n  const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (selectable) {\n        if (isRealClickEvent(event)) {\n          onItemClickHandler(event);\n        }\n      } else {\n        onItemClickHandler(event);\n      }\n    },\n    [onItemClickHandler, selectable],\n  );\n\n  return (\n    <Tappable\n      {...(Component && { Component })}\n      {...restProps}\n      onClick={onItemClickImpl}\n      activeMode={platform === 'ios' ? styles.active : undefined}\n      baseClassName={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        isModeCancel && styles.modeCancel,\n        mode === 'destructive' && styles.modeDestructive,\n        density === 'compact' && styles.densityCompact,\n        isRich && styles.rich,\n        actionSheetMode === 'menu' && styles.menu,\n        restProps.disabled && styles.disabled,\n      )}\n      onKeyDown={onKeyDown}\n    >\n      {before && <div className={styles.before}>{before}</div>}\n      <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n        <div className={classNames(styles.content, isCentered && styles.centered)}>\n          {platform === 'ios' ? (\n            <Title\n              className={styles.children}\n              weight={isModeCancel ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles.children}>{children}</Text>\n          )}\n          {meta && <Text className={styles.meta}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles.after}>\n          {after}\n          {selectable && (\n            <Radio\n              name={name}\n              value={value}\n              onChange={onChange}\n              defaultChecked={defaultChecked}\n              checked={checked}\n              disabled={restProps.disabled}\n            >\n              {iconChecked}\n            </Radio>\n          )}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","warnOnce","ActionSheetContext","Tappable","Subhead","Text","Title","ActionSheetItemContext","isRealClickEvent","Radio","warn","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","isCancelItemProp","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","isCancelItemFromContext","density","process","env","NODE_ENV","isModeCancel","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","disabled","div","className","weight","level"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { Keys, pressedKey } from '../../lib/accessibility';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HasDataAttribute } from '../../types';\nimport { ActionSheetContext, type ActionSheetContextType } from '../ActionSheet/ActionSheetContext';\nimport { Tappable } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport { ActionSheetItemContext } from './context';\nimport { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nconst warn = warnOnce('ActionSheetItem');\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    HasDataAttribute,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  /**\n   * Свойство, определяющее внешний вид элемента действия.\n   *\n   * > Since 8.0.0. Значение `\"cancel\"` устарело и будет удалено в **VKUI v10**.\n   * > Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n   */\n  mode?: 'default' | 'destructive' | 'cancel';\n  /**\n   * Если указано, элемент будет использоваться как ссылка.\n   */\n  href?: string;\n  /**\n   * Атрибут `target` для тега `<a>`.\n   */\n  target?: string;\n  /**\n   * Иконка или другой React-элемент для отображения перед основным контентом.\n   */\n  before?: React.ReactNode;\n  /**\n   * Иконка или другой React-элемент для отображения после основного контента.\n   */\n  after?: React.ReactNode;\n  /**\n   * Дополнительная информация, отображаемая рядом с основным контентом.\n   */\n  meta?: React.ReactNode;\n  /**\n   * Слот для подсказки или вспомогательного текста.\n   */\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию нажатие на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение.\n   */\n  autoCloseDisabled?: boolean;\n  /**\n   * Включает возможность выбрать элемент (отображает радиокнопку).\n   */\n  selectable?: boolean;\n  /**\n   * Блокировка взаимодействия с компонентом.\n   */\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк.\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию `onClick` будет вызван после завершения анимации скрытия и после вызова `onClose`.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент нажатия, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Обработчик нажатия, вызывающийся непосредственно в момент нажатия (в отличие от `onClick`).\n   */\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `selectable` режима.\n   */\n  iconChecked?: React.ReactNode;\n  /**\n   * Позволяет отделить `ActionItem` от `CancelItem` для определении того,\n   * кто вызвал закрытие `ActionSheet`. Используется в `ActionSheet.onClose()`.\n   *\n   * @deprecated Since 8.0.0. Свойство устарело и будет удалено в **VKUI v10**.\n   * Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkui.io/components/action-sheet#action-sheet-item\n */\nexport const ActionSheetItem = ({\n  children,\n  autoCloseDisabled = false,\n  mode = 'default',\n  meta,\n  subtitle,\n  before,\n  after,\n  selectable,\n  value,\n  name,\n  checked,\n  defaultChecked,\n  onChange,\n  onClick,\n  onImmediateClick,\n  multiline = false,\n  iconChecked,\n  isCancelItem: isCancelItemProp,\n  ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n  const platform = usePlatform();\n  const {\n    onItemClick = () => noop,\n    mode: actionSheetMode,\n    onClose: onActionSheetClose,\n  } = React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { isCancelItem: isCancelItemFromContext } = React.useContext(ActionSheetItemContext);\n  const { density } = useAdaptivityWithJSMediaQueries();\n\n  if (process.env.NODE_ENV === 'development') {\n    if (mode === 'cancel') {\n      warn(\n        'Свойство `mode=\"cancel\"` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n      );\n    }\n    if (isCancelItemProp) {\n      warn(\n        'Свойство `isCancelItem` устарело и будет удалено в VKUI v10. Используйте компонент `ActionSheetDefaultIosCloseItem` или передайте пропсы через `slotProps.iosCloseItem` в `ActionSheet`.',\n      );\n    }\n  }\n\n  const isCancelItem = isCancelItemFromContext || !!isCancelItemProp;\n\n  const isModeCancel = mode === 'cancel' || isCancelItemFromContext;\n\n  const Component: React.ElementType | undefined = selectable ? 'label' : undefined;\n\n  const isRich = subtitle || meta || selectable;\n  const isCentered = !isRich && !before && platform === 'ios';\n\n  const onItemClickHandler = React.useCallback(\n    (e: React.MouseEvent) => {\n      onItemClick({\n        action: onClick,\n        immediateAction: onImmediateClick,\n        autoClose: !autoCloseDisabled,\n        isCancelItem,\n      })?.(e);\n    },\n    [autoCloseDisabled, isCancelItem, onClick, onImmediateClick, onItemClick],\n  );\n\n  const onKeyDown: React.KeyboardEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (pressedKey(event) === Keys.ENTER) {\n        onActionSheetClose?.('keydown-item');\n      }\n    },\n    [onActionSheetClose],\n  );\n\n  const onItemClickImpl: React.MouseEventHandler<HTMLElement> = React.useCallback(\n    (event) => {\n      if (selectable) {\n        if (isRealClickEvent(event)) {\n          onItemClickHandler(event);\n        }\n      } else {\n        onItemClickHandler(event);\n      }\n    },\n    [onItemClickHandler, selectable],\n  );\n\n  return (\n    <Tappable\n      {...(Component && { Component })}\n      {...restProps}\n      onClick={onItemClickImpl}\n      activeMode={platform === 'ios' ? styles.active : undefined}\n      baseClassName={classNames(\n        styles.host,\n        platform === 'ios' && styles.ios,\n        isModeCancel && styles.modeCancel,\n        mode === 'destructive' && styles.modeDestructive,\n        density === 'compact' && styles.densityCompact,\n        isRich && styles.rich,\n        actionSheetMode === 'menu' && styles.menu,\n        restProps.disabled && styles.disabled,\n      )}\n      onKeyDown={onKeyDown}\n    >\n      {before && <div className={styles.before}>{before}</div>}\n      <div className={classNames(styles.container, !multiline && styles.ellipsis)}>\n        <div className={classNames(styles.content, isCentered && styles.centered)}>\n          {platform === 'ios' ? (\n            <Title\n              className={styles.children}\n              weight={isModeCancel ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles.children}>{children}</Text>\n          )}\n          {meta && <Text className={styles.meta}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles.subtitle}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles.after}>\n          {after}\n          {selectable && (\n            <Radio\n              name={name}\n              value={value}\n              onChange={onChange}\n              defaultChecked={defaultChecked}\n              checked={checked}\n              disabled={restProps.disabled}\n            >\n              {iconChecked}\n            </Radio>\n          )}\n        </div>\n      )}\n    </Tappable>\n  );\n};\n"],"names":["React","classNames","noop","useAdaptivityWithJSMediaQueries","usePlatform","Keys","pressedKey","warnOnce","ActionSheetContext","Tappable","Subhead","Text","Title","ActionSheetItemContext","isRealClickEvent","Radio","warn","ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","isCancelItem","isCancelItemProp","restProps","platform","onItemClick","actionSheetMode","onClose","onActionSheetClose","useContext","isCancelItemFromContext","density","process","env","NODE_ENV","isModeCancel","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","onKeyDown","event","ENTER","onItemClickImpl","activeMode","baseClassName","disabled","div","className","weight","level"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,iDAA8C;AAC9F,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,IAAI,EAAEC,UAAU,QAAQ,6BAA0B;AAC3D,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,kBAAkB,QAAqC,uCAAoC;AACpG,SAASC,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAClD,SAASC,sBAAsB,QAAQ,eAAY;AACnD,SAASC,gBAAgB,QAAQ,eAAY;AAC7C,SAASC,KAAK,QAAQ,iCAA8B;AAGpD,MAAMC,OAAOT,SAAS;AA+EtB;;CAEC,GACD,OAAO,MAAMU,kBAAkB,CAAC,EAC9BC,QAAQ,EACRC,oBAAoB,KAAK,EACzBC,OAAO,SAAS,EAChBC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,cAAc,EACdC,QAAQ,EACRC,OAAO,EACPC,gBAAgB,EAChBC,YAAY,KAAK,EACjBC,WAAW,EACXC,cAAcC,gBAAgB,EAC9B,GAAGC,WACkB;IACrB,MAAMC,WAAWlC;IACjB,MAAM,EACJmC,cAAc,IAAMrC,IAAI,EACxBkB,MAAMoB,eAAe,EACrBC,SAASC,kBAAkB,EAC5B,GAAG1C,MAAM2C,UAAU,CAAsCnC;IAC1D,MAAM,EAAE2B,cAAcS,uBAAuB,EAAE,GAAG5C,MAAM2C,UAAU,CAAC9B;IACnE,MAAM,EAAEgC,OAAO,EAAE,GAAG1C;IAEpB,IAAI2C,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1C,IAAI5B,SAAS,UAAU;YACrBJ,KACE;QAEJ;QACA,IAAIoB,kBAAkB;YACpBpB,KACE;QAEJ;IACF;IAEA,MAAMmB,eAAeS,2BAA2B,CAAC,CAACR;IAElD,MAAMa,eAAe7B,SAAS,YAAYwB;IAE1C,MAAMM,YAA2CzB,aAAa,UAAU0B;IAExE,MAAMC,SAAS9B,YAAYD,QAAQI;IACnC,MAAM4B,aAAa,CAACD,UAAU,CAAC7B,UAAUe,aAAa;IAEtD,MAAMgB,qBAAqBtD,MAAMuD,WAAW,CAC1C,CAACC;YACCjB;SAAAA,eAAAA,YAAY;YACVkB,QAAQ1B;YACR2B,iBAAiB1B;YACjB2B,WAAW,CAACxC;YACZgB;QACF,gBALAI,mCAAAA,aAKKiB;IACP,GACA;QAACrC;QAAmBgB;QAAcJ;QAASC;QAAkBO;KAAY;IAG3E,MAAMqB,YAAqD5D,MAAMuD,WAAW,CAC1E,CAACM;QACC,IAAIvD,WAAWuD,WAAWxD,KAAKyD,KAAK,EAAE;YACpCpB,+BAAAA,yCAAAA,mBAAqB;QACvB;IACF,GACA;QAACA;KAAmB;IAGtB,MAAMqB,kBAAwD/D,MAAMuD,WAAW,CAC7E,CAACM;QACC,IAAIpC,YAAY;YACd,IAAIX,iBAAiB+C,QAAQ;gBAC3BP,mBAAmBO;YACrB;QACF,OAAO;YACLP,mBAAmBO;QACrB;IACF,GACA;QAACP;QAAoB7B;KAAW;IAGlC,qBACE,MAAChB;QACE,GAAIyC,aAAa;YAAEA;QAAU,CAAC;QAC9B,GAAGb,SAAS;QACbN,SAASgC;QACTC,YAAY1B,aAAa,wCAAwBa;QACjDc,eAAehE,wCAEbqC,aAAa,qCACbW,mDACA7B,SAAS,yDACTyB,YAAY,oDACZO,uCACAZ,oBAAoB,uCACpBH,UAAU6B,QAAQ;QAEpBN,WAAWA;;YAEVrC,wBAAU,KAAC4C;gBAAIC,SAAS;0BAAkB7C;;0BAC3C,MAAC4C;gBAAIC,WAAWnE,6CAA6B,CAACgC;;kCAC5C,MAACkC;wBAAIC,WAAWnE,2CAA2BoD;;4BACxCf,aAAa,sBACZ,KAAC1B;gCACCwD,SAAS;gCACTC,QAAQpB,eAAe,MAAM;gCAC7BqB,OAAOjB,aAAa,MAAM;0CAEzBnC;+CAGH,KAACP;gCAAKyD,SAAS;0CAAoBlD;;4BAEpCG,sBAAQ,KAACV;gCAAKyD,SAAS;0CAAgB/C;;;;oBAEzCC,0BAAY,KAACZ;wBAAQ0D,SAAS;kCAAoB9C;;;;YAEnDG,CAAAA,cAAcD,KAAI,mBAClB,MAAC2C;gBAAIC,SAAS;;oBACX5C;oBACAC,4BACC,KAACV;wBACCY,MAAMA;wBACND,OAAOA;wBACPI,UAAUA;wBACVD,gBAAgBA;wBAChBD,SAASA;wBACTsC,UAAU7B,UAAU6B,QAAQ;kCAE3BhC;;;;;;AAOf,EAAE"}

package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { HasRef, HasRootRef } from '../../../../types';
 interface ActionSheetItemCheckedProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLInputElement> {
     /**

package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU5D,UAAU,2BACR,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,GAAI,kEAOnB,2BAA2B,KAAG,KAAK,CAAC,SAatC,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU5D,UAAU,2BACR,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,UAAU,CAAC,cAAc,CAAC,EAC1B,MAAM,CAAC,gBAAgB,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,KAAK,GAAI,kEAOnB,2BAA2B,KAAG,KAAK,CAAC,SAatC,CAAC"}

package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { Icon20CheckCircleOn, Icon24CheckCircleOn } from "@vkontakte/icons";
 import { AdaptiveIconRenderer } from "../../../AdaptiveIconRenderer/AdaptiveIconRenderer.js";
 import { RootComponent } from "../../../RootComponent/RootComponent.js";

package/dist/components/ActionSheetItem/subcomponents/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport type { HasRef, HasRootRef } from '../../../../types';\nimport { AdaptiveIconRenderer } from '../../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { RootComponent } from '../../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden';\nimport styles from './Radio.module.css';\n\nconst adaptiveIcon = (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\ninterface ActionSheetItemCheckedProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * Иконка для `checked` режима.\n   */\n  children?: React.ReactNode;\n}\n\nexport const Radio = ({\n  children = adaptiveIcon,\n  getRootRef,\n  getRef,\n  className,\n  style,\n  ...restProps\n}: ActionSheetItemCheckedProps): React.ReactNode => {\n  return (\n    <RootComponent getRootRef={getRootRef} className={className} style={style}>\n      <VisuallyHidden\n        Component=\"input\"\n        getRootRef={getRef}\n        type=\"radio\"\n        className={styles.input}\n        {...restProps}\n      />\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["React","Icon20CheckCircleOn","Icon24CheckCircleOn","AdaptiveIconRenderer","RootComponent","VisuallyHidden","adaptiveIcon","IconCompact","IconRegular","Radio","children","getRootRef","getRef","className","style","restProps","Component","type"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAE5E,SAASC,oBAAoB,QAAQ,wDAAqD;AAC1F,SAASC,aAAa,QAAQ,0CAAuC;AACrE,SAASC,cAAc,QAAQ,4CAAyC;AAGxE,MAAMC,6BACJ,KAACH;IAAqBI,aAAaN;IAAqBO,aAAaN;;AAavE,OAAO,MAAMO,QAAQ,CAAC,EACpBC,WAAWJ,YAAY,EACvBK,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EACL,GAAGC,WACyB;IAC5B,qBACE,MAACX;QAAcO,YAAYA;QAAYE,WAAWA;QAAWC,OAAOA;;0BAClE,KAACT;gBACCW,WAAU;gBACVL,YAAYC;gBACZK,MAAK;gBACLJ,SAAS;gBACR,GAAGE,SAAS;;YAEdL;;;AAGP,EAAE"}
+{"version":3,"sources":["../../../../../src/components/ActionSheetItem/subcomponents/Radio/Radio.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { Icon20CheckCircleOn, Icon24CheckCircleOn } from '@vkontakte/icons';\nimport type { HasRef, HasRootRef } from '../../../../types';\nimport { AdaptiveIconRenderer } from '../../../AdaptiveIconRenderer/AdaptiveIconRenderer';\nimport { RootComponent } from '../../../RootComponent/RootComponent';\nimport { VisuallyHidden } from '../../../VisuallyHidden/VisuallyHidden';\nimport styles from './Radio.module.css';\n\nconst adaptiveIcon = (\n  <AdaptiveIconRenderer IconCompact={Icon20CheckCircleOn} IconRegular={Icon24CheckCircleOn} />\n);\n\ninterface ActionSheetItemCheckedProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLInputElement> {\n  /**\n   * Иконка для `checked` режима.\n   */\n  children?: React.ReactNode;\n}\n\nexport const Radio = ({\n  children = adaptiveIcon,\n  getRootRef,\n  getRef,\n  className,\n  style,\n  ...restProps\n}: ActionSheetItemCheckedProps): React.ReactNode => {\n  return (\n    <RootComponent getRootRef={getRootRef} className={className} style={style}>\n      <VisuallyHidden\n        Component=\"input\"\n        getRootRef={getRef}\n        type=\"radio\"\n        className={styles.input}\n        {...restProps}\n      />\n      {children}\n    </RootComponent>\n  );\n};\n"],"names":["Icon20CheckCircleOn","Icon24CheckCircleOn","AdaptiveIconRenderer","RootComponent","VisuallyHidden","adaptiveIcon","IconCompact","IconRegular","Radio","children","getRootRef","getRef","className","style","restProps","Component","type"],"mappings":";AACA,SAASA,mBAAmB,EAAEC,mBAAmB,QAAQ,mBAAmB;AAE5E,SAASC,oBAAoB,QAAQ,wDAAqD;AAC1F,SAASC,aAAa,QAAQ,0CAAuC;AACrE,SAASC,cAAc,QAAQ,4CAAyC;AAGxE,MAAMC,6BACJ,KAACH;IAAqBI,aAAaN;IAAqBO,aAAaN;;AAavE,OAAO,MAAMO,QAAQ,CAAC,EACpBC,WAAWJ,YAAY,EACvBK,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,KAAK,EACL,GAAGC,WACyB;IAC5B,qBACE,MAACX;QAAcO,YAAYA;QAAYE,WAAWA;QAAWC,OAAOA;;0BAClE,KAACT;gBACCW,WAAU;gBACVL,YAAYC;gBACZK,MAAK;gBACLJ,SAAS;gBACR,GAAGE,SAAS;;YAEdL;;;AAGP,EAAE"}

package/dist/components/Alert/AlertAction.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AnchorHTMLAttributesOnly } from '../../types';
 import type { AlertActionInterface } from './Alert';
 export interface AlertActionProps extends Pick<AlertActionInterface, 'Component' | 'mode'>, AnchorHTMLAttributesOnly {

package/dist/components/Alert/AlertAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertAction.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,MAAM,CAAC,EACtD,wBAAwB;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC/C;AAmCD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,SAQ3D,CAAC"}
+{"version":3,"file":"AlertAction.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,MAAM,CAAC,EACtD,wBAAwB;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAC/C;AAmCD,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,SAQ3D,CAAC"}

package/dist/components/Alert/AlertAction.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 import { usePlatform } from "../../hooks/usePlatform.js";
 import { Button } from "../Button/Button.js";

package/dist/components/Alert/AlertAction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/AlertAction.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { AnchorHTMLAttributesOnly } from '../../types';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport type { AlertActionInterface } from './Alert';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionProps\n  extends Pick<AlertActionInterface, 'Component' | 'mode'>,\n    AnchorHTMLAttributesOnly {\n  /**\n   * Содержимое компонента.\n   */\n  children: string;\n  /**\n   * Обработчик нажатия.\n   */\n  onClick: React.MouseEventHandler<HTMLElement>;\n}\n\nconst AlertActionIos = ({ mode, ...restProps }: AlertActionProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      baseClassName={classNames(\n        styles.action,\n        mode === 'destructive' && styles.actionModeDestructive,\n        mode === 'cancel' && styles.actionModeCancel,\n      )}\n      {...restProps}\n    />\n  );\n};\n\nconst AlertActionBase = ({ mode, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n\n  let buttonMode: ButtonProps['mode'] = 'tertiary';\n\n  if (platform === 'vkcom') {\n    buttonMode = mode === 'cancel' ? 'secondary' : 'primary';\n  }\n\n  return (\n    <Button\n      className={classNames(styles.button, mode === 'cancel' && styles.buttonModeCancel)}\n      mode={buttonMode}\n      size=\"m\"\n      {...restProps}\n    />\n  );\n};\n\nexport const AlertAction = (props: AlertActionProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <AlertActionIos {...props} />;\n  }\n\n  return <AlertActionBase {...props} />;\n};\n"],"names":["React","classNames","usePlatform","Button","Tappable","AlertActionIos","mode","restProps","Component","href","baseClassName","AlertActionBase","platform","buttonMode","className","size","AlertAction","props"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,MAAM,QAA0B,sBAAmB;AAC5D,SAASC,QAAQ,QAAQ,0BAAuB;AAiBhD,MAAMC,iBAAiB,CAAC,EAAEC,IAAI,EAAE,GAAGC,WAA6B;IAC9D,qBACE,KAACH;QACCI,WAAWD,UAAUE,IAAI,GAAG,MAAM;QAClCC,eAAeT,gCAEbK,SAAS,qDACTA,SAAS;QAEV,GAAGC,SAAS;;AAGnB;AAEA,MAAMI,kBAAkB,CAAC,EAAEL,IAAI,EAAE,GAAGC,WAA6B;IAC/D,MAAMK,WAAWV;IAEjB,IAAIW,aAAkC;IAEtC,IAAID,aAAa,SAAS;QACxBC,aAAaP,SAAS,WAAW,cAAc;IACjD;IAEA,qBACE,KAACH;QACCW,WAAWb,gCAA0BK,SAAS;QAC9CA,MAAMO;QACNE,MAAK;QACJ,GAAGR,SAAS;;AAGnB;AAEA,OAAO,MAAMS,cAAc,CAACC;IAC1B,MAAML,WAAWV;IAEjB,IAAIU,aAAa,OAAO;QACtB,qBAAO,KAACP;YAAgB,GAAGY,KAAK;;IAClC;IAEA,qBAAO,KAACN;QAAiB,GAAGM,KAAK;;AACnC,EAAE"}
+{"version":3,"sources":["../../../src/components/Alert/AlertAction.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { AnchorHTMLAttributesOnly } from '../../types';\nimport { Button, type ButtonProps } from '../Button/Button';\nimport { Tappable } from '../Tappable/Tappable';\nimport type { AlertActionInterface } from './Alert';\nimport styles from './Alert.module.css';\n\nexport interface AlertActionProps\n  extends Pick<AlertActionInterface, 'Component' | 'mode'>,\n    AnchorHTMLAttributesOnly {\n  /**\n   * Содержимое компонента.\n   */\n  children: string;\n  /**\n   * Обработчик нажатия.\n   */\n  onClick: React.MouseEventHandler<HTMLElement>;\n}\n\nconst AlertActionIos = ({ mode, ...restProps }: AlertActionProps) => {\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      baseClassName={classNames(\n        styles.action,\n        mode === 'destructive' && styles.actionModeDestructive,\n        mode === 'cancel' && styles.actionModeCancel,\n      )}\n      {...restProps}\n    />\n  );\n};\n\nconst AlertActionBase = ({ mode, ...restProps }: AlertActionProps) => {\n  const platform = usePlatform();\n\n  let buttonMode: ButtonProps['mode'] = 'tertiary';\n\n  if (platform === 'vkcom') {\n    buttonMode = mode === 'cancel' ? 'secondary' : 'primary';\n  }\n\n  return (\n    <Button\n      className={classNames(styles.button, mode === 'cancel' && styles.buttonModeCancel)}\n      mode={buttonMode}\n      size=\"m\"\n      {...restProps}\n    />\n  );\n};\n\nexport const AlertAction = (props: AlertActionProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <AlertActionIos {...props} />;\n  }\n\n  return <AlertActionBase {...props} />;\n};\n"],"names":["classNames","usePlatform","Button","Tappable","AlertActionIos","mode","restProps","Component","href","baseClassName","AlertActionBase","platform","buttonMode","className","size","AlertAction","props"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,MAAM,QAA0B,sBAAmB;AAC5D,SAASC,QAAQ,QAAQ,0BAAuB;AAiBhD,MAAMC,iBAAiB,CAAC,EAAEC,IAAI,EAAE,GAAGC,WAA6B;IAC9D,qBACE,KAACH;QACCI,WAAWD,UAAUE,IAAI,GAAG,MAAM;QAClCC,eAAeT,gCAEbK,SAAS,qDACTA,SAAS;QAEV,GAAGC,SAAS;;AAGnB;AAEA,MAAMI,kBAAkB,CAAC,EAAEL,IAAI,EAAE,GAAGC,WAA6B;IAC/D,MAAMK,WAAWV;IAEjB,IAAIW,aAAkC;IAEtC,IAAID,aAAa,SAAS;QACxBC,aAAaP,SAAS,WAAW,cAAc;IACjD;IAEA,qBACE,KAACH;QACCW,WAAWb,gCAA0BK,SAAS;QAC9CA,MAAMO;QACNE,MAAK;QACJ,GAAGR,SAAS;;AAGnB;AAEA,OAAO,MAAMS,cAAc,CAACC;IAC1B,MAAML,WAAWV;IAEjB,IAAIU,aAAa,OAAO;QACtB,qBAAO,KAACP;YAAgB,GAAGY,KAAK;;IAClC;IAEA,qBAAO,KAACN;QAAiB,GAAGM,KAAK;;AACnC,EAAE"}

package/dist/components/Alert/AlertBase.d.ts

@@ -1,4 +1,4 @@
-import { type AlertProps } from './Alert';
+import type { AlertProps } from './Alert';
 export interface AlertBaseProps extends Omit<AlertProps, 'usePortal' | 'className' | 'style' | 'getRootRef'> {
     /**
      * Флаг, определяющий состояние закрытия модального окна.

package/dist/components/Alert/AlertBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBase.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertBase.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAoD,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAK5F,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,GAAI,wSAuBvB,cAAc,4CAkIhB,CAAC"}
+{"version":3,"file":"AlertBase.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertBase.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAA0C,UAAU,EAAE,MAAM,SAAS,CAAC;AAKlF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,SAAS,GAAI,wSAuBvB,cAAc,4CAkIhB,CAAC"}

package/dist/components/Alert/AlertBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/AlertBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { type AlertActionInterface, type AlertCloseReason, type AlertProps } from './Alert';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\nexport interface AlertBaseProps\n  extends Omit<AlertProps, 'usePortal' | 'className' | 'style' | 'getRootRef'> {\n  /**\n   * Флаг, определяющий состояние закрытия модального окна.\n   * Когда установлен в true, запускает анимацию закрытия окна.\n   */\n  closing?: boolean;\n  /**\n   * Функция обратного вызова для управления состоянием закрытия модального окна.\n   * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.\n   */\n  setClosing?: (closing: boolean) => void;\n}\n\nexport const AlertBase = ({\n  actions,\n  actionsLayout = 'horizontal',\n  children,\n  title,\n  description,\n  onClose: onCloseProp,\n  onClosed,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  onClick,\n  allowClickPropagation = false,\n  titleTestId,\n  descriptionTestId,\n  closing,\n  setClosing,\n  // FocusTrap props\n  autoFocus,\n  restoreFocus,\n  ...restProps\n}: AlertBaseProps) => {\n  const generatedId = React.useId();\n\n  const titleId = `vkui-alert-${generatedId}-title`;\n  const descriptionId = `vkui-alert-${generatedId}-description`;\n  const onClose = useStableCallback(onCloseProp || noop);\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n        onClosed();\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(\n    (reason: AlertCloseReason) => {\n      onClose?.(reason);\n      setClosing?.(true);\n    },\n    [onClose, setClosing],\n  );\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close: () => close('click-item') });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        close('click-item');\n      }\n    },\n    [close],\n  );\n\n  const handleClick = allowClickPropagation\n    ? onClick\n    : (event: React.MouseEvent<HTMLElement>) => {\n        stopPropagation(event);\n        onClick?.(event);\n      };\n\n  const onEscape = React.useCallback(() => close('escape-key'), [close]);\n\n  const onCloseButtonClick = React.useCallback(() => close('click-close-button'), [close]);\n\n  useGlobalEscKeyDown(true, onEscape);\n\n  return (\n    <FocusTrap\n      rootRef={elementRef}\n      autoFocus={autoFocus === undefined ? animationState === 'entered' : autoFocus}\n      restoreFocus={restoreFocus}\n    >\n      <RootComponent\n        {...animationHandlers}\n        tabIndex={-1}\n        onClick={handleClick}\n        getRootRef={elementRef}\n        className={classNames(\n          styles.host,\n          platform === 'ios' && styles.ios,\n          platform === 'vkcom' && styles.vkcom,\n          closing ? styles.closing : styles.opening,\n          isDesktop && styles.desktop,\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        {...restProps}\n      >\n        <div\n          className={classNames(\n            styles.content,\n            dismissButtonMode === 'inside' && styles.contentWithButton,\n          )}\n          tabIndex={-1}\n        >\n          {hasReactNode(title) && (\n            <AlertTitle data-testid={titleTestId} id={titleId}>\n              {title}\n            </AlertTitle>\n          )}\n          {hasReactNode(description) && (\n            <AlertDescription data-testid={descriptionTestId} id={descriptionId}>\n              {description}\n            </AlertDescription>\n          )}\n          {children}\n          {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n            <IconButton\n              label={dismissLabel}\n              className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n              onClick={onCloseButtonClick}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n              data-testid={dismissButtonTestId}\n            >\n              <Icon20Cancel />\n            </IconButton>\n          )}\n        </div>\n        {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n          <ModalDismissButton onClick={onCloseButtonClick} data-testid={dismissButtonTestId}>\n            {dismissLabel}\n          </ModalDismissButton>\n        )}\n        <AlertActions\n          actions={actions}\n          actionsAlign={actionsAlign}\n          actionsLayout={actionsLayout}\n          renderAction={renderAction}\n          onItemClick={onItemClick}\n        />\n      </RootComponent>\n    </FocusTrap>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","useGlobalEscKeyDown","usePlatform","useStableCallback","useCSSKeyframesAnimationController","stopPropagation","FocusTrap","IconButton","ModalDismissButton","RootComponent","AlertActions","AlertDescription","AlertTitle","AlertBase","actions","actionsLayout","children","title","description","onClose","onCloseProp","onClosed","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","onClick","allowClickPropagation","titleTestId","descriptionTestId","closing","setClosing","autoFocus","restoreFocus","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","reason","onItemClick","item","action","itemAction","autoCloseDisabled","handleClick","event","onEscape","onCloseButtonClick","rootRef","undefined","tabIndex","getRootRef","className","role","aria-modal","aria-labelledby","aria-describedby","div","data-testid","id","label","hoverMode","activeMode"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Alert/AlertBase.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useGlobalEscKeyDown } from '../../hooks/useGlobalEscKeyDown';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport type { AlertActionInterface, AlertCloseReason, AlertProps } from './Alert';\nimport { AlertActions } from './AlertActions';\nimport { AlertDescription, AlertTitle } from './AlertTypography';\nimport styles from './Alert.module.css';\n\nexport interface AlertBaseProps\n  extends Omit<AlertProps, 'usePortal' | 'className' | 'style' | 'getRootRef'> {\n  /**\n   * Флаг, определяющий состояние закрытия модального окна.\n   * Когда установлен в true, запускает анимацию закрытия окна.\n   */\n  closing?: boolean;\n  /**\n   * Функция обратного вызова для управления состоянием закрытия модального окна.\n   * Принимает булево значение, которое определяет, находится ли окно в процессе закрытия.\n   */\n  setClosing?: (closing: boolean) => void;\n}\n\nexport const AlertBase = ({\n  actions,\n  actionsLayout = 'horizontal',\n  children,\n  title,\n  description,\n  onClose: onCloseProp,\n  onClosed,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  onClick,\n  allowClickPropagation = false,\n  titleTestId,\n  descriptionTestId,\n  closing,\n  setClosing,\n  // FocusTrap props\n  autoFocus,\n  restoreFocus,\n  ...restProps\n}: AlertBaseProps) => {\n  const generatedId = React.useId();\n\n  const titleId = `vkui-alert-${generatedId}-title`;\n  const descriptionId = `vkui-alert-${generatedId}-description`;\n  const onClose = useStableCallback(onCloseProp || noop);\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n        onClosed();\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(\n    (reason: AlertCloseReason) => {\n      onClose?.(reason);\n      setClosing?.(true);\n    },\n    [onClose, setClosing],\n  );\n\n  const onItemClick = React.useCallback(\n    (item: AlertActionInterface) => {\n      const { action: itemAction, autoCloseDisabled = false } = item;\n\n      if (autoCloseDisabled) {\n        itemAction && itemAction({ close: () => close('click-item') });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        close('click-item');\n      }\n    },\n    [close],\n  );\n\n  const handleClick = allowClickPropagation\n    ? onClick\n    : (event: React.MouseEvent<HTMLElement>) => {\n        stopPropagation(event);\n        onClick?.(event);\n      };\n\n  const onEscape = React.useCallback(() => close('escape-key'), [close]);\n\n  const onCloseButtonClick = React.useCallback(() => close('click-close-button'), [close]);\n\n  useGlobalEscKeyDown(true, onEscape);\n\n  return (\n    <FocusTrap\n      rootRef={elementRef}\n      autoFocus={autoFocus === undefined ? animationState === 'entered' : autoFocus}\n      restoreFocus={restoreFocus}\n    >\n      <RootComponent\n        {...animationHandlers}\n        tabIndex={-1}\n        onClick={handleClick}\n        getRootRef={elementRef}\n        className={classNames(\n          styles.host,\n          platform === 'ios' && styles.ios,\n          platform === 'vkcom' && styles.vkcom,\n          closing ? styles.closing : styles.opening,\n          isDesktop && styles.desktop,\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        {...restProps}\n      >\n        <div\n          className={classNames(\n            styles.content,\n            dismissButtonMode === 'inside' && styles.contentWithButton,\n          )}\n          tabIndex={-1}\n        >\n          {hasReactNode(title) && (\n            <AlertTitle data-testid={titleTestId} id={titleId}>\n              {title}\n            </AlertTitle>\n          )}\n          {hasReactNode(description) && (\n            <AlertDescription data-testid={descriptionTestId} id={descriptionId}>\n              {description}\n            </AlertDescription>\n          )}\n          {children}\n          {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n            <IconButton\n              label={dismissLabel}\n              className={classNames(styles.dismiss, 'vkuiInternalAlert__dismiss')}\n              onClick={onCloseButtonClick}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n              data-testid={dismissButtonTestId}\n            >\n              <Icon20Cancel />\n            </IconButton>\n          )}\n        </div>\n        {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n          <ModalDismissButton onClick={onCloseButtonClick} data-testid={dismissButtonTestId}>\n            {dismissLabel}\n          </ModalDismissButton>\n        )}\n        <AlertActions\n          actions={actions}\n          actionsAlign={actionsAlign}\n          actionsLayout={actionsLayout}\n          renderAction={renderAction}\n          onItemClick={onItemClick}\n        />\n      </RootComponent>\n    </FocusTrap>\n  );\n};\n"],"names":["React","Icon20Cancel","classNames","hasReactNode","noop","useAdaptivityWithJSMediaQueries","useGlobalEscKeyDown","usePlatform","useStableCallback","useCSSKeyframesAnimationController","stopPropagation","FocusTrap","IconButton","ModalDismissButton","RootComponent","AlertActions","AlertDescription","AlertTitle","AlertBase","actions","actionsLayout","children","title","description","onClose","onCloseProp","onClosed","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","onClick","allowClickPropagation","titleTestId","descriptionTestId","closing","setClosing","autoFocus","restoreFocus","restProps","generatedId","useId","titleId","descriptionId","platform","isDesktop","itemActionCallbackRef","useRef","animationState","animationHandlers","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","reason","onItemClick","item","action","itemAction","autoCloseDisabled","handleClick","event","onEscape","onCloseButtonClick","rootRef","undefined","tabIndex","getRootRef","className","role","aria-modal","aria-labelledby","aria-describedby","div","data-testid","id","label","hoverMode","activeMode"],"mappings":"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"}

package/dist/components/Alert/AlertTypography.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { HasChildren } from '../../types';
 interface AlertTypography extends HasChildren {
     'id': string;

package/dist/components/Alert/AlertTypography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SASzD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SAW/D,CAAC"}
+{"version":3,"file":"AlertTypography.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/AlertTypography.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,UAAU,eAAgB,SAAQ,WAAW;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AACD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SASzD,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,SAW/D,CAAC"}

package/dist/components/Alert/AlertTypography.js

@@ -1,6 +1,5 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { usePlatform } from "../../hooks/usePlatform.js";
 import { Caption } from "../Typography/Caption/Caption.js";
 import { Footnote } from "../Typography/Footnote/Footnote.js";

package/dist/components/Alert/AlertTypography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\ninterface AlertTypography extends HasChildren {\n  'id': string;\n  'data-testid'?: string;\n}\nexport const AlertTitle = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'ios':\n      return <Title className={styles.title} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles.title} weight=\"2\" level=\"2\" {...props} />;\n  }\n};\nexport const AlertDescription = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'vkcom':\n      return <Footnote className={styles.description} {...props} />;\n    case 'ios':\n      return <Caption className={styles.description} {...props} />;\n    default:\n      return <Text Component=\"span\" className={styles.description} weight=\"3\" {...props} />;\n  }\n};\n"],"names":["React","usePlatform","Caption","Footnote","Text","Title","AlertTitle","props","platform","className","weight","level","AlertDescription","Component"],"mappings":"AAAA;;AACA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAC/B,SAASC,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAOlD,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACH;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;QACvE;YACE,qBAAO,KAACF;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;IACzE;AACF,EAAE;AACF,OAAO,MAAMK,mBAAmB,CAACL;IAC/B,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACL;gBAASM,SAAS;gBAAuB,GAAGF,KAAK;;QAC3D,KAAK;YACH,qBAAO,KAACL;gBAAQO,SAAS;gBAAuB,GAAGF,KAAK;;QAC1D;YACE,qBAAO,KAACH;gBAAKS,WAAU;gBAAOJ,SAAS;gBAAsBC,QAAO;gBAAK,GAAGH,KAAK;;IACrF;AACF,EAAE"}
+{"version":3,"sources":["../../../src/components/Alert/AlertTypography.tsx"],"sourcesContent":["'use client';\n/* eslint-disable jsdoc/require-jsdoc */\n\nimport type * as React from 'react';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport type { HasChildren } from '../../types';\nimport { Caption } from '../Typography/Caption/Caption';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Text } from '../Typography/Text/Text';\nimport { Title } from '../Typography/Title/Title';\nimport styles from './Alert.module.css';\n\ninterface AlertTypography extends HasChildren {\n  'id': string;\n  'data-testid'?: string;\n}\nexport const AlertTitle = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'ios':\n      return <Title className={styles.title} weight=\"1\" level=\"3\" {...props} />;\n    default:\n      return <Title className={styles.title} weight=\"2\" level=\"2\" {...props} />;\n  }\n};\nexport const AlertDescription = (props: AlertTypography): React.ReactNode => {\n  const platform = usePlatform();\n\n  switch (platform) {\n    case 'vkcom':\n      return <Footnote className={styles.description} {...props} />;\n    case 'ios':\n      return <Caption className={styles.description} {...props} />;\n    default:\n      return <Text Component=\"span\" className={styles.description} weight=\"3\" {...props} />;\n  }\n};\n"],"names":["usePlatform","Caption","Footnote","Text","Title","AlertTitle","props","platform","className","weight","level","AlertDescription","Component"],"mappings":"AAAA;;AAIA,SAASA,WAAW,QAAQ,6BAA0B;AAEtD,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,IAAI,QAAQ,6BAA0B;AAC/C,SAASC,KAAK,QAAQ,+BAA4B;AAOlD,OAAO,MAAMC,aAAa,CAACC;IACzB,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACH;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;QACvE;YACE,qBAAO,KAACF;gBAAMI,SAAS;gBAAgBC,QAAO;gBAAIC,OAAM;gBAAK,GAAGJ,KAAK;;IACzE;AACF,EAAE;AACF,OAAO,MAAMK,mBAAmB,CAACL;IAC/B,MAAMC,WAAWP;IAEjB,OAAQO;QACN,KAAK;YACH,qBAAO,KAACL;gBAASM,SAAS;gBAAuB,GAAGF,KAAK;;QAC3D,KAAK;YACH,qBAAO,KAACL;gBAAQO,SAAS;gBAAuB,GAAGF,KAAK;;QAC1D;YACE,qBAAO,KAACH;gBAAKS,WAAU;gBAAOJ,SAAS;gBAAsBC,QAAO;gBAAK,GAAGH,KAAK;;IACrF;AACF,EAAE"}

package/dist/components/AppRoot/AppRootContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type AppRootUserSelectMode, type SafeAreaInsets } from './types';
+import type { AppRootUserSelectMode, SafeAreaInsets } from './types';
 export interface AppRootContextInterface {
     appRoot: React.RefObject<HTMLElement | null>;
     portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;

package/dist/components/AppRoot/AppRootContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootContext.d.ts","sourceRoot":"","sources":["../../../src/components/AppRoot/AppRootContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,uBAQ5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CACY,CAAC"}
+{"version":3,"file":"AppRootContext.d.ts","sourceRoot":"","sources":["../../../src/components/AppRoot/AppRootContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,8BAA8B,EAAE,uBAQ5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CACY,CAAC"}

package/dist/components/AppRoot/AppRootContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AppRoot/AppRootContext.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport { type AppRootUserSelectMode, type SafeAreaInsets } from './types';\n\nexport interface AppRootContextInterface {\n  appRoot: React.RefObject<HTMLElement | null>;\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;\n  safeAreaInsets?: SafeAreaInsets;\n  embedded: boolean;\n  mode: 'partial' | 'embedded' | 'full';\n  keyboardInput: boolean;\n  disablePortal: boolean;\n  layout?: 'card' | 'plain';\n  userSelectMode?: AppRootUserSelectMode;\n}\n\n/**\n * Вынесен в константу, чтобы можно было в тестах создавать свой контекст и сливать перед этим значения по-умолчанию.\n *\n * > Note: не смог убрать из покрытия через 'istanbul ignore next'.\n */\nexport const DEFAULT_APP_ROOT_CONTEXT_VALUE: AppRootContextInterface = {\n  appRoot: React.createRef(),\n  mode: 'full',\n  portalRoot: null,\n  safeAreaInsets: undefined,\n  embedded: false,\n  keyboardInput: false,\n  disablePortal: false,\n};\n\nexport const AppRootContext: React.Context<AppRootContextInterface> =\n  React.createContext<AppRootContextInterface>(DEFAULT_APP_ROOT_CONTEXT_VALUE);\n"],"names":["React","DEFAULT_APP_ROOT_CONTEXT_VALUE","appRoot","createRef","mode","portalRoot","safeAreaInsets","undefined","embedded","keyboardInput","disablePortal","AppRootContext","createContext"],"mappings":"AAAA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAe/B;;;;CAIC,GACD,OAAO,MAAMC,iCAA0D;IACrEC,SAASF,MAAMG,SAAS;IACxBC,MAAM;IACNC,YAAY;IACZC,gBAAgBC;IAChBC,UAAU;IACVC,eAAe;IACfC,eAAe;AACjB,EAAE;AAEF,OAAO,MAAMC,iBACXX,MAAMY,aAAa,CAA0BX,gCAAgC"}
+{"version":3,"sources":["../../../src/components/AppRoot/AppRootContext.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\n\nimport * as React from 'react';\nimport type { AppRootUserSelectMode, SafeAreaInsets } from './types';\n\nexport interface AppRootContextInterface {\n  appRoot: React.RefObject<HTMLElement | null>;\n  portalRoot?: HTMLElement | React.RefObject<HTMLElement | null> | null;\n  safeAreaInsets?: SafeAreaInsets;\n  embedded: boolean;\n  mode: 'partial' | 'embedded' | 'full';\n  keyboardInput: boolean;\n  disablePortal: boolean;\n  layout?: 'card' | 'plain';\n  userSelectMode?: AppRootUserSelectMode;\n}\n\n/**\n * Вынесен в константу, чтобы можно было в тестах создавать свой контекст и сливать перед этим значения по-умолчанию.\n *\n * > Note: не смог убрать из покрытия через 'istanbul ignore next'.\n */\nexport const DEFAULT_APP_ROOT_CONTEXT_VALUE: AppRootContextInterface = {\n  appRoot: React.createRef(),\n  mode: 'full',\n  portalRoot: null,\n  safeAreaInsets: undefined,\n  embedded: false,\n  keyboardInput: false,\n  disablePortal: false,\n};\n\nexport const AppRootContext: React.Context<AppRootContextInterface> =\n  React.createContext<AppRootContextInterface>(DEFAULT_APP_ROOT_CONTEXT_VALUE);\n"],"names":["React","DEFAULT_APP_ROOT_CONTEXT_VALUE","appRoot","createRef","mode","portalRoot","safeAreaInsets","undefined","embedded","keyboardInput","disablePortal","AppRootContext","createContext"],"mappings":"AAAA,sCAAsC,GAEtC,YAAYA,WAAW,QAAQ;AAe/B;;;;CAIC,GACD,OAAO,MAAMC,iCAA0D;IACrEC,SAASF,MAAMG,SAAS;IACxBC,MAAM;IACNC,YAAY;IACZC,gBAAgBC;IAChBC,UAAU;IACVC,eAAe;IACfC,eAAe;AACjB,EAAE;AAEF,OAAO,MAAMC,iBACXX,MAAMY,aAAa,CAA0BX,gCAAgC"}

package/dist/components/AspectRatio/AspectRatio.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { type RootComponentProps } from '../RootComponent/RootComponent';
 export interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGxF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9F;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYtC"}
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGxF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9F;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAgB,EAChB,GAAG,SAAS,EACb,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAYtC"}

package/dist/components/AspectRatio/AspectRatio.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 /**

package/dist/components/AspectRatio/AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { CSSCustomProperties } from '../../types';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './AspectRatio.module.css';\n\nexport interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {\n  /**\n   * `className` для компонента.\n   */\n  className?: string;\n  /**\n   * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.\n   */\n  mode?: 'stretch' | 'none';\n  /**\n   * Например:\n   * - в виде числа: 16 / 9, 4 / 3, 1920 / 1080,\n   * - в виде css переменной: `var(--css-aspect-ratio-var)`\n   * - в виде сложного выражения: `calc(<какие-то вычисления>)`.\n   */\n  ratio: number | string;\n}\n\n/**\n * `AspectRatio` позволяет поддерживать постоянное соотношение ширины и высоты.\n * Его можно использовать для отображения изображений, карт, видео и других медиафайлов.\n\n * @since 5.5.0\n * @see https://vkui.io/components/aspect-ratio\n */\nexport function AspectRatio({\n  ratio,\n  mode = 'stretch',\n  ...restProps\n}: AspectRatioProps): React.JSX.Element {\n  const style: React.CSSProperties & CSSCustomProperties = {\n    '--vkui_internal--aspect_ratio': typeof ratio === 'number' ? String(ratio) : ratio,\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, mode === 'stretch' && styles.modeStretch)}\n      baseStyle={style}\n      {...restProps}\n    />\n  );\n}\n"],"names":["React","classNames","RootComponent","AspectRatio","ratio","mode","restProps","style","String","baseClassName","baseStyle"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAiC,oCAAiC;AAqBxF;;;;;;CAMC,GACD,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,OAAO,SAAS,EAChB,GAAGC,WACc;IACjB,MAAMC,QAAmD;QACvD,iCAAiC,OAAOH,UAAU,WAAWI,OAAOJ,SAASA;IAC/E;IAEA,qBACE,KAACF;QACCO,eAAeR,oCAAwBI,SAAS;QAChDK,WAAWH;QACV,GAAGD,SAAS;;AAGnB"}
+{"version":3,"sources":["../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { CSSCustomProperties } from '../../types';\nimport { RootComponent, type RootComponentProps } from '../RootComponent/RootComponent';\nimport styles from './AspectRatio.module.css';\n\nexport interface AspectRatioProps extends Omit<RootComponentProps<HTMLElement>, 'baseClassName'> {\n  /**\n   * `className` для компонента.\n   */\n  className?: string;\n  /**\n   * По умолчанию, вложенный контент будет растягиваться и заполнять весь блок.\n   */\n  mode?: 'stretch' | 'none';\n  /**\n   * Например:\n   * - в виде числа: 16 / 9, 4 / 3, 1920 / 1080,\n   * - в виде css переменной: `var(--css-aspect-ratio-var)`\n   * - в виде сложного выражения: `calc(<какие-то вычисления>)`.\n   */\n  ratio: number | string;\n}\n\n/**\n * `AspectRatio` позволяет поддерживать постоянное соотношение ширины и высоты.\n * Его можно использовать для отображения изображений, карт, видео и других медиафайлов.\n\n * @since 5.5.0\n * @see https://vkui.io/components/aspect-ratio\n */\nexport function AspectRatio({\n  ratio,\n  mode = 'stretch',\n  ...restProps\n}: AspectRatioProps): React.JSX.Element {\n  const style: React.CSSProperties & CSSCustomProperties = {\n    '--vkui_internal--aspect_ratio': typeof ratio === 'number' ? String(ratio) : ratio,\n  };\n\n  return (\n    <RootComponent\n      baseClassName={classNames(styles.host, mode === 'stretch' && styles.modeStretch)}\n      baseStyle={style}\n      {...restProps}\n    />\n  );\n}\n"],"names":["classNames","RootComponent","AspectRatio","ratio","mode","restProps","style","String","baseClassName","baseStyle"],"mappings":";AACA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAiC,oCAAiC;AAqBxF;;;;;;CAMC,GACD,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,OAAO,SAAS,EAChB,GAAGC,WACc;IACjB,MAAMC,QAAmD;QACvD,iCAAiC,OAAOH,UAAU,WAAWI,OAAOJ,SAASA;IAC/E;IAEA,qBACE,KAACF;QACCO,eAAeR,oCAAwBI,SAAS;QAChDK,WAAWH;QACV,GAAGD,SAAS;;AAGnB"}

package/dist/components/Avatar/AvatarBadge/icons.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import { Icon12Circle as Icon12CircleLib } from '@vkontakte/icons';
 type IconsProps = Omit<React.ComponentProps<typeof Icon12CircleLib>, 'width' | 'height'> & {
     width: number;

package/dist/components/Avatar/AvatarBadge/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,YAAY,IAAI,eAAe,EAEhC,MAAM,kBAAkB,CAAC;AAE1B,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACzF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iCAAiC,UAAU,KAAG,KAAK,CAAC,SAIhF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,iCAIhC,UAAU,KAAG,KAAK,CAAC,SAQrB,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,YAAY,IAAI,eAAe,EAEhC,MAAM,kBAAkB,CAAC;AAE1B,KAAK,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,GAAG;IACzF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iCAAiC,UAAU,KAAG,KAAK,CAAC,SAIhF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,iCAIhC,UAAU,KAAG,KAAK,CAAC,SAQrB,CAAC"}

package/dist/components/Avatar/AvatarBadge/icons.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import { jsx as _jsx } from "react/jsx-runtime";
 import { Icon12Circle as Icon12CircleLib, Icon12OnlineMobile as Icon12OnlineMobileLib } from "@vkontakte/icons";
 export const Icon12Circle = ({ width, height, ...restProps })=>{
     return /*#__PURE__*/ _jsx(Icon12CircleLib, {