@vkontakte/vkui 4.36.1 → 4.37.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/BaseGallery/helpers.ts"],"names":["calcMin","containerWidth","layerWidth","slides","viewportOffsetWidth","align","isCenterWithCustomWidth","length","coordX","width","undefined","calcMax"],"mappings":";;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOR;AAAA,iCANbC,cAMa;AAAA,MANbA,cAMa,oCANI,CAMJ;AAAA,6BALbC,UAKa;AAAA,MALbA,UAKa,gCALA,CAKA;AAAA,yBAJbC,MAIa;AAAA,MAJbA,MAIa,4BAJJ,EAII;AAAA,mCAHbC,mBAGa;AAAA,MAHbA,mBAGa,sCAHS,CAGT;AAAA,MAFbC,KAEa,QAFbA,KAEa;AAAA,MADbC,uBACa,QADbA,uBACa;;AACb,UAAQD,KAAR;AACE,SAAK,MAAL;AACE,aAAOJ,cAAc,GAAGC,UAAxB;;AACF,SAAK,OAAL;AACE,aAAOE,mBAAmB,GAAGF,UAA7B;;AACF,SAAK,QAAL;AACE,UAAII,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;AAC5C,sBAA0BJ,MAAM,CAACA,MAAM,CAACI,MAAP,GAAgB,CAAjB,CAAhC;AAAA,YAAQC,MAAR,WAAQA,MAAR;AAAA,YAAgBC,KAAhB,WAAgBA,KAAhB;AACA,eAAOL,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;AACD,OAHD,MAGO;AACL,eACEL,mBAAmB,GACnB,CAACH,cAAc,GAAGG,mBAAlB,IAAyC,CADzC,GAEAF,UAHF;AAKD;;AAfL;;AAiBA,SAAOQ,SAAP;AACD,CA1BM;;;;AAgCA,IAAMC,OAAO,GAAG,SAAVA,OAAU,QAIR;AAAA,2BAHbR,MAGa;AAAA,MAHbA,MAGa,6BAHJ,EAGI;AAAA,oCAFbC,mBAEa;AAAA,MAFbA,mBAEa,sCAFS,CAET;AAAA,MADbE,uBACa,SADbA,uBACa;;AACb,MAAIA,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;AAC5C,mBAA0BJ,MAAM,CAAC,CAAD,CAAhC;AAAA,QAAQM,KAAR,YAAQA,KAAR;AAAA,QAAeD,MAAf,YAAeA,MAAf;AACA,WAAOJ,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;AACD;;AACD,SAAO,CAAP;AACD,CAVM","sourcesContent":["import { LayoutState } from \"./types\";\nimport { HasAlign } from \"../../types\";\n\ninterface CalcMin extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n  align: HasAlign[\"align\"];\n}\n\nexport const calcMin = ({\n  containerWidth = 0,\n  layerWidth = 0,\n  slides = [],\n  viewportOffsetWidth = 0,\n  align,\n  isCenterWithCustomWidth,\n}: CalcMin) => {\n  switch (align) {\n    case \"left\":\n      return containerWidth - layerWidth;\n    case \"right\":\n      return viewportOffsetWidth - layerWidth;\n    case \"center\":\n      if (isCenterWithCustomWidth && slides.length) {\n        const { coordX, width } = slides[slides.length - 1];\n        return viewportOffsetWidth / 2 - coordX - width / 2;\n      } else {\n        return (\n          viewportOffsetWidth -\n          (containerWidth - viewportOffsetWidth) / 2 -\n          layerWidth\n        );\n      }\n  }\n  return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n  slides = [],\n  viewportOffsetWidth = 0,\n  isCenterWithCustomWidth,\n}: CalcMax) => {\n  if (isCenterWithCustomWidth && slides.length) {\n    const { width, coordX } = slides[0];\n    return viewportOffsetWidth / 2 - coordX - width / 2;\n  }\n  return 0;\n};\n"],"file":"helpers.js"}
+{"version":3,"file":"helpers.js","names":["calcMin","containerWidth","layerWidth","slides","viewportOffsetWidth","align","isCenterWithCustomWidth","length","coordX","width","undefined","calcMax"],"sources":["../../../../src/components/BaseGallery/helpers.ts"],"sourcesContent":["import { LayoutState } from \"./types\";\nimport { HasAlign } from \"../../types\";\n\ninterface CalcMin extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n  align: HasAlign[\"align\"];\n}\n\nexport const calcMin = ({\n  containerWidth = 0,\n  layerWidth = 0,\n  slides = [],\n  viewportOffsetWidth = 0,\n  align,\n  isCenterWithCustomWidth,\n}: CalcMin) => {\n  switch (align) {\n    case \"left\":\n      return containerWidth - layerWidth;\n    case \"right\":\n      return viewportOffsetWidth - layerWidth;\n    case \"center\":\n      if (isCenterWithCustomWidth && slides.length) {\n        const { coordX, width } = slides[slides.length - 1];\n        return viewportOffsetWidth / 2 - coordX - width / 2;\n      } else {\n        return (\n          viewportOffsetWidth -\n          (containerWidth - viewportOffsetWidth) / 2 -\n          layerWidth\n        );\n      }\n  }\n  return undefined;\n};\n\ninterface CalcMax extends Partial<LayoutState> {\n  isCenterWithCustomWidth: boolean;\n}\n\nexport const calcMax = ({\n  slides = [],\n  viewportOffsetWidth = 0,\n  isCenterWithCustomWidth,\n}: CalcMax) => {\n  if (isCenterWithCustomWidth && slides.length) {\n    const { width, coordX } = slides[0];\n    return viewportOffsetWidth / 2 - coordX - width / 2;\n  }\n  return 0;\n};\n"],"mappings":";;;;;;;AAQO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOR;EAAA,+BANbC,cAMa;EAAA,IANbA,cAMa,oCANI,CAMJ;EAAA,2BALbC,UAKa;EAAA,IALbA,UAKa,gCALA,CAKA;EAAA,uBAJbC,MAIa;EAAA,IAJbA,MAIa,4BAJJ,EAII;EAAA,iCAHbC,mBAGa;EAAA,IAHbA,mBAGa,sCAHS,CAGT;EAAA,IAFbC,KAEa,QAFbA,KAEa;EAAA,IADbC,uBACa,QADbA,uBACa;;EACb,QAAQD,KAAR;IACE,KAAK,MAAL;MACE,OAAOJ,cAAc,GAAGC,UAAxB;;IACF,KAAK,OAAL;MACE,OAAOE,mBAAmB,GAAGF,UAA7B;;IACF,KAAK,QAAL;MACE,IAAII,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;QAC5C,cAA0BJ,MAAM,CAACA,MAAM,CAACI,MAAP,GAAgB,CAAjB,CAAhC;QAAA,IAAQC,MAAR,WAAQA,MAAR;QAAA,IAAgBC,KAAhB,WAAgBA,KAAhB;QACA,OAAOL,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;MACD,CAHD,MAGO;QACL,OACEL,mBAAmB,GACnB,CAACH,cAAc,GAAGG,mBAAlB,IAAyC,CADzC,GAEAF,UAHF;MAKD;;EAfL;;EAiBA,OAAOQ,SAAP;AACD,CA1BM;;;;AAgCA,IAAMC,OAAO,GAAG,SAAVA,OAAU,QAIR;EAAA,yBAHbR,MAGa;EAAA,IAHbA,MAGa,6BAHJ,EAGI;EAAA,kCAFbC,mBAEa;EAAA,IAFbA,mBAEa,sCAFS,CAET;EAAA,IADbE,uBACa,SADbA,uBACa;;EACb,IAAIA,uBAAuB,IAAIH,MAAM,CAACI,MAAtC,EAA8C;IAC5C,eAA0BJ,MAAM,CAAC,CAAD,CAAhC;IAAA,IAAQM,KAAR,YAAQA,KAAR;IAAA,IAAeD,MAAf,YAAeA,MAAf;IACA,OAAOJ,mBAAmB,GAAG,CAAtB,GAA0BI,MAA1B,GAAmCC,KAAK,GAAG,CAAlD;EACD;;EACD,OAAO,CAAP;AACD,CAVM"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
+{"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":""}

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

@@ -0,0 +1,22 @@
+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";
+    appearance?: "accent" | "positive" | "negative" | "neutral" | "overlay";
+    size?: "s" | "m" | "l";
+    stretched?: boolean;
+    before?: React.ReactNode;
+    after?: React.ReactNode;
+    loading?: boolean;
+}
+export interface ButtonProps extends Omit<TappableProps, "size">, VKUIButtonProps {
+}
+/**
+ * @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>;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["ButtonTypography","size","sizeY","platform","restProps","isCompact","SizeType","COMPACT","ANDROID","VKCOM","IOS","resolveButtonAppearance","appearance","mode","resolvedAppearance","resolvedMode","undefined","ButtonComponent","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","hasIcons","Boolean","hasIconOnly","hasNewTokens","React","useContext","ConfigProviderContext","href","Button","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { HasAlign, HasComponent } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { PlatformType, IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport \"./Button.css\";\n\nexport interface VKUIButtonProps extends HasAlign {\n  /**\n   Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0\n   */\n  mode?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"outline\"\n    | \"commerce\"\n    | \"destructive\"\n    | \"overlay_primary\"\n    | \"overlay_secondary\"\n    | \"overlay_outline\";\n  appearance?: \"accent\" | \"positive\" | \"negative\" | \"neutral\" | \"overlay\";\n  size?: \"s\" | \"m\" | \"l\";\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n}\n\nexport interface ButtonProps\n  extends Omit<TappableProps, \"size\">,\n    VKUIButtonProps {}\n\ninterface ButtonTypographyProps extends HasComponent {\n  size: ButtonProps[\"size\"];\n  platform: PlatformType | undefined;\n  sizeY: AdaptivityProps[\"sizeY\"];\n  children?: ButtonProps[\"children\"];\n}\n\nconst ButtonTypography = ({\n  size,\n  sizeY,\n  platform,\n  ...restProps\n}: ButtonTypographyProps) => {\n  const isCompact = sizeY === SizeType.COMPACT;\n\n  switch (size) {\n    case \"l\":\n      if (isCompact) {\n        return <Text weight=\"2\" {...restProps} />;\n      }\n      if (platform === ANDROID) {\n        return <Headline weight=\"2\" {...restProps} />;\n      }\n      return <Title level=\"3\" weight=\"2\" {...restProps} />;\n    case \"m\":\n      if (isCompact) {\n        return (\n          <Subhead weight={platform === VKCOM ? \"3\" : \"2\"} {...restProps} />\n        );\n      }\n\n      return <Text weight=\"2\" {...restProps} />;\n    case \"s\":\n    default:\n      if (platform === IOS) {\n        return <Subhead weight=\"2\" {...restProps} />;\n      }\n\n      if (platform === VKCOM) {\n        return <Caption {...restProps} />;\n      }\n\n      if (isCompact) {\n        return <Caption weight=\"2\" {...restProps} />;\n      }\n\n      return <Subhead weight=\"2\" {...restProps} />;\n  }\n};\n\ninterface ResolvedButtonAppearance {\n  resolvedAppearance: ButtonProps[\"appearance\"];\n  resolvedMode: ButtonProps[\"mode\"];\n}\n\nfunction resolveButtonAppearance(\n  appearance: ButtonProps[\"appearance\"],\n  mode: ButtonProps[\"mode\"]\n): ResolvedButtonAppearance {\n  let resolvedAppearance: ButtonProps[\"appearance\"] = appearance;\n  let resolvedMode: ButtonProps[\"mode\"] = mode;\n\n  if (appearance === undefined) {\n    switch (mode) {\n      case \"tertiary\":\n      case \"secondary\":\n      case \"primary\":\n      case \"outline\":\n        resolvedAppearance = \"accent\";\n        break;\n      case \"commerce\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"positive\";\n        break;\n      case \"destructive\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"negative\";\n        break;\n      case \"overlay_primary\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"overlay\";\n        break;\n      case \"overlay_secondary\":\n        resolvedMode = \"secondary\";\n        resolvedAppearance = \"overlay\";\n        break;\n      case \"overlay_outline\":\n        resolvedMode = \"outline\";\n        resolvedAppearance = \"overlay\";\n        break;\n    }\n  }\n\n  return {\n    resolvedAppearance,\n    resolvedMode,\n  };\n}\n\nconst ButtonComponent = ({\n  size = \"s\",\n  mode = \"primary\",\n  appearance,\n  stretched = false,\n  align = \"center\",\n  children,\n  before,\n  after,\n  getRootRef,\n  sizeY,\n  Component = \"button\",\n  loading,\n  onClick,\n  stopPropagation = true,\n  ...restProps\n}: ButtonProps) => {\n  const platform = usePlatform();\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { resolvedMode, resolvedAppearance } = resolveButtonAppearance(\n    appearance,\n    mode\n  );\n  const hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;\n\n  return (\n    <Tappable\n      hoverMode={hasNewTokens ? \"Button--hover\" : \"background\"}\n      activeMode={hasNewTokens ? \"Button--active\" : \"opacity\"}\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      onClick={loading ? undefined : onClick}\n      focusVisibleMode=\"outside\"\n      stopPropagation={stopPropagation}\n      vkuiClass={classNames(\n        \"Button\",\n        `Button--sz-${size}`,\n        `Button--lvl-${resolvedMode}`,\n        `Button--clr-${resolvedAppearance}`,\n        `Button--aln-${align}`,\n        `Button--sizeY-${sizeY}`,\n        stretched && \"Button--stretched\",\n        hasIcons && \"Button--with-icon\",\n        hasIconOnly && \"Button--singleIcon\",\n        loading && \"Button--loading\"\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && <Spinner size=\"small\" vkuiClass=\"Button__spinner\" />}\n      <span vkuiClass=\"Button__in\">\n        {before && (\n          <span vkuiClass=\"Button__before\" role=\"presentation\">\n            {before}\n          </span>\n        )}\n        {children && (\n          <ButtonTypography\n            size={size}\n            sizeY={sizeY}\n            platform={platform}\n            vkuiClass=\"Button__content\"\n            Component=\"span\"\n          >\n            {children}\n          </ButtonTypography>\n        )}\n        {after && (\n          <span vkuiClass=\"Button__after\" role=\"presentation\">\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = withAdaptivity(ButtonComponent, {\n  sizeY: true,\n});\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}
+{"version":3,"file":"Button.js","names":["ButtonTypography","size","sizeY","platform","restProps","isCompact","SizeType","COMPACT","ANDROID","VKCOM","IOS","resolveButtonAppearance","appearance","mode","resolvedAppearance","resolvedMode","undefined","ButtonComponent","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","usePlatform","hasIcons","Boolean","hasIconOnly","hasNewTokens","React","useContext","ConfigProviderContext","href","classNames","Button","withAdaptivity","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { HasAlign, HasComponent } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { PlatformType, IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport \"./Button.css\";\n\nexport interface VKUIButtonProps extends HasAlign {\n  /**\n   Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0\n   */\n  mode?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"outline\"\n    | \"commerce\"\n    | \"destructive\"\n    | \"overlay_primary\"\n    | \"overlay_secondary\"\n    | \"overlay_outline\";\n  appearance?: \"accent\" | \"positive\" | \"negative\" | \"neutral\" | \"overlay\";\n  size?: \"s\" | \"m\" | \"l\";\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n}\n\nexport interface ButtonProps\n  extends Omit<TappableProps, \"size\">,\n    VKUIButtonProps {}\n\ninterface ButtonTypographyProps extends HasComponent {\n  size: ButtonProps[\"size\"];\n  platform: PlatformType | undefined;\n  sizeY: AdaptivityProps[\"sizeY\"];\n  children?: ButtonProps[\"children\"];\n}\n\nconst ButtonTypography = ({\n  size,\n  sizeY,\n  platform,\n  ...restProps\n}: ButtonTypographyProps) => {\n  const isCompact = sizeY === SizeType.COMPACT;\n\n  switch (size) {\n    case \"l\":\n      if (isCompact) {\n        return <Text weight=\"2\" {...restProps} />;\n      }\n      if (platform === ANDROID) {\n        return <Headline weight=\"2\" {...restProps} />;\n      }\n      return <Title level=\"3\" weight=\"2\" {...restProps} />;\n    case \"m\":\n      if (isCompact) {\n        return (\n          <Subhead weight={platform === VKCOM ? \"3\" : \"2\"} {...restProps} />\n        );\n      }\n\n      return <Text weight=\"2\" {...restProps} />;\n    case \"s\":\n    default:\n      if (platform === IOS) {\n        return <Subhead weight=\"2\" {...restProps} />;\n      }\n\n      if (platform === VKCOM) {\n        return <Caption {...restProps} />;\n      }\n\n      if (isCompact) {\n        return <Caption weight=\"2\" {...restProps} />;\n      }\n\n      return <Subhead weight=\"2\" {...restProps} />;\n  }\n};\n\ninterface ResolvedButtonAppearance {\n  resolvedAppearance: ButtonProps[\"appearance\"];\n  resolvedMode: ButtonProps[\"mode\"];\n}\n\nfunction resolveButtonAppearance(\n  appearance: ButtonProps[\"appearance\"],\n  mode: ButtonProps[\"mode\"]\n): ResolvedButtonAppearance {\n  let resolvedAppearance: ButtonProps[\"appearance\"] = appearance;\n  let resolvedMode: ButtonProps[\"mode\"] = mode;\n\n  if (appearance === undefined) {\n    switch (mode) {\n      case \"tertiary\":\n      case \"secondary\":\n      case \"primary\":\n      case \"outline\":\n        resolvedAppearance = \"accent\";\n        break;\n      case \"commerce\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"positive\";\n        break;\n      case \"destructive\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"negative\";\n        break;\n      case \"overlay_primary\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"overlay\";\n        break;\n      case \"overlay_secondary\":\n        resolvedMode = \"secondary\";\n        resolvedAppearance = \"overlay\";\n        break;\n      case \"overlay_outline\":\n        resolvedMode = \"outline\";\n        resolvedAppearance = \"overlay\";\n        break;\n    }\n  }\n\n  return {\n    resolvedAppearance,\n    resolvedMode,\n  };\n}\n\nconst ButtonComponent = ({\n  size = \"s\",\n  mode = \"primary\",\n  appearance,\n  stretched = false,\n  align = \"center\",\n  children,\n  before,\n  after,\n  getRootRef,\n  sizeY,\n  Component = \"button\",\n  loading,\n  onClick,\n  stopPropagation = true,\n  ...restProps\n}: ButtonProps) => {\n  const platform = usePlatform();\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { resolvedMode, resolvedAppearance } = resolveButtonAppearance(\n    appearance,\n    mode\n  );\n  const hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;\n\n  return (\n    <Tappable\n      hoverMode={hasNewTokens ? \"Button--hover\" : \"background\"}\n      activeMode={hasNewTokens ? \"Button--active\" : \"opacity\"}\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      onClick={loading ? undefined : onClick}\n      focusVisibleMode=\"outside\"\n      stopPropagation={stopPropagation}\n      vkuiClass={classNames(\n        \"Button\",\n        `Button--sz-${size}`,\n        `Button--lvl-${resolvedMode}`,\n        `Button--clr-${resolvedAppearance}`,\n        `Button--aln-${align}`,\n        `Button--sizeY-${sizeY}`,\n        stretched && \"Button--stretched\",\n        hasIcons && \"Button--with-icon\",\n        hasIconOnly && \"Button--singleIcon\",\n        loading && \"Button--loading\"\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && <Spinner size=\"small\" vkuiClass=\"Button__spinner\" />}\n      <span vkuiClass=\"Button__in\">\n        {before && (\n          <span vkuiClass=\"Button__before\" role=\"presentation\">\n            {before}\n          </span>\n        )}\n        {children && (\n          <ButtonTypography\n            size={size}\n            sizeY={sizeY}\n            platform={platform}\n            vkuiClass=\"Button__content\"\n            Component=\"span\"\n          >\n            {children}\n          </ButtonTypography>\n        )}\n        {after && (\n          <span vkuiClass=\"Button__after\" role=\"presentation\">\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = withAdaptivity(ButtonComponent, {\n  sizeY: true,\n});\n\nButton.displayName = \"Button\";\n"],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import * as React from "react";
+import type { HasRootRef, AlignType } from "../../types";
+import "./ButtonGroup.css";
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    /**
+     * Задает расположение элементов внутри группы, вертикальное или горизонтальное.
+     */
+    mode?: "vertical" | "horizontal";
+    /**
+     * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.
+     */
+    gap?: "none" | "space" | "s" | "m";
+    /**
+     * Растягивает компонент на всю ширину контейнера.
+     *
+     * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.
+     */
+    stretched?: boolean;
+    /**
+     * Горизонтальное выравнивание элементов внутри группы. Работает только с mode="vertical".
+     */
+    align?: AlignType;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ButtonGroup
+ */
+export declare const ButtonGroup: ({ mode, gap, stretched, align, getRootRef, children, ...restProps }: ButtonGroupProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":["ButtonGroup","mode","gap","stretched","align","getRootRef","children","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AA2BA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;AAAA,uBAPtBC,IAOsB;AAAA,MAPtBA,IAOsB,0BAPf,YAOe;AAAA,sBANtBC,GAMsB;AAAA,MANtBA,GAMsB,yBANhB,GAMgB;AAAA,4BALtBC,SAKsB;AAAA,MALtBA,SAKsB,+BALV,KAKU;AAAA,wBAJtBC,KAIsB;AAAA,MAJtBA,KAIsB,2BAJd,MAIc;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,QAEsB,QAFtBA,QAEsB;AAAA,MADnBC,SACmB;AACtB,SACE;AACE,IAAA,SAAS,EAAE,4BACT,aADS,8BAEYN,IAFZ,GAGTC,GAAG,KAAK,MAAR,+BAAsCA,GAAtC,CAHS,EAITC,SAAS,IAAI,wBAJJ,+BAKaC,KALb,EADb;AAQE,IAAA,IAAI,EAAC,OARP;AASE,IAAA,GAAG,EAAEC;AATP,KAUME,SAVN,GAYGD,QAZH,CADF;AAgBD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport type { HasRootRef, AlignType } from \"../../types\";\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: \"none\" | \"space\" | \"s\" | \"m\";\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = \"horizontal\",\n  gap = \"m\",\n  stretched = false,\n  align = \"left\" /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\n        \"ButtonGroup\",\n        `ButtonGroup--mode-${mode}`,\n        gap !== \"none\" && `ButtonGroup--gap-${gap}`,\n        stretched && \"ButtonGroup--stretched\",\n        `ButtonGroup--align-${align}`\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"file":"ButtonGroup.js"}
+{"version":3,"file":"ButtonGroup.js","names":["ButtonGroup","mode","gap","stretched","align","getRootRef","children","restProps","classNames"],"sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport type { HasRootRef, AlignType } from \"../../types\";\nimport \"./ButtonGroup.css\";\n\nexport interface ButtonGroupProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Задает расположение элементов внутри группы, вертикальное или горизонтальное.\n   */\n  mode?: \"vertical\" | \"horizontal\";\n  /**\n   * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.\n   */\n  gap?: \"none\" | \"space\" | \"s\" | \"m\";\n  /**\n   * Растягивает компонент на всю ширину контейнера.\n   *\n   * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.\n   */\n  stretched?: boolean;\n  /**\n   * Горизонтальное выравнивание элементов внутри группы. Работает только с mode=\"vertical\".\n   */\n  align?: AlignType;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ButtonGroup\n */\nexport const ButtonGroup = ({\n  mode = \"horizontal\",\n  gap = \"m\",\n  stretched = false,\n  align = \"left\" /* NOTE: Чтобы блоки по-умолчанию не растягивались на всю ширину контейнера */,\n  getRootRef,\n  children,\n  ...restProps\n}: ButtonGroupProps) => {\n  return (\n    <div\n      vkuiClass={classNames(\n        \"ButtonGroup\",\n        `ButtonGroup--mode-${mode}`,\n        gap !== \"none\" && `ButtonGroup--gap-${gap}`,\n        stretched && \"ButtonGroup--stretched\",\n        `ButtonGroup--align-${align}`\n      )}\n      role=\"group\"\n      ref={getRootRef}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AA2BA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,qBAPtBC,IAOsB;EAAA,IAPtBA,IAOsB,0BAPf,YAOe;EAAA,oBANtBC,GAMsB;EAAA,IANtBA,GAMsB,yBANhB,GAMgB;EAAA,0BALtBC,SAKsB;EAAA,IALtBA,SAKsB,+BALV,KAKU;EAAA,sBAJtBC,KAIsB;EAAA,IAJtBA,KAIsB,2BAJd,MAIc;EAAA,IAHtBC,UAGsB,QAHtBA,UAGsB;EAAA,IAFtBC,QAEsB,QAFtBA,QAEsB;EAAA,IADnBC,SACmB;EACtB,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,aADS,8BAEYP,IAFZ,GAGTC,GAAG,KAAK,MAAR,+BAAsCA,GAAtC,CAHS,EAITC,SAAS,IAAI,wBAJJ,+BAKaC,KALb,EADb;IAQE,IAAI,EAAC,OARP;IASE,GAAG,EAAEC;EATP,GAUME,SAVN,GAYGD,QAZH,CADF;AAgBD,CAzBM"}

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { CalendarHeaderProps } from "../CalendarHeader/CalendarHeader";
+import { CalendarDaysProps } from "../CalendarDays/CalendarDays";
+import { CalendarTimeProps } from "../CalendarTime/CalendarTime";
+import { HasRootRef } from "../../types";
+import "./Calendar.css";
+export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, Pick<CalendarTimeProps, "changeHoursAriaLabel" | "changeMinutesAriaLabel">, Pick<CalendarHeaderProps, "prevMonthAriaLabel" | "nextMonthAriaLabel" | "changeMonthAriaLabel" | "changeYearAriaLabel" | "onNextMonth" | "onPrevMonth" | "prevMonthIcon" | "nextMonthIcon" | "prevMonthProps" | "nextMonthProps">, Pick<CalendarDaysProps, "dayProps">, HasRootRef<HTMLDivElement> {
+    value?: Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    enableTime?: boolean;
+    disablePickers?: boolean;
+    doneButtonText?: string;
+    changeDayAriaLabel?: string;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showNeighboringMonth?: boolean;
+    size?: "s" | "m";
+    onChange?(value?: Date): void;
+    shouldDisableDate?(value: Date): boolean;
+    onClose?(): void;
+    /**
+     * Дата отображаемого месяца.
+     * При использовании обновление даты должно происходить вне компонента.
+     */
+    viewDate?: Date;
+    /**
+     * Изменение даты в шапке календаря.
+     */
+    onHeaderChange?(value: Date): void;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Calendar
+ */
+export declare const Calendar: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, enableTime, doneButtonText, weekStartsOn, getRootRef, disablePickers, changeHoursAriaLabel, changeMinutesAriaLabel, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, showNeighboringMonth, changeDayAriaLabel, size, viewDate: externalViewDate, onHeaderChange, onNextMonth, onPrevMonth, prevMonthIcon, nextMonthIcon, prevMonthProps, nextMonthProps, dayProps, ...props }: CalendarProps) => JSX.Element;

package/dist/cjs/components/Calendar/Calendar.js

@@ -35,7 +35,7 @@ var _classNames = require("../../lib/classNames");
 
 var _warnOnce = require("../../lib/warnOnce");
 
-var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon"];
+var _excluded = ["value", "onChange", "disablePast", "disableFuture", "shouldDisableDate", "onClose", "enableTime", "doneButtonText", "weekStartsOn", "getRootRef", "disablePickers", "changeHoursAriaLabel", "changeMinutesAriaLabel", "prevMonthAriaLabel", "nextMonthAriaLabel", "changeMonthAriaLabel", "changeYearAriaLabel", "showNeighboringMonth", "changeDayAriaLabel", "size", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "prevMonthProps", "nextMonthProps", "dayProps"];
 var warn = (0, _warnOnce.warnOnce)("Calendar");
 /**
  * @see https://vkcom.github.io/VKUI/#/Calendar
@@ -72,6 +72,9 @@ var Calendar = function Calendar(_ref) {
       onPrevMonth = _ref.onPrevMonth,
       prevMonthIcon = _ref.prevMonthIcon,
       nextMonthIcon = _ref.nextMonthIcon,
+      prevMonthProps = _ref.prevMonthProps,
+      nextMonthProps = _ref.nextMonthProps,
+      dayProps = _ref.dayProps,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useCalendar = (0, _useCalendar2.useCalendar)({
@@ -141,7 +144,9 @@ var Calendar = function Calendar(_ref) {
     changeMonthAriaLabel: changeMonthAriaLabel,
     changeYearAriaLabel: changeYearAriaLabel,
     prevMonthIcon: prevMonthIcon,
-    nextMonthIcon: nextMonthIcon
+    nextMonthIcon: nextMonthIcon,
+    prevMonthProps: prevMonthProps,
+    nextMonthProps: nextMonthProps
   }), (0, _jsxRuntime.createScopedElement)(_CalendarDays.CalendarDays, {
     viewDate: externalViewDate || viewDate,
     value: value,
@@ -157,7 +162,8 @@ var Calendar = function Calendar(_ref) {
     isDayDisabled: isDayDisabled,
     onBlur: resetSelectedDay,
     showNeighboringMonth: showNeighboringMonth,
-    size: size
+    size: size,
+    dayProps: dayProps
   }), enableTime && value && size !== "s" && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Calendar__time"
   }, (0, _jsxRuntime.createScopedElement)(_CalendarTime.CalendarTime, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Calendar/Calendar.tsx"],"names":["warn","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","props","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","onDayChange","date","isDayActive","day","Boolean","isFirstDay","isLastDay"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { isSameMonth, isSameDay } from \"../../lib/date\";\nimport {\n  CalendarHeader,\n  CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays } from \"../CalendarDays/CalendarDays\";\nimport { CalendarTime, CalendarTimeProps } from \"../CalendarTime/CalendarTime\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport {\n  navigateDate,\n  setTimeEqual,\n  isFirstDay,\n  isLastDay,\n} from \"../../lib/calendar\";\nimport { useCalendar } from \"../../hooks/useCalendar\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Calendar.css\";\n\nexport interface CalendarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n    Pick<CalendarTimeProps, \"changeHoursAriaLabel\" | \"changeMinutesAriaLabel\">,\n    Pick<\n      CalendarHeaderProps,\n      | \"prevMonthAriaLabel\"\n      | \"nextMonthAriaLabel\"\n      | \"changeMonthAriaLabel\"\n      | \"changeYearAriaLabel\"\n      | \"onNextMonth\"\n      | \"onPrevMonth\"\n      | \"prevMonthIcon\"\n      | \"nextMonthIcon\"\n    >,\n    HasRootRef<HTMLDivElement> {\n  value?: Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  enableTime?: boolean;\n  disablePickers?: boolean;\n  doneButtonText?: string;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: \"s\" | \"m\";\n  onChange?(value?: Date): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date;\n  /**\n   * Изменение даты в шапке календаря.\n   */\n  onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce(\"Calendar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  enableTime = false,\n  doneButtonText,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  changeHoursAriaLabel,\n  changeMinutesAriaLabel,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  showNeighboringMonth,\n  changeDayAriaLabel = \"Изменить день\",\n  size = \"m\",\n  viewDate: externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  ...props\n}: CalendarProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({\n    value,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (value) {\n      setViewDate(value);\n    }\n  }, [value]);\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !disablePickers &&\n    size === \"s\"\n  ) {\n    warn(\n      \"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\",\n      \"error\"\n    );\n  }\n\n  if (process.env.NODE_ENV === \"development\" && enableTime && size === \"s\") {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", \"error\");\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (\n        [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n      ) {\n        event.preventDefault();\n      }\n\n      const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n      if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate]\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(setTimeEqual(date, value as Date | undefined | null));\n    },\n    [value, onChange]\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(value && isSameDay(day, value)),\n    [value]\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Calendar\", `Calendar--size-${size}`)}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === \"s\"}\n        vkuiClass=\"Calendar__header\"\n        prevMonthAriaLabel={prevMonthAriaLabel}\n        nextMonthAriaLabel={nextMonthAriaLabel}\n        changeMonthAriaLabel={changeMonthAriaLabel}\n        changeYearAriaLabel={changeYearAriaLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={value}\n        weekStartsOn={weekStartsOn}\n        isDayFocused={isDayFocused}\n        tabIndex={0}\n        aria-label={changeDayAriaLabel}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        onBlur={resetSelectedDay}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n      />\n      {enableTime && value && size !== \"s\" && (\n        <div vkuiClass=\"Calendar__time\">\n          <CalendarTime\n            value={value}\n            onChange={onChange}\n            onClose={onClose}\n            doneButtonText={doneButtonText}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"file":"Calendar.js"}
+{"version":3,"file":"Calendar.js","names":["warn","warnOnce","Calendar","value","onChange","disablePast","disableFuture","shouldDisableDate","onClose","enableTime","doneButtonText","weekStartsOn","getRootRef","disablePickers","changeHoursAriaLabel","changeMinutesAriaLabel","prevMonthAriaLabel","nextMonthAriaLabel","changeMonthAriaLabel","changeYearAriaLabel","showNeighboringMonth","changeDayAriaLabel","size","externalViewDate","viewDate","onHeaderChange","onNextMonth","onPrevMonth","prevMonthIcon","nextMonthIcon","prevMonthProps","nextMonthProps","dayProps","props","useCalendar","setViewDate","setPrevMonth","setNextMonth","focusedDay","setFocusedDay","isDayFocused","isDayDisabled","resetSelectedDay","useIsomorphicLayoutEffect","process","env","NODE_ENV","handleKeyDown","React","useCallback","event","includes","key","preventDefault","newFocusedDay","navigateDate","isSameMonth","onDayChange","date","setTimeEqual","isDayActive","day","Boolean","isSameDay","classNames","isFirstDay","isLastDay"],"sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { isSameMonth, isSameDay } from \"../../lib/date\";\nimport {\n  CalendarHeader,\n  CalendarHeaderProps,\n} from \"../CalendarHeader/CalendarHeader\";\nimport { CalendarDays, CalendarDaysProps } from \"../CalendarDays/CalendarDays\";\nimport { CalendarTime, CalendarTimeProps } from \"../CalendarTime/CalendarTime\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport {\n  navigateDate,\n  setTimeEqual,\n  isFirstDay,\n  isLastDay,\n} from \"../../lib/calendar\";\nimport { useCalendar } from \"../../hooks/useCalendar\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Calendar.css\";\n\nexport interface CalendarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n    Pick<CalendarTimeProps, \"changeHoursAriaLabel\" | \"changeMinutesAriaLabel\">,\n    Pick<\n      CalendarHeaderProps,\n      | \"prevMonthAriaLabel\"\n      | \"nextMonthAriaLabel\"\n      | \"changeMonthAriaLabel\"\n      | \"changeYearAriaLabel\"\n      | \"onNextMonth\"\n      | \"onPrevMonth\"\n      | \"prevMonthIcon\"\n      | \"nextMonthIcon\"\n      | \"prevMonthProps\"\n      | \"nextMonthProps\"\n    >,\n    Pick<CalendarDaysProps, \"dayProps\">,\n    HasRootRef<HTMLDivElement> {\n  value?: Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  enableTime?: boolean;\n  disablePickers?: boolean;\n  doneButtonText?: string;\n  changeDayAriaLabel?: string;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: \"s\" | \"m\";\n  onChange?(value?: Date): void;\n  shouldDisableDate?(value: Date): boolean;\n  onClose?(): void;\n  /**\n   * Дата отображаемого месяца.\n   * При использовании обновление даты должно происходить вне компонента.\n   */\n  viewDate?: Date;\n  /**\n   * Изменение даты в шапке календаря.\n   */\n  onHeaderChange?(value: Date): void;\n}\n\nconst warn = warnOnce(\"Calendar\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Calendar\n */\nexport const Calendar = ({\n  value,\n  onChange,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onClose,\n  enableTime = false,\n  doneButtonText,\n  weekStartsOn = 1,\n  getRootRef,\n  disablePickers,\n  changeHoursAriaLabel,\n  changeMinutesAriaLabel,\n  prevMonthAriaLabel,\n  nextMonthAriaLabel,\n  changeMonthAriaLabel,\n  changeYearAriaLabel,\n  showNeighboringMonth,\n  changeDayAriaLabel = \"Изменить день\",\n  size = \"m\",\n  viewDate: externalViewDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  prevMonthIcon,\n  nextMonthIcon,\n  prevMonthProps,\n  nextMonthProps,\n  dayProps,\n  ...props\n}: CalendarProps) => {\n  const {\n    viewDate,\n    setViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  } = useCalendar({\n    value,\n    disableFuture,\n    disablePast,\n    shouldDisableDate,\n    onHeaderChange,\n    onNextMonth,\n    onPrevMonth,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    if (value) {\n      setViewDate(value);\n    }\n  }, [value]);\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    !disablePickers &&\n    size === \"s\"\n  ) {\n    warn(\n      \"Нельзя включить селекты выбора месяца/года, если размер календаря 's'\",\n      \"error\"\n    );\n  }\n\n  if (process.env.NODE_ENV === \"development\" && enableTime && size === \"s\") {\n    warn(\"Нельзя включить выбор времени, если размер календаря 's'\", \"error\");\n  }\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (\n        [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"].includes(event.key)\n      ) {\n        event.preventDefault();\n      }\n\n      const newFocusedDay = navigateDate(focusedDay ?? value, event.key);\n\n      if (newFocusedDay && !isSameMonth(newFocusedDay, viewDate)) {\n        setViewDate(newFocusedDay);\n      }\n      setFocusedDay(newFocusedDay);\n    },\n    [focusedDay, setFocusedDay, setViewDate, value, viewDate]\n  );\n\n  const onDayChange = React.useCallback(\n    (date: Date) => {\n      onChange?.(setTimeEqual(date, value as Date | undefined | null));\n    },\n    [value, onChange]\n  );\n\n  const isDayActive = React.useCallback(\n    (day: Date) => Boolean(value && isSameDay(day, value)),\n    [value]\n  );\n\n  return (\n    <div\n      {...props}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Calendar\", `Calendar--size-${size}`)}\n    >\n      <CalendarHeader\n        viewDate={externalViewDate || viewDate}\n        onChange={setViewDate}\n        onNextMonth={setNextMonth}\n        onPrevMonth={setPrevMonth}\n        disablePickers={disablePickers || size === \"s\"}\n        vkuiClass=\"Calendar__header\"\n        prevMonthAriaLabel={prevMonthAriaLabel}\n        nextMonthAriaLabel={nextMonthAriaLabel}\n        changeMonthAriaLabel={changeMonthAriaLabel}\n        changeYearAriaLabel={changeYearAriaLabel}\n        prevMonthIcon={prevMonthIcon}\n        nextMonthIcon={nextMonthIcon}\n        prevMonthProps={prevMonthProps}\n        nextMonthProps={nextMonthProps}\n      />\n      <CalendarDays\n        viewDate={externalViewDate || viewDate}\n        value={value}\n        weekStartsOn={weekStartsOn}\n        isDayFocused={isDayFocused}\n        tabIndex={0}\n        aria-label={changeDayAriaLabel}\n        onKeyDown={handleKeyDown}\n        onDayChange={onDayChange}\n        isDayActive={isDayActive}\n        isDaySelectionStart={isFirstDay}\n        isDaySelectionEnd={isLastDay}\n        isDayDisabled={isDayDisabled}\n        onBlur={resetSelectedDay}\n        showNeighboringMonth={showNeighboringMonth}\n        size={size}\n        dayProps={dayProps}\n      />\n      {enableTime && value && size !== \"s\" && (\n        <div vkuiClass=\"Calendar__time\">\n          <CalendarTime\n            value={value}\n            onChange={onChange}\n            onClose={onClose}\n            doneButtonText={doneButtonText}\n            changeHoursAriaLabel={changeHoursAriaLabel}\n            changeMinutesAriaLabel={changeMinutesAriaLabel}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { TappableElementProps } from "../Tappable/Tappable";
+import "./CalendarDay.css";
+export declare type CalendarDayElementProps = Omit<TappableElementProps, "onChange" | "size" | "disabled" | "selected">;
+export interface CalendarDayProps extends CalendarDayElementProps {
+    day: Date;
+    today?: boolean;
+    selected?: boolean;
+    selectionStart?: boolean;
+    selectionEnd?: boolean;
+    hintedSelectionStart?: boolean;
+    hintedSelectionEnd?: boolean;
+    active?: boolean;
+    hidden?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    hinted?: boolean;
+    sameMonth?: boolean;
+    size?: "s" | "m";
+    onChange(value: Date): void;
+    onEnter?(value: Date): void;
+    onLeave?(value: Date): void;
+}
+export declare const CalendarDay: React.MemoExoticComponent<({ day, today, selected, onChange, hidden, disabled, active, selectionStart, selectionEnd, focused, onEnter, onLeave, hinted, hintedSelectionStart, hintedSelectionEnd, sameMonth, size, ...props }: CalendarDayProps) => JSX.Element>;

package/dist/cjs/components/CalendarDay/CalendarDay.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -9,6 +11,10 @@ exports.CalendarDay = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var React = _interopRequireWildcard(require("react"));
 
 var _classNames = require("../../lib/classNames");
@@ -19,6 +25,7 @@ var _useKeyboardInputTracker = require("../../hooks/useKeyboardInputTracker");
 
 var _LocaleProviderContext = require("../LocaleProviderContext/LocaleProviderContext");
 
+var _excluded = ["day", "today", "selected", "onChange", "hidden", "disabled", "active", "selectionStart", "selectionEnd", "focused", "onEnter", "onLeave", "hinted", "hintedSelectionStart", "hintedSelectionEnd", "sameMonth", "size"];
 var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
   var day = _ref.day,
       today = _ref.today,
@@ -36,7 +43,8 @@ var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
       hintedSelectionStart = _ref.hintedSelectionStart,
       hintedSelectionEnd = _ref.hintedSelectionEnd,
       sameMonth = _ref.sameMonth,
-      size = _ref.size;
+      size = _ref.size,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var locale = React.useContext(_LocaleProviderContext.LocaleProviderContext);
   var ref = React.useRef(null);
   var onClick = React.useCallback(function () {
@@ -63,7 +71,7 @@ var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
     });
   }
 
-  return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
+  return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({
     vkuiClass: (0, _classNames.classNames)("CalendarDay", "CalendarDay--size-".concat(size), today && "CalendarDay--today", selected && !disabled && "CalendarDay--selected", active && !disabled && "CalendarDay--active", selectionStart && "CalendarDay--selection-start", selectionEnd && "CalendarDay--selection-end", disabled && "CalendarDay--disabled", !sameMonth && "CalendarDay--not-same-month"),
     hoverMode: active ? "CalendarDay--active-hover" : "CalendarDay--hover",
     hasActive: false,
@@ -80,7 +88,7 @@ var CalendarDay = /*#__PURE__*/React.memo(function (_ref) {
     focusVisibleMode: active ? "outside" : "inside",
     onEnter: handleEnter,
     onLeave: handleLeave
-  }, (0, _jsxRuntime.createScopedElement)("div", {
+  }, props), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: (0, _classNames.classNames)("CalendarDay__hinted", hinted && "CalendarDay__hinted--active", hintedSelectionStart && "CalendarDay__hinted--selection-start", hintedSelectionEnd && "CalendarDay__hinted--selection-end")
   }, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: (0, _classNames.classNames)("CalendarDay__inner", active && !disabled && "CalendarDay__inner--active")

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","locale","useContext","LocaleProviderContext","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from \"../../hooks/useKeyboardInputTracker\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport \"./CalendarDay.css\";\n\nexport interface CalendarDayProps {\n  day: Date;\n  today?: boolean;\n  selected?: boolean;\n  selectionStart?: boolean;\n  selectionEnd?: boolean;\n  hintedSelectionStart?: boolean;\n  hintedSelectionEnd?: boolean;\n  active?: boolean;\n  hidden?: boolean;\n  disabled?: boolean;\n  focused?: boolean;\n  hinted?: boolean;\n  sameMonth?: boolean;\n  size?: \"s\" | \"m\";\n  onChange(value: Date): void;\n  onEnter?(value: Date): void;\n  onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n  }: CalendarDayProps) => {\n    const locale = React.useContext(LocaleProviderContext);\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.dispatchEvent(\n          new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true })\n        );\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    if (hidden) {\n      return <div vkuiClass=\"CalendarDay__hidden\"></div>;\n    }\n\n    return (\n      <Tappable\n        vkuiClass={classNames(\n          \"CalendarDay\",\n          `CalendarDay--size-${size}`,\n          today && \"CalendarDay--today\",\n          selected && !disabled && \"CalendarDay--selected\",\n          active && !disabled && \"CalendarDay--active\",\n          selectionStart && \"CalendarDay--selection-start\",\n          selectionEnd && \"CalendarDay--selection-end\",\n          disabled && \"CalendarDay--disabled\",\n          !sameMonth && \"CalendarDay--not-same-month\"\n        )}\n        hoverMode={active ? \"CalendarDay--active-hover\" : \"CalendarDay--hover\"}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        aria-label={new Intl.DateTimeFormat(locale, {\n          weekday: \"long\",\n          year: \"numeric\",\n          month: \"long\",\n          day: \"numeric\",\n        }).format(day)}\n        tabIndex={-1}\n        getRootRef={ref}\n        focusVisibleMode={active ? \"outside\" : \"inside\"}\n        onEnter={handleEnter}\n        onLeave={handleLeave}\n      >\n        <div\n          vkuiClass={classNames(\n            \"CalendarDay__hinted\",\n            hinted && \"CalendarDay__hinted--active\",\n            hintedSelectionStart && \"CalendarDay__hinted--selection-start\",\n            hintedSelectionEnd && \"CalendarDay__hinted--selection-end\"\n          )}\n        >\n          <div\n            vkuiClass={classNames(\n              \"CalendarDay__inner\",\n              active && !disabled && \"CalendarDay__inner--active\"\n            )}\n          >\n            <div vkuiClass=\"CalendarDay__day-number\">{day.getDate()}</div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  }\n);\n\nCalendarDay.displayName = \"CalendarDay\";\n"],"file":"CalendarDay.js"}
+{"version":3,"file":"CalendarDay.js","names":["CalendarDay","React","memo","day","today","selected","onChange","hidden","disabled","active","selectionStart","selectionEnd","focused","onEnter","onLeave","hinted","hintedSelectionStart","hintedSelectionEnd","sameMonth","size","props","locale","useContext","LocaleProviderContext","ref","useRef","onClick","useCallback","handleEnter","handleLeave","useEffect","current","dispatchEvent","Event","ENABLE_KEYBOARD_INPUT_EVENT_NAME","bubbles","focus","classNames","Intl","DateTimeFormat","weekday","year","month","format","getDate","displayName"],"sources":["../../../../src/components/CalendarDay/CalendarDay.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable, TappableElementProps } from \"../Tappable/Tappable\";\nimport { ENABLE_KEYBOARD_INPUT_EVENT_NAME } from \"../../hooks/useKeyboardInputTracker\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport \"./CalendarDay.css\";\n\nexport type CalendarDayElementProps = Omit<\n  TappableElementProps,\n  \"onChange\" | \"size\" | \"disabled\" | \"selected\"\n>;\n\nexport interface CalendarDayProps extends CalendarDayElementProps {\n  day: Date;\n  today?: boolean;\n  selected?: boolean;\n  selectionStart?: boolean;\n  selectionEnd?: boolean;\n  hintedSelectionStart?: boolean;\n  hintedSelectionEnd?: boolean;\n  active?: boolean;\n  hidden?: boolean;\n  disabled?: boolean;\n  focused?: boolean;\n  hinted?: boolean;\n  sameMonth?: boolean;\n  size?: \"s\" | \"m\";\n  onChange(value: Date): void;\n  onEnter?(value: Date): void;\n  onLeave?(value: Date): void;\n}\n\nexport const CalendarDay = React.memo(\n  ({\n    day,\n    today,\n    selected,\n    onChange,\n    hidden,\n    disabled,\n    active,\n    selectionStart,\n    selectionEnd,\n    focused,\n    onEnter,\n    onLeave,\n    hinted,\n    hintedSelectionStart,\n    hintedSelectionEnd,\n    sameMonth,\n    size,\n    ...props\n  }: CalendarDayProps) => {\n    const locale = React.useContext(LocaleProviderContext);\n    const ref = React.useRef<HTMLElement>(null);\n    const onClick = React.useCallback(() => onChange(day), [day, onChange]);\n    const handleEnter = React.useCallback(() => onEnter?.(day), [day, onEnter]);\n    const handleLeave = React.useCallback(() => onLeave?.(day), [day, onLeave]);\n\n    React.useEffect(() => {\n      if (focused && ref.current) {\n        ref.current.dispatchEvent(\n          new Event(ENABLE_KEYBOARD_INPUT_EVENT_NAME, { bubbles: true })\n        );\n        ref.current.focus();\n      }\n    }, [focused]);\n\n    if (hidden) {\n      return <div vkuiClass=\"CalendarDay__hidden\"></div>;\n    }\n\n    return (\n      <Tappable\n        vkuiClass={classNames(\n          \"CalendarDay\",\n          `CalendarDay--size-${size}`,\n          today && \"CalendarDay--today\",\n          selected && !disabled && \"CalendarDay--selected\",\n          active && !disabled && \"CalendarDay--active\",\n          selectionStart && \"CalendarDay--selection-start\",\n          selectionEnd && \"CalendarDay--selection-end\",\n          disabled && \"CalendarDay--disabled\",\n          !sameMonth && \"CalendarDay--not-same-month\"\n        )}\n        hoverMode={active ? \"CalendarDay--active-hover\" : \"CalendarDay--hover\"}\n        hasActive={false}\n        onClick={onClick}\n        disabled={disabled}\n        aria-label={new Intl.DateTimeFormat(locale, {\n          weekday: \"long\",\n          year: \"numeric\",\n          month: \"long\",\n          day: \"numeric\",\n        }).format(day)}\n        tabIndex={-1}\n        getRootRef={ref}\n        focusVisibleMode={active ? \"outside\" : \"inside\"}\n        onEnter={handleEnter}\n        onLeave={handleLeave}\n        {...props}\n      >\n        <div\n          vkuiClass={classNames(\n            \"CalendarDay__hinted\",\n            hinted && \"CalendarDay__hinted--active\",\n            hintedSelectionStart && \"CalendarDay__hinted--selection-start\",\n            hintedSelectionEnd && \"CalendarDay__hinted--selection-end\"\n          )}\n        >\n          <div\n            vkuiClass={classNames(\n              \"CalendarDay__inner\",\n              active && !disabled && \"CalendarDay__inner--active\"\n            )}\n          >\n            <div vkuiClass=\"CalendarDay__day-number\">{day.getDate()}</div>\n          </div>\n        </div>\n      </Tappable>\n    );\n  }\n);\n\nCalendarDay.displayName = \"CalendarDay\";\n"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { CalendarDayElementProps } from "../CalendarDay/CalendarDay";
+import "./CalendarDays.css";
+export interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: Date | Array<Date | null>;
+    viewDate: Date;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showNeighboringMonth?: boolean;
+    size?: "s" | "m";
+    dayProps?: CalendarDayElementProps;
+    onDayChange(value: Date): void;
+    isDayDisabled(value: Date): boolean;
+    isDaySelectionStart(value: Date, dayOfWeek: number): boolean;
+    isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;
+    isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;
+    isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;
+    isDayActive(value: Date): boolean;
+    isDayHinted?(value: Date): boolean;
+    isDaySelected?(value: Date): boolean;
+    isDayFocused(value: Date): boolean;
+    onDayEnter?(value: Date): void;
+    onDayLeave?(value: Date): void;
+}
+export declare const CalendarDays: ({ viewDate, value, weekStartsOn, onDayChange, isDaySelected, isDayActive, isDaySelectionEnd, isDaySelectionStart, onDayEnter, onDayLeave, isDayHinted, isHintedDaySelectionStart, isHintedDaySelectionEnd, isDayFocused, isDayDisabled, size, showNeighboringMonth, dayProps, ...props }: CalendarDaysProps) => JSX.Element;

package/dist/cjs/components/CalendarDays/CalendarDays.js

@@ -31,7 +31,7 @@ var _classNames = require("../../lib/classNames");
 
 var _Caption = require("../Typography/Caption/Caption");
 
-var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth"];
+var _excluded = ["viewDate", "value", "weekStartsOn", "onDayChange", "isDaySelected", "isDayActive", "isDaySelectionEnd", "isDaySelectionStart", "onDayEnter", "onDayLeave", "isDayHinted", "isHintedDaySelectionStart", "isHintedDaySelectionEnd", "isDayFocused", "isDayDisabled", "size", "showNeighboringMonth", "dayProps"];
 
 var CalendarDays = function CalendarDays(_ref) {
   var viewDate = _ref.viewDate,
@@ -52,6 +52,7 @@ var CalendarDays = function CalendarDays(_ref) {
       size = _ref.size,
       _ref$showNeighboringM = _ref.showNeighboringMonth,
       showNeighboringMonth = _ref$showNeighboringM === void 0 ? false : _ref$showNeighboringM,
+      dayProps = _ref.dayProps,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var locale = React.useContext(_LocaleProviderContext.LocaleProviderContext);
   var ref = React.useRef(null);
@@ -89,7 +90,7 @@ var CalendarDays = function CalendarDays(_ref) {
       key: i
     }, week.map(function (day, i) {
       var sameMonth = (0, _date.isSameMonth)(day, viewDate);
-      return (0, _jsxRuntime.createScopedElement)(_CalendarDay.CalendarDay, {
+      return (0, _jsxRuntime.createScopedElement)(_CalendarDay.CalendarDay, (0, _extends2.default)({
         key: day.toISOString(),
         day: day,
         today: (0, _date.isSameDay)(day, now),
@@ -108,7 +109,7 @@ var CalendarDays = function CalendarDays(_ref) {
         hinted: isDayHinted === null || isDayHinted === void 0 ? void 0 : isDayHinted(day),
         sameMonth: sameMonth,
         size: size
-      });
+      }, dayProps));
     }));
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","props","locale","React","useContext","LocaleProviderContext","ref","useRef","useState","Date","now","weeks","useMemo","daysNames","handleDayChange","useCallback","date","current","focus","map","dayName","week","i","day","sameMonth","toISOString"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport { CalendarDay } from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: \"s\" | \"m\";\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  ...props\n}: CalendarDaysProps) => {\n  const locale = React.useContext(LocaleProviderContext);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [now] = React.useState(new Date());\n\n  const weeks = React.useMemo(\n    () => getWeeks(viewDate, weekStartsOn),\n    [weekStartsOn, viewDate]\n  );\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn]\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange]\n  );\n\n  return (\n    <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n      <div\n        vkuiClass={classNames(\n          \"CalendarDays__row\",\n          `CalendarDays__row--size-${size}`\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Caption key={dayName} level=\"1\" vkuiClass=\"CalendarDays__weekday\">\n            {dayName}\n          </Caption>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          vkuiClass={classNames(\n            \"CalendarDays__row\",\n            `CalendarDays__row--size-${size}`\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"file":"CalendarDays.js"}
+{"version":3,"file":"CalendarDays.js","names":["CalendarDays","viewDate","value","weekStartsOn","onDayChange","isDaySelected","isDayActive","isDaySelectionEnd","isDaySelectionStart","onDayEnter","onDayLeave","isDayHinted","isHintedDaySelectionStart","isHintedDaySelectionEnd","isDayFocused","isDayDisabled","size","showNeighboringMonth","dayProps","props","locale","React","useContext","LocaleProviderContext","ref","useRef","useState","Date","now","weeks","useMemo","getWeeks","daysNames","getDaysNames","handleDayChange","useCallback","date","current","focus","classNames","map","dayName","week","i","day","sameMonth","isSameMonth","toISOString","isSameDay"],"sources":["../../../../src/components/CalendarDays/CalendarDays.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { isSameDay, isSameMonth } from \"../../lib/date\";\nimport {\n  CalendarDay,\n  CalendarDayElementProps,\n} from \"../CalendarDay/CalendarDay\";\nimport { getDaysNames, getWeeks } from \"../../lib/calendar\";\nimport { LocaleProviderContext } from \"../LocaleProviderContext/LocaleProviderContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./CalendarDays.css\";\n\nexport interface CalendarDaysProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  value?: Date | Array<Date | null>;\n  viewDate: Date;\n  weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  showNeighboringMonth?: boolean;\n  size?: \"s\" | \"m\";\n  dayProps?: CalendarDayElementProps;\n  onDayChange(value: Date): void;\n  isDayDisabled(value: Date): boolean;\n  isDaySelectionStart(value: Date, dayOfWeek: number): boolean;\n  isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;\n  isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;\n  isDayActive(value: Date): boolean;\n  isDayHinted?(value: Date): boolean;\n  isDaySelected?(value: Date): boolean;\n  isDayFocused(value: Date): boolean;\n  onDayEnter?(value: Date): void;\n  onDayLeave?(value: Date): void;\n}\n\nexport const CalendarDays = ({\n  viewDate,\n  value,\n  weekStartsOn,\n  onDayChange,\n  isDaySelected,\n  isDayActive,\n  isDaySelectionEnd,\n  isDaySelectionStart,\n  onDayEnter,\n  onDayLeave,\n  isDayHinted,\n  isHintedDaySelectionStart,\n  isHintedDaySelectionEnd,\n  isDayFocused,\n  isDayDisabled,\n  size,\n  showNeighboringMonth = false,\n  dayProps,\n  ...props\n}: CalendarDaysProps) => {\n  const locale = React.useContext(LocaleProviderContext);\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [now] = React.useState(new Date());\n\n  const weeks = React.useMemo(\n    () => getWeeks(viewDate, weekStartsOn),\n    [weekStartsOn, viewDate]\n  );\n\n  const daysNames = React.useMemo(\n    () => getDaysNames(now, weekStartsOn, locale),\n    [locale, now, weekStartsOn]\n  );\n\n  const handleDayChange = React.useCallback(\n    (date: Date) => {\n      onDayChange(date);\n\n      ref.current?.focus();\n    },\n    [onDayChange]\n  );\n\n  return (\n    <div {...props} vkuiClass=\"CalendarDays\" ref={ref}>\n      <div\n        vkuiClass={classNames(\n          \"CalendarDays__row\",\n          `CalendarDays__row--size-${size}`\n        )}\n      >\n        {daysNames.map((dayName) => (\n          <Caption key={dayName} level=\"1\" vkuiClass=\"CalendarDays__weekday\">\n            {dayName}\n          </Caption>\n        ))}\n      </div>\n\n      {weeks.map((week, i) => (\n        <div\n          vkuiClass={classNames(\n            \"CalendarDays__row\",\n            `CalendarDays__row--size-${size}`\n          )}\n          key={i}\n        >\n          {week.map((day, i) => {\n            const sameMonth = isSameMonth(day, viewDate);\n            return (\n              <CalendarDay\n                key={day.toISOString()}\n                day={day}\n                today={isSameDay(day, now)}\n                active={isDayActive(day)}\n                onChange={handleDayChange}\n                hidden={!showNeighboringMonth && !sameMonth}\n                disabled={isDayDisabled(day)}\n                selectionStart={isDaySelectionStart(day, i)}\n                selectionEnd={isDaySelectionEnd(day, i)}\n                hintedSelectionStart={isHintedDaySelectionStart?.(day, i)}\n                hintedSelectionEnd={isHintedDaySelectionEnd?.(day, i)}\n                selected={isDaySelected?.(day)}\n                focused={isDayFocused(day)}\n                onEnter={onDayEnter}\n                onLeave={onDayLeave}\n                hinted={isDayHinted?.(day)}\n                sameMonth={sameMonth}\n                size={size}\n                {...dayProps}\n              />\n            );\n          })}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}