@vkontakte/vkui 6.4.0 → 6.5.0

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

@@ -69,7 +69,8 @@ const ActionSheet = (_param)=>{
         }, []);
     const contextValue = (0, _useObjectMemo.useObjectMemo)({
         onItemClick,
-        mode
+        mode,
+        onClose: onCloseWithOther
     });
     const DropdownComponent = mode === 'menu' ? _ActionSheetDropdownMenu.ActionSheetDropdownMenu : _ActionSheetDropdownSheet.ActionSheetDropdownSheet;
     const dropdownProps = mode === 'menu' ? Object.assign(restProps, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' | 'cancel-item' | 'other';\nexport interface ActionSheetOnCloseOptions {\n  closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupOffsetDistance' | 'placement'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onCloseWithOther = () => setClosingBy('other');\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closingBy !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose({ closedBy: closingBy || '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          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, mode });\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(closingBy)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        onClose={onCloseWithOther}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles['ActionSheet__content-wrapper']}>\n          {(header || text) && (\n            <div className={styles['ActionSheet__header']}>\n              {header && (\n                <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                  {header}\n                </Footnote>\n              )}\n              {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles['ActionSheet__close-item-wrapper--ios']}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onCloseWithOther}\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["ActionSheet","children","className","header","text","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","onClose","restProps","platform","usePlatform","closingBy","setClosingBy","React","useState","undefined","onCloseWithOther","actionCallbackRef","useRef","noop","animationState","animationHandlers","useCSSKeyframesAnimationController","onExited","closedBy","current","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownMenu","ActionSheetDropdownSheet","dropdownProps","Object","assign","actionSheet","ActionSheetContext","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","Footnote","weight","ActionSheetDefaultIosCloseItem","PopoutWrapper","alignY","onClick","fixed"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;;iEAxCU;sBACF;iDAC2B;+BAClB;6BACF;2BACuB;+BACrB;+BACA;0BACL;oCAC4B;gDACN;yCACP;0CACC;AA4BlC,MAAMA,cAAc;QAAC,EAC1BC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,SAAS,EACTC,MAAMC,QAAQ,EACdC,OAAO,EAEU,WADdC;QAVHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,CAACC,WAAWC,aAAa,GAAGC,OAAMC,QAAQ,CAA8BC;IAC9E,MAAMC,mBAAmB,IAAMJ,aAAa;IAC5C,MAAMK,oBAAoBJ,OAAMK,MAAM,CAACC,UAAI;IAE3C,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,IAAAA,6CAAkC,EAC5EX,cAAcI,YAAY,SAAS,SACnC;QACEQ;YACEhB,QAAQ;gBAAEiB,UAAUb,aAAa;YAAQ;YACzCM,kBAAkBQ,OAAO;YACzBR,kBAAkBQ,OAAO,GAAGN,UAAI;QAClC;IACF;IAGF,MAAM,EAAEO,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMtB,OAAOC,qBAAAA,sBAAAA,WAAaoB,YAAY,SAAS;IAE/CE,IAAAA,4BAAa,EAACvB,SAAS;IAEvB,MAAMwB,cAAchB,OAAMiB,WAAW,CACnC,CAAC,EAAEC,MAAM,EAAEC,eAAe,EAAEC,SAAS,EAAEC,YAAY,EAAE,GACnD,CAACC;YACCA,MAAMC,OAAO;YACbJ,mBAAmBA,gBAAgBG;YACnC,IAAIF,WAAW;gBACb,IAAIF,QAAQ;oBACVd,kBAAkBQ,OAAO,GAAG,IAAMM,OAAOI;gBAC3C;gBACAvB,aAAasB,eAAe,gBAAgB;YAC9C,OAAO;gBACLH,UAAUA,OAAOI;YACnB;QACF,GACF,EAAE;IAEJ,MAAME,eAAeC,IAAAA,4BAAa,EAAC;QAAET;QAAaxB;IAAK;IAEvD,MAAMkC,oBAAoBlC,SAAS,SAASmC,gDAAuB,GAAGC,kDAAwB;IAE9F,MAAMC,gBACJrC,SAAS,SAASsC,OAAOC,MAAM,CAACpC,WAAW;QAAEL;QAAqBC;IAAU,KAAKI;IAEnF,MAAMqC,4BACJ,qBAACC,sCAAkB,CAACC,QAAQ;QAACC,OAAOX;kBAClC,cAAA,sBAACE;YACCU,SAASC,QAAQvC;YACjBwC,MAAK;YACLC,cAAW;YACXC,WAAWjC,mBAAmB;WAC1BsB,eACArB;YACJd,SAASS;YACTlB,WAAWO,SAAS,SAASP,YAAYiB;YACzCd,OAAOI,SAAS,SAASJ,QAAQc;;8BAEjC,sBAACuC;oBAAIxD,SAAS;;wBACVC,CAAAA,UAAUC,IAAG,mBACb,sBAACsD;4BAAIxD,SAAS;;gCACXC,wBACC,qBAACwD,kBAAQ;oCAACC,QAAO;oCAAI1D,SAAS;8CAC3BC;;gCAGJC,sBAAQ,qBAACuD,kBAAQ;oCAACzD,SAAS;8CAAgCE;;;;wBAG/DH;;;gBAEFY,aAAa,SAASJ,SAAS,yBAC9B,qBAACiD;oBAAIxD,SAAS;8BACXI,yBAAAA,0BAAAA,6BAAgB,qBAACuD,8DAA8B;;;;;IAO1D,IAAIpD,SAAS,QAAQ;QACnB,OAAOwC;IACT;IAEA,qBACE,qBAACa,4BAAa;QACZT,SAASC,QAAQvC;QACjBgD,QAAO;QACP7D,WAAWA;QACXG,OAAOA;QACP2D,SAAS5C;QACT6C,KAAK;kBAEJhB;;AAGP"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { useObjectMemo } from '../../hooks/useObjectMemo';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ActionSheetContext, ItemClickHandler } from './ActionSheetContext';\nimport { ActionSheetDefaultIosCloseItem } from './ActionSheetDefaultIosCloseItem';\nimport { ActionSheetDropdownMenu } from './ActionSheetDropdownMenu';\nimport { ActionSheetDropdownSheet } from './ActionSheetDropdownSheet';\nimport { SharedDropdownProps } from './types';\nimport styles from './ActionSheet.module.css';\n\ntype CloseInitiators = 'action-item' | 'cancel-item' | 'other';\nexport interface ActionSheetOnCloseOptions {\n  closedBy: CloseInitiators;\n}\n\nexport interface ActionSheetProps\n  extends Pick<SharedDropdownProps, 'toggleRef' | 'popupOffsetDistance' | 'placement'>,\n    React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи.\n   */\n  onClose: (options: ActionSheetOnCloseOptions) => void;\n  /**\n   * Только мобильный iOS.\n   */\n  iosCloseItem?: React.ReactNode;\n  mode?: 'sheet' | 'menu';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupOffsetDistance,\n  placement,\n  mode: modeProp,\n  onClose,\n  ...restProps\n}: ActionSheetProps): React.ReactNode => {\n  const platform = usePlatform();\n  const [closingBy, setClosingBy] = React.useState<undefined | CloseInitiators>(undefined);\n  const onCloseWithOther = () => setClosingBy('other');\n  const actionCallbackRef = React.useRef(noop);\n\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closingBy !== undefined ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose({ closedBy: closingBy || '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          setClosingBy(isCancelItem ? 'cancel-item' : 'action-item');\n        } else {\n          action && action(event);\n        }\n      },\n    [],\n  );\n  const contextValue = useObjectMemo({ onItemClick, mode, onClose: onCloseWithOther });\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(closingBy)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        autoFocus={animationState === 'entered'}\n        {...dropdownProps}\n        {...animationHandlers}\n        onClose={onCloseWithOther}\n        className={mode === 'menu' ? className : undefined}\n        style={mode === 'menu' ? style : undefined}\n      >\n        <div className={styles['ActionSheet__content-wrapper']}>\n          {(header || text) && (\n            <div className={styles['ActionSheet__header']}>\n              {header && (\n                <Footnote weight=\"2\" className={styles['ActionSheet__title']}>\n                  {header}\n                </Footnote>\n              )}\n              {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}\n            </div>\n          )}\n          {children}\n        </div>\n        {platform === 'ios' && mode === 'sheet' && (\n          <div className={styles['ActionSheet__close-item-wrapper--ios']}>\n            {iosCloseItem ?? <ActionSheetDefaultIosCloseItem />}\n          </div>\n        )}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (mode === 'menu') {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={Boolean(closingBy)}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onCloseWithOther}\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"names":["ActionSheet","children","className","header","text","style","iosCloseItem","popupOffsetDistance","placement","mode","modeProp","onClose","restProps","platform","usePlatform","closingBy","setClosingBy","React","useState","undefined","onCloseWithOther","actionCallbackRef","useRef","noop","animationState","animationHandlers","useCSSKeyframesAnimationController","onExited","closedBy","current","isDesktop","useAdaptivityWithJSMediaQueries","useScrollLock","onItemClick","useCallback","action","immediateAction","autoClose","isCancelItem","event","persist","contextValue","useObjectMemo","DropdownComponent","ActionSheetDropdownMenu","ActionSheetDropdownSheet","dropdownProps","Object","assign","actionSheet","ActionSheetContext","Provider","value","closing","Boolean","role","aria-modal","autoFocus","div","Footnote","weight","ActionSheetDefaultIosCloseItem","PopoutWrapper","alignY","onClick","fixed"],"mappings":";;;;+BAwCaA;;;eAAAA;;;;;;;;iEAxCU;sBACF;iDAC2B;+BAClB;6BACF;2BACuB;+BACrB;+BACA;0BACL;oCAC4B;gDACN;yCACP;0CACC;AA4BlC,MAAMA,cAAc;QAAC,EAC1BC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,YAAY,EACZC,mBAAmB,EACnBC,SAAS,EACTC,MAAMC,QAAQ,EACdC,OAAO,EAEU,WADdC;QAVHX;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,CAACC,WAAWC,aAAa,GAAGC,OAAMC,QAAQ,CAA8BC;IAC9E,MAAMC,mBAAmB,IAAMJ,aAAa;IAC5C,MAAMK,oBAAoBJ,OAAMK,MAAM,CAACC,UAAI;IAE3C,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,IAAAA,6CAAkC,EAC5EX,cAAcI,YAAY,SAAS,SACnC;QACEQ;YACEhB,QAAQ;gBAAEiB,UAAUb,aAAa;YAAQ;YACzCM,kBAAkBQ,OAAO;YACzBR,kBAAkBQ,OAAO,GAAGN,UAAI;QAClC;IACF;IAGF,MAAM,EAAEO,SAAS,EAAE,GAAGC,IAAAA,gEAA+B;IACrD,MAAMtB,OAAOC,qBAAAA,sBAAAA,WAAaoB,YAAY,SAAS;IAE/CE,IAAAA,4BAAa,EAACvB,SAAS;IAEvB,MAAMwB,cAAchB,OAAMiB,WAAW,CACnC,CAAC,EAAEC,MAAM,EAAEC,eAAe,EAAEC,SAAS,EAAEC,YAAY,EAAE,GACnD,CAACC;YACCA,MAAMC,OAAO;YACbJ,mBAAmBA,gBAAgBG;YACnC,IAAIF,WAAW;gBACb,IAAIF,QAAQ;oBACVd,kBAAkBQ,OAAO,GAAG,IAAMM,OAAOI;gBAC3C;gBACAvB,aAAasB,eAAe,gBAAgB;YAC9C,OAAO;gBACLH,UAAUA,OAAOI;YACnB;QACF,GACF,EAAE;IAEJ,MAAME,eAAeC,IAAAA,4BAAa,EAAC;QAAET;QAAaxB;QAAME,SAASS;IAAiB;IAElF,MAAMuB,oBAAoBlC,SAAS,SAASmC,gDAAuB,GAAGC,kDAAwB;IAE9F,MAAMC,gBACJrC,SAAS,SAASsC,OAAOC,MAAM,CAACpC,WAAW;QAAEL;QAAqBC;IAAU,KAAKI;IAEnF,MAAMqC,4BACJ,qBAACC,sCAAkB,CAACC,QAAQ;QAACC,OAAOX;kBAClC,cAAA,sBAACE;YACCU,SAASC,QAAQvC;YACjBwC,MAAK;YACLC,cAAW;YACXC,WAAWjC,mBAAmB;WAC1BsB,eACArB;YACJd,SAASS;YACTlB,WAAWO,SAAS,SAASP,YAAYiB;YACzCd,OAAOI,SAAS,SAASJ,QAAQc;;8BAEjC,sBAACuC;oBAAIxD,SAAS;;wBACVC,CAAAA,UAAUC,IAAG,mBACb,sBAACsD;4BAAIxD,SAAS;;gCACXC,wBACC,qBAACwD,kBAAQ;oCAACC,QAAO;oCAAI1D,SAAS;8CAC3BC;;gCAGJC,sBAAQ,qBAACuD,kBAAQ;oCAACzD,SAAS;8CAAgCE;;;;wBAG/DH;;;gBAEFY,aAAa,SAASJ,SAAS,yBAC9B,qBAACiD;oBAAIxD,SAAS;8BACXI,yBAAAA,0BAAAA,6BAAgB,qBAACuD,8DAA8B;;;;;IAO1D,IAAIpD,SAAS,QAAQ;QACnB,OAAOwC;IACT;IAEA,qBACE,qBAACa,4BAAa;QACZT,SAASC,QAAQvC;QACjBgD,QAAO;QACP7D,WAAWA;QACXG,OAAOA;QACP2D,SAAS5C;QACT6C,KAAK;kBAEJhB;;AAGP"}

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

@@ -8,6 +8,7 @@ export type ItemClickHandler<T extends Element = Element> = (options: {
 }) => (event: React.MouseEvent) => void;
 export type ActionSheetContextType<T extends Element = Element> = {
     onItemClick?: ItemClickHandler<T>;
+    onClose?: () => void;
     mode?: 'sheet' | 'menu';
 };
 export declare const ActionSheetContext: React.Context<ActionSheetContextType<any>>;

package/dist/cjs/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;AAE/B,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,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAClC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,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,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,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;AAE/B,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,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAClC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IAC3C,SAAS,EAAE,OAAO,CAAC;IACnB,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,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,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/cjs/components/ActionSheet/ActionSheetContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  action: ActionType<T> | undefined;\n  immediateAction: ActionType<T> | undefined;\n  autoClose: boolean;\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  mode?: 'sheet' | 'menu';\n};\n\nexport const ActionSheetContext: React.Context<ActionSheetContextType<any>> = React.createContext(\n  {},\n);\n"],"names":["ActionSheetContext","React","createContext"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;AAgBhB,MAAMA,qBAAiEC,OAAMC,aAAa,CAC/F,CAAC"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type ActionType<T> = (event: React.MouseEvent<T>) => void;\n\nexport type ItemClickHandler<T extends Element = Element> = (options: {\n  action: ActionType<T> | undefined;\n  immediateAction: ActionType<T> | undefined;\n  autoClose: boolean;\n  isCancelItem: boolean;\n}) => (event: React.MouseEvent) => void;\n\nexport type ActionSheetContextType<T extends Element = Element> = {\n  onItemClick?: ItemClickHandler<T>;\n  onClose?: () => void;\n  mode?: 'sheet' | 'menu';\n};\n\nexport const ActionSheetContext: React.Context<ActionSheetContextType<any>> = React.createContext(\n  {},\n);\n"],"names":["ActionSheetContext","React","createContext"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;iEAjBU;AAiBhB,MAAMA,qBAAiEC,OAAMC,aAAa,CAC/F,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC5C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,+NAqBzB,oBAAoB,KAAG,KAAK,CAAC,SA2F/B,CAAC"}
+{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,EACvC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC5C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,gBAAgB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,+NAqBzB,oBAAoB,KAAG,KAAK,CAAC,SAkH/B,CAAC"}

package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js

@@ -17,11 +17,13 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _useAdaptivityWithJSMediaQueries = require("../../hooks/useAdaptivityWithJSMediaQueries");
 const _usePlatform = require("../../hooks/usePlatform");
+const _accessibility = require("../../lib/accessibility");
 const _ActionSheetContext = require("../ActionSheet/ActionSheetContext");
 const _Tappable = require("../Tappable/Tappable");
 const _Subhead = require("../Typography/Subhead/Subhead");
 const _Text = require("../Typography/Text/Text");
 const _Title = require("../Typography/Title/Title");
+const _helpers = require("./helpers");
 const _Radio = require("./subcomponents/Radio/Radio");
 const ActionSheetItem = (_param)=>{
     var { children, autoCloseDisabled = false, mode = 'default', meta, subtitle, before, after, selectable, value, name, checked, defaultChecked, onChange, onClick, onImmediateClick, multiline = false, iconChecked, className, isCancelItem } = _param, restProps = _object_without_properties._(_param, [
@@ -46,22 +48,52 @@ const ActionSheetItem = (_param)=>{
         "isCancelItem"
     ]);
     const platform = (0, _usePlatform.usePlatform)();
-    const { onItemClick = ()=>_vkjs.noop, mode: actionSheetMode } = _react.useContext(_ActionSheetContext.ActionSheetContext);
+    const { onItemClick = ()=>_vkjs.noop, mode: actionSheetMode, onClose: onActionSheetClose } = _react.useContext(_ActionSheetContext.ActionSheetContext);
     const { sizeY } = (0, _useAdaptivityWithJSMediaQueries.useAdaptivityWithJSMediaQueries)();
     const Component = selectable ? 'label' : undefined;
     const isRich = subtitle || meta || selectable;
     const isCentered = !isRich && !before && platform === 'ios';
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, Component && {
-        Component
-    }, restProps), {
-        onClick: selectable ? onClick : onItemClick({
+    const onItemClickHandler = _react.useCallback((e)=>{
+        var _onItemClick;
+        (_onItemClick = onItemClick({
             action: onClick,
             immediateAction: onImmediateClick,
             autoClose: !autoCloseDisabled,
             isCancelItem: Boolean(isCancelItem)
-        }),
+        })) === null || _onItemClick === void 0 ? void 0 : _onItemClick(e);
+    }, [
+        autoCloseDisabled,
+        isCancelItem,
+        onClick,
+        onImmediateClick,
+        onItemClick
+    ]);
+    const onKeyDown = _react.useCallback((event)=>{
+        if ((0, _accessibility.pressedKey)(event) === _accessibility.Keys.ENTER) {
+            onActionSheetClose === null || onActionSheetClose === void 0 ? void 0 : onActionSheetClose();
+        }
+    }, [
+        onActionSheetClose
+    ]);
+    const onItemClickImpl = _react.useCallback((event)=>{
+        if (selectable) {
+            if ((0, _helpers.isRealClickEvent)(event)) {
+                onItemClickHandler(event);
+            }
+        } else {
+            onItemClickHandler(event);
+        }
+    }, [
+        onItemClickHandler,
+        selectable
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Tappable.Tappable, _object_spread_props._(_object_spread._({}, Component && {
+        Component
+    }, restProps), {
+        onClick: onItemClickImpl,
         activeMode: platform === 'ios' ? "vkuiActionSheetItem--active" : undefined,
         className: (0, _vkjs.classNames)("vkuiActionSheetItem", platform === 'ios' && "vkuiActionSheetItem--ios", mode === 'cancel' && "vkuiActionSheetItem--mode-cancel", mode === 'destructive' && "vkuiActionSheetItem--mode-destructive", sizeY === 'compact' && "vkuiActionSheetItem--sizeY-compact", isRich && "vkuiActionSheetItem--rich", actionSheetMode === 'menu' && "vkuiActionSheetItem--menu", selectable && "vkuiActionSheetItem--selectable", className),
+        onKeyDown: onKeyDown,
         children: [
             before && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                 className: "vkuiActionSheetItem__before",
@@ -102,12 +134,6 @@ const ActionSheetItem = (_param)=>{
                         name: name,
                         value: value,
                         onChange: onChange,
-                        onClick: onItemClick({
-                            action: _vkjs.noop,
-                            immediateAction: _vkjs.noop,
-                            autoClose: !autoCloseDisabled,
-                            isCancelItem: Boolean(isCancelItem)
-                        }),
                         defaultChecked: defaultChecked,
                         checked: checked,
                         disabled: restProps.disabled,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\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 { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n  /**\n   * Позволяет отделить ActionItem от CancelItem для определении того,\n   * кто вызвал закрытие ActionSheet. Используется в ActionSheet.onClose()\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\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  className,\n  isCancelItem,\n  ...restProps\n}: ActionSheetItemProps): React.ReactNode => {\n  const platform = usePlatform();\n  const { onItemClick = () => noop, mode: actionSheetMode } =\n    React.useContext<ActionSheetContextType<HTMLElement>>(ActionSheetContext);\n  const { sizeY } = useAdaptivityWithJSMediaQueries();\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  return (\n    <Tappable\n      {...(Component && { Component })}\n      {...restProps}\n      onClick={\n        selectable\n          ? onClick\n          : onItemClick({\n              action: onClick,\n              immediateAction: onImmediateClick,\n              autoClose: !autoCloseDisabled,\n              isCancelItem: Boolean(isCancelItem),\n            })\n      }\n      activeMode={platform === 'ios' ? styles['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === 'ios' && styles['ActionSheetItem--ios'],\n        mode === 'cancel' && styles['ActionSheetItem--mode-cancel'],\n        mode === 'destructive' && styles['ActionSheetItem--mode-destructive'],\n        sizeY === 'compact' && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        actionSheetMode === 'menu' && styles['ActionSheetItem--menu'],\n        selectable && styles['ActionSheetItem--selectable'],\n        className,\n      )}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          {platform === 'ios' ? (\n            <Title\n              className={styles['ActionSheetItem__children']}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles['ActionSheetItem__children']}>{children}</Text>\n          )}\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles['ActionSheetItem__after']}>\n          {after}\n          {selectable && (\n            <Radio\n              name={name}\n              value={value}\n              onChange={onChange}\n              onClick={onItemClick({\n                action: noop,\n                immediateAction: noop,\n                autoClose: !autoCloseDisabled,\n                isCancelItem: Boolean(isCancelItem),\n              })}\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":["ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","className","isCancelItem","restProps","platform","usePlatform","onItemClick","noop","actionSheetMode","React","useContext","ActionSheetContext","sizeY","useAdaptivityWithJSMediaQueries","Component","undefined","isRich","isCentered","Tappable","action","immediateAction","autoClose","Boolean","activeMode","classNames","div","Title","weight","level","Text","Subhead","Radio","disabled"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;;iEArDU;sBACU;iDACe;6BACpB;oCACoC;0BACvC;yBACD;sBACH;uBACC;uBACA;AA4Cf,MAAMA,kBAAkB;QAAC,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,SAAS,EACTC,YAAY,EAES,WADlBC;QAnBHnB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAME,WAAWC,IAAAA,wBAAW;IAC5B,MAAM,EAAEC,cAAc,IAAMC,UAAI,EAAErB,MAAMsB,eAAe,EAAE,GACvDC,OAAMC,UAAU,CAAsCC,sCAAkB;IAC1E,MAAM,EAAEC,KAAK,EAAE,GAAGC,IAAAA,gEAA+B;IAEjD,MAAMC,YAA2CvB,aAAa,UAAUwB;IAExE,MAAMC,SAAS5B,YAAYD,QAAQI;IACnC,MAAM0B,aAAa,CAACD,UAAU,CAAC3B,UAAUe,aAAa;IAEtD,qBACE,sBAACc,kBAAQ,8CACFJ,aAAa;QAAEA;IAAU,GAC1BX;QACJN,SACEN,aACIM,UACAS,YAAY;YACVa,QAAQtB;YACRuB,iBAAiBtB;YACjBuB,WAAW,CAACpC;YACZiB,cAAcoB,QAAQpB;QACxB;QAENqB,YAAYnB,aAAa,wCAA4CW;QACrEd,WAAWuB,IAAAA,gBAAU,yBAEnBpB,aAAa,qCACblB,SAAS,gDACTA,SAAS,0DACT0B,UAAU,mDACVI,uCACAR,oBAAoB,uCACpBjB,iDACAU;;YAGDZ,wBAAU,qBAACoC;gBAAIxB,SAAS;0BAAsCZ;;0BAC/D,sBAACoC;gBACCxB,WAAWuB,IAAAA,gBAAU,oCAEnB,CAACzB;;kCAGH,sBAAC0B;wBACCxB,WAAWuB,IAAAA,gBAAU,kCAEnBP;;4BAGDb,aAAa,sBACZ,qBAACsB,YAAK;gCACJzB,SAAS;gCACT0B,QAAQzC,SAAS,WAAW,MAAM;gCAClC0C,OAAOX,aAAa,MAAM;0CAEzBjC;+CAGH,qBAAC6C,UAAI;gCAAC5B,SAAS;0CAAwCjB;;4BAExDG,sBAAQ,qBAAC0C,UAAI;gCAAC5B,SAAS;0CAAoCd;;;;oBAE7DC,0BAAY,qBAAC0C,gBAAO;wBAAC7B,SAAS;kCAAwCb;;;;YAEvEG,CAAAA,cAAcD,KAAI,mBAClB,sBAACmC;gBAAIxB,SAAS;;oBACXX;oBACAC,4BACC,qBAACwC,YAAK;wBACJtC,MAAMA;wBACND,OAAOA;wBACPI,UAAUA;wBACVC,SAASS,YAAY;4BACnBa,QAAQZ,UAAI;4BACZa,iBAAiBb,UAAI;4BACrBc,WAAW,CAACpC;4BACZiB,cAAcoB,QAAQpB;wBACxB;wBACAP,gBAAgBA;wBAChBD,SAASA;wBACTsC,UAAU7B,UAAU6B,QAAQ;kCAE3BhC;;;;;;AAOf"}
+{"version":3,"sources":["../../../../src/components/ActionSheetItem/ActionSheetItem.tsx"],"sourcesContent":["import * 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 { 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 { isRealClickEvent } from './helpers';\nimport { Radio } from './subcomponents/Radio/Radio';\nimport styles from './ActionSheetItem.module.css';\n\nexport interface ActionSheetItemProps\n  extends React.HTMLAttributes<HTMLElement>,\n    React.AnchorHTMLAttributes<HTMLElement>,\n    Pick<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'checked' | 'value'> {\n  mode?: 'default' | 'destructive' | 'cancel';\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  meta?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `ActionSheet` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  selectable?: boolean;\n  disabled?: boolean;\n  /**\n   * Все текстовые элементы при необходимости занимают несколько строк\n   */\n  multiline?: boolean;\n  /**\n   * По умолчанию onClick будет вызван после завершения анимации скрытия и после вызова onClose.\n   * Из этого следует, что в объекте события значения полей типа `currentTarget` будут не определены.\n   * Если вам нужен объект события именно на момент клика, используйте `onImmediateClick`.\n   */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  onImmediateClick?: React.MouseEventHandler<HTMLElement>;\n  /**\n   * Иконка для `checked` режима.\n   */\n  iconChecked?: React.ReactNode;\n  /**\n   * Позволяет отделить ActionItem от CancelItem для определении того,\n   * кто вызвал закрытие ActionSheet. Используется в ActionSheet.onClose()\n   */\n  isCancelItem?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheetItem\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  className,\n  isCancelItem,\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 { sizeY } = useAdaptivityWithJSMediaQueries();\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: Boolean(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?.();\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['ActionSheetItem--active'] : undefined}\n      className={classNames(\n        styles['ActionSheetItem'],\n        platform === 'ios' && styles['ActionSheetItem--ios'],\n        mode === 'cancel' && styles['ActionSheetItem--mode-cancel'],\n        mode === 'destructive' && styles['ActionSheetItem--mode-destructive'],\n        sizeY === 'compact' && styles['ActionSheetItem--sizeY-compact'],\n        isRich && styles['ActionSheetItem--rich'],\n        actionSheetMode === 'menu' && styles['ActionSheetItem--menu'],\n        selectable && styles['ActionSheetItem--selectable'],\n        className,\n      )}\n      onKeyDown={onKeyDown}\n    >\n      {before && <div className={styles['ActionSheetItem__before']}>{before}</div>}\n      <div\n        className={classNames(\n          styles['ActionSheetItem__container'],\n          !multiline && styles['ActionSheetItem--ellipsis'],\n        )}\n      >\n        <div\n          className={classNames(\n            styles['ActionSheetItem__content'],\n            isCentered && styles['ActionSheetItem--centered'],\n          )}\n        >\n          {platform === 'ios' ? (\n            <Title\n              className={styles['ActionSheetItem__children']}\n              weight={mode === 'cancel' ? '2' : '3'}\n              level={isCentered ? '2' : '3'}\n            >\n              {children}\n            </Title>\n          ) : (\n            <Text className={styles['ActionSheetItem__children']}>{children}</Text>\n          )}\n          {meta && <Text className={styles['ActionSheetItem__meta']}>{meta}</Text>}\n        </div>\n        {subtitle && <Subhead className={styles['ActionSheetItem__subtitle']}>{subtitle}</Subhead>}\n      </div>\n      {(selectable || after) && (\n        <div className={styles['ActionSheetItem__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":["ActionSheetItem","children","autoCloseDisabled","mode","meta","subtitle","before","after","selectable","value","name","checked","defaultChecked","onChange","onClick","onImmediateClick","multiline","iconChecked","className","isCancelItem","restProps","platform","usePlatform","onItemClick","noop","actionSheetMode","onClose","onActionSheetClose","React","useContext","ActionSheetContext","sizeY","useAdaptivityWithJSMediaQueries","Component","undefined","isRich","isCentered","onItemClickHandler","useCallback","e","action","immediateAction","autoClose","Boolean","onKeyDown","event","pressedKey","Keys","ENTER","onItemClickImpl","isRealClickEvent","Tappable","activeMode","classNames","div","Title","weight","level","Text","Subhead","Radio","disabled"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+/**
+ * По дизайну `ActionSheet` должен закрывать при клике на `ActionSheetItem`.
+ * В режиме `selectable` в реализации используются нативный input type=radio
+ * И при навигации стрелочками по элементам происходит событие `click` из-за чего `ActionSheet` закрывается.
+ * Поэтому нужно как-то отличить реальное событие клика
+ * @see https://github.com/facebook/react/issues/7407
+ * @see https://github.com/VKCOM/VKUI/issues/6954
+ */
+export declare const isRealClickEvent: (event: React.MouseEvent) => boolean;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionSheetItem/helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,UAAW,KAAK,CAAC,UAAU,YAEvD,CAAC"}

package/dist/cjs/components/ActionSheetItem/helpers.js

@@ -0,0 +1,22 @@
+/**
+ * По дизайну `ActionSheet` должен закрывать при клике на `ActionSheetItem`.
+ * В режиме `selectable` в реализации используются нативный input type=radio
+ * И при навигации стрелочками по элементам происходит событие `click` из-за чего `ActionSheet` закрывается.
+ * Поэтому нужно как-то отличить реальное событие клика
+ * @see https://github.com/facebook/react/issues/7407
+ * @see https://github.com/VKCOM/VKUI/issues/6954
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "isRealClickEvent", {
+    enumerable: true,
+    get: function() {
+        return isRealClickEvent;
+    }
+});
+const isRealClickEvent = (event)=>{
+    return event.type === 'click' && event.clientX !== 0 && event.clientY !== 0;
+};
+
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ActionSheetItem/helpers.ts"],"sourcesContent":["/**\n * По дизайну `ActionSheet` должен закрывать при клике на `ActionSheetItem`.\n * В режиме `selectable` в реализации используются нативный input type=radio\n * И при навигации стрелочками по элементам происходит событие `click` из-за чего `ActionSheet` закрывается.\n * Поэтому нужно как-то отличить реальное событие клика\n * @see https://github.com/facebook/react/issues/7407\n * @see https://github.com/VKCOM/VKUI/issues/6954\n */\nexport const isRealClickEvent = (event: React.MouseEvent) => {\n  return event.type === 'click' && event.clientX !== 0 && event.clientY !== 0;\n};\n"],"names":["isRealClickEvent","event","type","clientX","clientY"],"mappings":"AAAA;;;;;;;CAOC;;;;+BACYA;;;eAAAA;;;AAAN,MAAMA,mBAAmB,CAACC;IAC/B,OAAOA,MAAMC,IAAI,KAAK,WAAWD,MAAME,OAAO,KAAK,KAAKF,MAAMG,OAAO,KAAK;AAC5E"}

package/dist/cjs/components/Alert/Alert.js

@@ -28,7 +28,7 @@ const _PopoutWrapper = require("../PopoutWrapper/PopoutWrapper");
 const _AlertActions = require("./AlertActions");
 const _AlertTypography = require("./AlertTypography");
 const Alert = (_param)=>{
-    var { actions = [], actionsLayout = 'horizontal', children, className, style, text, header, onClose, dismissLabel = 'Закрыть предупреждение', renderAction, actionsAlign, dismissButtonMode = 'outside', dismissButtonTestId, getRootRef } = _param, restProps = _object_without_properties._(_param, [
+    var { actions, actionsLayout = 'horizontal', children, className, style, text, header, onClose, dismissLabel = 'Закрыть предупреждение', renderAction, actionsAlign, dismissButtonMode = 'outside', dismissButtonTestId, getRootRef } = _param, restProps = _object_without_properties._(_param, [
         "actions",
         "actionsLayout",
         "children",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { AlignType, AnchorHTMLAttributesOnly, HasDataAttribute, HasRootRef } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { AlertActionProps } from './AlertAction';\nimport { AlertActions } from './AlertActions';\nimport { AlertHeader, AlertText } from './AlertTypography';\nimport styles from './Alert.module.css';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly,\n    HasDataAttribute {\n  title: string;\n  /**\n   * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actionsAlign?: AlignType;\n  actions?: AlertActionInterface[];\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose: VoidFunction;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  dismissButtonTestId?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  actions = [],\n  actionsLayout = 'horizontal',\n  children,\n  className,\n  style,\n  text,\n  header,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  getRootRef,\n  ...restProps\n}: AlertProps): React.ReactNode => {\n  const generatedId = React.useId();\n\n  const headerId = `vkui-alert-${generatedId}-header`;\n  const textId = `vkui-alert-${generatedId}-text`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  const [closing, setClosing] = React.useState(false);\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose();\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\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 });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing(true);\n      }\n    },\n    [close],\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      className={className}\n      closing={closing}\n      style={style}\n      onClick={close}\n      getRootRef={getRootRef}\n    >\n      <FocusTrap\n        {...restProps}\n        {...animationHandlers}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        autoFocus={animationState === 'entered'}\n        className={classNames(\n          styles['Alert'],\n          platform === 'ios' && styles['Alert--ios'],\n          platform === 'vkcom' && styles['Alert--vkcom'],\n          closing ? styles['Alert--closing'] : styles['Alert--opening'],\n          isDesktop && styles['Alert--desktop'],\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby={headerId}\n        aria-describedby={textId}\n      >\n        <div\n          className={classNames(\n            styles['Alert__content'],\n            dismissButtonMode === 'inside' && styles['Alert__content--withButton'],\n          )}\n        >\n          {hasReactNode(header) && <AlertHeader id={headerId}>{header}</AlertHeader>}\n          {hasReactNode(text) && <AlertText id={textId}>{text}</AlertText>}\n          {children}\n          {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n            <IconButton\n              label={dismissLabel}\n              className={classNames(styles['Alert__dismiss'], 'vkuiInternalAlert__dismiss')}\n              onClick={close}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n              data-testid={dismissButtonTestId}\n            >\n              <Icon20Cancel />\n            </IconButton>\n          )}\n        </div>\n        <AlertActions\n          actions={actions}\n          actionsAlign={actionsAlign}\n          actionsLayout={actionsLayout}\n          renderAction={renderAction}\n          onItemClick={onItemClick}\n        />\n        {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n          <ModalDismissButton onClick={close} data-testid={dismissButtonTestId}>\n            {dismissLabel}\n          </ModalDismissButton>\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","getRootRef","restProps","generatedId","React","useId","headerId","textId","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","closing","setClosing","useState","itemActionCallbackRef","useRef","noop","animationState","animationHandlers","useCSSKeyframesAnimationController","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","useScrollLock","PopoutWrapper","onClick","FocusTrap","stopPropagation","autoFocus","classNames","role","aria-modal","aria-labelledby","aria-describedby","div","hasReactNode","AlertHeader","id","AlertText","IconButton","label","hoverMode","activeMode","data-testid","Icon20Cancel","AlertActions","ModalDismissButton"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport { classNames, hasReactNode, noop } from '@vkontakte/vkjs';\nimport { useAdaptivityWithJSMediaQueries } from '../../hooks/useAdaptivityWithJSMediaQueries';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useCSSKeyframesAnimationController } from '../../lib/animation';\nimport { stopPropagation } from '../../lib/utils';\nimport { AlignType, AnchorHTMLAttributesOnly, HasDataAttribute, HasRootRef } from '../../types';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { ButtonProps } from '../Button/Button';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { IconButton } from '../IconButton/IconButton';\nimport { ModalDismissButton } from '../ModalDismissButton/ModalDismissButton';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { AlertActionProps } from './AlertAction';\nimport { AlertActions } from './AlertActions';\nimport { AlertHeader, AlertText } from './AlertTypography';\nimport styles from './Alert.module.css';\n\ntype AlertActionMode = 'cancel' | 'destructive' | 'default';\n\nexport interface AlertActionInterface\n  extends Pick<ButtonProps, 'Component'>,\n    AnchorHTMLAttributesOnly,\n    HasDataAttribute {\n  title: string;\n  /**\n   * Обработчик клика на опцию. Если свойство `autoCloseDisabled` включено,\n   * то в аргументы `action` передаётся объект с функцией close,\n   * вызвав которую можно закрыть `action` вручную.\n   */\n  action?: (args?: { close?: VoidFunction }) => void;\n  /**\n   * По умолчанию клик на опцию вызывает переданную в `Alert` функцию `onClose`, данное свойство\n   * позволяет отключить такое поведение\n   */\n  autoCloseDisabled?: boolean;\n  mode: AlertActionMode;\n}\n\nexport interface AlertProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {\n  actionsLayout?: 'vertical' | 'horizontal';\n  actionsAlign?: AlignType;\n  actions?: AlertActionInterface[];\n  renderAction?: (props: AlertActionProps) => React.ReactNode;\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  onClose: VoidFunction;\n  /**\n   * Текст кнопки закрытия. Делает ее доступной для ассистивных технологий\n   */\n  dismissLabel?: string;\n  /**\n   * Расположение кнопки закрытия (внутри и вне `popout'a`)\n   * Доступно только в `compact`-режиме, не отображается на `iOS`\n   */\n  dismissButtonMode?: 'inside' | 'outside';\n  /**\n   * `data-testid` для кнопки закрытия\n   */\n  dismissButtonTestId?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Alert\n */\nexport const Alert = ({\n  actions,\n  actionsLayout = 'horizontal',\n  children,\n  className,\n  style,\n  text,\n  header,\n  onClose,\n  dismissLabel = 'Закрыть предупреждение',\n  renderAction,\n  actionsAlign,\n  dismissButtonMode = 'outside',\n  dismissButtonTestId,\n  getRootRef,\n  ...restProps\n}: AlertProps): React.ReactNode => {\n  const generatedId = React.useId();\n\n  const headerId = `vkui-alert-${generatedId}-header`;\n  const textId = `vkui-alert-${generatedId}-text`;\n\n  const platform = usePlatform();\n  const { isDesktop } = useAdaptivityWithJSMediaQueries();\n\n  const [closing, setClosing] = React.useState(false);\n  const itemActionCallbackRef = React.useRef(noop);\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    closing ? 'exit' : 'enter',\n    {\n      onExited() {\n        onClose();\n        itemActionCallbackRef.current();\n        itemActionCallbackRef.current = noop;\n      },\n    },\n  );\n  const isDismissButtonVisible = isDesktop && platform !== 'ios';\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  const close = React.useCallback(() => {\n    setClosing(true);\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 });\n      } else {\n        if (itemAction) {\n          itemActionCallbackRef.current = itemAction;\n        }\n        setClosing(true);\n      }\n    },\n    [close],\n  );\n\n  useScrollLock();\n\n  return (\n    <PopoutWrapper\n      className={className}\n      closing={closing}\n      style={style}\n      onClick={close}\n      getRootRef={getRootRef}\n    >\n      <FocusTrap\n        {...restProps}\n        {...animationHandlers}\n        getRootRef={elementRef}\n        onClick={stopPropagation}\n        onClose={close}\n        autoFocus={animationState === 'entered'}\n        className={classNames(\n          styles['Alert'],\n          platform === 'ios' && styles['Alert--ios'],\n          platform === 'vkcom' && styles['Alert--vkcom'],\n          closing ? styles['Alert--closing'] : styles['Alert--opening'],\n          isDesktop && styles['Alert--desktop'],\n        )}\n        role=\"alertdialog\"\n        aria-modal\n        aria-labelledby={headerId}\n        aria-describedby={textId}\n      >\n        <div\n          className={classNames(\n            styles['Alert__content'],\n            dismissButtonMode === 'inside' && styles['Alert__content--withButton'],\n          )}\n        >\n          {hasReactNode(header) && <AlertHeader id={headerId}>{header}</AlertHeader>}\n          {hasReactNode(text) && <AlertText id={textId}>{text}</AlertText>}\n          {children}\n          {isDismissButtonVisible && dismissButtonMode === 'inside' && (\n            <IconButton\n              label={dismissLabel}\n              className={classNames(styles['Alert__dismiss'], 'vkuiInternalAlert__dismiss')}\n              onClick={close}\n              hoverMode=\"opacity\"\n              activeMode=\"opacity\"\n              data-testid={dismissButtonTestId}\n            >\n              <Icon20Cancel />\n            </IconButton>\n          )}\n        </div>\n        <AlertActions\n          actions={actions}\n          actionsAlign={actionsAlign}\n          actionsLayout={actionsLayout}\n          renderAction={renderAction}\n          onItemClick={onItemClick}\n        />\n        {isDismissButtonVisible && dismissButtonMode === 'outside' && (\n          <ModalDismissButton onClick={close} data-testid={dismissButtonTestId}>\n            {dismissLabel}\n          </ModalDismissButton>\n        )}\n      </FocusTrap>\n    </PopoutWrapper>\n  );\n};\n"],"names":["Alert","actions","actionsLayout","children","className","style","text","header","onClose","dismissLabel","renderAction","actionsAlign","dismissButtonMode","dismissButtonTestId","getRootRef","restProps","generatedId","React","useId","headerId","textId","platform","usePlatform","isDesktop","useAdaptivityWithJSMediaQueries","closing","setClosing","useState","itemActionCallbackRef","useRef","noop","animationState","animationHandlers","useCSSKeyframesAnimationController","onExited","current","isDismissButtonVisible","elementRef","close","useCallback","onItemClick","item","action","itemAction","autoCloseDisabled","useScrollLock","PopoutWrapper","onClick","FocusTrap","stopPropagation","autoFocus","classNames","role","aria-modal","aria-labelledby","aria-describedby","div","hasReactNode","AlertHeader","id","AlertText","IconButton","label","hoverMode","activeMode","data-testid","Icon20Cancel","AlertActions","ModalDismissButton"],"mappings":"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"}

package/dist/cjs/components/Avatar/Avatar.d.ts

@@ -3,7 +3,6 @@ import { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';
 import { AvatarBadgeWithPreset, type AvatarBadgeWithPresetProps } from './AvatarBadge/AvatarBadgeWithPreset';
 import { getInitialsFontSize } from './helpers';
 export type { AvatarBadgeProps, AvatarBadgeWithPresetProps, ImageBaseOverlayProps as AvatarOverlayProps, };
-export declare const AVATAR_DEFAULT_SIZE = 48;
 declare const COLORS_NUMBER_TO_TEXT_MAP: {
     readonly 1: "red";
     readonly 2: "orange";

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,IAAI,kBAAkB,GAC5C,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,QAAA,MAAM,yBAAyB;;;;;;;CAOrB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,6BAA6B,CAAC,GACjE,MAAM,CAAC;AAYX,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC;IACnF;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,6BAA6B,GAAG,2BAA2B,GAAG,QAAQ,CAAC;CACxF;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG;IAC3C,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,eAAe,EAAE,OAAO,qBAAqB,CAAC;IAC9C,OAAO,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC;IAClC,mBAAmB,EAAE,OAAO,mBAAmB,CAAC;CA0CjD,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAChC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAGhD,YAAY,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,qBAAqB,IAAI,kBAAkB,GAC5C,CAAC;AAIF,QAAA,MAAM,yBAAyB;;;;;;;CAOrB,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GACnC,CAAC,OAAO,yBAAyB,CAAC,CAAC,6BAA6B,CAAC,GACjE,MAAM,CAAC;AAYX,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC;IACnF;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,6BAA6B,GAAG,2BAA2B,GAAG,QAAQ,CAAC;CACxF;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG;IAC3C,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,eAAe,EAAE,OAAO,qBAAqB,CAAC;IAC9C,OAAO,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC;IAClC,mBAAmB,EAAE,OAAO,mBAAmB,CAAC;CA0CjD,CAAC"}

package/dist/cjs/components/Avatar/Avatar.js

@@ -2,17 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AVATAR_DEFAULT_SIZE: function() {
-        return AVATAR_DEFAULT_SIZE;
-    },
-    Avatar: function() {
+Object.defineProperty(exports, "Avatar", {
+    enumerable: true,
+    get: function() {
         return Avatar;
     }
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n  AvatarBadgeWithPreset,\n  type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nexport const AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n} as const;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n  | 'blue';\n\nconst gradientStyles = {\n  'red': styles['Avatar--gradient-red'],\n  'orange': styles['Avatar--gradient-orange'],\n  'yellow': styles['Avatar--gradient-yellow'],\n  'green': styles['Avatar--gradient-green'],\n  'blue': styles['Avatar--gradient-blue'],\n  'l-blue': styles['Avatar--gradient-l-blue'],\n  'violet': styles['Avatar--gradient-violet'],\n};\n\nexport interface AvatarProps extends Omit<ImageBaseProps, 'widthSize' | 'heightSize'> {\n  /**\n   * Инициалы пользователя.\n   *\n   * > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n   *\n   * > ⚠️ Перебивает `fallbackIcon`.\n   */\n  initials?: string;\n  /**\n   * Задаёт градиент для фона.\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   * 2: 'orange'\n   * 3: 'yellow'\n   * 4: 'green'\n   * 5: 'l-blue'\n   * 6: 'violet'\n   *\n   * > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n   * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients | 'custom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar: React.FC<AvatarProps> & {\n  Badge: typeof AvatarBadge;\n  BadgeWithPreset: typeof AvatarBadgeWithPreset;\n  Overlay: typeof ImageBase.Overlay;\n  getInitialsFontSize: typeof getInitialsFontSize;\n} = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  gradientColor,\n  initials,\n  fallbackIcon: fallbackIconProp,\n  children,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n  const isGradientNotCustom = gradientName && gradientName !== 'custom';\n\n  const fallbackIcon = initials ? (\n    <div\n      className={styles['Avatar__initials']}\n      style={{\n        fontSize: getInitialsFontSize(size),\n      }}\n    >\n      {initials}\n    </div>\n  ) : (\n    fallbackIconProp\n  );\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      fallbackIcon={fallbackIcon}\n      className={classNames(\n        styles['Avatar'],\n        gradientName && styles['Avatar--has-gradient'],\n        isGradientNotCustom && gradientStyles[gradientName],\n        className,\n      )}\n    >\n      {children}\n    </ImageBase>\n  );\n};\n\nAvatar.displayName = 'Avatar';\n\nAvatar.Badge = AvatarBadge;\nAvatar.Badge.displayName = 'Avatar.Badge';\n\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\nAvatar.BadgeWithPreset.displayName = 'Avatar.BadgeWithPreset';\n\nAvatar.Overlay = ImageBase.Overlay;\nAvatar.Overlay.displayName = 'Avatar.Overlay';\n\nAvatar.getInitialsFontSize = getInitialsFontSize;\n"],"names":["AVATAR_DEFAULT_SIZE","Avatar","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","size","className","gradientColor","initials","fallbackIcon","fallbackIconProp","children","restProps","gradientName","isGradientNotCustom","div","style","fontSize","getInitialsFontSize","ImageBase","classNames","displayName","Badge","AvatarBadge","BadgeWithPreset","AvatarBadgeWithPreset","Overlay"],"mappings":";;;;;;;;;;;IAgBaA,mBAAmB;eAAnBA;;IA6DAC,MAAM;eAANA;;;;;;;sBA7Ec;2BACgD;6BACxB;uCAI5C;yBAC6B;AAS7B,MAAMD,sBAAsB;AAEnC,MAAME,4BAA4B;IAChC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAYA,MAAMC,iBAAiB;IACrB,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,MAAM;IACN,QAAQ;IACR,QAAQ;AACV;AAgCO,MAAMF,SAKT;QAAC,EACHG,OAAOJ,mBAAmB,EAC1BK,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,cAAcC,gBAAgB,EAC9BC,QAAQ,EAEI,WADTC;QANHP;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAME,eACJ,OAAON,kBAAkB,WAAWJ,yBAAyB,CAACI,cAAc,GAAGA;IACjF,MAAMO,sBAAsBD,gBAAgBA,iBAAiB;IAE7D,MAAMJ,eAAeD,yBACnB,qBAACO;QACCT,SAAS;QACTU,OAAO;YACLC,UAAUC,IAAAA,4BAAmB,EAACb;QAChC;kBAECG;SAGHE;IAGF,qBACE,qBAACS,oBAAS,8CACJP;QACJP,MAAMA;QACNI,cAAcA;QACdH,WAAWc,IAAAA,gBAAU,gBAEnBP,4CACAC,uBAAuBV,cAAc,CAACS,aAAa,EACnDP;kBAGDK;;AAGP;AAEAT,OAAOmB,WAAW,GAAG;AAErBnB,OAAOoB,KAAK,GAAGC,wBAAW;AAC1BrB,OAAOoB,KAAK,CAACD,WAAW,GAAG;AAE3BnB,OAAOsB,eAAe,GAAGC,4CAAqB;AAC9CvB,OAAOsB,eAAe,CAACH,WAAW,GAAG;AAErCnB,OAAOwB,OAAO,GAAGP,oBAAS,CAACO,OAAO;AAClCxB,OAAOwB,OAAO,CAACL,WAAW,GAAG;AAE7BnB,OAAOgB,mBAAmB,GAAGA,4BAAmB"}
+{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { ImageBase, type ImageBaseOverlayProps, type ImageBaseProps } from '../ImageBase/ImageBase';\nimport { AvatarBadge, type AvatarBadgeProps } from './AvatarBadge/AvatarBadge';\nimport {\n  AvatarBadgeWithPreset,\n  type AvatarBadgeWithPresetProps,\n} from './AvatarBadge/AvatarBadgeWithPreset';\nimport { getInitialsFontSize } from './helpers';\nimport styles from './Avatar.module.css';\n\nexport type {\n  AvatarBadgeProps,\n  AvatarBadgeWithPresetProps,\n  ImageBaseOverlayProps as AvatarOverlayProps,\n};\n\nconst AVATAR_DEFAULT_SIZE = 48;\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n} as const;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | (typeof COLORS_NUMBER_TO_TEXT_MAP)[InitialsAvatarNumberGradients]\n  | 'blue';\n\nconst gradientStyles = {\n  'red': styles['Avatar--gradient-red'],\n  'orange': styles['Avatar--gradient-orange'],\n  'yellow': styles['Avatar--gradient-yellow'],\n  'green': styles['Avatar--gradient-green'],\n  'blue': styles['Avatar--gradient-blue'],\n  'l-blue': styles['Avatar--gradient-l-blue'],\n  'violet': styles['Avatar--gradient-violet'],\n};\n\nexport interface AvatarProps extends Omit<ImageBaseProps, 'widthSize' | 'heightSize'> {\n  /**\n   * Инициалы пользователя.\n   *\n   * > Note: Если аватарка не прогрузится, то пользователь увидит инициалы.\n   *\n   * > ⚠️ Перебивает `fallbackIcon`.\n   */\n  initials?: string;\n  /**\n   * Задаёт градиент для фона.\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   * 2: 'orange'\n   * 3: 'yellow'\n   * 4: 'green'\n   * 5: 'l-blue'\n   * 6: 'violet'\n   *\n   * > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n   * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients | 'custom';\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar: React.FC<AvatarProps> & {\n  Badge: typeof AvatarBadge;\n  BadgeWithPreset: typeof AvatarBadgeWithPreset;\n  Overlay: typeof ImageBase.Overlay;\n  getInitialsFontSize: typeof getInitialsFontSize;\n} = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  gradientColor,\n  initials,\n  fallbackIcon: fallbackIconProp,\n  children,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === 'number' ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor] : gradientColor;\n  const isGradientNotCustom = gradientName && gradientName !== 'custom';\n\n  const fallbackIcon = initials ? (\n    <div\n      className={styles['Avatar__initials']}\n      style={{\n        fontSize: getInitialsFontSize(size),\n      }}\n    >\n      {initials}\n    </div>\n  ) : (\n    fallbackIconProp\n  );\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      fallbackIcon={fallbackIcon}\n      className={classNames(\n        styles['Avatar'],\n        gradientName && styles['Avatar--has-gradient'],\n        isGradientNotCustom && gradientStyles[gradientName],\n        className,\n      )}\n    >\n      {children}\n    </ImageBase>\n  );\n};\n\nAvatar.displayName = 'Avatar';\n\nAvatar.Badge = AvatarBadge;\nAvatar.Badge.displayName = 'Avatar.Badge';\n\nAvatar.BadgeWithPreset = AvatarBadgeWithPreset;\nAvatar.BadgeWithPreset.displayName = 'Avatar.BadgeWithPreset';\n\nAvatar.Overlay = ImageBase.Overlay;\nAvatar.Overlay.displayName = 'Avatar.Overlay';\n\nAvatar.getInitialsFontSize = getInitialsFontSize;\n"],"names":["Avatar","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","gradientStyles","size","className","gradientColor","initials","fallbackIcon","fallbackIconProp","children","restProps","gradientName","isGradientNotCustom","div","style","fontSize","getInitialsFontSize","ImageBase","classNames","displayName","Badge","AvatarBadge","BadgeWithPreset","AvatarBadgeWithPreset","Overlay"],"mappings":";;;;+BA6EaA;;;eAAAA;;;;;;;sBA7Ec;2BACgD;6BACxB;uCAI5C;yBAC6B;AASpC,MAAMC,sBAAsB;AAE5B,MAAMC,4BAA4B;IAChC,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;AACL;AAYA,MAAMC,iBAAiB;IACrB,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,MAAM;IACN,QAAQ;IACR,QAAQ;AACV;AAgCO,MAAMH,SAKT;QAAC,EACHI,OAAOH,mBAAmB,EAC1BI,SAAS,EACTC,aAAa,EACbC,QAAQ,EACRC,cAAcC,gBAAgB,EAC9BC,QAAQ,EAEI,WADTC;QANHP;QACAC;QACAC;QACAC;QACAC;QACAE;;IAGA,MAAME,eACJ,OAAON,kBAAkB,WAAWJ,yBAAyB,CAACI,cAAc,GAAGA;IACjF,MAAMO,sBAAsBD,gBAAgBA,iBAAiB;IAE7D,MAAMJ,eAAeD,yBACnB,qBAACO;QACCT,SAAS;QACTU,OAAO;YACLC,UAAUC,IAAAA,4BAAmB,EAACb;QAChC;kBAECG;SAGHE;IAGF,qBACE,qBAACS,oBAAS,8CACJP;QACJP,MAAMA;QACNI,cAAcA;QACdH,WAAWc,IAAAA,gBAAU,gBAEnBP,4CACAC,uBAAuBV,cAAc,CAACS,aAAa,EACnDP;kBAGDK;;AAGP;AAEAV,OAAOoB,WAAW,GAAG;AAErBpB,OAAOqB,KAAK,GAAGC,wBAAW;AAC1BtB,OAAOqB,KAAK,CAACD,WAAW,GAAG;AAE3BpB,OAAOuB,eAAe,GAAGC,4CAAqB;AAC9CxB,OAAOuB,eAAe,CAACH,WAAW,GAAG;AAErCpB,OAAOyB,OAAO,GAAGP,oBAAS,CAACO,OAAO;AAClCzB,OAAOyB,OAAO,CAACL,WAAW,GAAG;AAE7BpB,OAAOiB,mBAAmB,GAAGA,4BAAmB"}

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

@@ -1,5 +1,10 @@
 import * as React from 'react';
-import { Icon12Circle as Icon12CircleLib, Icon12OnlineMobile as Icon12OnlineMobileLib } from '@vkontakte/icons';
-export declare const Icon12Circle: ({ width, height, ...restProps }: React.ComponentProps<typeof Icon12CircleLib>) => React.ReactNode;
-export declare const Icon12OnlineMobile: ({ width, height, ...restProps }: React.ComponentProps<typeof Icon12OnlineMobileLib>) => React.ReactNode;
+import { Icon12Circle as Icon12CircleLib } from '@vkontakte/icons';
+type IconsProps = Omit<React.ComponentProps<typeof Icon12CircleLib>, 'width' | 'height'> & {
+    width: number;
+    height: number;
+};
+export declare const Icon12Circle: ({ width, height, ...restProps }: IconsProps) => React.ReactNode;
+export declare const Icon12OnlineMobile: ({ width, height, ...restProps }: IconsProps) => React.ReactNode;
+export {};
 //# sourceMappingURL=icons.d.ts.map

package/dist/cjs/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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,YAAY,IAAI,eAAe,EAC/B,kBAAkB,IAAI,qBAAqB,EAC5C,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,YAAY,oCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAG,KAAK,CAAC,SAIvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,oCAI5B,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAG,KAAK,CAAC,SAQ7D,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"names":[],"mappings":"AAAA,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,oCAAqC,UAAU,KAAG,KAAK,CAAC,SAIhF,CAAC;AAEF,eAAO,MAAM,kBAAkB,oCAI5B,UAAU,KAAG,KAAK,CAAC,SAQrB,CAAC"}

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

@@ -24,7 +24,7 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _icons = require("@vkontakte/icons");
 const Icon12Circle = (_param)=>{
-    var { width = 12, height = 12 } = _param, restProps = _object_without_properties._(_param, [
+    var { width, height } = _param, restProps = _object_without_properties._(_param, [
         "width",
         "height"
     ]);
@@ -34,7 +34,7 @@ const Icon12Circle = (_param)=>{
     }));
 };
 const Icon12OnlineMobile = (_param)=>{
-    var { width = 8, height = 12 } = _param, restProps = _object_without_properties._(_param, [
+    var { width, height } = _param, restProps = _object_without_properties._(_param, [
         "width",
         "height"
     ]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Circle as Icon12CircleLib,\n  Icon12OnlineMobile as Icon12OnlineMobileLib,\n} from '@vkontakte/icons';\n\nexport const Icon12Circle = ({\n  width = 12,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12CircleLib>): React.ReactNode => {\n  return (\n    <Icon12CircleLib {...restProps} width={width >= 24 ? 15 : 12} height={height >= 24 ? 15 : 12} />\n  );\n};\n\nexport const Icon12OnlineMobile = ({\n  width = 8,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12OnlineMobileLib>): React.ReactNode => {\n  return (\n    <Icon12OnlineMobileLib\n      {...restProps}\n      width={width >= 24 ? 9 : 8}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n"],"names":["Icon12Circle","Icon12OnlineMobile","width","height","restProps","Icon12CircleLib","Icon12OnlineMobileLib"],"mappings":";;;;;;;;;;;IAMaA,YAAY;eAAZA;;IAUAC,kBAAkB;eAAlBA;;;;;;;;iEAhBU;uBAIhB;AAEA,MAAMD,eAAe;QAAC,EAC3BE,QAAQ,EAAE,EACVC,SAAS,EAAE,EAEkC,WAD1CC;QAFHF;QACAC;;IAGA,qBACE,qBAACE,mBAAe,8CAAKD;QAAWF,OAAOA,SAAS,KAAK,KAAK;QAAIC,QAAQA,UAAU,KAAK,KAAK;;AAE9F;AAEO,MAAMF,qBAAqB;QAAC,EACjCC,QAAQ,CAAC,EACTC,SAAS,EAAE,EAEwC,WADhDC;QAFHF;QACAC;;IAGA,qBACE,qBAACG,yBAAqB,8CAChBF;QACJF,OAAOA,SAAS,KAAK,IAAI;QACzBC,QAAQA,UAAU,KAAK,KAAK;;AAGlC"}
+{"version":3,"sources":["../../../../../src/components/Avatar/AvatarBadge/icons.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Icon12Circle as Icon12CircleLib,\n  Icon12OnlineMobile as Icon12OnlineMobileLib,\n} from '@vkontakte/icons';\n\ntype IconsProps = Omit<React.ComponentProps<typeof Icon12CircleLib>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n};\n\nexport const Icon12Circle = ({ width, height, ...restProps }: IconsProps): React.ReactNode => {\n  return (\n    <Icon12CircleLib {...restProps} width={width >= 24 ? 15 : 12} height={height >= 24 ? 15 : 12} />\n  );\n};\n\nexport const Icon12OnlineMobile = ({\n  width,\n  height,\n  ...restProps\n}: IconsProps): React.ReactNode => {\n  return (\n    <Icon12OnlineMobileLib\n      {...restProps}\n      width={width >= 24 ? 9 : 8}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n"],"names":["Icon12Circle","Icon12OnlineMobile","width","height","restProps","Icon12CircleLib","Icon12OnlineMobileLib"],"mappings":";;;;;;;;;;;IAWaA,YAAY;eAAZA;;IAMAC,kBAAkB;eAAlBA;;;;;;;;iEAjBU;uBAIhB;AAOA,MAAMD,eAAe;QAAC,EAAEE,KAAK,EAAEC,MAAM,EAA4B,WAAvBC;QAAlBF;QAAOC;;IACpC,qBACE,qBAACE,mBAAe,8CAAKD;QAAWF,OAAOA,SAAS,KAAK,KAAK;QAAIC,QAAQA,UAAU,KAAK,KAAK;;AAE9F;AAEO,MAAMF,qBAAqB;QAAC,EACjCC,KAAK,EACLC,MAAM,EAEK,WADRC;QAFHF;QACAC;;IAGA,qBACE,qBAACG,yBAAqB,8CAChBF;QACJF,OAAOA,SAAS,KAAK,IAAI;QACzBC,QAAQA,UAAU,KAAK,KAAK;;AAGlC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,gBAAgB,EAAkD,MAAM,SAAS,CAAC;AA2B3F,eAAO,MAAM,WAAW,4LAiBrB,gBAAgB,KAAG,KAAK,CAAC,SA0U3B,CAAC"}
+{"version":3,"file":"BaseGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,gBAAgB,EAAkD,MAAM,SAAS,CAAC;AA2B3F,eAAO,MAAM,WAAW,4LAiBrB,gBAAgB,KAAG,KAAK,CAAC,SAsU3B,CAAC"}

package/dist/cjs/components/BaseGallery/BaseGallery.js

@@ -266,9 +266,7 @@ const BaseGallery = (_param)=>{
     };
     const indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;
     const layerStyle = {
-        WebkitTransform: `translateX(${indent}px)`,
         transform: `translateX(${indent}px)`,
-        WebkitTransition: shiftState.animation ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)` : 'none',
         transition: shiftState.animation ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)` : 'none'
     };
     const setSlideRef = (slideRef, slideIndex)=>{