@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","Icon12Circle","Icon12OnlineMobile","classNames","useAdaptivity","Tappable","AVATAR_DEFAULT_SIZE","AVATAR_DEFAULT_SHADOW","Avatar","alt","crossOrigin","decoding","height","loading","referrerPolicy","sizes","src","srcSet","useMap","width","getRef","size","shadow","mode","className","children","getRootRef","style","ariaLabel","badge","overlayIcon","overlayMode","passedOverlayAction","overlayAction","onClick","restProps","hasMouse","useState","failedImage","setFailedImage","onImageError","onImageLoad","borderRadius","hasSrc","undefined"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./Avatar.css\";\n\nexport interface AvatarProps\n  extends React.ImgHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLImageElement> {\n  /**\n   * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24\n   */\n  size?: number;\n  mode?: \"default\" | \"image\" | \"app\";\n  shadow?: boolean;\n  badge?: \"online\" | \"online-mobile\" | JSX.Element;\n  overlayIcon?: JSX.Element;\n  overlayMode?: \"dark\" | \"light\";\n  /**\n   * Поведение показа overlay: \"hover\" - при наведении, \"always\" - всегда\n   */\n  overlayAction?: \"hover\" | \"always\";\n}\n\nexport const AVATAR_DEFAULT_SIZE = 48;\nexport const AVATAR_DEFAULT_SHADOW = true;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  alt,\n  crossOrigin,\n  decoding,\n  height,\n  loading,\n  referrerPolicy,\n  sizes,\n  src,\n  srcSet,\n  useMap,\n  width,\n  getRef,\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  mode = \"default\",\n  className,\n  children,\n  getRootRef,\n  style,\n  \"aria-label\": ariaLabel,\n  badge,\n  overlayIcon,\n  overlayMode = \"light\",\n  overlayAction: passedOverlayAction,\n  onClick,\n  ...restProps\n}: AvatarProps) => {\n  const { hasMouse } = useAdaptivity();\n  const [failedImage, setFailedImage] = React.useState(false);\n\n  const overlayAction = passedOverlayAction ?? (hasMouse ? \"hover\" : \"always\");\n\n  const onImageError = () => {\n    setFailedImage(true);\n  };\n\n  const onImageLoad = () => {\n    setFailedImage(false);\n  };\n\n  let borderRadius: string | number = \"50%\";\n\n  switch (mode) {\n    case \"image\":\n      size < 64 && (borderRadius = 4);\n      size >= 64 && size < 96 && (borderRadius = 6);\n      size >= 96 && (borderRadius = 8);\n      break;\n    case \"app\":\n      size <= 40 && (borderRadius = 8);\n      size > 40 && size < 56 && (borderRadius = 10);\n      size >= 56 && size < 64 && (borderRadius = 12);\n      size >= 64 && size < 84 && (borderRadius = 16);\n      size >= 84 && (borderRadius = 18);\n      break;\n    default:\n      break;\n  }\n\n  const hasSrc = src || srcSet;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Avatar\",\n        `Avatar--type-${mode}`,\n        `Avatar--sz-${size}`,\n        shadow && \"Avatar--shadow\",\n        failedImage && \"Avatar--failed\"\n      )}\n      className={className}\n      ref={getRootRef}\n      role={hasSrc ? \"img\" : \"presentation\"}\n      aria-label={alt || ariaLabel}\n      onClick={!overlayIcon ? onClick : undefined}\n      style={{ ...style, width: size, height: size, borderRadius }}\n    >\n      {hasSrc && (\n        <img\n          crossOrigin={crossOrigin}\n          decoding={decoding}\n          height={height}\n          loading={loading}\n          referrerPolicy={referrerPolicy}\n          sizes={sizes}\n          src={src}\n          srcSet={srcSet}\n          useMap={useMap}\n          width={width}\n          ref={getRef}\n          onError={onImageError}\n          onLoad={onImageLoad}\n          vkuiClass=\"Avatar__img\"\n          alt=\"\"\n        />\n      )}\n      {children && <div vkuiClass=\"Avatar__children\">{children}</div>}\n      {overlayIcon && (\n        <Tappable\n          Component=\"button\"\n          vkuiClass={classNames(\n            \"Avatar__overlay\",\n            overlayAction === \"always\" && \"Avatar__overlay--visible\",\n            overlayMode === \"light\" && \"Avatar__overlay--light\",\n            overlayMode === \"dark\" && \"Avatar__overlay--dark\"\n          )}\n          hoverMode=\"Avatar__overlay--visible\"\n          focusVisibleMode=\"Avatar__overlay--focus-visible\"\n          hasActive={false}\n          onClick={onClick}\n        >\n          {overlayIcon}\n        </Tappable>\n      )}\n      {badge && (\n        <div\n          vkuiClass={classNames(\n            \"Avatar__badge\",\n            size >= 96 && \"Avatar__badge--large\",\n            badge !== \"online\" &&\n              badge !== \"online-mobile\" &&\n              \"Avatar__badge--shadow\"\n          )}\n        >\n          {badge === \"online\" ? (\n            <div vkuiClass=\"Avatar__badge-online\">\n              <Icon12Circle\n                width={size >= 72 ? 15 : 12}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : badge === \"online-mobile\" ? (\n            <div vkuiClass=\"Avatar__badge-online-mobile\">\n              <Icon12OnlineMobile\n                width={size >= 72 ? 9 : 8}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : (\n            badge\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT,EAAuBC,kBAAvB,QAAiD,kBAAjD;AACA,SAASC,UAAT;AACA,SAASC,aAAT;AACA,SAASC,QAAT;AAuBA,OAAO,IAAMC,mBAAmB,GAAG,EAA5B;AACP,OAAO,IAAMC,qBAAqB,GAAG,IAA9B;AAEP;AACA;AACA;;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OA2BH;EAAA,IA1BjBC,GA0BiB,QA1BjBA,GA0BiB;EAAA,IAzBjBC,WAyBiB,QAzBjBA,WAyBiB;EAAA,IAxBjBC,QAwBiB,QAxBjBA,QAwBiB;EAAA,IAvBjBC,MAuBiB,QAvBjBA,MAuBiB;EAAA,IAtBjBC,OAsBiB,QAtBjBA,OAsBiB;EAAA,IArBjBC,cAqBiB,QArBjBA,cAqBiB;EAAA,IApBjBC,KAoBiB,QApBjBA,KAoBiB;EAAA,IAnBjBC,GAmBiB,QAnBjBA,GAmBiB;EAAA,IAlBjBC,MAkBiB,QAlBjBA,MAkBiB;EAAA,IAjBjBC,MAiBiB,QAjBjBA,MAiBiB;EAAA,IAhBjBC,KAgBiB,QAhBjBA,KAgBiB;EAAA,IAfjBC,MAeiB,QAfjBA,MAeiB;EAAA,qBAdjBC,IAciB;EAAA,IAdjBA,IAciB,0BAdVf,mBAcU;EAAA,uBAbjBgB,MAaiB;EAAA,IAbjBA,MAaiB,4BAbRf,qBAaQ;EAAA,qBAZjBgB,IAYiB;EAAA,IAZjBA,IAYiB,0BAZV,SAYU;EAAA,IAXjBC,SAWiB,QAXjBA,SAWiB;EAAA,IAVjBC,QAUiB,QAVjBA,QAUiB;EAAA,IATjBC,UASiB,QATjBA,UASiB;EAAA,IARjBC,KAQiB,QARjBA,KAQiB;EAAA,IAPHC,SAOG,QAPjB,YAOiB;EAAA,IANjBC,KAMiB,QANjBA,KAMiB;EAAA,IALjBC,WAKiB,QALjBA,WAKiB;EAAA,4BAJjBC,WAIiB;EAAA,IAJjBA,WAIiB,iCAJH,OAIG;EAAA,IAHFC,mBAGE,QAHjBC,aAGiB;EAAA,IAFjBC,OAEiB,QAFjBA,OAEiB;EAAA,IADdC,SACc;;EACjB,qBAAqB/B,aAAa,EAAlC;EAAA,IAAQgC,QAAR,kBAAQA,QAAR;;EACA,sBAAsCpC,KAAK,CAACqC,QAAN,CAAe,KAAf,CAAtC;EAAA;EAAA,IAAOC,WAAP;EAAA,IAAoBC,cAApB;;EAEA,IAAMN,aAAa,GAAGD,mBAAH,aAAGA,mBAAH,cAAGA,mBAAH,GAA2BI,QAAQ,GAAG,OAAH,GAAa,QAAnE;;EAEA,IAAMI,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzBD,cAAc,CAAC,IAAD,CAAd;EACD,CAFD;;EAIA,IAAME,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBF,cAAc,CAAC,KAAD,CAAd;EACD,CAFD;;EAIA,IAAIG,YAA6B,GAAG,KAApC;;EAEA,QAAQnB,IAAR;IACE,KAAK,OAAL;MACEF,IAAI,GAAG,EAAP,KAAcqB,YAAY,GAAG,CAA7B;MACArB,IAAI,IAAI,EAAR,IAAcA,IAAI,GAAG,EAArB,KAA4BqB,YAAY,GAAG,CAA3C;MACArB,IAAI,IAAI,EAAR,KAAeqB,YAAY,GAAG,CAA9B;MACA;;IACF,KAAK,KAAL;MACErB,IAAI,IAAI,EAAR,KAAeqB,YAAY,GAAG,CAA9B;MACArB,IAAI,GAAG,EAAP,IAAaA,IAAI,GAAG,EAApB,KAA2BqB,YAAY,GAAG,EAA1C;MACArB,IAAI,IAAI,EAAR,IAAcA,IAAI,GAAG,EAArB,KAA4BqB,YAAY,GAAG,EAA3C;MACArB,IAAI,IAAI,EAAR,IAAcA,IAAI,GAAG,EAArB,KAA4BqB,YAAY,GAAG,EAA3C;MACArB,IAAI,IAAI,EAAR,KAAeqB,YAAY,GAAG,EAA9B;MACA;;IACF;MACE;EAdJ;;EAiBA,IAAMC,MAAM,GAAG3B,GAAG,IAAIC,MAAtB;EAEA,OACE,wCACMkB,SADN;IAEE,SAAS,EAAEhC,UAAU,CACnB,QADmB,yBAEHoB,IAFG,wBAGLF,IAHK,GAInBC,MAAM,IAAI,gBAJS,EAKnBgB,WAAW,IAAI,gBALI,CAFvB;IASE,SAAS,EAAEd,SATb;IAUE,GAAG,EAAEE,UAVP;IAWE,IAAI,EAAEiB,MAAM,GAAG,KAAH,GAAW,cAXzB;IAYE,cAAYlC,GAAG,IAAImB,SAZrB;IAaE,OAAO,EAAE,CAACE,WAAD,GAAeI,OAAf,GAAyBU,SAbpC;IAcE,KAAK,kCAAOjB,KAAP;MAAcR,KAAK,EAAEE,IAArB;MAA2BT,MAAM,EAAES,IAAnC;MAAyCqB,YAAY,EAAZA;IAAzC;EAdP,IAgBGC,MAAM,IACL;IACE,WAAW,EAAEjC,WADf;IAEE,QAAQ,EAAEC,QAFZ;IAGE,MAAM,EAAEC,MAHV;IAIE,OAAO,EAAEC,OAJX;IAKE,cAAc,EAAEC,cALlB;IAME,KAAK,EAAEC,KANT;IAOE,GAAG,EAAEC,GAPP;IAQE,MAAM,EAAEC,MARV;IASE,MAAM,EAAEC,MATV;IAUE,KAAK,EAAEC,KAVT;IAWE,GAAG,EAAEC,MAXP;IAYE,OAAO,EAAEoB,YAZX;IAaE,MAAM,EAAEC,WAbV;IAcE,SAAS,EAAC,aAdZ;IAeE,GAAG,EAAC;EAfN,EAjBJ,EAmCGhB,QAAQ,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,QAAnC,CAnCf,EAoCGK,WAAW,IACV,oBAAC,QAAD;IACE,SAAS,EAAC,QADZ;IAEE,SAAS,EAAE3B,UAAU,CACnB,iBADmB,EAEnB8B,aAAa,KAAK,QAAlB,IAA8B,0BAFX,EAGnBF,WAAW,KAAK,OAAhB,IAA2B,wBAHR,EAInBA,WAAW,KAAK,MAAhB,IAA0B,uBAJP,CAFvB;IAQE,SAAS,EAAC,0BARZ;IASE,gBAAgB,EAAC,gCATnB;IAUE,SAAS,EAAE,KAVb;IAWE,OAAO,EAAEG;EAXX,GAaGJ,WAbH,CArCJ,EAqDGD,KAAK,IACJ;IACE,SAAS,EAAE1B,UAAU,CACnB,eADmB,EAEnBkB,IAAI,IAAI,EAAR,IAAc,sBAFK,EAGnBQ,KAAK,KAAK,QAAV,IACEA,KAAK,KAAK,eADZ,IAEE,uBALiB;EADvB,GASGA,KAAK,KAAK,QAAV,GACC;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,YAAD;IACE,KAAK,EAAER,IAAI,IAAI,EAAR,GAAa,EAAb,GAAkB,EAD3B;IAEE,MAAM,EAAEA,IAAI,IAAI,EAAR,GAAa,EAAb,GAAkB;EAF5B,EADF,CADD,GAOGQ,KAAK,KAAK,eAAV,GACF;IAAK,SAAS,EAAC;EAAf,GACE,oBAAC,kBAAD;IACE,KAAK,EAAER,IAAI,IAAI,EAAR,GAAa,CAAb,GAAiB,CAD1B;IAEE,MAAM,EAAEA,IAAI,IAAI,EAAR,GAAa,EAAb,GAAkB;EAF5B,EADF,CADE,GAQFQ,KAxBJ,CAtDJ,CADF;AAqFD,CAnJM"}
+{"version":3,"file":"Avatar.js","names":["Icon28Users","classNamesString","ImageBase","getInitialsFontSize","Icon12Circle","Icon12OnlineMobile","BADGE_ONLINE","className","styles","background","Icon","BADGE_ONLINE_MOBILE","COLORS_NUMBER_TO_TEXT_MAP","AVATAR_DEFAULT_SIZE","Avatar","size","badgeProp","badge","gradientColor","children","FallbackIcon","restProps","gradientName","undefined","fontSize"],"sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { Icon28Users } from \"@vkontakte/icons\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport {\n  type ImageBaseProps,\n  type ImageBaseBadgeProps,\n  ImageBase,\n} from \"../ImageBase/ImageBase\";\nimport { getInitialsFontSize } from \"./helpers\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"./icons\";\nimport styles from \"./Avatar.module.css\";\n\nconst BADGE_ONLINE = {\n  className: classNamesString(\n    styles[\"Avatar__badge\"],\n    styles[`Avatar__badge--online`]\n  ),\n  background: \"stroke\" as const,\n  Icon: Icon12Circle,\n};\n\nconst BADGE_ONLINE_MOBILE = {\n  className: classNamesString(\n    styles[\"Avatar__badge\"],\n    styles[`Avatar__badge--online-mobile`]\n  ),\n  background: \"stroke\" as const,\n  Icon: Icon12OnlineMobile,\n};\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\nexport const AVATAR_DEFAULT_SIZE = 48;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients =\n  keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | typeof COLORS_NUMBER_TO_TEXT_MAP[InitialsAvatarNumberGradients]\n  | \"blue\";\n\nexport interface AvatarProps extends Omit<ImageBaseProps, \"badge\"> {\n  /**\n   * > Не показывается при `size < 24`\n   *\n   * Бейдж в правом нижнем углу компонента.\n   *\n   * Можно передать алиасы, конструктор иконки или конфигурацию.\n   */\n  badge?:\n    | \"online\"\n    | \"online-mobile\"\n    | ImageBaseBadgeProps[\"Icon\"]\n    | ImageBaseBadgeProps;\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?:\n    | InitialsAvatarNumberGradients\n    | InitialsAvatarTextGradients\n    | \"custom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  badge: badgeProp,\n  gradientColor,\n  children,\n  FallbackIcon = Icon28Users,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === \"number\"\n      ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor]\n      : gradientColor;\n\n  let badge: ImageBaseProps[\"badge\"] | undefined = undefined;\n  switch (badgeProp) {\n    case undefined:\n      break;\n    case \"online\":\n      badge = BADGE_ONLINE;\n      break;\n    case \"online-mobile\":\n      badge = BADGE_ONLINE_MOBILE;\n      break;\n    default:\n      badge = {\n        ...(typeof badgeProp === \"function\" ? { Icon: badgeProp } : badgeProp),\n        className: classNamesString(\n          styles[\"Avatar__badge\"],\n          size < 96 && styles[\"Avatar__badge--shifted\"]\n        ),\n      };\n  }\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      badge={badge}\n      className={classNamesString(\n        styles[\"Avatar\"],\n        gradientName && styles[`Avatar--has-gradient`],\n        gradientName !== \"custom\" && styles[`Avatar--gradient-${gradientName}`],\n        className\n      )}\n      FallbackIcon={FallbackIcon}\n    >\n      {children && (\n        <div\n          className={styles[\"Avatar__content\"]}\n          style={{\n            fontSize: getInitialsFontSize(size),\n          }}\n        >\n          {children}\n        </div>\n      )}\n    </ImageBase>\n  );\n};\n"],"mappings":";;;;;AAAA,SAASA,WAAT,QAA4B,kBAA5B;AACA,SAASC,gBAAT;AACA,SAGEC,SAHF;AAKA,SAASC,mBAAT;AACA,SAASC,YAAT,EAAuBC,kBAAvB;;;;;;;;;;;;;;;;;;AAGA,IAAMC,YAAY,GAAG;EACnBC,SAAS,EAAEN,gBAAgB,CACzBO,MAAM,CAAC,eAAD,CADmB,EAEzBA,MAAM,yBAFmB,CADR;EAKnBC,UAAU,EAAE,QALO;EAMnBC,IAAI,EAAEN;AANa,CAArB;AASA,IAAMO,mBAAmB,GAAG;EAC1BJ,SAAS,EAAEN,gBAAgB,CACzBO,MAAM,CAAC,eAAD,CADmB,EAEzBA,MAAM,gCAFmB,CADD;EAK1BC,UAAU,EAAE,QALc;EAM1BC,IAAI,EAAEL;AANoB,CAA5B;AASA,IAAMO,yBAAyB,GAAG;EAChC,GAAG,KAD6B;EAEhC,GAAG,QAF6B;EAGhC,GAAG,QAH6B;EAIhC,GAAG,OAJ6B;EAKhC,GAAG,QAL6B;EAMhC,GAAG;AAN6B,CAAlC;AASA,OAAO,IAAMC,mBAAmB,GAAG,EAA5B;AAEP;AACA;AACA;AACA;;AA0CA;AACA;AACA;AACA,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAQH;EAAA,qBAPjBC,IAOiB;EAAA,IAPjBA,IAOiB,0BAPVF,mBAOU;EAAA,IANjBN,SAMiB,QANjBA,SAMiB;EAAA,IALVS,SAKU,QALjBC,KAKiB;EAAA,IAJjBC,aAIiB,QAJjBA,aAIiB;EAAA,IAHjBC,QAGiB,QAHjBA,QAGiB;EAAA,6BAFjBC,YAEiB;EAAA,IAFjBA,YAEiB,kCAFFpB,WAEE;EAAA,IADdqB,SACc;;EACjB,IAAMC,YAAY,GAChB,OAAOJ,aAAP,KAAyB,QAAzB,GACIN,yBAAyB,CAACM,aAAD,CAD7B,GAEIA,aAHN;EAKA,IAAID,KAA0C,GAAGM,SAAjD;;EACA,QAAQP,SAAR;IACE,KAAKO,SAAL;MACE;;IACF,KAAK,QAAL;MACEN,KAAK,GAAGX,YAAR;MACA;;IACF,KAAK,eAAL;MACEW,KAAK,GAAGN,mBAAR;MACA;;IACF;MACEM,KAAK,mCACC,OAAOD,SAAP,KAAqB,UAArB,GAAkC;QAAEN,IAAI,EAAEM;MAAR,CAAlC,GAAwDA,SADzD;QAEHT,SAAS,EAAEN,gBAAgB,CACzBO,MAAM,CAAC,eAAD,CADmB,EAEzBO,IAAI,GAAG,EAAP,IAAaP,MAAM,CAAC,wBAAD,CAFM;MAFxB,EAAL;EAVJ;;EAmBA,OACE,oBAAC,SAAD,eACMa,SADN;IAEE,IAAI,EAAEN,IAFR;IAGE,KAAK,EAAEE,KAHT;IAIE,SAAS,EAAEhB,gBAAgB,CACzBO,MAAM,CAAC,QAAD,CADmB,EAEzBc,YAAY,IAAId,MAAM,wBAFG,EAGzBc,YAAY,KAAK,QAAjB,IAA6Bd,MAAM,4BAAqBc,YAArB,EAHV,EAIzBf,SAJyB,CAJ7B;IAUE,YAAY,EAAEa;EAVhB,IAYGD,QAAQ,IACP;IACE,SAAS,EAAEX,MAAM,CAAC,iBAAD,CADnB;IAEE,KAAK,EAAE;MACLgB,QAAQ,EAAErB,mBAAmB,CAACY,IAAD;IADxB;EAFT,GAMGI,QANH,CAbJ,CADF;AAyBD,CA3DM"}

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

@@ -0,0 +1,4 @@
+/**
+ * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.
+ */
+export declare function getInitialsFontSize(avatarSize: number): number;

package/dist/components/Avatar/helpers.js

@@ -0,0 +1,35 @@
+var MAX_FONT_SIZE = 30;
+var MAX_IMAGE_BASE_SIZE = 96;
+var RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;
+/**
+ * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.
+ */
+
+export function getInitialsFontSize(avatarSize) {
+  if (avatarSize <= 16) {
+    return 5;
+  } else if (avatarSize <= 24) {
+    return 8;
+  } else if (avatarSize <= 32) {
+    return 10;
+  } else if (avatarSize <= 36) {
+    return 13;
+  } else if (avatarSize <= 44) {
+    return 14;
+  } else if (avatarSize <= 48) {
+    return 17;
+  } else if (avatarSize < 56) {
+    return 18;
+  } else if (avatarSize <= 64) {
+    return 21;
+  } else if (avatarSize <= 88) {
+    return 26;
+  } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {
+    return MAX_FONT_SIZE;
+  }
+
+  var calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);
+  var evenFix = calculatedFontSize % 2;
+  return calculatedFontSize + evenFix;
+}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["MAX_FONT_SIZE","MAX_IMAGE_BASE_SIZE","RELATIVE_SIZE","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix"],"sources":["../../../src/components/Avatar/helpers.ts"],"sourcesContent":["import type { ImageBaseSize } from \"../ImageBase/ImageBase\";\n\nconst MAX_FONT_SIZE = 30;\nconst MAX_IMAGE_BASE_SIZE: ImageBaseSize = 96;\nconst RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;\n\n/**\n * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.\n */\nexport function getInitialsFontSize(avatarSize: number): number {\n  if (avatarSize <= 16) {\n    return 5;\n  } else if (avatarSize <= 24) {\n    return 8;\n  } else if (avatarSize <= 32) {\n    return 10;\n  } else if (avatarSize <= 36) {\n    return 13;\n  } else if (avatarSize <= 44) {\n    return 14;\n  } else if (avatarSize <= 48) {\n    return 17;\n  } else if (avatarSize < 56) {\n    return 18;\n  } else if (avatarSize <= 64) {\n    return 21;\n  } else if (avatarSize <= 88) {\n    return 26;\n  } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {\n    return MAX_FONT_SIZE;\n  }\n\n  const calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n"],"mappings":"AAEA,IAAMA,aAAa,GAAG,EAAtB;AACA,IAAMC,mBAAkC,GAAG,EAA3C;AACA,IAAMC,aAAa,GAAGF,aAAa,GAAGC,mBAAtC;AAEA;AACA;AACA;;AACA,OAAO,SAASE,mBAAT,CAA6BC,UAA7B,EAAyD;EAC9D,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IACpB,OAAO,CAAP;EACD,CAFD,MAEO,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,CAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,GAAG,EAAjB,EAAqB;IAC1B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAIH,mBAAlB,EAAuC;IAC5C,OAAOD,aAAP;EACD;;EAED,IAAMK,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAGF,aAAvB,CAA3B;EACA,IAAMM,OAAO,GAAGH,kBAAkB,GAAG,CAArC;EACA,OAAOA,kBAAkB,GAAGG,OAA5B;AACD"}

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

@@ -0,0 +1,4 @@
+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>) => JSX.Element;
+export declare const Icon12OnlineMobile: ({ width, height, ...restProps }: React.ComponentProps<typeof Icon12OnlineMobileLib>) => JSX.Element;

package/dist/components/Avatar/icons.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["width", "height"],
+    _excluded2 = ["width", "height"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import { Icon12Circle as Icon12CircleLib, Icon12OnlineMobile as Icon12OnlineMobileLib } from "@vkontakte/icons";
+export var Icon12Circle = function Icon12Circle(_ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 12 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 12 : _ref$height,
+      restProps = _objectWithoutProperties(_ref, _excluded);
+
+  return createScopedElement(Icon12CircleLib, _extends({}, restProps, {
+    width: width >= 24 ? 15 : 12,
+    height: height >= 24 ? 15 : 12
+  }));
+};
+export var Icon12OnlineMobile = function Icon12OnlineMobile(_ref2) {
+  var _ref2$width = _ref2.width,
+      width = _ref2$width === void 0 ? 8 : _ref2$width,
+      _ref2$height = _ref2.height,
+      height = _ref2$height === void 0 ? 12 : _ref2$height,
+      restProps = _objectWithoutProperties(_ref2, _excluded2);
+
+  return createScopedElement(Icon12OnlineMobileLib, _extends({}, restProps, {
+    width: width >= 24 ? 9 : 8,
+    height: height >= 24 ? 15 : 12
+  }));
+};
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":["Icon12Circle","Icon12CircleLib","Icon12OnlineMobile","Icon12OnlineMobileLib","width","height","restProps"],"sources":["../../../src/components/Avatar/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>) => {\n  return (\n    <Icon12CircleLib\n      {...restProps}\n      width={width >= 24 ? 15 : 12}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n\nexport const Icon12OnlineMobile = ({\n  width = 8,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12OnlineMobileLib>) => {\n  return (\n    <Icon12OnlineMobileLib\n      {...restProps}\n      width={width >= 24 ? 9 : 8}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n"],"mappings":";;;;;AACA,SACEA,YAAY,IAAIC,eADlB,EAEEC,kBAAkB,IAAIC,qBAFxB,QAGO,kBAHP;AAKA,OAAO,IAAMH,YAAY,GAAG,SAAfA,YAAe,OAIwB;EAAA,sBAHlDI,KAGkD;EAAA,IAHlDA,KAGkD,2BAH1C,EAG0C;EAAA,uBAFlDC,MAEkD;EAAA,IAFlDA,MAEkD,4BAFzC,EAEyC;EAAA,IAD/CC,SAC+C;;EAClD,OACE,oBAAC,eAAD,eACMA,SADN;IAEE,KAAK,EAAEF,KAAK,IAAI,EAAT,GAAc,EAAd,GAAmB,EAF5B;IAGE,MAAM,EAAEC,MAAM,IAAI,EAAV,GAAe,EAAf,GAAoB;EAH9B,GADF;AAOD,CAZM;AAcP,OAAO,IAAMH,kBAAkB,GAAG,SAArBA,kBAAqB,QAIwB;EAAA,wBAHxDE,KAGwD;EAAA,IAHxDA,KAGwD,4BAHhD,CAGgD;EAAA,yBAFxDC,MAEwD;EAAA,IAFxDA,MAEwD,6BAF/C,EAE+C;EAAA,IADrDC,SACqD;;EACxD,OACE,oBAAC,qBAAD,eACMA,SADN;IAEE,KAAK,EAAEF,KAAK,IAAI,EAAT,GAAc,CAAd,GAAkB,CAF3B;IAGE,MAAM,EAAEC,MAAM,IAAI,EAAV,GAAe,EAAf,GAAoB;EAH9B,GADF;AAOD,CAZM"}

package/dist/components/Badge/Badge.js

@@ -13,7 +13,7 @@ export var Badge = function Badge(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
 
   return createScopedElement("span", _extends({
-    vkuiClass: classNames("Badge", "Badge--".concat(mode))
+    vkuiClass: classNames("Badge", "Badge--mode-".concat(mode))
   }, restProps));
 };
 //# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["classNames","Badge","mode","restProps"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n  <span vkuiClass={classNames(\"Badge\", `Badge--${mode}`)} {...restProps} />\n);\n"],"mappings":";;;;AACA,SAASA,UAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ;EAAA,qBAAGC,IAAH;EAAA,IAAGA,IAAH,0BAAU,KAAV;EAAA,IAAoBC,SAApB;;EAAA,OACnB;IAAM,SAAS,EAAEH,UAAU,CAAC,OAAD,mBAAoBE,IAApB;EAA3B,GAA4DC,SAA5D,EADmB;AAAA,CAAd"}
+{"version":3,"file":"Badge.js","names":["classNames","Badge","mode","restProps"],"sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n  <span vkuiClass={classNames(\"Badge\", `Badge--mode-${mode}`)} {...restProps} />\n);\n"],"mappings":";;;;AACA,SAASA,UAAT;;AAOA;AACA;AACA;AACA,OAAO,IAAMC,KAAK,GAAG,SAARA,KAAQ;EAAA,qBAAGC,IAAH;EAAA,IAAGA,IAAH,0BAAU,KAAV;EAAA,IAAoBC,SAApB;;EAAA,OACnB;IAAM,SAAS,EAAEH,UAAU,CAAC,OAAD,wBAAyBE,IAAzB;EAA3B,GAAiEC,SAAjE,EADmB;AAAA,CAAd"}

package/dist/components/Banner/Banner.d.ts

@@ -54,10 +54,18 @@ export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     background?: React.ReactNode;
     /**
-     * Кнопки, отображаемые в баннере.
+     * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button).
      *
-     * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode="primary" />` или `<Button mode="tertiary" hasHover={false} />`.
-     * - В режиме `image` с тёмным фоном – `<Button mode="overlay_primary" />`.
+     * - В режиме `tint` или `image` со светлым фоном используйте только с параметрами:
+     *    - `mode="primary"`
+     *    - `mode="secondary"`
+     * - В режиме `image` с тёмным фоном используйте с параметрами:
+     *    - `appearance="overlay"`.
+     *
+     * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:
+     *
+     * - `gap="m" mode="horizontal" stretched`
+     * - `gap="m" mode="vertical" stretched`
      */
     actions?: React.ReactNode;
 }

package/dist/components/Banner/Banner.js

@@ -5,7 +5,7 @@ import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
-import { IOS } from "../../lib/platform";
+import { Platform } from "../../lib/platform";
 import { hasReactNode } from "../../lib/utils";
 import { Icon24Chevron, Icon24DismissSubstract, Icon24DismissDark, Icon24Cancel } from "@vkontakte/icons";
 import { Tappable } from "../Tappable/Tappable";
@@ -63,10 +63,10 @@ export var Banner = function Banner(_ref) {
     vkuiClass: "Banner__actions"
   }, actions)));
   return createScopedElement("section", _extends({}, restProps, {
-    vkuiClass: classNames("Banner", platform === IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
+    vkuiClass: classNames("Banner", platform === Platform.IOS && "Banner--ios", "Banner--mode-".concat(mode), "Banner--size-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
   }), asideMode === "expand" ? createScopedElement(Tappable, {
     vkuiClass: "Banner__in",
-    activeMode: platform === IOS ? "opacity" : "background",
+    activeMode: platform === Platform.IOS ? "opacity" : "background",
     role: "button"
   }, content, createScopedElement("div", {
     vkuiClass: "Banner__aside"
@@ -80,6 +80,6 @@ export var Banner = function Banner(_ref) {
     onClick: onDismiss,
     hoverMode: "opacity",
     hasActive: false
-  }, platform === IOS ? createScopedElement(IconDismissIOS, null) : createScopedElement(Icon24Cancel, null)))));
+  }, platform === Platform.IOS ? createScopedElement(IconDismissIOS, null) : createScopedElement(Icon24Cancel, null)))));
 };
 //# sourceMappingURL=Banner.js.map

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["React","classNames","usePlatform","IOS","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","HeaderTypography","SubheaderTypography","IconDismissIOS","content","Children","count"],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки, отображаемые в баннере.\n   *\n   * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n   * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const HeaderTypography = size === \"m\" ? Title : Headline;\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  const IconDismissIOS =\n    mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n  const content = (\n    <React.Fragment>\n      {mode === \"image\" && background && (\n        <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n          {background}\n        </div>\n      )}\n\n      {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n      <div vkuiClass=\"Banner__content\">\n        {hasReactNode(header) && (\n          <HeaderTypography\n            Component=\"span\"\n            vkuiClass=\"Banner__header\"\n            weight=\"2\"\n            level={size === \"m\" ? \"2\" : \"1\"}\n          >\n            {header}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subheader) && (\n          <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n            {subheader}\n          </SubheaderTypography>\n        )}\n        {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div vkuiClass=\"Banner__actions\">{actions}</div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === IOS && \"Banner--ios\",\n        `Banner--md-${mode}`,\n        `Banner--sz-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      {asideMode === \"expand\" ? (\n        <Tappable\n          vkuiClass=\"Banner__in\"\n          activeMode={platform === IOS ? \"opacity\" : \"background\"}\n          role=\"button\"\n        >\n          {content}\n\n          <div vkuiClass=\"Banner__aside\">\n            <Icon24Chevron />\n          </div>\n        </Tappable>\n      ) : (\n        <div vkuiClass=\"Banner__in\">\n          {content}\n\n          {asideMode === \"dismiss\" && (\n            <div vkuiClass=\"Banner__aside\">\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n              </IconButton>\n            </div>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["React","classNames","usePlatform","Platform","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","HeaderTypography","SubheaderTypography","IconDismissIOS","content","Children","count","IOS"],"sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button).\n   *\n   * - В режиме `tint` или `image` со светлым фоном используйте только с параметрами:\n   *    - `mode=\"primary\"`\n   *    - `mode=\"secondary\"`\n   * - В режиме `image` с тёмным фоном используйте с параметрами:\n   *    - `appearance=\"overlay\"`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"m\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const HeaderTypography = size === \"m\" ? Title : Headline;\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  const IconDismissIOS =\n    mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n  const content = (\n    <React.Fragment>\n      {mode === \"image\" && background && (\n        <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n          {background}\n        </div>\n      )}\n\n      {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n      <div vkuiClass=\"Banner__content\">\n        {hasReactNode(header) && (\n          <HeaderTypography\n            Component=\"span\"\n            vkuiClass=\"Banner__header\"\n            weight=\"2\"\n            level={size === \"m\" ? \"2\" : \"1\"}\n          >\n            {header}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subheader) && (\n          <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n            {subheader}\n          </SubheaderTypography>\n        )}\n        {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div vkuiClass=\"Banner__actions\">{actions}</div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === Platform.IOS && \"Banner--ios\",\n        `Banner--mode-${mode}`,\n        `Banner--size-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      {asideMode === \"expand\" ? (\n        <Tappable\n          vkuiClass=\"Banner__in\"\n          activeMode={platform === Platform.IOS ? \"opacity\" : \"background\"}\n          role=\"button\"\n        >\n          {content}\n\n          <div vkuiClass=\"Banner__aside\">\n            <Icon24Chevron />\n          </div>\n        </Tappable>\n      ) : (\n        <div vkuiClass=\"Banner__in\">\n          {content}\n\n          {asideMode === \"dismiss\" && (\n            <div vkuiClass=\"Banner__aside\">\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === Platform.IOS ? (\n                  <IconDismissIOS />\n                ) : (\n                  <Icon24Cancel />\n                )}\n              </IconButton>\n            </div>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { BaseGalleryProps } from "./types";
 import "./BaseGallery.css";
-export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, onEnd: onEndProp, align, showArrows, getRef, ...restProps }: BaseGalleryProps) => JSX.Element;
+export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, align, showArrows, getRef, ...restProps }: BaseGalleryProps) => JSX.Element;

package/dist/components/BaseGallery/BaseGallery.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "onEnd", "align", "showArrows", "getRef"];
+var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "align", "showArrows", "getRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
@@ -49,7 +49,6 @@ export var BaseGallery = function BaseGallery(_ref) {
       onChange = _ref.onChange,
       onPrevClick = _ref.onPrevClick,
       onNextClick = _ref.onNextClick,
-      onEndProp = _ref.onEnd,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "left" : _ref$align,
       showArrows = _ref.showArrows,
@@ -255,7 +254,8 @@ export var BaseGallery = function BaseGallery(_ref) {
     return targetIndex;
   };
 
-  var onStart = function onStart() {
+  var onStart = function onStart(e) {
+    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e);
     setShiftState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
         animation: false
@@ -268,9 +268,6 @@ export var BaseGallery = function BaseGallery(_ref) {
       e.originalEvent.preventDefault();
 
       if (e.isSlideX) {
-        // TODO исправить в рамках issue #2698
-        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e);
-
         if (shiftState.deltaX !== e.shiftX) {
           setShiftState(function (prevState) {
             return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -285,7 +282,7 @@ export var BaseGallery = function BaseGallery(_ref) {
 
   var onEnd = function onEnd(e) {
     var targetIndex = e.isSlide ? getTarget(e) : slideIndex !== null && slideIndex !== void 0 ? slideIndex : 0;
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e);
+    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e, targetIndex);
     var nextShiftState = {
       animation: true,
       dragging: false,
@@ -304,12 +301,7 @@ export var BaseGallery = function BaseGallery(_ref) {
 
     if (targetIndex !== slideIndex) {
       onChange === null || onChange === void 0 ? void 0 : onChange(targetIndex);
-    } // TODO исправить в рамках issue #2698
-
-
-    onEndProp === null || onEndProp === void 0 ? void 0 : onEndProp({
-      targetIndex: targetIndex
-    });
+    }
   };
 
   var indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;
@@ -330,7 +322,7 @@ export var BaseGallery = function BaseGallery(_ref) {
   align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$9 = layoutState.current.layerWidth) !== null && _layoutState$current$9 !== void 0 ? _layoutState$current$9 : 0) || // otherwise we need to check current slide index (align = right or align = center)
   align !== "left" && slideIndex < layoutState.current.slides.length - 1);
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames("Gallery", "Gallery--".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),
+    vkuiClass: classNames("Gallery", "Gallery--align-".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),
     ref: rootRef
   }), createScopedElement(Touch, {
     vkuiClass: "Gallery__viewport",

package/dist/components/BaseGallery/BaseGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseGallery.js","names":["React","classNames","Touch","HorizontalScrollArrow","useExternRef","useDOM","useAdaptivity","useIsomorphicLayoutEffect","useGlobalEventListener","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","onEndProp","onEnd","align","showArrows","getRef","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","el"],"sources":["../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  onEnd: onEndProp,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !==\n        localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = () => {\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        // TODO исправить в рамках issue #2698\n        onDragStart?.(e);\n\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n\n    // TODO исправить в рамках issue #2698\n    onEndProp?.({ targetIndex });\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BaseGallery.js","names":["React","classNames","Touch","HorizontalScrollArrow","useExternRef","useDOM","useAdaptivity","useIsomorphicLayoutEffect","useGlobalEventListener","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","el"],"sources":["../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !==\n        localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = (e: TouchEvent) => {\n    onDragStart?.(e);\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e, targetIndex);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--align-${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/BaseGallery/types.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { HasAlign, HasRef, HasRootRef } from "../../types";
-import { TouchEventHandler } from "../Touch/Touch";
+import { TouchEvent, TouchEventHandler } from "../Touch/Touch";
 export interface GallerySlidesState {
     coordX: number;
     width: number;
@@ -24,11 +24,8 @@ export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     slideWidth?: string | number;
     slideIndex?: number;
     onDragStart?: TouchEventHandler;
-    onDragEnd?: TouchEventHandler;
+    onDragEnd?(e: TouchEvent, targetIndex: number): void;
     onChange?(current: number): void;
-    onEnd?({ targetIndex }: {
-        targetIndex: number;
-    }): void;
     /**
      * Будет вызвано при клике на кнопку-стрелку влево
      */
@@ -40,4 +37,5 @@ export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     bullets?: "dark" | "light" | false;
     isDraggable?: boolean;
     showArrows?: boolean;
+    hasMouse?: boolean;
 }

package/dist/components/BaseGallery/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { TouchEventHandler } from \"../Touch/Touch\";\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface ShiftingState {\n  deltaX: number;\n  shiftX: number;\n  animation?: boolean;\n  dragging: boolean;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?: TouchEventHandler;\n  onChange?(current: number): void;\n  onEnd?({ targetIndex }: { targetIndex: number }): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?(): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?(): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface ShiftingState {\n  deltaX: number;\n  shiftX: number;\n  animation?: boolean;\n  dragging: boolean;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?(e: TouchEvent, targetIndex: number): void;\n  onChange?(current: number): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?(): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?(): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n  hasMouse?: boolean;\n}\n"],"mappings":""}

package/dist/components/Button/Button.d.ts

@@ -1,12 +1,8 @@
 import * as React from "react";
 import { TappableProps } from "../Tappable/Tappable";
 import { HasAlign } from "../../types";
-import "./Button.css";
 export interface VKUIButtonProps extends HasAlign {
-    /**
-     Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0
-     */
-    mode?: "primary" | "secondary" | "tertiary" | "outline" | "commerce" | "destructive" | "overlay_primary" | "overlay_secondary" | "overlay_outline";
+    mode?: "primary" | "secondary" | "tertiary" | "outline";
     appearance?: "accent" | "positive" | "negative" | "neutral" | "overlay";
     size?: "s" | "m" | "l";
     stretched?: boolean;
@@ -19,4 +15,4 @@ export interface ButtonProps extends Omit<TappableProps, "size">, VKUIButtonProp
 /**
  * @see https://vkcom.github.io/VKUI/#/Button
  */
-export declare const Button: React.FC<Pick<ButtonProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "loading" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "appearance" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "stretched"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Button: ({ size, mode, appearance, stretched, align, children, before, after, getRootRef, Component, loading, onClick, stopPropagation, className, ...restProps }: ButtonProps) => JSX.Element;